@medialane/ui 0.128.7 → 0.130.0

package/dist/components/activity-timeline-row.cjs

@@ -0,0 +1,100 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var activity_timeline_row_exports = {};
+__export(activity_timeline_row_exports, {
+  ActivityTimelineRow: () => ActivityTimelineRow
+});
+module.exports = __toCommonJS(activity_timeline_row_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("./link.js"), 1);
+var import_lucide_react = require("lucide-react");
+var import_time = require("../utils/time.js");
+var import_format = require("../utils/format.js");
+var import_cn = require("../utils/cn.js");
+const ACTIVITY_META = {
+  mint: { label: "Minted", textColor: "text-yellow-400", bg: "bg-yellow-500/8 border-yellow-500/15" },
+  listing: { label: "Listed", textColor: "text-violet-400", bg: "bg-violet-500/8 border-violet-500/15" },
+  sale: { label: "Sold", textColor: "text-emerald-400", bg: "bg-emerald-500/8 border-emerald-500/15" },
+  offer: { label: "Offer", textColor: "text-amber-400", bg: "bg-amber-500/8 border-amber-500/15" },
+  transfer: { label: "Transfer", textColor: "text-blue-400", bg: "bg-blue-500/8 border-blue-500/15" },
+  cancelled: { label: "Cancelled", textColor: "text-muted-foreground", bg: "bg-muted/30 border-border" }
+};
+const ACTIVITY_ICONS = {
+  mint: import_lucide_react.Sparkles,
+  listing: import_lucide_react.Tag,
+  sale: import_lucide_react.Handshake,
+  offer: import_lucide_react.TrendingUp,
+  transfer: import_lucide_react.ArrowRightLeft,
+  cancelled: import_lucide_react.ArrowRightLeft
+};
+function ActivityTimelineRow({
+  event,
+  isLast,
+  getAssetHref = (contract, tokenId) => `/asset/STARKNET/${contract}/${tokenId}`
+}) {
+  const meta = ACTIVITY_META[event.type] ?? ACTIVITY_META.transfer;
+  const Icon = ACTIVITY_ICONS[event.type] ?? import_lucide_react.ArrowRightLeft;
+  const tokenId = event.nftTokenId ?? event.tokenId;
+  const contract = event.nftContract ?? event.contractAddress;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-4 group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center shrink-0 w-9", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("h-9 w-9 rounded-xl border flex items-center justify-center shrink-0", meta.bg), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: (0, import_cn.cn)("h-3.5 w-3.5", meta.textColor) }) }),
+      !isLast && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 w-px bg-border/50 mt-1.5 min-h-4" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 pb-5 min-w-0 pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_cn.cn)("text-[11px] font-bold", meta.textColor), children: meta.label }),
+          contract && tokenId ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href: getAssetHref(contract, tokenId), className: "text-xs text-muted-foreground tabular-nums hover:text-foreground transition-colors", children: [
+            "Token #",
+            tokenId
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
+            "Token #",
+            tokenId ?? "\u2014"
+          ] })
+        ] }),
+        contract && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-[11px] text-muted-foreground/60 tabular-nums mt-0.5 truncate", children: [
+          contract.slice(0, 10),
+          "\u2026",
+          contract.slice(-6)
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-right shrink-0", children: [
+        event.price?.formatted && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold price-value leading-none", children: (0, import_format.formatDisplayPrice)(event.price.formatted) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[10px] text-muted-foreground mt-1", children: (0, import_time.timeAgo)(event.timestamp) })
+      ] })
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActivityTimelineRow
+});
+//# sourceMappingURL=activity-timeline-row.cjs.map

