@seqera/docusaurus-theme-seqera 1.0.0

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

@@ -0,0 +1,372 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/SeqeraEnterprise';
+
+export default function IconSeqeraEnterprise({
+  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_5816_73040)">
+        <mask
+          id="mask0_5816_73040"
+          maskUnits="userSpaceOnUse"
+          x="0"
+          y="0"
+          width="24"
+          height="24">
+          <path d="M24 0H0V24H24V0Z" fill="white" />
+        </mask>
+        <g mask="url(#mask0_5816_73040)">
+          <path
+            d="M0.5 23.5V9.5L10.5 8.5V23.5"
+            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="M23.5 23.5V16L18.5 15V23.5"
+            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="M8.5 8.7V1.5L18.5 0.5V23.5"
+            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="M8.5 4L18.5 3"
+            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="M16.5 20.5H13.5V23.5H16.5V20.5Z"
+            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="M6.5 20.5H3.5V23.5H6.5V20.5Z"
+            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="M3.5 11.5H4.5"
+            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="M6.5 11.5H7.5"
+            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="M3.5 13.5H4.5"
+            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="M6.5 13.5H7.5"
+            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="M3.5 15.5H4.5"
+            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="M6.5 15.5H7.5"
+            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="M3.5 17.5H4.5"
+            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="M6.5 17.5H7.5"
+            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="M15.5 5.5H16.5"
+            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="M15.5 7.5H16.5"
+            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="M15.5 9.5H16.5"
+            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="M15.5 11.5H16.5"
+            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="M15.5 13.5H16.5"
+            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="M15.5 15.5H16.5"
+            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="M15.5 17.5H16.5"
+            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.5 5.5H13.5"
+            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.5 7.5H13.5"
+            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.5 9.5H13.5"
+            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.5 11.5H13.5"
+            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.5 13.5H13.5"
+            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.5 15.5H13.5"
+            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.5 17.5H13.5"
+            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="M20.5 18.5H21.5"
+            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="M20.5 20.5H21.5"
+            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="M0.5 23.5H23.5"
+            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"
+          />
+        </g>
+      </g>
+      <defs>
+        <clipPath id="clip0_5816_73040">
+          <rect width="24" height="24" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}

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

