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:T251e,"use client"; import { cn } from "@/lib/utils"; import { TrendingUp, TrendingDown, ArrowUpRight, ArrowDownRight } from "lucide-react"; import { GlassWidgetBase } from "./base-widget"; interface StockTickerWidgetProps { symbol: string; name?: string; price: number; change: number; changePercent: number; chartData?: number[]; className?: string; } function StockTickerWidget({ symbol, name, price, change, changePercent, chartData, className, }: StockTickerWidgetProps) { const isPositive = change >= 0; const color = isPositive ? "text-emerald-500" : "text-red-500"; return (

{isPositive ? ( ) : ( )} {symbol}

{isPositive ? "+" : ""} {change.toFixed(2)}

{chartData && chartData.length > 0 && (

{chartData.map((value, i) => { const max = Math.max(...chartData); const min = Math.min(...chartData); const height = ((value - min) / (max - min || 1)) * 100; return (

); })}

)}

{price.toFixed(2)}

{name &&

{name}

}

{isPositive ? "+" : ""} {changePercent.toFixed(2)}%

); } interface CompactStockWidgetProps { symbol: string; price: number; change: number; changePercent: number; className?: string; } function CompactStockWidget({ symbol, price, change, changePercent, className, }: CompactStockWidgetProps) { const isPositive = change >= 0; return (

{symbol} {isPositive ? ( ) : ( )} {Math.abs(changePercent).toFixed(2)}%

${price.toFixed(2)}

); } interface PortfolioItem { symbol: string; name: string; shares: number; avgCost: number; currentPrice: number; } interface PortfolioWidgetProps { title?: string; totalValue?: number; totalChange?: number; holdings?: PortfolioItem[]; className?: string; } function PortfolioWidget({ title = "Portfolio", totalValue = 0, totalChange = 0, holdings = [], className, }: PortfolioWidgetProps) { const isPositive = totalChange >= 0; return (

{title}

${totalValue.toLocaleString()}

{isPositive ? : } {isPositive ? "+" : ""} {totalChange.toFixed(2)}%

{holdings.map((item) => { const value = item.shares * item.currentPrice; const gain = ((item.currentPrice - item.avgCost) / item.avgCost) * 100; const isGain = gain >= 0; return (

{item.symbol}

{item.shares} shares

${value.toFixed(2)}

{isGain ? "+" : ""} {gain.toFixed(2)}%

); })}

); } interface MarketIndex { name: string; value: number; change: number; changePercent: number; } interface MarketOverviewWidgetProps { indices?: MarketIndex[]; className?: string; } function MarketOverviewWidget({ indices = [], className }: MarketOverviewWidgetProps) { return (

Market Overview

{indices.map((index) => { const isPositive = index.change >= 0; return (

{index.name}

{index.value.toLocaleString()} {isPositive ? ( ) : ( )} {Math.abs(index.changePercent).toFixed(2)}%

); })}

); } interface CryptoWidgetProps { symbol: string; name: string; price: number; change24h: number; marketCap?: string; volume24h?: string; sparkline?: number[]; className?: string; } function CryptoWidget({ symbol, name, price, change24h, marketCap, volume24h, sparkline, className, }: CryptoWidgetProps) { const isPositive = change24h >= 0; return (

{symbol}

{name}

{isPositive ? "+" : ""} {change24h.toFixed(2)}%

{sparkline && sparkline.length > 0 && (

{sparkline.map((value, i) => { const max = Math.max(...sparkline); const min = Math.min(...sparkline); const height = ((value - min) / (max - min || 1)) * 100; return (

); })}

)}

${price.toLocaleString()}

{(marketCap || volume24h) && (

{marketCap && MCap: {marketCap}} {volume24h && Vol: {volume24h}}

)} ); } export { StockTickerWidget, CompactStockWidget, PortfolioWidget, MarketOverviewWidget, CryptoWidget, }; 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","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","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":"lucide-react"}]]}]}]]}],["$","$L4e",null,{"namespace":"@einui","registryDependencies":["https://ui.eindev.ir/r/base-widget.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/widgets/stock-widget.tsx","content":"$50","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]