{"ast":null,"code":"var _jsxFileName = \"/Users/silverdust/Projects/ConvertKit/convertkit-design/docs/components/mdx-components.js\";\nvar __jsx = React.createElement;\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport { Callout, Code, Heading, Kbd, PseudoBox } from \"@chakra-ui/core\";\nimport NextLink from \"next/link\";\nimport React, { forwardRef } from \"react\";\nimport CodeBlock from \"./code-block\";\nimport Badge from \"@convertkit/design/badge\";\n\nconst StoryBook = ({\n  story\n}) => __jsx(\"a\", {\n  href: `https://storybook.convertkit.design/?path=/story/${story}`,\n  target: \"_blank\",\n  className: \"inline-block\",\n  \"aria-label\": \"StoryBook\",\n  __self: this,\n  __source: {\n    fileName: _jsxFileName,\n    lineNumber: 9,\n    columnNumber: 3\n  }\n}, __jsx(\"img\", {\n  src: \"/static/storybook-badge.svg\",\n  __self: this,\n  __source: {\n    fileName: _jsxFileName,\n    lineNumber: 15,\n    columnNumber: 5\n  }\n}));\n\nconst Pre = props => __jsx(\"div\", _extends({\n  className: \"my-4 rounded\"\n}, props, {\n  __self: this,\n  __source: {\n    fileName: _jsxFileName,\n    lineNumber: 19,\n    columnNumber: 24\n  }\n}));\n\nconst Link = forwardRef((props, ref) => __jsx(\"a\", _extends({\n  className: \"pointer border-b-2 border-red-400 focus:shadow-outline\"\n}, props, {\n  __self: this,\n  __source: {\n    fileName: _jsxFileName,\n    lineNumber: 22,\n    columnNumber: 3\n  }\n})));\n\nconst DocsHeading = props => __jsx(Heading, _extends({\n  className: \"mt-6 mb-4\",\n  css: {\n    \"&[id]\": {\n      pointerEvents: \"none\"\n    },\n    \"&[id]:before\": {\n      display: \"block\",\n      height: \" 6rem\",\n      marginTop: \"-6rem\",\n      visibility: \"hidden\",\n      content: `\"\"`\n    },\n    \"&[id]:hover a\": {\n      opacity: 1\n    }\n  }\n}, props, {\n  __self: this,\n  __source: {\n    fileName: _jsxFileName,\n    lineNumber: 29,\n    columnNumber: 3\n  }\n}), __jsx(\"div\", {\n  className: \"pointer-events-auto\",\n  __self: this,\n  __source: {\n    fileName: _jsxFileName,\n    lineNumber: 46,\n    columnNumber: 5\n  }\n}, props.children, props.id && __jsx(PseudoBox, {\n  \"aria-label\": \"anchor\",\n  as: \"a\",\n  color: \"teal.500\",\n  fontWeight: \"normal\",\n  outline: \"none\",\n  _focus: {\n    opacity: 1,\n    boxShadow: \"outline\"\n  },\n  opacity: \"0\",\n  ml: \"0.375rem\",\n  href: `#${props.id}`,\n  __self: this,\n  __source: {\n    fileName: _jsxFileName,\n    lineNumber: 49,\n    columnNumber: 9\n  }\n}, \"#\")));\n\nconst MDXComponents = {\n  h1: props => __jsx(Heading, _extends({\n    as: \"h1\",\n    size: \"xl\",\n    className: \"mb-4\",\n    style: {\n      fontFamily: \"Domine\"\n    }\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 69,\n      columnNumber: 5\n    }\n  })),\n  h2: props => __jsx(DocsHeading, _extends({\n    as: \"h2\",\n    fontWeight: \"semibold\",\n    size: \"lg\",\n    style: {\n      fontFamily: \"Domine\"\n    }\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78,\n      columnNumber: 5\n    }\n  })),\n  h3: props => __jsx(DocsHeading, _extends({\n    as: \"h3\",\n    size: \"md\",\n    fontWeight: \"medium\",\n    style: {\n      fontFamily: \"Domine\"\n    }\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 87,\n      columnNumber: 5\n    }\n  })),\n  inlineCode: props => __jsx(Code, _extends({\n    variantColor: \"yellow\",\n    fontSize: \"0.84em\"\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 96,\n      columnNumber: 5\n    }\n  })),\n  code: CodeBlock,\n  pre: Pre,\n  kbd: Kbd,\n  br: props => __jsx(\"div\", _extends({\n    style: {\n      height: \"24px\"\n    }\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 101,\n      columnNumber: 18\n    }\n  })),\n  hr: props => __jsx(\"hr\", _extends({\n    className: \"border-t my-4\"\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 102,\n      columnNumber: 18\n    }\n  })),\n  table: props => __jsx(\"table\", _extends({}, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 103,\n      columnNumber: 21\n    }\n  })),\n  th: props => __jsx(\"th\", _extends({}, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 104,\n      columnNumber: 18\n    }\n  })),\n  td: props => __jsx(\"td\", _extends({}, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 105,\n      columnNumber: 18\n    }\n  })),\n  a: (_ref) => {\n    let {\n      href\n    } = _ref,\n        props = _objectWithoutProperties(_ref, [\"href\"]);\n\n    return __jsx(NextLink, {\n      href: href,\n      passHref: true,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 107,\n        columnNumber: 5\n      }\n    }, __jsx(Link, _extends({}, props, {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 108,\n        columnNumber: 7\n      }\n    })));\n  },\n  p: props => __jsx(\"p\", _extends({\n    className: \"mt-2\"\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 111,\n      columnNumber: 17\n    }\n  })),\n  ul: props => __jsx(\"ul\", _extends({\n    className: \"pl-4 pt-2 list-disc\"\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 112,\n      columnNumber: 18\n    }\n  })),\n  ol: props => __jsx(\"ol\", _extends({\n    className: \"pl-4 pt-2 list-decimal\"\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 113,\n      columnNumber: 18\n    }\n  })),\n  li: props => __jsx(\"li\", _extends({\n    className: \" pb-1\"\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 114,\n      columnNumber: 18\n    }\n  })),\n  blockquote: props => __jsx(Callout, _extends({\n    mt: 4,\n    variant: \"left-accent\",\n    status: \"warning\",\n    css: {\n      \"> *:first-of-type\": {\n        marginTop: 0\n      }\n    }\n  }, props, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 116,\n      columnNumber: 5\n    }\n  })),\n  Badge,\n  StoryBook\n};\nexport default MDXComponents;","map":{"version":3,"sources":["/Users/silverdust/Projects/ConvertKit/convertkit-design/docs/components/mdx-components.js"],"names":["Callout","Code","Heading","Kbd","PseudoBox","NextLink","React","forwardRef","CodeBlock","Badge","StoryBook","story","Pre","props","Link","ref","DocsHeading","pointerEvents","display","height","marginTop","visibility","content","opacity","children","id","boxShadow","MDXComponents","h1","fontFamily","h2","h3","inlineCode","code","pre","kbd","br","hr","table","th","td","a","href","p","ul","ol","li","blockquote"],"mappings":"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","sourcesContent":["import { Callout, Code, Heading, Kbd, PseudoBox } from \"@chakra-ui/core\";\nimport NextLink from \"next/link\";\nimport React, { forwardRef } from \"react\";\nimport CodeBlock from \"./code-block\";\n\nimport Badge from \"@convertkit/design/badge\";\n\nconst StoryBook = ({ story }) => (\n  <a\n    href={`https://storybook.convertkit.design/?path=/story/${story}`}\n    target=\"_blank\"\n    className=\"inline-block\"\n    aria-label=\"StoryBook\"\n  >\n    <img src=\"/static/storybook-badge.svg\" />\n  </a>\n);\n\nconst Pre = (props) => <div className=\"my-4 rounded\" {...props} />;\n\nconst Link = forwardRef((props, ref) => (\n  <a\n    className=\"pointer border-b-2 border-red-400 focus:shadow-outline\"\n    {...props}\n  />\n));\n\nconst DocsHeading = (props) => (\n  <Heading\n    className=\"mt-6 mb-4\"\n    css={{\n      \"&[id]\": {\n        pointerEvents: \"none\",\n      },\n      \"&[id]:before\": {\n        display: \"block\",\n        height: \" 6rem\",\n        marginTop: \"-6rem\",\n        visibility: \"hidden\",\n        content: `\"\"`,\n      },\n      \"&[id]:hover a\": { opacity: 1 },\n    }}\n    {...props}\n  >\n    <div className=\"pointer-events-auto\">\n      {props.children}\n      {props.id && (\n        <PseudoBox\n          aria-label=\"anchor\"\n          as=\"a\"\n          color=\"teal.500\"\n          fontWeight=\"normal\"\n          outline=\"none\"\n          _focus={{ opacity: 1, boxShadow: \"outline\" }}\n          opacity=\"0\"\n          ml=\"0.375rem\"\n          href={`#${props.id}`}\n        >\n          #\n        </PseudoBox>\n      )}\n    </div>\n  </Heading>\n);\n\nconst MDXComponents = {\n  h1: (props) => (\n    <Heading\n      as=\"h1\"\n      size=\"xl\"\n      className=\"mb-4\"\n      style={{ fontFamily: \"Domine\" }}\n      {...props}\n    ></Heading>\n  ),\n  h2: (props) => (\n    <DocsHeading\n      as=\"h2\"\n      fontWeight=\"semibold\"\n      size=\"lg\"\n      style={{ fontFamily: \"Domine\" }}\n      {...props}\n    ></DocsHeading>\n  ),\n  h3: (props) => (\n    <DocsHeading\n      as=\"h3\"\n      size=\"md\"\n      fontWeight=\"medium\"\n      style={{ fontFamily: \"Domine\" }}\n      {...props}\n    ></DocsHeading>\n  ),\n  inlineCode: (props) => (\n    <Code variantColor=\"yellow\" fontSize=\"0.84em\" {...props} />\n  ),\n  code: CodeBlock,\n  pre: Pre,\n  kbd: Kbd,\n  br: (props) => <div style={{ height: \"24px\" }} {...props} />,\n  hr: (props) => <hr className=\"border-t my-4\" {...props} />,\n  table: (props) => <table {...props} />,\n  th: (props) => <th {...props} />,\n  td: (props) => <td {...props} />,\n  a: ({ href, ...props }) => (\n    <NextLink href={href} passHref>\n      <Link {...props} />\n    </NextLink>\n  ),\n  p: (props) => <p className=\"mt-2\" {...props} />,\n  ul: (props) => <ul className=\"pl-4 pt-2 list-disc\" {...props} />,\n  ol: (props) => <ol className=\"pl-4 pt-2 list-decimal\" {...props} />,\n  li: (props) => <li className=\" pb-1\" {...props} />,\n  blockquote: (props) => (\n    <Callout\n      mt={4}\n      variant=\"left-accent\"\n      status=\"warning\"\n      css={{ \"> *:first-of-type\": { marginTop: 0 } }}\n      {...props}\n    />\n  ),\n  Badge,\n  StoryBook,\n};\n\nexport default MDXComponents;\n"]},"metadata":{},"sourceType":"module"}