fix: ui config for turbopack

apps/admin/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "clean": "rm -rf .next/ .turbo/ node_modules/",
-    "dev": "next dev --port 3100",
+    "dev": "next dev --turbo --port 3100",
     "build": "next build",
     "start": "next start",
     "lint": "biome check --write .",

apps/admin/tsconfig.json

@@ -3,7 +3,9 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./*"]
+      "@/*": ["./*"],
+      "@ui/lib/utils": ["../../packages/ui/src/lib/utils"],
+      "@ui/components/ui/*": ["../../packages/ui/src/components/ui/*"]
     },
     "plugins": [
       {

apps/api/package.json

@@ -32,7 +32,7 @@
     "@types/node": "^20.14.2",
     "@types/swagger-ui-dist": "^3.30.4",
     "supabase": "^1.172.2",
-    "tsx": "^4.14.0",
+    "tsx": "^4.15.0",
     "typescript": "^5.4.5",
     "vitest": "^1.6.0"
   }

apps/client/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "clean": "rm -rf .next/ .turbo/ node_modules/",
-    "dev": "next dev --port 3102",
+    "dev": "next dev --turbo --port 3102",
     "build": "next build",
     "start": "next start",
     "lint": "biome check --write .",

apps/client/tsconfig.json

@@ -3,7 +3,9 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./*"]
+      "@/*": ["./*"],
+      "@ui/lib/utils": ["../../packages/ui/src/lib/utils"],
+      "@ui/components/ui/*": ["../../packages/ui/src/components/ui/*"]
     },
     "plugins": [
       {

package.json

@@ -19,7 +19,7 @@
     "@repo/typescript-config": "workspace:*",
     "turbo": "^2.0.3"
   },
-  "packageManager": "pnpm@9.1.4",
+  "packageManager": "pnpm@9.2.0",
   "engines": {
     "node": ">=20",
     "pnpm": ">=9"

packages/ui/src/components/ui/AutoComplete.tsx

@@ -1,10 +1,10 @@
-import { CommandGroup, CommandInput, CommandItem, CommandList } from '@repo/ui/components/ui/command';
+import { CommandGroup, CommandInput, CommandItem, CommandList } from '@ui/components/ui/command';
 import { Command as CommandPrimitive } from 'cmdk';
 import { type KeyboardEvent, useCallback, useRef, useState } from 'react';
 
-import { Skeleton } from '@repo/ui/components/ui/skeleton';
+import { Skeleton } from '@ui/components/ui/skeleton';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 import { Check } from 'lucide-react';
 
 export type Option = Record<'value' | 'label', string> & Record<string, string>;

packages/ui/src/components/ui/PaginationComponent.tsx

@@ -5,7 +5,7 @@ import {
   PaginationLink,
   PaginationNext,
   PaginationPrevious,
-} from '@repo/ui/components/ui/pagination';
+} from '@ui/components/ui/pagination';
 
 interface Props {
   page: number;

packages/ui/src/components/ui/accordion.tsx

@@ -4,7 +4,7 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDown } from 'lucide-react';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const Accordion = AccordionPrimitive.Root;
 

packages/ui/src/components/ui/alert.tsx

@@ -1,7 +1,7 @@
 import { type VariantProps, cva } from 'class-variance-authority';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const alertVariants = cva(
   'relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground',

packages/ui/src/components/ui/avatar.tsx

@@ -3,7 +3,7 @@
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const Avatar = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Root>,

packages/ui/src/components/ui/badge.tsx

@@ -1,7 +1,7 @@
 import { type VariantProps, cva } from 'class-variance-authority';
 import type * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const badgeVariants = cva(
   'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',

packages/ui/src/components/ui/button.tsx

@@ -2,7 +2,7 @@ import { Slot } from '@radix-ui/react-slot';
 import { type VariantProps, cva } from 'class-variance-authority';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const buttonVariants = cva(
   'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',

packages/ui/src/components/ui/calendar.tsx

@@ -4,8 +4,8 @@ import { ChevronLeft, ChevronRight } from 'lucide-react';
 import type * as React from 'react';
 import { DayPicker } from 'react-day-picker';
 
-import { buttonVariants } from '@repo/ui/components/ui/button';
-import { cn } from '@repo/ui/lib/utils';
+import { buttonVariants } from '@ui/components/ui/button';
+import { cn } from '@ui/lib/utils';
 
 export type CalendarProps = React.ComponentProps<typeof DayPicker>;
 

packages/ui/src/components/ui/card.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
   <div ref={ref} className={cn('rounded-lg border bg-card text-card-foreground shadow-sm', className)} {...props} />

packages/ui/src/components/ui/checkbox.tsx

@@ -4,7 +4,7 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { Check } from 'lucide-react';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,

packages/ui/src/components/ui/command.tsx

@@ -5,8 +5,8 @@ import { Command as CommandPrimitive } from 'cmdk';
 import { Search } from 'lucide-react';
 import * as React from 'react';
 
-import { Dialog, DialogContent } from '@repo/ui/components/ui/dialog';
-import { cn } from '@repo/ui/lib/utils';
+import { Dialog, DialogContent } from '@ui/components/ui/dialog';
+import { cn } from '@ui/lib/utils';
 
 const Command = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,

packages/ui/src/components/ui/dialog.tsx

@@ -4,7 +4,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { X } from 'lucide-react';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const Dialog = DialogPrimitive.Root;
 

packages/ui/src/components/ui/dropdown-menu.tsx

@@ -4,7 +4,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Check, ChevronRight, Circle } from 'lucide-react';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
 

packages/ui/src/components/ui/form.tsx

@@ -10,8 +10,8 @@ import {
   useFormContext,
 } from 'react-hook-form';
 
-import { Label } from '@repo/ui/components/ui/label';
-import { cn } from '@repo/ui/lib/utils';
+import { Label } from '@ui/components/ui/label';
+import { cn } from '@ui/lib/utils';
 
 const Form = FormProvider;
 

packages/ui/src/components/ui/input.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
 

packages/ui/src/components/ui/label.tsx

@@ -4,7 +4,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import { type VariantProps, cva } from 'class-variance-authority';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
 

packages/ui/src/components/ui/pagination.tsx

@@ -1,8 +1,8 @@
 import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
 import * as React from 'react';
 
-import { type ButtonProps, buttonVariants } from '@repo/ui/components/ui/button';
-import { cn } from '@repo/ui/lib/utils';
+import { type ButtonProps, buttonVariants } from '@ui/components/ui/button';
+import { cn } from '@ui/lib/utils';
 
 const Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (
   <nav

packages/ui/src/components/ui/popover.tsx

@@ -3,7 +3,7 @@
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const Popover = PopoverPrimitive.Root;
 

packages/ui/src/components/ui/progress.tsx

@@ -3,7 +3,7 @@
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const Progress = React.forwardRef<
   React.ElementRef<typeof ProgressPrimitive.Root>,

packages/ui/src/components/ui/radio-group.tsx

@@ -4,7 +4,7 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { Circle } from 'lucide-react';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const RadioGroup = React.forwardRef<
   React.ElementRef<typeof RadioGroupPrimitive.Root>,

packages/ui/src/components/ui/scroll-area.tsx

@@ -3,7 +3,7 @@
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const ScrollArea = React.forwardRef<
   React.ElementRef<typeof ScrollAreaPrimitive.Root>,

packages/ui/src/components/ui/select.tsx

@@ -4,7 +4,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import { Check, ChevronDown, ChevronUp } from 'lucide-react';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const Select = SelectPrimitive.Root;
 

packages/ui/src/components/ui/separator.tsx

@@ -3,7 +3,7 @@
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,

packages/ui/src/components/ui/sheet.tsx

@@ -5,7 +5,7 @@ import { type VariantProps, cva } from 'class-variance-authority';
 import { X } from 'lucide-react';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const Sheet = SheetPrimitive.Root;
 

packages/ui/src/components/ui/skeleton.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
   return <div className={cn('animate-pulse rounded-md bg-muted', className)} {...props} />;

packages/ui/src/components/ui/table.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(
   ({ className, ...props }, ref) => (

packages/ui/src/components/ui/tabs.tsx

@@ -3,7 +3,7 @@
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 const Tabs = TabsPrimitive.Root;
 

packages/ui/src/components/ui/textarea.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
 

packages/ui/src/components/ui/time-picker-input.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import { Input } from '@repo/ui/components/ui/input';
+import { Input } from '@ui/components/ui/input';
 
-import { cn } from '@repo/ui/lib/utils';
+import { cn } from '@ui/lib/utils';
 import React from 'react';
 import { type TimePickerType, getArrowByType, getDateByType, setDateByType } from './time-picker-utils';
 

packages/ui/src/components/ui/time-picker.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Label } from '@repo/ui/components/ui/label';
+import { Label } from '@ui/components/ui/label';
 import { Clock } from 'lucide-react';
 import * as React from 'react';
 import { TimePickerInput } from './time-picker-input';