@zendir/ui 0.1.0

package/dist/react/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/utils/index.ts"],"sourcesContent":["/**\n * @zendir/ui - Enterprise Utility Functions\n * \n * Shared utilities for null-safety, formatting, and defensive coding.\n * These utilities ensure components never crash due to undefined data.\n */\n\n// ============================================================================\n// NULL SAFETY UTILITIES\n// ============================================================================\n\n/**\n * Safely access a value with a fallback for null/undefined\n * @example withNullSafety(data?.temperature, 0) // Returns 0 if undefined\n */\nexport function withNullSafety<T>(value: T | null | undefined, fallback: T): T {\n  return value ?? fallback;\n}\n\n/**\n * Safely format a number, returning '--' if undefined\n * @example safeNumber(data?.value, 2) // \"123.45\" or \"--\"\n */\nexport function safeNumber(\n  value: number | null | undefined,\n  decimals: number = 2,\n  fallback: string = '--'\n): string {\n  if (value === null || value === undefined || !Number.isFinite(value)) {\n    return fallback;\n  }\n  return value.toFixed(decimals);\n}\n\n/**\n * Check if value is a valid finite number\n */\nexport function isValidNumber(value: unknown): value is number {\n  return typeof value === 'number' && Number.isFinite(value);\n}\n\n// ============================================================================\n// NUMBER FORMATTING\n// ============================================================================\n\nexport interface FormatNumberOptions {\n  decimals?: number;\n  locale?: string;\n  notation?: 'standard' | 'scientific' | 'engineering' | 'compact';\n  unit?: string;\n  signDisplay?: 'auto' | 'never' | 'always' | 'exceptZero';\n}\n\n/**\n * Format a number with locale-aware formatting and optional unit\n * @example formatNumber(1234567, { notation: 'compact' }) // \"1.2M\"\n */\nexport function formatNumber(\n  value: number | null | undefined,\n  options: FormatNumberOptions = {}\n): string {\n  if (value === null || value === undefined || !Number.isFinite(value)) {\n    return '--';\n  }\n\n  const {\n    decimals = 2,\n    locale = 'en-US',\n    notation = 'standard',\n    unit,\n    signDisplay = 'auto',\n  } = options;\n\n  try {\n    const formatted = new Intl.NumberFormat(locale, {\n      notation,\n      minimumFractionDigits: notation === 'compact' ? 0 : decimals,\n      maximumFractionDigits: decimals,\n      signDisplay,\n    }).format(value);\n\n    return unit ? `${formatted} ${unit}` : formatted;\n  } catch {\n    return value.toFixed(decimals);\n  }\n}\n\n/**\n * Format a number with tabular (monospace) digits for alignment\n * Uses font-feature-settings: 'tnum' 1\n */\nexport function formatTabular(\n  value: number | null | undefined,\n  decimals: number = 2\n): string {\n  return safeNumber(value, decimals);\n}\n\n// ============================================================================\n// UNIT-AWARE FORMATTING\n// ============================================================================\n\n/**\n * Format temperature with unit conversion\n * @example formatTemperature(25) // \"25.0°C\"\n * @example formatTemperature(25, 'fahrenheit') // \"77.0°F\"\n */\nexport function formatTemperature(\n  celsius: number | null | undefined,\n  unit: 'celsius' | 'fahrenheit' | 'kelvin' = 'celsius',\n  decimals: number = 1\n): string {\n  if (celsius === null || celsius === undefined || !Number.isFinite(celsius)) {\n    return '--°C';\n  }\n\n  switch (unit) {\n    case 'fahrenheit':\n      return `${((celsius * 9) / 5 + 32).toFixed(decimals)}°F`;\n    case 'kelvin':\n      return `${(celsius + 273.15).toFixed(decimals)}K`;\n    default:\n      return `${celsius.toFixed(decimals)}°C`;\n  }\n}\n\n/**\n * Format data rate with automatic unit scaling\n * @example formatDataRate(1500000) // \"1.50 Mbps\"\n */\nexport function formatDataRate(bitsPerSecond: number | null | undefined): string {\n  if (bitsPerSecond === null || bitsPerSecond === undefined || !Number.isFinite(bitsPerSecond)) {\n    return '-- bps';\n  }\n\n  const units = ['bps', 'Kbps', 'Mbps', 'Gbps', 'Tbps'];\n  let unitIndex = 0;\n  let value = bitsPerSecond;\n\n  while (value >= 1000 && unitIndex < units.length - 1) {\n    value /= 1000;\n    unitIndex++;\n  }\n\n  return `${value.toFixed(2)} ${units[unitIndex]}`;\n}\n\n/**\n * Format distance with automatic unit scaling\n * @example formatDistance(1500) // \"1.50 km\"\n */\nexport function formatDistance(meters: number | null | undefined): string {\n  if (meters === null || meters === undefined || !Number.isFinite(meters)) {\n    return '-- m';\n  }\n\n  if (meters >= 1_000_000) {\n    return `${(meters / 1_000_000).toFixed(2)} Mm`;\n  } else if (meters >= 1_000) {\n    return `${(meters / 1_000).toFixed(2)} km`;\n  } else if (meters < 1) {\n    return `${(meters * 100).toFixed(1)} cm`;\n  }\n  return `${meters.toFixed(1)} m`;\n}\n\n/**\n * Format altitude (always in km for space ops)\n * @example formatAltitude(418.2) // \"418.2 km\"\n */\nexport function formatAltitude(km: number | null | undefined): string {\n  if (km === null || km === undefined || !Number.isFinite(km)) {\n    return '-- km';\n  }\n  return `${km.toFixed(1)} km`;\n}\n\n/**\n * Format velocity\n * @example formatVelocity(7.66) // \"7.66 km/s\"\n */\nexport function formatVelocity(kmPerSec: number | null | undefined): string {\n  if (kmPerSec === null || kmPerSec === undefined || !Number.isFinite(kmPerSec)) {\n    return '-- km/s';\n  }\n  return `${kmPerSec.toFixed(2)} km/s`;\n}\n\n/**\n * Format percentage with bounds checking\n * @example formatPercentage(0.856) // \"85.6%\"\n * @example formatPercentage(85.6, false) // \"85.6%\" (already percentage)\n */\nexport function formatPercentage(\n  value: number | null | undefined,\n  isDecimal: boolean = false,\n  decimals: number = 1\n): string {\n  if (value === null || value === undefined || !Number.isFinite(value)) {\n    return '--%';\n  }\n\n  const percentage = isDecimal ? value * 100 : value;\n  return `${percentage.toFixed(decimals)}%`;\n}\n\n/**\n * Format power (watts) with auto-scaling\n * @example formatPower(1500) // \"1.50 kW\"\n */\nexport function formatPower(watts: number | null | undefined): string {\n  if (watts === null || watts === undefined || !Number.isFinite(watts)) {\n    return '-- W';\n  }\n\n  if (Math.abs(watts) >= 1_000_000) {\n    return `${(watts / 1_000_000).toFixed(2)} MW`;\n  } else if (Math.abs(watts) >= 1_000) {\n    return `${(watts / 1_000).toFixed(2)} kW`;\n  } else if (Math.abs(watts) < 1) {\n    return `${(watts * 1000).toFixed(1)} mW`;\n  }\n  return `${watts.toFixed(1)} W`;\n}\n\n/**\n * Format frequency (Hz) with auto-scaling\n * @example formatFrequency(2400000000) // \"2.40 GHz\"\n */\nexport function formatFrequency(hz: number | null | undefined): string {\n  if (hz === null || hz === undefined || !Number.isFinite(hz)) {\n    return '-- Hz';\n  }\n\n  if (hz >= 1_000_000_000) {\n    return `${(hz / 1_000_000_000).toFixed(2)} GHz`;\n  } else if (hz >= 1_000_000) {\n    return `${(hz / 1_000_000).toFixed(2)} MHz`;\n  } else if (hz >= 1_000) {\n    return `${(hz / 1_000).toFixed(2)} kHz`;\n  }\n  return `${hz.toFixed(0)} Hz`;\n}\n\n// ============================================================================\n// TIME FORMATTING\n// ============================================================================\n\n/**\n * Format duration in human-readable form\n * @example formatDuration(3661) // \"1h 1m 1s\"\n */\nexport function formatDuration(seconds: number | null | undefined): string {\n  if (seconds === null || seconds === undefined || !Number.isFinite(seconds)) {\n    return '--:--';\n  }\n\n  const absSeconds = Math.abs(seconds);\n  const sign = seconds < 0 ? '-' : '';\n\n  if (absSeconds < 60) {\n    return `${sign}${absSeconds.toFixed(0)}s`;\n  } else if (absSeconds < 3600) {\n    const mins = Math.floor(absSeconds / 60);\n    const secs = Math.floor(absSeconds % 60);\n    return `${sign}${mins}m ${secs}s`;\n  } else if (absSeconds < 86400) {\n    const hours = Math.floor(absSeconds / 3600);\n    const mins = Math.floor((absSeconds % 3600) / 60);\n    return `${sign}${hours}h ${mins}m`;\n  } else {\n    const days = Math.floor(absSeconds / 86400);\n    const hours = Math.floor((absSeconds % 86400) / 3600);\n    return `${sign}${days}d ${hours}h`;\n  }\n}\n\n/**\n * Format countdown timer (supports negative values for past events)\n * @example formatCountdown(125) // \"T-02:05\"\n * @example formatCountdown(-60) // \"T+01:00\"\n */\nexport function formatCountdown(seconds: number | null | undefined): string {\n  if (seconds === null || seconds === undefined || !Number.isFinite(seconds)) {\n    return 'T--:--';\n  }\n\n  const prefix = seconds >= 0 ? 'T-' : 'T+';\n  const absSeconds = Math.abs(seconds);\n\n  if (absSeconds >= 3600) {\n    const hours = Math.floor(absSeconds / 3600);\n    const mins = Math.floor((absSeconds % 3600) / 60);\n    const secs = Math.floor(absSeconds % 60);\n    return `${prefix}${hours}:${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n  }\n\n  const mins = Math.floor(absSeconds / 60);\n  const secs = Math.floor(absSeconds % 60);\n  return `${prefix}${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n}\n\n/**\n * Format UTC timestamp\n * @example formatUTC(new Date()) // \"2026-01-27 14:30:00Z\"\n */\nexport function formatUTC(date: Date | string | null | undefined): string {\n  if (!date) return '--:--:-- UTC';\n\n  try {\n    const d = typeof date === 'string' ? new Date(date) : date;\n    if (isNaN(d.getTime())) return '--:--:-- UTC';\n\n    return d.toISOString().replace('T', ' ').slice(0, 19) + 'Z';\n  } catch {\n    return '--:--:-- UTC';\n  }\n}\n\n/**\n * Format time only (HH:MM:SS)\n * @example formatTime(new Date()) // \"14:30:00\"\n */\nexport function formatTime(date: Date | string | null | undefined, includeSeconds = true): string {\n  if (!date) return includeSeconds ? '--:--:--' : '--:--';\n\n  try {\n    const d = typeof date === 'string' ? new Date(date) : date;\n    if (isNaN(d.getTime())) return includeSeconds ? '--:--:--' : '--:--';\n\n    const hours = d.getUTCHours().toString().padStart(2, '0');\n    const mins = d.getUTCMinutes().toString().padStart(2, '0');\n    const secs = d.getUTCSeconds().toString().padStart(2, '0');\n\n    return includeSeconds ? `${hours}:${mins}:${secs}` : `${hours}:${mins}`;\n  } catch {\n    return includeSeconds ? '--:--:--' : '--:--';\n  }\n}\n\n// ============================================================================\n// COORDINATE FORMATTING\n// ============================================================================\n\n/**\n * Format latitude/longitude\n * @example formatCoordinate(32.4, 'lat') // \"32.40° N\"\n * @example formatCoordinate(-117.2, 'lon') // \"117.20° W\"\n */\nexport function formatCoordinate(\n  value: number | null | undefined,\n  type: 'lat' | 'lon'\n): string {\n  if (value === null || value === undefined || !Number.isFinite(value)) {\n    return '--°';\n  }\n\n  const absValue = Math.abs(value);\n  let direction: string;\n\n  if (type === 'lat') {\n    direction = value >= 0 ? 'N' : 'S';\n  } else {\n    direction = value >= 0 ? 'E' : 'W';\n  }\n\n  return `${absValue.toFixed(2)}° ${direction}`;\n}\n\n/**\n * Format lat/lon pair\n * @example formatLatLon(32.4, -117.2) // \"32.40° N, 117.20° W\"\n */\nexport function formatLatLon(\n  lat: number | null | undefined,\n  lon: number | null | undefined\n): string {\n  return `${formatCoordinate(lat, 'lat')}, ${formatCoordinate(lon, 'lon')}`;\n}\n\n// ============================================================================\n// ANGLE FORMATTING\n// ============================================================================\n\n/**\n * Format angle in degrees\n * @example formatDegrees(45.5) // \"45.5°\"\n */\nexport function formatDegrees(\n  value: number | null | undefined,\n  decimals: number = 1\n): string {\n  if (value === null || value === undefined || !Number.isFinite(value)) {\n    return '--°';\n  }\n  return `${value.toFixed(decimals)}°`;\n}\n\n/**\n * Format decibels\n * @example formatDecibels(3.5) // \"3.5 dB\"\n */\nexport function formatDecibels(\n  value: number | null | undefined,\n  decimals: number = 1\n): string {\n  if (value === null || value === undefined || !Number.isFinite(value)) {\n    return '-- dB';\n  }\n  return `${value.toFixed(decimals)} dB`;\n}\n\n// ============================================================================\n// VALUE UTILITIES\n// ============================================================================\n\n/**\n * Clamp a value between min and max\n * @example clamp(150, 0, 100) // 100\n */\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/**\n * Linear interpolation\n * @example lerp(0, 100, 0.5) // 50\n */\nexport function lerp(start: number, end: number, t: number): number {\n  return start + (end - start) * clamp(t, 0, 1);\n}\n\n/**\n * Map a value from one range to another\n * @example mapRange(50, 0, 100, 0, 1) // 0.5\n */\nexport function mapRange(\n  value: number,\n  inMin: number,\n  inMax: number,\n  outMin: number,\n  outMax: number\n): number {\n  const t = (value - inMin) / (inMax - inMin);\n  return lerp(outMin, outMax, t);\n}\n\n// ============================================================================\n// STATUS UTILITIES\n// ============================================================================\n\nexport type StatusLevel = 'off' | 'standby' | 'normal' | 'caution' | 'serious' | 'critical';\n\n/**\n * Astro UX Design System status colors\n * These match the official Astro status semantics\n */\nexport const STATUS_COLORS: Record<StatusLevel, string> = {\n  off: '#a4abb6',\n  standby: '#2dccff',\n  normal: '#56f000',\n  caution: '#fce83a',\n  serious: '#ffb302',\n  critical: '#ff3838',\n};\n\n/**\n * Get status color from level\n * @example getStatusColor('normal') // '#56f000'\n */\nexport function getStatusColor(status: StatusLevel | null | undefined): string {\n  return STATUS_COLORS[status ?? 'off'];\n}\n\n/**\n * Derive status for battery specifically (low is bad)\n * @example deriveBatteryStatus(25) // 'caution'\n */\nexport function deriveBatteryStatus(level: number | undefined | null): StatusLevel {\n  if (level === undefined || level === null) return 'off';\n  if (level <= 10) return 'critical';\n  if (level <= 20) return 'serious';\n  if (level <= 30) return 'caution';\n  return 'normal';\n}\n\n/**\n * Determine status level from a value and thresholds\n * @example getStatusFromValue(85, { critical: 20, serious: 40, caution: 60, normal: 80 }) // 'normal'\n */\nexport function getStatusFromValue(\n  value: number | null | undefined,\n  thresholds: {\n    critical?: number;\n    serious?: number;\n    caution?: number;\n    normal?: number;\n  },\n  higherIsBetter: boolean = true\n): StatusLevel {\n  if (value === null || value === undefined || !Number.isFinite(value)) {\n    return 'off';\n  }\n\n  const { critical = 10, serious = 25, caution = 50, normal = 75 } = thresholds;\n\n  if (higherIsBetter) {\n    if (value <= critical) return 'critical';\n    if (value <= serious) return 'serious';\n    if (value <= caution) return 'caution';\n    if (value <= normal) return 'standby';\n    return 'normal';\n  } else {\n    if (value >= critical) return 'critical';\n    if (value >= serious) return 'serious';\n    if (value >= caution) return 'caution';\n    if (value >= normal) return 'standby';\n    return 'normal';\n  }\n}\n\n// ============================================================================\n// STATUS NORMALIZATION\n// ============================================================================\n\n/**\n * Domain status terms that map to UI StatusLevel\n * This handles common backend/sensor terminology\n */\nconst STATUS_MAPPING: Record<string, StatusLevel> = {\n  // → 'off'\n  'off': 'off',\n  'disabled': 'off',\n  'inactive': 'off',\n  'offline': 'off',\n  'unknown': 'off',\n  'null': 'off',\n  'none': 'off',\n  \n  // → 'standby'\n  'standby': 'standby',\n  'idle': 'standby',\n  'waiting': 'standby',\n  'ready': 'standby',\n  'pending': 'standby',\n  'queued': 'standby',\n  \n  // → 'normal'\n  'normal': 'normal',\n  'nominal': 'normal',\n  'healthy': 'normal',\n  'ok': 'normal',\n  'good': 'normal',\n  'success': 'normal',\n  'operational': 'normal',\n  'active': 'normal',\n  'online': 'normal',\n  'connected': 'normal',\n  'stable': 'normal',\n  'transmitting': 'normal',\n  'receiving': 'normal',\n  \n  // → 'caution'\n  'caution': 'caution',\n  'warning': 'caution',\n  'degraded': 'caution',\n  'elevated': 'caution',\n  'alert': 'caution',\n  'attention': 'caution',\n  'limited': 'caution',\n  \n  // → 'serious'\n  'serious': 'serious',\n  'unstable': 'serious',\n  'danger': 'serious',\n  'severe': 'serious',\n  \n  // → 'critical'\n  'critical': 'critical',\n  'error': 'critical',\n  'failed': 'critical',\n  'failure': 'critical',\n  'emergency': 'critical',\n  'fault': 'critical',\n  'alarm': 'critical',\n};\n\n/**\n * Normalize any status string to the 6-level StatusLevel system\n * \n * @param status - Any status string from domain/backend\n * @param defaultStatus - Fallback if status is not recognized (default: 'off')\n * @returns StatusLevel\n * \n * @example\n * ```typescript\n * normalizeStatus('degraded')     // 'caution'\n * normalizeStatus('nominal')      // 'normal'\n * normalizeStatus('transmitting') // 'normal'\n * normalizeStatus('warning')      // 'caution'\n * normalizeStatus('error')        // 'critical'\n * normalizeStatus(undefined)      // 'off'\n * ```\n */\nexport function normalizeStatus(\n  status: string | undefined | null,\n  defaultStatus: StatusLevel = 'off'\n): StatusLevel {\n  if (!status) return defaultStatus;\n  \n  const normalized = status.toLowerCase().trim();\n  return STATUS_MAPPING[normalized] ?? defaultStatus;\n}\n\n/**\n * Check if a string is a valid StatusLevel\n */\nexport function isStatusLevel(value: string): value is StatusLevel {\n  return ['off', 'standby', 'normal', 'caution', 'serious', 'critical'].includes(value);\n}\n\n/**\n * Get the severity order of a status (higher = more severe)\n * Useful for sorting or finding worst status\n */\nexport function getStatusSeverity(status: StatusLevel): number {\n  const order: Record<StatusLevel, number> = {\n    off: 0,\n    standby: 1,\n    normal: 2,\n    caution: 3,\n    serious: 4,\n    critical: 5,\n  };\n  return order[status];\n}\n\n/**\n * Get the worst (most severe) status from an array\n * \n * @example\n * ```typescript\n * getWorstStatus(['normal', 'caution', 'normal']) // 'caution'\n * getWorstStatus(['normal', 'critical', 'caution']) // 'critical'\n * ```\n */\nexport function getWorstStatus(statuses: StatusLevel[]): StatusLevel {\n  if (statuses.length === 0) return 'off';\n  return statuses.reduce((worst, current) => \n    getStatusSeverity(current) > getStatusSeverity(worst) ? current : worst\n  );\n}\n\n// ============================================================================\n// COLOR UTILITIES\n// ============================================================================\n\n/**\n * Safely add alpha to any CSS color string.\n * Handles hex (#RRGGBB → #RRGGBBAA), rgb(), and rgba() formats.\n *\n * Avoids the common bug of appending a hex alpha string to an rgba() color,\n * which produces invalid CSS (e.g. \"rgba(15, 20, 35, 0.85)80\").\n *\n * @param color - CSS color string (hex, rgb, or rgba)\n * @param alpha - Alpha value 0–1\n * @returns Valid CSS color string with alpha applied\n *\n * @example\n * addAlpha('#1b2d3e', 0.5)                // '#1b2d3e80'\n * addAlpha('rgba(15, 20, 35, 0.85)', 0.5) // 'rgba(15, 20, 35, 0.5)'\n * addAlpha('rgb(15, 20, 35)', 0.031)      // 'rgba(15, 20, 35, 0.031)'\n */\nexport function addAlpha(color: string, alpha: number): string {\n  if (!color) return color;\n  const a = Math.max(0, Math.min(1, alpha));\n  if (color.startsWith('rgba(')) {\n    return color.replace(/,\\s*[\\d.]+\\)\\s*$/, `, ${a})`);\n  }\n  if (color.startsWith('rgb(')) {\n    return color.replace(/^rgb\\(/, 'rgba(').replace(/\\)\\s*$/, `, ${a})`);\n  }\n  if (color.startsWith('#')) {\n    const hexA = Math.round(a * 255).toString(16).padStart(2, '0');\n    return `${color}${hexA}`;\n  }\n  return color;\n}\n\n// ============================================================================\n// COMPONENT STYLE UTILITIES\n// ============================================================================\n\n/**\n * Merge class names, filtering out falsy values\n * @example classNames('base', isActive && 'active', className) // \"base active custom\"\n */\nexport function classNames(...classes: (string | boolean | undefined | null)[]): string {\n  return classes.filter(Boolean).join(' ');\n}\n\n/**\n * Generate CSS for tabular numbers (monospace digits)\n */\nexport const tabularNumsStyle: React.CSSProperties = {\n  fontVariantNumeric: 'tabular-nums',\n  fontFeatureSettings: '\"tnum\" 1',\n};\n\n/**\n * CSS transition presets\n */\nexport const transitions = {\n  fast: 'all 150ms ease-out',\n  normal: 'all 250ms ease-out',\n  slow: 'all 400ms ease-out',\n  spring: 'all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)',\n} as const;\n\n/**\n * Focus ring styles for accessibility\n */\nexport const focusRingStyle: React.CSSProperties = {\n  outline: '2px solid #4dc3ff',\n  outlineOffset: '2px',\n};\n\n/**\n * Compute a WCAG AA safe version of an accent color for use as foreground text\n * on dark backgrounds. If the accent already passes 4.5:1 contrast on typical\n * dark surfaces (L ≈ 0.01), returns it unchanged. Otherwise lightens toward\n * white until the minimum contrast is met.\n *\n * @example safeAccentText('#8b5cf6') // '#a885f8' — lightened to pass 4.5:1\n */\nexport function safeAccentText(accent: string): string {\n  const hex = accent.replace('#', '');\n  if (hex.length < 6) return accent;\n\n  const r = parseInt(hex.slice(0, 2), 16) / 255;\n  const g = parseInt(hex.slice(2, 4), 16) / 255;\n  const b = parseInt(hex.slice(4, 6), 16) / 255;\n  const toLinear = (c: number) =>\n    c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\n  const L = 0.2126 * toLinear(r) + 0.7152 * toLinear(g) + 0.0722 * toLinear(b);\n\n  // Threshold: on a dark surface with L≈0.01 we need text L ≥ 0.22 for 4.5:1\n  if (L >= 0.22) return accent;\n\n  // Lighten by mixing 25% toward white — reaches ~5.5:1 on typical dark bgs\n  const mix = 0.25;\n  const lr = Math.min(255, Math.round((r + (1 - r) * mix) * 255));\n  const lg = Math.min(255, Math.round((g + (1 - g) * mix) * 255));\n  const lb = Math.min(255, Math.round((b + (1 - b) * mix) * 255));\n  return `#${lr.toString(16).padStart(2, '0')}${lg.toString(16).padStart(2, '0')}${lb.toString(16).padStart(2, '0')}`;\n}\n"],"names":["mins","secs"],"mappings":"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"}

