@medialane/ui 0.133.0 → 0.134.1

package/dist/components/coin-card.cjs

@@ -1,141 +0,0 @@
-"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 coin_card_exports = {};
-__export(coin_card_exports, {
-  CoinCard: () => CoinCard,
-  CoinCardSkeleton: () => CoinCardSkeleton,
-  CoinRow: () => CoinRow
-});
-module.exports = __toCommonJS(coin_card_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_cn = require("../utils/cn.js");
-var import_ipfs = require("../utils/ipfs.js");
-var import_motion_primitives = require("./motion-primitives.js");
-var import_currency_icon = require("./currency-icon.js");
-var import_coins = require("../data/coins.js");
-var import_format = require("../utils/format.js");
-const KIND_TAG = {
-  creator: "border-brand-blue/30 bg-brand-blue/10 text-brand-blue",
-  memecoin: "border-brand-purple/30 bg-brand-purple/10 text-brand-purple"
-};
-const KIND_OVER_IMAGE = {
-  creator: "bg-brand-blue/85 text-white",
-  memecoin: "bg-brand-purple/85 text-white"
-};
-const KIND_FALLBACK = {
-  creator: "from-brand-blue to-brand-purple",
-  memecoin: "from-brand-purple to-brand-rose"
-};
-const kindLabel = (kind) => kind === "creator" ? "Creator Coin" : "Memecoin";
-function useTileModel({ collection, usePrice }) {
-  const { price, isLoading } = usePrice(collection);
-  const kind = (0, import_coins.coinKind)(collection.service);
-  const logoUri = collection.profile?.image ?? collection.image;
-  const logo = logoUri ? (0, import_ipfs.ipfsToHttp)(logoUri) : null;
-  const initials = (collection.symbol ?? collection.name ?? "?").trim().slice(0, 2).toUpperCase();
-  return { price, isLoading, kind, logo, initials };
-}
-function PriceValue({ price, isLoading }) {
-  if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-block h-4 w-14 rounded bg-muted-foreground/20 animate-pulse" });
-  if (!price) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
-  const usdValue = price.quoteUsdRate != null ? (0, import_format.formatUsd)(price.quotePerCoin * price.quoteUsdRate) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "inline-flex flex-wrap items-baseline justify-end gap-x-1.5 gap-y-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "inline-flex items-center gap-1 font-semibold tabular-nums", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: price.quoteSymbol, size: 14 }),
-      (0, import_coins.formatCoinPrice)(price.quotePerCoin)
-    ] }),
-    usdValue && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-2xs text-muted-foreground/70 whitespace-nowrap", children: [
-      "\u2248 ",
-      usdValue
-    ] })
-  ] });
-}
-function CoinCard({ collection, usePrice, href }) {
-  const m = useTileModel({ collection, usePrice });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_motion_primitives.MotionCard, { className: "card-base group relative flex h-full flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href, className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative aspect-square w-full overflow-hidden bg-muted", children: [
-      m.logo ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_image.default,
-        {
-          src: m.logo,
-          alt: collection.name ?? "Coin",
-          fill: true,
-          sizes: "(min-width:1280px) 25vw, (min-width:1024px) 33vw, (min-width:640px) 50vw, 100vw",
-          className: "object-cover transition-transform duration-500 group-hover:scale-105",
-          unoptimized: true
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("absolute inset-0 flex items-center justify-center bg-gradient-to-br", KIND_FALLBACK[m.kind]), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "select-none text-5xl font-black tracking-tighter text-white/90", children: m.initials }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_cn.cn)("absolute left-2 top-2 rounded-full px-2 py-0.5 text-2xs font-semibold backdrop-blur-md", KIND_OVER_IMAGE[m.kind]), children: kindLabel(m.kind) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2 p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate font-semibold leading-tight", children: collection.name ?? "Untitled coin" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-sm text-muted-foreground", children: collection.symbol ?? "\u2014" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-baseline justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-2xs uppercase tracking-wide text-muted-foreground", children: "Price" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PriceValue, { price: m.price, isLoading: m.isLoading })
-      ] })
-    ] })
-  ] }) });
-}
-function CoinRow({ collection, usePrice, href }) {
-  const m = useTileModel({ collection, usePrice });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_link.default, { href, className: "flex items-center gap-3 rounded-lg border border-border/60 bg-card px-3 py-2.5 transition-colors hover:border-primary/40 active:scale-[0.99]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-9 w-9 shrink-0 overflow-hidden rounded-full bg-muted", children: m.logo ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: m.logo, alt: "", fill: true, sizes: "36px", className: "object-cover", unoptimized: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("flex h-full w-full items-center justify-center bg-gradient-to-br text-2xs font-bold text-white", KIND_FALLBACK[m.kind]), children: m.initials }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate text-sm font-semibold", children: collection.name ?? "Untitled coin" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "block truncate text-xs text-muted-foreground", children: collection.symbol ?? "\u2014" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_cn.cn)("hidden shrink-0 rounded-full border px-2 py-0.5 text-2xs font-medium sm:inline-block", KIND_TAG[m.kind]), children: kindLabel(m.kind) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-28 shrink-0 text-right text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PriceValue, { price: m.price, isLoading: m.isLoading }) })
-  ] });
-}
-function CoinCardSkeleton() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "card-base flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "aspect-square w-full animate-pulse bg-muted" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2 p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-24 rounded bg-muted-foreground/20 animate-pulse" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-3 w-12 rounded bg-muted-foreground/20 animate-pulse" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-full rounded bg-muted-foreground/10 animate-pulse" })
-    ] })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CoinCard,
-  CoinCardSkeleton,
-  CoinRow
-});
-//# sourceMappingURL=coin-card.cjs.map

