@hivemindhq/core 0.4.0 → 0.5.0

package/README.md

@@ -1,25 +1,25 @@
-# @revel8/core
+# @hivemindhq/core
 
 Shared components, utilities, and types for Revel8 applications.
 
 ## Overview
 
 This package provides common functionality shared between:
-- **revel8-explorer** - Web application for exploring the Intuition knowledge graph
+- **hivemind-explorer** - Web application for exploring the Intuition knowledge graph
 - **intuition-extension** - Browser extension for Intuition insights
 
 ## Installation
 
 ```bash
 # Using pnpm (recommended)
-pnpm add @revel8/core
+pnpm add @hivemindhq/core
 
 # Using npm
-npm install @revel8/core
+npm install @hivemindhq/core
 
 # For local development (link)
 cd revel8-core && pnpm link
-cd ../revel8-explorer && pnpm link @revel8/core
+cd ../hivemind-explorer && pnpm link @hivemindhq/core
 ```
 
 ## Usage
@@ -27,7 +27,7 @@ cd ../revel8-explorer && pnpm link @revel8/core
 ### Utilities
 
 ```typescript
-import { cn, truncateId, ipfsToHttp, formatCompact } from '@revel8/core'
+import { cn, truncateId, ipfsToHttp, formatCompact } from '@hivemindhq/core'
 
 // Merge Tailwind classes
 cn('px-4 py-2', isActive && 'bg-blue-500')
@@ -46,10 +46,10 @@ formatCompact(1500000) // '1.5M'
 
 ```typescript
 // UI primitives
-import { Button, Card, Tooltip } from '@revel8/core'
+import { Button, Card, Tooltip } from '@hivemindhq/core'
 
 // Display components
-import { CryptoAmount, AtomIcon, IpfsImage } from '@revel8/core'
+import { CryptoAmount, AtomIcon, IpfsImage } from '@hivemindhq/core'
 ```
 
 ### CryptoAmount Component
@@ -57,7 +57,7 @@ import { CryptoAmount, AtomIcon, IpfsImage } from '@revel8/core'
 A unified component for displaying cryptocurrency amounts with optional fiat conversion.
 
 ```tsx
-import { CryptoAmount, createCryptoAmountRateProps } from '@revel8/core'
+import { CryptoAmount, createCryptoAmountRateProps } from '@hivemindhq/core'
 
 // Basic usage - crypto on top, fiat below
 <CryptoAmount
@@ -125,13 +125,13 @@ Extend the shared Tailwind config in your app:
 
 ```javascript
 // tailwind.config.js
-const sharedConfig = require('@revel8/core/tailwind.config')
+const sharedConfig = require('@hivemindhq/core/tailwind.config')
 
 module.exports = {
   presets: [sharedConfig],
   content: [
     './src/**/*.{ts,tsx}',
-    './node_modules/@revel8/core/dist/**/*.js',
+    './node_modules/@hivemindhq/core/dist/**/*.js',
   ],
   // Your app-specific extensions...
 }
@@ -182,10 +182,10 @@ The package provides multiple entry points:
 
 | Import Path | Contents |
 |-------------|----------|
-| `@revel8/core` | Everything (utils, components, types) |
-| `@revel8/core/utils` | Utility functions only |
-| `@revel8/core/components/ui` | UI primitives |
-| `@revel8/core/components/display` | Display components |
+| `@hivemindhq/core` | Everything (utils, components, types) |
+| `@hivemindhq/core/utils` | Utility functions only |
+| `@hivemindhq/core/components/ui` | UI primitives |
+| `@hivemindhq/core/components/display` | Display components |
 
 ## Peer Dependencies
 
@@ -211,7 +211,7 @@ When migrating a component from a consuming app:
 - [ ] Copy component to `src/components/`
 - [ ] Update imports to use relative paths (no `@/` or `~/` aliases)
 - [ ] Ensure it only depends on:
-  - Other `@revel8/core` exports
+  - Other `@hivemindhq/core` exports
   - Peer dependencies (React, etc.)
   - Direct dependencies listed in package.json
 - [ ] Add export to the appropriate barrel file

package/dist/{chunk-2RGM3KJL.js → chunk-K2544PJ5.js}

@@ -1,4 +1,4 @@
-import { strengthenImageUrl, ipfsToHttp, formatCryptoAmount } from './chunk-ERZSVDIB.js';
+import { strengthenImageUrl, ipfsToHttp, formatCryptoAmount } from './chunk-RW4JXOAM.js';
 import { Tooltip as Tooltip$1, TooltipTrigger, TooltipContent } from './chunk-E5TTKYNS.js';
 import { cn } from './chunk-VIRNUAYY.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -16,9 +16,9 @@ var AtomIcon = ({ ...props }) => {
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "rgba(255,255,255,0.6)",
-      "stroke-width": "1.5",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
       className: "lucide lucide-atom",
       ...props,
       children: [
@@ -68,14 +68,14 @@ function LoadingDots({
           {
             className: "w-2 h-2 bg-gray-600 rounded-full",
             style: {
-              animation: "revel8-loading-dots-wave 1.2s infinite ease-in-out",
+              animation: "hivemind-loading-dots-wave 1.2s infinite ease-in-out",
               animationDelay: `${i * 0.2}s`
             }
           },
           i
         )),
         /* @__PURE__ */ jsx("style", { children: `
