{
  "version": 3,
  "sources": ["../../../src/flex/flex-block/component.tsx"],
  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect } from '../../context';\nimport { View } from '../../view';\nimport { useFlexBlock } from './hook';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedFlexBlock(props, forwardedRef) {\n  const flexBlockProps = useFlexBlock(props);\n  return /*#__PURE__*/_jsx(View, {\n    ...flexBlockProps,\n    ref: forwardedRef\n  });\n}\n\n/**\n * `FlexBlock` is a primitive layout component that adaptively resizes content\n * within layout containers like `Flex`.\n *\n * ```jsx\n * import { Flex, FlexBlock } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <Flex>\n *       <FlexBlock>...</FlexBlock>\n *     </Flex>\n *   );\n * }\n * ```\n */\nexport const FlexBlock = contextConnect(UnconnectedFlexBlock, 'FlexBlock');\nexport default FlexBlock;"],
  "mappings": ";AAQA,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,OAAO,YAAY;AAC5B,SAAS,qBAAqB,OAAO,cAAc;AACjD,QAAM,iBAAiB,aAAa,KAAK;AACzC,SAAoB,qBAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAkBO,IAAM,YAAY,eAAe,sBAAsB,WAAW;AACzE,IAAO,oBAAQ;",
  "names": []
}