package/dist/components/coin-card.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/coin-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport Image from \"./image.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { MotionCard } from \"./motion-primitives.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport {\n  coinKind, formatCoinPrice,\n  type CoinCollectionLike, type CoinPriceLike,\n} from \"../data/coins.js\";\nimport { formatUsd } from \"../utils/format.js\";\n\nexport type UseCoinPrice = (collection: CoinCollectionLike) => {\n  price: CoinPriceLike | null;\n  isLoading: boolean;\n};\n\nexport interface CoinTileProps {\n  collection: CoinCollectionLike;\n  usePrice: UseCoinPrice;\n\n  href: string;\n}\n\nconst KIND_TAG: Record<string, string> = {\n  creator: \"border-brand-blue/30 bg-brand-blue/10 text-brand-blue\",\n  memecoin: \"border-brand-purple/30 bg-brand-purple/10 text-brand-purple\",\n};\n\nconst KIND_OVER_IMAGE: Record<string, string> = {\n  creator: \"bg-brand-blue/85 text-white\",\n  memecoin: \"bg-brand-purple/85 text-white\",\n};\n\nconst KIND_FALLBACK: Record<string, string> = {\n  creator: \"from-brand-blue to-brand-purple\",\n  memecoin: \"from-brand-purple to-brand-rose\",\n};\n\nconst kindLabel = (kind: string) => (kind === \"creator\" ? \"Creator Coin\" : \"Memecoin\");\n\nfunction useTileModel({ collection, usePrice }: Omit<CoinTileProps, \"href\">) {\n  const { price, isLoading } = usePrice(collection);\n  const kind = coinKind(collection.service);\n  const logoUri = collection.profile?.image ?? collection.image;\n  const logo = logoUri ? ipfsToHttp(logoUri) : null;\n  const initials = (collection.symbol ?? collection.name ?? \"?\").trim().slice(0, 2).toUpperCase();\n  return { price, isLoading, kind, logo, initials };\n}\n\nfunction PriceValue({ price, isLoading }: { price: CoinPriceLike | null; isLoading: boolean }) {\n  if (isLoading) return <span className=\"inline-block h-4 w-14 rounded bg-muted-foreground/20 animate-pulse\" />;\n  if (!price) return <span className=\"text-muted-foreground\">—</span>;\n  const usdValue = price.quoteUsdRate != null ? formatUsd(price.quotePerCoin * price.quoteUsdRate) : null;\n  return (\n    <span className=\"inline-flex flex-wrap items-baseline justify-end gap-x-1.5 gap-y-0\">\n      <span className=\"inline-flex items-center gap-1 font-semibold tabular-nums\">\n        <CurrencyIcon symbol={price.quoteSymbol} size={14} />\n        {formatCoinPrice(price.quotePerCoin)}\n      </span>\n      {usdValue && <span className=\"text-2xs text-muted-foreground/70 whitespace-nowrap\">≈ {usdValue}</span>}\n    </span>\n  );\n}\n\nexport function CoinCard({ collection, usePrice, href }: CoinTileProps) {\n  const m = useTileModel({ collection, usePrice });\n  return (\n    <MotionCard className=\"card-base group relative flex h-full flex-col\">\n      <Link href={href} className=\"flex h-full flex-col\">\n\n        <div className=\"relative aspect-square w-full overflow-hidden bg-muted\">\n          {m.logo ? (\n            <Image\n              src={m.logo}\n              alt={collection.name ?? \"Coin\"}\n              fill\n              sizes=\"(min-width:1280px) 25vw, (min-width:1024px) 33vw, (min-width:640px) 50vw, 100vw\"\n              className=\"object-cover transition-transform duration-500 group-hover:scale-105\"\n              unoptimized\n            />\n          ) : (\n            <div className={cn(\"absolute inset-0 flex items-center justify-center bg-gradient-to-br\", KIND_FALLBACK[m.kind])}>\n              <span className=\"select-none text-5xl font-black tracking-tighter text-white/90\">{m.initials}</span>\n            </div>\n          )}\n          <span className={cn(\"absolute left-2 top-2 rounded-full px-2 py-0.5 text-2xs font-semibold backdrop-blur-md\", KIND_OVER_IMAGE[m.kind])}>\n            {kindLabel(m.kind)}\n          </span>\n        </div>\n\n        <div className=\"flex flex-col gap-2 p-3\">\n          <div className=\"min-w-0\">\n            <div className=\"truncate font-semibold leading-tight\">{collection.name ?? \"Untitled coin\"}</div>\n            <div className=\"truncate text-sm text-muted-foreground\">{collection.symbol ?? \"—\"}</div>\n          </div>\n          <div className=\"flex items-baseline justify-between gap-2\">\n            <span className=\"text-2xs uppercase tracking-wide text-muted-foreground\">Price</span>\n            <PriceValue price={m.price} isLoading={m.isLoading} />\n          </div>\n        </div>\n      </Link>\n    </MotionCard>\n  );\n}\n\nexport function CoinRow({ collection, usePrice, href }: CoinTileProps) {\n  const m = useTileModel({ collection, usePrice });\n  return (\n    <Link href={href} className=\"flex items-center gap-3 rounded-lg border border-border/60 bg-card px-3 py-2.5 transition-colors hover:border-primary/40 active:scale-[0.99]\">\n      <div className=\"relative h-9 w-9 shrink-0 overflow-hidden rounded-full bg-muted\">\n        {m.logo ? <Image src={m.logo} alt=\"\" fill sizes=\"36px\" className=\"object-cover\" unoptimized /> :\n          <div className={cn(\"flex h-full w-full items-center justify-center bg-gradient-to-br text-2xs font-bold text-white\", KIND_FALLBACK[m.kind])}>{m.initials}</div>}\n      </div>\n      <div className=\"min-w-0 flex-1\">\n        <span className=\"truncate text-sm font-semibold\">{collection.name ?? \"Untitled coin\"}</span>\n        <span className=\"block truncate text-xs text-muted-foreground\">{collection.symbol ?? \"—\"}</span>\n      </div>\n      <span className={cn(\"hidden shrink-0 rounded-full border px-2 py-0.5 text-2xs font-medium sm:inline-block\", KIND_TAG[m.kind])}>\n        {kindLabel(m.kind)}\n      </span>\n      <span className=\"w-28 shrink-0 text-right text-sm\">\n        <PriceValue price={m.price} isLoading={m.isLoading} />\n      </span>\n    </Link>\n  );\n}\n\nexport function CoinCardSkeleton() {\n  return (\n    <div className=\"card-base flex flex-col\">\n      <div className=\"aspect-square w-full animate-pulse bg-muted\" />\n      <div className=\"flex flex-col gap-2 p-3\">\n        <div className=\"space-y-1.5\">\n          <div className=\"h-4 w-24 rounded bg-muted-foreground/20 animate-pulse\" />\n          <div className=\"h-3 w-12 rounded bg-muted-foreground/20 animate-pulse\" />\n        </div>\n        <div className=\"h-4 w-full rounded bg-muted-foreground/10 animate-pulse\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["Link","Image"]}