package/dist/components/activity-timeline-row.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/activity-timeline-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport {\n  Tag, Handshake, TrendingUp, ArrowRightLeft, Sparkles,\n} from \"lucide-react\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { cn } from \"../utils/cn.js\";\n\n\nconst ACTIVITY_META: Record<string, { label: string; textColor: string; bg: string }> = {\n  mint:      { label: \"Minted\",    textColor: \"text-yellow-400\",  bg: \"bg-yellow-500/8 border-yellow-500/15\" },\n  listing:   { label: \"Listed\",    textColor: \"text-violet-400\",  bg: \"bg-violet-500/8 border-violet-500/15\" },\n  sale:      { label: \"Sold\",      textColor: \"text-emerald-400\", bg: \"bg-emerald-500/8 border-emerald-500/15\" },\n  offer:     { label: \"Offer\",     textColor: \"text-amber-400\",   bg: \"bg-amber-500/8 border-amber-500/15\" },\n  transfer:  { label: \"Transfer\",  textColor: \"text-blue-400\",    bg: \"bg-blue-500/8 border-blue-500/15\" },\n  cancelled: { label: \"Cancelled\", textColor: \"text-muted-foreground\", bg: \"bg-muted/30 border-border\" },\n};\n\nconst ACTIVITY_ICONS: Record<string, React.ElementType> = {\n  mint:      Sparkles,\n  listing:   Tag,\n  sale:      Handshake,\n  offer:     TrendingUp,\n  transfer:  ArrowRightLeft,\n  cancelled: ArrowRightLeft,\n};\n\nexport interface ActivityTimelineRowProps {\n  event: ApiActivity;\n  isLast: boolean;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n}\n\nexport function ActivityTimelineRow({\n  event,\n  isLast,\n  getAssetHref = (contract, tokenId) => `/asset/STARKNET/${contract}/${tokenId}`,\n}: ActivityTimelineRowProps) {\n  const meta = ACTIVITY_META[event.type] ?? ACTIVITY_META.transfer;\n  const Icon = ACTIVITY_ICONS[event.type] ?? ArrowRightLeft;\n  const tokenId = event.nftTokenId ?? event.tokenId;\n  const contract = event.nftContract ?? event.contractAddress;\n\n  return (\n    <div className=\"flex gap-4 group\">\n      <div className=\"flex flex-col items-center shrink-0 w-9\">\n        <div className={cn(\"h-9 w-9 rounded-xl border flex items-center justify-center shrink-0\", meta.bg)}>\n          <Icon className={cn(\"h-3.5 w-3.5\", meta.textColor)} />\n        </div>\n        {!isLast && <div className=\"flex-1 w-px bg-border/50 mt-1.5 min-h-4\" />}\n      </div>\n      <div className=\"flex-1 pb-5 min-w-0 pt-1\">\n        <div className=\"flex items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-2 flex-wrap\">\n              <span className={cn(\"text-[11px] font-bold\", meta.textColor)}>\n                {meta.label}\n              </span>\n              {contract && tokenId ? (\n                <Link href={getAssetHref(contract, tokenId)} className=\"text-xs text-muted-foreground tabular-nums hover:text-foreground transition-colors\">\n                  Token #{tokenId}\n                </Link>\n              ) : (\n                <span className=\"text-xs text-muted-foreground tabular-nums\">Token #{tokenId ?? \"—\"}</span>\n              )}\n            </div>\n            {contract && (\n              <p className=\"text-[11px] text-muted-foreground/60 tabular-nums mt-0.5 truncate\">\n                {contract.slice(0, 10)}…{contract.slice(-6)}\n              </p>\n            )}\n          </div>\n          <div className=\"text-right shrink-0\">\n            {event.price?.formatted && (\n              <p className=\"text-sm font-semibold price-value leading-none\">\n                {formatDisplayPrice(event.price.formatted)}\n              </p>\n            )}\n            <p className=\"text-[10px] text-muted-foreground mt-1\">{timeAgo(event.timestamp)}</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDM;AA9CN,kBAAiB;AACjB,0BAEO;AACP,kBAAwB;AACxB,oBAAmC;AAEnC,gBAAmB;AAGnB,MAAM,gBAAkF;AAAA,EACtF,MAAW,EAAE,OAAO,UAAa,WAAW,mBAAoB,IAAI,uCAAuC;AAAA,EAC3G,SAAW,EAAE,OAAO,UAAa,WAAW,mBAAoB,IAAI,uCAAuC;AAAA,EAC3G,MAAW,EAAE,OAAO,QAAa,WAAW,oBAAoB,IAAI,yCAAyC;AAAA,EAC7G,OAAW,EAAE,OAAO,SAAa,WAAW,kBAAoB,IAAI,qCAAqC;AAAA,EACzG,UAAW,EAAE,OAAO,YAAa,WAAW,iBAAoB,IAAI,mCAAmC;AAAA,EACvG,WAAW,EAAE,OAAO,aAAa,WAAW,yBAAyB,IAAI,4BAA4B;AACvG;AAEA,MAAM,iBAAoD;AAAA,EACxD,MAAW;AAAA,EACX,SAAW;AAAA,EACX,MAAW;AAAA,EACX,OAAW;AAAA,EACX,UAAW;AAAA,EACX,WAAW;AACb;AAQO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA,eAAe,CAAC,UAAU,YAAY,mBAAmB,QAAQ,IAAI,OAAO;AAC9E,GAA6B;AAC3B,QAAM,OAAO,cAAc,MAAM,IAAI,KAAK,cAAc;AACxD,QAAM,OAAO,eAAe,MAAM,IAAI,KAAK;AAC3C,QAAM,UAAU,MAAM,cAAc,MAAM;AAC1C,QAAM,WAAW,MAAM,eAAe,MAAM;AAE5C,SACE,6CAAC,SAAI,WAAU,oBACb;AAAA,iDAAC,SAAI,WAAU,2CACb;AAAA,kDAAC,SAAI,eAAW,cAAG,uEAAuE,KAAK,EAAE,GAC/F,sDAAC,QAAK,eAAW,cAAG,eAAe,KAAK,SAAS,GAAG,GACtD;AAAA,MACC,CAAC,UAAU,4CAAC,SAAI,WAAU,2CAA0C;AAAA,OACvE;AAAA,IACA,4CAAC,SAAI,WAAU,4BACb,uDAAC,SAAI,WAAU,0CACb;AAAA,mDAAC,SAAI,WAAU,WACb;AAAA,qDAAC,SAAI,WAAU,qCACb;AAAA,sDAAC,UAAK,eAAW,cAAG,yBAAyB,KAAK,SAAS,GACxD,eAAK,OACR;AAAA,UACC,YAAY,UACX,6CAAC,YAAAA,SAAA,EAAK,MAAM,aAAa,UAAU,OAAO,GAAG,WAAU,sFAAqF;AAAA;AAAA,YAClI;AAAA,aACV,IAEA,6CAAC,UAAK,WAAU,8CAA6C;AAAA;AAAA,YAAQ,WAAW;AAAA,aAAI;AAAA,WAExF;AAAA,QACC,YACC,6CAAC,OAAE,WAAU,qEACV;AAAA,mBAAS,MAAM,GAAG,EAAE;AAAA,UAAE;AAAA,UAAE,SAAS,MAAM,EAAE;AAAA,WAC5C;AAAA,SAEJ;AAAA,MACA,6CAAC,SAAI,WAAU,uBACZ;AAAA,cAAM,OAAO,aACZ,4CAAC,OAAE,WAAU,kDACV,gDAAmB,MAAM,MAAM,SAAS,GAC3C;AAAA,QAEF,4CAAC,OAAE,WAAU,0CAA0C,mCAAQ,MAAM,SAAS,GAAE;AAAA,SAClF;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":["Link"]}

package/dist/components/activity-timeline-row.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+interface ActivityTimelineRowProps {
+    event: ApiActivity;
+    isLast: boolean;
+    getAssetHref?: (contract: string, tokenId: string) => string;
+}
+declare function ActivityTimelineRow({ event, isLast, getAssetHref, }: ActivityTimelineRowProps): react_jsx_runtime.JSX.Element;
+
+export { ActivityTimelineRow, type ActivityTimelineRowProps };

package/dist/components/activity-timeline-row.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ApiActivity } from '@medialane/sdk';
+
+interface ActivityTimelineRowProps {
+    event: ApiActivity;
+    isLast: boolean;
+    getAssetHref?: (contract: string, tokenId: string) => string;
+}
+declare function ActivityTimelineRow({ event, isLast, getAssetHref, }: ActivityTimelineRowProps): react_jsx_runtime.JSX.Element;
+
+export { ActivityTimelineRow, type ActivityTimelineRowProps };

