@hivemindhq/core 0.4.0

package/dist/chunk-VIRNUAYY.js

@@ -0,0 +1,11 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };
+//# sourceMappingURL=chunk-VIRNUAYY.js.map
+//# sourceMappingURL=chunk-VIRNUAYY.js.map

package/dist/chunk-VIRNUAYY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/cn.ts"],"names":[],"mappings":";;;;AAcO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-VIRNUAYY.js","sourcesContent":["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\n/**\n * Combines class names using clsx and merges Tailwind classes intelligently.\n * This is the standard utility for conditional and merged class names.\n *\n * @param inputs - Class values to combine (strings, objects, arrays)\n * @returns Merged class string with Tailwind conflicts resolved\n *\n * @example\n * cn('px-4 py-2', isActive && 'bg-blue-500', { 'opacity-50': isDisabled })\n * // Returns: \"px-4 py-2 bg-blue-500\" (if isActive is true, isDisabled is false)\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\n"]}

package/dist/components/index.d.ts

@@ -0,0 +1,277 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare const AtomIcon: ({ ...props }: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+interface UnknownImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
+    /** The image source URL - can be IPFS, HTTP, or raw hash */
+    src: string;
+    /** Whether to wrap the image in an anchor link to the source */
+    asLink?: boolean;
+}
+/**
+ * An image component that handles various URL formats including IPFS.
+ * Automatically converts IPFS URIs and hashes to gateway URLs.
+ *
+ * @example
+ * <UnknownImage src="ipfs://QmHash123" alt="My image" className="w-10 h-10" />
+ */
+declare const UnknownImage: ({ asLink, src, ...props }: UnknownImageProps) => react_jsx_runtime.JSX.Element | null;
+
+interface LoadingDotsProps {
+    /** Duration of opacity transition in ms */
+    transitionDuration?: number;
+    /** Whether the dots are visible */
+    isVisible?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Animated loading dots indicator.
+ * Shows three dots with a wave animation.
+ *
+ * @example
+ * <LoadingDots isVisible={isLoading} />
+ */
+declare function LoadingDots({ transitionDuration, isVisible, className, }: LoadingDotsProps): react_jsx_runtime.JSX.Element;
+
+interface IpfsImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
+    /** The image source - can be an ipfs:// URI or regular URL */
+    src: string;
+}
+/**
+ * An image component that automatically converts IPFS URIs to gateway URLs.
+ *
+ * @example
+ * <IpfsImage src="ipfs://QmHash123" alt="IPFS image" />
+ */
+declare const IpfsImage: ({ src, ...props }: IpfsImageProps) => react_jsx_runtime.JSX.Element;
+
+interface TornadoGraphDataPoint {
+    /** The range identifier/name */
+    name: number;
+    /** Vault balance for this range */
+    vaultBalance?: number;
+    /** Counter vault balance for this range */
+    counterVaultBalance?: number;
+    /** Aggregate vault balance (positive side) */
+    aggregateVaultBalance: number;
+    /** Aggregate counter vault balance (negative side) */
+    aggregateCounterVaultBalance: number;
+}
+interface TriplePositionsTornadoMinGraphProps {
+    /** Pre-formatted data for the tornado chart */
+    data: TornadoGraphDataPoint[];
+    /** Color for the "FOR" (vault) bars */
+    forColor?: string;
+    /** Color for the "AGAINST" (counter vault) bars */
+    againstColor?: string;
+    /** Additional className for the container */
+    className?: string;
+}
+/**
+ * A minimal tornado/butterfly chart for displaying triple position distributions.
+ * Shows FOR positions (green) on the right and AGAINST positions (red) on the left.
+ *
+ * @example
+ * <TriplePositionsTornadoMinGraph
+ *   data={formattedRanges}
+ *   forColor="#31ad31"
+ *   againstColor="#bc4535"
+ * />
+ */
+declare const TriplePositionsTornadoMinGraph: ({ data, forColor, againstColor, className, }: TriplePositionsTornadoMinGraphProps) => react_jsx_runtime.JSX.Element | null;
+
+interface TripleAreaChartDataPoint {
+    /** The x-axis value (typically position value) */
+    xValue: number;
+    /** Vault (FOR) position value */
+    vault?: number;
+    /** Counter vault (AGAINST) position value */
+    counterVault?: number;
+}
+interface TripleAreaChartProps {
+    /** Pre-formatted chart data points */
+    chartData: TripleAreaChartDataPoint[];
+    /** Display variant - 'min' hides axes/grid, 'max' shows full chart */
+    variant?: 'min' | 'max';
+    /** Color for vault (FOR) area */
+    vaultColor?: string;
+    /** Color for counter vault (AGAINST) area */
+    counterVaultColor?: string;
+}
+/**
+ * An area chart for visualizing triple position distributions.
+ * Shows vault (FOR) positions on positive side and counter vault (AGAINST) on negative.
+ *
+ * @example
+ * <TripleAreaChart
+ *   chartData={formattedPositions}
+ *   variant="min"
+ * />
+ */
+declare const TripleAreaChart: ({ chartData, variant, vaultColor, counterVaultColor, }: TripleAreaChartProps) => react_jsx_runtime.JSX.Element;
+
+interface ErrorBannerProps {
+    /** The error message to display */
+    error: string;
+    /** Optional HTTP status code */
+    code?: number;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * A simple error banner component for displaying error messages.
+ * Centered layout with large heading and subtitle.
+ *
+ * @example
+ * <ErrorBanner error="Page not found" code={404} />
+ */
+declare const ErrorBanner: ({ error, code, className }: ErrorBannerProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Display variant for the CryptoAmount component.
+ *
+ * - `default`: Crypto on top, fiat below (stacked)
+ * - `inline`: Single line with fiat in parentheses
+ * - `crypto-only`: Just the native token amount
+ * - `fiat-only`: Just the fiat equivalent (useful for previews)
+ * - `compact`: Abbreviated format for large amounts (1.5M TRUST)
+ */
+type CryptoAmountVariant = 'default' | 'inline' | 'crypto-only' | 'fiat-only' | 'compact';
+/**
+ * Size variant for the CryptoAmount component.
+ */
+type CryptoAmountSize = 'sm' | 'md' | 'lg';
+interface CryptoAmountProps {
+    /**
+     * The crypto amount. By default, expects wei/smallest unit (string or bigint).
+     * If `isTokenUnits` is true, expects the value already in token units (e.g., 1.5 for 1.5 TRUST).
+     */
+    value: string | bigint | number;
+    /** Number of decimals for the token (default: 18). Ignored when isTokenUnits is true. */
+    decimals?: number;
+    /**
+     * When true, the value is already in token units (e.g., 1.5 for 1.5 TRUST).
+     * When false (default), the value is in wei/smallest units and will be converted.
+     */
+    isTokenUnits?: boolean;
+    /** Token symbol to display (e.g., 'TRUST', 'ETH') */
+    symbol: string;
+    /**
+     * Exchange rate for fiat conversion (1 token = X fiat).
+     * If undefined/null, fiat display is hidden.
+     */
+    exchangeRate?: number | null;
+    /**
+     * Fiat currency code for formatting (default: 'USD').
+     * Used with Intl.NumberFormat for proper currency display.
+     */
+    currencyCode?: string;
+    /**
+     * Locale for number/currency formatting (default: browser locale or 'en-US')
+     */
+    locale?: string;
+    /** Display variant (default: 'default') */
+    variant?: CryptoAmountVariant;
+    /** Size variant (default: 'md') */
+    size?: CryptoAmountSize;
+    /**
+     * Maximum significant digits before truncation (default: 10).
+     * Amounts exceeding this will show "..." with full value in tooltip.
+     */
+    maxSignificantDigits?: number;
+    /**
+     * Maximum decimal places to display (default: 6).
+     * Applied after conversion but before significant digit truncation.
+     */
+    maxDecimals?: number;
+    /** Whether to show the token symbol (default: true) */
+    showSymbol?: boolean;
+    /** Whether to show fiat value when exchange rate is available (default: true) */
+    showFiat?: boolean;
+    /** Additional CSS classes for the container */
+    className?: string;
+    /** Additional CSS classes for the crypto amount text */
+    cryptoClassName?: string;
+    /** Additional CSS classes for the fiat amount text */
+    fiatClassName?: string;
+}
+/**
+ * A unified component for displaying cryptocurrency amounts with optional fiat conversion.
+ *
+ * Features:
+ * - Crypto-first display (native token amount is primary)
+ * - Optional fiat conversion shown as secondary
+ * - Truncation with tooltip for large amounts
+ * - Multiple display variants (stacked, inline, compact)
+ * - Proper number formatting based on locale
+ *
+ * @example
+ * ```tsx
+ * // Basic usage - stacked display
+ * <CryptoAmount
+ *   value="1500000000000000000"
+ *   symbol="TRUST"
+ *   exchangeRate={0.42}
+ * />
+ * // Renders:
+ * // 1.5 TRUST
+ * // $0.63
+ *
+ * // Inline variant
+ * <CryptoAmount
+ *   value="1500000000000000000"
+ *   symbol="TRUST"
+ *   exchangeRate={0.42}
+ *   variant="inline"
+ * />
+ * // Renders: 1.5 TRUST (~$0.63)
+ *
+ * // Compact variant for large amounts
+ * <CryptoAmount
+ *   value="1500000000000000000000000"
+ *   symbol="TRUST"
+ *   variant="compact"
+ * />
+ * // Renders: 1.5M TRUST
+ * ```
+ */
+declare function CryptoAmount({ value, decimals, isTokenUnits, symbol, exchangeRate, currencyCode, locale, variant, size, maxSignificantDigits, maxDecimals, showSymbol, showFiat, className, cryptoClassName, fiatClassName, }: CryptoAmountProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Props subset for creating a CryptoAmount from an exchange rate context.
+ * Use this type when building a hook wrapper in your app.
+ */
+type CryptoAmountRateProps = Pick<CryptoAmountProps, 'exchangeRate' | 'currencyCode' | 'locale'>;
+/**
+ * Creates CryptoAmountRateProps from an exchange rate and currency settings.
+ * This is a helper for building hook wrappers in consuming applications.
+ *
+ * @param exchangeRate - The current exchange rate (1 token = X fiat), or null/undefined
+ * @param currencyCode - The fiat currency code (e.g., 'USD', 'EUR')
+ * @param locale - Optional locale for formatting
+ * @returns Props object to spread onto CryptoAmount
+ *
+ * @example
+ * ```tsx
+ * // In your app's hook wrapper:
+ * export function useCryptoAmountProps() {
+ *   const { data } = useExchangeRates()
+ *   const { selectedCurrency } = useCurrency()
+ *
+ *   return createCryptoAmountRateProps(
+ *     data?.rate,
+ *     selectedCurrency,
+ *     navigator.language
+ *   )
+ * }
+ *
+ * // Then in components:
+ * const rateProps = useCryptoAmountProps()
+ * <CryptoAmount value="1000000000000000000" symbol="TRUST" {...rateProps} />
+ * ```
+ */
+declare function createCryptoAmountRateProps(exchangeRate: number | null | undefined, currencyCode?: string, locale?: string): CryptoAmountRateProps;
+
+export { AtomIcon, CryptoAmount, type CryptoAmountProps, type CryptoAmountRateProps, type CryptoAmountSize, type CryptoAmountVariant, ErrorBanner, type ErrorBannerProps, IpfsImage, type IpfsImageProps, LoadingDots, type LoadingDotsProps, type TornadoGraphDataPoint, TripleAreaChart, type TripleAreaChartDataPoint, type TripleAreaChartProps, TriplePositionsTornadoMinGraph, type TriplePositionsTornadoMinGraphProps, UnknownImage, type UnknownImageProps, createCryptoAmountRateProps };

package/dist/components/index.js

@@ -0,0 +1,6 @@
+export { AtomIcon, CryptoAmount, ErrorBanner, IpfsImage, LoadingDots, TripleAreaChart, TriplePositionsTornadoMinGraph, UnknownImage, createCryptoAmountRateProps } from '../chunk-2RGM3KJL.js';
+import '../chunk-ERZSVDIB.js';
+import '../chunk-E5TTKYNS.js';
+import '../chunk-VIRNUAYY.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}