@reinvented/design 1.1.0 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reinvented/design",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "type": "module",
   "main": "./src/index.ts",
   "exports": {

package/src/components/blocks/auth/auth-card/AuthCard.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, CardFooter } from '@/components/ui/card'
+import { cn } from '../../../../lib/utils'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, CardFooter } from '../../../../components/ui/card'
 
 interface AuthCardProps {
   title: string

package/src/components/blocks/auth/social-login/SocialLoginGroup.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { Button } from '@/components/ui/button'
+import { cn } from '../../../../lib/utils'
+import { Button } from '../../../../components/ui/button'
 import { Github } from 'lucide-react'
 
 interface SocialLoginGroupProps {

package/src/components/blocks/auth/two-factor/TwoFactorForm.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from 'react'
-import { cn } from '@/lib/utils'
-import { Label } from '@/components/ui/label'
-import { Button } from '@/components/ui/button'
-import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from '@/components/ui/input-otp'
+import { cn } from '../../../../lib/utils'
+import { Label } from '../../../../components/ui/label'
+import { Button } from '../../../../components/ui/button'
+import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from '../../../../components/ui/input-otp'
 
 interface TwoFactorFormProps {
   email?: string

package/src/components/blocks/communication/activity-item/ActivityItem.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 export function ActivityItem({
   className,

package/src/components/blocks/communication/activity-item/ActivityItemAvatar.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import type { HTMLAttributes } from 'react'
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
-import { cn } from '@/lib/utils'
+import { Avatar, AvatarFallback, AvatarImage } from '../../../../components/ui/avatar'
+import { cn } from '../../../../lib/utils'
 
 interface ActivityItemAvatarProps {
   src?: string

package/src/components/blocks/communication/activity-item/ActivityItemContent.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 export function ActivityItemContent({
   className,

package/src/components/blocks/communication/chat-bubble/ChatBubble.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface ChatBubbleProps extends React.HTMLAttributes<HTMLDivElement> {
   variant?: 'sent' | 'received'

package/src/components/blocks/communication/chat-bubble/ChatBubbleAvatar.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import type { HTMLAttributes } from 'react'
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
-import { cn } from '@/lib/utils'
+import { Avatar, AvatarFallback, AvatarImage } from '../../../../components/ui/avatar'
+import { cn } from '../../../../lib/utils'
 
 interface ChatBubbleAvatarProps {
   src?: string

package/src/components/blocks/communication/chat-bubble/ChatBubbleMessage.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface ChatBubbleMessageProps extends React.HTMLAttributes<HTMLDivElement> {
   variant?: 'sent' | 'received'

package/src/components/blocks/communication/chat-bubble/ChatBubbleTimestamp.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface ChatBubbleTimestampProps extends React.HTMLAttributes<HTMLSpanElement> {
   timestamp: string

package/src/components/blocks/content/article-header/ArticleHeader.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import type { HTMLAttributes } from 'react'
-import { cn } from '@/lib/utils'
-import { Badge } from '@/components/ui/badge'
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
+import { cn } from '../../../../lib/utils'
+import { Badge } from '../../../../components/ui/badge'
+import { Avatar, AvatarFallback, AvatarImage } from '../../../../components/ui/avatar'
 
 interface ArticleHeaderProps {
   title: string

package/src/components/blocks/content/author-card/AuthorCard.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
 import type { HTMLAttributes, ReactNode } from 'react'
-import { Card, CardContent } from '@/components/ui/card'
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
-import { Button } from '@/components/ui/button'
-import { cn } from '@/lib/utils'
+import { Card, CardContent } from '../../../../components/ui/card'
+import { Avatar, AvatarFallback, AvatarImage } from '../../../../components/ui/avatar'
+import { Button } from '../../../../components/ui/button'
+import { cn } from '../../../../lib/utils'
 
 interface AuthorCardProps {
   name: string

package/src/components/blocks/content/rich-text/RichTextContent.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import type { HTMLAttributes, ReactNode } from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface RichTextContentProps {
   className?: HTMLAttributes<HTMLElement>['className']

package/src/components/blocks/data-management/kanban/KanbanBoard.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 export function KanbanBoard({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) {
   return (

package/src/components/blocks/data-management/kanban/KanbanCard.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { Card, CardContent } from '@/components/ui/card'
-import { Badge } from '@/components/ui/badge'
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
+import { cn } from '../../../../lib/utils'
+import { Card, CardContent } from '../../../../components/ui/card'
+import { Badge } from '../../../../components/ui/badge'
+import { Avatar, AvatarFallback, AvatarImage } from '../../../../components/ui/avatar'
 import { MessageSquare, Paperclip } from 'lucide-react'
 
 interface KanbanCardProps {

package/src/components/blocks/data-management/kanban/KanbanColumn.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { Badge } from '@/components/ui/badge'
+import { cn } from '../../../../lib/utils'
+import { Badge } from '../../../../components/ui/badge'
 import { MoreHorizontal, Plus } from 'lucide-react'
-import { Button } from '@/components/ui/button'
+import { Button } from '../../../../components/ui/button'
 
 interface KanbanColumnProps {
   title: string

package/src/components/blocks/data-management/tree-view/TreeItem.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { ChevronRight, Folder, FolderOpen, File } from 'lucide-react'
-import { cn } from '@/lib/utils'
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible'
+import { cn } from '../../../../lib/utils'
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../../../components/ui/collapsible'
 
 interface TreeItemProps {
   title: string

package/src/components/blocks/data-management/tree-view/TreeView.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 export function TreeView({ class: className, children }: { class?: string; children?: React.ReactNode }) {
   return (

package/src/components/blocks/data-viz/financial-ticker/FinancialTicker.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface FinancialTickerProps {
   symbol: string

package/src/components/blocks/data-viz/kpi-card/KpiCard.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card'
 import { TrendingUp, TrendingDown, Minus } from 'lucide-react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface KpiCardProps {
   title: string

package/src/components/blocks/data-viz/stat-grid/StatGrid.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface StatGridProps {
   columns?: 2 | 3 | 4

package/src/components/blocks/ecommerce/pricing-tier/PricingFeatureList.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import type { HTMLAttributes } from 'react'
-import { CardContent } from '@/components/ui/card'
-import { cn } from '@/lib/utils'
+import { CardContent } from '../../../../components/ui/card'
+import { cn } from '../../../../lib/utils'
 import { Check } from 'lucide-react'
 
 interface PricingFeatureListProps {

package/src/components/blocks/ecommerce/pricing-tier/PricingHeader.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import type { HTMLAttributes } from 'react'
-import { CardHeader, CardTitle, CardDescription } from '@/components/ui/card'
-import { cn } from '@/lib/utils'
+import { CardHeader, CardTitle, CardDescription } from '../../../../components/ui/card'
+import { cn } from '../../../../lib/utils'
 
 interface PricingHeaderProps {
   title: string

package/src/components/blocks/ecommerce/pricing-tier/PricingTier.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import type { HTMLAttributes } from 'react'
-import { Card } from '@/components/ui/card'
-import { cn } from '@/lib/utils'
+import { Card } from '../../../../components/ui/card'
+import { cn } from '../../../../lib/utils'
 
 interface PricingTierProps {
   featured?: boolean

package/src/components/blocks/ecommerce/product-card/ProductCard.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import type { HTMLAttributes } from 'react'
-import { Card } from '@/components/ui/card'
-import { cn } from '@/lib/utils'
+import { Card } from '../../../../components/ui/card'
+import { cn } from '../../../../lib/utils'
 
 interface ProductCardProps {
   className?: HTMLAttributes<HTMLDivElement>['className']

package/src/components/blocks/ecommerce/product-card/ProductCardContent.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { CardContent } from '@/components/ui/card'
-import { cn } from '@/lib/utils'
+import { CardContent } from '../../../../components/ui/card'
+import { cn } from '../../../../lib/utils'
 
 export function ProductCardContent({
   className,

package/src/components/blocks/ecommerce/product-card/ProductCardImage.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface ProductCardImageProps extends React.HTMLAttributes<HTMLDivElement> {
   src: string

package/src/components/blocks/ecommerce/product-card/ProductCardPrice.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface ProductCardPriceProps extends React.HTMLAttributes<HTMLDivElement> {
   price: string

package/src/components/blocks/ecommerce/rating-summary/RatingStars.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { Star, StarHalf } from 'lucide-react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface RatingStarsProps {
   rating: number

package/src/components/blocks/feedback/empty-state/EmptyState.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { Button } from '@/components/ui/button'
+import { cn } from '../../../../lib/utils'
+import { Button } from '../../../../components/ui/button'
 import { Plus } from 'lucide-react'
 
 interface EmptyStateProps {

package/src/components/blocks/feedback/error-state/ErrorState.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { Button } from '@/components/ui/button'
+import { cn } from '../../../../lib/utils'
+import { Button } from '../../../../components/ui/button'
 import { AlertTriangle, RefreshCcw } from 'lucide-react'
 
 interface ErrorStateProps {

package/src/components/blocks/feedback/not-found/NotFoundState.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { Button } from '@/components/ui/button'
+import { cn } from '../../../../lib/utils'
+import { Button } from '../../../../components/ui/button'
 import { Search, Home, ArrowLeft } from 'lucide-react'
 
 interface NotFoundStateProps {

package/src/components/blocks/filtering/faceted-sidebar/FacetedGroup.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
-import { cn } from '@/lib/utils'
-import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@/components/ui/collapsible'
+import { cn } from '../../../../lib/utils'
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../../../../components/ui/collapsible'
 import { ChevronDown } from 'lucide-react'
 
 interface FacetedGroupProps {

package/src/components/blocks/filtering/faceted-sidebar/FacetedSidebar.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { ScrollArea } from '@/components/ui/scroll-area'
+import { cn } from '../../../../lib/utils'
+import { ScrollArea } from '../../../../components/ui/scroll-area'
 
 interface FacetedSidebarProps {
   title?: string

package/src/components/blocks/filtering/filter-bar/FilterBar.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import { Input } from '@/components/ui/input'
-import { Button } from '@/components/ui/button'
-import { Badge } from '@/components/ui/badge'
+import { Input } from '../../../../components/ui/input'
+import { Button } from '../../../../components/ui/button'
+import { Badge } from '../../../../components/ui/badge'
 import { Search, Filter, X } from 'lucide-react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface FilterBarProps {
   placeholder?: string

package/src/components/blocks/filtering/search-result/SearchResultItem.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { Badge } from '@/components/ui/badge'
+import { cn } from '../../../../lib/utils'
+import { Badge } from '../../../../components/ui/badge'
 
 interface SearchResultItemProps {
   title: string

package/src/components/blocks/marketing/cta-block/CtaBlock.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { Button } from '@/components/ui/button'
+import { cn } from '../../../../lib/utils'
+import { Button } from '../../../../components/ui/button'
 import { ArrowRight } from 'lucide-react'
 
 interface CtaBlockProps {

package/src/components/blocks/marketing/feature-grid/FeatureGrid.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface Feature {
   title: string

package/src/components/blocks/marketing/hero-section/HeroSection.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { Button } from '@/components/ui/button'
-import { Badge } from '@/components/ui/badge'
+import { cn } from '../../../../lib/utils'
+import { Button } from '../../../../components/ui/button'
+import { Badge } from '../../../../components/ui/badge'
 import { ArrowRight } from 'lucide-react'
 
 interface HeroSectionProps {

package/src/components/blocks/marketing/testimonial-card/TestimonialCard.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { Card, CardContent } from '@/components/ui/card'
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
+import { Card, CardContent } from '../../../../components/ui/card'
+import { Avatar, AvatarFallback, AvatarImage } from '../../../../components/ui/avatar'
 import { Star } from 'lucide-react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface TestimonialCardProps {
   quote: string

package/src/components/blocks/media/call-controls/CallControlButton.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { Button } from '@/components/ui/button'
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
+import { cn } from '../../../../lib/utils'
+import { Button } from '../../../../components/ui/button'
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../../../components/ui/tooltip'
 
 interface CallControlButtonProps {
   tooltip?: string

package/src/components/blocks/media/call-controls/CallControls.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 export function CallControls({ className, children }: { className?: string; children?: React.ReactNode }) {
   return (

package/src/components/blocks/media/media-player/MediaPlayer.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 export function MediaPlayer({
   className,

package/src/components/blocks/media/media-player/MediaPlayerControls.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 export function MediaPlayerControls({
   className,

package/src/components/blocks/media/media-player/MediaPlayerScrubber.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Slider } from '@/components/ui/slider'
+import { Slider } from '../../../../components/ui/slider'
 
 interface MediaPlayerScrubberProps {
   defaultValue?: number[]

package/src/components/blocks/media/media-player/MediaPlayerVideo.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import type { HTMLAttributes } from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 import { Play } from 'lucide-react'
 
 interface MediaPlayerVideoProps {

package/src/components/blocks/navigation/app-sidebar/AppSidebar.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
-import { ScrollArea } from '@/components/ui/scroll-area'
+import { cn } from '../../../../lib/utils'
+import { ScrollArea } from '../../../../components/ui/scroll-area'
 
 interface AppSidebarProps {
   className?: string

package/src/components/blocks/navigation/app-sidebar/NavItem.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface NavItemProps {
   href?: string

package/src/components/blocks/navigation/context-switcher/ContextSwitcher.tsx

@@ -6,10 +6,10 @@ import {
   DropdownMenuItem,
   DropdownMenuLabel,
   DropdownMenuSeparator,
-} from '@/components/ui/dropdown-menu'
+} from '../../../../components/ui/dropdown-menu'
 import { ChevronsUpDown, Building2 } from 'lucide-react'
-import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar'
-import { cn } from '@/lib/utils'
+import { Avatar, AvatarImage, AvatarFallback } from '../../../../components/ui/avatar'
+import { cn } from '../../../../lib/utils'
 
 interface ContextItem {
   id: string

package/src/components/blocks/navigation/top-navbar/TopNavbar.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 import { Menu } from 'lucide-react'
-import { Button } from '@/components/ui/button'
+import { Button } from '../../../../components/ui/button'
 
 interface TopNavbarProps {
   className?: string

package/src/components/blocks/onboarding/onboarding-welcome/OnboardingWelcome.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { Card, CardContent } from '@/components/ui/card'
-import { Button } from '@/components/ui/button'
+import { Card, CardContent } from '../../../../components/ui/card'
+import { Button } from '../../../../components/ui/button'
 import { CheckCircle2, ArrowRight } from 'lucide-react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface OnboardingWelcomeProps {
   title: string

package/src/components/blocks/onboarding/step-wizard/StepWizard.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 import { Check } from 'lucide-react'
 
 interface StepWizardProps {

package/src/components/blocks/profiles/connection-list/ConnectionItem.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
-import { Card } from '@/components/ui/card'
-import { cn } from '@/lib/utils'
+import { Avatar, AvatarFallback, AvatarImage } from '../../../../components/ui/avatar'
+import { Card } from '../../../../components/ui/card'
+import { cn } from '../../../../lib/utils'
 
 interface ConnectionItemProps {
   name: string

package/src/components/blocks/profiles/connection-list/ConnectionList.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 export function ConnectionList({
   className,

package/src/components/blocks/profiles/profile-header/ProfileHeader.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
-import { Badge } from '@/components/ui/badge'
-import { cn } from '@/lib/utils'
+import { Avatar, AvatarFallback, AvatarImage } from '../../../../components/ui/avatar'
+import { Badge } from '../../../../components/ui/badge'
+import { cn } from '../../../../lib/utils'
 
 interface ProfileHeaderProps {
   name: string

package/src/components/blocks/profiles/profile-stats/ProfileStats.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface ProfileStatsProps {
   stats: { label: string; value: string | number }[]

package/src/components/blocks/scheduling/booking-slot/BookingSlot.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 import { Check } from 'lucide-react'
 
 interface BookingSlotProps {

package/src/components/blocks/scheduling/event-card/EventCard.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { Card, CardContent } from '@/components/ui/card'
-import { Badge } from '@/components/ui/badge'
+import { Card, CardContent } from '../../../../components/ui/card'
+import { Badge } from '../../../../components/ui/badge'
 import { Calendar, Clock, MapPin, Video } from 'lucide-react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../../lib/utils'
 
 interface EventCardProps {
   title: string