[BUG] 'calendar-02' component not found when using 'npx shadcn-svelte@latest add calendar-02'

[Enable-Lukas]

Describe the bug

When attempting to add the calendar-02 component using the command npx shadcn-svelte@latest add calendar-02, I receive the following error message:

[CLI Error]: Registry item 'calendar-02' does not exist in the registry, nor is it a valid URL or a relative path to a registry dependency.

This indicates that the calendar-02 component cannot be found in the shadcn-svelte registry, or that the name is incorrect/the component does not exist.

My goal is to use the calendar component from the shadcn-svelte Blocks. I followed the instructions in the official documentation, specifically within the "Upgrade Guide" under the "Installing Blocks" section, where the npx script to add calendar-02 is provided.

maybe related to: #1726

Reproduction

Try to run the npx shadcn-svelte@latest add calendar-02 command

Logs

npx shadcn-svelte@latest add calendar-02
┌   shadcn-svelte  v1.0.6 
│
◇  Components to install:
│  calendar-02
│
◇  Ready to install components and dependencies?
│  Yes
│
└  [CLI Error]: Registry item 'calendar-02' does not exist in the registry, nor is it a valid URL or a relative path to a registry dependency.

System Info

Windows 11 Pro
Version: 24H2
Installed on: January 8, 2025
OS Build: 26100.4652
Performance: Windows Feature Experience Pack 1000.26100.128.0

Running WSL 2 with a Ubuntu:
No LSB modules are available.
Distributor ID: Ubuntu
Description:    Ubuntu 24.04.1 LTS
Release:        24.04
Codename:       noble

node:
v22.13.0

Package.json
{
	"name": "frontend",
	"version": "0.0.1",
	"scripts": {
		"dev": "node scripts/write-version.cjs && vite dev",
		"prebuild": "node scripts/write-version.cjs",
		"build": "vite build",
		"preview": "vite preview",
		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
		"lint": "prettier --check . && eslint .",
		"format": "prettier --write ."
	},
	"devDependencies": {
		"@exodus/schemasafe": "^1.3.0",
		"@fontsource/fira-mono": "^5.2.6",
		"@internationalized/date": "^3.8.2",
		"@lucide/svelte": "^0.525.0",
		"@neoconfetti/svelte": "^2.2.2",
		"@rollup/plugin-commonjs": "^28.0.6",
		"@sinclair/typebox": "^0.34.35",
		"@sveltejs/adapter-auto": "^6.0.1",
		"@sveltejs/kit": "^2.21.5",
		"@sveltejs/vite-plugin-svelte": "^5.1.0",
		"@types/eslint": "^9.6.1",
		"@types/plotly.js": "^3.0.0",
		"@typeschema/class-validator": "^0.2.0",
		"@vinejs/vine": "^1.8.0",
		"arktype": "^2.1.20",
		"autoprefixer": "^10.4.21",
		"bits-ui": "^2.8.11",
		"class-validator": "^0.14.2",
		"eslint": "^9.29.0",
		"eslint-config-prettier": "^10.1.5",
		"eslint-plugin-svelte": "^3.9.2",
		"formsnap": "^2.0.0-next.1",
		"globals": "^16.2.0",
		"joi": "^17.13.3",
		"mode-watcher": "^1.1.0",
		"paneforge": "^1.0.0-next.6",
		"plotly.js": "^3.0.1",
		"prettier": "^3.5.3",
		"prettier-plugin-svelte": "^3.4.0",
		"prettier-plugin-tailwindcss": "^0.6.12",
		"sass": "^1.89.2",
		"superstruct": "^2.0.2",
		"svelte": "^5.34.7",
		"svelte-check": "^4.2.2",
		"svelte-sonner": "^1.0.5",
		"sveltekit-superforms": "^2.27.0",
		"tailwind-variants": "^0.2.1",
		"tailwindcss": "^3.4.17",
		"typescript": "^5.8.3",
		"typescript-eslint": "^8.34.1",
		"valibot": "^0.42.1",
		"vaul-svelte": "^1.0.0-next.7",
		"vite": "^6.3.5",
		"yup": "^1.6.1"
	},
	"type": "module",
	"dependencies": {
		"@sveltejs/adapter-node": "^5.2.12",
		"@tanstack/table-core": "^8.21.3",
		"@types/plotly.js-basic-dist": "^1.54.4",
		"@types/plotly.js-dist-min": "^2.3.4",
		"ag-grid-community": "^33.3.2",
		"ag-grid-enterprise": "^33.3.2",
		"axios": "^1.10.0",
		"clsx": "^2.1.1",
		"dotenv": "^16.5.0",
		"gridstack": "^12.2.1",
		"node-windows": "^1.0.0-beta.8",
		"plotly.js-dist": "^3.0.1",
		"rimraf": "^6.0.1",
		"tailwind-merge": "^2.6.0",
		"tailwindcss-animate": "^1.0.7",
		"uuid": "^11.1.0",
		"zod": "^3.25.67"
	}
}

