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