package/dist/components/activity-timeline-row.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "./link.js";
+import {
+  Tag,
+  Handshake,
+  TrendingUp,
+  ArrowRightLeft,
+  Sparkles
+} from "lucide-react";
+import { timeAgo } from "../utils/time.js";
+import { formatDisplayPrice } from "../utils/format.js";
+import { cn } from "../utils/cn.js";
+const ACTIVITY_META = {
+  mint: { label: "Minted", textColor: "text-yellow-400", bg: "bg-yellow-500/8 border-yellow-500/15" },
+  listing: { label: "Listed", textColor: "text-violet-400", bg: "bg-violet-500/8 border-violet-500/15" },
+  sale: { label: "Sold", textColor: "text-emerald-400", bg: "bg-emerald-500/8 border-emerald-500/15" },
+  offer: { label: "Offer", textColor: "text-amber-400", bg: "bg-amber-500/8 border-amber-500/15" },
+  transfer: { label: "Transfer", textColor: "text-blue-400", bg: "bg-blue-500/8 border-blue-500/15" },
+  cancelled: { label: "Cancelled", textColor: "text-muted-foreground", bg: "bg-muted/30 border-border" }
+};
+const ACTIVITY_ICONS = {
+  mint: Sparkles,
+  listing: Tag,
+  sale: Handshake,
+  offer: TrendingUp,
+  transfer: ArrowRightLeft,
+  cancelled: ArrowRightLeft
+};
+function ActivityTimelineRow({
+  event,
+  isLast,
+  getAssetHref = (contract, tokenId) => `/asset/STARKNET/${contract}/${tokenId}`
+}) {
+  const meta = ACTIVITY_META[event.type] ?? ACTIVITY_META.transfer;
+  const Icon = ACTIVITY_ICONS[event.type] ?? ArrowRightLeft;
+  const tokenId = event.nftTokenId ?? event.tokenId;
+  const contract = event.nftContract ?? event.contractAddress;
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-4 group", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center shrink-0 w-9", children: [
+      /* @__PURE__ */ jsx("div", { className: cn("h-9 w-9 rounded-xl border flex items-center justify-center shrink-0", meta.bg), children: /* @__PURE__ */ jsx(Icon, { className: cn("h-3.5 w-3.5", meta.textColor) }) }),
+      !isLast && /* @__PURE__ */ jsx("div", { className: "flex-1 w-px bg-border/50 mt-1.5 min-h-4" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 pb-5 min-w-0 pt-1", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          /* @__PURE__ */ jsx("span", { className: cn("text-[11px] font-bold", meta.textColor), children: meta.label }),
+          contract && tokenId ? /* @__PURE__ */ jsxs(Link, { href: getAssetHref(contract, tokenId), className: "text-xs text-muted-foreground tabular-nums hover:text-foreground transition-colors", children: [
+            "Token #",
+            tokenId
+          ] }) : /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
+            "Token #",
+            tokenId ?? "\u2014"
+          ] })
+        ] }),
+        contract && /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-muted-foreground/60 tabular-nums mt-0.5 truncate", children: [
+          contract.slice(0, 10),
+          "\u2026",
+          contract.slice(-6)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-right shrink-0", children: [
+        event.price?.formatted && /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold price-value leading-none", children: formatDisplayPrice(event.price.formatted) }),
+        /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground mt-1", children: timeAgo(event.timestamp) })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  ActivityTimelineRow
+};
+//# sourceMappingURL=activity-timeline-row.js.map

