{"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/silverdust/Projects/ConvertKit/convertkit-design/docs/components/mdx-components.js\";\n\nvar __jsx = React.createElement;\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\nvar StoryBook = function StoryBook(_ref) {\n  var story = _ref.story;\n  return __jsx(\"a\", {\n    href: \"https://storybook.convertkit.design/?path=/story/\".concat(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};\n\n_c = StoryBook;\n\nvar Pre = function Pre(props) {\n  return __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};\n\n_c2 = Pre;\nvar Link = forwardRef(_c3 = function _c3(props, ref) {\n  return __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});\n_c4 = Link;\n\nvar DocsHeading = function DocsHeading(props) {\n  return __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: \"#\".concat(props.id),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49,\n      columnNumber: 9\n    }\n  }, \"#\")));\n};\n\n_c5 = DocsHeading;\nvar MDXComponents = {\n  h1: function h1(props) {\n    return __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  },\n  h2: function h2(props) {\n    return __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  },\n  h3: function h3(props) {\n    return __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  },\n  inlineCode: function inlineCode(props) {\n    return __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  },\n  code: CodeBlock,\n  pre: Pre,\n  kbd: Kbd,\n  br: function br(props) {\n    return __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  },\n  hr: function hr(props) {\n    return __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  },\n  table: function table(props) {\n    return __jsx(\"table\", _extends({}, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 103,\n        columnNumber: 21\n      }\n    }));\n  },\n  th: function th(props) {\n    return __jsx(\"th\", _extends({}, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 104,\n        columnNumber: 18\n      }\n    }));\n  },\n  td: function td(props) {\n    return __jsx(\"td\", _extends({}, props, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 105,\n        columnNumber: 18\n      }\n    }));\n  },\n  a: function a(_ref2) {\n    var href = _ref2.href,\n        props = _objectWithoutProperties(_ref2, [\"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: function p(props) {\n    return __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  },\n  ul: function ul(props) {\n    return __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  },\n  ol: function ol(props) {\n    return __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  },\n  li: function li(props) {\n    return __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  },\n  blockquote: function blockquote(props) {\n    return __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  },\n  Badge: Badge,\n  StoryBook: StoryBook\n};\nexport default MDXComponents;\n\nvar _c, _c2, _c3, _c4, _c5;\n\n$RefreshReg$(_c, \"StoryBook\");\n$RefreshReg$(_c2, \"Pre\");\n$RefreshReg$(_c3, \"Link$forwardRef\");\n$RefreshReg$(_c4, \"Link\");\n$RefreshReg$(_c5, \"DocsHeading\");","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":";;;;;;;AAAA,SAASA,OAAT,EAAkBC,IAAlB,EAAwBC,OAAxB,EAAiCC,GAAjC,EAAsCC,SAAtC,QAAuD,iBAAvD;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,cAAtB;AAEA,OAAOC,KAAP,MAAkB,0BAAlB;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAChB;AACE,IAAA,IAAI,6DAAsDA,KAAtD,CADN;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,kBAAW,WAJb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAME;AAAK,IAAA,GAAG,EAAC,6BAAT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IANF,CADgB;AAAA,CAAlB;;KAAMD,S;;AAWN,IAAME,GAAG,GAAG,SAANA,GAAM,CAACC,KAAD;AAAA,SAAW;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCA,KAAlC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAX;AAAA,CAAZ;;MAAMD,G;AAEN,IAAME,IAAI,GAAGP,UAAU,OAAC,aAACM,KAAD,EAAQE,GAAR;AAAA,SACtB;AACE,IAAA,SAAS,EAAC;AADZ,KAEMF,KAFN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADsB;AAAA,CAAD,CAAvB;MAAMC,I;;AAON,IAAME,WAAW,GAAG,SAAdA,WAAc,CAACH,KAAD;AAAA,SAClB,MAAC,OAAD;AACE,IAAA,SAAS,EAAC,WADZ;AAEE,IAAA,GAAG,EAAE;AACH,eAAS;AACPI,QAAAA,aAAa,EAAE;AADR,OADN;AAIH,sBAAgB;AACdC,QAAAA,OAAO,EAAE,OADK;AAEdC,QAAAA,MAAM,EAAE,OAFM;AAGdC,QAAAA,SAAS,EAAE,OAHG;AAIdC,QAAAA,UAAU,EAAE,QAJE;AAKdC,QAAAA,OAAO;AALO,OAJb;AAWH,uBAAiB;AAAEC,QAAAA,OAAO,EAAE;AAAX;AAXd;AAFP,KAeMV,KAfN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAiBE;AAAK,IAAA,SAAS,EAAC,qBAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGA,KAAK,CAACW,QADT,EAEGX,KAAK,CAACY,EAAN,IACC,MAAC,SAAD;AACE,kBAAW,QADb;AAEE,IAAA,EAAE,EAAC,GAFL;AAGE,IAAA,KAAK,EAAC,UAHR;AAIE,IAAA,UAAU,EAAC,QAJb;AAKE,IAAA,OAAO,EAAC,MALV;AAME,IAAA,MAAM,EAAE;AAAEF,MAAAA,OAAO,EAAE,CAAX;AAAcG,MAAAA,SAAS,EAAE;AAAzB,KANV;AAOE,IAAA,OAAO,EAAC,GAPV;AAQE,IAAA,EAAE,EAAC,UARL;AASE,IAAA,IAAI,aAAMb,KAAK,CAACY,EAAZ,CATN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAHJ,CAjBF,CADkB;AAAA,CAApB;;MAAMT,W;AAuCN,IAAMW,aAAa,GAAG;AACpBC,EAAAA,EAAE,EAAE,YAACf,KAAD;AAAA,WACF,MAAC,OAAD;AACE,MAAA,EAAE,EAAC,IADL;AAEE,MAAA,IAAI,EAAC,IAFP;AAGE,MAAA,SAAS,EAAC,MAHZ;AAIE,MAAA,KAAK,EAAE;AAAEgB,QAAAA,UAAU,EAAE;AAAd;AAJT,OAKMhB,KALN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADE;AAAA,GADgB;AAUpBiB,EAAAA,EAAE,EAAE,YAACjB,KAAD;AAAA,WACF,MAAC,WAAD;AACE,MAAA,EAAE,EAAC,IADL;AAEE,MAAA,UAAU,EAAC,UAFb;AAGE,MAAA,IAAI,EAAC,IAHP;AAIE,MAAA,KAAK,EAAE;AAAEgB,QAAAA,UAAU,EAAE;AAAd;AAJT,OAKMhB,KALN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADE;AAAA,GAVgB;AAmBpBkB,EAAAA,EAAE,EAAE,YAAClB,KAAD;AAAA,WACF,MAAC,WAAD;AACE,MAAA,EAAE,EAAC,IADL;AAEE,MAAA,IAAI,EAAC,IAFP;AAGE,MAAA,UAAU,EAAC,QAHb;AAIE,MAAA,KAAK,EAAE;AAAEgB,QAAAA,UAAU,EAAE;AAAd;AAJT,OAKMhB,KALN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADE;AAAA,GAnBgB;AA4BpBmB,EAAAA,UAAU,EAAE,oBAACnB,KAAD;AAAA,WACV,MAAC,IAAD;AAAM,MAAA,YAAY,EAAC,QAAnB;AAA4B,MAAA,QAAQ,EAAC;AAArC,OAAkDA,KAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADU;AAAA,GA5BQ;AA+BpBoB,EAAAA,IAAI,EAAEzB,SA/Bc;AAgCpB0B,EAAAA,GAAG,EAAEtB,GAhCe;AAiCpBuB,EAAAA,GAAG,EAAEhC,GAjCe;AAkCpBiC,EAAAA,EAAE,EAAE,YAACvB,KAAD;AAAA,WAAW;AAAK,MAAA,KAAK,EAAE;AAAEM,QAAAA,MAAM,EAAE;AAAV;AAAZ,OAAoCN,KAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAX;AAAA,GAlCgB;AAmCpBwB,EAAAA,EAAE,EAAE,YAACxB,KAAD;AAAA,WAAW;AAAI,MAAA,SAAS,EAAC;AAAd,OAAkCA,KAAlC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAX;AAAA,GAnCgB;AAoCpByB,EAAAA,KAAK,EAAE,eAACzB,KAAD;AAAA,WAAW,4BAAWA,KAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAX;AAAA,GApCa;AAqCpB0B,EAAAA,EAAE,EAAE,YAAC1B,KAAD;AAAA,WAAW,yBAAQA,KAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAX;AAAA,GArCgB;AAsCpB2B,EAAAA,EAAE,EAAE,YAAC3B,KAAD;AAAA,WAAW,yBAAQA,KAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAX;AAAA,GAtCgB;AAuCpB4B,EAAAA,CAAC,EAAE;AAAA,QAAGC,IAAH,SAAGA,IAAH;AAAA,QAAY7B,KAAZ;;AAAA,WACD,MAAC,QAAD;AAAU,MAAA,IAAI,EAAE6B,IAAhB;AAAsB,MAAA,QAAQ,MAA9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,IAAD,eAAU7B,KAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADF,CADC;AAAA,GAvCiB;AA4CpB8B,EAAAA,CAAC,EAAE,WAAC9B,KAAD;AAAA,WAAW;AAAG,MAAA,SAAS,EAAC;AAAb,OAAwBA,KAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAX;AAAA,GA5CiB;AA6CpB+B,EAAAA,EAAE,EAAE,YAAC/B,KAAD;AAAA,WAAW;AAAI,MAAA,SAAS,EAAC;AAAd,OAAwCA,KAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAX;AAAA,GA7CgB;AA8CpBgC,EAAAA,EAAE,EAAE,YAAChC,KAAD;AAAA,WAAW;AAAI,MAAA,SAAS,EAAC;AAAd,OAA2CA,KAA3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAX;AAAA,GA9CgB;AA+CpBiC,EAAAA,EAAE,EAAE,YAACjC,KAAD;AAAA,WAAW;AAAI,MAAA,SAAS,EAAC;AAAd,OAA0BA,KAA1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAX;AAAA,GA/CgB;AAgDpBkC,EAAAA,UAAU,EAAE,oBAAClC,KAAD;AAAA,WACV,MAAC,OAAD;AACE,MAAA,EAAE,EAAE,CADN;AAEE,MAAA,OAAO,EAAC,aAFV;AAGE,MAAA,MAAM,EAAC,SAHT;AAIE,MAAA,GAAG,EAAE;AAAE,6BAAqB;AAAEO,UAAAA,SAAS,EAAE;AAAb;AAAvB;AAJP,OAKMP,KALN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADU;AAAA,GAhDQ;AAyDpBJ,EAAAA,KAAK,EAALA,KAzDoB;AA0DpBC,EAAAA,SAAS,EAATA;AA1DoB,CAAtB;AA6DA,eAAeiB,aAAf","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"}