feat(shadcn): remove npm flags

2026-06-15 11:51:34 +00:00 · 2025-03-24 09:02:00 +04:00
36 changed files with 912 additions and 1467 deletions
--- a/.changeset/warm-fans-protect.md
+++ b/.changeset/warm-fans-protect.md
@@ -1,5 +0,0 @@
---
-"shadcn": minor
---
-
-add theme prop to registry-item schema
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -1,6 +0,0 @@
-version: 2
-updates:
-  - package-ecosystem: "npm"
-    directory: "/"
-    schedule:
-      interval: "weekly"
--- a/SECURITY.md
+++ b/SECURITY.md
@@ -1,9 +0,0 @@
-# Security Policy
-
-If you believe you have found a security vulnerability, we encourage you to let us know right away.
-
-We will investigate all legitimate reports and do our best to quickly fix the problem.
-
-Our preference is that you make use of GitHub's private vulnerability reporting feature to disclose potential security vulnerabilities in our Open Source Software. 
-
-To do this, please visit the security tab of the repository and click the "Report a vulnerability" button.
--- a/apps/v4/package.json
+++ b/apps/v4/package.json
@@ -39,7 +39,7 @@
    "@radix-ui/react-portal": "^1.1.3",
    "@radix-ui/react-progress": "^1.1.1",
    "@radix-ui/react-radio-group": "^1.2.2",
-    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-scroll-area": "^1.2.2",
    "@radix-ui/react-select": "^2.1.5",
    "@radix-ui/react-separator": "^1.1.1",
    "@radix-ui/react-slider": "^1.2.2",
@@ -63,7 +63,7 @@
    "geist": "^1.2.2",
    "input-otp": "^1.4.2",
    "lucide-react": "0.474.0",
-    "next": "15.2.3",
+    "next": "15.2.0-canary.33",
    "next-themes": "^0.4.3",
    "postcss": "^8.5.1",
    "react": "^19.0.0",
