{"version":3,"file":"Popover.constants.cjs","sourceRoot":"","sources":["../../../src/components/Popover/Popover.constants.ts"],"names":[],"mappings":";;;AAEA;;;;;GAKG;AACU,QAAA,8BAA8B,GAGvC;IACF,GAAG,EAAE;QACH,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE;QAC1B,MAAM,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE;KACzC;IACD,MAAM,EAAE;QACN,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QACvB,MAAM,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE;KACvC;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;QACzB,MAAM,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE;KACxC;IACD,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;QACxB,MAAM,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE;KACxC;CACF,CAAC","sourcesContent":["import type { CSSProperties } from 'react';\n\n/**\n * Per-placement offsets and rotations applied on top of `react-popper`'s\n * computed arrow position. Keys are the leading segment of\n * `data-popper-placement` (`'top'`, `'top-start'`, etc. all share the same\n * offset/rotation).\n */\nexport const POPOVER_ARROW_PLACEMENT_STYLES: Record<\n  'top' | 'bottom' | 'left' | 'right',\n  { container: CSSProperties; visual: CSSProperties }\n> = {\n  top: {\n    container: { bottom: -20 },\n    visual: { transform: 'rotate(-135deg)' },\n  },\n  bottom: {\n    container: { top: -20 },\n    visual: { transform: 'rotate(45deg)' },\n  },\n  left: {\n    container: { right: -20 },\n    visual: { transform: 'rotate(135deg)' },\n  },\n  right: {\n    container: { left: -20 },\n    visual: { transform: 'rotate(-45deg)' },\n  },\n};\n"]}