@brillout/docpress 0.1.9 → 0.1.10

package/dist/index.js

@@ -0,0 +1,488 @@
+import "./chunk-3NFN2KUH.js";
+import {
+  RepoLink,
+  getHeadings,
+  isRepoLink,
+  parseTitle,
+  usePageContext
+} from "./chunk-UCY72YQS.js";
+import {
+  Emoji
+} from "./chunk-G2KXEHNF.js";
+import {
+  FeatureList
+} from "./chunk-OEVBWUR6.js";
+import {
+  assert,
+  assertUsage,
+  determineSectionTitle,
+  determineSectionUrlHash,
+  filter,
+  isBrowser,
+  jsxToTextContent,
+  objectAssign
+} from "./chunk-JKLALMFU.js";
+import "./chunk-TTLAZ2T2.js";
+
+// src/components/Link.tsx
+import React2 from "react";
+
+// src/components/DocLink.tsx
+import React from "react";
+function DocLink({
+  href,
+  text,
+  noBreadcrumb,
+  doNotInferSectionTitle
+}) {
+  const pageContext = usePageContext();
+  return /* @__PURE__ */ React.createElement("a", {
+    href
+  }, text || getTitle({ href, noBreadcrumb, pageContext, doNotInferSectionTitle }));
+}
+function getTitle({
+  href,
+  noBreadcrumb,
+  pageContext,
+  doNotInferSectionTitle
+}) {
+  let urlHash = null;
+  let hrefWithoutHash = href;
+  if (href.includes("#")) {
+    ;
+    [hrefWithoutHash, urlHash] = href.split("#");
+  }
+  const heading = findHeading(hrefWithoutHash, pageContext);
+  const breadcrumbs = [];
+  if ("parentHeadings" in heading) {
+    breadcrumbs.push(
+      ...heading.parentHeadings.slice().reverse().map(({ title }) => title)
+    );
+  }
+  breadcrumbs.push(heading.title);
+  if (urlHash) {
+    let sectionTitle = void 0;
+    if ("sectionTitles" in heading && heading.sectionTitles) {
+      heading.sectionTitles.forEach((title) => {
+        if (determineSectionUrlHash(title) === urlHash) {
+          sectionTitle = parseTitle(title);
+        }
+      });
+    }
+    if (!sectionTitle) {
+      assertUsage(
+        !doNotInferSectionTitle,
+        `Page section title not found for <Link href="\`${href}\`" doNotInferSectionTitle={true} />.`
+      );
+      sectionTitle = determineSectionTitle(href, pageContext.config.titleNormalCase);
+    }
+    breadcrumbs.push(sectionTitle);
+  }
+  {
+    const linkIsOnSamePage = heading.url === pageContext.urlPathname;
+    if (noBreadcrumb || linkIsOnSamePage) {
+      return breadcrumbs[breadcrumbs.length - 1];
+    }
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, breadcrumbs.map((title, i) => {
+    const seperator = i === 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null) : " > ";
+    return /* @__PURE__ */ React.createElement(React.Fragment, {
+      key: i
+    }, seperator, title);
+  }));
+}
+function findHeading(href, pageContext) {
+  assert(href.startsWith("/"), `\`href==='${href}'\` but should start with \`/\`.`);
+  const { headings, headingsWithoutLink } = getHeadings(pageContext.config);
+  {
+    const heading2 = headingsWithoutLink.find(({ url }) => href === url);
+    if (heading2) {
+      return heading2;
+    }
+  }
+  const heading = headings.find(({ url }) => href === url);
+  assert(heading, `Could not find page \`${href}\`. Does it exist?`);
+  return heading;
+}
+
+// src/components/Link.tsx
+function Link(props) {
+  if (isRepoLink(props.href)) {
+    return /* @__PURE__ */ React2.createElement(RepoLink, {
+      path: props.href,
+      text: props.text
+    });
+  } else {
+    return /* @__PURE__ */ React2.createElement(DocLink, {
+      ...props
+    });
+  }
+}
+
+// src/components/P.tsx
+import React3 from "react";
+function P(props) {
+  return /* @__PURE__ */ React3.createElement("div", {
+    ...props,
+    className: "paragraph"
+  });
+}
+
+// src/components/Info.tsx
+import React4 from "react";
+function Info({ children }) {
+  return /* @__PURE__ */ React4.createElement("blockquote", null, /* @__PURE__ */ React4.createElement(P, null, children));
+}
+
+// src/components/ReadingRecommendation.tsx
+import React5 from "react";
+function ReadingRecommendation({ tour, links }) {
+  const multiple = links.length + (tour ? 1 : 0) > 1;
+  return /* @__PURE__ */ React5.createElement(Info, null, multiple ? " " : "", /* @__PURE__ */ React5.createElement("b", null, "Reading Recommendation", multiple ? "." : ": "), (() => {
+    if (!multiple) {
+      const link = tour ? /* @__PURE__ */ React5.createElement(TourLink, null) : /* @__PURE__ */ React5.createElement(Link, {
+        href: links[0]
+      });
+      return /* @__PURE__ */ React5.createElement(React5.Fragment, null, link, ".");
+    }
+    return /* @__PURE__ */ React5.createElement("ul", {
+      style: {
+        marginLeft: 18,
+        marginTop: 11
+      }
+    }, tour && /* @__PURE__ */ React5.createElement("li", null, /* @__PURE__ */ React5.createElement(TourLink, null)), links.map((link, i) => /* @__PURE__ */ React5.createElement("li", {
+      key: i
+    }, /* @__PURE__ */ React5.createElement(Link, {
+      href: link
+    }))));
+  })());
+}
+function TourLink() {
+  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(Link, {
+    href: "/react-tour",
+    noBreadcrumb: true
+  }), " or ", /* @__PURE__ */ React5.createElement(Link, {
+    href: "/vue-tour",
+    noBreadcrumb: true
+  }));
+}
+
+// src/components/Note.tsx
+import React6 from "react";
+function Note({
+  type,
+  icon,
+  children
+}) {
+  assert(type === void 0 || ["error", "warning"].includes(type));
+  if (!icon) {
+    if (type === "error") {
+      icon = ":no_entry:";
+    }
+    if (type === "warning") {
+      icon = ":warning:";
+    }
+  }
+  return /* @__PURE__ */ React6.createElement("blockquote", {
+    className: type
+  }, /* @__PURE__ */ React6.createElement("div", {
+    style: { marginBottom: 20 }
+  }), icon, " ", children, /* @__PURE__ */ React6.createElement("div", {
+    style: { marginTop: 20 }
+  }));
+}
+
+// src/components/ImportMeta.tsx
+import React7 from "react";
+function ImportMeta({ prop }) {
+  assert(!prop.startsWith("import"));
+  assert(!prop.startsWith("."));
+  const text = "import.meta." + prop;
+  return /* @__PURE__ */ React7.createElement("code", null, text);
+}
+
+// src/components/HorizontalLine.tsx
+import React8 from "react";
+function HorizontalLine({ primary }) {
+  return /* @__PURE__ */ React8.createElement("div", {
+    className: "header-separator-line " + (primary ? "primary" : ""),
+    style: { textAlign: "center" }
+  }, /* @__PURE__ */ React8.createElement("hr", {
+    style: {
+      display: "inline-block",
+      margin: 0,
+      border: 0,
+      borderTop: "1px solid #eee",
+      maxWidth: 500,
+      width: "80%"
+    }
+  }));
+}
+
+// src/components/Sponsors.tsx
+import React9 from "react";
+
+// src/icons/heart.svg
+var heart_default = "/assets/heart-OINVKOXO.svg";
+
+// src/components/Sponsors/companyLogos/ccoli.svg
+var ccoli_default = "/assets/ccoli-CHW3TQKS.svg";
+
+// src/components/Sponsors/companyLogos/contra.svg
+var contra_default = "/assets/contra-WLZBOPBV.svg";
+
+// src/components/Sponsors/companyLogos/mfqs.svg
+var mfqs_default = "/assets/mfqs-2EAEE7N6.svg";
+
+// src/components/Sponsors/medalGold.svg
+var medalGold_default = "/assets/medalGold-UP6A73FL.svg";
+
+// src/components/Sponsors/medalSilver.svg
+var medalSilver_default = "/assets/medalSilver-FAPGGOBN.svg";
+
+// src/components/Sponsors/medalBronze.svg
+var medalBronze_default = "/assets/medalBronze-CO4CTUR4.svg";
+
+// src/components/Sponsors/label.svg
+var label_default = "/assets/label-MP75CTIA.svg";
+
+// src/components/Sponsors.tsx
+var sponsors = [
+  {
+    companyName: "Contra",
+    companyLogo: contra_default,
+    plan: "gold",
+    website: "https://contra.com"
+  },
+  {
+    companyName: "ccoli",
+    companyLogo: ccoli_default,
+    plan: "silver",
+    website: "https://ccoli.co"
+  },
+  {
+    companyName: "My Favorite Quilt Store",
+    companyLogo: mfqs_default,
+    plan: "bronze",
+    website: "https://myfavoritequiltstore.com"
+  },
+  {
+    username: "spacedawwwg"
+  },
+  {
+    username: "codthing"
+  },
+  {
+    username: "Junaidhkn"
+  },
+  {
+    username: "zgfdev"
+  }
+];
+function Sponsors() {
+  const pageContext = usePageContext();
+  const { projectInfo } = pageContext.config;
+  return /* @__PURE__ */ React9.createElement("div", {
+    style: { textAlign: "center", marginTop: 19 }
+  }, /* @__PURE__ */ React9.createElement("a", {
+    className: "button",
+    href: "https://github.com/sponsors/brillout",
+    style: {
+      color: "inherit",
+      display: "inline-flex",
+      alignItems: "center",
+      padding: "5px 10px",
+      marginBottom: 10
+    }
+  }, /* @__PURE__ */ React9.createElement("img", {
+    src: heart_default,
+    height: 22
+  }), " ", /* @__PURE__ */ React9.createElement("span", {
+    style: { marginLeft: 7, fontSize: "1.07em" }
+  }, "Sponsor")), /* @__PURE__ */ React9.createElement("div", null), /* @__PURE__ */ React9.createElement("div", {
+    style: { maxWidth: 400, display: "inline-block", marginTop: 12, marginBottom: 12 }
+  }, projectInfo.projectNameJsx || projectInfo.projectName, " is free and open source, made possible by wonderful sponsors."), /* @__PURE__ */ React9.createElement("div", {
+    style: { display: "flex", flexWrap: "wrap", justifyContent: "center", alignItems: "end" }
+  }, sponsors.map((sponsor, i) => /* @__PURE__ */ React9.createElement(SponsorDiv, {
+    sponsor,
+    key: i
+  }))));
+}
+function SponsorDiv({ sponsor }) {
+  let imgSrc;
+  let imgAlt;
+  let width;
+  let height;
+  let website;
+  let padding;
+  let backgroundColor = "#f0f0f0";
+  let label = null;
+  if ("username" in sponsor) {
+    website = `https://github.com/${sponsor.username}`;
+    imgSrc = `https://github.com/${sponsor.username}.png?size=30`;
+    width = 30;
+    height = 30;
+    padding = 0;
+    backgroundColor = "none";
+  } else {
+    imgSrc = sponsor.companyLogo;
+    website = sponsor.website;
+    const size = getSize(sponsor.plan);
+    width = size.width;
+    height = size.height;
+    padding = size.padding;
+    imgAlt = sponsor.companyName;
+    label = /* @__PURE__ */ React9.createElement(Label, {
+      sponsor
+    });
+  }
+  const marginWidth = 5;
+  return /* @__PURE__ */ React9.createElement("a", {
+    href: website,
+    style: {
+      margin: `10px ${marginWidth}px`
+    }
+  }, label, /* @__PURE__ */ React9.createElement("div", {
+    style: {
+      backgroundColor,
+      borderRadius: 7,
+      overflow: "hidden",
+      width,
+      maxWidth: `calc(100vw - 2 * var(--main-view-padding) - 2 * ${marginWidth}px)`,
+      height,
+      display: "flex",
+      alignItems: "center",
+      flexDirection: "column",
+      justifyContent: "center"
+    }
+  }, /* @__PURE__ */ React9.createElement("img", {
+    style: { width: `calc(100% - ${padding}px)`, height: height - padding, zIndex: 2 },
+    src: imgSrc,
+    alt: imgAlt
+  })));
+}
+function Label({ sponsor }) {
+  assert(!("username" in sponsor));
+  const labelBg = getLabelBg(sponsor);
+  const labelIcon = getLabelIcon(sponsor);
+  const labelText = getLabelText(sponsor);
+  return /* @__PURE__ */ React9.createElement("div", {
+    style: {
+      top: 0,
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      position: "relative",
+      paddingBottom: 1
+    }
+  }, labelBg, labelIcon, labelText);
+}
+function getLabelBg(sponsor) {
+  const height = sponsor.plan === "platinum" ? 32 : 24;
+  return /* @__PURE__ */ React9.createElement("img", {
+    src: label_default,
+    style: { height, position: "absolute", bottom: 0, zIndex: -1 }
+  });
+}
+function getLabelText(sponsor) {
+  if (sponsor.plan === "platinum") {
+    return /* @__PURE__ */ React9.createElement(React9.Fragment, null);
+  }
+  const letterSpacing = ["bronze", "silver", "gold"].includes(sponsor.plan) ? 1 : void 0;
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, " ", /* @__PURE__ */ React9.createElement("span", {
+    style: {
+      zIndex: 1,
+      fontSize: "0.82em",
+      position: "relative",
+      top: 0,
+      fontWeight: 500,
+      color: "#666",
+      letterSpacing
+    }
+  }, capitalizeFirstLetter(sponsor.plan)));
+}
+function getLabelIcon(sponsor) {
+  let medalSrc;
+  if (sponsor.plan === "platinum") {
+    return /* @__PURE__ */ React9.createElement(Emoji, {
+      name: "trophy",
+      style: { fontSize: "1.3em" }
+    });
+  } else if (sponsor.plan === "gold") {
+    medalSrc = medalGold_default;
+  } else if (sponsor.plan === "silver") {
+    medalSrc = medalSilver_default;
+  } else if (sponsor.plan === "bronze") {
+    medalSrc = medalBronze_default;
+  } else {
+    assert(false);
+  }
+  return /* @__PURE__ */ React9.createElement("img", {
+    src: medalSrc,
+    style: { height: 15, zIndex: 1, marginRight: 5 }
+  });
+}
+function getSize(plan) {
+  if (plan === "platinum") {
+    assert(false);
+  }
+  if (plan === "gold") {
+    return { width: 400, height: 150, padding: 95 };
+  }
+  if (plan === "silver") {
+    return { width: 300, height: 100, padding: 45 };
+  }
+  if (plan === "bronze") {
+    return { width: 200, height: 70, padding: 30 };
+  }
+  if (plan === "FREE_SLOT") {
+    return { width: 150, height: 40, padding: 15 };
+  }
+  assert(false);
+}
+function capitalizeFirstLetter(word) {
+  return word[0].toUpperCase() + word.slice(1);
+}
+
+// src/components/CodeBlock.tsx
+import React10 from "react";
+function CodeBlock({ children, lineBreak }) {
+  assert(lineBreak, "`lineBreak: true` is currently the only use case for <CodeBlock>");
+  const style = {};
+  if (lineBreak) {
+    objectAssign(style, {
+      wordWrap: "break-word",
+      wordBreak: "break-all",
+      whiteSpace: "initial",
+      paddingRight: "16px !important"
+    });
+  }
+  return /* @__PURE__ */ React10.createElement("pre", null, /* @__PURE__ */ React10.createElement("code", {
+    style
+  }, children));
+}
+export {
+  CodeBlock,
+  DocLink,
+  Emoji,
+  FeatureList,
+  HorizontalLine,
+  ImportMeta,
+  Info,
+  Link,
+  Note,
+  P,
+  ReadingRecommendation,
+  RepoLink,
+  Sponsors,
+  assert,
+  assertUsage,
+  determineSectionTitle,
+  determineSectionUrlHash,
+  filter,
+  isBrowser,
+  isRepoLink,
+  jsxToTextContent,
+  objectAssign
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Link.tsx","../src/components/DocLink.tsx","../src/components/P.tsx","../src/components/Info.tsx","../src/components/ReadingRecommendation.tsx","../src/components/Note.tsx","../src/components/ImportMeta.tsx","../src/components/HorizontalLine.tsx","../src/components/Sponsors.tsx","../src/components/CodeBlock.tsx"],"sourcesContent":["import React from 'react'\nimport { DocLink } from './DocLink'\nimport { isRepoLink, RepoLink } from './RepoLink'\n\nexport { Link }\n\nfunction Link(props: {\n  href: string\n  text?: string | JSX.Element\n  noBreadcrumb?: true\n  doNotInferSectionTitle?: true\n}) {\n  if (isRepoLink(props.href)) {\n    return <RepoLink path={props.href} text={props.text} />\n  } else {\n    return <DocLink {...props} />\n  }\n}\n","import React from 'react'\nimport { getHeadings, parseTitle, Heading, HeadingWithoutLink } from '../headings'\nimport { PageContextResolved } from '../config/resolvePageContext'\nimport { usePageContext } from '../renderer/usePageContext'\nimport { assert, assertUsage, determineSectionTitle, determineSectionUrlHash } from '../utils'\n\nexport { DocLink }\n\nfunction DocLink({\n  href,\n  text,\n  noBreadcrumb,\n  doNotInferSectionTitle\n}: {\n  href: string\n  text?: string | JSX.Element\n  noBreadcrumb?: true\n  doNotInferSectionTitle?: true\n}) {\n  const pageContext = usePageContext()\n  return <a href={href}>{text || getTitle({ href, noBreadcrumb, pageContext, doNotInferSectionTitle })}</a>\n}\n\nfunction getTitle({\n  href,\n  noBreadcrumb,\n  pageContext,\n  doNotInferSectionTitle\n}: {\n  href: string\n  noBreadcrumb: true | undefined\n  pageContext: PageContextResolved\n  doNotInferSectionTitle: true | undefined\n}): string | JSX.Element {\n  let urlHash: string | null = null\n  let hrefWithoutHash: string = href\n  if (href.includes('#')) {\n    ;[hrefWithoutHash, urlHash] = href.split('#')\n  }\n  const heading = findHeading(hrefWithoutHash, pageContext)\n\n  const breadcrumbs: (string | JSX.Element)[] = []\n\n  if ('parentHeadings' in heading) {\n    breadcrumbs.push(\n      ...heading.parentHeadings\n        .slice()\n        .reverse()\n        .map(({ title }) => title)\n    )\n  }\n\n  breadcrumbs.push(heading.title)\n\n  if (urlHash) {\n    let sectionTitle: string | JSX.Element | undefined = undefined\n    if ('sectionTitles' in heading && heading.sectionTitles) {\n      heading.sectionTitles.forEach((title) => {\n        if (determineSectionUrlHash(title) === urlHash) {\n          sectionTitle = parseTitle(title)\n        }\n      })\n    }\n    if (!sectionTitle) {\n      assertUsage(\n        !doNotInferSectionTitle,\n        `Page section title not found for <Link href=\"\\`${href}\\`\" doNotInferSectionTitle={true} />.`\n      )\n      sectionTitle = determineSectionTitle(href, pageContext.config.titleNormalCase)\n    }\n    breadcrumbs.push(sectionTitle)\n  }\n\n  {\n    const linkIsOnSamePage = heading.url === pageContext.urlPathname\n    if (noBreadcrumb || linkIsOnSamePage) {\n      return breadcrumbs[breadcrumbs.length - 1]\n    }\n  }\n\n  return (\n    <>\n      {breadcrumbs.map((title, i) => {\n        const seperator = i === 0 ? <></> : ' > '\n        return (\n          <React.Fragment key={i}>\n            {seperator}\n            {title}\n          </React.Fragment>\n        )\n      })}\n    </>\n  )\n}\n\nfunction findHeading(href: string, pageContext: PageContextResolved): Heading | HeadingWithoutLink {\n  assert(href.startsWith('/'), `\\`href==='${href}'\\` but should start with \\`/\\`.`)\n  const { headings, headingsWithoutLink } = getHeadings(pageContext.config)\n  {\n    const heading = headingsWithoutLink.find(({ url }) => href === url)\n    if (heading) {\n      return heading\n    }\n  }\n  const heading = headings.find(({ url }) => href === url)\n  assert(heading, `Could not find page \\`${href}\\`. Does it exist?`)\n  return heading\n}\n","import React from 'react'\nimport './P.css'\n\nexport { P }\n\nfunction P(props: React.HTMLProps<HTMLDivElement>) {\n  return <div {...props} className={'paragraph'} />\n}\n","import React from 'react'\nimport { P } from './P'\n\nexport { Info }\n\nfunction Info({ children }: { children: React.ReactNode }) {\n  return (\n    <blockquote>\n      <P>{children}</P>\n    </blockquote>\n  )\n}\n","import React from 'react'\nimport { Info } from './Info'\nimport { Link } from './Link'\n\nexport { ReadingRecommendation }\n\nfunction ReadingRecommendation({ tour, links }: { tour?: true; links: string[] }) {\n  const multiple = links.length + (tour ? 1 : 0) > 1\n  return (\n    <Info>\n      {multiple ? ' ' : ''}\n      <b>Reading Recommendation{multiple ? '.' : ': '}</b>\n      {(() => {\n        if (!multiple) {\n          const link = tour ? <TourLink /> : <Link href={links[0]} />\n          return (\n            <>\n              {link}\n              {'.'}\n            </>\n          )\n        }\n        return (\n          <ul\n            style={{\n              marginLeft: 18,\n              marginTop: 11\n            }}\n          >\n            {tour && (\n              <li>\n                <TourLink />\n              </li>\n            )}\n            {links.map((link, i) => (\n              <li key={i}>\n                <Link href={link} />\n              </li>\n            ))}\n          </ul>\n        )\n      })()}\n    </Info>\n  )\n}\n\nfunction TourLink() {\n  return (\n    <>\n      <Link href={'/react-tour'} noBreadcrumb={true} /> or <Link href={'/vue-tour'} noBreadcrumb={true} />\n    </>\n  )\n}\n","export { Note }\n\nimport React from 'react'\nimport { assert } from '../utils'\n\nfunction Note({\n  type,\n  icon,\n  children\n}: {\n  icon: JSX.Element | string\n  type?: 'error' | 'warning'\n  children: JSX.Element\n}) {\n  assert(type === undefined || ['error', 'warning'].includes(type))\n  if (!icon) {\n    if (type === 'error') {\n      icon = ':no_entry:'\n    }\n    if (type === 'warning') {\n      icon = ':warning:'\n    }\n  }\n  return (\n    <blockquote className={type}>\n      <div style={{ marginBottom: 20 }} />\n      {icon} {children}\n      <div style={{ marginTop: 20 }} />\n    </blockquote>\n  )\n}\n","import React from 'react'\nimport { assert } from '../utils'\n\nexport { ImportMeta }\n\nfunction ImportMeta({ prop }: { prop: string }) {\n  assert(!prop.startsWith('import'))\n  assert(!prop.startsWith('.'))\n  const text = 'imp' + 'ort.meta.' + prop\n  return <code>{text}</code>\n}\n","import React from 'react'\n\nexport { HorizontalLine }\n\nfunction HorizontalLine({ primary }: { primary?: true }) {\n  return (\n    <div className={'header-separator-line ' + (primary ? 'primary' : '')} style={{ textAlign: 'center' }}>\n      <hr\n        style={{\n          display: 'inline-block',\n          margin: 0,\n          border: 0,\n          borderTop: '1px solid #eee',\n          maxWidth: 500,\n          width: '80%'\n        }}\n      />\n    </div>\n  )\n}\n","import React from 'react'\nimport iconHeart from '../icons/heart.svg'\nimport { usePageContext } from '../renderer/usePageContext'\nimport { assert } from '../utils'\nimport ccoliLogo from './Sponsors/companyLogos/ccoli.svg'\nimport contraLogo from './Sponsors/companyLogos/contra.svg'\nimport mfqsLogo from './Sponsors/companyLogos/mfqs.svg'\nimport medalGold from './Sponsors/medalGold.svg'\nimport medalSilver from './Sponsors/medalSilver.svg'\nimport medalBronze from './Sponsors/medalBronze.svg'\nimport labelBgImg from './Sponsors/label.svg'\nimport { Emoji } from '../utils/Emoji'\n\nexport { Sponsors }\n\ntype Plan = 'FREE_SLOT' | 'bronze' | 'silver' | 'gold' | 'platinum'\n\ntype SponsorCompany = {\n  companyName: string\n  companyLogo: string\n  website: string\n  plan: Plan\n}\ntype SponsorIndividual = {\n  username: string\n}\ntype Sponsor = SponsorCompany | SponsorIndividual\n\nconst sponsors: Sponsor[] = [\n  {\n    companyName: 'Contra',\n    companyLogo: contraLogo,\n    plan: 'gold',\n    website: 'https://contra.com'\n  },\n  {\n    companyName: 'ccoli',\n    companyLogo: ccoliLogo,\n    plan: 'silver',\n    website: 'https://ccoli.co'\n  },\n  {\n    companyName: 'My Favorite Quilt Store',\n    companyLogo: mfqsLogo,\n    plan: 'bronze',\n    website: 'https://myfavoritequiltstore.com'\n  },\n  {\n    username: 'spacedawwwg'\n  },\n  {\n    username: 'codthing'\n  },\n  {\n    username: 'Junaidhkn'\n  },\n  {\n    username: 'zgfdev'\n  }\n]\n\nfunction Sponsors() {\n  const pageContext = usePageContext()\n  const { projectInfo } = pageContext.config\n  return (\n    <div style={{ textAlign: 'center', marginTop: 19 }}>\n      <a\n        className=\"button\"\n        href=\"https://github.com/sponsors/brillout\"\n        style={{\n          color: 'inherit',\n          display: 'inline-flex',\n          alignItems: 'center',\n          padding: '5px 10px',\n          marginBottom: 10\n        }}\n      >\n        <img src={iconHeart} height={22} /> <span style={{ marginLeft: 7, fontSize: '1.07em' }}>Sponsor</span>\n      </a>\n      <div></div>\n      <div style={{ maxWidth: 400, display: 'inline-block', marginTop: 12, marginBottom: 12 }}>\n        {projectInfo.projectNameJsx || projectInfo.projectName} is free and open source, made possible by wonderful\n        sponsors.\n      </div>\n      <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', alignItems: 'end' }}>\n        {sponsors.map((sponsor, i) => (\n          <SponsorDiv sponsor={sponsor} key={i} />\n        ))}\n      </div>\n    </div>\n  )\n}\n\nfunction SponsorDiv({ sponsor }: { sponsor: Sponsor }) {\n  let imgSrc: string\n  let imgAlt: string | undefined\n  let width: number\n  let height: number\n  let website: string\n  let padding: number\n  let backgroundColor = '#f0f0f0'\n  let label: null | JSX.Element = null\n  if ('username' in sponsor) {\n    website = `https://github.com/${sponsor.username}`\n    imgSrc = `https://github.com/${sponsor.username}.png?size=30`\n    width = 30\n    height = 30\n    padding = 0\n    backgroundColor = 'none'\n  } else {\n    imgSrc = sponsor.companyLogo\n    website = sponsor.website\n    const size = getSize(sponsor.plan)\n    width = size.width\n    height = size.height\n    padding = size.padding\n    imgAlt = sponsor.companyName\n    label = <Label sponsor={sponsor} />\n  }\n  const marginWidth = 5\n  return (\n    <a\n      href={website}\n      style={{\n        margin: `10px ${marginWidth}px`\n      }}\n    >\n      {label}\n      <div\n        style={{\n          backgroundColor,\n          borderRadius: 7,\n          overflow: 'hidden',\n          width,\n          maxWidth: `calc(100vw - 2 * var(--main-view-padding) - 2 * ${marginWidth}px)`,\n          height,\n          display: 'flex',\n          alignItems: 'center',\n          flexDirection: 'column',\n          justifyContent: 'center'\n        }}\n      >\n        <img\n          style={{ width: `calc(100% - ${padding}px)`, height: height - padding, zIndex: 2 }}\n          src={imgSrc}\n          alt={imgAlt}\n        />\n      </div>\n    </a>\n  )\n}\n\nfunction Label({ sponsor }: { sponsor: Sponsor }) {\n  assert(!('username' in sponsor))\n  const labelBg = getLabelBg(sponsor)\n  const labelIcon = getLabelIcon(sponsor)\n  const labelText = getLabelText(sponsor)\n  return (\n    <div\n      style={{\n        top: 0,\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        position: 'relative',\n        paddingBottom: 1\n      }}\n    >\n      {labelBg}\n      {labelIcon}\n      {labelText}\n    </div>\n  )\n}\n\nfunction getLabelBg(sponsor: SponsorCompany) {\n  const height = sponsor.plan === 'platinum' ? 32 : 24\n  return <img src={labelBgImg} style={{ height, position: 'absolute', bottom: 0, zIndex: -1 }} />\n}\n\nfunction getLabelText(sponsor: SponsorCompany) {\n  if (sponsor.plan === 'platinum') {\n    return <></>\n  }\n  const letterSpacing = ['bronze', 'silver', 'gold'].includes(sponsor.plan) ? 1 : undefined\n  return (\n    <>\n      {' '}\n      <span\n        style={{\n          zIndex: 1,\n          fontSize: '0.82em',\n          position: 'relative',\n          top: 0,\n          fontWeight: 500,\n          color: '#666',\n          letterSpacing\n        }}\n      >\n        {capitalizeFirstLetter(sponsor.plan)}\n      </span>\n    </>\n  )\n}\n\nfunction getLabelIcon(sponsor: SponsorCompany) {\n  let medalSrc: string\n  if (sponsor.plan === 'platinum') {\n    return <Emoji name=\"trophy\" style={{ fontSize: '1.3em' }} />\n  } else if (sponsor.plan === 'gold') {\n    medalSrc = medalGold\n  } else if (sponsor.plan === 'silver') {\n    medalSrc = medalSilver\n  } else if (sponsor.plan === 'bronze') {\n    medalSrc = medalBronze\n  } else {\n    assert(false)\n  }\n  return <img src={medalSrc} style={{ height: 15, zIndex: 1, marginRight: 5 }} />\n}\n\nfunction getSize(plan: Plan) {\n  if (plan === 'platinum') {\n    assert(false)\n  }\n  if (plan === 'gold') {\n    return { width: 400, height: 150, padding: 95 }\n  }\n  if (plan === 'silver') {\n    return { width: 300, height: 100, padding: 45 }\n  }\n  if (plan === 'bronze') {\n    return { width: 200, height: 70, padding: 30 }\n  }\n  if (plan === 'FREE_SLOT') {\n    return { width: 150, height: 40, padding: 15 }\n  }\n  assert(false)\n}\n\nfunction capitalizeFirstLetter(word: string): string {\n  return word[0].toUpperCase() + word.slice(1)\n}\n","export { CodeBlock }\n\nimport React from 'react'\nimport { assert, objectAssign } from '../utils'\n\nfunction CodeBlock({ children, lineBreak }: { children: any; lineBreak?: true }) {\n  assert(lineBreak, '`lineBreak: true` is currently the only use case for <CodeBlock>')\n  const style = {}\n  if (lineBreak) {\n    objectAssign(style, {\n      wordWrap: 'break-word',\n      wordBreak: 'break-all',\n      whiteSpace: 'initial',\n      paddingRight: '16px !important'\n    })\n  }\n  return (\n    <pre>\n      <code style={style}>{children}</code>\n    </pre>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,YAAW;;;ACAlB,OAAO,WAAW;AAQlB,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,cAAc,eAAe;AACnC,SAAO,oCAAC;AAAA,IAAE;AAAA,KAAa,QAAQ,SAAS,EAAE,MAAM,cAAc,aAAa,uBAAuB,CAAC,CAAE;AACvG;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKyB;AACvB,MAAI,UAAyB;AAC7B,MAAI,kBAA0B;AAC9B,MAAI,KAAK,SAAS,GAAG,GAAG;AACtB;AAAC,KAAC,iBAAiB,OAAO,IAAI,KAAK,MAAM,GAAG;AAAA,EAC9C;AACA,QAAM,UAAU,YAAY,iBAAiB,WAAW;AAExD,QAAM,cAAwC,CAAC;AAE/C,MAAI,oBAAoB,SAAS;AAC/B,gBAAY;AAAA,MACV,GAAG,QAAQ,eACR,MAAM,EACN,QAAQ,EACR,IAAI,CAAC,EAAE,MAAM,MAAM,KAAK;AAAA,IAC7B;AAAA,EACF;AAEA,cAAY,KAAK,QAAQ,KAAK;AAE9B,MAAI,SAAS;AACX,QAAI,eAAiD;AACrD,QAAI,mBAAmB,WAAW,QAAQ,eAAe;AACvD,cAAQ,cAAc,QAAQ,CAAC,UAAU;AACvC,YAAI,wBAAwB,KAAK,MAAM,SAAS;AAC9C,yBAAe,WAAW,KAAK;AAAA,QACjC;AAAA,MACF,CAAC;AAAA,IACH;AACA,QAAI,CAAC,cAAc;AACjB;AAAA,QACE,CAAC;AAAA,QACD,kDAAkD;AAAA,MACpD;AACA,qBAAe,sBAAsB,MAAM,YAAY,OAAO,eAAe;AAAA,IAC/E;AACA,gBAAY,KAAK,YAAY;AAAA,EAC/B;AAEA;AACE,UAAM,mBAAmB,QAAQ,QAAQ,YAAY;AACrD,QAAI,gBAAgB,kBAAkB;AACpC,aAAO,YAAY,YAAY,SAAS;AAAA,IAC1C;AAAA,EACF;AAEA,SACE,0DACG,YAAY,IAAI,CAAC,OAAO,MAAM;AAC7B,UAAM,YAAY,MAAM,IAAI,wDAAE,IAAM;AACpC,WACE,oCAAC,MAAM,UAAN;AAAA,MAAe,KAAK;AAAA,OAClB,WACA,KACH;AAAA,EAEJ,CAAC,CACH;AAEJ;AAEA,SAAS,YAAY,MAAc,aAAgE;AACjG,SAAO,KAAK,WAAW,GAAG,GAAG,aAAa,sCAAsC;AAChF,QAAM,EAAE,UAAU,oBAAoB,IAAI,YAAY,YAAY,MAAM;AACxE;AACE,UAAMC,WAAU,oBAAoB,KAAK,CAAC,EAAE,IAAI,MAAM,SAAS,GAAG;AAClE,QAAIA,UAAS;AACX,aAAOA;AAAA,IACT;AAAA,EACF;AACA,QAAM,UAAU,SAAS,KAAK,CAAC,EAAE,IAAI,MAAM,SAAS,GAAG;AACvD,SAAO,SAAS,yBAAyB,wBAAwB;AACjE,SAAO;AACT;;;ADrGA,SAAS,KAAK,OAKX;AACD,MAAI,WAAW,MAAM,IAAI,GAAG;AAC1B,WAAO,gBAAAC,OAAA,cAAC;AAAA,MAAS,MAAM,MAAM;AAAA,MAAM,MAAM,MAAM;AAAA,KAAM;AAAA,EACvD,OAAO;AACL,WAAO,gBAAAA,OAAA,cAAC;AAAA,MAAS,GAAG;AAAA,KAAO;AAAA,EAC7B;AACF;;;AEjBA,OAAOC,YAAW;AAKlB,SAAS,EAAE,OAAwC;AACjD,SAAO,gBAAAC,OAAA,cAAC;AAAA,IAAK,GAAG;AAAA,IAAO,WAAW;AAAA,GAAa;AACjD;;;ACPA,OAAOC,YAAW;AAKlB,SAAS,KAAK,EAAE,SAAS,GAAkC;AACzD,SACE,gBAAAC,OAAA,cAAC,oBACC,gBAAAA,OAAA,cAAC,SAAG,QAAS,CACf;AAEJ;;;ACXA,OAAOC,YAAW;AAMlB,SAAS,sBAAsB,EAAE,MAAM,MAAM,GAAqC;AAChF,QAAM,WAAW,MAAM,UAAU,OAAO,IAAI,KAAK;AACjD,SACE,gBAAAC,OAAA,cAAC,YACE,WAAW,MAAM,IAClB,gBAAAA,OAAA,cAAC,WAAE,0BAAuB,WAAW,MAAM,IAAK,IAC9C,MAAM;AACN,QAAI,CAAC,UAAU;AACb,YAAM,OAAO,OAAO,gBAAAA,OAAA,cAAC,cAAS,IAAK,gBAAAA,OAAA,cAAC;AAAA,QAAK,MAAM,MAAM;AAAA,OAAI;AACzD,aACE,gBAAAA,OAAA,cAAAA,OAAA,gBACG,MACA,GACH;AAAA,IAEJ;AACA,WACE,gBAAAA,OAAA,cAAC;AAAA,MACC,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,OAEC,QACC,gBAAAA,OAAA,cAAC,YACC,gBAAAA,OAAA,cAAC,cAAS,CACZ,GAED,MAAM,IAAI,CAAC,MAAM,MAChB,gBAAAA,OAAA,cAAC;AAAA,MAAG,KAAK;AAAA,OACP,gBAAAA,OAAA,cAAC;AAAA,MAAK,MAAM;AAAA,KAAM,CACpB,CACD,CACH;AAAA,EAEJ,GAAG,CACL;AAEJ;AAEA,SAAS,WAAW;AAClB,SACE,gBAAAA,OAAA,cAAAA,OAAA,gBACE,gBAAAA,OAAA,cAAC;AAAA,IAAK,MAAM;AAAA,IAAe,cAAc;AAAA,GAAM,GAAE,QAAI,gBAAAA,OAAA,cAAC;AAAA,IAAK,MAAM;AAAA,IAAa,cAAc;AAAA,GAAM,CACpG;AAEJ;;;AClDA,OAAOC,YAAW;AAGlB,SAAS,KAAK;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SAAO,SAAS,UAAa,CAAC,SAAS,SAAS,EAAE,SAAS,IAAI,CAAC;AAChE,MAAI,CAAC,MAAM;AACT,QAAI,SAAS,SAAS;AACpB,aAAO;AAAA,IACT;AACA,QAAI,SAAS,WAAW;AACtB,aAAO;AAAA,IACT;AAAA,EACF;AACA,SACE,gBAAAC,OAAA,cAAC;AAAA,IAAW,WAAW;AAAA,KACrB,gBAAAA,OAAA,cAAC;AAAA,IAAI,OAAO,EAAE,cAAc,GAAG;AAAA,GAAG,GACjC,MAAK,KAAE,UACR,gBAAAA,OAAA,cAAC;AAAA,IAAI,OAAO,EAAE,WAAW,GAAG;AAAA,GAAG,CACjC;AAEJ;;;AC9BA,OAAOC,YAAW;AAKlB,SAAS,WAAW,EAAE,KAAK,GAAqB;AAC9C,SAAO,CAAC,KAAK,WAAW,QAAQ,CAAC;AACjC,SAAO,CAAC,KAAK,WAAW,GAAG,CAAC;AAC5B,QAAM,OAAO,iBAAsB;AACnC,SAAO,gBAAAC,OAAA,cAAC,cAAM,IAAK;AACrB;;;ACVA,OAAOC,YAAW;AAIlB,SAAS,eAAe,EAAE,QAAQ,GAAuB;AACvD,SACE,gBAAAC,OAAA,cAAC;AAAA,IAAI,WAAW,4BAA4B,UAAU,YAAY;AAAA,IAAK,OAAO,EAAE,WAAW,SAAS;AAAA,KAClG,gBAAAA,OAAA,cAAC;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,GACF,CACF;AAEJ;;;ACnBA,OAAOC,YAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BlB,IAAM,WAAsB;AAAA,EAC1B;AAAA,IACE,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AACF;AAEA,SAAS,WAAW;AAClB,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,YAAY,IAAI,YAAY;AACpC,SACE,gBAAAC,OAAA,cAAC;AAAA,IAAI,OAAO,EAAE,WAAW,UAAU,WAAW,GAAG;AAAA,KAC/C,gBAAAA,OAAA,cAAC;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,OAAO;AAAA,MACL,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,cAAc;AAAA,IAChB;AAAA,KAEA,gBAAAA,OAAA,cAAC;AAAA,IAAI,KAAK;AAAA,IAAW,QAAQ;AAAA,GAAI,GAAE,KAAC,gBAAAA,OAAA,cAAC;AAAA,IAAK,OAAO,EAAE,YAAY,GAAG,UAAU,SAAS;AAAA,KAAG,SAAO,CACjG,GACA,gBAAAA,OAAA,cAAC,WAAI,GACL,gBAAAA,OAAA,cAAC;AAAA,IAAI,OAAO,EAAE,UAAU,KAAK,SAAS,gBAAgB,WAAW,IAAI,cAAc,GAAG;AAAA,KACnF,YAAY,kBAAkB,YAAY,aAAY,gEAEzD,GACA,gBAAAA,OAAA,cAAC;AAAA,IAAI,OAAO,EAAE,SAAS,QAAQ,UAAU,QAAQ,gBAAgB,UAAU,YAAY,MAAM;AAAA,KAC1F,SAAS,IAAI,CAAC,SAAS,MACtB,gBAAAA,OAAA,cAAC;AAAA,IAAW;AAAA,IAAkB,KAAK;AAAA,GAAG,CACvC,CACH,CACF;AAEJ;AAEA,SAAS,WAAW,EAAE,QAAQ,GAAyB;AACrD,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,kBAAkB;AACtB,MAAI,QAA4B;AAChC,MAAI,cAAc,SAAS;AACzB,cAAU,sBAAsB,QAAQ;AACxC,aAAS,sBAAsB,QAAQ;AACvC,YAAQ;AACR,aAAS;AACT,cAAU;AACV,sBAAkB;AAAA,EACpB,OAAO;AACL,aAAS,QAAQ;AACjB,cAAU,QAAQ;AAClB,UAAM,OAAO,QAAQ,QAAQ,IAAI;AACjC,YAAQ,KAAK;AACb,aAAS,KAAK;AACd,cAAU,KAAK;AACf,aAAS,QAAQ;AACjB,YAAQ,gBAAAA,OAAA,cAAC;AAAA,MAAM;AAAA,KAAkB;AAAA,EACnC;AACA,QAAM,cAAc;AACpB,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC,MAAM;AAAA,IACN,OAAO;AAAA,MACL,QAAQ,QAAQ;AAAA,IAClB;AAAA,KAEC,OACD,gBAAAA,OAAA,cAAC;AAAA,IACC,OAAO;AAAA,MACL;AAAA,MACA,cAAc;AAAA,MACd,UAAU;AAAA,MACV;AAAA,MACA,UAAU,mDAAmD;AAAA,MAC7D;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,KAEA,gBAAAA,OAAA,cAAC;AAAA,IACC,OAAO,EAAE,OAAO,eAAe,cAAc,QAAQ,SAAS,SAAS,QAAQ,EAAE;AAAA,IACjF,KAAK;AAAA,IACL,KAAK;AAAA,GACP,CACF,CACF;AAEJ;AAEA,SAAS,MAAM,EAAE,QAAQ,GAAyB;AAChD,SAAO,EAAE,cAAc,QAAQ;AAC/B,QAAM,UAAU,WAAW,OAAO;AAClC,QAAM,YAAY,aAAa,OAAO;AACtC,QAAM,YAAY,aAAa,OAAO;AACtC,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC,OAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,eAAe;AAAA,IACjB;AAAA,KAEC,SACA,WACA,SACH;AAEJ;AAEA,SAAS,WAAW,SAAyB;AAC3C,QAAM,SAAS,QAAQ,SAAS,aAAa,KAAK;AAClD,SAAO,gBAAAA,OAAA,cAAC;AAAA,IAAI,KAAK;AAAA,IAAY,OAAO,EAAE,QAAQ,UAAU,YAAY,QAAQ,GAAG,QAAQ,GAAG;AAAA,GAAG;AAC/F;AAEA,SAAS,aAAa,SAAyB;AAC7C,MAAI,QAAQ,SAAS,YAAY;AAC/B,WAAO,gBAAAA,OAAA,cAAAA,OAAA,cAAE;AAAA,EACX;AACA,QAAM,gBAAgB,CAAC,UAAU,UAAU,MAAM,EAAE,SAAS,QAAQ,IAAI,IAAI,IAAI;AAChF,SACE,gBAAAA,OAAA,cAAAA,OAAA,gBACG,KACD,gBAAAA,OAAA,cAAC;AAAA,IACC,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,OAAO;AAAA,MACP;AAAA,IACF;AAAA,KAEC,sBAAsB,QAAQ,IAAI,CACrC,CACF;AAEJ;AAEA,SAAS,aAAa,SAAyB;AAC7C,MAAI;AACJ,MAAI,QAAQ,SAAS,YAAY;AAC/B,WAAO,gBAAAA,OAAA,cAAC;AAAA,MAAM,MAAK;AAAA,MAAS,OAAO,EAAE,UAAU,QAAQ;AAAA,KAAG;AAAA,EAC5D,WAAW,QAAQ,SAAS,QAAQ;AAClC,eAAW;AAAA,EACb,WAAW,QAAQ,SAAS,UAAU;AACpC,eAAW;AAAA,EACb,WAAW,QAAQ,SAAS,UAAU;AACpC,eAAW;AAAA,EACb,OAAO;AACL,WAAO,KAAK;AAAA,EACd;AACA,SAAO,gBAAAA,OAAA,cAAC;AAAA,IAAI,KAAK;AAAA,IAAU,OAAO,EAAE,QAAQ,IAAI,QAAQ,GAAG,aAAa,EAAE;AAAA,GAAG;AAC/E;AAEA,SAAS,QAAQ,MAAY;AAC3B,MAAI,SAAS,YAAY;AACvB,WAAO,KAAK;AAAA,EACd;AACA,MAAI,SAAS,QAAQ;AACnB,WAAO,EAAE,OAAO,KAAK,QAAQ,KAAK,SAAS,GAAG;AAAA,EAChD;AACA,MAAI,SAAS,UAAU;AACrB,WAAO,EAAE,OAAO,KAAK,QAAQ,KAAK,SAAS,GAAG;AAAA,EAChD;AACA,MAAI,SAAS,UAAU;AACrB,WAAO,EAAE,OAAO,KAAK,QAAQ,IAAI,SAAS,GAAG;AAAA,EAC/C;AACA,MAAI,SAAS,aAAa;AACxB,WAAO,EAAE,OAAO,KAAK,QAAQ,IAAI,SAAS,GAAG;AAAA,EAC/C;AACA,SAAO,KAAK;AACd;AAEA,SAAS,sBAAsB,MAAsB;AACnD,SAAO,KAAK,GAAG,YAAY,IAAI,KAAK,MAAM,CAAC;AAC7C;;;AChPA,OAAOC,aAAW;AAGlB,SAAS,UAAU,EAAE,UAAU,UAAU,GAAwC;AAC/E,SAAO,WAAW,kEAAkE;AACpF,QAAM,QAAQ,CAAC;AACf,MAAI,WAAW;AACb,iBAAa,OAAO;AAAA,MAClB,UAAU;AAAA,MACV,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,IAChB,CAAC;AAAA,EACH;AACA,SACE,gBAAAC,QAAA,cAAC,aACC,gBAAAA,QAAA,cAAC;AAAA,IAAK;AAAA,KAAe,QAAS,CAChC;AAEJ;","names":["React","heading","React","React","React","React","React","React","React","React","React","React","React","React","React","React","React","React","React"]}

package/{src → dist/src}/components/features/FeatureList.css

@@ -1,3 +1,4 @@
+/* src/components/features/FeatureList.css */
 @media screen and (min-width: 840px) {
   .features-row {
     display: grid;
@@ -16,7 +17,6 @@
     grid-column: 1 / 3;
   }
 }
-
 @media screen and (min-width: 840px) {
   .features-row.single-column .feature {
     grid-column: 1 / span 2 !important;
@@ -25,13 +25,11 @@
     margin: auto !important;
   }
 }
-
 #features {
   margin: auto;
   margin-top: 0;
   max-width: 1080px;
 }
-
 #features summary p {
   margin: 10px 0;
 }
