fix(next): ensure registry:ui components don't depend on themselves

sites/docs/scripts/build-registry.ts

@@ -39,6 +39,15 @@ function writeFileWithDirs(
 
 async function main() {
 	const registry = await buildRegistry();
+
+	const selfReferenced = registry.filter((item) => item.registryDependencies.includes(item.name));
+	const selfReferenceError = selfReferenced
+		.map((item) => `Registry item '${item.name}' depends on itself`)
+		.join("\n");
+	if (selfReferenceError) {
+		throw new Error(selfReferenceError);
+	}
+
 	const result = registrySchema.safeParse(registry);
 
 	if (!result.success) {

sites/docs/src/lib/registry/default/ui/data-table/flex-render.svelte

@@ -10,10 +10,7 @@
 	lang="ts"
 	generics="TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>"
 >
-	import {
-		RenderComponentConfig,
-		RenderSnippetConfig,
-	} from "$lib/registry/default/ui/data-table/render-helpers.js";
+	import { RenderComponentConfig, RenderSnippetConfig } from "./render-helpers.js";
 	type Props = {
 		/** The cell or header field of the current cell's column definition. */
 		content?: TContext extends HeaderContext<TData, TValue>

sites/docs/src/lib/registry/default/ui/toggle-group/toggle-group-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-	import { getToggleGroupCtx } from "$lib/registry/default/ui/toggle-group/toggle-group.svelte";
+	import { getToggleGroupCtx } from "./toggle-group.svelte";
 	import { cn } from "$lib/utils.js";
 	import { type ToggleVariants, toggleVariants } from "$lib/registry/default/ui/toggle/index.js";
 

sites/docs/src/lib/registry/new-york/ui/data-table/flex-render.svelte

@@ -9,10 +9,7 @@
 	lang="ts"
 	generics="TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>"
 >
-	import {
-		RenderComponentConfig,
-		RenderSnippetConfig,
-	} from "$lib/registry/new-york/ui/data-table/render-helpers.js";
+	import { RenderComponentConfig, RenderSnippetConfig } from "./render-helpers.js";
 
 	type Props = {
 		/** The cell or header field of the current cell's column definition. */

sites/docs/src/lib/registry/new-york/ui/select/select-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Select as SelectPrimitive, type WithoutChild } from "bits-ui";
-	import * as Select from "$lib/registry/new-york/ui/select/index.js";
+	import * as Select from "./index.js";
 	import { cn } from "$lib/utils.js";
 
 	let {

sites/docs/src/lib/registry/new-york/ui/toggle-group/toggle-group-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-	import { getToggleGroupCtx } from "$lib/registry/new-york/ui/toggle-group/toggle-group.svelte";
+	import { getToggleGroupCtx } from "./toggle-group.svelte";
 	import { cn } from "$lib/utils.js";
 	import { type ToggleVariants, toggleVariants } from "$lib/registry/new-york/ui/toggle/index.js";