From f387657d8c57fc1de01710064442b93796698deb Mon Sep 17 00:00:00 2001
From: Hunter Johnston <johnstonhuntera@gmail.com>
Date: Thu, 24 Oct 2024 22:35:35 -0400
Subject: [PATCH] prep for next

---
 packages/cli/src/commands/init.ts             |   7 +-
 packages/cli/src/constants.ts                 |   1 +
 packages/cli/src/utils/get-config.ts          |   9 +-
 .../test/fixtures/config-full/components.json |   2 +-
 .../fixtures/config-jsconfig/components.json  |   2 +-
 packages/cli/test/utils/get-config.spec.ts    |  11 +-
 sites/docs/scripts/build-registry.ts          |   4 +-
 sites/docs/scripts/registry-new.ts            | 333 ------------------
 sites/docs/scripts/registry.ts                | 224 ++++++++++--
 sites/docs/scripts/tmp.ts                     |   2 +
 sites/docs/src/content/about.md               |   4 +-
 sites/docs/src/content/cli.md                 |   8 +-
 sites/docs/src/content/components-json.md     |   6 +-
 sites/docs/src/content/dark-mode/index.md     |   7 +-
 sites/docs/src/content/dark-mode/svelte.md    |   3 +-
 sites/docs/src/content/installation/astro.md  |   6 +-
 sites/docs/src/content/installation/index.md  |  30 +-
 sites/docs/src/content/installation/manual.md | 217 +++++-------
 .../src/content/installation/sveltekit.md     |   8 +-
 sites/docs/src/content/installation/vite.md   |   6 +-
 sites/docs/src/content/theming.md             | 121 +++----
 .../lib/components/docs/block-toolbar.svelte  |   2 +-
 .../components/docs/icons/svelte-white.svelte |  16 +
 .../src/lib/components/docs/metadata.svelte   |   6 +-
 .../lib/components/docs/pm-add-comp.svelte    |   2 +-
 sites/docs/src/lib/config/site.ts             |   6 +-
 sites/docs/static/registry/index.json         |  90 ++---
 .../registry/styles/default-js/accordion.json |   2 +-
 .../styles/default-js/alert-dialog.json       |   2 +-
 .../registry/styles/default-js/alert.json     |   2 +-
 .../styles/default-js/aspect-ratio.json       |   2 +-
 .../registry/styles/default-js/avatar.json    |   2 +-
 .../registry/styles/default-js/badge.json     |   2 +-
 .../styles/default-js/breadcrumb.json         |   2 +-
 .../registry/styles/default-js/calendar.json  |   2 +-
 .../registry/styles/default-js/card.json      |   2 +-
 .../registry/styles/default-js/carousel.json  |   2 +-
 .../registry/styles/default-js/checkbox.json  |   2 +-
 .../styles/default-js/collapsible.json        |   2 +-
 .../registry/styles/default-js/command.json   |   2 +-
 .../styles/default-js/context-menu.json       |   2 +-
 .../registry/styles/default-js/dialog.json    |   2 +-
 .../registry/styles/default-js/drawer.json    |   4 +-
 .../styles/default-js/dropdown-menu.json      |   2 +-
 .../registry/styles/default-js/form.json      |   4 +-
 .../styles/default-js/hover-card.json         |   2 +-
 .../registry/styles/default-js/input.json     |   2 +-
 .../registry/styles/default-js/label.json     |   2 +-
 .../registry/styles/default-js/menubar.json   |   2 +-
 .../styles/default-js/pagination.json         |   2 +-
 .../registry/styles/default-js/popover.json   |   2 +-
 .../registry/styles/default-js/progress.json  |   2 +-
 .../styles/default-js/radio-group.json        |   2 +-
 .../styles/default-js/range-calendar.json     |   2 +-
 .../registry/styles/default-js/resizable.json |   4 +-
 .../styles/default-js/scroll-area.json        |   2 +-
 .../registry/styles/default-js/select.json    |   2 +-
 .../registry/styles/default-js/separator.json |   2 +-
 .../registry/styles/default-js/sheet.json     |   2 +-
 .../registry/styles/default-js/sidebar.json   |   2 +-
 .../registry/styles/default-js/skeleton.json  |   2 +-
 .../registry/styles/default-js/slider.json    |   2 +-
 .../registry/styles/default-js/switch.json    |   2 +-
 .../registry/styles/default-js/table.json     |   2 +-
 .../registry/styles/default-js/tabs.json      |   2 +-
 .../registry/styles/default-js/textarea.json  |   2 +-
 .../styles/default-js/toggle-group.json       |   2 +-
 .../registry/styles/default-js/toggle.json    |   2 +-
 .../registry/styles/default-js/tooltip.json   |   2 +-
 .../registry/styles/default/accordion.json    |   2 +-
 .../registry/styles/default/alert-dialog.json |   2 +-
 .../static/registry/styles/default/alert.json |   2 +-
 .../registry/styles/default/aspect-ratio.json |   2 +-
 .../registry/styles/default/avatar.json       |   2 +-
 .../static/registry/styles/default/badge.json |   2 +-
 .../registry/styles/default/breadcrumb.json   |   2 +-
 .../registry/styles/default/calendar.json     |   2 +-
 .../static/registry/styles/default/card.json  |   2 +-
 .../registry/styles/default/carousel.json     |   2 +-
 .../registry/styles/default/checkbox.json     |   2 +-
 .../registry/styles/default/collapsible.json  |   2 +-
 .../registry/styles/default/command.json      |   2 +-
 .../registry/styles/default/context-menu.json |   2 +-
 .../registry/styles/default/dialog.json       |   2 +-
 .../registry/styles/default/drawer.json       |   4 +-
 .../styles/default/dropdown-menu.json         |   2 +-
 .../static/registry/styles/default/form.json  |   4 +-
 .../registry/styles/default/hover-card.json   |   2 +-
 .../static/registry/styles/default/input.json |   2 +-
 .../static/registry/styles/default/label.json |   2 +-
 .../registry/styles/default/menubar.json      |   2 +-
 .../registry/styles/default/pagination.json   |   2 +-
 .../registry/styles/default/popover.json      |   2 +-
 .../registry/styles/default/progress.json     |   2 +-
 .../registry/styles/default/radio-group.json  |   2 +-
 .../styles/default/range-calendar.json        |   2 +-
 .../registry/styles/default/resizable.json    |   4 +-
 .../registry/styles/default/scroll-area.json  |   2 +-
 .../registry/styles/default/select.json       |   2 +-
 .../registry/styles/default/separator.json    |   2 +-
 .../static/registry/styles/default/sheet.json |   2 +-
 .../registry/styles/default/sidebar.json      |   2 +-
 .../registry/styles/default/skeleton.json     |   2 +-
 .../registry/styles/default/slider.json       |   2 +-
 .../registry/styles/default/switch.json       |   2 +-
 .../static/registry/styles/default/table.json |   2 +-
 .../static/registry/styles/default/tabs.json  |   2 +-
 .../registry/styles/default/textarea.json     |   2 +-
 .../registry/styles/default/toggle-group.json |   2 +-
 .../registry/styles/default/toggle.json       |   2 +-
 .../registry/styles/default/tooltip.json      |   2 +-
 .../styles/new-york-js/accordion.json         |   2 +-
 .../styles/new-york-js/alert-dialog.json      |   2 +-
 .../registry/styles/new-york-js/alert.json    |   2 +-
 .../styles/new-york-js/aspect-ratio.json      |   2 +-
 .../registry/styles/new-york-js/avatar.json   |   2 +-
 .../registry/styles/new-york-js/badge.json    |   2 +-
 .../styles/new-york-js/breadcrumb.json        |   2 +-
 .../registry/styles/new-york-js/calendar.json |   2 +-
 .../registry/styles/new-york-js/card.json     |   2 +-
 .../registry/styles/new-york-js/carousel.json |   2 +-
 .../registry/styles/new-york-js/checkbox.json |   2 +-
 .../styles/new-york-js/collapsible.json       |   2 +-
 .../registry/styles/new-york-js/command.json  |   2 +-
 .../styles/new-york-js/context-menu.json      |   2 +-
 .../registry/styles/new-york-js/dialog.json   |   2 +-
 .../registry/styles/new-york-js/drawer.json   |   4 +-
 .../styles/new-york-js/dropdown-menu.json     |   2 +-
 .../registry/styles/new-york-js/form.json     |   4 +-
 .../styles/new-york-js/hover-card.json        |   2 +-
 .../registry/styles/new-york-js/input.json    |   2 +-
 .../registry/styles/new-york-js/label.json    |   2 +-
 .../registry/styles/new-york-js/menubar.json  |   2 +-
 .../styles/new-york-js/pagination.json        |   2 +-
 .../registry/styles/new-york-js/popover.json  |   2 +-
 .../registry/styles/new-york-js/progress.json |   2 +-
 .../styles/new-york-js/radio-group.json       |   2 +-
 .../styles/new-york-js/range-calendar.json    |   2 +-
 .../styles/new-york-js/resizable.json         |   4 +-
 .../styles/new-york-js/scroll-area.json       |   2 +-
 .../registry/styles/new-york-js/select.json   |   2 +-
 .../styles/new-york-js/separator.json         |   2 +-
 .../registry/styles/new-york-js/sheet.json    |   2 +-
 .../registry/styles/new-york-js/sidebar.json  |   2 +-
 .../registry/styles/new-york-js/skeleton.json |   2 +-
 .../registry/styles/new-york-js/slider.json   |   2 +-
 .../registry/styles/new-york-js/switch.json   |   2 +-
 .../registry/styles/new-york-js/table.json    |   2 +-
 .../registry/styles/new-york-js/tabs.json     |   2 +-
 .../registry/styles/new-york-js/textarea.json |   2 +-
 .../styles/new-york-js/toggle-group.json      |   2 +-
 .../registry/styles/new-york-js/toggle.json   |   2 +-
 .../registry/styles/new-york-js/tooltip.json  |   2 +-
 .../registry/styles/new-york/accordion.json   |   2 +-
 .../styles/new-york/alert-dialog.json         |   2 +-
 .../registry/styles/new-york/alert.json       |   2 +-
 .../styles/new-york/aspect-ratio.json         |   2 +-
 .../registry/styles/new-york/avatar.json      |   2 +-
 .../registry/styles/new-york/badge.json       |   2 +-
 .../registry/styles/new-york/breadcrumb.json  |   2 +-
 .../registry/styles/new-york/calendar.json    |   2 +-
 .../static/registry/styles/new-york/card.json |   2 +-
 .../registry/styles/new-york/carousel.json    |   2 +-
 .../registry/styles/new-york/checkbox.json    |   2 +-
 .../registry/styles/new-york/collapsible.json |   2 +-
 .../registry/styles/new-york/command.json     |   2 +-
 .../styles/new-york/context-menu.json         |   2 +-
 .../registry/styles/new-york/dialog.json      |   2 +-
 .../registry/styles/new-york/drawer.json      |   4 +-
 .../styles/new-york/dropdown-menu.json        |   2 +-
 .../static/registry/styles/new-york/form.json |   4 +-
 .../registry/styles/new-york/hover-card.json  |   2 +-
 .../registry/styles/new-york/input.json       |   2 +-
 .../registry/styles/new-york/label.json       |   2 +-
 .../registry/styles/new-york/menubar.json     |   2 +-
 .../registry/styles/new-york/pagination.json  |   2 +-
 .../registry/styles/new-york/popover.json     |   2 +-
 .../registry/styles/new-york/progress.json    |   2 +-
 .../registry/styles/new-york/radio-group.json |   2 +-
 .../styles/new-york/range-calendar.json       |   2 +-
 .../registry/styles/new-york/resizable.json   |   4 +-
 .../registry/styles/new-york/scroll-area.json |   2 +-
 .../registry/styles/new-york/select.json      |   2 +-
 .../registry/styles/new-york/separator.json   |   2 +-
 .../registry/styles/new-york/sheet.json       |   2 +-
 .../registry/styles/new-york/sidebar.json     |   2 +-
 .../registry/styles/new-york/skeleton.json    |   2 +-
 .../registry/styles/new-york/slider.json      |   2 +-
 .../registry/styles/new-york/switch.json      |   2 +-
 .../registry/styles/new-york/table.json       |   2 +-
 .../static/registry/styles/new-york/tabs.json |   2 +-
 .../registry/styles/new-york/textarea.json    |   2 +-
 .../styles/new-york/toggle-group.json         |   2 +-
 .../registry/styles/new-york/toggle.json      |   2 +-
 .../registry/styles/new-york/tooltip.json     |   2 +-
 sites/docs/static/schema.json                 |  12 +
 196 files changed, 656 insertions(+), 849 deletions(-)
 create mode 100644 packages/cli/src/constants.ts
 delete mode 100644 sites/docs/scripts/registry-new.ts
 create mode 100644 sites/docs/scripts/tmp.ts
 create mode 100644 sites/docs/src/lib/components/docs/icons/svelte-white.svelte

diff --git a/packages/cli/src/commands/init.ts b/packages/cli/src/commands/init.ts
index 556ea692c..4e05035b2 100644
--- a/packages/cli/src/commands/init.ts
+++ b/packages/cli/src/commands/init.ts
@@ -21,6 +21,7 @@ import { resolveImport } from "../utils/resolve-imports.js";
 import { syncSvelteKit } from "../utils/sveltekit.js";
 import * as templates from "../utils/templates.js";
 import { resolveCommand } from "package-manager-detector/commands";
