diff --git a/.gitignore b/.gitignore
index 5ef6a52..7f4fd4f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -39,3 +39,6 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# registry
+public/r/
diff --git a/README.md b/README.md
index fd43a68..a63aa32 100644
--- a/README.md
+++ b/README.md
@@ -2,12 +2,13 @@
 
 Custom [shadcn/ui](https://ui.shadcn.com) registry for common coneno components.
 
-This repo builds registry JSON files into `public/r` and deploys them via the static export in `out/` (GitHub Pages).
+This repo builds registry JSON files into `public/r/radix-nova` and deploys them via the static export in `out/` (GitHub Pages).
 
 ## Hosted registry URLs
 
-- Registry index: `https://coneno.github.io/c-ui/r/registry.json`
-- Component entries: `https://coneno.github.io/c-ui/r/<component-name>.json`
+- Registry index: `https://coneno.github.io/c-ui/r/radix-nova/registry.json`
+- Style-aware component entries: `https://coneno.github.io/c-ui/r/<style>/<component-name>.json`
+- Canonical style: `radix-nova`
 
 ## Install via namespace (recommended)
 
@@ -15,12 +16,15 @@ Configure the registry once in your consumer app's `components.json`:
 
 ```json
 {
+  "style": "radix-nova",
   "registries": {
-    "@c-ui": "https://coneno.github.io/c-ui/r/{name}.json"
+    "@c-ui": "https://coneno.github.io/c-ui/r/{style}/{name}.json"
   }
 }
 ```
 
+This registry currently supports only `radix-nova`. Set `"style": "radix-nova"` in the consumer app before installing components.
+
 Then install components without repeating full URLs:
 
 ```bash
@@ -30,7 +34,7 @@ npx shadcn@latest add @c-ui/loading-button
 You can also install multiple components in one command:
 
 ```bash
-npx shadcn@latest add @c-ui/alert @c-ui/confirm
+npx shadcn@latest add @c-ui/alert-provider @c-ui/confirm
 ```
 
 ## Local registry testing
@@ -39,8 +43,9 @@ For local development/testing of this registry, point `@c-ui` to localhost in th
 
 ```json
 {
+  "style": "radix-nova",
   "registries": {
-    "@c-ui": "http://localhost:3000/c-ui/r/{name}.json"
+    "@c-ui": "http://localhost:3000/c-ui/r/{style}/{name}.json"
   }
 }
 ```
@@ -56,20 +61,21 @@ npx shadcn@latest add @c-ui/loading-button
 If needed, you can still install directly from a component URL:
 
 ```bash
-npx shadcn@latest add https://coneno.github.io/c-ui/r/loading-button.json
+npx shadcn@latest add https://coneno.github.io/c-ui/r/radix-nova/loading-button.json
 ```
 
 Current components in this registry:
 
-- `alert`
-- `button`
-- `confirm`
-- `loading-button`
+- `alert-provider`: Alert dialog service with provider + hook for promise-based alerts.
+- `button`: Press-animated base button used across components.
+- `confirm`: Confirmation dialog service with provider + hook.
+- `dialog`: Customized replacement for shadcn `components/ui/dialog.tsx` with overridable close labels to support i18n and screen-reader accessibility.
+- `loading-button`: Button with a built-in loading state.
 
 ## Usage examples
 
 ```tsx
-import { Button } from "@/components/c-ui/button"
+import { Button } from "@/components/ui/button"
 
 export function SaveAction() {
   return <Button>Save changes</Button>
@@ -110,7 +116,7 @@ Install dependencies:
 pnpm install
 ```
 
-Run the app locally (registry files available at `/c-ui/r/*`):
+Run the app locally (registry files available at `/c-ui/r/radix-nova/*`):
 
 ```bash
 pnpm dev
@@ -124,11 +130,11 @@ pnpm registry:build
 
 ## Add a new component to the registry
 
-1. Create the component source file in `registry/new-york/` (example: `registry/new-york/my-component.tsx`).
+1. Create the component source file in `registry/radix-nova/` (example: `registry/radix-nova/my-component.tsx`).
 2. Add a new item to `registry.json`.
 3. Set `name`, `type`, `title`, `description`, `registryDependencies`, and `files`.
    - You can organize component files in subfolders as well.
-   - Example source path: `registry/new-york/forms/my-component.tsx`
+   - Example source path: `registry/radix-nova/forms/my-component.tsx`
    - Example target path: `components/c-ui/forms/my-component.tsx`
 4. Rebuild output:
 
@@ -136,7 +142,7 @@ pnpm registry:build
 pnpm registry:build
 ```
 
-5. Confirm generated files exist in `public/r/`.
+5. Confirm generated files exist in `public/r/radix-nova/`.
 6. Validate install in a consumer app:
 
 ```bash
@@ -150,7 +156,7 @@ npx shadcn@latest add @c-ui/my-component
 `pnpm registry:build` runs:
 
 ```bash
-shadcn build --output public/r
+shadcn build --output public/r/radix-nova
 ```
 
-That command reads `registry.json` and writes distributable registry JSON files to `public/r`.
+That command reads `registry.json` and writes distributable registry JSON files to `public/r/radix-nova`.
diff --git a/app/interactive-examples.tsx b/app/interactive-examples.tsx
new file mode 100644
index 0000000..5703c98
--- /dev/null
+++ b/app/interactive-examples.tsx
@@ -0,0 +1,98 @@
+"use client";
+
+import { useState } from "react";
+import { Button } from "@/registry/radix-nova/button";
+import { AlertDialogProvider, useAlert } from "@/registry/radix-nova/alert-provider";
+import { ConfirmDialogProvider, useConfirm } from "@/registry/radix-nova/confirm-provider";
+import { LoadingButton } from "@/registry/radix-nova/loading-button";
+
+const wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
+
+function AlertExampleContent() {
+	const alert = useAlert();
+	const [status, setStatus] = useState("No alert shown yet.");
+
+	const openAlert = async () => {
+		await alert({
+			title: "Heads up",
+			description: "This is an interactive alert demo.",
+			buttonLabel: "Understood",
+		});
+		setStatus("Alert dismissed.");
+	};
+
+	return (
+		<div className="space-y-2">
+			<Button type="button" onClick={() => void openAlert()}>
+				Open Alert
+			</Button>
+			<p className="text-xs text-muted-foreground">{status}</p>
+		</div>
+	);
+}
+
+function ConfirmExampleContent() {
+	const confirm = useConfirm();
+	const [status, setStatus] = useState("No decision yet.");
+
+	const openConfirm = async () => {
+		const isConfirmed = await confirm({
+			title: "Delete item?",
+			description: "This action cannot be undone.",
+			confirmButtonText: "Delete",
+			cancelButtonText: "Cancel",
+			variant: "destructive",
+			requireConfirmationInput: {
+				confirmTerm: "DELETE",
+				hint: "Type DELETE to enable the button.",
+			},
+		});
+		setStatus(isConfirmed ? "Confirmed." : "Cancelled.");
+	};
+
+	return (
+		<div className="space-y-2">
+			<Button type="button" variant="destructive" onClick={() => void openConfirm()}>
+				Open Confirm
+			</Button>
+			<p className="text-xs text-muted-foreground">{status}</p>
+		</div>
+	);
+}
+
+export function AlertDialogInteractiveExample() {
+	return (
+		<AlertDialogProvider>
+			<AlertExampleContent />
+		</AlertDialogProvider>
+	);
+}
+
+export function ConfirmDialogInteractiveExample() {
+	return (
+		<ConfirmDialogProvider>
+			<ConfirmExampleContent />
+		</ConfirmDialogProvider>
+	);
+}
+
+export function LoadingButtonInteractiveExample() {
+	const [isLoading, setIsLoading] = useState(false);
+	const [count, setCount] = useState(0);
+
+	const triggerLoading = async () => {
+		setIsLoading(true);
+		await wait(1400);
+		setIsLoading(false);
+		setCount((prev) => prev + 1);
+	};
+
+	return (
+		<div className="space-y-2">
+			<LoadingButton type="button" isLoading={isLoading} onClick={() => void triggerLoading()}>
+				{isLoading ? "Submitting..." : "Submit"}
+			</LoadingButton>
+			<p className="text-xs text-muted-foreground">Completed: {count}</p>
+		</div>
+	);
+}
diff --git a/app/page.tsx b/app/page.tsx
index 808a7e7..fda548a 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,32 +1,113 @@
 import registry from "@/registry.json";
 import { DynamicCodeBlock } from "fumadocs-ui/components/dynamic-codeblock";
-import { Button as ShadcnButton } from "@/components/ui/button";
-import { Button as AnimatedButton } from "@/registry/new-york/button";
+import { Button } from "@/registry/radix-nova/button";
+import {
+	AlertDialogInteractiveExample,
+	ConfirmDialogInteractiveExample,
+	LoadingButtonInteractiveExample,
+} from "./interactive-examples";
 
 const hostedBaseUrl = "https://coneno.github.io/c-ui/r";
+const supportedStyle = "radix-nova";
 const registryAlias = "@c-ui";
-const registryTemplateUrl = `${hostedBaseUrl}/{name}.json`;
+const registryTemplateUrl = `${hostedBaseUrl}/{style}/{name}.json`;
+const registryIndexUrl = `${hostedBaseUrl}/${supportedStyle}/registry.json`;
 const usageExamples: Record<string, string> = {
-	button: `import { Button as ShadcnButton } from "@/components/ui/button"
-import { Button as AnimatedButton } from "@/components/c-ui/button"
+	"alert-provider": `import { Button } from "@/components/ui/button"
+import { AlertDialogProvider, useAlert } from "@/components/c-ui/alert-provider"
+
+function AlertAction() {
+	const alert = useAlert()
 
-export function ButtonComparison() {
+	return (
+		<Button
+			onClick={() =>
+				void alert({
+					title: "Heads up",
+					description: "Your changes were applied.",
+					buttonLabel: "OK",
+				})
+			}
+		>
+			Open alert
+		</Button>
+	)
+}
+
+export function AlertExample() {
+	return (
+		<AlertDialogProvider>
+			<AlertAction />
+		</AlertDialogProvider>
+	)
+}`,
+	"button": `import { Button } from "@/components/ui/button"
+
+export function ButtonExample() {
 	return (
 		<div className="flex flex-wrap gap-3">
-			<ShadcnButton>shadcn/ui Button</ShadcnButton>
-			<AnimatedButton>Animated Button</AnimatedButton>
+			<Button>Default</Button>
+			<Button variant="outline">Outline</Button>
 		</div>
 	)
+}`,
+	"confirm": `import { Button } from "@/components/ui/button"
+import { ConfirmDialogProvider, useConfirm } from "@/components/c-ui/confirm-provider"
+
+function DeleteAction() {
+	const confirm = useConfirm()
+
+	return (
+		<Button
+			variant="destructive"
+			onClick={async () => {
+				const confirmed = await confirm({
+					title: "Delete item?",
+					description: "This action cannot be undone.",
+					confirmButtonText: "Delete",
+					variant: "destructive",
+				})
+
+				if (confirmed) {
+					// perform destructive action
+				}
+			}}
+		>
+			Delete item
+		</Button>
+	)
+}
+
+export function ConfirmExample() {
+	return (
+		<ConfirmDialogProvider>
+			<DeleteAction />
+		</ConfirmDialogProvider>
+	)
 }`,
 	"loading-button": `import { LoadingButton } from "@/components/c-ui/loading-button"
+import { useState } from "react"
 
 export function SubmitAction() {
-	return <LoadingButton isLoading>Submitting</LoadingButton>
+	const [isLoading, setIsLoading] = useState(false)
+
+	const submit = async () => {
+		setIsLoading(true)
+		await new Promise((resolve) => setTimeout(resolve, 1200))
+		setIsLoading(false)
+	}
+
+	return (
+		<LoadingButton isLoading={isLoading} onClick={() => void submit()}>
+			{isLoading ? "Submitting..." : "Submit"}
+		</LoadingButton>
+	)
 }`,
 };
 
 export default function Home() {
 	const configureRegistriesJson = `{
+  "style": "${supportedStyle}",
   "registries": {
     "${registryAlias}": "${registryTemplateUrl}"
   }
@@ -40,19 +121,21 @@ export default function Home() {
 					Configure this registry once, then install components via{" "}
 					<code>{registryAlias}/&lt;component&gt;</code>.
 				</p>
+				<p className="text-sm text-muted-foreground">
+					This registry currently supports only <code>{supportedStyle}</code>. In the
+					importing project, set <code>{`"style": "${supportedStyle}"`}</code> in{" "}
+					<code>components.json</code> before installing components.
+				</p>
 				<p className="text-sm">
 					Registry index:{" "}
-					<a
-						className="underline underline-offset-4"
-						href={`${hostedBaseUrl}/registry.json`}
-					>
-						{`${hostedBaseUrl}/registry.json`}
+					<a className="underline underline-offset-4" href={registryIndexUrl}>
+						{registryIndexUrl}
 					</a>
 				</p>
 			</div>
 
 			<section className="mt-8 rounded-lg border bg-card p-4 text-card-foreground">
-				<h2 className="text-lg font-medium">1. Configure registries in components.json</h2>
+				<h2 className="text-lg font-medium">1. Configure style and registries in components.json</h2>
 				<p className="mt-1 text-sm text-muted-foreground">
 					Add this once in your consumer project:
 				</p>
@@ -68,9 +151,11 @@ export default function Home() {
 			<section className="mt-6 space-y-4">
 				{registry.items.map((item) => {
 					const addCommand = `npx shadcn@latest add ${registryAlias}/${item.name}`;
-					const directUrlCommand = `npx shadcn@latest add ${hostedBaseUrl}/${item.name}.json`;
+					const directUrlCommand = `npx shadcn@latest add ${hostedBaseUrl}/${supportedStyle}/${item.name}.json`;
 					const usageExample = usageExamples[item.name];
-					const isButtonItem = item.name === "button";
+					const hasLivePreview = ["alert-provider", "button", "confirm", "loading-button"].includes(
+						item.name
+					);
 
 					return (
 						<article
@@ -97,14 +182,21 @@ export default function Home() {
 										/>
 									</div>
 								</details>
-								{isButtonItem ? (
+								{hasLivePreview ? (
 									<div>
 										<p className="mb-2 text-sm text-muted-foreground">
-											Live preview (press and hold each button)
+											Live preview
 										</p>
-										<div className="flex flex-wrap gap-3 rounded-md border p-3">
-											<ShadcnButton>shadcn/ui Button</ShadcnButton>
-											<AnimatedButton>Animated Button</AnimatedButton>
+										<div className="rounded-md border p-3">
+											{item.name === "button" ? (
+												<div className="flex flex-wrap gap-3">
+													<Button>Default</Button>
+													<Button variant="outline">Outline</Button>
+												</div>
+											) : null}
+											{item.name === "alert-provider" ? <AlertDialogInteractiveExample /> : null}
+											{item.name === "confirm" ? <ConfirmDialogInteractiveExample /> : null}
+											{item.name === "loading-button" ? <LoadingButtonInteractiveExample /> : null}
 										</div>
 									</div>
 								) : null}
diff --git a/components.json b/components.json
index f87021e..52ed4de 100644
--- a/components.json
+++ b/components.json
@@ -1,6 +1,6 @@
 {
   "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
+  "style": "radix-nova",
   "rsc": true,
   "tsx": true,
   "tailwind": {
@@ -20,4 +20,4 @@
     "hooks": "@/hooks"
   },
   "registries": {}
-}
+}
\ No newline at end of file
diff --git a/components/ui/alert-dialog.tsx b/components/ui/alert-dialog.tsx
index 034b93f..e0e5b00 100644
--- a/components/ui/alert-dialog.tsx
+++ b/components/ui/alert-dialog.tsx
@@ -35,10 +35,7 @@ function AlertDialogOverlay({
   return (
     <AlertDialogPrimitive.Overlay
       data-slot="alert-dialog-overlay"
-      className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
-      )}
+      className={cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className)}
       {...props}
     />
   )
@@ -58,7 +55,7 @@ function AlertDialogContent({
         data-slot="alert-dialog-content"
         data-size={size}
         className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg",
+          "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-4 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none",
           className
         )}
         {...props}
@@ -74,10 +71,7 @@ function AlertDialogHeader({
   return (
     <div
       data-slot="alert-dialog-header"
-      className={cn(
-        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
-        className
-      )}
+      className={cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className)}
       {...props}
     />
   )
@@ -91,7 +85,7 @@ function AlertDialogFooter({
     <div
       data-slot="alert-dialog-footer"
       className={cn(
-        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        "bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
         className
       )}
       {...props}
@@ -99,46 +93,40 @@ function AlertDialogFooter({
   )
 }
 
-function AlertDialogTitle({
+function AlertDialogMedia({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
+}: React.ComponentProps<"div">) {
   return (
-    <AlertDialogPrimitive.Title
-      data-slot="alert-dialog-title"
-      className={cn(
-        "text-lg font-semibold sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
-        className
-      )}
+    <div
+      data-slot="alert-dialog-media"
+      className={cn("bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", className)}
       {...props}
     />
   )
 }
 
-function AlertDialogDescription({
+function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
+}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
   return (
-    <AlertDialogPrimitive.Description
-      data-slot="alert-dialog-description"
-      className={cn("text-muted-foreground text-sm", className)}
+    <AlertDialogPrimitive.Title
+      data-slot="alert-dialog-title"
+      className={cn("text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className)}
       {...props}
     />
   )
 }
 
-function AlertDialogMedia({
+function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<"div">) {
+}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
   return (
-    <div
-      data-slot="alert-dialog-media"
-      className={cn(
-        "bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
-        className
-      )}
+    <AlertDialogPrimitive.Description
+      data-slot="alert-dialog-description"
+      className={cn("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", className)}
       {...props}
     />
   )
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index b5ea4ab..b5f01e1 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -1,64 +1 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-import { Slot } from "radix-ui"
-
-import { cn } from "@/lib/utils"
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline:
-          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost:
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}: React.ComponentProps<"button"> &
-  VariantProps<typeof buttonVariants> & {
-    asChild?: boolean
-  }) {
-  const Comp = asChild ? Slot.Root : "button"
-
-  return (
-    <Comp
-      data-slot="button"
-      data-variant={variant}
-      data-size={size}
-      className={cn(buttonVariants({ variant, size, className }))}
-      {...props}
-    />
-  )
-}
-
-export { Button, buttonVariants }
+export { Button, buttonVariants } from "@/components/c-ui/button"
\ No newline at end of file
diff --git a/components/ui/dialog.tsx b/components/ui/dialog.tsx
new file mode 100644
index 0000000..a256168
--- /dev/null
+++ b/components/ui/dialog.tsx
@@ -0,0 +1 @@
+export * from "@/components/ui/dialog";
\ No newline at end of file
diff --git a/components/ui/input.tsx b/components/ui/input.tsx
index 8916905..d591c47 100644
--- a/components/ui/input.tsx
+++ b/components/ui/input.tsx
@@ -8,9 +8,7 @@ function Input({ className, type, ...props }: React.ComponentProps<"input">) {
       type={type}
       data-slot="input"
       className={cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        "dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
         className
       )}
       {...props}
diff --git a/components/ui/label.tsx b/components/ui/label.tsx
index 1ac80f7..fc65794 100644
--- a/components/ui/label.tsx
+++ b/components/ui/label.tsx
@@ -13,7 +13,7 @@ function Label({
     <LabelPrimitive.Root
       data-slot="label"
       className={cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        "gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
         className
       )}
       {...props}
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 0fe137f..74f101b 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,17 +1,18 @@
-import js from "@eslint/js";
-import tseslint from "typescript-eslint";
-import react from "eslint-plugin-react";
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
 
-export default tseslint.config(
-	js.configs.recommended,
-	...tseslint.configs.recommended,
-	{
-		files: ["**/*.{ts,tsx}"],
-		plugins: {
-			react,
-		},
-		rules: {
-			"react/react-in-jsx-scope": "off",
-		},
-	}
-);
+const eslintConfig = defineConfig([
+	...nextVitals,
+	...nextTs,
+	// Override default ignores of eslint-config-next.
+	globalIgnores([
+		// Default ignores of eslint-config-next:
+		".next/**",
+		"out/**",
+		"build/**",
+		"next-env.d.ts",
+	]),
+]);
+
+export default eslintConfig;
diff --git a/package.json b/package.json
index fd599bd..1927aa9 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
 		"dev": "next dev",
 		"build": "next build",
 		"test": "echo \"Error: no test specified\" && exit 1",
