@zendir/ui 0.1.0

package/dist/react/cards/SpacecraftCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpacecraftCard.js","sources":["../../../src/react/cards/SpacecraftCard.tsx"],"sourcesContent":["/**\n * @zendir/ui - SpacecraftCard Component\n * \n * Enterprise-grade spacecraft information card.\n * \n * AstroUXDS Compliance:\n * - Status colors used for health/operational status only\n * - Orbit type uses Zendir-Astro data viz colors (categorical)\n * - Zendir accent colors for interactive elements\n * - Tabular numbers with fontVariantNumeric for data\n * - Sentence-case labels per Tier 3 compliance\n * \n * Features:\n * - Full null-safety with graceful fallbacks\n * - WCAG 2.1 AA accessibility\n * - Keyboard navigation\n * - Smooth animations with reduced-motion support\n * - Loading skeleton state\n * - Error boundary support\n * - Real SDK integration via optional client prop\n */\n\nimport React, { memo, useCallback, useMemo } from 'react';\nimport type { SpacecraftPosition, TelemetryData } from '../types';\nimport { useTheme } from '../theme';\nimport { Icon, type IconName } from '../core/Icon';\nimport { CardHeader } from '../core/CardHeader';\nimport { HeaderIconWithStatus } from '../core/HeaderIconWithStatus';\nimport { useCompactMode } from '../hooks';\nimport { useCardBorderStyle } from '../context/DisplaySettingsContext';\n\n// ZendirClient is optional - only used when SDK is installed\ntype ZendirClient = any;\nimport {\n  safeNumber,\n  formatCoordinate,\n  formatAltitude,\n  formatVelocity,\n  formatPercentage,\n  formatTime,\n  getStatusColor,\n  classNames,\n  safeAccentText,\n  type StatusLevel,\n} from '../utils';\n\nexport interface SpacecraftCardProps {\n  /** Spacecraft position data (for direct data mode) */\n  spacecraft?: SpacecraftPosition;\n  /** Optional telemetry data */\n  telemetry?: TelemetryData;\n  /** Show expanded orbit info */\n  showOrbit?: boolean;\n  /** Show telemetry summary */\n  showTelemetry?: boolean;\n  /** Loading state */\n  loading?: boolean;\n  /** Click handler */\n  onClick?: (spacecraft: SpacecraftPosition) => void;\n  /** Custom className */\n  className?: string;\n  /** Connected mode: SDK client */\n  client?: ZendirClient;\n  /** Connected mode: Spacecraft ID to fetch */\n  spacecraftId?: string;\n  /** Enable compact mode - shows condensed view that expands on hover/click */\n  compact?: boolean;\n  /** Start expanded when in compact mode (pinned state) */\n  defaultExpanded?: boolean;\n  /** Callback when pin state changes in compact mode */\n  onPinChange?: (isPinned: boolean) => void;\n}\n\n/**\n * Get orbit type color based on orbit classification\n * Uses Zendir-Astro palette for categorical (non-status) classification\n */\nfunction getOrbitTypeColor(orbitType: string | undefined, accentColor: string): string {\n  // Orbit type colors using pure Zendir brand palette\n  // These are categorical colors, not status colors\n  const colors: Record<string, string> = {\n    LEO: '#3E3CFF',   // Zendir Electric - Low Earth Orbit\n    MEO: '#3548C0',   // Zendir Prussian Blue Light - Medium Earth Orbit  \n    GEO: '#9D70FF',   // Zendir Purple - Geostationary\n    HEO: '#1B2DA0',   // Zendir Prussian Blue - Highly Elliptical\n    SSO: '#B48DFF',   // Zendir Purple Light - Sun-Synchronous\n    POLAR: '#6B69FF', // Zendir Electric Light - Polar\n  };\n  return colors[orbitType?.toUpperCase() ?? ''] ?? accentColor;\n}\n\n/**\n * Derive health status from spacecraft or telemetry\n * Prefers telemetry.health.status, falls back to spacecraft.status\n */\nfunction deriveHealthStatus(\n  spacecraftStatus: StatusLevel | undefined,\n  telemetryStatus: string | undefined\n): StatusLevel {\n  // Prefer telemetry if available, but also validate it's a proper StatusLevel\n  if (telemetryStatus) {\n    const validStatuses: StatusLevel[] = ['off', 'standby', 'normal', 'caution', 'serious', 'critical'];\n    const normalized = telemetryStatus.toLowerCase();\n    if (validStatuses.includes(normalized as StatusLevel)) {\n      return normalized as StatusLevel;\n    }\n    // Legacy mapping for backwards compatibility\n    switch (normalized) {\n      case 'healthy':\n      case 'nominal':\n      case 'operational':\n        return 'normal';\n      case 'warning':\n      case 'degraded':\n        return 'caution';\n      case 'failed':\n      case 'error':\n        return 'critical';\n      case 'idle':\n        return 'standby';\n    }\n  }\n  // Use spacecraft.status directly (already typed as StatusLevel)\n  return spacecraftStatus ?? 'off';\n}\n\n/**\n * SpacecraftCard - Displays spacecraft position and status information\n * \n * @example\n * ```tsx\n * // Direct data mode\n * <SpacecraftCard \n *   spacecraft={spacecraftData}\n *   telemetry={telemetryData}\n *   showOrbit\n *   showTelemetry\n *   onClick={() => {}}\n * />\n * \n * // Connected mode (auto-fetches via SDK)\n * <SpacecraftCard\n *   client={zendirClient}\n *   spacecraftId=\"iss-25544\"\n *   showTelemetry\n * />\n * ```\n */\nexport const SpacecraftCard = memo(function SpacecraftCard({\n  spacecraft,\n  telemetry,\n  showOrbit = false,\n  showTelemetry = false,\n  loading = false,\n  onClick,\n  className = '',\n  compact = false,\n  defaultExpanded = false,\n  onPinChange,\n}: SpacecraftCardProps): React.ReactElement {\n  const { tokens, theme, prefersReducedMotion } = useTheme();\n  const isTransparentTheme = theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  const isBoldVariant = theme === 'transparent-bold';\n  const isMinimalVariant = theme === 'transparent-minimal';\n  const useGlassMode = isBoldVariant || isMinimalVariant;\n  \n  // Glass accent colors for bold/minimal themes (matching Container/AstroChart)\n  const glassAccentColor = tokens.colors.accent.primary;\n  const glassAccentMuted = `${glassAccentColor}66`;\n  \n  // WCAG AA safe accent for use as foreground text on dark backgrounds\n  const accentTextColor = useMemo(() => safeAccentText(tokens.colors.accent.primary), [tokens.colors.accent.primary]);\n  \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  // Get card border style based on accentBorders setting\n  const cardBorderStyle = useCardBorderStyle(tokens, isTransparentTheme);\n  \n  // Glass mode container style (matching Container/AstroChart for bold/minimal)\n  const glassContainerStyle: React.CSSProperties = useGlassMode ? {\n    backgroundColor: 'rgba(10, 15, 25, 0.35)',\n    backdropFilter: 'blur(12px)',\n    WebkitBackdropFilter: 'blur(12px)',\n    border: `1px solid ${glassAccentMuted}`,\n    borderTop: isBoldVariant ? `2px solid ${glassAccentColor}` : `1px solid ${glassAccentColor}`,\n  } : {};\n\n  // Compact mode state management\n  const { expanded, isPinned, isHovered: _isHovered, handlers: compactHandlers, transitionDuration: _compactTransition } = useCompactMode({\n    compact,\n    defaultExpanded,\n    onPinChange,\n  });\n  \n  // Smooth animation timing\n  const animationDuration = prefersReducedMotion ? 0 : 250;\n  const animationEasing = 'cubic-bezier(0.4, 0, 0.2, 1)';\n\n  // Memoized click handler\n  const _handleClick = useCallback(() => {\n    if (onClick && spacecraft) {\n      onClick(spacecraft);\n    }\n  }, [onClick, spacecraft]);\n\n  // Keyboard handler for accessibility\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (onClick && spacecraft && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        onClick(spacecraft);\n      }\n    },\n    [onClick, spacecraft]\n  );\n\n  // Memoized computed values\n  const orbitColor = useMemo(\n    () => getOrbitTypeColor(spacecraft?.orbitType, tokens.colors.accent.primary),\n    [spacecraft?.orbitType, tokens.colors.accent.primary]\n  );\n\n  const healthStatus = useMemo(\n    () => deriveHealthStatus(spacecraft?.status, telemetry?.health?.status),\n    [spacecraft?.status, telemetry?.health?.status]\n  );\n\n  const statusColor = useMemo(() => getStatusColor(healthStatus), [healthStatus]);\n\n  // Animation duration (respects reduced motion)\n  const transitionDuration = prefersReducedMotion ? '0ms' : '200ms';\n\n  // Combined click handler for compact mode and onClick (must be before early returns)\n  const combinedClickHandler = useCallback(() => {\n    if (compact) {\n      compactHandlers.onClick();\n    }\n    if (onClick && spacecraft) {\n      onClick(spacecraft);\n    }\n  }, [compact, compactHandlers, onClick, spacecraft]);\n\n  // Loading state\n  if (loading) {\n    return (\n      <div\n        className={classNames('zendir-spacecraft-card', 'loading', className)}\n        role=\"article\"\n        aria-busy=\"true\"\n        aria-label=\"Loading spacecraft data\"\n        style={{\n          backgroundColor: cardBg,\n          ...cardGlass,\n          ...cardBorderStyle,\n          borderRadius: tokens.borderRadius.lg,\n          padding: tokens.spacing.md,\n          minHeight: 180,\n        }}\n      >\n        {/* Loading skeleton */}\n        <div style={{ display: 'flex', alignItems: 'center', gap: 12, marginBottom: 16 }}>\n          <div\n            style={{\n              width: 32,\n              height: 32,\n              borderRadius: '50%',\n              backgroundColor: 'rgba(255,255,255,0.1)',\n              animation: 'pulse 1.5s ease-in-out infinite',\n            }}\n          />\n          <div style={{ flex: 1 }}>\n            <div\n              style={{\n                height: 16,\n                width: '60%',\n                backgroundColor: 'rgba(255,255,255,0.1)',\n                borderRadius: 4,\n                animation: 'pulse 1.5s ease-in-out infinite',\n              }}\n            />\n          </div>\n        </div>\n        <div\n          style={{\n            display: 'grid',\n            gridTemplateColumns: 'repeat(2, 1fr)',\n            gap: 12,\n          }}\n        >\n          {[1, 2, 3, 4].map((i) => (\n            <div key={i}>\n              <div\n                style={{\n                  height: 10,\n                  width: '40%',\n                  backgroundColor: 'rgba(255,255,255,0.08)',\n                  borderRadius: 2,\n                  marginBottom: 4,\n                }}\n              />\n              <div\n                style={{\n                  height: 14,\n                  width: '70%',\n                  backgroundColor: 'rgba(255,255,255,0.1)',\n                  borderRadius: 2,\n                }}\n              />\n            </div>\n          ))}\n        </div>\n        <style>{`\n          @keyframes pulse {\n            0%, 100% { opacity: 1; }\n            50% { opacity: 0.5; }\n          }\n        `}</style>\n      </div>\n    );\n  }\n\n  // Empty state\n  if (!spacecraft) {\n    return (\n      <div\n        className={classNames('zendir-spacecraft-card', 'empty', className)}\n        role=\"article\"\n        aria-label=\"No spacecraft data\"\n        style={{\n          backgroundColor: cardBg,\n          ...cardGlass,\n          ...(tokens.colors.border.cardStyleDashed ?? {}),\n          borderRadius: tokens.borderRadius.lg,\n          padding: tokens.spacing.lg,\n          textAlign: 'center',\n          color: tokens.colors.text.tertiary,\n        }}\n      >\n        <svg\n          width=\"32\"\n          height=\"32\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.5\"\n          style={{ marginBottom: 8, opacity: 0.5 }}\n        >\n          <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" />\n        </svg>\n        <p style={{ margin: 0, fontSize: tokens.typography.body[2].fontSize }}>No spacecraft data available</p>\n      </div>\n    );\n  }\n\n  // Compact view - shows key info in a single row\n  // Compact metric item component for consistent styling\n  const CompactMetric = ({ \n    icon, \n    label, \n    value, \n    color,\n  }: { \n    icon: IconName; \n    label: string; \n    value: string | number; \n    color?: string;\n  }) => (\n    <div style={{ \n      display: 'flex', \n      alignItems: 'center', \n      gap: 3,\n      padding: `2px 0`,\n    }}>\n      <Icon name={icon} size={12} color={color ?? tokens.colors.text.secondary} />\n      <span style={{ \n        fontSize: tokens.typography.fontSize.micro, // 0.5625rem / 9px (AstroUXDS micro)\n        fontWeight: tokens.typography.fontWeight.medium,\n        fontFamily: tokens.typography.fontFamily.primary, // Roboto - Astro UX compliant\n        color: tokens.colors.text.tertiary,\n        textTransform: 'uppercase',\n        minWidth: 8,\n      }}>\n        {label.charAt(0)}\n      </span>\n      <span style={{ \n        fontVariantNumeric: 'tabular-nums', \n        fontFamily: tokens.typography.fontFamily.mono,\n        fontSize: tokens.typography.fontSize.xs,\n        color: color ?? tokens.colors.text.primary,\n        fontWeight: tokens.typography.fontWeight.medium,\n      }}>\n        {value}\n      </span>\n    </div>\n  );\n\n  // Compact view content - reusable for rendering\n  const renderCompactContent = () => {\n    const power = telemetry?.subsystems?.power ?? telemetry?.power;\n    const batteryLevel = power?.batteryLevel;\n    const batteryStatusLocal = batteryLevel !== undefined\n      ? batteryLevel > 50 ? 'normal' : batteryLevel > 20 ? 'caution' : 'critical'\n      : 'off';\n\n    // Status color for header icon\n    const statusColor = getStatusColor(healthStatus);\n\n    return (\n      <>\n        {/* Header: Icon (status colored) → Status symbol → Name → Badges */}\n        <div style={{ \n          display: 'flex', \n          alignItems: 'center', \n          justifyContent: 'space-between', \n          marginBottom: tokens.spacing.xs,\n          paddingBottom: tokens.spacing.xs,\n          borderBottom: useGlassMode ? 'none' : `1px solid ${tokens.colors.border.muted}`,\n          position: 'relative',\n          zIndex: 1,\n        }}>\n          {/* Left side: Icon + Name + Accent line */}\n          <div style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.xs, flex: 1, minWidth: 0 }}>\n            {/* Icon with status badge - MonitoringIcon pattern */}\n            <HeaderIconWithStatus \n              icon=\"satellite-transmit\" \n              size={18} \n              status={healthStatus} \n              statusColor={statusColor}\n            />\n            {/* Name - accent color for glass mode */}\n            <span style={{ \n              fontWeight: tokens.typography.fontWeight.semibold, \n              fontSize: tokens.typography.fontSize.sm,\n              fontFamily: tokens.typography.fontFamily.primary,\n              color: useGlassMode ? glassAccentColor : undefined,\n              textShadow: useGlassMode ? `0 0 16px ${glassAccentMuted}` : undefined,\n              whiteSpace: 'nowrap', \n              overflow: 'hidden', \n              textOverflow: 'ellipsis',\n            }}>\n              {(spacecraft.name ?? spacecraft.id ?? 'Unknown').split(' ')[0]}\n            </span>\n            {/* Accent line for glass mode */}\n            {useGlassMode && (\n              <div style={{\n                flex: 1,\n                height: isBoldVariant ? '2px' : '1px',\n                minWidth: 20,\n                background: `linear-gradient(90deg, ${glassAccentColor} 0%, ${glassAccentMuted} 60%, transparent 100%)`,\n                boxShadow: isBoldVariant ? `0 0 8px ${glassAccentMuted}` : undefined,\n              }} />\n            )}\n          </div>\n          \n          {/* Right side: Orbit type badge + Pin */}\n          <div style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.xs, flexShrink: 0 }}>\n            {/* Orbit type badge */}\n            <span\n              style={{\n                backgroundColor: `${orbitColor}20`,\n                color: orbitColor,\n                padding: `1px 6px`,\n                borderRadius: tokens.borderRadius.sm,\n                fontSize: tokens.typography.fontSize.xxs, // 0.625rem / 10px (AstroUXDS compact)\n                fontWeight: tokens.typography.fontWeight.medium,\n                fontFamily: tokens.typography.fontFamily.primary,\n              }}\n            >\n              {spacecraft.orbitType ?? '—'}\n            </span>\n            {/* Pin badge */}\n            {isPinned && (\n              <Icon name=\"lock\" size={10} color={tokens.colors.accent.primary} />\n            )}\n          </div>\n        </div>\n\n        {/* Metrics grid - 3 columns */}\n        <div style={{ \n          display: 'grid', \n          gridTemplateColumns: 'repeat(3, 1fr)',\n          gap: `${tokens.spacing.xs} ${tokens.spacing.sm}`,\n        }}>\n          {/* Position metrics */}\n          <CompactMetric \n            icon=\"location\" \n            label=\"Latitude\" \n            value={formatCoordinate(spacecraft.latitude, 'lat')}\n          />\n          <CompactMetric \n            icon=\"location\" \n            label=\"Longitude\" \n            value={formatCoordinate(spacecraft.longitude, 'lon')}\n          />\n          <CompactMetric \n            icon=\"orbit\" \n            label=\"Altitude\" \n            value={formatAltitude(spacecraft.altitude)}\n            color={orbitColor}\n          />\n\n          {/* Velocity */}\n          {spacecraft.velocity !== undefined && (\n            <CompactMetric \n              icon=\"rocket\" \n              label=\"Velocity\" \n              value={formatVelocity(spacecraft.velocity)}\n            />\n          )}\n\n          {/* Telemetry data if available */}\n          {batteryLevel !== undefined && (\n            <CompactMetric \n              icon=\"battery\" \n              label=\"Battery\" \n              value={formatPercentage(batteryLevel)}\n              color={getStatusColor(batteryStatusLocal as StatusLevel)}\n            />\n          )}\n\n          {/* Inclination if available */}\n          {spacecraft.inclination !== undefined && (\n            <CompactMetric \n              icon=\"orbit\" \n              label=\"Inclination\" \n              value={`${safeNumber(spacecraft.inclination, 1)}°`}\n            />\n          )}\n        </div>\n      </>\n    );\n  };\n\n  // Compact mode with in-place expansion - cards push each other\n  if (compact) {\n    return (\n      <article\n        className={classNames('zendir-spacecraft-card', 'compact', expanded ? 'expanded' : '', className)}\n        {...compactHandlers}\n        aria-label={`Spacecraft: ${spacecraft.name ?? spacecraft.id}${expanded ? '' : ' (compact)'}`}\n        style={{\n          position: 'relative',\n          overflow: 'hidden',\n          // Use glass container style for bold/minimal themes\n          ...(useGlassMode ? glassContainerStyle : {\n            backgroundColor: cardBg,\n            ...cardGlass,\n            ...cardBorderStyle,\n          }),\n          borderRadius: tokens.borderRadius.lg,\n          padding: expanded ? tokens.spacing.md : tokens.spacing.sm,\n          fontFamily: tokens.typography.fontFamily.primary,\n          color: tokens.colors.text.primary,\n          fontSize: expanded ? tokens.typography.fontSize.base : tokens.typography.fontSize.sm,\n          cursor: 'pointer',\n          transition: `all ${animationDuration}ms ${animationEasing}`,\n          boxShadow: expanded \n            ? `0 12px 40px rgba(0,0,0,0.4), 0 0 0 1px ${orbitColor}30` \n            : 'none',\n          zIndex: expanded ? 50 : 1,\n        }}\n      >\n        {/* Glass gradient overlay for bold/minimal themes */}\n        {useGlassMode && (\n          <div\n            style={{\n              position: 'absolute',\n              inset: 0,\n              background: 'linear-gradient(135deg, rgba(255,255,255,0.03) 0%, transparent 50%, rgba(0,0,0,0.1) 100%)',\n              pointerEvents: 'none',\n              zIndex: 0,\n            }}\n          />\n        )}\n        {expanded ? (\n          // Full expanded content\n          <>\n            {/* Full expanded header - matches MonitoringIcon layout pattern */}\n            <div style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.sm, marginBottom: tokens.spacing.md }}>\n              {/* Icon with status badge - MonitoringIcon pattern */}\n              <HeaderIconWithStatus \n                icon=\"satellite-transmit\" \n                size={24} \n                status={healthStatus}\n              />\n              <div style={{ flex: 1, minWidth: 0 }}>\n                <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n                  <h3\n                    style={{\n                      margin: 0,\n                      fontSize: tokens.typography.fontSize.md,\n                      fontWeight: tokens.typography.fontWeight.semibold,\n                      lineHeight: 1.2,\n                    }}\n                  >\n                    {spacecraft.name ?? spacecraft.id}\n                  </h3>\n                  {isPinned && (\n                    <Icon name=\"lock\" size={12} color={tokens.colors.accent.primary} />\n                  )}\n                </div>\n                {spacecraft.id && spacecraft.name && (\n                  <span\n                    style={{\n                      fontSize: tokens.typography.fontSize.xs,\n                      color: tokens.colors.text.tertiary,\n                    }}\n                  >\n                    {spacecraft.id}\n                  </span>\n                )}\n              </div>\n              <span\n                style={{\n                  backgroundColor: `${orbitColor}20`,\n                  color: orbitColor,\n                  padding: `4px 8px`,\n                  borderRadius: tokens.borderRadius.sm,\n                  fontSize: tokens.typography.fontSize.xs,\n                  fontWeight: tokens.typography.fontWeight.medium,\n                  flexShrink: 0,\n                }}\n              >\n                {spacecraft.orbitType ?? 'Unknown'}\n              </span>\n            </div>\n\n            {/* Position Grid */}\n            <div\n              style={{\n                display: 'grid',\n                gridTemplateColumns: 'repeat(2, 1fr)',\n                gap: tokens.spacing.sm,\n                marginBottom: tokens.spacing.md,\n              }}\n            >\n              <div>\n                <span\n                  style={{\n                    display: 'block',\n                    fontSize: tokens.typography.fontSize.xs,\n                    color: tokens.colors.text.tertiary,\n                    marginBottom: 2,\n                  }}\n                >\n                  Latitude\n                </span>\n                <span\n                  style={{\n                    fontSize: tokens.typography.fontSize.md,\n                    fontWeight: tokens.typography.fontWeight.medium,\n                    fontVariantNumeric: 'tabular-nums',\n                    fontFamily: tokens.typography.fontFamily.mono,\n                  }}\n                >\n                  {formatCoordinate(spacecraft.latitude, 'lat')}\n                </span>\n              </div>\n              <div>\n                <span\n                  style={{\n                    display: 'block',\n                    fontSize: tokens.typography.fontSize.xs,\n                    color: tokens.colors.text.tertiary,\n                    marginBottom: 2,\n                  }}\n                >\n                  Longitude\n                </span>\n                <span\n                  style={{\n                    fontSize: tokens.typography.fontSize.md,\n                    fontWeight: tokens.typography.fontWeight.medium,\n                    fontVariantNumeric: 'tabular-nums',\n                    fontFamily: tokens.typography.fontFamily.mono,\n                  }}\n                >\n                  {formatCoordinate(spacecraft.longitude, 'lon')}\n                </span>\n              </div>\n              <div>\n                <span\n                  style={{\n                    display: 'block',\n                    fontSize: tokens.typography.fontSize.xs,\n                    color: tokens.colors.text.tertiary,\n                    marginBottom: 2,\n                  }}\n                >\n                  Altitude\n                </span>\n                <span\n                  style={{\n                    fontSize: tokens.typography.fontSize.md,\n                    fontWeight: tokens.typography.fontWeight.medium,\n                    fontVariantNumeric: 'tabular-nums',\n                    fontFamily: tokens.typography.fontFamily.mono,\n                    color: orbitColor,\n                  }}\n                >\n                  {formatAltitude(spacecraft.altitude)}\n                </span>\n              </div>\n              <div>\n                <span\n                  style={{\n                    display: 'block',\n                    fontSize: tokens.typography.fontSize.xs,\n                    color: tokens.colors.text.tertiary,\n                    marginBottom: 2,\n                  }}\n                >\n                  Velocity\n                </span>\n                <span\n                  style={{\n                    fontSize: tokens.typography.fontSize.md,\n                    fontWeight: tokens.typography.fontWeight.medium,\n                    fontVariantNumeric: 'tabular-nums',\n                    fontFamily: tokens.typography.fontFamily.mono,\n                  }}\n                >\n                  {formatVelocity(spacecraft.velocity)}\n                </span>\n              </div>\n            </div>\n\n            {/* Timestamp */}\n            {spacecraft.timestamp && (\n              <time\n                dateTime={spacecraft.timestamp}\n                style={{\n                  display: 'block',\n                  fontSize: tokens.typography.fontSize.xs,\n                  color: tokens.colors.text.tertiary,\n                  fontVariantNumeric: 'tabular-nums',\n                }}\n              >\n                {formatTime(spacecraft.timestamp)}\n              </time>\n            )}\n          </>\n        ) : (\n          // Compact content\n          renderCompactContent()\n        )}\n      </article>\n    );\n  }\n\n  return (\n    <article\n      className={classNames('zendir-spacecraft-card', compact ? 'expanded' : '', className)}\n      onClick={(compact || onClick) ? combinedClickHandler : undefined}\n      onKeyDown={onClick ? handleKeyDown : compactHandlers.onKeyDown}\n      tabIndex={onClick || compact ? 0 : undefined}\n      role={compact ? compactHandlers.role : 'article'}\n      aria-expanded={compact ? compactHandlers['aria-expanded'] : undefined}\n      aria-label={`Spacecraft: ${spacecraft.name ?? spacecraft.id}`}\n      style={{\n        position: 'relative',\n        overflow: 'hidden',\n        ...(useGlassMode ? glassContainerStyle : {\n          backgroundColor: cardBg,\n          ...cardGlass,\n          ...cardBorderStyle,\n        }),\n        borderRadius: tokens.borderRadius.lg,\n        padding: tokens.spacing.md,\n        fontFamily: tokens.typography.fontFamily.primary,\n        color: tokens.colors.text.primary,\n        cursor: (onClick || compact) ? 'pointer' : 'default',\n        transition: `all ${transitionDuration} ease-out`,\n        outline: 'none',\n      }}\n      onMouseEnter={(e) => {\n        if (compact) compactHandlers.onMouseEnter();\n        if (onClick) {\n          e.currentTarget.style.borderColor = tokens.colors.border.focus;\n          e.currentTarget.style.boxShadow = tokens.shadows.md;\n          e.currentTarget.style.transform = prefersReducedMotion ? 'none' : 'translateY(-2px)';\n        }\n      }}\n      onMouseLeave={(e) => {\n        if (compact) compactHandlers.onMouseLeave();\n        if (onClick) {\n          e.currentTarget.style.borderColor = tokens.colors.border.muted;\n          e.currentTarget.style.boxShadow = 'none';\n          e.currentTarget.style.transform = 'none';\n        }\n      }}\n      onFocus={(e) => {\n        e.currentTarget.style.outline = `2px solid ${tokens.colors.border.focus}`;\n        e.currentTarget.style.outlineOffset = '2px';\n      }}\n      onBlur={(e) => {\n        e.currentTarget.style.outline = 'none';\n      }}\n    >\n      {/* Glass gradient overlay for bold/minimal themes */}\n      {useGlassMode && (\n        <div\n          style={{\n            position: 'absolute',\n            inset: 0,\n            background: 'linear-gradient(135deg, rgba(255,255,255,0.03) 0%, transparent 50%, rgba(0,0,0,0.1) 100%)',\n            pointerEvents: 'none',\n            zIndex: 0,\n          }}\n        />\n      )}\n      \n      {/* Unified Card Header - handles all theme variants */}\n      <CardHeader\n        icon=\"satellite-transmit\"\n        title={spacecraft.name ?? spacecraft.id ?? 'Unknown'}\n        subtitle={spacecraft.id && spacecraft.name ? spacecraft.id : undefined}\n        status={healthStatus}\n        badge={spacecraft.orbitType ?? 'Unknown'}\n        badgeColor={orbitColor}\n        isPinned={compact && isPinned}\n      />\n\n      {/* Position Data Grid */}\n      <div\n        style={{\n          display: 'grid',\n          gridTemplateColumns: 'repeat(2, 1fr)',\n          gap: tokens.spacing.sm,\n        }}\n      >\n        <DataCell label=\"Latitude\" value={formatCoordinate(spacecraft.latitude, 'lat')} tokens={tokens} highlightColor={accentTextColor} />\n        <DataCell label=\"Longitude\" value={formatCoordinate(spacecraft.longitude, 'lon')} tokens={tokens} highlightColor={accentTextColor} />\n        <DataCell label=\"Altitude\" value={formatAltitude(spacecraft.altitude)} highlight tokens={tokens} highlightColor={accentTextColor} />\n        <DataCell label=\"Velocity\" value={formatVelocity(spacecraft.velocity)} tokens={tokens} highlightColor={accentTextColor} />\n      </div>\n\n      {/* Orbit Info (Optional) */}\n      {showOrbit && spacecraft.inclination !== undefined && (\n        <div\n          style={{\n            marginTop: tokens.spacing.md,\n            paddingTop: tokens.spacing.md,\n            borderTop: `1px solid ${tokens.colors.border.muted}`,\n          }}\n        >\n          <DataCell\n            label=\"Inclination\"\n            value={`${safeNumber(spacecraft.inclination, 1)}°`}\n            inline\n            tokens={tokens}\n          />\n        </div>\n      )}\n\n      {/* Telemetry Summary (Optional) */}\n      {showTelemetry && telemetry && (\n        <div\n          style={{\n            marginTop: tokens.spacing.md,\n            paddingTop: tokens.spacing.md,\n            borderTop: `1px solid ${tokens.colors.border.muted}`,\n          }}\n        >\n          {/* Health Status */}\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: tokens.spacing.sm,\n              marginBottom: tokens.spacing.sm,\n            }}\n          >\n            <span\n              aria-hidden=\"true\"\n              style={{\n                width: 10,\n                height: 10,\n                borderRadius: '50%',\n                backgroundColor: statusColor,\n                boxShadow: `0 0 8px ${statusColor}60`,\n              }}\n            />\n            <span\n              style={{\n                fontSize: tokens.typography.fontSize.xs,\n                fontWeight: tokens.typography.fontWeight.medium,\n                color: statusColor,\n                textTransform: 'capitalize',\n              }}\n            >\n              {telemetry.health?.status ?? 'Unknown'}\n            </span>\n          </div>\n\n          {/* Battery Progress */}\n          {telemetry.power?.batteryLevel !== undefined && (\n            <div>\n              <div\n                style={{\n                  display: 'flex',\n                  justifyContent: 'space-between',\n                  marginBottom: 4,\n                  fontSize: tokens.typography.fontSize.xs,\n                }}\n              >\n                <span style={{ color: tokens.colors.text.tertiary }}>Battery</span>\n                <span\n                  style={{\n                    fontFamily: tokens.typography.fontFamily.mono,\n                    fontVariantNumeric: 'tabular-nums',\n                  }}\n                >\n                  {formatPercentage(telemetry.power.batteryLevel, false, 0)}\n                </span>\n              </div>\n              <div\n                style={{\n                  height: 4,\n                  backgroundColor: tokens.colors.border.muted,\n                  borderRadius: 2,\n                  overflow: 'hidden',\n                }}\n              >\n                <div\n                  role=\"progressbar\"\n                  aria-valuenow={telemetry.power.batteryLevel}\n                  aria-valuemin={0}\n                  aria-valuemax={100}\n                  aria-label=\"Battery level\"\n                  style={{\n                    height: '100%',\n                    width: `${Math.min(100, Math.max(0, telemetry.power.batteryLevel))}%`,\n                    backgroundColor:\n                      telemetry.power.batteryLevel > 30\n                        ? tokens.colors.status.normal\n                        : tokens.colors.status.critical,\n                    borderRadius: 2,\n                    transition: `width ${transitionDuration} ease-out`,\n                  }}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Timestamp Footer */}\n      {spacecraft.timestamp && (\n        <footer\n          style={{\n            marginTop: tokens.spacing.md,\n            paddingTop: tokens.spacing.sm,\n            borderTop: `1px solid ${tokens.colors.border.muted}`,\n            fontSize: tokens.typography.fontSize.xs,\n            color: tokens.colors.text.tertiary,\n            textAlign: 'right',\n          }}\n        >\n          <time dateTime={spacecraft.timestamp}>{formatTime(spacecraft.timestamp)} UTC</time>\n        </footer>\n      )}\n    </article>\n  );\n});\n\n// ============================================================================\n// Helper Components\n// ============================================================================\n\ninterface DataCellProps {\n  label: string;\n  value: string;\n  highlight?: boolean;\n  inline?: boolean;\n  tokens: ReturnType<typeof useTheme>['tokens'];\n  /** WCAG AA safe highlight color (computed via safeAccentText) */\n  highlightColor?: string;\n}\n\nconst DataCell = memo(function DataCell({\n  label,\n  value,\n  highlight = false,\n  inline = false,\n  tokens,\n  highlightColor,\n}: DataCellProps): React.ReactElement {\n  if (inline) {\n    return (\n      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n        <span\n          style={{\n            fontSize: tokens.typography.fontSize.xs,\n            color: tokens.colors.text.secondary, // WCAG AA compliant\n            fontWeight: tokens.typography.fontWeight.medium,\n          }}\n        >\n          {label}\n        </span>\n        <span\n          style={{\n            fontSize: tokens.typography.fontSize.sm,\n            fontFamily: tokens.typography.fontFamily.mono,\n            fontVariantNumeric: 'tabular-nums',\n            color: tokens.colors.text.primary,\n          }}\n        >\n          {value}\n        </span>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <span\n        style={{\n          display: 'block',\n          fontSize: tokens.typography.fontSize.xs,\n          color: tokens.colors.text.secondary, // WCAG AA compliant\n          fontWeight: tokens.typography.fontWeight.medium,\n          marginBottom: 2,\n        }}\n      >\n        {label}\n      </span>\n      <span\n        style={{\n          display: 'block',\n          fontSize: tokens.typography.fontSize.sm,\n          fontFamily: tokens.typography.fontFamily.mono,\n          fontVariantNumeric: 'tabular-nums',\n          color: highlight ? (highlightColor ?? safeAccentText(tokens.colors.accent.primary)) : tokens.colors.text.primary,\n          fontWeight: tokens.typography.fontWeight.medium,\n        }}\n      >\n        {value}\n      </span>\n    </div>\n  );\n});\n"],"names":["SpacecraftCard","_a","statusColor","DataCell"],"mappings":"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"}

