108:"ExplicitChatIdProvider" 109:I[903690,["$52","$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","$81","$7d","$82","$83","$7f","$84","$85","$86","$87","$88","$89","$7e","$8a","$8b"],"$108"] 10a:I[838238,["$52","$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","$81","$7d","$82","$83","$7f","$84","$85","$86","$87","$88","$89","$7e","$8a","$8b"],"SWRDataProvider"] 10c:[] 10d:[["b_jh2oACfu0RZ",null],["b_LeoKEQWK9NM",null],["b_0POBfsqrs39",null]] 10e:[["b_jh2oACfu0RZ",{"templateVersionId":null,"templateCanonId":null}],["b_LeoKEQWK9NM",{"templateVersionId":null,"templateCanonId":null}],["b_0POBfsqrs39",{"templateVersionId":null,"templateCanonId":null}]] 10f:[["b_bdPUmXylskm","$D2025-07-20T23:07:13.650Z"],["b_yH5mRCzj9ta","$D2025-07-20T23:13:13.240Z"],["b_NeK4saU9Mso","$D2025-07-20T23:18:31.011Z"],["b_bjlPeqIcnjC","$D2025-07-20T23:21:15.529Z"],["b_vSusQx9w52b","$D2025-07-20T23:38:30.137Z"],["b_RdxOsYwzkoy","$D2025-07-20T23:43:24.729Z"],["b_gpLEWAMJ9pZ","$D2025-07-20T23:52:58.713Z"],["b_ccYEkd4CmKx","$D2025-07-20T23:59:58.971Z"],["b_xwziuTzCnlz","$D2025-07-21T00:01:06.044Z"],["b_2sXgrNGD1JR","$D2025-07-21T00:10:54.326Z"],["b_gU0jJzxgdgg","$D2025-07-21T00:13:49.451Z"],["b_hSoFnGD5DPW","$D2025-07-21T00:22:03.141Z"],["b_uKeq2f9Iqam","$D2025-07-21T00:26:35.061Z"],["b_9CpX3DsduM0","$D2025-07-21T00:30:58.985Z"],["b_ZQAuNILtkhE","$D2025-07-21T00:37:12.883Z"],["b_fnTd1OVAVQq","$D2025-07-21T00:40:53.789Z"],["b_35eZu5irE8o","$D2025-07-21T00:44:00.637Z"],["b_NItnTb2dXay","$D2025-07-21T00:46:11.460Z"],["b_dHgphZfDtNU","$D2025-07-21T00:49:30.706Z"],["b_RAjfseikzkY","$D2025-07-21T00:59:02.115Z"],["b_DiCCk7sdjPu","$D2025-07-21T01:03:37.912Z"],["b_r6AF5n2yQzm","$D2025-07-21T01:09:04.124Z"],["b_k3co9FKcvdo","$D2025-07-21T01:12:06.545Z"],["b_AzcNDbmIheb","$D2025-07-21T01:21:13.168Z"],["b_kjJvtNXyo0h","$D2025-07-21T01:25:39.007Z"],["b_DWo66tm2g64","$D2025-07-21T01:29:18.327Z"],["b_vahemtdsFxq","$D2025-07-21T01:32:25.188Z"],["b_5cveEOQxtA0","$D2025-07-21T01:37:31.430Z"],["b_jtYTOnv1Ht1","$D2025-07-21T01:41:58.406Z"],["b_7H6lIhTVGsJ","$D2025-07-21T01:44:20.249Z"],["b_zhh7hpgs4sp","$D2025-07-21T11:01:52.325Z"],["b_RJ6rEEMkNq1","$D2025-07-21T11:03:48.408Z"],["b_kIlaOKN2EW2","$D2025-08-18T12:48:55.495Z"],["b_FnqjNt6qF6U","$D2025-08-18T12:52:27.978Z"],["b_wDdIVNz5Gbg","$D2025-08-18T12:56:32.650Z"],["b_Xch6NAgi9ja","$D2025-08-18T13:07:02.044Z"],["b_QbCKhZ94aey","$D2025-08-18T13:26:06.840Z"],["b_71WlRvqz9Pc","$D2025-08-18T13:30:37.594Z"],["b_tkSDp7LRDAk","$D2025-08-18T13:31:30.832Z"],["b_m2zqVbu8wJK","$D2025-08-18T13:33:37.348Z"],["b_zlKF7ELGXI1","$D2025-08-18T13:35:33.354Z"],["b_Zh8jqP8gg8u","$D2025-08-18T13:36:38.052Z"],["b_aICJmEL6HiS","$D2025-08-18T13:48:29.661Z"],["b_khaQCSaNLxZ","$D2025-08-18T13:58:27.992Z"],["b_TTum1oKXCnb","$D2025-08-18T14:00:35.077Z"],["b_D1WxVPvPJYi","$D2025-08-18T14:03:14.916Z"],["b_IDAmkownA2p","$D2025-08-18T14:05:58.810Z"],["b_RwZthjq1igz","$D2025-08-18T14:08:41.350Z"],["b_bcaNmNz5e4T","$D2025-08-18T14:18:37.285Z"],["b_FOIDKHityLz","$D2025-08-18T14:26:21.754Z"],["b_DzVI0iVIaDq","$D2025-08-18T14:41:12.679Z"],["b_4f8MsM4qZCb","$D2025-08-18T14:52:12.302Z"],["b_sKKjzkdcZCv","$D2025-08-18T15:36:24.055Z"],["b_IX1kJJvObBQ","$D2025-08-18T15:43:24.855Z"],["b_zYHQ2xXxhB3","$D2025-08-18T15:49:43.258Z"],["b_iuRO35RL7uB","$D2025-08-18T15:58:23.166Z"],["b_B2hmYq89vPx","$D2025-08-18T16:07:56.492Z"],["b_Qup54laBqEz","$D2025-08-18T16:12:06.735Z"],["b_K7K8AEqB5LT","$D2025-08-18T16:15:29.536Z"],["b_jxXl2dicdoz","$D2025-08-18T16:18:57.084Z"],["b_VqgqiCNF2r2","$D2025-08-18T16:31:42.181Z"],["b_E3lzMQHZhSi","$D2025-08-18T16:35:02.408Z"],["b_cYghL0fbo8c","$D2025-08-18T16:39:41.998Z"],["b_NFqEZSoupZ8","$D2025-08-18T16:46:38.748Z"],["b_pidQSJZcsDH","$D2025-08-18T16:53:49.246Z"],["b_9HP8NyGPsDZ","$D2025-08-18T16:56:10.028Z"],["b_v03usnflHi8","$D2025-08-18T16:58:57.814Z"],["b_POiG2UoeAr5","$D2025-08-18T17:00:21.302Z"],["b_zeeAel5kDaK","$D2025-08-18T17:03:31.748Z"],["b_ObXIdfZTsCF","$D2025-08-18T17:12:27.183Z"],["b_4MYwzC94lf2","$D2025-08-18T17:17:32.340Z"],["b_zC4XXvPT3Ts","$D2025-08-18T17:24:49.253Z"],["b_WIcx6xgrZRb","$D2025-08-18T17:34:03.157Z"],["b_cbnQTWap7wd","$D2025-08-18T17:37:17.984Z"],["b_lY1ac1WsliJ","$D2025-08-18T17:43:41.950Z"],["b_ESCRprsLLfG","$D2025-08-18T17:52:02.932Z"],["b_XD8iImX8MPr","$D2025-08-18T17:54:34.269Z"],["b_UFfE5T6jcE2","$D2025-08-18T17:58:33.197Z"],["b_03srrg9zOsQ","$D2025-08-18T18:04:07.001Z"],["b_rMOaevyx2mm","$D2025-08-18T18:06:39.969Z"],["b_jeCFIm2ijI5","$D2025-08-18T18:11:27.234Z"],["b_WSKZcwZKs6E","$D2025-08-18T18:13:42.134Z"],["b_rRRT3Oc2Jyt","$D2025-08-18T18:22:53.049Z"],["b_GXezzbEoaWv","$D2025-08-18T18:29:52.104Z"],["b_IUaiuUwTKnz","$D2025-08-18T18:43:55.860Z"],["b_i49qe3w0FoN","$D2025-08-18T18:46:18.612Z"],["b_BsGxtGJRTqF","$D2025-08-18T18:49:15.794Z"],["b_CoJQ6p3N4UT","$D2025-08-18T18:56:30.873Z"],["b_PclIDJlhAHX","$D2025-08-18T19:00:33.976Z"],["b_rVCxAlfYtCA","$D2025-08-18T19:04:37.223Z"],["b_1bwbfMbIr7G","$D2025-08-18T19:14:07.608Z"],["b_w4xUhLNBctn","$D2025-08-18T19:23:00.864Z"],["b_0bV7aErdqTj","$D2025-08-18T19:31:15.133Z"],["b_Iwkc709QIXh","$D2025-08-18T19:34:28.196Z"],["b_jh2oACfu0RZ","$D2025-10-23T17:41:31.768Z"],["b_LeoKEQWK9NM","$D2025-10-23T17:45:09.822Z"],["b_0POBfsqrs39","$D2025-10-23T17:47:35.183Z"]] 110:[["b_jh2oACfu0RZ",false],["b_LeoKEQWK9NM",false],["b_0POBfsqrs39",false]] 111:[["b_jh2oACfu0RZ","$undefined"],["b_LeoKEQWK9NM","$undefined"],["b_0POBfsqrs39","$undefined"]] 112:[["b_jh2oACfu0RZ",null],["b_LeoKEQWK9NM",null],["b_0POBfsqrs39",null]] 113:[["b_jh2oACfu0RZ",true],["b_LeoKEQWK9NM",true],["b_0POBfsqrs39",true]] 114:[["b_jh2oACfu0RZ",true],["b_LeoKEQWK9NM",true],["b_0POBfsqrs39",true]] 115:[] 116:T1a38,An error occurred during deployment. Please fix: ``` Running build in Washington, D.C., USA (East) – iad1 Build machine configuration: 2 cores, 8 GB Retrieving list of deployment files... Downloading 180 deployment files... Restored build cache from previous deployment (AhbiSR4E5VTnDbPHWhBJyUgBWjrS) Running "vercel build" Vercel CLI 48.2.9 Running "install" command: `bun install`... bun install v1.2.23 (cf136713) + @tailwindcss/postcss@4.1.16 + @types/node@22.18.12 + tailwindcss@4.1.16 + tw-animate-css@1.3.3 + recharts@3.3.0 25 packages installed [385.00ms] Detected Next.js version: 15.2.4 Running "bun run build" $ next build ▲ Next.js 15.2.4 Creating an optimized production build ... ⚠ Compiled with warnings ./app/admin/alerts/edit/[id]/page.tsx Attempted import error: 'AlertForm' is not exported from '@/components/alert-form' (imported as 'AlertForm'). Import trace for requested module: ./app/admin/alerts/edit/[id]/page.tsx Failed to compile. ./app/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration. at ot (/vercel/path1/node_modules/tailwindcss/dist/lib.js:38:1629) at LazyResult.runOnRoot (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16) at LazyResult.runAsync (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26) at LazyResult.async (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30) at LazyResult.then (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17) Import trace for requested module: ./app/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css ./app/globals.css ./app/globals.css Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration. at ot (/vercel/path1/node_modules/tailwindcss/dist/lib.js:38:1629) at LazyResult.runOnRoot (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16) at LazyResult.runAsync (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26) at LazyResult.async (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30) at LazyResult.then (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17) at tryRunOrWebpackError (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:316142) at __webpack_require_module__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548) at __nested_webpack_require_161494__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983) at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131840 at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14444) at done (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14824) at Hook.eval [as callAsync] (eval at create (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:9224), :15:1) at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:6378) at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130703 at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14402) -- inner error -- Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration. at ot (/vercel/path1/node_modules/tailwindcss/dist/lib.js:38:1629) at LazyResult.runOnRoot (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16) at LazyResult.runAsync (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26) at LazyResult.async (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30) at LazyResult.then (/vercel/path1/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17) at Object. (/vercel/path1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path1/app/globals.css:1:7) at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:962742 at Hook.eval [as call] (eval at create (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:9002), :7:1) at Hook.CALL_DELEGATE [as _call] (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:6272) at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131581 at tryRunOrWebpackError (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:316096) at __webpack_require_module__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548) at __nested_webpack_require_161494__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983) at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131840 at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14444) Generated code for /vercel/path1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path1/app/globals.css Import trace for requested module: ./app/globals.css > Build failed because of webpack errors error: script "build" exited with code 1 Error: Command "bun run build" exited with 1 ``` 117:T942e0,[V0_FILE]css:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; body { font-family: Arial, Helvetica, sans-serif; } @layer utilities { .text-balance { text-wrap: balance; } } @layer base { :root { --background: 0 0% 100%; --foreground: 0 0% 3.9%; --card: 0 0% 100%; --card-foreground: 0 0% 3.9%; --popover: 0 0% 100%; --popover-foreground: 0 0% 3.9%; --primary: 220 91% 50%; --primary-foreground: 0 0% 5%; --secondary: 0 0% 96.1%; --secondary-foreground: 0 0% 9%; --muted: 0 0% 96.1%; --muted-foreground: 0 0% 45.1%; --accent: 0 0% 96.1%; --accent-foreground: 0 0% 9%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 0 0% 89.8%; --input: 0 0% 89.8%; --ring: 220 91% 50%; --chart-1: 12 76% 61%; --chart-2: 173 58% 39%; --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --chart-5: 27 87% 67%; --radius: 0.5rem; --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 240 5.9% 10%; --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 240 4.8% 95.9%; --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; } .dark { --background: 0 0% 2%; --foreground: 0 0% 98%; --card: 0 0% 8%; --card-foreground: 0 0% 98%; --popover: 0 0% 2%; --popover-foreground: 0 0% 98%; --primary: 220 91% 50%; --primary-foreground: 0 0% 5%; --secondary: 0 0% 14.9%; --secondary-foreground: 0 0% 98%; --muted: 0 0% 14.9%; --muted-foreground: 0 0% 63.9%; --accent: 0 0% 14.9%; --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; --border: 0 0% 18%; --input: 0 0% 14.9%; --ring: 220 91% 50%; --chart-1: 220 70% 50%; --chart-2: 160 60% 45%; --chart-3: 30 80% 55%; --chart-4: 280 65% 60%; --chart-5: 340 75% 55%; --sidebar-background: 240 5.9% 10%; --sidebar-foreground: 240 4.8% 95.9%; --sidebar-primary: 224.3 76.3% 48%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 240 3.7% 15.9%; --sidebar-accent-foreground: 240 4.8% 95.9%; --sidebar-border: 240 3.7% 15.9%; --sidebar-ring: 217.2 91.2% 59.8%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [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/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/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) => (

)) 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">) => (
svg]:w-3.5 [&>svg]:h-3.5", className)} {...props} > {children ?? }

function Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) { return ( , IconRight: ({ ...props }) => , }} {...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 (