@zendir/ui 0.2.3 → 0.2.5

package/dist/react/core/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../src/react/core/Container.tsx"],"sourcesContent":["/**\n * @zendir/ui - Container/Card Component\n * \n * Container/Card wrapper following Astro UX Design System.\n * Automatically switches to glassmorphic styling when transparent themes are active.\n * \n * Transparent themes (transparent, transparent-bold):\n * - Glassmorphic panels with blur effect\n * - Colored top border accent\n * - Hover glow effect (like GlassCard)\n * - transparent-bold has 2px top border\n * \n * @example\n * ```tsx\n * <Container>Simple container</Container>\n * <Container title=\"Spacecraft Status\" status=\"normal\">Content</Container>\n * <Container title=\"Power System\" icon=\"solar\" iconStatus=\"normal\">With status</Container>\n * <Container title=\"Custom Color\" icon=\"thermal\" iconColor=\"#FF6B6B\">Custom color</Container>\n * ```\n */\n\nimport React, { memo, useCallback } from 'react';\nimport { useTheme } from '../theme';\nimport { classNames, addAlpha, type StatusLevel } from '../utils';\nimport { AstroIcon, type AstroIconName } from './AstroIcon';\nimport { HeaderIconWithStatus } from './HeaderIconWithStatus';\nimport { CardHeader } from './CardHeader';\nimport { useBreakpoint } from './layout/useBreakpoint';\n\nexport type ContainerVariant = 'default' | 'elevated' | 'outlined' | 'ghost' | 'glass' | 'glass-dark' | 'glass-light';\nexport type ContainerPadding = 'none' | 'sm' | 'md' | 'lg';\n\n/** Status colors matching Astro UXD status system */\nconst 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/** Status descriptions for tooltips (default synonyms from AstroUXDS) */\nconst STATUS_DESCRIPTIONS: Record<StatusLevel, string> = {\n  off: 'Off, unavailable, disabled',\n  standby: 'Standby, available, enabled',\n  normal: 'Normal, ok, satisfactory',\n  caution: 'Caution, warning, unstable',\n  serious: 'Serious, error, needs attention',\n  critical: 'Critical, emergency, urgent',\n};\n\n/** Status symbol shapes following AstroUXDS guidelines */\ntype _StatusShape = 'circle' | 'square' | 'diamond' | 'triangle' | 'circle-hollow';\n\nexport interface ContainerProps {\n  /** Visual variant */\n  variant?: ContainerVariant;\n  /** Padding size */\n  padding?: ContainerPadding;\n  /** Container title */\n  title?: React.ReactNode;\n  /** Subtitle or description */\n  subtitle?: React.ReactNode;\n  /** Status indicator (affects left border in non-glass mode) */\n  status?: StatusLevel;\n  /** Header actions (buttons, etc.) */\n  actions?: React.ReactNode;\n  /** Full height */\n  fullHeight?: boolean;\n  /**\n   * Clip overflowing content area when fullHeight is enabled.\n   * Keep false for form cards so wrapped rows can expand naturally.\n   */\n  clipContent?: boolean;\n  /** Loading state */\n  loading?: boolean;\n  /** Children */\n  children: React.ReactNode;\n  /** Custom className */\n  className?: string;\n  /** Custom style */\n  style?: React.CSSProperties;\n  /** Click handler */\n  onClick?: () => void;\n  /** Disable auto-glass effect in transparent theme */\n  disableAutoGlass?: boolean;\n  /** Icon to display in header (Astro icon name) */\n  icon?: AstroIconName;\n  /** Icon status - shows status symbol and colors icon accordingly */\n  iconStatus?: StatusLevel;\n  /** Custom status message shown in tooltip (overrides default description) */\n  statusMessage?: string;\n  /** Custom icon color (overrides iconStatus and theme color) */\n  iconColor?: string;\n  /** Custom accent color for glass mode (title, line, etc.) */\n  accentColor?: string;\n}\n\n/**\n * Icon wrapper with status tooltip - triggers tooltip on hover over entire icon area\n */\nfunction IconWithStatusTooltip({\n  icon,\n  iconColor,\n  iconStatus,\n  statusMessage,\n  iconSize = 20,\n}: {\n  icon: string;\n  iconColor: string;\n  iconStatus?: StatusLevel;\n  statusMessage?: string;\n  iconSize?: number;\n}): React.ReactElement {\n  const [isHovered, setIsHovered] = React.useState(false);\n  const color = iconStatus ? STATUS_COLORS[iconStatus] : iconColor;\n  const defaultMessage = iconStatus ? STATUS_DESCRIPTIONS[iconStatus] : '';\n  const tooltipText = statusMessage || defaultMessage;\n  const statusLabel = iconStatus ? iconStatus.charAt(0).toUpperCase() + iconStatus.slice(1) : '';\n  \n  return (\n    <div\n      style={{\n        position: 'relative',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flexShrink: 0,\n        cursor: iconStatus ? 'help' : 'default',\n      }}\n      onMouseEnter={() => iconStatus && setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      {/* Use HeaderIconWithStatus for consistent sizing with SpacecraftCard */}\n      {iconStatus ? (\n        <HeaderIconWithStatus\n          icon={icon as AstroIconName}\n          status={iconStatus}\n          size={iconSize}\n          statusColor={iconColor}\n        />\n      ) : (\n        <AstroIcon \n          name={icon} \n          size={iconSize}\n          color={iconColor}\n        />\n      )}\n      {/* Tooltip popup - triggers on whole icon area hover */}\n      {iconStatus && isHovered && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: 'calc(100% + 12px)',\n            left: '50%',\n            transform: 'translateX(-50%)',\n            padding: '8px 12px',\n            backgroundColor: 'rgba(10, 15, 25, 0.95)',\n            border: `1px solid ${color}`,\n            borderRadius: '4px',\n            boxShadow: `0 0 12px ${color}40, 0 4px 12px rgba(0,0,0,0.4)`,\n            zIndex: 1000,\n            whiteSpace: 'nowrap',\n            pointerEvents: 'none',\n            minWidth: '150px',\n          }}\n        >\n          {/* Status label */}\n          <div style={{ \n            fontSize: '0.6875rem', // 11px in rem \n            fontWeight: 500, // AstroUXDS medium for labels\n            color: color,\n            marginBottom: '4px',\n            textTransform: 'uppercase',\n            letterSpacing: '0.5px',\n          }}>\n            {statusLabel}\n          </div>\n          {/* Status message */}\n          <div style={{ \n            fontSize: '0.75rem', // 12px in rem\n            color: 'rgba(255,255,255,0.9)',\n            lineHeight: 1.4,\n          }}>\n            {tooltipText}\n          </div>\n          {/* Arrow */}\n          <div style={{\n            position: 'absolute',\n            bottom: '-6px',\n            left: '50%',\n            transform: 'translateX(-50%) rotate(45deg)',\n            width: '10px',\n            height: '10px',\n            backgroundColor: 'rgba(10, 15, 25, 0.95)',\n            borderRight: `1px solid ${color}`,\n            borderBottom: `1px solid ${color}`,\n          }} />\n        </div>\n      )}\n    </div>\n  );\n}\n\n/** \n * Renders AstroUXDS-compliant status symbol with proper shape\n * Shapes: Critical=triangle, Serious=diamond, Caution=square, Normal=circle, Standby=ring, Off=small-circle\n */\nfunction StatusSymbol({ \n  status, \n  size = 8, \n  message,\n  showTooltip = false,\n}: { \n  status: StatusLevel; \n  size?: number; \n  message?: string;\n  showTooltip?: boolean;\n}): React.ReactElement {\n  const [isHovered, setIsHovered] = React.useState(false);\n  const color = STATUS_COLORS[status];\n  const defaultMessage = STATUS_DESCRIPTIONS[status];\n  const tooltipText = message || defaultMessage;\n  const statusLabel = status.charAt(0).toUpperCase() + status.slice(1);\n  \n  // Shape rendering based on Astro UX dual-coded status levels\n  const renderShape = () => {\n    const h = size / 2;\n    const glow = `drop-shadow(0 0 3px ${color})`;\n    switch (status) {\n      case 'critical':\n        // Triangle pointing down\n        return (\n          <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} style={{ filter: glow }}>\n            <polygon points={`${h},${size} 0,0 ${size},0`} fill={color} />\n          </svg>\n        );\n      case 'serious':\n        // Diamond (rotated square)\n        return (\n          <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} style={{ filter: glow }}>\n            <polygon points={`${h},0 ${size},${h} ${h},${size} 0,${h}`} fill={color} />\n          </svg>\n        );\n      case 'caution':\n        // Filled square\n        return (\n          <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} style={{ filter: glow }}>\n            <rect width={size} height={size} fill={color} />\n          </svg>\n        );\n      case 'normal':\n        // Filled circle\n        return (\n          <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} style={{ filter: glow }}>\n            <circle cx={h} cy={h} r={h} fill={color} />\n          </svg>\n        );\n      case 'standby':\n        // Ring (donut) — per official Astro UXDS\n        return (\n          <svg width={size} height={size} viewBox=\"0 0 12 12\" style={{ filter: glow }}>\n            <circle cx=\"6\" cy=\"6\" r=\"3.5\" fill=\"none\" stroke={color} strokeWidth=\"2\" />\n          </svg>\n        );\n      case 'off':\n      default:\n        // Small filled circle — per official Astro UXDS\n        return (\n          <svg width={size} height={size} viewBox=\"0 0 12 12\" style={{ filter: glow }}>\n            <circle cx=\"6\" cy=\"6\" r=\"3\" fill={color} />\n          </svg>\n        );\n    }\n  };\n\n  return (\n    <div \n      style={{\n        position: 'relative',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        cursor: showTooltip ? 'help' : 'default',\n      }}\n      onMouseEnter={() => showTooltip && setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      {renderShape()}\n      {/* Custom tooltip popup */}\n      {showTooltip && isHovered && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: 'calc(100% + 8px)',\n            left: '50%',\n            transform: 'translateX(-50%)',\n            padding: '8px 12px',\n            backgroundColor: 'rgba(10, 15, 25, 0.95)',\n            border: `1px solid ${color}`,\n            borderRadius: '4px',\n            boxShadow: `0 0 12px ${color}40, 0 4px 12px rgba(0,0,0,0.4)`,\n            zIndex: 1000,\n            whiteSpace: 'nowrap',\n            pointerEvents: 'none',\n            minWidth: '150px',\n          }}\n        >\n          {/* Status label */}\n          <div style={{ \n            fontSize: '0.6875rem', // 11px in rem \n            fontWeight: 500, // AstroUXDS medium for labels\n            color: color,\n            marginBottom: '4px',\n            textTransform: 'uppercase',\n            letterSpacing: '0.5px',\n          }}>\n            {statusLabel}\n          </div>\n          {/* Status message */}\n          <div style={{ \n            fontSize: '0.75rem', // 12px in rem\n            color: 'rgba(255,255,255,0.9)',\n            lineHeight: 1.4,\n          }}>\n            {tooltipText}\n          </div>\n          {/* Arrow */}\n          <div style={{\n            position: 'absolute',\n            bottom: '-6px',\n            left: '50%',\n            transform: 'translateX(-50%) rotate(45deg)',\n            width: '10px',\n            height: '10px',\n            backgroundColor: 'rgba(10, 15, 25, 0.95)',\n            borderRight: `1px solid ${color}`,\n            borderBottom: `1px solid ${color}`,\n          }} />\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * StatusBadge - Compact status indicator for accent lines\n * Shows colored badge with status shape at end of accent line\n */\nfunction StatusBadge({ \n  status, \n  tokens: _tokens,\n  size = 'bold',\n}: { \n  status: StatusLevel; \n  tokens: any;\n  size?: 'bold' | 'minimal';\n}): React.ReactElement {\n  const color = STATUS_COLORS[status];\n  const label = status.charAt(0).toUpperCase() + status.slice(1);\n  const isBold = size === 'bold';\n  \n  return (\n    <span style={{\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: isBold ? '6px' : '4px',\n      padding: isBold ? '3px 10px' : '2px 8px',\n      borderRadius: '12px',\n      fontSize: isBold ? '11px' : '10px',\n      fontWeight: 500,\n      backgroundColor: `${color}20`,\n      color: color,\n      flexShrink: 0,\n      textTransform: 'uppercase',\n      letterSpacing: '0.3px',\n    }}>\n      {/* Status shape */}\n      <StatusSymbol status={status} size={isBold ? 6 : 5} />\n      {label}\n    </span>\n  );\n}\n\nexport const Container = memo(function Container({\n  variant = 'default',\n  padding = 'md',\n  title,\n  subtitle,\n  status,\n  actions,\n  fullHeight = false,\n  clipContent = true,\n  loading = false,\n  children,\n  className = '',\n  style,\n  onClick,\n  disableAutoGlass = false,\n  icon,\n  iconStatus,\n  statusMessage,\n  iconColor,\n  accentColor,\n}: ContainerProps): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const { isMobile } = useBreakpoint();\n  \n  // Theme detection\n  const _isTransparentTheme = theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  const isBoldVariant = theme === 'transparent-bold';\n  const isMinimalVariant = theme === 'transparent-minimal';\n  \n  // Glass mode with accent styling ONLY for bold/minimal themes\n  // Normal \"transparent\" (Glass) theme uses simpler styling without accent borders\n  const useGlassMode = (isBoldVariant || isMinimalVariant) && !disableAutoGlass && !variant.startsWith('glass');\n  \n  // Simple glass mode for normal \"transparent\" theme (no accent borders)\n  const useSimpleGlass = theme === 'transparent' && !disableAutoGlass && !variant.startsWith('glass');\n  \n  // Default accent color: bold/minimal themes use theme accent (Zendir purple)\n  const defaultAccentColor = tokens.colors.accent.primary;\n  const glassAccentColor = accentColor || defaultAccentColor;\n  const glassAccentMuted = `${glassAccentColor}66`;\n  const glassGradient = `linear-gradient(135deg, ${glassAccentColor}10 0%, ${glassAccentColor}03 100%)`;\n  \n  // Determine icon color: custom > status > accent\n  const resolvedIconColor = iconColor || (iconStatus ? STATUS_COLORS[iconStatus] : glassAccentColor);\n  const _iconColorMuted = `${resolvedIconColor}66`;\n  \n  const paddingConfig = {\n    none: '0',\n    sm: isMobile ? tokens.spacing.xs : tokens.spacing.sm,\n    md: isMobile ? tokens.spacing.sm : tokens.spacing.md,\n    lg: isMobile ? tokens.spacing.md : tokens.spacing.lg,\n  };\n\n  const headingConfig = tokens.layout?.card?.heading ?? {\n    iconSize: 20,\n    iconSizeCompact: 16,\n    titleFontSize: '1.125rem',\n    titleFontSizeChart: '0.875rem',\n    titleFontWeight: 500,\n    gap: 8,\n  };\n  \n  const variantStyles: Record<ContainerVariant, React.CSSProperties> = {\n    default: {\n      backgroundColor: tokens.colors.background.surface,\n      border: `1px solid ${tokens.colors.border.muted}`,\n      boxShadow: 'none',\n    },\n    elevated: {\n      backgroundColor: tokens.colors.background.surface,\n      border: 'none',\n      boxShadow: tokens.shadows.md,\n    },\n    outlined: {\n      backgroundColor: 'transparent',\n      border: `1px solid ${tokens.colors.border.muted}`,\n      boxShadow: 'none',\n    },\n    ghost: {\n      backgroundColor: 'transparent',\n      border: 'none',\n      boxShadow: 'none',\n    },\n    // Glass variants - transparent with blur\n    glass: {\n      backgroundColor: 'rgba(15, 20, 35, 0.85)',\n      backdropFilter: 'blur(12px)',\n      WebkitBackdropFilter: 'blur(12px)',\n      border: '1px solid rgba(0, 212, 255, 0.25)',\n      boxShadow: 'none',\n    } as React.CSSProperties,\n    'glass-dark': {\n      backgroundColor: 'rgba(0, 0, 0, 0.7)',\n      backdropFilter: 'blur(16px)',\n      WebkitBackdropFilter: 'blur(16px)',\n      border: '1px solid rgba(100, 130, 160, 0.2)',\n      boxShadow: 'none',\n    } as React.CSSProperties,\n    'glass-light': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n      backdropFilter: 'blur(12px)',\n      WebkitBackdropFilter: 'blur(12px)',\n      border: '1px solid rgba(255, 255, 255, 0.25)',\n      boxShadow: 'none',\n    } as React.CSSProperties,\n  };\n  \n  // Glow color for hover effect (like GlassCard)\n  const glowColor = accentColor \n    ? `${accentColor}66` \n    : 'rgba(0, 212, 255, 0.4)';\n\n  // Glass mode overrides for BOLD/MINIMAL themes (Glassmorphic Panels with accent borders)\n  const glassOverrides: 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    transition: 'all 0.3s ease-out, box-shadow 0.3s ease-out',\n  } as React.CSSProperties : {};\n  \n  // Simple glass overrides for normal \"transparent\" (Glass) theme — match top cards (ISS): transparent + blur\n  const simpleGlassOverrides: React.CSSProperties = useSimpleGlass ? {\n    backgroundColor: 'transparent',\n    backdropFilter: 'blur(12px)',\n    WebkitBackdropFilter: 'blur(12px)',\n    border: `1px solid ${tokens.colors.border.muted}`,\n    transition: 'all 0.3s ease-out',\n  } as React.CSSProperties : {};\n\n  // Hover handlers for glow effect (like GlassCard)\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    if (useGlassMode) {\n      e.currentTarget.style.boxShadow = `0 0 30px ${glowColor}, 0 4px 20px rgba(0,0,0,0.3)`;\n    }\n  }, [useGlassMode, glowColor]);\n\n  const handleMouseLeave = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    if (useGlassMode) {\n      e.currentTarget.style.boxShadow = 'none';\n    }\n  }, [useGlassMode]);\n  \n  const statusColor = status ? tokens.colors.status[status] : undefined;\n  const isInteractive = !!onClick;\n  \n  return (\n    <div\n      className={classNames(\n        'zendir-container', \n        `zendir-container--${variant}`,\n        useGlassMode && 'zendir-container--auto-glass',\n        className\n      )}\n      onClick={onClick}\n      role={isInteractive ? 'button' : undefined}\n      tabIndex={isInteractive ? 0 : undefined}\n      onKeyDown={onClick ? (e: React.KeyboardEvent) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); onClick(); } } : undefined}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      style={{\n        borderRadius: tokens.borderRadius.lg,\n        overflow: 'hidden',\n        position: 'relative',\n        height: fullHeight ? '100%' : 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n        cursor: isInteractive ? 'pointer' : 'default',\n        transition: 'all 0.3s ease-out',\n        borderLeft: statusColor ? `4px solid ${statusColor}` : undefined,\n        ...variantStyles[variant],\n        ...simpleGlassOverrides, // Normal Glass theme\n        ...glassOverrides,       // Bold/Minimal themes (overrides simpleGlass if both)\n        ...style,\n      }}\n    >\n      {/* Glass gradient overlay for bold/minimal transparent themes */}\n      {useGlassMode && (\n        <div\n          style={{\n            position: 'absolute',\n            inset: 0,\n            background: glassGradient,\n            pointerEvents: 'none',\n            zIndex: 0,\n          }}\n        />\n      )}\n      \n      {/* Loading overlay */}\n      {loading && (\n        <div\n          style={{\n            position: 'absolute',\n            inset: 0,\n            backgroundColor: addAlpha(tokens.colors.background.surface, 0.5),\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            zIndex: 10,\n          }}\n        >\n          <svg\n            width=\"32\"\n            height=\"32\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            style={{ animation: 'spin 1s linear infinite' }}\n          >\n            <circle\n              cx=\"12\"\n              cy=\"12\"\n              r=\"10\"\n              stroke={tokens.colors.accent.primary}\n              strokeWidth=\"3\"\n              strokeDasharray=\"31.4 31.4\"\n              strokeDashoffset=\"10\"\n            />\n          </svg>\n          <style>\n            {`@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }`}\n          </style>\n        </div>\n      )}\n      \n      {/* Header - Glass mode BOLD variant (matching GlassCard style exactly) */}\n      {(title || actions) && useGlassMode && isBoldVariant && (\n        <div\n          style={{\n            position: 'relative',\n            zIndex: 1,\n          }}\n        >\n          {/* Title row */}\n          <div \n            style={{ \n              display: 'flex', \n              alignItems: 'center', \n              justifyContent: 'space-between',\n              padding: `16px ${paddingConfig[padding]} 0`,\n            }}\n          >\n            <div style={{ display: 'flex', alignItems: 'center', gap: headingConfig.gap }}>\n              {/* Icon with optional status symbol - full area triggers tooltip */}\n              {icon && (\n                <IconWithStatusTooltip\n                  icon={icon}\n                  iconColor={resolvedIconColor}\n                  iconStatus={iconStatus}\n                  statusMessage={statusMessage}\n                  iconSize={headingConfig.iconSize}\n                />\n              )}\n              <h3\n                style={{\n                  margin: 0,\n                  fontSize: headingConfig.titleFontSize,\n                  fontWeight: headingConfig.titleFontWeight,\n                  color: glassAccentColor,\n                  letterSpacing: '0.5px',\n                  textShadow: `0 0 20px ${glassAccentMuted}`,\n                }}\n              >\n                {title}\n              </h3>\n            </div>\n            {actions && (\n              <div style={{ display: 'flex', gap: tokens.spacing.xs }}>\n                {actions}\n              </div>\n            )}\n          </div>\n          \n          {subtitle && (\n            <p\n              style={{\n                margin: 0,\n                padding: `${tokens.spacing.xs} ${paddingConfig[padding]} 0`,\n                fontSize: tokens.typography.fontSize.sm,\n                color: tokens.colors.text.secondary,\n              }}\n            >\n              {subtitle}\n            </p>\n          )}\n          \n          {/* Accent line with optional status badge */}\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: tokens.spacing.sm,\n              padding: `12px ${paddingConfig[padding]} 0`,\n              marginBottom: tokens.spacing.sm,\n            }}\n          >\n            {/* Main accent line with gradient */}\n            <div\n              style={{\n                flex: 1,\n                height: '2px',\n                background: `linear-gradient(90deg, ${glassAccentColor} 0%, ${glassAccentMuted} 70%, ${glassAccentMuted}20 100%)`,\n                boxShadow: `0 0 8px ${glassAccentMuted}`,\n              }}\n            />\n            {/* Status badge at the end if status is set */}\n            {iconStatus && iconStatus !== 'off' && (\n              <StatusBadge status={iconStatus} tokens={tokens} size=\"bold\" />\n            )}\n          </div>\n        </div>\n      )}\n      \n      {/* Header - Glass mode MINIMAL variant (inline thin line) */}\n      {(title || actions) && useGlassMode && !isBoldVariant && (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            padding: `${tokens.spacing.sm} ${paddingConfig[padding]} 0`,\n            marginBottom: tokens.spacing.sm,\n            position: 'relative',\n            zIndex: 1,\n          }}\n        >\n          {/* Icon with optional status symbol - full area triggers tooltip */}\n          {icon && (\n            <div style={{ display: 'flex', alignItems: 'center', marginRight: tokens.spacing.sm }}>\n              <IconWithStatusTooltip\n                icon={icon}\n                iconColor={resolvedIconColor}\n                iconStatus={iconStatus}\n                statusMessage={statusMessage}\n                iconSize={headingConfig.iconSizeCompact}\n              />\n            </div>\n          )}\n          \n          {/* Title — card heading system */}\n          {title && (\n            <h3\n              style={{\n                margin: 0,\n                fontSize: headingConfig.titleFontSize,\n                fontWeight: headingConfig.titleFontWeight,\n                color: glassAccentColor,\n                textShadow: `0 0 16px ${glassAccentMuted}`,\n                letterSpacing: '0.02em',\n                whiteSpace: 'nowrap',\n                marginRight: '12px',\n              }}\n            >\n              {title}\n            </h3>\n          )}\n          \n          {/* Accent line - inline after title with optional status badge */}\n          <div\n            style={{\n              flex: 1,\n              display: 'flex',\n              alignItems: 'center',\n              gap: tokens.spacing.sm,\n              minWidth: 40,\n            }}\n          >\n            {/* Main gradient line */}\n            <div\n              style={{\n                flex: 1,\n                height: '1px',\n                background: `linear-gradient(90deg, ${glassAccentColor} 0%, ${glassAccentMuted} 70%, ${glassAccentMuted}20 100%)`,\n              }}\n            />\n            {/* Status badge at the end if status is set */}\n            {iconStatus && iconStatus !== 'off' && (\n              <StatusBadge status={iconStatus} tokens={tokens} size=\"minimal\" />\n            )}\n          </div>\n          \n          {actions && (\n            <div style={{ display: 'flex', gap: tokens.spacing.xs, flexShrink: 0, marginLeft: '12px' }}>\n              {actions}\n            </div>\n          )}\n        </div>\n      )}\n      \n      {/* Subtitle for glass mode MINIMAL - separate row */}\n      {subtitle && useGlassMode && !isBoldVariant && (\n        <p\n          style={{\n            margin: 0,\n            padding: `0 ${paddingConfig[padding]}`,\n            marginBottom: tokens.spacing.sm,\n            fontSize: tokens.typography.fontSize.sm,\n            color: tokens.colors.text.secondary,\n            position: 'relative',\n            zIndex: 1,\n          }}\n        >\n          {subtitle}\n        </p>\n      )}\n      \n      {/* Header - Regular mode (non-glass) - Uses shared CardHeader for consistency */}\n      {(title || actions) && !useGlassMode && (\n        <div\n          style={{\n            padding: `${paddingConfig[padding]} ${paddingConfig[padding]} 0`,\n            position: 'relative',\n            zIndex: 1,\n          }}\n        >\n          <CardHeader\n            icon={icon || (iconStatus ? 'mission' : '')}\n            title={typeof title === 'string' ? title : String(title || '')}\n            subtitle={typeof subtitle === 'string' ? subtitle : subtitle ? String(subtitle) : undefined}\n            status={iconStatus || status}\n            iconColor={iconColor}\n            iconSize={headingConfig.iconSize}\n            hideStatusIndicator={!icon && !iconStatus && !status}\n            rightSlot={actions}\n            style={{ marginBottom: tokens.spacing.sm }}\n          />\n        </div>\n      )}\n      \n      {/* Content */}\n      <div\n        style={{\n          flex: 1,\n          minHeight: fullHeight ? 0 : undefined,\n          overflow: fullHeight && clipContent ? 'hidden' : undefined,\n          // When fullHeight, become a flex column so any child using flex:1 or height:100%\n          // gets a properly bounded height and scroll containers can work.\n          display: fullHeight ? 'flex' : undefined,\n          flexDirection: fullHeight ? 'column' : undefined,\n          padding: fullHeight ? `${tokens.spacing.xs} 0 0 0` : (title ? `${tokens.spacing.xs} ${paddingConfig[padding]} ${paddingConfig[padding]}` : paddingConfig[padding]),\n          position: 'relative',\n          zIndex: 1,\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n});\n\nexport default Container;\n"],"names":["Container"],"mappings":"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"}
+{"version":3,"file":"Container.js","sources":["../../../src/react/core/Container.tsx"],"sourcesContent":["/**\n * @zendir/ui - Container/Card Component\n * \n * Container/Card wrapper following Astro UX Design System.\n * Automatically switches to glassmorphic styling when transparent themes are active.\n * \n * Transparent themes (transparent, transparent-bold):\n * - Glassmorphic panels with blur effect\n * - Colored top border accent\n * - Hover glow effect (like GlassCard)\n * - transparent-bold has 2px top border\n * \n * @example\n * ```tsx\n * <Container>Simple container</Container>\n * <Container title=\"Spacecraft Status\" status=\"normal\">Content</Container>\n * <Container title=\"Power System\" icon=\"solar\" iconStatus=\"normal\">With status</Container>\n * <Container title=\"Custom Color\" icon=\"thermal\" iconColor=\"#FF6B6B\">Custom color</Container>\n * ```\n */\n\nimport React, { memo, useCallback } from 'react';\nimport { useTheme } from '../theme';\nimport { classNames, addAlpha, type StatusLevel } from '../utils';\nimport { AstroIcon, type AstroIconName } from './AstroIcon';\nimport { HeaderIconWithStatus } from './HeaderIconWithStatus';\nimport { CardHeader } from './CardHeader';\nimport { useBreakpoint } from './layout/useBreakpoint';\n\nexport type ContainerVariant = 'default' | 'elevated' | 'outlined' | 'ghost' | 'glass' | 'glass-dark' | 'glass-light';\nexport type ContainerPadding = 'none' | 'sm' | 'md' | 'lg';\n\n/** Status colors matching Astro UXD status system */\nconst 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/** Status descriptions for tooltips (default synonyms from AstroUXDS) */\nconst STATUS_DESCRIPTIONS: Record<StatusLevel, string> = {\n  off: 'Off, unavailable, disabled',\n  standby: 'Standby, available, enabled',\n  normal: 'Normal, ok, satisfactory',\n  caution: 'Caution, warning, unstable',\n  serious: 'Serious, error, needs attention',\n  critical: 'Critical, emergency, urgent',\n};\n\n/** Status symbol shapes following AstroUXDS guidelines */\ntype _StatusShape = 'circle' | 'square' | 'diamond' | 'triangle' | 'circle-hollow';\n\nexport interface ContainerProps {\n  /** Visual variant */\n  variant?: ContainerVariant;\n  /** Padding size */\n  padding?: ContainerPadding;\n  /** Container title */\n  title?: React.ReactNode;\n  /** Subtitle or description */\n  subtitle?: React.ReactNode;\n  /** Status indicator (affects left border in non-glass mode) */\n  status?: StatusLevel;\n  /** Header actions (buttons, etc.) */\n  actions?: React.ReactNode;\n  /** Full height */\n  fullHeight?: boolean;\n  /**\n   * Clip overflowing content area when fullHeight is enabled.\n   * Keep false for form cards so wrapped rows can expand naturally.\n   */\n  clipContent?: boolean;\n  /** Loading state */\n  loading?: boolean;\n  /** Children */\n  children: React.ReactNode;\n  /** Custom className */\n  className?: string;\n  /** Custom style */\n  style?: React.CSSProperties;\n  /** Click handler */\n  onClick?: () => void;\n  /** Disable auto-glass effect in transparent theme */\n  disableAutoGlass?: boolean;\n  /** Icon to display in header (Astro icon name) */\n  icon?: AstroIconName;\n  /** Icon status - shows status symbol and colors icon accordingly */\n  iconStatus?: StatusLevel;\n  /** Custom status message shown in tooltip (overrides default description) */\n  statusMessage?: string;\n  /** Custom icon color (overrides iconStatus and theme color) */\n  iconColor?: string;\n  /** Custom accent color for glass mode (title, line, etc.) */\n  accentColor?: string;\n}\n\n/**\n * Icon wrapper with status tooltip - triggers tooltip on hover over entire icon area\n */\nfunction IconWithStatusTooltip({\n  icon,\n  iconColor,\n  iconStatus,\n  statusMessage,\n  iconSize = 20,\n}: {\n  icon: string;\n  iconColor: string;\n  iconStatus?: StatusLevel;\n  statusMessage?: string;\n  iconSize?: number;\n}): React.ReactElement {\n  const [isHovered, setIsHovered] = React.useState(false);\n  const color = iconStatus ? STATUS_COLORS[iconStatus] : iconColor;\n  const defaultMessage = iconStatus ? STATUS_DESCRIPTIONS[iconStatus] : '';\n  const tooltipText = statusMessage || defaultMessage;\n  const statusLabel = iconStatus ? iconStatus.charAt(0).toUpperCase() + iconStatus.slice(1) : '';\n  \n  return (\n    <div\n      style={{\n        position: 'relative',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flexShrink: 0,\n        cursor: iconStatus ? 'help' : 'default',\n      }}\n      onMouseEnter={() => iconStatus && setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      {/* Use HeaderIconWithStatus for consistent sizing with SpacecraftCard */}\n      {iconStatus ? (\n        <HeaderIconWithStatus\n          icon={icon as AstroIconName}\n          status={iconStatus}\n          size={iconSize}\n          statusColor={iconColor}\n        />\n      ) : (\n        <AstroIcon \n          name={icon} \n          size={iconSize}\n          color={iconColor}\n        />\n      )}\n      {/* Tooltip popup - triggers on whole icon area hover */}\n      {iconStatus && isHovered && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: 'calc(100% + 12px)',\n            left: '50%',\n            transform: 'translateX(-50%)',\n            padding: '8px 12px',\n            backgroundColor: 'rgba(10, 15, 25, 0.95)',\n            border: `1px solid ${color}`,\n            borderRadius: '4px',\n            boxShadow: `0 0 12px ${color}40, 0 4px 12px rgba(0,0,0,0.4)`,\n            zIndex: 1000,\n            whiteSpace: 'nowrap',\n            pointerEvents: 'none',\n            minWidth: '150px',\n          }}\n        >\n          {/* Status label */}\n          <div style={{ \n            fontSize: '0.6875rem', // 11px in rem \n            fontWeight: 500, // AstroUXDS medium for labels\n            color: color,\n            marginBottom: '4px',\n            textTransform: 'uppercase',\n            letterSpacing: '0.5px',\n          }}>\n            {statusLabel}\n          </div>\n          {/* Status message */}\n          <div style={{ \n            fontSize: '0.75rem', // 12px in rem\n            color: 'rgba(255,255,255,0.9)',\n            lineHeight: 1.4,\n          }}>\n            {tooltipText}\n          </div>\n          {/* Arrow */}\n          <div style={{\n            position: 'absolute',\n            bottom: '-6px',\n            left: '50%',\n            transform: 'translateX(-50%) rotate(45deg)',\n            width: '10px',\n            height: '10px',\n            backgroundColor: 'rgba(10, 15, 25, 0.95)',\n            borderRight: `1px solid ${color}`,\n            borderBottom: `1px solid ${color}`,\n          }} />\n        </div>\n      )}\n    </div>\n  );\n}\n\n/** \n * Renders AstroUXDS-compliant status symbol with proper shape\n * Shapes: Critical=triangle, Serious=diamond, Caution=square, Normal=circle, Standby=ring, Off=small-circle\n */\nfunction StatusSymbol({ \n  status, \n  size = 8, \n  message,\n  showTooltip = false,\n}: { \n  status: StatusLevel; \n  size?: number; \n  message?: string;\n  showTooltip?: boolean;\n}): React.ReactElement {\n  const [isHovered, setIsHovered] = React.useState(false);\n  const color = STATUS_COLORS[status];\n  const defaultMessage = STATUS_DESCRIPTIONS[status];\n  const tooltipText = message || defaultMessage;\n  const statusLabel = status.charAt(0).toUpperCase() + status.slice(1);\n  \n  // Shape rendering based on Astro UX dual-coded status levels\n  const renderShape = () => {\n    const h = size / 2;\n    const glow = `drop-shadow(0 0 3px ${color})`;\n    switch (status) {\n      case 'critical':\n        // Triangle pointing down\n        return (\n          <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} style={{ filter: glow }}>\n            <polygon points={`${h},${size} 0,0 ${size},0`} fill={color} />\n          </svg>\n        );\n      case 'serious':\n        // Diamond (rotated square)\n        return (\n          <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} style={{ filter: glow }}>\n            <polygon points={`${h},0 ${size},${h} ${h},${size} 0,${h}`} fill={color} />\n          </svg>\n        );\n      case 'caution':\n        // Filled square\n        return (\n          <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} style={{ filter: glow }}>\n            <rect width={size} height={size} fill={color} />\n          </svg>\n        );\n      case 'normal':\n        // Filled circle\n        return (\n          <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} style={{ filter: glow }}>\n            <circle cx={h} cy={h} r={h} fill={color} />\n          </svg>\n        );\n      case 'standby':\n        // Ring (donut) — per official Astro UXDS\n        return (\n          <svg width={size} height={size} viewBox=\"0 0 12 12\" style={{ filter: glow }}>\n            <circle cx=\"6\" cy=\"6\" r=\"3.5\" fill=\"none\" stroke={color} strokeWidth=\"2\" />\n          </svg>\n        );\n      case 'off':\n      default:\n        // Small filled circle — per official Astro UXDS\n        return (\n          <svg width={size} height={size} viewBox=\"0 0 12 12\" style={{ filter: glow }}>\n            <circle cx=\"6\" cy=\"6\" r=\"3\" fill={color} />\n          </svg>\n        );\n    }\n  };\n\n  return (\n    <div \n      style={{\n        position: 'relative',\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        cursor: showTooltip ? 'help' : 'default',\n      }}\n      onMouseEnter={() => showTooltip && setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      {renderShape()}\n      {/* Custom tooltip popup */}\n      {showTooltip && isHovered && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: 'calc(100% + 8px)',\n            left: '50%',\n            transform: 'translateX(-50%)',\n            padding: '8px 12px',\n            backgroundColor: 'rgba(10, 15, 25, 0.95)',\n            border: `1px solid ${color}`,\n            borderRadius: '4px',\n            boxShadow: `0 0 12px ${color}40, 0 4px 12px rgba(0,0,0,0.4)`,\n            zIndex: 1000,\n            whiteSpace: 'nowrap',\n            pointerEvents: 'none',\n            minWidth: '150px',\n          }}\n        >\n          {/* Status label */}\n          <div style={{ \n            fontSize: '0.6875rem', // 11px in rem \n            fontWeight: 500, // AstroUXDS medium for labels\n            color: color,\n            marginBottom: '4px',\n            textTransform: 'uppercase',\n            letterSpacing: '0.5px',\n          }}>\n            {statusLabel}\n          </div>\n          {/* Status message */}\n          <div style={{ \n            fontSize: '0.75rem', // 12px in rem\n            color: 'rgba(255,255,255,0.9)',\n            lineHeight: 1.4,\n          }}>\n            {tooltipText}\n          </div>\n          {/* Arrow */}\n          <div style={{\n            position: 'absolute',\n            bottom: '-6px',\n            left: '50%',\n            transform: 'translateX(-50%) rotate(45deg)',\n            width: '10px',\n            height: '10px',\n            backgroundColor: 'rgba(10, 15, 25, 0.95)',\n            borderRight: `1px solid ${color}`,\n            borderBottom: `1px solid ${color}`,\n          }} />\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * StatusBadge - Compact status indicator for accent lines\n * Shows colored badge with status shape at end of accent line\n */\nfunction StatusBadge({ \n  status, \n  tokens: _tokens,\n  size = 'bold',\n}: { \n  status: StatusLevel; \n  tokens: any;\n  size?: 'bold' | 'minimal';\n}): React.ReactElement {\n  const color = STATUS_COLORS[status];\n  const label = status.charAt(0).toUpperCase() + status.slice(1);\n  const isBold = size === 'bold';\n  \n  return (\n    <span style={{\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: isBold ? '6px' : '4px',\n      padding: isBold ? '3px 10px' : '2px 8px',\n      borderRadius: '12px',\n      fontSize: isBold ? '11px' : '10px',\n      fontWeight: 500,\n      backgroundColor: `${color}20`,\n      color: color,\n      flexShrink: 0,\n      textTransform: 'uppercase',\n      letterSpacing: '0.3px',\n    }}>\n      {/* Status shape */}\n      <StatusSymbol status={status} size={isBold ? 6 : 5} />\n      {label}\n    </span>\n  );\n}\n\nexport const Container = memo(function Container({\n  variant = 'default',\n  padding = 'md',\n  title,\n  subtitle,\n  status,\n  actions,\n  fullHeight = false,\n  clipContent = true,\n  loading = false,\n  children,\n  className = '',\n  style,\n  onClick,\n  disableAutoGlass = false,\n  icon,\n  iconStatus,\n  statusMessage,\n  iconColor,\n  accentColor,\n}: ContainerProps): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const { isMobile } = useBreakpoint();\n  \n  // Theme detection\n  const _isTransparentTheme = theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  const isBoldVariant = theme === 'transparent-bold';\n  const isMinimalVariant = theme === 'transparent-minimal';\n  \n  // Glass mode with accent styling ONLY for bold/minimal themes\n  // Normal \"transparent\" (Glass) theme uses simpler styling without accent borders\n  const useGlassMode = (isBoldVariant || isMinimalVariant) && !disableAutoGlass && !variant.startsWith('glass');\n  \n  // Simple glass mode for normal \"transparent\" theme (no accent borders)\n  const useSimpleGlass = theme === 'transparent' && !disableAutoGlass && !variant.startsWith('glass');\n  \n  // Default accent color: bold/minimal themes use theme accent (Zendir purple)\n  const defaultAccentColor = tokens.colors.accent.primary;\n  const glassAccentColor = accentColor || defaultAccentColor;\n  const glassAccentMuted = `${glassAccentColor}66`;\n  const glassGradient = `linear-gradient(135deg, ${glassAccentColor}10 0%, ${glassAccentColor}03 100%)`;\n  \n  // Determine icon color: custom > status > accent\n  const resolvedIconColor = iconColor || (iconStatus ? STATUS_COLORS[iconStatus] : glassAccentColor);\n  const _iconColorMuted = `${resolvedIconColor}66`;\n  \n  const paddingConfig = {\n    none: '0',\n    sm: isMobile ? tokens.spacing.xs : tokens.spacing.sm,\n    md: isMobile ? tokens.spacing.sm : tokens.spacing.md,\n    lg: isMobile ? tokens.spacing.md : tokens.spacing.lg,\n  };\n\n  const headingConfig = tokens.layout?.card?.heading ?? {\n    iconSize: 20,\n    iconSizeCompact: 16,\n    titleFontSize: '1.125rem',\n    titleFontSizeChart: '0.875rem',\n    titleFontWeight: 500,\n    gap: 8,\n  };\n  \n  const variantStyles: Record<ContainerVariant, React.CSSProperties> = {\n    default: {\n      backgroundColor: tokens.colors.background.surface,\n      border: `1px solid ${tokens.colors.border.muted}`,\n      boxShadow: 'none',\n    },\n    elevated: {\n      backgroundColor: tokens.colors.background.surface,\n      border: 'none',\n      boxShadow: tokens.shadows.md,\n    },\n    outlined: {\n      backgroundColor: 'transparent',\n      border: `1px solid ${tokens.colors.border.muted}`,\n      boxShadow: 'none',\n    },\n    ghost: {\n      backgroundColor: 'transparent',\n      border: 'none',\n      boxShadow: 'none',\n    },\n    // Glass variants - transparent with blur\n    glass: {\n      backgroundColor: 'rgba(15, 20, 35, 0.85)',\n      backdropFilter: 'blur(12px)',\n      WebkitBackdropFilter: 'blur(12px)',\n      border: '1px solid rgba(0, 212, 255, 0.25)',\n      boxShadow: 'none',\n    } as React.CSSProperties,\n    'glass-dark': {\n      backgroundColor: 'rgba(0, 0, 0, 0.7)',\n      backdropFilter: 'blur(16px)',\n      WebkitBackdropFilter: 'blur(16px)',\n      border: '1px solid rgba(100, 130, 160, 0.2)',\n      boxShadow: 'none',\n    } as React.CSSProperties,\n    'glass-light': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n      backdropFilter: 'blur(12px)',\n      WebkitBackdropFilter: 'blur(12px)',\n      border: '1px solid rgba(255, 255, 255, 0.25)',\n      boxShadow: 'none',\n    } as React.CSSProperties,\n  };\n  \n  // Glow color for hover effect (like GlassCard)\n  const glowColor = accentColor \n    ? `${accentColor}66` \n    : 'rgba(0, 212, 255, 0.4)';\n\n  // Glass mode overrides for BOLD/MINIMAL themes (Glassmorphic Panels with accent borders)\n  const glassOverrides: 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    transition: 'all 0.3s ease-out, box-shadow 0.3s ease-out',\n  } as React.CSSProperties : {};\n  \n  // Simple glass overrides for normal \"transparent\" (Glass) theme — match top cards (ISS): transparent + blur\n  const simpleGlassOverrides: React.CSSProperties = useSimpleGlass ? {\n    backgroundColor: 'transparent',\n    backdropFilter: 'blur(12px)',\n    WebkitBackdropFilter: 'blur(12px)',\n    border: `1px solid ${tokens.colors.border.muted}`,\n    transition: 'all 0.3s ease-out',\n  } as React.CSSProperties : {};\n\n  // Hover handlers for glow effect (like GlassCard)\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    if (useGlassMode) {\n      e.currentTarget.style.boxShadow = `0 0 30px ${glowColor}, 0 4px 20px rgba(0,0,0,0.3)`;\n    }\n  }, [useGlassMode, glowColor]);\n\n  const handleMouseLeave = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    if (useGlassMode) {\n      e.currentTarget.style.boxShadow = 'none';\n    }\n  }, [useGlassMode]);\n  \n  const statusColor = status ? tokens.colors.status[status] : undefined;\n  const isInteractive = !!onClick;\n  \n  return (\n    <div\n      className={classNames(\n        'zendir-container', \n        `zendir-container--${variant}`,\n        useGlassMode && 'zendir-container--auto-glass',\n        className\n      )}\n      onClick={onClick}\n      role={isInteractive ? 'button' : undefined}\n      tabIndex={isInteractive ? 0 : undefined}\n      onKeyDown={onClick ? (e: React.KeyboardEvent) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); onClick(); } } : undefined}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      style={{\n        borderRadius: tokens.borderRadius.lg,\n        overflow: 'hidden',\n        position: 'relative',\n        height: fullHeight ? '100%' : 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n        cursor: isInteractive ? 'pointer' : 'default',\n        transition: 'all 0.3s ease-out',\n        borderLeft: statusColor ? `4px solid ${statusColor}` : undefined,\n        ...variantStyles[variant],\n        ...simpleGlassOverrides, // Normal Glass theme\n        ...glassOverrides,       // Bold/Minimal themes (overrides simpleGlass if both)\n        ...style,\n      }}\n    >\n      {/* Glass gradient overlay for bold/minimal transparent themes */}\n      {useGlassMode && (\n        <div\n          style={{\n            position: 'absolute',\n            inset: 0,\n            background: glassGradient,\n            pointerEvents: 'none',\n            zIndex: 0,\n          }}\n        />\n      )}\n      \n      {/* Loading overlay */}\n      {loading && (\n        <div\n          style={{\n            position: 'absolute',\n            inset: 0,\n            backgroundColor: addAlpha(tokens.colors.background.surface, 0.5),\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            zIndex: 10,\n          }}\n        >\n          <svg\n            width=\"32\"\n            height=\"32\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            style={{ animation: 'spin 1s linear infinite' }}\n          >\n            <circle\n              cx=\"12\"\n              cy=\"12\"\n              r=\"10\"\n              stroke={tokens.colors.accent.primary}\n              strokeWidth=\"3\"\n              strokeDasharray=\"31.4 31.4\"\n              strokeDashoffset=\"10\"\n            />\n          </svg>\n          <style>\n            {`@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }`}\n          </style>\n        </div>\n      )}\n      \n      {/* Header - Glass mode BOLD variant (matching GlassCard style exactly) */}\n      {(title || actions) && useGlassMode && isBoldVariant && (\n        <div\n          style={{\n            position: 'relative',\n            zIndex: 1,\n          }}\n        >\n          {/* Title row */}\n          <div \n            style={{ \n              display: 'flex', \n              alignItems: 'center', \n              justifyContent: 'space-between',\n              padding: `16px ${paddingConfig[padding]} 0`,\n            }}\n          >\n            <div style={{ display: 'flex', alignItems: 'center', gap: headingConfig.gap }}>\n              {/* Icon with optional status symbol - full area triggers tooltip */}\n              {icon && (\n                <IconWithStatusTooltip\n                  icon={icon}\n                  iconColor={resolvedIconColor}\n                  iconStatus={iconStatus}\n                  statusMessage={statusMessage}\n                  iconSize={headingConfig.iconSize}\n                />\n              )}\n              <h3\n                style={{\n                  margin: 0,\n                  fontSize: headingConfig.titleFontSize,\n                  fontWeight: headingConfig.titleFontWeight,\n                  color: glassAccentColor,\n                  letterSpacing: '0.5px',\n                  textShadow: `0 0 20px ${glassAccentMuted}`,\n                }}\n              >\n                {title}\n              </h3>\n            </div>\n            {actions && (\n              <div style={{ display: 'flex', gap: tokens.spacing.xs }}>\n                {actions}\n              </div>\n            )}\n          </div>\n          \n          {subtitle && (\n            <p\n              style={{\n                margin: 0,\n                padding: `${tokens.spacing.xs} ${paddingConfig[padding]} 0`,\n                fontSize: tokens.typography.fontSize.sm,\n                color: tokens.colors.text.secondary,\n              }}\n            >\n              {subtitle}\n            </p>\n          )}\n          \n          {/* Accent line with optional status badge */}\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: tokens.spacing.sm,\n              padding: `12px ${paddingConfig[padding]} 0`,\n              marginBottom: tokens.spacing.sm,\n            }}\n          >\n            {/* Main accent line with gradient */}\n            <div\n              style={{\n                flex: 1,\n                height: '2px',\n                background: `linear-gradient(90deg, ${glassAccentColor} 0%, ${glassAccentMuted} 70%, ${glassAccentMuted}20 100%)`,\n                boxShadow: `0 0 8px ${glassAccentMuted}`,\n              }}\n            />\n            {/* Status badge at the end if status is set */}\n            {iconStatus && iconStatus !== 'off' && (\n              <StatusBadge status={iconStatus} tokens={tokens} size=\"bold\" />\n            )}\n          </div>\n        </div>\n      )}\n      \n      {/* Header - Glass mode MINIMAL variant (inline thin line) */}\n      {(title || actions) && useGlassMode && !isBoldVariant && (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            padding: `${tokens.spacing.sm} ${paddingConfig[padding]} 0`,\n            marginBottom: tokens.spacing.sm,\n            position: 'relative',\n            zIndex: 1,\n          }}\n        >\n          {/* Icon with optional status symbol - full area triggers tooltip */}\n          {icon && (\n            <div style={{ display: 'flex', alignItems: 'center', marginRight: tokens.spacing.sm }}>\n              <IconWithStatusTooltip\n                icon={icon}\n                iconColor={resolvedIconColor}\n                iconStatus={iconStatus}\n                statusMessage={statusMessage}\n                iconSize={headingConfig.iconSizeCompact}\n              />\n            </div>\n          )}\n          \n          {/* Title — card heading system */}\n          {title && (\n            <h3\n              style={{\n                margin: 0,\n                fontSize: headingConfig.titleFontSize,\n                fontWeight: headingConfig.titleFontWeight,\n                color: glassAccentColor,\n                textShadow: `0 0 16px ${glassAccentMuted}`,\n                letterSpacing: '0.02em',\n                whiteSpace: 'nowrap',\n                marginRight: '12px',\n              }}\n            >\n              {title}\n            </h3>\n          )}\n          \n          {/* Accent line - inline after title with optional status badge */}\n          <div\n            style={{\n              flex: 1,\n              display: 'flex',\n              alignItems: 'center',\n              gap: tokens.spacing.sm,\n              minWidth: 40,\n            }}\n          >\n            {/* Main gradient line */}\n            <div\n              style={{\n                flex: 1,\n                height: '1px',\n                background: `linear-gradient(90deg, ${glassAccentColor} 0%, ${glassAccentMuted} 70%, ${glassAccentMuted}20 100%)`,\n              }}\n            />\n            {/* Status badge at the end if status is set */}\n            {iconStatus && iconStatus !== 'off' && (\n              <StatusBadge status={iconStatus} tokens={tokens} size=\"minimal\" />\n            )}\n          </div>\n          \n          {actions && (\n            <div style={{ display: 'flex', gap: tokens.spacing.xs, flexShrink: 0, marginLeft: '12px' }}>\n              {actions}\n            </div>\n          )}\n        </div>\n      )}\n      \n      {/* Subtitle for glass mode MINIMAL - separate row */}\n      {subtitle && useGlassMode && !isBoldVariant && (\n        <p\n          style={{\n            margin: 0,\n            padding: `0 ${paddingConfig[padding]}`,\n            marginBottom: tokens.spacing.sm,\n            fontSize: tokens.typography.fontSize.sm,\n            color: tokens.colors.text.secondary,\n            position: 'relative',\n            zIndex: 1,\n          }}\n        >\n          {subtitle}\n        </p>\n      )}\n      \n      {/* Header - Regular mode (non-glass) - Uses shared CardHeader for consistency */}\n      {(title || actions) && !useGlassMode && (\n        <div\n          style={{\n            padding: `${paddingConfig[padding]} ${paddingConfig[padding]} 0`,\n            position: 'relative',\n            zIndex: 1,\n          }}\n        >\n          <CardHeader\n            icon={icon || (iconStatus ? 'mission' : '')}\n            title={typeof title === 'string' ? title : String(title || '')}\n            subtitle={typeof subtitle === 'string' ? subtitle : undefined}\n            status={iconStatus || status}\n            iconColor={iconColor}\n            iconSize={headingConfig.iconSize}\n            hideStatusIndicator={!icon && !iconStatus && !status}\n            rightSlot={actions}\n            style={{ marginBottom: tokens.spacing.sm }}\n          />\n          {/* Render non-string subtitles (React elements) below the CardHeader */}\n          {subtitle && typeof subtitle !== 'string' && (\n            <div style={{\n              fontSize: tokens.typography.fontSize.sm,\n              color: tokens.colors.text.secondary,\n              marginTop: -parseInt(tokens.spacing.xs || '4', 10) || -4,\n              marginBottom: parseInt(tokens.spacing.sm || '8', 10) || 8,\n            }}>\n              {subtitle}\n            </div>\n          )}\n        </div>\n      )}\n      \n      {/* Content */}\n      <div\n        style={{\n          flex: 1,\n          minHeight: fullHeight ? 0 : undefined,\n          overflow: fullHeight && clipContent ? 'hidden' : undefined,\n          // When fullHeight, become a flex column so any child using flex:1 or height:100%\n          // gets a properly bounded height and scroll containers can work.\n          display: fullHeight ? 'flex' : undefined,\n          flexDirection: fullHeight ? 'column' : undefined,\n          padding: fullHeight ? `${tokens.spacing.xs} 0 0 0` : (title ? `${tokens.spacing.xs} ${paddingConfig[padding]} ${paddingConfig[padding]}` : paddingConfig[padding]),\n          position: 'relative',\n          zIndex: 1,\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n});\n\nexport default Container;\n"],"names":["Container"],"mappings":"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"}

package/dist/react/index.d.ts

@@ -33,7 +33,7 @@ export type { StatusIndicatorProps, StatusVariant, ClassificationBannerProps, Cl
 export { AstroChart } from './charts';
 export type { AstroChartProps, AstroChartHandle } from './charts';
 export { GroundTrackMap } from './charts';
-export type { GroundTrackMapProps, MapPin, LightSource } from './charts';
+export type { GroundTrackMapProps, MapPin, LightSource, MapLayerDef } from './charts';
 export { useCompactMode } from './hooks/useCompactMode';
 export type { UseCompactModeOptions, UseCompactModeResult } from './hooks/useCompactMode';
 export type { SpacecraftPosition, Spacecraft, GroundStation, GroundTrackPoint, AccessData, AccessWindow, TelemetryData, OrbitalElements, Quaternion, EulerAngles, AngularVelocity, AttitudeData, PointingMode, EclipseInfo, DetailedLinkBudget, ThermalZone, ThermalData, ThrusterStatus, PropulsionSummary, ReactionWheelData, LVLHVector, LVLHState, ThrusterFireEvent, PlanetId, PlanetInfo, CategoryDef, } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendir/ui",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "React UI components for space operations, built on the Astro UX Design System",
   "type": "module",
   "main": "./dist/index.js",