107:"ExplicitChatIdProvider" 108:I[903690,["$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$83","$84","$85","$81","$86","$7f","$80","$87","$88","$89","$8a","$8b"],"$107"] 109:I[838238,["$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$7c","$7d","$83","$84","$85","$81","$86","$7f","$80","$87","$88","$89","$8a","$8b"],"SWRDataProvider"] 10b:[] 10c:[["b_F8MReKevsUh",null],["b_VjiJnzcenpv",null],["b_P7r1fbzQ10J",null],["b_fa6N1TzZj5E",null],["b_LCJZe5BMCPt",null],["b_63YBWbo0J0f",null],["b_vz8XEHEmFlw",null],["b_aPBuCnHYDdu",null],["b_nIxeRdcde6s",null],["b_5UDb5ZA9Ljy",null],["b_CYTIuzWiJyO",null]] 10d:[["b_F8MReKevsUh",{"templateVersionId":null,"templateCanonId":null}],["b_VjiJnzcenpv",{"templateVersionId":null,"templateCanonId":null}],["b_P7r1fbzQ10J",{"templateVersionId":null,"templateCanonId":null}],["b_fa6N1TzZj5E",{"templateVersionId":null,"templateCanonId":null}],["b_LCJZe5BMCPt",{"templateVersionId":null,"templateCanonId":null}],["b_63YBWbo0J0f",{"templateVersionId":null,"templateCanonId":null}],["b_vz8XEHEmFlw",{"templateVersionId":null,"templateCanonId":null}],["b_aPBuCnHYDdu",{"templateVersionId":null,"templateCanonId":null}],["b_nIxeRdcde6s",{"templateVersionId":null,"templateCanonId":null}],["b_5UDb5ZA9Ljy",{"templateVersionId":null,"templateCanonId":null}],["b_CYTIuzWiJyO",{"templateVersionId":null,"templateCanonId":null}]] 10e:[["b_yAc3aQo8Z2t","$D2026-01-02T18:31:32.221Z"],["b_wsmWuh1qwra","$D2026-01-02T18:33:47.161Z"],["b_0B3cfnjDJ2f","$D2026-01-02T18:41:24.776Z"],["b_N7s50BHcWXI","$D2026-01-02T18:41:46.677Z"],["b_JShOMW6KVko","$D2026-01-02T19:08:20.011Z"],["b_WlxBLkUxPsc","$D2026-01-02T19:10:23.403Z"],["b_ZCzTKQmGuzs","$D2026-01-02T19:20:27.065Z"],["b_sn817ceap9O","$D2026-01-02T19:22:21.488Z"],["b_64WFZDYEeoG","$D2026-01-02T19:29:51.666Z"],["b_8VRKPUushZ6","$D2026-01-02T19:31:15.499Z"],["b_0zzMEwrhH8e","$D2026-01-03T12:14:59.931Z"],["b_IHBEl3beg7M","$D2026-01-03T12:16:46.194Z"],["b_3dpXxlqQx5c","$D2026-01-03T12:17:48.866Z"],["b_Zp7saGVzBnL","$D2026-01-03T12:28:42.187Z"],["b_aDZYFAsEttu","$D2026-01-03T12:53:03.641Z"],["b_BqcymotPXP0","$D2026-01-03T12:54:45.611Z"],["b_F8MReKevsUh","$D2026-01-03T12:57:51.498Z"],["b_VjiJnzcenpv","$D2026-01-03T12:59:25.810Z"],["b_P7r1fbzQ10J","$D2026-01-03T13:00:36.788Z"],["b_fa6N1TzZj5E","$D2026-01-03T13:01:45.412Z"],["b_LCJZe5BMCPt","$D2026-01-03T13:02:44.069Z"],["b_63YBWbo0J0f","$D2026-01-03T13:03:40.187Z"],["b_vz8XEHEmFlw","$D2026-01-03T13:39:49.086Z"],["b_aPBuCnHYDdu","$D2026-01-03T13:42:22.537Z"],["b_nIxeRdcde6s","$D2026-01-03T13:44:43.856Z"],["b_5UDb5ZA9Ljy","$D2026-01-03T13:46:53.229Z"],["b_CYTIuzWiJyO","$D2026-01-03T13:49:01.097Z"]] 10f:[["b_F8MReKevsUh",false],["b_VjiJnzcenpv",false],["b_P7r1fbzQ10J",false],["b_fa6N1TzZj5E",false],["b_LCJZe5BMCPt",false],["b_63YBWbo0J0f",false],["b_vz8XEHEmFlw",false],["b_aPBuCnHYDdu",false],["b_nIxeRdcde6s",false],["b_5UDb5ZA9Ljy",false],["b_CYTIuzWiJyO",false]] 110:[["b_F8MReKevsUh","$undefined"],["b_VjiJnzcenpv","$undefined"],["b_P7r1fbzQ10J","$undefined"],["b_fa6N1TzZj5E","$undefined"],["b_LCJZe5BMCPt","$undefined"],["b_63YBWbo0J0f","$undefined"],["b_vz8XEHEmFlw","$undefined"],["b_aPBuCnHYDdu","$undefined"],["b_nIxeRdcde6s","$undefined"],["b_5UDb5ZA9Ljy","$undefined"],["b_CYTIuzWiJyO",{"git":{"ref":"main","sha":"a0e5ec14ca28d78f73098e95589a114d019fd495","type":"github","repoId":0,"repoName":"v0-emarketpoivredepenja-u1","ownerName":"fastHack2025","commitMessage":"fix: resolve site issues and enhance database scripts\n\nFix footer, add missing SQL scripts, update payment images, and correct checkout form."},"deploymentId":"dpl_3rvuGZDneGVgFNkG9zdDtzmLyLDg"}]] 111:[["b_F8MReKevsUh",null],["b_VjiJnzcenpv",null],["b_P7r1fbzQ10J",null],["b_fa6N1TzZj5E",null],["b_LCJZe5BMCPt",null],["b_63YBWbo0J0f",null],["b_vz8XEHEmFlw",null],["b_aPBuCnHYDdu",null],["b_nIxeRdcde6s",null],["b_5UDb5ZA9Ljy",null],["b_CYTIuzWiJyO",null]] 112:[["b_F8MReKevsUh",true],["b_VjiJnzcenpv",true],["b_P7r1fbzQ10J",true],["b_fa6N1TzZj5E",true],["b_LCJZe5BMCPt",true],["b_63YBWbo0J0f",true],["b_vz8XEHEmFlw",true],["b_aPBuCnHYDdu",true],["b_nIxeRdcde6s",true],["b_5UDb5ZA9Ljy",true],["b_CYTIuzWiJyO",true]] 113:[["b_F8MReKevsUh",true],["b_VjiJnzcenpv",true],["b_P7r1fbzQ10J",true],["b_fa6N1TzZj5E",true],["b_LCJZe5BMCPt",true],["b_63YBWbo0J0f",true],["b_vz8XEHEmFlw",true],["b_aPBuCnHYDdu",true],["b_nIxeRdcde6s",true],["b_5UDb5ZA9Ljy",true],["b_CYTIuzWiJyO",true]] 114:[] 115:Taa1de,[V0_FILE]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Refined cream/beige background inspired by luxury brands */ --background: #fdfbf7; --foreground: #2c2419; /* Card colors with subtle warmth */ --card: #ffffff; --card-foreground: #2c2419; /* Popover */ --popover: #ffffff; --popover-foreground: #2c2419; /* Primary gold - more refined and luxurious */ --primary: #d4a574; --primary-foreground: #1a1410; /* Secondary brown - deeper, richer */ --secondary: #6b4423; --secondary-foreground: #ffffff; /* Muted tones - warmer and more sophisticated */ --muted: #f7f0e8; --muted-foreground: #7d6b5a; /* Accent gold - brighter for CTAs */ --accent: #e5b76f; --accent-foreground: #1a1410; /* Destructive */ --destructive: #c53030; --destructive-foreground: #ffffff; /* Borders - subtle and refined */ --border: #e8dfd3; --input: #f0e8de; --ring: #d4a574; /* Chart colors - coordinated palette */ --chart-1: #d4a574; --chart-2: #6b4423; --chart-3: #e5b76f; --chart-4: #8b5a3c; --chart-5: #f4d4a0; --radius: 0.75rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: #1a1410; --foreground: #fdfbf7; --card: #2c2419; --card-foreground: #fdfbf7; --popover: #2c2419; --popover-foreground: #fdfbf7; --primary: #d4a574; --primary-foreground: #1a1410; --secondary: #3d3229; --secondary-foreground: #fdfbf7; --muted: #3d3229; --muted-foreground: #b8a593; --accent: #e5b76f; --accent-foreground: #1a1410; --destructive: #c53030; --destructive-foreground: #fdfbf7; --border: #4a3f35; --input: #3d3229; --ring: #d4a574; --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: "Geist", "Geist Fallback", system-ui, -apple-system, sans-serif; --font-mono: "Geist Mono", "Geist Mono Fallback", monospace; --font-serif: "Playfair Display", "Georgia", serif; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground antialiased; font-feature-settings: "kern" 1, "liga" 1, "calt" 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } /* Ultra-premium texture overlay with sophisticated patterns */ .luxury-texture { position: relative; isolation: isolate; } .luxury-texture::before { content: ""; position: absolute; inset: 0; opacity: 0.03; background-image: radial-gradient(circle at 25% 25%, rgba(212, 165, 116, 0.1) 0%, transparent 50%), radial-gradient(circle at 75% 75%, rgba(107, 68, 35, 0.08) 0%, transparent 50%), repeating-linear-gradient( 45deg, transparent, transparent 80px, rgba(212, 165, 116, 0.02) 80px, rgba(212, 165, 116, 0.02) 160px ); pointer-events: none; } /* Premium glass morphism effect */ .glass-effect { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.5); } /* Luxury shimmer animation for premium elements */ @keyframes luxury-shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } } .luxury-shimmer { background: linear-gradient( 90deg, transparent 0%, rgba(212, 165, 116, 0.1) 40%, rgba(229, 183, 111, 0.2) 50%, rgba(212, 165, 116, 0.1) 60%, transparent 100% ); background-size: 200% 100%; animation: luxury-shimmer 3s infinite; } /* Premium shadow elevations */ .shadow-luxury-sm { box-shadow: 0 2px 8px -2px rgba(44, 36, 25, 0.08), 0 1px 3px -1px rgba(44, 36, 25, 0.06); } .shadow-luxury-md { box-shadow: 0 4px 16px -4px rgba(44, 36, 25, 0.12), 0 2px 6px -2px rgba(44, 36, 25, 0.08); } .shadow-luxury-lg { box-shadow: 0 12px 40px -8px rgba(44, 36, 25, 0.15), 0 6px 16px -4px rgba(44, 36, 25, 0.1); } .shadow-luxury-xl { box-shadow: 0 24px 64px -12px rgba(44, 36, 25, 0.18), 0 12px 24px -6px rgba(44, 36, 25, 0.12); } /* Elegant hover lift effect */ .hover-lift { transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); } .hover-lift:hover { transform: translateY(-8px) scale(1.02); } /* Smooth fade-in animation */ @keyframes fade-in-up { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in-up { animation: fade-in-up 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards; } /* Elegant line separator */ .elegant-divider { position: relative; text-align: center; margin: 3rem 0; } .elegant-divider::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: linear-gradient(to right, transparent, var(--border) 20%, var(--border) 80%, transparent); } /* Premium gradient text */ .gradient-text { background: linear-gradient(135deg, #d4a574 0%, #e5b76f 50%, #d4a574 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% auto; animation: gradient-flow 3s ease infinite; } @keyframes gradient-flow { 0%, 100% { background-position: 0% center; } 50% { background-position: 100% center; } } /* Shake animation for incorrect PIN */ @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .animate-shake { animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; } /* Smooth transitions for mobile menu */ .mobile-menu-transition { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* Responsive tab transitions */ .tab-transition { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* Mobile-optimized touch targets */ @media (max-width: 768px) { button, a { min-height: 44px; min-width: 44px; } } /* Smooth scroll for mobile */ @media (max-width: 1024px) { html { scroll-behavior: smooth; } body { -webkit-overflow-scrolling: touch; } } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true" 'use client' import * as React from 'react' import { ThemeProvider as NextThemesProvider, type ThemeProviderProps, } from 'next-themes' export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]typescriptreact:file="components/ui/accordion.tsx" isMerged="true" 'use client' import * as React from 'react' import * as AccordionPrimitive from '@radix-ui/react-accordion' import { ChevronDownIcon } from 'lucide-react' import { cn } from '@/lib/utils' function Accordion({ ...props }: React.ComponentProps) { return } function AccordionItem({ className, ...props }: React.ComponentProps) { return ( ) } function AccordionTrigger({ className, children, ...props }: React.ComponentProps) { return ( svg]:rotate-180', className, )} {...props} > {children} ) } function AccordionContent({ className, children, ...props }: React.ComponentProps) { return (

