Refactor components import path

src/components/Base/Accordion/Accordion.stories.tsx

@@ -1,13 +1,12 @@
 import React from 'react';
-
-import type { Meta, StoryObj } from '@storybook/react';
-
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-} from './Accordion';
+} from 'components';
+
+import type { Meta, StoryObj } from '@storybook/react';
 
 const meta = {
   title: 'Components/Accordion',

src/components/Base/AleartDialog/AlertDialog.stories.tsx

@@ -1,7 +1,4 @@
 import React from 'react';
-
-import type { Meta, StoryObj } from '@storybook/react';
-
 import {
   AlertDialog,
   AlertDialogAction,
@@ -12,7 +9,9 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
   AlertDialogTrigger,
-} from './AlertDialog';
+} from 'components';
+
+import type { Meta, StoryObj } from '@storybook/react';
 
 const meta = {
   title: 'Components/AlertDialog',

src/components/Base/AleartDialog/AlertDialog.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import React from 'react';
-import { buttonVariants } from 'components/Base/Button/Button';
+import { buttonVariants } from 'components';
 import { cn } from 'lib/twUtils';
 
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';

src/components/Base/Alert/Alert.stories.tsx

@@ -1,10 +1,9 @@
 import React from 'react';
+import { Alert, AlertDescription, AlertTitle } from 'components';
 import { Terminal } from 'lucide-react';
 
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Alert, AlertDescription, AlertTitle } from './Alert';
-
 const meta = {
   title: 'Components/Alert',
   component: Alert,

src/components/Base/Avatar/Avatar.stories.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
+import { Avatar, AvatarFallback, AvatarImage } from 'components';
 
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Avatar, AvatarFallback, AvatarImage } from './Avatar';
-
 const meta = {
   title: 'Components/Avatar',
   component: Avatar,

src/components/Base/Badge/Badge.stories.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
+import { Badge } from 'components';
 
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Badge } from './Badge';
-
 const meta = {
   title: 'Components/Badge',
   component: Badge,

src/components/Base/Button/Button.stories.tsx

@@ -1,10 +1,9 @@
 import React from 'react';
+import { Button } from 'components';
 import { ChevronRight, Loader2, Mail } from 'lucide-react';
 
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Button } from './Button';
-
 const meta = {
   title: 'Components/Button',
   component: Button,

src/components/Base/Calendar/Calendar.stories.tsx

@@ -1,11 +1,10 @@
 import React, { useState } from 'react';
+import { Calendar } from 'components';
 import { addDays } from 'date-fns';
 import { DateRange, DayClickEventHandler } from 'react-day-picker';
 
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Calendar } from './Calendar';
-
 const meta = {
   title: 'Components/Calendar',
   component: Calendar,

src/components/Base/Calendar/Calendar.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import React from 'react';
-import { buttonVariants } from 'components/Base/Button/Button';
+import { buttonVariants } from 'components';
 import { cn } from 'lib/twUtils';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { DayPicker } from 'react-day-picker';

src/components/Base/Card/Card.stories.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
-import { Button } from 'components/Base/Button/Button';
-import { Input } from 'components/Base/Input/Input';
+import { Button, Input } from 'components';
 
 import type { Meta, StoryObj } from '@storybook/react';
 

src/components/Base/Checkbox/Checkbox.stories.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
+import { Checkbox } from 'components';
 
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Checkbox } from './Checkbox';
-
 const meta = {
   title: 'Components/Checkbox',
   component: Checkbox,

src/components/Base/Collapsible/Collapsible.stories.tsx

@@ -1,14 +1,13 @@
 import React, { useState } from 'react';
-import { Button } from 'components/Base/Button/Button';
-import { ChevronsUpDown } from 'lucide-react';
-
-import type { Meta, StoryObj } from '@storybook/react';
-
 import {
+  Button,
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
-} from './Collapsible';
+} from 'components';
+import { ChevronsUpDown } from 'lucide-react';
+
+import type { Meta, StoryObj } from '@storybook/react';
 
 const meta = {
   title: 'Components/Collapsible',

src/components/Base/Command/Command.stories.tsx

@@ -1,15 +1,4 @@
 import React, { useEffect, useState } from 'react';
-import {
-  Calculator,
-  Calendar,
-  CreditCard,
-  Settings,
-  Smile,
-  User,
-} from 'lucide-react';
-
-import type { Meta, StoryObj } from '@storybook/react';
-
 import {
   Command,
   CommandDialog,
@@ -20,7 +9,17 @@ import {
   CommandList,
   CommandSeparator,
   CommandShortcut,
-} from './Command';
+} from 'components';
+import {
+  Calculator,
+  Calendar,
+  CreditCard,
+  Settings,
+  Smile,
+  User,
+} from 'lucide-react';
+
+import type { Meta, StoryObj } from '@storybook/react';
 
 const meta = {
   title: 'Components/Command',

src/components/Base/Command/Command.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { Command as CommandPrimitive } from 'cmdk';
-import { Dialog, DialogContent } from 'components/Base/Dialog/Dialog';
+import { Dialog, DialogContent } from 'components';
 import { cn } from 'lib/twUtils';
 import { Search } from 'lucide-react';
 

src/components/Base/ContextMenu/ContextMenu.stories.tsx

@@ -13,7 +13,7 @@ import {
   ContextMenuSubContent,
   ContextMenuSubTrigger,
   ContextMenuTrigger,
-} from 'components/Base/ContextMenu/ContextMenu';
+} from 'components';
 
 import type { Meta, StoryObj } from '@storybook/react';
 

src/components/Base/Dialog/Dialog.stories.tsx

@@ -1,19 +1,18 @@
 import React from 'react';
-import { Button } from 'components/Base/Button/Button';
-import { Input } from 'components/Base/Input/Input';
-import { Label } from 'components/Base/Label/Label';
-
-import type { Meta, StoryObj } from '@storybook/react';
-
 import {
+  Button,
   Dialog,
   DialogContent,
   DialogDescription,
   DialogFooter,
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from './Dialog';
+  Input,
+  Label,
+} from 'components';
+
+import type { Meta, StoryObj } from '@storybook/react';
 
 const meta = {
   title: 'Components/Dialog',

src/components/Base/DropdownMenu/DropdownMenu.stories.tsx

@@ -1,5 +1,22 @@
 import React, { useState } from 'react';
-import { Button } from 'components/Base/Button/Button';
+import {
+  Button,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+} from 'components';
 import {
   Cloud,
   CreditCard,
@@ -20,24 +37,6 @@ import {
 import { DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
 import type { Meta, StoryObj } from '@storybook/react';
 
-import {
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-} from './DropdownMenu';
-
 const meta = {
   title: 'Components/DropdownMenu',
   component: DropdownMenu,

src/components/Base/Form/Form.stories.tsx

@@ -1,29 +1,32 @@
 'use client';
 
 import React from 'react';
-import { Button } from 'components/Base/Button/Button';
-import { Calendar } from 'components/Base/Calendar/Calendar';
-import { Checkbox } from 'components/Base/Checkbox/Checkbox';
-import { Input } from 'components/Base/Input/Input';
 import {
+  Button,
+  Calendar,
+  Checkbox,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  Input,
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from 'components/Base/Popover/Popover';
-import {
   RadioGroup,
   RadioGroupItem,
-} from 'components/Base/RadioGroup/RadioGroup';
-import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from 'components/Base/Select/Select';
-import { Switch } from 'components/Base/Switch/Switch';
-import { Textarea } from 'components/Base/Textarea/Textarea';
-import { Toaster } from 'components/Base/Toast/Toaster';
+  Switch,
+  Textarea,
+  Toaster,
+} from 'components';
 import { format } from 'date-fns';
 import { cn } from 'lib/twUtils';
 import { toast } from 'lib/useToast';
@@ -34,16 +37,6 @@ import * as z from 'zod';
 import { zodResolver } from '@hookform/resolvers/zod';
 import type { Meta, StoryObj } from '@storybook/react';
 
-import {
-  Form,
-  FormControl,
-  FormDescription,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from './Form';
-
 const meta = {
   title: 'Components/Form',
   component: Form,
@@ -563,7 +556,7 @@ export const WithSwitchForm: StoryObj<typeof Form> = {
       },
     },
   },
-  render: args => {
+  render: () => {
     const FormSchema = z.object({
       marketing_emails: z.boolean().default(false).optional(),
       security_emails: z.boolean(),

src/components/Base/Form/Form.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Label } from 'components/Base/Label/Label';
+import { Label } from 'components';
 import { cn } from 'lib/twUtils';
 import { useId } from 'lib/useId';
 import {

src/components/Base/HoverCard/HoverCard.stories.tsx

@@ -3,13 +3,11 @@ import {
   Avatar,
   AvatarFallback,
   AvatarImage,
-} from 'components/Base/Avatar/Avatar';
-import { Button } from 'components/Base/Button/Button';
-import {
+  Button,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
-} from 'components/Base/HoverCard/HoverCard';
+} from 'components';
 import { CalendarDays } from 'lucide-react';
 
 import type { Meta, StoryObj } from '@storybook/react';

src/components/Base/Input/Input.stories.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
-import { Button } from 'components/Base/Button/Button';
-import { Input } from 'components/Base/Input/Input';
+import { Button, Input } from 'components';
 
 import type { Meta, StoryObj } from '@storybook/react';
 

src/components/Base/Label/Label.stories.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
-import { Checkbox } from 'components/Base/Checkbox/Checkbox';
+import { Checkbox, Label } from 'components';
 
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Label } from './Label';
-
 const meta = {
   title: 'Components/Label',
   component: Label,