@@ -0,0 +1,22 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/SeqeraLogo';
+
+export default function IconSeqeraLogo({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg width="15" height="14" fill="none" viewBox="0 0 15 14" {...props}>
+      <path
+        className="fill-[var(--icon-stroke)] dark:fill-[var(--icon-stroke-dark)]"
+        style={
+          {
+            '--icon-stroke': lightFill,
+            '--icon-stroke-dark': darkFill,
+          } as React.CSSProperties
+        }
+        d="m14.513 7.581-.003-.048-.003-.048-.005-.048-.006-.047-.006-.047-.008-.048-.01-.047-.009-.047-.01-.046-.013-.047-.013-.046-.014-.046-.015-.046-.016-.046-.018-.044-.018-.045-.019-.044-.02-.044-.02-.044-.022-.043-.023-.042-.024-.042-.025-.042-.025-.041-.027-.04-.027-.04-.028-.04-.03-.039-.01-.012h-.432l.007.028.01.038.007.037.007.038.006.038.004.038.004.038.003.038.001.038v.11499999999999999l-.004.038-.004.038-.004.038-.006.038-.007.037-.008.039-.009.036-.01.037-.01.037-.012.037-.013.036-.014.036-.015.035-.016.036-.017.034-.017.034-.02.034-.02.033-.02.033-.022.032-.022.031-.023.031-.024.031-.025.03-.026.029-.026.028-.027.028-.029.027-.028.026-.03.026-.03.025-.03.023-.032.024-.033.023-.032.021-.034.02-.034.02-.034.02-.035.017-.035.018L12.79 8l-.037.015-.036.015-.038.013-.037.013-.037.011-.039.01-.039.01-.038.009-.039.008-.039.006-.04.005-.038.005-.04.004-.04.002-.039.002H0v1.807h12.224l.05-.002.05-.003.049-.004.05-.004.049-.005.049-.007.049-.008.048-.008.05-.01.048-.01.048-.012.048-.013.048-.013.047-.014.047-.017.047-.016.046-.017.046-.018.045-.02.046-.02.044-.021.044-.022.044-.023.043-.023.043-.026.041-.025.042-.026.041-.028.04-.028.04-.029.039-.03.039-.03.037-.032.037-.03.036-.034.035-.034.035-.034.034-.035.034-.035.032-.037.032-.037.03-.037.03-.039.03-.038.027-.04.028-.04.027-.04.025-.042.025-.041.024-.042.023-.043.022-.043.02-.043.02-.044.02-.044.017-.045.018-.045.016-.045.015-.046.014-.046.013-.046.012-.047.011-.047.01-.046.009-.047.008-.048.006-.047.006-.048.005-.048.003-.048.003-.047.002-.048V7.63zM.002 6.418l.003.048.004.047.004.048.006.048.007.047.008.047.008.048.01.047.011.046.013.047.012.046.015.046.015.046.016.045.017.045.018.045.02.044.019.044.02.044.022.042.024.043.023.042.025.042.026.04.026.041.027.04.029.04.029.039.01.012H.9l-.007-.03-.009-.036-.008-.038-.007-.037-.006-.038L.86 7.46l-.004-.038-.003-.038v-.039L.85 7.307l.001-.038.001-.038.003-.039.004-.037.004-.039.006-.037.007-.038.008-.038.009-.037.01-.037.01-.037.012-.036.014-.036.014-.036.015-.035.015-.036.017-.034.018-.034.019-.034.02-.033.02-.033.021-.032.023-.032.023-.03.025-.031.024-.03.026-.03.026-.027.028-.028.028-.027.029-.027.03-.025.03-.025.03-.024.032-.023.032-.023.033-.021.033-.021.034-.02.034-.019.035-.018.036-.017.036-.016.036-.016.036-.014.038-.013.037-.013.038-.011.038-.011.039-.01.038-.009.039-.007.04-.007.039-.005.039-.005.04-.003.039-.003.04-.001.04-.001h12.173V4.064H2.291l-.049.002-.05.003-.05.003-.05.004-.048.006-.05.007-.048.007-.049.009-.05.01-.048.01-.048.012-.047.012-.049.014-.047.014-.047.016-.046.016-.047.018-.046.018-.045.02-.045.02-.045.021-.044.021-.044.024-.043.023-.043.025-.041.026-.042.026-.04.028-.04.028-.041.028-.038.03-.04.03-.037.032-.037.032-.036.033-.035.033-.035.035-.034.035-.033.035-.033.037-.031.037-.03.037-.031.038-.03.04-.028.039-.027.04-.026.04-.026.042-.025.041-.023.041-.024.043-.021.044-.021.043-.02.044-.019.044-.018.045-.017.044-.016.046-.015.046-.015.046-.012.046-.013.046-.01.047-.01.047-.01.047-.007.048-.007.047-.006.048-.004.047-.004.048-.003.048L0 6.274v.096zM14.513 11.646l-.002-.048-.004-.047-.005-.048-.005-.048-.007-.047-.008-.048-.009-.047-.01-.047-.01-.047-.013-.046-.013-.046-.014-.047-.015-.044-.016-.046-.018-.045-.017-.044-.02-.045-.02-.044-.02-.043-.022-.044-.023-.042-.023-.042-.025-.042-.027-.041-.026-.04-.027-.04-.028-.04-.03-.039-.03-.038-.03-.037-.032-.038-.032-.035-.033-.036-.035-.035-.034-.035-.036-.033-.036-.033-.037-.032-.037-.031-.039-.03-.002-.003-.055.032-.048.027-.05.026-.006.003.013.023.018.035.016.034.016.035.015.036.014.035.013.036.012.037.01.037.011.037.009.037.007.037.007.038.006.038.005.038.004.038.002.038.002.039v.076l-.002.038-.002.038-.004.038-.005.039-.006.037-.007.038-.007.038-.009.037-.01.037-.01.037-.013.036-.013.037-.014.035-.015.036-.016.035-.016.034-.018.034-.02.034-.02.033-.02.033-.021.032-.023.032-.022.03-.025.031-.025.03-.025.03-.027.028-.027.027-.028.027-.03.026-.028.026-.03.025-.031.024-.032.023-.032.023-.033.02-.033.022-.034.02-.034.019-.036.018-.035.017-.036.016-.037.016-.036.014-.037.013-.038.013-.037.012-.038.01-.04.01-.037.008-.04.008-.038.006-.04.006-.04.005-.039.003-.04.002-.039.003H0V14h12.224l.05-.002.05-.002.049-.004.05-.004.05-.006.048-.007.05-.008.048-.008.049-.01.048-.01.048-.012.048-.012.048-.014.047-.014.047-.016.047-.017.047-.017.046-.018.045-.019.045-.02.044-.022.045-.022.043-.023.044-.023.042-.025.042-.026.042-.026.04-.027.04-.029.04-.029.04-.03.038-.03.037-.031.037-.032.036-.033.036-.033.034-.034.035-.036.033-.035.032-.036.032-.037.03-.038.03-.038.03-.04.028-.038.027-.04.027-.041.026-.041.025-.042.023-.042.023-.042.022-.043.02-.044.02-.044.02-.044.017-.044.018-.046.016-.045.015-.046.014-.046.013-.046.012-.047.011-.046.01-.047.009-.047.008-.047.007-.048.005-.048.005-.047.004-.048.002-.048.002-.048v-.096zM.002 2.353l.003.049.003.047.005.048.006.048.007.047.008.048.008.047.01.047.011.046.013.047.012.046.014.046.016.045.016.046.017.045.017.044.02.045.02.044.02.043.022.043.024.043.023.042.025.042.026.041.026.04.027.04.029.04.029.039.03.038.03.037.032.038.033.035.033.036.034.035.035.034.035.034.036.033.037.032.038.031.039.03.001.002.055-.031.048-.027.05-.027.007-.002-.013-.023L1 3.872l-.017-.035-.015-.035-.015-.036L.94 3.73l-.014-.035-.011-.037-.011-.037-.01-.037-.01-.037-.007-.037-.007-.038-.006-.038-.004-.038-.004-.038-.003-.038v-.039L.85 3.243l.001-.038.001-.038.003-.04.004-.037.004-.038.006-.037.007-.038.008-.038.009-.037.01-.037.01-.037.012-.036.014-.036.014-.036.015-.036.015-.035.017-.035.018-.033.019-.034.02-.033.02-.033.021-.032.023-.032.023-.03.025-.031.024-.03.026-.03.026-.028.028-.028.028-.027.029-.026.03-.025.029-.025.03-.024.033-.023.032-.023.033-.021.033-.021.034-.02.034-.019.035-.018.036-.017.036-.016.036-.016.036-.014.038-.013.037-.013.038-.012.038-.01.039-.01.038-.008.039-.008.04-.006.039-.006.039-.005.04-.003.039-.003.04-.002h12.213V0H2.291l-.049.002-.05.002-.05.004-.05.004-.049.006-.048.007-.05.007-.049.009-.048.01-.049.01-.048.012-.047.012L1.655.1l-.047.014-.047.016-.046.016-.047.018-.046.018L1.377.2l-.045.02-.045.021-.044.023-.044.023-.043.023-.043.025-.041.026-.042.026-.04.027-.04.028-.041.03-.038.03-.04.03-.037.03-.037.033-.036.033L.686.66.651.695.617.73.584.766.55.802.52.84.49.877.458.915l-.03.04-.028.038-.027.04-.026.041-.026.04-.025.043-.023.042-.024.042-.021.044-.021.043-.02.044-.02.044-.017.044-.017.045-.016.046-.016.045-.014.046-.012.047-.013.046-.01.047-.01.047-.01.047-.007.047-.007.048-.006.048-.005.047-.003.048-.003.048L0 2.21v.096z"></path>
+    </svg>
+  );
+}

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

