50:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 51:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 52:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 53:Taf7,"use client"; import OverviewTab from "@/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/OverviewTabCode"; import UpdateBanner from "@/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/UpdateBannerCode"; import TotalSales from "@/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/TotalSalesCode"; import TotalOrders from "@/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/TotalOrdersCode"; import TotalProfit from "@/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/TotalProfitCode"; import AdvertisementCost from "@/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/AdvertisementCostCode"; import Divider from "@/common/divider"; import TotalAssets from "@/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/AssetsBlockCode"; import ProjectsOrders from "@/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/ProjectsOrdersCode"; import { LyraStyleProvider } from "@/components/shadcn-dashboard/blocks/dashboardshell/LyraStyleProvider"; import "@/components/shadcn-dashboard/blocks/dashboardshell/style.css"; const DashboardShell01 = () => { return (

); } export default DashboardShell01 54:Tb83,'use client' import { useEffect, useState } from 'react'; import { Button } from '@/components/ui/button'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@/components/ui/select'; import { CalendarDays, RefreshCcw, Download, Sun, Moon } from 'lucide-react'; import { Card, CardContent } from '@/components/ui/card'; export default function OverviewTab() { const [greeting, setGreeting] = useState(''); useEffect(() => { const hour = new Date().getHours(); if (hour >= 5 && hour < 12) { setGreeting('Good Morning'); } else if (hour >= 12 && hour < 17) { setGreeting('Good Afternoon'); } else if (hour >= 17 && hour < 21) { setGreeting('Good Evening'); } else { setGreeting('Good Night'); } }, []); const getGreetingIcon = () => { if (greeting === 'Good Morning' || greeting === 'Good Afternoon') { return ; } else { return ; } }; const dropdownItems = ['Monthly', 'Yearly']; const [selectedYear, setSelectedYear] = useState(dropdownItems[0]); return ( <>

{greeting}, Cameron {getGreetingIcon()}

