@zendir/ui 0.2.20 → 0.3.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"MessageStream.js","sources":["../../../src/react/core/MessageStream.tsx"],"sourcesContent":["/**\n * @zendir/ui - MessageStream Component\n * \n * Stream/notification window for displaying messages, events, or status updates.\n * Each message card has integrated status system with dual-coding (color + shape).\n * \n * AstroUXDS Compliance:\n * - Status colors per AstroUXDS status system\n * - Dual-coding (color + shape) for accessibility\n * - Clear visual hierarchy\n * - Proper contrast ratios\n * \n * @example\n * ```tsx\n * import { MessageStream } from '@zendir/ui';\n * \n * <MessageStream\n *   title=\"Response Status\"\n *   messages={[\n *     { id: '1', text: 'Message Received', status: 'standby' },\n *     { id: '2', text: 'Confirmation Receipt', status: 'normal' },\n *     { id: '3', text: 'Failed', status: 'critical' },\n *   ]}\n * />\n * ```\n */\n\nimport React, { memo, useMemo } from 'react';\nimport { useTheme } from '../theme';\nimport { classNames, type StatusLevel } from '../utils';\nimport { type AstroIconName } from './AstroIcon';\nimport { Icon } from './Icon';\nimport { useCompactMode } from '../hooks';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface StreamMessage {\n  /** Unique identifier */\n  id: string;\n  /** Message text/label */\n  text: string;\n  /** Status level for color and shape */\n  status?: StatusLevel;\n  /** Optional timestamp */\n  timestamp?: Date | string;\n  /** Optional icon override */\n  icon?: AstroIconName;\n  /** Optional metadata/details */\n  details?: string;\n  /** Child messages (for hierarchical display) */\n  children?: StreamMessage[];\n  /** Whether this message is highlighted/active */\n  active?: boolean;\n}\n\nexport interface MessageStreamProps {\n  /** Stream title */\n  title?: string;\n  /** Subtitle or description */\n  subtitle?: string;\n  /** Array of messages to display */\n  messages: StreamMessage[];\n  /** Maximum height before scrolling */\n  maxHeight?: number | string;\n  /** Show timestamps */\n  showTimestamps?: boolean;\n  /** Time format for timestamps */\n  timeFormat?: 'relative' | 'absolute' | 'time-only';\n  /** Variant: 'list' for vertical, 'tree' for hierarchical */\n  variant?: 'list' | 'tree' | 'compact';\n  /** Custom className */\n  className?: string;\n  /** Card size */\n  size?: 'sm' | 'md' | 'lg';\n  /** On message click */\n  onMessageClick?: (message: StreamMessage) => void;\n  /** Loading state */\n  loading?: boolean;\n  /** Empty state message */\n  emptyMessage?: string;\n  /** Show connection lines (tree variant) */\n  showConnectors?: boolean;\n  /** Enable collapsible compact mode - shows condensed view that expands on hover/click */\n  collapsible?: boolean;\n  /** Start expanded when in collapsible mode (pinned state) */\n  defaultExpanded?: boolean;\n  /** Callback when pin state changes in collapsible mode */\n  onPinChange?: (isPinned: boolean) => void;\n}\n\n// =============================================================================\n// Status Shapes (same as DataValue for consistency)\n// =============================================================================\n\nconst STATUS_SHAPES: Record<StatusLevel, (size: number, color: string) => React.ReactNode> = {\n  off: (size, color) => (\n    <svg viewBox=\"0 0 12 12\" width={size} height={size} aria-hidden=\"true\">\n      <circle cx=\"6\" cy=\"6\" r=\"5\" fill={color} />\n    </svg>\n  ),\n  standby: (size, color) => (\n    <svg viewBox=\"0 0 12 12\" width={size} height={size} aria-hidden=\"true\">\n      <circle cx=\"6\" cy=\"6\" r=\"5\" fill=\"none\" stroke={color} strokeWidth=\"2\" />\n    </svg>\n  ),\n  normal: (size, color) => (\n    <svg viewBox=\"0 0 12 12\" width={size} height={size} aria-hidden=\"true\">\n      <circle cx=\"6\" cy=\"6\" r=\"5\" fill={color} />\n    </svg>\n  ),\n  caution: (size, color) => (\n    <svg viewBox=\"0 0 12 12\" width={size} height={size} aria-hidden=\"true\">\n      <rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill={color} />\n    </svg>\n  ),\n  serious: (size, color) => (\n    <svg viewBox=\"0 0 12 12\" width={size} height={size} aria-hidden=\"true\">\n      <polygon points=\"6,1 11,6 6,11 1,6\" fill={color} />\n    </svg>\n  ),\n  critical: (size, color) => (\n    <svg viewBox=\"0 0 12 12\" width={size} height={size} aria-hidden=\"true\">\n      <polygon points=\"6,11 1,2 11,2\" fill={color} />\n    </svg>\n  ),\n};\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\nfunction getStatusColor(status: StatusLevel | undefined, tokens: any): string {\n  switch (status) {\n    case 'normal': return tokens.colors.status.normal;\n    case 'standby': return tokens.colors.status.standby;\n    case 'caution': return tokens.colors.status.caution;\n    case 'serious': return tokens.colors.status.serious;\n    case 'critical': return tokens.colors.status.critical;\n    case 'off': return tokens.colors.status.off;\n    default: return tokens.colors.status.standby;\n  }\n}\n\nfunction formatTimestamp(\n  timestamp: Date | string | undefined,\n  format: 'relative' | 'absolute' | 'time-only'\n): string {\n  if (!timestamp) return '';\n  \n  const date = typeof timestamp === 'string' ? new Date(timestamp) : timestamp;\n  \n  if (format === 'relative') {\n    const now = new Date();\n    const diff = now.getTime() - date.getTime();\n    const seconds = Math.floor(diff / 1000);\n    const minutes = Math.floor(seconds / 60);\n    const hours = Math.floor(minutes / 60);\n    \n    if (seconds < 60) return 'Just now';\n    if (minutes < 60) return `${minutes}m ago`;\n    if (hours < 24) return `${hours}h ago`;\n    return date.toLocaleDateString();\n  }\n  \n  if (format === 'time-only') {\n    return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });\n  }\n  \n  return date.toLocaleString();\n}\n\n// =============================================================================\n// Message Card Component\n// =============================================================================\n\ninterface MessageCardProps {\n  message: StreamMessage;\n  tokens: any;\n  size: 'sm' | 'md' | 'lg';\n  showTimestamp: boolean;\n  timeFormat: 'relative' | 'absolute' | 'time-only';\n  onClick?: (message: StreamMessage) => void;\n  variant: 'list' | 'tree' | 'compact';\n}\n\nconst MessageCard = memo(function MessageCard({\n  message,\n  tokens,\n  size,\n  showTimestamp,\n  timeFormat,\n  onClick,\n  variant,\n}: MessageCardProps) {\n  const status = message.status || 'standby';\n  const statusColor = getStatusColor(status, tokens);\n  \n  const sizeConfig = {\n    sm: { padding: 8, fontSize: '0.75rem', fontSizeSmall: '0.625rem', iconSize: 10, gap: 6 },   // 12px / 10px in rem\n    md: { padding: 12, fontSize: '0.875rem', fontSizeSmall: '0.75rem', iconSize: 12, gap: 8 }, // 14px / 12px in rem\n    lg: { padding: 16, fontSize: '1rem', fontSizeSmall: '0.875rem', iconSize: 14, gap: 10 },    // 16px / 14px in rem\n  }[size];\n  \n  const isCompact = variant === 'compact';\n  \n  return (\n    <div\n      role=\"listitem\"\n      aria-label={`${message.text} - ${status}`}\n      onClick={() => onClick?.(message)}\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: sizeConfig.gap,\n        padding: isCompact ? `${sizeConfig.padding / 2}px ${sizeConfig.padding}px` : sizeConfig.padding,\n        backgroundColor: tokens.colors.background.elevated,\n        border: `1.5px solid ${statusColor}`,\n        borderRadius: tokens.borderRadius.md,\n        cursor: onClick ? 'pointer' : 'default',\n        transition: 'all 0.15s ease',\n        ...(message.active && {\n          boxShadow: `0 0 0 2px ${statusColor}40`,\n        }),\n      }}\n      onMouseEnter={(e) => {\n        if (onClick) {\n          e.currentTarget.style.backgroundColor = tokens.colors.background.surface;\n          e.currentTarget.style.transform = 'translateY(-1px)';\n        }\n      }}\n      onMouseLeave={(e) => {\n        if (onClick) {\n          e.currentTarget.style.backgroundColor = tokens.colors.background.elevated;\n          e.currentTarget.style.transform = 'translateY(0)';\n        }\n      }}\n    >\n      {/* Status Shape */}\n      <span style={{ flexShrink: 0, display: 'flex', alignItems: 'center' }}>\n        {STATUS_SHAPES[status](sizeConfig.iconSize, statusColor)}\n      </span>\n      \n      {/* Message Text */}\n      <span\n        style={{\n          flex: 1,\n          fontSize: sizeConfig.fontSize,\n          fontWeight: 500,\n          color: tokens.colors.text.primary,\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n        }}\n      >\n        {message.text}\n      </span>\n      \n      {/* Details (if any) */}\n      {message.details && !isCompact && (\n        <span\n          style={{\n            fontSize: sizeConfig.fontSizeSmall,\n            color: tokens.colors.text.tertiary,\n          }}\n        >\n          {message.details}\n        </span>\n      )}\n      \n      {/* Timestamp */}\n      {showTimestamp && message.timestamp && (\n        <span\n          style={{\n            fontSize: sizeConfig.fontSizeSmall,\n            color: tokens.colors.text.tertiary,\n            fontFamily: tokens.typography.fontFamily.mono,\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {formatTimestamp(message.timestamp, timeFormat)}\n        </span>\n      )}\n    </div>\n  );\n});\n\n// =============================================================================\n// Tree Node Component (for hierarchical display)\n// =============================================================================\n\ninterface TreeNodeProps {\n  message: StreamMessage;\n  tokens: any;\n  size: 'sm' | 'md' | 'lg';\n  showTimestamp: boolean;\n  timeFormat: 'relative' | 'absolute' | 'time-only';\n  onClick?: (message: StreamMessage) => void;\n  depth: number;\n  showConnectors: boolean;\n  isLast: boolean;\n}\n\nconst TreeNode = memo(function TreeNode({\n  message,\n  tokens,\n  size,\n  showTimestamp,\n  timeFormat,\n  onClick,\n  depth,\n  showConnectors,\n  isLast,\n}: TreeNodeProps) {\n  const hasChildren = message.children && message.children.length > 0;\n  const indentSize = 32;\n  \n  return (\n    <div style={{ position: 'relative' }}>\n      {/* Connector Lines */}\n      {showConnectors && depth > 0 && (\n        <>\n          {/* Vertical line from parent */}\n          <div\n            style={{\n              position: 'absolute',\n              left: (depth - 1) * indentSize + 16,\n              top: 0,\n              width: 2,\n              height: isLast ? '50%' : '100%',\n              backgroundColor: tokens.colors.border.muted,\n            }}\n          />\n          {/* Horizontal line to node */}\n          <div\n            style={{\n              position: 'absolute',\n              left: (depth - 1) * indentSize + 16,\n              top: '50%',\n              width: indentSize - 8,\n              height: 2,\n              backgroundColor: tokens.colors.border.muted,\n            }}\n          />\n        </>\n      )}\n      \n      {/* Message Card */}\n      <div style={{ marginLeft: depth * indentSize }}>\n        <MessageCard\n          message={message}\n          tokens={tokens}\n          size={size}\n          showTimestamp={showTimestamp}\n          timeFormat={timeFormat}\n          onClick={onClick}\n          variant=\"tree\"\n        />\n      </div>\n      \n      {/* Render children */}\n      {hasChildren && (\n        <div style={{ marginTop: 8 }}>\n          {message.children!.map((child, index) => (\n            <div key={child.id} style={{ marginTop: index > 0 ? 8 : 0 }}>\n              <TreeNode\n                message={child}\n                tokens={tokens}\n                size={size}\n                showTimestamp={showTimestamp}\n                timeFormat={timeFormat}\n                onClick={onClick}\n                depth={depth + 1}\n                showConnectors={showConnectors}\n                isLast={index === message.children!.length - 1}\n              />\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n});\n\n// =============================================================================\n// MessageStream Component\n// =============================================================================\n\nexport const MessageStream = memo(function MessageStream({\n  title,\n  subtitle,\n  messages,\n  maxHeight,\n  showTimestamps = false,\n  timeFormat = 'relative',\n  variant = 'list',\n  className = '',\n  size = 'md',\n  onMessageClick,\n  loading = false,\n  emptyMessage = 'No messages',\n  showConnectors = true,\n  collapsible = false,\n  defaultExpanded = false,\n  onPinChange,\n}: MessageStreamProps): React.ReactElement {\n  const { tokens, theme, prefersReducedMotion } = useTheme();\n  const isTransparentTheme = theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n\n  // Collapsible compact mode state management\n  const { expanded, isPinned, handlers, transitionDuration } = useCompactMode({\n    compact: collapsible,\n    defaultExpanded,\n    onPinChange,\n  });\n  \n  // Card container styles - Use transparent background with blur for transparent themes (matching Timeline)\n  const containerStyle = useMemo(() => ({\n    backgroundColor: isTransparentTheme ? 'transparent' : tokens.colors.background.surface,\n    ...(isTransparentTheme && { \n      backdropFilter: 'blur(12px)' as const, \n      WebkitBackdropFilter: 'blur(12px)' as const,\n    }),\n    ...(tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` }),\n    borderRadius: tokens.borderRadius.lg,\n    padding: tokens.spacing.md,\n    display: 'flex',\n    flexDirection: 'column' as const,\n  }), [tokens, isTransparentTheme]);\n\n  // Count messages by status for compact view summary (must be before any conditional return for rules-of-hooks)\n  const statusCounts = useMemo(() => {\n    const counts = { normal: 0, caution: 0, critical: 0, other: 0 };\n    messages.forEach(m => {\n      if (m.status === 'normal') counts.normal++;\n      else if (m.status === 'caution') counts.caution++;\n      else if (m.status === 'critical' || m.status === 'serious') counts.critical++;\n      else counts.other++;\n    });\n    return counts;\n  }, [messages]);\n  \n  // Loading skeleton\n  if (loading) {\n    return (\n      <article\n        className={classNames('zendir-message-stream', className)}\n        style={containerStyle}\n        aria-busy=\"true\"\n        aria-label=\"Loading messages\"\n      >\n        {title && (\n          <div style={{ marginBottom: 16 }}>\n            <div style={{\n              height: 18,\n              width: 120,\n              backgroundColor: tokens.colors.background.elevated,\n              borderRadius: 4,\n              marginBottom: 8,\n            }} />\n            {subtitle && (\n              <div style={{\n                height: 14,\n                width: 200,\n                backgroundColor: tokens.colors.background.elevated,\n                borderRadius: 4,\n              }} />\n            )}\n          </div>\n        )}\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n          {[1, 2, 3].map((i) => (\n            <div\n              key={i}\n              style={{\n                height: 44,\n                backgroundColor: tokens.colors.background.elevated,\n                borderRadius: tokens.borderRadius.md,\n                border: `2px solid ${tokens.colors.border.muted}`,\n              }}\n            />\n          ))}\n        </div>\n      </article>\n    );\n  }\n\n  // Collapsed view - shows summary of messages\n  if (collapsible && !expanded) {\n    return (\n      <article\n        className={classNames('zendir-message-stream', 'collapsed', className)}\n        {...handlers}\n        style={{\n          ...containerStyle,\n          padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,\n          cursor: 'pointer',\n          transition: `all ${transitionDuration} ease-out`,\n        }}\n        onMouseEnter={(e) => {\n          handlers.onMouseEnter();\n          if (!prefersReducedMotion) {\n            (e.currentTarget as HTMLElement).style.transform = 'scale(1.01)';\n            (e.currentTarget as HTMLElement).style.boxShadow = `0 4px 12px ${tokens.colors.accent.primary}20`;\n          }\n        }}\n        onMouseLeave={(e) => {\n          handlers.onMouseLeave();\n          (e.currentTarget as HTMLElement).style.transform = 'scale(1)';\n          (e.currentTarget as HTMLElement).style.boxShadow = '';\n        }}\n        aria-label={`${title || 'Messages'} (collapsed)`}\n      >\n        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: tokens.spacing.md }}>\n          <div style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.sm }}>\n            <Icon name=\"message\" size={14} color={tokens.colors.accent.primary} />\n            <span style={{ fontWeight: tokens.typography.fontWeight.medium }}>\n              {title ? title.split(' ')[0] : 'Messages'}\n            </span>\n            <span style={{ color: tokens.colors.text.tertiary, fontSize: tokens.typography.fontSize.xs }}>\n              ({messages.length})\n            </span>\n          </div>\n          \n          <div style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.sm }}>\n            {statusCounts.critical > 0 && (\n              <span style={{ \n                color: tokens.colors.status.critical,\n                fontSize: tokens.typography.fontSize.xs,\n                fontWeight: tokens.typography.fontWeight.medium,\n              }}>\n                {statusCounts.critical} critical\n              </span>\n            )}\n            {statusCounts.caution > 0 && (\n              <span style={{ \n                color: tokens.colors.status.caution,\n                fontSize: tokens.typography.fontSize.xs,\n                fontWeight: tokens.typography.fontWeight.medium,\n              }}>\n                {statusCounts.caution} warn\n              </span>\n            )}\n            {isPinned && (\n              <Icon name=\"lock\" size={12} color={tokens.colors.accent.primary} />\n            )}\n          </div>\n        </div>\n      </article>\n    );\n  }\n  \n  return (\n    <div\n      className={classNames('zendir-message-stream', collapsible ? 'expanded' : '', className)}\n      {...(collapsible ? handlers : {})}\n      role={collapsible ? handlers.role : 'log'}\n      tabIndex={collapsible ? handlers.tabIndex : undefined}\n      aria-expanded={collapsible ? handlers['aria-expanded'] : undefined}\n      style={{\n        ...containerStyle,\n        cursor: collapsible ? 'pointer' : undefined,\n        transition: collapsible ? `all ${transitionDuration} ease-out` : undefined,\n      }}\n      aria-label={title || 'Message stream'}\n      aria-live=\"polite\"\n    >\n      {/* Header */}\n      {(title || subtitle) && (\n        <header style={{ marginBottom: 16 }}>\n          {title && (\n            <h3 style={{\n              fontSize: tokens.typography.fontSize.lg,\n              fontWeight: 500, // AstroUXDS medium for headers\n              color: tokens.colors.text.primary,\n              margin: 0,\n            }}>\n              {title}\n            </h3>\n          )}\n          {subtitle && (\n            <p style={{\n              fontSize: tokens.typography.fontSize.sm,\n              color: tokens.colors.text.tertiary,\n              margin: '4px 0 0 0',\n            }}>\n              {subtitle}\n            </p>\n          )}\n        </header>\n      )}\n      \n      {/* Messages Container — tabIndex for keyboard scroll access (WCAG 2.1.1) */}\n      <div\n        role=\"list\"\n        tabIndex={maxHeight ? 0 : undefined}\n        aria-label={maxHeight ? `${title || 'Messages'} scrollable list` : undefined}\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: variant === 'compact' ? 4 : 8,\n          ...(maxHeight && {\n            maxHeight,\n            overflowY: 'auto',\n            paddingRight: 8,\n          }),\n        }}\n      >\n        {messages.length === 0 ? (\n          <div\n            style={{\n              textAlign: 'center',\n              padding: 32,\n              color: tokens.colors.text.tertiary,\n              fontSize: tokens.typography.fontSize.sm,\n            }}\n          >\n            {emptyMessage}\n          </div>\n        ) : variant === 'tree' ? (\n          messages.map((message, index) => (\n            <TreeNode\n              key={message.id}\n              message={message}\n              tokens={tokens}\n              size={size}\n              showTimestamp={showTimestamps}\n              timeFormat={timeFormat}\n              onClick={onMessageClick}\n              depth={0}\n              showConnectors={showConnectors}\n              isLast={index === messages.length - 1}\n            />\n          ))\n        ) : (\n          messages.map((message) => (\n            <MessageCard\n              key={message.id}\n              message={message}\n              tokens={tokens}\n              size={size}\n              showTimestamp={showTimestamps}\n              timeFormat={timeFormat}\n              onClick={onMessageClick}\n              variant={variant}\n            />\n          ))\n        )}\n      </div>\n    </div>\n  );\n});\n\nexport default MessageStream;\n"],"names":["MessageCard","TreeNode","MessageStream"],"mappings":";;;;;;AAgGA,MAAM,gBAAuF;AAAA,EAC3F,KAAK,CAAC,MAAM,UACV,oBAAC,SAAI,SAAQ,aAAY,OAAO,MAAM,QAAQ,MAAM,eAAY,QAC9D,UAAA,oBAAC,UAAA,EAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,MAAM,MAAA,CAAO,EAAA,CAC3C;AAAA,EAEF,SAAS,CAAC,MAAM,UACd,oBAAC,OAAA,EAAI,SAAQ,aAAY,OAAO,MAAM,QAAQ,MAAM,eAAY,QAC9D,UAAA,oBAAC,UAAA,EAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,MAAK,QAAO,QAAQ,OAAO,aAAY,IAAA,CAAI,GACzE;AAAA,EAEF,QAAQ,CAAC,MAAM,UACb,oBAAC,SAAI,SAAQ,aAAY,OAAO,MAAM,QAAQ,MAAM,eAAY,QAC9D,UAAA,oBAAC,UAAA,EAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,MAAM,MAAA,CAAO,EAAA,CAC3C;AAAA,EAEF,SAAS,CAAC,MAAM,UACd,oBAAC,OAAA,EAAI,SAAQ,aAAY,OAAO,MAAM,QAAQ,MAAM,eAAY,QAC9D,UAAA,oBAAC,QAAA,EAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,MAAM,MAAA,CAAO,EAAA,CACxD;AAAA,EAEF,SAAS,CAAC,MAAM,8BACb,OAAA,EAAI,SAAQ,aAAY,OAAO,MAAM,QAAQ,MAAM,eAAY,QAC9D,UAAA,oBAAC,WAAA,EAAQ,QAAO,qBAAoB,MAAM,OAAO,EAAA,CACnD;AAAA,EAEF,UAAU,CAAC,MAAM,8BACd,OAAA,EAAI,SAAQ,aAAY,OAAO,MAAM,QAAQ,MAAM,eAAY,QAC9D,UAAA,oBAAC,WAAA,EAAQ,QAAO,iBAAgB,MAAM,OAAO,EAAA,CAC/C;AAEJ;AAMA,SAAS,eAAe,QAAiC,QAAqB;AAC5E,UAAQ,QAAA;AAAA,IACN,KAAK;AAAU,aAAO,OAAO,OAAO,OAAO;AAAA,IAC3C,KAAK;AAAW,aAAO,OAAO,OAAO,OAAO;AAAA,IAC5C,KAAK;AAAW,aAAO,OAAO,OAAO,OAAO;AAAA,IAC5C,KAAK;AAAW,aAAO,OAAO,OAAO,OAAO;AAAA,IAC5C,KAAK;AAAY,aAAO,OAAO,OAAO,OAAO;AAAA,IAC7C,KAAK;AAAO,aAAO,OAAO,OAAO,OAAO;AAAA,IACxC;AAAS,aAAO,OAAO,OAAO,OAAO;AAAA,EAAA;AAEzC;AAEA,SAAS,gBACP,WACA,QACQ;AACR,MAAI,CAAC,UAAW,QAAO;AAEvB,QAAM,OAAO,OAAO,cAAc,WAAW,IAAI,KAAK,SAAS,IAAI;AAEnE,MAAI,WAAW,YAAY;AACzB,UAAM,0BAAU,KAAA;AAChB,UAAM,OAAO,IAAI,QAAA,IAAY,KAAK,QAAA;AAClC,UAAM,UAAU,KAAK,MAAM,OAAO,GAAI;AACtC,UAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,UAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AAErC,QAAI,UAAU,GAAI,QAAO;AACzB,QAAI,UAAU,GAAI,QAAO,GAAG,OAAO;AACnC,QAAI,QAAQ,GAAI,QAAO,GAAG,KAAK;AAC/B,WAAO,KAAK,mBAAA;AAAA,EACd;AAEA,MAAI,WAAW,aAAa;AAC1B,WAAO,KAAK,mBAAmB,CAAA,GAAI,EAAE,MAAM,WAAW,QAAQ,WAAW,QAAQ,WAAW;AAAA,EAC9F;AAEA,SAAO,KAAK,eAAA;AACd;AAgBA,MAAM,cAAc,KAAK,SAASA,aAAY;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,SAAS,QAAQ,UAAU;AACjC,QAAM,cAAc,eAAe,QAAQ,MAAM;AAEjD,QAAM,aAAa;AAAA,IACjB,IAAI,EAAE,SAAS,GAAG,UAAU,WAAW,eAAe,YAAY,UAAU,IAAI,KAAK,EAAA;AAAA;AAAA,IACrF,IAAI,EAAE,SAAS,IAAI,UAAU,YAAY,eAAe,WAAW,UAAU,IAAI,KAAK,EAAA;AAAA;AAAA,IACtF,IAAI,EAAE,SAAS,IAAI,UAAU,QAAQ,eAAe,YAAY,UAAU,IAAI,KAAK,GAAA;AAAA;AAAA,EAAG,EACtF,IAAI;AAEN,QAAM,YAAY,YAAY;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,GAAG,QAAQ,IAAI,MAAM,MAAM;AAAA,MACvC,SAAS,MAAM,mCAAU;AAAA,MACzB,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK,WAAW;AAAA,QAChB,SAAS,YAAY,GAAG,WAAW,UAAU,CAAC,MAAM,WAAW,OAAO,OAAO,WAAW;AAAA,QACxF,iBAAiB,OAAO,OAAO,WAAW;AAAA,QAC1C,QAAQ,eAAe,WAAW;AAAA,QAClC,cAAc,OAAO,aAAa;AAAA,QAClC,QAAQ,UAAU,YAAY;AAAA,QAC9B,YAAY;AAAA,QACZ,GAAI,QAAQ,UAAU;AAAA,UACpB,WAAW,aAAa,WAAW;AAAA,QAAA;AAAA,MACrC;AAAA,MAEF,cAAc,CAAC,MAAM;AACnB,YAAI,SAAS;AACX,YAAE,cAAc,MAAM,kBAAkB,OAAO,OAAO,WAAW;AACjE,YAAE,cAAc,MAAM,YAAY;AAAA,QACpC;AAAA,MACF;AAAA,MACA,cAAc,CAAC,MAAM;AACnB,YAAI,SAAS;AACX,YAAE,cAAc,MAAM,kBAAkB,OAAO,OAAO,WAAW;AACjE,YAAE,cAAc,MAAM,YAAY;AAAA,QACpC;AAAA,MACF;AAAA,MAGA,UAAA;AAAA,QAAA,oBAAC,UAAK,OAAO,EAAE,YAAY,GAAG,SAAS,QAAQ,YAAY,YACxD,wBAAc,MAAM,EAAE,WAAW,UAAU,WAAW,GACzD;AAAA,QAGA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,MAAM;AAAA,cACN,UAAU,WAAW;AAAA,cACrB,YAAY;AAAA,cACZ,OAAO,OAAO,OAAO,KAAK;AAAA,cAC1B,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,cAAc;AAAA,YAAA;AAAA,YAGf,UAAA,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAIV,QAAQ,WAAW,CAAC,aACnB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU,WAAW;AAAA,cACrB,OAAO,OAAO,OAAO,KAAK;AAAA,YAAA;AAAA,YAG3B,UAAA,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAKZ,iBAAiB,QAAQ,aACxB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU,WAAW;AAAA,cACrB,OAAO,OAAO,OAAO,KAAK;AAAA,cAC1B,YAAY,OAAO,WAAW,WAAW;AAAA,cACzC,YAAY;AAAA,YAAA;AAAA,YAGb,UAAA,gBAAgB,QAAQ,WAAW,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAChD;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAkBD,MAAM,WAAW,KAAK,SAASC,UAAS;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkB;AAChB,QAAM,cAAc,QAAQ,YAAY,QAAQ,SAAS,SAAS;AAClE,QAAM,aAAa;AAEnB,8BACG,OAAA,EAAI,OAAO,EAAE,UAAU,cAErB,UAAA;AAAA,IAAA,kBAAkB,QAAQ,KACzB,qBAAA,UAAA,EAEE,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU;AAAA,YACV,OAAO,QAAQ,KAAK,aAAa;AAAA,YACjC,KAAK;AAAA,YACL,OAAO;AAAA,YACP,QAAQ,SAAS,QAAQ;AAAA,YACzB,iBAAiB,OAAO,OAAO,OAAO;AAAA,UAAA;AAAA,QACxC;AAAA,MAAA;AAAA,MAGF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU;AAAA,YACV,OAAO,QAAQ,KAAK,aAAa;AAAA,YACjC,KAAK;AAAA,YACL,OAAO,aAAa;AAAA,YACpB,QAAQ;AAAA,YACR,iBAAiB,OAAO,OAAO,OAAO;AAAA,UAAA;AAAA,QACxC;AAAA,MAAA;AAAA,IACF,GACF;AAAA,wBAID,OAAA,EAAI,OAAO,EAAE,YAAY,QAAQ,cAChC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAQ;AAAA,MAAA;AAAA,IAAA,GAEZ;AAAA,IAGC,mCACE,OAAA,EAAI,OAAO,EAAE,WAAW,EAAA,GACtB,UAAA,QAAQ,SAAU,IAAI,CAAC,OAAO,UAC7B,oBAAC,OAAA,EAAmB,OAAO,EAAE,WAAW,QAAQ,IAAI,IAAI,EAAA,GACtD,UAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,QAAQ;AAAA,QACf;AAAA,QACA,QAAQ,UAAU,QAAQ,SAAU,SAAS;AAAA,MAAA;AAAA,IAAA,KAVvC,MAAM,EAYhB,CACD,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ,CAAC;AAMM,MAAM,gBAAgB,KAAK,SAASC,eAAc;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB;AACF,GAA2C;AACzC,QAAM,EAAE,QAAQ,OAAO,qBAAA,IAAyB,SAAA;AAChD,QAAM,qBAAqB,UAAU,iBAAiB,UAAU,sBAAsB,UAAU;AAGhG,QAAM,EAAE,UAAU,UAAU,UAAU,mBAAA,IAAuB,eAAe;AAAA,IAC1E,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EAAA,CACD;AAGD,QAAM,iBAAiB,QAAQ,OAAO;AAAA,IACpC,iBAAiB,qBAAqB,gBAAgB,OAAO,OAAO,WAAW;AAAA,IAC/E,GAAI,sBAAsB;AAAA,MACxB,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,IAAA;AAAA,IAExB,GAAI,OAAO,OAAO,OAAO,aAAa,EAAE,QAAQ,aAAa,OAAO,OAAO,OAAO,KAAK,GAAA;AAAA,IACvF,cAAc,OAAO,aAAa;AAAA,IAClC,SAAS,OAAO,QAAQ;AAAA,IACxB,SAAS;AAAA,IACT,eAAe;AAAA,EAAA,IACb,CAAC,QAAQ,kBAAkB,CAAC;AAGhC,QAAM,eAAe,QAAQ,MAAM;AACjC,UAAM,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,EAAA;AAC5D,aAAS,QAAQ,CAAA,MAAK;AACpB,UAAI,EAAE,WAAW,SAAU,QAAO;AAAA,eACzB,EAAE,WAAW,UAAW,QAAO;AAAA,eAC/B,EAAE,WAAW,cAAc,EAAE,WAAW,UAAW,QAAO;AAAA,UAC9D,QAAO;AAAA,IACd,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAGb,MAAI,SAAS;AACX,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,WAAW,yBAAyB,SAAS;AAAA,QACxD,OAAO;AAAA,QACP,aAAU;AAAA,QACV,cAAW;AAAA,QAEV,UAAA;AAAA,UAAA,8BACE,OAAA,EAAI,OAAO,EAAE,cAAc,MAC1B,UAAA;AAAA,YAAA,oBAAC,SAAI,OAAO;AAAA,cACV,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,iBAAiB,OAAO,OAAO,WAAW;AAAA,cAC1C,cAAc;AAAA,cACd,cAAc;AAAA,YAAA,GACb;AAAA,YACF,YACC,oBAAC,OAAA,EAAI,OAAO;AAAA,cACV,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,iBAAiB,OAAO,OAAO,WAAW;AAAA,cAC1C,cAAc;AAAA,YAAA,EAChB,CAAG;AAAA,UAAA,GAEP;AAAA,8BAED,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,EAAA,GAC1D,WAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,OAAO;AAAA,gBACL,QAAQ;AAAA,gBACR,iBAAiB,OAAO,OAAO,WAAW;AAAA,gBAC1C,cAAc,OAAO,aAAa;AAAA,gBAClC,QAAQ,aAAa,OAAO,OAAO,OAAO,KAAK;AAAA,cAAA;AAAA,YACjD;AAAA,YANK;AAAA,UAAA,CAQR,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAGA,MAAI,eAAe,CAAC,UAAU;AAC5B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,WAAW,yBAAyB,aAAa,SAAS;AAAA,QACpE,GAAG;AAAA,QACJ,OAAO;AAAA,UACL,GAAG;AAAA,UACH,SAAS,GAAG,OAAO,QAAQ,EAAE,IAAI,OAAO,QAAQ,EAAE;AAAA,UAClD,QAAQ;AAAA,UACR,YAAY,OAAO,kBAAkB;AAAA,QAAA;AAAA,QAEvC,cAAc,CAAC,MAAM;AACnB,mBAAS,aAAA;AACT,cAAI,CAAC,sBAAsB;AACxB,cAAE,cAA8B,MAAM,YAAY;AAClD,cAAE,cAA8B,MAAM,YAAY,cAAc,OAAO,OAAO,OAAO,OAAO;AAAA,UAC/F;AAAA,QACF;AAAA,QACA,cAAc,CAAC,MAAM;AACnB,mBAAS,aAAA;AACR,YAAE,cAA8B,MAAM,YAAY;AAClD,YAAE,cAA8B,MAAM,YAAY;AAAA,QACrD;AAAA,QACA,cAAY,GAAG,SAAS,UAAU;AAAA,QAElC,UAAA,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,OAAO,QAAQ,MACxG,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,OAAO,QAAQ,GAAA,GACvE,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAK,MAAK,WAAU,MAAM,IAAI,OAAO,OAAO,OAAO,OAAO,QAAA,CAAS;AAAA,gCACnE,QAAA,EAAK,OAAO,EAAE,YAAY,OAAO,WAAW,WAAW,OAAA,GACrD,kBAAQ,MAAM,MAAM,GAAG,EAAE,CAAC,IAAI,YACjC;AAAA,YACA,qBAAC,QAAA,EAAK,OAAO,EAAE,OAAO,OAAO,OAAO,KAAK,UAAU,UAAU,OAAO,WAAW,SAAS,MAAM,UAAA;AAAA,cAAA;AAAA,cAC1F,SAAS;AAAA,cAAO;AAAA,YAAA,EAAA,CACpB;AAAA,UAAA,GACF;AAAA,UAEA,qBAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,OAAO,QAAQ,GAAA,GACtE,UAAA;AAAA,YAAA,aAAa,WAAW,KACvB,qBAAC,QAAA,EAAK,OAAO;AAAA,cACX,OAAO,OAAO,OAAO,OAAO;AAAA,cAC5B,UAAU,OAAO,WAAW,SAAS;AAAA,cACrC,YAAY,OAAO,WAAW,WAAW;AAAA,YAAA,GAExC,UAAA;AAAA,cAAA,aAAa;AAAA,cAAS;AAAA,YAAA,GACzB;AAAA,YAED,aAAa,UAAU,KACtB,qBAAC,UAAK,OAAO;AAAA,cACX,OAAO,OAAO,OAAO,OAAO;AAAA,cAC5B,UAAU,OAAO,WAAW,SAAS;AAAA,cACrC,YAAY,OAAO,WAAW,WAAW;AAAA,YAAA,GAExC,UAAA;AAAA,cAAA,aAAa;AAAA,cAAQ;AAAA,YAAA,GACxB;AAAA,YAED,YACC,oBAAC,MAAA,EAAK,MAAK,QAAO,MAAM,IAAI,OAAO,OAAO,OAAO,OAAO,QAAA,CAAS;AAAA,UAAA,EAAA,CAErE;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,yBAAyB,cAAc,aAAa,IAAI,SAAS;AAAA,MACtF,GAAI,cAAc,WAAW,CAAA;AAAA,MAC9B,MAAM,cAAc,SAAS,OAAO;AAAA,MACpC,UAAU,cAAc,SAAS,WAAW;AAAA,MAC5C,iBAAe,cAAc,SAAS,eAAe,IAAI;AAAA,MACzD,OAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,cAAc,YAAY;AAAA,QAClC,YAAY,cAAc,OAAO,kBAAkB,cAAc;AAAA,MAAA;AAAA,MAEnE,cAAY,SAAS;AAAA,MACrB,aAAU;AAAA,MAGR,UAAA;AAAA,SAAA,SAAS,aACT,qBAAC,UAAA,EAAO,OAAO,EAAE,cAAc,MAC5B,UAAA;AAAA,UAAA,SACC,oBAAC,QAAG,OAAO;AAAA,YACT,UAAU,OAAO,WAAW,SAAS;AAAA,YACrC,YAAY;AAAA;AAAA,YACZ,OAAO,OAAO,OAAO,KAAK;AAAA,YAC1B,QAAQ;AAAA,UAAA,GAEP,UAAA,OACH;AAAA,UAED,YACC,oBAAC,KAAA,EAAE,OAAO;AAAA,YACR,UAAU,OAAO,WAAW,SAAS;AAAA,YACrC,OAAO,OAAO,OAAO,KAAK;AAAA,YAC1B,QAAQ;AAAA,UAAA,GAEP,UAAA,SAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QAIF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU,YAAY,IAAI;AAAA,YAC1B,cAAY,YAAY,GAAG,SAAS,UAAU,qBAAqB;AAAA,YACnE,OAAO;AAAA,cACL,SAAS;AAAA,cACT,eAAe;AAAA,cACf,KAAK,YAAY,YAAY,IAAI;AAAA,cACjC,GAAI,aAAa;AAAA,gBACf;AAAA,gBACA,WAAW;AAAA,gBACX,cAAc;AAAA,cAAA;AAAA,YAChB;AAAA,YAGD,UAAA,SAAS,WAAW,IACnB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,kBACL,WAAW;AAAA,kBACX,SAAS;AAAA,kBACT,OAAO,OAAO,OAAO,KAAK;AAAA,kBAC1B,UAAU,OAAO,WAAW,SAAS;AAAA,gBAAA;AAAA,gBAGtC,UAAA;AAAA,cAAA;AAAA,YAAA,IAED,YAAY,SACd,SAAS,IAAI,CAAC,SAAS,UACrB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,eAAe;AAAA,gBACf;AAAA,gBACA,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP;AAAA,gBACA,QAAQ,UAAU,SAAS,SAAS;AAAA,cAAA;AAAA,cAT/B,QAAQ;AAAA,YAAA,CAWhB,IAED,SAAS,IAAI,CAAC,YACZ;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,eAAe;AAAA,gBACf;AAAA,gBACA,SAAS;AAAA,gBACT;AAAA,cAAA;AAAA,cAPK,QAAQ;AAAA,YAAA,CAShB;AAAA,UAAA;AAAA,QAAA;AAAA,MAEL;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"MissionCalendar.js","sources":["../../../src/react/core/MissionCalendar.tsx"],"sourcesContent":["/**\n * @zendir/ui - MissionCalendar Component\n * \n * Full-featured calendar for mission planning and scheduling with 5 views:\n * Month, Week (time-grid), Day (time-grid), Gantt, and List.\n * \n * Includes a mini calendar sidebar for quick date navigation, timeline\n * and event type filtering, right-click to create at time slots, week\n * number display, and DOY (Day of Year) in the header.\n * \n * Features (matching/exceeding OpenC3 Calendar):\n * - Day / Week / Month / Gantt / List views\n * - Time-grid with 30-min rows for Week and Day views\n * - Mini calendar sidebar with event type + timeline filters\n * - Activity scheduling with command/script/reserve execution types\n * - Metadata recording (key-value pairs, start time only)\n * - Notes with start + end time\n * - Status-colored events per Astro UX (circle, square, triangle down)\n * - Activity lifecycle (created, started, completed, paused, stopped, error, etc.)\n * - Multi-timeline support (overlapping prevention per timeline)\n * - Right-click context menu to create events at specific time slots\n * - Week number + DOY display\n * - Contact window / eclipse / pass event types (beyond OpenC3)\n * - weekStartsMonday option (Sunday-Saturday or Monday-Sunday)\n * - Integration with Timeline component via onDayDrillDown\n * \n * @example\n * ```tsx\n * <MissionCalendar\n *   events={missionEvents}\n *   timelines={[{ id: 'ops', name: 'OPS-1', color: '#2dccff' }]}\n *   onEventCreate={(e) => console.log('New event:', e)}\n *   onEventClick={(e) => console.log('Clicked:', e)}\n * />\n * ```\n */\n\nimport React, { useState, useMemo, useCallback, memo, useRef } from 'react';\nimport { useTheme } from '../theme';\nimport { AstroIcon, type AstroIconName } from './AstroIcon';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CalendarViewMode = 'month' | 'week' | 'day' | 'gantt' | 'list';\n\nexport type ActivityStatus =\n  | 'created' | 'scheduled' | 'started' | 'completed'\n  | 'paused' | 'stopped' | 'disabled'\n  | 'error' | 'failed' | 'crashed';\n\nexport type ActivityType = 'command' | 'script' | 'reserve' | 'metadata' | 'note' | 'contact' | 'eclipse' | 'pass';\n\nexport interface CalendarEvent {\n  /** Unique identifier */\n  id: string;\n  /** Event title */\n  title: string;\n  /** Start time */\n  start: Date;\n  /** End time (optional for metadata/point events) */\n  end?: Date;\n  /** Activity type */\n  type: ActivityType;\n  /** Execution status */\n  status?: ActivityStatus;\n  /** Timeline this event belongs to */\n  timeline?: string;\n  /** Description / notes */\n  description?: string;\n  /** Command string (for command type) */\n  command?: string;\n  /** Script path (for script type) */\n  script?: string;\n  /** Metadata key-value pairs */\n  metadata?: Record<string, string | number | boolean>;\n  /** Whether this event is recurring */\n  recurring?: boolean;\n  /** Recurrence pattern */\n  recurrenceRule?: string;\n  /** Color override */\n  color?: string;\n  /** Whether the event is editable */\n  editable?: boolean;\n}\n\nexport interface CalendarTimeline {\n  /** Unique timeline ID */\n  id: string;\n  /** Display name */\n  name: string;\n  /** Color for this timeline */\n  color?: string;\n  /** Whether the timeline is active */\n  active?: boolean;\n}\n\nexport interface MissionCalendarProps {\n  /** Calendar events */\n  events: CalendarEvent[];\n  /** Available timelines */\n  timelines?: CalendarTimeline[];\n  /** Initial view mode (default: 'month') */\n  defaultView?: CalendarViewMode;\n  /** Initial date to display */\n  initialDate?: Date;\n  /** Height (default: 600) */\n  height?: number | string;\n  /** Title */\n  title?: string;\n  /** Show mini calendar sidebar (default: true) */\n  showSidebar?: boolean;\n  /** Show timeline selector (default: true) */\n  showTimelines?: boolean;\n  /** Show event type filter (default: true) */\n  showFilters?: boolean;\n  /** Show create button (default: true) */\n  showCreate?: boolean;\n  /** Week starts on Monday (default: true for ops) */\n  weekStartsMonday?: boolean;\n  /** Called when an event is clicked */\n  onEventClick?: (event: CalendarEvent) => void;\n  /** Called when creating a new event */\n  onEventCreate?: (event: Partial<CalendarEvent>) => void;\n  /** Called when navigating to a day (e.g., to open Timeline Gantt view) */\n  onDayDrillDown?: (date: Date, events: CalendarEvent[]) => void;\n  /** CSS class */\n  className?: string;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\nfunction getStatusColor(status: ActivityStatus | undefined, tokens: ReturnType<typeof useTheme>['tokens']): string {\n  if (!status) return tokens.colors.text.muted ?? tokens.colors.text.secondary;\n  switch (status) {\n    case 'created': case 'scheduled': return tokens.colors.status.standby;\n    case 'started': return tokens.colors.status.normal;\n    case 'completed': return tokens.colors.status.normal;\n    case 'paused': case 'stopped': case 'disabled': return tokens.colors.status.caution;\n    case 'error': case 'failed': case 'crashed': return tokens.colors.status.critical;\n  }\n}\n\n/**\n * Return Astro UX status shape per status level.\n *   off → small dot, standby → ring ◯, normal → filled circle ●,\n *   caution → square ■, serious → diamond ◆, critical → triangle down ▼\n */\nfunction getStatusShape(status: ActivityStatus | undefined): string {\n  if (!status) return '●';\n  switch (status) {\n    case 'created': case 'scheduled': return '◯';\n    case 'started': case 'completed': return '●';\n    case 'paused': case 'stopped': case 'disabled': return '■';\n    case 'error': case 'failed': case 'crashed': return '▼';\n  }\n}\n\nconst TYPE_ICON_ASTRO: ActivityType[] = ['contact', 'eclipse', 'pass'];\n\nfunction getTypeIcon(type: ActivityType): string {\n  switch (type) {\n    case 'command': return '⌘';\n    case 'script': return '▶';\n    case 'reserve': return '▒';\n    case 'metadata': return '◆';\n    case 'note': return '✎';\n    case 'contact': return 'antenna';\n    case 'eclipse': return 'brightness-2';\n    case 'pass': return 'satellite';\n  }\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n  return new Date(year, month + 1, 0).getDate();\n}\n\nfunction getFirstDayOfMonth(year: number, month: number, mondayStart: boolean): number {\n  const day = new Date(year, month, 1).getDay();\n  if (mondayStart) return day === 0 ? 6 : day - 1;\n  return day;\n}\n\nfunction isSameDay(a: Date, b: Date): boolean {\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n}\n\nfunction formatTime(d: Date): string {\n  return d.toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit' });\n}\n\nfunction getWeekDates(date: Date, mondayStart: boolean): Date[] {\n  const d = new Date(date);\n  const day = d.getDay();\n  const diff = mondayStart ? (day === 0 ? -6 : 1 - day) : -day;\n  const start = new Date(d);\n  start.setDate(start.getDate() + diff);\n  return Array.from({ length: 7 }, (_, i) => {\n    const dt = new Date(start);\n    dt.setDate(dt.getDate() + i);\n    return dt;\n  });\n}\n\n/** ISO week number */\nfunction getWeekNumber(d: Date): number {\n  const date = new Date(d.getTime());\n  date.setHours(0, 0, 0, 0);\n  date.setDate(date.getDate() + 3 - ((date.getDay() + 6) % 7));\n  const week1 = new Date(date.getFullYear(), 0, 4);\n  return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + ((week1.getDay() + 6) % 7)) / 7);\n}\n\n/** Day of year (1-366) */\nfunction getDayOfYear(d: Date): number {\n  const start = new Date(d.getFullYear(), 0, 0);\n  const diff = d.getTime() - start.getTime();\n  return Math.floor(diff / 86400000);\n}\n\n/** 30-minute time slots for the time-grid views */\nconst TIME_SLOTS: string[] = [];\nfor (let h = 0; h < 24; h++) {\n  TIME_SLOTS.push(`${String(h).padStart(2, '0')}:00`);\n  TIME_SLOTS.push(`${String(h).padStart(2, '0')}:30`);\n}\n\n// Row height for time-grid slots (px)\nconst SLOT_HEIGHT = 28;\n\n// =============================================================================\n// Sub-components\n// =============================================================================\n\nconst CalendarEventChip = memo(function CalendarEventChip({\n  event, tokens, compact, onClick,\n}: {\n  event: CalendarEvent;\n  tokens: ReturnType<typeof useTheme>['tokens'];\n  compact?: boolean;\n  onClick?: () => void;\n}) {\n  const color = event.color || getStatusColor(event.status, tokens);\n  return (\n    <div\n      onClick={e => { e.stopPropagation(); onClick?.(); }}\n      title={`${event.title}\\n${formatTime(event.start)}${event.end ? ' – ' + formatTime(event.end) : ''}\\n${event.description || ''}`}\n      style={{\n        background: `${color}22`,\n        color: tokens.colors.text.primary,\n        padding: compact ? '1px 4px' : '2px 6px',\n        borderRadius: tokens.borderRadius.sm,\n        fontSize: compact ? tokens.typography.fontSize.micro : tokens.typography.fontSize.xxs,\n        lineHeight: compact ? '14px' : '16px',\n        cursor: 'pointer',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n        display: 'flex',\n        alignItems: 'center',\n        gap: 3,\n        transition: 'background 150ms ease',\n        marginBottom: 1,\n      }}\n    >\n      <span style={{ fontSize: tokens.typography.fontSize.micro, opacity: 0.7 }}>\n        {TYPE_ICON_ASTRO.includes(event.type) ? (\n          <AstroIcon name={getTypeIcon(event.type) as AstroIconName} size=\"extra-small\" label=\"\" />\n        ) : (\n          getTypeIcon(event.type)\n        )}\n      </span>\n      {!compact && <span style={{ color, fontSize: tokens.typography.fontSize.micro }}>{getStatusShape(event.status)}</span>}\n      <span style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>{event.title}</span>\n    </div>\n  );\n});\n\n/** Mini calendar for sidebar */\nconst MiniCalendar = memo(function MiniCalendar({\n  currentDate, tokens, weekStartsMonday, onDateSelect, getEventsForDay,\n}: {\n  currentDate: Date;\n  tokens: ReturnType<typeof useTheme>['tokens'];\n  weekStartsMonday: boolean;\n  onDateSelect: (d: Date) => void;\n  getEventsForDay: (d: Date) => CalendarEvent[];\n}) {\n  const [miniDate, setMiniDate] = useState(new Date(currentDate));\n  const year = miniDate.getFullYear();\n  const month = miniDate.getMonth();\n  const today = new Date();\n\n  const dayLabels = weekStartsMonday\n    ? ['M', 'T', 'W', 'T', 'F', 'S', 'S']\n    : ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\n\n  const grid = useMemo(() => {\n    const firstDay = getFirstDayOfMonth(year, month, weekStartsMonday);\n    const daysInMonth = getDaysInMonth(year, month);\n    const daysInPrevMonth = getDaysInMonth(year, month === 0 ? 11 : month - 1);\n    const cells: { date: Date; isCurrentMonth: boolean }[] = [];\n    for (let i = firstDay - 1; i >= 0; i--) {\n      cells.push({ date: new Date(year, month - 1, daysInPrevMonth - i), isCurrentMonth: false });\n    }\n    for (let i = 1; i <= daysInMonth; i++) {\n      cells.push({ date: new Date(year, month, i), isCurrentMonth: true });\n    }\n    while (cells.length < 42) {\n      cells.push({ date: new Date(year, month + 1, cells.length - firstDay - daysInMonth + 1), isCurrentMonth: false });\n    }\n    return cells;\n  }, [year, month, weekStartsMonday]);\n\n  return (\n    <div>\n      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 6 }}>\n        <button onClick={() => setMiniDate(new Date(year, month - 1))} style={{ background: 'none', border: 'none', color: tokens.colors.text.muted, cursor: 'pointer', fontSize: 12, padding: '2px 6px' }}>◀</button>\n        <span style={{ fontWeight: 500, fontSize: 11 }}>\n          {miniDate.toLocaleDateString('en-US', { month: 'short', year: 'numeric' })}\n        </span>\n        <button onClick={() => setMiniDate(new Date(year, month + 1))} style={{ background: 'none', border: 'none', color: tokens.colors.text.muted, cursor: 'pointer', fontSize: 12, padding: '2px 6px' }}>▶</button>\n      </div>\n      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)', gap: 0 }}>\n        {dayLabels.map((d, i) => (\n          <div key={i} style={{ textAlign: 'center', fontSize: 9, color: tokens.colors.text.muted, fontWeight: 500, padding: '2px 0' }}>{d}</div>\n        ))}\n        {grid.map(({ date, isCurrentMonth }, idx) => {\n          const isToday = isSameDay(date, today);\n          const isSelected = isSameDay(date, currentDate);\n          const hasEvents = getEventsForDay(date).length > 0;\n          return (\n            <div\n              key={idx}\n              onClick={() => onDateSelect(date)}\n              style={{\n                textAlign: 'center', fontSize: 10, padding: '3px 0', cursor: 'pointer',\n                color: isSelected ? tokens.colors.text.inverse : isCurrentMonth ? tokens.colors.text.primary : tokens.colors.text.muted + '55',\n                fontWeight: isToday || isSelected ? 700 : 400,\n                background: isSelected ? tokens.colors.interactive.default : isToday ? `${tokens.colors.interactive.default}20` : 'transparent',\n                borderRadius: isSelected || isToday ? tokens.borderRadius.full : 0,\n                position: 'relative',\n              }}\n            >\n              {date.getDate()}\n              {hasEvents && !isSelected && (\n                <span style={{\n                  position: 'absolute', bottom: 0, left: '50%', transform: 'translateX(-50%)',\n                  width: 3, height: 3, borderRadius: '50%',\n                  background: tokens.colors.interactive.default,\n                }} />\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n});\n\n// =============================================================================\n// Main Component\n// =============================================================================\n\nexport const MissionCalendar = memo(function MissionCalendar({\n  events,\n  timelines = [],\n  defaultView = 'month',\n  initialDate,\n  height = 600,\n  title,\n  showSidebar = true,\n  showTimelines = true,\n  showFilters = true,\n  showCreate = true,\n  weekStartsMonday = true,\n  onEventClick,\n  onEventCreate,\n  onDayDrillDown,\n  className = '',\n}: MissionCalendarProps): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const isTransparentTheme =\n    theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  const [viewMode, setViewMode] = useState<CalendarViewMode>(defaultView);\n  const [currentDate, setCurrentDate] = useState(initialDate || new Date());\n  const [selectedTimelines, setSelectedTimelines] = useState<Set<string>>(\n    new Set(timelines.map(t => t.id))\n  );\n  const [typeFilter, setTypeFilter] = useState<Set<ActivityType>>(\n    new Set(['command', 'script', 'reserve', 'metadata', 'note', 'contact', 'eclipse', 'pass'])\n  );\n  const [contextMenu, setContextMenu] = useState<{ x: number; y: number; date: Date } | null>(null);\n  const bodyRef = useRef<HTMLDivElement>(null);\n\n  const year = currentDate.getFullYear();\n  const month = currentDate.getMonth();\n\n  // Filter events\n  const filteredEvents = useMemo(() =>\n    events.filter(e =>\n      typeFilter.has(e.type) &&\n      (selectedTimelines.size === 0 || !e.timeline || selectedTimelines.has(e.timeline))\n    ),\n  [events, typeFilter, selectedTimelines]);\n\n  // Events by day\n  const eventsByDay = useMemo(() => {\n    const map = new Map<string, CalendarEvent[]>();\n    filteredEvents.forEach(e => {\n      const key = `${e.start.getFullYear()}-${e.start.getMonth()}-${e.start.getDate()}`;\n      if (!map.has(key)) map.set(key, []);\n      map.get(key)!.push(e);\n      if (e.end) {\n        const days = Math.ceil((e.end.getTime() - e.start.getTime()) / 86400000);\n        for (let d = 1; d <= days && d < 30; d++) {\n          const next = new Date(e.start);\n          next.setDate(next.getDate() + d);\n          const nk = `${next.getFullYear()}-${next.getMonth()}-${next.getDate()}`;\n          if (!map.has(nk)) map.set(nk, []);\n          map.get(nk)!.push(e);\n        }\n      }\n    });\n    return map;\n  }, [filteredEvents]);\n\n  const getEventsForDay = useCallback((d: Date) => {\n    const key = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;\n    return eventsByDay.get(key) || [];\n  }, [eventsByDay]);\n\n  // Navigation\n  const navigate = useCallback((dir: -1 | 0 | 1) => {\n    if (dir === 0) { setCurrentDate(new Date()); return; }\n    const d = new Date(currentDate);\n    if (viewMode === 'month') d.setMonth(d.getMonth() + dir);\n    else if (viewMode === 'week' || viewMode === 'gantt') d.setDate(d.getDate() + dir * 7);\n    else d.setDate(d.getDate() + dir);\n    setCurrentDate(d);\n  }, [currentDate, viewMode]);\n\n  const toggleTimeline = useCallback((id: string) => {\n    setSelectedTimelines(prev => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id); else next.add(id);\n      return next;\n    });\n  }, []);\n\n  const toggleType = useCallback((type: ActivityType) => {\n    setTypeFilter(prev => {\n      const next = new Set(prev);\n      if (next.has(type)) next.delete(type); else next.add(type);\n      return next;\n    });\n  }, []);\n\n  const dayNames = weekStartsMonday\n    ? ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']\n    : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\n  const monthLabel = currentDate.toLocaleDateString('en-US', { month: 'long', year: 'numeric' });\n  const today = new Date();\n  const weekNum = getWeekNumber(currentDate);\n  const doy = getDayOfYear(currentDate);\n\n  // Month view grid\n  const monthGrid = useMemo(() => {\n    const firstDay = getFirstDayOfMonth(year, month, weekStartsMonday);\n    const daysInMonth = getDaysInMonth(year, month);\n    const daysInPrevMonth = getDaysInMonth(year, month === 0 ? 11 : month - 1);\n    const cells: { date: Date; isCurrentMonth: boolean }[] = [];\n    for (let i = firstDay - 1; i >= 0; i--) {\n      cells.push({ date: new Date(year, month - 1, daysInPrevMonth - i), isCurrentMonth: false });\n    }\n    for (let i = 1; i <= daysInMonth; i++) {\n      cells.push({ date: new Date(year, month, i), isCurrentMonth: true });\n    }\n    while (cells.length < 42) {\n      cells.push({ date: new Date(year, month + 1, cells.length - firstDay - daysInMonth + 1), isCurrentMonth: false });\n    }\n    return cells;\n  }, [year, month, weekStartsMonday]);\n\n  // Week view dates\n  const weekDates = useMemo(() => getWeekDates(currentDate, weekStartsMonday), [currentDate, weekStartsMonday]);\n\n  // Day events sorted by time\n  const dayEvents = useMemo(() => {\n    const evts = getEventsForDay(currentDate);\n    return [...evts].sort((a, b) => a.start.getTime() - b.start.getTime());\n  }, [currentDate, getEventsForDay]);\n\n  // List view\n  const listEvents = useMemo(() => {\n    const now = new Date();\n    const end = new Date(now);\n    end.setDate(end.getDate() + 7);\n    return filteredEvents\n      .filter(e => e.start >= now && e.start <= end)\n      .sort((a, b) => a.start.getTime() - b.start.getTime());\n  }, [filteredEvents]);\n\n  // Gantt: events in the selected week, grouped by timeline\n  const ganttData = useMemo(() => {\n    const weekStart = new Date(weekDates[0]);\n    weekStart.setHours(0, 0, 0, 0);\n    const weekEnd = new Date(weekDates[6]);\n    weekEnd.setHours(23, 59, 59, 999);\n    const weekEvents = filteredEvents.filter(e =>\n      e.start <= weekEnd && (e.end || e.start) >= weekStart\n    );\n    const tlMap = new Map<string, CalendarEvent[]>();\n    const noTl: CalendarEvent[] = [];\n    weekEvents.forEach(e => {\n      const tlId = e.timeline || '';\n      if (!tlId) { noTl.push(e); return; }\n      if (!tlMap.has(tlId)) tlMap.set(tlId, []);\n      tlMap.get(tlId)!.push(e);\n    });\n    const rows: { label: string; color: string; events: CalendarEvent[] }[] = [];\n    timelines.forEach(tl => {\n      if (tlMap.has(tl.id)) {\n        rows.push({ label: tl.name, color: tl.color || tokens.colors.interactive.default, events: tlMap.get(tl.id)! });\n      }\n    });\n    if (noTl.length > 0) rows.push({ label: 'Unassigned', color: tokens.colors.text.muted ?? tokens.colors.text.secondary, events: noTl });\n    return { rows, weekStart, weekEnd };\n  }, [filteredEvents, weekDates, timelines, tokens]);\n\n  // Right-click handler for time-grid\n  const handleContextMenu = useCallback((e: React.MouseEvent, date: Date, slotTime?: string) => {\n    e.preventDefault();\n    if (!onEventCreate) return;\n    const d = new Date(date);\n    if (slotTime) {\n      const [h, m] = slotTime.split(':').map(Number);\n      d.setHours(h, m, 0, 0);\n    }\n    setContextMenu({ x: e.clientX, y: e.clientY, date: d });\n  }, [onEventCreate]);\n\n  // Header text\n  const headerLabel = useMemo(() => {\n    if (viewMode === 'month') return monthLabel;\n    if (viewMode === 'week' || viewMode === 'gantt') {\n      return `${weekDates[0].toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} – ${weekDates[6].toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })}  Week ${weekNum}`;\n    }\n    return currentDate.toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' });\n  }, [viewMode, monthLabel, weekDates, weekNum, currentDate]);\n\n  // Sidebar content\n  const renderSidebar = () => (\n    <div style={{\n      width: 190, minWidth: 190, borderRight: `1px solid ${tokens.colors.border.muted}`,\n      background: tokens.colors.background.surface, padding: '8px 10px',\n      display: 'flex', flexDirection: 'column', gap: 12, overflow: 'auto',\n    }}>\n      <MiniCalendar\n        currentDate={currentDate}\n        tokens={tokens}\n        weekStartsMonday={weekStartsMonday}\n        onDateSelect={(d) => { setCurrentDate(d); if (viewMode === 'month') setViewMode('day'); }}\n        getEventsForDay={getEventsForDay}\n      />\n\n      {/* Event type filters */}\n      {showFilters && (\n        <div>\n          <div style={{ fontSize: 10, fontWeight: 500, color: tokens.colors.text.muted, textTransform: 'uppercase', letterSpacing: 0.5, marginBottom: 4 }}>\n            Event Types\n          </div>\n          {(['command', 'script', 'reserve', 'metadata', 'note', 'contact'] as ActivityType[]).map(type => (\n            <label key={type} style={{\n              display: 'flex', alignItems: 'center', gap: 6, padding: '2px 0', cursor: 'pointer', fontSize: 11,\n              color: typeFilter.has(type) ? tokens.colors.text.primary : tokens.colors.text.muted + '66',\n            }}>\n              <input\n                type=\"checkbox\"\n                checked={typeFilter.has(type)}\n                onChange={() => toggleType(type)}\n                style={{ accentColor: tokens.colors.interactive.default, width: 12, height: 12 }}\n              />\n              {TYPE_ICON_ASTRO.includes(type) ? (\n                <AstroIcon name={getTypeIcon(type) as AstroIconName} size=\"extra-small\" label=\"\" style={{ opacity: 0.7 }} />\n              ) : (\n                <span style={{ opacity: 0.7, fontSize: 10 }}>{getTypeIcon(type)}</span>\n              )}\n              <span style={{ textTransform: 'capitalize' }}>{type}</span>\n            </label>\n          ))}\n        </div>\n      )}\n\n      {/* Timeline filters */}\n      {showTimelines && timelines.length > 0 && (\n        <div>\n          <div style={{ fontSize: 10, fontWeight: 500, color: tokens.colors.text.muted, textTransform: 'uppercase', letterSpacing: 0.5, marginBottom: 4 }}>\n            Timelines\n          </div>\n          {timelines.map(tl => (\n            <label key={tl.id} style={{\n              display: 'flex', alignItems: 'center', gap: 6, padding: '3px 0', cursor: 'pointer', fontSize: 11,\n              color: selectedTimelines.has(tl.id) ? tokens.colors.text.primary : tokens.colors.text.muted + '66',\n            }}>\n              <input\n                type=\"checkbox\"\n                checked={selectedTimelines.has(tl.id)}\n                onChange={() => toggleTimeline(tl.id)}\n                style={{ accentColor: tl.color || tokens.colors.interactive.default, width: 12, height: 12 }}\n              />\n              <span style={{ width: 8, height: 8, borderRadius: '50%', background: tl.color || tokens.colors.interactive.default, flexShrink: 0 }} />\n              <span>{tl.name}</span>\n            </label>\n          ))}\n        </div>\n      )}\n\n      {/* Quick info */}\n      <div style={{\n        marginTop: 'auto', fontSize: 10, color: tokens.colors.text.muted,\n        borderTop: `1px solid ${tokens.colors.border.muted}`, paddingTop: 8,\n      }}>\n        <div>DOY: <span style={{ fontFamily: tokens.typography.fontFamily.mono, color: tokens.colors.text.secondary }}>{doy}</span></div>\n        <div>Week: <span style={{ fontFamily: tokens.typography.fontFamily.mono, color: tokens.colors.text.secondary }}>{weekNum}</span></div>\n        <div>UTC: <span style={{ fontFamily: tokens.typography.fontFamily.mono, color: tokens.colors.text.secondary }}>{today.toISOString().slice(11, 19)}</span></div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div\n      className={`mission-calendar ${className}`}\n      onClick={() => setContextMenu(null)}\n      style={{\n        height: typeof height === 'number' ? height : undefined,\n        background: tokens.colors.background.base,\n        ...(tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` }),\n        borderRadius: tokens.borderRadius.lg,\n        overflow: 'hidden',\n        display: 'flex',\n        flexDirection: 'column',\n        fontFamily: tokens.typography.fontFamily.primary,\n        color: tokens.colors.text.primary,\n        backdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n        WebkitBackdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n      }}\n    >\n      {/* Header */}\n      <div style={{\n        padding: '8px 14px',\n        borderBottom: `1px solid ${tokens.colors.border.muted}`,\n        background: tokens.colors.background.surface,\n        backdropFilter: 'blur(8px)',\n        display: 'flex', alignItems: 'center', justifyContent: 'space-between',\n        flexWrap: 'wrap', gap: 8,\n      }}>\n        <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>\n          {title && <span style={{ fontWeight: 500, fontSize: tokens.typography.fontSize.sm }}>{title}</span>}\n          <div style={{ display: 'flex', gap: 2 }}>\n            <button onClick={() => navigate(-1)} style={navBtnStyle(tokens)}>◀</button>\n            <button onClick={() => navigate(0)} style={{ ...navBtnStyle(tokens), padding: '3px 10px', fontSize: tokens.typography.fontSize.xs }}>Today</button>\n            <button onClick={() => navigate(1)} style={navBtnStyle(tokens)}>▶</button>\n          </div>\n          <span style={{ fontWeight: 500, fontSize: tokens.typography.fontSize.sm }}>\n            {headerLabel}\n          </span>\n          {/* DOY badge */}\n          <span style={{\n            fontSize: 9, fontFamily: tokens.typography.fontFamily.mono, color: tokens.colors.text.muted,\n            background: `${tokens.colors.text.muted}15`, padding: '1px 6px', borderRadius: tokens.borderRadius.sm,\n          }}>\n            DOY {doy}\n          </span>\n        </div>\n        <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n          {showCreate && (\n            <button\n              onClick={() => onEventCreate?.({ start: currentDate, type: 'reserve' })}\n              style={{\n                background: tokens.colors.interactive.default,\n                color: tokens.colors.text.inverse, border: 'none', borderRadius: tokens.borderRadius.md,\n                padding: '4px 12px', fontSize: tokens.typography.fontSize.xs, fontWeight: 500, cursor: 'pointer',\n              }}\n            >\n              + Activity\n            </button>\n          )}\n          <div style={{\n            display: 'flex', borderRadius: tokens.borderRadius.md, overflow: 'hidden',\n            border: `1px solid ${tokens.colors.border.muted}`,\n          }}>\n            {(['month', 'week', 'day', 'gantt', 'list'] as CalendarViewMode[]).map(v => (\n              <button\n                key={v}\n                onClick={() => setViewMode(v)}\n                style={{\n                  background: viewMode === v ? tokens.colors.interactive.default : tokens.colors.background.base,\n                  color: viewMode === v ? tokens.colors.text.inverse : tokens.colors.text.secondary,\n                  border: 'none', padding: '3px 10px', fontSize: tokens.typography.fontSize.xxs,\n                  fontWeight: 500, cursor: 'pointer', textTransform: 'capitalize',\n                }}\n              >\n                {v}\n              </button>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Body: sidebar + calendar area */}\n      <div style={{ flex: 1, display: 'flex', overflow: 'hidden' }}>\n        {/* Sidebar */}\n        {showSidebar && renderSidebar()}\n\n        {/* Main calendar content */}\n        <div ref={bodyRef} style={{ flex: 1, overflow: 'auto' }}>\n          {/* MONTH VIEW */}\n          {viewMode === 'month' && (\n            <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n              <div style={{\n                display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)',\n                borderBottom: `1px solid ${tokens.colors.border.muted}`,\n                background: tokens.colors.background.surface,\n              }}>\n                {dayNames.map(d => (\n                  <div key={d} style={{\n                    padding: '4px 6px', textAlign: 'center', fontSize: tokens.typography.fontSize.xxs,\n                    fontWeight: 500, color: tokens.colors.text.muted, textTransform: 'uppercase',\n                  }}>{d}</div>\n                ))}\n              </div>\n              <div style={{\n                display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)',\n                gridTemplateRows: 'repeat(6, 1fr)', flex: 1,\n              }}>\n                {monthGrid.map(({ date, isCurrentMonth }, idx) => {\n                  const dayEvts = getEventsForDay(date);\n                  const isToday = isSameDay(date, today);\n                  return (\n                    <div\n                      key={idx}\n                      onClick={() => {\n                        setCurrentDate(date);\n                        if (onDayDrillDown) onDayDrillDown(date, dayEvts);\n                        else setViewMode('day');\n                      }}\n                      onContextMenu={(e) => handleContextMenu(e, date)}\n                      style={{\n                        borderRight: `1px solid ${tokens.colors.border.muted}11`,\n                        borderBottom: `1px solid ${tokens.colors.border.muted}11`,\n                        padding: 3, cursor: 'pointer',\n                        background: isToday ? `${tokens.colors.interactive.default}08` : 'transparent',\n                        opacity: isCurrentMonth ? 1 : 0.35,\n                        overflow: 'hidden', minHeight: 70,\n                      }}\n                    >\n                      <div style={{\n                        fontSize: tokens.typography.fontSize.xs, fontWeight: isToday ? 700 : 400,\n                        color: isToday ? tokens.colors.interactive.default : tokens.colors.text.primary,\n                        marginBottom: 2, textAlign: 'right', paddingRight: 2,\n                      }}>\n                        {isToday ? (\n                          <span style={{\n                            background: tokens.colors.interactive.default,\n                            color: tokens.colors.text.inverse, borderRadius: tokens.borderRadius.full,\n                            width: 20, height: 20, display: 'inline-flex',\n                            alignItems: 'center', justifyContent: 'center', fontSize: tokens.typography.fontSize.xxs,\n                          }}>{date.getDate()}</span>\n                        ) : date.getDate()}\n                      </div>\n                      {dayEvts.slice(0, 3).map(e => (\n                        <CalendarEventChip key={e.id} event={e} tokens={tokens} compact onClick={() => onEventClick?.(e)} />\n                      ))}\n                      {dayEvts.length > 3 && (\n                        <div style={{ fontSize: tokens.typography.fontSize.micro, color: tokens.colors.text.muted, textAlign: 'center' }}>\n                          +{dayEvts.length - 3} more\n                        </div>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          )}\n\n          {/* WEEK VIEW — Time-grid with 30-minute rows */}\n          {viewMode === 'week' && (\n            <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n              {/* Day column headers */}\n              <div style={{\n                display: 'grid', gridTemplateColumns: `50px repeat(7, 1fr)`,\n                borderBottom: `1px solid ${tokens.colors.border.muted}`,\n                background: tokens.colors.background.surface, position: 'sticky', top: 0, zIndex: 2,\n              }}>\n                <div style={{ borderRight: `1px solid ${tokens.colors.border.muted}22` }} />\n                {weekDates.map((d, i) => {\n                  const isToday = isSameDay(d, today);\n                  return (\n                    <div key={i} style={{\n                      padding: '4px 4px', textAlign: 'center',\n                      background: isToday ? `${tokens.colors.interactive.default}10` : 'transparent',\n                      borderRight: `1px solid ${tokens.colors.border.muted}11`,\n                    }}>\n                      <div style={{ fontSize: 9, color: tokens.colors.text.muted, textTransform: 'uppercase' }}>{dayNames[i]}</div>\n                      <div style={{\n                        fontSize: 16, fontWeight: isToday ? 700 : 400,\n                        color: isToday ? tokens.colors.interactive.default : tokens.colors.text.primary,\n                      }}>\n                        {isToday ? (\n                          <span style={{\n                            background: tokens.colors.interactive.default, color: tokens.colors.text.inverse,\n                            borderRadius: tokens.borderRadius.full, width: 24, height: 24, display: 'inline-flex',\n                            alignItems: 'center', justifyContent: 'center', fontSize: 13,\n                          }}>{d.getDate()}</span>\n                        ) : d.getDate()}\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n              {/* Time-grid rows */}\n              <div style={{ flex: 1, overflow: 'auto' }}>\n                {TIME_SLOTS.map((slot, _si) => {\n                  const isHour = slot.endsWith(':00');\n                  return (\n                    <div key={slot} style={{\n                      display: 'grid', gridTemplateColumns: `50px repeat(7, 1fr)`,\n                      height: SLOT_HEIGHT,\n                      borderBottom: `1px solid ${tokens.colors.border.muted}${isHour ? '22' : '0A'}`,\n                    }}>\n                      {/* Time label */}\n                      <div style={{\n                        fontSize: 9, color: tokens.colors.text.muted, textAlign: 'right', paddingRight: 6,\n                        fontFamily: tokens.typography.fontFamily.mono,\n                        borderRight: `1px solid ${tokens.colors.border.muted}22`,\n                        lineHeight: `${SLOT_HEIGHT}px`,\n                        visibility: isHour ? 'visible' : 'hidden',\n                      }}>\n                        {slot}\n                      </div>\n                      {/* Day columns */}\n                      {weekDates.map((d, di) => {\n                        const slotStart = new Date(d); slotStart.setHours(parseInt(slot), slot.endsWith(':30') ? 30 : 0, 0, 0);\n                        const slotEvents = getEventsForDay(d).filter(e => {\n                          const eStart = e.start.getHours() * 60 + e.start.getMinutes();\n                          const sStart = parseInt(slot) * 60 + (slot.endsWith(':30') ? 30 : 0);\n                          return eStart >= sStart && eStart < sStart + 30;\n                        });\n                        return (\n                          <div\n                            key={di}\n                            onClick={() => { setCurrentDate(d); setViewMode('day'); }}\n                            onContextMenu={(e) => handleContextMenu(e, d, slot)}\n                            style={{\n                              borderRight: `1px solid ${tokens.colors.border.muted}0A`,\n                              padding: '0 2px', cursor: 'pointer', overflow: 'hidden',\n                              background: isSameDay(d, today) ? `${tokens.colors.interactive.default}04` : 'transparent',\n                            }}\n                          >\n                            {slotEvents.map(e => (\n                              <CalendarEventChip key={e.id} event={e} tokens={tokens} compact onClick={() => onEventClick?.(e)} />\n                            ))}\n                          </div>\n                        );\n                      })}\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          )}\n\n          {/* DAY VIEW — Time-grid with 30-minute rows */}\n          {viewMode === 'day' && (\n            <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n              <div style={{ flex: 1, overflow: 'auto' }}>\n                {TIME_SLOTS.map((slot) => {\n                  const isHour = slot.endsWith(':00');\n                  const slotEvents = dayEvents.filter(e => {\n                    const eStart = e.start.getHours() * 60 + e.start.getMinutes();\n                    const sStart = parseInt(slot) * 60 + (slot.endsWith(':30') ? 30 : 0);\n                    return eStart >= sStart && eStart < sStart + 30;\n                  });\n                  return (\n                    <div\n                      key={slot}\n                      onContextMenu={(e) => handleContextMenu(e, currentDate, slot)}\n                      style={{\n                        display: 'grid', gridTemplateColumns: '50px 1fr',\n                        minHeight: slotEvents.length > 0 ? Math.max(SLOT_HEIGHT, slotEvents.length * 24 + 4) : SLOT_HEIGHT,\n                        borderBottom: `1px solid ${tokens.colors.border.muted}${isHour ? '22' : '0A'}`,\n                      }}\n                    >\n                      <div style={{\n                        fontSize: 10, color: tokens.colors.text.muted, textAlign: 'right', paddingRight: 8,\n                        fontFamily: tokens.typography.fontFamily.mono,\n                        borderRight: `1px solid ${tokens.colors.border.muted}22`,\n                        lineHeight: `${SLOT_HEIGHT}px`,\n                        visibility: isHour ? 'visible' : 'hidden',\n                      }}>\n                        {slot}\n                      </div>\n                      <div style={{ padding: '1px 6px', cursor: 'pointer' }}>\n                        {slotEvents.map(e => {\n                          const color = e.color || getStatusColor(e.status, tokens);\n                          return (\n                            <div\n                              key={e.id}\n                              onClick={() => onEventClick?.(e)}\n                              style={{\n                                background: `${color}18`,\n                                borderRadius: tokens.borderRadius.sm, padding: '3px 8px', marginBottom: 2,\n                                cursor: 'pointer', display: 'flex', alignItems: 'center', gap: 6,\n                                fontSize: tokens.typography.fontSize.xxs,\n                              }}\n                            >\n                              {TYPE_ICON_ASTRO.includes(e.type) ? (\n                                <AstroIcon name={getTypeIcon(e.type) as AstroIconName} size=\"extra-small\" label=\"\" style={{ opacity: 0.7 }} />\n                              ) : (\n                                <span style={{ opacity: 0.7 }}>{getTypeIcon(e.type)}</span>\n                              )}\n                              <span style={{ color, fontSize: tokens.typography.fontSize.micro }}>{getStatusShape(e.status)}</span>\n                              <span style={{ fontWeight: 500 }}>{e.title}</span>\n                              <span style={{ color: tokens.colors.text.muted, fontFamily: tokens.typography.fontFamily.mono, fontSize: tokens.typography.fontSize.micro, marginLeft: 'auto' }}>\n                                {formatTime(e.start)}{e.end ? `–${formatTime(e.end)}` : ''}\n                              </span>\n                              {e.status && (\n                                <span style={{ fontSize: tokens.typography.fontSize.micro, color, fontWeight: 500, textTransform: 'uppercase' }}>\n                                  {e.status}\n                                </span>\n                              )}\n                            </div>\n                          );\n                        })}\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          )}\n\n          {/* GANTT VIEW — Timeline rows with horizontal bars */}\n          {viewMode === 'gantt' && (\n            <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n              {/* Day headers */}\n              <div style={{\n                display: 'grid', gridTemplateColumns: `120px repeat(7, 1fr)`,\n                borderBottom: `1px solid ${tokens.colors.border.muted}`,\n                background: tokens.colors.background.surface, position: 'sticky', top: 0, zIndex: 2,\n              }}>\n                <div style={{ padding: '6px 8px', fontSize: 10, fontWeight: 500, color: tokens.colors.text.muted, borderRight: `1px solid ${tokens.colors.border.muted}22` }}>\n                  Timeline\n                </div>\n                {weekDates.map((d, i) => {\n                  const isToday = isSameDay(d, today);\n                  return (\n                    <div key={i} style={{\n                      padding: '4px 4px', textAlign: 'center',\n                      background: isToday ? `${tokens.colors.interactive.default}10` : 'transparent',\n                      borderRight: `1px solid ${tokens.colors.border.muted}11`,\n                      fontSize: 10,\n                    }}>\n                      <span style={{ color: tokens.colors.text.muted }}>{dayNames[i]} </span>\n                      <span style={{ fontWeight: isToday ? 700 : 400, color: isToday ? tokens.colors.interactive.default : tokens.colors.text.primary }}>\n                        {d.getDate()}\n                      </span>\n                    </div>\n                  );\n                })}\n              </div>\n              {/* Gantt rows */}\n              <div style={{ flex: 1, overflow: 'auto' }}>\n                {ganttData.rows.length === 0 ? (\n                  <div style={{ textAlign: 'center', color: tokens.colors.text.muted, padding: 40, fontSize: 12 }}>\n                    No activities this week\n                  </div>\n                ) : ganttData.rows.map((row, ri) => (\n                  <div key={ri} style={{\n                    display: 'grid', gridTemplateColumns: `120px repeat(7, 1fr)`,\n                    borderBottom: `1px solid ${tokens.colors.border.muted}15`,\n                    minHeight: 36,\n                  }}>\n                    {/* Timeline label */}\n                    <div style={{\n                      padding: '6px 8px', fontSize: 11, fontWeight: 500,\n                      borderRight: `1px solid ${tokens.colors.border.muted}22`,\n                      display: 'flex', alignItems: 'center', gap: 6,\n                      color: tokens.colors.text.primary,\n                    }}>\n                      <span style={{ width: 6, height: 6, borderRadius: '50%', background: row.color, flexShrink: 0 }} />\n                      {row.label}\n                    </div>\n                    {/* Day cells with event bars */}\n                    {weekDates.map((d, di) => {\n                      const cellEvents = row.events.filter(e => {\n                        const eDay = new Date(e.start); eDay.setHours(0, 0, 0, 0);\n                        const cellDay = new Date(d); cellDay.setHours(0, 0, 0, 0);\n                        if (e.end) {\n                          const eEnd = new Date(e.end); eEnd.setHours(23, 59, 59, 999);\n                          return cellDay >= eDay && cellDay <= eEnd;\n                        }\n                        return eDay.getTime() === cellDay.getTime();\n                      });\n                      return (\n                        <div\n                          key={di}\n                          onContextMenu={(e) => handleContextMenu(e, d)}\n                          style={{\n                            borderRight: `1px solid ${tokens.colors.border.muted}0A`,\n                            padding: '2px 2px', display: 'flex', flexDirection: 'column', gap: 2,\n                            background: isSameDay(d, today) ? `${tokens.colors.interactive.default}04` : 'transparent',\n                          }}\n                        >\n                          {cellEvents.map(e => {\n                            const color = e.color || getStatusColor(e.status, tokens);\n                            return (\n                              <div\n                                key={e.id}\n                                onClick={() => onEventClick?.(e)}\n                                style={{\n                                  background: `${color}33`,\n                                  borderRadius: 3, padding: '2px 4px',\n                                  fontSize: 9, fontWeight: 500,\n                                  color: tokens.colors.text.primary,\n                                  cursor: 'pointer',\n                                  whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis',\n                                }}\n                                title={`${e.title}\\n${formatTime(e.start)}${e.end ? ' – ' + formatTime(e.end) : ''}`}\n                              >\n                                <span style={{ opacity: 0.7, marginRight: 3 }}>{getStatusShape(e.status)}</span>\n                                {e.title}\n                              </div>\n                            );\n                          })}\n                        </div>\n                      );\n                    })}\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* LIST VIEW */}\n          {viewMode === 'list' && (\n            <div style={{ padding: 12 }}>\n              <div style={{ fontSize: tokens.typography.fontSize.xs, color: tokens.colors.text.muted, marginBottom: 8 }}>\n                Upcoming 7 days — {listEvents.length} activities\n              </div>\n              {listEvents.length === 0 ? (\n                <div style={{ textAlign: 'center', color: tokens.colors.text.muted, padding: 40, fontSize: tokens.typography.fontSize.sm }}>\n                  No upcoming activities\n                </div>\n              ) : (\n                <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n                  {listEvents.map(e => {\n                    const color = e.color || getStatusColor(e.status, tokens);\n                    return (\n                      <div\n                        key={e.id}\n                        onClick={() => onEventClick?.(e)}\n                        style={{\n                          display: 'grid', gridTemplateColumns: '100px 1fr auto',\n                          padding: '6px 10px', borderRadius: tokens.borderRadius.md,\n                          background: `${color}08`,\n                          cursor: 'pointer', alignItems: 'center', gap: 10,\n                          fontSize: tokens.typography.fontSize.xs,\n                        }}\n                      >\n                        <span style={{ fontFamily: tokens.typography.fontFamily.mono, fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted }}>\n                          {e.start.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} {formatTime(e.start)}\n                        </span>\n                        <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n                          {TYPE_ICON_ASTRO.includes(e.type) ? (\n                            <AstroIcon name={getTypeIcon(e.type) as AstroIconName} size=\"extra-small\" label=\"\" />\n                          ) : (\n                            <span>{getTypeIcon(e.type)}</span>\n                          )}\n                          <span style={{ fontWeight: 500 }}>{e.title}</span>\n                        </span>\n                        {e.status && (\n                          <span style={{ fontSize: tokens.typography.fontSize.micro, color, fontWeight: 500 }}>\n                            {getStatusShape(e.status)} {e.status}\n                          </span>\n                        )}\n                      </div>\n                    );\n                  })}\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Footer status */}\n      <div style={{\n        padding: '4px 14px',\n        borderTop: `1px solid ${tokens.colors.border.muted}`,\n        background: tokens.colors.background.surface,\n        fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted,\n        display: 'flex', justifyContent: 'space-between',\n      }}>\n        <span>{filteredEvents.length} activities | DOY {doy} | Week {weekNum}</span>\n        <span>\n          {events.filter(e => e.status === 'error' || e.status === 'failed' || e.status === 'crashed').length > 0\n            ? `⚠ ${events.filter(e => e.status === 'error' || e.status === 'failed' || e.status === 'crashed').length} errors`\n            : '✓ All nominal'}\n        </span>\n      </div>\n\n      {/* Right-click context menu */}\n      {contextMenu && (\n        <div\n          style={{\n            position: 'fixed', left: contextMenu.x, top: contextMenu.y, zIndex: 1000,\n            background: tokens.colors.background.surface, backdropFilter: 'blur(8px)',\n            border: `1px solid ${tokens.colors.border.muted}`, borderRadius: tokens.borderRadius.md,\n            boxShadow: '0 4px 16px rgba(0,0,0,0.4)', padding: 4, minWidth: 160,\n          }}\n        >\n          <div style={{ fontSize: 9, color: tokens.colors.text.muted, padding: '4px 8px', fontFamily: tokens.typography.fontFamily.mono }}>\n            {contextMenu.date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} {formatTime(contextMenu.date)}\n          </div>\n          {(['command', 'script', 'reserve', 'metadata', 'note'] as ActivityType[]).map(type => (\n            <button\n              key={type}\n              onClick={() => { onEventCreate?.({ start: contextMenu.date, type }); setContextMenu(null); }}\n              style={{\n                display: 'block', width: '100%', textAlign: 'left', background: 'none', border: 'none',\n                color: tokens.colors.text.primary, padding: '5px 8px', fontSize: 11, cursor: 'pointer',\n                borderRadius: tokens.borderRadius.sm,\n              }}\n              onMouseEnter={e => { (e.currentTarget as HTMLButtonElement).style.background = `${tokens.colors.interactive.default}22`; }}\n              onMouseLeave={e => { (e.currentTarget as HTMLButtonElement).style.background = 'none'; }}\n            >\n              {getTypeIcon(type)} Create {type.charAt(0).toUpperCase() + type.slice(1)}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n});\n\nfunction navBtnStyle(tokens: ReturnType<typeof useTheme>['tokens']): React.CSSProperties {\n  return {\n    background: tokens.colors.background.base,\n    color: tokens.colors.text.secondary,\n    border: `1px solid ${tokens.colors.border.muted}`,\n    borderRadius: tokens.borderRadius.sm, padding: '3px 8px', fontSize: tokens.typography.fontSize.xs, cursor: 'pointer',\n    lineHeight: 1,\n  };\n}\n\nexport default MissionCalendar;\n"],"names":["CalendarEventChip","MiniCalendar","MissionCalendar"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInput.js","sources":["../../../src/react/core/NumberInput.tsx"],"sourcesContent":["/**\n * @zendir/ui - NumberInput Component\n * \n * Numeric input with optional slider, min/max bounds, step, precision,\n * and unit display. Essential for operator dashboards (frequency, power,\n * aperture, field of view, etc.).\n * \n * Astro UX Compliance:\n * - Consistent sizing with Input component (small/medium/large)\n * - Focus ring for accessibility (WCAG 2.1 AA)\n * - Status-based border colors\n * - Tabular numbers for value alignment\n * \n * @example\n * ```tsx\n * // Each instance can set precision (decimal places); default is 2\n * <NumberInput value={500} onChange={setFreq} min={300} max={900} unit=\"MHz\" label=\"Frequency\" />\n * <NumberInput value={45.2} onChange={setPower} min={0.1} max={100} step={0.1} precision={1} unit=\"W\" slider />\n * <NumberInput value={1024} onChange={setRes} min={128} max={2048} step={128} precision={0} unit=\"px\" label=\"Resolution\" slider />\n * // Status mode with automatic threshold-based coloring:\n * <NumberInput value={temp} onChange={setTemp} min={0} max={100} unit=\"°C\" slider\n *   statusMode statusThresholds={{ critical: 90, serious: 75, caution: 50, normal: 20, standby: 0 }} />\n * ```\n */\n\nimport React, { memo, forwardRef, useState, useCallback, useRef, useEffect, useId, useMemo } from 'react';\nimport { useTheme } from '../theme';\nimport type { LabelPlacement } from './Input';\nimport type { StatusLevel } from '../utils';\nimport type { StatusThresholds } from './propertyConfig';\nimport { deriveStatus } from './propertyConfig';\nimport { StatusIndicator } from '../astro/StatusIndicator';\n\nexport type NumberInputSize = 'small' | 'medium' | 'large';\n\n/**\n * Re-export SliderStatus as an alias for StatusLevel for convenience.\n * Includes: 'normal' | 'standby' | 'caution' | 'serious' | 'critical' | 'off'\n */\nexport type SliderStatus = StatusLevel;\n\n/** Default decimal places when precision is not specified: 0 = integer display. Set precision (e.g. 2) to show decimals. */\nconst DEFAULT_DECIMAL_PLACES = 0;\n\nexport interface NumberInputProps {\n  /** Current value */\n  value: number;\n  /** Change handler */\n  onChange: (value: number) => void;\n  /** Minimum value */\n  min?: number;\n  /** Maximum value */\n  max?: number;\n  /** Step increment */\n  step?: number;\n  /** Number of decimal places to show and round to. Omit or 0 = integer. Use 2 (or any positive number) to show decimals; 2 is typical when decimals are needed. */\n  precision?: number;\n  /** Unit label displayed after the input (e.g., \"MHz\", \"W\", \"°C\") */\n  unit?: string;\n  /** Label text or ReactNode (supports rich content like tooltip icons) */\n  label?: React.ReactNode;\n  /** Helper text below the input */\n  helperText?: string;\n  /** Error state / message */\n  error?: boolean | string;\n  /** Show slider below the input */\n  slider?: boolean;\n  /** Size variant */\n  size?: NumberInputSize;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Full width */\n  fullWidth?: boolean;\n  /** Custom width */\n  width?: string | number;\n  /** ID for accessibility */\n  id?: string;\n  /** Custom className */\n  className?: string;\n  /** Custom style */\n  style?: React.CSSProperties;\n  /** Text alignment inside the input field */\n  textAlign?: 'left' | 'center' | 'right';\n  /**\n   * Label placement style.\n   * - `'outlined'` — label sits on the input border (notched/Material-style). **Default.**\n   * - `'above'`    — label sits above the input with a gap (classic stack).\n   */\n  labelPlacement?: LabelPlacement;\n  /** Required indicator */\n  required?: boolean;\n\n  // ── Status Mode ──────────────────────────────────────────────────────\n  /**\n   * Enable status-based coloring on the slider track, thumb, and glow.\n   * When enabled, the slider color reflects the current status instead of\n   * the default accent color.\n   */\n  statusMode?: boolean;\n  /**\n   * Manual status override. When provided, this status is used directly\n   * instead of computing from thresholds.\n   */\n  status?: SliderStatus;\n  /**\n   * Threshold map for automatic status resolution based on current value.\n   * Supports both high thresholds (critical, serious, caution) and low\n   * thresholds (criticalLow, seriousLow, cautionLow) from the shared\n   * Astro UX StatusThresholds type.\n   * Requires `statusMode` to be enabled.\n   */\n  statusThresholds?: StatusThresholds;\n  /**\n   * Callback fired whenever the computed/resolved status changes.\n   * Useful for parent components to react to status transitions.\n   */\n  onStatusChange?: (status: SliderStatus) => void;\n}\n\n// Status resolution is delegated to the shared deriveStatus() utility from propertyConfig.\n\nexport const NumberInput = memo(forwardRef<HTMLInputElement, NumberInputProps>(function NumberInput(\n  {\n    value,\n    onChange,\n    min,\n    max,\n    step = 1,\n    precision,\n    unit,\n    label,\n    helperText,\n    error,\n    slider = false,\n    size = 'medium',\n    disabled = false,\n    fullWidth = false,\n    width,\n    id,\n    className,\n    style,\n    textAlign = 'right',\n    labelPlacement = 'outlined',\n    required,\n    statusMode = false,\n    status: statusOverride,\n    statusThresholds,\n    onStatusChange,\n  },\n  ref\n): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const isTransparentTheme = theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  const isOutlined = labelPlacement === 'outlined';\n  const decimalPlaces = precision ?? DEFAULT_DECIMAL_PLACES;\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isSliderActive, setIsSliderActive] = useState(false);\n  const [localValue, setLocalValue] = useState(() => value.toFixed(decimalPlaces));\n  const inputRef = useRef<HTMLInputElement>(null);\n  const sliderContainerRef = useRef<HTMLDivElement>(null);\n  const sliderId = useId().replace(/:/g, '');\n  \n  // ── Status resolution ──────────────────────────────────────────────────\n  const resolvedStatus: SliderStatus | undefined = useMemo(() => {\n    if (!statusMode) return undefined;\n    if (statusOverride) return statusOverride;\n    return deriveStatus(value, statusThresholds);\n  }, [statusMode, statusOverride, statusThresholds, value]);\n\n  // Fire onStatusChange when status changes\n  const prevStatusRef = useRef<SliderStatus | undefined>(undefined);\n  useEffect(() => {\n    if (resolvedStatus !== undefined && resolvedStatus !== prevStatusRef.current) {\n      prevStatusRef.current = resolvedStatus;\n      onStatusChange?.(resolvedStatus);\n    }\n  }, [resolvedStatus, onStatusChange]);\n\n  /** Resolve the active color: status color or accent */\n  const activeColor = useMemo(() => {\n    if (resolvedStatus && tokens.colors.status[resolvedStatus]) {\n      return tokens.colors.status[resolvedStatus];\n    }\n    return tokens.colors.accent.primary;\n  }, [resolvedStatus, tokens.colors.status, tokens.colors.accent.primary]);\n\n  // Sync external value to local state\n  useEffect(() => {\n    if (!isFocused) {\n      setLocalValue(value.toFixed(decimalPlaces));\n    }\n  }, [value, decimalPlaces, isFocused]);\n  \n  const clamp = useCallback((v: number): number => {\n    let result = v;\n    if (min !== undefined) result = Math.max(min, result);\n    if (max !== undefined) result = Math.min(max, result);\n    result = Number(result.toFixed(decimalPlaces));\n    return result;\n  }, [min, max, decimalPlaces]);\n  \n  const handleInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    setLocalValue(raw);\n    \n    const parsed = parseFloat(raw);\n    if (!isNaN(parsed)) {\n      onChange(clamp(parsed));\n    }\n  }, [onChange, clamp]);\n  \n  const handleBlur = useCallback(() => {\n    setIsFocused(false);\n    const parsed = parseFloat(localValue);\n    if (isNaN(parsed)) {\n      setLocalValue(value.toFixed(decimalPlaces));\n    } else {\n      const clamped = clamp(parsed);\n      onChange(clamped);\n      setLocalValue(clamped.toFixed(decimalPlaces));\n    }\n  }, [localValue, value, onChange, clamp, decimalPlaces]);\n  \n  const handleSliderChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const parsed = parseFloat(e.target.value);\n    const clamped = clamp(parsed);\n    onChange(clamped);\n    setLocalValue(clamped.toFixed(decimalPlaces));\n  }, [onChange, clamp, decimalPlaces]);\n  \n  const handleKeyDown = useCallback((e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      onChange(clamp(value + step));\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      onChange(clamp(value - step));\n    }\n  }, [value, step, onChange, clamp]);\n  \n  // Wheel handler: scroll on slider or input changes value\n  const handleWheel = useCallback((e: WheelEvent) => {\n    if (disabled || min === undefined || max === undefined) return;\n    e.preventDefault();\n    const direction = e.deltaY < 0 ? 1 : -1;\n    onChange(clamp(value + step * direction));\n  }, [value, step, onChange, clamp, disabled, min, max]);\n  \n  // Attach wheel listener to slider container AND input element\n  useEffect(() => {\n    const sliderContainer = sliderContainerRef.current;\n    const inputElement = inputRef.current;\n    \n    // Always attach to input if min/max defined, regardless of slider prop\n    if (min !== undefined && max !== undefined) {\n      if (slider && sliderContainer) {\n        sliderContainer.addEventListener('wheel', handleWheel, { passive: false });\n      }\n      if (inputElement) {\n        inputElement.addEventListener('wheel', handleWheel, { passive: false });\n      }\n    }\n    \n    return () => {\n      if (sliderContainer) sliderContainer.removeEventListener('wheel', handleWheel);\n      if (inputElement) inputElement.removeEventListener('wheel', handleWheel);\n    };\n  }, [handleWheel, slider, min, max]);\n  \n  // Release slider active state when mouse is released anywhere\n  useEffect(() => {\n    if (!isSliderActive) return;\n    const handleUp = () => setIsSliderActive(false);\n    window.addEventListener('mouseup', handleUp);\n    window.addEventListener('touchend', handleUp);\n    return () => {\n      window.removeEventListener('mouseup', handleUp);\n      window.removeEventListener('touchend', handleUp);\n    };\n  }, [isSliderActive]);\n\n  const [isUnitDragging, setIsUnitDragging] = useState(false);\n  const dragStartValueRef = useRef<number>(0);\n  const dragStartYRef = useRef<number>(0);\n  const unitRef = useRef<HTMLSpanElement>(null);\n\n  // Unit Drag Handler\n  const handleUnitMouseDown = useCallback((e: React.MouseEvent) => {\n    if (disabled) return;\n    \n    e.preventDefault();\n    setIsUnitDragging(true);\n    dragStartValueRef.current = value;\n    dragStartYRef.current = e.clientY;\n    \n    // Lock cursor if supported for infinite drag\n    if (document.body.requestPointerLock) {\n      document.body.requestPointerLock();\n    }\n  }, [value, disabled]);\n\n  const handleUnitMouseMove = useCallback((e: MouseEvent) => {\n    if (!isUnitDragging) return;\n    \n    // Use movementY if pointer is locked (infinite drag), otherwise fallback to delta\n    // Invert Y because dragging UP (negative Y) should INCREASE value\n    const deltaY = document.pointerLockElement \n      ? -e.movementY \n      : (dragStartYRef.current - e.clientY);\n      \n    if (deltaY === 0) return;\n\n    // Velocity / Precision Logic\n    // Shift key = Precision mode (0.1x speed)\n    // Ctrl/Cmd key = Fast mode (10x speed)\n    let speedMultiplier = 1;\n    if (e.shiftKey) speedMultiplier = 0.1;\n    else if (e.ctrlKey || e.metaKey) speedMultiplier = 10;\n    \n    // Scale sensitivity: 1 pixel = 1 step * multiplier\n    // For non-locked pointer, we might want to dampen it slightly to 0.5 step per pixel\n    const sensitivity = document.pointerLockElement ? 1 : 0.5;\n    \n    const change = deltaY * sensitivity * (step || 1) * speedMultiplier;\n    \n    // If pointer is NOT locked, we update reference to prevent jumpiness\n    if (!document.pointerLockElement) {\n        dragStartYRef.current = e.clientY;\n        dragStartValueRef.current = clamp(value + change);\n        onChange(clamp(value + change));\n    } else {\n        // For locked pointer, we accumulate on the start value or current value\n        // Better to accumulate on current value to handle continuous flow\n        onChange(clamp(value + change));\n    }\n    \n  }, [isUnitDragging, value, step, onChange, clamp]);\n\n  const handleUnitMouseUp = useCallback(() => {\n    if (isUnitDragging) {\n      setIsUnitDragging(false);\n      if (document.exitPointerLock) {\n        document.exitPointerLock();\n      }\n    }\n  }, [isUnitDragging]);\n\n  // Global mouse listeners for drag\n  useEffect(() => {\n    if (isUnitDragging) {\n      window.addEventListener('mousemove', handleUnitMouseMove);\n      window.addEventListener('mouseup', handleUnitMouseUp);\n    }\n    return () => {\n      window.removeEventListener('mousemove', handleUnitMouseMove);\n      window.removeEventListener('mouseup', handleUnitMouseUp);\n    };\n  }, [isUnitDragging, handleUnitMouseMove, handleUnitMouseUp]);\n\n  // Attach wheel listener to unit element too\n  useEffect(() => {\n    const unitEl = unitRef.current;\n    if (unitEl && !disabled) {\n      unitEl.addEventListener('wheel', handleWheel, { passive: false });\n    }\n    return () => {\n      if (unitEl) unitEl.removeEventListener('wheel', handleWheel);\n    };\n  }, [handleWheel, disabled]);\n  \n  // Size config — heights match Input & Select via elementSize tokens\n  const sizeConfig = {\n    small: { height: tokens.elementSize.sm, fontSize: tokens.typography.fontSize.xs, padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`, sliderHeight: 3, inputPaddingLeft: 8 },\n    medium: { height: tokens.elementSize.md, fontSize: tokens.typography.fontSize.sm, padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`, sliderHeight: 4, inputPaddingLeft: 12 },\n    large: { height: tokens.elementSize.lg, fontSize: tokens.typography.fontSize.base, padding: `${tokens.spacing.sm} ${tokens.spacing.md}`, sliderHeight: 5, inputPaddingLeft: 16 },\n  };\n  const config = sizeConfig[size];\n  \n  const hasError = !!error;\n  const errorMessage = typeof error === 'string' ? error : undefined;\n  \n  const computedBorder = hasError\n    ? tokens.borders.input.error\n    : isFocused\n      ? tokens.borders.input.focus\n      : isHovered\n        ? tokens.borders.input.hover\n        : tokens.borders.input.default;\n  \n  const inputBg = isTransparentTheme\n    ? (tokens.colors.interactive.transparentInputBg || 'rgba(139, 92, 246, 0.08)')\n    : tokens.colors.background.surface;\n\n  // Slider track gradient (filled portion)\n  const sliderPercent = (min !== undefined && max !== undefined)\n    ? ((value - min) / (max - min)) * 100\n    : 50;\n\n  const inputId = id || (typeof label === 'string' ? `zendir-number-${label.replace(/\\s+/g, '-').toLowerCase()}` : undefined);\n\n  // ── Thumb dimensions ─────────────────────────────────────────────────\n  const thumbWidth = 24;\n  const thumbHeight = config.sliderHeight + 8;\n  const trackH = config.sliderHeight;\n\n  return (\n    <div\n      className={className}\n      style={{\n        display: 'inline-flex',\n        flexDirection: 'column',\n        // No gap when slider is present — slider sits flush on the input bottom edge\n        gap: slider ? 0 : tokens.spacing.xs,\n        width: fullWidth ? '100%' : (typeof width === 'number' ? `${width}px` : width),\n        fontFamily: tokens.typography.fontFamily.primary,\n        ...style,\n      }}\n    >\n      {/* Label: 'above' variant */}\n      {label && !isOutlined && (\n        <label\n          htmlFor={inputId}\n          style={{\n            fontSize: tokens.typography.fontSize.xs,\n            fontWeight: tokens.typography.fontWeight.medium,\n            color: tokens.colors.text.secondary,\n            letterSpacing: tokens.typography.letterSpacing.wide,\n          }}\n        >\n          {label}\n          {required && (\n            <span style={{ color: tokens.colors.status.critical, marginLeft: '2px' }}>*</span>\n          )}\n        </label>\n      )}\n      \n      {/* Input row */}\n      <div\n        style={{\n          position: 'relative',\n          display: 'flex',\n          alignItems: 'center',\n          height: config.height,\n          backgroundColor: inputBg,\n          border: computedBorder,\n          borderRadius: tokens.borderRadius.md,\n          transition: tokens.animation.fast,\n          opacity: disabled ? 0.5 : 1,\n          overflow: isOutlined ? 'visible' : 'hidden',\n        }}\n        onMouseEnter={() => !disabled && setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {/* Label: 'outlined' variant — positioned on the input row border */}\n        {label && isOutlined && (\n          <label\n            htmlFor={inputId}\n            style={{\n              position: 'absolute',\n              top: 0,\n              left: `${config.inputPaddingLeft - 6}px`,\n              transform: 'translateY(-50%)',\n              backgroundColor: isTransparentTheme\n                ? tokens.colors.background.base\n                : tokens.colors.background.surface,\n              padding: '0 6px',\n              fontSize: { small: '0.625rem', medium: '0.6875rem', large: '0.75rem' }[size],\n              fontWeight: tokens.typography.fontWeight.medium,\n              color: isFocused\n                ? (hasError ? tokens.colors.status.critical : tokens.colors.accent.primary)\n                : hasError\n                  ? tokens.colors.status.critical\n                  : tokens.colors.text.secondary,\n              letterSpacing: tokens.typography.letterSpacing.wide,\n              zIndex: 1,\n              pointerEvents: 'none',\n              transition: tokens.animation.fast,\n              lineHeight: 1.2,\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {label}\n            {required && (\n              <span style={{ color: tokens.colors.status.critical, marginLeft: '2px' }}>*</span>\n            )}\n          </label>\n        )}\n        <input\n          ref={ref || inputRef}\n          id={inputId}\n          type=\"text\"\n          inputMode=\"decimal\"\n          value={localValue}\n          onChange={handleInputChange}\n          onFocus={() => setIsFocused(true)}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          aria-invalid={hasError}\n          aria-describedby={errorMessage ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined}\n          style={{\n            flex: 1,\n            height: '100%',\n            padding: config.padding,\n            fontSize: config.fontSize,\n            fontWeight: tokens.typography.fontWeight.medium,\n            fontFamily: tokens.typography.fontFamily.mono,\n            fontVariantNumeric: 'tabular-nums',\n            color: tokens.colors.text.primary,\n            backgroundColor: 'transparent',\n            border: 'none',\n            outline: 'none',\n            minWidth: 0,\n            textAlign,\n          }}\n        />\n        \n        {/* Unit */}\n        {unit && (\n          <span\n            ref={unitRef}\n            onMouseDown={handleUnitMouseDown}\n            style={{\n              padding: `0 ${tokens.spacing.sm}`,\n              fontSize: tokens.typography.fontSize.xs,\n              fontWeight: tokens.typography.fontWeight.medium,\n              color: isUnitDragging ? activeColor : tokens.colors.text.tertiary,\n              fontFamily: tokens.typography.fontFamily.primary,\n              flexShrink: 0,\n              borderLeft: tokens.borders.separator,\n              height: '100%',\n              display: 'flex',\n              alignItems: 'center',\n              backgroundColor: isTransparentTheme\n                ? 'rgba(139, 92, 246, 0.04)'\n                : 'rgba(0, 0, 0, 0.15)',\n              cursor: disabled ? 'not-allowed' : 'ns-resize',\n              userSelect: 'none',\n              transition: 'color 0.2s ease',\n            }}\n            title={disabled ? undefined : \"Drag to adjust value\"}\n          >\n            {unit}\n          </span>\n        )}\n      </div>\n      \n      {/* Slider — directly below input with no gap */}\n      {slider && min !== undefined && max !== undefined && (() => {\n        const sliderH = thumbHeight;\n        const cy = sliderH / 2;\n        const pct = sliderPercent / 100; // 0..1\n\n        // Thumb left-edge position: maps 0% → 0px, 100% → (containerWidth - thumbWidth)\n        // CSS calc: pct * (100% - thumbWidth)\n        const thumbLeftCalc = `calc(${pct} * (100% - ${thumbWidth}px))`;\n\n        // Filled track width = thumb left edge + 1px overlap for seamless join\n        const filledWidthCalc = `calc(${pct} * (100% - ${thumbWidth}px) + 1px)`;\n\n        return (\n          <div\n            ref={sliderContainerRef}\n            style={{\n              position: 'relative',\n              height: `${sliderH}px`,\n              marginTop:  `-${sliderH / 1.42}px`,\n            }}\n          >\n            {/* Unfilled track */}\n            <div style={{\n              position: 'absolute',\n              top: `${cy}px`,\n              left: 0,\n              right: 0,\n              height: `${trackH}px`,\n              transform: 'translateY(-50%)',\n              borderRadius: `${trackH / 2}px`,\n              backgroundColor: `${tokens.colors.border.muted}60`,\n            }} />\n            {/* Filled track — flat right edge for flush join with thumb */}\n            <div style={{\n              position: 'absolute',\n              top: `${cy}px`,\n              left: 0,\n              width: filledWidthCalc,\n              height: `${trackH}px`,\n              transform: 'translateY(-50%)',\n              borderRadius: `${trackH / 2}px 0 0 ${trackH / 2}px`,\n              background: activeColor,\n              transition: 'background 300ms ease',\n            }} />\n            {/* Invisible range input */}\n            <input\n              type=\"range\"\n              className={`zendir-slider-${sliderId}`}\n              min={min}\n              max={max}\n              step={step}\n              value={value}\n              onChange={handleSliderChange}\n              onMouseDown={() => setIsSliderActive(true)}\n              onMouseUp={() => setIsSliderActive(false)}\n              onTouchStart={() => setIsSliderActive(true)}\n              onTouchEnd={() => setIsSliderActive(false)}\n              disabled={disabled}\n              aria-label={typeof label === 'string' ? label : 'Value slider'}\n              style={{\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                width: '100%',\n                height: '100%',\n                margin: 0,\n                padding: 0,\n                opacity: 0,\n                cursor: disabled ? 'not-allowed' : 'pointer',\n                zIndex: 2,\n              }}\n            />\n            {/* Smooth-blob thumb — left edge flush with filled track end */}\n            <div\n              style={{\n                position: 'absolute',\n                top: `${cy}px`,\n                left: thumbLeftCalc,\n                width: `${thumbWidth}px`,\n                height: `${thumbHeight}px`,\n                transform: 'translateY(-50%)',\n                pointerEvents: 'none',\n                zIndex: 1,\n              }}\n            >\n              <svg\n                width={thumbWidth}\n                height={thumbHeight}\n                viewBox={`0 0 ${thumbWidth} ${thumbHeight}`}\n                xmlns=\"http://www.w3.org/2000/svg\"\n                style={{ display: 'block', overflow: 'visible' }}\n              >\n                {(() => {\n                  const w = thumbWidth;\n                  const h = thumbHeight;\n                  const svgCy = h / 2;\n                  const trackHalf = trackH / 2;\n                  const r = 2;\n\n                  const ltop = svgCy - trackHalf;\n                  const lbot = svgCy + trackHalf;\n                  const rtop = r;\n                  const rbot = h - r;\n\n                  const cp1x = w * 0.28;\n                  const cp2x = w * 0.48;\n\n                  const d = [\n                    `M 0 ${ltop}`,\n                    `C ${cp1x} ${ltop}, ${cp2x} ${rtop}, ${w - r} ${rtop}`,\n                    `A ${r} ${r} 0 0 1 ${w} ${rtop + r}`,\n                    `L ${w} ${rbot - r}`,\n                    `A ${r} ${r} 0 0 1 ${w - r} ${rbot}`,\n                    `C ${cp2x} ${rbot}, ${cp1x} ${lbot}, 0 ${lbot}`,\n                    `Z`,\n                  ].join(' ');\n\n                  return <path d={d} fill={activeColor} />;\n                })()}\n              </svg>\n            </div>\n\n            {/* Astro UXDS status symbol (shape-coded: circle/square/diamond/triangle) */}\n            {statusMode && resolvedStatus && (\n              <div\n                style={{\n                  position: 'absolute',\n                  bottom: `-${size === 'large' ? 10 : 8}px`,\n                  left: `calc(${pct} * (100% - ${thumbWidth}px) + ${thumbWidth / 2}px)`,\n                  transform: 'translateX(-50%)',\n                  zIndex: 1,\n                  lineHeight: 0,\n                }}\n              >\n                <StatusIndicator\n                  status={resolvedStatus}\n                  small\n                />\n              </div>\n            )}\n          </div>\n        );\n      })()}\n      \n      {/* Helper / Error text */}\n      {(helperText || errorMessage) && (\n        <div\n          id={errorMessage ? `${inputId}-error` : `${inputId}-helper`}\n          role={errorMessage ? 'alert' : undefined}\n          style={{\n            fontSize: tokens.typography.fontSize.xs,\n            color: hasError ? tokens.colors.status.critical : tokens.colors.text.tertiary,\n          }}\n        >\n          {errorMessage || helperText}\n        </div>\n      )}\n    </div>\n  );\n}));\n\nexport default NumberInput;\n"],"names":["NumberInput"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"PacketViewer.js","sources":["../../../src/react/core/PacketViewer.tsx"],"sourcesContent":["/**\n * @zendir/ui - PacketViewer Component\n * \n * Live telemetry packet viewer for spacecraft data analysis and monitoring.\n * Displays telemetry items with limits coloring, raw/converted/formatted views,\n * item details, and search filtering.\n * \n * Features:\n * - Table of telemetry items with name, value, limits status\n * - Limits coloring (blue, green, yellow, red) on values\n * - View modes: raw, converted, formatted, with-units\n * - Item search/filter\n * - Item details on click (type, conversion, limits, description)\n * - Stale data detection\n * - Configurable refresh rate display\n * - Compact mode for high-density displays\n * \n * @example\n * ```tsx\n * <PacketViewer\n *   target=\"INST\"\n *   packet=\"HEALTH_STATUS\"\n *   items={[\n *     { name: 'TEMP1', value: 72.5, limits: { state: 'GREEN', redLow: 0, yellowLow: 20, greenLow: 40, greenHigh: 80, yellowHigh: 90, redHigh: 100 } },\n *     { name: 'VOLTAGE', value: 28.1, units: 'V' },\n *   ]}\n * />\n * ```\n */\n\nimport React, { useState, useMemo, useCallback, memo } from 'react';\nimport { useTheme } from '../theme';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type PacketItemLimitsState = 'BLUE' | 'GREEN' | 'YELLOW' | 'YELLOW_LOW' | 'YELLOW_HIGH' | 'RED' | 'RED_LOW' | 'RED_HIGH' | 'STALE' | null;\nexport type PacketViewMode = 'raw' | 'converted' | 'formatted' | 'with_units';\n\nexport interface PacketItemLimits {\n  state: PacketItemLimitsState;\n  redLow?: number;\n  yellowLow?: number;\n  greenLow?: number;\n  greenHigh?: number;\n  yellowHigh?: number;\n  redHigh?: number;\n}\n\nexport interface PacketItem {\n  /** Item name (e.g., TEMP1, VOLTAGE) */\n  name: string;\n  /** Raw value */\n  value: number | string | boolean;\n  /** Converted value (after read conversion) */\n  convertedValue?: number | string;\n  /** Formatted value (with format string applied) */\n  formattedValue?: string;\n  /** Units string */\n  units?: string;\n  /** Limits definition and current state */\n  limits?: PacketItemLimits;\n  /** Item description */\n  description?: string;\n  /** Data type (e.g., UINT, INT, FLOAT, STRING, BLOCK, DERIVED) */\n  dataType?: string;\n  /** Bit size */\n  bitSize?: number;\n  /** Bit offset */\n  bitOffset?: number;\n  /** Whether this is a derived item */\n  derived?: boolean;\n  /** Conversion applied */\n  conversion?: string;\n  /** States map (for state items) */\n  states?: Record<string, number | string>;\n  /** Whether value is stale */\n  stale?: boolean;\n}\n\nexport interface PacketViewerProps {\n  /** Target name */\n  target?: string;\n  /** Packet name */\n  packet?: string;\n  /** Array of packet items */\n  items: PacketItem[];\n  /** View mode (default: 'converted') */\n  viewMode?: PacketViewMode;\n  /** Height (default: 500) */\n  height?: number | string;\n  /** Show derived items last (default: true) */\n  derivedLast?: boolean;\n  /** Show search bar (default: true) */\n  showSearch?: boolean;\n  /** Show view mode selector (default: true) */\n  showViewMode?: boolean;\n  /** Compact mode */\n  compact?: boolean;\n  /** Called when an item is clicked */\n  onItemClick?: (item: PacketItem) => void;\n  /** CSS class */\n  className?: string;\n  /** Show outer container border (default: true). Set false when embedded inside a Container/card. */\n  bordered?: boolean;\n  /** Custom style overrides for the outer container */\n  style?: React.CSSProperties;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\nfunction getLimitsColor(state: PacketItemLimitsState, tokens: ReturnType<typeof useTheme>['tokens']): string {\n  switch (state) {\n    case 'RED': case 'RED_LOW': case 'RED_HIGH': return tokens.colors.status.critical;\n    case 'YELLOW': case 'YELLOW_LOW': case 'YELLOW_HIGH': return tokens.colors.status.caution;\n    case 'GREEN': return tokens.colors.status.normal;\n    case 'BLUE': return tokens.colors.status.standby;\n    case 'STALE': return tokens.colors.status.off;\n    default: return tokens.colors.text.primary;\n  }\n}\n\nfunction getLimitsBg(state: PacketItemLimitsState, tokens: ReturnType<typeof useTheme>['tokens']): string {\n  const color = getLimitsColor(state, tokens);\n  return state ? `${color}18` : 'transparent';\n}\n\n/**\n * Return Astro UX-compliant status shape style for a limits state.\n * Maps packet limits levels to the canonical Astro status shapes:\n *   BLUE/STALE → off (small circle), GREEN → normal (filled circle),\n *   YELLOW → caution (square), RED → critical (triangle down via clip-path)\n */\nfunction getLimitsShapeStyle(state: PacketItemLimitsState, color: string): React.CSSProperties {\n  const base: React.CSSProperties = {\n    width: 8, height: 8, display: 'inline-block',\n    background: color, boxShadow: `0 0 4px ${color}66`,\n  };\n  switch (state) {\n    case 'GREEN':\n      return { ...base, borderRadius: '50%' };                  // normal → circle\n    case 'YELLOW': case 'YELLOW_LOW': case 'YELLOW_HIGH':\n      return { ...base, borderRadius: '1px' };                  // caution → square\n    case 'RED': case 'RED_LOW': case 'RED_HIGH':\n      return { ...base, borderRadius: 0,                        // critical → triangle down\n        clipPath: 'polygon(50% 100%, 0% 0%, 100% 0%)' };\n    case 'BLUE':\n      return { ...base, borderRadius: '50%', width: 6, height: 6, // standby → hollow ring\n        background: 'transparent', border: `2px solid ${color}`, boxShadow: 'none' };\n    case 'STALE':\n      return { ...base, borderRadius: '50%', width: 5, height: 5, // off → small dot\n        opacity: 0.6 };\n    default:\n      return { ...base, borderRadius: '50%' };\n  }\n}\n\nfunction getDisplayValue(item: PacketItem, mode: PacketViewMode): string {\n  switch (mode) {\n    case 'raw': return String(item.value);\n    case 'converted': return String(item.convertedValue ?? item.value);\n    case 'formatted': return item.formattedValue ?? String(item.convertedValue ?? item.value);\n    case 'with_units': {\n      const val = item.formattedValue ?? String(item.convertedValue ?? item.value);\n      return item.units ? `${val} ${item.units}` : val;\n    }\n  }\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport const PacketViewer = memo(function PacketViewer({\n  target,\n  packet,\n  items,\n  viewMode: initialViewMode = 'converted',\n  height = 500,\n  derivedLast = true,\n  showSearch = true,\n  showViewMode = true,\n  compact = false,\n  onItemClick,\n  className = '',\n  bordered = true,\n  style: styleProp,\n}: PacketViewerProps): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const isTransparentTheme =\n    theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  const [searchQuery, setSearchQuery] = useState('');\n  const [viewMode, setViewMode] = useState(initialViewMode);\n  const [selectedItem, setSelectedItem] = useState<PacketItem | null>(null);\n  const [showDetails, setShowDetails] = useState(false);\n  const [scrollTop, setScrollTop] = useState(0);\n  const [viewportHeight, setViewportHeight] = useState(240);\n  const listRef = React.useRef<HTMLDivElement>(null);\n\n  const sortedItems = useMemo(() => {\n    let filtered = items;\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      filtered = items.filter(i => i.name.toLowerCase().includes(q) || (i.description && i.description.toLowerCase().includes(q)));\n    }\n    if (derivedLast) {\n      const regular = filtered.filter(i => !i.derived);\n      const derived = filtered.filter(i => i.derived);\n      return [...regular, ...derived];\n    }\n    return filtered;\n  }, [items, searchQuery, derivedLast]);\n\n  const handleItemClick = useCallback((item: PacketItem) => {\n    setSelectedItem(item);\n    setShowDetails(true);\n    onItemClick?.(item);\n  }, [onItemClick]);\n\n  const rowHeight = compact ? 26 : 32;\n  const overscanRows = 12;\n  const totalRows = sortedItems.length;\n  const startRow = Math.max(0, Math.floor(scrollTop / rowHeight) - overscanRows);\n  const visibleRows = Math.ceil(viewportHeight / rowHeight) + overscanRows * 2;\n  const endRow = Math.min(totalRows, startRow + visibleRows);\n  const visibleItems = useMemo(\n    () => sortedItems.slice(startRow, endRow),\n    [sortedItems, startRow, endRow],\n  );\n\n  React.useEffect(() => {\n    const el = listRef.current;\n    if (!el) return undefined;\n\n    const updateHeight = () => setViewportHeight(Math.max(rowHeight * 4, el.clientHeight || 240));\n    updateHeight();\n\n    if (typeof ResizeObserver !== 'undefined') {\n      const observer = new ResizeObserver(updateHeight);\n      observer.observe(el);\n      return () => observer.disconnect();\n    }\n\n    window.addEventListener('resize', updateHeight);\n    return () => window.removeEventListener('resize', updateHeight);\n  }, [rowHeight]);\n\n  return (\n    <div\n      className={`packet-viewer ${className}`}\n      style={{\n        height: typeof height === 'number' ? height : undefined,\n        background: tokens.colors.background.base,\n        ...(bordered ? (tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` }) : { border: 'none' }),\n        borderRadius: tokens.borderRadius.lg,\n        overflow: 'hidden',\n        display: 'flex',\n        flexDirection: 'column',\n        fontFamily: tokens.typography.fontFamily.primary,\n        color: tokens.colors.text.primary,\n        backdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n        WebkitBackdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n        ...styleProp,\n      }}\n    >\n      {/* Header */}\n      <div style={{\n        padding: '8px 12px',\n        borderBottom: `1px solid ${tokens.colors.border.muted}`,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        background: tokens.colors.background.surface,\n        backdropFilter: 'blur(8px)',\n        flexWrap: 'wrap',\n        gap: 8,\n      }}>\n        <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n          {target && (\n            <span style={{\n              background: `${tokens.colors.interactive.default}22`,\n              color: tokens.colors.interactive.default,\n              padding: '2px 8px', borderRadius: tokens.borderRadius.md, fontSize: tokens.typography.fontSize.xxs, fontWeight: 600,\n            }}>\n              {target}\n            </span>\n          )}\n          {packet && (\n            <span style={{ fontWeight: 600, fontSize: tokens.typography.fontSize.sm }}>{packet}</span>\n          )}\n          <span style={{ fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.text.muted }}>\n            {sortedItems.length} items\n          </span>\n        </div>\n        <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n          {showViewMode && (\n            <select\n              value={viewMode}\n              onChange={e => setViewMode(e.target.value as PacketViewMode)}\n              aria-label=\"Packet view mode\"\n              style={{\n                background: tokens.colors.background.base,\n                color: tokens.colors.text.primary,\n                border: `1px solid ${tokens.colors.border.muted}`,\n                borderRadius: tokens.borderRadius.md, padding: '3px 8px', fontSize: tokens.typography.fontSize.xxs,\n              }}\n            >\n              <option value=\"raw\">Raw</option>\n              <option value=\"converted\">Converted</option>\n              <option value=\"formatted\">Formatted</option>\n              <option value=\"with_units\">With Units</option>\n            </select>\n          )}\n          {showSearch && (\n            <input\n              type=\"text\"\n              value={searchQuery}\n              onChange={e => setSearchQuery(e.target.value)}\n              placeholder=\"Filter items...\"\n              aria-label=\"Filter packet items\"\n              style={{\n                background: tokens.colors.background.base,\n                color: tokens.colors.text.primary,\n                border: `1px solid ${tokens.colors.border.muted}`,\n                borderRadius: tokens.borderRadius.md, padding: '3px 8px', fontSize: tokens.typography.fontSize.xxs,\n                outline: 'none', minWidth: 120,\n              }}\n            />\n          )}\n        </div>\n      </div>\n\n      {/* Column headers */}\n      <div role=\"row\" style={{\n        display: 'grid',\n        gridTemplateColumns: '1fr 1fr auto',\n        padding: `${tokens.spacing.xs} ${tokens.spacing.smd}`,\n        borderBottom: `1px solid ${tokens.colors.border.muted}`,\n        background: tokens.colors.background.surface,\n        fontSize: tokens.typography.fontSize.xxs,\n        color: tokens.colors.text.muted,\n        textTransform: 'uppercase',\n        letterSpacing: '0.5px',\n        fontWeight: tokens.typography.fontWeight.medium,\n      }}>\n        <span role=\"columnheader\">Item</span>\n        <span role=\"columnheader\" style={{ textAlign: 'right' }}>Value</span>\n        <span role=\"columnheader\" style={{ minWidth: 50, textAlign: 'center' }}>Limits</span>\n      </div>\n\n      {/* Items list */}\n      <div\n        ref={listRef}\n        role=\"rowgroup\"\n        onScroll={e => setScrollTop(e.currentTarget.scrollTop)}\n        style={{ flex: 1, overflow: 'auto' }}\n      >\n        <div style={{ height: totalRows * rowHeight, position: 'relative' }}>\n          <div style={{ position: 'absolute', top: startRow * rowHeight, left: 0, right: 0 }}>\n            {visibleItems.map((item, visibleIdx) => {\n              const idx = startRow + visibleIdx;\n              const limitsColor = item.stale\n                ? tokens.colors.status.off\n                : getLimitsColor(item.limits?.state ?? null, tokens);\n              const limitsBg = item.stale\n                ? `${tokens.colors.status.off}14`\n                : getLimitsBg(item.limits?.state ?? null, tokens);\n\n              return (\n                <div\n                  role=\"row\"\n                  tabIndex={0}\n                  key={item.name + idx}\n                  onClick={() => handleItemClick(item)}\n                  onKeyDown={e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); handleItemClick(item); } }}\n                  aria-label={`${item.name}: ${getDisplayValue(item, viewMode)}${item.limits?.state ? `, ${item.limits.state}` : ''}`}\n                  style={{\n                    display: 'grid',\n                    gridTemplateColumns: '1fr 1fr auto',\n                    padding: `0 ${tokens.spacing.smd}`,\n                    height: rowHeight,\n                    alignItems: 'center',\n                    borderBottom: `1px solid ${tokens.colors.border.muted}`,\n                    cursor: 'pointer',\n                    transition: 'background 150ms ease',\n                    background: item.derived ? `${tokens.colors.background.surface}44` : 'transparent',\n                  }}\n                  onMouseEnter={e => { (e.currentTarget as HTMLDivElement).style.background = tokens.colors.background.surface; }}\n                  onMouseLeave={e => { (e.currentTarget as HTMLDivElement).style.background = item.derived ? `${tokens.colors.background.surface}44` : 'transparent'; }}\n                >\n                  {/* Item name */}\n                  <span style={{\n                    fontSize: compact ? tokens.typography.fontSize.xxs : tokens.typography.fontSize.xs,\n                    fontWeight: 500,\n                    color: item.derived ? tokens.colors.text.muted : tokens.colors.text.primary,\n                    fontStyle: item.derived ? 'italic' : 'normal',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    whiteSpace: 'nowrap',\n                  }}>\n                    {item.name}\n                  </span>\n\n                  {/* Value */}\n                  <span style={{\n                    textAlign: 'right',\n                    fontFamily: tokens.typography.fontFamily.mono,\n                    fontSize: compact ? tokens.typography.fontSize.xxs : tokens.typography.fontSize.xs,\n                    fontWeight: 600,\n                    color: limitsColor,\n                    background: limitsBg,\n                    padding: '2px 8px',\n                    borderRadius: tokens.borderRadius.sm,\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    whiteSpace: 'nowrap',\n                  }}>\n                    {getDisplayValue(item, viewMode)}\n                  </span>\n\n                  {/* Limits indicator — Astro UX status shape */}\n                  <div style={{ minWidth: 50, display: 'flex', justifyContent: 'center' }}>\n                    {item.limits?.state && (\n                      <div style={{\n                        display: 'flex', alignItems: 'center', gap: 3,\n                      }}>\n                        <span style={getLimitsShapeStyle(item.limits.state, limitsColor)} />\n                        <span style={{ fontSize: tokens.typography.fontSize.micro, color: limitsColor, fontWeight: 600 }}>\n                          {item.limits.state.replace(/_/g, ' ')}\n                        </span>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n\n      {/* Details panel */}\n      {showDetails && selectedItem && (\n        <div style={{\n          borderTop: `1px solid ${tokens.colors.border.muted}`,\n          background: tokens.colors.background.surface,\n          padding: 12,\n          maxHeight: 200,\n          overflow: 'auto',\n        }}>\n          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: tokens.spacing.sm }}>\n            <span style={{ fontWeight: tokens.typography.fontWeight.bold, fontSize: tokens.typography.fontSize.sm }}>{selectedItem.name}</span>\n            <button\n              onClick={() => setShowDetails(false)}\n              aria-label=\"Close details panel\"\n              style={{ background: 'none', border: 'none', color: tokens.colors.text.muted, cursor: 'pointer', fontSize: tokens.typography.fontSize.lg, padding: tokens.spacing.xs, lineHeight: 1 }}\n            >\n              &#x2715;\n            </button>\n          </div>\n          {selectedItem.description && (\n            <p style={{ color: tokens.colors.text.secondary, fontSize: tokens.typography.fontSize.xs, marginBottom: 8 }}>\n              {selectedItem.description}\n            </p>\n          )}\n          <div style={{\n            display: 'grid', gridTemplateColumns: 'auto 1fr', gap: '4px 12px',\n            fontSize: tokens.typography.fontSize.xxs, fontFamily: tokens.typography.fontFamily.mono,\n          }}>\n            <span style={{ color: tokens.colors.text.muted }}>Raw:</span>\n            <span>{String(selectedItem.value)}</span>\n            {selectedItem.convertedValue !== undefined && (\n              <><span style={{ color: tokens.colors.text.muted }}>Converted:</span><span>{String(selectedItem.convertedValue)}</span></>\n            )}\n            {selectedItem.units && (\n              <><span style={{ color: tokens.colors.text.muted }}>Units:</span><span>{selectedItem.units}</span></>\n            )}\n            {selectedItem.dataType && (\n              <><span style={{ color: tokens.colors.text.muted }}>Type:</span><span>{selectedItem.dataType}</span></>\n            )}\n            {selectedItem.bitSize !== undefined && (\n              <><span style={{ color: tokens.colors.text.muted }}>Bit Size:</span><span>{selectedItem.bitSize}</span></>\n            )}\n            {selectedItem.bitOffset !== undefined && (\n              <><span style={{ color: tokens.colors.text.muted }}>Bit Offset:</span><span>{selectedItem.bitOffset}</span></>\n            )}\n            {selectedItem.conversion && (\n              <><span style={{ color: tokens.colors.text.muted }}>Conversion:</span><span>{selectedItem.conversion}</span></>\n            )}\n            {selectedItem.limits && (\n              <>\n                <span style={{ color: tokens.colors.text.muted }}>Limits State:</span>\n                <span style={{ color: getLimitsColor(selectedItem.limits.state, tokens) }}>\n                  {selectedItem.limits.state}\n                </span>\n                {selectedItem.limits.redLow !== undefined && (\n                  <><span style={{ color: tokens.colors.text.muted }}>Red Low:</span><span>{selectedItem.limits.redLow}</span></>\n                )}\n                {selectedItem.limits.yellowLow !== undefined && (\n                  <><span style={{ color: tokens.colors.text.muted }}>Yellow Low:</span><span>{selectedItem.limits.yellowLow}</span></>\n                )}\n                {selectedItem.limits.greenHigh !== undefined && (\n                  <><span style={{ color: tokens.colors.text.muted }}>Green High:</span><span>{selectedItem.limits.greenHigh}</span></>\n                )}\n                {selectedItem.limits.yellowHigh !== undefined && (\n                  <><span style={{ color: tokens.colors.text.muted }}>Yellow High:</span><span>{selectedItem.limits.yellowHigh}</span></>\n                )}\n                {selectedItem.limits.redHigh !== undefined && (\n                  <><span style={{ color: tokens.colors.text.muted }}>Red High:</span><span>{selectedItem.limits.redHigh}</span></>\n                )}\n              </>\n            )}\n            {selectedItem.states && (\n              <>\n                <span style={{ color: tokens.colors.text.muted }}>States:</span>\n                <span>{Object.entries(selectedItem.states).map(([k, v]) => `${k}=${v}`).join(', ')}</span>\n              </>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default PacketViewer;\n"],"names":["PacketViewer"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/react/core/Pagination.tsx"],"sourcesContent":["/**\n * @zendir/ui - Pagination Component\n * \n * Pagination following Astro UX Design System.\n * \n * @example\n * ```tsx\n * <Pagination\n *   currentPage={page}\n *   totalPages={10}\n *   onChange={setPage}\n * />\n * ```\n */\n\nimport React, { memo, useMemo } from 'react';\nimport { useTheme } from '../theme';\nimport { classNames } from '../utils';\n\nexport interface PaginationProps {\n  /** Current page (1-indexed) */\n  currentPage: number;\n  /** Total number of pages */\n  totalPages: number;\n  /** Change handler */\n  onChange: (page: number) => void;\n  /** Number of page buttons to show */\n  siblingCount?: number;\n  /** Show first/last buttons */\n  showFirstLast?: boolean;\n  /** Show prev/next buttons */\n  showPrevNext?: boolean;\n  /** Size variant */\n  size?: 'small' | 'medium';\n  /**\n   * Display mode.\n   * - `'buttons'` — numbered page buttons with ellipsis (default).\n   * - `'text'`    — compact \"Page X of Y\" label with prev/next arrows.\n   */\n  displayMode?: 'buttons' | 'text';\n  /** Disabled state */\n  disabled?: boolean;\n  /** Custom className */\n  className?: string;\n}\n\nexport const Pagination = memo(function Pagination({\n  currentPage,\n  totalPages,\n  onChange,\n  siblingCount = 1,\n  showFirstLast = true,\n  showPrevNext = true,\n  size = 'medium',\n  displayMode = 'buttons',\n  disabled = false,\n  className = '',\n}: PaginationProps): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const isTransparentTheme =\n    theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  \n  const sizeConfig = {\n    small: { buttonSize: '28px', fontSize: tokens.typography.fontSize.xxs },\n    medium: { buttonSize: '34px', fontSize: tokens.typography.fontSize.xs },\n  };\n  const config = sizeConfig[size];\n  \n  // Calculate visible page numbers\n  const pageNumbers = useMemo(() => {\n    const range: (number | 'ellipsis')[] = [];\n    const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n    const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n    \n    const showLeftEllipsis = leftSiblingIndex > 2;\n    const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n    \n    if (!showLeftEllipsis && showRightEllipsis) {\n      const leftRange = Array.from({ length: 3 + 2 * siblingCount }, (_, i) => i + 1);\n      range.push(...leftRange, 'ellipsis', totalPages);\n    } else if (showLeftEllipsis && !showRightEllipsis) {\n      const rightRange = Array.from(\n        { length: 3 + 2 * siblingCount },\n        (_, i) => totalPages - 3 - 2 * siblingCount + i + 1\n      );\n      range.push(1, 'ellipsis', ...rightRange);\n    } else if (showLeftEllipsis && showRightEllipsis) {\n      const middleRange = Array.from(\n        { length: 2 * siblingCount + 1 },\n        (_, i) => leftSiblingIndex + i\n      );\n      range.push(1, 'ellipsis', ...middleRange, 'ellipsis', totalPages);\n    } else {\n      range.push(...Array.from({ length: totalPages }, (_, i) => i + 1));\n    }\n    \n    return range;\n  }, [currentPage, totalPages, siblingCount]);\n  \n  const buttonStyle: React.CSSProperties = {\n    width: config.buttonSize,\n    height: config.buttonSize,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontSize: config.fontSize,\n    fontFamily: tokens.typography.fontFamily.mono,\n    fontWeight: tokens.typography.fontWeight.medium,\n    backgroundColor: isTransparentTheme ? `${tokens.colors.background.surface}99` : 'transparent',\n    border: `1px solid ${tokens.colors.border.muted}`,\n    borderRadius: tokens.borderRadius.md,\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    opacity: disabled ? 0.5 : 1,\n    transition: `all ${tokens.animation.fast}`,\n    color: tokens.colors.text.primary,\n    backdropFilter: isTransparentTheme ? 'blur(8px)' : undefined,\n    WebkitBackdropFilter: isTransparentTheme ? 'blur(8px)' : undefined,\n  };\n  \n  const activeButtonStyle: React.CSSProperties = {\n    ...buttonStyle,\n    backgroundColor: tokens.colors.accent.primary,\n    borderColor: tokens.colors.accent.primary,\n    color: tokens.colors.text.inverse,\n    boxShadow: `0 0 0 1px ${tokens.colors.accent.primary}55, 0 0 14px ${tokens.colors.accent.primary}55`,\n  };\n  \n  const handleClick = (page: number) => {\n    if (!disabled && page >= 1 && page <= totalPages && page !== currentPage) {\n      onChange(page);\n    }\n  };\n  \n  const NavButton = ({ \n    direction, \n    targetPage, \n    children \n  }: { \n    direction: 'first' | 'prev' | 'next' | 'last'; \n    targetPage: number;\n    children: React.ReactNode;\n  }) => {\n    const isDisabled = disabled || \n      (direction === 'first' || direction === 'prev' ? currentPage <= 1 : currentPage >= totalPages);\n    \n    return (\n      <button\n        type=\"button\"\n        onClick={() => handleClick(targetPage)}\n        disabled={isDisabled}\n        aria-label={\n        direction === 'first' ? 'Go to first page' :\n        direction === 'prev' ? 'Go to previous page' :\n        direction === 'next' ? 'Go to next page' :\n        'Go to last page'\n      }\n        style={{\n          ...buttonStyle,\n          opacity: isDisabled ? 0.3 : 1,\n          cursor: isDisabled ? 'not-allowed' : 'pointer',\n        }}\n      >\n        {children}\n      </button>\n    );\n  };\n  \n  return (\n    <nav\n      className={classNames('zendir-pagination', className)}\n      aria-label=\"Pagination\"\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: tokens.spacing.xs,\n        padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`,\n        borderRadius: tokens.borderRadius.lg,\n        ...(tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` }),\n        background: isTransparentTheme ? `${tokens.colors.background.surface}66` : `${tokens.colors.background.surface}66`,\n        backdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n        WebkitBackdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n      }}\n    >\n      {showFirstLast && (\n        <NavButton direction=\"first\" targetPage={1}>\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z\" />\n          </svg>\n        </NavButton>\n      )}\n      \n      {showPrevNext && (\n        <NavButton direction=\"prev\" targetPage={currentPage - 1}>\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\" />\n          </svg>\n        </NavButton>\n      )}\n      \n      {displayMode === 'text' ? (\n        <span\n          style={{\n            padding: `0 ${tokens.spacing.sm}`,\n            color: tokens.colors.text.secondary,\n            fontSize: tokens.typography.fontSize.xs,\n            fontFamily: tokens.typography.fontFamily.mono,\n            letterSpacing: '0.02em',\n            whiteSpace: 'nowrap',\n          }}\n        >\n          Page {currentPage} of {totalPages}\n        </span>\n      ) : (\n        pageNumbers.map((page, index) => \n          page === 'ellipsis' ? (\n            <span\n              key={`ellipsis-${index}`}\n              style={{\n                width: config.buttonSize,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                color: tokens.colors.text.muted,\n              }}\n            >\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              type=\"button\"\n              onClick={() => handleClick(page)}\n              disabled={disabled}\n              aria-current={page === currentPage ? 'page' : undefined}\n              style={page === currentPage ? activeButtonStyle : buttonStyle}\n              onMouseEnter={(e) => {\n                if (!disabled && page !== currentPage) {\n                  e.currentTarget.style.backgroundColor = `${tokens.colors.accent.primary}22`;\n                  e.currentTarget.style.borderColor = tokens.colors.accent.primary;\n                  e.currentTarget.style.transform = 'translateY(-1px)';\n                }\n              }}\n              onMouseLeave={(e) => {\n                if (!disabled && page !== currentPage) {\n                  e.currentTarget.style.backgroundColor = isTransparentTheme ? `${tokens.colors.background.surface}99` : 'transparent';\n                  e.currentTarget.style.borderColor = tokens.colors.border.muted;\n                  e.currentTarget.style.transform = 'translateY(0)';\n                }\n              }}\n            >\n              {page}\n            </button>\n          )\n        )\n      )}\n      \n      {showPrevNext && (\n        <NavButton direction=\"next\" targetPage={currentPage + 1}>\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" />\n          </svg>\n        </NavButton>\n      )}\n      \n      {showFirstLast && (\n        <NavButton direction=\"last\" targetPage={totalPages}>\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z\" />\n          </svg>\n        </NavButton>\n      )}\n    </nav>\n  );\n});\n\nexport default Pagination;\n"],"names":["Pagination"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"PinInput.js","sources":["../../../src/react/core/PinInput.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - PinInput Component\r\n * \r\n * Multi-character code entry for passwords, verification codes, and team IDs.\r\n * Auto-advances focus between cells. Supports numeric and alphanumeric modes.\r\n * \r\n * Astro UX Compliance:\r\n * - Consistent styling with Input component\r\n * - Focus ring for accessibility\r\n * - Monospace tabular numbers\r\n * \r\n * @example\r\n * ```tsx\r\n * <PinInput length={6} type=\"alphanumeric\" value={password} onChange={setPassword} label=\"Team Password\" />\r\n * <PinInput length={4} type=\"numeric\" value={code} onChange={setCode} label=\"Verification Code\" />\r\n * <PinInput length={8} value={token} onChange={setToken} label=\"API Token\" />\r\n * ```\r\n */\r\n\r\nimport React, { memo, useState, useRef, useCallback, useEffect } from 'react';\r\nimport { useTheme } from '../theme';\r\nimport type { LabelPlacement } from './Input';\r\nimport { useBreakpoint } from './layout/useBreakpoint';\r\n\r\nexport interface PinInputProps {\r\n  /** Number of character cells (default 6; any positive number, e.g. 4, 6, 8) */\r\n  length?: number;\r\n  /** Input type */\r\n  type?: 'numeric' | 'alphanumeric';\r\n  /** Current value */\r\n  value: string;\r\n  /** Change handler */\r\n  onChange: (value: string) => void;\r\n  /** Label text or ReactNode (supports rich content like tooltip icons) */\r\n  label?: React.ReactNode;\r\n  /** Helper text */\r\n  helperText?: string;\r\n  /** Error state */\r\n  error?: boolean | string;\r\n  /** Disabled */\r\n  disabled?: boolean;\r\n  /** Mask characters (password mode) */\r\n  mask?: boolean;\r\n  /** Size */\r\n  size?: 'small' | 'medium' | 'large';\r\n  /** Auto-focus first cell on mount */\r\n  autoFocus?: boolean;\r\n  /** Callback when all cells filled */\r\n  onComplete?: (value: string) => void;\r\n  /**\r\n   * Label placement style.\r\n   * - `'outlined'` — label sits on the border of a surrounding container. **Default.**\r\n   * - `'above'`    — label sits above the cells with a gap (classic stack).\r\n   */\r\n  labelPlacement?: LabelPlacement;\r\n  /** Required indicator */\r\n  required?: boolean;\r\n  /** Stretch to full width of container (cells share width equally, same as standard inputs) */\r\n  fullWidth?: boolean;\r\n}\r\n\r\nexport const PinInput = memo(function PinInput({\r\n  length = 6,\r\n  type = 'alphanumeric',\r\n  value,\r\n  onChange,\r\n  label,\r\n  helperText,\r\n  error,\r\n  disabled = false,\r\n  mask = false,\r\n  size = 'medium',\r\n  autoFocus = false,\r\n  onComplete,\r\n  labelPlacement = 'outlined',\r\n  required,\r\n  fullWidth = false,\r\n}: PinInputProps): React.ReactElement {\r\n  const { tokens, theme } = useTheme();\r\n  const { isMobile } = useBreakpoint();\r\n  const isTransparentTheme = theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\r\n  const refs = useRef<(HTMLInputElement | null)[]>([]);\r\n  const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\r\n  \r\n  const chars = value.split('').concat(Array(length).fill('')).slice(0, length);\r\n  \r\n  useEffect(() => {\r\n    if (autoFocus && refs.current[0]) {\r\n      refs.current[0].focus();\r\n    }\r\n  }, [autoFocus]);\r\n  \r\n  // Between original tokens and the reduced set: slightly more height than 24/32/40, still less than 28/36/44\r\n  const reducedHeight = size === 'small' ? '26px' : size === 'medium' ? '34px' : '42px';\r\n  const controlHeight = isMobile ? '44px' : reducedHeight;\r\n  const sizeConfig = {\r\n    small: { fontSize: tokens.typography.fontSize.xs },\r\n    medium: { fontSize: tokens.typography.fontSize.sm },\r\n    large: { fontSize: tokens.typography.fontSize.base },\r\n  };\r\n  const config = { ...sizeConfig[size], height: controlHeight } as { height: string; fontSize: string };\r\n  \r\n  const isValid = (char: string): boolean => {\r\n    if (type === 'numeric') return /^[0-9]$/.test(char);\r\n    return /^[a-zA-Z0-9]$/.test(char);\r\n  };\r\n  \r\n  const handleChange = useCallback((index: number, inputValue: string) => {\r\n    // Handle paste (multiple characters). Strip spaces so pasted codes like \"12 34 56\" work.\r\n    if (inputValue.length > 1) {\r\n      const normalized = inputValue.replace(/\\s/g, '');\r\n      const filtered = normalized.split('').filter(isValid).slice(0, length);\r\n      const newValue = filtered.join('');\r\n      onChange(newValue);\r\n      const nextIndex = Math.min(filtered.length, length - 1);\r\n      refs.current[nextIndex]?.focus();\r\n      if (filtered.length === length) onComplete?.(newValue);\r\n      return;\r\n    }\r\n    \r\n    const char = inputValue;\r\n    if (char && !isValid(char)) return;\r\n    \r\n    const newChars = [...chars];\r\n    newChars[index] = char.toUpperCase();\r\n    const newValue = newChars.join('').replace(/\\s/g, '');\r\n    onChange(newValue);\r\n    \r\n    // Auto-advance\r\n    if (char && index < length - 1) {\r\n      refs.current[index + 1]?.focus();\r\n    }\r\n    \r\n    if (newValue.length === length) {\r\n      onComplete?.(newValue);\r\n    }\r\n  }, [chars, length, onChange, onComplete, type]);\r\n  \r\n  const handleKeyDown = useCallback((index: number, e: React.KeyboardEvent) => {\r\n    if (e.key === 'Backspace') {\r\n      if (!chars[index] && index > 0) {\r\n        refs.current[index - 1]?.focus();\r\n        const newChars = [...chars];\r\n        newChars[index - 1] = '';\r\n        onChange(newChars.join(''));\r\n      }\r\n    } else if (e.key === 'ArrowLeft' && index > 0) {\r\n      refs.current[index - 1]?.focus();\r\n    } else if (e.key === 'ArrowRight' && index < length - 1) {\r\n      refs.current[index + 1]?.focus();\r\n    }\r\n  }, [chars, length, onChange]);\r\n  \r\n  const hasError = !!error;\r\n  const errorMessage = typeof error === 'string' ? error : undefined;\r\n  \r\n  const inputBg = isTransparentTheme\r\n    ? (tokens.colors.interactive.transparentInputBg || 'rgba(139, 92, 246, 0.08)')\r\n    : tokens.colors.background.surface;\r\n  \r\n  const isOutlined = labelPlacement === 'outlined';\r\n  const isFocused = focusedIndex !== null;\r\n  \r\n  // Background for the outlined label \"notch\"\r\n  const labelBg = isTransparentTheme\r\n    ? tokens.colors.background.base\r\n    : tokens.colors.background.surface;\r\n  \r\n  // Outlined label font sizes\r\n  const outlinedLabelSizeMap = { small: '0.625rem', medium: '0.6875rem', large: '0.75rem' };\r\n  // Container always uses spacing.sm (8px) horizontal padding, so label left is always 8-6=2px\r\n  const outlinedLabelLeftMap = { small: '2px', medium: '2px', large: '2px' };\r\n  \r\n  // Shared label content\r\n  const labelContent = (\r\n    <>\r\n      {label}\r\n      {required && (\r\n        <span style={{ color: tokens.colors.status.critical, marginLeft: '2px' }}>*</span>\r\n      )}\r\n    </>\r\n  );\r\n  \r\n  // Cells renderer: fullWidth = cells share space (same total width as standard inputs); otherwise fixed square cells\r\n  const cellsEl = (\r\n    <div style={{\r\n      display: 'flex',\r\n      gap: tokens.spacing.xs,\r\n      width: fullWidth ? '100%' : undefined,\r\n    }}>\r\n      {Array.from({ length }, (_, i) => (\r\n        <input\r\n          key={i}\r\n          ref={el => { refs.current[i] = el; }}\r\n          type={mask ? 'password' : 'text'}\r\n          inputMode={type === 'numeric' ? 'numeric' : 'text'}\r\n          maxLength={1}\r\n          value={chars[i] || ''}\r\n          onChange={e => handleChange(i, e.target.value)}\r\n          onKeyDown={e => handleKeyDown(i, e)}\r\n          onFocus={() => setFocusedIndex(i)}\r\n          onBlur={() => setFocusedIndex(null)}\r\n          onPaste={e => {\r\n            e.preventDefault();\r\n            handleChange(i, e.clipboardData.getData('text'));\r\n          }}\r\n          disabled={disabled}\r\n          aria-label={`Character ${i + 1} of ${length}`}\r\n          aria-invalid={hasError || undefined}\r\n          aria-describedby={errorMessage ? 'zendir-pin-error' : helperText ? 'zendir-pin-helper' : undefined}\r\n          style={{\r\n            ...(fullWidth ? { flex: 1, minWidth: 0 } : { width: controlHeight }),\r\n            height: config.height,\r\n            textAlign: 'center',\r\n            fontSize: config.fontSize,\r\n            fontWeight: tokens.typography.fontWeight.bold,\r\n            fontFamily: tokens.typography.fontFamily.mono,\r\n            fontVariantNumeric: 'tabular-nums',\r\n            color: tokens.colors.text.primary,\r\n            backgroundColor: isOutlined ? 'transparent' : inputBg,\r\n            border: isOutlined ? 'none' : (\r\n              hasError\r\n                ? `${tokens.borders.width.medium} solid ${tokens.colors.status.critical}`\r\n                : focusedIndex === i\r\n                  ? `${tokens.borders.width.medium} solid ${tokens.colors.accent.primary}`\r\n                  : chars[i]\r\n                    ? `${tokens.borders.width.medium} solid ${tokens.colors.border.default}`\r\n                    : `${tokens.borders.width.medium} solid ${tokens.colors.border.muted}`\r\n            ),\r\n            borderRadius: isOutlined ? 0 : tokens.borderRadius.md,\r\n            outline: 'none',\r\n            transition: tokens.animation.fast,\r\n            opacity: disabled ? 0.5 : 1,\r\n            cursor: disabled ? 'not-allowed' : 'text',\r\n            ...(!isOutlined && focusedIndex === i ? {\r\n              boxShadow: tokens.borders.focusRing.subtle,\r\n            } : {}),\r\n          }}\r\n        />\r\n      ))}\r\n    </div>\r\n  );\r\n  \r\n  return (\r\n    <div style={{\r\n      fontFamily: tokens.typography.fontFamily.primary,\r\n      width: fullWidth ? '100%' : undefined,\r\n    }}>\r\n      {/* Label: 'above' variant */}\r\n      {label && !isOutlined && (\r\n        <div style={{\r\n          fontSize: tokens.typography.fontSize.xs,\r\n          fontWeight: tokens.typography.fontWeight.medium,\r\n          color: tokens.colors.text.secondary,\r\n          letterSpacing: tokens.typography.letterSpacing.wide,\r\n          marginBottom: tokens.spacing.xs,\r\n        }}>\r\n          {labelContent}\r\n        </div>\r\n      )}\r\n      \r\n      {/* Outlined variant: wrap cells in a bordered container with the label on the border */}\r\n      {isOutlined ? (\r\n        <div style={{\r\n          position: 'relative',\r\n          width: fullWidth ? '100%' : undefined,\r\n          minHeight: controlHeight,\r\n          border: hasError\r\n            ? tokens.borders.input.error\r\n            : isFocused\r\n              ? tokens.borders.input.focus\r\n              : tokens.borders.input.default,\r\n          borderRadius: tokens.borderRadius.md,\r\n          padding: `0 ${tokens.spacing.sm}`,\r\n          display: 'flex',\r\n          alignItems: 'center',\r\n          backgroundColor: inputBg,\r\n          transition: tokens.animation.fast,\r\n          boxSizing: 'border-box',\r\n          ...(isFocused ? {\r\n            boxShadow: tokens.borders.focusRing.subtle,\r\n          } : {}),\r\n        }}>\r\n          {label && (\r\n            <div style={{\r\n              position: 'absolute',\r\n              top: 0,\r\n              left: outlinedLabelLeftMap[size],\r\n              transform: 'translateY(-50%)',\r\n              backgroundColor: labelBg,\r\n              padding: `0 ${tokens.spacing.xs}`,\r\n              fontSize: outlinedLabelSizeMap[size],\r\n              fontWeight: tokens.typography.fontWeight.medium,\r\n              color: isFocused\r\n                ? (hasError ? tokens.colors.status.critical : tokens.colors.accent.primary)\r\n                : hasError\r\n                  ? tokens.colors.status.critical\r\n                  : tokens.colors.text.secondary,\r\n              letterSpacing: tokens.typography.letterSpacing.wide,\r\n              zIndex: 1,\r\n              pointerEvents: 'none',\r\n              transition: tokens.animation.fast,\r\n              lineHeight: 1.2,\r\n              whiteSpace: 'nowrap',\r\n            }}>\r\n              {labelContent}\r\n            </div>\r\n          )}\r\n          {cellsEl}\r\n        </div>\r\n      ) : (\r\n        cellsEl\r\n      )}\r\n      \r\n      {(helperText || errorMessage) && (\r\n        <div\r\n          id={errorMessage ? 'zendir-pin-error' : 'zendir-pin-helper'}\r\n          role={errorMessage ? 'alert' : undefined}\r\n          style={{\r\n            fontSize: tokens.typography.fontSize.xs,\r\n            color: hasError ? tokens.colors.status.critical : tokens.colors.text.tertiary,\r\n            marginTop: tokens.spacing.xs,\r\n          }}\r\n        >\r\n          {errorMessage || helperText}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n});\r\n\r\nexport default PinInput;\r\n"],"names":["PinInput","newValue"],"mappings":";;;;AA6DO,MAAM,WAAW,KAAK,SAASA,UAAS;AAAA,EAC7C,SAAS;AAAA,EACT,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY;AACd,GAAsC;AACpC,QAAM,EAAE,QAAQ,MAAA,IAAU,SAAA;AAC1B,QAAM,EAAE,SAAA,IAAa,cAAA;AACrB,QAAM,qBAAqB,UAAU,iBAAiB,UAAU,sBAAsB,UAAU;AAChG,QAAM,OAAO,OAAoC,EAAE;AACnD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAwB,IAAI;AAEpE,QAAM,QAAQ,MAAM,MAAM,EAAE,EAAE,OAAO,MAAM,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM;AAE5E,YAAU,MAAM;AACd,QAAI,aAAa,KAAK,QAAQ,CAAC,GAAG;AAChC,WAAK,QAAQ,CAAC,EAAE,MAAA;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAGd,QAAM,gBAAgB,SAAS,UAAU,SAAS,SAAS,WAAW,SAAS;AAC/E,QAAM,gBAAgB,WAAW,SAAS;AAC1C,QAAM,aAAa;AAAA,IACjB,OAAO,EAAE,UAAU,OAAO,WAAW,SAAS,GAAA;AAAA,IAC9C,QAAQ,EAAE,UAAU,OAAO,WAAW,SAAS,GAAA;AAAA,IAC/C,OAAO,EAAE,UAAU,OAAO,WAAW,SAAS,KAAA;AAAA,EAAK;AAErD,QAAM,SAAS,EAAE,GAAG,WAAW,IAAI,GAAG,QAAQ,cAAA;AAE9C,QAAM,UAAU,CAAC,SAA0B;AACzC,QAAI,SAAS,UAAW,QAAO,UAAU,KAAK,IAAI;AAClD,WAAO,gBAAgB,KAAK,IAAI;AAAA,EAClC;AAEA,QAAM,eAAe,YAAY,CAAC,OAAe,eAAuB;;AAEtE,QAAI,WAAW,SAAS,GAAG;AACzB,YAAM,aAAa,WAAW,QAAQ,OAAO,EAAE;AAC/C,YAAM,WAAW,WAAW,MAAM,EAAE,EAAE,OAAO,OAAO,EAAE,MAAM,GAAG,MAAM;AACrE,YAAMC,YAAW,SAAS,KAAK,EAAE;AACjC,eAASA,SAAQ;AACjB,YAAM,YAAY,KAAK,IAAI,SAAS,QAAQ,SAAS,CAAC;AACtD,iBAAK,QAAQ,SAAS,MAAtB,mBAAyB;AACzB,UAAI,SAAS,WAAW,OAAQ,0CAAaA;AAC7C;AAAA,IACF;AAEA,UAAM,OAAO;AACb,QAAI,QAAQ,CAAC,QAAQ,IAAI,EAAG;AAE5B,UAAM,WAAW,CAAC,GAAG,KAAK;AAC1B,aAAS,KAAK,IAAI,KAAK,YAAA;AACvB,UAAM,WAAW,SAAS,KAAK,EAAE,EAAE,QAAQ,OAAO,EAAE;AACpD,aAAS,QAAQ;AAGjB,QAAI,QAAQ,QAAQ,SAAS,GAAG;AAC9B,iBAAK,QAAQ,QAAQ,CAAC,MAAtB,mBAAyB;AAAA,IAC3B;AAEA,QAAI,SAAS,WAAW,QAAQ;AAC9B,+CAAa;AAAA,IACf;AAAA,EACF,GAAG,CAAC,OAAO,QAAQ,UAAU,YAAY,IAAI,CAAC;AAE9C,QAAM,gBAAgB,YAAY,CAAC,OAAe,MAA2B;;AAC3E,QAAI,EAAE,QAAQ,aAAa;AACzB,UAAI,CAAC,MAAM,KAAK,KAAK,QAAQ,GAAG;AAC9B,mBAAK,QAAQ,QAAQ,CAAC,MAAtB,mBAAyB;AACzB,cAAM,WAAW,CAAC,GAAG,KAAK;AAC1B,iBAAS,QAAQ,CAAC,IAAI;AACtB,iBAAS,SAAS,KAAK,EAAE,CAAC;AAAA,MAC5B;AAAA,IACF,WAAW,EAAE,QAAQ,eAAe,QAAQ,GAAG;AAC7C,iBAAK,QAAQ,QAAQ,CAAC,MAAtB,mBAAyB;AAAA,IAC3B,WAAW,EAAE,QAAQ,gBAAgB,QAAQ,SAAS,GAAG;AACvD,iBAAK,QAAQ,QAAQ,CAAC,MAAtB,mBAAyB;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,OAAO,QAAQ,QAAQ,CAAC;AAE5B,QAAM,WAAW,CAAC,CAAC;AACnB,QAAM,eAAe,OAAO,UAAU,WAAW,QAAQ;AAEzD,QAAM,UAAU,qBACX,OAAO,OAAO,YAAY,sBAAsB,6BACjD,OAAO,OAAO,WAAW;AAE7B,QAAM,aAAa,mBAAmB;AACtC,QAAM,YAAY,iBAAiB;AAGnC,QAAM,UAAU,qBACZ,OAAO,OAAO,WAAW,OACzB,OAAO,OAAO,WAAW;AAG7B,QAAM,uBAAuB,EAAE,OAAO,YAAY,QAAQ,aAAa,OAAO,UAAA;AAE9E,QAAM,uBAAuB,EAAE,OAAO,OAAO,QAAQ,OAAO,OAAO,MAAA;AAGnE,QAAM,eACJ,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA;AAAA,IACA,YACC,oBAAC,QAAA,EAAK,OAAO,EAAE,OAAO,OAAO,OAAO,OAAO,UAAU,YAAY,MAAA,GAAS,UAAA,IAAA,CAAC;AAAA,EAAA,GAE/E;AAIF,QAAM,UACJ,oBAAC,OAAA,EAAI,OAAO;AAAA,IACV,SAAS;AAAA,IACT,KAAK,OAAO,QAAQ;AAAA,IACpB,OAAO,YAAY,SAAS;AAAA,EAAA,GAE3B,gBAAM,KAAK,EAAE,UAAU,CAAC,GAAG,MAC1B;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,KAAK,CAAA,OAAM;AAAE,aAAK,QAAQ,CAAC,IAAI;AAAA,MAAI;AAAA,MACnC,MAAM,OAAO,aAAa;AAAA,MAC1B,WAAW,SAAS,YAAY,YAAY;AAAA,MAC5C,WAAW;AAAA,MACX,OAAO,MAAM,CAAC,KAAK;AAAA,MACnB,UAAU,CAAA,MAAK,aAAa,GAAG,EAAE,OAAO,KAAK;AAAA,MAC7C,WAAW,CAAA,MAAK,cAAc,GAAG,CAAC;AAAA,MAClC,SAAS,MAAM,gBAAgB,CAAC;AAAA,MAChC,QAAQ,MAAM,gBAAgB,IAAI;AAAA,MAClC,SAAS,CAAA,MAAK;AACZ,UAAE,eAAA;AACF,qBAAa,GAAG,EAAE,cAAc,QAAQ,MAAM,CAAC;AAAA,MACjD;AAAA,MACA;AAAA,MACA,cAAY,aAAa,IAAI,CAAC,OAAO,MAAM;AAAA,MAC3C,gBAAc,YAAY;AAAA,MAC1B,oBAAkB,eAAe,qBAAqB,aAAa,sBAAsB;AAAA,MACzF,OAAO;AAAA,QACL,GAAI,YAAY,EAAE,MAAM,GAAG,UAAU,EAAA,IAAM,EAAE,OAAO,cAAA;AAAA,QACpD,QAAQ,OAAO;AAAA,QACf,WAAW;AAAA,QACX,UAAU,OAAO;AAAA,QACjB,YAAY,OAAO,WAAW,WAAW;AAAA,QACzC,YAAY,OAAO,WAAW,WAAW;AAAA,QACzC,oBAAoB;AAAA,QACpB,OAAO,OAAO,OAAO,KAAK;AAAA,QAC1B,iBAAiB,aAAa,gBAAgB;AAAA,QAC9C,QAAQ,aAAa,SACnB,WACI,GAAG,OAAO,QAAQ,MAAM,MAAM,UAAU,OAAO,OAAO,OAAO,QAAQ,KACrE,iBAAiB,IACf,GAAG,OAAO,QAAQ,MAAM,MAAM,UAAU,OAAO,OAAO,OAAO,OAAO,KACpE,MAAM,CAAC,IACL,GAAG,OAAO,QAAQ,MAAM,MAAM,UAAU,OAAO,OAAO,OAAO,OAAO,KACpE,GAAG,OAAO,QAAQ,MAAM,MAAM,UAAU,OAAO,OAAO,OAAO,KAAK;AAAA,QAE5E,cAAc,aAAa,IAAI,OAAO,aAAa;AAAA,QACnD,SAAS;AAAA,QACT,YAAY,OAAO,UAAU;AAAA,QAC7B,SAAS,WAAW,MAAM;AAAA,QAC1B,QAAQ,WAAW,gBAAgB;AAAA,QACnC,GAAI,CAAC,cAAc,iBAAiB,IAAI;AAAA,UACtC,WAAW,OAAO,QAAQ,UAAU;AAAA,QAAA,IAClC,CAAA;AAAA,MAAC;AAAA,IACP;AAAA,IA7CK;AAAA,EAAA,CA+CR,GACH;AAGF,SACE,qBAAC,SAAI,OAAO;AAAA,IACV,YAAY,OAAO,WAAW,WAAW;AAAA,IACzC,OAAO,YAAY,SAAS;AAAA,EAAA,GAG3B,UAAA;AAAA,IAAA,SAAS,CAAC,cACT,oBAAC,OAAA,EAAI,OAAO;AAAA,MACV,UAAU,OAAO,WAAW,SAAS;AAAA,MACrC,YAAY,OAAO,WAAW,WAAW;AAAA,MACzC,OAAO,OAAO,OAAO,KAAK;AAAA,MAC1B,eAAe,OAAO,WAAW,cAAc;AAAA,MAC/C,cAAc,OAAO,QAAQ;AAAA,IAAA,GAE5B,UAAA,cACH;AAAA,IAID,aACC,qBAAC,OAAA,EAAI,OAAO;AAAA,MACV,UAAU;AAAA,MACV,OAAO,YAAY,SAAS;AAAA,MAC5B,WAAW;AAAA,MACX,QAAQ,WACJ,OAAO,QAAQ,MAAM,QACrB,YACE,OAAO,QAAQ,MAAM,QACrB,OAAO,QAAQ,MAAM;AAAA,MAC3B,cAAc,OAAO,aAAa;AAAA,MAClC,SAAS,KAAK,OAAO,QAAQ,EAAE;AAAA,MAC/B,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,YAAY,OAAO,UAAU;AAAA,MAC7B,WAAW;AAAA,MACX,GAAI,YAAY;AAAA,QACd,WAAW,OAAO,QAAQ,UAAU;AAAA,MAAA,IAClC,CAAA;AAAA,IAAC,GAEJ,UAAA;AAAA,MAAA,SACC,oBAAC,SAAI,OAAO;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM,qBAAqB,IAAI;AAAA,QAC/B,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,SAAS,KAAK,OAAO,QAAQ,EAAE;AAAA,QAC/B,UAAU,qBAAqB,IAAI;AAAA,QACnC,YAAY,OAAO,WAAW,WAAW;AAAA,QACzC,OAAO,YACF,WAAW,OAAO,OAAO,OAAO,WAAW,OAAO,OAAO,OAAO,UACjE,WACE,OAAO,OAAO,OAAO,WACrB,OAAO,OAAO,KAAK;AAAA,QACzB,eAAe,OAAO,WAAW,cAAc;AAAA,QAC/C,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,YAAY,OAAO,UAAU;AAAA,QAC7B,YAAY;AAAA,QACZ,YAAY;AAAA,MAAA,GAEX,UAAA,cACH;AAAA,MAED;AAAA,IAAA,EAAA,CACH,IAEA;AAAA,KAGA,cAAc,iBACd;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,eAAe,qBAAqB;AAAA,QACxC,MAAM,eAAe,UAAU;AAAA,QAC/B,OAAO;AAAA,UACL,UAAU,OAAO,WAAW,SAAS;AAAA,UACrC,OAAO,WAAW,OAAO,OAAO,OAAO,WAAW,OAAO,OAAO,KAAK;AAAA,UACrE,WAAW,OAAO,QAAQ;AAAA,QAAA;AAAA,QAG3B,UAAA,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GAEJ;AAEJ,CAAC;"}