@@ -0,0 +1,101 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/ServiceStatus';
+
+export default function IconServiceStatus({
+  lightFill = '#160F26',
+  darkFill = '#FFFFFF',
+  ...props
+}: Props): ReactNode {
+  return (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        d="M8.5 13.5L6.5 11.5V7.5L8.5 5.5"
+        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="M6.5 15.5L3.5 12.5V6.5L6.5 3.5"
+        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="M4.5 17.5L0.5 13.5V5.5L4.5 1.5"
+        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="M14.5 13.5L16.5 11.5V7.5L14.5 5.5"
+        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="M16.5 15.5L19.5 12.5V6.5L16.5 3.5"
+        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="M18.5 17.5L22.5 13.5V5.5L18.5 1.5"
+        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="M11.5 8L10 9.5L11.5 11L13.001 9.5L11.501 8H11.5Z"
+        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="M11.5 23.5V11"
+        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/Sidebar/index.tsx

@@ -0,0 +1,8 @@
+import React, {type ReactNode} from 'react';
+import type {Props} from '@theme/Icon/Sidebar';
+
+export default function IconSidebar(props: Props): ReactNode {
+  return (
+    <svg fill="none" height="24" stroke="currentColor" strokeLinecap="round" aria-hidden="true" {...props}strokeLinejoin="round" strokeWidth="0.7px" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><rect height="16" rx="2" width="16" x="4" y="4"></rect><path d="M9 4v16"></path><path d="M15 10l-2 2l2 2"></path></svg>
+  );
+}

package/src/theme/Icon/Socials/Bluesky/index.tsx

@@ -0,0 +1,23 @@
+
+
+import type {SVGProps, ReactNode, CSSProperties} from 'react';
+import clsx from 'clsx';
+import styles from './styles.module.css';
+
+// SVG Source: https://svgl.app/
+function Bluesky(props: SVGProps<SVGSVGElement>): ReactNode {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="1em"
+      height="1em"
+      preserveAspectRatio="xMidYMid"
+      viewBox="0 0 256 226"
+      style={{'--dark': '#0085ff', '--light': '#0085ff'} as CSSProperties}
+      {...props}
+      className={clsx(props.className, styles.blueskySvg)}>
+      <path d="M55.491 15.172c29.35 22.035 60.917 66.712 72.509 90.686 11.592-23.974 43.159-68.651 72.509-90.686C221.686-.727 256-13.028 256 26.116c0 7.818-4.482 65.674-7.111 75.068-9.138 32.654-42.436 40.983-72.057 35.942 51.775 8.812 64.946 38 36.501 67.187-54.021 55.433-77.644-13.908-83.696-31.676-1.11-3.257-1.63-4.78-1.637-3.485-.008-1.296-.527.228-1.637 3.485-6.052 17.768-29.675 87.11-83.696 31.676-28.445-29.187-15.274-58.375 36.5-67.187-29.62 5.041-62.918-3.288-72.056-35.942C4.482 91.79 0 33.934 0 26.116 0-13.028 34.314-.727 55.491 15.172Z" />
+    </svg>
+  );
+}
+export default Bluesky;

package/src/theme/Icon/Socials/Bluesky/styles.module.css

@@ -0,0 +1,9 @@
+
+
+[data-theme='dark'] .blueskySvg {
+  fill: var(--light);
+}
+
+[data-theme='light'] .blueskySvg {
+  fill: var(--dark);
+}

package/src/theme/Icon/Socials/Default/index.tsx

@@ -0,0 +1,28 @@
+
+
+import type {ReactNode, SVGProps} from 'react';
+
+// SVG Source: https://github.com/tabler/tabler-icons
+function DefaultSocial(props: SVGProps<SVGSVGElement>): ReactNode {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="1em"
+      height="1em"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}>
+      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+      <path d="M1.2 12a10.8 10.8 0 1 0 21.6 0a10.8 10.8 0 0 0 -21.6 0" />
+      <path d="M1.92 8.4h20.16" />
+      <path d="M1.92 15.6h20.16" />
+      <path d="M11.4 1.2a20.4 20.4 0 0 0 0 21.6" />
+      <path d="M12.6 1.2a20.4 20.4 0 0 1 0 21.6" />
+    </svg>
+  );
+}
+export default DefaultSocial;

