@wordpress/components/build/divider/component.cjs.map

UI components for WordPress.

{
  "version": 3,
  "sources": ["../../src/divider/component.tsx"],
  "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect, useContextSystem } from '../context';\nimport { DividerView } from './styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedDivider(props, forwardedRef) {\n  const contextProps = useContextSystem(props, 'Divider');\n  return /*#__PURE__*/_jsx(Ariakit.Separator, {\n    render: /*#__PURE__*/_jsx(DividerView, {}),\n    ...contextProps,\n    ref: forwardedRef\n  });\n}\n\n/**\n * `Divider` is a layout component that separates groups of related content.\n *\n * ```js\n * import {\n * \t\t__experimentalDivider as Divider,\n * \t\t__experimentalText as Text,\n * \t\t__experimentalVStack as VStack,\n * } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn (\n * \t\t<VStack spacing={4}>\n * \t\t\t<Text>Some text here</Text>\n * \t\t\t<Divider />\n * \t\t\t<Text>Some more text here</Text>\n * \t\t</VStack>\n * \t);\n * }\n * ```\n */\nexport const Divider = contextConnect(UnconnectedDivider, 'Divider');\nexport default Divider;"],
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,cAAyB;AAMzB,qBAAiD;AACjD,oBAA4B;AAC5B,yBAA4B;AAC5B,SAAS,mBAAmB,OAAO,cAAc;AAC/C,QAAM,mBAAe,iCAAiB,OAAO,SAAS;AACtD,SAAoB,uCAAAA,KAAa,mBAAW;AAAA,IAC1C,QAAqB,uCAAAA,KAAK,2BAAa,CAAC,CAAC;AAAA,IACzC,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAuBO,IAAM,cAAU,+BAAe,oBAAoB,SAAS;AACnE,IAAO,oBAAQ;",
  "names": ["_jsx"]
}