package/dist/components/activity-timeline-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/activity-timeline-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport {\n  Tag, Handshake, TrendingUp, ArrowRightLeft, Sparkles,\n} from \"lucide-react\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { formatDisplayPrice } from \"../utils/format.js\";\nimport type { ApiActivity } from \"@medialane/sdk\";\nimport { cn } from \"../utils/cn.js\";\n\n\nconst ACTIVITY_META: Record<string, { label: string; textColor: string; bg: string }> = {\n  mint:      { label: \"Minted\",    textColor: \"text-yellow-400\",  bg: \"bg-yellow-500/8 border-yellow-500/15\" },\n  listing:   { label: \"Listed\",    textColor: \"text-violet-400\",  bg: \"bg-violet-500/8 border-violet-500/15\" },\n  sale:      { label: \"Sold\",      textColor: \"text-emerald-400\", bg: \"bg-emerald-500/8 border-emerald-500/15\" },\n  offer:     { label: \"Offer\",     textColor: \"text-amber-400\",   bg: \"bg-amber-500/8 border-amber-500/15\" },\n  transfer:  { label: \"Transfer\",  textColor: \"text-blue-400\",    bg: \"bg-blue-500/8 border-blue-500/15\" },\n  cancelled: { label: \"Cancelled\", textColor: \"text-muted-foreground\", bg: \"bg-muted/30 border-border\" },\n};\n\nconst ACTIVITY_ICONS: Record<string, React.ElementType> = {\n  mint:      Sparkles,\n  listing:   Tag,\n  sale:      Handshake,\n  offer:     TrendingUp,\n  transfer:  ArrowRightLeft,\n  cancelled: ArrowRightLeft,\n};\n\nexport interface ActivityTimelineRowProps {\n  event: ApiActivity;\n  isLast: boolean;\n  getAssetHref?: (contract: string, tokenId: string) => string;\n}\n\nexport function ActivityTimelineRow({\n  event,\n  isLast,\n  getAssetHref = (contract, tokenId) => `/asset/STARKNET/${contract}/${tokenId}`,\n}: ActivityTimelineRowProps) {\n  const meta = ACTIVITY_META[event.type] ?? ACTIVITY_META.transfer;\n  const Icon = ACTIVITY_ICONS[event.type] ?? ArrowRightLeft;\n  const tokenId = event.nftTokenId ?? event.tokenId;\n  const contract = event.nftContract ?? event.contractAddress;\n\n  return (\n    <div className=\"flex gap-4 group\">\n      <div className=\"flex flex-col items-center shrink-0 w-9\">\n        <div className={cn(\"h-9 w-9 rounded-xl border flex items-center justify-center shrink-0\", meta.bg)}>\n          <Icon className={cn(\"h-3.5 w-3.5\", meta.textColor)} />\n        </div>\n        {!isLast && <div className=\"flex-1 w-px bg-border/50 mt-1.5 min-h-4\" />}\n      </div>\n      <div className=\"flex-1 pb-5 min-w-0 pt-1\">\n        <div className=\"flex items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-2 flex-wrap\">\n              <span className={cn(\"text-[11px] font-bold\", meta.textColor)}>\n                {meta.label}\n              </span>\n              {contract && tokenId ? (\n                <Link href={getAssetHref(contract, tokenId)} className=\"text-xs text-muted-foreground tabular-nums hover:text-foreground transition-colors\">\n                  Token #{tokenId}\n                </Link>\n              ) : (\n                <span className=\"text-xs text-muted-foreground tabular-nums\">Token #{tokenId ?? \"—\"}</span>\n              )}\n            </div>\n            {contract && (\n              <p className=\"text-[11px] text-muted-foreground/60 tabular-nums mt-0.5 truncate\">\n                {contract.slice(0, 10)}…{contract.slice(-6)}\n              </p>\n            )}\n          </div>\n          <div className=\"text-right shrink-0\">\n            {event.price?.formatted && (\n              <p className=\"text-sm font-semibold price-value leading-none\">\n                {formatDisplayPrice(event.price.formatted)}\n              </p>\n            )}\n            <p className=\"text-[10px] text-muted-foreground mt-1\">{timeAgo(event.timestamp)}</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAgDM,SAEI,KAFJ;AA9CN,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EAAK;AAAA,EAAW;AAAA,EAAY;AAAA,EAAgB;AAAA,OACvC;AACP,SAAS,eAAe;AACxB,SAAS,0BAA0B;AAEnC,SAAS,UAAU;AAGnB,MAAM,gBAAkF;AAAA,EACtF,MAAW,EAAE,OAAO,UAAa,WAAW,mBAAoB,IAAI,uCAAuC;AAAA,EAC3G,SAAW,EAAE,OAAO,UAAa,WAAW,mBAAoB,IAAI,uCAAuC;AAAA,EAC3G,MAAW,EAAE,OAAO,QAAa,WAAW,oBAAoB,IAAI,yCAAyC;AAAA,EAC7G,OAAW,EAAE,OAAO,SAAa,WAAW,kBAAoB,IAAI,qCAAqC;AAAA,EACzG,UAAW,EAAE,OAAO,YAAa,WAAW,iBAAoB,IAAI,mCAAmC;AAAA,EACvG,WAAW,EAAE,OAAO,aAAa,WAAW,yBAAyB,IAAI,4BAA4B;AACvG;AAEA,MAAM,iBAAoD;AAAA,EACxD,MAAW;AAAA,EACX,SAAW;AAAA,EACX,MAAW;AAAA,EACX,OAAW;AAAA,EACX,UAAW;AAAA,EACX,WAAW;AACb;AAQO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA,eAAe,CAAC,UAAU,YAAY,mBAAmB,QAAQ,IAAI,OAAO;AAC9E,GAA6B;AAC3B,QAAM,OAAO,cAAc,MAAM,IAAI,KAAK,cAAc;AACxD,QAAM,OAAO,eAAe,MAAM,IAAI,KAAK;AAC3C,QAAM,UAAU,MAAM,cAAc,MAAM;AAC1C,QAAM,WAAW,MAAM,eAAe,MAAM;AAE5C,SACE,qBAAC,SAAI,WAAU,oBACb;AAAA,yBAAC,SAAI,WAAU,2CACb;AAAA,0BAAC,SAAI,WAAW,GAAG,uEAAuE,KAAK,EAAE,GAC/F,8BAAC,QAAK,WAAW,GAAG,eAAe,KAAK,SAAS,GAAG,GACtD;AAAA,MACC,CAAC,UAAU,oBAAC,SAAI,WAAU,2CAA0C;AAAA,OACvE;AAAA,IACA,oBAAC,SAAI,WAAU,4BACb,+BAAC,SAAI,WAAU,0CACb;AAAA,2BAAC,SAAI,WAAU,WACb;AAAA,6BAAC,SAAI,WAAU,qCACb;AAAA,8BAAC,UAAK,WAAW,GAAG,yBAAyB,KAAK,SAAS,GACxD,eAAK,OACR;AAAA,UACC,YAAY,UACX,qBAAC,QAAK,MAAM,aAAa,UAAU,OAAO,GAAG,WAAU,sFAAqF;AAAA;AAAA,YAClI;AAAA,aACV,IAEA,qBAAC,UAAK,WAAU,8CAA6C;AAAA;AAAA,YAAQ,WAAW;AAAA,aAAI;AAAA,WAExF;AAAA,QACC,YACC,qBAAC,OAAE,WAAU,qEACV;AAAA,mBAAS,MAAM,GAAG,EAAE;AAAA,UAAE;AAAA,UAAE,SAAS,MAAM,EAAE;AAAA,WAC5C;AAAA,SAEJ;AAAA,MACA,qBAAC,SAAI,WAAU,uBACZ;AAAA,cAAM,OAAO,aACZ,oBAAC,OAAE,WAAU,kDACV,6BAAmB,MAAM,MAAM,SAAS,GAC3C;AAAA,QAEF,oBAAC,OAAE,WAAU,0CAA0C,kBAAQ,MAAM,SAAS,GAAE;AAAA,SAClF;AAAA,OACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/notification-row.cjs