package/dist/components/coin-card.d.cts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CoinCollectionLike, CoinPriceLike } from '../data/coins.cjs';
-
-type UseCoinPrice = (collection: CoinCollectionLike) => {
-    price: CoinPriceLike | null;
-    isLoading: boolean;
-};
-interface CoinTileProps {
-    collection: CoinCollectionLike;
-    usePrice: UseCoinPrice;
-    href: string;
-}
-declare function CoinCard({ collection, usePrice, href }: CoinTileProps): react_jsx_runtime.JSX.Element;
-declare function CoinRow({ collection, usePrice, href }: CoinTileProps): react_jsx_runtime.JSX.Element;
-declare function CoinCardSkeleton(): react_jsx_runtime.JSX.Element;
-
-export { CoinCard, CoinCardSkeleton, CoinRow, type CoinTileProps, type UseCoinPrice };

package/dist/components/coin-card.d.ts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CoinCollectionLike, CoinPriceLike } from '../data/coins.js';
-
-type UseCoinPrice = (collection: CoinCollectionLike) => {
-    price: CoinPriceLike | null;
-    isLoading: boolean;
-};
-interface CoinTileProps {
-    collection: CoinCollectionLike;
-    usePrice: UseCoinPrice;
-    href: string;
-}
-declare function CoinCard({ collection, usePrice, href }: CoinTileProps): react_jsx_runtime.JSX.Element;
-declare function CoinRow({ collection, usePrice, href }: CoinTileProps): react_jsx_runtime.JSX.Element;
-declare function CoinCardSkeleton(): react_jsx_runtime.JSX.Element;
-
-export { CoinCard, CoinCardSkeleton, CoinRow, type CoinTileProps, type UseCoinPrice };