-		"registry:build": "shadcn build --output public/r"
+		"registry:build": "shadcn build --output public/r/radix-nova"
 	},
 	"author": "coneno GmbH",
 	"packageManager": "pnpm@10.28.2",
@@ -26,6 +26,7 @@
 		"typescript-eslint": "^8.56.0"
 	},
 	"dependencies": {
+		"@radix-ui/react-slot": "^1.2.4",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"fumadocs-core": "^16.6.5",
@@ -37,4 +38,4 @@
 		"react-dom": "^19.2.4",
 		"tailwind-merge": "^3.5.0"
 	}
-}
+}
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c69ba4b..518c033 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      '@radix-ui/react-slot':
+        specifier: ^1.2.4
+        version: 1.2.4(@types/react@19.2.14)(react@19.2.4)
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
diff --git a/public/r/alert.json b/public/r/alert.json
deleted file mode 100644
index de3ab7c..0000000
--- a/public/r/alert.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "alert",
-  "title": "Alert",
-  "description": "An alert component built on top of AlertDialog.",
-  "registryDependencies": [
-    "alert-dialog"
-  ],
-  "files": [
-    {
-      "path": "registry/new-york/alert.tsx",
-      "content": "\"use client\";\n\nimport { createContext, useContext, useState, useCallback, useMemo, type ReactNode } from \"react\";\nimport { AlertDialog, AlertDialogAction, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from \"@/components/ui/alert-dialog\";\n\nexport interface AlertOptions {\n\ttitle?: string;\n\tdescription?: string;\n\tbuttonLabel?: string;\n\tchildren?: ReactNode;\n}\n\nexport interface AlertApi {\n\t(options: AlertOptions): Promise<void>;\n\tdismiss: () => void;\n}\n\ninterface AlertContextType {\n\talert: AlertApi;\n}\n\nconst AlertContext = createContext<AlertContextType | undefined>(undefined);\n\nfunction AlertDialogContent_({\n\tisOpen,\n\ttitle,\n\tdescription,\n\tbuttonLabel,\n\tchildren,\n\tonDismiss,\n}: {\n\tisOpen: boolean;\n\ttitle: string;\n\tdescription: string;\n\tbuttonLabel: string;\n\tchildren?: ReactNode;\n\tonDismiss: () => void;\n}) {\n\treturn (\n\t\t<AlertDialog\n\t\t\topen={isOpen}\n\t\t\tonOpenChange={(open) => {\n\t\t\t\tif (!open) onDismiss();\n\t\t\t}}\n\t\t>\n\t\t\t<AlertDialogContent>\n\t\t\t\t<AlertDialogHeader>\n\t\t\t\t\t<AlertDialogTitle>{title}</AlertDialogTitle>\n\t\t\t\t\t{description ? <AlertDialogDescription>{description}</AlertDialogDescription> : null}\n\t\t\t\t</AlertDialogHeader>\n\t\t\t\t{children != null ? <div className=\"py-2\">{children}</div> : null}\n\t\t\t\t<AlertDialogFooter className=\"justify-center sm:justify-center\">\n\t\t\t\t\t<AlertDialogAction\n\t\t\t\t\t\tclassName=\"min-w-24 active:scale-[0.97] transition-transform duration-150\"\n\t\t\t\t\t>{buttonLabel}</AlertDialogAction>\n\t\t\t\t</AlertDialogFooter>\n\t\t\t</AlertDialogContent>\n\t\t</AlertDialog>\n\t);\n}\n\nexport const AlertDialogProvider = ({ children }: { children: ReactNode }) => {\n\tconst [options, setOptions] = useState<AlertOptions>({});\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst [, setResolver] = useState<(() => void) | null>(null);\n\n\tconst handleDismiss = useCallback(() => {\n\t\tsetResolver((prev) => {\n\t\t\tif (prev) prev();\n\t\t\treturn null;\n\t\t});\n\t\tsetIsOpen(false);\n\t\tsetOptions({});\n\t}, []);\n\n\tconst alertFn = useCallback((alertOptions: AlertOptions) => {\n\t\tsetResolver((prev) => {\n\t\t\tif (prev) prev();\n\t\t\treturn null;\n\t\t});\n\t\tsetOptions(alertOptions);\n\t\tsetIsOpen(true);\n\t\treturn new Promise<void>((resolve) => {\n\t\t\tsetResolver(() => resolve);\n\t\t});\n\t}, []);\n\n\tconst alert = useMemo(\n\t\t() => Object.assign(alertFn, { dismiss: handleDismiss }),\n\t\t[alertFn, handleDismiss]\n\t);\n\n\treturn (\n\t\t<AlertContext.Provider value={{ alert }}>\n\t\t\t{children}\n\t\t\t<AlertDialogContent_\n\t\t\t\tisOpen={isOpen}\n\t\t\t\ttitle={options.title ?? \"Notice\"}\n\t\t\t\tdescription={options.description ?? \"\"}\n\t\t\t\tbuttonLabel={options.buttonLabel ?? \"OK\"}\n\t\t\t\tonDismiss={handleDismiss}\n\t\t\t>\n\t\t\t\t{options.children}\n\t\t\t</AlertDialogContent_>\n\t\t</AlertContext.Provider>\n\t);\n};\n\nexport const useAlert = () => {\n\tconst context = useContext(AlertContext);\n\tif (!context) {\n\t\tthrow new Error(\"useAlert must be used within an AlertDialogProvider\");\n\t}\n\treturn context.alert;\n};\n",
-      "type": "registry:component",
-      "target": "components/c-ui/alert.tsx"
-    }
-  ],
-  "type": "registry:component"
-}
\ No newline at end of file
diff --git a/public/r/button.json b/public/r/button.json
deleted file mode 100644
index 9216eba..0000000
--- a/public/r/button.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "button",
-  "title": "Button",
-  "description": "A base button with a subtle press animation.",
-  "registryDependencies": [
-    "@shadcn/button"
-  ],
-  "files": [
-    {
-      "path": "registry/new-york/button.tsx",
-      "content": "import * as React from \"react\"\nimport { Button, buttonVariants } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\ntype CuiButtonProps = React.ComponentProps<typeof Button>\n\nconst CuiButton = React.forwardRef<HTMLButtonElement, CuiButtonProps>(\n    ({ className, ...props }, ref) => {\n        return (\n            <Button\n                ref={ref}\n                className={cn(\n                    \"active:scale-[0.97] transition-transform duration-150\",\n                    className\n                )}\n                {...props}\n            />\n        )\n    }\n)\n\nCuiButton.displayName = \"Button\"\n\nexport { CuiButton as Button, buttonVariants }\n",
-      "type": "registry:component",
-      "target": "components/c-ui/button.tsx"
-    }
-  ],
-  "type": "registry:component"
-}
\ No newline at end of file
diff --git a/public/r/confirm.json b/public/r/confirm.json
deleted file mode 100644
index 4cf9db2..0000000
--- a/public/r/confirm.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "confirm",
-  "title": "Confirm Dialog",
-  "description": "A confirmation dialog service with provider and hook.",
-  "registryDependencies": [
-    "alert-dialog",
-    "input",
-    "label"
-  ],
-  "files": [
-    {
-      "path": "registry/new-york/confirm-provider.tsx",
-      "content": "\"use client\";\n\nimport { createContext, useContext, useState, useCallback, type ReactNode } from \"react\";\nimport ConfirmDialog, { type RequireConfirmationInput } from \"./confirm-dialog\";\n\nexport type { RequireConfirmationInput };\n\ninterface ConfirmOptions {\n\ttitle?: string;\n\tdescription?: string;\n\tconfirmButtonText?: string;\n\tcancelButtonText?: string;\n\tvariant?: \"default\" | \"destructive\";\n\trequireConfirmationInput?: RequireConfirmationInput;\n}\n\ninterface ConfirmContextType {\n\tconfirm: (options: ConfirmOptions) => Promise<boolean>;\n}\n\nconst ConfirmContext = createContext<ConfirmContextType | undefined>(undefined);\n\nexport const ConfirmDialogProvider = ({ children }: { children: ReactNode }) => {\n\tconst [options, setOptions] = useState<ConfirmOptions>({});\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst [resolver, setResolver] = useState<((value: boolean) => void) | null>(null);\n\n\tconst confirm = useCallback((confirmOptions: ConfirmOptions) => {\n\t\tsetResolver((prev: ((value: boolean) => void) | null) => {\n\t\t\tif (prev) {\n\t\t\t\tprev(false);\n\t\t\t}\n\t\t\treturn null;\n\t\t});\n\n\t\tsetOptions(confirmOptions);\n\t\tsetIsOpen(true);\n\t\treturn new Promise<boolean>((resolve) => {\n\t\t\tsetResolver(() => resolve);\n\t\t});\n\t}, []);\n\n\tconst handleConfirm = () => {\n\t\tif (resolver) {\n\t\t\tresolver(true);\n\t\t}\n\t\tsetIsOpen(false);\n\t\tsetResolver(null);\n\t};\n\n\tconst handleCancel = () => {\n\t\tif (resolver) {\n\t\t\tresolver(false);\n\t\t}\n\t\tsetIsOpen(false);\n\t\tsetResolver(null);\n\t};\n\n\treturn (\n\t\t<ConfirmContext.Provider value={{ confirm }}>\n\t\t\t{children}\n\t\t\t<ConfirmDialog\n\t\t\t\tisOpen={isOpen}\n\t\t\t\ttitle={options.title || \"Confirm Action\"}\n\t\t\t\tdescription={options.description || \"Are you sure you want to proceed?\"}\n\t\t\t\tconfirmButtonText={options.confirmButtonText || \"Confirm\"}\n\t\t\t\tcancelButtonText={options.cancelButtonText || \"Cancel\"}\n\t\t\t\tvariant={options.variant || \"default\"}\n\t\t\t\trequireConfirmationInput={options.requireConfirmationInput}\n\t\t\t\tonConfirm={handleConfirm}\n\t\t\t\tonCancel={handleCancel}\n\t\t\t/>\n\t\t</ConfirmContext.Provider>\n\t);\n};\n\nexport const useConfirm = () => {\n\tconst context = useContext(ConfirmContext);\n\tif (!context) {\n\t\tthrow new Error(\"useConfirm must be used within a ConfirmDialogProvider\");\n\t}\n\treturn context.confirm;\n};\n",
-      "type": "registry:component",
-      "target": "components/c-ui/confirm-provider.tsx"
-    },
-    {
-      "path": "registry/new-york/confirm-dialog.tsx",
-      "content": "\"use client\";\n\nimport { useState } from \"react\";\nimport { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from \"@/components/ui/alert-dialog\"\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\n\nexport interface RequireConfirmationInput {\n\tconfirmTerm: string;\n\t/** Custom label with {{confirmTerm}} placeholder for the required term (bold). Default: \"Type {{confirmTerm}} to confirm\" */\n\tlabel?: string;\n\thint?: string;\n}\n\ninterface ConfirmDialogProps {\n\ttitle: string;\n\tdescription: string;\n\tconfirmButtonText: string;\n\tcancelButtonText: string;\n\tonConfirm: () => void;\n\tonCancel: () => void;\n\tvariant: \"default\" | \"destructive\";\n\tisOpen: boolean;\n\trequireConfirmationInput?: RequireConfirmationInput;\n}\n\nconst ConfirmDialog = (props: ConfirmDialogProps) => {\n\tconst [typedValue, setTypedValue] = useState(\"\");\n\n\tconst requireTyped = props.requireConfirmationInput;\n\tconst requiredTerm = requireTyped?.confirmTerm ?? \"\";\n\tconst canConfirm = !requireTyped || typedValue === requiredTerm;\n\n\tconst labelMessage = requireTyped?.label ?? \"Type {{confirmTerm}} to confirm\";\n\tconst labelParts = labelMessage.split(\"{{confirmTerm}}\");\n\n\treturn (\n\t\t<AlertDialog\n\t\t\topen={props.isOpen}\n\t\t\tonOpenChange={(open) => {\n\t\t\t\tif (!open) {\n\t\t\t\t\tsetTypedValue(\"\");\n\t\t\t\t\tprops.onCancel();\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<AlertDialogContent>\n\t\t\t\t<AlertDialogHeader>\n\t\t\t\t\t<AlertDialogTitle>{props.title}</AlertDialogTitle>\n\t\t\t\t\t<AlertDialogDescription>{props.description}</AlertDialogDescription>\n\t\t\t\t</AlertDialogHeader>\n\t\t\t\t{requireTyped && (\n\t\t\t\t\t<div className=\"grid gap-2\">\n\t\t\t\t\t\t<Label htmlFor=\"confirm-type-input\">\n\t\t\t\t\t\t\t{labelParts.map((part, i) =>\n\t\t\t\t\t\t\t\ti < labelParts.length - 1 ? (\n\t\t\t\t\t\t\t\t\t<span key={i}>{part}<span className=\"font-bold\">{requiredTerm}</span></span>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<span key={i}>{part}</span>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Label>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tid=\"confirm-type-input\"\n\t\t\t\t\t\t\tvalue={typedValue}\n\t\t\t\t\t\t\tonChange={(e) => setTypedValue(e.target.value)}\n\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\tif (e.key === \"Enter\" && canConfirm) {\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\tsetTypedValue(\"\");\n\t\t\t\t\t\t\t\t\tprops.onConfirm();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tplaceholder={requiredTerm}\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{requireTyped.hint && (\n\t\t\t\t\t\t\t<p className=\"text-muted-foreground text-xs\">{requireTyped.hint}</p>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<AlertDialogFooter>\n\t\t\t\t\t<AlertDialogCancel\n\t\t\t\t\t\tclassName=\"active:scale-[0.97] transition-transform duration-150\"\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tsetTypedValue(\"\");\n\t\t\t\t\t\t\tprops.onCancel();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.cancelButtonText}\n\t\t\t\t\t</AlertDialogCancel>\n\t\t\t\t\t<AlertDialogAction\n\t\t\t\t\t\tvariant={props.variant}\n\t\t\t\t\t\tclassName=\"active:scale-[0.97] transition-transform duration-150\"\n\t\t\t\t\t\tdisabled={!canConfirm}\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tsetTypedValue(\"\");\n\t\t\t\t\t\t\tprops.onConfirm();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.confirmButtonText}\n\t\t\t\t\t</AlertDialogAction>\n\t\t\t\t</AlertDialogFooter>\n\t\t\t</AlertDialogContent>\n\t\t</AlertDialog>\n\t);\n};\n\nexport default ConfirmDialog;\n",
-      "type": "registry:component",
-      "target": "components/c-ui/confirm-dialog.tsx"
-    }
-  ],
-  "type": "registry:component"
-}
\ No newline at end of file
diff --git a/public/r/loading-button.json b/public/r/loading-button.json
deleted file mode 100644
index a2de4db..0000000
--- a/public/r/loading-button.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "loading-button",
-  "title": "Loading Button",
-  "description": "A button with a loading state.",
-  "dependencies": [
-    "lucide-react",
-    "class-variance-authority"
-  ],
-  "registryDependencies": [
-    "@c-ui/button"
-  ],
-  "files": [
-    {
-      "path": "registry/new-york/loading-button.tsx",
-      "content": "import * as React from \"react\"\nimport { Loader2Icon } from \"lucide-react\"\nimport { Button, buttonVariants } from \"./button\"\n\nimport type { VariantProps } from \"class-variance-authority\"\n\ntype LoadingButtonProps = React.ComponentProps<\"button\"> &\n\tVariantProps<typeof buttonVariants> & {\n\t\tasChild?: boolean\n\t\tisLoading?: boolean\n\t}\n\nconst LoadingButton = React.forwardRef<HTMLButtonElement, LoadingButtonProps>(\n\t({ isLoading, disabled, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<Button\n\t\t\t\tref={ref}\n\t\t\t\tdisabled={disabled || isLoading}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{isLoading && (\n\t\t\t\t\t<Loader2Icon className=\"animate-spin\" />\n\t\t\t\t)}\n\t\t\t\t{children}\n\t\t\t</Button>\n\t\t)\n\t}\n)\n\nLoadingButton.displayName = \"LoadingButton\"\n\nexport { LoadingButton }\n",
-      "type": "registry:component",
-      "target": "components/c-ui/loading-button.tsx"
-    }
-  ],
-  "type": "registry:component"
-}
\ No newline at end of file
diff --git a/public/r/registry.json b/public/r/registry.json
deleted file mode 100644
index d2f5948..0000000
--- a/public/r/registry.json
+++ /dev/null
@@ -1,82 +0,0 @@
-{
-	"$schema": "https://ui.shadcn.com/schema/registry.json",
-	"name": "c-ui",
-	"homepage": "https://coneno.github.io/c-ui",
-	"items": [
-		{
-			"name": "alert",
-			"type": "registry:component",
-			"title": "Alert",
-			"description": "An alert component built on top of AlertDialog.",
-			"registryDependencies": [
-				"alert-dialog"
-			],
-			"files": [
-				{
-					"path": "registry/new-york/alert.tsx",
-					"type": "registry:component",
-					"target": "components/c-ui/alert.tsx"
-				}
-			]
-		},
-		{
-			"name": "confirm",
-			"type": "registry:component",
-			"title": "Confirm Dialog",
-			"description": "A confirmation dialog service with provider and hook.",
-			"registryDependencies": [
-				"alert-dialog",
-				"input",
-				"label"
-			],
-			"files": [
-				{
-					"path": "registry/new-york/confirm-provider.tsx",
-					"type": "registry:component",
-					"target": "components/c-ui/confirm-provider.tsx"
-				},
-				{
-					"path": "registry/new-york/confirm-dialog.tsx",
-					"type": "registry:component",
-					"target": "components/c-ui/confirm-dialog.tsx"
-				}
-			]
-		},
-		{
-			"name": "button",
-			"type": "registry:component",
-			"title": "Button",
-			"description": "A base button with a subtle press animation.",
-			"registryDependencies": [
-				"@shadcn/button"
-			],
-			"files": [
-				{
-					"path": "registry/new-york/button.tsx",
-					"type": "registry:component",
-					"target": "components/c-ui/button.tsx"
-				}
-			]
-		},
-		{
-			"name": "loading-button",
-			"type": "registry:component",
-			"title": "Loading Button",
-			"description": "A button with a loading state.",
-			"registryDependencies": [
-				"@c-ui/button"
-			],
-			"dependencies": [
-				"lucide-react",
-				"class-variance-authority"
-			],
-			"files": [
-				{
-					"path": "registry/new-york/loading-button.tsx",
-					"type": "registry:component",
-					"target": "components/c-ui/loading-button.tsx"
-				}
-			]
-		}
-	]
-}
diff --git a/registry.json b/registry.json
index d2f5948..b57b179 100644
--- a/registry.json
+++ b/registry.json
@@ -4,20 +4,21 @@
 	"homepage": "https://coneno.github.io/c-ui",
 	"items": [
 		{
-			"name": "alert",
+			"name": "alert-provider",
 			"type": "registry:component",
-			"title": "Alert",
-			"description": "An alert component built on top of AlertDialog.",
+			"title": "Alert Provider",
+			"description": "An alert dialog service with provider and hook.",
 			"registryDependencies": [
-				"alert-dialog"
+				"@shadcn/alert-dialog"
 			],
 			"files": [
 				{
-					"path": "registry/new-york/alert.tsx",
+					"path": "registry/radix-nova/alert-provider.tsx",
 					"type": "registry:component",
-					"target": "components/c-ui/alert.tsx"
+					"target": "components/c-ui/alert-provider.tsx"
 				}
-			]
+			],
+			"style": "radix-nova"
 		},
 		{
 			"name": "confirm",
@@ -25,38 +26,54 @@
 			"title": "Confirm Dialog",
 			"description": "A confirmation dialog service with provider and hook.",
 			"registryDependencies": [
-				"alert-dialog",
-				"input",
-				"label"
+				"@shadcn/alert-dialog",
+				"@shadcn/input",
+				"@shadcn/label"
 			],
 			"files": [
 				{
-					"path": "registry/new-york/confirm-provider.tsx",
+					"path": "registry/radix-nova/confirm-provider.tsx",
 					"type": "registry:component",
 					"target": "components/c-ui/confirm-provider.tsx"
 				},
 				{
-					"path": "registry/new-york/confirm-dialog.tsx",
+					"path": "registry/radix-nova/confirm-dialog.tsx",
 					"type": "registry:component",
 					"target": "components/c-ui/confirm-dialog.tsx"
 				}
-			]
+			],
+			"style": "radix-nova"
 		},
 		{
 			"name": "button",
 			"type": "registry:component",
 			"title": "Button",
-			"description": "A base button with a subtle press animation.",
+			"description": "A button with a subtle press animation.",
+			"files": [
+				{
+					"path": "registry/radix-nova/button.tsx",
+					"type": "registry:component",
+					"target": "components/ui/button.tsx"
+				}
+			],
+			"style": "radix-nova"
+		},
+		{
+			"name": "dialog",
+			"type": "registry:component",
+			"title": "Dialog",
+			"description": "A customized shadcn dialog with overridable close labels for i18n-friendly accessibility.",
 			"registryDependencies": [
-				"@shadcn/button"
+				"@c-ui/button"
 			],
 			"files": [
 				{
-					"path": "registry/new-york/button.tsx",
+					"path": "registry/radix-nova/dialog.tsx",
 					"type": "registry:component",
-					"target": "components/c-ui/button.tsx"
+					"target": "components/ui/dialog.tsx"
 				}
-			]
+			],
+			"style": "radix-nova"
 		},
 		{
 			"name": "loading-button",
@@ -72,11 +89,12 @@
 			],
 			"files": [
 				{
-					"path": "registry/new-york/loading-button.tsx",
+					"path": "registry/radix-nova/loading-button.tsx",
 					"type": "registry:component",
 					"target": "components/c-ui/loading-button.tsx"
 				}
-			]
+			],
+			"style": "radix-nova"
 		}
 	]
