98:I[903690,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1o28vbpztq9d-.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2l2pywawrqib6.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/22hg1dv7sryga.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0y0_nbp79fl4m.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0tk0ui75ekja5.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/35xb8ejlhfki4.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1658f4vha4vim.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1g6ffz-mb5ddb.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/06fsnp71_5bsd.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1hqlktk7lfas0.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/29ozk3d3m9hbo.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3zy-fggddgwot.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/00xcq1hxyca_i.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3ozpl0vnjpsf6.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0ri2k1_yh_pol.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3yhr6dplzvib8.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/29jt0k3ejw_02.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp"],"ExplicitChatIdProvider"] 99:I[838238,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1o28vbpztq9d-.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/2l2pywawrqib6.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/22hg1dv7sryga.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0y0_nbp79fl4m.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0tk0ui75ekja5.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/35xb8ejlhfki4.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1658f4vha4vim.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1g6ffz-mb5ddb.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/06fsnp71_5bsd.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/1hqlktk7lfas0.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/29ozk3d3m9hbo.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3zy-fggddgwot.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/00xcq1hxyca_i.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3ozpl0vnjpsf6.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/0ri2k1_yh_pol.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/3yhr6dplzvib8.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp","/chat-static/_next/static/chunks/29jt0k3ejw_02.js?dpl=dpl_ApFFZGtKjLqFr6jDpybbBy9CVKpp"],"SWRDataProvider"] 9b:[] 9c:[["b_BadH8du1VcD",null],["b_krVM6Cow6Yh",null]] 9d:[["b_BadH8du1VcD",{"templateVersionId":null,"templateCanonId":null}],["b_krVM6Cow6Yh",{"templateVersionId":null,"templateCanonId":null}]] 9e:[["b_BadH8du1VcD","$D2026-06-01T18:07:23.275Z"],["b_krVM6Cow6Yh","$D2026-06-01T18:07:42.594Z"]] 9f:[["b_BadH8du1VcD",false],["b_krVM6Cow6Yh",false]] a0:[["b_BadH8du1VcD","$undefined"],["b_krVM6Cow6Yh","$undefined"]] a1:[["b_BadH8du1VcD",null],["b_krVM6Cow6Yh",null]] a2:[["b_BadH8du1VcD",true],["b_krVM6Cow6Yh",true]] a3:[["b_BadH8du1VcD",true],["b_krVM6Cow6Yh",true]] a4:[] a5:T526d4,[V0_FILE]png:file="public/placeholder-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/PiCoreTeam-appstudio-chatbot-app-template-1d3d40889d66ccee8950e2bdbc09ca4e945f8703/public/placeholder-logo-y6DJXGCCcdQpJqEvQAVATQVixXWPNf.png" isMerged="true" [V0_FILE]jpg:file="public/placeholder-user.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/PiCoreTeam-appstudio-chatbot-app-template-1d3d40889d66ccee8950e2bdbc09ca4e945f8703/public/placeholder-user-O0RKOYn0MfmCuiOjpwKren5qKWfz9e.jpg" isMerged="true" [V0_FILE]jpg:file="public/placeholder.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/files-blob/PiCoreTeam-appstudio-chatbot-app-template-1d3d40889d66ccee8950e2bdbc09ca4e945f8703/public/placeholder-DjmxF1vUeYTxhjgUk6iaTfXL9uc1Ge.jpg" isMerged="true" [V0_FILE]css:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 222.2 47.4% 11.2%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 222.2 84% 4.9%; --radius: 0.5rem; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 210 40% 98%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 212.7 26.8% 83.9%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react"; import type { Metadata } from "next"; import { Inter } from "next/font/google"; import { APP_CONFIG } from "@/lib/app-config"; import "./globals.css"; const inter = Inter({ subsets: ["latin"] }); const appName = APP_CONFIG.NAME; const appDescription = APP_CONFIG.DESCRIPTION; export const metadata: Metadata = { title: appName, description: appDescription, alternates: { canonical: "/", }, openGraph: { type: "website", title: appName, description: appDescription, }, twitter: { card: "summary_large_image", title: appName, description: appDescription, }, }; export default function RootLayout({ children }: { children: React.ReactNode }) { return ( {children} ); } [V0_FILE]json:file="components.json" isMerged="true" { "$schema": "https://ui.shadcn.com/schema.json", "style": "default", "rsc": true, "tsx": true, "tailwind": { "config": "tailwind.config.ts", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [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 { ChevronDown } from "lucide-react" import { cn } from "@/lib/utils" const Accordion = AccordionPrimitive.Root const AccordionItem = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AccordionItem.displayName = "AccordionItem" const AccordionTrigger = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( svg]:rotate-180", className )} {...props} > {children} )) AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName const AccordionContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => (

