@mova-ui/react 0.1.0 → 0.4.1

package/dist/catalog/components/metrics/Budget.d.ts

@@ -0,0 +1 @@
+export default function Budget(): import("react").JSX.Element;

package/dist/catalog/components/metrics/Budget.js

@@ -0,0 +1,35 @@
+"use client";
+
+// .generated/catalog/components/metrics/Budget.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Budget() {
+  const totalCols = 64;
+  const spentCols = 42;
+  return /* @__PURE__ */ jsxs("div", { className: "bg-[#121212] border border-white/5 rounded-[2rem] p-8 flex flex-col h-full font-mono", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-2xl tracking-[0.2em] text-neutral-300 mb-10", children: "BUDGET" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-neutral-400 mb-5 tracking-wider", children: [
+      /* @__PURE__ */ jsx("span", { children: "SPENT: $1420" }),
+      /* @__PURE__ */ jsx("span", { children: "LIMIT: $2200" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-rows-3 grid-cols-[repeat(64,1fr)] gap-0.5 mb-12", children: Array.from({ length: 3 * totalCols }).map((_, i) => {
+      const colIndex = i % totalCols;
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `aspect-square rounded-[1px] ${colIndex < spentCols ? "bg-neutral-300" : "bg-neutral-800"}`
+        },
+        i
+      );
+    }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-end mt-auto", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-[10px] leading-[1.8] tracking-[0.15em] text-neutral-500 uppercase", children: [
+        /* @__PURE__ */ jsx("div", { children: "You're getting close to your limit" }),
+        /* @__PURE__ */ jsx("div", { children: "Consider slowing down spending" })
+      ] }),
+      /* @__PURE__ */ jsx("button", { className: "bg-white text-black px-6 py-2.5 rounded-full text-xs font-bold tracking-widest hover:bg-neutral-200 transition-colors", children: "DETAILS" })
+    ] })
+  ] });
+}
+export {
+  Budget as default
+};

package/dist/catalog/components/metrics/CacheStatsCard.d.ts

@@ -0,0 +1 @@
+export default function CacheStatsCard(): import("react").JSX.Element;

package/dist/catalog/components/metrics/CacheStatsCard.js

