@seqera/docusaurus-theme-seqera 1.0.0

package/src/theme/Heading/index.tsx

@@ -0,0 +1,50 @@
+
+
+import React, {type ReactNode} from 'react';
+import clsx from 'clsx';
+import {translate} from '@docusaurus/Translate';
+import {useAnchorTargetClassName} from '@docusaurus/theme-common';
+import Link from '@docusaurus/Link';
+import useBrokenLinks from '@docusaurus/useBrokenLinks';
+import type {Props} from '@theme/Heading';
+import './styles.module.css';
+
+export default function Heading({as: As, id, ...props}: Props): ReactNode {
+  const brokenLinks = useBrokenLinks();
+  const anchorTargetClassName = useAnchorTargetClassName(id);
+
+  // H1 headings do not need an id because they don't appear in the TOC.
+  if (As === 'h1' || !id) {
+    return <As {...props} id={undefined} />;
+  }
+
+  brokenLinks.collectAnchor(id);
+
+  const anchorTitle = translate(
+    {
+      id: 'theme.common.headingLinkTitle',
+      message: 'Direct link to {heading}',
+      description: 'Title for link to heading',
+    },
+    {
+      heading: typeof props.children === 'string' ? props.children : id,
+    },
+  );
+
+  return (
+    <As
+      {...props}
+      className={clsx('anchor', anchorTargetClassName, props.className)}
+      id={id}>
+      {props.children}
+      <Link
+        className="hash-link"
+        to={`#${id}`}
+        aria-label={anchorTitle}
+        title={anchorTitle}
+        translate="no">
+        &#8203;
+      </Link>
+    </As>
+  );
+}

package/src/theme/Heading/styles.module.css

@@ -0,0 +1,17 @@
+
+
+:global(.hash-link) {
+  opacity: 0;
+  padding-left: 0.5rem;
+  transition: opacity var(--ifm-transition-fast);
+  user-select: none;
+}
+
+:global(.hash-link::before) {
+  content: '#';
+}
+
+:global(.hash-link:focus),
+:global(*:hover > .hash-link) {
+  opacity: 1;
+}

package/src/theme/Homepage/index.tsx

