@mova-ui/react 0.1.0 → 0.4.1

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

@@ -0,0 +1,198 @@
+"use client";
+
+// .generated/catalog/components/metrics/NetworkTelemetry.tsx
+import { Share, MoreVertical } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function NetworkTelemetry() {
+  const generateData = (rows, cols) => {
+    const pattern = [
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      0,
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+      1,
+      1,
+      1,
+      0,
+      0,
+      1,
+      0,
+      1,
+      1,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      1,
+      1,
+      0,
+      1,
+      0,
+      0,
+      0,
+      1,
+      1,
+      0,
+      1,
+      0,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      1,
+      1,
+      0,
+      1,
+      0,
+      0,
+      1,
+      1,
+      1,
+      0,
+      0,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      0,
+      1,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      0,
+      1,
+      1,
+      0,
+      0,
+      1,
+      0,
+      0,
+      0,
+      0
+    ];
+    return pattern;
+  };
+  const augustData = generateData(4, 32);
+  const septemberData = [...generateData(4, 32)].reverse();
+  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-8", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-xl font-medium text-neutral-200", children: "Network Telemetry" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-neutral-500", children: [
+        /* @__PURE__ */ jsx(Share, { className: "w-5 h-5 cursor-pointer hover:text-white transition-colors" }),
+        /* @__PURE__ */ jsx(MoreVertical, { className: "w-6 h-6 cursor-pointer hover:text-white transition-colors" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 mb-10", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "font-mono text-[10px] tracking-[0.2em] text-neutral-500 uppercase mb-3", children: "Average Finality" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-4", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-6xl font-normal tracking-tight text-white", children: "1.8s" }),
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-sm font-medium text-emerald-500", children: "\u2191 14.6%" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "font-mono text-[10px] tracking-[0.2em] text-neutral-500 uppercase mb-3", children: "Intents Finalized" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-4", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-6xl font-normal tracking-tight text-white", children: "312,134" }),
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-sm font-medium text-emerald-500", children: "\u2191 11.5%" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-8 mt-auto", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] tracking-widest text-neutral-400 uppercase", children: "August / Testnet V0" }),
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] tracking-widest text-neutral-400 uppercase", children: "12,450 Intents" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[repeat(32,1fr)] gap-1", children: augustData.map((isActive, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `aspect-square rounded-[1px] ${isActive === 1 ? "bg-emerald-500" : "bg-emerald-950/30"}`
+          },
+          i
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] tracking-widest text-neutral-400 uppercase", children: "September / V1 Sequencer" }),
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] tracking-widest text-neutral-400 uppercase", children: "18,916 Intents" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[repeat(32,1fr)] gap-1", children: septemberData.map((isActive, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `aspect-square rounded-[1px] ${isActive === 1 ? "bg-emerald-500" : "bg-emerald-950/30"}`
+          },
+          i
+        )) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  NetworkTelemetry as default
+};

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

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

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