Stay informed with today’s analytics

); } 55:T551,'use client' import { CardContent,Card } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; import { ArrowRight } from 'lucide-react'; export default function UpdateBanner() { return (

Update

Nov 25th, 2024

Sales revenue increased 40% in 1 week

); } 56:T2929,"use client"; import { useEffect, useRef, useState } from "react"; import { TrendingUp } from "lucide-react"; import { Line, LineChart, CartesianGrid, ReferenceLine, XAxis, YAxis } from "recharts"; import { ChartConfig, ChartContainer, ChartTooltip, } from "@/components/ui/chart"; import { CardHeader, CardContent,Card, CardTitle } from "@/components/ui/card"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select"; const allChartData: Record = { "Last 30 Days": [ { date: "Mar 30", newUser: 12, existingUser: 20 }, { date: "Apr 1", newUser: 18, existingUser: 25 }, { date: "Apr 2", newUser: 14, existingUser: 22 }, { date: "Apr 4", newUser: 22, existingUser: 30 }, { date: "Apr 5", newUser: 16, existingUser: 18 }, { date: "Apr 7", newUser: 20, existingUser: 24 }, { date: "Apr 9", newUser: 18, existingUser: 32 }, { date: "Apr 11", newUser: 26, existingUser: 22 }, { date: "Apr 12", newUser: 20, existingUser: 26 }, { date: "Apr 14", newUser: 30, existingUser: 20 }, { date: "Apr 15", newUser: 22, existingUser: 28 }, { date: "Apr 17", newUser: 26, existingUser: 22 }, { date: "Apr 19", newUser: 28, existingUser: 18 }, { date: "Apr 20", newUser: 24, existingUser: 24 }, { date: "Apr 22", newUser: 38, existingUser: 18 }, { date: "Apr 23", newUser: 22, existingUser: 26 }, { date: "Apr 24", newUser: 20, existingUser: 22 }, { date: "Apr 26", newUser: 24, existingUser: 20 }, { date: "Apr 27", newUser: 18, existingUser: 24 }, { date: "Apr 29", newUser: 22, existingUser: 20 }, { date: "May 1", newUser: 20, existingUser: 18 }, { date: "May 4", newUser: 24, existingUser: 22 }, ], "Last 7 Days": [ { date: "Apr 28", newUser: 18, existingUser: 22 }, { date: "Apr 29", newUser: 22, existingUser: 20 }, { date: "Apr 30", newUser: 20, existingUser: 28 }, { date: "May 1", newUser: 30, existingUser: 18 }, { date: "May 2", newUser: 24, existingUser: 26 }, { date: "May 3", newUser: 32, existingUser: 20 }, { date: "May 4", newUser: 22, existingUser: 28 }, ], "Last 90 Days": [ { date: "Feb 1", newUser: 14, existingUser: 22 }, { date: "Feb 15", newUser: 20, existingUser: 28 }, { date: "Mar 1", newUser: 18, existingUser: 24 }, { date: "Mar 15", newUser: 26, existingUser: 20 }, { date: "Mar 30", newUser: 22, existingUser: 30 }, { date: "Apr 14", newUser: 32, existingUser: 22 }, { date: "Apr 22", newUser: 38, existingUser: 18 }, { date: "Apr 29", newUser: 24, existingUser: 26 }, { date: "May 4", newUser: 28, existingUser: 20 }, ], }; const xAxisLabels: Record> = { "Last 30 Days": new Set(["Mar 30", "Apr 4", "Apr 9", "Apr 14", "Apr 19", "Apr 24", "Apr 29", "May 4"]), "Last 7 Days": new Set(["Apr 28", "Apr 29", "Apr 30", "May 1", "May 2", "May 3", "May 4"]), "Last 90 Days": new Set(["Feb 1", "Feb 15", "Mar 1", "Mar 15", "Mar 30", "Apr 14", "Apr 29", "May 4"]), }; const chartConfig = { newUser: { label: "New User", color: "var(--color-primary)" }, existingUser: { label: "Existing User", color: "var(--muted-foreground)" }, } satisfies ChartConfig; const periodOptions = ["Last 30 Days", "Last 7 Days", "Last 90 Days"]; function useAnimatedNumber(target: number, duration = 450) { const [display, setDisplay] = useState(0); const currentRef = useRef(0); const rafRef = useRef(0); useEffect(() => { cancelAnimationFrame(rafRef.current); const from = currentRef.current; const diff = target - from; if (diff === 0) return; const startTime = performance.now(); const tick = (now: number) => { const elapsed = now - startTime; const progress = Math.min(elapsed / duration, 1); const eased = 1 - Math.pow(1 - progress, 3); const next = Math.round(from + diff * eased); currentRef.current = next; setDisplay(next); if (progress < 1) { rafRef.current = requestAnimationFrame(tick); } else { currentRef.current = target; setDisplay(target); } }; rafRef.current = requestAnimationFrame(tick); return () => cancelAnimationFrame(rafRef.current); }, [target, duration]); return display; } function AnimatedValue({ value }: { value: number }) { const animated = useAnimatedNumber(value); return <>{animated.toLocaleString()}; } type TooltipItem = { name?: string; value?: number; color?: string; dataKey?: string; type?: string }; type ConfigEntry = { label?: string; color?: string }; function AnimatedTooltipContent({ active, payload, label, hideLabel = false, config }: { active?: boolean; payload?: TooltipItem[]; label?: string; hideLabel?: boolean; config?: Record; }) { if (!active || !payload?.length) return null; const items = payload.filter((item) => item.type !== "none" && item.value !== undefined); if (!items.length) return null; return (

{!hideLabel && label &&

{label}

}