@@ -0,0 +1,117 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var notification_row_exports = {};
+__export(notification_row_exports, {
+  NotificationRow: () => NotificationRow
+});
+module.exports = __toCommonJS(notification_row_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_link = __toESM(require("./link.js"), 1);
+var import_image = __toESM(require("./image.js"), 1);
+var import_lucide_react = require("lucide-react");
+var import_time = require("../utils/time.js");
+var import_cn = require("../utils/cn.js");
+var import_notification_meta = require("../data/notification-meta.js");
+function NotificationRow({
+  notification,
+  onNavigate,
+  compact = false
+}) {
+  const { type, title, description, image, href, timestamp, isUnread } = notification;
+  const Icon = import_notification_meta.NOTIFICATION_ICON[type] ?? import_lucide_react.Bell;
+  const colorClass = import_notification_meta.NOTIFICATION_COLOR[type] ?? "text-muted-foreground bg-muted/40";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_link.default,
+    {
+      href,
+      onClick: onNavigate,
+      className: (0, import_cn.cn)(
+        "flex items-start gap-3 px-4 transition-colors group",
+        compact ? "py-3" : "py-4",
+        isUnread && "bg-primary/[0.03]",
+        "hover:bg-muted/40"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative shrink-0 mt-0.5", children: image ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-10 w-10 rounded-xl overflow-hidden bg-muted ring-1 ring-border/40", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_image.default,
+            {
+              src: image,
+              alt: "",
+              width: 40,
+              height: 40,
+              className: "object-cover w-full h-full",
+              unoptimized: true
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: (0, import_cn.cn)(
+                "absolute -bottom-1 -right-1 h-5 w-5 rounded-full border-2 border-background flex items-center justify-center",
+                colorClass
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "h-2.5 w-2.5" })
+            }
+          )
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: (0, import_cn.cn)(
+              "h-10 w-10 rounded-xl flex items-center justify-center ring-1 ring-border/20",
+              colorClass
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 min-w-0 space-y-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "p",
+            {
+              className: (0, import_cn.cn)(
+                "text-sm leading-snug truncate",
+                isUnread ? "font-semibold text-foreground" : "font-medium text-foreground/90"
+              ),
+              children: title
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground truncate", children: description }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-[10px] text-muted-foreground/50 pt-0.5", children: (0, import_time.timeAgo)(timestamp) })
+        ] }),
+        isUnread && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-2 w-2 rounded-full bg-primary shrink-0 mt-2" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NotificationRow
+});
+//# sourceMappingURL=notification-row.cjs.map

package/dist/components/notification-row.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notification-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport Image from \"./image.js\";\nimport { Bell } from \"lucide-react\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { NOTIFICATION_ICON, NOTIFICATION_COLOR } from \"../data/notification-meta.js\";\nimport type { Notification } from \"../data/notification.js\";\n\nexport interface NotificationRowProps {\n  notification: Notification;\n  onNavigate?: () => void;\n  compact?: boolean;\n}\n\nexport function NotificationRow({\n  notification,\n  onNavigate,\n  compact = false,\n}: NotificationRowProps) {\n  const { type, title, description, image, href, timestamp, isUnread } = notification;\n  const Icon = NOTIFICATION_ICON[type] ?? Bell;\n  const colorClass = NOTIFICATION_COLOR[type] ?? \"text-muted-foreground bg-muted/40\";\n\n  return (\n    <Link\n      href={href}\n      onClick={onNavigate}\n      className={cn(\n        \"flex items-start gap-3 px-4 transition-colors group\",\n        compact ? \"py-3\" : \"py-4\",\n        isUnread && \"bg-primary/[0.03]\",\n        \"hover:bg-muted/40\"\n      )}\n    >\n\n      <div className=\"relative shrink-0 mt-0.5\">\n        {image ? (\n          <>\n            <div className=\"h-10 w-10 rounded-xl overflow-hidden bg-muted ring-1 ring-border/40\">\n              <Image\n                src={image}\n                alt=\"\"\n                width={40}\n                height={40}\n                className=\"object-cover w-full h-full\"\n                unoptimized\n              />\n            </div>\n            <div\n              className={cn(\n                \"absolute -bottom-1 -right-1 h-5 w-5 rounded-full border-2 border-background flex items-center justify-center\",\n                colorClass\n              )}\n            >\n              <Icon className=\"h-2.5 w-2.5\" />\n            </div>\n          </>\n        ) : (\n          <div\n            className={cn(\n              \"h-10 w-10 rounded-xl flex items-center justify-center ring-1 ring-border/20\",\n              colorClass\n            )}\n          >\n            <Icon className=\"h-4 w-4\" />\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex-1 min-w-0 space-y-0.5\">\n        <p\n          className={cn(\n            \"text-sm leading-snug truncate\",\n            isUnread ? \"font-semibold text-foreground\" : \"font-medium text-foreground/90\"\n          )}\n        >\n          {title}\n        </p>\n        <p className=\"text-xs text-muted-foreground truncate\">{description}</p>\n        <p className=\"text-[10px] text-muted-foreground/50 pt-0.5\">{timeAgo(timestamp)}</p>\n      </div>\n\n      {isUnread && (\n        <div className=\"h-2 w-2 rounded-full bg-primary shrink-0 mt-2\" />\n      )}\n    </Link>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCU;AArCV,kBAAiB;AACjB,mBAAkB;AAClB,0BAAqB;AACrB,kBAAwB;AACxB,gBAAmB;AACnB,+BAAsD;AAS/C,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAAyB;AACvB,QAAM,EAAE,MAAM,OAAO,aAAa,OAAO,MAAM,WAAW,SAAS,IAAI;AACvE,QAAM,OAAO,2CAAkB,IAAI,KAAK;AACxC,QAAM,aAAa,4CAAmB,IAAI,KAAK;AAE/C,SACE;AAAA,IAAC,YAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,eAAW;AAAA,QACT;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,YAAY;AAAA,QACZ;AAAA,MACF;AAAA,MAGA;AAAA,oDAAC,SAAI,WAAU,4BACZ,kBACC,4EACE;AAAA,sDAAC,SAAI,WAAU,uEACb;AAAA,YAAC,aAAAC;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,KAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAU;AAAA,cACV,aAAW;AAAA;AAAA,UACb,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cAEA,sDAAC,QAAK,WAAU,eAAc;AAAA;AAAA,UAChC;AAAA,WACF,IAEA;AAAA,UAAC;AAAA;AAAA,YACC,eAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEA,sDAAC,QAAK,WAAU,WAAU;AAAA;AAAA,QAC5B,GAEJ;AAAA,QAEA,6CAAC,SAAI,WAAU,8BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,gBACT;AAAA,gBACA,WAAW,kCAAkC;AAAA,cAC/C;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,4CAAC,OAAE,WAAU,0CAA0C,uBAAY;AAAA,UACnE,4CAAC,OAAE,WAAU,+CAA+C,mCAAQ,SAAS,GAAE;AAAA,WACjF;AAAA,QAEC,YACC,4CAAC,SAAI,WAAU,iDAAgD;AAAA;AAAA;AAAA,EAEnE;AAEJ;","names":["Link","Image"]}