@@ -0,0 +1,61 @@
+"use client";
+
+// .generated/catalog/components/metrics/NoiseCards.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function NoiseCards() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-5 w-40 shadow-[0_8px_30px_-4px_rgba(0,0,0,0.05)] border border-neutral-100/50", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-[11px] text-neutral-400 font-medium mb-1", children: "Current noise level" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-8", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[32px] font-semibold text-neutral-900 tracking-tight leading-none", children: "40" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-neutral-400", children: "dB" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-[3px] h-3 mt-1.5", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-[3px] h-1.5 bg-[#4ADE80] rounded-full" }),
+          /* @__PURE__ */ jsx("div", { className: "w-[3px] h-2.5 bg-[#4ADE80] rounded-full" }),
+          /* @__PURE__ */ jsx("div", { className: "w-[3px] h-4 bg-[#4ADE80] rounded-full" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[9px] text-neutral-400 font-medium mb-2", children: [
+        /* @__PURE__ */ jsx("span", { children: "Low" }),
+        /* @__PURE__ */ jsx("span", { children: "High" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-1 h-10", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-[0.8] bg-gradient-to-br from-[#4ADE80] to-[#22C55E] rounded-xl flex items-end p-2 relative overflow-hidden shadow-sm", children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 opacity-20", style: { backgroundImage: "repeating-linear-gradient(45deg, transparent, transparent 2px, white 2px, white 4px)" } }),
+          /* @__PURE__ */ jsx("span", { className: "text-white text-[10px] font-bold relative z-10", children: "30" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 bg-neutral-100 rounded-xl flex items-end justify-end p-2", children: /* @__PURE__ */ jsx("span", { className: "text-neutral-300 text-[10px] font-bold", children: "120" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-5 w-40 shadow-[0_8px_30px_-4px_rgba(0,0,0,0.05)] border border-neutral-100/50", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-[11px] text-neutral-400 font-medium mb-1", children: "Current noise level" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-8", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[32px] font-semibold text-neutral-900 tracking-tight leading-none", children: "60" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-neutral-400", children: "dB" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-[3px] h-3 mt-1.5", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-[3px] h-2 bg-[#FACC15] rounded-full" }),
+          /* @__PURE__ */ jsx("div", { className: "w-[3px] h-3 bg-[#FACC15] rounded-full" }),
+          /* @__PURE__ */ jsx("div", { className: "w-[3px] h-4 bg-[#FACC15] rounded-full" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[9px] text-neutral-400 font-medium mb-2", children: [
+        /* @__PURE__ */ jsx("span", { children: "Low" }),
+        /* @__PURE__ */ jsx("span", { children: "High" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-1 h-10", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 bg-gradient-to-br from-[#FACC15] to-[#EAB308] rounded-xl flex items-end p-2 relative overflow-hidden shadow-sm", children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 opacity-20", style: { backgroundImage: "repeating-linear-gradient(45deg, transparent, transparent 2px, white 2px, white 4px)" } }),
+          /* @__PURE__ */ jsx("span", { className: "text-white text-[10px] font-bold relative z-10", children: "60" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex-[0.8] bg-neutral-100 rounded-xl flex items-end justify-end p-2", children: /* @__PURE__ */ jsx("span", { className: "text-neutral-300 text-[10px] font-bold", children: "120" }) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  NoiseCards as default
+};

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

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

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

@@ -0,0 +1,69 @@
+"use client";
+
+// .generated/catalog/components/metrics/OverviewChart.tsx
+import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function OverviewChart() {
+  const data = [
+    { month: "Apr", value: 30 },
+    { month: "May", value: 15 },
+    { month: "Jun", value: 45 },
+    { month: "Jul", value: 40 },
+    { month: "Aug", value: 75, active: true },
+    { month: "Sep", value: 35 },
+    { month: "Oct", value: 40 },
+    { month: "Nov", value: 45 }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[2rem] p-7 shadow-2xl shadow-neutral-200/50 max-w-[500px] w-full mx-auto font-sans border border-neutral-100", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-8", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-[19px] font-semibold text-neutral-900 mb-5", children: "Overview" }),
+        /* @__PURE__ */ jsx("div", { className: "text-[13px] text-neutral-500 font-medium mb-1", children: "Avg Per month" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-[28px] font-bold text-neutral-900 tracking-tight", children: [
+            "1,860",
+            /* @__PURE__ */ jsx("span", { className: "text-[20px] font-semibold text-neutral-400", children: "/3K" })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 bg-emerald-50 text-emerald-600 text-[11px] font-bold rounded-md shadow-sm flex items-center gap-0.5", children: "50.2% \u25B2" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("button", { className: "flex items-center gap-2 px-3 py-1.5 text-[13px] font-medium text-neutral-700 bg-white border border-neutral-200/80 rounded-xl shadow-[0_2px_10px_-4px_rgba(0,0,0,0.05)] hover:bg-neutral-50", children: [
+        "Last Month ",
+        /* @__PURE__ */ jsx(ChevronDown, { className: "w-3.5 h-3.5" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "h-[180px] relative mt-16 px-1 flex items-end justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex flex-col justify-between pointer-events-none pb-7 pt-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-full border-b border-dashed border-neutral-200/80" }),
+        /* @__PURE__ */ jsx("div", { className: "w-full border-b border-dashed border-neutral-200/80" }),
+        /* @__PURE__ */ jsx("div", { className: "w-full border-b border-dashed border-neutral-200/80" })
+      ] }),
+      data.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 relative z-10 w-11", children: [
+        item.active && /* @__PURE__ */ jsx("div", { className: "absolute -top-[64px] flex flex-col items-center w-[90px]", children: /* @__PURE__ */ jsxs("div", { className: "bg-[#2C2C2C] text-white rounded-xl p-2.5 text-center shadow-xl w-full relative z-20 border border-neutral-800", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-[10px] text-neutral-400 font-medium mb-1", children: "August 2025" }),
+          /* @__PURE__ */ jsx("div", { className: "text-[13px] font-semibold", children: "120 pcs" }),
+          /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1.5 left-1/2 -translate-x-1/2 w-3.5 h-3.5 bg-[#2C2C2C] border-b border-r border-neutral-800 rotate-45" })
+        ] }) }),
+        item.active && /* @__PURE__ */ jsx("div", { className: "absolute -top-3.5 w-4 h-4 bg-white border-[3px] border-[#2C2C2C] rounded-full z-20 shadow-sm" }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `w-full rounded-lg border-2 transition-all ${item.active ? "bg-[#999999] border-[#2C2C2C]" : "border-neutral-200/60 bg-neutral-50"}`,
+            style: {
+              height: `${item.value}%`,
+              ...item.active ? {
+                backgroundImage: "repeating-linear-gradient(-45deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 2px, transparent 2px, transparent 6px)"
+              } : {
+                backgroundImage: "repeating-linear-gradient(-45deg, rgba(0,0,0,0.04), rgba(0,0,0,0.04) 2px, transparent 2px, transparent 6px)"
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-neutral-500", children: item.month })
+      ] }, i))
+    ] })
+  ] });
+}
+export {
+  OverviewChart as default
+};

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

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

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

@@ -0,0 +1,35 @@
+"use client";
+
+// .generated/catalog/components/metrics/ProgressIndicator.tsx
+import { MoreHorizontal, ArrowUpRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ProgressIndicator() {
+  const totalBars = 36;
+  const filledBars = 24;
+  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", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-neutral-200", children: "Progress Indicator" }),
+      /* @__PURE__ */ jsx(MoreHorizontal, { className: "w-5 h-5 text-neutral-500" })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-[13px] text-neutral-400 mt-2", children: "You are on track to finish this goal three days early" }),
+    /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-white/5 my-6" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-5xl font-semibold tracking-tight text-white", children: "66%" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 px-2.5 py-1 rounded-full border border-white/10 bg-white/5", children: [
+        /* @__PURE__ */ jsx(ArrowUpRight, { className: "w-3 h-3 text-neutral-300" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-neutral-200", children: "8%" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-500 ml-1", children: "vs. the last period" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-[3px] h-12 w-full mt-8", children: Array.from({ length: totalBars }).map((_, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `flex-1 rounded-sm ${i < filledBars ? "bg-neutral-200" : "bg-neutral-800"}`
+      },
+      i
+    )) })
+  ] });
+}
+export {
+  ProgressIndicator as default
+};

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

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

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