{items.map((item, index) => (

{config?.[item.dataKey ?? ""]?.label ?? item.name}

))}

); } export default function TotalSales() { const [period, setPeriod] = useState(periodOptions[0]); const chartData = allChartData[period]; const visibleLabels = xAxisLabels[period]; return ( {/* Header */}

Sales Overview

{/* Stats row + period selector */}

Total Sales

$12,450.00 +22% vs last month

{/* Chart */} (visibleLabels.has(v) ? v : "")} /> (v === 0 ? "0" : `${v}k`)} /> } /> {/* New User — solid primary */} {/* Existing User — dashed muted */} ); } 57:T7f4, 'use client' import { CardContent, CardHeader, Card, CardTitle } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; import { Bookmark, BriefcaseBusiness, Box, Users, File } from 'lucide-react'; const assetsData = [ { id: 'Employees', title: 'Employees', href: '/apps/kanban', value: '96', icon: Users }, { id: 'Projects', title: 'Projects', href: '/apps/calendar', value: '356', icon: File }, { id: 'Clients', title: 'Clients', href: '/', value: '3,650', icon: BriefcaseBusiness }, { id: 'Events', title: 'Events', href: '/', value: '86', icon: Bookmark }, ]; type AssetCardProps = { title: string; href: string; value: string | number; icon:any; }; function AssetCard({ title, href, value, icon: Icon }: AssetCardProps) { return (

{value}

{title}

); } export default function TotalAssets() { return (

Total Assets

{assetsData.map((item) => ( ))}

); } 58:T56f,"use client"; import { CardContent,Card } from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { ArrowRight, Handbag } from "lucide-react"; export default function TotalOrders() { return (

Weekly sales

714k

40%

); } 59:T56f,"use client"; import { CardContent ,Card} from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import { ArrowRight, Users } from "lucide-react"; import { Button } from "@/components/ui/button"; export default function TotalProfit() { return (

New users

1.35m

20%

); } 5a:T56e,"use client"; import { Card, CardContent } from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import { ArrowRight, Box } from "lucide-react"; import { Button } from "@/components/ui/button"; export default function AdvertisementCost() { return (

Purchase Orders

1.72m

40%

); } 5b:T2756,"use client"; import { BriefcaseBusiness, ArrowDownUp, Ellipsis } from "lucide-react"; import { CardHeader, CardContent ,Card, CardTitle} from "@/components/ui/card"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table"; import { Badge } from "@/components/ui/badge"; import SimpleBar from "simplebar-react"; import 'simplebar-react/dist/simplebar.min.css'; import { Button } from "@/components/ui/button"; type StatusKey = "Processing" | "Delayed" | "Delivered" | "Cancelled"; const statusConfig: Record = { Processing: { bg: "bg-chart-2/10!", text: "text-chart-2!" }, Delayed: { bg: "bg-orange-500/10!", text: "text-orange-500!" }, Delivered: { bg: "bg-amber-500/10!", text: "text-amber-500!" }, Cancelled: { bg: "bg-destructive/10!", text: "text-destructive!" }, }; const orders: { id: string; project: string; avatar: string; name: string; role: string; status: StatusKey; price: string; deadline: string; }[] = [ { id: "SD-2026-001", project: "Modernize", avatar: "https://images.shadcnspace.com/assets/shadcn-dashboard/profile/user-1.webp", name: "Emily Carter", role: "Project Manager", status: "Processing", price: "$2,499.00", deadline: "Jun 14, 2026", }, { id: "SD-2026-002", project: "Spike Admin", avatar: "https://images.shadcnspace.com/assets/shadcn-dashboard/profile/user-2.webp", name: "Jason Miller", role: "Web Developer", status: "Delayed", price: "$1,348.00", deadline: "May 10, 2026", }, { id: "SD-2026-003", project: "Material Pro", avatar: "https://images.shadcnspace.com/assets/shadcn-dashboard/profile/user-3.webp", name: "Ryan Scott", role: "UI/UX Designer", status: "Delivered", price: "$1,198.00", deadline: "Jul 2, 2026", }, { id: "SD-2026-004", project: "Xtreme Admin", avatar: "https://images.shadcnspace.com/assets/shadcn-dashboard/profile/user-4.webp", name: "Olivia Williams", role: "Frontend Developer", status: "Delivered", price: "$799.00", deadline: "May 30, 2026", }, { id: "SD-2026-005", project: "Nova Suite", avatar: "https://images.shadcnspace.com/assets/shadcn-dashboard/profile/user-5.webp", name: "Lisa Park", role: "Frontend Developer", status: "Cancelled", price: "$599.00", deadline: "Jul 15, 2026", }, { id: "SD-2026-006", project: "Pulse CRM", avatar: "https://images.shadcnspace.com/assets/shadcn-dashboard/profile/user-6.webp", name: "David Kim", role: "Backend Developer", status: "Processing", price: "$5,498.00", deadline: "Jun 5, 2026", }, { id: "SD-2026-007", project: "Vertex UI", avatar: "https://images.shadcnspace.com/assets/shadcn-dashboard/profile/user-7.webp", name: "Anna Martinez", role: "UI/UX Designer", status: "Delivered", price: "$1,199.00", deadline: "Jun 18, 2026", }, ]; export default function ProjectsOrders() { return ( {/* Header */}

