>(({className, ...props}, ref) => {
return
diff --git a/src/shadcn/ui/switch.tsx b/src/shadcn/ui/switch.tsx
index 712cf6b..96add0b 100644
--- a/src/shadcn/ui/switch.tsx
+++ b/src/shadcn/ui/switch.tsx
@@ -3,7 +3,7 @@
import * as React from "react"
import * as SwitchPrimitives from "@radix-ui/react-switch"
-import { cn } from "src/utils"
+import { cn } from "../../utils/cn"
const Switch = React.forwardRef<
React.ElementRef,
diff --git a/src/shadcn/ui/table.tsx b/src/shadcn/ui/table.tsx
index 3c27a2f..1e153ee 100644
--- a/src/shadcn/ui/table.tsx
+++ b/src/shadcn/ui/table.tsx
@@ -1,6 +1,6 @@
import * as React from "react"
-import { cn } from "src/utils"
+import { cn } from "../../utils/cn"
const Table = React.forwardRef<
HTMLTableElement,
diff --git a/src/shadcn/ui/tabs.tsx b/src/shadcn/ui/tabs.tsx
index eed12a0..395a223 100644
--- a/src/shadcn/ui/tabs.tsx
+++ b/src/shadcn/ui/tabs.tsx
@@ -3,7 +3,7 @@
import * as React from "react"
import * as TabsPrimitive from "@radix-ui/react-tabs"
-import { cn } from "src/utils"
+import { cn } from "../../utils/cn"
const Tabs = TabsPrimitive.Root
diff --git a/src/shadcn/ui/textarea.tsx b/src/shadcn/ui/textarea.tsx
index db8618d..5b5d002 100644
--- a/src/shadcn/ui/textarea.tsx
+++ b/src/shadcn/ui/textarea.tsx
@@ -1,6 +1,6 @@
import * as React from "react"
-import { cn } from "src/utils"
+import { cn } from "../../utils/cn"
export interface TextareaProps
extends React.TextareaHTMLAttributes {}
diff --git a/src/shadcn/ui/toggle-group.tsx b/src/shadcn/ui/toggle-group.tsx
index d7012c0..c0fd983 100644
--- a/src/shadcn/ui/toggle-group.tsx
+++ b/src/shadcn/ui/toggle-group.tsx
@@ -4,7 +4,7 @@ import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
import { VariantProps } from "class-variance-authority";
import * as React from "react";
-import { cn } from "src/utils";
+import { cn } from "../../utils/cn";
import { toggleVariants } from "./toggle";
const ToggleGroupContext = React.createContext<
diff --git a/src/shadcn/ui/toggle.tsx b/src/shadcn/ui/toggle.tsx
index 02eac7c..2d43110 100644
--- a/src/shadcn/ui/toggle.tsx
+++ b/src/shadcn/ui/toggle.tsx
@@ -4,7 +4,7 @@ import * as React from "react"
import * as TogglePrimitive from "@radix-ui/react-toggle"
import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "src/utils"
+import { cn } from "../../utils/cn"
const toggleVariants = cva(
"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
diff --git a/src/shadcn/ui/tooltip.tsx b/src/shadcn/ui/tooltip.tsx
index 65edac1..a598e24 100644
--- a/src/shadcn/ui/tooltip.tsx
+++ b/src/shadcn/ui/tooltip.tsx
@@ -3,7 +3,7 @@
import * as React from "react"
import * as TooltipPrimitive from "@radix-ui/react-tooltip"
-import { cn } from "src/utils"
+import { cn } from "../../utils/cn"
const TooltipProvider = TooltipPrimitive.Provider
diff --git a/src/utils/cn.ts b/src/utils/cn.ts
new file mode 100644
index 0000000..a5ef193
--- /dev/null
+++ b/src/utils/cn.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
diff --git a/src/utils/index.ts b/src/utils/index.ts
index dd5c14e..2516a3d 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,6 +1,3 @@
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
+export * from "./cn";
export * from "./darkMode";
-export function cn(...inputs: ClassValue[]) {
- return twMerge(clsx(inputs));
-}
+
diff --git a/stories/shadcn/navigation-menu.stories.tsx b/stories/shadcn/navigation-menu.stories.tsx
index e52b944..7d9270b 100644
--- a/stories/shadcn/navigation-menu.stories.tsx
+++ b/stories/shadcn/navigation-menu.stories.tsx
@@ -3,7 +3,7 @@
import * as React from "react";
// import Link from "next/link"
-import { cn } from "src/utils";
+import { cn } from "../../src/utils/cn";
import { IconJarLogoIcon } from "@radix-ui/react-icons";
import {
diff --git a/tsconfig.json b/tsconfig.json
index 2506f2f..788fcc6 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,6 +3,9 @@
"include": ["**/*.ts", "**/*.tsx"],
"compilerOptions": {
"baseUrl": "./",
+ "paths": {
+ "shadcn/ui/*": ["src/shadcn/ui/*"],
+ },
"target": "es2016",
"strict": true,
"noImplicitAny": true,
diff --git a/vite.config.ts b/vite.config.ts
index 16d5eb3..d89c1cf 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -6,6 +6,7 @@ export default defineConfig({
resolve: {
alias: {
src: "/src",
+ "shadcn/ui": "/src/shadcn/ui",
},
},
});