@@ -0,0 +1,178 @@
+import React, {type ReactNode} from 'react';
+import IconAI from '@theme/Icon/AI';
+import IconFusion from '@theme/Icon/Fusion';
+import IconNextflow from '@theme/Icon/Nextflow';
+import IconMultiQC from '@theme/Icon/MultiQC';
+import IconWave from '@theme/Icon/Wave';
+import IconSeqeraCloud from '@theme/Icon/SeqeraCloud';
+import IconServiceStatus from '@theme/Icon/ServiceStatus';
+import IconQuestionMark from '@theme/Icon/QuestionMark';
+import IconCog from '@theme/Icon/Cog';
+import IconChangelog from '@theme/Icon/Changelog';
+import IconChatBubbles from '@theme/Icon/ChatBubbles';
+import IconMCP from '@theme/Icon/MCP';
+import IconSeqeraEnterprise from '@theme/Icon/SeqeraEnterprise';
+
+
+interface CardProps {
+  href: string;
+  icon: ReactNode;
+  title: string;
+  description: string;
+}
+
+interface CardSectionProps {
+  title: string;
+  cards: readonly CardProps[];
+}
+
+const CARD_DATA = {
+  products: [
+    {
+      href: '/platform-cloud',
+      icon: <IconSeqeraCloud className="text-black" />,
+      title: 'Seqera Cloud',
+      description: 'comprehensive platform empowering teams across the entire scientific lifecycle',
+    },
+    {
+      href: '/platform-enterprise',
+      icon: <IconSeqeraEnterprise className="text-black" />,
+      title: 'Seqera Enterprise',
+      description: 'manage within your own infrastructure for greater control and data sovereignty',
+    },
+    {
+      href: '/platform-api',
+      icon: <IconCog className="text-black" />,
+      title: 'Platform API',
+      description: 'integrate Seqera Platform seamlessly into existing processes',
+    },
+  ],
+  ai: [
+    {
+      href: '/platform-cloud/seqera-ai',
+      icon: <IconAI className="text-black max-w-5.5" />,
+      title: 'Seqera AI',
+      description: 'intelligent command-line assistant that helps you build, run, and manage bioinformatics workflows',
+    },
+    {
+      href: '/platform-cloud/seqera-mcp',
+      icon: <IconMCP className="text-black max-w-5.5" />,
+      title: 'Seqera MCP',
+      description: 'enables AI assistants to interact with the Seqera ecosystem',
+    },
+  ],
+  openSource: [
+    {
+      href: '/nextflow',
+      icon: <IconNextflow className="text-nextflow-600" />,
+      title: 'Nextflow',
+      description: 'open-source orchestrator for deploying workflows',
+    },
+    {
+      href: '/wave',
+      icon: <IconWave className="text-wave-600" />,
+      title: 'Wave',
+      description: 'next generation container provisioning for data analysis',
+    },
+    {
+      href: '/multiqc',
+      icon: <IconMultiQC className="text-multiqc-600" />,
+      title: 'MultiQC',
+      description: 'open-source tool to aggregate bioinformatic analyses results',
+    },
+    {
+      href: '/fusion',
+      icon: <IconFusion className="text-fusion-600" />,
+      title: 'Fusion',
+      description: 'optimized file system for cloud-native data pipelines',
+    },
+  ],
+  help: [
+        {
+      href: '/changelog',
+      icon: <IconChangelog className="text-black w-[20px] h-[20px]" />,
+      title: 'Changelog',
+      description: 'product release notes on latest features and updates.',
+    },
+    {
+      href: 'https://support.seqera.io/',
+      icon: <IconQuestionMark className="text-black" />,
+      title: 'Support Portal',
+      description: 'contact support for help with your platform or enterprise account',
+    },
+    {
+      href: 'https://community.seqera.io/',
+      icon: <IconChatBubbles className="text-black" />,
+      title: 'Community Forum',
+      description: 'discuss, share and network with other users',
+    },
+    {
+      href: 'https://status.seqera.io/',
+      icon: <IconServiceStatus className="text-black" />,
+      title: 'Service Status',
+      description: 'real-time monitoring of platform performance',
+    },
+  ],
+} as const;
+
+
+
+function Card({href, icon, title, description}: CardProps): ReactNode {
+  return (
+    <a href={href}>
+      <div className="border border-gray-400 hover:border-gray-800 p-4 h-full transition-all duration-300">
+        <div className="mb-2">{icon}</div>
+        <h3 className="text-[1.25rem] leading-tight mb-2 font-medium">{title}</h3>
+        <p className="leading-tight text-[.9rem] text-gray-1000 dark:text-gray-400">{description}</p>
+      </div>
+    </a>
+  );
+}
+
+function CardGrid({cards}: {cards: readonly CardProps[]}): ReactNode {
+  return (
+    <div className="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-4">
+      {cards.map((card) => (
+        <Card key={card.href} {...card} />
+      ))}
+    </div>
+  );
+}
+
+
+function CardSection({title, cards}: CardSectionProps): ReactNode {
+  return (
+    <div className="mt-16">
+      <h2 className="text-[2rem] font-display font-medium mb-2">{title}</h2>
+      <CardGrid cards={cards} />
+    </div>
+  );
+}
+
+
+
+// Main Homepage Component
+export interface Props {
+  children?: ReactNode;
+}
+
+export default function Homepage({children}: Props): ReactNode {
+  return (
+    <div className="container-md py-18 prose-base md:prose-lg">
+      <h1 className="font-display text-[3rem] font-medium mb-0">
+        Seqera Documentation
+      </h1>
+      <p className="text-xl mb-6">
+        Explore our guides, documentation, and examples to build with Seqera.
+      </p>
+
+      <div className="mb-10">
+        <CardGrid cards={CARD_DATA.products} />
+      </div>
+
+      <CardSection title="Seqera AI and MCP" cards={CARD_DATA.ai} />
+      <CardSection title="Open Source" cards={CARD_DATA.openSource} />
+      <CardSection title="Additional Resources" cards={CARD_DATA.help} />
+    </div>
+  );
+}