@@ -0,0 +1,29 @@
+"use client";
+
+// .generated/catalog/components/metrics/PromptsCard.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function PromptsCard() {
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[1.5rem] p-5 w-full max-w-[240px] font-sans border border-neutral-100 shadow-[0_4px_20px_-4px_rgba(0,0,0,0.05)] mx-auto", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[28px] font-semibold text-neutral-900 tracking-tight leading-none mb-3 font-mono", children: "12,480" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mb-6 text-[13px]", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-[#10B981] font-bold flex items-center gap-0.5", children: [
+        /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx("line", { x1: "7", y1: "17", x2: "17", y2: "7" }),
+          /* @__PURE__ */ jsx("polyline", { points: "7 7 17 7 17 17" })
+        ] }),
+        "+8.4%"
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "text-neutral-500 font-medium", children: "Prompts" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-[3px] h-6 w-full", children: Array.from({ length: 30 }).map((_, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `flex-1 rounded-sm ${i < 18 ? "bg-[#FF6B00]" : "bg-neutral-100"}`
+      },
+      i
+    )) })
+  ] });
+}
+export {
+  PromptsCard as default
+};

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

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

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

@@ -0,0 +1,64 @@
+"use client";
+
+// .generated/catalog/components/metrics/RealTimeAlerts.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function RealTimeAlerts() {
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-[2rem] p-6 max-w-[340px] mx-auto font-sans border border-neutral-100 shadow-2xl shadow-neutral-200/50", children: [
+    /* @__PURE__ */ jsxs("div", { className: "bg-[#F8F9FA] rounded-3xl p-6 shadow-sm border border-neutral-200/60 mb-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center text-[13px] font-semibold text-neutral-700 mb-5 font-mono", children: [
+        /* @__PURE__ */ jsx("span", { children: "Mar - Apr" }),
+        /* @__PURE__ */ jsx("span", { children: "68%" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "relative h-2 w-full bg-neutral-200 rounded-full mb-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 h-full w-[68%] bg-[#FB4358] rounded-full" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 -translate-y-1/2 left-[68%] w-4 h-4 bg-[#FB4358] rounded-full shadow-md border-2 border-white -ml-2" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[10px] font-mono text-neutral-400 mb-10", children: [
+        /* @__PURE__ */ jsx("span", { children: "0B" }),
+        /* @__PURE__ */ jsx("span", { children: "45B" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "relative h-44 flex items-end justify-between px-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute top-8 left-0 right-0 border-b border-dashed border-[#FB4358]/50 z-10" }),
+        /* @__PURE__ */ jsxs("div", { className: "w-12 h-[75%] rounded-[1.25rem] bg-white border border-neutral-200/80 flex flex-col relative overflow-hidden p-1 shadow-[0_4px_10px_-2px_rgba(0,0,0,0.05)]", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-full h-1/4 bg-neutral-50 rounded-t-[14px]", style: { backgroundImage: "repeating-linear-gradient(45deg, rgba(0,0,0,0.04), rgba(0,0,0,0.04) 2px, transparent 2px, transparent 6px)" } }),
+          /* @__PURE__ */ jsxs("div", { className: "w-full flex-1 bg-[#1C1C1C] rounded-[16px] flex flex-col items-center justify-between py-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] text-white font-medium font-mono", children: "8.5B" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] text-white font-medium", children: "AI" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "w-12 h-[100%] rounded-[1.25rem] bg-white border border-neutral-200/80 flex flex-col relative overflow-hidden p-1 shadow-[0_4px_10px_-2px_rgba(0,0,0,0.05)] z-20", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-full h-[15%] bg-neutral-50 rounded-t-[14px]", style: { backgroundImage: "repeating-linear-gradient(45deg, rgba(0,0,0,0.04), rgba(0,0,0,0.04) 2px, transparent 2px, transparent 6px)" } }),
+          /* @__PURE__ */ jsxs("div", { className: "w-full flex-1 bg-[#1C1C1C] rounded-[16px] flex flex-col items-center justify-between py-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] text-white font-medium font-mono", children: "9.2B" }),
+            /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full bg-white/10 border border-white/10 flex items-center justify-center text-[10px] text-white", children: "\u274B" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "w-12 h-[55%] rounded-[1.25rem] bg-white border border-neutral-200/80 flex flex-col relative overflow-hidden p-1 shadow-[0_4px_10px_-2px_rgba(0,0,0,0.05)]", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-full h-[10%] bg-neutral-50 rounded-t-[14px]", style: { backgroundImage: "repeating-linear-gradient(45deg, rgba(0,0,0,0.04), rgba(0,0,0,0.04) 2px, transparent 2px, transparent 6px)" } }),
+          /* @__PURE__ */ jsxs("div", { className: "w-full flex-1 bg-[#1C1C1C] rounded-[16px] flex flex-col items-center justify-between py-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] text-white font-medium font-mono", children: "4.1B" }),
+            /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full bg-white/10 border border-white/10 flex items-center justify-center text-[10px] text-white", children: "\u221E" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "w-12 h-[80%] rounded-[1.25rem] bg-white border border-neutral-200/80 flex flex-col relative overflow-hidden p-1 shadow-[0_4px_10px_-2px_rgba(0,0,0,0.05)]", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-full h-[10%] bg-neutral-50 rounded-t-[14px]", style: { backgroundImage: "repeating-linear-gradient(45deg, rgba(0,0,0,0.04), rgba(0,0,0,0.04) 2px, transparent 2px, transparent 6px)" } }),
+          /* @__PURE__ */ jsxs("div", { className: "w-full flex-1 bg-[#1C1C1C] rounded-[16px] flex flex-col items-center justify-between py-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] text-white font-medium font-mono", children: "8.7B" }),
+            /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full bg-white/10 border border-white/10 flex items-center justify-center text-[12px] text-white", children: "\u2726" })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "px-2", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-neutral-900 mb-3 tracking-tight", children: "Real-Time Alerts" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-[14px] leading-[1.6] text-neutral-500", children: [
+        "Set custom budgets or thresholds and receive instant Slack or email notifications at ",
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-neutral-700", children: "80 % usage" }),
+        " so you can course-correct long before invoices explode."
+      ] })
+    ] })
+  ] });
+}
+export {
+  RealTimeAlerts as default
+};

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

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

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