package/dist/components/notification-row.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Notification } from '../data/notification.cjs';
+
+interface NotificationRowProps {
+    notification: Notification;
+    onNavigate?: () => void;
+    compact?: boolean;
+}
+declare function NotificationRow({ notification, onNavigate, compact, }: NotificationRowProps): react_jsx_runtime.JSX.Element;
+
+export { NotificationRow, type NotificationRowProps };

package/dist/components/notification-row.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Notification } from '../data/notification.js';
+
+interface NotificationRowProps {
+    notification: Notification;
+    onNavigate?: () => void;
+    compact?: boolean;
+}
+declare function NotificationRow({ notification, onNavigate, compact, }: NotificationRowProps): react_jsx_runtime.JSX.Element;
+
+export { NotificationRow, type NotificationRowProps };

package/dist/components/notification-row.js

@@ -0,0 +1,83 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "./link.js";
+import Image from "./image.js";
+import { Bell } from "lucide-react";
+import { timeAgo } from "../utils/time.js";
+import { cn } from "../utils/cn.js";
+import { NOTIFICATION_ICON, NOTIFICATION_COLOR } from "../data/notification-meta.js";
+function NotificationRow({
+  notification,
+  onNavigate,
+  compact = false
+}) {
+  const { type, title, description, image, href, timestamp, isUnread } = notification;
+  const Icon = NOTIFICATION_ICON[type] ?? Bell;
+  const colorClass = NOTIFICATION_COLOR[type] ?? "text-muted-foreground bg-muted/40";
+  return /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href,
+      onClick: onNavigate,
+      className: cn(
+        "flex items-start gap-3 px-4 transition-colors group",
+        compact ? "py-3" : "py-4",
+        isUnread && "bg-primary/[0.03]",
+        "hover:bg-muted/40"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "relative shrink-0 mt-0.5", children: image ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "h-10 w-10 rounded-xl overflow-hidden bg-muted ring-1 ring-border/40", children: /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: image,
+              alt: "",
+              width: 40,
+              height: 40,
+              className: "object-cover w-full h-full",
+              unoptimized: true
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "absolute -bottom-1 -right-1 h-5 w-5 rounded-full border-2 border-background flex items-center justify-center",
+                colorClass
+              ),
+              children: /* @__PURE__ */ jsx(Icon, { className: "h-2.5 w-2.5" })
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "h-10 w-10 rounded-xl flex items-center justify-center ring-1 ring-border/20",
+              colorClass
+            ),
+            children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 space-y-0.5", children: [
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "text-sm leading-snug truncate",
+                isUnread ? "font-semibold text-foreground" : "font-medium text-foreground/90"
+              ),
+              children: title
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: description }),
+          /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground/50 pt-0.5", children: timeAgo(timestamp) })
+        ] }),
+        isUnread && /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-primary shrink-0 mt-2" })
+      ]
+    }
+  );
+}
+export {
+  NotificationRow
+};
+//# sourceMappingURL=notification-row.js.map

package/dist/components/notification-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/notification-row.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport Image from \"./image.js\";\nimport { Bell } from \"lucide-react\";\nimport { timeAgo } from \"../utils/time.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { NOTIFICATION_ICON, NOTIFICATION_COLOR } from \"../data/notification-meta.js\";\nimport type { Notification } from \"../data/notification.js\";\n\nexport interface NotificationRowProps {\n  notification: Notification;\n  onNavigate?: () => void;\n  compact?: boolean;\n}\n\nexport function NotificationRow({\n  notification,\n  onNavigate,\n  compact = false,\n}: NotificationRowProps) {\n  const { type, title, description, image, href, timestamp, isUnread } = notification;\n  const Icon = NOTIFICATION_ICON[type] ?? Bell;\n  const colorClass = NOTIFICATION_COLOR[type] ?? \"text-muted-foreground bg-muted/40\";\n\n  return (\n    <Link\n      href={href}\n      onClick={onNavigate}\n      className={cn(\n        \"flex items-start gap-3 px-4 transition-colors group\",\n        compact ? \"py-3\" : \"py-4\",\n        isUnread && \"bg-primary/[0.03]\",\n        \"hover:bg-muted/40\"\n      )}\n    >\n\n      <div className=\"relative shrink-0 mt-0.5\">\n        {image ? (\n          <>\n            <div className=\"h-10 w-10 rounded-xl overflow-hidden bg-muted ring-1 ring-border/40\">\n              <Image\n                src={image}\n                alt=\"\"\n                width={40}\n                height={40}\n                className=\"object-cover w-full h-full\"\n                unoptimized\n              />\n            </div>\n            <div\n              className={cn(\n                \"absolute -bottom-1 -right-1 h-5 w-5 rounded-full border-2 border-background flex items-center justify-center\",\n                colorClass\n              )}\n            >\n              <Icon className=\"h-2.5 w-2.5\" />\n            </div>\n          </>\n        ) : (\n          <div\n            className={cn(\n              \"h-10 w-10 rounded-xl flex items-center justify-center ring-1 ring-border/20\",\n              colorClass\n            )}\n          >\n            <Icon className=\"h-4 w-4\" />\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex-1 min-w-0 space-y-0.5\">\n        <p\n          className={cn(\n            \"text-sm leading-snug truncate\",\n            isUnread ? \"font-semibold text-foreground\" : \"font-medium text-foreground/90\"\n          )}\n        >\n          {title}\n        </p>\n        <p className=\"text-xs text-muted-foreground truncate\">{description}</p>\n        <p className=\"text-[10px] text-muted-foreground/50 pt-0.5\">{timeAgo(timestamp)}</p>\n      </div>\n\n      {isUnread && (\n        <div className=\"h-2 w-2 rounded-full bg-primary shrink-0 mt-2\" />\n      )}\n    </Link>\n  );\n}\n"],"mappings":";AAuCU,mBAEI,KAFJ;AArCV,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,mBAAmB,0BAA0B;AAS/C,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAAyB;AACvB,QAAM,EAAE,MAAM,OAAO,aAAa,OAAO,MAAM,WAAW,SAAS,IAAI;AACvE,QAAM,OAAO,kBAAkB,IAAI,KAAK;AACxC,QAAM,aAAa,mBAAmB,IAAI,KAAK;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,YAAY;AAAA,QACZ;AAAA,MACF;AAAA,MAGA;AAAA,4BAAC,SAAI,WAAU,4BACZ,kBACC,iCACE;AAAA,8BAAC,SAAI,WAAU,uEACb;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,KAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAU;AAAA,cACV,aAAW;AAAA;AAAA,UACb,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cAEA,8BAAC,QAAK,WAAU,eAAc;AAAA;AAAA,UAChC;AAAA,WACF,IAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEA,8BAAC,QAAK,WAAU,WAAU;AAAA;AAAA,QAC5B,GAEJ;AAAA,QAEA,qBAAC,SAAI,WAAU,8BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,WAAW,kCAAkC;AAAA,cAC/C;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,OAAE,WAAU,0CAA0C,uBAAY;AAAA,UACnE,oBAAC,OAAE,WAAU,+CAA+C,kBAAQ,SAAS,GAAE;AAAA,WACjF;AAAA,QAEC,YACC,oBAAC,SAAI,WAAU,iDAAgD;AAAA;AAAA;AAAA,EAEnE;AAEJ;","names":[]}

