{"version":3,"sources":["../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clsx } from 'clsx';\n\nexport interface TooltipProps {\n  /**\n   * The content to display in the tooltip\n   */\n  content: string;\n  /**\n   * The trigger element that shows the tooltip on hover\n   */\n  children: React.ReactNode;\n  /**\n   * Custom className\n   */\n  className?: string;\n  /**\n   * Custom style\n   */\n  style?: React.CSSProperties;\n  /**\n   * Test ID for testing\n   */\n  'data-testid'?: string;\n}\n\nconst tooltipStyles: React.CSSProperties = {\n  position: 'absolute',\n  bottom: 'calc(100% + 8px)',\n  left: '50%',\n  transform: 'translateX(-50%)',\n  backgroundColor: '#2f2f2f',\n  color: '#ffffff',\n  padding: '12px',\n  borderRadius: '8px',\n  boxShadow: '0px 4px 12px 0px rgba(32, 32, 32, 0.08)',\n  fontSize: '13px',\n  fontFamily: \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\",\n  fontWeight: 400,\n  lineHeight: 1.5,\n  whiteSpace: 'nowrap',\n  pointerEvents: 'none',\n  zIndex: 1000,\n  opacity: 0,\n  transition: 'opacity 0.2s ease-in-out',\n};\n\nconst wrapperStyles: React.CSSProperties = {\n  position: 'relative',\n  display: 'inline-block',\n};\n\n/**\n * Tooltip component - Arbor Design System\n *\n * A tooltip that appears on hover over a trigger element.\n */\nexport const Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(\n  (\n    {\n      content,\n      children,\n      className,\n      style,\n      'data-testid': dataTestId,\n    },\n    ref\n  ) => {\n    const [isVisible, setIsVisible] = React.useState(false);\n\n    const visibleTooltipStyles: React.CSSProperties = {\n      ...tooltipStyles,\n      opacity: isVisible ? 1 : 0,\n      ...style,\n    };\n\n    return (\n      <div\n        ref={ref}\n        style={wrapperStyles}\n        onMouseEnter={() => setIsVisible(true)}\n        onMouseLeave={() => setIsVisible(false)}\n        data-testid={dataTestId}\n      >\n        {children}\n        <div\n          className={clsx('arbor-tooltip', className)}\n          style={visibleTooltipStyles}\n          role=\"tooltip\"\n          aria-hidden={!isVisible}\n        >\n          {content}\n        </div>\n      </div>\n    );\n  }\n);\n\nTooltip.displayName = 'Tooltip';\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AA4Ef,SAQE,KARF;AAnDN,IAAM,gBAAqC;AAAA,EACzC,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AACd;AAEA,IAAM,gBAAqC;AAAA,EACzC,UAAU;AAAA,EACV,SAAS;AACX;AAOO,IAAM,UAAgB;AAAA,EAC3B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB,GACA,QACG;AACH,UAAM,CAAC,WAAW,YAAY,IAAU,eAAS,KAAK;AAEtD,UAAM,uBAA4C;AAAA,MAChD,GAAG;AAAA,MACH,SAAS,YAAY,IAAI;AAAA,MACzB,GAAG;AAAA,IACL;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,QACP,cAAc,MAAM,aAAa,IAAI;AAAA,QACrC,cAAc,MAAM,aAAa,KAAK;AAAA,QACtC,eAAa;AAAA,QAEZ;AAAA;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,KAAK,iBAAiB,SAAS;AAAA,cAC1C,OAAO;AAAA,cACP,MAAK;AAAA,cACL,eAAa,CAAC;AAAA,cAEb;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc;","names":[]}