{"version":3,"file":"HeaderBase.cjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA+C;AAC/C,0CAA6B;AAIhB,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EACE,cAAc,EACd,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,oBAAoB,EACpB,0BAA0B,EAC1B,wBAAwB,EACxB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,uCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,kBAAO;IAChB,gEAAgE;IAChE,qEAAqE;IACrE,kEAAkE;IAClE,4CAA4C,EAC5C,SAAS,CACV,KACG,KAAK;IAER,cAAc,IAAI,CACjB,8BAAC,SAAG,OACE,0BAA0B,EAC9B,SAAS,EAAE,IAAA,kBAAO,EAChB,gCAAgC,EAChC,0BAA0B,EAAE,SAAS,CACtC,IAEA,cAAc,CACX,CACP;IACA,QAAQ,IAAI,CACX,8BAAC,SAAG,OACE,oBAAoB,EACxB,SAAS,EAAE,IAAA,kBAAO;QAChB,+DAA+D;QAC/D,4DAA4D;QAC5D,qBAAqB;QACrB,uBAAuB,EACvB,oBAAoB,EAAE,SAAS,CAChC,IAEA,QAAQ,CACL,CACP;IACA,YAAY,IAAI,CACf,8BAAC,SAAG,OACE,wBAAwB,EAC5B,SAAS,EAAE,IAAA,kBAAO,EAChB,8BAA8B,EAC9B,wBAAwB,EAAE,SAAS,CACpC,IAEA,YAAY,CACT,CACP,CACG,CACP,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box } from '../Box';\n\nimport type { HeaderBaseProps } from './HeaderBase.types';\n\nexport const HeaderBase = forwardRef<HTMLDivElement, HeaderBaseProps>(\n  (\n    {\n      startAccessory,\n      endAccessory,\n      className,\n      children,\n      childrenWrapperProps,\n      startAccessoryWrapperProps,\n      endAccessoryWrapperProps,\n      ...props\n    },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      className={twMerge(\n        // Three-column grid keeps the title horizontally centered: side\n        // columns each take an equal share of the remaining space, the title\n        // sits in the auto-sized center column. No JS measurement needed.\n        'grid grid-cols-[1fr_auto_1fr] items-center',\n        className,\n      )}\n      {...props}\n    >\n      {startAccessory && (\n        <Box\n          {...startAccessoryWrapperProps}\n          className={twMerge(\n            'col-start-1 justify-self-start',\n            startAccessoryWrapperProps?.className,\n          )}\n        >\n          {startAccessory}\n        </Box>\n      )}\n      {children && (\n        <Box\n          {...childrenWrapperProps}\n          className={twMerge(\n            // Always pin the title to column 2 so missing side accessories\n            // leave their empty `1fr` track in place and keep the title\n            // visually centered.\n            'col-start-2 col-end-3',\n            childrenWrapperProps?.className,\n          )}\n        >\n          {children}\n        </Box>\n      )}\n      {endAccessory && (\n        <Box\n          {...endAccessoryWrapperProps}\n          className={twMerge(\n            'col-start-3 justify-self-end',\n            endAccessoryWrapperProps?.className,\n          )}\n        >\n          {endAccessory}\n        </Box>\n      )}\n    </div>\n  ),\n);\n\nHeaderBase.displayName = 'HeaderBase';\n"]}