-}
+}
\ No newline at end of file
diff --git a/registry/new-york/button.tsx b/registry/new-york/button.tsx
deleted file mode 100644
index fef733b..0000000
--- a/registry/new-york/button.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import * as React from "react"
-import { Button, buttonVariants } from "@/components/ui/button"
-import { cn } from "@/lib/utils"
-
-type CuiButtonProps = React.ComponentProps<typeof Button>
-
-const CuiButton = React.forwardRef<HTMLButtonElement, CuiButtonProps>(
-    ({ className, ...props }, ref) => {
-        return (
-            <Button
-                ref={ref}
-                className={cn(
-                    "active:scale-[0.97] transition-transform duration-150",
-                    className
-                )}
-                {...props}
-            />
-        )
-    }
-)
-
-CuiButton.displayName = "Button"
-
-export { CuiButton as Button, buttonVariants }
diff --git a/registry/new-york/alert.tsx b/registry/radix-nova/alert-provider.tsx
similarity index 100%
rename from registry/new-york/alert.tsx
rename to registry/radix-nova/alert-provider.tsx
diff --git a/registry/radix-nova/button.tsx b/registry/radix-nova/button.tsx
new file mode 100644
index 0000000..07afa04
--- /dev/null
+++ b/registry/radix-nova/button.tsx
@@ -0,0 +1,60 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+import { Slot } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+    "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none active:scale-[0.97] transition-transform duration-150",
+    {
+        variants: {
+            variant: {
+                default: "bg-primary text-primary-foreground hover:bg-primary/80",
+                outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs",
+                secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+                ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+                destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
+                link: "text-primary underline-offset-4 hover:underline",
+            },
+            size: {
+                default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+                xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+                sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+                lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+                icon: "size-9",
+                "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+                "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
+                "icon-lg": "size-10",
+            },
+        },
+        defaultVariants: {
+            variant: "default",
+            size: "default",
+        },
+    }
+)
+
+function Button({
+    className,
+    variant = "default",
+    size = "default",
+    asChild = false,
+    ...props
+}: React.ComponentProps<"button"> &
+    VariantProps<typeof buttonVariants> & {
+        asChild?: boolean
+    }) {
+    const Comp = asChild ? Slot.Root : "button"
+
+    return (
+        <Comp
+            data-slot="button"
+            data-variant={variant}
+            data-size={size}
+            className={cn(buttonVariants({ variant, size, className }))}
+            {...props}
+        />
+    )
+}
+
+export { Button, buttonVariants }
diff --git a/registry/new-york/confirm-dialog.tsx b/registry/radix-nova/confirm-dialog.tsx
similarity index 100%
rename from registry/new-york/confirm-dialog.tsx
rename to registry/radix-nova/confirm-dialog.tsx
diff --git a/registry/new-york/confirm-provider.tsx b/registry/radix-nova/confirm-provider.tsx
similarity index 100%
rename from registry/new-york/confirm-provider.tsx
rename to registry/radix-nova/confirm-provider.tsx
diff --git a/registry/radix-nova/dialog.tsx b/registry/radix-nova/dialog.tsx
new file mode 100644
index 0000000..ef0e91b
--- /dev/null
+++ b/registry/radix-nova/dialog.tsx
@@ -0,0 +1,159 @@
+"use client"
+
+import * as React from "react"
+import { Dialog as DialogPrimitive } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { XIcon } from "lucide-react"
+
+function Dialog({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />
+}
+
+function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
+}
+
+function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
+}
+
+function DialogClose({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
+}
+
+function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+  return (
+    <DialogPrimitive.Overlay
+      data-slot="dialog-overlay"
+      className={cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className)}
+      {...props}
+    />
+  )
+}
+
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  closeLabel = "Close",
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Content> & {
+  showCloseButton?: boolean
+  closeLabel?: string
+}) {
+  return (
+    <DialogPortal>
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        data-slot="dialog-content"
+        className={cn(
+          "bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        {showCloseButton && (
+          <DialogPrimitive.Close data-slot="dialog-close" asChild>
+            <Button variant="ghost" className="absolute top-2 right-2" size="icon-sm" aria-label={closeLabel}>
+              <XIcon
+              />
+              <span className="sr-only">{closeLabel}</span>
+            </Button>
+          </DialogPrimitive.Close>
+        )}
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  )
+}
+
+function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-header"
+      className={cn("gap-2 flex flex-col", className)}
+      {...props}
+    />
+  )
+}
+
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  closeLabel = "Close",
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showCloseButton?: boolean
+  closeLabel?: string
+}) {
+  return (
+    <div
+      data-slot="dialog-footer"
+      className={cn(
+        "bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      {showCloseButton && (
+        <DialogPrimitive.Close asChild>
+          <Button variant="outline">{closeLabel}</Button>
+        </DialogPrimitive.Close>
+      )}
+    </div>
+  )
+}
+
+function DialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Title>) {
+  return (
+    <DialogPrimitive.Title
+      data-slot="dialog-title"
+      className={cn("text-base leading-none font-medium", className)}
+      {...props}
+    />
+  )
+}
+
+function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Description>) {
+  return (
+    <DialogPrimitive.Description
+      data-slot="dialog-description"
+      className={cn("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+}
diff --git a/registry/new-york/loading-button.tsx b/registry/radix-nova/loading-button.tsx
similarity index 91%
rename from registry/new-york/loading-button.tsx
rename to registry/radix-nova/loading-button.tsx
index 1f51277..3efa232 100644
--- a/registry/new-york/loading-button.tsx
+++ b/registry/radix-nova/loading-button.tsx
@@ -1,6 +1,6 @@
 import * as React from "react"
 import { Loader2Icon } from "lucide-react"
-import { Button, buttonVariants } from "./button"
+import { Button, buttonVariants } from "@/components/ui/button"
 
 import type { VariantProps } from "class-variance-authority"
 
diff --git a/tsconfig.json b/tsconfig.json
index ce2ec69..efb33a9 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,6 +18,10 @@
     "jsx": "react-jsx",
     "incremental": true,
     "paths": {
+      "@/components/c-ui/*": [
+        "./components/c-ui/*",
+        "./registry/radix-nova/*",
+      ],
       "@/*": [
         "./*"
       ]
@@ -38,4 +42,4 @@
     "node_modules",
     "public"
   ]
-}
+}
\ No newline at end of file