doccupine 0.0.124 → 0.0.126

package/dist/templates/components/layout/Mermaid.js

@@ -0,0 +1,342 @@
+export const mermaidViewTemplate = `"use client";
+import { useCallback, useEffect, useRef, useState } from "react";
+import styled, { css } from "styled-components";
+import { interactiveStyles, resetButton } from "cherry-styled-components";
+import { Theme } from "@/app/theme";
+import { Icon } from "@/components/layout/Icon";
+
+const MIN_SCALE = 0.5;
+const MAX_SCALE = 4;
+const SCALE_STEP = 0.25;
+const PAN_STEP = 48;
+const AUTO_ACTIONS_MIN_HEIGHT = 120;
+
+export type MermaidPlacement =
+  "top-left" | "top-right" | "bottom-left" | "bottom-right";
+
+interface MermaidViewProps {
+  svg: string;
+  width?: number | null;
+  placement?: MermaidPlacement;
+  actions?: boolean;
+  theme?: Theme;
+}
+
+const Viewport = styled.div<{ $draggable: boolean; $dragging: boolean }>\`
+  overflow: hidden;
+  padding: 16px;
+  \${({ $draggable, $dragging }) =>
+    $draggable &&
+    css\`
+      cursor: \${$dragging ? "grabbing" : "grab"};
+      user-select: none;
+    \`}
+\`;
+
+const Stage = styled.div<{
+  $scale: number;
+  $x: number;
+  $y: number;
+  $dragging: boolean;
+}>\`
+  transform: translate(\${({ $x }) => $x}px, \${({ $y }) => $y}px)
+    scale(\${({ $scale }) => $scale});
+  transform-origin: center center;
+  transition: \${({ $dragging }) =>
+    $dragging ? "none" : "transform 0.15s ease-out"};
+  margin: 0 auto;
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+
+  & > svg {
+    display: block;
+    width: 100%;
+    height: auto;
+    margin: 0 auto;
+  }
+\`;
+
+const Figure = styled.figure<{ theme: Theme }>\`
+  position: relative;
+  flex-shrink: 0;
+  margin: 0;
+  padding: 0;
+  border: solid 1px \${({ theme }) => theme.colors.grayLight};
+  border-radius: \${({ theme }) => theme.spacing.radius.lg};
+  background: \${({ theme }) => theme.colors.light};
+  overflow: hidden;
+
+  &:fullscreen {
+    border: none;
+    border-radius: 0;
+
+    \${Viewport} {
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    \${Stage} {
+      width: 100%;
+      height: 100%;
+    }
+
+    \${Stage} > svg {
+      height: 100%;
+    }
+  }
+\`;
+
+const Controls = styled.div<{ theme: Theme; $placement: MermaidPlacement }>\`
+  position: absolute;
+  \${({ $placement }) => {
+    const [vertical, horizontal] = $placement.split("-");
+    return css\`
+      \${vertical}: 8px;
+      \${horizontal}: 8px;
+    \`;
+  }}
+  display: grid;
+  grid-template-columns: repeat(3, 24px);
+  grid-template-rows: repeat(3, 24px);
+  gap: 2px;
+  padding: 4px;
+  border: solid 1px \${({ theme }) => theme.colors.grayLight};
+  border-radius: \${({ theme }) => theme.spacing.radius.xs};
+  background: \${({ theme }) => theme.colors.light};
+  box-shadow: \${({ theme }) => theme.shadows.sm};
+\`;
+
+const ControlButton = styled.button<{ theme: Theme }>\`
+  \${resetButton};
+  \${interactiveStyles};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  color: \${({ theme }) => theme.colors.grayDark};
+  cursor: pointer;
+
+  &:hover:not(:disabled) {
+    background: \${({ theme }) => theme.colors.grayLight};
+    color: \${({ theme }) => theme.colors.dark};
+  }
+
+  &:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+\`;
+
+function MermaidView({
+  svg,
+  width,
+  placement = "bottom-right",
+  actions,
+  ...props
+}: MermaidViewProps) {
+  const [scale, setScale] = useState(1);
+  const [offset, setOffset] = useState({ x: 0, y: 0 });
+  const [autoShow, setAutoShow] = useState(false);
+  const [dragging, setDragging] = useState(false);
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const [canFullscreen, setCanFullscreen] = useState(false);
+  const viewportRef = useRef<HTMLDivElement>(null);
+  const figureRef = useRef<HTMLElement>(null);
+  const dragStart = useRef<{
+    x: number;
+    y: number;
+    ox: number;
+    oy: number;
+  } | null>(null);
+
+  useEffect(() => {
+    if (actions !== undefined) return;
+    const element = viewportRef.current;
+    if (!element || typeof ResizeObserver === "undefined") return;
+
+    const measure = () => {
+      setAutoShow(
+        element.getBoundingClientRect().height > AUTO_ACTIONS_MIN_HEIGHT,
+      );
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [actions]);
+
+  useEffect(() => {
+    setCanFullscreen(Boolean(document.fullscreenEnabled));
+    const onChange = () =>
+      setIsFullscreen(document.fullscreenElement === figureRef.current);
+    document.addEventListener("fullscreenchange", onChange);
+    return () => document.removeEventListener("fullscreenchange", onChange);
+  }, []);
+
+  const showControls = actions ?? autoShow;
+
+  const zoom = useCallback((delta: number) => {
+    setScale((current) =>
+      Math.min(
+        MAX_SCALE,
+        Math.max(MIN_SCALE, Math.round((current + delta) * 100) / 100),
+      ),
+    );
+  }, []);
+
+  const pan = useCallback((x: number, y: number) => {
+    setOffset((current) => ({ x: current.x + x, y: current.y + y }));
+  }, []);
+
+  const reset = useCallback(() => {
+    setScale(1);
+    setOffset({ x: 0, y: 0 });
+  }, []);
+
+  const toggleFullscreen = useCallback(() => {
+    const element = figureRef.current;
+    if (!element) return;
+    if (document.fullscreenElement === element) {
+      void document.exitFullscreen().catch(() => {});
+    } else {
+      void element.requestFullscreen().catch(() => {});
+    }
+  }, []);
+
+  const handlePointerDown = (event: React.PointerEvent<HTMLDivElement>) => {
+    if (!showControls || event.pointerType !== "mouse" || event.button !== 0) {
+      return;
+    }
+    event.currentTarget.setPointerCapture(event.pointerId);
+    dragStart.current = {
+      x: event.clientX,
+      y: event.clientY,
+      ox: offset.x,
+      oy: offset.y,
+    };
+    setDragging(true);
+  };
+
+  const handlePointerMove = (event: React.PointerEvent<HTMLDivElement>) => {
+    const start = dragStart.current;
+    if (!start) return;
+    setOffset({
+      x: start.ox + (event.clientX - start.x),
+      y: start.oy + (event.clientY - start.y),
+    });
+  };
+
+  const endDrag = (event: React.PointerEvent<HTMLDivElement>) => {
+    if (!dragStart.current) return;
+    dragStart.current = null;
+    setDragging(false);
+    if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+      event.currentTarget.releasePointerCapture(event.pointerId);
+    }
+  };
+
+  const isReset = scale === 1 && offset.x === 0 && offset.y === 0;
+
+  return (
+    <Figure ref={figureRef} {...props}>
+      <Viewport
+        ref={viewportRef}
+        $draggable={showControls}
+        $dragging={dragging}
+        onPointerDown={handlePointerDown}
+        onPointerMove={handlePointerMove}
+        onPointerUp={endDrag}
+        onPointerCancel={endDrag}
+      >
+        <Stage
+          $scale={scale}
+          $x={offset.x}
+          $y={offset.y}
+          $dragging={dragging}
+          style={
+            width && !isFullscreen ? { maxWidth: \`\${width}px\` } : undefined
+          }
+          dangerouslySetInnerHTML={{ __html: svg }}
+        />
+      </Viewport>
+
+      {showControls && (
+        <Controls $placement={placement}>
+          <ControlButton
+            type="button"
+            aria-label="Zoom out"
+            onClick={() => zoom(-SCALE_STEP)}
+            disabled={scale <= MIN_SCALE}
+          >
+            <Icon name="zoom-out" size={14} />
+          </ControlButton>
+          <ControlButton
+            type="button"
+            aria-label="Pan up"
+            onClick={() => pan(0, -PAN_STEP)}
+          >
+            <Icon name="chevron-up" size={14} />
+          </ControlButton>
+          <ControlButton
+            type="button"
+            aria-label="Zoom in"
+            onClick={() => zoom(SCALE_STEP)}
+            disabled={scale >= MAX_SCALE}
+          >
+            <Icon name="zoom-in" size={14} />
+          </ControlButton>
+
+          <ControlButton
+            type="button"
+            aria-label="Pan left"
+            onClick={() => pan(-PAN_STEP, 0)}
+          >
+            <Icon name="chevron-left" size={14} />
+          </ControlButton>
+          <ControlButton
+            type="button"
+            aria-label="Reset view"
+            onClick={reset}
+            disabled={isReset}
+          >
+            <Icon name="rotate-ccw" size={14} />
+          </ControlButton>
+          <ControlButton
+            type="button"
+            aria-label="Pan right"
+            onClick={() => pan(PAN_STEP, 0)}
+          >
+            <Icon name="chevron-right" size={14} />
+          </ControlButton>
+
+          {canFullscreen ? (
+            <ControlButton
+              type="button"
+              aria-label={isFullscreen ? "Exit full screen" : "Full screen"}
+              onClick={toggleFullscreen}
+            >
+              <Icon name={isFullscreen ? "minimize" : "maximize"} size={14} />
+            </ControlButton>
+          ) : (
+            <span />
+          )}
+          <ControlButton
+            type="button"
+            aria-label="Pan down"
+            onClick={() => pan(0, PAN_STEP)}
+          >
+            <Icon name="chevron-down" size={14} />
+          </ControlButton>
+          <span />
+        </Controls>
+      )}
+    </Figure>
+  );
+}
+
+export { MermaidView };
+`;

package/dist/templates/components/layout/Pictograms.d.ts

