{
  "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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,qBAA+B;AAC/B,kBAAqB;AACrB,kBAA6B;AAC7B,yBAA4B;AAC5B,SAAS,qBAAqB,OAAO,cAAc;AACjD,QAAM,qBAAiB,0BAAa,KAAK;AACzC,SAAoB,uCAAAA,KAAK,kBAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAkBO,IAAM,gBAAY,+BAAe,sBAAsB,WAAW;AACzE,IAAO,oBAAQ;",
  "names": ["_jsx"]
}