4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T1e7b,"use client" import * as React from "react" import { Bar, BarChart, CartesianGrid, LabelList, XAxis } from "recharts" import { Badge } from "@/components/ui/badge" import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card" import { ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent, } from "@/components/ui/chart" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select" import { IconPlaceholder } from "@/components/icons/icon-placeholder" type Range = "7d" | "30d" | "90d" | "12m" const RANGES: { value: Range; label: string }[] = [ { value: "7d", label: "Last 7 Days" }, { value: "30d", label: "Last 30 Days" }, { value: "90d", label: "Last 90 Days" }, { value: "12m", label: "Last 12 Months" }, ] const STATS_BY_RANGE: Record< Range, { label: string; value: string; delta: string; up: boolean }[] > = { "7d": [ { label: "Revenue", value: "$11.4k", delta: "+3.1%", up: true }, { label: "Active Users", value: "2,140", delta: "+1.2%", up: true }, { label: "Conversion", value: "3.31%", delta: "+0.2%", up: true }, { label: "Avg. Session", value: "4m 02s", delta: "-0.4%", up: false }, ], "30d": [ { label: "Revenue", value: "$48.2k", delta: "+12.5%", up: true }, { label: "Active Users", value: "8,941", delta: "+4.3%", up: true }, { label: "Conversion", value: "3.24%", delta: "-0.8%", up: false }, { label: "Avg. Session", value: "4m 12s", delta: "+1.1%", up: true }, ], "90d": [ { label: "Revenue", value: "$142.7k", delta: "+9.8%", up: true }, { label: "Active Users", value: "26,304", delta: "+7.6%", up: true }, { label: "Conversion", value: "3.18%", delta: "-1.4%", up: false }, { label: "Avg. Session", value: "4m 26s", delta: "+2.3%", up: true }, ], "12m": [ { label: "Revenue", value: "$571.0k", delta: "+22.1%", up: true }, { label: "Active Users", value: "98,612", delta: "+18.4%", up: true }, { label: "Conversion", value: "3.02%", delta: "-2.9%", up: false }, { label: "Avg. Session", value: "4m 41s", delta: "+5.0%", up: true }, ], } const chartData = [ { month: "Jan", sessions: 1840 }, { month: "Feb", sessions: 2120 }, { month: "Mar", sessions: 1760 }, { month: "Apr", sessions: 2580 }, { month: "May", sessions: 2340 }, { month: "Jun", sessions: 3120 }, { month: "Jul", sessions: 2210 }, { month: "Aug", sessions: 2860 }, { month: "Sep", sessions: 2480 }, { month: "Oct", sessions: 3340 }, { month: "Nov", sessions: 2720 }, { month: "Dec", sessions: 3010 }, ] const chartConfig = { sessions: { label: "Sessions", color: "var(--primary)" }, } satisfies ChartConfig export default function DashboardBlock() { const [range, setRange] = React.useState("30d") const stats = STATS_BY_RANGE[range] return (

Overview

{stats.map((stat) => ( {stat.label} {stat.value} {stat.up ? ( Vs Last Period ))}

Monthly traffic Sessions over the last 12 months View Report } /> (Number(value) / 1000).toFixed(1) + "k" } />

) } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","recharts",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/recharts","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"recharts"}]]}]}],["$","li","@base-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@base-ui/react"}]]}]}]]}],["$","$L4e",null,{"namespace":"@7ovr","registryDependencies":["badge","card","chart","select"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/blocks/dashboard/1/dashboard-block.tsx","content":"$50","type":"registry:component","target":"components/blocks/dashboard-1.tsx"}],"className":"h-[70svh] min-h-80"}]]}]