package/dist/data/notification-meta.cjs

@@ -0,0 +1,66 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var notification_meta_exports = {};
+__export(notification_meta_exports, {
+  NOTIFICATION_COLOR: () => NOTIFICATION_COLOR,
+  NOTIFICATION_ICON: () => NOTIFICATION_ICON,
+  NOTIFICATION_LABEL: () => NOTIFICATION_LABEL
+});
+module.exports = __toCommonJS(notification_meta_exports);
+var import_lucide_react = require("lucide-react");
+const NOTIFICATION_ICON = {
+  offer_accepted: import_lucide_react.CheckCircle2,
+  asset_received: import_lucide_react.Gift,
+  offer: import_lucide_react.HandCoins,
+  sale: import_lucide_react.Zap,
+  listing: import_lucide_react.Tag,
+  mint: import_lucide_react.Sparkles,
+  transfer: import_lucide_react.ArrowRightLeft,
+  cancelled: import_lucide_react.X,
+  announcement: import_lucide_react.Megaphone
+};
+const NOTIFICATION_COLOR = {
+  offer_accepted: "text-emerald-400 bg-emerald-500/10",
+  asset_received: "text-teal-400 bg-teal-500/10",
+  offer: "text-amber-400 bg-amber-500/10",
+  sale: "text-violet-400 bg-violet-500/10",
+  listing: "text-sky-400 bg-sky-500/10",
+  mint: "text-emerald-400 bg-emerald-500/10",
+  transfer: "text-slate-400 bg-slate-500/10",
+  cancelled: "text-rose-400 bg-rose-500/10",
+  announcement: "text-purple-400 bg-purple-500/10"
+};
+const NOTIFICATION_LABEL = {
+  offer_accepted: "Offer accepted",
+  asset_received: "Asset received",
+  offer: "New offer",
+  sale: "Sale",
+  listing: "Listing",
+  mint: "Mint",
+  transfer: "Transfer",
+  cancelled: "Cancelled",
+  announcement: "Announcement"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NOTIFICATION_COLOR,
+  NOTIFICATION_ICON,
+  NOTIFICATION_LABEL
+});
+//# sourceMappingURL=notification-meta.cjs.map

package/dist/data/notification-meta.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/data/notification-meta.ts"],"sourcesContent":["import {\n  CheckCircle2, Gift, HandCoins, Megaphone, Zap, Tag, Sparkles, ArrowRightLeft, X,\n} from \"lucide-react\";\nimport type { NotificationType } from \"./notification.js\";\n\nexport const NOTIFICATION_ICON: Record<NotificationType, React.ElementType> = {\n  offer_accepted: CheckCircle2,\n  asset_received: Gift,\n  offer:          HandCoins,\n  sale:           Zap,\n  listing:        Tag,\n  mint:           Sparkles,\n  transfer:       ArrowRightLeft,\n  cancelled:      X,\n  announcement:   Megaphone,\n};\n\nexport const NOTIFICATION_COLOR: Record<NotificationType, string> = {\n  offer_accepted: \"text-emerald-400 bg-emerald-500/10\",\n  asset_received: \"text-teal-400 bg-teal-500/10\",\n  offer:          \"text-amber-400 bg-amber-500/10\",\n  sale:           \"text-violet-400 bg-violet-500/10\",\n  listing:        \"text-sky-400 bg-sky-500/10\",\n  mint:           \"text-emerald-400 bg-emerald-500/10\",\n  transfer:       \"text-slate-400 bg-slate-500/10\",\n  cancelled:      \"text-rose-400 bg-rose-500/10\",\n  announcement:   \"text-purple-400 bg-purple-500/10\",\n};\n\nexport const NOTIFICATION_LABEL: Record<NotificationType, string> = {\n  offer_accepted: \"Offer accepted\",\n  asset_received: \"Asset received\",\n  offer:          \"New offer\",\n  sale:           \"Sale\",\n  listing:        \"Listing\",\n  mint:           \"Mint\",\n  transfer:       \"Transfer\",\n  cancelled:      \"Cancelled\",\n  announcement:   \"Announcement\",\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAEO;AAGA,MAAM,oBAAiE;AAAA,EAC5E,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,OAAgB;AAAA,EAChB,MAAgB;AAAA,EAChB,SAAgB;AAAA,EAChB,MAAgB;AAAA,EAChB,UAAgB;AAAA,EAChB,WAAgB;AAAA,EAChB,cAAgB;AAClB;AAEO,MAAM,qBAAuD;AAAA,EAClE,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,OAAgB;AAAA,EAChB,MAAgB;AAAA,EAChB,SAAgB;AAAA,EAChB,MAAgB;AAAA,EAChB,UAAgB;AAAA,EAChB,WAAgB;AAAA,EAChB,cAAgB;AAClB;AAEO,MAAM,qBAAuD;AAAA,EAClE,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,OAAgB;AAAA,EAChB,MAAgB;AAAA,EAChB,SAAgB;AAAA,EAChB,MAAgB;AAAA,EAChB,UAAgB;AAAA,EAChB,WAAgB;AAAA,EAChB,cAAgB;AAClB;","names":[]}