@@ -1 +1 @@
-export declare const pictogramsTemplate = "\"use client\";\nimport React from \"react\";\n\ninterface Props extends React.SVGProps<SVGSVGElement> {\n  className?: string;\n}\n\nfunction Logo({ ...props }: Props) {\n  return (\n    <svg\n      width=\"164\"\n      height=\"30\"\n      viewBox=\"0 0 164 30\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        d=\"M153.351 22.5766V7.4697H163.531V10.1031H156.545V13.7028H163.007V16.3362H156.545V19.9432H163.56V22.5766H153.351Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M150.712 7.4697V22.5766H147.954L141.381 13.0684H141.271V22.5766H138.077V7.4697H140.88L147.4 16.9705H147.533V7.4697H150.712Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M135.449 7.4697V22.5766H132.255V7.4697H135.449Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M118.806 22.5766V7.4697H124.766C125.912 7.4697 126.888 7.68853 127.694 8.1262C128.501 8.55895 129.115 9.16136 129.538 9.93342C129.966 10.7006 130.18 11.5857 130.18 12.5889C130.18 13.5921 129.964 14.4773 129.531 15.2444C129.098 16.0116 128.471 16.6091 127.65 17.0369C126.834 17.4647 125.845 17.6787 124.685 17.6787H120.886V15.119H124.168C124.783 15.119 125.29 15.0133 125.688 14.8019C126.091 14.5855 126.391 14.288 126.588 13.9093C126.789 13.5257 126.89 13.0856 126.89 12.5889C126.89 12.0873 126.789 11.6497 126.588 11.2759C126.391 10.8973 126.091 10.6047 125.688 10.3981C125.285 10.1867 124.773 10.0809 124.154 10.0809H122V22.5766H118.806Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M112.984 7.4697H116.178V17.2803C116.178 18.3819 115.915 19.3457 115.388 20.1719C114.867 20.9981 114.137 21.6423 113.198 22.1045C112.258 22.5619 111.164 22.7905 109.915 22.7905C108.661 22.7905 107.565 22.5619 106.625 22.1045C105.686 21.6423 104.956 20.9981 104.434 20.1719C103.913 19.3457 103.653 18.3819 103.653 17.2803V7.4697H106.847V17.0074C106.847 17.5828 106.972 18.0942 107.223 18.5417C107.478 18.9892 107.837 19.3408 108.3 19.5965C108.762 19.8523 109.3 19.9801 109.915 19.9801C110.535 19.9801 111.073 19.8523 111.531 19.5965C111.993 19.3408 112.349 18.9892 112.6 18.5417C112.856 18.0942 112.984 17.5828 112.984 17.0074V7.4697Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M101.362 12.7586H98.1313C98.0723 12.3406 97.9518 11.9693 97.7699 11.6448C97.5879 11.3153 97.3543 11.035 97.0691 10.8038C96.7839 10.5727 96.4544 10.3957 96.0807 10.2727C95.7119 10.1498 95.3111 10.0883 94.8783 10.0883C94.0964 10.0883 93.4153 10.2826 92.8351 10.6711C92.2548 11.0546 91.8048 11.6152 91.4852 12.3529C91.1655 13.0856 91.0057 13.9757 91.0057 15.0232C91.0057 16.1001 91.1655 17.005 91.4852 17.7377C91.8097 18.4704 92.2622 19.0236 92.8424 19.3974C93.4227 19.7711 94.094 19.958 94.8562 19.958C95.284 19.958 95.6799 19.9014 96.0438 19.7883C96.4126 19.6752 96.7396 19.5105 97.0249 19.2941C97.3101 19.0728 97.5461 18.8048 97.733 18.4901C97.9248 18.1753 98.0576 17.8164 98.1313 17.4131L101.362 17.4279C101.279 18.1213 101.07 18.79 100.735 19.4343C100.406 20.0735 99.9607 20.6464 99.4001 21.153C98.8444 21.6546 98.1805 22.0529 97.4084 22.3479C96.6413 22.6381 95.7733 22.7832 94.8046 22.7832C93.4571 22.7832 92.2523 22.4783 91.1901 21.8685C90.1328 21.2587 89.2968 20.376 88.6821 19.2203C88.0723 18.0647 87.7675 16.6656 87.7675 15.0232C87.7675 13.3758 88.0773 11.9742 88.6969 10.8186C89.3165 9.66296 90.1574 8.7827 91.2196 8.17784C92.2818 7.56805 93.4768 7.26316 94.8046 7.26316C95.6799 7.26316 96.4913 7.3861 97.2388 7.63198C97.9912 7.87786 98.6575 8.23685 99.2378 8.70894C99.8181 9.17611 100.29 9.74901 100.654 10.4276C101.023 11.1063 101.259 11.8833 101.362 12.7586Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M85.7427 12.7586H82.5118C82.4528 12.3406 82.3323 11.9693 82.1504 11.6448C81.9684 11.3153 81.7348 11.035 81.4496 10.8038C81.1644 10.5727 80.8349 10.3957 80.4612 10.2727C80.0924 10.1498 79.6916 10.0883 79.2588 10.0883C78.4769 10.0883 77.7958 10.2826 77.2156 10.6711C76.6353 11.0546 76.1853 11.6152 75.8657 12.3529C75.546 13.0856 75.3862 13.9757 75.3862 15.0232C75.3862 16.1001 75.546 17.005 75.8657 17.7377C76.1902 18.4704 76.6427 19.0236 77.2229 19.3974C77.8032 19.7711 78.4745 19.958 79.2367 19.958C79.6645 19.958 80.0604 19.9014 80.4243 19.7883C80.7931 19.6752 81.1201 19.5105 81.4054 19.2941C81.6906 19.0728 81.9266 18.8048 82.1135 18.4901C82.3053 18.1753 82.4381 17.8164 82.5118 17.4131L85.7427 17.4279C85.6591 18.1213 85.4501 18.79 85.1157 19.4343C84.7862 20.0735 84.3412 20.6464 83.7806 21.153C83.2249 21.6546 82.561 22.0529 81.7889 22.3479C81.0218 22.6381 80.1538 22.7832 79.1851 22.7832C77.8376 22.7832 76.6328 22.4783 75.5706 21.8685C74.5133 21.2587 73.6773 20.376 73.0626 19.2203C72.4528 18.0647 72.1479 16.6656 72.1479 15.0232C72.1479 13.3758 72.4578 11.9742 73.0774 10.8186C73.697 9.66296 74.5379 8.7827 75.6001 8.17784C76.6623 7.56805 77.8573 7.26316 79.1851 7.26316C80.0604 7.26316 80.8718 7.3861 81.6193 7.63198C82.3717 7.87786 83.038 8.23685 83.6183 8.70894C84.1986 9.17611 84.6707 9.74901 85.0346 10.4276C85.4034 11.1063 85.6394 11.8833 85.7427 12.7586Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M70.0475 15.0232C70.0475 16.6706 69.7352 18.0721 69.1107 19.2277C68.4911 20.3834 67.6453 21.2661 66.5732 21.8759C65.5061 22.4807 64.3062 22.7832 62.9735 22.7832C61.631 22.7832 60.4262 22.4783 59.3591 21.8685C58.292 21.2587 57.4486 20.376 56.829 19.2203C56.2093 18.0647 55.8995 16.6656 55.8995 15.0232C55.8995 13.3758 56.2093 11.9742 56.829 10.8186C57.4486 9.66296 58.292 8.7827 59.3591 8.17784C60.4262 7.56805 61.631 7.26316 62.9735 7.26316C64.3062 7.26316 65.5061 7.56805 66.5732 8.17784C67.6453 8.7827 68.4911 9.66296 69.1107 10.8186C69.7352 11.9742 70.0475 13.3758 70.0475 15.0232ZM66.8093 15.0232C66.8093 13.956 66.6494 13.0561 66.3298 12.3234C66.0151 11.5907 65.57 11.035 64.9947 10.6563C64.4193 10.2777 63.7456 10.0883 62.9735 10.0883C62.2015 10.0883 61.5277 10.2777 60.9524 10.6563C60.377 11.035 59.9295 11.5907 59.6099 12.3234C59.2951 13.0561 59.1378 13.956 59.1378 15.0232C59.1378 16.0903 59.2951 16.9902 59.6099 17.7229C59.9295 18.4557 60.377 19.0113 60.9524 19.39C61.5277 19.7687 62.2015 19.958 62.9735 19.958C63.7456 19.958 64.4193 19.7687 64.9947 19.39C65.57 19.0113 66.0151 18.4557 66.3298 17.7229C66.6494 16.9902 66.8093 16.0903 66.8093 15.0232Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M46.4079 22.5766H41.0526V7.4697H46.4522C47.9717 7.4697 49.2798 7.77213 50.3764 8.377C51.473 8.97694 52.3164 9.83999 52.9065 10.9661C53.5016 12.0923 53.7991 13.4397 53.7991 15.0084C53.7991 16.582 53.5016 17.9344 52.9065 19.0654C52.3164 20.1965 51.4681 21.0644 50.3617 21.6693C49.2601 22.2742 47.9422 22.5766 46.4079 22.5766ZM44.2466 19.84H46.2751C47.2193 19.84 48.0135 19.6728 48.6577 19.3384C49.3068 18.999 49.7937 18.4753 50.1182 17.7672C50.4477 17.0541 50.6125 16.1345 50.6125 15.0084C50.6125 13.8921 50.4477 12.9799 50.1182 12.2717C49.7937 11.5636 49.3093 11.0423 48.6651 10.7079C48.0209 10.3735 47.2267 10.2063 46.2825 10.2063H44.2466V19.84Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 5.1544e-07 15 0ZM17.46 6.63281C17.3329 6.6583 17.2664 6.76163 17.2344 6.86426C17.2026 6.96625 17.1945 7.09548 17.2002 7.23633C17.2118 7.52094 17.2808 7.89734 17.3779 8.30176C17.5178 8.88356 17.7201 9.53957 17.9082 10.0967C17.3504 9.47631 16.6424 8.72017 15.9775 8.0752C15.5538 7.66414 15.1444 7.29572 14.8018 7.03516C14.6307 6.9051 14.4724 6.79901 14.335 6.72852C14.2041 6.66146 14.0675 6.61313 13.9492 6.63281C13.8849 6.64355 13.8274 6.6734 13.7852 6.72461C13.7448 6.77375 13.7249 6.83378 13.7168 6.8916C13.7012 7.00406 13.7248 7.14351 13.7656 7.29199C13.8488 7.59395 14.0254 7.99367 14.2441 8.42383C14.588 9.09999 15.0456 9.87052 15.4395 10.4961C14.6276 9.98813 13.5693 9.37252 12.5928 8.90137C12.0015 8.6161 11.4342 8.38126 10.9678 8.25586C10.735 8.19331 10.521 8.15609 10.3389 8.15625C10.1589 8.15649 9.99165 8.19337 9.87109 8.29688C9.74997 8.40095 9.70176 8.53855 9.71289 8.68848C9.7235 8.83104 9.78668 8.98219 9.87793 9.13281C10.0612 9.4352 10.385 9.7802 10.7656 10.127C11.2592 10.5766 11.8635 11.0425 12.4219 11.4404C11.614 11.1521 10.6656 10.8394 9.79688 10.6074C9.17224 10.4406 8.58351 10.3143 8.11719 10.2676C7.88462 10.2443 7.67649 10.2402 7.50684 10.2637C7.34178 10.2865 7.1881 10.3389 7.09473 10.4512C6.99513 10.5711 6.99361 10.7136 7.04688 10.8467C7.09752 10.9731 7.20024 11.1014 7.3291 11.2275C7.58899 11.482 7.9953 11.7644 8.45996 12.0449C9.14977 12.4613 9.98572 12.884 10.7051 13.2207C9.89668 13.1479 8.93696 13.0925 8.1084 13.1074C7.55332 13.1174 7.0472 13.1597 6.68359 13.2529C6.50321 13.2992 6.34583 13.3613 6.23438 13.4473C6.11815 13.537 6.04297 13.6616 6.0625 13.8184C6.09513 14.079 6.30546 14.286 6.56738 14.4482C6.83507 14.614 7.18869 14.754 7.56836 14.8701C8.09797 15.032 8.692 15.1512 9.20312 15.2305C8.54341 15.4231 7.73337 15.6854 6.98828 15.9785C6.49407 16.173 6.02484 16.382 5.64648 16.5947C5.2741 16.8041 4.96906 17.0282 4.8252 17.2588C4.75164 17.3767 4.71767 17.5019 4.75879 17.6221C4.79906 17.739 4.8992 17.8159 5.00781 17.8672C5.22324 17.9688 5.56067 18.0105 5.93262 18.0205C6.52855 18.0364 7.26666 17.9713 7.88184 17.8916C7.33281 18.3337 6.65515 18.8997 6.08984 19.415C5.74179 19.7324 5.43264 20.0338 5.22266 20.2764C5.11838 20.3969 5.03364 20.5087 4.98145 20.6035C4.9556 20.6505 4.93442 20.7003 4.9248 20.749C4.91531 20.7976 4.91453 20.8611 4.95215 20.918C4.97838 20.9574 5.01587 20.9879 5.05176 21.0107C5.08893 21.0344 5.13311 21.0557 5.18066 21.0752C5.27578 21.1143 5.39716 21.1506 5.53516 21.1846C5.81212 21.2526 6.17221 21.3144 6.55859 21.3691C7.30406 21.4747 8.16195 21.5543 8.74902 21.5977C9.20157 22.3369 10.2013 23.3651 12.2119 23.3652C13.418 23.3652 14.1421 23.1765 14.5498 22.8857C14.7566 22.7382 14.8822 22.5635 14.9453 22.377C15.0079 22.1918 15.0062 22.0031 14.9717 21.8301C14.9394 21.6689 14.8413 21.534 14.7197 21.4238C14.5977 21.3133 14.4438 21.22 14.2842 21.1436C14.2181 21.1119 14.1494 21.0835 14.0811 21.0566L17.5273 20.8535C17.6778 21.2254 17.9076 21.6963 18.1963 22.0869C18.5019 22.5002 18.901 22.8611 19.3672 22.8613C19.8718 22.8613 20.3874 22.8306 20.7793 22.7324C20.9744 22.6835 21.1493 22.6145 21.2783 22.5176C21.411 22.4178 21.502 22.2817 21.502 22.1064C21.5018 21.9074 21.386 21.6903 21.2471 21.4824C21.1049 21.2697 20.9155 21.0353 20.7383 20.8037C20.5582 20.5682 20.3876 20.3316 20.2695 20.1025C20.1509 19.8723 20.0932 19.6646 20.1191 19.4824C20.143 19.3154 20.2566 19.1777 20.4639 19.0537C20.6723 18.9291 20.9568 18.8304 21.2852 18.7363C21.4483 18.6896 21.6195 18.644 21.7949 18.5977C21.9697 18.5515 22.149 18.5047 22.3252 18.4531C22.6769 18.3501 23.0255 18.2286 23.3203 18.0645C23.9018 17.7406 24.3856 17.288 24.7246 16.835C25.06 16.3867 25.2676 15.9185 25.2676 15.5635C25.2674 15.4487 25.2136 15.3274 25.1406 15.2109C25.0654 15.0908 24.9581 14.9587 24.8301 14.8174C24.5737 14.5343 24.2189 14.2013 23.8232 13.8408C23.0277 13.116 22.0623 12.2734 21.3447 11.4551C20.5698 10.5712 19.7593 9.35811 19.0732 8.36914C18.732 7.87727 18.4198 7.43917 18.1611 7.12988C18.0322 6.97574 17.9119 6.84807 17.8047 6.76172C17.7513 6.71875 17.6968 6.68283 17.6426 6.65918C17.5887 6.63571 17.5253 6.61978 17.46 6.63281ZM20.623 14.0547C21.0389 14.0548 21.376 14.3362 21.376 14.6836C21.3758 15.0309 21.0388 15.3124 20.623 15.3125C20.2072 15.3125 19.8703 15.0309 19.8701 14.6836C19.8701 14.3362 20.2071 14.0547 20.623 14.0547Z\"\n        fill=\"#3B82F6\"\n      />\n    </svg>\n  );\n}\n\nfunction GitHubLogo({ ...props }: Props) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <g clipPath=\"url(#clip0_7690_51)\">\n        <path\n          d=\"M5.43437 12.4187C5.43437 12.4812 5.3625 12.5312 5.27187 12.5312C5.16875 12.5406 5.09688 12.4906 5.09688 12.4187C5.09688 12.3562 5.16875 12.3062 5.25938 12.3062C5.35313 12.2969 5.43437 12.3469 5.43437 12.4187ZM4.4625 12.2781C4.44063 12.3406 4.50313 12.4125 4.59688 12.4312C4.67813 12.4625 4.77188 12.4312 4.79063 12.3687C4.80938 12.3062 4.75 12.2344 4.65625 12.2063C4.575 12.1844 4.48438 12.2156 4.4625 12.2781ZM5.84375 12.225C5.75312 12.2469 5.69062 12.3063 5.7 12.3781C5.70937 12.4406 5.79063 12.4813 5.88438 12.4594C5.975 12.4375 6.0375 12.3781 6.02812 12.3156C6.01875 12.2563 5.93438 12.2156 5.84375 12.225ZM7.9 0.25C3.56563 0.25 0.25 3.54063 0.25 7.875C0.25 11.3406 2.43125 14.3063 5.54688 15.35C5.94688 15.4219 6.0875 15.175 6.0875 14.9719C6.0875 14.7781 6.07812 13.7094 6.07812 13.0531C6.07812 13.0531 3.89063 13.5219 3.43125 12.1219C3.43125 12.1219 3.075 11.2125 2.5625 10.9781C2.5625 10.9781 1.84687 10.4875 2.6125 10.4969C2.6125 10.4969 3.39062 10.5594 3.81875 11.3031C4.50312 12.5094 5.65 12.1625 6.09688 11.9563C6.16875 11.4563 6.37188 11.1094 6.59688 10.9031C4.85 10.7094 3.0875 10.4562 3.0875 7.45C3.0875 6.59062 3.325 6.15938 3.825 5.60938C3.74375 5.40625 3.47813 4.56875 3.90625 3.4875C4.55937 3.28437 6.0625 4.33125 6.0625 4.33125C6.6875 4.15625 7.35937 4.06563 8.025 4.06563C8.69062 4.06563 9.3625 4.15625 9.9875 4.33125C9.9875 4.33125 11.4906 3.28125 12.1438 3.4875C12.5719 4.57187 12.3063 5.40625 12.225 5.60938C12.725 6.1625 13.0312 6.59375 13.0312 7.45C13.0312 10.4656 11.1906 10.7062 9.44375 10.9031C9.73125 11.15 9.975 11.6187 9.975 12.3531C9.975 13.4062 9.96562 14.7094 9.96562 14.9656C9.96562 15.1687 10.1094 15.4156 10.5063 15.3438C13.6313 14.3062 15.75 11.3406 15.75 7.875C15.75 3.54063 12.2344 0.25 7.9 0.25ZM3.2875 11.0281C3.24687 11.0594 3.25625 11.1313 3.30938 11.1906C3.35938 11.2406 3.43125 11.2625 3.47187 11.2219C3.5125 11.1906 3.50313 11.1187 3.45 11.0594C3.4 11.0094 3.32812 10.9875 3.2875 11.0281ZM2.95 10.775C2.92813 10.8156 2.95937 10.8656 3.02187 10.8969C3.07187 10.9281 3.13438 10.9187 3.15625 10.875C3.17812 10.8344 3.14687 10.7844 3.08437 10.7531C3.02187 10.7344 2.97188 10.7437 2.95 10.775ZM3.9625 11.8875C3.9125 11.9281 3.93125 12.0219 4.00313 12.0813C4.075 12.1531 4.16563 12.1625 4.20625 12.1125C4.24688 12.0719 4.22813 11.9781 4.16563 11.9187C4.09688 11.8469 4.00313 11.8375 3.9625 11.8875ZM3.60625 11.4281C3.55625 11.4594 3.55625 11.5406 3.60625 11.6125C3.65625 11.6844 3.74063 11.7156 3.78125 11.6844C3.83125 11.6437 3.83125 11.5625 3.78125 11.4906C3.7375 11.4188 3.65625 11.3875 3.60625 11.4281Z\"\n          fill=\"currentColor\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_7690_51\">\n          <rect width=\"16\" height=\"16\" fill=\"currentColor\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n}\n\nexport { Logo, GitHubLogo };\n";
+export declare const pictogramsTemplate = "\"use client\";\nimport React from \"react\";\n\ninterface Props extends React.SVGProps<SVGSVGElement> {\n  className?: string;\n}\n\nfunction Logo({ ...props }: Props) {\n  return (\n    <svg\n      width=\"164\"\n      height=\"31\"\n      viewBox=\"0 0 164 31\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        d=\"M153.763 22.6618V7.55493H163.97V10.1883H156.966V13.788H163.445V16.4214H156.966V20.0285H164V22.6618H153.763Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M151.117 7.55493V22.6618H148.351L141.761 13.1536H141.65V22.6618H138.448V7.55493H141.258L147.796 17.0558H147.93V7.55493H151.117Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M135.813 7.55493V22.6618H132.61V7.55493H135.813Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M119.125 22.6618V7.55493H125.101C126.25 7.55493 127.229 7.77377 128.037 8.21143C128.846 8.64418 129.462 9.24659 129.886 10.0187C130.315 10.7858 130.53 11.671 130.53 12.6742C130.53 13.6774 130.313 14.5625 129.879 15.3297C129.445 16.0968 128.816 16.6943 127.993 17.1222C127.174 17.55 126.183 17.7639 125.02 17.7639H121.211V15.2043H124.502C125.118 15.2043 125.626 15.0986 126.026 14.8871C126.43 14.6707 126.731 14.3732 126.928 13.9945C127.13 13.611 127.231 13.1708 127.231 12.6742C127.231 12.1726 127.13 11.7349 126.928 11.3612C126.731 10.9825 126.43 10.6899 126.026 10.4834C125.621 10.2719 125.108 10.1662 124.487 10.1662H122.327V22.6618H119.125Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M113.288 7.55493H116.49V17.3656C116.49 18.4671 116.226 19.431 115.699 20.2571C115.176 21.0833 114.444 21.7275 113.502 22.1898C112.56 22.6471 111.463 22.8758 110.211 22.8758C108.953 22.8758 107.854 22.6471 106.912 22.1898C105.97 21.7275 105.238 21.0833 104.715 20.2571C104.193 19.431 103.931 18.4671 103.931 17.3656V7.55493H107.134V17.0926C107.134 17.668 107.26 18.1794 107.511 18.6269C107.767 19.0744 108.127 19.4261 108.591 19.6818C109.054 19.9375 109.594 20.0653 110.211 20.0653C110.832 20.0653 111.372 19.9375 111.83 19.6818C112.294 19.4261 112.651 19.0744 112.903 18.6269C113.159 18.1794 113.288 17.668 113.288 17.0926V7.55493Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M101.635 12.8438H98.3951C98.3359 12.4258 98.2151 12.0545 98.0327 11.73C97.8502 11.4005 97.616 11.1202 97.33 10.8891C97.044 10.6579 96.7137 10.4809 96.3389 10.358C95.9691 10.235 95.5672 10.1736 95.1333 10.1736C94.3493 10.1736 93.6664 10.3678 93.0846 10.7563C92.5027 11.1399 92.0516 11.7005 91.7311 12.4381C91.4106 13.1708 91.2503 14.0609 91.2503 15.1084C91.2503 16.1853 91.4106 17.0902 91.7311 17.8229C92.0565 18.5556 92.5101 19.1089 93.092 19.4826C93.6738 19.8563 94.3469 20.0432 95.1111 20.0432C95.5401 20.0432 95.9371 19.9867 96.3019 19.8736C96.6718 19.7604 96.9996 19.5957 97.2856 19.3793C97.5716 19.158 97.8083 18.89 97.9957 18.5753C98.188 18.2606 98.3211 17.9016 98.3951 17.4983L101.635 17.5131C101.551 18.2065 101.341 18.8753 101.006 19.5195C100.676 20.1588 100.229 20.7317 99.6672 21.2382C99.11 21.7398 98.4444 22.1381 97.6702 22.4332C96.901 22.7233 96.0307 22.8684 95.0594 22.8684C93.7083 22.8684 92.5003 22.5635 91.4352 21.9537C90.3751 21.3439 89.5368 20.4612 88.9205 19.3056C88.3091 18.1499 88.0034 16.7509 88.0034 15.1084C88.0034 13.461 88.314 12.0595 88.9353 10.9038C89.5566 9.74818 90.3997 8.86793 91.4648 8.26307C92.5299 7.65328 93.728 7.34839 95.0594 7.34839C95.9371 7.34839 96.7506 7.47133 97.5001 7.71721C98.2545 7.96309 98.9227 8.32208 99.5045 8.79417C100.086 9.26134 100.56 9.83424 100.925 10.5129C101.294 11.1915 101.531 11.9685 101.635 12.8438Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M85.973 12.8438H82.7335C82.6743 12.4258 82.5535 12.0545 82.371 11.73C82.1886 11.4005 81.9544 11.1202 81.6684 10.8891C81.3824 10.6579 81.052 10.4809 80.6773 10.358C80.3075 10.235 79.9056 10.1736 79.4717 10.1736C78.6877 10.1736 78.0048 10.3678 77.423 10.7563C76.8411 11.1399 76.3899 11.7005 76.0694 12.4381C75.7489 13.1708 75.5887 14.0609 75.5887 15.1084C75.5887 16.1853 75.7489 17.0902 76.0694 17.8229C76.3949 18.5556 76.8485 19.1089 77.4303 19.4826C78.0122 19.8563 78.6852 20.0432 79.4495 20.0432C79.8785 20.0432 80.2754 19.9867 80.6403 19.8736C81.0101 19.7604 81.338 19.5957 81.624 19.3793C81.91 19.158 82.1467 18.89 82.3341 18.5753C82.5264 18.2606 82.6595 17.9016 82.7335 17.4983L85.973 17.5131C85.8892 18.2065 85.6796 18.8753 85.3443 19.5195C85.014 20.1588 84.5677 20.7317 84.0056 21.2382C83.4484 21.7398 82.7828 22.1381 82.0086 22.4332C81.2394 22.7233 80.3691 22.8684 79.3977 22.8684C78.0467 22.8684 76.8387 22.5635 75.7736 21.9537C74.7135 21.3439 73.8752 20.4612 73.2589 19.3056C72.6474 18.1499 72.3417 16.7509 72.3417 15.1084C72.3417 13.461 72.6524 12.0595 73.2737 10.9038C73.8949 9.74818 74.7381 8.86793 75.8032 8.26307C76.8682 7.65328 78.0664 7.34839 79.3977 7.34839C80.2754 7.34839 81.089 7.47133 81.8385 7.71721C82.5929 7.96309 83.261 8.32208 83.8429 8.79417C84.4247 9.26134 84.8981 9.83424 85.263 10.5129C85.6328 11.1915 85.8695 11.9685 85.973 12.8438Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M70.236 15.1084C70.236 16.7558 69.9229 18.1573 69.2967 19.3129C68.6754 20.4686 67.8273 21.3513 66.7524 21.9611C65.6824 22.5659 64.4793 22.8684 63.143 22.8684C61.7969 22.8684 60.5889 22.5635 59.5189 21.9537C58.4489 21.3439 57.6033 20.4612 56.982 19.3056C56.3607 18.1499 56.05 16.7509 56.05 15.1084C56.05 13.461 56.3607 12.0595 56.982 10.9038C57.6033 9.74818 58.4489 8.86793 59.5189 8.26307C60.5889 7.65328 61.7969 7.34839 63.143 7.34839C64.4793 7.34839 65.6824 7.65328 66.7524 8.26307C67.8273 8.86793 68.6754 9.74818 69.2967 10.9038C69.9229 12.0595 70.236 13.461 70.236 15.1084ZM66.9891 15.1084C66.9891 14.0413 66.8288 13.1413 66.5083 12.4086C66.1928 11.6759 65.7465 11.1202 65.1696 10.7415C64.5927 10.3629 63.9172 10.1736 63.143 10.1736C62.3689 10.1736 61.6934 10.3629 61.1165 10.7415C60.5396 11.1202 60.0909 11.6759 59.7704 12.4086C59.4548 13.1413 59.297 14.0413 59.297 15.1084C59.297 16.1755 59.4548 17.0754 59.7704 17.8082C60.0909 18.5409 60.5396 19.0966 61.1165 19.4752C61.6934 19.8539 62.3689 20.0432 63.143 20.0432C63.9172 20.0432 64.5927 19.8539 65.1696 19.4752C65.7465 19.0966 66.1928 18.5409 66.5083 17.8082C66.8288 17.0754 66.9891 16.1755 66.9891 15.1084Z\"\n        fill=\"#3B82F6\"\n      />\n      <path\n        d=\"M46.5326 22.6618H41.163V7.55493H46.577C48.1006 7.55493 49.4122 7.85736 50.5118 8.46223C51.6114 9.06218 52.457 9.92522 53.0487 11.0514C53.6454 12.1775 53.9437 13.5249 53.9437 15.0936C53.9437 16.6673 53.6454 18.0196 53.0487 19.1507C52.457 20.2817 51.6065 21.1497 50.497 21.7545C49.3925 22.3594 48.0711 22.6618 46.5326 22.6618ZM44.3655 19.9252H46.3995C47.3462 19.9252 48.1425 19.758 48.7885 19.4236C49.4394 19.0843 49.9275 18.5606 50.2529 17.8524C50.5833 17.1394 50.7485 16.2198 50.7485 15.0936C50.7485 13.9773 50.5833 13.0651 50.2529 12.357C49.9275 11.6488 49.4418 11.1276 48.7959 10.7932C48.1499 10.4588 47.3536 10.2916 46.4069 10.2916H44.3655V19.9252Z\"\n        fill=\"#3B82F6\"\n      />\n      <circle cx=\"15.0402\" cy=\"15.0402\" r=\"15.0402\" fill=\"#3B82F6\" />\n      <path\n        d=\"M17.5069 6.71806C17.3795 6.74355 17.3128 6.84688 17.2807 6.9495C17.2489 7.0515 17.2407 7.18073 17.2464 7.32157C17.2581 7.60618 17.3272 7.98259 17.4246 8.387C17.5648 8.96881 17.7677 9.62481 17.9563 10.1819C17.397 9.56156 16.6872 8.80542 16.0205 8.16044C15.5956 7.74938 15.1851 7.38097 14.8415 7.1204C14.67 6.99034 14.5113 6.88426 14.3735 6.81376C14.2423 6.74671 14.1053 6.69837 13.9867 6.71806C13.9222 6.7288 13.8646 6.75865 13.8222 6.80986C13.7817 6.85899 13.7617 6.91902 13.7537 6.97685C13.738 7.08931 13.7616 7.22876 13.8026 7.37724C13.886 7.67919 14.0631 8.07892 14.2824 8.50907C14.6273 9.18524 15.0861 9.95577 15.4809 10.5813C14.6669 10.0734 13.6058 9.45777 12.6266 8.98661C12.0337 8.70135 11.4649 8.4665 10.9973 8.3411C10.7639 8.27856 10.5493 8.24134 10.3667 8.2415C10.1863 8.24173 10.0185 8.27861 9.89763 8.38212C9.77618 8.4862 9.72784 8.62379 9.739 8.77372C9.74964 8.91629 9.81299 9.06743 9.90448 9.21806C10.0883 9.52045 10.4129 9.86545 10.7946 10.2122C11.2895 10.6618 11.8954 11.1277 12.4553 11.5257C11.6453 11.2373 10.6942 10.9246 9.82321 10.6927C9.1969 10.5259 8.60659 10.3996 8.13901 10.3528C7.90582 10.3295 7.69713 10.3255 7.52702 10.3489C7.36152 10.3718 7.20742 10.4242 7.1138 10.5364C7.01394 10.6564 7.01241 10.7988 7.06582 10.9319C7.1166 11.0584 7.2196 11.1866 7.34881 11.3128C7.60939 11.5672 8.0168 11.8497 8.48271 12.1302C9.17437 12.5466 10.0126 12.9692 10.7339 13.3059C9.92329 13.2331 8.96099 13.1778 8.1302 13.1927C7.57362 13.2027 7.06615 13.2449 6.70157 13.3382C6.5207 13.3845 6.3629 13.4466 6.25114 13.5325C6.13461 13.6222 6.05922 13.7469 6.0788 13.9036C6.11152 14.1642 6.32242 14.3712 6.58504 14.5335C6.85345 14.6993 7.20802 14.8393 7.58871 14.9554C8.11974 15.1173 8.71537 15.2364 9.22787 15.3157C8.56638 15.5083 7.75416 15.7706 7.00707 16.0638C6.51154 16.2582 6.04104 16.4673 5.66167 16.68C5.28828 16.8893 4.98242 17.1135 4.83818 17.344C4.76442 17.462 4.73036 17.5872 4.77159 17.7073C4.81197 17.8242 4.91238 17.9012 5.02128 17.9524C5.23729 18.054 5.57562 18.0958 5.94857 18.1058C6.5461 18.1217 7.2862 18.0565 7.90303 17.9768C7.35253 18.4189 6.67304 18.9849 6.10622 19.5003C5.75724 19.8176 5.44725 20.119 5.2367 20.3616C5.13215 20.4821 5.04718 20.5939 4.99484 20.6888C4.96893 20.7358 4.9477 20.7855 4.93805 20.8343C4.92853 20.8828 4.92775 20.9464 4.96547 21.0032C4.99177 21.0426 5.02937 21.0731 5.06535 21.096C5.10262 21.1197 5.14691 21.1409 5.1946 21.1604C5.28997 21.1995 5.41168 21.2359 5.55004 21.2698C5.82775 21.3379 6.18881 21.3997 6.57623 21.4544C7.3237 21.56 8.18389 21.6396 8.77254 21.6829C9.22631 22.4222 10.2287 23.4504 12.2447 23.4505C13.454 23.4505 14.1801 23.2617 14.5889 22.971C14.7963 22.8235 14.9222 22.6488 14.9855 22.4622C15.0483 22.277 15.0465 22.0884 15.0119 21.9153C14.9796 21.7542 14.8812 21.6193 14.7593 21.5091C14.6369 21.3985 14.4826 21.3052 14.3226 21.2288C14.2563 21.1972 14.1874 21.1688 14.1189 21.1419L17.5744 20.9388C17.7253 21.3107 17.9557 21.7816 18.2452 22.1722C18.5516 22.5855 18.9518 22.9464 19.4192 22.9466C19.9252 22.9466 20.4422 22.9159 20.8351 22.8177C21.0307 22.7687 21.2061 22.6998 21.3355 22.6028C21.4685 22.5031 21.5597 22.3669 21.5597 22.1917C21.5596 21.9927 21.4434 21.7756 21.3042 21.5677C21.1616 21.3549 20.9717 21.1206 20.794 20.889C20.6134 20.6535 20.4423 20.4169 20.324 20.1878C20.2051 19.9575 20.1472 19.7499 20.1732 19.5677C20.1971 19.4007 20.311 19.2629 20.5189 19.139C20.7279 19.0144 21.0131 18.9156 21.3424 18.8216C21.5059 18.7749 21.6776 18.7292 21.8535 18.6829C22.0288 18.6368 22.2085 18.59 22.3852 18.5384C22.7379 18.4354 23.0874 18.3139 23.383 18.1497C23.966 17.8258 24.4511 17.3733 24.7911 16.9202C25.1274 16.4719 25.3355 16.0038 25.3355 15.6487C25.3353 15.5339 25.2813 15.4127 25.2082 15.2962C25.1327 15.1761 25.0252 15.044 24.8968 14.9026C24.6398 14.6196 24.284 14.2866 23.8873 13.9261C23.0896 13.2012 22.1216 12.3587 21.4021 11.5403C20.6251 10.6565 19.8124 9.44335 19.1245 8.45439C18.7823 7.96251 18.4693 7.52442 18.2099 7.21513C18.0806 7.06098 17.9601 6.93331 17.8525 6.84696C17.799 6.80399 17.7443 6.76808 17.69 6.74443C17.636 6.72095 17.5724 6.70503 17.5069 6.71806ZM20.6785 14.1399C21.0955 14.14 21.4334 14.4215 21.4334 14.7688C21.4332 15.1161 21.0954 15.3976 20.6785 15.3977C20.2615 15.3977 19.9237 15.1162 19.9235 14.7688C19.9235 14.4214 20.2614 14.1399 20.6785 14.1399Z\"\n        fill=\"white\"\n        className=\"ignore-fill\"\n      />\n    </svg>\n  );\n}\n\nfunction GitHubLogo({ ...props }: Props) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <g clipPath=\"url(#clip0_7690_51)\">\n        <path\n          d=\"M5.43437 12.4187C5.43437 12.4812 5.3625 12.5312 5.27187 12.5312C5.16875 12.5406 5.09688 12.4906 5.09688 12.4187C5.09688 12.3562 5.16875 12.3062 5.25938 12.3062C5.35313 12.2969 5.43437 12.3469 5.43437 12.4187ZM4.4625 12.2781C4.44063 12.3406 4.50313 12.4125 4.59688 12.4312C4.67813 12.4625 4.77188 12.4312 4.79063 12.3687C4.80938 12.3062 4.75 12.2344 4.65625 12.2063C4.575 12.1844 4.48438 12.2156 4.4625 12.2781ZM5.84375 12.225C5.75312 12.2469 5.69062 12.3063 5.7 12.3781C5.70937 12.4406 5.79063 12.4813 5.88438 12.4594C5.975 12.4375 6.0375 12.3781 6.02812 12.3156C6.01875 12.2563 5.93438 12.2156 5.84375 12.225ZM7.9 0.25C3.56563 0.25 0.25 3.54063 0.25 7.875C0.25 11.3406 2.43125 14.3063 5.54688 15.35C5.94688 15.4219 6.0875 15.175 6.0875 14.9719C6.0875 14.7781 6.07812 13.7094 6.07812 13.0531C6.07812 13.0531 3.89063 13.5219 3.43125 12.1219C3.43125 12.1219 3.075 11.2125 2.5625 10.9781C2.5625 10.9781 1.84687 10.4875 2.6125 10.4969C2.6125 10.4969 3.39062 10.5594 3.81875 11.3031C4.50312 12.5094 5.65 12.1625 6.09688 11.9563C6.16875 11.4563 6.37188 11.1094 6.59688 10.9031C4.85 10.7094 3.0875 10.4562 3.0875 7.45C3.0875 6.59062 3.325 6.15938 3.825 5.60938C3.74375 5.40625 3.47813 4.56875 3.90625 3.4875C4.55937 3.28437 6.0625 4.33125 6.0625 4.33125C6.6875 4.15625 7.35937 4.06563 8.025 4.06563C8.69062 4.06563 9.3625 4.15625 9.9875 4.33125C9.9875 4.33125 11.4906 3.28125 12.1438 3.4875C12.5719 4.57187 12.3063 5.40625 12.225 5.60938C12.725 6.1625 13.0312 6.59375 13.0312 7.45C13.0312 10.4656 11.1906 10.7062 9.44375 10.9031C9.73125 11.15 9.975 11.6187 9.975 12.3531C9.975 13.4062 9.96562 14.7094 9.96562 14.9656C9.96562 15.1687 10.1094 15.4156 10.5063 15.3438C13.6313 14.3062 15.75 11.3406 15.75 7.875C15.75 3.54063 12.2344 0.25 7.9 0.25ZM3.2875 11.0281C3.24687 11.0594 3.25625 11.1313 3.30938 11.1906C3.35938 11.2406 3.43125 11.2625 3.47187 11.2219C3.5125 11.1906 3.50313 11.1187 3.45 11.0594C3.4 11.0094 3.32812 10.9875 3.2875 11.0281ZM2.95 10.775C2.92813 10.8156 2.95937 10.8656 3.02187 10.8969C3.07187 10.9281 3.13438 10.9187 3.15625 10.875C3.17812 10.8344 3.14687 10.7844 3.08437 10.7531C3.02187 10.7344 2.97188 10.7437 2.95 10.775ZM3.9625 11.8875C3.9125 11.9281 3.93125 12.0219 4.00313 12.0813C4.075 12.1531 4.16563 12.1625 4.20625 12.1125C4.24688 12.0719 4.22813 11.9781 4.16563 11.9187C4.09688 11.8469 4.00313 11.8375 3.9625 11.8875ZM3.60625 11.4281C3.55625 11.4594 3.55625 11.5406 3.60625 11.6125C3.65625 11.6844 3.74063 11.7156 3.78125 11.6844C3.83125 11.6437 3.83125 11.5625 3.78125 11.4906C3.7375 11.4188 3.65625 11.3875 3.60625 11.4281Z\"\n          fill=\"currentColor\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_7690_51\">\n          <rect width=\"16\" height=\"16\" fill=\"currentColor\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n}\n\nexport { Logo, GitHubLogo };\n";