@@ -0,0 +1,41 @@
+"use client";
+
+// .generated/catalog/components/metrics/RunningStatsCard.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function RunningStatsCard() {
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-3xl p-6 w-full max-w-[320px] mx-auto font-sans shadow-[0_8px_30px_-4px_rgba(0,0,0,0.05)] border border-neutral-100", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-10", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-[28px] font-bold text-neutral-900 tracking-tight leading-none mb-2", children: "18,13 km" }),
+        /* @__PURE__ */ jsx("div", { className: "text-[13px] text-neutral-400 font-medium", children: "3h 45m" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "text-[13px] text-neutral-400 font-medium mt-1", children: "Running last week" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "h-[140px] relative px-2 flex items-end justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex flex-col justify-between pointer-events-none pb-8", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-full border-b border-neutral-100 relative", children: /* @__PURE__ */ jsx("span", { className: "absolute -right-1 -top-2 text-[9px] text-neutral-300 font-medium bg-white pl-2", children: "10 km" }) }),
+        /* @__PURE__ */ jsx("div", { className: "w-full border-b border-neutral-100 relative", children: /* @__PURE__ */ jsx("span", { className: "absolute -right-1 -top-2 text-[9px] text-neutral-300 font-medium bg-white pl-2", children: "5 km" }) }),
+        /* @__PURE__ */ jsx("div", { className: "w-full border-b border-neutral-100 relative", children: /* @__PURE__ */ jsx("span", { className: "absolute -right-1 -top-2 text-[9px] text-neutral-300 font-medium bg-white pl-2", children: "0 km" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 relative z-10 w-8 h-full justify-end pb-8", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-[18px] bg-[#F97316] rounded-t-lg h-[95%]" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold text-neutral-400 absolute -bottom-1", children: "Mon" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 relative z-10 w-8 h-full justify-end pb-8", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-[18px] bg-[#F97316] rounded-t-lg h-[75%]" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold text-neutral-400 absolute -bottom-1", children: "Tue" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3 relative z-10 w-8 h-full justify-end pb-8", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold text-neutral-400 absolute -bottom-1", children: "Wed" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 relative z-10 w-8 h-full justify-end pb-8", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-[18px] bg-[#F97316] rounded-t-lg h-[85%]" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold text-neutral-400 absolute -bottom-1", children: "Thu" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3 relative z-10 w-8 h-full justify-end pb-8", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-white bg-neutral-900 px-2 py-0.5 rounded-full absolute -bottom-1 whitespace-nowrap z-20", children: "Fri" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3 relative z-10 w-8 h-full justify-end pb-8", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold text-neutral-300 absolute -bottom-1", children: "Sat" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3 relative z-10 w-8 h-full justify-end pb-8", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold text-neutral-300 absolute -bottom-1", children: "Sun" }) })
+    ] })
+  ] });
+}
+export {
+  RunningStatsCard as default
+};

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

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