package/dist/react/visualizations/EclipseTimerCard.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { EclipseInfo } from '../types';
+
+export interface EclipseTimerCardProps {
+    /** Eclipse information from API */
+    eclipse: EclipseInfo;
+    /** Orbital period in minutes */
+    orbitalPeriodMinutes: number;
+    /** Current phase in orbit (0-1) */
+    orbitPhase?: number;
+    /** Compact mode for smaller displays */
+    compact?: boolean;
+    /** Custom class name */
+    className?: string;
+}
+export declare const EclipseTimerCard: React.FC<EclipseTimerCardProps>;
+export default EclipseTimerCard;

package/dist/react/visualizations/EclipseTimerCard.js

@@ -0,0 +1,250 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useTheme } from "../theme/ThemeProvider.js";
+const EclipseTimerCard = ({
+  eclipse,
+  orbitalPeriodMinutes,
+  orbitPhase = 0,
+  compact = false,
+  className = ""
+}) => {
+  const { tokens, theme } = useTheme();
+  const isTransparentTheme = theme === "transparent" || theme === "transparent-bold" || theme === "transparent-minimal";
+  const cardBg = isTransparentTheme ? "transparent" : tokens.colors.background.surface;
+  const cardGlass = isTransparentTheme ? {
+    backdropFilter: "blur(12px)",
+    WebkitBackdropFilter: "blur(12px)"
+  } : {};
+  const ECLIPSE_COLORS = {
+    sunlight: "#ffd54f",
+    penumbra: "#78909c"
+  };
+  const { sunlightArc, penumbraArc, umbraArc } = useMemo(() => {
+    const totalPeriod = orbitalPeriodMinutes * 60;
+    const sunlight = eclipse.sunlightDuration / totalPeriod;
+    const umbraSec = eclipse.umbraDuration ?? eclipse.eclipseDuration * 0.5;
+    const penumbraSec = eclipse.penumbraDuration ?? eclipse.eclipseDuration * 0.5;
+    const umbra = umbraSec / totalPeriod;
+    const penumbra = penumbraSec / totalPeriod;
+    return {
+      sunlightArc: sunlight * 100,
+      penumbraArc: penumbra * 100,
+      umbraArc: umbra * 100
+    };
+  }, [eclipse, orbitalPeriodMinutes]);
+  const formatTime = (seconds) => {
+    if (seconds < 0) return "--:--";
+    const mins = Math.floor(seconds / 60);
+    const secs = Math.floor(seconds % 60);
+    return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
+  };
+  const radius = 45;
+  const circumference = 2 * Math.PI * radius;
+  const sunlightDash = sunlightArc / 100 * circumference;
+  const penumbraDash = penumbraArc / 100 * circumference;
+  const umbraDash = umbraArc / 100 * circumference;
+  const cursorRotation = orbitPhase * 360 - 90;
+  const sizeStyle = compact ? { width: "128px", height: "128px" } : { width: "192px", height: "192px" };
+  const cardStyle = {
+    backgroundColor: cardBg,
+    ...cardGlass,
+    border: "none",
+    borderRadius: tokens.borderRadius.lg,
+    padding: tokens.spacing.md,
+    fontFamily: tokens.typography.fontFamily.primary,
+    color: tokens.colors.text.primary
+  };
+  return /* @__PURE__ */ jsxs("div", { className, style: cardStyle, children: [
+    !compact && /* @__PURE__ */ jsxs("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      marginBottom: tokens.spacing.md
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { style: {
+          fontWeight: tokens.typography.fontWeight.semibold,
+          color: tokens.colors.text.primary,
+          fontSize: tokens.typography.fontSize.md,
+          margin: 0
+        }, children: "Eclipse timer" }),
+        /* @__PURE__ */ jsx("p", { style: {
+          color: tokens.colors.text.tertiary,
+          fontSize: tokens.typography.fontSize.xs,
+          margin: 0,
+          marginTop: tokens.spacing.xs
+        }, children: "Orbit phase" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { style: {
+        padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`,
+        borderRadius: tokens.borderRadius.sm,
+        fontSize: tokens.typography.fontSize.xxs,
+        // 0.625rem / 10px (AstroUXDS compact)
+        fontWeight: tokens.typography.fontWeight.medium,
+        letterSpacing: "0.5px",
+        backgroundColor: eclipse.inEclipse ? `${tokens.colors.status.off}20` : `${tokens.colors.status.caution}20`,
+        color: eclipse.inEclipse ? tokens.colors.status.off : tokens.colors.status.caution
+      }, children: eclipse.inEclipse ? "Eclipse" : "Sunlit" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsxs("div", { style: { position: "relative", ...sizeStyle }, children: [
+      /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 100 100", style: { width: "100%", height: "100%", transform: "rotate(-90deg)" }, children: [
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "50",
+            cy: "50",
+            r: radius,
+            fill: "none",
+            stroke: tokens.colors.border.muted,
+            strokeWidth: "8"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "50",
+            cy: "50",
+            r: radius,
+            fill: "none",
+            stroke: ECLIPSE_COLORS.sunlight,
+            strokeWidth: "8",
+            strokeDasharray: `${sunlightDash} ${circumference}`,
+            strokeDashoffset: "0",
+            strokeLinecap: "round",
+            style: { filter: `drop-shadow(0 0 8px ${ECLIPSE_COLORS.sunlight}40)` }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "50",
+            cy: "50",
+            r: radius,
+            fill: "none",
+            stroke: ECLIPSE_COLORS.penumbra,
+            strokeWidth: "8",
+            strokeDasharray: `${penumbraDash} ${circumference}`,
+            strokeDashoffset: `${-sunlightDash}`,
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "50",
+            cy: "50",
+            r: radius,
+            fill: "none",
+            stroke: tokens.colors.background.base,
+            strokeWidth: "8",
+            strokeDasharray: `${umbraDash} ${circumference}`,
+            strokeDashoffset: `${-(sunlightDash + penumbraDash)}`,
+            strokeLinecap: "round"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            inset: 0,
+            transition: "transform 1s",
+            transform: `rotate(${cursorRotation}deg)`
+          },
+          children: /* @__PURE__ */ jsx("div", { style: {
+            position: "absolute",
+            top: 0,
+            left: "50%",
+            transform: "translate(-50%, -4px)"
+          }, children: /* @__PURE__ */ jsx("div", { style: {
+            width: compact ? "12px" : "16px",
+            height: compact ? "12px" : "16px",
+            backgroundColor: "#fff",
+            borderRadius: "50%",
+            border: `2px solid ${tokens.colors.status.standby}`,
+            boxShadow: `0 0 12px ${tokens.colors.status.standby}`
+          } }) })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { style: {
+        position: "absolute",
+        inset: 0,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center"
+      }, children: [
+        /* @__PURE__ */ jsx("span", { style: {
+          fontSize: compact ? "8px" : tokens.typography.fontSize.xs,
+          color: tokens.colors.text.tertiary,
+          letterSpacing: "0.5px"
+        }, children: eclipse.inEclipse ? "Sunlight in" : "Eclipse in" }),
+        /* @__PURE__ */ jsx("span", { style: {
+          fontSize: compact ? tokens.typography.fontSize.lg : tokens.typography.fontSize.xxl,
+          fontFamily: tokens.typography.fontFamily.mono,
+          fontWeight: tokens.typography.fontWeight.bold,
+          fontVariantNumeric: "tabular-nums",
+          color: eclipse.inEclipse ? tokens.colors.status.caution : tokens.colors.text.tertiary
+        }, children: formatTime(eclipse.inEclipse ? eclipse.timeToSunlight ?? 0 : eclipse.timeToEclipse) }),
+        !compact && /* @__PURE__ */ jsxs("span", { style: {
+          fontSize: tokens.typography.fontSize.xxs,
+          // 0.625rem / 10px (AstroUXDS compact)
+          color: tokens.colors.text.tertiary,
+          marginTop: tokens.spacing.xs
+        }, children: [
+          "Period: ",
+          orbitalPeriodMinutes.toFixed(1),
+          "m"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { style: {
+      display: "grid",
+      gridTemplateColumns: "repeat(2, 1fr)",
+      gap: tokens.spacing.sm,
+      marginTop: tokens.spacing.md,
+      fontSize: compact ? tokens.typography.fontSize.xxs : tokens.typography.fontSize.xs
+      // AstroUXDS compliant
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { style: {
+        backgroundColor: tokens.colors.background.base,
+        borderRadius: tokens.borderRadius.md,
+        padding: tokens.spacing.sm,
+        textAlign: "center"
+      }, children: [
+        /* @__PURE__ */ jsxs("div", { style: {
+          color: tokens.colors.status.caution,
+          fontWeight: tokens.typography.fontWeight.bold,
+          fontFamily: tokens.typography.fontFamily.mono,
+          fontVariantNumeric: "tabular-nums"
+        }, children: [
+          Math.round(eclipse.sunlightDuration / 60),
+          "m"
+        ] }),
+        /* @__PURE__ */ jsx("div", { style: { color: tokens.colors.text.tertiary }, children: "Daylight" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: {
+        backgroundColor: tokens.colors.background.base,
+        borderRadius: tokens.borderRadius.md,
+        padding: tokens.spacing.sm,
+        textAlign: "center"
+      }, children: [
+        /* @__PURE__ */ jsxs("div", { style: {
+          color: tokens.colors.text.tertiary,
+          fontWeight: tokens.typography.fontWeight.bold,
+          fontFamily: tokens.typography.fontFamily.mono,
+          fontVariantNumeric: "tabular-nums"
+        }, children: [
+          Math.round(((eclipse.umbraDuration ?? 0) + (eclipse.penumbraDuration ?? 0)) / 60),
+          "m"
+        ] }),
+        /* @__PURE__ */ jsx("div", { style: { color: tokens.colors.text.tertiary }, children: "Eclipse" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  EclipseTimerCard
+};
+//# sourceMappingURL=EclipseTimerCard.js.map

package/dist/react/visualizations/EclipseTimerCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EclipseTimerCard.js","sources":["../../../src/react/visualizations/EclipseTimerCard.tsx"],"sourcesContent":["/**\n * EclipseTimerCard - Circular orbit phase visualization\n * \n * Shows the spacecraft's position in its orbital day/night cycle with\n * visual sectors for sunlight, penumbra, and umbra (eclipse).\n * \n * Astro UX Compliance:\n * - Uses official Astro status colors\n * - Sentence-case labels\n * - Tabular numbers for data\n * - Roboto/Roboto Mono typography\n * - 4px-based spacing\n */\n\nimport React, { useMemo } from 'react';\nimport type { EclipseInfo } from '../types';\nimport { useTheme } from '../theme';\n\nexport interface EclipseTimerCardProps {\n  /** Eclipse information from API */\n  eclipse: EclipseInfo;\n  /** Orbital period in minutes */\n  orbitalPeriodMinutes: number;\n  /** Current phase in orbit (0-1) */\n  orbitPhase?: number;\n  /** Compact mode for smaller displays */\n  compact?: boolean;\n  /** Custom class name */\n  className?: string;\n}\n\nexport const EclipseTimerCard: React.FC<EclipseTimerCardProps> = ({\n  eclipse,\n  orbitalPeriodMinutes,\n  orbitPhase = 0,\n  compact = false,\n  className = '',\n}) => {\n  const { tokens, theme } = useTheme();\n  const isTransparentTheme = theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  // Use transparent background with blur for transparent themes (matching Timeline)\n  const cardBg = isTransparentTheme ? 'transparent' : tokens.colors.background.surface;\n  const cardGlass = isTransparentTheme ? { \n    backdropFilter: 'blur(12px)' as const, \n    WebkitBackdropFilter: 'blur(12px)' as const,\n  } : {};\n\n  // Medium-soft colors for eclipse phases (readable, not too pale)\n  const ECLIPSE_COLORS = {\n    sunlight: '#ffd54f',\n    penumbra: '#78909c',\n    umbra: '#546e7a',\n  };\n  const { sunlightArc, penumbraArc, umbraArc } = useMemo(() => {\n    const totalPeriod = orbitalPeriodMinutes * 60; // seconds\n    const sunlight = eclipse.sunlightDuration / totalPeriod;\n    const umbraSec = eclipse.umbraDuration ?? eclipse.eclipseDuration * 0.5;\n    const penumbraSec = eclipse.penumbraDuration ?? eclipse.eclipseDuration * 0.5;\n    const umbra = umbraSec / totalPeriod;\n    const penumbra = penumbraSec / totalPeriod;\n    return {\n      sunlightArc: sunlight * 100,\n      penumbraArc: penumbra * 100,\n      umbraArc: umbra * 100,\n    };\n  }, [eclipse, orbitalPeriodMinutes]);\n\n  // Format time for display (Astro: tabular numbers)\n  const formatTime = (seconds: number): string => {\n    if (seconds < 0) return '--:--';\n    const mins = Math.floor(seconds / 60);\n    const secs = Math.floor(seconds % 60);\n    return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n  };\n\n  // Calculate SVG arc parameters\n  const radius = 45;\n  const circumference = 2 * Math.PI * radius;\n  \n  const sunlightDash = (sunlightArc / 100) * circumference;\n  const penumbraDash = (penumbraArc / 100) * circumference;\n  const umbraDash = (umbraArc / 100) * circumference;\n\n  // Cursor rotation based on orbit phase\n  const cursorRotation = orbitPhase * 360 - 90; // -90 to start at top\n\n  const sizeStyle: React.CSSProperties = compact \n    ? { width: '128px', height: '128px' } \n    : { width: '192px', height: '192px' };\n\n  // Astro UX compliant card styling (transparent theme: glass background)\n  const cardStyle: React.CSSProperties = {\n    backgroundColor: cardBg,\n    ...cardGlass,\n    border: 'none',\n    borderRadius: tokens.borderRadius.lg,\n    padding: tokens.spacing.md,\n    fontFamily: tokens.typography.fontFamily.primary,\n    color: tokens.colors.text.primary,\n  };\n\n  return (\n    <div className={className} style={cardStyle}>\n      {!compact && (\n        <div style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          marginBottom: tokens.spacing.md,\n        }}>\n          <div>\n            {/* Astro: Sentence-case labels */}\n            <h3 style={{ \n              fontWeight: tokens.typography.fontWeight.semibold, \n              color: tokens.colors.text.primary, \n              fontSize: tokens.typography.fontSize.md,\n              margin: 0,\n            }}>\n              Eclipse timer\n            </h3>\n            <p style={{ \n              color: tokens.colors.text.tertiary, \n              fontSize: tokens.typography.fontSize.xs,\n              margin: 0,\n              marginTop: tokens.spacing.xs,\n            }}>\n              Orbit phase\n            </p>\n          </div>\n          {/* Status badge - Astro style */}\n          <span style={{\n            padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`,\n            borderRadius: tokens.borderRadius.sm,\n            fontSize: tokens.typography.fontSize.xxs, // 0.625rem / 10px (AstroUXDS compact)\n            fontWeight: tokens.typography.fontWeight.medium,\n            letterSpacing: '0.5px',\n            backgroundColor: eclipse.inEclipse \n              ? `${tokens.colors.status.off}20` \n              : `${tokens.colors.status.caution}20`,\n            color: eclipse.inEclipse \n              ? tokens.colors.status.off \n              : tokens.colors.status.caution,\n          }}>\n            {eclipse.inEclipse ? 'Eclipse' : 'Sunlit'}\n          </span>\n        </div>\n      )}\n\n      <div style={{ display: 'flex', justifyContent: 'center' }}>\n        <div style={{ position: 'relative', ...sizeStyle }}>\n          {/* SVG Ring */}\n          <svg viewBox=\"0 0 100 100\" style={{ width: '100%', height: '100%', transform: 'rotate(-90deg)' }}>\n            {/* Background ring */}\n            <circle \n              cx=\"50\" cy=\"50\" r={radius} \n              fill=\"none\" \n              stroke={tokens.colors.border.muted}\n              strokeWidth=\"8\"\n            />\n            \n            {/* Sunlight sector - soft amber */}\n            <circle \n              cx=\"50\" cy=\"50\" r={radius}\n              fill=\"none\"\n              stroke={ECLIPSE_COLORS.sunlight}\n              strokeWidth=\"8\"\n              strokeDasharray={`${sunlightDash} ${circumference}`}\n              strokeDashoffset=\"0\"\n              strokeLinecap=\"round\"\n              style={{ filter: `drop-shadow(0 0 8px ${ECLIPSE_COLORS.sunlight}40)` }}\n            />\n            \n            {/* Penumbra sector */}\n            <circle \n              cx=\"50\" cy=\"50\" r={radius}\n              fill=\"none\"\n              stroke={ECLIPSE_COLORS.penumbra}\n              strokeWidth=\"8\"\n              strokeDasharray={`${penumbraDash} ${circumference}`}\n              strokeDashoffset={`${-sunlightDash}`}\n              strokeLinecap=\"round\"\n            />\n            \n            {/* Umbra sector - dark */}\n            <circle \n              cx=\"50\" cy=\"50\" r={radius}\n              fill=\"none\"\n              stroke={tokens.colors.background.base}\n              strokeWidth=\"8\"\n              strokeDasharray={`${umbraDash} ${circumference}`}\n              strokeDashoffset={`${-(sunlightDash + penumbraDash)}`}\n              strokeLinecap=\"round\"\n            />\n          </svg>\n\n          {/* Position cursor */}\n          <div \n            style={{ \n              position: 'absolute',\n              inset: 0,\n              transition: 'transform 1s',\n              transform: `rotate(${cursorRotation}deg)`,\n            }}\n          >\n            <div style={{\n              position: 'absolute',\n              top: 0,\n              left: '50%',\n              transform: 'translate(-50%, -4px)',\n            }}>\n              <div style={{\n                width: compact ? '12px' : '16px',\n                height: compact ? '12px' : '16px',\n                backgroundColor: '#fff',\n                borderRadius: '50%',\n                border: `2px solid ${tokens.colors.status.standby}`,\n                boxShadow: `0 0 12px ${tokens.colors.status.standby}`,\n              }} />\n            </div>\n          </div>\n\n          {/* Center content */}\n          <div style={{\n            position: 'absolute',\n            inset: 0,\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}>\n            {/* Astro: Sentence-case labels (Tier 3 compliance) */}\n            <span style={{ \n              fontSize: compact ? '8px' : tokens.typography.fontSize.xs, \n              color: tokens.colors.text.tertiary,\n              letterSpacing: '0.5px',\n            }}>\n              {eclipse.inEclipse ? 'Sunlight in' : 'Eclipse in'}\n            </span>\n            {/* Astro: Tabular numbers */}\n            <span style={{ \n              fontSize: compact ? tokens.typography.fontSize.lg : tokens.typography.fontSize.xxl, \n              fontFamily: tokens.typography.fontFamily.mono,\n              fontWeight: tokens.typography.fontWeight.bold,\n              fontVariantNumeric: 'tabular-nums',\n              color: eclipse.inEclipse ? tokens.colors.status.caution : tokens.colors.text.tertiary,\n            }}>\n              {formatTime(eclipse.inEclipse ? (eclipse.timeToSunlight ?? 0) : eclipse.timeToEclipse)}\n            </span>\n            {!compact && (\n              <span style={{ \n                fontSize: tokens.typography.fontSize.xxs, // 0.625rem / 10px (AstroUXDS compact)\n                color: tokens.colors.text.tertiary,\n                marginTop: tokens.spacing.xs,\n              }}>\n                Period: {orbitalPeriodMinutes.toFixed(1)}m\n              </span>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Stats row - Astro: Sentence-case, tabular numbers */}\n      <div style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(2, 1fr)',\n        gap: tokens.spacing.sm,\n        marginTop: tokens.spacing.md,\n        fontSize: compact ? tokens.typography.fontSize.xxs : tokens.typography.fontSize.xs, // AstroUXDS compliant\n      }}>\n        <div style={{\n          backgroundColor: tokens.colors.background.base,\n          borderRadius: tokens.borderRadius.md,\n          padding: tokens.spacing.sm,\n          textAlign: 'center',\n        }}>\n          <div style={{ \n            color: tokens.colors.status.caution, \n            fontWeight: tokens.typography.fontWeight.bold,\n            fontFamily: tokens.typography.fontFamily.mono,\n            fontVariantNumeric: 'tabular-nums',\n          }}>\n            {Math.round(eclipse.sunlightDuration / 60)}m\n          </div>\n          <div style={{ color: tokens.colors.text.tertiary }}>Daylight</div>\n        </div>\n        <div style={{\n          backgroundColor: tokens.colors.background.base,\n          borderRadius: tokens.borderRadius.md,\n          padding: tokens.spacing.sm,\n          textAlign: 'center',\n        }}>\n          <div style={{ \n            color: tokens.colors.text.tertiary, \n            fontWeight: tokens.typography.fontWeight.bold,\n            fontFamily: tokens.typography.fontFamily.mono,\n            fontVariantNumeric: 'tabular-nums',\n          }}>\n            {Math.round(((eclipse.umbraDuration ?? 0) + (eclipse.penumbraDuration ?? 0)) / 60)}m\n          </div>\n          <div style={{ color: tokens.colors.text.tertiary }}>Eclipse</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default EclipseTimerCard;\n\n\n\n\n"],"names":[],"mappings":"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"}

package/dist/react/visualizations/LinkBudgetCard.d.ts

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+
+export interface LinkBudgetData {
+    /** Transmitter power in dBm */
+    txPowerDbm: number;
+    /** Transmitter antenna gain in dBi */
+    txAntennaGainDbi: number;
+    /** Receiver antenna gain in dBi */
+    rxAntennaGainDbi: number;
+    /** Free space path loss in dB (negative value) */
+    pathLossDb: number;
+    /** Atmospheric losses in dB (negative value) */
+    atmosphericLossDb?: number;
+    /** Pointing losses in dB (negative value) */
+    pointingLossDb?: number;
+    /** Received power in dBm */
+    rxPowerDbm: number;
+    /** Receiver sensitivity threshold in dBm */
+    rxSensitivityDbm: number;
+    /** Current range in km */
+    rangeKm: number;
+    /** Data rate in bps */
+    dataRateBps?: number;
+    /** Link status */
+    isLinkClosed: boolean;
+}
+export interface LinkBudgetCardProps {
+    /** Link budget data */
+    linkBudget?: LinkBudgetData;
+    /** Ground station name */
+    groundStationName?: string;
+    /** Compact mode */
+    compact?: boolean;
+    /** Loading state */
+    loading?: boolean;
+    /** Custom class name */
+    className?: string;
+}
+/**
+ * LinkBudgetCard - Visualizes RF link budget
+ *
+ * @example
+ * ```tsx
+ * <LinkBudgetCard
+ *   linkBudget={linkBudgetData}
+ *   groundStationName="Goldstone"
+ * />
+ * ```
+ */
+export declare const LinkBudgetCard: React.NamedExoticComponent<LinkBudgetCardProps>;