From 8c619c1b6b8fe9780c4952dd3d16ea3cf04ebf5e Mon Sep 17 00:00:00 2001
From: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>
Date: Fri, 22 Mar 2024 14:31:02 -0400
Subject: [PATCH 01/10] enough of the madness

---
 apps/www/src/__registry__/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/apps/www/src/__registry__/index.js b/apps/www/src/__registry__/index.js
index 3c2953a2b..5ba99fe17 100644
--- a/apps/www/src/__registry__/index.js
+++ b/apps/www/src/__registry__/index.js
@@ -1,3 +1,4 @@
+// prettier-ignore-start
 // This file is autogenerated by scripts/build-registry.ts
 // Do not edit this file directly.
 export const Index = {
@@ -2488,3 +2489,4 @@ export const Index = {
 		},
 	},
 };
+// prettier-ignore-end

From e193f145952f8c0f4faa89889efdf84767a0038d Mon Sep 17 00:00:00 2001
From: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>
Date: Fri, 22 Mar 2024 14:31:20 -0400
Subject: [PATCH 02/10] add prettier ignore to the generated registry index

---
 apps/www/scripts/build-registry.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/apps/www/scripts/build-registry.ts b/apps/www/scripts/build-registry.ts
index 89fdec20f..0da8c776f 100644
--- a/apps/www/scripts/build-registry.ts
+++ b/apps/www/scripts/build-registry.ts
@@ -28,6 +28,7 @@ async function main() {
 	// Build __registry__/index.js.
 	// ----------------------------------------------------------------------------
 	let index = `
+// prettier-ignore-start
 // This file is autogenerated by scripts/build-registry.ts
 // Do not edit this file directly.
 export const Index = {
@@ -65,6 +66,7 @@ export const Index = {
 
 	index += `
 }
+// prettier-ignore-end
 `;
 
 	// Write style index.

From 08afb6eaff84c97e4f45de3c126c0c07160eab96 Mon Sep 17 00:00:00 2001
From: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>
Date: Fri, 22 Mar 2024 14:37:20 -0400
Subject: [PATCH 03/10] fix some types

---
 apps/www/src/lib/components/docs/component-preview.svelte | 3 +--
 apps/www/src/lib/types/docs.ts                            | 2 +-
 apps/www/src/routes/docs/[...slug]/+page.svelte           | 7 ++-----
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/apps/www/src/lib/components/docs/component-preview.svelte b/apps/www/src/lib/components/docs/component-preview.svelte
index e6f3d4b6d..49f84485f 100644
--- a/apps/www/src/lib/components/docs/component-preview.svelte
+++ b/apps/www/src/lib/components/docs/component-preview.svelte
@@ -15,8 +15,7 @@
 
 	$: component = Index[$config.style][name]?.component() as Promise<ComponentType>;
 
-	/* eslint-disable @typescript-eslint/no-explicit-any */
-	export let form: any;
+	export let form: unknown;
 
 	export let style = "";
 </script>
diff --git a/apps/www/src/lib/types/docs.ts b/apps/www/src/lib/types/docs.ts
index 7a472d972..487df4c5e 100644
--- a/apps/www/src/lib/types/docs.ts
+++ b/apps/www/src/lib/types/docs.ts
@@ -37,7 +37,7 @@ export type FrontMatter = {
 };
 
 export type DocFile = {
-	default: import("svelte").SvelteComponent;
+	default: import("svelte").ComponentType;
 	metadata: FrontMatter;
 };
 
diff --git a/apps/www/src/routes/docs/[...slug]/+page.svelte b/apps/www/src/routes/docs/[...slug]/+page.svelte
index 57aa9f5f8..61d3aaf5c 100644
--- a/apps/www/src/routes/docs/[...slug]/+page.svelte
+++ b/apps/www/src/routes/docs/[...slug]/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { config } from "$lib/stores/index.js";
-	import type { SvelteComponent } from "svelte";
 	import type { PageData } from "./$types.js";
 	import ChevronRight from "svelte-radix/ChevronRight.svelte";
 	import Code from "svelte-radix/Code.svelte";
@@ -11,9 +10,7 @@
 	import { cn } from "$lib/utils.js";
 
 	export let data: PageData;
-	// eslint-disable-next-line no-undef, @typescript-eslint/no-explicit-any
-	type Component = $$Generic<typeof SvelteComponent<any, any, any>>;
-	$: component = data.component as unknown as Component;
+	$: MarkdownContent = data.component;
 	$: doc = data.metadata;
 	$: componentSource = data.metadata.source?.replace("default", $config.style ?? "default");
 </script>
@@ -62,7 +59,7 @@
 			</div>
 		{/if}
 		<div class="markdown pb-12 pt-8" id="markdown">
-			<svelte:component this={component} form={data.form} />
+			<MarkdownContent form={data.form} />
 		</div>
 		<DocsPager />
 	</div>

From dda882ce544ab3e36e77266fe189b55615063211 Mon Sep 17 00:00:00 2001
From: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>
Date: Fri, 22 Mar 2024 14:37:38 -0400
Subject: [PATCH 04/10] use form preview instead of component preview

---
 apps/www/src/content/components/input.md | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/apps/www/src/content/components/input.md b/apps/www/src/content/components/input.md
index c2236ab6f..f07b66cec 100644
--- a/apps/www/src/content/components/input.md
+++ b/apps/www/src/content/components/input.md
@@ -6,7 +6,9 @@ source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/re
 ---
 
 <script>
-  import { ComponentPreview, ManualInstall } from '$lib/components/docs';
+  import { ComponentPreview, ManualInstall, FormPreview } from '$lib/components/docs';
+
+  export let form;
 </script>
 
 <ComponentPreview name="input-demo">
@@ -89,8 +91,4 @@ npx shadcn-svelte@latest add input
 
 ### Form
 
-<ComponentPreview name="form-demo">
-
-<div />
-
-</ComponentPreview>
+<FormPreview {form} />

From 55f29a43b8813f97f73134856d74f42c5753a961 Mon Sep 17 00:00:00 2001
From: CokaKoala <31664583+AdrianGonz97@users.noreply.github.com>
Date: Fri, 22 Mar 2024 14:43:16 -0400
Subject: [PATCH 05/10] Discard changes to apps/www/src/__registry__/index.js

---
 apps/www/src/__registry__/index.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/apps/www/src/__registry__/index.js b/apps/www/src/__registry__/index.js
index 5ba99fe17..3c2953a2b 100644
--- a/apps/www/src/__registry__/index.js
+++ b/apps/www/src/__registry__/index.js
@@ -1,4 +1,3 @@
-// prettier-ignore-start
 // This file is autogenerated by scripts/build-registry.ts
 // Do not edit this file directly.
 export const Index = {
@@ -2489,4 +2488,3 @@ export const Index = {
 		},
 	},
 };
-// prettier-ignore-end

From 3354db10b1a7ecc81e8eadc7b228863135d42f9a Mon Sep 17 00:00:00 2001
From: CokaKoala <31664583+AdrianGonz97@users.noreply.github.com>
Date: Fri, 22 Mar 2024 14:43:23 -0400
Subject: [PATCH 06/10] Discard changes to apps/www/scripts/build-registry.ts

---
 apps/www/scripts/build-registry.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/apps/www/scripts/build-registry.ts b/apps/www/scripts/build-registry.ts
index 0da8c776f..89fdec20f 100644
--- a/apps/www/scripts/build-registry.ts
+++ b/apps/www/scripts/build-registry.ts
@@ -28,7 +28,6 @@ async function main() {
 	// Build __registry__/index.js.
 	// ----------------------------------------------------------------------------
 	let index = `