package/dist/components/coin-card.js

@@ -1,108 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import Link from "./link.js";
-import Image from "./image.js";
-import { cn } from "../utils/cn.js";
-import { ipfsToHttp } from "../utils/ipfs.js";
-import { MotionCard } from "./motion-primitives.js";
-import { CurrencyIcon } from "./currency-icon.js";
-import {
-  coinKind,
-  formatCoinPrice
-} from "../data/coins.js";
-import { formatUsd } from "../utils/format.js";
-const KIND_TAG = {
-  creator: "border-brand-blue/30 bg-brand-blue/10 text-brand-blue",
-  memecoin: "border-brand-purple/30 bg-brand-purple/10 text-brand-purple"
-};
-const KIND_OVER_IMAGE = {
-  creator: "bg-brand-blue/85 text-white",
-  memecoin: "bg-brand-purple/85 text-white"
-};
-const KIND_FALLBACK = {
-  creator: "from-brand-blue to-brand-purple",
-  memecoin: "from-brand-purple to-brand-rose"
-};
-const kindLabel = (kind) => kind === "creator" ? "Creator Coin" : "Memecoin";
-function useTileModel({ collection, usePrice }) {
-  const { price, isLoading } = usePrice(collection);
-  const kind = coinKind(collection.service);
-  const logoUri = collection.profile?.image ?? collection.image;
-  const logo = logoUri ? ipfsToHttp(logoUri) : null;
-  const initials = (collection.symbol ?? collection.name ?? "?").trim().slice(0, 2).toUpperCase();
-  return { price, isLoading, kind, logo, initials };
-}
-function PriceValue({ price, isLoading }) {
-  if (isLoading) return /* @__PURE__ */ jsx("span", { className: "inline-block h-4 w-14 rounded bg-muted-foreground/20 animate-pulse" });
-  if (!price) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
-  const usdValue = price.quoteUsdRate != null ? formatUsd(price.quotePerCoin * price.quoteUsdRate) : null;
-  return /* @__PURE__ */ jsxs("span", { className: "inline-flex flex-wrap items-baseline justify-end gap-x-1.5 gap-y-0", children: [
-    /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 font-semibold tabular-nums", children: [
-      /* @__PURE__ */ jsx(CurrencyIcon, { symbol: price.quoteSymbol, size: 14 }),
-      formatCoinPrice(price.quotePerCoin)
-    ] }),
-    usdValue && /* @__PURE__ */ jsxs("span", { className: "text-2xs text-muted-foreground/70 whitespace-nowrap", children: [
-      "\u2248 ",
-      usdValue
-    ] })
-  ] });
-}
-function CoinCard({ collection, usePrice, href }) {
-  const m = useTileModel({ collection, usePrice });
-  return /* @__PURE__ */ jsx(MotionCard, { className: "card-base group relative flex h-full flex-col", children: /* @__PURE__ */ jsxs(Link, { href, className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ jsxs("div", { className: "relative aspect-square w-full overflow-hidden bg-muted", children: [
-      m.logo ? /* @__PURE__ */ jsx(
-        Image,
-        {
-          src: m.logo,
-          alt: collection.name ?? "Coin",
-          fill: true,
-          sizes: "(min-width:1280px) 25vw, (min-width:1024px) 33vw, (min-width:640px) 50vw, 100vw",
-          className: "object-cover transition-transform duration-500 group-hover:scale-105",
-          unoptimized: true
-        }
-      ) : /* @__PURE__ */ jsx("div", { className: cn("absolute inset-0 flex items-center justify-center bg-gradient-to-br", KIND_FALLBACK[m.kind]), children: /* @__PURE__ */ jsx("span", { className: "select-none text-5xl font-black tracking-tighter text-white/90", children: m.initials }) }),
-      /* @__PURE__ */ jsx("span", { className: cn("absolute left-2 top-2 rounded-full px-2 py-0.5 text-2xs font-semibold backdrop-blur-md", KIND_OVER_IMAGE[m.kind]), children: kindLabel(m.kind) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 p-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx("div", { className: "truncate font-semibold leading-tight", children: collection.name ?? "Untitled coin" }),
-        /* @__PURE__ */ jsx("div", { className: "truncate text-sm text-muted-foreground", children: collection.symbol ?? "\u2014" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-2xs uppercase tracking-wide text-muted-foreground", children: "Price" }),
-        /* @__PURE__ */ jsx(PriceValue, { price: m.price, isLoading: m.isLoading })
-      ] })
-    ] })
-  ] }) });
-}
-function CoinRow({ collection, usePrice, href }) {
-  const m = useTileModel({ collection, usePrice });
-  return /* @__PURE__ */ jsxs(Link, { href, className: "flex items-center gap-3 rounded-lg border border-border/60 bg-card px-3 py-2.5 transition-colors hover:border-primary/40 active:scale-[0.99]", children: [
-    /* @__PURE__ */ jsx("div", { className: "relative h-9 w-9 shrink-0 overflow-hidden rounded-full bg-muted", children: m.logo ? /* @__PURE__ */ jsx(Image, { src: m.logo, alt: "", fill: true, sizes: "36px", className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx("div", { className: cn("flex h-full w-full items-center justify-center bg-gradient-to-br text-2xs font-bold text-white", KIND_FALLBACK[m.kind]), children: m.initials }) }),
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold", children: collection.name ?? "Untitled coin" }),
-      /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: collection.symbol ?? "\u2014" })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: cn("hidden shrink-0 rounded-full border px-2 py-0.5 text-2xs font-medium sm:inline-block", KIND_TAG[m.kind]), children: kindLabel(m.kind) }),
-    /* @__PURE__ */ jsx("span", { className: "w-28 shrink-0 text-right text-sm", children: /* @__PURE__ */ jsx(PriceValue, { price: m.price, isLoading: m.isLoading }) })
-  ] });
-}
-function CoinCardSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: "card-base flex flex-col", children: [
-    /* @__PURE__ */ jsx("div", { className: "aspect-square w-full animate-pulse bg-muted" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 p-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-24 rounded bg-muted-foreground/20 animate-pulse" }),
-        /* @__PURE__ */ jsx("div", { className: "h-3 w-12 rounded bg-muted-foreground/20 animate-pulse" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-full rounded bg-muted-foreground/10 animate-pulse" })
-    ] })
-  ] });
-}
-export {
-  CoinCard,
-  CoinCardSkeleton,
-  CoinRow
-};
-//# sourceMappingURL=coin-card.js.map