--- a/apps/v4/registry.json
+++ b/apps/v4/registry.json
@@ -240,7 +240,7 @@
      "name": "command",
      "type": "registry:ui",
      "dependencies": [
-        "cmdk"
+        "cmdk@1.0.0"
      ],
      "registryDependencies": [
        "dialog"
--- a/apps/v4/registry/new-york-v4/ui/badge.tsx
+++ b/apps/v4/registry/new-york-v4/ui/badge.tsx
@@ -14,7 +14,7 @@ const badgeVariants = cva(
        secondary:
          "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
        destructive:
-          "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+          "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/70",
        outline:
          "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
      },
--- a/apps/v4/registry/new-york-v4/ui/navigation-menu.tsx
+++ b/apps/v4/registry/new-york-v4/ui/navigation-menu.tsx
@@ -59,7 +59,7 @@ function NavigationMenuItem({
 }

 const navigationMenuTriggerStyle = cva(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1"
 )

 function NavigationMenuTrigger({
@@ -129,7 +129,7 @@ function NavigationMenuLink({
    <NavigationMenuPrimitive.Link
      data-slot="navigation-menu-link"
      className={cn(
-        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
        className
      )}
      {...props}
--- a/apps/v4/registry/new-york-v4/ui/scroll-area.tsx
+++ b/apps/v4/registry/new-york-v4/ui/scroll-area.tsx
@@ -18,7 +18,7 @@ function ScrollArea({
    >
      <ScrollAreaPrimitive.Viewport
        data-slot="scroll-area-viewport"
-        className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+        className="ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1"
      >
        {children}
      </ScrollAreaPrimitive.Viewport>
--- a/apps/www/components/code-block-command.tsx
+++ b/apps/www/components/code-block-command.tsx
@@ -79,22 +79,20 @@ export function CodeBlockCommand({
            })}
          </TabsList>
        </div>
-        <div className="overflow-x-auto">
-          {Object.entries(tabs).map(([key, value]) => {
-            return (
-              <TabsContent key={key} value={key} className="mt-0">
-                <pre className="px-4 py-5">
-                  <code
-                    className="relative font-mono text-sm leading-none"
-                    data-language="bash"
-                  >
-                    {value}
-                  </code>
-                </pre>
-              </TabsContent>
-            )
-          })}
-        </div>
+        {Object.entries(tabs).map(([key, value]) => {
+          return (
+            <TabsContent key={key} value={key} className="mt-0">
+              <pre className="px-4 py-5">
+                <code
+                  className="relative font-mono text-sm leading-none"
+                  data-language="bash"
+                >
+                  {value}
+                </code>
+              </pre>
+            </TabsContent>
+          )
+        })}
      </Tabs>
      <Button
        size="icon"
--- a/apps/www/content/docs/registry/faq.mdx
+++ b/apps/www/content/docs/registry/faq.mdx
@@ -49,46 +49,6 @@ Here's an example of a complex component that installs a page, two components, a

 ### How do I add a new Tailwind color?

-<Tabs defaultValue="v4">
-
-<TabsList>
-  <TabsTrigger value="v4">Tailwind CSS v4</TabsTrigger>
-  <TabsTrigger value="v3">Tailwind CSS v3</TabsTrigger>
-</TabsList>
-
-<TabsContent value="v4">
-
-To add a new color you need to add it to `cssVars` under `light` and `dark` keys.
-
-```json showLineNumbers {10-18}
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "hello-world",
-  "title": "Hello World",
-  "type": "registry:block",
-  "description": "A complex hello world component",
-  "files": [
-    // ...
-  ],
-  "cssVars": {
-    "light": {
-      "brand-background": "20 14.3% 4.1%",
-      "brand-accent": "20 14.3% 4.1%"
-    },
-    "dark": {
-      "brand-background": "20 14.3% 4.1%",
-      "brand-accent": "20 14.3% 4.1%"
-    }
-  }
-}
-```
-
-The CLI will update the project CSS file. Once updated, the new colors will be available to be used as utility classes: `bg-brand` and `text-brand-accent`.
-
-</TabsContent>
-
-<TabsContent value="v3">
-
 To add a new color you need to add it to `cssVars` and `tailwind.config.theme.extend.colors`.

 ```json showLineNumbers {10-19} {24-29}
@@ -130,47 +90,9 @@ To add a new color you need to add it to `cssVars` and `tailwind.config.theme.ex

 The CLI will update the project CSS file and tailwind.config.js file. Once updated, the new colors will be available to be used as utility classes: `bg-brand` and `text-brand-accent`.

-</TabsContent>
-</Tabs>
+### How do I add a Tailwind animation?

-### How do I add or override a Tailwind theme variable?
-
-<Tabs defaultValue="v4">
-
-<TabsList>
-  <TabsTrigger value="v4">Tailwind CSS v4</TabsTrigger>
-  <TabsTrigger value="v3">Tailwind CSS v3</TabsTrigger>
-</TabsList>
-
-<TabsContent value="v4">
-
-To add or override a theme variable you add it to `cssVars.theme` under the key you want to add or override.
-
-```json showLineNumbers {10-15}
-{
-  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
-  "name": "hello-world",
-  "title": "Hello World",
-  "type": "registry:block",
-  "description": "A complex hello world component",
-  "files": [
-    // ...
-  ],
-  "cssVars": {
-    "theme": {
-      "text-base": "3rem",
-      "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
-      "font-heading": "Poppins, sans-serif"
-    }
-  }
-}
-```
-
-</TabsContent>
-
-<TabsContent value="v3">
-
-To override a theme variable you add it to `tailwind.config.theme.extend` under the key you want to override.
+To add a new animation you add it to `tailwind.config.theme.extend.animation` and `tailwind.config.theme.extend.keyframes`.

 ```json showLineNumbers {14-22}
 {
@@ -186,8 +108,14 @@ To override a theme variable you add it to `tailwind.config.theme.extend` under
    "config": {
      "theme": {
        "extend": {
-          "text": {
-            "base": "3rem"
+          "keyframes": {
+            "wiggle": {
+              "0%, 100%": { "transform": "rotate(-3deg)" },
+              "50%": { "transform": "rotate(3deg)" }
+            }
+          },
+          "animation": {
+            "wiggle": "wiggle 1s ease-in-out infinite"
          }
        }
      }
@@ -195,6 +123,3 @@ To override a theme variable you add it to `tailwind.config.theme.extend` under
  }
 }
 ```
-
-</TabsContent>
-</Tabs>
--- a/apps/www/content/docs/registry/registry-item-json.mdx
+++ b/apps/www/content/docs/registry/registry-item-json.mdx
@@ -21,18 +21,7 @@ The `registry-item.json` schema is used to define your custom registry items.
      "path": "registry/new-york/hello-world/use-hello-world.ts",
      "type": "registry:hook"
    }
-  ],
-  "cssVars": {
-    "theme": {
-      "font-heading": "Poppins, sans-serif"
-    },
-    "light": {
-      "brand": "20 14.3% 4.1%"
-    },
-    "dark": {
-      "brand": "20 14.3% 4.1%"
-    }
-  }
+  ]
 }
 ```

@@ -52,7 +41,7 @@ The `$schema` property is used to specify the schema for the `registry-item.json

 ### name

-The name of the item. This is used to identify the item in the registry. It should be unique for your registry.
+The `name` property is used to specify the name of your registry item.

 ```json title="registry-item.json" showLineNumbers
 {
@@ -82,7 +71,7 @@ A description of your registry item. This can be longer and more detailed than t

 ### type

-The `type` property is used to specify the type of your registry item. This is used to determine the type and target path of the item when resolved for a project.
+The `type` property is used to specify the type of your registry item.

 ```json title="registry-item.json" showLineNumbers
 {
@@ -101,8 +90,6 @@ The following types are supported:
 | `registry:ui`        | Use for UI components and single-file primitives |
 | `registry:page`      | Use for page or file-based routes.               |
 | `registry:file`      | Use for miscellaneous files.                     |
-| `registry:style`     | Use for registry styles. eg. `new-york`          |
-| `registry:theme`     | Use for themes.                                  |

 ### author

@@ -135,7 +122,7 @@ Use `@version` to specify the version of your registry item.

 ### registryDependencies

-Used for registry dependencies. Can be names or URLs. Use the name of the item to reference shadcn/ui components and urls to reference other registries.
+Used for registry dependencies. Can be names or URLs.

 - For `shadcn/ui` registry items such as `button`, `input`, `select`, etc use the name eg. `['button', 'input', 'select']`.
 - For custom registry items use the URL of the registry item eg. `['https://example.com/r/hello-world.json']`.
@@ -202,8 +189,6 @@ Use `~` to refer to the root of the project e.g `~/foo.config.js`.

 ### tailwind

-**DEPRECATED:** Use `cssVars.theme` instead for Tailwind v4 projects.
-
 The `tailwind` property is used for tailwind configuration such as `theme`, `plugins` and `content`.

 You can use the `tailwind.config` property to add colors, animations and plugins to your registry item.
@@ -240,9 +225,6 @@ Use to define CSS variables for your registry item.
 ```json title="registry-item.json" showLineNumbers
 {
  "cssVars": {
-    "theme": {
-      "font-heading": "Poppins, sans-serif"
-    },
    "light": {
      "brand": "20 14.3% 4.1%",
      "radius": "0.5rem"
@@ -254,6 +236,11 @@ Use to define CSS variables for your registry item.
 }
 ```

+<Callout>
+  **Note:** When adding colors, make sure to also add them to the
+  `tailwind.config.theme.extend.colors` property.
+</Callout>
+
 ### docs

 Use `docs` to show custom documentation or message when installing your registry item via the CLI.
--- a/apps/www/content/docs/theming.mdx
+++ b/apps/www/content/docs/theming.mdx
@@ -92,7 +92,6 @@ Here's the list of variables available for customization:

 ```css title="app/globals.css"
 :root {
-  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
@@ -108,6 +107,7 @@ Here's the list of variables available for customization:
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
@@ -116,6 +116,7 @@ Here's the list of variables available for customization:
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
@@ -129,21 +130,22 @@ Here's the list of variables available for customization:
 .dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
+  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.269 0 0);
+  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
+  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.371 0 0);
+  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.269 0 0);
+  --input: oklch(0.269 0 0);
  --ring: oklch(0.556 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
@@ -156,7 +158,7 @@ Here's the list of variables available for customization:
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
 }
 ```
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -46,7 +46,7 @@
    "@radix-ui/react-portal": "^1.0.4",
    "@radix-ui/react-progress": "^1.0.3",
    "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-scroll-area": "^1.0.4",
    "@radix-ui/react-select": "^2.0.0",
    "@radix-ui/react-separator": "^1.0.3",
    "@radix-ui/react-slider": "^1.1.2",
@@ -87,7 +87,7 @@
    "react-wrap-balancer": "^0.4.1",
    "recharts": "2.12.7",
    "shadcn": "2.3.0",
-    "sharp": "^0.32.6",
+    "sharp": "^0.31.3",
    "sonner": "^1.2.3",
    "swr": "2.2.6-beta.3",
    "tailwind-merge": "^1.12.0",
@@ -102,7 +102,7 @@
    "@types/react": "^18.2.65",
    "@types/react-color": "^3.0.6",
    "@types/react-dom": "^18.2.22",
-    "esbuild": "^0.25.0",
+    "esbuild": "^0.17.19",
    "eslint": "^8.41.0",
    "mdast-util-toc": "^6.1.1",
    "postcss": "^8.4.24",
@@ -112,7 +112,7 @@
    "rehype-slug": "^5.1.0",
    "remark": "^14.0.3",
    "remark-code-import": "^1.2.0",
-    "remark-gfm": "^4.0.1",
+    "remark-gfm": "^4.0.0",
    "rimraf": "^4.1.3",
    "shiki": "^1.10.1",
    "tailwindcss": "3.4.6",
--- a/apps/www/public/r/index.json
+++ b/apps/www/public/r/index.json
@@ -223,7 +223,7 @@
    "name": "command",
    "type": "registry:ui",
    "dependencies": [
-      "cmdk"
+      "cmdk@1.0.0"
    ],
    "registryDependencies": [
      "dialog"
--- a/apps/www/public/r/styles/default/command.json
+++ b/apps/www/public/r/styles/default/command.json
@@ -4,7 +4,7 @@
  "type": "registry:ui",
  "author": "shadcn (https://ui.shadcn.com)",
  "dependencies": [
-    "cmdk"
+    "cmdk@1.0.0"
  ],
  "registryDependencies": [
    "dialog"
--- a/apps/www/public/r/styles/new-york-v4/badge.json
+++ b/apps/www/public/r/styles/new-york-v4/badge.json
@@ -8,7 +8,7 @@
  "files": [
    {
      "path": "registry/new-york-v4/ui/badge.tsx",
-      "content": "import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n",
+      "content": "import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/70\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n",
      "type": "registry:ui"
    }
  ]
--- a/apps/www/public/r/styles/new-york-v4/command.json
+++ b/apps/www/public/r/styles/new-york-v4/command.json
@@ -3,7 +3,7 @@
  "name": "command",
  "type": "registry:ui",
  "dependencies": [
-    "cmdk"
+    "cmdk@1.0.0"
  ],
  "registryDependencies": [
    "dialog"
--- a/apps/www/public/r/styles/new-york-v4/navigation-menu.json
+++ b/apps/www/public/r/styles/new-york-v4/navigation-menu.json
--- a/apps/www/public/r/styles/new-york-v4/scroll-area.json
+++ b/apps/www/public/r/styles/new-york-v4/scroll-area.json
@@ -8,7 +8,7 @@
  "files": [
    {
      "path": "registry/new-york-v4/ui/scroll-area.tsx",
-      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none p-px transition-colors select-none\",\n        orientation === \"vertical\" &&\n          \"h-full w-2.5 border-l border-l-transparent\",\n        orientation === \"horizontal\" &&\n          \"h-2.5 flex-col border-t border-t-transparent\",\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"bg-border relative flex-1 rounded-full\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar }\n",
+      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none p-px transition-colors select-none\",\n        orientation === \"vertical\" &&\n          \"h-full w-2.5 border-l border-l-transparent\",\n        orientation === \"horizontal\" &&\n          \"h-2.5 flex-col border-t border-t-transparent\",\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"bg-border relative flex-1 rounded-full\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar }\n",
      "type": "registry:ui"
    }
  ]
--- a/apps/www/public/r/styles/new-york/command.json
+++ b/apps/www/public/r/styles/new-york/command.json
@@ -4,7 +4,7 @@
  "type": "registry:ui",
  "author": "shadcn (https://ui.shadcn.com)",
  "dependencies": [
-    "cmdk"
+    "cmdk@1.0.0"
  ],
  "registryDependencies": [
    "dialog"
--- a/apps/www/public/schema/registry-item.json
+++ b/apps/www/public/schema/registry-item.json
@@ -3,8 +3,7 @@
  "type": "object",
  "properties": {
    "name": {
-      "type": "string",
-      "description": "The name of the item. This is used to identify the item in the registry. It should be unique for your registry."
+      "type": "string"
    },
    "type": {
      "type": "string",
@@ -16,57 +15,46 @@
        "registry:hook",
        "registry:theme",
        "registry:page",
-        "registry:file",
-        "registry:style"
-      ],
-      "description": "The type of the item. This is used to determine the type and target path of the item when resolved for a project."
+        "registry:file"
+      ]
    },
    "description": {
-      "type": "string",
-      "description": "The description of the item. This is used to provide a brief overview of the item."
+      "type": "string"
    },
    "title": {
-      "type": "string",
-      "description": "The human-readable title for your registry item. Keep it short and descriptive."
+      "type": "string"
    },
    "author": {
-      "type": "string",
-      "description": "The author of the item. Recommended format: username <url>"
+      "type": "string"
    },
    "dependencies": {
      "type": "array",
-      "description": "An array of NPM dependencies required by the registry item.",
      "items": {
        "type": "string"
      }
    },
    "devDependencies": {
      "type": "array",
-      "description": "An array of NPM dev dependencies required by the registry item.",
      "items": {
        "type": "string"
      }
    },
    "registryDependencies": {
      "type": "array",
-      "description": "An array of registry items that this item depends on. Use the name of the item to reference shadcn/ui components and urls to reference other registries.",
      "items": {
        "type": "string"
      }
    },
    "files": {
      "type": "array",
-      "description": "The main payload of the registry item. This is an array of files that are part of the registry item. Each file is an object with a path, content, type, and target.",
      "items": {
        "type": "object",
        "properties": {
          "path": {
-            "type": "string",
-            "description": "The path to the file relative to the registry root."
+            "type": "string"
          },
          "content": {
-            "type": "string",
-            "description": "The content of the file."
+            "type": "string"
          },
          "type": {
            "type": "string",
@@ -79,12 +67,10 @@
              "registry:theme",
              "registry:page",
              "registry:file"
-            ],
-            "description": "The type of the file. This is used to determine the type of the file when resolved for a project."
+            ]
          },
          "target": {
-            "type": "string",
-            "description": "The target path of the file. This is the path to the file in the project."
+            "type": "string"
          }
        },
        "if": {
@@ -104,7 +90,6 @@
    },
    "tailwind": {
      "type": "object",
-      "description": "The tailwind configuration for the registry item. This is an object with a config property. Use cssVars for Tailwind v4 projects.",
      "properties": {
        "config": {
          "type": "object",
@@ -131,25 +116,15 @@
    },
    "cssVars": {
      "type": "object",
-      "description": "The css variables for the registry item. This will be merged with the project's css variables.",
      "properties": {
-        "theme": {
-          "type": "object",
-          "description": "CSS variables for the @theme directive. For Tailwind v4 projects only. Use tailwind for older projects.",
-          "additionalProperties": {
-            "type": "string"
-          }
-        },
        "light": {
          "type": "object",
-          "description": "CSS variables for the light theme.",
          "additionalProperties": {
            "type": "string"
          }
        },
        "dark": {
          "type": "object",
-          "description": "CSS variables for the dark theme.",
          "additionalProperties": {
            "type": "string"
          }
@@ -158,23 +133,16 @@
    },
    "meta": {
      "type": "object",
-      "description": "Additional metadata for the registry item. This is an object with any key value pairs.",
      "additionalProperties": true
    },
    "docs": {
-      "type": "string",
-      "description": "The documentation for the registry item. This is a markdown string."
+      "type": "string"
    },
    "categories": {
      "type": "array",
      "items": {
-        "type": "string",
-        "description": "The categories of the registry item. This is an array of strings."
+        "type": "string"
      }
-    },
-    "extends": {
-      "type": "string",
-      "description": "The name of the registry item to extend. This is used to extend the base shadcn/ui style. Set to none to start fresh. This is available for registry:style items only."
    }
  },
  "required": ["name", "type"]
--- a/apps/www/registry/registry-ui.ts
+++ b/apps/www/registry/registry-ui.ts
@@ -182,7 +182,7 @@ export const ui: Registry["items"] = [
  {
    name: "command",
    type: "registry:ui",
-    dependencies: ["cmdk"],
+    dependencies: ["cmdk@1.0.0"],
    registryDependencies: ["dialog"],
    files: [
      {
--- a/package.json
+++ b/package.json
@@ -75,9 +75,9 @@
    "tailwindcss-animate": "^1.0.5",
    "tsx": "^4.1.4",
    "turbo": "^1.9.9",
-    "vite": "^5.4.15",
+    "vite": "^5.4.1",
    "vite-tsconfig-paths": "^4.2.0",
-    "vitest": "^2.1.9"
+    "vitest": "^2.0.5"
  },
  "devDependencies": {
    "@types/node": "^20.11.27",
--- a/packages/shadcn/src/commands/add.ts
+++ b/packages/shadcn/src/commands/add.ts
@@ -148,7 +148,6 @@ export const add = new Command()
          isNewProject: false,
          srcDir: options.srcDir,
          cssVariables: options.cssVariables,
-          style: "index",
        })
      }

@@ -180,7 +179,6 @@ export const add = new Command()
            isNewProject: true,
            srcDir: options.srcDir,
            cssVariables: options.cssVariables,
-            style: "index",
          })

          shouldUpdateAppIndex =
--- a/packages/shadcn/src/commands/init.ts
+++ b/packages/shadcn/src/commands/init.ts
@@ -4,7 +4,6 @@ import { preFlightInit } from "@/src/preflights/preflight-init"
 import {
  BASE_COLORS,
  getRegistryBaseColors,
-  getRegistryItem,
  getRegistryStyles,
 } from "@/src/registry/api"
 import { addComponents } from "@/src/utils/add-components"
@@ -75,7 +74,6 @@ export const initOptionsSchema = z.object({
        ).join("', '")}'`,
      }
    ),
-  style: z.string(),
 })

 export const init = new Command()
@@ -120,22 +118,9 @@ export const init = new Command()
        cwd: path.resolve(opts.cwd),
        isNewProject: false,
        components,
-        style: "index",
        ...opts,
      })

-      // We need to check if we're initializing with a new style.
-      // We fetch the payload of the first item.
-      // This is okay since the request is cached and deduped.
-      const item = await getRegistryItem(components[0], "")
-
-      // Skip base color if style.
-      // We set a default and let the style override it.
-      if (item?.type === "registry:style") {
-        options.baseColor = "neutral"
-        options.style = item.extends ?? "index"
-      }
-
      await runInit(options)

      logger.log(
@@ -206,15 +191,11 @@ export async function runInit(

  // Add components.
  const fullConfig = await resolveConfigPaths(options.cwd, config)
-  const components = [
-    ...(options.style === "none" ? [] : [options.style]),
-    ...(options.components ?? []),
-  ]
+  const components = ["index", ...(options.components || [])]
  await addComponents(components, fullConfig, {
    // Init will always overwrite files.
    overwrite: true,
    silent: options.silent,
-    style: options.style,
    isNewProject:
      options.isNewProject || projectInfo?.framework.name === "next-app",
  })
--- a/packages/shadcn/src/registry/api.ts
+++ b/packages/shadcn/src/registry/api.ts
@@ -289,14 +289,6 @@ export async function registryResolveItemsTree(
      }
    }

-    // Sort the payload so that registry:theme is always first.
-    payload.sort((a, b) => {
-      if (a.type === "registry:theme") {
-        return -1
-      }
-      return 1
-    })
-
    let tailwind = {}
    payload.forEach((item) => {
      tailwind = deepmerge(tailwind, item.tailwind ?? {})
@@ -404,7 +396,6 @@ export async function registryGetTheme(name: string, config: Config) {
      },
    },
    cssVars: {
-      theme: {},
      light: {
        radius: "0.5rem",
      },
@@ -415,13 +406,9 @@ export async function registryGetTheme(name: string, config: Config) {
  if (config.tailwind.cssVariables) {
    theme.tailwind.config.theme.extend.colors = {
      ...theme.tailwind.config.theme.extend.colors,
-      ...buildTailwindThemeColorsFromCssVars(baseColor.cssVars.dark ?? {}),
+      ...buildTailwindThemeColorsFromCssVars(baseColor.cssVars.dark),
    }
    theme.cssVars = {
-      theme: {
-        ...baseColor.cssVars.theme,
-        ...theme.cssVars.theme,
-      },
      light: {
        ...baseColor.cssVars.light,
        ...theme.cssVars.light,
@@ -434,10 +421,6 @@ export async function registryGetTheme(name: string, config: Config) {

    if (tailwindVersion === "v4" && baseColor.cssVarsV4) {
      theme.cssVars = {
-        theme: {
-          ...baseColor.cssVarsV4.theme,
-          ...theme.cssVars.theme,
-        },
        light: {
          radius: "0.625rem",
          ...baseColor.cssVarsV4.light,
--- a/packages/shadcn/src/registry/schema.ts
+++ b/packages/shadcn/src/registry/schema.ts
@@ -11,11 +11,11 @@ export const registryItemTypeSchema = z.enum([
  "registry:hook",
  "registry:page",
  "registry:file",
-  "registry:theme",
-  "registry:style",

  // Internal use only
+  "registry:theme",
  "registry:example",
+  "registry:style",
  "registry:internal",
 ])

@@ -46,14 +46,12 @@ export const registryItemTailwindSchema = z.object({
 })

 export const registryItemCssVarsSchema = z.object({
-  theme: z.record(z.string(), z.string()).optional(),
  light: z.record(z.string(), z.string()).optional(),
  dark: z.record(z.string(), z.string()).optional(),
 })

 export const registryItemSchema = z.object({
  $schema: z.string().optional(),
-  extends: z.string().optional(),
  name: z.string(),
  type: registryItemTypeSchema,
  title: z.string().optional(),
@@ -99,8 +97,16 @@ export const registryBaseColorSchema = z.object({
    light: z.record(z.string(), z.string()),
    dark: z.record(z.string(), z.string()),
  }),
-  cssVars: registryItemCssVarsSchema,
-  cssVarsV4: registryItemCssVarsSchema.optional(),
+  cssVars: z.object({
+    light: z.record(z.string(), z.string()),
+    dark: z.record(z.string(), z.string()),
+  }),
+  cssVarsV4: z
+    .object({
+      light: z.record(z.string(), z.string()),
+      dark: z.record(z.string(), z.string()),
+    })
+    .optional(),
  inlineColorsTemplate: z.string(),
  cssVarsTemplate: z.string(),
 })
--- a/packages/shadcn/src/utils/add-components.ts
+++ b/packages/shadcn/src/utils/add-components.ts
@@ -32,14 +32,12 @@ export async function addComponents(
    overwrite?: boolean
    silent?: boolean
    isNewProject?: boolean
-    style?: string
  }
 ) {
  options = {
    overwrite: false,
    silent: false,
    isNewProject: false,
-    style: "index",
    ...options,
  }

@@ -66,14 +64,12 @@ async function addProjectComponents(
    overwrite?: boolean
    silent?: boolean
    isNewProject?: boolean
-    style?: string
  }
 ) {
  const registrySpinner = spinner(`Checking registry.`, {
    silent: options.silent,
  })?.start()
  const tree = await registryResolveItemsTree(components, config)
-
  if (!tree) {
    registrySpinner?.fail()
    return handleError(new Error("Failed to fetch components from registry."))
@@ -86,15 +82,11 @@ async function addProjectComponents(
    silent: options.silent,
    tailwindVersion,
  })
-
-  const overwriteCssVars = await shouldOverwriteCssVars(components, config)
  await updateCssVars(tree.cssVars, config, {
    cleanupDefaultNextStyles: options.isNewProject,
    silent: options.silent,
    tailwindVersion,
    tailwindConfig: tree.tailwind?.config,
-    overwriteCssVars,
-    initIndex: options.style ? options.style === "index" : false,
  })

  await updateDependencies(tree.dependencies, config, {
@@ -119,7 +111,6 @@ async function addWorkspaceComponents(
    silent?: boolean
    isNewProject?: boolean
    isRemote?: boolean
-    style?: string
  }
 ) {
  const registrySpinner = spinner(`Checking registry.`, {
@@ -184,12 +175,10 @@ async function addWorkspaceComponents(

    // 2. Update css vars.
    if (component.cssVars) {
-      const overwriteCssVars = await shouldOverwriteCssVars(components, config)
      await updateCssVars(component.cssVars, targetConfig, {
        silent: true,
        tailwindVersion,
        tailwindConfig: component.tailwind?.config,
-        overwriteCssVars,
      })
      filesUpdated.push(
        path.relative(workspaceRoot, targetConfig.resolvedPaths.tailwindCss)
@@ -282,17 +271,3 @@ async function addWorkspaceComponents(
    }
  }
 }
-
-async function shouldOverwriteCssVars(
-  components: z.infer<typeof registryItemSchema>["name"][],
-  config: z.infer<typeof configSchema>
-) {
-  let registryItems = await resolveRegistryItems(components, config)
-  let result = await fetchRegistry(registryItems)
-  const payload = z.array(registryItemSchema).parse(result)
-
-  return payload.some(
-    (component) =>
-      component.type === "registry:theme" || component.type === "registry:style"
-  )
-}
--- a/packages/shadcn/src/utils/updaters/update-css-vars.ts
+++ b/packages/shadcn/src/utils/updaters/update-css-vars.ts
@@ -20,8 +20,6 @@ export async function updateCssVars(
  config: Config,
  options: {
    cleanupDefaultNextStyles?: boolean
-    overwriteCssVars?: boolean
-    initIndex?: boolean
    silent?: boolean
    tailwindVersion?: TailwindVersion
    tailwindConfig?: z.infer<typeof registryItemTailwindSchema>["config"]
@@ -35,8 +33,6 @@ export async function updateCssVars(
    cleanupDefaultNextStyles: false,
    silent: false,
    tailwindVersion: "v3",
-    overwriteCssVars: false,
-    initIndex: true,
    ...options,
  }
  const cssFilepath = config.resolvedPaths.tailwindCss
@@ -55,8 +51,6 @@ export async function updateCssVars(
    cleanupDefaultNextStyles: options.cleanupDefaultNextStyles,
    tailwindVersion: options.tailwindVersion,
    tailwindConfig: options.tailwindConfig,
-    overwriteCssVars: options.overwriteCssVars,
-    initIndex: options.initIndex,
  })
  await fs.writeFile(cssFilepath, output, "utf8")
  cssVarsSpinner.succeed()
@@ -70,22 +64,16 @@ export async function transformCssVars(
    cleanupDefaultNextStyles?: boolean
    tailwindVersion?: TailwindVersion
    tailwindConfig?: z.infer<typeof registryItemTailwindSchema>["config"]
-    overwriteCssVars?: boolean
-    initIndex?: boolean
  } = {
    cleanupDefaultNextStyles: false,
    tailwindVersion: "v3",
    tailwindConfig: undefined,
-    overwriteCssVars: false,
-    initIndex: true,
  }
 ) {
  options = {
    cleanupDefaultNextStyles: false,
    tailwindVersion: "v3",
    tailwindConfig: undefined,
-    overwriteCssVars: false,
-    initIndex: true,
    ...options,
  }

@@ -103,8 +91,7 @@ export async function transformCssVars(
      const packageInfo = getPackageInfo(config.resolvedPaths.cwd)
      if (
        !packageInfo?.dependencies?.["tailwindcss-animate"] &&
-        !packageInfo?.devDependencies?.["tailwindcss-animate"] &&
-        options.initIndex
+        !packageInfo?.devDependencies?.["tailwindcss-animate"]
      ) {
        plugins.push(addCustomImport({ params: "tw-animate-css" }))
      }
@@ -116,11 +103,7 @@ export async function transformCssVars(
      plugins.push(cleanupDefaultNextStylesPlugin())
    }

-    plugins.push(
-      updateCssVarsPluginV4(cssVars, {
-        overwriteCssVars: options.overwriteCssVars,
-      })
-    )
+    plugins.push(updateCssVarsPluginV4(cssVars))
    plugins.push(updateThemePlugin(cssVars))

    if (options.tailwindConfig) {
@@ -130,7 +113,7 @@ export async function transformCssVars(
    }
  }

-  if (config.tailwind.cssVariables && options.initIndex) {
+  if (config.tailwind.cssVariables) {
    plugins.push(
      updateBaseLayerPlugin({ tailwindVersion: options.tailwindVersion })
    )
@@ -391,51 +374,13 @@ function addOrUpdateVars(
 }

 function updateCssVarsPluginV4(
-  cssVars: z.infer<typeof registryItemCssVarsSchema>,
-  options: {
-    overwriteCssVars?: boolean
-  }
+  cssVars: z.infer<typeof registryItemCssVarsSchema>
 ) {
  return {
    postcssPlugin: "update-css-vars-v4",
    Once(root: Root) {
      Object.entries(cssVars).forEach(([key, vars]) => {
-        let selector = key === "light" ? ":root" : `.${key}`
-
-        if (key === "theme") {
-          selector = "@theme"
-          const themeNode = upsertThemeNode(root)
-          Object.entries(vars).forEach(([key, value]) => {
-            const prop = `--${key.replace(/^--/, "")}`
-            const newDecl = postcss.decl({
-              prop,
-              value,
-              raws: { semicolon: true },
-            })
-
-            const existingDecl = themeNode?.nodes?.find(
-              (node): node is postcss.Declaration =>
-                node.type === "decl" && node.prop === prop
-            )
-
-            // Only overwrite if overwriteCssVars is true
-            // i.e for registry:theme and registry:style
-            // We do not want new components to overwrite existing vars.
-            // Keep user defined vars.
-            if (options.overwriteCssVars) {
-              if (existingDecl) {
-                existingDecl.replaceWith(newDecl)
-              } else {
-                themeNode?.append(newDecl)
-              }
-            } else {
-              if (!existingDecl) {
-                themeNode?.append(newDecl)
-              }
-            }
-          })
-          return
-        }
+        const selector = key === "light" ? ":root" : `.${key}`

        let ruleNode = root.nodes?.find(
          (node): node is Rule =>
@@ -474,20 +419,11 @@ function updateCssVarsPluginV4(
              node.type === "decl" && node.prop === prop
          )

-          // Only overwrite if overwriteCssVars is true
-          // i.e for registry:theme and registry:style
-          // We do not want new components to overwrite existing vars.
+          // Do not override existing declarations.
+          // We do not want new components to override existing vars.
          // Keep user defined vars.
-          if (options.overwriteCssVars) {
-            if (existingDecl) {
-              existingDecl.replaceWith(newDecl)
-            } else {
-              ruleNode?.append(newDecl)
-            }
-          } else {
-            if (!existingDecl) {
-              ruleNode?.append(newDecl)
-            }
+          if (!existingDecl) {
+            ruleNode?.append(newDecl)
          }
        })
      })
--- a/packages/shadcn/src/utils/updaters/update-dependencies.ts
+++ b/packages/shadcn/src/utils/updaters/update-dependencies.ts
@@ -1,11 +1,8 @@
 import { RegistryItem } from "@/src/registry/schema"
 import { Config } from "@/src/utils/get-config"
-import { getPackageInfo } from "@/src/utils/get-package-info"
 import { getPackageManager } from "@/src/utils/get-package-manager"
-import { logger } from "@/src/utils/logger"
 import { spinner } from "@/src/utils/spinner"
 import { execa } from "execa"
-import prompts from "prompts"

 export async function updateDependencies(
  dependencies: RegistryItem["dependencies"],
@@ -29,43 +26,11 @@ export async function updateDependencies(
  })?.start()
  const packageManager = await getPackageManager(config.resolvedPaths.cwd)

-  // Offer to use --force or --legacy-peer-deps if using React 19 with npm.
-  let flag = ""
-  if (isUsingReact19(config) && packageManager === "npm") {
-    if (options.silent) {
-      flag = "force"
-    } else {
-      dependenciesSpinner.stopAndPersist()
-      logger.warn(
-        "\nIt looks like you are using React 19. \nSome packages may fail to install due to peer dependency issues in npm (see https://ui.shadcn.com/react-19).\n"
-      )
-      const confirmation = await prompts([
-        {
-          type: "select",
-          name: "flag",
-          message: "How would you like to proceed?",
-          choices: [
-            { title: "Use --force", value: "force" },
-            { title: "Use --legacy-peer-deps", value: "legacy-peer-deps" },
-          ],
-        },
-      ])
-
-      if (confirmation) {
-        flag = confirmation.flag
-      }
-    }
-  }
-
  dependenciesSpinner?.start()

  await execa(
    packageManager,
-    [
-      packageManager === "npm" ? "install" : "add",
-      ...(packageManager === "npm" && flag ? [`--${flag}`] : []),
-      ...dependencies,
-    ],
+    [packageManager === "npm" ? "install" : "add", ...dependencies],
    {
      cwd: config.resolvedPaths.cwd,
    }
@@ -73,13 +38,3 @@ export async function updateDependencies(

  dependenciesSpinner?.succeed()
 }
-
-function isUsingReact19(config: Config) {
-  const packageInfo = getPackageInfo(config.resolvedPaths.cwd)
-
-  if (!packageInfo?.dependencies?.react) {
-    return false
-  }
-
-  return /^(?:\^|~)?19(?:\.\d+)*(?:-.*)?$/.test(packageInfo.dependencies.react)
-}
--- a/packages/shadcn/src/utils/updaters/update-tailwind-config.ts
+++ b/packages/shadcn/src/utils/updaters/update-tailwind-config.ts
@@ -1,10 +1,7 @@
 import { promises as fs } from "fs"
 import { tmpdir } from "os"
 import path from "path"
-import {
-  registryItemCssVarsSchema,
-  registryItemTailwindSchema,
-} from "@/src/registry/schema"
+import { registryItemTailwindSchema } from "@/src/registry/schema"
 import { Config } from "@/src/utils/get-config"
 import { TailwindVersion } from "@/src/utils/get-project-info"
 import { highlighter } from "@/src/utils/highlighter"
@@ -502,7 +499,7 @@ function parseValue(node: any): any {
 }

 export function buildTailwindThemeColorsFromCssVars(
-  cssVars: z.infer<typeof registryItemCssVarsSchema>
+  cssVars: Record<string, string>
 ) {
  const result: Record<string, any> = {}

--- a/packages/shadcn/test/utils/schema/snapshots/registry-resolve-items-tree.test.ts.snap
+++ b/packages/shadcn/test/utils/schema/snapshots/registry-resolve-items-tree.test.ts.snap
@@ -7,7 +7,6 @@ exports[`registryResolveItemTree > should resolve index 1`] = `
    "light": {
      "radius": "0.5rem",
    },
-    "theme": {},
  },
  "dependencies": [
    "tailwindcss-animate",
@@ -167,7 +166,7 @@ exports[`registryResolveItemTree > should resolve multiple items tree 1`] = `
  "cssVars": {},
  "dependencies": [
    "@radix-ui/react-slot",
-    "cmdk",
+    "cmdk@1.0.0",
    "@radix-ui/react-dialog",
  ],
  "devDependencies": [],
--- a/packages/shadcn/test/utils/updaters/update-css-vars.test.ts
+++ b/packages/shadcn/test/utils/updaters/update-css-vars.test.ts
@@ -309,12 +309,6 @@ describe("transformCssVarsV4", () => {
        }
        `,
        {
-          theme: {
-            "font-poppins": "Poppins, sans-serif",
-            "breakpoint-3xl": "120rem",
-            "shadow-2xs": "0px 1px 2px 0px rgba(0, 0, 0, 0.05)",
-            "animate-bounce": "bounce 1s infinite",
-          },
          light: {
            background: "215 20.2% 65.1%",
            foreground: "222.2 84% 4.9%",
@@ -346,152 +340,6 @@ describe("transformCssVarsV4", () => {

              @theme inline {
                --color-background: var(--background);
-                --font-poppins: Poppins, sans-serif;
-                --breakpoint-3xl: 120rem;
-                --shadow-2xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
-                --animate-bounce: bounce 1s infinite;
-                --color-primary: var(--primary);
-                --color-foreground: var(--foreground);
-              }
-
-              @layer base {
-        * {
-          @apply border-border outline-ring/50;
-                }
-        body {
-          @apply bg-background text-foreground;
-                }
-      }
-              "
-    `)
-  })
-
-  test("should NOT override theme vars if overwriteCssVars is false", async () => {
-    expect(
-      await transformCssVars(
-        `@import "tailwindcss";
-        :root {
-          --background: hsl(210 40% 98%);
-        }
-
-        .dark {
-          --background: hsl(222.2 84% 4.9%);
-        }
-
-        @theme inline {
-          --color-background: var(--background);
-          --font-sans: Inter, sans-serif;
-        }
-        `,
-        {
-          theme: {
-            "font-sans": "Poppins, sans-serif",
-            "breakpoint-3xl": "120rem",
-          },
-          light: {
-            background: "215 20.2% 65.1%",
-            foreground: "222.2 84% 4.9%",
-            primary: "215 20.2% 65.1%",
-          },
-          dark: {
-            foreground: "60 9.1% 97.8%",
-            primary: "222.2 84% 4.9%",
-          },
-        },
-        { tailwind: { cssVariables: true } },
-        { tailwindVersion: "v4" }
-      )
-    ).toMatchInlineSnapshot(`
-      "@import "tailwindcss";
-
-      @custom-variant dark (&:is(.dark *));
-              :root {
-                --background: hsl(210 40% 98%);
-                --foreground: hsl(222.2 84% 4.9%);
-                --primary: hsl(215 20.2% 65.1%);
-              }
-
-              .dark {
-                --background: hsl(222.2 84% 4.9%);
-                --foreground: hsl(60 9.1% 97.8%);
-                --primary: hsl(222.2 84% 4.9%);
-              }
-
-              @theme inline {
-                --color-background: var(--background);
-                --font-sans: Inter, sans-serif;
-                --breakpoint-3xl: 120rem;
-                --color-primary: var(--primary);
-                --color-foreground: var(--foreground);
-              }
-
-              @layer base {
-        * {
-          @apply border-border outline-ring/50;
-                }
-        body {
-          @apply bg-background text-foreground;
-                }
-      }
-              "
-    `)
-  })
-
-  test("should override theme vars if overwriteCssVars is true", async () => {
-    expect(
-      await transformCssVars(
-        `@import "tailwindcss";
-        :root {
-          --background: hsl(210 40% 98%);
-        }
-
-        .dark {
-          --background: hsl(222.2 84% 4.9%);
-        }
-
-        @theme inline {
-          --color-background: var(--background);
-          --font-sans: Inter, sans-serif;
-        }
-        `,
-        {
-          theme: {
-            "font-sans": "Poppins, sans-serif",
-            "breakpoint-3xl": "120rem",
-          },
-          light: {
-            background: "215 20.2% 65.1%",
-            foreground: "222.2 84% 4.9%",
-            primary: "215 20.2% 65.1%",
-          },
-          dark: {
-            foreground: "60 9.1% 97.8%",
-            primary: "222.2 84% 4.9%",
-          },
-        },
-        { tailwind: { cssVariables: true } },
-        { tailwindVersion: "v4", overwriteCssVars: true }
-      )
-    ).toMatchInlineSnapshot(`
-      "@import "tailwindcss";
-
-      @custom-variant dark (&:is(.dark *));
-              :root {
-                --background: hsl(215 20.2% 65.1%);
-                --foreground: hsl(222.2 84% 4.9%);
-                --primary: hsl(215 20.2% 65.1%);
-              }
-
-              .dark {
-                --background: hsl(222.2 84% 4.9%);
-                --foreground: hsl(60 9.1% 97.8%);
-                --primary: hsl(222.2 84% 4.9%);
-              }
-
-              @theme inline {
-                --color-background: var(--background);
-                --font-sans: Poppins, sans-serif;
-                --breakpoint-3xl: 120rem;
                --color-primary: var(--primary);
                --color-foreground: var(--foreground);
              }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/templates/monorepo-next/apps/web/package.json
+++ b/templates/monorepo-next/apps/web/package.json
@@ -14,7 +14,7 @@
  "dependencies": {
    "@workspace/ui": "workspace:*",
    "lucide-react": "^0.475.0",
-    "next": "^15.2.3",
+    "next": "^15.2.0",
    "next-themes": "^0.4.4",
    "react": "^19.0.0",
    "react-dom": "^19.0.0"
--- a/templates/monorepo-next/pnpm-lock.yaml
+++ b/templates/monorepo-next/pnpm-lock.yaml
@@ -33,8 +33,8 @@ importers:
        specifier: ^0.475.0
        version: 0.475.0(react@19.0.0)
      next:
-        specifier: ^15.2.3
-        version: 15.2.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        specifier: ^15.2.0
+        version: 15.2.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
      next-themes:
        specifier: ^0.4.4
        version: 0.4.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -356,56 +356,56 @@ packages:
  '@jridgewell/trace-mapping@0.3.9':
    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}

-  '@next/env@15.2.3':
-    resolution: {integrity: sha512-a26KnbW9DFEUsSxAxKBORR/uD9THoYoKbkpFywMN/AFvboTt94b8+g/07T8J6ACsdLag8/PDU60ov4rPxRAixw==}
+  '@next/env@15.2.0':
+    resolution: {integrity: sha512-eMgJu1RBXxxqqnuRJQh5RozhskoNUDHBFybvi+Z+yK9qzKeG7dadhv/Vp1YooSZmCnegf7JxWuapV77necLZNA==}

  '@next/eslint-plugin-next@15.1.7':
    resolution: {integrity: sha512-kRP7RjSxfTO13NE317ek3mSGzoZlI33nc/i5hs1KaWpK+egs85xg0DJ4p32QEiHnR0mVjuUfhRIun7awqfL7pQ==}

-  '@next/swc-darwin-arm64@15.2.3':
-    resolution: {integrity: sha512-uaBhA8aLbXLqwjnsHSkxs353WrRgQgiFjduDpc7YXEU0B54IKx3vU+cxQlYwPCyC8uYEEX7THhtQQsfHnvv8dw==}
+  '@next/swc-darwin-arm64@15.2.0':
+    resolution: {integrity: sha512-rlp22GZwNJjFCyL7h5wz9vtpBVuCt3ZYjFWpEPBGzG712/uL1bbSkS675rVAUCRZ4hjoTJ26Q7IKhr5DfJrHDA==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [darwin]

-  '@next/swc-darwin-x64@15.2.3':
-    resolution: {integrity: sha512-pVwKvJ4Zk7h+4hwhqOUuMx7Ib02u3gDX3HXPKIShBi9JlYllI0nU6TWLbPT94dt7FSi6mSBhfc2JrHViwqbOdw==}
+  '@next/swc-darwin-x64@15.2.0':
+    resolution: {integrity: sha512-DiU85EqSHogCz80+sgsx90/ecygfCSGl5P3b4XDRVZpgujBm5lp4ts7YaHru7eVTyZMjHInzKr+w0/7+qDrvMA==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [darwin]

-  '@next/swc-linux-arm64-gnu@15.2.3':
-    resolution: {integrity: sha512-50ibWdn2RuFFkOEUmo9NCcQbbV9ViQOrUfG48zHBCONciHjaUKtHcYFiCwBVuzD08fzvzkWuuZkd4AqbvKO7UQ==}
+  '@next/swc-linux-arm64-gnu@15.2.0':
+    resolution: {integrity: sha512-VnpoMaGukiNWVxeqKHwi8MN47yKGyki5q+7ql/7p/3ifuU2341i/gDwGK1rivk0pVYbdv5D8z63uu9yMw0QhpQ==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [linux]

-  '@next/swc-linux-arm64-musl@15.2.3':
-    resolution: {integrity: sha512-2gAPA7P652D3HzR4cLyAuVYwYqjG0mt/3pHSWTCyKZq/N/dJcUAEoNQMyUmwTZWCJRKofB+JPuDVP2aD8w2J6Q==}
+  '@next/swc-linux-arm64-musl@15.2.0':
+    resolution: {integrity: sha512-ka97/ssYE5nPH4Qs+8bd8RlYeNeUVBhcnsNUmFM6VWEob4jfN9FTr0NBhXVi1XEJpj3cMfgSRW+LdE3SUZbPrw==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [linux]

-  '@next/swc-linux-x64-gnu@15.2.3':
-    resolution: {integrity: sha512-ODSKvrdMgAJOVU4qElflYy1KSZRM3M45JVbeZu42TINCMG3anp7YCBn80RkISV6bhzKwcUqLBAmOiWkaGtBA9w==}
+  '@next/swc-linux-x64-gnu@15.2.0':
+    resolution: {integrity: sha512-zY1JduE4B3q0k2ZCE+DAF/1efjTXUsKP+VXRtrt/rJCTgDlUyyryx7aOgYXNc1d8gobys/Lof9P9ze8IyRDn7Q==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [linux]

-  '@next/swc-linux-x64-musl@15.2.3':
-    resolution: {integrity: sha512-ZR9kLwCWrlYxwEoytqPi1jhPd1TlsSJWAc+H/CJHmHkf2nD92MQpSRIURR1iNgA/kuFSdxB8xIPt4p/T78kwsg==}
+  '@next/swc-linux-x64-musl@15.2.0':
+    resolution: {integrity: sha512-QqvLZpurBD46RhaVaVBepkVQzh8xtlUN00RlG4Iq1sBheNugamUNPuZEH1r9X1YGQo1KqAe1iiShF0acva3jHQ==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [linux]

-  '@next/swc-win32-arm64-msvc@15.2.3':
-    resolution: {integrity: sha512-+G2FrDcfm2YDbhDiObDU/qPriWeiz/9cRR0yMWJeTLGGX6/x8oryO3tt7HhodA1vZ8r2ddJPCjtLcpaVl7TE2Q==}
+  '@next/swc-win32-arm64-msvc@15.2.0':
+    resolution: {integrity: sha512-ODZ0r9WMyylTHAN6pLtvUtQlGXBL9voljv6ujSlcsjOxhtXPI1Ag6AhZK0SE8hEpR1374WZZ5w33ChpJd5fsjw==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [win32]

-  '@next/swc-win32-x64-msvc@15.2.3':
-    resolution: {integrity: sha512-gHYS9tc+G2W0ZC8rBL+H6RdtXIyk40uLiaos0yj5US85FNhbFEndMA2nW3z47nzOWiSvXTZ5kBClc3rD0zJg0w==}
+  '@next/swc-win32-x64-msvc@15.2.0':
+    resolution: {integrity: sha512-8+4Z3Z7xa13NdUuUAcpVNA6o76lNPniBd9Xbo02bwXQXnZgFvEopwY2at5+z7yHl47X9qbZpvwatZ2BRo3EdZw==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [win32]
@@ -764,8 +764,8 @@ packages:
  camel-case@3.0.0:
    resolution: {integrity: sha512-+MbKztAYHXPr1jNTSKQF52VpcFjwY5RkR7fxksV8Doo4KAYc5Fl4UJRgthBbTmEx8C54DqahhbLJkDwjI3PI/w==}

-  caniuse-lite@1.0.30001707:
-    resolution: {integrity: sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==}
+  caniuse-lite@1.0.30001700:
+    resolution: {integrity: sha512-2S6XIXwaE7K7erT8dY+kLQcpa5ms63XlRkMkReXjle+kf6c5g38vyMl+Z5y8dSxOFDhcFe+nxnn261PLxBSQsQ==}

  chalk@2.4.2:
    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
@@ -1629,11 +1629,6 @@ packages:
  mute-stream@0.0.8:
    resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==}

-  nanoid@3.3.11:
-    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
  nanoid@3.3.8:
    resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -1655,8 +1650,8 @@ packages:
      react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
      react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc

-  next@15.2.3:
-    resolution: {integrity: sha512-x6eDkZxk2rPpu46E1ZVUWIBhYCLszmUY6fvHBFcbzJ9dD+qRX6vcHusaqqDlnY+VngKzKbAiG2iRCkPbmi8f7w==}
+  next@15.2.0:
+    resolution: {integrity: sha512-VaiM7sZYX8KIAHBrRGSFytKknkrexNfGb8GlG6e93JqueCspuGte8i4ybn8z4ww1x3f2uzY4YpTaBEW4/hvsoQ==}
    engines: {node: ^18.18.0 || ^19.8.0 || >= 20.0.0}
    hasBin: true
    peerDependencies:
@@ -2485,34 +2480,34 @@ snapshots:
      '@jridgewell/resolve-uri': 3.1.2
      '@jridgewell/sourcemap-codec': 1.5.0

-  '@next/env@15.2.3': {}
+  '@next/env@15.2.0': {}

  '@next/eslint-plugin-next@15.1.7':
    dependencies:
      fast-glob: 3.3.1

-  '@next/swc-darwin-arm64@15.2.3':
+  '@next/swc-darwin-arm64@15.2.0':
    optional: true

-  '@next/swc-darwin-x64@15.2.3':
+  '@next/swc-darwin-x64@15.2.0':
    optional: true

-  '@next/swc-linux-arm64-gnu@15.2.3':
+  '@next/swc-linux-arm64-gnu@15.2.0':
    optional: true

-  '@next/swc-linux-arm64-musl@15.2.3':
+  '@next/swc-linux-arm64-musl@15.2.0':
    optional: true

-  '@next/swc-linux-x64-gnu@15.2.3':
+  '@next/swc-linux-x64-gnu@15.2.0':
    optional: true

-  '@next/swc-linux-x64-musl@15.2.3':
+  '@next/swc-linux-x64-musl@15.2.0':
    optional: true

-  '@next/swc-win32-arm64-msvc@15.2.3':
+  '@next/swc-win32-arm64-msvc@15.2.0':
    optional: true

-  '@next/swc-win32-x64-msvc@15.2.3':
+  '@next/swc-win32-x64-msvc@15.2.0':
    optional: true

  '@nodelib/fs.scandir@2.1.5':
@@ -2930,7 +2925,7 @@ snapshots:
      no-case: 2.3.2
      upper-case: 1.1.3

-  caniuse-lite@1.0.30001707: {}
+  caniuse-lite@1.0.30001700: {}

  chalk@2.4.2:
    dependencies:
@@ -3943,8 +3938,6 @@ snapshots:

  mute-stream@0.0.8: {}

-  nanoid@3.3.11: {}
-
  nanoid@3.3.8: {}

  natural-compare@1.4.0: {}
@@ -3958,26 +3951,26 @@ snapshots:
      react: 19.0.0
      react-dom: 19.0.0(react@19.0.0)

-  next@15.2.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  next@15.2.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
    dependencies:
-      '@next/env': 15.2.3
+      '@next/env': 15.2.0
      '@swc/counter': 0.1.3
      '@swc/helpers': 0.5.15
      busboy: 1.6.0
-      caniuse-lite: 1.0.30001707
+      caniuse-lite: 1.0.30001700
      postcss: 8.4.31
      react: 19.0.0
      react-dom: 19.0.0(react@19.0.0)
      styled-jsx: 5.1.6(react@19.0.0)
    optionalDependencies:
-      '@next/swc-darwin-arm64': 15.2.3
-      '@next/swc-darwin-x64': 15.2.3
-      '@next/swc-linux-arm64-gnu': 15.2.3
-      '@next/swc-linux-arm64-musl': 15.2.3
-      '@next/swc-linux-x64-gnu': 15.2.3
-      '@next/swc-linux-x64-musl': 15.2.3
-      '@next/swc-win32-arm64-msvc': 15.2.3
-      '@next/swc-win32-x64-msvc': 15.2.3
+      '@next/swc-darwin-arm64': 15.2.0
+      '@next/swc-darwin-x64': 15.2.0
+      '@next/swc-linux-arm64-gnu': 15.2.0
+      '@next/swc-linux-arm64-musl': 15.2.0
+      '@next/swc-linux-x64-gnu': 15.2.0
+      '@next/swc-linux-x64-musl': 15.2.0
+      '@next/swc-win32-arm64-msvc': 15.2.0
+      '@next/swc-win32-x64-msvc': 15.2.0
      sharp: 0.33.5
    transitivePeerDependencies:
      - '@babel/core'
@@ -4155,7 +4148,7 @@ snapshots:

  postcss@8.4.31:
    dependencies:
-      nanoid: 3.3.11
+      nanoid: 3.3.8
      picocolors: 1.1.1
      source-map-js: 1.2.1