package/src/theme/Icon/Socials/Email/index.tsx

@@ -0,0 +1,23 @@
+
+
+import type {ReactNode, SVGProps} from 'react';
+
+// SVG Source: https://github.com/tabler/tabler-icons
+function Email(props: SVGProps<SVGSVGElement>): ReactNode {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      {...props}>
+      <path stroke="none" d="M0 0h24v24H0z" />
+      <path d="M7.2 12a4.8 4.8 0 1 0 9.6 0 4.8 4.8 0 1 0-9.6 0" />
+      <path d="M16.8 12v1.8a3 3 0 0 0 6 0V12a10.8 10.8 0 1 0-6.6 9.936" />
+    </svg>
+  );
+}
+export default Email;

package/src/theme/Icon/Socials/GitHub/index.tsx

@@ -0,0 +1,24 @@
+
+
+import type {ReactNode, SVGProps, CSSProperties} from 'react';
+
+import clsx from 'clsx';
+import styles from './styles.module.css';
+
+// SVG Source: https://svgl.app/
+function GitHub(props: SVGProps<SVGSVGElement>): ReactNode {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="1em"
+      height="1em"
+      viewBox="0 0 256 250"
+      preserveAspectRatio="xMidYMid"
+      style={{'--dark': '#000', '--light': '#fff'} as CSSProperties}
+      {...props}
+      className={clsx(props.className, styles.githubSvg)}>
+      <path d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 1 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z" />
+    </svg>
+  );
+}
+export default GitHub;