package/dist/components/coin-card.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/coin-card.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"./link.js\";\nimport Image from \"./image.js\";\nimport { cn } from \"../utils/cn.js\";\nimport { ipfsToHttp } from \"../utils/ipfs.js\";\nimport { MotionCard } from \"./motion-primitives.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport {\n  coinKind, formatCoinPrice,\n  type CoinCollectionLike, type CoinPriceLike,\n} from \"../data/coins.js\";\nimport { formatUsd } from \"../utils/format.js\";\n\nexport type UseCoinPrice = (collection: CoinCollectionLike) => {\n  price: CoinPriceLike | null;\n  isLoading: boolean;\n};\n\nexport interface CoinTileProps {\n  collection: CoinCollectionLike;\n  usePrice: UseCoinPrice;\n\n  href: string;\n}\n\nconst KIND_TAG: Record<string, string> = {\n  creator: \"border-brand-blue/30 bg-brand-blue/10 text-brand-blue\",\n  memecoin: \"border-brand-purple/30 bg-brand-purple/10 text-brand-purple\",\n};\n\nconst KIND_OVER_IMAGE: Record<string, string> = {\n  creator: \"bg-brand-blue/85 text-white\",\n  memecoin: \"bg-brand-purple/85 text-white\",\n};\n\nconst KIND_FALLBACK: Record<string, string> = {\n  creator: \"from-brand-blue to-brand-purple\",\n  memecoin: \"from-brand-purple to-brand-rose\",\n};\n\nconst kindLabel = (kind: string) => (kind === \"creator\" ? \"Creator Coin\" : \"Memecoin\");\n\nfunction useTileModel({ collection, usePrice }: Omit<CoinTileProps, \"href\">) {\n  const { price, isLoading } = usePrice(collection);\n  const kind = coinKind(collection.service);\n  const logoUri = collection.profile?.image ?? collection.image;\n  const logo = logoUri ? ipfsToHttp(logoUri) : null;\n  const initials = (collection.symbol ?? collection.name ?? \"?\").trim().slice(0, 2).toUpperCase();\n  return { price, isLoading, kind, logo, initials };\n}\n\nfunction PriceValue({ price, isLoading }: { price: CoinPriceLike | null; isLoading: boolean }) {\n  if (isLoading) return <span className=\"inline-block h-4 w-14 rounded bg-muted-foreground/20 animate-pulse\" />;\n  if (!price) return <span className=\"text-muted-foreground\">—</span>;\n  const usdValue = price.quoteUsdRate != null ? formatUsd(price.quotePerCoin * price.quoteUsdRate) : null;\n  return (\n    <span className=\"inline-flex flex-wrap items-baseline justify-end gap-x-1.5 gap-y-0\">\n      <span className=\"inline-flex items-center gap-1 font-semibold tabular-nums\">\n        <CurrencyIcon symbol={price.quoteSymbol} size={14} />\n        {formatCoinPrice(price.quotePerCoin)}\n      </span>\n      {usdValue && <span className=\"text-2xs text-muted-foreground/70 whitespace-nowrap\">≈ {usdValue}</span>}\n    </span>\n  );\n}\n\nexport function CoinCard({ collection, usePrice, href }: CoinTileProps) {\n  const m = useTileModel({ collection, usePrice });\n  return (\n    <MotionCard className=\"card-base group relative flex h-full flex-col\">\n      <Link href={href} className=\"flex h-full flex-col\">\n\n        <div className=\"relative aspect-square w-full overflow-hidden bg-muted\">\n          {m.logo ? (\n            <Image\n              src={m.logo}\n              alt={collection.name ?? \"Coin\"}\n              fill\n              sizes=\"(min-width:1280px) 25vw, (min-width:1024px) 33vw, (min-width:640px) 50vw, 100vw\"\n              className=\"object-cover transition-transform duration-500 group-hover:scale-105\"\n              unoptimized\n            />\n          ) : (\n            <div className={cn(\"absolute inset-0 flex items-center justify-center bg-gradient-to-br\", KIND_FALLBACK[m.kind])}>\n              <span className=\"select-none text-5xl font-black tracking-tighter text-white/90\">{m.initials}</span>\n            </div>\n          )}\n          <span className={cn(\"absolute left-2 top-2 rounded-full px-2 py-0.5 text-2xs font-semibold backdrop-blur-md\", KIND_OVER_IMAGE[m.kind])}>\n            {kindLabel(m.kind)}\n          </span>\n        </div>\n\n        <div className=\"flex flex-col gap-2 p-3\">\n          <div className=\"min-w-0\">\n            <div className=\"truncate font-semibold leading-tight\">{collection.name ?? \"Untitled coin\"}</div>\n            <div className=\"truncate text-sm text-muted-foreground\">{collection.symbol ?? \"—\"}</div>\n          </div>\n          <div className=\"flex items-baseline justify-between gap-2\">\n            <span className=\"text-2xs uppercase tracking-wide text-muted-foreground\">Price</span>\n            <PriceValue price={m.price} isLoading={m.isLoading} />\n          </div>\n        </div>\n      </Link>\n    </MotionCard>\n  );\n}\n\nexport function CoinRow({ collection, usePrice, href }: CoinTileProps) {\n  const m = useTileModel({ collection, usePrice });\n  return (\n    <Link href={href} className=\"flex items-center gap-3 rounded-lg border border-border/60 bg-card px-3 py-2.5 transition-colors hover:border-primary/40 active:scale-[0.99]\">\n      <div className=\"relative h-9 w-9 shrink-0 overflow-hidden rounded-full bg-muted\">\n        {m.logo ? <Image src={m.logo} alt=\"\" fill sizes=\"36px\" className=\"object-cover\" unoptimized /> :\n          <div className={cn(\"flex h-full w-full items-center justify-center bg-gradient-to-br text-2xs font-bold text-white\", KIND_FALLBACK[m.kind])}>{m.initials}</div>}\n      </div>\n      <div className=\"min-w-0 flex-1\">\n        <span className=\"truncate text-sm font-semibold\">{collection.name ?? \"Untitled coin\"}</span>\n        <span className=\"block truncate text-xs text-muted-foreground\">{collection.symbol ?? \"—\"}</span>\n      </div>\n      <span className={cn(\"hidden shrink-0 rounded-full border px-2 py-0.5 text-2xs font-medium sm:inline-block\", KIND_TAG[m.kind])}>\n        {kindLabel(m.kind)}\n      </span>\n      <span className=\"w-28 shrink-0 text-right text-sm\">\n        <PriceValue price={m.price} isLoading={m.isLoading} />\n      </span>\n    </Link>\n  );\n}\n\nexport function CoinCardSkeleton() {\n  return (\n    <div className=\"card-base flex flex-col\">\n      <div className=\"aspect-square w-full animate-pulse bg-muted\" />\n      <div className=\"flex flex-col gap-2 p-3\">\n        <div className=\"space-y-1.5\">\n          <div className=\"h-4 w-24 rounded bg-muted-foreground/20 animate-pulse\" />\n          <div className=\"h-3 w-12 rounded bg-muted-foreground/20 animate-pulse\" />\n        </div>\n        <div className=\"h-4 w-full rounded bg-muted-foreground/10 animate-pulse\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}