-        @keyframes revel8-loading-dots-wave {
+        @keyframes hivemind-loading-dots-wave {
           0%, 100% {
             transform: translateY(0);
           }
@@ -211,6 +211,7 @@ function CryptoAmount({
   maxDecimals = 6,
   showSymbol = true,
   showFiat = true,
+  secondaryDisplay = "inline",
   className,
   cryptoClassName,
   fiatClassName
@@ -219,11 +220,21 @@ function CryptoAmount({
   const formatted = React2.useMemo(() => {
     if (isTokenUnits) {
       const numericValue = typeof value === "string" ? parseFloat(value) : Number(value);
-      const displayValue = numericValue.toString();
+      const fullValue = numericValue.toString();
+      let displayValue = fullValue;
+      if (maxDecimals !== void 0) {
+        const factor = Math.pow(10, maxDecimals);
+        const truncated = Math.floor(numericValue * factor) / factor;
+        displayValue = truncated.toLocaleString(effectiveLocale, {
+          minimumFractionDigits: 0,
+          maximumFractionDigits: maxDecimals
+        });
+      }
+      const isTruncated = displayValue !== fullValue;
       return {
         display: displayValue,
-        fullValue: displayValue,
-        isTruncated: false,
+        fullValue,
+        isTruncated,
         numericValue
       };
     }
@@ -236,7 +247,7 @@ function CryptoAmount({
     });
   }, [value, decimals, isTokenUnits, maxSignificantDigits, maxDecimals, variant, effectiveLocale]);
   const fiatFormatted = React2.useMemo(() => {
-    if (!showFiat || exchangeRate == null || variant === "crypto-only") {
+    if (!showFiat || exchangeRate == null || variant === "crypto-only" || secondaryDisplay === "hidden") {
       return null;
     }
     const fiatValue = formatted.numericValue * exchangeRate;
@@ -248,9 +259,10 @@ function CryptoAmount({
         maximumFractionDigits: 2
       }).format(fiatValue);
     } catch {
-      return `$${fiatValue.toFixed(2)}`;
+      return null;
     }
-  }, [formatted.numericValue, exchangeRate, currencyCode, effectiveLocale, showFiat, variant]);
+  }, [formatted.numericValue, exchangeRate, currencyCode, effectiveLocale, showFiat, variant, secondaryDisplay]);
+  const showFiatInline = fiatFormatted && secondaryDisplay === "inline";
   const sizeStyles = {
     sm: {
       crypto: "text-sm",
@@ -268,21 +280,31 @@ function CryptoAmount({
   const styles = sizeStyles[size];
   const cryptoDisplay = showSymbol ? `${formatted.display} ${symbol}` : formatted.display;
   const fullCryptoDisplay = showSymbol ? `${formatted.fullValue} ${symbol}` : formatted.fullValue;
-  const needsTooltip = formatted.isTruncated;
+  const showSecondaryInTooltip = secondaryDisplay === "tooltip" && fiatFormatted;
+  const needsTooltip = formatted.isTruncated || showSecondaryInTooltip;
   const cryptoElement = /* @__PURE__ */ jsx(
     "span",
     {
       className: cn(
         styles.crypto,
         "font-medium",
+        // Add cursor hint when tooltip contains extra info
+        // showSecondaryInTooltip && 'cursor-help',
         cryptoClassName
       ),
       children: cryptoDisplay
     }
   );
-  const cryptoWithTooltip = needsTooltip ? /* @__PURE__ */ jsxs(Tooltip$1, { delayDuration: 1e3, children: [
+  const tooltipContent = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: fullCryptoDisplay }),
+    showSecondaryInTooltip && /* @__PURE__ */ jsxs("span", { className: "text-xs text-primary-foreground/70", children: [
+      "\u2248 ",
+      fiatFormatted
+    ] })
+  ] });
+  const cryptoWithTooltip = needsTooltip ? /* @__PURE__ */ jsxs(Tooltip$1, { delayDuration: showSecondaryInTooltip ? 300 : 1e3, children: [
     /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: cryptoElement }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: fullCryptoDisplay }) })
+    /* @__PURE__ */ jsx(TooltipContent, { children: tooltipContent })
   ] }) : cryptoElement;
   if (variant === "crypto-only") {
     return /* @__PURE__ */ jsx("div", { className: cn("flex items-center", className), children: cryptoWithTooltip });
@@ -304,7 +326,7 @@ function CryptoAmount({
   if (variant === "inline") {
     return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1", className), children: [
       cryptoWithTooltip,
-      fiatFormatted && /* @__PURE__ */ jsxs("span", { className: cn(
+      showFiatInline && /* @__PURE__ */ jsxs("span", { className: cn(
         styles.fiat,
         "text-muted-foreground",
         fiatClassName
@@ -318,7 +340,7 @@ function CryptoAmount({
   if (variant === "compact") {
     return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1", className), children: [
       cryptoWithTooltip,
-      fiatFormatted && /* @__PURE__ */ jsxs("span", { className: cn(
+      showFiatInline && /* @__PURE__ */ jsxs("span", { className: cn(
         styles.fiat,
         "text-muted-foreground",
         fiatClassName
@@ -331,7 +353,7 @@ function CryptoAmount({
   }
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
     cryptoWithTooltip,
-    fiatFormatted && /* @__PURE__ */ jsx("span", { className: cn(
+    showFiatInline && /* @__PURE__ */ jsx("span", { className: cn(
       styles.fiat,
       "text-muted-foreground",
       fiatClassName
@@ -347,5 +369,5 @@ function createCryptoAmountRateProps(exchangeRate, currencyCode = "USD", locale)
 }
 
 export { AtomIcon, CryptoAmount, ErrorBanner, IpfsImage, LoadingDots, TripleAreaChart, TriplePositionsTornadoMinGraph, UnknownImage, createCryptoAmountRateProps };
-//# sourceMappingURL=chunk-2RGM3KJL.js.map
-//# sourceMappingURL=chunk-2RGM3KJL.js.map
+//# sourceMappingURL=chunk-K2544PJ5.js.map
+//# sourceMappingURL=chunk-K2544PJ5.js.map

package/dist/chunk-K2544PJ5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AtomIcon.tsx","../src/components/UnknownImage.tsx","../src/components/LoadingDots.tsx","../src/components/IpfsImage.tsx","../src/components/TriplePositionsTornadoMinGraph.tsx","../src/components/TripleAreaChart.tsx","../src/components/ErrorBanner.tsx","../src/components/CryptoAmount.tsx"],"names":["finalSrc","jsx","jsxs","ResponsiveContainer","Tooltip","XAxis","YAxis"],"mappings":"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","file":"chunk-K2544PJ5.js","sourcesContent":["export const AtomIcon = ({ ...props }: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"rgba(255,255,255,0.6)\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"lucide lucide-atom\"\n      {...props}\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <path d=\"M20.2 20.2c2.04-2.03.02-7.36-4.5-11.9-4.54-4.52-9.87-6.54-11.9-4.5-2.04 2.03-.02 7.36 4.5 11.9 4.54 4.52 9.87 6.54 11.9 4.5Z\" />\n      <path d=\"M15.7 15.7c4.52-4.54 6.54-9.87 4.5-11.9-2.03-2.04-7.36-.02-11.9 4.5-4.52 4.54-6.54 9.87-4.5 11.9 2.03 2.04 7.36.02 11.9-4.5Z\" />\n    </svg>\n  )\n}\n","import React, { useState } from 'react'\nimport { strengthenImageUrl } from '../utils/formatting'\n\nexport interface UnknownImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** The image source URL - can be IPFS, HTTP, or raw hash */\n  src: string\n  /** Whether to wrap the image in an anchor link to the source */\n  asLink?: boolean\n}\n\n/**\n * An image component that handles various URL formats including IPFS.\n * Automatically converts IPFS URIs and hashes to gateway URLs.\n * \n * @example\n * <UnknownImage src=\"ipfs://QmHash123\" alt=\"My image\" className=\"w-10 h-10\" />\n */\nexport const UnknownImage = ({\n  asLink = false,\n  src,\n  ...props\n}: UnknownImageProps) => {\n  if (!src) return null\n  const [numberOfErrors, setNumberOfErrors] = useState(0)\n\n  const onImageError = (\n    e: React.SyntheticEvent<HTMLImageElement>,\n    finalSrc: string\n  ) => {\n    setNumberOfErrors(numberOfErrors + 1)\n    // Only log in development\n    if (typeof window !== 'undefined' && (window as any).__DEV__) {\n      console.log('UnknownImage error:', e.currentTarget.src, finalSrc)\n    }\n  }\n\n  const finalSrc = strengthenImageUrl(src)\n\n  const img = (\n    <img src={finalSrc} onError={(e) => onImageError(e, finalSrc)} {...props} />\n  )\n\n  if (asLink) {\n    return (\n      <a href={finalSrc} target=\"_blank\" rel=\"noopener noreferrer\">\n        {img}\n      </a>\n    )\n  }\n\n  return img\n}\n\nexport default UnknownImage\n\n","export interface LoadingDotsProps {\n  /** Duration of opacity transition in ms */\n  transitionDuration?: number\n  /** Whether the dots are visible */\n  isVisible?: boolean\n  /** Additional CSS classes */\n  className?: string\n}\n\n/**\n * Animated loading dots indicator.\n * Shows three dots with a wave animation.\n * \n * @example\n * <LoadingDots isVisible={isLoading} />\n */\nexport function LoadingDots({\n  transitionDuration = 300,\n  isVisible = true,\n  className = '',\n}: LoadingDotsProps) {\n  return (\n    <div\n      className={`flex gap-1 justify-center items-center ${className}`}\n      style={{\n        opacity: isVisible ? 1 : 0,\n        transition: `opacity ${transitionDuration}ms ease-in-out`,\n      }}\n    >\n      {[0, 1, 2].map((i) => (\n        <span\n          key={i}\n          className=\"w-2 h-2 bg-gray-600 rounded-full\"\n          style={{\n            animation: 'hivemind-loading-dots-wave 1.2s infinite ease-in-out',\n            animationDelay: `${i * 0.2}s`,\n          }}\n        />\n      ))}\n      <style>{`\n        @keyframes hivemind-loading-dots-wave {\n          0%, 100% {\n            transform: translateY(0);\n          }\n          50% {\n            transform: translateY(-6px);\n          }\n        }\n      `}</style>\n    </div>\n  )\n}\n\nexport default LoadingDots\n\n","import React from 'react'\nimport { ipfsToHttp } from '../utils/formatting'\n\nexport interface IpfsImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** The image source - can be an ipfs:// URI or regular URL */\n  src: string\n}\n\n/**\n * An image component that automatically converts IPFS URIs to gateway URLs.\n * \n * @example\n * <IpfsImage src=\"ipfs://QmHash123\" alt=\"IPFS image\" />\n */\nexport const IpfsImage = ({ src, ...props }: IpfsImageProps) => {\n  const finalSrc = ipfsToHttp(src) || src\n  return <img src={finalSrc} {...props} />\n}\n\nexport default IpfsImage\n\n","import { Bar, BarChart, ResponsiveContainer, XAxis, YAxis } from 'recharts'\n\nexport interface TornadoGraphDataPoint {\n  /** The range identifier/name */\n  name: number\n  /** Vault balance for this range */\n  vaultBalance?: number\n  /** Counter vault balance for this range */\n  counterVaultBalance?: number\n  /** Aggregate vault balance (positive side) */\n  aggregateVaultBalance: number\n  /** Aggregate counter vault balance (negative side) */\n  aggregateCounterVaultBalance: number\n}\n\nexport interface TriplePositionsTornadoMinGraphProps {\n  /** Pre-formatted data for the tornado chart */\n  data: TornadoGraphDataPoint[]\n  /** Color for the \"FOR\" (vault) bars */\n  forColor?: string\n  /** Color for the \"AGAINST\" (counter vault) bars */\n  againstColor?: string\n  /** Additional className for the container */\n  className?: string\n}\n\n/**\n * A minimal tornado/butterfly chart for displaying triple position distributions.\n * Shows FOR positions (green) on the right and AGAINST positions (red) on the left.\n * \n * @example\n * <TriplePositionsTornadoMinGraph \n *   data={formattedRanges} \n *   forColor=\"#31ad31\" \n *   againstColor=\"#bc4535\" \n * />\n */\nexport const TriplePositionsTornadoMinGraph = ({\n  data,\n  forColor = '#31ad31',\n  againstColor = '#bc4535',\n  className,\n}: TriplePositionsTornadoMinGraphProps) => {\n  if (!data || data.length === 0) {\n    return null\n  }\n\n  return (\n    <ResponsiveContainer width=\"100%\" height=\"100%\" className={className}>\n      <BarChart\n        data={data}\n        stackOffset=\"sign\"\n        layout=\"vertical\"\n        barGap={0}\n        barCategoryGap={0}\n      >\n        <XAxis type=\"number\" hide={true} />\n        <YAxis dataKey=\"name\" type=\"number\" reversed hide={true} />\n        <Bar dataKey=\"aggregateVaultBalance\" fill={forColor} stackId=\"stack\" />\n        <Bar\n          dataKey=\"aggregateCounterVaultBalance\"\n          fill={againstColor}\n          stackId=\"stack\"\n        />\n      </BarChart>\n    </ResponsiveContainer>\n  )\n}\n\nexport default TriplePositionsTornadoMinGraph\n\n","import {\n  Area,\n  AreaChart,\n  CartesianGrid,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts'\n\nexport interface TripleAreaChartDataPoint {\n  /** The x-axis value (typically position value) */\n  xValue: number\n  /** Vault (FOR) position value */\n  vault?: number\n  /** Counter vault (AGAINST) position value */\n  counterVault?: number\n}\n\nexport interface TripleAreaChartProps {\n  /** Pre-formatted chart data points */\n  chartData: TripleAreaChartDataPoint[]\n  /** Display variant - 'min' hides axes/grid, 'max' shows full chart */\n  variant?: 'min' | 'max'\n  /** Color for vault (FOR) area */\n  vaultColor?: string\n  /** Color for counter vault (AGAINST) area */\n  counterVaultColor?: string\n}\n\n/**\n * An area chart for visualizing triple position distributions.\n * Shows vault (FOR) positions on positive side and counter vault (AGAINST) on negative.\n * \n * @example\n * <TripleAreaChart \n *   chartData={formattedPositions} \n *   variant=\"min\" \n * />\n */\nexport const TripleAreaChart = ({\n  chartData,\n  variant = 'min',\n  vaultColor = 'green',\n  counterVaultColor = 'red',\n}: TripleAreaChartProps) => {\n  // Clone data to avoid mutating props\n  const data = [...chartData]\n  \n  const maxValue = Math.max(...data.map((d) => d.xValue))\n  const minValue = Math.min(...data.map((d) => d.xValue))\n  \n  // Add padding points for better visualization\n  if (maxValue > 0) {\n    data.push({\n      xValue: maxValue * 1.2,\n      vault: maxValue,\n    })\n  }\n  if (minValue < 0) {\n    data.push({\n      xValue: minValue * 1.2,\n      counterVault: minValue * -1,\n    })\n  }\n  \n  data.sort((a, b) => a.xValue - b.xValue)\n  const maxAbsValue = Math.max(...data.map((d) => Math.abs(d.xValue)))\n  const domain = [maxAbsValue * -1, maxAbsValue]\n\n  return (\n    <ResponsiveContainer width=\"100%\" height=\"100%\">\n      <AreaChart data={data} layout=\"vertical\">\n        {variant !== 'min' && (\n          <>\n            <CartesianGrid strokeDasharray=\"3 3\" />\n            <Tooltip />\n          </>\n        )}\n        <XAxis type=\"number\" hide={variant === 'min'} />\n        <YAxis\n          dataKey=\"xValue\"\n          type=\"number\"\n          reversed\n          domain={domain}\n          hide={variant === 'min'}\n        />\n        <Area\n          type=\"stepBefore\"\n          dataKey=\"vault\"\n          stroke={vaultColor}\n          fill={vaultColor}\n          fillOpacity={0.5}\n        />\n        <Area\n          type=\"stepAfter\"\n          dataKey=\"counterVault\"\n          stroke={counterVaultColor}\n          fill={counterVaultColor}\n          fillOpacity={0.5}\n        />\n      </AreaChart>\n    </ResponsiveContainer>\n  )\n}\n\nexport default TripleAreaChart\n\n","import { cn } from '../utils/cn'\n\nexport interface ErrorBannerProps {\n  /** The error message to display */\n  error: string\n  /** Optional HTTP status code */\n  code?: number\n  /** Additional CSS classes */\n  className?: string\n}\n\n/**\n * A simple error banner component for displaying error messages.\n * Centered layout with large heading and subtitle.\n * \n * @example\n * <ErrorBanner error=\"Page not found\" code={404} />\n */\nexport const ErrorBanner = ({ \n  error, \n  code, \n  className \n}: ErrorBannerProps) => {\n  return (\n    <div className={cn(\"flex flex-col gap-2 mt-12\", className)}>\n      <h2 className=\"text-center text-2xl font-bold mb-8\">\n        {code ? `${code} Error` : 'Error'}\n      </h2>\n      <p className=\"text-center text-lg text-gray-500\">{error}</p>\n    </div>\n  )\n}\n\nexport default ErrorBanner\n\n","import * as React from 'react'\nimport { cn } from '../utils/cn'\nimport { Tooltip, TooltipTrigger, TooltipContent } from './ui/tooltip'\nimport { formatCryptoAmount } from '../utils/formatting'\n\n/**\n * Display variant for the CryptoAmount component.\n * \n * - `default`: Crypto on top, fiat below (stacked)\n * - `inline`: Single line with fiat in parentheses\n * - `crypto-only`: Just the native token amount\n * - `fiat-only`: Just the fiat equivalent (useful for previews)\n * - `compact`: Abbreviated format for large amounts (1.5M TRUST)\n */\nexport type CryptoAmountVariant = 'default' | 'inline' | 'crypto-only' | 'fiat-only' | 'compact'\n\n/**\n * Size variant for the CryptoAmount component.\n */\nexport type CryptoAmountSize = 'sm' | 'md' | 'lg'\n\n/**\n * Controls where the secondary currency (fiat for crypto display, crypto for fiat display) appears.\n * \n * - `inline`: Show alongside primary currency (default behavior)\n * - `tooltip`: Show only in tooltip on hover (saves space)\n * - `hidden`: Don't show secondary currency at all\n */\nexport type SecondaryDisplayMode = 'inline' | 'tooltip' | 'hidden'\n\nexport interface CryptoAmountProps {\n  /** \n   * The crypto amount. By default, expects wei/smallest unit (string or bigint).\n   * If `isTokenUnits` is true, expects the value already in token units (e.g., 1.5 for 1.5 TRUST).\n   */\n  value: string | bigint | number\n  \n  /** Number of decimals for the token (default: 18). Ignored when isTokenUnits is true. */\n  decimals?: number\n  \n  /**\n   * When true, the value is already in token units (e.g., 1.5 for 1.5 TRUST).\n   * When false (default), the value is in wei/smallest units and will be converted.\n   */\n  isTokenUnits?: boolean\n  \n  /** Token symbol to display (e.g., 'TRUST', 'ETH') */\n  symbol: string\n  \n  /**\n   * Exchange rate for fiat conversion (1 token = X fiat).\n   * If undefined/null, fiat display is hidden.\n   */\n  exchangeRate?: number | null\n  \n  /**\n   * Fiat currency code for formatting (default: 'USD').\n   * Used with Intl.NumberFormat for proper currency display.\n   */\n  currencyCode?: string\n  \n  /**\n   * Locale for number/currency formatting (default: browser locale or 'en-US')\n   */\n  locale?: string\n  \n  /** Display variant (default: 'default') */\n  variant?: CryptoAmountVariant\n  \n  /** Size variant (default: 'md') */\n  size?: CryptoAmountSize\n  \n  /**\n   * Maximum significant digits before truncation (default: 10).\n   * Amounts exceeding this will show \"...\" with full value in tooltip.\n   */\n  maxSignificantDigits?: number\n  \n  /**\n   * Maximum decimal places to display (default: 6).\n   * Applied after conversion but before significant digit truncation.\n   */\n  maxDecimals?: number\n  \n  /** Whether to show the token symbol (default: true) */\n  showSymbol?: boolean\n  \n  /** Whether to show fiat value when exchange rate is available (default: true) */\n  showFiat?: boolean\n  \n  /**\n   * Where to display the secondary currency (fiat when showing crypto, crypto when showing fiat).\n   * - `inline`: Show alongside primary (default behavior)\n   * - `tooltip`: Show in tooltip on hover (saves space in dense UIs)\n   * - `hidden`: Don't show at all\n   * @default 'inline'\n   */\n  secondaryDisplay?: SecondaryDisplayMode\n  \n  /** Additional CSS classes for the container */\n  className?: string\n  \n  /** Additional CSS classes for the crypto amount text */\n  cryptoClassName?: string\n  \n  /** Additional CSS classes for the fiat amount text */\n  fiatClassName?: string\n}\n\n/**\n * A unified component for displaying cryptocurrency amounts with optional fiat conversion.\n * \n * Features:\n * - Crypto-first display (native token amount is primary)\n * - Optional fiat conversion shown as secondary (inline or in tooltip)\n * - Truncation with tooltip for large amounts\n * - Multiple display variants (stacked, inline, compact)\n * - Proper number formatting based on locale\n * \n * @example\n * ```tsx\n * // Basic usage - stacked display\n * <CryptoAmount \n *   value=\"1500000000000000000\" \n *   symbol=\"TRUST\" \n *   exchangeRate={0.42} \n * />\n * // Renders:\n * // 1.5 TRUST\n * // $0.63\n * \n * // Inline variant\n * <CryptoAmount \n *   value=\"1500000000000000000\" \n *   symbol=\"TRUST\" \n *   exchangeRate={0.42}\n *   variant=\"inline\"\n * />\n * // Renders: 1.5 TRUST (~$0.63)\n * \n * // Space-saving: show crypto only, fiat in tooltip\n * <CryptoAmount \n *   value=\"1500000000000000000\" \n *   symbol=\"TRUST\"\n *   exchangeRate={0.42}\n *   secondaryDisplay=\"tooltip\"\n * />\n * // Renders: 1.5 TRUST (hover shows: 1.5 TRUST + ≈ $0.63)\n * \n * // Compact variant for large amounts\n * <CryptoAmount \n *   value=\"1500000000000000000000000\" \n *   symbol=\"TRUST\"\n *   variant=\"compact\"\n * />\n * // Renders: 1.5M TRUST\n * ```\n */\nexport function CryptoAmount({\n  value,\n  decimals = 18,\n  isTokenUnits = false,\n  symbol,\n  exchangeRate,\n  currencyCode = 'USD',\n  locale,\n  variant = 'default',\n  size = 'md',\n  maxSignificantDigits = 10,\n  maxDecimals = 6,\n  showSymbol = true,\n  showFiat = true,\n  secondaryDisplay = 'inline',\n  className,\n  cryptoClassName,\n  fiatClassName,\n}: CryptoAmountProps) {\n  // Determine locale\n  const effectiveLocale = locale || (typeof navigator !== 'undefined' ? navigator.language : 'en-US')\n  \n  // Format the crypto amount\n  const formatted = React.useMemo(() => {\n    // If value is already in token units, create a simple formatted result\n    if (isTokenUnits) {\n      const numericValue = typeof value === 'string' ? parseFloat(value) : Number(value)\n      const fullValue = numericValue.toString()\n      \n      // Apply maxDecimals truncation for display\n      let displayValue = fullValue\n      if (maxDecimals !== undefined) {\n        // Round to maxDecimals places\n        const factor = Math.pow(10, maxDecimals)\n        const truncated = Math.floor(numericValue * factor) / factor\n        displayValue = truncated.toLocaleString(effectiveLocale, {\n          minimumFractionDigits: 0,\n          maximumFractionDigits: maxDecimals,\n        })\n      }\n      \n      const isTruncated = displayValue !== fullValue\n      return {\n        display: displayValue,\n        fullValue,\n        isTruncated,\n        numericValue,\n      }\n    }\n    \n    // Otherwise, convert from wei\n    // Ensure value is string or bigint for formatCryptoAmount\n    const weiValue = typeof value === 'number' ? value.toString() : value\n    return formatCryptoAmount(weiValue, decimals, {\n      maxSignificantDigits,\n      maxDecimals,\n      compact: variant === 'compact',\n      locale: effectiveLocale,\n    })\n  }, [value, decimals, isTokenUnits, maxSignificantDigits, maxDecimals, variant, effectiveLocale])\n  \n  // Calculate fiat value if exchange rate is available\n  // Note: We calculate even when secondaryDisplay='tooltip' because we need it for the tooltip\n  const fiatFormatted = React.useMemo(() => {\n    if (!showFiat || exchangeRate == null || variant === 'crypto-only' || secondaryDisplay === 'hidden') {\n      return null\n    }\n    \n    const fiatValue = formatted.numericValue * exchangeRate\n    \n    try {\n      return new Intl.NumberFormat(effectiveLocale, {\n        style: 'currency',\n        currency: currencyCode.toUpperCase(),\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2,\n      }).format(fiatValue)\n    } catch {\n      // Fallback if currency code is invalid\n      return null\n    }\n  }, [formatted.numericValue, exchangeRate, currencyCode, effectiveLocale, showFiat, variant, secondaryDisplay])\n  \n  // Determine if we should show fiat inline (vs in tooltip)\n  const showFiatInline = fiatFormatted && secondaryDisplay === 'inline'\n  \n  // Size-based styling\n  const sizeStyles = {\n    sm: {\n      crypto: 'text-sm',\n      fiat: 'text-xs',\n    },\n    md: {\n      crypto: 'text-base',\n      fiat: 'text-sm',\n    },\n    lg: {\n      crypto: 'text-lg font-semibold',\n      fiat: 'text-base',\n    },\n  }\n  \n  const styles = sizeStyles[size]\n  \n  // Build the crypto display string\n  const cryptoDisplay = showSymbol \n    ? `${formatted.display} ${symbol}`\n    : formatted.display\n  \n  // Full value for tooltip (when truncated)\n  const fullCryptoDisplay = showSymbol\n    ? `${formatted.fullValue} ${symbol}`\n    : formatted.fullValue\n  \n  // Determine if we need a tooltip\n  // Show tooltip if truncated OR if secondary currency should be in tooltip\n  const showSecondaryInTooltip = secondaryDisplay === 'tooltip' && fiatFormatted\n  const needsTooltip = formatted.isTruncated || showSecondaryInTooltip\n  \n  // Render the crypto amount (with or without tooltip)\n  const cryptoElement = (\n    <span \n      className={cn(\n        styles.crypto,\n        'font-medium',\n        // Add cursor hint when tooltip contains extra info\n        // showSecondaryInTooltip && 'cursor-help',\n        cryptoClassName\n      )}\n    >\n      {cryptoDisplay}\n    </span>\n  )\n  \n  // Build tooltip content - show full crypto always, add fiat if in tooltip mode\n  // Note: Tooltip uses bg-primary, so we use text-primary-foreground with opacity\n  // rather than text-muted-foreground which is designed for page backgrounds\n  const tooltipContent = (\n    <div className=\"flex flex-col gap-0.5\">\n      <span className=\"font-mono text-xs\">{fullCryptoDisplay}</span>\n      {showSecondaryInTooltip && (\n        <span className=\"text-xs text-primary-foreground/70\">≈ {fiatFormatted}</span>\n      )}\n    </div>\n  )\n  \n  const cryptoWithTooltip = needsTooltip ? (\n    <Tooltip delayDuration={showSecondaryInTooltip ? 300 : 1000}>\n      <TooltipTrigger asChild>\n        {cryptoElement}\n      </TooltipTrigger>\n      <TooltipContent>\n        {tooltipContent}\n      </TooltipContent>\n    </Tooltip>\n  ) : cryptoElement\n  \n  // Render based on variant\n  if (variant === 'crypto-only') {\n    return (\n      <div className={cn('flex items-center', className)}>\n        {cryptoWithTooltip}\n      </div>\n    )\n  }\n  \n  if (variant === 'fiat-only') {\n    // Only show fiat, return null if no exchange rate available\n    if (!fiatFormatted) {\n      return null\n    }\n    return (\n      <span className={cn(\n        styles.fiat,\n        'text-muted-foreground',\n        fiatClassName,\n        className\n      )}>\n        ≈ {fiatFormatted}\n      </span>\n    )\n  }\n  \n  if (variant === 'inline') {\n    return (\n      <div className={cn('flex items-center gap-1', className)}>\n        {cryptoWithTooltip}\n        {showFiatInline && (\n          <span className={cn(\n            styles.fiat,\n            'text-muted-foreground',\n            fiatClassName\n          )}>\n            (~{fiatFormatted})\n          </span>\n        )}\n      </div>\n    )\n  }\n  \n  if (variant === 'compact') {\n    return (\n      <div className={cn('flex items-center gap-1', className)}>\n        {cryptoWithTooltip}\n        {showFiatInline && (\n          <span className={cn(\n            styles.fiat,\n            'text-muted-foreground',\n            fiatClassName\n          )}>\n            ({fiatFormatted})\n          </span>\n        )}\n      </div>\n    )\n  }\n  \n  // Default: stacked layout\n  return (\n    <div className={cn('flex flex-col', className)}>\n      {cryptoWithTooltip}\n      {showFiatInline && (\n        <span className={cn(\n          styles.fiat,\n          'text-muted-foreground',\n          fiatClassName\n        )}>\n          {fiatFormatted}\n        </span>\n      )}\n    </div>\n  )\n}\n\nexport default CryptoAmount\n\n// ============================================================================\n// Helper utilities for creating CryptoAmount props\n// ============================================================================\n\n/**\n * Props subset for creating a CryptoAmount from an exchange rate context.\n * Use this type when building a hook wrapper in your app.\n */\nexport type CryptoAmountRateProps = Pick<\n  CryptoAmountProps,\n  'exchangeRate' | 'currencyCode' | 'locale'\n>\n\n/**\n * Creates CryptoAmountRateProps from an exchange rate and currency settings.\n * This is a helper for building hook wrappers in consuming applications.\n * \n * @param exchangeRate - The current exchange rate (1 token = X fiat), or null/undefined\n * @param currencyCode - The fiat currency code (e.g., 'USD', 'EUR')\n * @param locale - Optional locale for formatting\n * @returns Props object to spread onto CryptoAmount\n * \n * @example\n * ```tsx\n * // In your app's hook wrapper:\n * export function useCryptoAmountProps() {\n *   const { data } = useExchangeRates()\n *   const { selectedCurrency } = useCurrency()\n *   \n *   return createCryptoAmountRateProps(\n *     data?.rate,\n *     selectedCurrency,\n *     navigator.language\n *   )\n * }\n * \n * // Then in components:\n * const rateProps = useCryptoAmountProps()\n * <CryptoAmount value=\"1000000000000000000\" symbol=\"TRUST\" {...rateProps} />\n * ```\n */\nexport function createCryptoAmountRateProps(\n  exchangeRate: number | null | undefined,\n  currencyCode: string = 'USD',\n  locale?: string\n): CryptoAmountRateProps {\n  return {\n    exchangeRate: exchangeRate ?? undefined,\n    currencyCode,\n    locale,\n  }\n}\n\n"]}

package/dist/{chunk-P5E2XNDI.js → chunk-K4XDMY2V.js}

@@ -1,6 +1,6 @@
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-E5TTKYNS.js';
-import { cn } from './chunk-VIRNUAYY.js';
 import { useIsMobile, useToast } from './chunk-T2XWV636.js';
+import { cn } from './chunk-VIRNUAYY.js';
 import * as React5 from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -2754,5 +2754,5 @@ var ToggleGroupItem = React5.forwardRef(({ className, children, variant, size, .
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 export { Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Label2 as Label, Loader, Pagination, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup2 as RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Toaster2, Toggle, ToggleGroup, ToggleGroupItem, badgeVariants, buttonVariants, toggleVariants, useFormField, useSidebar };
-//# sourceMappingURL=chunk-P5E2XNDI.js.map
-//# sourceMappingURL=chunk-P5E2XNDI.js.map
+//# sourceMappingURL=chunk-K4XDMY2V.js.map
+//# sourceMappingURL=chunk-K4XDMY2V.js.map