package/src/theme/Icon/AI/index.tsx

@@ -0,0 +1,21 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/AI';
+
+export default function IconAI(props: Props): ReactNode {
+  return (
+    <svg viewBox="0 0 32 34" fill="none"  {...props}>
+      <path
+        d="M12.7857 13.406L16 1L19.2143 13.406L31 16.7895L19.2143 21.3008L16 32.5789L12.7857 21.3008L1 16.7895L12.7857 13.406Z"
+        stroke="currentColor"
+        strokeLinejoin="round"
+           strokeWidth="1.5"
+       ></path>
+      <path
+        d="M26.2109 5.79327L27.0567 8.89478L27.9026 5.79327L31.0041 4.94741L27.9026 3.81959L27.0567 1.00004L26.2109 3.81959L23.1094 4.94741L26.2109 5.79327Z"
+        stroke="currentColor"
+        strokeLinejoin="round"
+       strokeWidth="1.5"
+        ></path>
+    </svg>
+  );
+}

package/src/theme/Icon/AWS/index.tsx

@@ -0,0 +1,22 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/AWS';
+
+export default function IconAWS({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+                style={{
+                  '--icon-stroke': lightFill,
+                  '--icon-stroke-dark': darkFill,
+                } as React.CSSProperties}
+        d="M7.19221 10.1747C7.16741 10.9551 7.55742 11.3006 7.56707 11.5201C7.55775 11.6107 7.5051 11.6912 7.42581 11.7361L6.98482 12.0448C6.92775 12.0848 6.86046 12.1078 6.79084 12.111C6.77603 12.1103 6.50868 12.174 6.08526 11.2286C5.56175 11.8821 4.76539 12.2567 3.92818 12.2433C3.36729 12.2739 1.84724 11.9249 1.92545 10.3067C1.87067 8.98783 3.0989 8.16855 4.36917 8.2378C4.61378 8.23849 5.11334 8.25055 5.98809 8.45382V7.91567C6.08077 7.00406 5.48164 6.29675 4.44427 6.40286C4.36159 6.4032 3.7759 6.38563 2.86497 6.75118C2.6114 6.86762 2.57902 6.84833 2.49462 6.84833C2.23932 6.84833 2.3444 6.10829 2.39333 6.01458C2.57282 5.79408 3.62878 5.38237 4.66512 5.38823C5.35804 5.32695 6.04727 5.54081 6.58379 5.98357C7.02451 6.47654 7.24444 7.1283 7.19255 7.78751L7.19221 10.1747ZM4.21483 11.2906C5.33213 11.2745 5.80515 10.6026 5.91299 10.2409C5.99774 9.89463 5.98362 9.67551 5.98362 9.29687C5.65046 9.21694 5.17089 9.12978 4.62068 9.12909C4.09873 9.08982 3.14543 9.32306 3.18263 10.2405C3.13991 10.819 3.56575 11.3223 4.21483 11.2906ZM10.1035 12.0848C9.83267 12.1096 9.70657 11.9173 9.6666 11.7275L7.95086 6.05489C7.91744 5.95911 7.8954 5.86023 7.88472 5.75928C7.87154 5.67263 7.93105 5.59167 8.0177 5.57841C8.02596 5.57703 7.94431 5.57841 8.78426 5.57841C9.08676 5.54809 9.1853 5.78616 9.21665 5.93568L10.4473 10.7876L11.5898 5.93568C11.608 5.82474 11.691 5.55429 12.0307 5.58289H12.622C12.6967 5.57669 13.0047 5.56566 13.0588 5.94016L14.2102 10.8541L15.4805 5.94016C15.497 5.86506 15.5742 5.54843 15.9173 5.58289H16.5967C16.626 5.57841 16.8086 5.55498 16.7776 5.87849C16.7628 5.94223 16.8951 5.51123 14.9603 11.732C14.9206 11.9218 14.7942 12.1141 14.5234 12.0893H13.8795C13.5026 12.1289 13.4485 11.7564 13.4426 11.7189L12.3002 6.99441L11.1708 11.7141C11.1653 11.7516 11.1112 12.1241 10.734 12.0844L10.1035 12.0848ZM19.5256 12.2787C19.323 12.2791 18.3569 12.2684 17.5494 11.8553C17.3848 11.7857 17.2786 11.6236 17.2803 11.445V11.0746C17.2803 10.7835 17.4939 10.8369 17.5845 10.8717C17.9304 11.0116 18.1523 11.1177 18.5771 11.2024C19.8398 11.4619 20.3951 11.1232 20.5312 11.0481C20.9843 10.779 21.0201 10.1634 20.7121 9.84398C20.351 9.54114 20.1788 9.52977 18.8816 9.12048C18.7218 9.07603 17.3761 8.65158 17.373 7.31654C17.3519 6.3436 18.236 5.381 19.7681 5.38892C20.2046 5.38858 21.3677 5.53121 21.6826 5.92707C21.7291 5.99907 21.7522 6.08383 21.7488 6.16962V6.51793C21.7488 6.6709 21.693 6.74739 21.581 6.74739C21.3154 6.71776 20.8441 6.36255 19.8873 6.37702C19.6499 6.36462 18.513 6.40837 18.564 7.2373C18.5492 7.89052 19.4808 8.13548 19.5872 8.16373C20.8434 8.54167 21.2633 8.60438 21.7619 9.18284C22.3524 9.94941 22.034 10.8469 21.9117 11.0929C21.2544 12.3845 19.5545 12.2794 19.5256 12.2787ZM20.9106 15.8914C18.4978 17.6733 14.9954 18.6218 12.0049 18.6218C7.96982 18.6484 4.07075 17.1647 1.07414 14.4623C0.849156 14.2594 1.0476 13.9814 1.32115 14.1361C4.64529 16.0376 8.40892 17.0367 12.2385 17.0342C15.0983 17.0189 17.9269 16.4387 20.5619 15.3271C20.9677 15.1548 21.3119 15.5958 20.9106 15.8914ZM21.9162 14.7445C21.6075 14.3476 19.8739 14.5592 19.0977 14.6518C18.8637 14.6784 18.8241 14.4754 19.036 14.3256C20.4165 13.355 22.6838 13.6331 22.9443 13.9593C23.2044 14.2856 22.8737 16.5574 21.5813 17.6427C21.3829 17.8104 21.1931 17.7219 21.2813 17.5014C21.572 16.7693 22.2249 15.1417 21.9162 14.7445Z"
+  
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/Arrow/index.tsx

@@ -0,0 +1,15 @@
+
+
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Arrow';
+
+export default function IconArrow(props: Props): ReactNode {
+  return (
+    <svg width="20" height="20" aria-hidden="true" {...props}>
+      <g fill="#7a7a7a">
+        <path d="M9.992 10.023c0 .2-.062.399-.172.547l-4.996 7.492a.982.982 0 01-.828.454H1c-.55 0-1-.453-1-1 0-.2.059-.403.168-.551l4.629-6.942L.168 3.078A.939.939 0 010 2.528c0-.548.45-.997 1-.997h2.996c.352 0 .649.18.828.45L9.82 9.472c.11.148.172.347.172.55zm0 0" />
+        <path d="M19.98 10.023c0 .2-.058.399-.168.547l-4.996 7.492a.987.987 0 01-.828.454h-3c-.547 0-.996-.453-.996-1 0-.2.059-.403.168-.551l4.625-6.942-4.625-6.945a.939.939 0 01-.168-.55 1 1 0 01.996-.997h3c.348 0 .649.18.828.45l4.996 7.492c.11.148.168.347.168.55zm0 0" />
+      </g>
+    </svg>
+  );
+}

package/src/theme/Icon/Azure/index.tsx

@@ -0,0 +1,28 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Azure';
+
+export default function IconAzure({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+    return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+           className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+            style={{
+              '--icon-stroke': lightFill,
+              '--icon-stroke-dark': darkFill,
+            } as React.CSSProperties}
+      />
+      <path
+        d="M23.9391 21.2701L15.2391 4.74012C15.1995 4.65546 15.1355 4.58456 15.0553 4.53646C14.9752 4.48837 14.8825 4.46527 14.7891 4.47012C14.6971 4.47178 14.6074 4.4988 14.5297 4.5482C14.4521 4.59761 14.3896 4.66747 14.3491 4.75012L10.6491 12.4001C10.6072 12.4866 10.5906 12.5832 10.6012 12.6788C10.6119 12.7743 10.6493 12.8649 10.7091 12.9401L15.5891 18.7001L5.87919 21.0001C5.76024 21.0307 5.65631 21.1031 5.5865 21.2042C5.51669 21.3052 5.48568 21.428 5.49918 21.5501C5.51373 21.673 5.57248 21.7864 5.66447 21.8692C5.75646 21.952 5.87542 21.9985 5.99918 22.0001H23.4991C23.5854 22.0006 23.6704 21.9788 23.7457 21.9367C23.8211 21.8947 23.8843 21.8338 23.9291 21.7601C23.9727 21.6862 23.9965 21.6022 23.9983 21.5164C24 21.4306 23.9797 21.3458 23.9391 21.2701Z"
+           className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+            style={{
+              '--icon-stroke': lightFill,
+              '--icon-stroke-dark': darkFill,
+            } as React.CSSProperties}
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/Changelog/index.tsx

@@ -0,0 +1,26 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Changelog';
+
+export default function IconChangelog({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg width="27" height="23" viewBox="0 0 27 23" fill="none" {...props}>
+      <path
+        d="M13.5 7.5398V22.5M13.5 7.5398C13.5 5.07554 13.5 3.84392 13.9723 2.9027C14.3878 2.07478 15.0502 1.40143 15.8656 0.979578C16.7925 0.5 18.0062 0.5 20.4331 0.5H24.1886C24.9976 0.5 25.4023 0.5 25.7113 0.659859C25.9831 0.800475 26.2035 1.02469 26.342 1.30066C26.4994 1.6144 26.5 2.02542 26.5 2.84684V15.7537C26.5 16.5751 26.4994 16.9852 26.342 17.299C26.2035 17.575 25.9836 17.7999 25.7118 17.9405C25.4031 18.1002 24.9992 18.1002 24.1918 18.1002H20.1002C18.7435 18.1002 18.064 18.1002 17.4482 18.2901C16.9032 18.4582 16.3971 18.7334 15.957 19.1007C15.4599 19.5156 15.0831 20.0887 14.3306 21.2348L13.5 22.5M13.5 7.5398C13.5 5.07554 13.4998 3.84392 13.0275 2.9027C12.612 2.07478 11.949 1.40143 11.1337 0.979578C10.2067 0.5 8.993 0.5 6.5661 0.5H2.81055C2.00158 0.5 1.5975 0.5 1.28852 0.659859C1.01673 0.800475 0.795919 1.02469 0.657435 1.30066C0.5 1.6144 0.5 2.02542 0.5 2.84684V15.7537C0.5 16.5751 0.5 16.9852 0.657435 17.299C0.795919 17.575 1.01673 17.7999 1.28852 17.9405C1.5972 18.1002 2.00079 18.1002 2.80817 18.1002H6.89994C8.25658 18.1002 8.93472 18.1002 9.55043 18.2901C10.0955 18.4582 10.6041 18.7334 11.0442 19.1007C11.5393 19.5139 11.9136 20.084 12.66 21.2209L13.5 22.5"
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={
+          {
+            '--icon-stroke': lightFill,
+            '--icon-stroke-dark': darkFill,
+          } as React.CSSProperties
+        }
+        strokeWidth="1.75"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/ChatBubble/index.tsx

@@ -0,0 +1,29 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/ChatBubble';
+
+export default function IconChatBubble({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg
+      width="16"
+      height="15"
+      fill="none"
+      viewBox="0 0 16 15"
+      {...props}
+      >
+      <path
+                 className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+          style={{
+            '--icon-stroke': lightFill,
+            '--icon-stroke-dark': darkFill,
+          } as React.CSSProperties}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="1.5"
+        d="M7.254 12.37a.654.654 0 0 0-.468-.63L1 10.067V3.35L8 1l7 2.349v6.804L7.254 14z"></path>
+    </svg>
+  );
+}

package/src/theme/Icon/ChatBubbles/index.tsx

@@ -0,0 +1,42 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/ChatBubbles';
+
+export default function IconChatBubbles({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <g clipPath="url(#clip0_15_878)">
+        <path
+          d="M17.3047 15.2514H11.2356L5.16641 19.6493V15.2514H2.12369C1.27759 15.2514 0.610474 14.5917 0.610474 13.7906V2.05766C0.610474 1.2409 1.27759 0.596924 2.12369 0.596924H17.3047C18.1508 0.596924 18.8179 1.25661 18.8179 2.05766V13.7906C18.8179 14.6074 18.1345 15.2514 17.3047 15.2514Z"
+          className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+          style={
+            {
+              '--icon-stroke': lightFill,
+              '--icon-stroke-dark': darkFill,
+            } as React.CSSProperties
+          }
+          strokeWidth="1.25"
+        />
+        <path
+          d="M21.1106 7.91626H21.8754C22.7215 7.91626 23.3886 8.57595 23.3886 9.37699V16.7121C23.3886 17.5288 22.7052 18.1728 21.8754 18.1728H20.3621V22.5707L15.8062 18.1728H12.015"
+          className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+          style={
+            {
+              '--icon-stroke': lightFill,
+              '--icon-stroke-dark': darkFill,
+            } as React.CSSProperties
+          }
+          strokeWidth="1.25"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_15_878">
+          <rect width="24" height="24" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}

package/src/theme/Icon/Close/index.tsx

@@ -0,0 +1,21 @@
+
+
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Close';
+
+export default function IconClose({
+  width = 21,
+  height = 21,
+  color = 'currentColor',
+  strokeWidth = 1.2,
+  className,
+  ...restProps
+}: Props): ReactNode {
+  return (
+    <svg viewBox="0 0 15 15" width={width} height={height} {...restProps}>
+      <g stroke={color} strokeWidth={strokeWidth}>
+        <path d="M.75.75l13.5 13.5M14.25.75L.75 14.25" />
+      </g>
+    </svg>
+  );
+}

package/src/theme/Icon/Cog/index.tsx

@@ -0,0 +1,45 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Cog';
+
+export default function IconCog({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        d="M16.5 14.5L12 17.5L7.5 14.5V10.5L12 7.5L16.5 10.5V14.5Z"
+        className="stroke-[var(--icon-stroke)]"
+        style={{
+          '--icon-stroke': lightFill,
+        } as React.CSSProperties}
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M19.5 10.799L22 8.127L20.456 5.554L16.878 6.514L14.557 5.199L13.5 1.5H10.5L9.443 5.199L7.122 6.514L3.543 5.554L2 8.127L4.5 10.799V14.201L2 16.873L3.543 19.446L7.122 18.486L9.443 19.801L10.5 23.5H13.5L14.557 19.801L16.878 18.486L20.456 19.446L22 16.873L19.5 14.201V10.799Z"
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={{
+          '--icon-stroke': lightFill,
+          '--icon-stroke-dark': darkFill,
+        } as React.CSSProperties}
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12 11L10.5 12.5L12 14L13.499 12.5L11.999 11H12Z"
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={{
+          '--icon-stroke': lightFill,
+          '--icon-stroke-dark': darkFill,
+        } as React.CSSProperties}
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/Copy/index.tsx

@@ -0,0 +1,15 @@
+
+
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Copy';
+
+export default function IconCopy(props: Props): ReactNode {
+  return (
+    <svg viewBox="0 0 24 24" {...props}>
+      <path
+        fill="currentColor"
+        d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/DarkMode/index.tsx

@@ -0,0 +1,15 @@
+
+
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/DarkMode';
+
+export default function IconDarkMode(props: Props): ReactNode {
+  return (
+    <svg viewBox="0 0 24 24" width={24} height={24} {...props}>
+      <path
+        fill="currentColor"
+        d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"
+      />
+    </svg>
+  );
+}

package/src/theme/Icon/Edit/index.tsx

@@ -0,0 +1,24 @@
+
+
+import React, {type ReactNode} from 'react';
+import clsx from 'clsx';
+import type {Props} from '@theme/Icon/Edit';
+
+import styles from './styles.module.css';
+
+export default function IconEdit({className, ...restProps}: Props): ReactNode {
+  return (
+    <svg
+      fill="currentColor"
+      height="20"
+      width="20"
+      viewBox="0 0 40 40"
+      className={clsx(styles.iconEdit, className)}
+      aria-hidden="true"
+      {...restProps}>
+      <g>
+        <path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z" />
+      </g>
+    </svg>
+  );
+}

package/src/theme/Icon/Edit/styles.module.css

@@ -0,0 +1,6 @@
+
+
+.iconEdit {
+  margin-right: 0.3em;
+  vertical-align: sub;
+}

package/src/theme/Icon/Envelope/index.tsx

@@ -0,0 +1,33 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Envelope';
+
+export default function IconEnvelope({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg width="17" height="13" fill="none" viewBox="0 0 17 13" {...props}>
+      <path
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={
+          {
+            '--icon-stroke': lightFill,
+            '--icon-stroke-dark': darkFill,
+          } as React.CSSProperties
+        }
+        strokeWidth="1"
+        d="m15.38 1.415-7 7.16-7-7.16M1.38 11.595l5.16-4.77M10.22 6.815l5.16 4.77"></path>
+      <path
+        className="stroke-[var(--icon-stroke)] dark:stroke-[var(--icon-stroke-dark)]"
+        style={
+          {
+            '--icon-stroke': lightFill,
+            '--icon-stroke-dark': darkFill,
+          } as React.CSSProperties
+        }
+        strokeWidth="1"
+        d="M15.38 1.415h-14v10.18h14z"></path>
+    </svg>
+  );
+}

package/src/theme/Icon/ExternalLink/index.tsx

@@ -0,0 +1,30 @@
+
+
+import React, {type ReactNode} from 'react';
+import {translate} from '@docusaurus/Translate';
+import type {Props} from '@theme/Icon/ExternalLink';
+
+import styles from './styles.module.css';
+
+// References symbol in docusaurus-theme-seqera/src/inlineSvgSprites.ts
+// See why: https://github.com/facebook/docusaurus/issues/5865
+const svgSprite = '#theme-svg-external-link';
+
+export default function IconExternalLink({
+  width = 13.5,
+  height = 13.5,
+}: Props): ReactNode {
+  return (
+    <svg
+      width={width}
+      height={height}
+      aria-label={translate({
+        id: 'theme.IconExternalLink.ariaLabel',
+        message: '(opens in new tab)',
+        description: 'The ARIA label for the external link icon',
+      })}
+      className={styles.iconExternalLink}>
+      <use href={svgSprite} />
+    </svg>
+  );
+}

package/src/theme/Icon/ExternalLink/styles.module.css

@@ -0,0 +1,5 @@
+
+
+.iconExternalLink {
+  margin-left: 0.3rem;
+}