{"version":3,"file":"Flex.cjs","sources":["../../../../src/components/layout/flex/Flex.tsx"],"sourcesContent":["import { FLEX_STYLES } from '@components/layout/flex/styles/Flex.css.ts'\r\nimport type { FlexProps } from '@components/layout/flex/types/Flex.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport Box from '@components/layout/box/Box.tsx'\r\n\r\n/**\r\n * Flex container built on `Box`. Sets `display: flex` (or `inline-flex`\r\n * when `inline` is true) with a configurable `gap` token. Accepts all\r\n * `Box` props for additional layout customization.\r\n */\r\nconst Flex: FC<FlexProps> = memo(({\r\n    inline,\r\n    gap = 'none',\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            gap={gap}\r\n            className={cn(FLEX_STYLES.recipe({ inline }), className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nFlex.displayName = 'Flex'\r\n\r\nexport default Flex\r\n"],"names":["Flex","memo","inline","gap","className","props","jsx","Box","cn","FLEX_STYLES"],"mappings":"uKAYMA,EAAsBC,EAAAA,KAAK,CAAC,CAC9B,OAAAC,EACA,IAAAC,EAAM,OACN,UAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAJ,EACA,UAAWK,EAAAA,GAAGC,cAAY,OAAO,CAAE,OAAAP,CAAA,CAAQ,EAAGE,CAAS,EACtD,GAAGC,CAAA,CAAA,CAGf,EAEDL,EAAK,YAAc"}