> = $props();
const styleLabel = $derived(styles.filter((s) => s.name === $config.style)[0].label);
diff --git a/sites/docs/src/lib/components/docs/theme-customizer/copy-code-button.svelte b/sites/docs/src/lib/components/docs/theme-customizer/copy-code-button.svelte
index a98ee2b43..c480ebbf3 100644
--- a/sites/docs/src/lib/components/docs/theme-customizer/copy-code-button.svelte
+++ b/sites/docs/src/lib/components/docs/theme-customizer/copy-code-button.svelte
@@ -8,7 +8,8 @@
import { CustomizerCode, ThemeWrapper } from "$lib/components/docs/index.js";
import { cn, createCopyCodeButton } from "$lib/utils.js";
import { buttonVariants } from "$lib/registry/default/ui/button/index.js";
- const activeTheme = themes.find((theme) => theme.name === $config.theme);
+
+ const activeTheme = $derived(themes.find((theme) => theme.name === $config.theme));
const { copied, copyCode, setCodeString } = createCopyCodeButton();
diff --git a/sites/docs/src/lib/components/docs/theme-customizer/customizer-code.svelte b/sites/docs/src/lib/components/docs/theme-customizer/customizer-code.svelte
index 450b05980..0fcd00d00 100644
--- a/sites/docs/src/lib/components/docs/theme-customizer/customizer-code.svelte
+++ b/sites/docs/src/lib/components/docs/theme-customizer/customizer-code.svelte
@@ -2,7 +2,8 @@
import { config } from "$lib/stores/index.js";
import { themes } from "$lib/registry/index.js";
import { ThemeWrapper } from "$lib/components/docs/index.js";
- const activeTheme = themes.find((theme) => theme.name === $config.theme);
+
+ const activeTheme = $derived(themes.find((theme) => theme.name === $config.theme));
let { setCodeString }: { setCodeString: (node: HTMLElement) => void } = $props();
diff --git a/sites/docs/src/lib/components/docs/theme-customizer/theme-customizer.svelte b/sites/docs/src/lib/components/docs/theme-customizer/theme-customizer.svelte
index 8b25c6cba..808165629 100644
--- a/sites/docs/src/lib/components/docs/theme-customizer/theme-customizer.svelte
+++ b/sites/docs/src/lib/components/docs/theme-customizer/theme-customizer.svelte
@@ -1,6 +1,5 @@
@@ -51,7 +51,7 @@
-
+
diff --git a/sites/docs/src/lib/registry/default/ui/hover-card/hover-card-content.svelte b/sites/docs/src/lib/registry/default/ui/hover-card/hover-card-content.svelte
index e3f929878..ab1ec9389 100644
--- a/sites/docs/src/lib/registry/default/ui/hover-card/hover-card-content.svelte
+++ b/sites/docs/src/lib/registry/default/ui/hover-card/hover-card-content.svelte
@@ -1,27 +1,23 @@
-
-
+ {...restProps}
+/>
diff --git a/sites/docs/src/lib/registry/new-york/example/cards/all.svelte b/sites/docs/src/lib/registry/new-york/example/cards/all.svelte
index 48afc64a0..b7d6c02ac 100644
--- a/sites/docs/src/lib/registry/new-york/example/cards/all.svelte
+++ b/sites/docs/src/lib/registry/new-york/example/cards/all.svelte
@@ -5,7 +5,6 @@
CardsChat,
CardsCookieSettings,
CardsCreateAccount,
- CardsDataTable,
CardsMetric,
CardsPaymentMethod,
CardsReportIssue,
@@ -53,7 +52,7 @@
-
+
diff --git a/sites/docs/src/lib/registry/new-york/ui/aspect-ratio/aspect-ratio.svelte b/sites/docs/src/lib/registry/new-york/ui/aspect-ratio/aspect-ratio.svelte
deleted file mode 100644
index 20b6b5834..000000000
--- a/sites/docs/src/lib/registry/new-york/ui/aspect-ratio/aspect-ratio.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
diff --git a/sites/docs/src/lib/registry/new-york/ui/aspect-ratio/index.ts b/sites/docs/src/lib/registry/new-york/ui/aspect-ratio/index.ts
index 985c75fdb..05b4db6e1 100644
--- a/sites/docs/src/lib/registry/new-york/ui/aspect-ratio/index.ts
+++ b/sites/docs/src/lib/registry/new-york/ui/aspect-ratio/index.ts
@@ -1,3 +1,5 @@
-import Root from "./aspect-ratio.svelte";
+import { AspectRatio as AspectRatioPrimitive } from "bits-ui";
+
+const Root = AspectRatioPrimitive.Root;
export { Root, Root as AspectRatio };
diff --git a/sites/docs/src/lib/registry/new-york/ui/command/command-dialog.svelte b/sites/docs/src/lib/registry/new-york/ui/command/command-dialog.svelte
index bc5dc33d1..cb5e73689 100644
--- a/sites/docs/src/lib/registry/new-york/ui/command/command-dialog.svelte
+++ b/sites/docs/src/lib/registry/new-york/ui/command/command-dialog.svelte
@@ -1,23 +1,25 @@
-
+
-
+ {@render children?.()}
diff --git a/sites/docs/src/lib/registry/new-york/ui/command/command-empty.svelte b/sites/docs/src/lib/registry/new-york/ui/command/command-empty.svelte
index 3a0819df2..a0011173a 100644
--- a/sites/docs/src/lib/registry/new-york/ui/command/command-empty.svelte
+++ b/sites/docs/src/lib/registry/new-york/ui/command/command-empty.svelte
@@ -2,11 +2,9 @@
import { Command as CommandPrimitive } from "cmdk-sv";
import { cn } from "$lib/utils.js";
- type $$Props = CommandPrimitive.EmptyProps;
- let className: string | undefined | null = undefined;
- export { className as class };
+ let { class: className, children, ...restProps }: CommandPrimitive.EmptyProps = $props();
-
-
+
+ {@render children?.()}
diff --git a/sites/docs/src/lib/registry/new-york/ui/command/command-group.svelte b/sites/docs/src/lib/registry/new-york/ui/command/command-group.svelte
index 22f49a411..ae8607b29 100644
--- a/sites/docs/src/lib/registry/new-york/ui/command/command-group.svelte
+++ b/sites/docs/src/lib/registry/new-york/ui/command/command-group.svelte
@@ -1,10 +1,8 @@
-
+ {@render children?.()}
diff --git a/sites/docs/src/lib/registry/new-york/ui/command/command-input.svelte b/sites/docs/src/lib/registry/new-york/ui/command/command-input.svelte
index d64e26421..5d4b2acc6 100644
--- a/sites/docs/src/lib/registry/new-york/ui/command/command-input.svelte
+++ b/sites/docs/src/lib/registry/new-york/ui/command/command-input.svelte
@@ -3,11 +3,11 @@
import MagnifyingGlass from "svelte-radix/MagnifyingGlass.svelte";
import { cn } from "$lib/utils.js";
- type $$Props = CommandPrimitive.InputProps;
-
- let className: string | undefined | null = undefined;
- export { className as class };
- export let value: string = "";
+ let {
+ class: className,
+ value = $bindable(""),
+ ...restProps
+ }: CommandPrimitive.InputProps = $props();
@@ -17,7 +17,7 @@
"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
className
)}
- {...$$restProps}
+ {...restProps}
bind:value
/>
diff --git a/sites/docs/src/lib/registry/new-york/ui/hover-card/hover-card-content.svelte b/sites/docs/src/lib/registry/new-york/ui/hover-card/hover-card-content.svelte
index 4a2abe9e9..6e176851d 100644
--- a/sites/docs/src/lib/registry/new-york/ui/hover-card/hover-card-content.svelte
+++ b/sites/docs/src/lib/registry/new-york/ui/hover-card/hover-card-content.svelte
@@ -1,27 +1,23 @@
-
-
+ {...restProps}
+/>
diff --git a/sites/docs/src/routes/(app)/examples/mail/(components)/account-switcher.svelte b/sites/docs/src/routes/(app)/examples/mail/(components)/account-switcher.svelte
index ae4e1a1e1..cbbc29d92 100644
--- a/sites/docs/src/routes/(app)/examples/mail/(components)/account-switcher.svelte
+++ b/sites/docs/src/routes/(app)/examples/mail/(components)/account-switcher.svelte
@@ -30,7 +30,7 @@
-
+
{#each accounts as account}
diff --git a/sites/docs/src/routes/(app)/examples/mail/data.ts b/sites/docs/src/routes/(app)/examples/mail/data.ts
index a9ed4c55a..5963c14e3 100644
--- a/sites/docs/src/routes/(app)/examples/mail/data.ts
+++ b/sites/docs/src/routes/(app)/examples/mail/data.ts
@@ -1,5 +1,4 @@
-import type { ComponentType } from "svelte";
-import type { Icon } from "lucide-svelte";
+import type { Component } from "svelte";
import Vercel from "./(components)/icons/vercel.svelte";
import ICloud from "./(components)/icons/icloud.svelte";
import Gmail from "./(components)/icons/gmail.svelte";
@@ -182,7 +181,7 @@ export type Mail = (typeof mails)[number];
export type Account = {
label: string;
email: string;
- icon: ComponentType;
+ icon: Component;
};
export const accounts: Account[] = [
diff --git a/sites/docs/src/routes/+layout.svelte b/sites/docs/src/routes/+layout.svelte
index 4961c0562..1976c6fcb 100644
--- a/sites/docs/src/routes/+layout.svelte
+++ b/sites/docs/src/routes/+layout.svelte
@@ -7,6 +7,7 @@
import { config } from "$lib/stores/index.js";
import { Toaster as DefaultSonner } from "$lib/registry/default/ui/sonner/index.js";
import { Toaster as NYSonner } from "$lib/registry/new-york/ui/sonner/index.js";
+ import * as Tooltip from "$lib/registry/new-york/ui/tooltip/index.js";
let { children } = $props();
@@ -22,7 +23,12 @@
{:else}
{/if}
-
-
- {@render children?.()}
-
+
+
+ {@render children?.()}
+
+
diff --git a/sites/docs/static/registry/styles/default-js/hover-card.json b/sites/docs/static/registry/styles/default-js/hover-card.json
index 2538e58ff..9bb3d87f9 100644
--- a/sites/docs/static/registry/styles/default-js/hover-card.json
+++ b/sites/docs/static/registry/styles/default-js/hover-card.json
@@ -7,7 +7,7 @@
"files": [
{
"name": "hover-card-content.svelte",
- "content": "\n\n\n\t\n\n"
+ "content": "\n\n\n"
},
{
"name": "index.js",
diff --git a/sites/docs/static/registry/styles/default/hover-card.json b/sites/docs/static/registry/styles/default/hover-card.json
index 0fbb53ce2..2ecb2f4b9 100644
--- a/sites/docs/static/registry/styles/default/hover-card.json
+++ b/sites/docs/static/registry/styles/default/hover-card.json
@@ -7,7 +7,7 @@
"files": [
{
"name": "hover-card-content.svelte",
- "content": "\n\n\n\t\n\n"
+ "content": "\n\n\n"
},
{
"name": "index.ts",
diff --git a/sites/docs/static/registry/styles/new-york-js/aspect-ratio.json b/sites/docs/static/registry/styles/new-york-js/aspect-ratio.json
index 67bd9a380..78b24a5a5 100644
--- a/sites/docs/static/registry/styles/new-york-js/aspect-ratio.json
+++ b/sites/docs/static/registry/styles/new-york-js/aspect-ratio.json
@@ -1,17 +1,11 @@
{
"name": "aspect-ratio",
- "dependencies": [
- "bits-ui"
- ],
+ "dependencies": [],
"registryDependencies": [],
"files": [
- {
- "name": "aspect-ratio.svelte",
- "content": "\n\n\n"
- },
{
"name": "index.js",
- "content": "import Root from \"./aspect-ratio.svelte\";\nexport { Root, Root as AspectRatio };\n"
+ "content": "import { AspectRatio as AspectRatioPrimitive } from \"bits-ui\";\nconst Root = AspectRatioPrimitive.Root;\nexport { Root, Root as AspectRatio };\n"
}
],
"type": "components:ui"
diff --git a/sites/docs/static/registry/styles/new-york-js/command.json b/sites/docs/static/registry/styles/new-york-js/command.json
index 6164d4511..022d37946 100644
--- a/sites/docs/static/registry/styles/new-york-js/command.json
+++ b/sites/docs/static/registry/styles/new-york-js/command.json
@@ -11,19 +11,19 @@
"files": [
{
"name": "command-dialog.svelte",
- "content": "\n\n\n\t\n\t\t\n\t\t\t\n\t\t\n\t\n\n"
+ "content": "\n\n\n\t\n\t\t\n\t\t\t{@render children?.()}\n\t\t\n\t\n\n"
},
{
"name": "command-empty.svelte",
- "content": "\n\n\n\t\n\n"
+ "content": "\n\n\n\t{@render children?.()}\n\n"
},
{
"name": "command-group.svelte",
- "content": "\n\n\n\t\n\n"
+ "content": "\n\n\n\t{@render children?.()}\n\n"
},
{
"name": "command-input.svelte",
- "content": "\n\n\n\t\n\t\n
\n"
+ "content": "\n\n\n\t\n\t\n
\n"
},
{
"name": "command-item.svelte",
diff --git a/sites/docs/static/registry/styles/new-york-js/hover-card.json b/sites/docs/static/registry/styles/new-york-js/hover-card.json
index bfba8b366..1719e7556 100644
--- a/sites/docs/static/registry/styles/new-york-js/hover-card.json
+++ b/sites/docs/static/registry/styles/new-york-js/hover-card.json
@@ -7,7 +7,7 @@
"files": [
{
"name": "hover-card-content.svelte",
- "content": "\n\n\n\t\n\n"
+ "content": "\n\n\n"
},
{
"name": "index.js",
diff --git a/sites/docs/static/registry/styles/new-york/aspect-ratio.json b/sites/docs/static/registry/styles/new-york/aspect-ratio.json
index 6fcc48147..861dcae87 100644
--- a/sites/docs/static/registry/styles/new-york/aspect-ratio.json
+++ b/sites/docs/static/registry/styles/new-york/aspect-ratio.json
@@ -1,17 +1,11 @@
{
"name": "aspect-ratio",
- "dependencies": [
- "bits-ui"
- ],
+ "dependencies": [],
"registryDependencies": [],
"files": [
- {
- "name": "aspect-ratio.svelte",
- "content": "\n\n\n"
- },
{
"name": "index.ts",
- "content": "import Root from \"./aspect-ratio.svelte\";\n\nexport { Root, Root as AspectRatio };\n"
+ "content": "import { AspectRatio as AspectRatioPrimitive } from \"bits-ui\";\n\nconst Root = AspectRatioPrimitive.Root;\n\nexport { Root, Root as AspectRatio };\n"
}
],
"type": "components:ui"
diff --git a/sites/docs/static/registry/styles/new-york/command.json b/sites/docs/static/registry/styles/new-york/command.json
index ec820838d..4511d9db0 100644
--- a/sites/docs/static/registry/styles/new-york/command.json
+++ b/sites/docs/static/registry/styles/new-york/command.json
@@ -11,19 +11,19 @@
"files": [
{
"name": "command-dialog.svelte",
- "content": "\n\n\n\t\n\t\t\n\t\t\t\n\t\t\n\t\n\n"
+ "content": "\n\n\n\t\n\t\t\n\t\t\t{@render children?.()}\n\t\t\n\t\n\n"
},
{
"name": "command-empty.svelte",
- "content": "\n\n\n\t\n\n"
+ "content": "\n\n\n\t{@render children?.()}\n\n"
},
{
"name": "command-group.svelte",
- "content": "\n\n\n\t\n\n"
+ "content": "\n\n\n\t{@render children?.()}\n\n"
},
{
"name": "command-input.svelte",
- "content": "\n\n\n\t\n\t\n
\n"
+ "content": "\n\n\n\t\n\t\n
\n"
},
{
"name": "command-item.svelte",
diff --git a/sites/docs/static/registry/styles/new-york/hover-card.json b/sites/docs/static/registry/styles/new-york/hover-card.json
index 9ccb1d27a..a2bc9095c 100644
--- a/sites/docs/static/registry/styles/new-york/hover-card.json
+++ b/sites/docs/static/registry/styles/new-york/hover-card.json
@@ -7,7 +7,7 @@
"files": [
{
"name": "hover-card-content.svelte",
- "content": "\n\n\n\t\n\n"
+ "content": "\n\n\n"
},
{
"name": "index.ts",