package/dist/templates/components/layout/Pictograms.js

@@ -9,51 +9,53 @@ function Logo({ ...props }: Props) {
   return (
     <svg
       width="164"
-      height="30"
-      viewBox="0 0 164 30"
+      height="31"
+      viewBox="0 0 164 31"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >
       <path
-        d="M153.351 22.5766V7.4697H163.531V10.1031H156.545V13.7028H163.007V16.3362H156.545V19.9432H163.56V22.5766H153.351Z"
+        d="M153.763 22.6618V7.55493H163.97V10.1883H156.966V13.788H163.445V16.4214H156.966V20.0285H164V22.6618H153.763Z"
         fill="#3B82F6"
       />
       <path
-        d="M150.712 7.4697V22.5766H147.954L141.381 13.0684H141.271V22.5766H138.077V7.4697H140.88L147.4 16.9705H147.533V7.4697H150.712Z"
+        d="M151.117 7.55493V22.6618H148.351L141.761 13.1536H141.65V22.6618H138.448V7.55493H141.258L147.796 17.0558H147.93V7.55493H151.117Z"
         fill="#3B82F6"
       />
       <path
-        d="M135.449 7.4697V22.5766H132.255V7.4697H135.449Z"
+        d="M135.813 7.55493V22.6618H132.61V7.55493H135.813Z"
         fill="#3B82F6"
       />
       <path
-        d="M118.806 22.5766V7.4697H124.766C125.912 7.4697 126.888 7.68853 127.694 8.1262C128.501 8.55895 129.115 9.16136 129.538 9.93342C129.966 10.7006 130.18 11.5857 130.18 12.5889C130.18 13.5921 129.964 14.4773 129.531 15.2444C129.098 16.0116 128.471 16.6091 127.65 17.0369C126.834 17.4647 125.845 17.6787 124.685 17.6787H120.886V15.119H124.168C124.783 15.119 125.29 15.0133 125.688 14.8019C126.091 14.5855 126.391 14.288 126.588 13.9093C126.789 13.5257 126.89 13.0856 126.89 12.5889C126.89 12.0873 126.789 11.6497 126.588 11.2759C126.391 10.8973 126.091 10.6047 125.688 10.3981C125.285 10.1867 124.773 10.0809 124.154 10.0809H122V22.5766H118.806Z"
+        d="M119.125 22.6618V7.55493H125.101C126.25 7.55493 127.229 7.77377 128.037 8.21143C128.846 8.64418 129.462 9.24659 129.886 10.0187C130.315 10.7858 130.53 11.671 130.53 12.6742C130.53 13.6774 130.313 14.5625 129.879 15.3297C129.445 16.0968 128.816 16.6943 127.993 17.1222C127.174 17.55 126.183 17.7639 125.02 17.7639H121.211V15.2043H124.502C125.118 15.2043 125.626 15.0986 126.026 14.8871C126.43 14.6707 126.731 14.3732 126.928 13.9945C127.13 13.611 127.231 13.1708 127.231 12.6742C127.231 12.1726 127.13 11.7349 126.928 11.3612C126.731 10.9825 126.43 10.6899 126.026 10.4834C125.621 10.2719 125.108 10.1662 124.487 10.1662H122.327V22.6618H119.125Z"
         fill="#3B82F6"
       />
       <path
-        d="M112.984 7.4697H116.178V17.2803C116.178 18.3819 115.915 19.3457 115.388 20.1719C114.867 20.9981 114.137 21.6423 113.198 22.1045C112.258 22.5619 111.164 22.7905 109.915 22.7905C108.661 22.7905 107.565 22.5619 106.625 22.1045C105.686 21.6423 104.956 20.9981 104.434 20.1719C103.913 19.3457 103.653 18.3819 103.653 17.2803V7.4697H106.847V17.0074C106.847 17.5828 106.972 18.0942 107.223 18.5417C107.478 18.9892 107.837 19.3408 108.3 19.5965C108.762 19.8523 109.3 19.9801 109.915 19.9801C110.535 19.9801 111.073 19.8523 111.531 19.5965C111.993 19.3408 112.349 18.9892 112.6 18.5417C112.856 18.0942 112.984 17.5828 112.984 17.0074V7.4697Z"
+        d="M113.288 7.55493H116.49V17.3656C116.49 18.4671 116.226 19.431 115.699 20.2571C115.176 21.0833 114.444 21.7275 113.502 22.1898C112.56 22.6471 111.463 22.8758 110.211 22.8758C108.953 22.8758 107.854 22.6471 106.912 22.1898C105.97 21.7275 105.238 21.0833 104.715 20.2571C104.193 19.431 103.931 18.4671 103.931 17.3656V7.55493H107.134V17.0926C107.134 17.668 107.26 18.1794 107.511 18.6269C107.767 19.0744 108.127 19.4261 108.591 19.6818C109.054 19.9375 109.594 20.0653 110.211 20.0653C110.832 20.0653 111.372 19.9375 111.83 19.6818C112.294 19.4261 112.651 19.0744 112.903 18.6269C113.159 18.1794 113.288 17.668 113.288 17.0926V7.55493Z"
         fill="#3B82F6"
       />
       <path
-        d="M101.362 12.7586H98.1313C98.0723 12.3406 97.9518 11.9693 97.7699 11.6448C97.5879 11.3153 97.3543 11.035 97.0691 10.8038C96.7839 10.5727 96.4544 10.3957 96.0807 10.2727C95.7119 10.1498 95.3111 10.0883 94.8783 10.0883C94.0964 10.0883 93.4153 10.2826 92.8351 10.6711C92.2548 11.0546 91.8048 11.6152 91.4852 12.3529C91.1655 13.0856 91.0057 13.9757 91.0057 15.0232C91.0057 16.1001 91.1655 17.005 91.4852 17.7377C91.8097 18.4704 92.2622 19.0236 92.8424 19.3974C93.4227 19.7711 94.094 19.958 94.8562 19.958C95.284 19.958 95.6799 19.9014 96.0438 19.7883C96.4126 19.6752 96.7396 19.5105 97.0249 19.2941C97.3101 19.0728 97.5461 18.8048 97.733 18.4901C97.9248 18.1753 98.0576 17.8164 98.1313 17.4131L101.362 17.4279C101.279 18.1213 101.07 18.79 100.735 19.4343C100.406 20.0735 99.9607 20.6464 99.4001 21.153C98.8444 21.6546 98.1805 22.0529 97.4084 22.3479C96.6413 22.6381 95.7733 22.7832 94.8046 22.7832C93.4571 22.7832 92.2523 22.4783 91.1901 21.8685C90.1328 21.2587 89.2968 20.376 88.6821 19.2203C88.0723 18.0647 87.7675 16.6656 87.7675 15.0232C87.7675 13.3758 88.0773 11.9742 88.6969 10.8186C89.3165 9.66296 90.1574 8.7827 91.2196 8.17784C92.2818 7.56805 93.4768 7.26316 94.8046 7.26316C95.6799 7.26316 96.4913 7.3861 97.2388 7.63198C97.9912 7.87786 98.6575 8.23685 99.2378 8.70894C99.8181 9.17611 100.29 9.74901 100.654 10.4276C101.023 11.1063 101.259 11.8833 101.362 12.7586Z"
+        d="M101.635 12.8438H98.3951C98.3359 12.4258 98.2151 12.0545 98.0327 11.73C97.8502 11.4005 97.616 11.1202 97.33 10.8891C97.044 10.6579 96.7137 10.4809 96.3389 10.358C95.9691 10.235 95.5672 10.1736 95.1333 10.1736C94.3493 10.1736 93.6664 10.3678 93.0846 10.7563C92.5027 11.1399 92.0516 11.7005 91.7311 12.4381C91.4106 13.1708 91.2503 14.0609 91.2503 15.1084C91.2503 16.1853 91.4106 17.0902 91.7311 17.8229C92.0565 18.5556 92.5101 19.1089 93.092 19.4826C93.6738 19.8563 94.3469 20.0432 95.1111 20.0432C95.5401 20.0432 95.9371 19.9867 96.3019 19.8736C96.6718 19.7604 96.9996 19.5957 97.2856 19.3793C97.5716 19.158 97.8083 18.89 97.9957 18.5753C98.188 18.2606 98.3211 17.9016 98.3951 17.4983L101.635 17.5131C101.551 18.2065 101.341 18.8753 101.006 19.5195C100.676 20.1588 100.229 20.7317 99.6672 21.2382C99.11 21.7398 98.4444 22.1381 97.6702 22.4332C96.901 22.7233 96.0307 22.8684 95.0594 22.8684C93.7083 22.8684 92.5003 22.5635 91.4352 21.9537C90.3751 21.3439 89.5368 20.4612 88.9205 19.3056C88.3091 18.1499 88.0034 16.7509 88.0034 15.1084C88.0034 13.461 88.314 12.0595 88.9353 10.9038C89.5566 9.74818 90.3997 8.86793 91.4648 8.26307C92.5299 7.65328 93.728 7.34839 95.0594 7.34839C95.9371 7.34839 96.7506 7.47133 97.5001 7.71721C98.2545 7.96309 98.9227 8.32208 99.5045 8.79417C100.086 9.26134 100.56 9.83424 100.925 10.5129C101.294 11.1915 101.531 11.9685 101.635 12.8438Z"
         fill="#3B82F6"
       />
       <path
-        d="M85.7427 12.7586H82.5118C82.4528 12.3406 82.3323 11.9693 82.1504 11.6448C81.9684 11.3153 81.7348 11.035 81.4496 10.8038C81.1644 10.5727 80.8349 10.3957 80.4612 10.2727C80.0924 10.1498 79.6916 10.0883 79.2588 10.0883C78.4769 10.0883 77.7958 10.2826 77.2156 10.6711C76.6353 11.0546 76.1853 11.6152 75.8657 12.3529C75.546 13.0856 75.3862 13.9757 75.3862 15.0232C75.3862 16.1001 75.546 17.005 75.8657 17.7377C76.1902 18.4704 76.6427 19.0236 77.2229 19.3974C77.8032 19.7711 78.4745 19.958 79.2367 19.958C79.6645 19.958 80.0604 19.9014 80.4243 19.7883C80.7931 19.6752 81.1201 19.5105 81.4054 19.2941C81.6906 19.0728 81.9266 18.8048 82.1135 18.4901C82.3053 18.1753 82.4381 17.8164 82.5118 17.4131L85.7427 17.4279C85.6591 18.1213 85.4501 18.79 85.1157 19.4343C84.7862 20.0735 84.3412 20.6464 83.7806 21.153C83.2249 21.6546 82.561 22.0529 81.7889 22.3479C81.0218 22.6381 80.1538 22.7832 79.1851 22.7832C77.8376 22.7832 76.6328 22.4783 75.5706 21.8685C74.5133 21.2587 73.6773 20.376 73.0626 19.2203C72.4528 18.0647 72.1479 16.6656 72.1479 15.0232C72.1479 13.3758 72.4578 11.9742 73.0774 10.8186C73.697 9.66296 74.5379 8.7827 75.6001 8.17784C76.6623 7.56805 77.8573 7.26316 79.1851 7.26316C80.0604 7.26316 80.8718 7.3861 81.6193 7.63198C82.3717 7.87786 83.038 8.23685 83.6183 8.70894C84.1986 9.17611 84.6707 9.74901 85.0346 10.4276C85.4034 11.1063 85.6394 11.8833 85.7427 12.7586Z"
+        d="M85.973 12.8438H82.7335C82.6743 12.4258 82.5535 12.0545 82.371 11.73C82.1886 11.4005 81.9544 11.1202 81.6684 10.8891C81.3824 10.6579 81.052 10.4809 80.6773 10.358C80.3075 10.235 79.9056 10.1736 79.4717 10.1736C78.6877 10.1736 78.0048 10.3678 77.423 10.7563C76.8411 11.1399 76.3899 11.7005 76.0694 12.4381C75.7489 13.1708 75.5887 14.0609 75.5887 15.1084C75.5887 16.1853 75.7489 17.0902 76.0694 17.8229C76.3949 18.5556 76.8485 19.1089 77.4303 19.4826C78.0122 19.8563 78.6852 20.0432 79.4495 20.0432C79.8785 20.0432 80.2754 19.9867 80.6403 19.8736C81.0101 19.7604 81.338 19.5957 81.624 19.3793C81.91 19.158 82.1467 18.89 82.3341 18.5753C82.5264 18.2606 82.6595 17.9016 82.7335 17.4983L85.973 17.5131C85.8892 18.2065 85.6796 18.8753 85.3443 19.5195C85.014 20.1588 84.5677 20.7317 84.0056 21.2382C83.4484 21.7398 82.7828 22.1381 82.0086 22.4332C81.2394 22.7233 80.3691 22.8684 79.3977 22.8684C78.0467 22.8684 76.8387 22.5635 75.7736 21.9537C74.7135 21.3439 73.8752 20.4612 73.2589 19.3056C72.6474 18.1499 72.3417 16.7509 72.3417 15.1084C72.3417 13.461 72.6524 12.0595 73.2737 10.9038C73.8949 9.74818 74.7381 8.86793 75.8032 8.26307C76.8682 7.65328 78.0664 7.34839 79.3977 7.34839C80.2754 7.34839 81.089 7.47133 81.8385 7.71721C82.5929 7.96309 83.261 8.32208 83.8429 8.79417C84.4247 9.26134 84.8981 9.83424 85.263 10.5129C85.6328 11.1915 85.8695 11.9685 85.973 12.8438Z"
         fill="#3B82F6"
       />
       <path
-        d="M70.0475 15.0232C70.0475 16.6706 69.7352 18.0721 69.1107 19.2277C68.4911 20.3834 67.6453 21.2661 66.5732 21.8759C65.5061 22.4807 64.3062 22.7832 62.9735 22.7832C61.631 22.7832 60.4262 22.4783 59.3591 21.8685C58.292 21.2587 57.4486 20.376 56.829 19.2203C56.2093 18.0647 55.8995 16.6656 55.8995 15.0232C55.8995 13.3758 56.2093 11.9742 56.829 10.8186C57.4486 9.66296 58.292 8.7827 59.3591 8.17784C60.4262 7.56805 61.631 7.26316 62.9735 7.26316C64.3062 7.26316 65.5061 7.56805 66.5732 8.17784C67.6453 8.7827 68.4911 9.66296 69.1107 10.8186C69.7352 11.9742 70.0475 13.3758 70.0475 15.0232ZM66.8093 15.0232C66.8093 13.956 66.6494 13.0561 66.3298 12.3234C66.0151 11.5907 65.57 11.035 64.9947 10.6563C64.4193 10.2777 63.7456 10.0883 62.9735 10.0883C62.2015 10.0883 61.5277 10.2777 60.9524 10.6563C60.377 11.035 59.9295 11.5907 59.6099 12.3234C59.2951 13.0561 59.1378 13.956 59.1378 15.0232C59.1378 16.0903 59.2951 16.9902 59.6099 17.7229C59.9295 18.4557 60.377 19.0113 60.9524 19.39C61.5277 19.7687 62.2015 19.958 62.9735 19.958C63.7456 19.958 64.4193 19.7687 64.9947 19.39C65.57 19.0113 66.0151 18.4557 66.3298 17.7229C66.6494 16.9902 66.8093 16.0903 66.8093 15.0232Z"
+        d="M70.236 15.1084C70.236 16.7558 69.9229 18.1573 69.2967 19.3129C68.6754 20.4686 67.8273 21.3513 66.7524 21.9611C65.6824 22.5659 64.4793 22.8684 63.143 22.8684C61.7969 22.8684 60.5889 22.5635 59.5189 21.9537C58.4489 21.3439 57.6033 20.4612 56.982 19.3056C56.3607 18.1499 56.05 16.7509 56.05 15.1084C56.05 13.461 56.3607 12.0595 56.982 10.9038C57.6033 9.74818 58.4489 8.86793 59.5189 8.26307C60.5889 7.65328 61.7969 7.34839 63.143 7.34839C64.4793 7.34839 65.6824 7.65328 66.7524 8.26307C67.8273 8.86793 68.6754 9.74818 69.2967 10.9038C69.9229 12.0595 70.236 13.461 70.236 15.1084ZM66.9891 15.1084C66.9891 14.0413 66.8288 13.1413 66.5083 12.4086C66.1928 11.6759 65.7465 11.1202 65.1696 10.7415C64.5927 10.3629 63.9172 10.1736 63.143 10.1736C62.3689 10.1736 61.6934 10.3629 61.1165 10.7415C60.5396 11.1202 60.0909 11.6759 59.7704 12.4086C59.4548 13.1413 59.297 14.0413 59.297 15.1084C59.297 16.1755 59.4548 17.0754 59.7704 17.8082C60.0909 18.5409 60.5396 19.0966 61.1165 19.4752C61.6934 19.8539 62.3689 20.0432 63.143 20.0432C63.9172 20.0432 64.5927 19.8539 65.1696 19.4752C65.7465 19.0966 66.1928 18.5409 66.5083 17.8082C66.8288 17.0754 66.9891 16.1755 66.9891 15.1084Z"
         fill="#3B82F6"
       />
       <path
-        d="M46.4079 22.5766H41.0526V7.4697H46.4522C47.9717 7.4697 49.2798 7.77213 50.3764 8.377C51.473 8.97694 52.3164 9.83999 52.9065 10.9661C53.5016 12.0923 53.7991 13.4397 53.7991 15.0084C53.7991 16.582 53.5016 17.9344 52.9065 19.0654C52.3164 20.1965 51.4681 21.0644 50.3617 21.6693C49.2601 22.2742 47.9422 22.5766 46.4079 22.5766ZM44.2466 19.84H46.2751C47.2193 19.84 48.0135 19.6728 48.6577 19.3384C49.3068 18.999 49.7937 18.4753 50.1182 17.7672C50.4477 17.0541 50.6125 16.1345 50.6125 15.0084C50.6125 13.8921 50.4477 12.9799 50.1182 12.2717C49.7937 11.5636 49.3093 11.0423 48.6651 10.7079C48.0209 10.3735 47.2267 10.2063 46.2825 10.2063H44.2466V19.84Z"
+        d="M46.5326 22.6618H41.163V7.55493H46.577C48.1006 7.55493 49.4122 7.85736 50.5118 8.46223C51.6114 9.06218 52.457 9.92522 53.0487 11.0514C53.6454 12.1775 53.9437 13.5249 53.9437 15.0936C53.9437 16.6673 53.6454 18.0196 53.0487 19.1507C52.457 20.2817 51.6065 21.1497 50.497 21.7545C49.3925 22.3594 48.0711 22.6618 46.5326 22.6618ZM44.3655 19.9252H46.3995C47.3462 19.9252 48.1425 19.758 48.7885 19.4236C49.4394 19.0843 49.9275 18.5606 50.2529 17.8524C50.5833 17.1394 50.7485 16.2198 50.7485 15.0936C50.7485 13.9773 50.5833 13.0651 50.2529 12.357C49.9275 11.6488 49.4418 11.1276 48.7959 10.7932C48.1499 10.4588 47.3536 10.2916 46.4069 10.2916H44.3655V19.9252Z"
         fill="#3B82F6"
       />
+      <circle cx="15.0402" cy="15.0402" r="15.0402" fill="#3B82F6" />
       <path
-        d="M15 0C23.2843 0 30 6.71573 30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 5.1544e-07 15 0ZM17.46 6.63281C17.3329 6.6583 17.2664 6.76163 17.2344 6.86426C17.2026 6.96625 17.1945 7.09548 17.2002 7.23633C17.2118 7.52094 17.2808 7.89734 17.3779 8.30176C17.5178 8.88356 17.7201 9.53957 17.9082 10.0967C17.3504 9.47631 16.6424 8.72017 15.9775 8.0752C15.5538 7.66414 15.1444 7.29572 14.8018 7.03516C14.6307 6.9051 14.4724 6.79901 14.335 6.72852C14.2041 6.66146 14.0675 6.61313 13.9492 6.63281C13.8849 6.64355 13.8274 6.6734 13.7852 6.72461C13.7448 6.77375 13.7249 6.83378 13.7168 6.8916C13.7012 7.00406 13.7248 7.14351 13.7656 7.29199C13.8488 7.59395 14.0254 7.99367 14.2441 8.42383C14.588 9.09999 15.0456 9.87052 15.4395 10.4961C14.6276 9.98813 13.5693 9.37252 12.5928 8.90137C12.0015 8.6161 11.4342 8.38126 10.9678 8.25586C10.735 8.19331 10.521 8.15609 10.3389 8.15625C10.1589 8.15649 9.99165 8.19337 9.87109 8.29688C9.74997 8.40095 9.70176 8.53855 9.71289 8.68848C9.7235 8.83104 9.78668 8.98219 9.87793 9.13281C10.0612 9.4352 10.385 9.7802 10.7656 10.127C11.2592 10.5766 11.8635 11.0425 12.4219 11.4404C11.614 11.1521 10.6656 10.8394 9.79688 10.6074C9.17224 10.4406 8.58351 10.3143 8.11719 10.2676C7.88462 10.2443 7.67649 10.2402 7.50684 10.2637C7.34178 10.2865 7.1881 10.3389 7.09473 10.4512C6.99513 10.5711 6.99361 10.7136 7.04688 10.8467C7.09752 10.9731 7.20024 11.1014 7.3291 11.2275C7.58899 11.482 7.9953 11.7644 8.45996 12.0449C9.14977 12.4613 9.98572 12.884 10.7051 13.2207C9.89668 13.1479 8.93696 13.0925 8.1084 13.1074C7.55332 13.1174 7.0472 13.1597 6.68359 13.2529C6.50321 13.2992 6.34583 13.3613 6.23438 13.4473C6.11815 13.537 6.04297 13.6616 6.0625 13.8184C6.09513 14.079 6.30546 14.286 6.56738 14.4482C6.83507 14.614 7.18869 14.754 7.56836 14.8701C8.09797 15.032 8.692 15.1512 9.20312 15.2305C8.54341 15.4231 7.73337 15.6854 6.98828 15.9785C6.49407 16.173 6.02484 16.382 5.64648 16.5947C5.2741 16.8041 4.96906 17.0282 4.8252 17.2588C4.75164 17.3767 4.71767 17.5019 4.75879 17.6221C4.79906 17.739 4.8992 17.8159 5.00781 17.8672C5.22324 17.9688 5.56067 18.0105 5.93262 18.0205C6.52855 18.0364 7.26666 17.9713 7.88184 17.8916C7.33281 18.3337 6.65515 18.8997 6.08984 19.415C5.74179 19.7324 5.43264 20.0338 5.22266 20.2764C5.11838 20.3969 5.03364 20.5087 4.98145 20.6035C4.9556 20.6505 4.93442 20.7003 4.9248 20.749C4.91531 20.7976 4.91453 20.8611 4.95215 20.918C4.97838 20.9574 5.01587 20.9879 5.05176 21.0107C5.08893 21.0344 5.13311 21.0557 5.18066 21.0752C5.27578 21.1143 5.39716 21.1506 5.53516 21.1846C5.81212 21.2526 6.17221 21.3144 6.55859 21.3691C7.30406 21.4747 8.16195 21.5543 8.74902 21.5977C9.20157 22.3369 10.2013 23.3651 12.2119 23.3652C13.418 23.3652 14.1421 23.1765 14.5498 22.8857C14.7566 22.7382 14.8822 22.5635 14.9453 22.377C15.0079 22.1918 15.0062 22.0031 14.9717 21.8301C14.9394 21.6689 14.8413 21.534 14.7197 21.4238C14.5977 21.3133 14.4438 21.22 14.2842 21.1436C14.2181 21.1119 14.1494 21.0835 14.0811 21.0566L17.5273 20.8535C17.6778 21.2254 17.9076 21.6963 18.1963 22.0869C18.5019 22.5002 18.901 22.8611 19.3672 22.8613C19.8718 22.8613 20.3874 22.8306 20.7793 22.7324C20.9744 22.6835 21.1493 22.6145 21.2783 22.5176C21.411 22.4178 21.502 22.2817 21.502 22.1064C21.5018 21.9074 21.386 21.6903 21.2471 21.4824C21.1049 21.2697 20.9155 21.0353 20.7383 20.8037C20.5582 20.5682 20.3876 20.3316 20.2695 20.1025C20.1509 19.8723 20.0932 19.6646 20.1191 19.4824C20.143 19.3154 20.2566 19.1777 20.4639 19.0537C20.6723 18.9291 20.9568 18.8304 21.2852 18.7363C21.4483 18.6896 21.6195 18.644 21.7949 18.5977C21.9697 18.5515 22.149 18.5047 22.3252 18.4531C22.6769 18.3501 23.0255 18.2286 23.3203 18.0645C23.9018 17.7406 24.3856 17.288 24.7246 16.835C25.06 16.3867 25.2676 15.9185 25.2676 15.5635C25.2674 15.4487 25.2136 15.3274 25.1406 15.2109C25.0654 15.0908 24.9581 14.9587 24.8301 14.8174C24.5737 14.5343 24.2189 14.2013 23.8232 13.8408C23.0277 13.116 22.0623 12.2734 21.3447 11.4551C20.5698 10.5712 19.7593 9.35811 19.0732 8.36914C18.732 7.87727 18.4198 7.43917 18.1611 7.12988C18.0322 6.97574 17.9119 6.84807 17.8047 6.76172C17.7513 6.71875 17.6968 6.68283 17.6426 6.65918C17.5887 6.63571 17.5253 6.61978 17.46 6.63281ZM20.623 14.0547C21.0389 14.0548 21.376 14.3362 21.376 14.6836C21.3758 15.0309 21.0388 15.3124 20.623 15.3125C20.2072 15.3125 19.8703 15.0309 19.8701 14.6836C19.8701 14.3362 20.2071 14.0547 20.623 14.0547Z"
-        fill="#3B82F6"
+        d="M17.5069 6.71806C17.3795 6.74355 17.3128 6.84688 17.2807 6.9495C17.2489 7.0515 17.2407 7.18073 17.2464 7.32157C17.2581 7.60618 17.3272 7.98259 17.4246 8.387C17.5648 8.96881 17.7677 9.62481 17.9563 10.1819C17.397 9.56156 16.6872 8.80542 16.0205 8.16044C15.5956 7.74938 15.1851 7.38097 14.8415 7.1204C14.67 6.99034 14.5113 6.88426 14.3735 6.81376C14.2423 6.74671 14.1053 6.69837 13.9867 6.71806C13.9222 6.7288 13.8646 6.75865 13.8222 6.80986C13.7817 6.85899 13.7617 6.91902 13.7537 6.97685C13.738 7.08931 13.7616 7.22876 13.8026 7.37724C13.886 7.67919 14.0631 8.07892 14.2824 8.50907C14.6273 9.18524 15.0861 9.95577 15.4809 10.5813C14.6669 10.0734 13.6058 9.45777 12.6266 8.98661C12.0337 8.70135 11.4649 8.4665 10.9973 8.3411C10.7639 8.27856 10.5493 8.24134 10.3667 8.2415C10.1863 8.24173 10.0185 8.27861 9.89763 8.38212C9.77618 8.4862 9.72784 8.62379 9.739 8.77372C9.74964 8.91629 9.81299 9.06743 9.90448 9.21806C10.0883 9.52045 10.4129 9.86545 10.7946 10.2122C11.2895 10.6618 11.8954 11.1277 12.4553 11.5257C11.6453 11.2373 10.6942 10.9246 9.82321 10.6927C9.1969 10.5259 8.60659 10.3996 8.13901 10.3528C7.90582 10.3295 7.69713 10.3255 7.52702 10.3489C7.36152 10.3718 7.20742 10.4242 7.1138 10.5364C7.01394 10.6564 7.01241 10.7988 7.06582 10.9319C7.1166 11.0584 7.2196 11.1866 7.34881 11.3128C7.60939 11.5672 8.0168 11.8497 8.48271 12.1302C9.17437 12.5466 10.0126 12.9692 10.7339 13.3059C9.92329 13.2331 8.96099 13.1778 8.1302 13.1927C7.57362 13.2027 7.06615 13.2449 6.70157 13.3382C6.5207 13.3845 6.3629 13.4466 6.25114 13.5325C6.13461 13.6222 6.05922 13.7469 6.0788 13.9036C6.11152 14.1642 6.32242 14.3712 6.58504 14.5335C6.85345 14.6993 7.20802 14.8393 7.58871 14.9554C8.11974 15.1173 8.71537 15.2364 9.22787 15.3157C8.56638 15.5083 7.75416 15.7706 7.00707 16.0638C6.51154 16.2582 6.04104 16.4673 5.66167 16.68C5.28828 16.8893 4.98242 17.1135 4.83818 17.344C4.76442 17.462 4.73036 17.5872 4.77159 17.7073C4.81197 17.8242 4.91238 17.9012 5.02128 17.9524C5.23729 18.054 5.57562 18.0958 5.94857 18.1058C6.5461 18.1217 7.2862 18.0565 7.90303 17.9768C7.35253 18.4189 6.67304 18.9849 6.10622 19.5003C5.75724 19.8176 5.44725 20.119 5.2367 20.3616C5.13215 20.4821 5.04718 20.5939 4.99484 20.6888C4.96893 20.7358 4.9477 20.7855 4.93805 20.8343C4.92853 20.8828 4.92775 20.9464 4.96547 21.0032C4.99177 21.0426 5.02937 21.0731 5.06535 21.096C5.10262 21.1197 5.14691 21.1409 5.1946 21.1604C5.28997 21.1995 5.41168 21.2359 5.55004 21.2698C5.82775 21.3379 6.18881 21.3997 6.57623 21.4544C7.3237 21.56 8.18389 21.6396 8.77254 21.6829C9.22631 22.4222 10.2287 23.4504 12.2447 23.4505C13.454 23.4505 14.1801 23.2617 14.5889 22.971C14.7963 22.8235 14.9222 22.6488 14.9855 22.4622C15.0483 22.277 15.0465 22.0884 15.0119 21.9153C14.9796 21.7542 14.8812 21.6193 14.7593 21.5091C14.6369 21.3985 14.4826 21.3052 14.3226 21.2288C14.2563 21.1972 14.1874 21.1688 14.1189 21.1419L17.5744 20.9388C17.7253 21.3107 17.9557 21.7816 18.2452 22.1722C18.5516 22.5855 18.9518 22.9464 19.4192 22.9466C19.9252 22.9466 20.4422 22.9159 20.8351 22.8177C21.0307 22.7687 21.2061 22.6998 21.3355 22.6028C21.4685 22.5031 21.5597 22.3669 21.5597 22.1917C21.5596 21.9927 21.4434 21.7756 21.3042 21.5677C21.1616 21.3549 20.9717 21.1206 20.794 20.889C20.6134 20.6535 20.4423 20.4169 20.324 20.1878C20.2051 19.9575 20.1472 19.7499 20.1732 19.5677C20.1971 19.4007 20.311 19.2629 20.5189 19.139C20.7279 19.0144 21.0131 18.9156 21.3424 18.8216C21.5059 18.7749 21.6776 18.7292 21.8535 18.6829C22.0288 18.6368 22.2085 18.59 22.3852 18.5384C22.7379 18.4354 23.0874 18.3139 23.383 18.1497C23.966 17.8258 24.4511 17.3733 24.7911 16.9202C25.1274 16.4719 25.3355 16.0038 25.3355 15.6487C25.3353 15.5339 25.2813 15.4127 25.2082 15.2962C25.1327 15.1761 25.0252 15.044 24.8968 14.9026C24.6398 14.6196 24.284 14.2866 23.8873 13.9261C23.0896 13.2012 22.1216 12.3587 21.4021 11.5403C20.6251 10.6565 19.8124 9.44335 19.1245 8.45439C18.7823 7.96251 18.4693 7.52442 18.2099 7.21513C18.0806 7.06098 17.9601 6.93331 17.8525 6.84696C17.799 6.80399 17.7443 6.76808 17.69 6.74443C17.636 6.72095 17.5724 6.70503 17.5069 6.71806ZM20.6785 14.1399C21.0955 14.14 21.4334 14.4215 21.4334 14.7688C21.4332 15.1161 21.0954 15.3976 20.6785 15.3977C20.2615 15.3977 19.9237 15.1162 19.9235 14.7688C19.9235 14.4214 20.2614 14.1399 20.6785 14.1399Z"
+        fill="white"
+        className="ignore-fill"
       />
     </svg>
   );

package/dist/templates/components/layout/Update.d.ts

@@ -1 +1 @@
-export declare const updateTemplate = "\"use client\";\nimport styled from \"styled-components\";\nimport { styledSmall } from \"cherry-styled-components\";\nimport { mq, Theme } from \"@/app/theme\";\nimport { slugify } from \"@/components/layout/Slug\";\n\nconst StyledUpdate = styled.div<{ theme: Theme; $columns?: number }>`\n  position: relative;\n  display: flex;\n  gap: 20px;\n  flex-direction: column;\n\n  ${mq(\"lg\")} {\n    margin: 20px 0;\n    flex-direction: row;\n  }\n`;\n\nconst StyledUpdateLabel = styled.a<{ theme: Theme }>`\n  display: inline-block;\n  width: fit-content;\n  background: ${({ theme }) =>\n    `color-mix(in srgb, ${theme.colors.primaryLight} 20%, transparent)`};\n  color: ${({ theme }) => theme.colors.primary};\n  padding: 2px 4px;\n  border-radius: ${({ theme }) => theme.spacing.radius.xs};\n  font-weight: 600;\n  text-decoration: none;\n  ${({ theme }) => styledSmall(theme)};\n\n  &:hover {\n    background: ${({ theme }) =>\n      `color-mix(in srgb, ${theme.colors.primaryLight} 35%, transparent)`};\n  }\n`;\n\nconst StyledUpdateDescription = styled.div<{ theme: Theme }>`\n  ${({ theme }) => styledSmall(theme)};\n  color: ${({ theme }) => theme.colors.gray};\n`;\n\nconst StyledUpdateSidebar = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n\n  ${mq(\"lg\")} {\n    min-width: 160px;\n  }\n`;\n\nconst StyledUpdateChildren = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n`;\n\ninterface UpdateProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  label: string;\n  description?: string;\n}\n\nfunction Update({ children, label = \"Label\", description, id }: UpdateProps) {\n  // MDXComponents injects a de-duplicated id from the shared slugger so the\n  // index sidebar anchor resolves here; fall back to a plain slug when used\n  // outside the MDX pipeline. The label doubles as an anchor so readers can\n  // right-click to copy the deep link (native #anchor jump is offset by the\n  // global scroll-padding-top).\n  const anchor = id ?? slugify(label);\n  return (\n    <StyledUpdate id={anchor}>\n      <StyledUpdateSidebar>\n        <div>\n          <StyledUpdateLabel href={`#${anchor}`}>{label}</StyledUpdateLabel>\n        </div>\n        {description && (\n          <StyledUpdateDescription>{description}</StyledUpdateDescription>\n        )}\n      </StyledUpdateSidebar>\n      <StyledUpdateChildren>{children}</StyledUpdateChildren>\n    </StyledUpdate>\n  );\n}\n\nexport { Update };\n";
+export declare const updateTemplate = "\"use client\";\nimport styled from \"styled-components\";\nimport { styledSmall } from \"cherry-styled-components\";\nimport { mq, Theme } from \"@/app/theme\";\nimport { slugify } from \"@/components/layout/Slug\";\n\nconst StyledUpdate = styled.div<{ theme: Theme; $columns?: number }>`\n  position: relative;\n  display: flex;\n  gap: 20px;\n  flex-direction: column;\n\n  ${mq(\"lg\")} {\n    margin: 20px 0;\n    flex-direction: row;\n  }\n`;\n\nconst StyledUpdateLabel = styled.a<{ theme: Theme }>`\n  display: inline-block;\n  width: fit-content;\n  background: ${({ theme }) =>\n    `color-mix(in srgb, ${theme.colors.primaryLight} 20%, transparent)`};\n  color: ${({ theme }) => theme.colors.primary};\n  padding: 2px 4px;\n  border-radius: ${({ theme }) => theme.spacing.radius.xs};\n  font-weight: 600;\n  text-decoration: none;\n  ${({ theme }) => styledSmall(theme)};\n\n  &:hover {\n    background: ${({ theme }) =>\n      `color-mix(in srgb, ${theme.colors.primaryLight} 35%, transparent)`};\n  }\n`;\n\nconst StyledUpdateDescription = styled.div<{ theme: Theme }>`\n  ${({ theme }) => styledSmall(theme)};\n  color: ${({ theme }) => theme.colors.gray};\n`;\n\nconst StyledUpdateSidebar = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n\n  ${mq(\"lg\")} {\n    position: sticky;\n    top: 80px;\n    align-self: flex-start;\n    min-width: 160px;\n  }\n`;\n\nconst StyledUpdateChildren = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n`;\n\ninterface UpdateProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  label: string;\n  description?: string;\n}\n\nfunction Update({ children, label = \"Label\", description, id }: UpdateProps) {\n  // MDXComponents injects a de-duplicated id from the shared slugger so the\n  // index sidebar anchor resolves here; fall back to a plain slug when used\n  // outside the MDX pipeline. The label doubles as an anchor so readers can\n  // right-click to copy the deep link (native #anchor jump is offset by the\n  // global scroll-padding-top).\n  const anchor = id ?? slugify(label);\n  return (\n    <StyledUpdate id={anchor}>\n      <StyledUpdateSidebar>\n        <div>\n          <StyledUpdateLabel href={`#${anchor}`}>{label}</StyledUpdateLabel>\n        </div>\n        {description && (\n          <StyledUpdateDescription>{description}</StyledUpdateDescription>\n        )}\n      </StyledUpdateSidebar>\n      <StyledUpdateChildren>{children}</StyledUpdateChildren>\n    </StyledUpdate>\n  );\n}\n\nexport { Update };\n";

package/dist/templates/components/layout/Update.js

@@ -45,6 +45,9 @@ const StyledUpdateSidebar = styled.div\`
   gap: 10px;
 
   \${mq("lg")} {
+    position: sticky;
+    top: 80px;
+    align-self: flex-start;
     min-width: 160px;
   }
 \`;

package/dist/templates/mdx/components.mdx.d.ts

@@ -1 +1 @@
-export declare const componentsMdxTemplate = "---\ntitle: \"Components\"\ndescription: \"Explore the full library of built-in components available in your documentation pages.\"\ndate: \"2026-02-19\"\ncategory: \"Components\"\ncategoryOrder: 1\ncategoryIcon: \"blocks\"\norder: 0\n---\n\n# Components\n\nDoccupine includes a rich set of built-in components you can use directly in your MDX files - no imports needed. Browse the full library below.\n\n<Columns cols={3}>\n  <Card title=\"Headers and Text\" icon=\"heading\" href=\"/headers-and-text\">\n    Headings, paragraphs, bold, italic, links, and other text formatting.\n  </Card>\n  <Card title=\"Lists and Tables\" icon=\"list\" href=\"/lists-and-tables\">\n    Ordered lists, unordered lists, and data tables.\n  </Card>\n  <Card title=\"Code\" icon=\"code\" href=\"/code\">\n    Inline code, fenced code blocks, and syntax highlighting.\n  </Card>\n  <Card title=\"Accordion\" icon=\"chevrons-down\" href=\"/accordion\">\n    Collapsible sections for organizing lengthy content.\n  </Card>\n  <Card title=\"Tabs\" icon=\"panel-top\" href=\"/tabs\">\n    Tabbed interfaces for grouping related content.\n  </Card>\n  <Card title=\"Cards\" icon=\"square\" href=\"/cards\">\n    Visual containers for content, icons, and links.\n  </Card>\n  <Card title=\"Buttons\" icon=\"mouse-pointer-click\" href=\"/buttons\">\n    Action components with variants, sizes, and icons.\n  </Card>\n  <Card title=\"Callouts\" icon=\"megaphone\" href=\"/callouts\">\n    Highlighted blocks for tips, warnings, and important notes.\n  </Card>\n  <Card title=\"Images and Embeds\" icon=\"image\" href=\"/image-and-embeds\">\n    Images, videos, and embedded content.\n  </Card>\n  <Card title=\"Icons\" icon=\"smile\" href=\"/icons\">\n    Lucide icons you can use anywhere in your docs.\n  </Card>\n  <Card title=\"Fields\" icon=\"text-cursor-input\" href=\"/fields\">\n    Property and parameter documentation blocks.\n  </Card>\n  <Card title=\"Update\" icon=\"bell\" href=\"/update\">\n    Changelog and update announcement blocks.\n  </Card>\n  <Card title=\"Columns\" icon=\"columns-3\" href=\"/columns\">\n    Grid layouts for arranging cards and content side by side.\n  </Card>\n  <Card title=\"Steps\" icon=\"footprints\" href=\"/steps\">\n    Numbered step-by-step guides and walkthroughs.\n  </Card>\n  <Card title=\"Color Swatches\" icon=\"palette\" href=\"/color-swatches\">\n    Visual color palette swatches to document your theme colors.\n  </Card>\n</Columns>";
+export declare const componentsMdxTemplate = "---\ntitle: \"Components\"\ndescription: \"Explore the full library of built-in components available in your documentation pages.\"\ndate: \"2026-02-19\"\ncategory: \"Components\"\ncategoryOrder: 1\ncategoryIcon: \"blocks\"\norder: 0\n---\n\n# Components\n\nDoccupine includes a rich set of built-in components you can use directly in your MDX files - no imports needed. Browse the full library below.\n\n<Columns cols={2}>\n  <Card title=\"Headers and Text\" icon=\"heading\" href=\"/headers-and-text\">\n    Headings, paragraphs, bold, italic, links, and other text formatting.\n  </Card>\n  <Card title=\"Lists and Tables\" icon=\"list\" href=\"/lists-and-tables\">\n    Ordered lists, unordered lists, and data tables.\n  </Card>\n  <Card title=\"Code\" icon=\"code\" href=\"/code\">\n    Inline code, fenced code blocks, and syntax highlighting.\n  </Card>\n  <Card title=\"Accordion\" icon=\"chevrons-down\" href=\"/accordion\">\n    Collapsible sections for organizing lengthy content.\n  </Card>\n  <Card title=\"Tabs\" icon=\"panel-top\" href=\"/tabs\">\n    Tabbed interfaces for grouping related content.\n  </Card>\n  <Card title=\"Cards\" icon=\"square\" href=\"/cards\">\n    Visual containers for content, icons, and links.\n  </Card>\n  <Card title=\"Buttons\" icon=\"mouse-pointer-click\" href=\"/buttons\">\n    Action components with variants, sizes, and icons.\n  </Card>\n  <Card title=\"Callouts\" icon=\"megaphone\" href=\"/callouts\">\n    Highlighted blocks for tips, warnings, and important notes.\n  </Card>\n  <Card title=\"Images and Embeds\" icon=\"image\" href=\"/image-and-embeds\">\n    Images, videos, and embedded content.\n  </Card>\n  <Card title=\"Icons\" icon=\"smile\" href=\"/icons\">\n    Lucide icons you can use anywhere in your docs.\n  </Card>\n  <Card title=\"Fields\" icon=\"text-cursor-input\" href=\"/fields\">\n    Property and parameter documentation blocks.\n  </Card>\n  <Card title=\"Update\" icon=\"bell\" href=\"/update\">\n    Changelog and update announcement blocks.\n  </Card>\n  <Card title=\"Columns\" icon=\"columns-3\" href=\"/columns\">\n    Grid layouts for arranging cards and content side by side.\n  </Card>\n  <Card title=\"Steps\" icon=\"footprints\" href=\"/steps\">\n    Numbered step-by-step guides and walkthroughs.\n  </Card>\n  <Card title=\"Color Swatches\" icon=\"palette\" href=\"/color-swatches\">\n    Visual color palette swatches to document your theme colors.\n  </Card>\n  <Card title=\"Mermaid\" icon=\"workflow\" href=\"/mermaid\">\n    Flowcharts, sequence diagrams, and other visualizations from Mermaid syntax.\n  </Card>\n</Columns>";

package/dist/templates/mdx/components.mdx.js

@@ -12,7 +12,7 @@ order: 0
 
 Doccupine includes a rich set of built-in components you can use directly in your MDX files - no imports needed. Browse the full library below.
 
-<Columns cols={3}>
+<Columns cols={2}>
   <Card title="Headers and Text" icon="heading" href="/headers-and-text">
     Headings, paragraphs, bold, italic, links, and other text formatting.
   </Card>
@@ -58,4 +58,7 @@ Doccupine includes a rich set of built-in components you can use directly in you
   <Card title="Color Swatches" icon="palette" href="/color-swatches">
     Visual color palette swatches to document your theme colors.
   </Card>
+  <Card title="Mermaid" icon="workflow" href="/mermaid">
+    Flowcharts, sequence diagrams, and other visualizations from Mermaid syntax.
+  </Card>
 </Columns>`;