Projects & Orders

{/* Table */}

Project

Item

Status

Price

Deadline

{orders.map((order) => { const { bg, text } = statusConfig[order.status]; return ( {/* Project */}

{order.id} {order.project}

{/* Item */}

{order.name} {order.role}

{/* Status */} {order.status} {/* Price */} {order.price} {/* Deadline */} {order.deadline} {/* Actions */} ); })}

); } 5c:T1850,'use client' import { useState } from "react"; import SimpleBar from 'simplebar-react'; import 'simplebar-react/dist/simplebar.min.css'; import { CardContent, CardHeader, CardTitle, CardAction,Card } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { Table, TableBody, TableHeader, TableHead, TableCell, TableRow, } from '@/components/ui/table'; import { InputGroup, InputGroupAddon, InputGroupInput, } from "@/components/ui/input-group"; import { SearchIcon, } from "lucide-react"; export default function RecentOrders() { const ProductTableData = [ { id: 1, project: 'Modernize', productImg: 'https://images.shadcnspace.com/assets/shadcn-dashboard/profile/user-2.webp', name: 'Emily Carter', role: 'Project Manager', timeline: '4–6 weeks', budget: '$1,499.00', statustext: 'On track', statuscolor: 'orange-600', }, { id:2 , project: 'Spike Admin', productImg: 'https://images.shadcnspace.com/assets/shadcn-dashboard/profile/user-3.webp', name: 'Jason Miller', role: 'Web Developer', timeline: '6–8 weeks', budget: '$1,499.00', statustext: 'Delayed', statuscolor: 'rose-600', }, { id:3 , project: 'Material Pro', productImg: 'https://images.shadcnspace.com/assets/shadcn-dashboard/profile/user-7.webp', name: 'Ryan Scott', role: 'UI/UX Designer', timeline: '3–5 weeks', budget: '$1,499.00', statustext: 'Submitted', statuscolor: 'chart-2', }, { id:4 , project: 'Xtreme Admin', productImg: 'https://images.shadcnspace.com/assets/shadcn-dashboard/profile/user-6.webp', name: 'Olivia Williams', role: 'Frontend Developer', timeline: '2–4 weeks', budget: '$1,499.00', statustext: 'Submitted', statuscolor: 'chart-2', }, ]; const [searchQuery, setSearchQuery] = useState(""); const filteredData = ProductTableData.filter((item) => item.project.toLowerCase().includes(searchQuery.toLowerCase()) || item.name.toLowerCase().includes(searchQuery.toLowerCase()) || item.role.toLowerCase().includes(searchQuery.toLowerCase()) ); return ( Top Selling Products

{ setSearchQuery(e.target.value); }} required />

Project Assigned Timeline Budget Status {filteredData.map((item) => (

{item.project}

{item.name}

{item.role}

{item.timeline}

{item.budget}

{item.statustext} ))}

); } 5d:T52b,const Divider = ({ noContainer, noBorder, height, color }: { noContainer?: boolean, noBorder?: boolean, height?: string, color?: string }) => { return (

); }; export default Divider; 4c:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[["$","li","lucide-react",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","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":"text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","recharts",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/recharts","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","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":"text-xs font-medium","children":"recharts"}]]}]}],["$","li","simplebar-react",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/simplebar-react","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","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":"text-xs font-medium","children":"simplebar-react"}]]}]}]]}],["$","$L50",null,{"registryDependencies":["card","button","select","badge","table","chart","input-group"]}]]}],["$","$L51",null,{"sourceUrl":"https://shadcndashboard.dev/r/dashboard-shell-01.json","proxyUrl":"https://shadcnregistry.com/r/shadcn-dashboard/dashboard-shell-01","itemId":"@shadcn-dashboard/dashboard-shell-01"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L52",null,{"files":[{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/page.tsx","content":"import DashboardShell01 from \"@/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/index\";\r\n\r\nexport default function page() {\r\n return (\r\n \r\n );\r\n}\r\n","type":"registry:page","target":"app/dashboard-shell-01/page.tsx"},{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/index.tsx","content":"$53","type":"registry:component","target":"components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/index.tsx"},{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/OverviewTabCode.tsx","content":"$54","type":"registry:component","target":"components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/OverviewTabCode.tsx"},{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/UpdateBannerCode.tsx","content":"$55","type":"registry:component","target":"components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/UpdateBannerCode.tsx"},{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/TotalSalesCode.tsx","content":"$56","type":"registry:component","target":"components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/TotalSalesCode.tsx"},{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/AssetsBlockCode.tsx","content":"$57","type":"registry:component","target":"components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/AssetsBlockCode.tsx"},{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/TotalOrdersCode.tsx","content":"$58","type":"registry:component","target":"components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/TotalOrdersCode.tsx"},{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/TotalProfitCode.tsx","content":"$59","type":"registry:component","target":"components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/TotalProfitCode.tsx"},{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/AdvertisementCostCode.tsx","content":"$5a","type":"registry:component","target":"components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/AdvertisementCostCode.tsx"},{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/ProjectsOrdersCode.tsx","content":"$5b","type":"registry:component","target":"components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/ProjectsOrdersCode.tsx"},{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/RecentOrdersCode.tsx","content":"$5c","type":"registry:component","target":"components/shadcn-dashboard/blocks/dashboardshell/dashboard-shell-01/RecentOrdersCode.tsx"},{"path":"src/common/divider/index.tsx","content":"$5d","type":"registry:component","target":"common/divider/index.tsx"},{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/LyraStyleProvider.tsx","content":"\"use client\";\r\nimport { useEffect } from \"react\";\r\nimport { style } from \"@/components.json\";\r\n\r\nexport function LyraStyleProvider({ children }: { children?: React.ReactNode }) {\r\n useEffect(() => {\r\n if (style !== \"base-lyra\" && style !== \"radix-lyra\") return;\r\n\r\n document.documentElement.classList.add(\"style-lyra\");\r\n return () => {\r\n document.documentElement.classList.remove(\"style-lyra\");\r\n };\r\n }, []);\r\n return null;\r\n}\r\n","type":"registry:component","target":"components/shadcn-dashboard/blocks/dashboardshell/LyraStyleProvider.tsx"},{"path":"src/components/shadcn-dashboard/blocks/dashboardshell/style.css","content":"@reference \"../../../../app/globals.css\";\n\n.dashboard-shell-grid {\n @apply style-lyra:p-px style-lyra:gap-px style-lyra:bg-border style-lyra:**:data-[slot=card]:border-none style-lyra:**:data-[slot=card]:ring-0 style-lyra:**:data-[slot=card]:shadow-none style-lyra:**:data-[slot=card]:rounded-none;\n}\n\n.dashboard-shell-subgrid {\n @apply style-lyra:gap-px style-lyra:bg-border;\n}\n\n.dashboard-shell-sidebar {\n @apply style-lyra:gap-px;\n}\n\n.dashboard-shell-divider {\n @apply hidden style-lyra:block;\n}\n","type":"registry:component","target":"components/shadcn-dashboard/blocks/dashboardshell/style.css"}]}]]}],"$L5e"]}]

Dashboard Shell 01 Ecommerce Overview

Installation

Files

app

components

common

Styles