@medialane/ui 0.328.0 → 0.330.0

package/dist/utils/format.d.ts

@@ -3,9 +3,10 @@ declare function formatUsd(n: number | null | undefined): string | null;
 declare function formatSmallDecimal(n: number, significantDigits?: number): string;
 declare function formatUsdPrice(n: number | null | undefined): string | null;
 declare function formatDisplayPrice(price: string | number | null | undefined): string;
+declare function formatCompactPrice(price: string | number | null | undefined): string;
 declare function parsePriceDisplay(raw: string | null | undefined): {
     numStr: string;
     symbol: string | null;
 };
 
-export { formatDisplayPrice, formatSmallDecimal, formatUsd, formatUsdPrice, isStableCurrency, parsePriceDisplay };
+export { formatCompactPrice, formatDisplayPrice, formatSmallDecimal, formatUsd, formatUsdPrice, isStableCurrency, parsePriceDisplay };

package/dist/utils/format.js

@@ -47,6 +47,13 @@ function formatDisplayPrice(price) {
   });
   return currencyPart ? `${formatted} ${currencyPart}` : formatted;
 }
+const COMPACT_FORMAT = new Intl.NumberFormat("en-US", { notation: "compact", maximumFractionDigits: 1 });
+function formatCompactPrice(price) {
+  if (price === null || price === void 0) return "";
+  const num = Number(String(price).split(" ")[0]);
+  if (!isFinite(num) || Math.abs(num) < 1e3) return formatDisplayPrice(price);
+  return COMPACT_FORMAT.format(num);
+}
 function parsePriceDisplay(raw) {
   if (!raw) return { numStr: "\u2014", symbol: null };
   const parts = raw.trim().split(" ");
@@ -61,6 +68,7 @@ function parsePriceDisplay(raw) {
   return { numStr: clean || "\u2014", symbol: sym };
 }
 export {
+  formatCompactPrice,
   formatDisplayPrice,
   formatSmallDecimal,
   formatUsd,

package/dist/utils/format.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/format.ts"],"sourcesContent":["\nexport function isStableCurrency(symbol: string | null | undefined): boolean {\n  return symbol === \"USDC\" || symbol === \"USDT\";\n}\n\nexport function formatUsd(n: number | null | undefined): string | null {\n  if (n == null || !isFinite(n)) return null;\n  if (n > 0 && n < 0.01) return \"<$0.01\";\n  return `$${n.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;\n}\n\nconst SUBSCRIPTS = \"₀₁₂₃₄₅₆₇₈₉\";\n\nconst toSubscript = (n: number) =>\n  String(n)\n    .split(\"\")\n    .map((d) => SUBSCRIPTS[Number(d)])\n    .join(\"\");\n\nexport function formatSmallDecimal(n: number, significantDigits = 3): string {\n  if (!isFinite(n) || n === 0) return \"0\";\n  const abs = Math.abs(n);\n  const sign = n < 0 ? \"-\" : \"\";\n\n  if (abs >= 1) return sign + abs.toLocaleString(undefined, { maximumFractionDigits: 4 });\n  if (abs >= 0.0001) return sign + abs.toPrecision(significantDigits).replace(/(\\.\\d*?)0+$/, \"$1\").replace(/\\.$/, \"\");\n\n  const zeros = -Math.floor(Math.log10(abs)) - 1;\n  const digits = abs\n    .toExponential(significantDigits - 1)\n    .replace(/e[+-]\\d+$/, \"\")\n    .replace(\".\", \"\")\n    .replace(/0+$/, \"\");\n\n  return `${sign}0.0${toSubscript(zeros)}${digits || \"0\"}`;\n}\n\nexport function formatUsdPrice(n: number | null | undefined): string | null {\n  if (n == null || !isFinite(n)) return null;\n  return `$${formatSmallDecimal(n)}`;\n}\n\nfunction adaptiveDecimals(num: number): number {\n  if (num === 0 || num >= 1) return 2;\n  if (num >= 0.01) return 4;\n  const leadingZeros = Math.floor(-Math.log10(Math.abs(num)));\n  return leadingZeros + 2;\n}\n\nexport function formatDisplayPrice(price: string | number | null | undefined): string {\n  if (price === null || price === undefined) return \"\";\n  const priceStr = String(price);\n  const parts = priceStr.split(\" \");\n  const numericPart = parts[0];\n  const currencyPart = parts.length > 1 ? parts.slice(1).join(\" \") : \"\";\n  const num = Number(numericPart);\n  if (isNaN(num)) return priceStr;\n\n  if (num !== 0 && Math.abs(num) < 0.0001) {\n    const compressed = formatSmallDecimal(num);\n    return currencyPart ? `${compressed} ${currencyPart}` : compressed;\n  }\n\n  const maxDecimals = adaptiveDecimals(num);\n  const formatted = num.toLocaleString(undefined, {\n    minimumFractionDigits: Math.min(2, maxDecimals),\n    maximumFractionDigits: maxDecimals,\n  });\n  return currencyPart ? `${formatted} ${currencyPart}` : formatted;\n}\n\nexport function parsePriceDisplay(raw: string | null | undefined): { numStr: string; symbol: string | null } {\n  if (!raw) return { numStr: \"—\", symbol: null };\n  const parts = raw.trim().split(\" \");\n  const sym = parts.length > 1 ? parts[parts.length - 1] : null;\n  const numericPart = sym ? parts.slice(0, -1).join(\" \") : raw;\n  const num = Number(numericPart);\n  if (isNaN(num)) return { numStr: \"—\", symbol: sym };\n  if (num > 1e12) return { numStr: \"—\", symbol: null };\n  const formatted = formatDisplayPrice(numericPart);\n  if (!formatted || formatted === \"—\") return { numStr: \"—\", symbol: sym };\n  const clean = formatted.replace(/(\\.\\d*?)0+$/, \"$1\").replace(/\\.$/, \"\");\n  return { numStr: clean || \"—\", symbol: sym };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/utils/format.ts"],"sourcesContent":["\nexport function isStableCurrency(symbol: string | null | undefined): boolean {\n  return symbol === \"USDC\" || symbol === \"USDT\";\n}\n\nexport function formatUsd(n: number | null | undefined): string | null {\n  if (n == null || !isFinite(n)) return null;\n  if (n > 0 && n < 0.01) return \"<$0.01\";\n  return `$${n.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;\n}\n\nconst SUBSCRIPTS = \"₀₁₂₃₄₅₆₇₈₉\";\n\nconst toSubscript = (n: number) =>\n  String(n)\n    .split(\"\")\n    .map((d) => SUBSCRIPTS[Number(d)])\n    .join(\"\");\n\nexport function formatSmallDecimal(n: number, significantDigits = 3): string {\n  if (!isFinite(n) || n === 0) return \"0\";\n  const abs = Math.abs(n);\n  const sign = n < 0 ? \"-\" : \"\";\n\n  if (abs >= 1) return sign + abs.toLocaleString(undefined, { maximumFractionDigits: 4 });\n  if (abs >= 0.0001) return sign + abs.toPrecision(significantDigits).replace(/(\\.\\d*?)0+$/, \"$1\").replace(/\\.$/, \"\");\n\n  const zeros = -Math.floor(Math.log10(abs)) - 1;\n  const digits = abs\n    .toExponential(significantDigits - 1)\n    .replace(/e[+-]\\d+$/, \"\")\n    .replace(\".\", \"\")\n    .replace(/0+$/, \"\");\n\n  return `${sign}0.0${toSubscript(zeros)}${digits || \"0\"}`;\n}\n\nexport function formatUsdPrice(n: number | null | undefined): string | null {\n  if (n == null || !isFinite(n)) return null;\n  return `$${formatSmallDecimal(n)}`;\n}\n\nfunction adaptiveDecimals(num: number): number {\n  if (num === 0 || num >= 1) return 2;\n  if (num >= 0.01) return 4;\n  const leadingZeros = Math.floor(-Math.log10(Math.abs(num)));\n  return leadingZeros + 2;\n}\n\nexport function formatDisplayPrice(price: string | number | null | undefined): string {\n  if (price === null || price === undefined) return \"\";\n  const priceStr = String(price);\n  const parts = priceStr.split(\" \");\n  const numericPart = parts[0];\n  const currencyPart = parts.length > 1 ? parts.slice(1).join(\" \") : \"\";\n  const num = Number(numericPart);\n  if (isNaN(num)) return priceStr;\n\n  if (num !== 0 && Math.abs(num) < 0.0001) {\n    const compressed = formatSmallDecimal(num);\n    return currencyPart ? `${compressed} ${currencyPart}` : compressed;\n  }\n\n  const maxDecimals = adaptiveDecimals(num);\n  const formatted = num.toLocaleString(undefined, {\n    minimumFractionDigits: Math.min(2, maxDecimals),\n    maximumFractionDigits: maxDecimals,\n  });\n  return currencyPart ? `${formatted} ${currencyPart}` : formatted;\n}\n\nconst COMPACT_FORMAT = new Intl.NumberFormat(\"en-US\", { notation: \"compact\", maximumFractionDigits: 1 });\n\nexport function formatCompactPrice(price: string | number | null | undefined): string {\n  if (price === null || price === undefined) return \"\";\n  const num = Number(String(price).split(\" \")[0]);\n  if (!isFinite(num) || Math.abs(num) < 1000) return formatDisplayPrice(price);\n  return COMPACT_FORMAT.format(num);\n}\n\nexport function parsePriceDisplay(raw: string | null | undefined): { numStr: string; symbol: string | null } {\n  if (!raw) return { numStr: \"—\", symbol: null };\n  const parts = raw.trim().split(\" \");\n  const sym = parts.length > 1 ? parts[parts.length - 1] : null;\n  const numericPart = sym ? parts.slice(0, -1).join(\" \") : raw;\n  const num = Number(numericPart);\n  if (isNaN(num)) return { numStr: \"—\", symbol: sym };\n  if (num > 1e12) return { numStr: \"—\", symbol: null };\n  const formatted = formatDisplayPrice(numericPart);\n  if (!formatted || formatted === \"—\") return { numStr: \"—\", symbol: sym };\n  const clean = formatted.replace(/(\\.\\d*?)0+$/, \"$1\").replace(/\\.$/, \"\");\n  return { numStr: clean || \"—\", symbol: sym };\n}\n"],"mappings":"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","names":[]}

package/dist/utils/media-wallet/use-erc20-balance.d.cts

@@ -7,7 +7,7 @@ declare function useTokenBalance(symbol: string | null, holderAddress: string |
     rawBalance: bigint | null;
     isLoading: boolean;
     error: any;
-    decimals: 6 | 8 | 18;
+    decimals: 8 | 6 | 18;
 };
 declare function hasSufficientBalance(rawBalance: bigint | null, requiredHuman: string, decimals: number): boolean | null;
 

package/dist/utils/media-wallet/use-erc20-balance.d.ts

@@ -7,7 +7,7 @@ declare function useTokenBalance(symbol: string | null, holderAddress: string |
     rawBalance: bigint | null;
     isLoading: boolean;
     error: any;
-    decimals: 6 | 8 | 18;
+    decimals: 8 | 6 | 18;
 };
 declare function hasSufficientBalance(rawBalance: bigint | null, requiredHuman: string, decimals: number): boolean | null;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.328.0",
+  "version": "0.330.0",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,

package/dist/components/dual-price.cjs

@@ -1,164 +0,0 @@
-"use strict";
-"use client";
-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 dual_price_exports = {};
-__export(dual_price_exports, {
-  CoinChip: () => CoinChip,
-  DualPrice: () => DualPrice,
-  PriceChipContent: () => PriceChipContent
-});
-module.exports = __toCommonJS(dual_price_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_currency_icon = require("./currency-icon.js");
-var import_format = require("../utils/format.js");
-function CoinChip({ symbol, size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "span",
-    {
-      className: "grid shrink-0 place-items-center rounded-full bg-foreground/[0.06]",
-      style: { width: size + 10, height: size + 10 },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: symbol ?? "", size })
-    }
-  );
-}
-function FiatChip({ size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "span",
-    {
-      className: "grid shrink-0 place-items-center rounded-full bg-foreground/[0.06] font-extrabold leading-none text-foreground/80",
-      style: { width: size + 10, height: size + 10, fontSize: size },
-      children: "$"
-    }
-  );
-}
-function stripDollarSign(usdValue) {
-  return usdValue.replace("$", "");
-}
-const DISPLAY_FACE = "font-extrabold tracking-tight tabular-nums";
-const DUAL_PRICE_SCALES = {
-  hero: { amount: "text-3xl", chip: 18, stableChip: 14, divider: "h-7", showLabel: true },
-  card: { amount: "text-base", chip: 13, stableChip: 10, divider: "h-4", showLabel: false }
-};
-function PriceUnit({
-  chip,
-  amount,
-  label,
-  amountClassName
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
-    chip,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-baseline gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: amountClassName, children: amount }),
-      label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm font-semibold text-muted-foreground/70", children: label })
-    ] })
-  ] });
-}
-function DualPrice({
-  amountFormatted,
-  currency,
-  usdValue,
-  scale,
-  trailing,
-  secondaryClassName
-}) {
-  if (!amountFormatted) return null;
-  const s = DUAL_PRICE_SCALES[scale];
-  const cryptoDisplay = (0, import_format.formatDisplayPrice)(amountFormatted);
-  const amountClass = `${DISPLAY_FACE} ${s.amount}`;
-  if (!usdValue) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        PriceUnit,
-        {
-          chip: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CoinChip, { symbol: currency, size: s.chip }),
-          amount: cryptoDisplay,
-          label: s.showLabel ? currency ?? void 0 : void 0,
-          amountClassName: amountClass
-        }
-      ),
-      trailing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ml-0.5", children: trailing })
-    ] });
-  }
-  const stable = (0, import_format.isStableCurrency)(currency);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      PriceUnit,
-      {
-        chip: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FiatChip, { size: s.chip }),
-        amount: stripDollarSign(usdValue),
-        label: s.showLabel ? "USD" : void 0,
-        amountClassName: amountClass
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `items-center gap-2.5 ${secondaryClassName ?? "flex"}`, children: [
-      !stable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${s.divider} w-px bg-border/60 shrink-0` }),
-      stable ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CoinChip, { symbol: currency, size: s.stableChip }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm font-semibold text-muted-foreground", children: currency })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        PriceUnit,
-        {
-          chip: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CoinChip, { symbol: currency, size: s.chip }),
-          amount: cryptoDisplay,
-          label: s.showLabel ? currency ?? void 0 : void 0,
-          amountClassName: amountClass
-        }
-      )
-    ] }),
-    trailing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ml-0.5", children: trailing })
-  ] });
-}
-const CHIP_TONES = {
-  "overlay-dark": { dot: "text-white/30", text: "text-white/65" },
-  card: { dot: "text-muted-foreground/50", text: "text-muted-foreground" },
-  solid: { dot: "text-foreground/40", text: "text-foreground" }
-};
-function PriceChipContent({
-  amountFormatted,
-  currency,
-  usdValue,
-  tone
-}) {
-  if (!amountFormatted) return null;
-  const cryptoDisplay = (0, import_format.formatDisplayPrice)(amountFormatted);
-  const stable = (0, import_format.isStableCurrency)(currency);
-  if (!usdValue) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      currency && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: currency, size: 13 }),
-      cryptoDisplay
-    ] });
-  }
-  const t = CHIP_TONES[tone];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    stripDollarSign(usdValue),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: t.text, children: "USD" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: t.dot, children: "\xB7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `inline-flex items-center gap-1 ${t.text}`, children: [
-      currency && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol: currency, size: 12 }),
-      stable ? currency : cryptoDisplay
-    ] })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CoinChip,
-  DualPrice,
-  PriceChipContent
-});
-//# sourceMappingURL=dual-price.cjs.map

package/dist/components/dual-price.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/dual-price.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { formatDisplayPrice, isStableCurrency } from \"../utils/format.js\";\n\nexport function CoinChip({ symbol, size }: { symbol: string | null | undefined; size: number }) {\n  return (\n    <span\n      className=\"grid shrink-0 place-items-center rounded-full bg-foreground/[0.06]\"\n      style={{ width: size + 10, height: size + 10 }}\n    >\n      <CurrencyIcon symbol={symbol ?? \"\"} size={size} />\n    </span>\n  );\n}\n\nfunction FiatChip({ size }: { size: number }) {\n  return (\n    <span\n      className=\"grid shrink-0 place-items-center rounded-full bg-foreground/[0.06] font-extrabold leading-none text-foreground/80\"\n      style={{ width: size + 10, height: size + 10, fontSize: size }}\n    >\n      $\n    </span>\n  );\n}\n\nfunction stripDollarSign(usdValue: string): string {\n  return usdValue.replace(\"$\", \"\");\n}\n\nconst DISPLAY_FACE = \"font-extrabold tracking-tight tabular-nums\";\n\nconst DUAL_PRICE_SCALES = {\n\n  hero: { amount: \"text-3xl\", chip: 18, stableChip: 14, divider: \"h-7\", showLabel: true },\n\n  card: { amount: \"text-base\", chip: 13, stableChip: 10, divider: \"h-4\", showLabel: false },\n} as const;\n\nfunction PriceUnit({\n  chip,\n  amount,\n  label,\n  amountClassName,\n}: {\n  chip: ReactNode;\n  amount: string;\n  label?: string;\n  amountClassName: string;\n}) {\n  return (\n    <span className=\"inline-flex items-center gap-1.5\">\n      {chip}\n      <span className=\"flex items-baseline gap-1.5\">\n        <span className={amountClassName}>{amount}</span>\n        {label && <span className=\"text-sm font-semibold text-muted-foreground/70\">{label}</span>}\n      </span>\n    </span>\n  );\n}\n\nexport function DualPrice({\n  amountFormatted,\n  currency,\n  usdValue,\n  scale,\n  trailing,\n  secondaryClassName,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n  scale: keyof typeof DUAL_PRICE_SCALES;\n  trailing?: ReactNode;\n  secondaryClassName?: string;\n}) {\n  if (!amountFormatted) return null;\n  const s = DUAL_PRICE_SCALES[scale];\n  const cryptoDisplay = formatDisplayPrice(amountFormatted);\n  const amountClass = `${DISPLAY_FACE} ${s.amount}`;\n\n  if (!usdValue) {\n    return (\n      <div className=\"flex items-center gap-2.5\">\n        <PriceUnit\n          chip={<CoinChip symbol={currency} size={s.chip} />}\n          amount={cryptoDisplay}\n          label={s.showLabel ? (currency ?? undefined) : undefined}\n          amountClassName={amountClass}\n        />\n        {trailing && <span className=\"ml-0.5\">{trailing}</span>}\n      </div>\n    );\n  }\n\n  const stable = isStableCurrency(currency);\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <PriceUnit\n        chip={<FiatChip size={s.chip} />}\n        amount={stripDollarSign(usdValue)}\n        label={s.showLabel ? \"USD\" : undefined}\n        amountClassName={amountClass}\n      />\n      <span className={`items-center gap-2.5 ${secondaryClassName ?? \"flex\"}`}>\n        {!stable && <span className={`${s.divider} w-px bg-border/60 shrink-0`} />}\n        {stable ? (\n          <span className=\"inline-flex items-center gap-1.5\">\n            <CoinChip symbol={currency} size={s.stableChip} />\n            <span className=\"text-sm font-semibold text-muted-foreground\">{currency}</span>\n          </span>\n        ) : (\n          <PriceUnit\n            chip={<CoinChip symbol={currency} size={s.chip} />}\n            amount={cryptoDisplay}\n            label={s.showLabel ? (currency ?? undefined) : undefined}\n            amountClassName={amountClass}\n          />\n        )}\n      </span>\n      {trailing && <span className=\"ml-0.5\">{trailing}</span>}\n    </div>\n  );\n}\n\nconst CHIP_TONES = {\n\n  \"overlay-dark\": { dot: \"text-white/30\", text: \"text-white/65\" },\n\n  card: { dot: \"text-muted-foreground/50\", text: \"text-muted-foreground\" },\n\n  solid: { dot: \"text-foreground/40\", text: \"text-foreground\" },\n} as const;\n\nexport function PriceChipContent({\n  amountFormatted,\n  currency,\n  usdValue,\n  tone,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n  tone: keyof typeof CHIP_TONES;\n}) {\n  if (!amountFormatted) return null;\n  const cryptoDisplay = formatDisplayPrice(amountFormatted);\n  const stable = isStableCurrency(currency);\n\n  if (!usdValue) {\n    return (\n      <>\n        {currency && <CurrencyIcon symbol={currency} size={13} />}\n        {cryptoDisplay}\n      </>\n    );\n  }\n\n  const t = CHIP_TONES[tone];\n  return (\n    <>\n      {stripDollarSign(usdValue)}\n      <span className={t.text}>USD</span>\n      <span className={t.dot}>·</span>\n      <span className={`inline-flex items-center gap-1 ${t.text}`}>\n        {currency && <CurrencyIcon symbol={currency} size={12} />}\n        {stable ? currency : cryptoDisplay}\n      </span>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/dual-price.d.cts

@@ -1,53 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-declare function CoinChip({ symbol, size }: {
-    symbol: string | null | undefined;
-    size: number;
-}): react_jsx_runtime.JSX.Element;
-declare const DUAL_PRICE_SCALES: {
-    readonly hero: {
-        readonly amount: "text-3xl";
-        readonly chip: 18;
-        readonly stableChip: 14;
-        readonly divider: "h-7";
-        readonly showLabel: true;
-    };
-    readonly card: {
-        readonly amount: "text-base";
-        readonly chip: 13;
-        readonly stableChip: 10;
-        readonly divider: "h-4";
-        readonly showLabel: false;
-    };
-};
-declare function DualPrice({ amountFormatted, currency, usdValue, scale, trailing, secondaryClassName, }: {
-    amountFormatted: string | null | undefined;
-    currency: string | null | undefined;
-    usdValue?: string | null;
-    scale: keyof typeof DUAL_PRICE_SCALES;
-    trailing?: ReactNode;
-    secondaryClassName?: string;
-}): react_jsx_runtime.JSX.Element | null;
-declare const CHIP_TONES: {
-    readonly "overlay-dark": {
-        readonly dot: "text-white/30";
-        readonly text: "text-white/65";
-    };
-    readonly card: {
-        readonly dot: "text-muted-foreground/50";
-        readonly text: "text-muted-foreground";
-    };
-    readonly solid: {
-        readonly dot: "text-foreground/40";
-        readonly text: "text-foreground";
-    };
-};
-declare function PriceChipContent({ amountFormatted, currency, usdValue, tone, }: {
-    amountFormatted: string | null | undefined;
-    currency: string | null | undefined;
-    usdValue?: string | null;
-    tone: keyof typeof CHIP_TONES;
-}): react_jsx_runtime.JSX.Element | null;
-
-export { CoinChip, DualPrice, PriceChipContent };

package/dist/components/dual-price.d.ts

@@ -1,53 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-declare function CoinChip({ symbol, size }: {
-    symbol: string | null | undefined;
-    size: number;
-}): react_jsx_runtime.JSX.Element;
-declare const DUAL_PRICE_SCALES: {
-    readonly hero: {
-        readonly amount: "text-3xl";
-        readonly chip: 18;
-        readonly stableChip: 14;
-        readonly divider: "h-7";
-        readonly showLabel: true;
-    };
-    readonly card: {
-        readonly amount: "text-base";
-        readonly chip: 13;
-        readonly stableChip: 10;
-        readonly divider: "h-4";
-        readonly showLabel: false;
-    };
-};
-declare function DualPrice({ amountFormatted, currency, usdValue, scale, trailing, secondaryClassName, }: {
-    amountFormatted: string | null | undefined;
-    currency: string | null | undefined;
-    usdValue?: string | null;
-    scale: keyof typeof DUAL_PRICE_SCALES;
-    trailing?: ReactNode;
-    secondaryClassName?: string;
-}): react_jsx_runtime.JSX.Element | null;
-declare const CHIP_TONES: {
-    readonly "overlay-dark": {
-        readonly dot: "text-white/30";
-        readonly text: "text-white/65";
-    };
-    readonly card: {
-        readonly dot: "text-muted-foreground/50";
-        readonly text: "text-muted-foreground";
-    };
-    readonly solid: {
-        readonly dot: "text-foreground/40";
-        readonly text: "text-foreground";
-    };
-};
-declare function PriceChipContent({ amountFormatted, currency, usdValue, tone, }: {
-    amountFormatted: string | null | undefined;
-    currency: string | null | undefined;
-    usdValue?: string | null;
-    tone: keyof typeof CHIP_TONES;
-}): react_jsx_runtime.JSX.Element | null;
-
-export { CoinChip, DualPrice, PriceChipContent };

package/dist/components/dual-price.js

@@ -1,138 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CurrencyIcon } from "./currency-icon.js";
-import { formatDisplayPrice, isStableCurrency } from "../utils/format.js";
-function CoinChip({ symbol, size }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: "grid shrink-0 place-items-center rounded-full bg-foreground/[0.06]",
-      style: { width: size + 10, height: size + 10 },
-      children: /* @__PURE__ */ jsx(CurrencyIcon, { symbol: symbol ?? "", size })
-    }
-  );
-}
-function FiatChip({ size }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: "grid shrink-0 place-items-center rounded-full bg-foreground/[0.06] font-extrabold leading-none text-foreground/80",
-      style: { width: size + 10, height: size + 10, fontSize: size },
-      children: "$"
-    }
-  );
-}
-function stripDollarSign(usdValue) {
-  return usdValue.replace("$", "");
-}
-const DISPLAY_FACE = "font-extrabold tracking-tight tabular-nums";
-const DUAL_PRICE_SCALES = {
-  hero: { amount: "text-3xl", chip: 18, stableChip: 14, divider: "h-7", showLabel: true },
-  card: { amount: "text-base", chip: 13, stableChip: 10, divider: "h-4", showLabel: false }
-};
-function PriceUnit({
-  chip,
-  amount,
-  label,
-  amountClassName
-}) {
-  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-    chip,
-    /* @__PURE__ */ jsxs("span", { className: "flex items-baseline gap-1.5", children: [
-      /* @__PURE__ */ jsx("span", { className: amountClassName, children: amount }),
-      label && /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-muted-foreground/70", children: label })
-    ] })
-  ] });
-}
-function DualPrice({
-  amountFormatted,
-  currency,
-  usdValue,
-  scale,
-  trailing,
-  secondaryClassName
-}) {
-  if (!amountFormatted) return null;
-  const s = DUAL_PRICE_SCALES[scale];
-  const cryptoDisplay = formatDisplayPrice(amountFormatted);
-  const amountClass = `${DISPLAY_FACE} ${s.amount}`;
-  if (!usdValue) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
-      /* @__PURE__ */ jsx(
-        PriceUnit,
-        {
-          chip: /* @__PURE__ */ jsx(CoinChip, { symbol: currency, size: s.chip }),
-          amount: cryptoDisplay,
-          label: s.showLabel ? currency ?? void 0 : void 0,
-          amountClassName: amountClass
-        }
-      ),
-      trailing && /* @__PURE__ */ jsx("span", { className: "ml-0.5", children: trailing })
-    ] });
-  }
-  const stable = isStableCurrency(currency);
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
-    /* @__PURE__ */ jsx(
-      PriceUnit,
-      {
-        chip: /* @__PURE__ */ jsx(FiatChip, { size: s.chip }),
-        amount: stripDollarSign(usdValue),
-        label: s.showLabel ? "USD" : void 0,
-        amountClassName: amountClass
-      }
-    ),
-    /* @__PURE__ */ jsxs("span", { className: `items-center gap-2.5 ${secondaryClassName ?? "flex"}`, children: [
-      !stable && /* @__PURE__ */ jsx("span", { className: `${s.divider} w-px bg-border/60 shrink-0` }),
-      stable ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx(CoinChip, { symbol: currency, size: s.stableChip }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-muted-foreground", children: currency })
-      ] }) : /* @__PURE__ */ jsx(
-        PriceUnit,
-        {
-          chip: /* @__PURE__ */ jsx(CoinChip, { symbol: currency, size: s.chip }),
-          amount: cryptoDisplay,
-          label: s.showLabel ? currency ?? void 0 : void 0,
-          amountClassName: amountClass
-        }
-      )
-    ] }),
-    trailing && /* @__PURE__ */ jsx("span", { className: "ml-0.5", children: trailing })
-  ] });
-}
-const CHIP_TONES = {
-  "overlay-dark": { dot: "text-white/30", text: "text-white/65" },
-  card: { dot: "text-muted-foreground/50", text: "text-muted-foreground" },
-  solid: { dot: "text-foreground/40", text: "text-foreground" }
-};
-function PriceChipContent({
-  amountFormatted,
-  currency,
-  usdValue,
-  tone
-}) {
-  if (!amountFormatted) return null;
-  const cryptoDisplay = formatDisplayPrice(amountFormatted);
-  const stable = isStableCurrency(currency);
-  if (!usdValue) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      currency && /* @__PURE__ */ jsx(CurrencyIcon, { symbol: currency, size: 13 }),
-      cryptoDisplay
-    ] });
-  }
-  const t = CHIP_TONES[tone];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    stripDollarSign(usdValue),
-    /* @__PURE__ */ jsx("span", { className: t.text, children: "USD" }),
-    /* @__PURE__ */ jsx("span", { className: t.dot, children: "\xB7" }),
-    /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-1 ${t.text}`, children: [
-      currency && /* @__PURE__ */ jsx(CurrencyIcon, { symbol: currency, size: 12 }),
-      stable ? currency : cryptoDisplay
-    ] })
-  ] });
-}
-export {
-  CoinChip,
-  DualPrice,
-  PriceChipContent
-};
-//# sourceMappingURL=dual-price.js.map

package/dist/components/dual-price.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/dual-price.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { formatDisplayPrice, isStableCurrency } from \"../utils/format.js\";\n\nexport function CoinChip({ symbol, size }: { symbol: string | null | undefined; size: number }) {\n  return (\n    <span\n      className=\"grid shrink-0 place-items-center rounded-full bg-foreground/[0.06]\"\n      style={{ width: size + 10, height: size + 10 }}\n    >\n      <CurrencyIcon symbol={symbol ?? \"\"} size={size} />\n    </span>\n  );\n}\n\nfunction FiatChip({ size }: { size: number }) {\n  return (\n    <span\n      className=\"grid shrink-0 place-items-center rounded-full bg-foreground/[0.06] font-extrabold leading-none text-foreground/80\"\n      style={{ width: size + 10, height: size + 10, fontSize: size }}\n    >\n      $\n    </span>\n  );\n}\n\nfunction stripDollarSign(usdValue: string): string {\n  return usdValue.replace(\"$\", \"\");\n}\n\nconst DISPLAY_FACE = \"font-extrabold tracking-tight tabular-nums\";\n\nconst DUAL_PRICE_SCALES = {\n\n  hero: { amount: \"text-3xl\", chip: 18, stableChip: 14, divider: \"h-7\", showLabel: true },\n\n  card: { amount: \"text-base\", chip: 13, stableChip: 10, divider: \"h-4\", showLabel: false },\n} as const;\n\nfunction PriceUnit({\n  chip,\n  amount,\n  label,\n  amountClassName,\n}: {\n  chip: ReactNode;\n  amount: string;\n  label?: string;\n  amountClassName: string;\n}) {\n  return (\n    <span className=\"inline-flex items-center gap-1.5\">\n      {chip}\n      <span className=\"flex items-baseline gap-1.5\">\n        <span className={amountClassName}>{amount}</span>\n        {label && <span className=\"text-sm font-semibold text-muted-foreground/70\">{label}</span>}\n      </span>\n    </span>\n  );\n}\n\nexport function DualPrice({\n  amountFormatted,\n  currency,\n  usdValue,\n  scale,\n  trailing,\n  secondaryClassName,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n  scale: keyof typeof DUAL_PRICE_SCALES;\n  trailing?: ReactNode;\n  secondaryClassName?: string;\n}) {\n  if (!amountFormatted) return null;\n  const s = DUAL_PRICE_SCALES[scale];\n  const cryptoDisplay = formatDisplayPrice(amountFormatted);\n  const amountClass = `${DISPLAY_FACE} ${s.amount}`;\n\n  if (!usdValue) {\n    return (\n      <div className=\"flex items-center gap-2.5\">\n        <PriceUnit\n          chip={<CoinChip symbol={currency} size={s.chip} />}\n          amount={cryptoDisplay}\n          label={s.showLabel ? (currency ?? undefined) : undefined}\n          amountClassName={amountClass}\n        />\n        {trailing && <span className=\"ml-0.5\">{trailing}</span>}\n      </div>\n    );\n  }\n\n  const stable = isStableCurrency(currency);\n  return (\n    <div className=\"flex items-center gap-2.5\">\n      <PriceUnit\n        chip={<FiatChip size={s.chip} />}\n        amount={stripDollarSign(usdValue)}\n        label={s.showLabel ? \"USD\" : undefined}\n        amountClassName={amountClass}\n      />\n      <span className={`items-center gap-2.5 ${secondaryClassName ?? \"flex\"}`}>\n        {!stable && <span className={`${s.divider} w-px bg-border/60 shrink-0`} />}\n        {stable ? (\n          <span className=\"inline-flex items-center gap-1.5\">\n            <CoinChip symbol={currency} size={s.stableChip} />\n            <span className=\"text-sm font-semibold text-muted-foreground\">{currency}</span>\n          </span>\n        ) : (\n          <PriceUnit\n            chip={<CoinChip symbol={currency} size={s.chip} />}\n            amount={cryptoDisplay}\n            label={s.showLabel ? (currency ?? undefined) : undefined}\n            amountClassName={amountClass}\n          />\n        )}\n      </span>\n      {trailing && <span className=\"ml-0.5\">{trailing}</span>}\n    </div>\n  );\n}\n\nconst CHIP_TONES = {\n\n  \"overlay-dark\": { dot: \"text-white/30\", text: \"text-white/65\" },\n\n  card: { dot: \"text-muted-foreground/50\", text: \"text-muted-foreground\" },\n\n  solid: { dot: \"text-foreground/40\", text: \"text-foreground\" },\n} as const;\n\nexport function PriceChipContent({\n  amountFormatted,\n  currency,\n  usdValue,\n  tone,\n}: {\n  amountFormatted: string | null | undefined;\n  currency: string | null | undefined;\n  usdValue?: string | null;\n  tone: keyof typeof CHIP_TONES;\n}) {\n  if (!amountFormatted) return null;\n  const cryptoDisplay = formatDisplayPrice(amountFormatted);\n  const stable = isStableCurrency(currency);\n\n  if (!usdValue) {\n    return (\n      <>\n        {currency && <CurrencyIcon symbol={currency} size={13} />}\n        {cryptoDisplay}\n      </>\n    );\n  }\n\n  const t = CHIP_TONES[tone];\n  return (\n    <>\n      {stripDollarSign(usdValue)}\n      <span className={t.text}>USD</span>\n      <span className={t.dot}>·</span>\n      <span className={`inline-flex items-center gap-1 ${t.text}`}>\n        {currency && <CurrencyIcon symbol={currency} size={12} />}\n        {stable ? currency : cryptoDisplay}\n      </span>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}