Rename components folder to UI

components.json

@@ -12,7 +12,7 @@
   },
   "aliases": {
     "components": "@/components",
-    "ui": "@/shadcn",
+    "ui": "@/ui",
     "utils": "@/lib/utils"
   }
 }

lib/components/Actions/Button/index.tsx

@@ -1,4 +1,4 @@
-import { Button as ShadcnButton } from "@/shadcn/button"
+import { Button as ShadcnButton } from "@/ui/button"
 import { ComponentProps } from "react"
 
 const Button: React.FC<

lib/components/Blocks/Card/index.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react"
 
-import { Button } from "@/shadcn/button"
+import { Button } from "@/ui/button"
 
 import {
   Card,

lib/components/Blocks/Card/index.tsx

@@ -1 +1 @@
-export * from "@/shadcn/card"
+export * from "@/ui/card"

lib/components/Forms/Calendar/index.tsx

@@ -1 +1 @@
-export * from "@/shadcn/calendar"
+export * from "@/ui/calendar"

lib/components/Forms/Input/index.tsx

@@ -1 +1 @@
-export * from "@/shadcn/input"
+export * from "@/ui/input"

lib/components/Forms/Select/index.tsx

@@ -1 +1 @@
-export * from "@/shadcn/select"
+export * from "@/ui/select"

lib/components/Information/Avatar/index.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react"
 
-import { Avatar, AvatarFallback, AvatarImage, sizes } from "@/shadcn/avatar"
+import { Avatar, AvatarFallback, AvatarImage, sizes } from "@/ui/avatar"
 
 const meta = {
   component: Avatar,

lib/components/Information/Avatar/index.tsx

@@ -1 +1 @@
-export * from "@/shadcn/avatar"
+export * from "@/ui/avatar"

lib/components/Information/Badge/index.tsx

@@ -1 +1 @@
-export * from "@/shadcn/badge"
+export * from "@/ui/badge"

lib/components/Navigation/Tabs/index.tsx

@@ -1 +1 @@
-export * from "@/shadcn/tabs"
+export * from "@/ui/tabs"

lib/components/Overlays/Dialog/index.stories.tsx

@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react"
 import { Folder } from "lucide-react"
 
-import { Button } from "@/shadcn/button"
-import { Input } from "@/shadcn/input"
-import { Label } from "@/shadcn/label"
+import { Button } from "@/ui/button"
+import { Input } from "@/ui/input"
+import { Label } from "@/ui/label"
 import {
   Dialog,
   DialogClose,

lib/components/Overlays/Dialog/index.tsx

@@ -1 +1 @@
-export * from "@/shadcn/dialog"
+export * from "@/ui/dialog"

lib/shadcn/calendar.tsx → lib/ui/calendar.tsx

@@ -3,7 +3,7 @@ import { ChevronLeft, ChevronRight } from "lucide-react"
 import * as React from "react"
 import { DayPicker } from "react-day-picker"
 
-import { buttonVariants } from "@/shadcn/button"
+import { buttonVariants } from "@/ui/button"
 
 export type CalendarProps = React.ComponentProps<typeof DayPicker>
 

lib/shadcn/form.tsx → lib/ui/form.tsx

@@ -11,7 +11,7 @@ import {
   useFormContext,
 } from "react-hook-form"
 
-import { Label } from "@/shadcn/label"
+import { Label } from "@/ui/label"
 
 const Form = FormProvider
 

src/examples/layout/application.tsx

@@ -21,9 +21,9 @@ import React from "react"
 
 import { Card, CardContent, CardHeader, CardTitle } from "@/components"
 import { AutoGrid } from "@/primitives"
-import { Button } from "@/shadcn/button"
-import { Popover, PopoverContent, PopoverTrigger } from "@/shadcn/popover"
-import { ScrollArea } from "@/shadcn/scrollarea"
+import { Button } from "@/ui/button"
+import { Popover, PopoverContent, PopoverTrigger } from "@/ui/popover"
+import { ScrollArea } from "@/ui/scrollarea"
 
 const Title: React.FC<{ title: string }> = ({ title }) => (
   <div className="flex h-14 items-center gap-2 px-3 font-medium text-secondary-foreground">

src/examples/themes/theme-switcher.tsx

@@ -1,13 +1,13 @@
 import { useTheme } from "@/lib/theme-provider"
 import { Moon, Sun } from "lucide-react"
 
-import { Button } from "@/shadcn/button"
+import { Button } from "@/ui/button"
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "@/shadcn/dropdown-menu"
+} from "@/ui/dropdown-menu"
 
 export function ThemeSwitcher() {
   const { setTheme } = useTheme()

src/experiments/application/new/employees.tsx

@@ -3,17 +3,17 @@ import { useLayoutType } from "./layout-type"
 import { cn } from "@/lib/utils"
 import { useState } from "react"
 
-import { Badge } from "@/shadcn/badge"
+import { Badge } from "@/ui/badge"
 
-import { Avatar, AvatarFallback, AvatarImage } from "@/shadcn/avatar"
+import { Avatar, AvatarFallback, AvatarImage } from "@/ui/avatar"
 import {
   Table,
   TableBody,
   TableCell,
   TableHead,
   TableHeader,
   TableRow,
-} from "@/shadcn/table"
+} from "@/ui/table"
 
 export const Employees = [
   {

src/experiments/application/new/index.tsx

@@ -2,11 +2,11 @@ import { useState } from "react"
 
 import { LayoutTypeContext } from "./layout-type"
 
-import { ScrollArea, ScrollBar } from "@/shadcn/scrollarea"
+import { ScrollArea, ScrollBar } from "@/ui/scrollarea"
 
-import { Avatar, AvatarFallback, AvatarImage } from "@/shadcn/avatar"
+import { Avatar, AvatarFallback, AvatarImage } from "@/ui/avatar"
 
-import { Skeleton } from "@/shadcn/skeleton"
+import { Skeleton } from "@/ui/skeleton"
 
 import { Employees } from "./employees"
 
@@ -16,7 +16,7 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@/shadcn/tooltip"
+} from "@/ui/tooltip"
 
 import { Page, Pages, SubItem } from "./pages"
 

src/experiments/application/new/pages.tsx

@@ -9,7 +9,7 @@ import {
 
 import { PageEmployees } from "./employees"
 
-import { Skeleton } from "@/shadcn/skeleton"
+import { Skeleton } from "@/ui/skeleton"
 
 const PageDummy: React.FC = () => {
   return (