+import { SITE_BASE_URL } from "../constants.js";
 
 const PROJECT_DEPENDENCIES = [
 	"tailwind-variants",
@@ -134,7 +135,7 @@ async function promptForConfig(cwd: string, defaultConfig: Config | null, option
 	const langConfig = detectLanguage(cwd);
 	if (langConfig === undefined) {
 		throw error(
-			`Failed to find a ${highlight("tsconfig.json")} or ${highlight("jsconfig.json")} file. See: ${color.underline("https://www.shadcn-svelte.com/docs/installation#opt-out-of-typescript")}`
+			`Failed to find a ${highlight("tsconfig.json")} or ${highlight("jsconfig.json")} file. See: ${color.underline(`${SITE_BASE_URL}/docs/installation#opt-out-of-typescript`)}`
 		);
 	}
 
@@ -311,7 +312,7 @@ async function promptForConfig(cwd: string, defaultConfig: Config | null, option
 	}
 
 	const config = v.parse(cliConfig.rawConfigSchema, {
-		$schema: "https://shadcn-svelte.com/schema.json",
+		$schema: `${SITE_BASE_URL}/schema.json`,
 		style,
 		typescript: langConfig.type === "tsconfig.json",
 		registry: defaultConfig?.registry,
@@ -345,7 +346,7 @@ function validateImportAlias(alias: string, langConfig: DetectLanguageResult) {
 	if (resolvedPath !== undefined) {
 		return;
 	}
-	return `"${color.bold(alias)}" does not use an existing path alias defined in your ${color.bold(langConfig.type)}. See: ${color.underline("https://www.shadcn-svelte.com/docs/installation/manual#configure-path-aliases")}`;
+	return `"${color.bold(alias)}" does not use an existing path alias defined in your ${color.bold(langConfig.type)}. See: ${color.underline(`${SITE_BASE_URL}/docs/installation/manual#configure-path-aliases`)}`;
 }
 
 export async function runInit(cwd: string, config: Config, options: InitOptions) {
diff --git a/packages/cli/src/constants.ts b/packages/cli/src/constants.ts
new file mode 100644
index 000000000..8c43b4325
--- /dev/null
+++ b/packages/cli/src/constants.ts
@@ -0,0 +1 @@
+export const SITE_BASE_URL = "https://next.shadcn-svelte.com";
diff --git a/packages/cli/src/utils/get-config.ts b/packages/cli/src/utils/get-config.ts
index 0df7eb29a..89235d2da 100644
--- a/packages/cli/src/utils/get-config.ts
+++ b/packages/cli/src/utils/get-config.ts
@@ -6,6 +6,7 @@ import * as v from "valibot";
 import { ConfigError, error } from "./errors.js";
 import { resolveImport } from "./resolve-imports.js";
 import { syncSvelteKit } from "./sveltekit.js";
+import { SITE_BASE_URL } from "../constants.js";
 
 export const DEFAULT_STYLE = "default";
 export const DEFAULT_COMPONENTS = "$lib/components";
@@ -56,7 +57,7 @@ const newConfigFields = v.object({
 	typescript: v.optional(v.boolean(), true),
 	// TODO: if they're missing this field then they're likely using svelte 4
 	// and we should prompt them to see if they'd like to use the new registry
-	registry: v.optional(v.string(), "https://shadcn-svelte.com/registry"),
+	registry: v.optional(v.string(), `${SITE_BASE_URL}/registry`),
 });
 
 // combines the old with the new
@@ -107,7 +108,7 @@ export async function resolveConfigPaths(cwd: string, config: RawConfig) {
 
 	if (pathAliases === null) {
 		throw error(
-			`Missing ${highlight("paths")} field in your ${highlight(tsconfigType)} for path aliases. See: ${color.underline("https://www.shadcn-svelte.com/docs/installation/manual#configure-path-aliases")}`
+			`Missing ${highlight("paths")} field in your ${highlight(tsconfigType)} for path aliases. See: ${color.underline(`${SITE_BASE_URL}/docs/installation/manual#configure-path-aliases`)}`
 		);
 	}
 
@@ -120,7 +121,7 @@ export async function resolveConfigPaths(cwd: string, config: RawConfig) {
 		new ConfigError(
 			`Invalid import alias found: (${highlight(`"${type}": "${alias}"`)}) in ${highlight("components.json")}.
    - Import aliases ${color.underline("must use")} existing path aliases defined in your ${highlight(tsconfigType)} (e.g. "${type}": "$lib/${type}").
-   - See: ${color.underline("https://www.shadcn-svelte.com/docs/installation/manual#configure-path-aliases")}.`
+   - See: ${color.underline(`${SITE_BASE_URL}/docs/installation/manual#configure-path-aliases`)}.`
 		);
 
 	if (utilsPath === undefined) throw aliasError("utils", config.aliases.utils);
@@ -147,7 +148,7 @@ export function getTSConfig(cwd: string, tsconfigName: "tsconfig.json" | "jsconf
 	const parsedConfig = getTsconfig(path.resolve(cwd, "package.json"), tsconfigName);
 	if (parsedConfig === null) {
 		throw error(
-			`Failed to find ${highlight(tsconfigName)}. See: ${color.underline("https://www.shadcn-svelte.com/docs/installation#opt-out-of-typescript")}`
+			`Failed to find ${highlight(tsconfigName)}. See: ${color.underline(`${SITE_BASE_URL}/docs/installation#opt-out-of-typescript`)}`
 		);
 	}
 
diff --git a/packages/cli/test/fixtures/config-full/components.json b/packages/cli/test/fixtures/config-full/components.json
index ab83ecf0c..bfde2ad1e 100644
--- a/packages/cli/test/fixtures/config-full/components.json
+++ b/packages/cli/test/fixtures/config-full/components.json
@@ -12,5 +12,5 @@
 		"hooks": "$lib/hooks"
 	},
 	"typescript": true,
-	"registry": "https://shadcn-svelte.com/registry"
+	"registry": "https://next.shadcn-svelte.com/registry"
 }
\ No newline at end of file
diff --git a/packages/cli/test/fixtures/config-jsconfig/components.json b/packages/cli/test/fixtures/config-jsconfig/components.json
index 7fca9ad1d..777bcd09e 100644
--- a/packages/cli/test/fixtures/config-jsconfig/components.json
+++ b/packages/cli/test/fixtures/config-jsconfig/components.json
@@ -12,5 +12,5 @@
 		"hooks": "$lib/hooks"
 	},
 	"typescript": false,
-	"registry": "https://shadcn-svelte.com/registry"
+	"registry": "https://next.shadcn-svelte.com/registry"
 }
diff --git a/packages/cli/test/utils/get-config.spec.ts b/packages/cli/test/utils/get-config.spec.ts
index 1521ae6c7..7c71e1368 100644
--- a/packages/cli/test/utils/get-config.spec.ts
+++ b/packages/cli/test/utils/get-config.spec.ts
@@ -1,6 +1,7 @@
 import path from "node:path";
 import { describe, expect, it, vi } from "vitest";
 import { getConfig, getRawConfig } from "../../src/utils/get-config";
+import { SITE_BASE_URL } from "../../src/constants";
 
 vi.mock("execa");
 
@@ -38,7 +39,7 @@ describe("getRawConfig", () => {
 				ui: "$lib/components/ui",
 			},
 			typescript: true,
-			registry: "https://shadcn-svelte.com/registry",
+			registry: `${SITE_BASE_URL}/registry`,
 		});
 	});
 
@@ -99,7 +100,7 @@ describe("getConfig", () => {
 				),
 			},
 			typescript: true,
-			registry: "https://shadcn-svelte.com/registry",
+			registry: `${SITE_BASE_URL}/registry`,
 		});
 	});
 
@@ -135,7 +136,7 @@ describe("getConfig", () => {
 				ui: path.resolve(__dirname, "../fixtures/config-full", "./src/lib/components/ui"),
 			},
 			typescript: true,
-			registry: "https://shadcn-svelte.com/registry",
+			registry: `${SITE_BASE_URL}/registry`,
 		});
 	});
 
@@ -171,7 +172,7 @@ describe("getConfig", () => {
 				cwd: path.resolve(__dirname, "../fixtures/config-vite"),
 			},
 			typescript: true,
-			registry: "https://shadcn-svelte.com/registry",
+			registry: `${SITE_BASE_URL}/registry`,
 		});
 	});
 
@@ -217,7 +218,7 @@ describe("getConfig", () => {
 				cwd: path.resolve(__dirname, "../fixtures/config-jsconfig"),
 			},
 			typescript: false,
-			registry: "https://shadcn-svelte.com/registry",
+			registry: `${SITE_BASE_URL}/registry`,
 		});
 	});
 });
diff --git a/sites/docs/scripts/build-registry.ts b/sites/docs/scripts/build-registry.ts
index 0663b0b3d..d7803a28c 100644
--- a/sites/docs/scripts/build-registry.ts
+++ b/sites/docs/scripts/build-registry.ts
@@ -7,9 +7,9 @@ import { colorMapping, colors } from "../src/lib/registry/colors";
 import { registrySchema } from "../src/lib/registry/schema";
 import { styles } from "../src/lib/registry/styles";
 import { themes } from "../src/lib/registry/themes";
-import { buildRegistry } from "./registry-new";
+import { buildRegistry } from "./registry";
 import { BASE_STYLES, BASE_STYLES_WITH_VARIABLES, THEME_STYLES_WITH_VARIABLES } from "./templates";
-import { getChunks } from "./transform-chunks.js";
+import { getChunks } from "./transform-chunks";
 import { transformContent } from "./transformers";
 
 const REGISTRY_PATH = path.resolve("static", "registry");
diff --git a/sites/docs/scripts/registry-new.ts b/sites/docs/scripts/registry-new.ts
deleted file mode 100644
index 9c6cb833e..000000000
--- a/sites/docs/scripts/registry-new.ts
+++ /dev/null
@@ -1,333 +0,0 @@
-import * as acorn from "acorn";
-import tsPlugin from "acorn-typescript";
-import { walk } from "estree-walker";
-import fs from "node:fs";
-import path from "node:path";
-import { parse, preprocess } from "svelte/compiler";
-import {
-	type Registry,
-	type RegistryItemFile,
-	type RegistryStyle,
-	styles,
-} from "../src/lib/registry";
-import { getPageBlockTarget } from "../src/lib/registry/registry-block-meta.js";
-import config from "../svelte.config.js";
-
-// [Dependency, [...PeerDependencies]]
-const DEPENDENCIES = new Map<string, string[]>([
-	["bits-ui", []],
-	["formsnap", ["zod", "sveltekit-superforms"]],
-	["svelte-sonner", ["mode-watcher"]],
-	["vaul-svelte", []],
-	["embla-carousel-svelte", []],
-	["paneforge", []],
-]);
-const ICON_DEPENDENCIES = ["lucide-svelte", "svelte-radix"];
-// these are required dependencies for particular components
-// where the dependencies are not specified in the import declarations of the component file
-const REQUIRED_COMPONENT_DEPS = new Map<string, string[]>([
-	["calendar", ["@internationalized/date"]],
-	["range-calendar", ["@internationalized/date"]],
-]);
-const REGISTRY_DEPENDENCY = "$lib/";
-const UTILS_PATH = "$lib/utils.js";
-
-// @ts-expect-error - shh
-const tsParser = acorn.Parser.extend(tsPlugin());
-
-type ArrayItem<T> = T extends Array<infer X> ? X : never;
-type RegistryItem = ArrayItem<Registry>;
-
-export async function buildRegistry() {
-	const registryRootPath = path.resolve("src", "lib", "registry");
-	const registry: Registry = [];
-
-	for (const { name: style } of styles) {
-		const uiPath = path.resolve(registryRootPath, style, "ui");
-		const examplePath = path.resolve(registryRootPath, style, "example");
-		const blockPath = path.resolve(registryRootPath, style, "block");
-		const hookPath = path.resolve(registryRootPath, style, "hook");
-
-		const [ui, example, block, hook] = await Promise.all([
-			crawlUI(uiPath, style),
-			crawlExample(examplePath, style),
-			crawlBlock(blockPath, style),
-			crawlHook(hookPath, style),
-		]);
-
-		registry.push(...ui, ...example, ...block, ...hook);
-	}
-
-	return registry;
-}
-
-async function crawlUI(rootPath: string, style: RegistryStyle) {
-	const dir = fs.readdirSync(rootPath, { recursive: true, withFileTypes: true });
-
-	const uiRegistry: Registry = [];
-
-	for (const dirent of dir) {
-		if (!dirent.isDirectory()) continue;
-
-		const componentPath = path.resolve(rootPath, dirent.name);
-		const ui = await buildUIRegistry(componentPath, dirent.name, style);
-		uiRegistry.push(ui);
-	}
-
-	return uiRegistry;
-}
-
-async function buildUIRegistry(componentPath: string, componentName: string, style: RegistryStyle) {
-	const dir = fs.readdirSync(componentPath, {
-		withFileTypes: true,
-	});
-
-	const files: RegistryItemFile[] = [];
-	const dependencies = new Set<string>();
-	const registryDependencies = new Set<string>();
-	const type = "registry:ui";
-
-	for (const dirent of dir) {
-		if (!dirent.isFile()) continue;
-
-		const filepath = path.join(componentPath, dirent.name);
-		const relativePath = path.join("ui", componentName, dirent.name);
-		const source = fs.readFileSync(filepath, { encoding: "utf8" });
-		const target = `${componentName}/${dirent.name}`;
-
-		files.push({ name: dirent.name, content: source, path: relativePath, type, target });
-
-		const deps = await getFileDependencies(filepath, source);
-		if (!deps) continue;
-
-		deps.dependencies.forEach((dep) => dependencies.add(dep));
-		REQUIRED_COMPONENT_DEPS.get(componentName)?.forEach((dep) => dependencies.add(dep));
-
-		deps.registryDependencies.forEach((dep) => registryDependencies.add(dep));
-	}
-
-	return {
-		style,
-		type,
-		files,
-		name: componentName,
-		registryDependencies: Array.from(registryDependencies),
-		dependencies: Array.from(dependencies),
-	} satisfies RegistryItem;
-}
-
-async function crawlExample(rootPath: string, style: RegistryStyle) {
-	const type = `registry:example` as const;
-
-	const dir = fs.readdirSync(rootPath, { withFileTypes: true });
-
-	const registry: Registry = [];
-
-	for (const dirent of dir) {
-		if (!dirent.name.endsWith(".svelte") || !dirent.isFile()) continue;
-
-		const [name] = dirent.name.split(".svelte");
-
-		const filepath = path.join(rootPath, dirent.name);
-		const source = fs.readFileSync(filepath, { encoding: "utf8" });
-		const relativePath = path.join("example", dirent.name);
-
-		const file = {
-			name: dirent.name,
-			content: source,
-			path: relativePath,
-			style,
-			target: dirent.name,
-			type,
-		};
-		const { dependencies, registryDependencies } = await getFileDependencies(filepath, source);
-
-		registry.push({
-			name,
-			type,
-			style,
-			files: [file],
-			registryDependencies: Array.from(registryDependencies),
-			dependencies: Array.from(dependencies),
-		});
-	}
-
-	return registry;
-}
-
-async function buildBlockRegistry(blockPath: string, blockName: string, style: RegistryStyle) {
-	const dir = fs.readdirSync(blockPath, { withFileTypes: true, recursive: true });
-
-	const files: RegistryItemFile[] = [];
-	const dependencies = new Set<string>();
-	const registryDependencies = new Set<string>();
-
-	for (const dirent of dir) {
-		if (!dirent.isFile()) continue;
-		const isPage = dirent.name === "page.svelte";
-		const type = isPage ? "registry:page" : "registry:component";
-
-		// TODO: fix
-		const compPath = isPage ? dirent.name : `components/${dirent.name}`;
-		const filepath = path.join(blockPath, compPath);
-		const relativePath = path.join("block", blockName, compPath);
-		const source = fs.readFileSync(filepath, { encoding: "utf8" });
-		const target = isPage ? getPageBlockTarget(blockName) : dirent.name;
-
-		files.push({ name: dirent.name, content: source, path: relativePath, type, target });
-
-		const deps = await getFileDependencies(filepath, source);
-		if (!deps) continue;
-
-		deps.dependencies.forEach((dep) => dependencies.add(dep));
-		REQUIRED_COMPONENT_DEPS.get(blockName)?.forEach((dep) => dependencies.add(dep));
-
-		deps.registryDependencies.forEach((dep) => registryDependencies.add(dep));
-	}
-
-	return {
-		style,
-		type: "registry:block",
-		files,
-		name: blockName,
-		registryDependencies: Array.from(registryDependencies),
-		dependencies: Array.from(dependencies),
-	} satisfies RegistryItem;
-}
-
-async function crawlBlock(rootPath: string, style: RegistryStyle) {
-	const type = `registry:block` as const;
-
-	const dir = fs.readdirSync(rootPath, { withFileTypes: true });
-
-	const registry: Registry = [];
-
-	for (const dirent of dir) {
-		if (!dirent.isFile()) {
-			const result = await buildBlockRegistry(
-				`${rootPath}/${dirent.name}`,
-				dirent.name,
-				style
-			);
-			registry.push(result);
-			continue;
-		}
-		if (!dirent.name.endsWith(".svelte") || !dirent.isFile()) continue;
-
-		const [name] = dirent.name.split(".svelte");
-
-		const filepath = path.join(rootPath, dirent.name);
-		const source = fs.readFileSync(filepath, { encoding: "utf8" });
-		const relativePath = path.join("example", dirent.name);
-
-		const file = {
-			name: dirent.name,
-			content: source,
-			path: relativePath,
-			style,
-			target: dirent.name,
-			type,
-		};
-		const { dependencies, registryDependencies } = await getFileDependencies(filepath, source);
-
-		registry.push({
-			name,
-			type,
-			style,
-			files: [file],
-			registryDependencies: Array.from(registryDependencies),
-			dependencies: Array.from(dependencies),
-		});
-	}
-
-	return registry;
-}
-
-async function crawlHook(rootPath: string, style: RegistryStyle) {
-	const type = `registry:hook` as const;
-
-	const dir = fs.readdirSync(rootPath, { withFileTypes: true });
-
-	const registry: Registry = [];
-
-	for (const dirent of dir) {
-		if (!dirent.isFile()) continue;
-
-		const [name] = dirent.name.split(".svelte.ts");
-
-		const filepath = path.join(rootPath, dirent.name);
-		const source = fs.readFileSync(filepath, { encoding: "utf8" });
-		const relativePath = path.join("hook", dirent.name);
-
-		const file = {
-			name: dirent.name,
-			content: source,
-			path: relativePath,
-			style,
-			target: dirent.name,
-			type,
-		};
-		const { dependencies, registryDependencies } = await getFileDependencies(filepath, source);
-
-		registry.push({
-			name,
-			type,
-			style,
-			files: [file],
-			registryDependencies: Array.from(registryDependencies),
-			dependencies: Array.from(dependencies),
-		});
-	}
-
-	return registry;
-}
-
-async function getFileDependencies(filename: string, sourceCode: string) {
-	let ast: unknown;
-
-	if (filename.endsWith(".svelte")) {
-		const { code } = await preprocess(sourceCode, config.preprocess, { filename });
-		const result = parse(code, { filename });
-		ast = result.instance;
-	} else {
-		ast = tsParser.parse(sourceCode, {
-			ecmaVersion: "latest",
-			sourceType: "module",
-		});
-	}
-
-	const registryDependencies = new Set<string>();
-	const dependencies = new Set<string>();
-
-	// @ts-expect-error yea, stfu
-	walk(ast, {
-		enter(node) {
-			if (node.type === "ImportDeclaration") {
-				const source = node.source.value as string;
-
-				const peerDeps = DEPENDENCIES.get(source);
-				if (peerDeps !== undefined) {
-					dependencies.add(source);
-					peerDeps.forEach((dep) => dependencies.add(dep));
-				}
-
-				if (source.startsWith(REGISTRY_DEPENDENCY) && source !== UTILS_PATH) {
-					if (source.includes("ui")) {
-						const component = source.split("/").at(-2)!;
-						registryDependencies.add(component);
-					} else if (source.includes("hook")) {
-						const hook = source.split("/").at(-1)!.split(".")[0];
-						registryDependencies.add(hook);
-					}
-				}
-
-				const iconDep = ICON_DEPENDENCIES.find((dep) => source.startsWith(dep));
-				if (iconDep !== undefined) {
-					dependencies.add(iconDep);
-				}
-			}
-		},
-	});
-
-	return { registryDependencies, dependencies };
-}
diff --git a/sites/docs/scripts/registry.ts b/sites/docs/scripts/registry.ts
index b39d64cf6..43ca25866 100644
--- a/sites/docs/scripts/registry.ts
+++ b/sites/docs/scripts/registry.ts
@@ -1,9 +1,18 @@
+import * as acorn from "acorn";
+import tsPlugin from "acorn-typescript";
+import { walk } from "estree-walker";
 import fs from "node:fs";
 import path from "node:path";
 import { parse, preprocess } from "svelte/compiler";
-import { walk } from "estree-walker";
-import { type Registry, styles } from "../src/lib/registry";
+import {
+	type Registry,
+	type RegistryItemFile,
+	type RegistryStyle,
+	styles,
+} from "../src/lib/registry";
+import { getPageBlockTarget } from "../src/lib/registry/registry-block-meta.js";
 import config from "../svelte.config.js";
+import { TMP_NEXT_DEPS } from "./tmp";
 
 // [Dependency, [...PeerDependencies]]
 const DEPENDENCIES = new Map<string, string[]>([
@@ -24,6 +33,9 @@ const REQUIRED_COMPONENT_DEPS = new Map<string, string[]>([
 const REGISTRY_DEPENDENCY = "$lib/";
 const UTILS_PATH = "$lib/utils.js";
 
+// @ts-expect-error - shh
+const tsParser = acorn.Parser.extend(tsPlugin());
+
 type ArrayItem<T> = T extends Array<infer X> ? X : never;
 type RegistryItem = ArrayItem<Registry>;
 
@@ -35,24 +47,23 @@ export async function buildRegistry() {
 		const uiPath = path.resolve(registryRootPath, style, "ui");
 		const examplePath = path.resolve(registryRootPath, style, "example");
 		const blockPath = path.resolve(registryRootPath, style, "block");
+		const hookPath = path.resolve(registryRootPath, style, "hook");
 
-		const [ui, example, block] = await Promise.all([
+		const [ui, example, block, hook] = await Promise.all([
 			crawlUI(uiPath, style),
-			crawlDemo(examplePath, style, "example"),
-			crawlDemo(blockPath, style, "block"),
+			crawlExample(examplePath, style),
+			crawlBlock(blockPath, style),
+			crawlHook(hookPath, style),
 		]);
 
-		registry.push(...ui, ...example, ...block);
+		registry.push(...ui, ...example, ...block, ...hook);
 	}
 
 	return registry;
 }
 
-async function crawlUI(rootPath: string, style: string) {
-	const dir = fs.readdirSync(rootPath, {
-		recursive: true,
-		withFileTypes: true,
-	});
+async function crawlUI(rootPath: string, style: RegistryStyle) {
+	const dir = fs.readdirSync(rootPath, { recursive: true, withFileTypes: true });
 
 	const uiRegistry: Registry = [];
 
@@ -67,15 +78,15 @@ async function crawlUI(rootPath: string, style: string) {
 	return uiRegistry;
 }
 
-async function buildUIRegistry(componentPath: string, componentName: string, style: string) {
+async function buildUIRegistry(componentPath: string, componentName: string, style: RegistryStyle) {
 	const dir = fs.readdirSync(componentPath, {
 		withFileTypes: true,
 	});
 
-	const files = [];
+	const files: RegistryItemFile[] = [];
 	const dependencies = new Set<string>();
 	const registryDependencies = new Set<string>();
-	const type = "components:ui";
+	const type = "registry:ui";
 
 	for (const dirent of dir) {
 		if (!dirent.isFile()) continue;
@@ -83,12 +94,12 @@ async function buildUIRegistry(componentPath: string, componentName: string, sty
 		const filepath = path.join(componentPath, dirent.name);
 		const relativePath = path.join("ui", componentName, dirent.name);
 		const source = fs.readFileSync(filepath, { encoding: "utf8" });
+		const target = `${componentName}/${dirent.name}`;
 
-		files.push({ name: dirent.name, content: source, path: relativePath });
+		files.push({ name: dirent.name, content: source, path: relativePath, type, target });
 
-		// only grab deps from the svelte files
-		if (!dirent.name.endsWith(".svelte")) continue;
-		const deps = await getDependencies(filepath, source);
+		const deps = await getFileDependencies(filepath, source);
+		if (!deps) continue;
 
 		deps.dependencies.forEach((dep) => dependencies.add(dep));
 		REQUIRED_COMPONENT_DEPS.get(componentName)?.forEach((dep) => dependencies.add(dep));
@@ -102,30 +113,164 @@ async function buildUIRegistry(componentPath: string, componentName: string, sty
 		files,
 		name: componentName,
 		registryDependencies: Array.from(registryDependencies),
+		dependencies: Array.from(dependencies).map((dep) =>
+			TMP_NEXT_DEPS.includes(dep) ? `${dep}@next` : dep
+		),
+	} satisfies RegistryItem;
+}
+
+async function crawlExample(rootPath: string, style: RegistryStyle) {
+	const type = `registry:example` as const;
+
+	const dir = fs.readdirSync(rootPath, { withFileTypes: true });
+
+	const registry: Registry = [];
+
+	for (const dirent of dir) {
+		if (!dirent.name.endsWith(".svelte") || !dirent.isFile()) continue;
+
+		const [name] = dirent.name.split(".svelte");
+
+		const filepath = path.join(rootPath, dirent.name);
+		const source = fs.readFileSync(filepath, { encoding: "utf8" });
+		const relativePath = path.join("example", dirent.name);
+
+		const file = {
+			name: dirent.name,
+			content: source,
+			path: relativePath,
+			style,
+			target: dirent.name,
+			type,
+		};
+		const { dependencies, registryDependencies } = await getFileDependencies(filepath, source);
+
+		registry.push({
+			name,
+			type,
+			style,
+			files: [file],
+			registryDependencies: Array.from(registryDependencies),
+			dependencies: Array.from(dependencies),
+		});
+	}
+
+	return registry;
+}
+
+async function buildBlockRegistry(blockPath: string, blockName: string, style: RegistryStyle) {
+	const dir = fs.readdirSync(blockPath, { withFileTypes: true, recursive: true });
+
+	const files: RegistryItemFile[] = [];
+	const dependencies = new Set<string>();
+	const registryDependencies = new Set<string>();
+
+	for (const dirent of dir) {
+		if (!dirent.isFile()) continue;
+		const isPage = dirent.name === "page.svelte";
+		const type = isPage ? "registry:page" : "registry:component";
+
+		// TODO: fix
+		const compPath = isPage ? dirent.name : `components/${dirent.name}`;
+		const filepath = path.join(blockPath, compPath);
+		const relativePath = path.join("block", blockName, compPath);
+		const source = fs.readFileSync(filepath, { encoding: "utf8" });
+		const target = isPage ? getPageBlockTarget(blockName) : dirent.name;
+
+		files.push({ name: dirent.name, content: source, path: relativePath, type, target });
+
+		const deps = await getFileDependencies(filepath, source);
+		if (!deps) continue;
+
+		deps.dependencies.forEach((dep) => dependencies.add(dep));
+		REQUIRED_COMPONENT_DEPS.get(blockName)?.forEach((dep) => dependencies.add(dep));
+
+		deps.registryDependencies.forEach((dep) => registryDependencies.add(dep));
+	}
+
+	return {
+		style,
+		type: "registry:block",
+		files,
+		name: blockName,
+		registryDependencies: Array.from(registryDependencies),
 		dependencies: Array.from(dependencies),
 	} satisfies RegistryItem;
 }
 
-async function crawlDemo(rootPath: string, style: string, demoType: "example" | "block") {
-	const type = `components:${demoType}` as const;
+async function crawlBlock(rootPath: string, style: RegistryStyle) {
+	const type = `registry:block` as const;
 
-	const dir = fs.readdirSync(rootPath, {
-		withFileTypes: true,
-	});
+	const dir = fs.readdirSync(rootPath, { withFileTypes: true });
 
 	const registry: Registry = [];
 
 	for (const dirent of dir) {
+		if (!dirent.isFile()) {
+			const result = await buildBlockRegistry(
+				`${rootPath}/${dirent.name}`,
+				dirent.name,
+				style
+			);
+			registry.push(result);
+			continue;
+		}
 		if (!dirent.name.endsWith(".svelte") || !dirent.isFile()) continue;
 
 		const [name] = dirent.name.split(".svelte");
 
 		const filepath = path.join(rootPath, dirent.name);
 		const source = fs.readFileSync(filepath, { encoding: "utf8" });
-		const relativePath = path.join(demoType, dirent.name);
+		const relativePath = path.join("example", dirent.name);
+
+		const file = {
+			name: dirent.name,
+			content: source,
+			path: relativePath,
+			style,
+			target: dirent.name,
+			type,
+		};
+		const { dependencies, registryDependencies } = await getFileDependencies(filepath, source);
+
+		registry.push({
+			name,
+			type,
+			style,
+			files: [file],
+			registryDependencies: Array.from(registryDependencies),
+			dependencies: Array.from(dependencies),
+		});
+	}
+
+	return registry;
+}
+
+async function crawlHook(rootPath: string, style: RegistryStyle) {
+	const type = `registry:hook` as const;
+
+	const dir = fs.readdirSync(rootPath, { withFileTypes: true });
+
+	const registry: Registry = [];
+
+	for (const dirent of dir) {
+		if (!dirent.isFile()) continue;
+
+		const [name] = dirent.name.split(".svelte.ts");
+
+		const filepath = path.join(rootPath, dirent.name);
+		const source = fs.readFileSync(filepath, { encoding: "utf8" });
+		const relativePath = path.join("hook", dirent.name);
 
-		const file = { name: dirent.name, content: source, path: relativePath };
-		const { dependencies, registryDependencies } = await getDependencies(filepath, source);
+		const file = {
+			name: dirent.name,
+			content: source,
+			path: relativePath,
+			style,
+			target: dirent.name,
+			type,
+		};
+		const { dependencies, registryDependencies } = await getFileDependencies(filepath, source);
 
 		registry.push({
 			name,
@@ -140,15 +285,25 @@ async function crawlDemo(rootPath: string, style: string, demoType: "example" |
 	return registry;
 }
 
-async function getDependencies(filename: string, source: string) {
-	const { code } = await preprocess(source, config.preprocess, { filename });
-	const ast = parse(code, { filename });
+async function getFileDependencies(filename: string, sourceCode: string) {
+	let ast: unknown;
+
+	if (filename.endsWith(".svelte")) {
+		const { code } = await preprocess(sourceCode, config.preprocess, { filename });
+		const result = parse(code, { filename });
+		ast = result.instance;
+	} else {
+		ast = tsParser.parse(sourceCode, {
+			ecmaVersion: "latest",
+			sourceType: "module",
+		});
+	}
 
 	const registryDependencies = new Set<string>();
 	const dependencies = new Set<string>();
 
 	// @ts-expect-error yea, stfu
-	walk(ast.instance, {
+	walk(ast, {
 		enter(node) {
 			if (node.type === "ImportDeclaration") {
 				const source = node.source.value as string;
@@ -160,8 +315,13 @@ async function getDependencies(filename: string, source: string) {
 				}
 
 				if (source.startsWith(REGISTRY_DEPENDENCY) && source !== UTILS_PATH) {
-					const component = source.split("/").at(-2)!;
-					registryDependencies.add(component);
+					if (source.includes("ui")) {
+						const component = source.split("/").at(-2)!;
+						registryDependencies.add(component);
+					} else if (source.includes("hook")) {
+						const hook = source.split("/").at(-1)!.split(".")[0];
+						registryDependencies.add(hook);
+					}
 				}
 
 				const iconDep = ICON_DEPENDENCIES.find((dep) => source.startsWith(dep));
diff --git a/sites/docs/scripts/tmp.ts b/sites/docs/scripts/tmp.ts
new file mode 100644
index 000000000..79ac88dd7
--- /dev/null
+++ b/sites/docs/scripts/tmp.ts
@@ -0,0 +1,2 @@
+// will be removed once moving from `next` to `latest`
+export const TMP_NEXT_DEPS = ["bits-ui", "formsnap", "paneforge", "vaul-svelte"];
diff --git a/sites/docs/src/content/about.md b/sites/docs/src/content/about.md
index b2f9ef3e0..e3949fa9f 100644
--- a/sites/docs/src/content/about.md
+++ b/sites/docs/src/content/about.md
@@ -5,7 +5,7 @@ description: Powered by amazing open source projects.
 
 ## About
 
-[shadcn-svelte](https://shadcn-svelte.com) is a port of [shadcn/ui](https://ui.shadcn.com) for Svelte/SvelteKit. It's maintained by [Huntabyte](https://twitter.com/huntabyte) and [CokaKoala](https://github.com/adriangonz97) and has received countless contributions from the community.
+[shadcn-svelte](https://next.shadcn-svelte.com) is a port of [shadcn/ui](https://ui.shadcn.com) for Svelte/SvelteKit. It's maintained by [Huntabyte](https://twitter.com/huntabyte) and [CokaKoala](https://github.com/adriangonz97) and has received countless contributions from the community.
 
 ## Credits
 
@@ -14,8 +14,6 @@ description: Powered by amazing open source projects.
 - [Formsnap](https://formsnap.dev) - The form components that power this project.
 - [Paneforge](https://paneforge.com) - The resizable components that power this project.
 - [Vaul Svelte](https://vaul-svelte.com) - The drawer components that power this project.
-- [cmdk-sv](https://cmdk-sv.com) - The command menu components that power this project.
-- [Melt UI](https://melt-ui.com) - The headless primitive component builders that power this project.
 - [Radix UI](https://radix-ui.com) - The headless components and examples that the original [shadcn/ui](https://ui.shadcn.com) was built on.
 - [Shu Ding](https://shud.in) - The typography style is adapted from his work on Nextra.
 - [Cal](https://cal.com) - Where shad copied the styles for the first component: the `Button`.
diff --git a/sites/docs/src/content/cli.md b/sites/docs/src/content/cli.md
index c87170669..090d28511 100644
--- a/sites/docs/src/content/cli.md
+++ b/sites/docs/src/content/cli.md
@@ -13,7 +13,7 @@ Use the `init` command to initialize dependencies for a new project.
 
 The `init` command installs dependencies, adds the `cn` util, configures `tailwind.config.cjs`, and creates CSS variables for the project.
 
-<PMExecute command="shadcn-svelte@latest init" />
+<PMExecute command="shadcn-svelte@next init" />
 
 You will be asked a few questions to configure `components.json`:
 
@@ -49,7 +49,7 @@ Options:
 
 Use the `add` command to add components and dependencies to your project.
 
-<PMExecute command="shadcn-svelte@latest add [component]" />
+<PMExecute command="shadcn-svelte@next add [component]" />
 
 You will be presented with a list of components to choose from:
 
@@ -93,7 +93,7 @@ Options:
 
 Use the `update` command to update components in your project. This will overwrite any modifications you've made to the components, so be sure to commit your changes before running this command.
 
-<PMExecute command="shadcn-svelte@latest update [component]" />
+<PMExecute command="shadcn-svelte@next update [component]" />
 
 ### Options
 
@@ -120,5 +120,5 @@ Options:
 This enables the use of a proxy when sending out requests to fetch from the `shadcn` registry. If the `HTTP_PROXY` or `http_proxy` environment variables have been set, the request library underneath will respect the proxy settings.
 
 ```bash
-HTTP_PROXY="<proxy-url>" npx shadcn-svelte@latest init
+HTTP_PROXY="<proxy-url>" npx shadcn-svelte@next init
 ```
diff --git a/sites/docs/src/content/components-json.md b/sites/docs/src/content/components-json.md
index 0193ee899..d5e768569 100644
--- a/sites/docs/src/content/components-json.md
+++ b/sites/docs/src/content/components-json.md
@@ -19,17 +19,17 @@ We use it to understand how your project is set up and how to generate component
 
 You can create a `components.json` file in your project by running the following command:
 
-<PMExecute command="shadcn-svelte@latest init" />
+<PMExecute command="shadcn-svelte@next init" />
 
 See the [CLI section](/docs/cli) for more information.
 
 ## $schema
 
-You can see the JSON Schema for `components.json` [here](https://shadcn-svelte.com/schema.json).
+You can see the JSON Schema for `components.json` [here](https://next.shadcn-svelte.com/schema.json).
 
 ```json title="components.json"
 {
-  "$schema": "https://shadcn-svelte.com/schema.json"
+  "$schema": "https://next.shadcn-svelte.com/schema.json"
 }
 ```
 
diff --git a/sites/docs/src/content/dark-mode/index.md b/sites/docs/src/content/dark-mode/index.md
index 934edcf48..cb49509a5 100644
--- a/sites/docs/src/content/dark-mode/index.md
+++ b/sites/docs/src/content/dark-mode/index.md
@@ -5,13 +5,16 @@ description: Adding dark mode to your site.
 
 <script>
 	import { LinkedCard } from '$lib/components/docs'
+	import SvelteWhite from '$lib/components/docs/icons/svelte-white.svelte'
 </script>
 
 <div class="grid sm:grid-cols-2 gap-4 mt-8 sm:gap-6">
   <LinkedCard href="/docs/dark-mode/svelte">
-    <p class="font-medium text-xl">Svelte</p>
+  <SvelteWhite />
+    <p class="font-medium mt-2">Svelte</p>
   </LinkedCard>
   <LinkedCard href="/docs/dark-mode/astro">
-    <p class="font-medium text-xl">Astro</p>
+  <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="w-10 h-10" fill="currentColor"><title>Astro</title><path d="M16.074 16.86C15.354 17.476 13.917 17.895 12.262 17.895C10.23 17.895 8.527 17.263 8.075 16.412C7.914 16.9 7.877 17.458 7.877 17.814C7.877 17.814 7.771 19.564 8.988 20.782C8.988 20.15 9.501 19.637 10.133 19.637C11.216 19.637 11.215 20.582 11.214 21.349V21.418C11.214 22.582 11.925 23.579 12.937 24C12.7812 23.6794 12.7005 23.3275 12.701 22.971C12.701 21.861 13.353 21.448 14.111 20.968C14.713 20.585 15.383 20.161 15.844 19.308C16.0926 18.8493 16.2225 18.3357 16.222 17.814C16.2221 17.4903 16.1722 17.1685 16.074 16.86ZM15.551 0.6C15.747 0.844 15.847 1.172 16.047 1.829L20.415 16.176C18.7743 15.3246 17.0134 14.7284 15.193 14.408L12.35 4.8C12.3273 4.72337 12.2803 4.65616 12.2162 4.60844C12.152 4.56072 12.0742 4.53505 11.9943 4.53528C11.9143 4.5355 11.8366 4.56161 11.7727 4.60969C11.7089 4.65777 11.6623 4.72524 11.64 4.802L8.83 14.405C7.00149 14.724 5.23264 15.3213 3.585 16.176L7.974 1.827C8.174 1.171 8.274 0.843 8.471 0.6C8.64406 0.385433 8.86922 0.218799 9.125 0.116C9.415 0 9.757 0 10.443 0H13.578C14.264 0 14.608 0 14.898 0.117C15.1529 0.219851 15.3783 0.386105 15.551 0.6Z" fill="currentColor"></path></svg>
+    <p class="font-medium mt-2">Astro</p>
   </LinkedCard>
 </div>
diff --git a/sites/docs/src/content/dark-mode/svelte.md b/sites/docs/src/content/dark-mode/svelte.md
index 4f3d1f17b..ee4db08f5 100644
--- a/sites/docs/src/content/dark-mode/svelte.md
+++ b/sites/docs/src/content/dark-mode/svelte.md
@@ -28,10 +28,11 @@ Import the `ModeWatcher` component and use it in your root layout:
 ```svelte title="src/routes/+layout.svelte"
 <script lang="ts">
   import { ModeWatcher } from "mode-watcher";
+  let { children } = $props();
 </script>
 
 <ModeWatcher />
-<slot />
+{@render children?.()}
 ```
 
 ### Add a mode toggle
diff --git a/sites/docs/src/content/installation/astro.md b/sites/docs/src/content/installation/astro.md
index 1540acce5..0287db6c1 100644
--- a/sites/docs/src/content/installation/astro.md
+++ b/sites/docs/src/content/installation/astro.md
@@ -108,7 +108,7 @@ import "$lib/styles/app.css";
 
 Run the `shadcn-svelte` init command to setup your project:
 
-<PMExecute command="shadcn-svelte@latest init" />
+<PMExecute command="shadcn-svelte@next init" />
 
 ### Configure components.json
 
@@ -122,6 +122,8 @@ Where is your global CSS file? › src/styles/app.css
 Where is your tailwind.config.[cjs|mjs|js|ts] located? › tailwind.config.mjs
 Configure the import alias for components: › $lib/components
 Configure the import alias for utils: › $lib/utils
+Configure the import alias for hooks: › $lib/hooks
+Configure the import alias for ui: › $lib/components/ui
 ```
 
 ### Update Astro's Tailwind config
@@ -141,7 +143,7 @@ export default defineConfig({
 
 ### Update tailwind.config.mjs
 
-When running `shadcn-svelte@latest init`, your Tailwind config for content will be overwritten. To fix this, add `astro` as one of the options inside of `content`:
+When running `shadcn-svelte@next init`, your Tailwind config for content will be overwritten. To fix this, add `astro` as one of the options inside of `content`:
 
 ```js title="tailwind.config.mjs" {1-4} showLineNumbers
 const config = {
diff --git a/sites/docs/src/content/installation/index.md b/sites/docs/src/content/installation/index.md
index eb6552776..88b4f3b97 100644
--- a/sites/docs/src/content/installation/index.md
+++ b/sites/docs/src/content/installation/index.md
@@ -5,22 +5,27 @@ description: How to install dependencies and structure your app.
 
 <script>
 	import { LinkedCard } from '$lib/components/docs'
+	import SvelteWhite from '$lib/components/docs/icons/svelte-white.svelte'
 </script>
 
 ## Guides
 
 <div class="grid sm:grid-cols-2 gap-4 mt-8 sm:gap-6">
   <LinkedCard href="/docs/installation/sveltekit">
-    <p class="font-medium text-xl">SvelteKit</p>
+  <SvelteWhite />
+    <p class="font-medium mt-2">SvelteKit</p>
   </LinkedCard>
   <LinkedCard href="/docs/installation/astro">
-    <p class="font-medium text-xl">Astro</p>
+  <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="w-10 h-10" fill="currentColor"><title>Astro</title><path d="M16.074 16.86C15.354 17.476 13.917 17.895 12.262 17.895C10.23 17.895 8.527 17.263 8.075 16.412C7.914 16.9 7.877 17.458 7.877 17.814C7.877 17.814 7.771 19.564 8.988 20.782C8.988 20.15 9.501 19.637 10.133 19.637C11.216 19.637 11.215 20.582 11.214 21.349V21.418C11.214 22.582 11.925 23.579 12.937 24C12.7812 23.6794 12.7005 23.3275 12.701 22.971C12.701 21.861 13.353 21.448 14.111 20.968C14.713 20.585 15.383 20.161 15.844 19.308C16.0926 18.8493 16.2225 18.3357 16.222 17.814C16.2221 17.4903 16.1722 17.1685 16.074 16.86ZM15.551 0.6C15.747 0.844 15.847 1.172 16.047 1.829L20.415 16.176C18.7743 15.3246 17.0134 14.7284 15.193 14.408L12.35 4.8C12.3273 4.72337 12.2803 4.65616 12.2162 4.60844C12.152 4.56072 12.0742 4.53505 11.9943 4.53528C11.9143 4.5355 11.8366 4.56161 11.7727 4.60969C11.7089 4.65777 11.6623 4.72524 11.64 4.802L8.83 14.405C7.00149 14.724 5.23264 15.3213 3.585 16.176L7.974 1.827C8.174 1.171 8.274 0.843 8.471 0.6C8.64406 0.385433 8.86922 0.218799 9.125 0.116C9.415 0 9.757 0 10.443 0H13.578C14.264 0 14.608 0 14.898 0.117C15.1529 0.219851 15.3783 0.386105 15.551 0.6Z" fill="currentColor"></path></svg>
+    <p class="font-medium mt-2">Astro</p>
   </LinkedCard>
   <LinkedCard href="/docs/installation/vite">
-    <p class="font-medium text-xl">Vite</p>
+  <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="w-10 h-10" fill="currentColor"><title>Vite</title><path d="m8.286 10.578.512-8.657a.306.306 0 0 1 .247-.282L17.377.006a.306.306 0 0 1 .353.385l-1.558 5.403a.306.306 0 0 0 .352.385l2.388-.46a.306.306 0 0 1 .332.438l-6.79 13.55-.123.19a.294.294 0 0 1-.252.14c-.177 0-.35-.152-.305-.369l1.095-5.301a.306.306 0 0 0-.388-.355l-1.433.435a.306.306 0 0 1-.389-.354l.69-3.375a.306.306 0 0 0-.37-.36l-2.32.536a.306.306 0 0 1-.374-.316zm14.976-7.926L17.284 3.74l-.544 1.887 2.077-.4a.8.8 0 0 1 .84.369.8.8 0 0 1 .034.783L12.9 19.93l-.013.025-.015.023-.122.19a.801.801 0 0 1-.672.37.826.826 0 0 1-.634-.302.8.8 0 0 1-.16-.67l1.029-4.981-1.12.34a.81.81 0 0 1-.86-.262.802.802 0 0 1-.165-.67l.63-3.08-2.027.468a.808.808 0 0 1-.768-.233.81.81 0 0 1-.217-.6l.389-6.57-7.44-1.33a.612.612 0 0 0-.64.906L11.58 23.691a.612.612 0 0 0 1.066-.004l11.26-20.135a.612.612 0 0 0-.644-.9z"></path></svg>
+    <p class="font-medium mt-2">Vite</p>
   </LinkedCard>
   <LinkedCard href="/docs/installation/manual">
-    <p class="font-medium text-xl">Manual</p>
+  <SvelteWhite />
+    <p class="font-medium mt-2">Manual</p>
   </LinkedCard>
 </div>
 
@@ -32,10 +37,10 @@ The CLI will create a folder for _each_ component, which will sometimes just con
 
 For example, the Accordion component is split into four `.svelte` files:
 
-- `Accordion.svelte`
-- `AccordionContent.svelte`
-- `AccordionItem.svelte`
-- `AccordionTrigger.svelte`
+- `accordion.svelte`
+- `accordion-content.svelte`
+- `accordion-item.svelte`
+- `accordion-trigger.svelte`
 
 They can then be imported from the `accordion/index.ts` file like so:
 
@@ -67,13 +72,16 @@ To opt out of TypeScript, set the `typescript` flag to `false` in your `componen
   "style": "default",
   "tailwind": {
     "config": "tailwind.config.js",
-    "css": "src/app/globals.css"
+    "css": "src/app.css"
   },
   "typescript": false,
   "aliases": {
     "utils": "$lib/utils",
-    "components": "$lib/components"
-  }
+    "components": "$lib/components",
+    "hooks": "$lib/hooks",
+    "ui": "$lib/components/ui"
+  },
+  "registry": "https://next.shadcn-svelte.com/registry"
 }
 ```
 
diff --git a/sites/docs/src/content/installation/manual.md b/sites/docs/src/content/installation/manual.md
index 3135fec6e..a9570c8a8 100644
--- a/sites/docs/src/content/installation/manual.md
+++ b/sites/docs/src/content/installation/manual.md
@@ -13,15 +13,15 @@ description: How to setup shadcn-svelte manually.
 
 ### Add Tailwind
 
-Use the `svelte-add` CLI to add Tailwind CSS to your project.
+Use the `sv` CLI to add Tailwind CSS to your project.
 
-<PMExecute command="svelte-add@latest tailwindcss" />
+<PMExecute command="sv add tailwindcss" />
 
 ### Add dependencies
 
 Add the following dependencies to your project:
 
-<PMInstall command="tailwind-variants clsx tailwind-merge" />
+<PMInstall command="tailwind-variants clsx tailwind-merge tailwindcss-animate" />
 
 ### Add icon library
 
@@ -82,6 +82,7 @@ This is what this project's `tailwind.config.js` file looks like:
 
 ```javascript title="tailwind.config.js"
 import { fontFamily } from "tailwindcss/defaultTheme";
+import tailwindcssAnimate from "tailwindcss-animate";
 
 /** @type {import('tailwindcss').Config} */
 const config = {
@@ -131,17 +132,48 @@ const config = {
           DEFAULT: "hsl(var(--card) / <alpha-value>)",
           foreground: "hsl(var(--card-foreground) / <alpha-value>)",
         },
+        sidebar: {
+          DEFAULT: "hsl(var(--sidebar-background))",
+          foreground: "hsl(var(--sidebar-foreground))",
+          primary: "hsl(var(--sidebar-primary))",
+          "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
+          accent: "hsl(var(--sidebar-accent))",
+          "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
+          border: "hsl(var(--sidebar-border))",
+          ring: "hsl(var(--sidebar-ring))",
+        },
       },
       borderRadius: {
+        xl: "calc(var(--radius) + 4px)",
         lg: "var(--radius)",
         md: "calc(var(--radius) - 2px)",
         sm: "calc(var(--radius) - 4px)",
       },
       fontFamily: {
-        sans: ["Inter", ...fontFamily.sans],
+        sans: ["geist-sans", ...fontFamily.sans],
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--bits-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--bits-accordion-content-height)" },
+          to: { height: "0" },
+        },
+        "caret-blink": {
+          "0%,70%,100%": { opacity: "1" },
+          "20%,50%": { opacity: "0" },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+        "caret-blink": "caret-blink 1.25s ease-out infinite",
       },
     },
   },
+  plugins: [tailwindcssAnimate],
 };
 
 export default config;
@@ -157,72 +189,68 @@ Add the following to your `src/app.pcss` file. You can learn more about using CS
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
 @layer base {
   :root {
     --background: 0 0% 100%;
-    --foreground: 222.2 47.4% 11.2%;
-
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-
+    --foreground: 240 10% 3.9%;
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
     --popover: 0 0% 100%;
-    --popover-foreground: 222.2 47.4% 11.2%;
-
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-
+    --popover-foreground: 240 10% 3.9%;
     --card: 0 0% 100%;
-    --card-foreground: 222.2 47.4% 11.2%;
-
-    --primary: 222.2 47.4% 11.2%;
-    --primary-foreground: 210 40% 98%;
-
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
-
-    --accent: 210 40% 96.1%;
-    --accent-foreground: 222.2 47.4% 11.2%;
-
-    --destructive: 0 92% 38%;
-    --destructive-foreground: 210 40% 98%;
-
-    --ring: 215 20.2% 65.1%;
-
+    --card-foreground: 240 10% 3.9%;
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+    --destructive: 0 72.22% 50.59%;
+    --destructive-foreground: 0 0% 98%;
+    --ring: 240 5% 64.9%;
     --radius: 0.5rem;
+
+    --sidebar-background: 0 0% 98%;
+    --sidebar-foreground: 240 5.3% 26.1%;
+    --sidebar-primary: 240 5.9% 10%;
+    --sidebar-primary-foreground: 0 0% 98%;
+    --sidebar-accent: 240 4.8% 95.9%;
+    --sidebar-accent-foreground: 240 5.9% 10%;
+    --sidebar-border: 220 13% 91%;
+    --sidebar-ring: 240 5% 64.9%;
   }
 
   .dark {
-    --background: 224 71% 4%;
-    --foreground: 213 31% 91%;
-
-    --muted: 223 47% 11%;
-    --muted-foreground: 215.4 16.3% 56.9%;
-
-    --accent: 216 34% 17%;
-    --accent-foreground: 210 40% 98%;
-
-    --popover: 224 71% 4%;
-    --popover-foreground: 215 20.2% 65.1%;
-
-    --border: 216 34% 17%;
-    --input: 216 34% 17%;
-
-    --card: 224 71% 4%;
-    --card-foreground: 213 31% 91%;
-
-    --primary: 210 40% 98%;
-    --primary-foreground: 222.2 47.4% 1.2%;
-
-    --secondary: 222.2 47.4% 11.2%;
-    --secondary-foreground: 210 40% 98%;
-
-    --destructive: 359 51% 48%;
-    --destructive-foreground: 210 40% 98%;
-
-    --ring: 216 34% 17%;
-
-    --radius: 0.5rem;
+    --background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+    --popover: 240 10% 3.9%;
+    --popover-foreground: 0 0% 98%;
+    --card: 240 10% 3.9%;
+    --card-foreground: 0 0% 98%;
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 240 5.9% 10%;
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 85.7% 97.3%;
+    --ring: 240 3.7% 48%;
+
+    --sidebar-background: 240 5.9% 10%;
+    --sidebar-foreground: 240 4.8% 95.9%;
+    --sidebar-primary: 224.3 76.3% 48%;
+    --sidebar-primary-foreground: 0 0% 100%;
+    --sidebar-accent: 240 3.7% 15.9%;
+    --sidebar-accent-foreground: 240 4.8% 95.9%;
+    --sidebar-border: 240 3.7% 15.9%;
+    --sidebar-ring: 240 4.9% 83.9%;
   }
 }
 
@@ -241,7 +269,7 @@ Add the following to your `src/app.pcss` file. You can learn more about using CS
 
 ### Configure utils
 
-You'll want to create a `cn` helper to make it easier to conditionally add Tailwind CSS classes. Additionally, you'll want to add the custom transition that is used by various components.
+You'll want to create a `cn` helper to make it easier to conditionally add and merge Tailwind CSS classes.
 
 ```ts title="src/lib/utils.ts"
 import { type ClassValue, clsx } from "clsx";
@@ -252,68 +280,6 @@ import type { TransitionConfig } from "svelte/transition";
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
-
-type FlyAndScaleParams = {
-  y?: number;
-  x?: number;
-  start?: number;
-  duration?: number;
-};
-
-export const flyAndScale = (
-  node: Element,
-  params: FlyAndScaleParams = { y: -8, x: 0, start: 0.95, duration: 150 }
-): TransitionConfig => {
-  const style = getComputedStyle(node);
-  const transform = style.transform === "none" ? "" : style.transform;
-
-  const scaleConversion = (
-    valueA: number,
-    scaleA: [number, number],
-    scaleB: [number, number]
-  ) => {
-    const [minA, maxA] = scaleA;
-    const [minB, maxB] = scaleB;
-
-    const percentage = (valueA - minA) / (maxA - minA);
-    const valueB = percentage * (maxB - minB) + minB;
-
-    return valueB;
-  };
-
-  const styleToString = (
-    style: Record<string, number | string | undefined>
-  ): string => {
-    return Object.keys(style).reduce((str, key) => {
-      if (style[key] === undefined) return str;
-      return str + key + ":" + style[key] + ";";
-    }, "");
-  };
-
-  return {
-    duration: params.duration ?? 200,
-    delay: 0,
-    css: (t) => {
-      const y = scaleConversion(t, [0, 1], [params.y ?? 5, 0]);
-      const x = scaleConversion(t, [0, 1], [params.x ?? 0, 0]);
-      const scale = scaleConversion(t, [0, 1], [params.start ?? 0.95, 1]);
-
-      return styleToString({
-        transform:
-          transform +
-          "translate3d(" +
-          x +
-          "px, " +
-          y +
-          "px, 0) scale(" +
-          scale +
-          ")",
-        opacity: t,
-      });
-    },
-    easing: cubicOut,
-  };
-};
 ```
 
 ### Import styles to your app
@@ -323,9 +289,10 @@ Create `src/routes/+layout.svelte` and import the styles:
 ```svelte title="src/routes/+layout.svelte"
 <script lang="ts">
   import "../app.pcss";
+  let { children } = $props();
 </script>
 
-<slot />
+{@render children?.()}
 ```
 
 ### That's it
diff --git a/sites/docs/src/content/installation/sveltekit.md b/sites/docs/src/content/installation/sveltekit.md
index e21859d2d..d5e9cf0e7 100644
--- a/sites/docs/src/content/installation/sveltekit.md
+++ b/sites/docs/src/content/installation/sveltekit.md
@@ -16,13 +16,13 @@ description: How to setup shadcn-svelte in a SvelteKit project.
 
 Use the SvelteKit CLI to create a new project.
 
-<PMCreate command="svelte@latest my-app" />
+<PMExecute command="sv create my-app" />
 
 ### Add TailwindCSS
 
 Use the `svelte-add` CLI to add Tailwind CSS to your project.
 
-<PMExecute command="svelte-add@latest tailwindcss" />
+<PMExecute command="sv add tailwindcss" />
 
 ### Install dependencies
 
@@ -46,7 +46,7 @@ const config = {
 
 ### Run the CLI
 
-<PMExecute command="shadcn-svelte@latest init" />
+<PMExecute command="shadcn-svelte@next init" />
 
 ### Configure components.json
 
@@ -60,6 +60,8 @@ Where is your global CSS file? › src/app.css
 Where is your tailwind.config.[cjs|js|ts] located? › tailwind.config.js
 Configure the import alias for components: › $lib/components
 Configure the import alias for utils: › $lib/utils
+Configure the import alias for hooks: › $lib/hooks
+Configure the import alias for ui: › $lib/components/ui
 ```
 
 ### That's it
diff --git a/sites/docs/src/content/installation/vite.md b/sites/docs/src/content/installation/vite.md
index 446a3e1ce..7c2be337e 100644
--- a/sites/docs/src/content/installation/vite.md
+++ b/sites/docs/src/content/installation/vite.md
@@ -16,7 +16,7 @@ description: How to setup shadcn-svelte in a Vite project.
 
 Use the `svelte-add` CLI to add Tailwind CSS to your project.
 
-<PMExecute command="svelte-add@latest tailwindcss" />
+<PMExecute command="sv add tailwindcss" />
 
 ### Install dependencies
 
@@ -53,7 +53,7 @@ export default defineConfig({
 
 ### Run the CLI
 
-<PMExecute command="shadcn-svelte@latest init" />
+<PMExecute command="shadcn-svelte@next init" />
 
 ### Configure components.json
 
@@ -67,6 +67,8 @@ Where is your global CSS file? › src/app.css
 Where is your tailwind.config.[cjs|js|ts] located? › tailwind.config.js
 Configure the import alias for components: › $lib/components
 Configure the import alias for utils: › $lib/utils
+Configure the import alias for hooks: › $lib/hooks
+Configure the import alias for ui: › $lib/components/ui
 ```
 
 ### That's it
diff --git a/sites/docs/src/content/theming.md b/sites/docs/src/content/theming.md
index b8c6a3fae..047fbf7bf 100644
--- a/sites/docs/src/content/theming.md
+++ b/sites/docs/src/content/theming.md
@@ -4,7 +4,7 @@ description: Use CSS Variables to customize the look and feel of your applicatio
 ---
 
 <script>
-  import { Callout } from '$lib/components/docs';
+  import { Callout, Steps } from '$lib/components/docs';
   import HexToChannels from "$lib/components/docs/hex-to-channels.svelte";
 </script>
 
@@ -41,10 +41,18 @@ The `background` color of the following component will be `hsl(var(--primary) /
 <div class="bg-primary text-primary-foreground">Hello</div>
 ```
 
-## CSS Variables
+<Callout>
+
+**CSS variables must be defined without color space function**. See the [Tailwind CSS documentation](https://tailwindcss.com/docs/customizing-colors#using-css-variables) for more information.
+
+</Callout>
+
+## List of variables
 
 Here's the list of variables available for customization:
 
+<Steps>
+
 ```css title="Default background color of <body />...etc"
 --background: 0 0% 100%;
 --foreground: 222.2 47.4% 11.2%;
@@ -101,90 +109,45 @@ Here's the list of variables available for customization:
 --radius: 0.5rem;
 ```
 
-## Default
-
-The following is the default color palette used by the components.
-
-```css title="src/app.pcss"
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 240 10% 3.9%;
-
-    --muted: 240 4.8% 95.9%;
-    --muted-foreground: 240 3.8% 46.1%;
-
-    --popover: 0 0% 100%;
-    --popover-foreground: 240 10% 3.9%;
-
-    --card: 0 0% 100%;
-    --card-foreground: 240 10% 3.9%;
-
-    --border: 240 5.9% 90%;
-    --input: 240 5.9% 90%;
-
-    --primary: 240 5.9% 10%;
-    --primary-foreground: 0 0% 98%;
+</Steps>
 
-    --secondary: 240 4.8% 95.9%;
-    --secondary-foreground: 240 5.9% 10%;
+### Adding new colors
 
-    --accent: 240 4.8% 95.9%;
-    --accent-foreground: 240 5.9% 10%;
+To add new colors, you need to add them to your CSS file and to your `tailwind.config.js` file.
 
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 0 0% 98%;
-
-    --ring: 240 5% 64.9%;
-
-    --radius: 0.5rem;
-  }
-
-  .dark {
-    --background: 240 10% 3.9%;
-    --foreground: 0 0% 98%;
-
-    --muted: 240 3.7% 15.9%;
-    --muted-foreground: 240 5% 64.9%;
-
-    --popover: 240 10% 3.9%;
-    --popover-foreground: 0 0% 98%;
-
-    --card: 240 10% 3.9%;
-    --card-foreground: 0 0% 98%;
+```css title="src/app.css"
+:root {
+  --warning: 38 92% 50%;
+  --warning-foreground: 48 96% 89%;
+}
 
-    --border: 240 3.7% 15.9%;
-    --input: 240 3.7% 15.9%;
+.dark {
+  --warning: 48 96% 89%;
+  --warning-foreground: 38 92% 50%;
+}
+```
 
-    --primary: 0 0% 98%;
-    --primary-foreground: 240 5.9% 10%;
+```js {5-6} title="tailwind.config.js"
+export default {
+  theme: {
+    extend: {
+      colors: {
+        warning: "hsl(var(--warning))",
+        "warning-foreground": "hsl(var(--warning-foreground))",
+      },
+    },
+  },
+};
+```
 
-    --secondary: 240 3.7% 15.9%;
-    --secondary-foreground: 0 0% 98%;
+You can now use the `warning` utility class in your components.
 
-    --accent: 240 3.7% 15.9%;
-    --accent-foreground: 0 0% 98%;
+```svelte /bg-warning/ /text-warning-foreground/
+<div class="bg-warning text-warning-foreground"></div>
+```
 
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 85.7% 97.3%;
+### Other color formats
 
-    --ring: 240 3.7% 15.9%;
-  }
-}
+It's recommended to use [HSL colors](https://www.smashingmagazine.com/2021/07/hsl-colors-css/) for theming but you can also use other color formats if you prefer.
 
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-    font-feature-settings:
-      "rlig" 1,
-      "calt" 1;
-  }
-}
-```
+See the [Tailwind CSS documentation](https://tailwindcss.com/docs/customizing-colors#using-css-variables) for more information on using `rgb`, `rgba` or `hsl` colors.
diff --git a/sites/docs/src/lib/components/docs/block-toolbar.svelte b/sites/docs/src/lib/components/docs/block-toolbar.svelte
index bd259b5a2..4f507499b 100644
--- a/sites/docs/src/lib/components/docs/block-toolbar.svelte
+++ b/sites/docs/src/lib/components/docs/block-toolbar.svelte
@@ -21,7 +21,7 @@
 
 	const addCommand = $derived.by(() => {
 		const start = getPackageManagerScriptCmd($selectedPackageManager);
-		const end = `shadcn-svelte@latest add ${block.name}`;
+		const end = `shadcn-svelte@next add ${block.name}`;
 		return start + " " + end;
 	});
 </script>
diff --git a/sites/docs/src/lib/components/docs/icons/svelte-white.svelte b/sites/docs/src/lib/components/docs/icons/svelte-white.svelte
new file mode 100644
index 000000000..87556526f
--- /dev/null
+++ b/sites/docs/src/lib/components/docs/icons/svelte-white.svelte
@@ -0,0 +1,16 @@
+<svg class="h-10 w-10" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M20.6151 3.25876C18.4198 0.0966095 14.0491 -0.829881 10.9071 1.16409L5.36833 4.70892C3.85774 5.65555 2.81041 7.20642 2.50829 8.95869C2.24646 10.429 2.46801 11.9396 3.17295 13.2487C2.68956 13.9738 2.3673 14.7795 2.22632 15.6254C1.90406 17.418 2.32702 19.2709 3.37436 20.7412C5.58988 23.9034 9.94036 24.8299 13.0824 22.8359L18.6212 19.3112C20.1318 18.3646 21.1791 16.8137 21.4812 15.0614C21.743 13.5911 21.5215 12.0806 20.8166 10.7714C21.2999 10.0463 21.6222 9.24067 21.7632 8.39474C22.1056 6.58204 21.6826 4.72906 20.6151 3.25876Z"
+		fill="#FF3E00"
+	/>
+	<path
+		d="M20.6151 3.25876C18.4198 0.0966095 14.0491 -0.829881 10.9071 1.16409L5.36833 4.70892C3.85774 5.65555 2.81041 7.20642 2.50829 8.95869C2.24646 10.429 2.46801 11.9396 3.17295 13.2487C2.68956 13.9738 2.3673 14.7795 2.22632 15.6254C1.90406 17.418 2.32702 19.2709 3.37436 20.7412C5.58988 23.9034 9.94036 24.8299 13.0824 22.8359L18.6212 19.3112C20.1318 18.3646 21.1791 16.8137 21.4812 15.0614C21.743 13.5911 21.5215 12.0806 20.8166 10.7714C21.2999 10.0463 21.6222 9.24067 21.7632 8.39474C22.1056 6.58204 21.6826 4.72906 20.6151 3.25876Z"
+		fill="white"
+	/>
+	<path
+		d="M5.1636 15.7118L5.22156 15.5263L5.38966 15.6464C5.38976 15.6465 5.38986 15.6466 5.38996 15.6466C6.06352 16.1364 6.79851 16.5039 7.59452 16.7488L7.5952 16.749L7.71708 16.7856L7.7052 16.9044L7.70516 16.9044L7.70495 16.9072C7.68319 17.212 7.76991 17.5362 7.94316 17.7961L7.94315 17.7961L7.94429 17.7977C8.2895 18.294 8.89578 18.5335 9.48225 18.3815L9.48231 18.3817L9.48882 18.3796L9.49425 18.3777C9.61125 18.3388 9.74094 18.2955 9.85118 18.2294L9.8512 18.2294L9.85358 18.2279L15.3722 14.7032L15.3725 14.7031C15.6767 14.5075 15.8749 14.2223 15.9407 13.8715C16.0063 13.5216 15.919 13.1521 15.7231 12.8692L15.723 12.869C15.3761 12.3703 14.7687 12.154 14.185 12.3053L14.1849 12.3051L14.1784 12.3073L14.173 12.3091C14.056 12.3481 13.9263 12.3913 13.8161 12.4575L13.816 12.4574L13.8137 12.4589L11.6989 13.8084L11.6983 13.8087C11.366 14.0238 10.9937 14.1807 10.6007 14.2789L10.6 14.2791C8.84844 14.7318 7.01832 14.0431 5.9949 12.567L5.99446 12.5664C5.38512 11.7015 5.13007 10.6211 5.32637 9.56112L5.32657 9.55996C5.50287 8.54137 6.13032 7.61939 7.01268 7.07037L7.01268 7.07037L7.01354 7.06982L12.5523 3.54513L12.553 3.54472C12.8849 3.32994 13.2577 3.17247 13.6533 3.05366C15.4042 2.602 17.2334 3.29074 18.2564 4.7663L18.2564 4.76631L18.2578 4.76815C18.8851 5.63068 19.1215 6.70978 18.9452 7.77131C18.9055 7.94977 18.8662 8.10651 18.8076 8.28233L18.8076 8.28232L18.807 8.28414L18.7478 8.47365L18.5797 8.35358C18.5796 8.35349 18.5795 8.35341 18.5794 8.35333C17.9058 7.86353 17.1708 7.49607 16.3748 7.25115L16.3742 7.25094L16.2523 7.21438L16.2642 7.09559L16.2642 7.09559L16.2644 7.09274C16.2862 6.78802 16.1995 6.4638 16.0262 6.20392L16.0262 6.20391L16.0251 6.20227C15.6782 5.70364 15.0708 5.48731 14.4871 5.63863L14.4871 5.63841L14.4805 5.64058L14.4751 5.64239C14.3581 5.68138 14.2284 5.7246 14.1182 5.79075L14.1182 5.79071L14.1158 5.79223L8.59712 9.31692L8.59687 9.31708C8.29271 9.51262 8.09445 9.79782 8.02868 10.1486C7.96307 10.4985 8.05041 10.8681 8.24627 11.151L8.2464 11.1512C8.59328 11.6498 9.20069 11.8661 9.78436 11.7148L9.78442 11.715L9.79094 11.7129L9.79638 11.711C9.91337 11.672 10.0431 11.6288 10.1533 11.5627L10.1533 11.5627L10.1557 11.5612L12.2705 10.2118L12.271 10.2114C12.6029 9.99664 12.9757 9.83918 13.3713 9.72037C15.1222 9.2687 16.9514 9.95744 17.9745 11.433L17.9744 11.433L17.9758 11.4349C18.6035 12.298 18.8398 13.378 18.6629 14.4403C18.4865 15.4588 17.8591 16.3807 16.9768 16.9296L16.976 16.9302L11.4372 20.4549L11.4365 20.4553C11.1046 20.6701 10.7318 20.8275 10.3362 20.9463C8.58529 21.398 6.75612 20.7093 5.73306 19.2337L5.73309 19.2337L5.73175 19.2318C5.10445 18.3693 4.86803 17.2902 5.04426 16.2287C5.06405 16.1397 5.08386 16.0556 5.10382 15.9707L5.10387 15.9705C5.12367 15.8863 5.14363 15.8015 5.1636 15.7118Z"
+		fill="#09090B"
+		stroke="black"
+		stroke-width="0.201411"
+	/>
+</svg>
diff --git a/sites/docs/src/lib/components/docs/metadata.svelte b/sites/docs/src/lib/components/docs/metadata.svelte
index 50aa4a63e..ffb87c17e 100644
--- a/sites/docs/src/lib/components/docs/metadata.svelte
+++ b/sites/docs/src/lib/components/docs/metadata.svelte
@@ -17,13 +17,13 @@
 	<meta name="twitter:site" content={siteConfig.url} />
 	<meta name="twitter:title" content={title} />
 	<meta name="twitter:description" content={siteConfig.description} />
-	<meta name="twitter:image" content="https://shadcn-svelte.com/og.png" />
+	<meta name="twitter:image" content={siteConfig.ogImage} />
 	<meta name="twitter:image:alt" content={siteConfig.name} />
 	<meta name="twitter:creator" content="huntabyte" />
 	<meta property="og:title" content={title} />
 	<meta property="og:type" content="article" />
 	<meta property="og:url" content={siteConfig.url + $page.url.pathname} />
-	<meta property="og:image" content="https://shadcn-svelte.com/og.png" />
+	<meta property="og:image" content={siteConfig.ogImage} />
 	<meta property="og:image:alt" content={siteConfig.name} />
 	<meta property="og:image:width" content="1200" />
 	<meta property="og:image:height" content="630" />
@@ -35,7 +35,7 @@
 	{#if !dev}
 		<script
 			defer
-			data-domain="shadcn-svelte.com"
+			data-domain="next.shadcn-svelte.com"
 			src="https://server.hj.run/js/script.js"
 		></script>
 	{/if}
diff --git a/sites/docs/src/lib/components/docs/pm-add-comp.svelte b/sites/docs/src/lib/components/docs/pm-add-comp.svelte
index 7071f3236..105023d7c 100644
--- a/sites/docs/src/lib/components/docs/pm-add-comp.svelte
+++ b/sites/docs/src/lib/components/docs/pm-add-comp.svelte
@@ -3,4 +3,4 @@
 	export let name: string;
 </script>
 
-<PMExecute command={`shadcn-svelte@latest add ${name}`} />
+<PMExecute command={`shadcn-svelte@next add ${name}`} />
diff --git a/sites/docs/src/lib/config/site.ts b/sites/docs/src/lib/config/site.ts
index 8468f5d27..9a5136533 100644
--- a/sites/docs/src/lib/config/site.ts
+++ b/sites/docs/src/lib/config/site.ts
@@ -1,8 +1,8 @@
 export const siteConfig = {
 	name: "shadcn-svelte",
-	url: "https://shadcn-svelte.com",
-	ogImage: "https://shadcn-svelte.com/og.png",
-	description: "Beautifully designed components built with Melt UI and Tailwind CSS.",
+	url: "https://next.shadcn-svelte.com",
+	ogImage: "https://next.shadcn-svelte.com/og.png",
+	description: "Beautifully designed components built with Bits UI and Tailwind CSS.",
 	links: {
 		twitter: "https://twitter.com/huntabyte",
 		github: "https://github.com/huntabyte/shadcn-svelte",
diff --git a/sites/docs/static/registry/index.json b/sites/docs/static/registry/index.json
index e2fb0ad2a..95ad4e897 100644
--- a/sites/docs/static/registry/index.json
+++ b/sites/docs/static/registry/index.json
@@ -3,7 +3,7 @@
 		"name": "accordion",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -29,7 +29,7 @@
 		"name": "alert",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -55,7 +55,7 @@
 		"name": "alert-dialog",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [
 			"button"
@@ -103,7 +103,7 @@
 		"name": "aspect-ratio",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -117,7 +117,7 @@
 		"name": "avatar",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -143,7 +143,7 @@
 		"name": "badge",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -161,7 +161,7 @@
 		"name": "breadcrumb",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -219,7 +219,7 @@
 		"name": "calendar",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui",
+			"bits-ui@next",
 			"@internationalized/date"
 		],
 		"registryDependencies": [
@@ -288,7 +288,7 @@
 		"name": "card",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -327,7 +327,7 @@
 		"type": "registry:ui",
 		"dependencies": [
 			"embla-carousel-svelte",
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [
 			"button"
@@ -367,7 +367,7 @@
 		"name": "checkbox",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -385,7 +385,7 @@
 		"name": "collapsible",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -399,7 +399,7 @@
 		"name": "command",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [
 			"dialog"
@@ -455,7 +455,7 @@
 		"name": "context-menu",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -529,7 +529,7 @@
 		"name": "dialog",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -567,8 +567,8 @@
 		"name": "drawer",
 		"type": "registry:ui",
 		"dependencies": [
-			"vaul-svelte",
-			"bits-ui"
+			"vaul-svelte@next",
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -614,7 +614,7 @@
 		"name": "dropdown-menu",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -668,10 +668,10 @@
 		"name": "form",
 		"type": "registry:ui",
 		"dependencies": [
-			"formsnap",
+			"formsnap@next",
 			"zod",
 			"sveltekit-superforms",
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [
 			"button",
@@ -720,7 +720,7 @@
 		"name": "hover-card",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -738,7 +738,7 @@
 		"name": "input",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -756,7 +756,7 @@
 		"name": "label",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -774,7 +774,7 @@
 		"name": "menubar",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -832,7 +832,7 @@
 		"name": "pagination",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [
 			"button"
@@ -876,7 +876,7 @@
 		"name": "popover",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -894,7 +894,7 @@
 		"name": "progress",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -912,7 +912,7 @@
 		"name": "radio-group",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -934,7 +934,7 @@
 		"name": "range-calendar",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui",
+			"bits-ui@next",
 			"@internationalized/date"
 		],
 		"registryDependencies": [
@@ -995,8 +995,8 @@
 		"name": "resizable",
 		"type": "registry:ui",
 		"dependencies": [
-			"paneforge",
-			"bits-ui"
+			"paneforge@next",
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -1018,7 +1018,7 @@
 		"name": "scroll-area",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -1040,7 +1040,7 @@
 		"name": "select",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [
 			"separator"
@@ -1084,7 +1084,7 @@
 		"name": "separator",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -1102,7 +1102,7 @@
 		"name": "sheet",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -1140,7 +1140,7 @@
 		"name": "sidebar",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [
 			"is-mobile",
@@ -1262,7 +1262,7 @@
 		"name": "skeleton",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -1280,7 +1280,7 @@
 		"name": "slider",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -1317,7 +1317,7 @@
 		"name": "switch",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -1335,7 +1335,7 @@
 		"name": "table",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -1381,7 +1381,7 @@
 		"name": "tabs",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -1407,7 +1407,7 @@
 		"name": "textarea",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -1425,7 +1425,7 @@
 		"name": "toggle",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
@@ -1443,7 +1443,7 @@
 		"name": "toggle-group",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [
 			"toggle-group",
@@ -1468,7 +1468,7 @@
 		"name": "tooltip",
 		"type": "registry:ui",
 		"dependencies": [
-			"bits-ui"
+			"bits-ui@next"
 		],
 		"registryDependencies": [],
 		"files": [
diff --git a/sites/docs/static/registry/styles/default-js/accordion.json b/sites/docs/static/registry/styles/default-js/accordion.json
index 99d38c33a..a2524edc0 100644
--- a/sites/docs/static/registry/styles/default-js/accordion.json
+++ b/sites/docs/static/registry/styles/default-js/accordion.json
@@ -2,7 +2,7 @@
 	"name": "accordion",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default-js/alert-dialog.json b/sites/docs/static/registry/styles/default-js/alert-dialog.json
index c4a3ba2dd..25d370e00 100644
--- a/sites/docs/static/registry/styles/default-js/alert-dialog.json
+++ b/sites/docs/static/registry/styles/default-js/alert-dialog.json
@@ -2,7 +2,7 @@
 	"name": "alert-dialog",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [
 		"button"
diff --git a/sites/docs/static/registry/styles/default-js/alert.json b/sites/docs/static/registry/styles/default-js/alert.json
index 1768b7798..56bbd1c5c 100644
--- a/sites/docs/static/registry/styles/default-js/alert.json
+++ b/sites/docs/static/registry/styles/default-js/alert.json
@@ -2,7 +2,7 @@
 	"name": "alert",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/aspect-ratio.json b/sites/docs/static/registry/styles/default-js/aspect-ratio.json
index b3b2a5dd7..2faae2f5a 100644
--- a/sites/docs/static/registry/styles/default-js/aspect-ratio.json
+++ b/sites/docs/static/registry/styles/default-js/aspect-ratio.json
@@ -2,7 +2,7 @@
 	"name": "aspect-ratio",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/avatar.json b/sites/docs/static/registry/styles/default-js/avatar.json
index c93317f13..e9c03aaae 100644
--- a/sites/docs/static/registry/styles/default-js/avatar.json
+++ b/sites/docs/static/registry/styles/default-js/avatar.json
@@ -2,7 +2,7 @@
 	"name": "avatar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/badge.json b/sites/docs/static/registry/styles/default-js/badge.json
index fec0850cc..61a1f6c39 100644
--- a/sites/docs/static/registry/styles/default-js/badge.json
+++ b/sites/docs/static/registry/styles/default-js/badge.json
@@ -2,7 +2,7 @@
 	"name": "badge",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/breadcrumb.json b/sites/docs/static/registry/styles/default-js/breadcrumb.json
index 83fac6213..10a2fe10c 100644
--- a/sites/docs/static/registry/styles/default-js/breadcrumb.json
+++ b/sites/docs/static/registry/styles/default-js/breadcrumb.json
@@ -3,7 +3,7 @@
 	"type": "registry:ui",
 	"dependencies": [
 		"lucide-svelte",
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/calendar.json b/sites/docs/static/registry/styles/default-js/calendar.json
index 7b63243d2..45be7b9eb 100644
--- a/sites/docs/static/registry/styles/default-js/calendar.json
+++ b/sites/docs/static/registry/styles/default-js/calendar.json
@@ -2,7 +2,7 @@
 	"name": "calendar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"@internationalized/date",
 		"lucide-svelte"
 	],
diff --git a/sites/docs/static/registry/styles/default-js/card.json b/sites/docs/static/registry/styles/default-js/card.json
index 2b47ef6cb..f6e15d66b 100644
--- a/sites/docs/static/registry/styles/default-js/card.json
+++ b/sites/docs/static/registry/styles/default-js/card.json
@@ -2,7 +2,7 @@
 	"name": "card",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/carousel.json b/sites/docs/static/registry/styles/default-js/carousel.json
index 464c7d0f5..9c75712b7 100644
--- a/sites/docs/static/registry/styles/default-js/carousel.json
+++ b/sites/docs/static/registry/styles/default-js/carousel.json
@@ -3,7 +3,7 @@
 	"type": "registry:ui",
 	"dependencies": [
 		"embla-carousel-svelte",
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/default-js/checkbox.json b/sites/docs/static/registry/styles/default-js/checkbox.json
index c8cd373eb..47653050f 100644
--- a/sites/docs/static/registry/styles/default-js/checkbox.json
+++ b/sites/docs/static/registry/styles/default-js/checkbox.json
@@ -2,7 +2,7 @@
 	"name": "checkbox",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default-js/collapsible.json b/sites/docs/static/registry/styles/default-js/collapsible.json
index b1795f5f4..1806b89b6 100644
--- a/sites/docs/static/registry/styles/default-js/collapsible.json
+++ b/sites/docs/static/registry/styles/default-js/collapsible.json
@@ -2,7 +2,7 @@
 	"name": "collapsible",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/command.json b/sites/docs/static/registry/styles/default-js/command.json
index 68ef1b574..9676a3331 100644
--- a/sites/docs/static/registry/styles/default-js/command.json
+++ b/sites/docs/static/registry/styles/default-js/command.json
@@ -2,7 +2,7 @@
 	"name": "command",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/default-js/context-menu.json b/sites/docs/static/registry/styles/default-js/context-menu.json
index 821d3f182..31a00c918 100644
--- a/sites/docs/static/registry/styles/default-js/context-menu.json
+++ b/sites/docs/static/registry/styles/default-js/context-menu.json
@@ -2,7 +2,7 @@
 	"name": "context-menu",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default-js/dialog.json b/sites/docs/static/registry/styles/default-js/dialog.json
index 0daa3b700..1349bbe63 100644
--- a/sites/docs/static/registry/styles/default-js/dialog.json
+++ b/sites/docs/static/registry/styles/default-js/dialog.json
@@ -2,7 +2,7 @@
 	"name": "dialog",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default-js/drawer.json b/sites/docs/static/registry/styles/default-js/drawer.json
index 999f70b2d..dcf4bcaad 100644
--- a/sites/docs/static/registry/styles/default-js/drawer.json
+++ b/sites/docs/static/registry/styles/default-js/drawer.json
@@ -2,8 +2,8 @@
 	"name": "drawer",
 	"type": "registry:ui",
 	"dependencies": [
-		"vaul-svelte",
-		"bits-ui"
+		"vaul-svelte@next",
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/dropdown-menu.json b/sites/docs/static/registry/styles/default-js/dropdown-menu.json
index 3a03ab9e4..f45f2a72f 100644
--- a/sites/docs/static/registry/styles/default-js/dropdown-menu.json
+++ b/sites/docs/static/registry/styles/default-js/dropdown-menu.json
@@ -2,7 +2,7 @@
 	"name": "dropdown-menu",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default-js/form.json b/sites/docs/static/registry/styles/default-js/form.json
index 9deab2970..bbf52a9a2 100644
--- a/sites/docs/static/registry/styles/default-js/form.json
+++ b/sites/docs/static/registry/styles/default-js/form.json
@@ -2,10 +2,10 @@
 	"name": "form",
 	"type": "registry:ui",
 	"dependencies": [
-		"formsnap",
+		"formsnap@next",
 		"zod",
 		"sveltekit-superforms",
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [
 		"button",
diff --git a/sites/docs/static/registry/styles/default-js/hover-card.json b/sites/docs/static/registry/styles/default-js/hover-card.json
index 55128a73e..0c8b4c50c 100644
--- a/sites/docs/static/registry/styles/default-js/hover-card.json
+++ b/sites/docs/static/registry/styles/default-js/hover-card.json
@@ -2,7 +2,7 @@
 	"name": "hover-card",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/input.json b/sites/docs/static/registry/styles/default-js/input.json
index f4ef43244..bc67d252f 100644
--- a/sites/docs/static/registry/styles/default-js/input.json
+++ b/sites/docs/static/registry/styles/default-js/input.json
@@ -2,7 +2,7 @@
 	"name": "input",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/label.json b/sites/docs/static/registry/styles/default-js/label.json
index 3892928c8..c5af3b991 100644
--- a/sites/docs/static/registry/styles/default-js/label.json
+++ b/sites/docs/static/registry/styles/default-js/label.json
@@ -2,7 +2,7 @@
 	"name": "label",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/menubar.json b/sites/docs/static/registry/styles/default-js/menubar.json
index f2c1fcc4f..417913788 100644
--- a/sites/docs/static/registry/styles/default-js/menubar.json
+++ b/sites/docs/static/registry/styles/default-js/menubar.json
@@ -2,7 +2,7 @@
 	"name": "menubar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default-js/pagination.json b/sites/docs/static/registry/styles/default-js/pagination.json
index b420de360..1ba73edf8 100644
--- a/sites/docs/static/registry/styles/default-js/pagination.json
+++ b/sites/docs/static/registry/styles/default-js/pagination.json
@@ -2,7 +2,7 @@
 	"name": "pagination",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/default-js/popover.json b/sites/docs/static/registry/styles/default-js/popover.json
index eeb7ee071..aa2b824e9 100644
--- a/sites/docs/static/registry/styles/default-js/popover.json
+++ b/sites/docs/static/registry/styles/default-js/popover.json
@@ -2,7 +2,7 @@
 	"name": "popover",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/progress.json b/sites/docs/static/registry/styles/default-js/progress.json
index 5d8de3d12..85bc2e8ca 100644
--- a/sites/docs/static/registry/styles/default-js/progress.json
+++ b/sites/docs/static/registry/styles/default-js/progress.json
@@ -2,7 +2,7 @@
 	"name": "progress",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/radio-group.json b/sites/docs/static/registry/styles/default-js/radio-group.json
index ed63d2c3f..a92ba0e78 100644
--- a/sites/docs/static/registry/styles/default-js/radio-group.json
+++ b/sites/docs/static/registry/styles/default-js/radio-group.json
@@ -2,7 +2,7 @@
 	"name": "radio-group",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default-js/range-calendar.json b/sites/docs/static/registry/styles/default-js/range-calendar.json
index cf3a61341..0889938f3 100644
--- a/sites/docs/static/registry/styles/default-js/range-calendar.json
+++ b/sites/docs/static/registry/styles/default-js/range-calendar.json
@@ -2,7 +2,7 @@
 	"name": "range-calendar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"@internationalized/date",
 		"lucide-svelte"
 	],
diff --git a/sites/docs/static/registry/styles/default-js/resizable.json b/sites/docs/static/registry/styles/default-js/resizable.json
index 394aa38b3..03b17133d 100644
--- a/sites/docs/static/registry/styles/default-js/resizable.json
+++ b/sites/docs/static/registry/styles/default-js/resizable.json
@@ -2,9 +2,9 @@
 	"name": "resizable",
 	"type": "registry:ui",
 	"dependencies": [
-		"paneforge",
+		"paneforge@next",
 		"lucide-svelte",
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/scroll-area.json b/sites/docs/static/registry/styles/default-js/scroll-area.json
index f2781f1d1..c96c0c346 100644
--- a/sites/docs/static/registry/styles/default-js/scroll-area.json
+++ b/sites/docs/static/registry/styles/default-js/scroll-area.json
@@ -2,7 +2,7 @@
 	"name": "scroll-area",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/select.json b/sites/docs/static/registry/styles/default-js/select.json
index 0c4cf34e3..39b524913 100644
--- a/sites/docs/static/registry/styles/default-js/select.json
+++ b/sites/docs/static/registry/styles/default-js/select.json
@@ -2,7 +2,7 @@
 	"name": "select",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/default-js/separator.json b/sites/docs/static/registry/styles/default-js/separator.json
index 3113ecffc..1ab5029f9 100644
--- a/sites/docs/static/registry/styles/default-js/separator.json
+++ b/sites/docs/static/registry/styles/default-js/separator.json
@@ -2,7 +2,7 @@
 	"name": "separator",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/sheet.json b/sites/docs/static/registry/styles/default-js/sheet.json
index 8925ee56c..1c2c5ea5a 100644
--- a/sites/docs/static/registry/styles/default-js/sheet.json
+++ b/sites/docs/static/registry/styles/default-js/sheet.json
@@ -2,7 +2,7 @@
 	"name": "sheet",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default-js/sidebar.json b/sites/docs/static/registry/styles/default-js/sidebar.json
index 7771ffde7..d5c282196 100644
--- a/sites/docs/static/registry/styles/default-js/sidebar.json
+++ b/sites/docs/static/registry/styles/default-js/sidebar.json
@@ -2,7 +2,7 @@
 	"name": "sidebar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/default-js/skeleton.json b/sites/docs/static/registry/styles/default-js/skeleton.json
index a652a40c0..5c88e3285 100644
--- a/sites/docs/static/registry/styles/default-js/skeleton.json
+++ b/sites/docs/static/registry/styles/default-js/skeleton.json
@@ -2,7 +2,7 @@
 	"name": "skeleton",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/slider.json b/sites/docs/static/registry/styles/default-js/slider.json
index 559996dd5..783010d73 100644
--- a/sites/docs/static/registry/styles/default-js/slider.json
+++ b/sites/docs/static/registry/styles/default-js/slider.json
@@ -2,7 +2,7 @@
 	"name": "slider",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/switch.json b/sites/docs/static/registry/styles/default-js/switch.json
index 8dd02df45..2e1395b59 100644
--- a/sites/docs/static/registry/styles/default-js/switch.json
+++ b/sites/docs/static/registry/styles/default-js/switch.json
@@ -2,7 +2,7 @@
 	"name": "switch",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/table.json b/sites/docs/static/registry/styles/default-js/table.json
index 4151e3cec..a12f8215c 100644
--- a/sites/docs/static/registry/styles/default-js/table.json
+++ b/sites/docs/static/registry/styles/default-js/table.json
@@ -2,7 +2,7 @@
 	"name": "table",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/tabs.json b/sites/docs/static/registry/styles/default-js/tabs.json
index 01f2a5982..c0434317f 100644
--- a/sites/docs/static/registry/styles/default-js/tabs.json
+++ b/sites/docs/static/registry/styles/default-js/tabs.json
@@ -2,7 +2,7 @@
 	"name": "tabs",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/textarea.json b/sites/docs/static/registry/styles/default-js/textarea.json
index fa1afd20a..1852dab98 100644
--- a/sites/docs/static/registry/styles/default-js/textarea.json
+++ b/sites/docs/static/registry/styles/default-js/textarea.json
@@ -2,7 +2,7 @@
 	"name": "textarea",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/toggle-group.json b/sites/docs/static/registry/styles/default-js/toggle-group.json
index 14d862148..ffe4de424 100644
--- a/sites/docs/static/registry/styles/default-js/toggle-group.json
+++ b/sites/docs/static/registry/styles/default-js/toggle-group.json
@@ -2,7 +2,7 @@
 	"name": "toggle-group",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [
 		"toggle-group",
diff --git a/sites/docs/static/registry/styles/default-js/toggle.json b/sites/docs/static/registry/styles/default-js/toggle.json
index b4f0d81a2..c56ef6488 100644
--- a/sites/docs/static/registry/styles/default-js/toggle.json
+++ b/sites/docs/static/registry/styles/default-js/toggle.json
@@ -2,7 +2,7 @@
 	"name": "toggle",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default-js/tooltip.json b/sites/docs/static/registry/styles/default-js/tooltip.json
index c58bff4b9..d19c03aca 100644
--- a/sites/docs/static/registry/styles/default-js/tooltip.json
+++ b/sites/docs/static/registry/styles/default-js/tooltip.json
@@ -2,7 +2,7 @@
 	"name": "tooltip",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/accordion.json b/sites/docs/static/registry/styles/default/accordion.json
index 407dc20fa..f0e4a3b8e 100644
--- a/sites/docs/static/registry/styles/default/accordion.json
+++ b/sites/docs/static/registry/styles/default/accordion.json
@@ -2,7 +2,7 @@
 	"name": "accordion",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default/alert-dialog.json b/sites/docs/static/registry/styles/default/alert-dialog.json
index 7dd06a496..79e402754 100644
--- a/sites/docs/static/registry/styles/default/alert-dialog.json
+++ b/sites/docs/static/registry/styles/default/alert-dialog.json
@@ -2,7 +2,7 @@
 	"name": "alert-dialog",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [
 		"button"
diff --git a/sites/docs/static/registry/styles/default/alert.json b/sites/docs/static/registry/styles/default/alert.json
index 268286a98..922ec45b3 100644
--- a/sites/docs/static/registry/styles/default/alert.json
+++ b/sites/docs/static/registry/styles/default/alert.json
@@ -2,7 +2,7 @@
 	"name": "alert",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/aspect-ratio.json b/sites/docs/static/registry/styles/default/aspect-ratio.json
index 6cc5197b6..24f48f018 100644
--- a/sites/docs/static/registry/styles/default/aspect-ratio.json
+++ b/sites/docs/static/registry/styles/default/aspect-ratio.json
@@ -2,7 +2,7 @@
 	"name": "aspect-ratio",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/avatar.json b/sites/docs/static/registry/styles/default/avatar.json
index d88341675..abf67fe69 100644
--- a/sites/docs/static/registry/styles/default/avatar.json
+++ b/sites/docs/static/registry/styles/default/avatar.json
@@ -2,7 +2,7 @@
 	"name": "avatar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/badge.json b/sites/docs/static/registry/styles/default/badge.json
index 3d50d889b..717e4d0b9 100644
--- a/sites/docs/static/registry/styles/default/badge.json
+++ b/sites/docs/static/registry/styles/default/badge.json
@@ -2,7 +2,7 @@
 	"name": "badge",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/breadcrumb.json b/sites/docs/static/registry/styles/default/breadcrumb.json
index 8859bb322..6e813a242 100644
--- a/sites/docs/static/registry/styles/default/breadcrumb.json
+++ b/sites/docs/static/registry/styles/default/breadcrumb.json
@@ -3,7 +3,7 @@
 	"type": "registry:ui",
 	"dependencies": [
 		"lucide-svelte",
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/calendar.json b/sites/docs/static/registry/styles/default/calendar.json
index 959df233f..53404333d 100644
--- a/sites/docs/static/registry/styles/default/calendar.json
+++ b/sites/docs/static/registry/styles/default/calendar.json
@@ -2,7 +2,7 @@
 	"name": "calendar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"@internationalized/date",
 		"lucide-svelte"
 	],
diff --git a/sites/docs/static/registry/styles/default/card.json b/sites/docs/static/registry/styles/default/card.json
index da21bcc8e..0a4f086b7 100644
--- a/sites/docs/static/registry/styles/default/card.json
+++ b/sites/docs/static/registry/styles/default/card.json
@@ -2,7 +2,7 @@
 	"name": "card",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/carousel.json b/sites/docs/static/registry/styles/default/carousel.json
index 2161263cb..f5c712738 100644
--- a/sites/docs/static/registry/styles/default/carousel.json
+++ b/sites/docs/static/registry/styles/default/carousel.json
@@ -3,7 +3,7 @@
 	"type": "registry:ui",
 	"dependencies": [
 		"embla-carousel-svelte",
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/default/checkbox.json b/sites/docs/static/registry/styles/default/checkbox.json
index e4b9f7edf..0e370cbf5 100644
--- a/sites/docs/static/registry/styles/default/checkbox.json
+++ b/sites/docs/static/registry/styles/default/checkbox.json
@@ -2,7 +2,7 @@
 	"name": "checkbox",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default/collapsible.json b/sites/docs/static/registry/styles/default/collapsible.json
index 8dcad3270..40eb5d5bc 100644
--- a/sites/docs/static/registry/styles/default/collapsible.json
+++ b/sites/docs/static/registry/styles/default/collapsible.json
@@ -2,7 +2,7 @@
 	"name": "collapsible",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/command.json b/sites/docs/static/registry/styles/default/command.json
index ba6869e67..3d2178b6d 100644
--- a/sites/docs/static/registry/styles/default/command.json
+++ b/sites/docs/static/registry/styles/default/command.json
@@ -2,7 +2,7 @@
 	"name": "command",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/default/context-menu.json b/sites/docs/static/registry/styles/default/context-menu.json
index 2e940c2d0..3419966aa 100644
--- a/sites/docs/static/registry/styles/default/context-menu.json
+++ b/sites/docs/static/registry/styles/default/context-menu.json
@@ -2,7 +2,7 @@
 	"name": "context-menu",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default/dialog.json b/sites/docs/static/registry/styles/default/dialog.json
index e48105899..89951cfa9 100644
--- a/sites/docs/static/registry/styles/default/dialog.json
+++ b/sites/docs/static/registry/styles/default/dialog.json
@@ -2,7 +2,7 @@
 	"name": "dialog",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default/drawer.json b/sites/docs/static/registry/styles/default/drawer.json
index fabaf34f7..1b1ad4292 100644
--- a/sites/docs/static/registry/styles/default/drawer.json
+++ b/sites/docs/static/registry/styles/default/drawer.json
@@ -2,8 +2,8 @@
 	"name": "drawer",
 	"type": "registry:ui",
 	"dependencies": [
-		"vaul-svelte",
-		"bits-ui"
+		"vaul-svelte@next",
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/dropdown-menu.json b/sites/docs/static/registry/styles/default/dropdown-menu.json
index d5583da86..e19277da6 100644
--- a/sites/docs/static/registry/styles/default/dropdown-menu.json
+++ b/sites/docs/static/registry/styles/default/dropdown-menu.json
@@ -2,7 +2,7 @@
 	"name": "dropdown-menu",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default/form.json b/sites/docs/static/registry/styles/default/form.json
index 98f07f7e8..9a1f391db 100644
--- a/sites/docs/static/registry/styles/default/form.json
+++ b/sites/docs/static/registry/styles/default/form.json
@@ -2,10 +2,10 @@
 	"name": "form",
 	"type": "registry:ui",
 	"dependencies": [
-		"formsnap",
+		"formsnap@next",
 		"zod",
 		"sveltekit-superforms",
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [
 		"button",
diff --git a/sites/docs/static/registry/styles/default/hover-card.json b/sites/docs/static/registry/styles/default/hover-card.json
index ef7979659..96ae2ef8e 100644
--- a/sites/docs/static/registry/styles/default/hover-card.json
+++ b/sites/docs/static/registry/styles/default/hover-card.json
@@ -2,7 +2,7 @@
 	"name": "hover-card",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/input.json b/sites/docs/static/registry/styles/default/input.json
index 59a14d795..f2afb0c32 100644
--- a/sites/docs/static/registry/styles/default/input.json
+++ b/sites/docs/static/registry/styles/default/input.json
@@ -2,7 +2,7 @@
 	"name": "input",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/label.json b/sites/docs/static/registry/styles/default/label.json
index 1f2430ffe..23077a550 100644
--- a/sites/docs/static/registry/styles/default/label.json
+++ b/sites/docs/static/registry/styles/default/label.json
@@ -2,7 +2,7 @@
 	"name": "label",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/menubar.json b/sites/docs/static/registry/styles/default/menubar.json
index b30ebdabd..cd9a51353 100644
--- a/sites/docs/static/registry/styles/default/menubar.json
+++ b/sites/docs/static/registry/styles/default/menubar.json
@@ -2,7 +2,7 @@
 	"name": "menubar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default/pagination.json b/sites/docs/static/registry/styles/default/pagination.json
index c4025ebf7..5692e3283 100644
--- a/sites/docs/static/registry/styles/default/pagination.json
+++ b/sites/docs/static/registry/styles/default/pagination.json
@@ -2,7 +2,7 @@
 	"name": "pagination",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/default/popover.json b/sites/docs/static/registry/styles/default/popover.json
index 69887593b..f971c3809 100644
--- a/sites/docs/static/registry/styles/default/popover.json
+++ b/sites/docs/static/registry/styles/default/popover.json
@@ -2,7 +2,7 @@
 	"name": "popover",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/progress.json b/sites/docs/static/registry/styles/default/progress.json
index 86561234e..2c9abc9b2 100644
--- a/sites/docs/static/registry/styles/default/progress.json
+++ b/sites/docs/static/registry/styles/default/progress.json
@@ -2,7 +2,7 @@
 	"name": "progress",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/radio-group.json b/sites/docs/static/registry/styles/default/radio-group.json
index f97098872..9f8d7cefe 100644
--- a/sites/docs/static/registry/styles/default/radio-group.json
+++ b/sites/docs/static/registry/styles/default/radio-group.json
@@ -2,7 +2,7 @@
 	"name": "radio-group",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default/range-calendar.json b/sites/docs/static/registry/styles/default/range-calendar.json
index 1d32e4330..245b473cd 100644
--- a/sites/docs/static/registry/styles/default/range-calendar.json
+++ b/sites/docs/static/registry/styles/default/range-calendar.json
@@ -2,7 +2,7 @@
 	"name": "range-calendar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"@internationalized/date",
 		"lucide-svelte"
 	],
diff --git a/sites/docs/static/registry/styles/default/resizable.json b/sites/docs/static/registry/styles/default/resizable.json
index e478ca5ef..92f8bb4bc 100644
--- a/sites/docs/static/registry/styles/default/resizable.json
+++ b/sites/docs/static/registry/styles/default/resizable.json
@@ -2,9 +2,9 @@
 	"name": "resizable",
 	"type": "registry:ui",
 	"dependencies": [
-		"paneforge",
+		"paneforge@next",
 		"lucide-svelte",
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/scroll-area.json b/sites/docs/static/registry/styles/default/scroll-area.json
index c419a2d95..483663810 100644
--- a/sites/docs/static/registry/styles/default/scroll-area.json
+++ b/sites/docs/static/registry/styles/default/scroll-area.json
@@ -2,7 +2,7 @@
 	"name": "scroll-area",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/select.json b/sites/docs/static/registry/styles/default/select.json
index c558661f2..2236bfd31 100644
--- a/sites/docs/static/registry/styles/default/select.json
+++ b/sites/docs/static/registry/styles/default/select.json
@@ -2,7 +2,7 @@
 	"name": "select",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/default/separator.json b/sites/docs/static/registry/styles/default/separator.json
index 2ee3c35d7..52cf43e69 100644
--- a/sites/docs/static/registry/styles/default/separator.json
+++ b/sites/docs/static/registry/styles/default/separator.json
@@ -2,7 +2,7 @@
 	"name": "separator",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/sheet.json b/sites/docs/static/registry/styles/default/sheet.json
index 920ad05a9..3ca324ad7 100644
--- a/sites/docs/static/registry/styles/default/sheet.json
+++ b/sites/docs/static/registry/styles/default/sheet.json
@@ -2,7 +2,7 @@
 	"name": "sheet",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/default/sidebar.json b/sites/docs/static/registry/styles/default/sidebar.json
index b4de01548..852c56b1b 100644
--- a/sites/docs/static/registry/styles/default/sidebar.json
+++ b/sites/docs/static/registry/styles/default/sidebar.json
@@ -2,7 +2,7 @@
 	"name": "sidebar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/default/skeleton.json b/sites/docs/static/registry/styles/default/skeleton.json
index b2ab123bf..ff92e41c9 100644
--- a/sites/docs/static/registry/styles/default/skeleton.json
+++ b/sites/docs/static/registry/styles/default/skeleton.json
@@ -2,7 +2,7 @@
 	"name": "skeleton",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/slider.json b/sites/docs/static/registry/styles/default/slider.json
index 9bcd23029..973ce647f 100644
--- a/sites/docs/static/registry/styles/default/slider.json
+++ b/sites/docs/static/registry/styles/default/slider.json
@@ -2,7 +2,7 @@
 	"name": "slider",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/switch.json b/sites/docs/static/registry/styles/default/switch.json
index 9e0e944da..d3d14f9cb 100644
--- a/sites/docs/static/registry/styles/default/switch.json
+++ b/sites/docs/static/registry/styles/default/switch.json
@@ -2,7 +2,7 @@
 	"name": "switch",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/table.json b/sites/docs/static/registry/styles/default/table.json
index 576820590..e5a0b9cf6 100644
--- a/sites/docs/static/registry/styles/default/table.json
+++ b/sites/docs/static/registry/styles/default/table.json
@@ -2,7 +2,7 @@
 	"name": "table",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/tabs.json b/sites/docs/static/registry/styles/default/tabs.json
index 5f1a32c55..6920edb3d 100644
--- a/sites/docs/static/registry/styles/default/tabs.json
+++ b/sites/docs/static/registry/styles/default/tabs.json
@@ -2,7 +2,7 @@
 	"name": "tabs",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/textarea.json b/sites/docs/static/registry/styles/default/textarea.json
index 2b5a150e4..1fdfc5115 100644
--- a/sites/docs/static/registry/styles/default/textarea.json
+++ b/sites/docs/static/registry/styles/default/textarea.json
@@ -2,7 +2,7 @@
 	"name": "textarea",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/toggle-group.json b/sites/docs/static/registry/styles/default/toggle-group.json
index db6665481..6cb1bce2d 100644
--- a/sites/docs/static/registry/styles/default/toggle-group.json
+++ b/sites/docs/static/registry/styles/default/toggle-group.json
@@ -2,7 +2,7 @@
 	"name": "toggle-group",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [
 		"toggle-group",
diff --git a/sites/docs/static/registry/styles/default/toggle.json b/sites/docs/static/registry/styles/default/toggle.json
index a266c0e7f..9e553e041 100644
--- a/sites/docs/static/registry/styles/default/toggle.json
+++ b/sites/docs/static/registry/styles/default/toggle.json
@@ -2,7 +2,7 @@
 	"name": "toggle",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/default/tooltip.json b/sites/docs/static/registry/styles/default/tooltip.json
index 0672bc276..0f40aaf81 100644
--- a/sites/docs/static/registry/styles/default/tooltip.json
+++ b/sites/docs/static/registry/styles/default/tooltip.json
@@ -2,7 +2,7 @@
 	"name": "tooltip",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/accordion.json b/sites/docs/static/registry/styles/new-york-js/accordion.json
index 2bedd4a47..8ce2eb697 100644
--- a/sites/docs/static/registry/styles/new-york-js/accordion.json
+++ b/sites/docs/static/registry/styles/new-york-js/accordion.json
@@ -2,7 +2,7 @@
 	"name": "accordion",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york-js/alert-dialog.json b/sites/docs/static/registry/styles/new-york-js/alert-dialog.json
index cd2fb6602..2f1992aa6 100644
--- a/sites/docs/static/registry/styles/new-york-js/alert-dialog.json
+++ b/sites/docs/static/registry/styles/new-york-js/alert-dialog.json
@@ -2,7 +2,7 @@
 	"name": "alert-dialog",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [
 		"button"
diff --git a/sites/docs/static/registry/styles/new-york-js/alert.json b/sites/docs/static/registry/styles/new-york-js/alert.json
index 693b6d31c..10feface7 100644
--- a/sites/docs/static/registry/styles/new-york-js/alert.json
+++ b/sites/docs/static/registry/styles/new-york-js/alert.json
@@ -2,7 +2,7 @@
 	"name": "alert",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/aspect-ratio.json b/sites/docs/static/registry/styles/new-york-js/aspect-ratio.json
index b3b2a5dd7..2faae2f5a 100644
--- a/sites/docs/static/registry/styles/new-york-js/aspect-ratio.json
+++ b/sites/docs/static/registry/styles/new-york-js/aspect-ratio.json
@@ -2,7 +2,7 @@
 	"name": "aspect-ratio",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/avatar.json b/sites/docs/static/registry/styles/new-york-js/avatar.json
index 75cf94657..26ff27b47 100644
--- a/sites/docs/static/registry/styles/new-york-js/avatar.json
+++ b/sites/docs/static/registry/styles/new-york-js/avatar.json
@@ -2,7 +2,7 @@
 	"name": "avatar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/badge.json b/sites/docs/static/registry/styles/new-york-js/badge.json
index 5af5f1767..fcf575e29 100644
--- a/sites/docs/static/registry/styles/new-york-js/badge.json
+++ b/sites/docs/static/registry/styles/new-york-js/badge.json
@@ -2,7 +2,7 @@
 	"name": "badge",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/breadcrumb.json b/sites/docs/static/registry/styles/new-york-js/breadcrumb.json
index e291d47de..2e19bae09 100644
--- a/sites/docs/static/registry/styles/new-york-js/breadcrumb.json
+++ b/sites/docs/static/registry/styles/new-york-js/breadcrumb.json
@@ -3,7 +3,7 @@
 	"type": "registry:ui",
 	"dependencies": [
 		"svelte-radix",
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/calendar.json b/sites/docs/static/registry/styles/new-york-js/calendar.json
index e400ef72c..2cb1c1f5a 100644
--- a/sites/docs/static/registry/styles/new-york-js/calendar.json
+++ b/sites/docs/static/registry/styles/new-york-js/calendar.json
@@ -2,7 +2,7 @@
 	"name": "calendar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"@internationalized/date",
 		"svelte-radix"
 	],
diff --git a/sites/docs/static/registry/styles/new-york-js/card.json b/sites/docs/static/registry/styles/new-york-js/card.json
index 502f8963c..e034a51f5 100644
--- a/sites/docs/static/registry/styles/new-york-js/card.json
+++ b/sites/docs/static/registry/styles/new-york-js/card.json
@@ -2,7 +2,7 @@
 	"name": "card",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/carousel.json b/sites/docs/static/registry/styles/new-york-js/carousel.json
index 528839007..a4222058b 100644
--- a/sites/docs/static/registry/styles/new-york-js/carousel.json
+++ b/sites/docs/static/registry/styles/new-york-js/carousel.json
@@ -3,7 +3,7 @@
 	"type": "registry:ui",
 	"dependencies": [
 		"embla-carousel-svelte",
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/new-york-js/checkbox.json b/sites/docs/static/registry/styles/new-york-js/checkbox.json
index 100b19a85..ab6d0bace 100644
--- a/sites/docs/static/registry/styles/new-york-js/checkbox.json
+++ b/sites/docs/static/registry/styles/new-york-js/checkbox.json
@@ -2,7 +2,7 @@
 	"name": "checkbox",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york-js/collapsible.json b/sites/docs/static/registry/styles/new-york-js/collapsible.json
index b1795f5f4..1806b89b6 100644
--- a/sites/docs/static/registry/styles/new-york-js/collapsible.json
+++ b/sites/docs/static/registry/styles/new-york-js/collapsible.json
@@ -2,7 +2,7 @@
 	"name": "collapsible",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/command.json b/sites/docs/static/registry/styles/new-york-js/command.json
index ac9d607d2..2d447ef8e 100644
--- a/sites/docs/static/registry/styles/new-york-js/command.json
+++ b/sites/docs/static/registry/styles/new-york-js/command.json
@@ -2,7 +2,7 @@
 	"name": "command",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/new-york-js/context-menu.json b/sites/docs/static/registry/styles/new-york-js/context-menu.json
index 5e376f657..e794634b8 100644
--- a/sites/docs/static/registry/styles/new-york-js/context-menu.json
+++ b/sites/docs/static/registry/styles/new-york-js/context-menu.json
@@ -2,7 +2,7 @@
 	"name": "context-menu",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york-js/dialog.json b/sites/docs/static/registry/styles/new-york-js/dialog.json
index 63c013e9f..0280276b2 100644
--- a/sites/docs/static/registry/styles/new-york-js/dialog.json
+++ b/sites/docs/static/registry/styles/new-york-js/dialog.json
@@ -2,7 +2,7 @@
 	"name": "dialog",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york-js/drawer.json b/sites/docs/static/registry/styles/new-york-js/drawer.json
index 4fa7e7a5e..497b8b00e 100644
--- a/sites/docs/static/registry/styles/new-york-js/drawer.json
+++ b/sites/docs/static/registry/styles/new-york-js/drawer.json
@@ -2,8 +2,8 @@
 	"name": "drawer",
 	"type": "registry:ui",
 	"dependencies": [
-		"vaul-svelte",
-		"bits-ui"
+		"vaul-svelte@next",
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/dropdown-menu.json b/sites/docs/static/registry/styles/new-york-js/dropdown-menu.json
index 12409eccc..7f03180e4 100644
--- a/sites/docs/static/registry/styles/new-york-js/dropdown-menu.json
+++ b/sites/docs/static/registry/styles/new-york-js/dropdown-menu.json
@@ -2,7 +2,7 @@
 	"name": "dropdown-menu",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york-js/form.json b/sites/docs/static/registry/styles/new-york-js/form.json
index 1a1edac1a..f8048a136 100644
--- a/sites/docs/static/registry/styles/new-york-js/form.json
+++ b/sites/docs/static/registry/styles/new-york-js/form.json
@@ -2,10 +2,10 @@
 	"name": "form",
 	"type": "registry:ui",
 	"dependencies": [
-		"formsnap",
+		"formsnap@next",
 		"zod",
 		"sveltekit-superforms",
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [
 		"button",
diff --git a/sites/docs/static/registry/styles/new-york-js/hover-card.json b/sites/docs/static/registry/styles/new-york-js/hover-card.json
index eee47e2c8..e8e722554 100644
--- a/sites/docs/static/registry/styles/new-york-js/hover-card.json
+++ b/sites/docs/static/registry/styles/new-york-js/hover-card.json
@@ -2,7 +2,7 @@
 	"name": "hover-card",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/input.json b/sites/docs/static/registry/styles/new-york-js/input.json
index b6e0a1c61..2943cf245 100644
--- a/sites/docs/static/registry/styles/new-york-js/input.json
+++ b/sites/docs/static/registry/styles/new-york-js/input.json
@@ -2,7 +2,7 @@
 	"name": "input",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/label.json b/sites/docs/static/registry/styles/new-york-js/label.json
index 3892928c8..c5af3b991 100644
--- a/sites/docs/static/registry/styles/new-york-js/label.json
+++ b/sites/docs/static/registry/styles/new-york-js/label.json
@@ -2,7 +2,7 @@
 	"name": "label",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/menubar.json b/sites/docs/static/registry/styles/new-york-js/menubar.json
index ec874496d..1483ad4cd 100644
--- a/sites/docs/static/registry/styles/new-york-js/menubar.json
+++ b/sites/docs/static/registry/styles/new-york-js/menubar.json
@@ -2,7 +2,7 @@
 	"name": "menubar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york-js/pagination.json b/sites/docs/static/registry/styles/new-york-js/pagination.json
index 2c2d1a33d..4ead912f9 100644
--- a/sites/docs/static/registry/styles/new-york-js/pagination.json
+++ b/sites/docs/static/registry/styles/new-york-js/pagination.json
@@ -2,7 +2,7 @@
 	"name": "pagination",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/new-york-js/popover.json b/sites/docs/static/registry/styles/new-york-js/popover.json
index bf6534306..ebdd50730 100644
--- a/sites/docs/static/registry/styles/new-york-js/popover.json
+++ b/sites/docs/static/registry/styles/new-york-js/popover.json
@@ -2,7 +2,7 @@
 	"name": "popover",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/progress.json b/sites/docs/static/registry/styles/new-york-js/progress.json
index 3f8750eba..8dafe2f78 100644
--- a/sites/docs/static/registry/styles/new-york-js/progress.json
+++ b/sites/docs/static/registry/styles/new-york-js/progress.json
@@ -2,7 +2,7 @@
 	"name": "progress",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/radio-group.json b/sites/docs/static/registry/styles/new-york-js/radio-group.json
index 023d6d7a6..d872dfe2f 100644
--- a/sites/docs/static/registry/styles/new-york-js/radio-group.json
+++ b/sites/docs/static/registry/styles/new-york-js/radio-group.json
@@ -2,7 +2,7 @@
 	"name": "radio-group",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york-js/range-calendar.json b/sites/docs/static/registry/styles/new-york-js/range-calendar.json
index 8b0b0819b..bd395ef2c 100644
--- a/sites/docs/static/registry/styles/new-york-js/range-calendar.json
+++ b/sites/docs/static/registry/styles/new-york-js/range-calendar.json
@@ -3,7 +3,7 @@
 	"type": "registry:ui",
 	"dependencies": [
 		"@internationalized/date",
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/new-york-js/resizable.json b/sites/docs/static/registry/styles/new-york-js/resizable.json
index 7990eafd4..f508303d2 100644
--- a/sites/docs/static/registry/styles/new-york-js/resizable.json
+++ b/sites/docs/static/registry/styles/new-york-js/resizable.json
@@ -2,9 +2,9 @@
 	"name": "resizable",
 	"type": "registry:ui",
 	"dependencies": [
-		"paneforge",
+		"paneforge@next",
 		"svelte-radix",
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/scroll-area.json b/sites/docs/static/registry/styles/new-york-js/scroll-area.json
index 1500b59e5..7071a9aaa 100644
--- a/sites/docs/static/registry/styles/new-york-js/scroll-area.json
+++ b/sites/docs/static/registry/styles/new-york-js/scroll-area.json
@@ -2,7 +2,7 @@
 	"name": "scroll-area",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/select.json b/sites/docs/static/registry/styles/new-york-js/select.json
index 29cfb8d8c..523b63cd6 100644
--- a/sites/docs/static/registry/styles/new-york-js/select.json
+++ b/sites/docs/static/registry/styles/new-york-js/select.json
@@ -2,7 +2,7 @@
 	"name": "select",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/new-york-js/separator.json b/sites/docs/static/registry/styles/new-york-js/separator.json
index 3113ecffc..1ab5029f9 100644
--- a/sites/docs/static/registry/styles/new-york-js/separator.json
+++ b/sites/docs/static/registry/styles/new-york-js/separator.json
@@ -2,7 +2,7 @@
 	"name": "separator",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/sheet.json b/sites/docs/static/registry/styles/new-york-js/sheet.json
index 6a109119d..c86f775b9 100644
--- a/sites/docs/static/registry/styles/new-york-js/sheet.json
+++ b/sites/docs/static/registry/styles/new-york-js/sheet.json
@@ -2,7 +2,7 @@
 	"name": "sheet",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york-js/sidebar.json b/sites/docs/static/registry/styles/new-york-js/sidebar.json
index 66325f924..93eab232d 100644
--- a/sites/docs/static/registry/styles/new-york-js/sidebar.json
+++ b/sites/docs/static/registry/styles/new-york-js/sidebar.json
@@ -2,7 +2,7 @@
 	"name": "sidebar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/new-york-js/skeleton.json b/sites/docs/static/registry/styles/new-york-js/skeleton.json
index 665fe744c..bdd9209f8 100644
--- a/sites/docs/static/registry/styles/new-york-js/skeleton.json
+++ b/sites/docs/static/registry/styles/new-york-js/skeleton.json
@@ -2,7 +2,7 @@
 	"name": "skeleton",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/slider.json b/sites/docs/static/registry/styles/new-york-js/slider.json
index a80175ca6..d2f6252f2 100644
--- a/sites/docs/static/registry/styles/new-york-js/slider.json
+++ b/sites/docs/static/registry/styles/new-york-js/slider.json
@@ -2,7 +2,7 @@
 	"name": "slider",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/switch.json b/sites/docs/static/registry/styles/new-york-js/switch.json
index e39ae8a00..1d9f5d90f 100644
--- a/sites/docs/static/registry/styles/new-york-js/switch.json
+++ b/sites/docs/static/registry/styles/new-york-js/switch.json
@@ -2,7 +2,7 @@
 	"name": "switch",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/table.json b/sites/docs/static/registry/styles/new-york-js/table.json
index 42959d7c8..4b1cad6e2 100644
--- a/sites/docs/static/registry/styles/new-york-js/table.json
+++ b/sites/docs/static/registry/styles/new-york-js/table.json
@@ -2,7 +2,7 @@
 	"name": "table",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/tabs.json b/sites/docs/static/registry/styles/new-york-js/tabs.json
index 9d4a43c7b..abdee6d4a 100644
--- a/sites/docs/static/registry/styles/new-york-js/tabs.json
+++ b/sites/docs/static/registry/styles/new-york-js/tabs.json
@@ -2,7 +2,7 @@
 	"name": "tabs",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/textarea.json b/sites/docs/static/registry/styles/new-york-js/textarea.json
index fe5a59df2..b8ff1ef20 100644
--- a/sites/docs/static/registry/styles/new-york-js/textarea.json
+++ b/sites/docs/static/registry/styles/new-york-js/textarea.json
@@ -2,7 +2,7 @@
 	"name": "textarea",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/toggle-group.json b/sites/docs/static/registry/styles/new-york-js/toggle-group.json
index 5c070d3f2..7de6d4051 100644
--- a/sites/docs/static/registry/styles/new-york-js/toggle-group.json
+++ b/sites/docs/static/registry/styles/new-york-js/toggle-group.json
@@ -2,7 +2,7 @@
 	"name": "toggle-group",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [
 		"toggle-group",
diff --git a/sites/docs/static/registry/styles/new-york-js/toggle.json b/sites/docs/static/registry/styles/new-york-js/toggle.json
index 981fa65a9..ebf5e4488 100644
--- a/sites/docs/static/registry/styles/new-york-js/toggle.json
+++ b/sites/docs/static/registry/styles/new-york-js/toggle.json
@@ -2,7 +2,7 @@
 	"name": "toggle",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york-js/tooltip.json b/sites/docs/static/registry/styles/new-york-js/tooltip.json
index 2086e5bf6..5823aedbe 100644
--- a/sites/docs/static/registry/styles/new-york-js/tooltip.json
+++ b/sites/docs/static/registry/styles/new-york-js/tooltip.json
@@ -2,7 +2,7 @@
 	"name": "tooltip",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/accordion.json b/sites/docs/static/registry/styles/new-york/accordion.json
index a08b225c2..e52cbc10b 100644
--- a/sites/docs/static/registry/styles/new-york/accordion.json
+++ b/sites/docs/static/registry/styles/new-york/accordion.json
@@ -2,7 +2,7 @@
 	"name": "accordion",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york/alert-dialog.json b/sites/docs/static/registry/styles/new-york/alert-dialog.json
index 644af55c3..e1856aaea 100644
--- a/sites/docs/static/registry/styles/new-york/alert-dialog.json
+++ b/sites/docs/static/registry/styles/new-york/alert-dialog.json
@@ -2,7 +2,7 @@
 	"name": "alert-dialog",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [
 		"button"
diff --git a/sites/docs/static/registry/styles/new-york/alert.json b/sites/docs/static/registry/styles/new-york/alert.json
index 6fb0b2d96..15884fd9d 100644
--- a/sites/docs/static/registry/styles/new-york/alert.json
+++ b/sites/docs/static/registry/styles/new-york/alert.json
@@ -2,7 +2,7 @@
 	"name": "alert",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/aspect-ratio.json b/sites/docs/static/registry/styles/new-york/aspect-ratio.json
index 6cc5197b6..24f48f018 100644
--- a/sites/docs/static/registry/styles/new-york/aspect-ratio.json
+++ b/sites/docs/static/registry/styles/new-york/aspect-ratio.json
@@ -2,7 +2,7 @@
 	"name": "aspect-ratio",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/avatar.json b/sites/docs/static/registry/styles/new-york/avatar.json
index 38621ce31..0b4d3bcee 100644
--- a/sites/docs/static/registry/styles/new-york/avatar.json
+++ b/sites/docs/static/registry/styles/new-york/avatar.json
@@ -2,7 +2,7 @@
 	"name": "avatar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/badge.json b/sites/docs/static/registry/styles/new-york/badge.json
index 7a058a45a..421e36e4e 100644
--- a/sites/docs/static/registry/styles/new-york/badge.json
+++ b/sites/docs/static/registry/styles/new-york/badge.json
@@ -2,7 +2,7 @@
 	"name": "badge",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/breadcrumb.json b/sites/docs/static/registry/styles/new-york/breadcrumb.json
index 0e778c82c..384c2d728 100644
--- a/sites/docs/static/registry/styles/new-york/breadcrumb.json
+++ b/sites/docs/static/registry/styles/new-york/breadcrumb.json
@@ -3,7 +3,7 @@
 	"type": "registry:ui",
 	"dependencies": [
 		"svelte-radix",
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/calendar.json b/sites/docs/static/registry/styles/new-york/calendar.json
index e3f47f5f0..0afd67d5a 100644
--- a/sites/docs/static/registry/styles/new-york/calendar.json
+++ b/sites/docs/static/registry/styles/new-york/calendar.json
@@ -2,7 +2,7 @@
 	"name": "calendar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"@internationalized/date",
 		"svelte-radix"
 	],
diff --git a/sites/docs/static/registry/styles/new-york/card.json b/sites/docs/static/registry/styles/new-york/card.json
index b41c47bfd..3289e8e4d 100644
--- a/sites/docs/static/registry/styles/new-york/card.json
+++ b/sites/docs/static/registry/styles/new-york/card.json
@@ -2,7 +2,7 @@
 	"name": "card",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/carousel.json b/sites/docs/static/registry/styles/new-york/carousel.json
index 6ef26702c..d4ac719e5 100644
--- a/sites/docs/static/registry/styles/new-york/carousel.json
+++ b/sites/docs/static/registry/styles/new-york/carousel.json
@@ -3,7 +3,7 @@
 	"type": "registry:ui",
 	"dependencies": [
 		"embla-carousel-svelte",
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/new-york/checkbox.json b/sites/docs/static/registry/styles/new-york/checkbox.json
index bcf85179d..ee4e8da68 100644
--- a/sites/docs/static/registry/styles/new-york/checkbox.json
+++ b/sites/docs/static/registry/styles/new-york/checkbox.json
@@ -2,7 +2,7 @@
 	"name": "checkbox",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york/collapsible.json b/sites/docs/static/registry/styles/new-york/collapsible.json
index 92b278b33..bb7c932af 100644
--- a/sites/docs/static/registry/styles/new-york/collapsible.json
+++ b/sites/docs/static/registry/styles/new-york/collapsible.json
@@ -2,7 +2,7 @@
 	"name": "collapsible",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/command.json b/sites/docs/static/registry/styles/new-york/command.json
index d3d95ce82..6d00cf760 100644
--- a/sites/docs/static/registry/styles/new-york/command.json
+++ b/sites/docs/static/registry/styles/new-york/command.json
@@ -2,7 +2,7 @@
 	"name": "command",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/new-york/context-menu.json b/sites/docs/static/registry/styles/new-york/context-menu.json
index 7e06e7407..bcf188806 100644
--- a/sites/docs/static/registry/styles/new-york/context-menu.json
+++ b/sites/docs/static/registry/styles/new-york/context-menu.json
@@ -2,7 +2,7 @@
 	"name": "context-menu",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york/dialog.json b/sites/docs/static/registry/styles/new-york/dialog.json
index f1fbad724..54c093e76 100644
--- a/sites/docs/static/registry/styles/new-york/dialog.json
+++ b/sites/docs/static/registry/styles/new-york/dialog.json
@@ -2,7 +2,7 @@
 	"name": "dialog",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york/drawer.json b/sites/docs/static/registry/styles/new-york/drawer.json
index 62ba6c3cd..daa210356 100644
--- a/sites/docs/static/registry/styles/new-york/drawer.json
+++ b/sites/docs/static/registry/styles/new-york/drawer.json
@@ -2,8 +2,8 @@
 	"name": "drawer",
 	"type": "registry:ui",
 	"dependencies": [
-		"vaul-svelte",
-		"bits-ui"
+		"vaul-svelte@next",
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/dropdown-menu.json b/sites/docs/static/registry/styles/new-york/dropdown-menu.json
index 97ee3b24a..5050bed6b 100644
--- a/sites/docs/static/registry/styles/new-york/dropdown-menu.json
+++ b/sites/docs/static/registry/styles/new-york/dropdown-menu.json
@@ -2,7 +2,7 @@
 	"name": "dropdown-menu",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york/form.json b/sites/docs/static/registry/styles/new-york/form.json
index 6bd12c67b..1f7748bdf 100644
--- a/sites/docs/static/registry/styles/new-york/form.json
+++ b/sites/docs/static/registry/styles/new-york/form.json
@@ -2,10 +2,10 @@
 	"name": "form",
 	"type": "registry:ui",
 	"dependencies": [
-		"formsnap",
+		"formsnap@next",
 		"zod",
 		"sveltekit-superforms",
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [
 		"button",
diff --git a/sites/docs/static/registry/styles/new-york/hover-card.json b/sites/docs/static/registry/styles/new-york/hover-card.json
index 44078b7e3..59e0d79f6 100644
--- a/sites/docs/static/registry/styles/new-york/hover-card.json
+++ b/sites/docs/static/registry/styles/new-york/hover-card.json
@@ -2,7 +2,7 @@
 	"name": "hover-card",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/input.json b/sites/docs/static/registry/styles/new-york/input.json
index 9c3a6aa40..33ffc51d9 100644
--- a/sites/docs/static/registry/styles/new-york/input.json
+++ b/sites/docs/static/registry/styles/new-york/input.json
@@ -2,7 +2,7 @@
 	"name": "input",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/label.json b/sites/docs/static/registry/styles/new-york/label.json
index 1f2430ffe..23077a550 100644
--- a/sites/docs/static/registry/styles/new-york/label.json
+++ b/sites/docs/static/registry/styles/new-york/label.json
@@ -2,7 +2,7 @@
 	"name": "label",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/menubar.json b/sites/docs/static/registry/styles/new-york/menubar.json
index 7e2e31228..c4a707cc4 100644
--- a/sites/docs/static/registry/styles/new-york/menubar.json
+++ b/sites/docs/static/registry/styles/new-york/menubar.json
@@ -2,7 +2,7 @@
 	"name": "menubar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york/pagination.json b/sites/docs/static/registry/styles/new-york/pagination.json
index 55852a24c..e496895ec 100644
--- a/sites/docs/static/registry/styles/new-york/pagination.json
+++ b/sites/docs/static/registry/styles/new-york/pagination.json
@@ -2,7 +2,7 @@
 	"name": "pagination",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/new-york/popover.json b/sites/docs/static/registry/styles/new-york/popover.json
index a2e570e9c..88cc8ee13 100644
--- a/sites/docs/static/registry/styles/new-york/popover.json
+++ b/sites/docs/static/registry/styles/new-york/popover.json
@@ -2,7 +2,7 @@
 	"name": "popover",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/progress.json b/sites/docs/static/registry/styles/new-york/progress.json
index 491b0fd20..be7e48193 100644
--- a/sites/docs/static/registry/styles/new-york/progress.json
+++ b/sites/docs/static/registry/styles/new-york/progress.json
@@ -2,7 +2,7 @@
 	"name": "progress",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/radio-group.json b/sites/docs/static/registry/styles/new-york/radio-group.json
index 7c2adda36..7b2c88863 100644
--- a/sites/docs/static/registry/styles/new-york/radio-group.json
+++ b/sites/docs/static/registry/styles/new-york/radio-group.json
@@ -2,7 +2,7 @@
 	"name": "radio-group",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york/range-calendar.json b/sites/docs/static/registry/styles/new-york/range-calendar.json
index 93b55bfee..0edea5a5b 100644
--- a/sites/docs/static/registry/styles/new-york/range-calendar.json
+++ b/sites/docs/static/registry/styles/new-york/range-calendar.json
@@ -3,7 +3,7 @@
 	"type": "registry:ui",
 	"dependencies": [
 		"@internationalized/date",
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/new-york/resizable.json b/sites/docs/static/registry/styles/new-york/resizable.json
index a0a8bf0d4..11495e4eb 100644
--- a/sites/docs/static/registry/styles/new-york/resizable.json
+++ b/sites/docs/static/registry/styles/new-york/resizable.json
@@ -2,9 +2,9 @@
 	"name": "resizable",
 	"type": "registry:ui",
 	"dependencies": [
-		"paneforge",
+		"paneforge@next",
 		"svelte-radix",
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/scroll-area.json b/sites/docs/static/registry/styles/new-york/scroll-area.json
index 7f2dd43e7..38feac5f9 100644
--- a/sites/docs/static/registry/styles/new-york/scroll-area.json
+++ b/sites/docs/static/registry/styles/new-york/scroll-area.json
@@ -2,7 +2,7 @@
 	"name": "scroll-area",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/select.json b/sites/docs/static/registry/styles/new-york/select.json
index 97c295f1f..7da0b9b43 100644
--- a/sites/docs/static/registry/styles/new-york/select.json
+++ b/sites/docs/static/registry/styles/new-york/select.json
@@ -2,7 +2,7 @@
 	"name": "select",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/new-york/separator.json b/sites/docs/static/registry/styles/new-york/separator.json
index 2ee3c35d7..52cf43e69 100644
--- a/sites/docs/static/registry/styles/new-york/separator.json
+++ b/sites/docs/static/registry/styles/new-york/separator.json
@@ -2,7 +2,7 @@
 	"name": "separator",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/sheet.json b/sites/docs/static/registry/styles/new-york/sheet.json
index 3bb74d065..0ce40bbd1 100644
--- a/sites/docs/static/registry/styles/new-york/sheet.json
+++ b/sites/docs/static/registry/styles/new-york/sheet.json
@@ -2,7 +2,7 @@
 	"name": "sheet",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"svelte-radix"
 	],
 	"registryDependencies": [],
diff --git a/sites/docs/static/registry/styles/new-york/sidebar.json b/sites/docs/static/registry/styles/new-york/sidebar.json
index a6112e479..02dc6cad2 100644
--- a/sites/docs/static/registry/styles/new-york/sidebar.json
+++ b/sites/docs/static/registry/styles/new-york/sidebar.json
@@ -2,7 +2,7 @@
 	"name": "sidebar",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui",
+		"bits-ui@next",
 		"lucide-svelte"
 	],
 	"registryDependencies": [
diff --git a/sites/docs/static/registry/styles/new-york/skeleton.json b/sites/docs/static/registry/styles/new-york/skeleton.json
index 9e88c008f..b30e8fb6d 100644
--- a/sites/docs/static/registry/styles/new-york/skeleton.json
+++ b/sites/docs/static/registry/styles/new-york/skeleton.json
@@ -2,7 +2,7 @@
 	"name": "skeleton",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/slider.json b/sites/docs/static/registry/styles/new-york/slider.json
index f2658f5e9..289bbddb1 100644
--- a/sites/docs/static/registry/styles/new-york/slider.json
+++ b/sites/docs/static/registry/styles/new-york/slider.json
@@ -2,7 +2,7 @@
 	"name": "slider",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/switch.json b/sites/docs/static/registry/styles/new-york/switch.json
index fc7fd437f..85f2ea112 100644
--- a/sites/docs/static/registry/styles/new-york/switch.json
+++ b/sites/docs/static/registry/styles/new-york/switch.json
@@ -2,7 +2,7 @@
 	"name": "switch",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/table.json b/sites/docs/static/registry/styles/new-york/table.json
index ea0b276fe..1d3e47fc0 100644
--- a/sites/docs/static/registry/styles/new-york/table.json
+++ b/sites/docs/static/registry/styles/new-york/table.json
@@ -2,7 +2,7 @@
 	"name": "table",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/tabs.json b/sites/docs/static/registry/styles/new-york/tabs.json
index b572206b1..bdc53e9af 100644
--- a/sites/docs/static/registry/styles/new-york/tabs.json
+++ b/sites/docs/static/registry/styles/new-york/tabs.json
@@ -2,7 +2,7 @@
 	"name": "tabs",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/textarea.json b/sites/docs/static/registry/styles/new-york/textarea.json
index ff56518be..170368b25 100644
--- a/sites/docs/static/registry/styles/new-york/textarea.json
+++ b/sites/docs/static/registry/styles/new-york/textarea.json
@@ -2,7 +2,7 @@
 	"name": "textarea",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/toggle-group.json b/sites/docs/static/registry/styles/new-york/toggle-group.json
index 3c9eebd1c..a89eadf63 100644
--- a/sites/docs/static/registry/styles/new-york/toggle-group.json
+++ b/sites/docs/static/registry/styles/new-york/toggle-group.json
@@ -2,7 +2,7 @@
 	"name": "toggle-group",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [
 		"toggle-group",
diff --git a/sites/docs/static/registry/styles/new-york/toggle.json b/sites/docs/static/registry/styles/new-york/toggle.json
index fdd38c6ac..cb2ba6b59 100644
--- a/sites/docs/static/registry/styles/new-york/toggle.json
+++ b/sites/docs/static/registry/styles/new-york/toggle.json
@@ -2,7 +2,7 @@
 	"name": "toggle",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/registry/styles/new-york/tooltip.json b/sites/docs/static/registry/styles/new-york/tooltip.json
index 4f934da09..f8fb715e9 100644
--- a/sites/docs/static/registry/styles/new-york/tooltip.json
+++ b/sites/docs/static/registry/styles/new-york/tooltip.json
@@ -2,7 +2,7 @@
 	"name": "tooltip",
 	"type": "registry:ui",
 	"dependencies": [
-		"bits-ui"
+		"bits-ui@next"
 	],
 	"registryDependencies": [],
 	"files": [
diff --git a/sites/docs/static/schema.json b/sites/docs/static/schema.json
index dd40ec04b..1de27bc46 100644
--- a/sites/docs/static/schema.json
+++ b/sites/docs/static/schema.json
@@ -29,9 +29,21 @@
 				},
 				"components": {
 					"type": "string"
+				},
+				"ui": {
+					"type": "string"
+				},
+				"hooks": {
+					"type": "string"
 				}
 			},
 			"required": ["utils", "components"]
+		},
+		"typescript": {
+			"type": "boolean"
+		},
+		"registry": {
+			"type": "string"
 		}
 	},
 	"required": ["style", "tailwind", "aliases"]