{children}

) } export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } [V0_FILE]typescriptreact:file="components/ui/alert-dialog.tsx" isMerged="true" 'use client' import * as React from 'react' import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog' import { cn } from '@/lib/utils' import { buttonVariants } from '@/components/ui/button' function AlertDialog({ ...props }: React.ComponentProps) { return } function AlertDialogTrigger({ ...props }: React.ComponentProps) { return ( ) } function AlertDialogPortal({ ...props }: React.ComponentProps) { return ( ) } function AlertDialogOverlay({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogContent({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) { return (

) } function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) { return (

) } function AlertDialogTitle({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogDescription({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogAction({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogCancel({ className, ...props }: React.ComponentProps) { return ( ) } export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } [V0_FILE]typescriptreact:file="components/ui/alert.tsx" isMerged="true" import * as React from 'react' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const alertVariants = cva( 'relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current', { variants: { variant: { default: 'bg-card text-card-foreground', destructive: 'text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90', }, }, defaultVariants: { variant: 'default', }, }, ) function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps) { return (

) } function AlertTitle({ className, ...props }: React.ComponentProps<'div'>) { return (

) } function AlertDescription({ className, ...props }: React.ComponentProps<'div'>) { return (

) } export { Alert, AlertTitle, AlertDescription } [V0_FILE]typescriptreact:file="components/ui/aspect-ratio.tsx" isMerged="true" 'use client' import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio' function AspectRatio({ ...props }: React.ComponentProps) { return } export { AspectRatio } [V0_FILE]typescriptreact:file="components/ui/avatar.tsx" isMerged="true" 'use client' import * as React from 'react' import * as AvatarPrimitive from '@radix-ui/react-avatar' import { cn } from '@/lib/utils' function Avatar({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarImage({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarFallback({ className, ...props }: React.ComponentProps) { return ( ) } export { Avatar, AvatarImage, AvatarFallback } [V0_FILE]typescriptreact:file="components/ui/badge.tsx" isMerged="true" import * as React from 'react' import { Slot } from '@radix-ui/react-slot' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const badgeVariants = cva( 'inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden', { variants: { variant: { default: 'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90', secondary: 'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90', destructive: 'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60', outline: 'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground', }, }, defaultVariants: { variant: 'default', }, }, ) function Badge({ className, variant, asChild = false, ...props }: React.ComponentProps<'span'> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot : 'span' return ( ) } export { Badge, badgeVariants } [V0_FILE]typescriptreact:file="components/ui/breadcrumb.tsx" isMerged="true" import * as React from 'react' import { Slot } from '@radix-ui/react-slot' import { ChevronRight, MoreHorizontal } from 'lucide-react' import { cn } from '@/lib/utils' function Breadcrumb({ ...props }: React.ComponentProps<'nav'>) { return

} function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) { return (

) } function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & { asChild?: boolean }) { const Comp = asChild ? Slot : 'a' return ( ) } function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) { return ( ) } function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) { return (
svg]:size-3.5', className)} {...props} > {children ?? }

) { return (

) } function ButtonGroupText({ className, asChild = false, ...props }: React.ComponentProps<'div'> & { asChild?: boolean }) { const Comp = asChild ? Slot : 'div' return ( ) } function ButtonGroupSeparator({ className, orientation = 'vertical', ...props }: React.ComponentProps) { return ( ) } export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } [V0_FILE]typescriptreact:file="components/ui/button.tsx" isMerged="true" import * as React from 'react' import { Slot } from '@radix-ui/react-slot' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const buttonVariants = cva( "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", { variants: { variant: { default: 'bg-primary text-primary-foreground hover:bg-primary/90', destructive: 'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60', outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50', secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80', ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50', link: 'text-primary underline-offset-4 hover:underline', }, size: { default: 'h-9 px-4 py-2 has-[>svg]:px-3', sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5', lg: 'h-10 rounded-md px-6 has-[>svg]:px-4', icon: 'size-9', 'icon-sm': 'size-8', 'icon-lg': 'size-10', }, }, defaultVariants: { variant: 'default', size: 'default', }, }, ) function Button({ className, variant, size, asChild = false, ...props }: React.ComponentProps<'button'> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot : 'button' return ( ) } export { Button, buttonVariants } [V0_FILE]typescriptreact:file="components/ui/calendar.tsx" isMerged="true" 'use client' import * as React from 'react' import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from 'lucide-react' import { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker' import { cn } from '@/lib/utils' import { Button, buttonVariants } from '@/components/ui/button' function Calendar({ className, classNames, showOutsideDays = true, captionLayout = 'label', buttonVariant = 'ghost', formatters, components, ...props }: React.ComponentProps & { buttonVariant?: React.ComponentProps['variant'] }) { const defaultClassNames = getDefaultClassNames() return ( svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className, )} captionLayout={captionLayout} formatters={{ formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }), ...formatters, }} classNames={{ root: cn('w-fit', defaultClassNames.root), months: cn( 'flex gap-4 flex-col md:flex-row relative', defaultClassNames.months, ), month: cn('flex flex-col w-full gap-4', defaultClassNames.month), nav: cn( 'flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav, ), button_previous: cn( buttonVariants({ variant: buttonVariant }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_previous, ), button_next: cn( buttonVariants({ variant: buttonVariant }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_next, ), month_caption: cn( 'flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption, ), dropdowns: cn( 'w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns, ), dropdown_root: cn( 'relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md', defaultClassNames.dropdown_root, ), dropdown: cn( 'absolute bg-popover inset-0 opacity-0', defaultClassNames.dropdown, ), caption_label: cn( 'select-none font-medium', captionLayout === 'label' ? 'text-sm' : 'rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5', defaultClassNames.caption_label, ), table: 'w-full border-collapse', weekdays: cn('flex', defaultClassNames.weekdays), weekday: cn( 'text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none', defaultClassNames.weekday, ), week: cn('flex w-full mt-2', defaultClassNames.week), week_number_header: cn( 'select-none w-(--cell-size)', defaultClassNames.week_number_header, ), week_number: cn( 'text-[0.8rem] select-none text-muted-foreground', defaultClassNames.week_number, ), day: cn( 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none', defaultClassNames.day, ), range_start: cn( 'rounded-l-md bg-accent', defaultClassNames.range_start, ), range_middle: cn('rounded-none', defaultClassNames.range_middle), range_end: cn('rounded-r-md bg-accent', defaultClassNames.range_end), today: cn( 'bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none', defaultClassNames.today, ), outside: cn( 'text-muted-foreground aria-selected:text-muted-foreground', defaultClassNames.outside, ), disabled: cn( 'text-muted-foreground opacity-50', defaultClassNames.disabled, ), hidden: cn('invisible', defaultClassNames.hidden), ...classNames, }} components={{ Root: ({ className, rootRef, ...props }) => { return (

) }, Chevron: ({ className, orientation, ...props }) => { if (orientation === 'left') { return ( ) } if (orientation === 'right') { return ( ) } return ( ) }, DayButton: CalendarDayButton, WeekNumber: ({ children, ...props }) => { return (

{children}

) }, ...components, }} {...props} /> ) } function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps) { const defaultClassNames = getDefaultClassNames() const ref = React.useRef(null) React.useEffect(() => { if (modifiers.focused) ref.current?.focus() }, [modifiers.focused]) return ( ) } function CarouselNext({ className, variant = 'outline', size = 'icon', ...props }: React.ComponentProps) { const { orientation, scrollNext, canScrollNext } = useCarousel() return ( ) } export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } [V0_FILE]typescriptreact:file="components/ui/chart.tsx" isMerged="true" 'use client' import * as React from 'react' import * as RechartsPrimitive from 'recharts' import { cn } from '@/lib/utils' // Format: { THEME_NAME: CSS_SELECTOR } const THEMES = { light: '', dark: '.dark' } as const export type ChartConfig = { [k in string]: { label?: React.ReactNode icon?: React.ComponentType } & ( | { color?: string; theme?: never } | { color?: never; theme: Record } ) } type ChartContextProps = { config: ChartConfig } const ChartContext = React.createContext(null) function useChart() { const context = React.useContext(ChartContext) if (!context) { throw new Error('useChart must be used within a ') } return context } function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<'div'> & { config: ChartConfig children: React.ComponentProps< typeof RechartsPrimitive.ResponsiveContainer >['children'] }) { const uniqueId = React.useId() const chartId = `chart-${id || uniqueId.replace(/:/g, '')}` return (

{children}

) } const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => { const colorConfig = Object.entries(config).filter( ([, config]) => config.theme || config.color, ) if (!colorConfig.length) { return null } return (