Severity

annoyance

[Enable-Lukas]

I found issue #2200 , which describes a problem with using Tailwind v3. Maybe this is the issue; I'll try to update and test it again.

[Enable-Lukas]

Migration to Tailwind v4 dont fixt it

My new package json.

{
	"name": "frontend",
	"version": "0.0.1",
	"scripts": {
		"dev": "node scripts/write-version.cjs && vite dev",
		"prebuild": "node scripts/write-version.cjs",
		"build": "vite build",
		"preview": "vite preview",
		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
		"lint": "prettier --check . && eslint .",
		"format": "prettier --write ."
	},
	"devDependencies": {
		"@exodus/schemasafe": "^1.3.0",
		"@fontsource/fira-mono": "^5.2.6",
		"@internationalized/date": "^3.8.2",
		"@lucide/svelte": "^0.482.0",
		"@neoconfetti/svelte": "^2.2.2",
		"@rollup/plugin-commonjs": "^28.0.6",
		"@sinclair/typebox": "^0.34.35",
		"@sveltejs/adapter-auto": "^6.0.1",
		"@sveltejs/kit": "^2.21.5",
		"@sveltejs/vite-plugin-svelte": "^5.1.0",
		"@types/eslint": "^9.6.1",
		"@types/plotly.js": "^3.0.0",
		"@typeschema/class-validator": "^0.2.0",
		"@vinejs/vine": "^1.8.0",
		"arktype": "^2.1.20",
		"bits-ui": "^1.8.0",
		"class-validator": "^0.14.2",
		"eslint": "^9.29.0",
		"eslint-config-prettier": "^10.1.5",
		"eslint-plugin-svelte": "^3.9.2",
		"formsnap": "^2.0.0-next.1",
		"globals": "^16.2.0",
		"joi": "^17.13.3",
		"mode-watcher": "^1.1.0",
		"paneforge": "^1.0.0-next.6",
		"plotly.js": "^3.0.1",
		"prettier": "^3.5.3",
		"prettier-plugin-svelte": "^3.4.0",
		"prettier-plugin-tailwindcss": "^0.6.12",
		"superstruct": "^2.0.2",
		"svelte": "^5.34.7",
		"svelte-check": "^4.2.2",
		"svelte-sonner": "^1.0.5",
		"sveltekit-superforms": "^2.27.0",
		"tailwind-variants": "^0.2.1",
		"tailwindcss": "^4.1.11",
		"typescript": "^5.8.3",
		"typescript-eslint": "^8.34.1",
		"valibot": "^0.42.1",
		"vaul-svelte": "^1.0.0-next.7",
		"vite": "^6.3.5",
		"yup": "^1.6.1"
	},
	"type": "module",
	"dependencies": {
		"@sveltejs/adapter-node": "^5.2.12",
		"@tailwindcss/vite": "^4.1.11",
		"@tanstack/table-core": "^8.21.3",
		"@types/plotly.js-basic-dist": "^1.54.4",
		"@types/plotly.js-dist-min": "^2.3.4",
		"ag-grid-community": "^33.3.2",
		"ag-grid-enterprise": "^33.3.2",
		"axios": "^1.10.0",
		"clsx": "^2.1.1",
		"dotenv": "^16.5.0",
		"gridstack": "^12.2.1",
		"node-windows": "^1.0.0-beta.8",
		"plotly.js-dist": "^3.0.1",
		"rimraf": "^6.0.1",
		"tailwind-merge": "^2.6.0",
		"tailwindcss-animate": "^1.0.7",
		"uuid": "^11.1.0",
		"zod": "^3.25.67"
	}
}