package/dist/react/cards/TelemetryCard.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+import { TelemetryData } from '../types';
+
+export interface TelemetryCardProps {
+    /** Telemetry data */
+    telemetry?: TelemetryData;
+    /** Spacecraft name */
+    spacecraftName?: string;
+    /** Show power subsystem */
+    showPower?: boolean;
+    /** Show attitude subsystem */
+    showAttitude?: boolean;
+    /** Show communications */
+    showComms?: boolean;
+    /** Loading state */
+    loading?: boolean;
+    /** Custom className */
+    className?: string;
+    /** Enable compact mode - shows condensed view that expands on hover/click */
+    compact?: boolean;
+    /** Start expanded when in compact mode (pinned state) */
+    defaultExpanded?: boolean;
+    /** Callback when pin state changes in compact mode */
+    onPinChange?: (isPinned: boolean) => void;
+}
+/**
+ * TelemetryCard - Displays spacecraft telemetry data
+ *
+ * @example
+ * ```tsx
+ * <TelemetryCard
+ *   telemetry={telemetryData}
+ *   spacecraftName="ISS"
+ *   showPower
+ *   showAttitude
+ *   showComms
+ * />
+ * ```
+ */
+export declare const TelemetryCard: React.NamedExoticComponent<TelemetryCardProps>;