package/dist/data/notification-meta.d.cts

@@ -0,0 +1,7 @@
+import { NotificationType } from './notification.cjs';
+
+declare const NOTIFICATION_ICON: Record<NotificationType, React.ElementType>;
+declare const NOTIFICATION_COLOR: Record<NotificationType, string>;
+declare const NOTIFICATION_LABEL: Record<NotificationType, string>;
+
+export { NOTIFICATION_COLOR, NOTIFICATION_ICON, NOTIFICATION_LABEL };

package/dist/data/notification-meta.d.ts

@@ -0,0 +1,7 @@
+import { NotificationType } from './notification.js';
+
+declare const NOTIFICATION_ICON: Record<NotificationType, React.ElementType>;
+declare const NOTIFICATION_COLOR: Record<NotificationType, string>;
+declare const NOTIFICATION_LABEL: Record<NotificationType, string>;
+
+export { NOTIFICATION_COLOR, NOTIFICATION_ICON, NOTIFICATION_LABEL };

package/dist/data/notification-meta.js

@@ -0,0 +1,50 @@
+import {
+  CheckCircle2,
+  Gift,
+  HandCoins,
+  Megaphone,
+  Zap,
+  Tag,
+  Sparkles,
+  ArrowRightLeft,
+  X
+} from "lucide-react";
+const NOTIFICATION_ICON = {
+  offer_accepted: CheckCircle2,
+  asset_received: Gift,
+  offer: HandCoins,
+  sale: Zap,
+  listing: Tag,
+  mint: Sparkles,
+  transfer: ArrowRightLeft,
+  cancelled: X,
+  announcement: Megaphone
+};
+const NOTIFICATION_COLOR = {
+  offer_accepted: "text-emerald-400 bg-emerald-500/10",
+  asset_received: "text-teal-400 bg-teal-500/10",
+  offer: "text-amber-400 bg-amber-500/10",
+  sale: "text-violet-400 bg-violet-500/10",
+  listing: "text-sky-400 bg-sky-500/10",
+  mint: "text-emerald-400 bg-emerald-500/10",
+  transfer: "text-slate-400 bg-slate-500/10",
+  cancelled: "text-rose-400 bg-rose-500/10",
+  announcement: "text-purple-400 bg-purple-500/10"
+};
+const NOTIFICATION_LABEL = {
+  offer_accepted: "Offer accepted",
+  asset_received: "Asset received",
+  offer: "New offer",
+  sale: "Sale",
+  listing: "Listing",
+  mint: "Mint",
+  transfer: "Transfer",
+  cancelled: "Cancelled",
+  announcement: "Announcement"
+};
+export {
+  NOTIFICATION_COLOR,
+  NOTIFICATION_ICON,
+  NOTIFICATION_LABEL
+};
+//# sourceMappingURL=notification-meta.js.map

package/dist/data/notification-meta.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/data/notification-meta.ts"],"sourcesContent":["import {\n  CheckCircle2, Gift, HandCoins, Megaphone, Zap, Tag, Sparkles, ArrowRightLeft, X,\n} from \"lucide-react\";\nimport type { NotificationType } from \"./notification.js\";\n\nexport const NOTIFICATION_ICON: Record<NotificationType, React.ElementType> = {\n  offer_accepted: CheckCircle2,\n  asset_received: Gift,\n  offer:          HandCoins,\n  sale:           Zap,\n  listing:        Tag,\n  mint:           Sparkles,\n  transfer:       ArrowRightLeft,\n  cancelled:      X,\n  announcement:   Megaphone,\n};\n\nexport const NOTIFICATION_COLOR: Record<NotificationType, string> = {\n  offer_accepted: \"text-emerald-400 bg-emerald-500/10\",\n  asset_received: \"text-teal-400 bg-teal-500/10\",\n  offer:          \"text-amber-400 bg-amber-500/10\",\n  sale:           \"text-violet-400 bg-violet-500/10\",\n  listing:        \"text-sky-400 bg-sky-500/10\",\n  mint:           \"text-emerald-400 bg-emerald-500/10\",\n  transfer:       \"text-slate-400 bg-slate-500/10\",\n  cancelled:      \"text-rose-400 bg-rose-500/10\",\n  announcement:   \"text-purple-400 bg-purple-500/10\",\n};\n\nexport const NOTIFICATION_LABEL: Record<NotificationType, string> = {\n  offer_accepted: \"Offer accepted\",\n  asset_received: \"Asset received\",\n  offer:          \"New offer\",\n  sale:           \"Sale\",\n  listing:        \"Listing\",\n  mint:           \"Mint\",\n  transfer:       \"Transfer\",\n  cancelled:      \"Cancelled\",\n  announcement:   \"Announcement\",\n};\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EAAc;AAAA,EAAM;AAAA,EAAW;AAAA,EAAW;AAAA,EAAK;AAAA,EAAK;AAAA,EAAU;AAAA,EAAgB;AAAA,OACzE;AAGA,MAAM,oBAAiE;AAAA,EAC5E,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,OAAgB;AAAA,EAChB,MAAgB;AAAA,EAChB,SAAgB;AAAA,EAChB,MAAgB;AAAA,EAChB,UAAgB;AAAA,EAChB,WAAgB;AAAA,EAChB,cAAgB;AAClB;AAEO,MAAM,qBAAuD;AAAA,EAClE,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,OAAgB;AAAA,EAChB,MAAgB;AAAA,EAChB,SAAgB;AAAA,EAChB,MAAgB;AAAA,EAChB,UAAgB;AAAA,EAChB,WAAgB;AAAA,EAChB,cAAgB;AAClB;AAEO,MAAM,qBAAuD;AAAA,EAClE,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,OAAgB;AAAA,EAChB,MAAgB;AAAA,EAChB,SAAgB;AAAA,EAChB,MAAgB;AAAA,EAChB,UAAgB;AAAA,EAChB,WAAgB;AAAA,EAChB,cAAgB;AAClB;","names":[]}