{children}

)) AccordionContent.displayName = AccordionPrimitive.Content.displayName 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" const AlertDialog = AlertDialogPrimitive.Root const AlertDialogTrigger = AlertDialogPrimitive.Trigger const AlertDialogPortal = AlertDialogPrimitive.Portal const AlertDialogOverlay = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName const AlertDialogContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName const AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes) => (

) AlertDialogHeader.displayName = "AlertDialogHeader" const AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes) => (

) AlertDialogFooter.displayName = "AlertDialogFooter" const AlertDialogTitle = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName const AlertDialogDescription = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName const AlertDialogAction = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName const AlertDialogCancel = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName 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 p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", { variants: { variant: { default: "bg-background text-foreground", destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive", }, }, defaultVariants: { variant: "default", }, } ) const Alert = React.forwardRef< HTMLDivElement, React.HTMLAttributes & VariantProps >(({ className, variant, ...props }, ref) => (

)) Alert.displayName = "Alert" const AlertTitle = React.forwardRef< HTMLParagraphElement, React.HTMLAttributes >(({ className, ...props }, ref) => (

)) AlertTitle.displayName = "AlertTitle" const AlertDescription = React.forwardRef< HTMLParagraphElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) AlertDescription.displayName = "AlertDescription" 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" const AspectRatio = AspectRatioPrimitive.Root 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" const Avatar = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) Avatar.displayName = AvatarPrimitive.Root.displayName const AvatarImage = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AvatarImage.displayName = AvatarPrimitive.Image.displayName const AvatarFallback = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName export { Avatar, AvatarImage, AvatarFallback } [V0_FILE]typescriptreact:file="components/ui/badge.tsx" isMerged="true" import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/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", { variants: { variant: { default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80", secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80", destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80", outline: "text-foreground", }, }, defaultVariants: { variant: "default", }, } ) export interface BadgeProps extends React.HTMLAttributes, VariantProps {} function Badge({ className, variant, ...props }: BadgeProps) { 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" const Breadcrumb = React.forwardRef< HTMLElement, React.ComponentPropsWithoutRef<"nav"> & { separator?: React.ReactNode } >(({ ...props }, ref) =>
) Breadcrumb.displayName = "Breadcrumb" const BreadcrumbList = React.forwardRef< HTMLOListElement, React.ComponentPropsWithoutRef<"ol"> >(({ className, ...props }, ref) => (
)) BreadcrumbList.displayName = "BreadcrumbList" const BreadcrumbItem = React.forwardRef< HTMLLIElement, React.ComponentPropsWithoutRef<"li"> >(({ className, ...props }, ref) => (
)) BreadcrumbItem.displayName = "BreadcrumbItem" const BreadcrumbLink = React.forwardRef< HTMLAnchorElement, React.ComponentPropsWithoutRef<"a"> & { asChild?: boolean } >(({ asChild, className, ...props }, ref) => { const Comp = asChild ? Slot : "a" return ( ) }) BreadcrumbLink.displayName = "BreadcrumbLink" const BreadcrumbPage = React.forwardRef< HTMLSpanElement, React.ComponentPropsWithoutRef<"span"> >(({ className, ...props }, ref) => ( )) BreadcrumbPage.displayName = "BreadcrumbPage" const BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<"li">) => (
) BreadcrumbSeparator.displayName = "BreadcrumbSeparator" const BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<"span">) => ( ) BreadcrumbEllipsis.displayName = "BreadcrumbElipssis" export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } [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 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 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", { variants: { variant: { default: "bg-primary text-primary-foreground hover:bg-primary/90", destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90", outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground", secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground", link: "text-primary underline-offset-4 hover:underline", }, size: { default: "h-10 px-4 py-2", sm: "h-9 rounded-md px-3", lg: "h-11 rounded-md px-8", icon: "h-10 w-10", }, }, defaultVariants: { variant: "default", size: "default", }, } ) export interface ButtonProps extends React.ButtonHTMLAttributes, VariantProps { asChild?: boolean } const Button = React.forwardRef( ({ className, variant, size, asChild = false, ...props }, ref) => { const Comp = asChild ? Slot : "button" return ( ) } ) Button.displayName = "Button" export { Button, buttonVariants } [V0_FILE]typescriptreact:file="components/ui/calendar.tsx" isMerged="true" "use client" import * as React from "react" import { ChevronLeft, ChevronRight } from "lucide-react" import { DayPicker } from "react-day-picker" import { cn } from "@/lib/utils" import { buttonVariants } from "@/components/ui/button" export type CalendarProps = React.ComponentProps function Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) { return ( , IconRight: () => , }} {...props} /> ) } Calendar.displayName = "Calendar" export { Calendar } [V0_FILE]typescriptreact:file="components/ui/card.tsx" isMerged="true" import * as React from "react" import { cn } from "@/lib/utils" const Card = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) Card.displayName = "Card" const CardHeader = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) CardHeader.displayName = "CardHeader" const CardTitle = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) CardTitle.displayName = "CardTitle" const CardDescription = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) CardDescription.displayName = "CardDescription" const CardContent = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) CardContent.displayName = "CardContent" const CardFooter = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) CardFooter.displayName = "CardFooter" export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } [V0_FILE]typescriptreact:file="components/ui/carousel.tsx" isMerged="true" "use client" import * as React from "react" import useEmblaCarousel, { type UseEmblaCarouselType, } from "embla-carousel-react" import { ArrowLeft, ArrowRight } from "lucide-react" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" type CarouselApi = UseEmblaCarouselType[1] type UseCarouselParameters = Parameters type CarouselOptions = UseCarouselParameters[0] type CarouselPlugin = UseCarouselParameters[1] type CarouselProps = { opts?: CarouselOptions plugins?: CarouselPlugin orientation?: "horizontal" | "vertical" setApi?: (api: CarouselApi) => void } type CarouselContextProps = { carouselRef: ReturnType[0] api: ReturnType[1] scrollPrev: () => void scrollNext: () => void canScrollPrev: boolean canScrollNext: boolean } & CarouselProps const CarouselContext = React.createContext(null) function useCarousel() { const context = React.useContext(CarouselContext) if (!context) { throw new Error("useCarousel must be used within a ") } return context } const Carousel = React.forwardRef< HTMLDivElement, React.HTMLAttributes & CarouselProps >( ( { orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref ) => { const [carouselRef, api] = useEmblaCarousel( { ...opts, axis: orientation === "horizontal" ? "x" : "y", }, plugins ) const [canScrollPrev, setCanScrollPrev] = React.useState(false) const [canScrollNext, setCanScrollNext] = React.useState(false) const onSelect = React.useCallback((api: CarouselApi) => { if (!api) { return } setCanScrollPrev(api.canScrollPrev()) setCanScrollNext(api.canScrollNext()) }, []) const scrollPrev = React.useCallback(() => { api?.scrollPrev() }, [api]) const scrollNext = React.useCallback(() => { api?.scrollNext() }, [api]) const handleKeyDown = React.useCallback( (event: React.KeyboardEvent) => { if (event.key === "ArrowLeft") { event.preventDefault() scrollPrev() } else if (event.key === "ArrowRight") { event.preventDefault() scrollNext() } }, [scrollPrev, scrollNext] ) React.useEffect(() => { if (!api || !setApi) { return } setApi(api) }, [api, setApi]) React.useEffect(() => { if (!api) { return } onSelect(api) api.on("reInit", onSelect) api.on("select", onSelect) return () => { api?.off("select", onSelect) } }, [api, onSelect]) return (
{children}
) } ) Carousel.displayName = "Carousel" const CarouselContent = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => { const { carouselRef, orientation } = useCarousel() return (

) }) CarouselContent.displayName = "CarouselContent" const CarouselItem = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => { const { orientation } = useCarousel() return (
) }) CarouselItem.displayName = "CarouselItem" const CarouselPrevious = React.forwardRef< HTMLButtonElement, React.ComponentProps >(({ className, variant = "outline", size = "icon", ...props }, ref) => { const { orientation, scrollPrev, canScrollPrev } = useCarousel() return ( ) }) CarouselPrevious.displayName = "CarouselPrevious" const CarouselNext = React.forwardRef< HTMLButtonElement, React.ComponentProps >(({ className, variant = "outline", size = "icon", ...props }, ref) => { const { orientation, scrollNext, canScrollNext } = useCarousel() return ( ) }) CarouselNext.displayName = "CarouselNext" 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 } const ChartContainer = React.forwardRef< HTMLDivElement, React.ComponentProps<"div"> & { config: ChartConfig children: React.ComponentProps< typeof RechartsPrimitive.ResponsiveContainer >["children"] } >(({ id, className, children, config, ...props }, ref) => { const uniqueId = React.useId() const chartId = `chart-${id || uniqueId.replace(/:/g, "")}` return (
{children}
) }) ChartContainer.displayName = "Chart" 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 (