{
  "version": 3,
  "sources": ["../../src/visually-hidden/component.tsx"],
  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { useContextSystem, contextConnect } from '../context';\nimport { visuallyHidden } from './styles';\nimport { View } from '../view';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedVisuallyHidden(props, forwardedRef) {\n  const {\n    style: styleProp,\n    ...contextProps\n  } = useContextSystem(props, 'VisuallyHidden');\n  return /*#__PURE__*/_jsx(View, {\n    ref: forwardedRef,\n    ...contextProps,\n    style: {\n      ...visuallyHidden,\n      ...(styleProp || {})\n    }\n  });\n}\n\n/**\n * `VisuallyHidden` is a component used to render text intended to be visually\n * hidden, but will show for alternate devices, for example a screen reader.\n *\n * ```jsx\n * import { VisuallyHidden } from `@wordpress/components`;\n *\n * function Example() {\n *   return (\n *     <VisuallyHidden>\n *       <label>Code is Poetry</label>\n *     </VisuallyHidden>\n *   );\n * }\n * ```\n */\nexport const VisuallyHidden = contextConnect(UnconnectedVisuallyHidden, 'VisuallyHidden');\nexport default VisuallyHidden;"],
  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,qBAAiD;AACjD,oBAA+B;AAC/B,kBAAqB;AACrB,yBAA4B;AAC5B,SAAS,0BAA0B,OAAO,cAAc;AACtD,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,GAAG;AAAA,EACL,QAAI,iCAAiB,OAAO,gBAAgB;AAC5C,SAAoB,uCAAAA,KAAK,kBAAM;AAAA,IAC7B,KAAK;AAAA,IACL,GAAG;AAAA,IACH,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAI,aAAa,CAAC;AAAA,IACpB;AAAA,EACF,CAAC;AACH;AAkBO,IAAM,qBAAiB,+BAAe,2BAA2B,gBAAgB;AACxF,IAAO,oBAAQ;",
  "names": ["_jsx"]
}