@@ -0,0 +1,88 @@
+"use client";
+
+// .generated/catalog/components/metrics/CacheStatsCard.tsx
+import { MoreHorizontal, HelpCircle } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CacheStatsCard() {
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-3xl p-6 w-full max-w-[360px] mx-auto font-sans shadow-[0_8px_30px_-4px_rgba(0,0,0,0.08)] border border-neutral-100", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-2", children: [
+      /* @__PURE__ */ jsxs("h2", { className: "text-[17px] font-semibold text-neutral-800 flex items-center gap-1", children: [
+        "query ",
+        /* @__PURE__ */ jsx("span", { className: "font-bold text-neutral-900", children: "getUser" }),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "text-neutral-400 font-normal", children: "\u203A" })
+      ] }),
+      /* @__PURE__ */ jsx(MoreHorizontal, { className: "w-5 h-5 text-neutral-400" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "text-[13px] text-neutral-500 font-medium mb-6", children: "7.15M Requests \xB7 9% \xB7 734ms P95" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-end mb-6", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-[12px] text-neutral-500 font-medium mb-1.5", children: "Cache Hit Rate" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1.5", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-6 h-6 relative", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", className: "w-full h-full -rotate-90", children: [
+            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: "none", stroke: "#F1F5F9", strokeWidth: "3", strokeDasharray: "4 4" }),
+            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: "none", stroke: "#EF4444", strokeWidth: "3", strokeDasharray: "4 20" })
+          ] }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-[28px] font-bold text-neutral-900 tracking-tight leading-none", children: "12.3%" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-[12px] font-medium text-[#EF4444] flex items-center gap-1", children: "\u2198 down from 19.6%" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-[12px] text-neutral-500 font-medium mb-1.5", children: "Max CHR" }),
+        /* @__PURE__ */ jsx("div", { className: "text-[28px] font-medium text-neutral-600 tracking-tight leading-none mb-1.5", children: "72.6%" }),
+        /* @__PURE__ */ jsxs("div", { className: "text-[12px] font-medium text-neutral-500 flex items-center justify-end gap-1", children: [
+          "CHR Impact +5.4% ",
+          /* @__PURE__ */ jsx(HelpCircle, { className: "w-3.5 h-3.5 text-neutral-300" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-px w-[calc(100%+3rem)] -mx-6 bg-neutral-100 mb-6" }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5 mb-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[20px] font-semibold text-neutral-900 tracking-tight", children: "90.5 GB" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[15px] font-medium text-neutral-500", children: "(69.8%)" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center text-[12px] font-medium text-neutral-500 mb-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-[2px] opacity-60", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-0.5 h-2.5 bg-purple-600 rounded-full" }),
+            /* @__PURE__ */ jsx("div", { className: "w-0.5 h-3.5 bg-purple-600 rounded-full" }),
+            /* @__PURE__ */ jsx("div", { className: "w-0.5 h-2.5 bg-purple-600 rounded-full" })
+          ] }),
+          "Cacheable Bandwidth"
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-4 h-4 rounded-full border border-neutral-200 flex items-center justify-center text-[9px]", children: "$" }),
+          "$9.50",
+          /* @__PURE__ */ jsx(HelpCircle, { className: "w-3.5 h-3.5 text-neutral-300 ml-0.5" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "h-3.5 w-full flex gap-1 rounded-full overflow-hidden mb-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-[#1C1635] w-[20%] rounded-l-full" }),
+        /* @__PURE__ */ jsx("div", { className: "bg-[#9F7AEA] w-[15%]" }),
+        /* @__PURE__ */ jsx("div", { className: "bg-[#E9D5FF] flex-1 rounded-r-full", style: { backgroundImage: "repeating-linear-gradient(90deg, transparent, transparent 2px, white 2px, white 4px)" } })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-[12px] font-medium", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-[#9F7AEA]" }),
+          /* @__PURE__ */ jsx("span", { className: "text-neutral-500", children: "Cached" }),
+          /* @__PURE__ */ jsx("span", { className: "text-neutral-900", children: "12.8 GB" }),
+          /* @__PURE__ */ jsx("span", { className: "text-neutral-400", children: "(9.8%)" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-[#1C1635]" }),
+          /* @__PURE__ */ jsx("span", { className: "text-neutral-500", children: "Non-Cacheable" }),
+          /* @__PURE__ */ jsx("span", { className: "text-neutral-900", children: "26.3 GB" }),
+          /* @__PURE__ */ jsx("span", { className: "text-neutral-400", children: "(20.3%)" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pt-1 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-neutral-500", children: "Total" }),
+          /* @__PURE__ */ jsx("span", { className: "text-neutral-900", children: "129.6 GB" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  CacheStatsCard as default
+};

package/dist/catalog/components/metrics/CourseProgressCard.d.ts

@@ -0,0 +1 @@
+export default function CourseProgressCard(): import("react").JSX.Element;

package/dist/catalog/components/metrics/CourseProgressCard.js

@@ -0,0 +1,86 @@
+"use client";
+
+// .generated/catalog/components/metrics/CourseProgressCard.tsx
+import { Book, BarChart2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CourseProgressCard() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 max-w-[340px] w-full mx-auto font-sans", children: [
+    /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-5 shadow-[0_8px_30px_-4px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-neutral-900 font-semibold text-[15px]", children: [
+          /* @__PURE__ */ jsx(Book, { className: "w-5 h-5 text-neutral-700" }),
+          " Course Progress"
+        ] }),
+        /* @__PURE__ */ jsx("button", { className: "px-3 py-1.5 rounded-xl border border-neutral-200 text-[12px] font-medium text-neutral-600 hover:bg-neutral-50 shadow-sm", children: "See All" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-neutral-100 mb-5" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-5 items-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative w-16 h-16 flex-shrink-0", children: [
+          /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 36 36", className: "w-full h-full -rotate-90", children: [
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831",
+                fill: "none",
+                stroke: "#F3F4F6",
+                strokeWidth: "4"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831",
+                fill: "none",
+                stroke: "#5B32EA",
+                strokeWidth: "4",
+                strokeDasharray: "25, 100"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-[13px] font-semibold text-neutral-900", children: "25%" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-[15px] font-semibold text-neutral-900 mb-1 leading-tight", children: "Team Diversity Training" }),
+          /* @__PURE__ */ jsx("p", { className: "text-[12px] text-neutral-500 leading-[1.4] mb-2", children: "Designed to foster inclusivity and leverage diverse perspectives." }),
+          /* @__PURE__ */ jsx("a", { href: "#", className: "text-[12px] font-semibold text-[#5B32EA] underline decoration-[#5B32EA]/40 underline-offset-2", children: "Resume Course" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-5 shadow-[0_8px_30px_-4px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-neutral-900 font-semibold text-[15px]", children: [
+          /* @__PURE__ */ jsx(BarChart2, { className: "w-5 h-5 text-neutral-700" }),
+          " Training Analysis"
+        ] }),
+        /* @__PURE__ */ jsx("button", { className: "px-3 py-1.5 rounded-xl border border-neutral-200 text-[12px] font-medium text-neutral-600 hover:bg-neutral-50 shadow-sm", children: "Details" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-neutral-100 mb-5" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-end", children: [
+        /* @__PURE__ */ jsxs("div", { className: "pb-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-[20px] font-semibold text-neutral-900 leading-none mb-1.5", children: "12 courses" }),
+          /* @__PURE__ */ jsx("div", { className: "text-[12px] text-neutral-500 mb-4", children: "Completed in this quarter" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-[12px] font-medium text-neutral-600", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex -space-x-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-6 h-6 rounded-full border-2 border-white bg-purple-100 z-30 flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-xs", children: "\u{1F469}\u{1F3FD}" }) }),
+              /* @__PURE__ */ jsx("div", { className: "w-6 h-6 rounded-full border-2 border-white bg-blue-100 z-20 flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-xs", children: "\u{1F469}\u{1F3FB}\u200D\u{1F9B0}" }) }),
+              /* @__PURE__ */ jsx("div", { className: "w-6 h-6 rounded-full border-2 border-white bg-orange-100 z-10 flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-xs", children: "\u{1F468}\u{1F3FC}\u200D\u{1F4BC}" }) })
+            ] }),
+            "26 Attended"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-1.5 h-16 w-32", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-full bg-[#D8B4FE] h-[40%] rounded-sm" }),
+          /* @__PURE__ */ jsx("div", { className: "w-full bg-[#6D28D9] h-[80%] rounded-sm" }),
+          /* @__PURE__ */ jsx("div", { className: "w-full bg-[#6D28D9] h-[60%] rounded-sm" }),
+          /* @__PURE__ */ jsx("div", { className: "w-full bg-[#8B5CF6] h-[55%] rounded-sm" }),
+          /* @__PURE__ */ jsx("div", { className: "w-full bg-[#D8B4FE] h-[45%] rounded-sm" }),
+          /* @__PURE__ */ jsx("div", { className: "w-full bg-[#6D28D9] h-[95%] rounded-sm" }),
+          /* @__PURE__ */ jsx("div", { className: "w-full bg-[#D8B4FE] h-[35%] rounded-sm" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  CourseProgressCard as default
+};

package/dist/catalog/components/metrics/CreditScoreCards.d.ts

@@ -0,0 +1 @@
+export default function CreditScoreCards(): import("react").JSX.Element;

package/dist/catalog/components/metrics/CreditScoreCards.js

@@ -0,0 +1,139 @@
+"use client";
+
+// .generated/catalog/components/metrics/CreditScoreCards.tsx
+import { ArrowUp } from "lucide-react";
+import { LineChart, Line, Tooltip, ResponsiveContainer } from "recharts";
+import { jsx, jsxs } from "react/jsx-runtime";
+var scoreHistory = [
+  { month: "May", score: 700 },
+  { month: "Jun", score: 717 },
+  { month: "Jul", score: 730 }
+];
+function CreditScoreCards() {
+  const score = 730;
+  const min = 300;
+  const max = 850;
+  const percent = (score - min) / (max - min);
+  const radius = 80;
+  const circumference = Math.PI * radius;
+  const dashoffset = circumference * (1 - percent);
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 max-w-2xl mx-auto font-sans", children: [
+    /* @__PURE__ */ jsxs("div", { className: "bg-[#F5F6FF] rounded-[2rem] p-6 flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-[17px] font-semibold text-[#2D334A] w-full text-left mb-6", children: "Check your score" }),
+      /* @__PURE__ */ jsxs("div", { className: "relative w-48 h-24 mb-4", children: [
+        /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 200 100", className: "w-full h-full overflow-visible", children: [
+          /* @__PURE__ */ jsx("path", { d: "M 20 100 A 80 80 0 0 1 180 100", fill: "none", stroke: "#E2E8F0", strokeWidth: "16", strokeLinecap: "round" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M 20 100 A 80 80 0 0 1 180 100",
+              fill: "none",
+              stroke: "#6384F9",
+              strokeWidth: "16",
+              strokeLinecap: "round",
+              strokeDasharray: circumference,
+              strokeDashoffset: dashoffset
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "absolute inset-x-0 bottom-0 flex flex-col items-center justify-end", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[15px] font-medium text-[#2D334A] mb-0.5", children: "Good" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[42px] font-bold text-[#111827] leading-none", children: score })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-[#E4E9FF] text-[#5575E7] px-4 py-2 rounded-full text-[14px] font-semibold flex items-center gap-1.5 mt-2", children: [
+        /* @__PURE__ */ jsx(ArrowUp, { className: "w-4 h-4" }),
+        " 8 Points"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-[#F2F1E4] rounded-[2rem] p-6", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-[17px] font-semibold text-[#2D334A] mb-5", children: "Credit report card" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "bg-white/60 rounded-[1.25rem] p-3 flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-[#E3DEC6] text-[#787158] font-bold flex items-center justify-center text-[15px]", children: "B" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-[14px] font-semibold text-[#2D334A]", children: "Card Usage" }),
+            /* @__PURE__ */ jsx("div", { className: "text-[12px] text-neutral-500 font-medium", children: "High Impact" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-[14px] font-bold text-[#2D334A] pr-2", children: "18%" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "bg-white/60 rounded-[1.25rem] p-3 flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-[#7C8563] text-white font-bold flex items-center justify-center text-[15px]", children: "A" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-[14px] font-semibold text-[#2D334A] truncate max-w-[100px]", children: "Payment Histo..." }),
+            /* @__PURE__ */ jsx("div", { className: "text-[12px] text-neutral-500 font-medium", children: "High Impact" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-[14px] font-bold text-[#2D334A] pr-2", children: "Great" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "bg-white/60 rounded-[1.25rem] p-3 flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-[#F5EED3] text-[#787158] font-bold flex items-center justify-center text-[15px]", children: "C" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-[14px] font-semibold text-[#2D334A]", children: "Hard Inquiries" }),
+            /* @__PURE__ */ jsx("div", { className: "text-[12px] text-neutral-500 font-medium", children: "Low Impact" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-[14px] font-bold text-[#2D334A] pr-2", children: "4" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-[#F4ECE3] rounded-[2rem] p-6 flex flex-col justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-[17px] font-semibold text-[#663A2B] mb-6", children: "See your utilization" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-end mb-6", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-[13px] font-medium text-[#A47665] mb-1", children: "Balance" }),
+            /* @__PURE__ */ jsx("div", { className: "text-[32px] font-bold text-[#8C3A21] leading-none", children: "$856" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-[13px] font-medium text-[#A47665] mb-1", children: "Limit" }),
+            /* @__PURE__ */ jsx("div", { className: "text-[20px] font-bold text-[#663A2B] leading-none", children: "$14.5k" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "w-full h-4 bg-[#E8DACB] rounded-full overflow-hidden flex relative mb-2", children: /* @__PURE__ */ jsx("div", { className: "bg-[#F98A5B] h-full rounded-full absolute left-0 top-0 z-10 border-2 border-[#F4ECE3]", style: { width: "15%" } }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[11px] font-medium text-[#A47665] px-1", children: [
+          /* @__PURE__ */ jsx("span", { children: "Great" }),
+          /* @__PURE__ */ jsx("span", { children: "Good" }),
+          /* @__PURE__ */ jsx("span", { children: "Fair" }),
+          /* @__PURE__ */ jsx("span", { children: "Poor" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "text-center text-[22px] font-bold text-[#8C3A21] mt-6", children: "6% Utilization" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-[#FCF1F6] rounded-[2rem] p-6 relative overflow-hidden flex flex-col justify-between", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-[17px] font-semibold text-[#5B2C46] mb-4 relative z-10", children: "See changes over time" }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white/60 rounded-2xl p-3 flex items-center gap-3 relative z-10 mb-8", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-7 h-7 rounded-full bg-[#EFCADD] text-[#933D6B] flex items-center justify-center", children: /* @__PURE__ */ jsx(ArrowUp, { className: "w-4 h-4" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "text-[13px] font-medium text-[#5B2C46] leading-tight", children: [
+          "Your score increased",
+          /* @__PURE__ */ jsx("br", {}),
+          "by 13 points"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 w-[calc(100%+2.5rem)] -ml-5 mt-4 relative z-10", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(LineChart, { data: scoreHistory, margin: { top: 10, right: 20, left: 20, bottom: 0 }, children: [
+        /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            contentStyle: { borderRadius: "12px", border: "none", boxShadow: "0 4px 12px rgba(0,0,0,0.1)" },
+            labelStyle: { display: "none" },
+            itemStyle: { color: "#9A4572", fontWeight: 600, fontSize: "14px" },
+            formatter: (value) => [`${value} Points`, "Score"]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Line,
+          {
+            type: "monotone",
+            dataKey: "score",
+            stroke: "#9A4572",
+            strokeWidth: 4,
+            dot: { r: 5, fill: "#9A4572", stroke: "#FCF1F6", strokeWidth: 2 },
+            activeDot: { r: 7, fill: "#9A4572", stroke: "#FCF1F6", strokeWidth: 3 }
+          }
+        )
+      ] }) }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-between text-[12px] font-medium text-[#5B2C46] relative z-10 px-4 mt-2", children: scoreHistory.map((d) => /* @__PURE__ */ jsx("span", { children: d.month }, d.month)) })
+    ] })
+  ] });
+}
+export {
+  CreditScoreCards as default
+};

package/dist/catalog/components/metrics/FeedbackCard.d.ts

@@ -0,0 +1 @@
+export default function FeedbackCard(): import("react").JSX.Element;

package/dist/catalog/components/metrics/FeedbackCard.js

@@ -0,0 +1,59 @@
+"use client";
+
+// .generated/catalog/components/metrics/FeedbackCard.tsx
+import { Send, MoreHorizontal } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FeedbackCard() {
+  return /* @__PURE__ */ jsxs("div", { className: "w-full max-w-[320px] mt-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-xl shadow-[0_8px_30px_-4px_rgba(0,0,0,0.05)] border border-neutral-100 mb-6 relative", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute -top-3 left-1/2 -translate-x-1/2 bg-white px-3 py-1 rounded-full text-[11px] font-medium text-neutral-600 border border-neutral-100 shadow-sm z-10 whitespace-nowrap", children: "Ads Feedback" }),
+      /* @__PURE__ */ jsxs("div", { className: "p-4 pt-6 border-b border-neutral-50/50", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 mb-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-neutral-200" }),
+          /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-neutral-200" }),
+          /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-neutral-200" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 mb-6", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-3/4 h-2 bg-neutral-100 rounded-full" }),
+          /* @__PURE__ */ jsxs("div", { className: "w-full flex gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-1 h-3.5 bg-blue-500 rounded-full" }),
+            /* @__PURE__ */ jsx("div", { className: "w-12 h-2 bg-neutral-100 rounded-full mt-0.5" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "w-1/2 h-2 bg-neutral-100 rounded-full" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2 relative mt-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-7 h-7 rounded-full bg-blue-100 border-2 border-white shadow-sm flex-shrink-0 flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "text-sm", children: "\u{1F468}\u{1F3FB}\u200D\u{1F4BC}" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 bg-white border border-neutral-200 rounded-full pl-3 pr-1 py-1 flex items-center justify-between shadow-sm", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-neutral-800", children: [
+              "Make it professional ",
+              /* @__PURE__ */ jsx("span", { className: "text-blue-500 font-medium", children: "@Arthur" })
+            ] }),
+            /* @__PURE__ */ jsx("button", { className: "w-6 h-6 bg-neutral-900 rounded-full flex items-center justify-center text-white flex-shrink-0", children: /* @__PURE__ */ jsx(Send, { className: "w-3 h-3 ml-0.5" }) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "absolute -right-8 top-5 bg-blue-500 text-white text-[10px] font-medium px-2 py-0.5 rounded-full rounded-tl-none shadow-sm shadow-blue-500/20", children: "Jack" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-xl p-3 shadow-[0_8px_30px_-4px_rgba(0,0,0,0.05)] border border-neutral-100 relative ml-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-1.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-7 h-7 rounded-full bg-purple-100 flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "text-sm", children: "\u{1F468}\u{1F3FD}\u200D\u{1F4BC}" }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-neutral-900", children: "Arthur T." }),
+            /* @__PURE__ */ jsx("span", { className: "text-[10px] text-neutral-400 font-medium ml-1.5", children: "5 min ago" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(MoreHorizontal, { className: "w-4 h-4 text-neutral-400" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-neutral-800 mb-2.5 pl-9", children: "Okay Jack, I'll need one day to rework it." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 pl-9", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-1.5 w-8 bg-purple-500 rounded-full" }),
+        /* @__PURE__ */ jsx("div", { className: "h-1.5 w-24 bg-purple-500 rounded-full" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "absolute -left-4 -bottom-4 bg-purple-500 text-white text-[10px] font-medium px-2 py-0.5 rounded-full rounded-tr-none shadow-sm shadow-purple-500/20", children: "Arthur" })
+    ] })
+  ] });
+}
+export {
+  FeedbackCard as default
+};

package/dist/catalog/components/metrics/FinanceDashboard.d.ts

@@ -0,0 +1 @@
+export default function FinanceDashboard(): import("react").JSX.Element;

package/dist/catalog/components/metrics/FinanceDashboard.js

@@ -0,0 +1,164 @@
+"use client";
+
+// .generated/catalog/components/metrics/FinanceDashboard.tsx
+import { MoreHorizontal, ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FinanceDashboard() {
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 xl:grid-cols-3 gap-6", children: /* @__PURE__ */ jsxs("div", { className: "xl:col-span-2 flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-6 shadow-[0_4px_20px_-4px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-6", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-[17px] font-semibold text-neutral-800", children: "Savings Progress" }),
+              /* @__PURE__ */ jsx("p", { className: "text-[13px] text-neutral-500 mt-0.5", children: "Your Savings: $16,322.95" })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex bg-neutral-100/50 rounded-xl p-1", children: ["1D", "7D", "1M"].map((period, i) => /* @__PURE__ */ jsx("button", { className: `px-3 py-1.5 text-xs font-semibold rounded-lg ${i === 2 ? "bg-white shadow-sm text-neutral-800" : "text-neutral-400"}`, children: period }, period)) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "h-40 relative flex items-end", children: [
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 grid grid-cols-[repeat(24,1fr)] gap-[3px] opacity-[0.15]", children: Array.from({ length: 24 * 8 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 bg-neutral-400 rounded-sm" }, i)) }),
+            /* @__PURE__ */ jsx("div", { className: "absolute top-2 left-1/2 -translate-x-1/2 bg-white px-3 py-1.5 rounded-full shadow-sm text-[11px] font-bold text-emerald-500 border border-neutral-100 flex items-center gap-1.5 z-10", children: "Savings: $223.42" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute top-10 bottom-0 left-1/2 w-px border-l-2 border-dashed border-emerald-500" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute -bottom-6 left-1/2 -translate-x-1/2 text-[11px] text-neutral-400 font-semibold", children: "Jun 20" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-6 shadow-[0_4px_20px_-4px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-6", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-[17px] font-semibold text-neutral-800", children: "Credit Score" }),
+              /* @__PURE__ */ jsx("p", { className: "text-[13px] text-neutral-500 mt-0.5", children: "Your current credit rating." })
+            ] }),
+            /* @__PURE__ */ jsxs("button", { className: "flex items-center gap-2 px-3 py-1.5 text-xs font-semibold text-neutral-600 bg-white border border-neutral-200 rounded-xl shadow-sm", children: [
+              "Weekly ",
+              /* @__PURE__ */ jsx(ChevronDown, { className: "w-3.5 h-3.5" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2 mb-4", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-4xl font-semibold text-neutral-900 tracking-tight", children: "88" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xl text-neutral-400 font-medium", children: "/100" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-bold text-emerald-500 ml-2", children: "\u25B2 13.6%" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-neutral-400", children: "vs last month" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex gap-[3px] h-8", children: Array.from({ length: 42 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: `flex-1 rounded-sm ${i < 35 ? "bg-emerald-500" : "bg-neutral-100"}` }, i)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-6 shadow-[0_4px_20px_-4px_rgba(0,0,0,0.05)] border border-neutral-100 h-full flex flex-col", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-6", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-[17px] font-semibold text-neutral-800", children: "Major Expenses" }),
+            /* @__PURE__ */ jsx("p", { className: "text-[13px] text-neutral-500 mt-0.5", children: "Your biggest spending categories." })
+          ] }),
+          /* @__PURE__ */ jsx(MoreHorizontal, { className: "w-5 h-5 text-neutral-400" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-4 mb-8 text-[11px] font-semibold text-neutral-500", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 rounded-[2px] bg-[#60A5FA]" }),
+            " Housing"
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 rounded-[2px] bg-[#FB7185]" }),
+            " Food"
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 rounded-[2px] bg-[#FBBF24]" }),
+            " Others"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-end justify-between gap-4 pb-6 relative", children: [
+          /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-[3px] relative group", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-neutral-100 h-16 rounded-t-sm" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#FBBF24] h-4" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#FB7185] h-3" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#60A5FA] h-12 rounded-b-sm" }),
+            /* @__PURE__ */ jsx("span", { className: "absolute -bottom-6 left-1/2 -translate-x-1/2 text-[11px] font-semibold text-neutral-400", children: "Mon." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-[3px] relative", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-neutral-100 h-8 rounded-t-sm" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#FBBF24] h-20" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#FB7185] h-8" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#60A5FA] h-14 rounded-b-sm" }),
+            /* @__PURE__ */ jsx("span", { className: "absolute -bottom-6 left-1/2 -translate-x-1/2 text-[11px] font-semibold text-neutral-400", children: "Tue." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-[3px] relative", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-neutral-100 h-24 rounded-t-sm" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#FBBF24] h-6" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#FB7185] h-6" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#60A5FA] h-12 rounded-b-sm" }),
+            /* @__PURE__ */ jsx("span", { className: "absolute -bottom-6 left-1/2 -translate-x-1/2 text-[11px] font-semibold text-neutral-400", children: "Wed." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-[3px] relative", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-neutral-100 h-4 rounded-t-sm" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#FBBF24] h-8" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#60A5FA] h-28 rounded-b-sm" }),
+            /* @__PURE__ */ jsx("span", { className: "absolute -bottom-6 left-1/2 -translate-x-1/2 text-[11px] font-semibold text-neutral-400", children: "Thu." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-[3px] relative", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-neutral-100 h-16 rounded-t-sm" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#FBBF24] h-12" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#FB7185] h-4" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#60A5FA] h-16 rounded-b-sm" }),
+            /* @__PURE__ */ jsx("span", { className: "absolute -bottom-6 left-1/2 -translate-x-1/2 text-[11px] font-semibold text-neutral-400", children: "Fri." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-[3px] relative", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-neutral-100 h-12 rounded-t-sm" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#FBBF24] h-16" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#FB7185] h-20 rounded-b-sm" }),
+            /* @__PURE__ */ jsx("span", { className: "absolute -bottom-6 left-1/2 -translate-x-1/2 text-[11px] font-semibold text-neutral-400", children: "Sat." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-[3px] relative", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-neutral-100 h-20 rounded-t-sm" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#FB7185] h-8" }),
+            /* @__PURE__ */ jsx("div", { className: "w-full bg-[#60A5FA] h-20 rounded-b-sm" }),
+            /* @__PURE__ */ jsx("span", { className: "absolute -bottom-6 left-1/2 -translate-x-1/2 text-[11px] font-semibold text-neutral-400", children: "Sun." })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-6 shadow-[0_4px_20px_-4px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-6", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-[17px] font-semibold text-neutral-800", children: "Your Assets" }),
+          /* @__PURE__ */ jsx("p", { className: "text-[13px] text-neutral-500 mt-0.5", children: "Total value of what you own." })
+        ] }),
+        /* @__PURE__ */ jsxs("button", { className: "flex items-center gap-2 px-3 py-1.5 text-xs font-semibold text-neutral-600 bg-white border border-neutral-200 rounded-xl shadow-sm", children: [
+          "All Tokens ",
+          /* @__PURE__ */ jsx(ChevronDown, { className: "w-3.5 h-3.5" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row md:items-end justify-between border-b border-neutral-100 pb-4 mb-4 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "text-3xl font-semibold text-neutral-900 tracking-tight", children: "$16,546.37" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-[11px] font-bold text-emerald-500 mt-1", children: [
+            "\u25B2 4.2% ",
+            /* @__PURE__ */ jsx("span", { className: "text-neutral-400 font-medium", children: "vs last month" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6 text-[11px] font-semibold text-neutral-600", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-4 h-4 rounded-full bg-[#6366F1] flex items-center justify-center text-[8px] text-white", children: "$" }),
+            "$5,482.19 ",
+            /* @__PURE__ */ jsx("span", { className: "text-neutral-400 font-medium", children: "(USDC)" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-4 h-4 rounded-full bg-[#F59E0B] flex items-center justify-center text-[8px] text-white", children: "\u20BF" }),
+            "$6,731.58 ",
+            /* @__PURE__ */ jsx("span", { className: "text-neutral-400 font-medium", children: "(BTC)" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-4 h-4 rounded-full bg-[#14B8A6] flex items-center justify-center text-[8px] text-white", children: "\u20AE" }),
+            "$4,332.60 ",
+            /* @__PURE__ */ jsx("span", { className: "text-neutral-400 font-medium", children: "(USDT)" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-[3px] h-3 w-full rounded-sm overflow-hidden", children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-[#6366F1] rounded-sm", style: { width: "35%" } }),
+        /* @__PURE__ */ jsx("div", { className: "bg-[#F59E0B] rounded-sm", style: { width: "40%" } }),
+        /* @__PURE__ */ jsx("div", { className: "bg-[#14B8A6] rounded-sm", style: { width: "25%" } })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  FinanceDashboard as default
+};

package/dist/catalog/components/metrics/Growth.d.ts

@@ -0,0 +1 @@
+export default function Growth(): import("react").JSX.Element;