-// prettier-ignore-start
 // This file is autogenerated by scripts/build-registry.ts
 // Do not edit this file directly.
 export const Index = {
@@ -66,7 +65,6 @@ export const Index = {
 
 	index += `
 }
-// prettier-ignore-end
 `;
 
 	// Write style index.

From 95a97f27096164f572d39d790941b89e1de17b2d Mon Sep 17 00:00:00 2001
From: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>
Date: Fri, 22 Mar 2024 14:56:34 -0400
Subject: [PATCH 07/10] test

---
 apps/www/src/__registry__/index.js | 1438 ++++++++--------------------
 1 file changed, 374 insertions(+), 1064 deletions(-)

diff --git a/apps/www/src/__registry__/index.js b/apps/www/src/__registry__/index.js
index 3c2953a2b..43a7190d5 100644
--- a/apps/www/src/__registry__/index.js
+++ b/apps/www/src/__registry__/index.js
@@ -1,2490 +1,1800 @@
+
 // This file is autogenerated by scripts/build-registry.ts
 // Do not edit this file directly.
 export const Index = {
-	default: {
+	"default": {
 		"accordion-demo": {
 			name: "accordion-demo",
 			type: "components:example",
 			registryDependencies: ["accordion"],
-			component: () =>
-				import("../lib/registry/default/example/accordion-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/accordion-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/accordion-demo.svelte"],
 		},
 		"alert-demo": {
 			name: "alert-demo",
 			type: "components:example",
 			registryDependencies: ["alert"],
-			component: () =>
-				import("../lib/registry/default/example/alert-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/alert-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/alert-demo.svelte"],
 		},
 		"alert-destructive": {
 			name: "alert-destructive",
 			type: "components:example",
 			registryDependencies: ["alert"],
-			component: () =>
-				import("../lib/registry/default/example/alert-destructive.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/alert-destructive.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/alert-destructive.svelte"],
 		},
 		"alert-dialog-demo": {
 			name: "alert-dialog-demo",
 			type: "components:example",
-			registryDependencies: ["alert-dialog", "button"],
-			component: () =>
-				import("../lib/registry/default/example/alert-dialog-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["alert-dialog","button"],
+			component: () => import("../lib/registry/default/example/alert-dialog-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/alert-dialog-demo.svelte"],
 		},
 		"aspect-ratio-demo": {
 			name: "aspect-ratio-demo",
 			type: "components:example",
 			registryDependencies: ["aspect-ratio"],
-			component: () =>
-				import("../lib/registry/default/example/aspect-ratio-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/aspect-ratio-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/aspect-ratio-demo.svelte"],
 		},
 		"avatar-demo": {
 			name: "avatar-demo",
 			type: "components:example",
 			registryDependencies: ["avatar"],
-			component: () =>
-				import("../lib/registry/default/example/avatar-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/avatar-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/avatar-demo.svelte"],
 		},
 		"badge-demo": {
 			name: "badge-demo",
 			type: "components:example",
 			registryDependencies: ["badge"],
-			component: () =>
-				import("../lib/registry/default/example/badge-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/badge-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/badge-demo.svelte"],
 		},
 		"badge-destructive": {
 			name: "badge-destructive",
 			type: "components:example",
 			registryDependencies: ["badge"],
-			component: () =>
-				import("../lib/registry/default/example/badge-destructive.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/badge-destructive.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/badge-destructive.svelte"],
 		},
 		"badge-outline": {
 			name: "badge-outline",
 			type: "components:example",
 			registryDependencies: ["badge"],
-			component: () =>
-				import("../lib/registry/default/example/badge-outline.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/badge-outline.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/badge-outline.svelte"],
 		},
 		"badge-secondary": {
 			name: "badge-secondary",
 			type: "components:example",
 			registryDependencies: ["badge"],
-			component: () =>
-				import("../lib/registry/default/example/badge-secondary.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/badge-secondary.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/badge-secondary.svelte"],
 		},
 		"breadcrumb-demo": {
 			name: "breadcrumb-demo",
 			type: "components:example",
-			registryDependencies: ["breadcrumb", "dropdown-menu"],
-			component: () =>
-				import("../lib/registry/default/example/breadcrumb-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["breadcrumb","dropdown-menu"],
+			component: () => import("../lib/registry/default/example/breadcrumb-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/breadcrumb-demo.svelte"],
 		},
 		"breadcrumb-dropdown": {
 			name: "breadcrumb-dropdown",
 			type: "components:example",
-			registryDependencies: ["breadcrumb", "dropdown-menu"],
-			component: () =>
-				import("../lib/registry/default/example/breadcrumb-dropdown.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["breadcrumb","dropdown-menu"],
+			component: () => import("../lib/registry/default/example/breadcrumb-dropdown.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/breadcrumb-dropdown.svelte"],
 		},
 		"breadcrumb-ellipsis": {
 			name: "breadcrumb-ellipsis",
 			type: "components:example",
 			registryDependencies: ["breadcrumb"],
-			component: () =>
-				import("../lib/registry/default/example/breadcrumb-ellipsis.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/breadcrumb-ellipsis.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/breadcrumb-ellipsis.svelte"],
 		},
 		"breadcrumb-link": {
 			name: "breadcrumb-link",
 			type: "components:example",
 			registryDependencies: ["breadcrumb"],
-			component: () =>
-				import("../lib/registry/default/example/breadcrumb-link.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/breadcrumb-link.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/breadcrumb-link.svelte"],
 		},
 		"breadcrumb-responsive": {
 			name: "breadcrumb-responsive",
 			type: "components:example",
-			registryDependencies: ["breadcrumb", "drawer", "dropdown-menu", "button"],
-			component: () =>
-				import("../lib/registry/default/example/breadcrumb-responsive.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["breadcrumb","drawer","dropdown-menu","button"],
+			component: () => import("../lib/registry/default/example/breadcrumb-responsive.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/breadcrumb-responsive.svelte"],
 		},
 		"breadcrumb-separator": {
 			name: "breadcrumb-separator",
 			type: "components:example",
 			registryDependencies: ["breadcrumb"],
-			component: () =>
-				import("../lib/registry/default/example/breadcrumb-separator.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/breadcrumb-separator.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/breadcrumb-separator.svelte"],
 		},
 		"button-demo": {
 			name: "button-demo",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/default/example/button-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/button-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/button-demo.svelte"],
 		},
 		"button-destructive": {
 			name: "button-destructive",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/default/example/button-destructive.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/button-destructive.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/button-destructive.svelte"],
 		},
 		"button-ghost": {
 			name: "button-ghost",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/default/example/button-ghost.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/button-ghost.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/button-ghost.svelte"],
 		},
 		"button-icon": {
 			name: "button-icon",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/default/example/button-icon.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/button-icon.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/button-icon.svelte"],
 		},
 		"button-link": {
 			name: "button-link",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/default/example/button-link.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/button-link.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/button-link.svelte"],
 		},
 		"button-loading": {
 			name: "button-loading",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/default/example/button-loading.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/button-loading.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/button-loading.svelte"],
 		},
 		"button-outline": {
 			name: "button-outline",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/default/example/button-outline.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/button-outline.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/button-outline.svelte"],
 		},
 		"button-secondary": {
 			name: "button-secondary",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/default/example/button-secondary.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/button-secondary.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/button-secondary.svelte"],
 		},
 		"button-with-icon": {
 			name: "button-with-icon",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/default/example/button-with-icon.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/button-with-icon.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/button-with-icon.svelte"],
 		},
 		"calendar-demo": {
 			name: "calendar-demo",
 			type: "components:example",
 			registryDependencies: ["calendar"],
-			component: () =>
-				import("../lib/registry/default/example/calendar-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/calendar-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/calendar-demo.svelte"],
 		},
 		"calendar-with-selects": {
 			name: "calendar-with-selects",
 			type: "components:example",
-			registryDependencies: ["calendar", "select"],
-			component: () =>
-				import("../lib/registry/default/example/calendar-with-selects.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["calendar","select"],
+			component: () => import("../lib/registry/default/example/calendar-with-selects.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/calendar-with-selects.svelte"],
 		},
 		"card-demo": {
 			name: "card-demo",
 			type: "components:example",
-			registryDependencies: ["button", "card", "switch"],
-			component: () =>
-				import("../lib/registry/default/example/card-demo.svelte").then((m) => m.default),
+			registryDependencies: ["button","card","switch"],
+			component: () => import("../lib/registry/default/example/card-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/card-demo.svelte"],
 		},
 		"card-with-form": {
 			name: "card-with-form",
 			type: "components:example",
-			registryDependencies: ["button", "card", "select", "input", "label"],
-			component: () =>
-				import("../lib/registry/default/example/card-with-form.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","card","select","input","label"],
+			component: () => import("../lib/registry/default/example/card-with-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/card-with-form.svelte"],
 		},
 		"carousel-api": {
 			name: "carousel-api",
 			type: "components:example",
-			registryDependencies: ["card", "carousel"],
-			component: () =>
-				import("../lib/registry/default/example/carousel-api.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["card","carousel"],
+			component: () => import("../lib/registry/default/example/carousel-api.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/carousel-api.svelte"],
 		},
 		"carousel-demo": {
 			name: "carousel-demo",
 			type: "components:example",
-			registryDependencies: ["card", "carousel"],
-			component: () =>
-				import("../lib/registry/default/example/carousel-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["card","carousel"],
+			component: () => import("../lib/registry/default/example/carousel-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/carousel-demo.svelte"],
 		},
 		"carousel-orientation": {
 			name: "carousel-orientation",
 			type: "components:example",
-			registryDependencies: ["card", "carousel"],
-			component: () =>
-				import("../lib/registry/default/example/carousel-orientation.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["card","carousel"],
+			component: () => import("../lib/registry/default/example/carousel-orientation.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/carousel-orientation.svelte"],
 		},
 		"carousel-plugin": {
 			name: "carousel-plugin",
 			type: "components:example",
-			registryDependencies: ["card", "carousel"],
-			component: () =>
-				import("../lib/registry/default/example/carousel-plugin.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["card","carousel"],
+			component: () => import("../lib/registry/default/example/carousel-plugin.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/carousel-plugin.svelte"],
 		},
 		"carousel-size": {
 			name: "carousel-size",
 			type: "components:example",
-			registryDependencies: ["card", "carousel"],
-			component: () =>
-				import("../lib/registry/default/example/carousel-size.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["card","carousel"],
+			component: () => import("../lib/registry/default/example/carousel-size.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/carousel-size.svelte"],
 		},
 		"carousel-spacing": {
 			name: "carousel-spacing",
 			type: "components:example",
-			registryDependencies: ["card", "carousel"],
-			component: () =>
-				import("../lib/registry/default/example/carousel-spacing.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["card","carousel"],
+			component: () => import("../lib/registry/default/example/carousel-spacing.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/carousel-spacing.svelte"],
 		},
 		"checkbox-demo": {
 			name: "checkbox-demo",
 			type: "components:example",
-			registryDependencies: ["checkbox", "label"],
-			component: () =>
-				import("../lib/registry/default/example/checkbox-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["checkbox","label"],
+			component: () => import("../lib/registry/default/example/checkbox-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/checkbox-demo.svelte"],
 		},
 		"checkbox-disabled": {
 			name: "checkbox-disabled",
 			type: "components:example",
-			registryDependencies: ["checkbox", "label"],
-			component: () =>
-				import("../lib/registry/default/example/checkbox-disabled.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["checkbox","label"],
+			component: () => import("../lib/registry/default/example/checkbox-disabled.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/checkbox-disabled.svelte"],
 		},
 		"checkbox-form-multiple": {
 			name: "checkbox-form-multiple",
 			type: "components:example",
-			registryDependencies: ["form", "checkbox"],
-			component: () =>
-				import("../lib/registry/default/example/checkbox-form-multiple.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["form","checkbox"],
+			component: () => import("../lib/registry/default/example/checkbox-form-multiple.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/checkbox-form-multiple.svelte"],
 		},
 		"checkbox-form-single": {
 			name: "checkbox-form-single",
 			type: "components:example",
-			registryDependencies: ["form", "checkbox"],
-			component: () =>
-				import("../lib/registry/default/example/checkbox-form-single.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["form","checkbox"],
+			component: () => import("../lib/registry/default/example/checkbox-form-single.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/checkbox-form-single.svelte"],
 		},
 		"checkbox-with-text": {
 			name: "checkbox-with-text",
 			type: "components:example",
-			registryDependencies: ["checkbox", "label"],
-			component: () =>
-				import("../lib/registry/default/example/checkbox-with-text.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["checkbox","label"],
+			component: () => import("../lib/registry/default/example/checkbox-with-text.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/checkbox-with-text.svelte"],
 		},
 		"collapsible-demo": {
 			name: "collapsible-demo",
 			type: "components:example",
-			registryDependencies: ["collapsible", "button"],
-			component: () =>
-				import("../lib/registry/default/example/collapsible-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["collapsible","button"],
+			component: () => import("../lib/registry/default/example/collapsible-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/collapsible-demo.svelte"],
 		},
 		"combobox-demo": {
 			name: "combobox-demo",
 			type: "components:example",
-			registryDependencies: ["command", "popover", "button"],
-			component: () =>
-				import("../lib/registry/default/example/combobox-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["command","popover","button"],
+			component: () => import("../lib/registry/default/example/combobox-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/combobox-demo.svelte"],
 		},
 		"combobox-dropdown-menu": {
 			name: "combobox-dropdown-menu",
 			type: "components:example",
-			registryDependencies: ["button", "command", "dropdown-menu"],
-			component: () =>
-				import("../lib/registry/default/example/combobox-dropdown-menu.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","command","dropdown-menu"],
+			component: () => import("../lib/registry/default/example/combobox-dropdown-menu.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/combobox-dropdown-menu.svelte"],
 		},
 		"combobox-form": {
 			name: "combobox-form",
 			type: "components:example",
-			registryDependencies: ["form", "popover", "command", "button"],
-			component: () =>
-				import("../lib/registry/default/example/combobox-form.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["form","popover","command","button"],
+			component: () => import("../lib/registry/default/example/combobox-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/combobox-form.svelte"],
 		},
 		"combobox-popover": {
 			name: "combobox-popover",
 			type: "components:example",
-			registryDependencies: ["button", "command", "popover"],
-			component: () =>
-				import("../lib/registry/default/example/combobox-popover.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","command","popover"],
+			component: () => import("../lib/registry/default/example/combobox-popover.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/combobox-popover.svelte"],
 		},
 		"command-demo": {
 			name: "command-demo",
 			type: "components:example",
 			registryDependencies: ["command"],
-			component: () =>
-				import("../lib/registry/default/example/command-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/command-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/command-demo.svelte"],
 		},
 		"command-dialog": {
 			name: "command-dialog",
 			type: "components:example",
 			registryDependencies: ["command"],
-			component: () =>
-				import("../lib/registry/default/example/command-dialog.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/command-dialog.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/command-dialog.svelte"],
 		},
 		"context-menu-demo": {
 			name: "context-menu-demo",
 			type: "components:example",
 			registryDependencies: ["context-menu"],
-			component: () =>
-				import("../lib/registry/default/example/context-menu-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/context-menu-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/context-menu-demo.svelte"],
 		},
 		"dark-mode-dropdown-menu": {
 			name: "dark-mode-dropdown-menu",
 			type: "components:example",
-			registryDependencies: ["button", "dropdown-menu"],
-			component: () =>
-				import("../lib/registry/default/example/dark-mode-dropdown-menu.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","dropdown-menu"],
+			component: () => import("../lib/registry/default/example/dark-mode-dropdown-menu.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/dark-mode-dropdown-menu.svelte"],
 		},
 		"dark-mode-light-switch": {
 			name: "dark-mode-light-switch",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/default/example/dark-mode-light-switch.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/dark-mode-light-switch.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/dark-mode-light-switch.svelte"],
 		},
 		"data-table-demo": {
 			name: "data-table-demo",
 			type: "components:example",
-			registryDependencies: ["table", "button", "dropdown-menu", "input"],
-			component: () =>
-				import("../lib/registry/default/example/data-table-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["table","button","dropdown-menu","input"],
+			component: () => import("../lib/registry/default/example/data-table-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/data-table-demo.svelte"],
 		},
 		"date-picker-demo": {
 			name: "date-picker-demo",
 			type: "components:example",
-			registryDependencies: ["button", "calendar", "popover"],
-			component: () =>
-				import("../lib/registry/default/example/date-picker-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","calendar","popover"],
+			component: () => import("../lib/registry/default/example/date-picker-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/date-picker-demo.svelte"],
 		},
 		"date-picker-form": {
 			name: "date-picker-form",
 			type: "components:example",
-			registryDependencies: ["button", "calendar", "popover", "form"],
-			component: () =>
-				import("../lib/registry/default/example/date-picker-form.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","calendar","popover","form"],
+			component: () => import("../lib/registry/default/example/date-picker-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/date-picker-form.svelte"],
 		},
 		"date-picker-with-presets": {
 			name: "date-picker-with-presets",
 			type: "components:example",
-			registryDependencies: ["button", "calendar", "popover", "select"],
-			component: () =>
-				import("../lib/registry/default/example/date-picker-with-presets.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","calendar","popover","select"],
+			component: () => import("../lib/registry/default/example/date-picker-with-presets.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/date-picker-with-presets.svelte"],
 		},
 		"date-picker-with-range": {
 			name: "date-picker-with-range",
 			type: "components:example",
-			registryDependencies: ["button", "range-calendar", "popover"],
-			component: () =>
-				import("../lib/registry/default/example/date-picker-with-range.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","range-calendar","popover"],
+			component: () => import("../lib/registry/default/example/date-picker-with-range.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/date-picker-with-range.svelte"],
 		},
 		"dialog-demo": {
 			name: "dialog-demo",
 			type: "components:example",
-			registryDependencies: ["button", "dialog", "input", "label"],
-			component: () =>
-				import("../lib/registry/default/example/dialog-demo.svelte").then((m) => m.default),
+			registryDependencies: ["button","dialog","input","label"],
+			component: () => import("../lib/registry/default/example/dialog-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/dialog-demo.svelte"],
 		},
 		"drawer-demo": {
 			name: "drawer-demo",
 			type: "components:example",
-			registryDependencies: ["button", "drawer"],
-			component: () =>
-				import("../lib/registry/default/example/drawer-demo.svelte").then((m) => m.default),
+			registryDependencies: ["button","drawer"],
+			component: () => import("../lib/registry/default/example/drawer-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/drawer-demo.svelte"],
 		},
 		"drawer-dialog": {
 			name: "drawer-dialog",
 			type: "components:example",
-			registryDependencies: ["dialog", "drawer", "input", "label", "button"],
-			component: () =>
-				import("../lib/registry/default/example/drawer-dialog.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["dialog","drawer","input","label","button"],
+			component: () => import("../lib/registry/default/example/drawer-dialog.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/drawer-dialog.svelte"],
 		},
 		"dropdown-menu-checkboxes": {
 			name: "dropdown-menu-checkboxes",
 			type: "components:example",
-			registryDependencies: ["dropdown-menu", "button"],
-			component: () =>
-				import("../lib/registry/default/example/dropdown-menu-checkboxes.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["dropdown-menu","button"],
+			component: () => import("../lib/registry/default/example/dropdown-menu-checkboxes.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/dropdown-menu-checkboxes.svelte"],
 		},
 		"dropdown-menu-demo": {
 			name: "dropdown-menu-demo",
 			type: "components:example",
-			registryDependencies: ["button", "dropdown-menu"],
-			component: () =>
-				import("../lib/registry/default/example/dropdown-menu-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","dropdown-menu"],
+			component: () => import("../lib/registry/default/example/dropdown-menu-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/dropdown-menu-demo.svelte"],
 		},
 		"dropdown-menu-radio-group": {
 			name: "dropdown-menu-radio-group",
 			type: "components:example",
-			registryDependencies: ["dropdown-menu", "button"],
-			component: () =>
-				import("../lib/registry/default/example/dropdown-menu-radio-group.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["dropdown-menu","button"],
+			component: () => import("../lib/registry/default/example/dropdown-menu-radio-group.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/dropdown-menu-radio-group.svelte"],
 		},
 		"form-demo": {
 			name: "form-demo",
 			type: "components:example",
-			registryDependencies: ["form", "input"],
-			component: () =>
-				import("../lib/registry/default/example/form-demo.svelte").then((m) => m.default),
+			registryDependencies: ["form","input"],
+			component: () => import("../lib/registry/default/example/form-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/form-demo.svelte"],
 		},
 		"hover-card-demo": {
 			name: "hover-card-demo",
 			type: "components:example",
-			registryDependencies: ["avatar", "hover-card"],
-			component: () =>
-				import("../lib/registry/default/example/hover-card-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["avatar","hover-card"],
+			component: () => import("../lib/registry/default/example/hover-card-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/hover-card-demo.svelte"],
 		},
 		"input-demo": {
 			name: "input-demo",
 			type: "components:example",
 			registryDependencies: ["input"],
-			component: () =>
-				import("../lib/registry/default/example/input-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/input-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/input-demo.svelte"],
 		},
 		"input-disabled": {
 			name: "input-disabled",
 			type: "components:example",
 			registryDependencies: ["input"],
-			component: () =>
-				import("../lib/registry/default/example/input-disabled.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/input-disabled.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/input-disabled.svelte"],
 		},
 		"input-file": {
 			name: "input-file",
 			type: "components:example",
-			registryDependencies: ["input", "label"],
-			component: () =>
-				import("../lib/registry/default/example/input-file.svelte").then((m) => m.default),
+			registryDependencies: ["input","label"],
+			component: () => import("../lib/registry/default/example/input-file.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/input-file.svelte"],
 		},
 		"input-with-button": {
 			name: "input-with-button",
 			type: "components:example",
-			registryDependencies: ["button", "input"],
-			component: () =>
-				import("../lib/registry/default/example/input-with-button.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","input"],
+			component: () => import("../lib/registry/default/example/input-with-button.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/input-with-button.svelte"],
 		},
 		"input-with-label": {
 			name: "input-with-label",
 			type: "components:example",
-			registryDependencies: ["input", "label"],
-			component: () =>
-				import("../lib/registry/default/example/input-with-label.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["input","label"],
+			component: () => import("../lib/registry/default/example/input-with-label.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/input-with-label.svelte"],
 		},
 		"input-with-text": {
 			name: "input-with-text",
 			type: "components:example",
-			registryDependencies: ["input", "label"],
-			component: () =>
-				import("../lib/registry/default/example/input-with-text.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["input","label"],
+			component: () => import("../lib/registry/default/example/input-with-text.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/input-with-text.svelte"],
 		},
 		"label-demo": {
 			name: "label-demo",
 			type: "components:example",
-			registryDependencies: ["checkbox", "label"],
-			component: () =>
-				import("../lib/registry/default/example/label-demo.svelte").then((m) => m.default),
+			registryDependencies: ["checkbox","label"],
+			component: () => import("../lib/registry/default/example/label-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/label-demo.svelte"],
 		},
 		"menubar-demo": {
 			name: "menubar-demo",
 			type: "components:example",
 			registryDependencies: ["menubar"],
-			component: () =>
-				import("../lib/registry/default/example/menubar-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/menubar-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/menubar-demo.svelte"],
 		},
 		"pagination-demo": {
 			name: "pagination-demo",
 			type: "components:example",
 			registryDependencies: ["pagination"],
-			component: () =>
-				import("../lib/registry/default/example/pagination-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/pagination-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/pagination-demo.svelte"],
 		},
 		"popover-demo": {
 			name: "popover-demo",
 			type: "components:example",
-			registryDependencies: ["button", "input", "label", "popover"],
-			component: () =>
-				import("../lib/registry/default/example/popover-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","input","label","popover"],
+			component: () => import("../lib/registry/default/example/popover-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/popover-demo.svelte"],
 		},
 		"progress-demo": {
 			name: "progress-demo",
 			type: "components:example",
 			registryDependencies: ["progress"],
-			component: () =>
-				import("../lib/registry/default/example/progress-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/progress-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/progress-demo.svelte"],
 		},
 		"radio-group-demo": {
 			name: "radio-group-demo",
 			type: "components:example",
-			registryDependencies: ["radio-group", "label"],
-			component: () =>
-				import("../lib/registry/default/example/radio-group-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["radio-group","label"],
+			component: () => import("../lib/registry/default/example/radio-group-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/radio-group-demo.svelte"],
 		},
 		"radio-group-form": {
 			name: "radio-group-form",
 			type: "components:example",
-			registryDependencies: ["form", "radio-group"],
-			component: () =>
-				import("../lib/registry/default/example/radio-group-form.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["form","radio-group"],
+			component: () => import("../lib/registry/default/example/radio-group-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/radio-group-form.svelte"],
 		},
 		"range-calendar-demo": {
 			name: "range-calendar-demo",
 			type: "components:example",
 			registryDependencies: ["range-calendar"],
-			component: () =>
-				import("../lib/registry/default/example/range-calendar-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/range-calendar-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/range-calendar-demo.svelte"],
 		},
 		"resizable-demo": {
 			name: "resizable-demo",
 			type: "components:example",
 			registryDependencies: ["resizable"],
-			component: () =>
-				import("../lib/registry/default/example/resizable-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/resizable-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/resizable-demo.svelte"],
 		},
 		"resizable-handle": {
 			name: "resizable-handle",
 			type: "components:example",
 			registryDependencies: ["resizable"],
-			component: () =>
-				import("../lib/registry/default/example/resizable-handle.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/resizable-handle.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/resizable-handle.svelte"],
 		},
 		"resizable-vertical": {
 			name: "resizable-vertical",
 			type: "components:example",
 			registryDependencies: ["resizable"],
-			component: () =>
-				import("../lib/registry/default/example/resizable-vertical.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/resizable-vertical.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/resizable-vertical.svelte"],
 		},
 		"scroll-area-both": {
 			name: "scroll-area-both",
 			type: "components:example",
 			registryDependencies: ["scroll-area"],
-			component: () =>
-				import("../lib/registry/default/example/scroll-area-both.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/scroll-area-both.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/scroll-area-both.svelte"],
 		},
 		"scroll-area-demo": {
 			name: "scroll-area-demo",
 			type: "components:example",
-			registryDependencies: ["scroll-area", "separator"],
-			component: () =>
-				import("../lib/registry/default/example/scroll-area-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["scroll-area","separator"],
+			component: () => import("../lib/registry/default/example/scroll-area-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/scroll-area-demo.svelte"],
 		},
 		"scroll-area-horizontal": {
 			name: "scroll-area-horizontal",
 			type: "components:example",
 			registryDependencies: ["scroll-area"],
-			component: () =>
-				import("../lib/registry/default/example/scroll-area-horizontal.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/scroll-area-horizontal.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/scroll-area-horizontal.svelte"],
 		},
 		"select-demo": {
 			name: "select-demo",
 			type: "components:example",
 			registryDependencies: ["select"],
-			component: () =>
-				import("../lib/registry/default/example/select-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/select-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/select-demo.svelte"],
 		},
 		"select-form": {
 			name: "select-form",
 			type: "components:example",
-			registryDependencies: ["form", "select"],
-			component: () =>
-				import("../lib/registry/default/example/select-form.svelte").then((m) => m.default),
+			registryDependencies: ["form","select"],
+			component: () => import("../lib/registry/default/example/select-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/select-form.svelte"],
 		},
 		"separator-demo": {
 			name: "separator-demo",
 			type: "components:example",
 			registryDependencies: ["separator"],
-			component: () =>
-				import("../lib/registry/default/example/separator-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/separator-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/separator-demo.svelte"],
 		},
 		"sheet-demo": {
 			name: "sheet-demo",
 			type: "components:example",
-			registryDependencies: ["sheet", "button", "input", "label"],
-			component: () =>
-				import("../lib/registry/default/example/sheet-demo.svelte").then((m) => m.default),
+			registryDependencies: ["sheet","button","input","label"],
+			component: () => import("../lib/registry/default/example/sheet-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/sheet-demo.svelte"],
 		},
 		"sheet-side": {
 			name: "sheet-side",
 			type: "components:example",
-			registryDependencies: ["sheet", "button", "input", "label"],
-			component: () =>
-				import("../lib/registry/default/example/sheet-side.svelte").then((m) => m.default),
+			registryDependencies: ["sheet","button","input","label"],
+			component: () => import("../lib/registry/default/example/sheet-side.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/sheet-side.svelte"],
 		},
 		"skeleton-demo": {
 			name: "skeleton-demo",
 			type: "components:example",
 			registryDependencies: ["skeleton"],
-			component: () =>
-				import("../lib/registry/default/example/skeleton-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/skeleton-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/skeleton-demo.svelte"],
 		},
 		"slider-demo": {
 			name: "slider-demo",
 			type: "components:example",
 			registryDependencies: ["slider"],
-			component: () =>
-				import("../lib/registry/default/example/slider-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/slider-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/slider-demo.svelte"],
 		},
 		"sonner-demo": {
 			name: "sonner-demo",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/default/example/sonner-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/sonner-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/sonner-demo.svelte"],
 		},
 		"switch-demo": {
 			name: "switch-demo",
 			type: "components:example",
-			registryDependencies: ["label", "switch"],
-			component: () =>
-				import("../lib/registry/default/example/switch-demo.svelte").then((m) => m.default),
+			registryDependencies: ["label","switch"],
+			component: () => import("../lib/registry/default/example/switch-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/switch-demo.svelte"],
 		},
 		"switch-form": {
 			name: "switch-form",
 			type: "components:example",
-			registryDependencies: ["form", "switch"],
-			component: () =>
-				import("../lib/registry/default/example/switch-form.svelte").then((m) => m.default),
+			registryDependencies: ["form","switch"],
+			component: () => import("../lib/registry/default/example/switch-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/switch-form.svelte"],
 		},
 		"table-demo": {
 			name: "table-demo",
 			type: "components:example",
 			registryDependencies: ["table"],
-			component: () =>
-				import("../lib/registry/default/example/table-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/table-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/table-demo.svelte"],
 		},
 		"tabs-demo": {
 			name: "tabs-demo",
 			type: "components:example",
-			registryDependencies: ["tabs", "card", "button", "input", "label"],
-			component: () =>
-				import("../lib/registry/default/example/tabs-demo.svelte").then((m) => m.default),
+			registryDependencies: ["tabs","card","button","input","label"],
+			component: () => import("../lib/registry/default/example/tabs-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/tabs-demo.svelte"],
 		},
 		"textarea-demo": {
 			name: "textarea-demo",
 			type: "components:example",
 			registryDependencies: ["textarea"],
-			component: () =>
-				import("../lib/registry/default/example/textarea-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/textarea-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/textarea-demo.svelte"],
 		},
 		"textarea-disabled": {
 			name: "textarea-disabled",
 			type: "components:example",
 			registryDependencies: ["textarea"],
-			component: () =>
-				import("../lib/registry/default/example/textarea-disabled.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/textarea-disabled.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/textarea-disabled.svelte"],
 		},
 		"textarea-form": {
 			name: "textarea-form",
 			type: "components:example",
-			registryDependencies: ["form", "textarea"],
-			component: () =>
-				import("../lib/registry/default/example/textarea-form.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["form","textarea"],
+			component: () => import("../lib/registry/default/example/textarea-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/textarea-form.svelte"],
 		},
 		"textarea-with-button": {
 			name: "textarea-with-button",
 			type: "components:example",
-			registryDependencies: ["button", "textarea"],
-			component: () =>
-				import("../lib/registry/default/example/textarea-with-button.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","textarea"],
+			component: () => import("../lib/registry/default/example/textarea-with-button.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/textarea-with-button.svelte"],
 		},
 		"textarea-with-label": {
 			name: "textarea-with-label",
 			type: "components:example",
-			registryDependencies: ["label", "textarea"],
-			component: () =>
-				import("../lib/registry/default/example/textarea-with-label.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["label","textarea"],
+			component: () => import("../lib/registry/default/example/textarea-with-label.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/textarea-with-label.svelte"],
 		},
 		"textarea-with-text": {
 			name: "textarea-with-text",
 			type: "components:example",
-			registryDependencies: ["label", "textarea"],
-			component: () =>
-				import("../lib/registry/default/example/textarea-with-text.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["label","textarea"],
+			component: () => import("../lib/registry/default/example/textarea-with-text.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/textarea-with-text.svelte"],
 		},
 		"toggle-demo": {
 			name: "toggle-demo",
 			type: "components:example",
 			registryDependencies: ["toggle"],
-			component: () =>
-				import("../lib/registry/default/example/toggle-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/toggle-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/toggle-demo.svelte"],
 		},
 		"toggle-disabled": {
 			name: "toggle-disabled",
 			type: "components:example",
 			registryDependencies: ["toggle"],
-			component: () =>
-				import("../lib/registry/default/example/toggle-disabled.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/toggle-disabled.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/toggle-disabled.svelte"],
 		},
 		"toggle-group-demo": {
 			name: "toggle-group-demo",
 			type: "components:example",
 			registryDependencies: ["toggle-group"],
-			component: () =>
-				import("../lib/registry/default/example/toggle-group-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/toggle-group-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/toggle-group-demo.svelte"],
 		},
 		"toggle-group-disabled": {
 			name: "toggle-group-disabled",
 			type: "components:example",
 			registryDependencies: ["toggle-group"],
-			component: () =>
-				import("../lib/registry/default/example/toggle-group-disabled.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/toggle-group-disabled.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/toggle-group-disabled.svelte"],
 		},
 		"toggle-group-lg": {
 			name: "toggle-group-lg",
 			type: "components:example",
 			registryDependencies: ["toggle-group"],
-			component: () =>
-				import("../lib/registry/default/example/toggle-group-lg.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/toggle-group-lg.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/toggle-group-lg.svelte"],
 		},
 		"toggle-group-outline": {
 			name: "toggle-group-outline",
 			type: "components:example",
 			registryDependencies: ["toggle-group"],
-			component: () =>
-				import("../lib/registry/default/example/toggle-group-outline.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/toggle-group-outline.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/toggle-group-outline.svelte"],
 		},
 		"toggle-group-single": {
 			name: "toggle-group-single",
 			type: "components:example",
 			registryDependencies: ["toggle-group"],
-			component: () =>
-				import("../lib/registry/default/example/toggle-group-single.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/toggle-group-single.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/toggle-group-single.svelte"],
 		},
 		"toggle-group-sm": {
 			name: "toggle-group-sm",
 			type: "components:example",
 			registryDependencies: ["toggle-group"],
-			component: () =>
-				import("../lib/registry/default/example/toggle-group-sm.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/toggle-group-sm.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/toggle-group-sm.svelte"],
 		},
 		"toggle-lg": {
 			name: "toggle-lg",
 			type: "components:example",
 			registryDependencies: ["toggle"],
-			component: () =>
-				import("../lib/registry/default/example/toggle-lg.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/toggle-lg.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/toggle-lg.svelte"],
 		},
 		"toggle-outline": {
 			name: "toggle-outline",
 			type: "components:example",
 			registryDependencies: ["toggle"],
-			component: () =>
-				import("../lib/registry/default/example/toggle-outline.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/toggle-outline.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/toggle-outline.svelte"],
 		},
 		"toggle-sm": {
 			name: "toggle-sm",
 			type: "components:example",
 			registryDependencies: ["toggle"],
-			component: () =>
-				import("../lib/registry/default/example/toggle-sm.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/default/example/toggle-sm.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/toggle-sm.svelte"],
 		},
 		"toggle-with-text": {
 			name: "toggle-with-text",
 			type: "components:example",
 			registryDependencies: ["toggle"],
-			component: () =>
-				import("../lib/registry/default/example/toggle-with-text.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/toggle-with-text.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/toggle-with-text.svelte"],
 		},
 		"tooltip-demo": {
 			name: "tooltip-demo",
 			type: "components:example",
-			registryDependencies: ["button", "tooltip"],
-			component: () =>
-				import("../lib/registry/default/example/tooltip-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","tooltip"],
+			component: () => import("../lib/registry/default/example/tooltip-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/tooltip-demo.svelte"],
 		},
 		"typography-blockquote": {
 			name: "typography-blockquote",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-blockquote.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-blockquote.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-blockquote.svelte"],
 		},
 		"typography-demo": {
 			name: "typography-demo",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-demo.svelte"],
 		},
 		"typography-h1": {
 			name: "typography-h1",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-h1.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-h1.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-h1.svelte"],
 		},
 		"typography-h2": {
 			name: "typography-h2",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-h2.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-h2.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-h2.svelte"],
 		},
 		"typography-h3": {
 			name: "typography-h3",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-h3.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-h3.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-h3.svelte"],
 		},
 		"typography-h4": {
 			name: "typography-h4",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-h4.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-h4.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-h4.svelte"],
 		},
 		"typography-inline-code": {
 			name: "typography-inline-code",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-inline-code.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-inline-code.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-inline-code.svelte"],
 		},
 		"typography-large": {
 			name: "typography-large",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-large.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-large.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-large.svelte"],
 		},
 		"typography-lead": {
 			name: "typography-lead",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-lead.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-lead.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-lead.svelte"],
 		},
 		"typography-list": {
 			name: "typography-list",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-list.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-list.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-list.svelte"],
 		},
 		"typography-muted": {
 			name: "typography-muted",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-muted.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-muted.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-muted.svelte"],
 		},
 		"typography-p": {
 			name: "typography-p",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-p.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-p.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-p.svelte"],
 		},
 		"typography-small": {
 			name: "typography-small",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-small.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-small.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-small.svelte"],
 		},
 		"typography-table": {
 			name: "typography-table",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/default/example/typography-table.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/default/example/typography-table.svelte").then((m) => m.default),
 			files: ["../lib/registry/default/example/typography-table.svelte"],
 		},
-	},
-	"new-york": {
+	},	"new-york": {
 		"accordion-demo": {
 			name: "accordion-demo",
 			type: "components:example",
 			registryDependencies: ["accordion"],
-			component: () =>
-				import("../lib/registry/new-york/example/accordion-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/accordion-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/accordion-demo.svelte"],
 		},
 		"alert-demo": {
 			name: "alert-demo",
 			type: "components:example",
 			registryDependencies: ["alert"],
-			component: () =>
-				import("../lib/registry/new-york/example/alert-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/new-york/example/alert-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/alert-demo.svelte"],
 		},
 		"alert-destructive": {
 			name: "alert-destructive",
 			type: "components:example",
 			registryDependencies: ["alert"],
-			component: () =>
-				import("../lib/registry/new-york/example/alert-destructive.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/alert-destructive.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/alert-destructive.svelte"],
 		},
 		"alert-dialog-demo": {
 			name: "alert-dialog-demo",
 			type: "components:example",
-			registryDependencies: ["alert-dialog", "button"],
-			component: () =>
-				import("../lib/registry/new-york/example/alert-dialog-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["alert-dialog","button"],
+			component: () => import("../lib/registry/new-york/example/alert-dialog-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/alert-dialog-demo.svelte"],
 		},
 		"aspect-ratio-demo": {
 			name: "aspect-ratio-demo",
 			type: "components:example",
 			registryDependencies: ["aspect-ratio"],
-			component: () =>
-				import("../lib/registry/new-york/example/aspect-ratio-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/aspect-ratio-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/aspect-ratio-demo.svelte"],
 		},
 		"avatar-demo": {
 			name: "avatar-demo",
 			type: "components:example",
 			registryDependencies: ["avatar"],
-			component: () =>
-				import("../lib/registry/new-york/example/avatar-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/avatar-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/avatar-demo.svelte"],
 		},
 		"badge-demo": {
 			name: "badge-demo",
 			type: "components:example",
 			registryDependencies: ["badge"],
-			component: () =>
-				import("../lib/registry/new-york/example/badge-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/new-york/example/badge-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/badge-demo.svelte"],
 		},
 		"badge-destructive": {
 			name: "badge-destructive",
 			type: "components:example",
 			registryDependencies: ["badge"],
-			component: () =>
-				import("../lib/registry/new-york/example/badge-destructive.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/badge-destructive.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/badge-destructive.svelte"],
 		},
 		"badge-outline": {
 			name: "badge-outline",
 			type: "components:example",
 			registryDependencies: ["badge"],
-			component: () =>
-				import("../lib/registry/new-york/example/badge-outline.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/badge-outline.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/badge-outline.svelte"],
 		},
 		"badge-secondary": {
 			name: "badge-secondary",
 			type: "components:example",
 			registryDependencies: ["badge"],
-			component: () =>
-				import("../lib/registry/new-york/example/badge-secondary.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/badge-secondary.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/badge-secondary.svelte"],
 		},
 		"breadcrumb-demo": {
 			name: "breadcrumb-demo",
 			type: "components:example",
-			registryDependencies: ["breadcrumb", "dropdown-menu"],
-			component: () =>
-				import("../lib/registry/new-york/example/breadcrumb-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["breadcrumb","dropdown-menu"],
+			component: () => import("../lib/registry/new-york/example/breadcrumb-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/breadcrumb-demo.svelte"],
 		},
 		"breadcrumb-dropdown": {
 			name: "breadcrumb-dropdown",
 			type: "components:example",
-			registryDependencies: ["breadcrumb", "dropdown-menu"],
-			component: () =>
-				import("../lib/registry/new-york/example/breadcrumb-dropdown.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["breadcrumb","dropdown-menu"],
+			component: () => import("../lib/registry/new-york/example/breadcrumb-dropdown.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/breadcrumb-dropdown.svelte"],
 		},
 		"breadcrumb-ellipsis": {
 			name: "breadcrumb-ellipsis",
 			type: "components:example",
 			registryDependencies: ["breadcrumb"],
-			component: () =>
-				import("../lib/registry/new-york/example/breadcrumb-ellipsis.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/breadcrumb-ellipsis.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/breadcrumb-ellipsis.svelte"],
 		},
 		"breadcrumb-link": {
 			name: "breadcrumb-link",
 			type: "components:example",
 			registryDependencies: ["breadcrumb"],
-			component: () =>
-				import("../lib/registry/new-york/example/breadcrumb-link.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/breadcrumb-link.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/breadcrumb-link.svelte"],
 		},
 		"breadcrumb-responsive": {
 			name: "breadcrumb-responsive",
 			type: "components:example",
-			registryDependencies: ["breadcrumb", "drawer", "dropdown-menu", "button"],
-			component: () =>
-				import("../lib/registry/new-york/example/breadcrumb-responsive.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["breadcrumb","drawer","dropdown-menu","button"],
+			component: () => import("../lib/registry/new-york/example/breadcrumb-responsive.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/breadcrumb-responsive.svelte"],
 		},
 		"breadcrumb-separator": {
 			name: "breadcrumb-separator",
 			type: "components:example",
 			registryDependencies: ["breadcrumb"],
-			component: () =>
-				import("../lib/registry/new-york/example/breadcrumb-separator.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/breadcrumb-separator.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/breadcrumb-separator.svelte"],
 		},
 		"button-demo": {
 			name: "button-demo",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/new-york/example/button-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/button-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/button-demo.svelte"],
 		},
 		"button-destructive": {
 			name: "button-destructive",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/new-york/example/button-destructive.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/button-destructive.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/button-destructive.svelte"],
 		},
 		"button-ghost": {
 			name: "button-ghost",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/new-york/example/button-ghost.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/button-ghost.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/button-ghost.svelte"],
 		},
 		"button-icon": {
 			name: "button-icon",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/new-york/example/button-icon.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/button-icon.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/button-icon.svelte"],
 		},
 		"button-link": {
 			name: "button-link",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/new-york/example/button-link.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/button-link.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/button-link.svelte"],
 		},
 		"button-loading": {
 			name: "button-loading",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/new-york/example/button-loading.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/button-loading.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/button-loading.svelte"],
 		},
 		"button-outline": {
 			name: "button-outline",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/new-york/example/button-outline.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/button-outline.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/button-outline.svelte"],
 		},
 		"button-secondary": {
 			name: "button-secondary",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/new-york/example/button-secondary.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/button-secondary.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/button-secondary.svelte"],
 		},
 		"button-with-icon": {
 			name: "button-with-icon",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/new-york/example/button-with-icon.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/button-with-icon.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/button-with-icon.svelte"],
 		},
 		"calendar-demo": {
 			name: "calendar-demo",
 			type: "components:example",
 			registryDependencies: ["calendar"],
-			component: () =>
-				import("../lib/registry/new-york/example/calendar-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/calendar-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/calendar-demo.svelte"],
 		},
 		"calendar-with-selects": {
 			name: "calendar-with-selects",
 			type: "components:example",
-			registryDependencies: ["calendar", "select"],
-			component: () =>
-				import("../lib/registry/new-york/example/calendar-with-selects.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["calendar","select"],
+			component: () => import("../lib/registry/new-york/example/calendar-with-selects.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/calendar-with-selects.svelte"],
 		},
 		"card-demo": {
 			name: "card-demo",
 			type: "components:example",
-			registryDependencies: ["button", "card", "switch"],
-			component: () =>
-				import("../lib/registry/new-york/example/card-demo.svelte").then((m) => m.default),
+			registryDependencies: ["button","card","switch"],
+			component: () => import("../lib/registry/new-york/example/card-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/card-demo.svelte"],
 		},
 		"card-with-form": {
 			name: "card-with-form",
 			type: "components:example",
-			registryDependencies: ["button", "card", "select", "input", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/card-with-form.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","card","select","input","label"],
+			component: () => import("../lib/registry/new-york/example/card-with-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/card-with-form.svelte"],
 		},
 		"carousel-api": {
 			name: "carousel-api",
 			type: "components:example",
-			registryDependencies: ["card", "carousel"],
-			component: () =>
-				import("../lib/registry/new-york/example/carousel-api.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["card","carousel"],
+			component: () => import("../lib/registry/new-york/example/carousel-api.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/carousel-api.svelte"],
 		},
 		"carousel-demo": {
 			name: "carousel-demo",
 			type: "components:example",
-			registryDependencies: ["card", "carousel"],
-			component: () =>
-				import("../lib/registry/new-york/example/carousel-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["card","carousel"],
+			component: () => import("../lib/registry/new-york/example/carousel-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/carousel-demo.svelte"],
 		},
 		"carousel-orientation": {
 			name: "carousel-orientation",
 			type: "components:example",
-			registryDependencies: ["card", "carousel"],
-			component: () =>
-				import("../lib/registry/new-york/example/carousel-orientation.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["card","carousel"],
+			component: () => import("../lib/registry/new-york/example/carousel-orientation.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/carousel-orientation.svelte"],
 		},
 		"carousel-plugin": {
 			name: "carousel-plugin",
 			type: "components:example",
-			registryDependencies: ["card", "carousel"],
-			component: () =>
-				import("../lib/registry/new-york/example/carousel-plugin.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["card","carousel"],
+			component: () => import("../lib/registry/new-york/example/carousel-plugin.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/carousel-plugin.svelte"],
 		},
 		"carousel-size": {
 			name: "carousel-size",
 			type: "components:example",
-			registryDependencies: ["card", "carousel"],
-			component: () =>
-				import("../lib/registry/new-york/example/carousel-size.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["card","carousel"],
+			component: () => import("../lib/registry/new-york/example/carousel-size.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/carousel-size.svelte"],
 		},
 		"carousel-spacing": {
 			name: "carousel-spacing",
 			type: "components:example",
-			registryDependencies: ["card", "carousel"],
-			component: () =>
-				import("../lib/registry/new-york/example/carousel-spacing.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["card","carousel"],
+			component: () => import("../lib/registry/new-york/example/carousel-spacing.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/carousel-spacing.svelte"],
 		},
 		"checkbox-demo": {
 			name: "checkbox-demo",
 			type: "components:example",
-			registryDependencies: ["checkbox", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/checkbox-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["checkbox","label"],
+			component: () => import("../lib/registry/new-york/example/checkbox-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/checkbox-demo.svelte"],
 		},
 		"checkbox-disabled": {
 			name: "checkbox-disabled",
 			type: "components:example",
-			registryDependencies: ["checkbox", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/checkbox-disabled.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["checkbox","label"],
+			component: () => import("../lib/registry/new-york/example/checkbox-disabled.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/checkbox-disabled.svelte"],
 		},
 		"checkbox-form-multiple": {
 			name: "checkbox-form-multiple",
 			type: "components:example",
-			registryDependencies: ["form", "checkbox"],
-			component: () =>
-				import("../lib/registry/new-york/example/checkbox-form-multiple.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["form","checkbox"],
+			component: () => import("../lib/registry/new-york/example/checkbox-form-multiple.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/checkbox-form-multiple.svelte"],
 		},
 		"checkbox-form-single": {
 			name: "checkbox-form-single",
 			type: "components:example",
-			registryDependencies: ["form", "checkbox"],
-			component: () =>
-				import("../lib/registry/new-york/example/checkbox-form-single.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["form","checkbox"],
+			component: () => import("../lib/registry/new-york/example/checkbox-form-single.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/checkbox-form-single.svelte"],
 		},
 		"checkbox-with-text": {
 			name: "checkbox-with-text",
 			type: "components:example",
-			registryDependencies: ["checkbox", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/checkbox-with-text.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["checkbox","label"],
+			component: () => import("../lib/registry/new-york/example/checkbox-with-text.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/checkbox-with-text.svelte"],
 		},
 		"collapsible-demo": {
 			name: "collapsible-demo",
 			type: "components:example",
-			registryDependencies: ["collapsible", "button"],
-			component: () =>
-				import("../lib/registry/new-york/example/collapsible-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["collapsible","button"],
+			component: () => import("../lib/registry/new-york/example/collapsible-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/collapsible-demo.svelte"],
 		},
 		"combobox-demo": {
 			name: "combobox-demo",
 			type: "components:example",
-			registryDependencies: ["command", "popover", "button"],
-			component: () =>
-				import("../lib/registry/new-york/example/combobox-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["command","popover","button"],
+			component: () => import("../lib/registry/new-york/example/combobox-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/combobox-demo.svelte"],
 		},
 		"combobox-dropdown-menu": {
 			name: "combobox-dropdown-menu",
 			type: "components:example",
-			registryDependencies: ["button", "command", "dropdown-menu"],
-			component: () =>
-				import("../lib/registry/new-york/example/combobox-dropdown-menu.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","command","dropdown-menu"],
+			component: () => import("../lib/registry/new-york/example/combobox-dropdown-menu.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/combobox-dropdown-menu.svelte"],
 		},
 		"combobox-form": {
 			name: "combobox-form",
 			type: "components:example",
-			registryDependencies: ["form", "popover", "command", "button"],
-			component: () =>
-				import("../lib/registry/new-york/example/combobox-form.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["form","popover","command","button"],
+			component: () => import("../lib/registry/new-york/example/combobox-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/combobox-form.svelte"],
 		},
 		"combobox-popover": {
 			name: "combobox-popover",
 			type: "components:example",
-			registryDependencies: ["button", "command", "popover"],
-			component: () =>
-				import("../lib/registry/new-york/example/combobox-popover.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","command","popover"],
+			component: () => import("../lib/registry/new-york/example/combobox-popover.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/combobox-popover.svelte"],
 		},
 		"command-demo": {
 			name: "command-demo",
 			type: "components:example",
 			registryDependencies: ["command"],
-			component: () =>
-				import("../lib/registry/new-york/example/command-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/command-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/command-demo.svelte"],
 		},
 		"command-dialog": {
 			name: "command-dialog",
 			type: "components:example",
 			registryDependencies: ["command"],
-			component: () =>
-				import("../lib/registry/new-york/example/command-dialog.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/command-dialog.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/command-dialog.svelte"],
 		},
 		"context-menu-demo": {
 			name: "context-menu-demo",
 			type: "components:example",
 			registryDependencies: ["context-menu"],
-			component: () =>
-				import("../lib/registry/new-york/example/context-menu-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/context-menu-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/context-menu-demo.svelte"],
 		},
 		"dark-mode-dropdown-menu": {
 			name: "dark-mode-dropdown-menu",
 			type: "components:example",
-			registryDependencies: ["button", "dropdown-menu"],
-			component: () =>
-				import("../lib/registry/new-york/example/dark-mode-dropdown-menu.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","dropdown-menu"],
+			component: () => import("../lib/registry/new-york/example/dark-mode-dropdown-menu.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/dark-mode-dropdown-menu.svelte"],
 		},
 		"dark-mode-light-switch": {
 			name: "dark-mode-light-switch",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/new-york/example/dark-mode-light-switch.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/dark-mode-light-switch.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/dark-mode-light-switch.svelte"],
 		},
 		"data-table-demo": {
 			name: "data-table-demo",
 			type: "components:example",
-			registryDependencies: ["table", "button", "dropdown-menu", "input"],
-			component: () =>
-				import("../lib/registry/new-york/example/data-table-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["table","button","dropdown-menu","input"],
+			component: () => import("../lib/registry/new-york/example/data-table-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/data-table-demo.svelte"],
 		},
 		"date-picker-demo": {
 			name: "date-picker-demo",
 			type: "components:example",
-			registryDependencies: ["button", "calendar", "popover"],
-			component: () =>
-				import("../lib/registry/new-york/example/date-picker-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","calendar","popover"],
+			component: () => import("../lib/registry/new-york/example/date-picker-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/date-picker-demo.svelte"],
 		},
 		"date-picker-form": {
 			name: "date-picker-form",
 			type: "components:example",
-			registryDependencies: ["button", "calendar", "popover", "form"],
-			component: () =>
-				import("../lib/registry/new-york/example/date-picker-form.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","calendar","popover","form"],
+			component: () => import("../lib/registry/new-york/example/date-picker-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/date-picker-form.svelte"],
 		},
 		"date-picker-with-presets": {
 			name: "date-picker-with-presets",
 			type: "components:example",
-			registryDependencies: ["button", "calendar", "popover", "select"],
-			component: () =>
-				import("../lib/registry/new-york/example/date-picker-with-presets.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","calendar","popover","select"],
+			component: () => import("../lib/registry/new-york/example/date-picker-with-presets.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/date-picker-with-presets.svelte"],
 		},
 		"date-picker-with-range": {
 			name: "date-picker-with-range",
 			type: "components:example",
-			registryDependencies: ["button", "range-calendar", "popover"],
-			component: () =>
-				import("../lib/registry/new-york/example/date-picker-with-range.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","range-calendar","popover"],
+			component: () => import("../lib/registry/new-york/example/date-picker-with-range.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/date-picker-with-range.svelte"],
 		},
 		"dialog-demo": {
 			name: "dialog-demo",
 			type: "components:example",
-			registryDependencies: ["button", "dialog", "input", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/dialog-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","dialog","input","label"],
+			component: () => import("../lib/registry/new-york/example/dialog-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/dialog-demo.svelte"],
 		},
 		"drawer-demo": {
 			name: "drawer-demo",
 			type: "components:example",
-			registryDependencies: ["button", "drawer"],
-			component: () =>
-				import("../lib/registry/new-york/example/drawer-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","drawer"],
+			component: () => import("../lib/registry/new-york/example/drawer-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/drawer-demo.svelte"],
 		},
 		"drawer-dialog": {
 			name: "drawer-dialog",
 			type: "components:example",
-			registryDependencies: ["dialog", "drawer", "input", "label", "button"],
-			component: () =>
-				import("../lib/registry/new-york/example/drawer-dialog.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["dialog","drawer","input","label","button"],
+			component: () => import("../lib/registry/new-york/example/drawer-dialog.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/drawer-dialog.svelte"],
 		},
 		"dropdown-menu-checkboxes": {
 			name: "dropdown-menu-checkboxes",
 			type: "components:example",
-			registryDependencies: ["dropdown-menu", "button"],
-			component: () =>
-				import("../lib/registry/new-york/example/dropdown-menu-checkboxes.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["dropdown-menu","button"],
+			component: () => import("../lib/registry/new-york/example/dropdown-menu-checkboxes.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/dropdown-menu-checkboxes.svelte"],
 		},
 		"dropdown-menu-demo": {
 			name: "dropdown-menu-demo",
 			type: "components:example",
-			registryDependencies: ["button", "dropdown-menu"],
-			component: () =>
-				import("../lib/registry/new-york/example/dropdown-menu-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","dropdown-menu"],
+			component: () => import("../lib/registry/new-york/example/dropdown-menu-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/dropdown-menu-demo.svelte"],
 		},
 		"dropdown-menu-radio-group": {
 			name: "dropdown-menu-radio-group",
 			type: "components:example",
-			registryDependencies: ["dropdown-menu", "button"],
-			component: () =>
-				import("../lib/registry/new-york/example/dropdown-menu-radio-group.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["dropdown-menu","button"],
+			component: () => import("../lib/registry/new-york/example/dropdown-menu-radio-group.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/dropdown-menu-radio-group.svelte"],
 		},
 		"form-demo": {
 			name: "form-demo",
 			type: "components:example",
-			registryDependencies: ["form", "input"],
-			component: () =>
-				import("../lib/registry/new-york/example/form-demo.svelte").then((m) => m.default),
+			registryDependencies: ["form","input"],
+			component: () => import("../lib/registry/new-york/example/form-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/form-demo.svelte"],
 		},
 		"hover-card-demo": {
 			name: "hover-card-demo",
 			type: "components:example",
-			registryDependencies: ["avatar", "hover-card"],
-			component: () =>
-				import("../lib/registry/new-york/example/hover-card-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["avatar","hover-card"],
+			component: () => import("../lib/registry/new-york/example/hover-card-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/hover-card-demo.svelte"],
 		},
 		"input-demo": {
 			name: "input-demo",
 			type: "components:example",
 			registryDependencies: ["input"],
-			component: () =>
-				import("../lib/registry/new-york/example/input-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/new-york/example/input-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/input-demo.svelte"],
 		},
 		"input-disabled": {
 			name: "input-disabled",
 			type: "components:example",
 			registryDependencies: ["input"],
-			component: () =>
-				import("../lib/registry/new-york/example/input-disabled.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/input-disabled.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/input-disabled.svelte"],
 		},
 		"input-file": {
 			name: "input-file",
 			type: "components:example",
-			registryDependencies: ["input", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/input-file.svelte").then((m) => m.default),
+			registryDependencies: ["input","label"],
+			component: () => import("../lib/registry/new-york/example/input-file.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/input-file.svelte"],
 		},
 		"input-with-button": {
 			name: "input-with-button",
 			type: "components:example",
-			registryDependencies: ["button", "input"],
-			component: () =>
-				import("../lib/registry/new-york/example/input-with-button.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","input"],
+			component: () => import("../lib/registry/new-york/example/input-with-button.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/input-with-button.svelte"],
 		},
 		"input-with-label": {
 			name: "input-with-label",
 			type: "components:example",
-			registryDependencies: ["input", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/input-with-label.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["input","label"],
+			component: () => import("../lib/registry/new-york/example/input-with-label.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/input-with-label.svelte"],
 		},
 		"input-with-text": {
 			name: "input-with-text",
 			type: "components:example",
-			registryDependencies: ["input", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/input-with-text.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["input","label"],
+			component: () => import("../lib/registry/new-york/example/input-with-text.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/input-with-text.svelte"],
 		},
 		"label-demo": {
 			name: "label-demo",
 			type: "components:example",
-			registryDependencies: ["checkbox", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/label-demo.svelte").then((m) => m.default),
+			registryDependencies: ["checkbox","label"],
+			component: () => import("../lib/registry/new-york/example/label-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/label-demo.svelte"],
 		},
 		"menubar-demo": {
 			name: "menubar-demo",
 			type: "components:example",
 			registryDependencies: ["menubar"],
-			component: () =>
-				import("../lib/registry/new-york/example/menubar-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/menubar-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/menubar-demo.svelte"],
 		},
 		"pagination-demo": {
 			name: "pagination-demo",
 			type: "components:example",
 			registryDependencies: ["pagination"],
-			component: () =>
-				import("../lib/registry/new-york/example/pagination-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/pagination-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/pagination-demo.svelte"],
 		},
 		"popover-demo": {
 			name: "popover-demo",
 			type: "components:example",
-			registryDependencies: ["button", "input", "label", "popover"],
-			component: () =>
-				import("../lib/registry/new-york/example/popover-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","input","label","popover"],
+			component: () => import("../lib/registry/new-york/example/popover-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/popover-demo.svelte"],
 		},
 		"progress-demo": {
 			name: "progress-demo",
 			type: "components:example",
 			registryDependencies: ["progress"],
-			component: () =>
-				import("../lib/registry/new-york/example/progress-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/progress-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/progress-demo.svelte"],
 		},
 		"radio-group-demo": {
 			name: "radio-group-demo",
 			type: "components:example",
-			registryDependencies: ["radio-group", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/radio-group-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["radio-group","label"],
+			component: () => import("../lib/registry/new-york/example/radio-group-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/radio-group-demo.svelte"],
 		},
 		"radio-group-form": {
 			name: "radio-group-form",
 			type: "components:example",
-			registryDependencies: ["form", "radio-group"],
-			component: () =>
-				import("../lib/registry/new-york/example/radio-group-form.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["form","radio-group"],
+			component: () => import("../lib/registry/new-york/example/radio-group-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/radio-group-form.svelte"],
 		},
 		"range-calendar-demo": {
 			name: "range-calendar-demo",
 			type: "components:example",
 			registryDependencies: ["range-calendar"],
-			component: () =>
-				import("../lib/registry/new-york/example/range-calendar-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/range-calendar-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/range-calendar-demo.svelte"],
 		},
 		"resizable-demo": {
 			name: "resizable-demo",
 			type: "components:example",
 			registryDependencies: ["resizable"],
-			component: () =>
-				import("../lib/registry/new-york/example/resizable-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/resizable-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/resizable-demo.svelte"],
 		},
 		"resizable-handle": {
 			name: "resizable-handle",
 			type: "components:example",
 			registryDependencies: ["resizable"],
-			component: () =>
-				import("../lib/registry/new-york/example/resizable-handle.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/resizable-handle.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/resizable-handle.svelte"],
 		},
 		"resizable-vertical": {
 			name: "resizable-vertical",
 			type: "components:example",
 			registryDependencies: ["resizable"],
-			component: () =>
-				import("../lib/registry/new-york/example/resizable-vertical.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/resizable-vertical.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/resizable-vertical.svelte"],
 		},
 		"scroll-area-both": {
 			name: "scroll-area-both",
 			type: "components:example",
 			registryDependencies: ["scroll-area"],
-			component: () =>
-				import("../lib/registry/new-york/example/scroll-area-both.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/scroll-area-both.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/scroll-area-both.svelte"],
 		},
 		"scroll-area-demo": {
 			name: "scroll-area-demo",
 			type: "components:example",
-			registryDependencies: ["scroll-area", "separator"],
-			component: () =>
-				import("../lib/registry/new-york/example/scroll-area-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["scroll-area","separator"],
+			component: () => import("../lib/registry/new-york/example/scroll-area-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/scroll-area-demo.svelte"],
 		},
 		"scroll-area-horizontal": {
 			name: "scroll-area-horizontal",
 			type: "components:example",
 			registryDependencies: ["scroll-area"],
-			component: () =>
-				import("../lib/registry/new-york/example/scroll-area-horizontal.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/scroll-area-horizontal.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/scroll-area-horizontal.svelte"],
 		},
 		"select-demo": {
 			name: "select-demo",
 			type: "components:example",
 			registryDependencies: ["select"],
-			component: () =>
-				import("../lib/registry/new-york/example/select-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/select-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/select-demo.svelte"],
 		},
 		"select-form": {
 			name: "select-form",
 			type: "components:example",
-			registryDependencies: ["form", "select"],
-			component: () =>
-				import("../lib/registry/new-york/example/select-form.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["form","select"],
+			component: () => import("../lib/registry/new-york/example/select-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/select-form.svelte"],
 		},
 		"separator-demo": {
 			name: "separator-demo",
 			type: "components:example",
 			registryDependencies: ["separator"],
-			component: () =>
-				import("../lib/registry/new-york/example/separator-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/separator-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/separator-demo.svelte"],
 		},
 		"sheet-demo": {
 			name: "sheet-demo",
 			type: "components:example",
-			registryDependencies: ["sheet", "button", "input", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/sheet-demo.svelte").then((m) => m.default),
+			registryDependencies: ["sheet","button","input","label"],
+			component: () => import("../lib/registry/new-york/example/sheet-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/sheet-demo.svelte"],
 		},
 		"sheet-side": {
 			name: "sheet-side",
 			type: "components:example",
-			registryDependencies: ["sheet", "button", "input", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/sheet-side.svelte").then((m) => m.default),
+			registryDependencies: ["sheet","button","input","label"],
+			component: () => import("../lib/registry/new-york/example/sheet-side.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/sheet-side.svelte"],
 		},
 		"skeleton-demo": {
 			name: "skeleton-demo",
 			type: "components:example",
 			registryDependencies: ["skeleton"],
-			component: () =>
-				import("../lib/registry/new-york/example/skeleton-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/skeleton-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/skeleton-demo.svelte"],
 		},
 		"slider-demo": {
 			name: "slider-demo",
 			type: "components:example",
 			registryDependencies: ["slider"],
-			component: () =>
-				import("../lib/registry/new-york/example/slider-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/slider-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/slider-demo.svelte"],
 		},
 		"sonner-demo": {
 			name: "sonner-demo",
 			type: "components:example",
 			registryDependencies: ["button"],
-			component: () =>
-				import("../lib/registry/new-york/example/sonner-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/sonner-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/sonner-demo.svelte"],
 		},
 		"switch-demo": {
 			name: "switch-demo",
 			type: "components:example",
-			registryDependencies: ["label", "switch"],
-			component: () =>
-				import("../lib/registry/new-york/example/switch-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["label","switch"],
+			component: () => import("../lib/registry/new-york/example/switch-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/switch-demo.svelte"],
 		},
 		"switch-form": {
 			name: "switch-form",
 			type: "components:example",
-			registryDependencies: ["form", "switch"],
-			component: () =>
-				import("../lib/registry/new-york/example/switch-form.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["form","switch"],
+			component: () => import("../lib/registry/new-york/example/switch-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/switch-form.svelte"],
 		},
 		"table-demo": {
 			name: "table-demo",
 			type: "components:example",
 			registryDependencies: ["table"],
-			component: () =>
-				import("../lib/registry/new-york/example/table-demo.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/new-york/example/table-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/table-demo.svelte"],
 		},
 		"tabs-demo": {
 			name: "tabs-demo",
 			type: "components:example",
-			registryDependencies: ["tabs", "card", "button", "input", "label"],
-			component: () =>
-				import("../lib/registry/new-york/example/tabs-demo.svelte").then((m) => m.default),
+			registryDependencies: ["tabs","card","button","input","label"],
+			component: () => import("../lib/registry/new-york/example/tabs-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/tabs-demo.svelte"],
 		},
 		"textarea-demo": {
 			name: "textarea-demo",
 			type: "components:example",
 			registryDependencies: ["textarea"],
-			component: () =>
-				import("../lib/registry/new-york/example/textarea-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/textarea-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/textarea-demo.svelte"],
 		},
 		"textarea-disabled": {
 			name: "textarea-disabled",
 			type: "components:example",
 			registryDependencies: ["textarea"],
-			component: () =>
-				import("../lib/registry/new-york/example/textarea-disabled.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/textarea-disabled.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/textarea-disabled.svelte"],
 		},
 		"textarea-form": {
 			name: "textarea-form",
 			type: "components:example",
-			registryDependencies: ["form", "textarea"],
-			component: () =>
-				import("../lib/registry/new-york/example/textarea-form.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["form","textarea"],
+			component: () => import("../lib/registry/new-york/example/textarea-form.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/textarea-form.svelte"],
 		},
 		"textarea-with-button": {
 			name: "textarea-with-button",
 			type: "components:example",
-			registryDependencies: ["button", "textarea"],
-			component: () =>
-				import("../lib/registry/new-york/example/textarea-with-button.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","textarea"],
+			component: () => import("../lib/registry/new-york/example/textarea-with-button.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/textarea-with-button.svelte"],
 		},
 		"textarea-with-label": {
 			name: "textarea-with-label",
 			type: "components:example",
-			registryDependencies: ["label", "textarea"],
-			component: () =>
-				import("../lib/registry/new-york/example/textarea-with-label.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["label","textarea"],
+			component: () => import("../lib/registry/new-york/example/textarea-with-label.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/textarea-with-label.svelte"],
 		},
 		"textarea-with-text": {
 			name: "textarea-with-text",
 			type: "components:example",
-			registryDependencies: ["label", "textarea"],
-			component: () =>
-				import("../lib/registry/new-york/example/textarea-with-text.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["label","textarea"],
+			component: () => import("../lib/registry/new-york/example/textarea-with-text.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/textarea-with-text.svelte"],
 		},
 		"toggle-demo": {
 			name: "toggle-demo",
 			type: "components:example",
 			registryDependencies: ["toggle"],
-			component: () =>
-				import("../lib/registry/new-york/example/toggle-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/toggle-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/toggle-demo.svelte"],
 		},
 		"toggle-disabled": {
 			name: "toggle-disabled",
 			type: "components:example",
 			registryDependencies: ["toggle"],
-			component: () =>
-				import("../lib/registry/new-york/example/toggle-disabled.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/toggle-disabled.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/toggle-disabled.svelte"],
 		},
 		"toggle-group-demo": {
 			name: "toggle-group-demo",
 			type: "components:example",
 			registryDependencies: ["toggle-group"],
-			component: () =>
-				import("../lib/registry/new-york/example/toggle-group-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/toggle-group-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/toggle-group-demo.svelte"],
 		},
 		"toggle-group-disabled": {
 			name: "toggle-group-disabled",
 			type: "components:example",
 			registryDependencies: ["toggle-group"],
-			component: () =>
-				import("../lib/registry/new-york/example/toggle-group-disabled.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/toggle-group-disabled.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/toggle-group-disabled.svelte"],
 		},
 		"toggle-group-lg": {
 			name: "toggle-group-lg",
 			type: "components:example",
 			registryDependencies: ["toggle-group"],
-			component: () =>
-				import("../lib/registry/new-york/example/toggle-group-lg.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/toggle-group-lg.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/toggle-group-lg.svelte"],
 		},
 		"toggle-group-outline": {
 			name: "toggle-group-outline",
 			type: "components:example",
 			registryDependencies: ["toggle-group"],
-			component: () =>
-				import("../lib/registry/new-york/example/toggle-group-outline.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/toggle-group-outline.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/toggle-group-outline.svelte"],
 		},
 		"toggle-group-single": {
 			name: "toggle-group-single",
 			type: "components:example",
 			registryDependencies: ["toggle-group"],
-			component: () =>
-				import("../lib/registry/new-york/example/toggle-group-single.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/toggle-group-single.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/toggle-group-single.svelte"],
 		},
 		"toggle-group-sm": {
 			name: "toggle-group-sm",
 			type: "components:example",
 			registryDependencies: ["toggle-group"],
-			component: () =>
-				import("../lib/registry/new-york/example/toggle-group-sm.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/toggle-group-sm.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/toggle-group-sm.svelte"],
 		},
 		"toggle-lg": {
 			name: "toggle-lg",
 			type: "components:example",
 			registryDependencies: ["toggle"],
-			component: () =>
-				import("../lib/registry/new-york/example/toggle-lg.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/new-york/example/toggle-lg.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/toggle-lg.svelte"],
 		},
 		"toggle-outline": {
 			name: "toggle-outline",
 			type: "components:example",
 			registryDependencies: ["toggle"],
-			component: () =>
-				import("../lib/registry/new-york/example/toggle-outline.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/toggle-outline.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/toggle-outline.svelte"],
 		},
 		"toggle-sm": {
 			name: "toggle-sm",
 			type: "components:example",
 			registryDependencies: ["toggle"],
-			component: () =>
-				import("../lib/registry/new-york/example/toggle-sm.svelte").then((m) => m.default),
+			component: () => import("../lib/registry/new-york/example/toggle-sm.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/toggle-sm.svelte"],
 		},
 		"toggle-with-text": {
 			name: "toggle-with-text",
 			type: "components:example",
 			registryDependencies: ["toggle"],
-			component: () =>
-				import("../lib/registry/new-york/example/toggle-with-text.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/toggle-with-text.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/toggle-with-text.svelte"],
 		},
 		"tooltip-demo": {
 			name: "tooltip-demo",
 			type: "components:example",
-			registryDependencies: ["button", "tooltip"],
-			component: () =>
-				import("../lib/registry/new-york/example/tooltip-demo.svelte").then(
-					(m) => m.default
-				),
+			registryDependencies: ["button","tooltip"],
+			component: () => import("../lib/registry/new-york/example/tooltip-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/tooltip-demo.svelte"],
 		},
 		"typography-blockquote": {
 			name: "typography-blockquote",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-blockquote.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-blockquote.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-blockquote.svelte"],
 		},
 		"typography-demo": {
 			name: "typography-demo",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-demo.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-demo.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-demo.svelte"],
 		},
 		"typography-h1": {
 			name: "typography-h1",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-h1.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-h1.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-h1.svelte"],
 		},
 		"typography-h2": {
 			name: "typography-h2",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-h2.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-h2.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-h2.svelte"],
 		},
 		"typography-h3": {
 			name: "typography-h3",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-h3.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-h3.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-h3.svelte"],
 		},
 		"typography-h4": {
 			name: "typography-h4",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-h4.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-h4.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-h4.svelte"],
 		},
 		"typography-inline-code": {
 			name: "typography-inline-code",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-inline-code.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-inline-code.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-inline-code.svelte"],
 		},
 		"typography-large": {
 			name: "typography-large",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-large.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-large.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-large.svelte"],
 		},
 		"typography-lead": {
 			name: "typography-lead",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-lead.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-lead.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-lead.svelte"],
 		},
 		"typography-list": {
 			name: "typography-list",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-list.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-list.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-list.svelte"],
 		},
 		"typography-muted": {
 			name: "typography-muted",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-muted.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-muted.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-muted.svelte"],
 		},
 		"typography-p": {
 			name: "typography-p",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-p.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-p.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-p.svelte"],
 		},
 		"typography-small": {
 			name: "typography-small",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-small.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-small.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-small.svelte"],
 		},
 		"typography-table": {
 			name: "typography-table",
 			type: "components:example",
 			registryDependencies: [],
-			component: () =>
-				import("../lib/registry/new-york/example/typography-table.svelte").then(
-					(m) => m.default
-				),
+			component: () => import("../lib/registry/new-york/example/typography-table.svelte").then((m) => m.default),
 			files: ["../lib/registry/new-york/example/typography-table.svelte"],
 		},
 	},
-};
+}

From adafa98ea0296523a3200b722c7fabff33c4a235 Mon Sep 17 00:00:00 2001
From: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>
Date: Fri, 22 Mar 2024 14:57:29 -0400
Subject: [PATCH 08/10] add prettier ignore to root so pretty-quick leaves me
 alone for once

---
 .prettierignore              | 23 +++++++++++++++++++++++
 packages/cli/.prettierignore |  2 --
 2 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 .prettierignore

diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 000000000..107b68d17
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+CHANGELOG.md
+
+
+
+# docs site specific
+apps/www/src/__registry__/index.js
+apps/www/other/themes/dark.json
+apps/www/other/themes/light.json
+apps/www/static
+
diff --git a/packages/cli/.prettierignore b/packages/cli/.prettierignore
index a9bec1c3e..350f8c6db 100644
--- a/packages/cli/.prettierignore
+++ b/packages/cli/.prettierignore
@@ -12,5 +12,3 @@ pnpm-lock.yaml
 package-lock.json
 yarn.lock
 CHANGELOG.md
-
-apps/www/src/routes/api/components/components.json
\ No newline at end of file

From 6126e72376793792b61f916c03274d832d4aafcd Mon Sep 17 00:00:00 2001
From: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>
Date: Fri, 22 Mar 2024 14:58:59 -0400
Subject: [PATCH 09/10] cleanup

---
 .vercelignore | 1 -
 package.json  | 3 ++-
 2 files changed, 2 insertions(+), 2 deletions(-)
 delete mode 100644 .vercelignore

diff --git a/.vercelignore b/.vercelignore
deleted file mode 100644
index 57a74cff2..000000000
--- a/.vercelignore
+++ /dev/null
@@ -1 +0,0 @@
-packages
\ No newline at end of file
diff --git a/package.json b/package.json
index 808160599..df1bf93b2 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,8 @@
     "ci:release": "pnpm ci:build && pnpm ci:publish"
   },
   "engines": {
-    "pnpm": ">=8"
+    "pnpm": ">=8",
+    "node": ">=18"
   },
   "repository": {
     "type": "git",

From a89c85c5e95c465c9b250c88e665e5269a22033d Mon Sep 17 00:00:00 2001
From: AdrianGonz97 <31664583+AdrianGonz97@users.noreply.github.com>
Date: Fri, 22 Mar 2024 15:05:45 -0400
Subject: [PATCH 10/10] revert

---
 apps/www/src/routes/docs/[...slug]/+page.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/www/src/routes/docs/[...slug]/+page.svelte b/apps/www/src/routes/docs/[...slug]/+page.svelte
index 61d3aaf5c..aa14eb43f 100644
--- a/apps/www/src/routes/docs/[...slug]/+page.svelte
+++ b/apps/www/src/routes/docs/[...slug]/+page.svelte
@@ -10,7 +10,7 @@
 	import { cn } from "$lib/utils.js";
 
 	export let data: PageData;
-	$: MarkdownContent = data.component;
+	$: markdown = data.component;
 	$: doc = data.metadata;
 	$: componentSource = data.metadata.source?.replace("default", $config.style ?? "default");
 </script>
@@ -59,7 +59,7 @@
 			</div>
 		{/if}
 		<div class="markdown pb-12 pt-8" id="markdown">
-			<MarkdownContent form={data.form} />
+			<svelte:component this={markdown} form={data.form} />
 		</div>
 		<DocsPager />
 	</div>