components.json

@@ -5,11 +5,11 @@
     "baseColor": "zinc"
   },
   "aliases": {
-    "components": "$lib/components",
-    "utils": "$lib/utils",
-    "ui": "$lib/components/ui",
-    "hooks": "$lib/hooks",
-    "lib": "$lib"
+    "components": "$shared/ui",
+    "utils": "$shared/utils/shadcn-utils",
+    "ui": "$shared/ui",
+    "hooks": "$shared/hooks",
+    "lib": "$shared"
   },
   "typescript": true,
   "registry": "https://shadcn-svelte.com/registry"

src/ambient.d.ts

@@ -18,3 +18,18 @@ declare module '*.jpg' {
     const content: string;
     export default content;
 }
+
+// Shadcn-svelte module declarations for .js imports
+// These declarations allow TypeScript to resolve .js imports to .ts files
+
+declare module '$shared/utils/shadcn-utils.js' {
+    export * from '$shared/utils/shadcn-utils';
+}
+
+declare module '$shared/ui/*/index.js' {
+    export * from '$shared/ui/*/index';
+}
+
+declare module '$shared/hooks/*.svelte.js' {
+    export * from '$shared/hooks/*.svelte';
+}