@mova-ui/react 0.1.0 → 0.4.1

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

@@ -0,0 +1,156 @@
+"use client";
+
+// .generated/catalog/components/metrics/SalesDashboard.tsx
+import { Wallet, Eye, CircleDollarSign, List } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SalesDashboard() {
+  return /* @__PURE__ */ jsxs("div", { className: "bg-[#F8F7F5] p-8 rounded-[2.5rem] w-full font-sans relative overflow-hidden border border-neutral-200/50 shadow-inner", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 w-[600px] h-[600px] bg-orange-100/40 rounded-full blur-[100px] -translate-x-1/2 -translate-y-1/2 pointer-events-none" }),
+    /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 right-0 w-[600px] h-[600px] bg-orange-100/40 rounded-full blur-[100px] translate-x-1/2 translate-y-1/2 pointer-events-none" }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5 mb-5 relative z-10", children: [
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-3xl p-6 shadow-sm border border-neutral-100", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 text-neutral-500 mb-5", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-7 h-7 rounded-lg bg-neutral-50 flex items-center justify-center border border-neutral-100/80", children: /* @__PURE__ */ jsx(Wallet, { className: "w-4 h-4 text-neutral-600" }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-neutral-600", children: "Total Sales" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-[26px] font-semibold text-neutral-900 mb-2.5 tracking-tight", children: "$34,678" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 bg-emerald-50 text-emerald-600 text-[11px] font-bold rounded-md flex items-center gap-0.5", children: "\u25B2 8%" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-400 font-medium", children: "VS Last Week" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-3xl p-6 shadow-sm border border-neutral-100", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 text-neutral-500 mb-5", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-7 h-7 rounded-lg bg-neutral-50 flex items-center justify-center border border-neutral-100/80", children: /* @__PURE__ */ jsx(Eye, { className: "w-4 h-4 text-neutral-600" }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-neutral-600", children: "Property views" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-[26px] font-semibold text-neutral-900 mb-2.5 tracking-tight", children: "46246" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 bg-red-50 text-red-600 text-[11px] font-bold rounded-md flex items-center gap-0.5", children: "\u25BC 1.8%" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-400 font-medium", children: "VS Last Week" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-3xl p-6 shadow-sm border border-neutral-100", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 text-neutral-500 mb-5", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-7 h-7 rounded-lg bg-neutral-50 flex items-center justify-center border border-neutral-100/80", children: /* @__PURE__ */ jsx(CircleDollarSign, { className: "w-4 h-4 text-neutral-600" }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-neutral-600", children: "Future funds" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-[26px] font-semibold text-neutral-900 mb-2.5 tracking-tight", children: "$34,678" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 bg-emerald-50 text-emerald-600 text-[11px] font-bold rounded-md flex items-center gap-0.5", children: "\u25B2 18%" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-400 font-medium", children: "VS Last Week" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-3xl p-6 shadow-sm border border-neutral-100", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 text-neutral-500 mb-5", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-7 h-7 rounded-lg bg-neutral-50 flex items-center justify-center border border-neutral-100/80", children: /* @__PURE__ */ jsx(List, { className: "w-4 h-4 text-neutral-600" }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-neutral-600", children: "Total properties" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-[26px] font-semibold text-neutral-900 mb-2.5 tracking-tight", children: "435" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 bg-red-50 text-red-600 text-[11px] font-bold rounded-md flex items-center gap-0.5", children: "\u25BC 1.2%" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-neutral-400 font-medium", children: "VS Last Week" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-5 relative z-10", children: [
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-3xl p-7 shadow-sm border border-neutral-100 flex flex-col min-h-[400px]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-8", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-[17px] font-semibold text-neutral-900", children: "Sales analytics" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex bg-neutral-100/80 rounded-full p-0.5 text-[11px] font-medium", children: [
+            /* @__PURE__ */ jsx("button", { className: "px-4 py-1.5 rounded-full text-neutral-500", children: "Monthly" }),
+            /* @__PURE__ */ jsx("button", { className: "px-4 py-1.5 rounded-full bg-white shadow-sm text-neutral-900 border border-neutral-200/50", children: "Weekly" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-[13px] text-neutral-400 font-medium mb-1.5", children: "Total unites sold" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-4xl font-semibold text-neutral-900 tracking-tight flex items-baseline gap-1", children: [
+            "345 ",
+            /* @__PURE__ */ jsx("span", { className: "text-xl text-neutral-400 font-normal", children: "/500" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5 text-[11px] font-semibold text-neutral-500 mb-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 bg-[#EA580C] rounded-[3px]" }),
+            " Total Sales"
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 bg-[#FBBF24] rounded-[3px]" }),
+            " Total Earnings"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 relative flex items-end justify-between px-6 pb-6 mt-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex flex-col justify-between pb-8 pt-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "border-b border-dashed border-neutral-200 w-full relative", children: /* @__PURE__ */ jsx("span", { className: "absolute -left-6 -top-2 text-[10px] text-neutral-400 font-medium", children: "300" }) }),
+            /* @__PURE__ */ jsx("div", { className: "border-b border-dashed border-neutral-200 w-full relative", children: /* @__PURE__ */ jsx("span", { className: "absolute -left-6 -top-2 text-[10px] text-neutral-400 font-medium", children: "200" }) }),
+            /* @__PURE__ */ jsx("div", { className: "border-b border-dashed border-neutral-200 w-full relative", children: /* @__PURE__ */ jsx("span", { className: "absolute -left-6 -top-2 text-[10px] text-neutral-400 font-medium", children: "100" }) }),
+            /* @__PURE__ */ jsx("div", { className: "border-b border-dashed border-neutral-200 w-full relative", children: /* @__PURE__ */ jsx("span", { className: "absolute -left-4 -top-2 text-[10px] text-neutral-400 font-medium", children: "0" }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-end h-[60%] relative z-10 w-14 justify-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-[18px] h-full rounded-md bg-neutral-50 border border-neutral-200/60", style: { backgroundImage: "repeating-linear-gradient(45deg, #f0f0f0, #f0f0f0 2px, transparent 2px, transparent 4px)" } }),
+            /* @__PURE__ */ jsx("div", { className: "w-[18px] h-[80%] rounded-md bg-neutral-50 border border-neutral-200/60", style: { backgroundImage: "repeating-linear-gradient(45deg, #f0f0f0, #f0f0f0 2px, transparent 2px, transparent 4px)" } }),
+            /* @__PURE__ */ jsx("span", { className: "absolute -bottom-7 text-[11px] font-medium text-neutral-400", children: "Sep" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-end h-[85%] relative z-10 w-14 justify-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-[20px] h-[80%] rounded-md bg-[#EA580C] shadow-sm" }),
+            /* @__PURE__ */ jsx("div", { className: "w-[20px] h-full rounded-md bg-[#FBBF24] shadow-sm" }),
+            /* @__PURE__ */ jsx("span", { className: "absolute -bottom-7 text-[11px] font-bold text-neutral-800", children: "Oct" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-end h-[70%] relative z-10 w-14 justify-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-[18px] h-full rounded-md bg-neutral-50 border border-neutral-200/60", style: { backgroundImage: "repeating-linear-gradient(45deg, #f0f0f0, #f0f0f0 2px, transparent 2px, transparent 4px)" } }),
+            /* @__PURE__ */ jsx("div", { className: "w-[18px] h-[60%] rounded-md bg-neutral-50 border border-neutral-200/60", style: { backgroundImage: "repeating-linear-gradient(45deg, #f0f0f0, #f0f0f0 2px, transparent 2px, transparent 4px)" } }),
+            /* @__PURE__ */ jsx("span", { className: "absolute -bottom-7 text-[11px] font-medium text-neutral-400", children: "Nov" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-end h-[50%] relative z-10 w-14 justify-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-[18px] h-full rounded-md bg-neutral-50 border border-neutral-200/60", style: { backgroundImage: "repeating-linear-gradient(45deg, #f0f0f0, #f0f0f0 2px, transparent 2px, transparent 4px)" } }),
+            /* @__PURE__ */ jsx("div", { className: "w-[18px] h-[40%] rounded-md bg-neutral-50 border border-neutral-200/60", style: { backgroundImage: "repeating-linear-gradient(45deg, #f0f0f0, #f0f0f0 2px, transparent 2px, transparent 4px)" } }),
+            /* @__PURE__ */ jsx("span", { className: "absolute -bottom-7 text-[11px] font-medium text-neutral-400", children: "Dec" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-3xl p-7 shadow-sm border border-neutral-100 flex flex-col min-h-[400px]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-8", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-[17px] font-semibold text-neutral-900", children: "Sales target" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex bg-neutral-100/80 rounded-full p-0.5 text-[11px] font-medium", children: [
+            /* @__PURE__ */ jsx("button", { className: "px-4 py-1.5 rounded-full text-neutral-500", children: "Monthly" }),
+            /* @__PURE__ */ jsx("button", { className: "px-4 py-1.5 rounded-full bg-white shadow-sm text-neutral-900 border border-neutral-200/50", children: "Yearly" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6 text-[12px] font-medium text-neutral-600 mb-12 px-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 bg-orange-200 rounded-full" }),
+            " Property listed"
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 bg-[#EA580C] rounded-full" }),
+            " Property delivered"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center justify-center relative mt-8", children: [
+          /* @__PURE__ */ jsx("div", { className: "relative w-[320px] h-[160px] overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 w-[320px] h-[320px]", children: Array.from({ length: 16 }).map((_, i) => {
+            const rotation = i * (180 / 15) - 180;
+            const isFilled = i < 11;
+            const isOrange = i < 6;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute top-0 left-1/2 -translate-x-1/2 w-10 h-[160px] origin-bottom",
+                style: { transform: `translateX(-50%) rotate(${rotation}deg)` },
+                children: /* @__PURE__ */ jsx("div", { className: `w-[36px] h-12 rounded-[8px] mx-auto ${isFilled ? isOrange ? "bg-[#FDBA74]" : "bg-[#EA580C]" : "bg-neutral-100"} border-[3px] border-white shadow-sm` })
+              },
+              i
+            );
+          }) }) }),
+          /* @__PURE__ */ jsxs("div", { className: "absolute bottom-2 left-1/2 -translate-x-1/2 text-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-[40px] font-bold text-neutral-900 tracking-tight leading-none", children: "70%" }),
+            /* @__PURE__ */ jsx("div", { className: "text-[13px] text-neutral-500 font-medium mt-2", children: "Achieved" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-1/2 -translate-x-1/2 w-[240px] h-[120px] bg-orange-500/10 rounded-t-full blur-3xl pointer-events-none" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  SalesDashboard as default
+};

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

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

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

@@ -0,0 +1,71 @@
+"use client";
+
+// .generated/catalog/components/metrics/SalesOverview.tsx
+import { MoreHorizontal, Crown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SalesOverview() {
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[2.5rem] p-7 shadow-2xl shadow-neutral-200/50 max-w-[360px] mx-auto font-sans border border-neutral-100", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-[22px] font-bold text-neutral-900", children: "Sales Overview" }),
+      /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full border border-neutral-200 flex items-center justify-center hover:bg-neutral-50 transition-colors cursor-pointer", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "w-5 h-5 text-neutral-600" }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-[#F3F4F6] rounded-2xl p-3.5 flex items-center justify-center gap-2 mb-10 border border-neutral-200/60", children: [
+      /* @__PURE__ */ jsx(Crown, { className: "w-4 h-4 text-indigo-500" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-[13px] font-medium text-neutral-700", children: [
+        "You're the top ",
+        /* @__PURE__ */ jsx("span", { className: "text-indigo-600", children: "17%" }),
+        " of performers"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "relative flex justify-center mb-10", children: [
+      /* @__PURE__ */ jsx("div", { className: "relative w-[260px] h-[130px] overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 w-[260px] h-[260px]", children: Array.from({ length: 12 }).map((_, i) => {
+        const rotation = i * (180 / 11) - 180;
+        const isFilled = i < 8;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute top-0 left-1/2 w-8 h-[130px] origin-bottom",
+            style: { transform: `translateX(-50%) rotate(${rotation}deg)` },
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `w-[26px] h-10 rounded-md mx-auto ${isFilled ? "bg-[#5B5CE6]" : "bg-neutral-100"} shadow-sm`,
+                style: isFilled ? { boxShadow: "inset 0 2px 4px rgba(255,255,255,0.3)" } : {}
+              }
+            )
+          },
+          i
+        );
+      }) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "absolute bottom-0 left-1/2 -translate-x-1/2 text-center w-full", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-[34px] font-bold text-neutral-900 tracking-tight leading-none mb-1", children: "67.2%" }),
+        /* @__PURE__ */ jsx("div", { className: "text-[13px] text-neutral-600 font-medium", children: "sales goals" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "bg-[#F9FAFB] rounded-[1.25rem] p-4 border border-neutral-200/60 shadow-sm", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold text-neutral-500 leading-tight w-12", children: "Number of Sales" }),
+          /* @__PURE__ */ jsxs("span", { className: "px-2 py-0.5 bg-indigo-500 text-white text-[10px] font-bold rounded-full flex items-center gap-0.5 shadow-sm", children: [
+            "3.5% ",
+            /* @__PURE__ */ jsx("span", { className: "text-xs leading-none", children: "\u2197" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-[22px] font-bold text-neutral-900 tracking-tight", children: "1,304" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-[#F9FAFB] rounded-[1.25rem] p-4 border border-neutral-200/60 shadow-sm", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold text-neutral-500 leading-tight w-12", children: "Total Revenue" }),
+          /* @__PURE__ */ jsxs("span", { className: "px-2 py-0.5 bg-neutral-900 text-white text-[10px] font-bold rounded-full flex items-center gap-0.5 shadow-sm", children: [
+            "4.5% ",
+            /* @__PURE__ */ jsx("span", { className: "text-xs leading-none", children: "\u2198" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-[22px] font-bold text-neutral-900 tracking-tight", children: "$21.1K" })
+      ] })
+    ] })
+  ] });
+}
+export {
+  SalesOverview as default
+};

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

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

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

@@ -0,0 +1,118 @@
+"use client";
+
+// .generated/catalog/components/metrics/SavingsCards.tsx
+import { ArrowUpRight, Plus } from "lucide-react";
+import { BarChart, Bar, ResponsiveContainer, Cell, Tooltip } from "recharts";
+import { jsx, jsxs } from "react/jsx-runtime";
+var transactionData = [
+  { day: "Mon", value: 40 },
+  { day: "Tue", value: 70 },
+  { day: "Wed", value: 45 },
+  { day: "Thu", value: 80 },
+  { day: "Fri", value: 50 },
+  { day: "Sat", value: 40 },
+  { day: "Sun", value: 30 }
+];
+function SavingsCards() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row gap-6 max-w-4xl mx-auto font-sans justify-center", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 w-[280px]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "bg-[#1C1C1E] rounded-[1.5rem] p-5 text-white shadow-xl", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-2", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-[18px] font-medium tracking-tight", children: "Savings" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[#60A5FA] text-[13px] font-medium", children: "05.24" })
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-neutral-400 leading-[1.4] mb-6 max-w-[90%]", children: [
+          "Save more every month with new features in ",
+          /* @__PURE__ */ jsx("span", { className: "text-[#60A5FA]", children: "Premium version" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-neutral-300", children: "Progress" }),
+          /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 text-neutral-400" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "h-1.5 w-full bg-neutral-800 rounded-full overflow-hidden mb-1.5 flex", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-full bg-[#3B82F6] w-[74%]" }),
+          /* @__PURE__ */ jsx("div", { className: "h-full bg-neutral-600 w-1 ml-0.5 rounded-full" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-right text-[11px] text-neutral-400 font-medium mb-6", children: "74/100" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center bg-neutral-800/50 rounded-2xl p-3 mb-4 border border-neutral-700/50", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-[16px] font-semibold tracking-tight", children: [
+            "$890.00",
+            /* @__PURE__ */ jsx("span", { className: "text-neutral-400 font-medium", children: "/$1,200" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-neutral-700 flex items-center justify-center", children: /* @__PURE__ */ jsx(ArrowUpRight, { className: "w-4 h-4 text-neutral-300" }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center text-[10px] text-neutral-400 font-medium uppercase tracking-wider", children: [
+          /* @__PURE__ */ jsx("span", { children: "Last month" }),
+          /* @__PURE__ */ jsx("span", { children: "01 January 2024 - 2025" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-[#1C1C1E] rounded-[1.5rem] p-5 text-white shadow-xl flex flex-col justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "h-[110px] w-[calc(100%+1rem)] -ml-2 mb-4", children: [
+          /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart, { data: transactionData, margin: { top: 0, right: 0, left: 0, bottom: 0 }, barSize: 12, children: [
+            /* @__PURE__ */ jsx(Tooltip, { cursor: { fill: "transparent" }, contentStyle: { backgroundColor: "#262626", border: "none", borderRadius: "8px", color: "#fff" }, itemStyle: { color: "#60A5FA" }, labelStyle: { display: "none" } }),
+            /* @__PURE__ */ jsx(Bar, { dataKey: "value", radius: [2, 2, 2, 2], background: { fill: "#262626", radius: 2 }, children: transactionData.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: "#60A5FA" }, `cell-${index}`)) })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: "flex justify-between text-[9px] text-neutral-500 font-medium mt-2 px-3", children: transactionData.map((d) => /* @__PURE__ */ jsx("span", { children: d.day }, d.day)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h4", { className: "text-[14px] text-neutral-300 font-medium mb-1", children: "Transactions" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[28px] font-semibold tracking-tight", children: "54%" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] text-[#60A5FA] bg-blue-500/10 px-2 py-0.5 rounded-full font-medium", children: "vs last month" })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 w-[280px]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-5 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__ */ jsx("h3", { className: "text-[18px] font-medium text-neutral-900 tracking-tight", children: "Savings" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[#3B82F6] text-[13px] font-medium", children: "05.24" })
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-neutral-500 leading-[1.4] mb-6 max-w-[90%]", children: [
+          "Save more every month with new features in ",
+          /* @__PURE__ */ jsx("span", { className: "text-[#3B82F6]", children: "Premium version" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-neutral-600", children: "Progress" }),
+          /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 text-neutral-400" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "h-1.5 w-full bg-blue-100 rounded-full overflow-hidden mb-1.5 flex", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-full bg-[#3B82F6] w-[74%]" }),
+          /* @__PURE__ */ jsx("div", { className: "h-full bg-blue-300 w-1 ml-0.5 rounded-full" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-right text-[11px] text-neutral-500 font-medium mb-6", children: "74/100" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center bg-white rounded-2xl p-3 mb-4 shadow-[0_2px_10px_-2px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-[16px] font-semibold tracking-tight text-neutral-900", children: [
+            "$890.00",
+            /* @__PURE__ */ jsx("span", { className: "text-neutral-400 font-medium", children: "/$1,200" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-neutral-100 flex items-center justify-center border border-neutral-200", children: /* @__PURE__ */ jsx(ArrowUpRight, { className: "w-4 h-4 text-neutral-600" }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center text-[10px] text-neutral-400 font-medium uppercase tracking-wider", children: [
+          /* @__PURE__ */ jsx("span", { children: "Last month" }),
+          /* @__PURE__ */ jsx("span", { children: "01 January 2024 - 2025" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-5 shadow-[0_8px_30px_-4px_rgba(0,0,0,0.08)] border border-neutral-100 flex flex-col justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "h-[110px] w-[calc(100%+1rem)] -ml-2 mb-4", children: [
+          /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart, { data: transactionData, margin: { top: 0, right: 0, left: 0, bottom: 0 }, barSize: 12, children: [
+            /* @__PURE__ */ jsx(Tooltip, { cursor: { fill: "transparent" }, contentStyle: { backgroundColor: "#fff", border: "1px solid #f5f5f5", borderRadius: "8px", color: "#000" }, itemStyle: { color: "#0EA5E9" }, labelStyle: { display: "none" } }),
+            /* @__PURE__ */ jsx(Bar, { dataKey: "value", radius: [2, 2, 2, 2], background: { fill: "#EFF6FF", radius: 2 }, children: transactionData.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: "#0EA5E9" }, `cell-${index}`)) })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: "flex justify-between text-[9px] text-neutral-500 font-medium mt-2 px-3", children: transactionData.map((d) => /* @__PURE__ */ jsx("span", { children: d.day }, d.day)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h4", { className: "text-[14px] text-neutral-600 font-medium mb-1", children: "Transactions" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[28px] font-semibold tracking-tight text-neutral-900", children: "54%" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] text-[#3B82F6] bg-blue-50 px-2 py-0.5 rounded-full font-medium", children: "vs last month" })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  SavingsCards as default
+};

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

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

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

@@ -0,0 +1,26 @@
+"use client";
+
+// .generated/catalog/components/metrics/ServerPerformance.tsx
+import { ArrowUpRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ServerPerformance() {
+  const heights = [8, 12, 16, 20, 26, 36, 52, 75];
+  return /* @__PURE__ */ jsxs("div", { className: "bg-[#121212] border border-white/5 rounded-[2rem] p-8 flex flex-col h-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-base font-medium text-neutral-300", children: "Server Performance Metrics" }),
+      /* @__PURE__ */ jsx(ArrowUpRight, { className: "w-5 h-5 text-neutral-500" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "text-5xl font-medium text-white mb-10 tracking-tight", children: "+45%" }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-end gap-2 h-[120px] mt-auto", children: heights.map((h, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex-1 bg-neutral-800/80 border-t-[3px] border-neutral-300 rounded-b-md",
+        style: { height: `${h}%` }
+      },
+      i
+    )) })
+  ] });
+}
+export {
+  ServerPerformance as default
+};

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

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

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

@@ -0,0 +1,165 @@
+"use client";
+
+// .generated/catalog/components/metrics/StatusCards.tsx
+import { Plane } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function StatusCards() {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-4 shadow-[0_4px_20px_-4px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center text-lg", children: "\u{1F9D4}\u{1F3FD}\u200D\u2642\uFE0F" }),
+              /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 -right-1 w-[18px] h-[18px] bg-emerald-100 rounded-full flex items-center justify-center text-[10px] border-2 border-white", children: /* @__PURE__ */ jsx("span", { className: "text-emerald-600", children: "\u{1F3C3}" }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "font-semibold text-neutral-900 text-[15px]", children: "Cody" }),
+              /* @__PURE__ */ jsx("div", { className: "text-[11px] text-neutral-500 font-medium mt-0.5", children: "Awake \xB7 20m ago" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-xl", children: "\u{1F634}" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[9px] font-bold text-neutral-500 tracking-widest mb-2.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-blue-600 text-[11px]", children: "8h 47m" }),
+          /* @__PURE__ */ jsx("span", { children: "TIME ASLEEP" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-1 h-1.5 w-full", children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-blue-600 rounded-full flex-[4]" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-blue-600 rounded-full flex-[1]" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-blue-600 rounded-full flex-[2]" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-blue-600 rounded-full flex-[0.5]" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-blue-600 rounded-full flex-[3]" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-4 flex items-center justify-between shadow-[0_4px_20px_-4px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-orange-100 flex items-center justify-center text-lg", children: "\u{1F920}" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 -right-1 w-[18px] h-[18px] bg-white rounded-full flex items-center justify-center text-[10px] border border-neutral-100 shadow-sm", children: "\u{1F3E0}" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 font-semibold text-neutral-900 text-[15px]", children: [
+              "Shane ",
+              /* @__PURE__ */ jsx("span", { className: "px-1.5 py-0.5 bg-emerald-100 text-emerald-700 text-[9px] rounded font-bold", children: "80" })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "text-[12px] text-neutral-500 font-medium", children: "is at home" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-neutral-300", children: "\u{1F60A}" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-4 flex items-center justify-between shadow-[0_4px_20px_-4px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center text-lg", children: "\u{1F468}\u{1F3FC}\u200D\u{1F9B3}" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 -right-1 w-[18px] h-[18px] bg-white rounded-full flex items-center justify-center text-[10px] border border-neutral-100 shadow-sm", children: "\u{1F6B6}\u200D\u2642\uFE0F" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "font-semibold text-neutral-900 text-[15px]", children: "Philip" }),
+            /* @__PURE__ */ jsxs("div", { className: "text-[12px] text-neutral-500 font-medium", children: [
+              "walked ",
+              /* @__PURE__ */ jsx("span", { className: "font-bold text-neutral-900", children: "3,457" }),
+              " steps today"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-neutral-300", children: "\u{1F60A}" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-4 flex items-center justify-between shadow-[0_4px_20px_-4px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-rose-100 flex items-center justify-center text-lg", children: "\u{1F469}\u{1F3FB}\u200D\u{1F9B0}" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 -right-1 w-[18px] h-[18px] bg-[#1DB954] rounded-full flex items-center justify-center text-[8px] border-2 border-white text-white", children: "\u{1F3B5}" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "font-semibold text-neutral-900 text-[15px]", children: "Courtney" }),
+            /* @__PURE__ */ jsxs("div", { className: "text-[12px] text-neutral-500 font-medium", children: [
+              "listening ",
+              /* @__PURE__ */ jsx("span", { className: "font-bold text-neutral-900", children: "Hold Me Like a Grudge" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-neutral-300", children: "\u{1F60A}" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-4 shadow-[0_4px_20px_-4px_rgba(0,0,0,0.05)] border border-neutral-100 relative overflow-hidden", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-4 text-blue-200 text-xl font-sans", children: "\u2728" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-16 text-blue-100 text-sm font-sans", children: "\u2726" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute top-7 right-24 text-blue-50 text-xs font-sans", children: "\u22C6" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 relative z-10", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-lg", children: "\u{1F474}\u{1F3FC}" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 -right-1 text-lg", children: "\u{1F634}" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "font-semibold text-neutral-900 text-[15px]", children: "Greg" }),
+            /* @__PURE__ */ jsx("div", { className: "text-[12px] text-neutral-500 font-medium", children: "Sleeping..." })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "ml-auto text-neutral-300", children: "\u{1F60A}" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-4 shadow-[0_4px_20px_-4px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-pink-100 flex items-center justify-center text-lg", children: "\u{1F469}\u{1F3FE}\u200D\u{1F9B1}" }),
+              /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 -right-1 w-[18px] h-[18px] bg-white rounded-full flex items-center justify-center text-[10px] border border-neutral-100 shadow-sm text-blue-500", children: "\u2708\uFE0F" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "font-semibold text-neutral-900 text-[15px]", children: "Victoria" }),
+              /* @__PURE__ */ jsx("div", { className: "text-[12px] text-neutral-500 font-medium", children: "is flying to Osaka" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-neutral-300", children: "\u{1F60A}" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "bg-neutral-50/50 rounded-2xl p-3 border border-neutral-100/80", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-[10px] font-bold text-neutral-900 mb-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[#E00034] text-[8px]", children: "\u25B2" }),
+            " DL 655"
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-[15px] font-semibold text-neutral-900", children: "LAX" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 mx-3 relative flex items-center", children: [
+              /* @__PURE__ */ jsx("div", { className: "h-1 bg-emerald-500 rounded-l-full", style: { width: "60%" } }),
+              /* @__PURE__ */ jsx(Plane, { className: "w-3.5 h-3.5 text-emerald-500 absolute left-[60%] -translate-x-1/2 fill-current" }),
+              /* @__PURE__ */ jsx("div", { className: "h-1 bg-neutral-200 rounded-r-full flex-1" })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "text-[15px] font-semibold text-neutral-900", children: "ITM" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[11px] font-medium text-neutral-900", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { children: "Los Angeles" }),
+              /* @__PURE__ */ jsx("div", { className: "text-neutral-400 font-normal mt-0.5", children: "1:50 PM PST" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+              /* @__PURE__ */ jsx("div", { children: "Osaka" }),
+              /* @__PURE__ */ jsx("div", { className: "text-neutral-400 font-normal mt-0.5", children: "8:30 AM GMT+9" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-4 flex items-center justify-between shadow-[0_4px_20px_-4px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-yellow-100 flex items-center justify-center text-lg", children: "\u{1F469}\u{1F3FB}" }),
+            /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 -right-1 text-lg", children: "\u{1F971}" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "font-semibold text-neutral-900 text-[15px]", children: "Angel" }),
+            /* @__PURE__ */ jsxs("div", { className: "text-[12px] text-neutral-500 font-medium", children: [
+              "Slept ",
+              /* @__PURE__ */ jsx("span", { className: "font-bold text-blue-600", children: "8hr 47min" }),
+              " \xB7 ",
+              /* @__PURE__ */ jsx("span", { className: "text-neutral-400", children: "00:20-08:27" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-neutral-300", children: "\u{1F60A}" })
+      ] })
+    ] })
+  ] });
+}
+export {
+  StatusCards as default
+};

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

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