package/src/theme/Icon/Socials/GitHub/styles.module.css

@@ -0,0 +1,9 @@
+
+
+[data-theme='dark'] .githubSvg {
+  fill: var(--light);
+}
+
+[data-theme='light'] .githubSvg {
+  fill: var(--dark);
+}

package/src/theme/Icon/Socials/Instagram/index.tsx

@@ -0,0 +1,23 @@
+
+import type {SVGProps, ReactNode, CSSProperties} from 'react';
+import clsx from 'clsx';
+import styles from './styles.module.css';
+
+// SVG Source: https://svgl.app/
+function Instagram(props: SVGProps<SVGSVGElement>): ReactNode {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="1em"
+      height="1em"
+      preserveAspectRatio="xMidYMid"
+      viewBox="0 0 256 256"
+      style={{'--dark': '#000', '--light': '#fff'} as CSSProperties}
+      {...props}
+      className={clsx(props.className, styles.instagramSvg)}>
+      <path d="M128 23.064c34.177 0 38.225.13 51.722.745 12.48.57 19.258 2.655 23.769 4.408 5.974 2.322 10.238 5.096 14.717 9.575 4.48 4.479 7.253 8.743 9.575 14.717 1.753 4.511 3.838 11.289 4.408 23.768.615 13.498.745 17.546.745 51.723 0 34.178-.13 38.226-.745 51.723-.57 12.48-2.655 19.257-4.408 23.768-2.322 5.974-5.096 10.239-9.575 14.718-4.479 4.479-8.743 7.253-14.717 9.574-4.511 1.753-11.289 3.839-23.769 4.408-13.495.616-17.543.746-51.722.746-34.18 0-38.228-.13-51.723-.746-12.48-.57-19.257-2.655-23.768-4.408-5.974-2.321-10.239-5.095-14.718-9.574-4.479-4.48-7.253-8.744-9.574-14.718-1.753-4.51-3.839-11.288-4.408-23.768-.616-13.497-.746-17.545-.746-51.723 0-34.177.13-38.225.746-51.722.57-12.48 2.655-19.258 4.408-23.769 2.321-5.974 5.095-10.238 9.574-14.717 4.48-4.48 8.744-7.253 14.718-9.575 4.51-1.753 11.288-3.838 23.768-4.408 13.497-.615 17.545-.745 51.723-.745M128 0C93.237 0 88.878.147 75.226.77c-13.625.622-22.93 2.786-31.071 5.95-8.418 3.271-15.556 7.648-22.672 14.764C14.367 28.6 9.991 35.738 6.72 44.155 3.555 52.297 1.392 61.602.77 75.226.147 88.878 0 93.237 0 128c0 34.763.147 39.122.77 52.774.622 13.625 2.785 22.93 5.95 31.071 3.27 8.417 7.647 15.556 14.763 22.672 7.116 7.116 14.254 11.492 22.672 14.763 8.142 3.165 17.446 5.328 31.07 5.95 13.653.623 18.012.77 52.775.77s39.122-.147 52.774-.77c13.624-.622 22.929-2.785 31.07-5.95 8.418-3.27 15.556-7.647 22.672-14.763 7.116-7.116 11.493-14.254 14.764-22.672 3.164-8.142 5.328-17.446 5.95-31.07.623-13.653.77-18.012.77-52.775s-.147-39.122-.77-52.774c-.622-13.624-2.786-22.929-5.95-31.07-3.271-8.418-7.648-15.556-14.764-22.672C227.4 14.368 220.262 9.99 211.845 6.72c-8.142-3.164-17.447-5.328-31.071-5.95C167.122.147 162.763 0 128 0Zm0 62.27C91.698 62.27 62.27 91.7 62.27 128c0 36.302 29.428 65.73 65.73 65.73 36.301 0 65.73-29.428 65.73-65.73 0-36.301-29.429-65.73-65.73-65.73Zm0 108.397c-23.564 0-42.667-19.103-42.667-42.667S104.436 85.333 128 85.333s42.667 19.103 42.667 42.667-19.103 42.667-42.667 42.667Zm83.686-110.994c0 8.484-6.876 15.36-15.36 15.36-8.483 0-15.36-6.876-15.36-15.36 0-8.483 6.877-15.36 15.36-15.36 8.484 0 15.36 6.877 15.36 15.36Z" />
+    </svg>
+  );
+}
+
+export default Instagram;