@@ -46,7 +44,6 @@
 .learn-more h3:first-of-type {
   margin-top: 15px;
 }
-
 .learn-more {
   border: var(--border-width) solid var(--border-color);
   padding: 10px 8px;
@@ -98,8 +95,6 @@ aside.learn-more.right-side {
   border-bottom: 0 !important;
   z-index: 1;
 }
-
-/* Hide top border of .learn-more */
 .learn-more {
   position: relative;
   top: calc(-1 * var(--border-width));
@@ -108,10 +103,10 @@ aside.learn-more.right-side {
   position: relative;
   z-index: 1;
 }
-
 .feature .chevron {
   transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out !important;
 }
 .feature.selected .chevron {
   transform: rotate(180deg);
 }
+/*# sourceMappingURL=FeatureList.css.map */

package/dist/src/components/features/FeatureList.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/features/FeatureList.css"],"sourcesContent":["@media screen and (min-width: 840px) {\n  .features-row {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .features-row summary:nth-of-type(1) {\n    grid-row: 1;\n    grid-column: 1 / 2;\n  }\n  .features-row summary:nth-of-type(2) {\n    grid-row: 1;\n    grid-column: 2 / 3;\n  }\n  .features-row aside {\n    grid-row: 2;\n    grid-column: 1 / 3;\n  }\n}\n\n@media screen and (min-width: 840px) {\n  .features-row.single-column .feature {\n    grid-column: 1 / span 2 !important;\n    width: 100% !important;\n    max-width: calc(1010px / 2) !important;\n    margin: auto !important;\n  }\n}\n\n#features {\n  margin: auto;\n  margin-top: 0;\n  max-width: 1080px;\n}\n\n#features summary p {\n  margin: 10px 0;\n}\n#features h2 {\n  margin-bottom: 0.7em;\n  margin-top: 0.5em;\n}\n#features .secondary-feature h2 {\n  font-size: 1.1em;\n  margin-bottom: 0.7em;\n}\n.learn-more h3:first-of-type {\n  margin-top: 15px;\n}\n\n.learn-more {\n  border: var(--border-width) solid var(--border-color);\n  padding: 10px 8px;\n}\n@media screen and (min-width: 840px) {\n  .learn-more {\n    max-width: 886px;\n    border-radius: var(--border-radius);\n  }\n}\naside.learn-more:not(.right-side) {\n  border-top-left-radius: 0;\n}\naside.learn-more.right-side {\n  border-top-right-radius: 0;\n  justify-self: end;\n  width: 100%;\n}\n@media screen and (max-width: 340px) {\n  .learn-more {\n    padding-right: 5px;\n    padding-left: 5px;\n  }\n}\n.learn-more {\n  display: none;\n}\n.learn-more.selected {\n  display: block;\n}\n#features {\n  --border-radius: 20px;\n  --border-width: 10px;\n  --border-color: #f6f6f6;\n}\n.feature {\n  padding: 8px;\n  border-width: var(--border-width);\n  border-style: solid;\n  border-color: transparent;\n  border-top-left-radius: var(--border-radius);\n  border-top-right-radius: var(--border-radius);\n}\n.selected {\n  border-color: var(--border-color);\n  background-color: #fcfcfc;\n}\n.feature.selected {\n  border-bottom: 0 !important;\n  z-index: 1;\n}\n\n/* Hide top border of .learn-more */\n.learn-more {\n  position: relative;\n  top: calc(-1 * var(--border-width));\n}\n.feature {\n  position: relative;\n  z-index: 1;\n}\n\n.feature .chevron {\n  transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out !important;\n}\n.feature.selected .chevron {\n  transform: rotate(180deg);\n}\n"],"mappings":";AAAA;AACE;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAAA;AAIJ;AACE;AACE;AACA;AACA;AACA;AAAA;AAAA;AAIJ;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAEF;AACE;AACE;AACA;AAAA;AAAA;AAGJ;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACE;AACA;AAAA;AAAA;AAGJ;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;","names":[]}

package/dist/src/components/features/FeatureList.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+
+declare type FeatureProps = {
+    title: React.ReactNode;
+    desc: React.ReactNode;
+    learnMore?: React.ReactNode;
+    isSecondaryFeature?: true;
+};
+declare function FeatureList({ features }: {
+    features: FeatureProps[];
+}): JSX.Element;
+
+export { FeatureList };

package/dist/src/components/features/FeatureList.js

@@ -0,0 +1,8 @@
+import {
+  FeatureList
+} from "../../../chunk-OEVBWUR6.js";
+import "../../../chunk-TTLAZ2T2.js";
+export {
+  FeatureList
+};
+//# sourceMappingURL=FeatureList.js.map

package/dist/src/components/features/FeatureList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/src/components/features/initFeatureList.d.ts

@@ -0,0 +1,3 @@
+declare global {
+    var __docpress_hydrationFinished: undefined | true;
+}