Merge pull request #782 from ih8sun/feature/improve-macos-searchmenu

🛠️Adds native macOS shortcut support for opening the search menu

package.json

@@ -61,7 +61,7 @@
     "@eslint/compat": "1.3.2",
     "@eslint/js": "9.33.0",
     "@internationalized/date": "3.8.2",
-    "@lucide/svelte": "0.515.0",
+    "@lucide/svelte": "0.544.0",
     "@shikijs/rehype": "3.12.0",
     "@sveltejs/adapter-auto": "6.1.0",
     "@sveltejs/adapter-node": "5.3.1",

pnpm-lock.yaml

@@ -55,8 +55,8 @@ importers:
         specifier: 3.8.2
         version: 3.8.2
       '@lucide/svelte':
-        specifier: 0.515.0
-        version: 0.515.0(svelte@5.38.2)
+        specifier: 0.544.0
+        version: 0.544.0(svelte@5.38.2)
       '@shikijs/rehype':
         specifier: 3.12.0
         version: 3.12.0
@@ -606,8 +606,8 @@ packages:
   '@jridgewell/trace-mapping@0.3.30':
     resolution: {integrity: sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==}
 
-  '@lucide/svelte@0.515.0':
-    resolution: {integrity: sha512-CEAyqcZmNBfYzVgaRmK2RFJP5tnbXxekRyDk0XX/eZQRfsJmkDvmQwXNX8C869BgNeryzmrRyjHhUL6g9ZOHNA==}
+  '@lucide/svelte@0.544.0':
+    resolution: {integrity: sha512-9f9O6uxng2pLB01sxNySHduJN3HTl5p0HDu4H26VR51vhZfiMzyOMe9Mhof3XAk4l813eTtl+/DYRvGyoRR+yw==}
     peerDependencies:
       svelte: ^5
 
@@ -3656,7 +3656,7 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.5
 
-  '@lucide/svelte@0.515.0(svelte@5.38.2)':
+  '@lucide/svelte@0.544.0(svelte@5.38.2)':
     dependencies:
       svelte: 5.38.2
 

src/app.html

@@ -48,7 +48,7 @@
     <!-- Preload Fonts -->
     <link
       rel="preload"
-      href="%sveltekit.assets%/fonts/Geist.woff2"
+      href="%sveltekit.assets%/fonts/InterVariable.woff2"
       as="font"
       type="font/woff2"
       crossorigin="anonymous"

src/components/layout/header.svelte

@@ -4,7 +4,6 @@
   import { mode } from "mode-watcher";
   import ModeToggle from "@/components/modeToggle.svelte";
 
-  import Svgl from "@/components/logos/svgl.svelte";
   import Twitter from "@/components/logos/twitter.svelte";
 
   import { Separator } from "@/components/ui/separator";
@@ -13,6 +12,7 @@
   import SidebarMobileMenu from "@/components/layout/sidebarMobileMenu.svelte";
   import SettingsMenu from "@/components/settings/settingsMenu.svelte";
   import GithubLink from "@/components/githubLink.svelte";
+  import HomeLink from "@/components/layout/homeLink.svelte";
 </script>
 
 <header
@@ -21,13 +21,7 @@
   <nav class="flex w-full items-center justify-between">
     <div class="flex items-center space-x-2">
       <SidebarMobileMenu className="md:hidden" />
-      <a
-        href="/"
-        class="flex items-center space-x-2 transition-colors hover:text-neutral-700 dark:hover:text-neutral-300"
-      >
-        <Svgl size={28} />
-        <h2 class="text-xl font-medium tracking-tight">svgl</h2>
-      </a>
+      <HomeLink />
     </div>
     <div class="flex h-5 items-center space-x-2.5">
       <div class="flex items-center space-x-1.5">

src/components/layout/homeLink.svelte

@@ -0,0 +1,83 @@
+<script lang="ts">
+  import type { iSVG } from "@/types/svg";
+
+  import { globals } from "@/globals";
+  import { toast } from "svelte-sonner";
+  import { refreshAll } from "$app/navigation";
+  import { clipboard } from "@/utils/clipboard";
+
+  import { getSource } from "@/templates/getSource";
+
+  import Svgl from "@/components/logos/svgl.svelte";
+  import Github from "@/components/logos/github.svelte";
+  import * as ContextMenu from "@/components/ui/context-menu";
+
+  import CopyIcon from "@lucide/svelte/icons/copy";
+  import BugIcon from "@lucide/svelte/icons/bug";
+  import BoxIcon from "@lucide/svelte/icons/box";
+  import HeartHandshakeIcon from "@lucide/svelte/icons/heart-handshake";
+  import ArrowUpRight from "@lucide/svelte/icons/arrow-up-right";
+
+  const svgInfo = {
+    title: "Svgl",
+    category: "Library",
+    route: `/library/svgl.svg`,
+    url: "https://svgl.app",
+  } as iSVG;
+
+  const copySvgToClipboard = async () => {
+    let content = await getSource({
+      url: svgInfo.route as string,
+      optimize: false,
+    });
+
+    await clipboard(content);
+
+    const category = Array.isArray(svgInfo.category)
+      ? svgInfo.category.sort().join(" - ")
+      : svgInfo.category;
+
+    toast.success("Copied SVG to clipboard", {
+      description: `${svgInfo.title} - ${category}`,
+    });
+  };
+
+  const gotoUrl = (url: string) => {
+    window.open(url, "_blank");
+  };
+</script>
+
+<ContextMenu.Root>
+  <ContextMenu.Trigger>
+    <a
+      href="/"
+      class="flex items-center space-x-2 transition-colors hover:text-neutral-700 dark:hover:text-neutral-300"
+    >
+      <Svgl size={28} />
+      <h2 class="text-xl font-medium tracking-tight">svgl</h2>
+    </a>
+  </ContextMenu.Trigger>
+  <ContextMenu.Content class="w-fit">
+    <ContextMenu.Item onclick={() => copySvgToClipboard()}>
+      <CopyIcon size={14} />
+      <span>Copy SVG</span>
+    </ContextMenu.Item>
+    <ContextMenu.Item
+      onclick={() => gotoUrl(`${globals.githubUrl}/issues/new/choose`)}
+    >
+      <BugIcon size={14} />
+      <span>Create Issue</span>
+      <ArrowUpRight size={10} />
+    </ContextMenu.Item>
+    <ContextMenu.Item onclick={() => gotoUrl(globals.submitUrl)}>
+      <HeartHandshakeIcon size={14} />
+      <span>Contribute</span>
+      <ArrowUpRight size={10} />
+    </ContextMenu.Item>
+    <ContextMenu.Item onclick={() => gotoUrl(globals.githubUrl)}>
+      <Github size={14} />
+      <span>GitHub Repository</span>
+      <ArrowUpRight size={10} />
+    </ContextMenu.Item>
+  </ContextMenu.Content>
+</ContextMenu.Root>

src/components/search.svelte

@@ -29,7 +29,7 @@
   };
 
   const handleKeydown = (event: KeyboardEvent) => {
-    if (event.ctrlKey && event.key === "k") {
+    if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
       event.preventDefault();
       inputElement?.focus();
     }
@@ -51,7 +51,7 @@
       "pointer-events-none absolute top-1/2 left-2.5 -translate-y-1/2 transition-colors",
       searchValue
         ? "text-black dark:text-white"
-        : "text-neutral-400 dark:text-neutral-600",
+        : "text-neutral-400 dark:text-neutral-500",
     )}
   />
   <input

src/components/ui/context-menu/context-menu-content.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+  import { cn } from "@/utils/cn";
+
+  let {
+    ref = $bindable(null),
+    portalProps,
+    class: className,
+    ...restProps
+  }: ContextMenuPrimitive.ContentProps & {
+    portalProps?: ContextMenuPrimitive.PortalProps;
+  } = $props();
+</script>
+
+<ContextMenuPrimitive.Portal {...portalProps}>
+  <ContextMenuPrimitive.Content
+    bind:ref
+    data-slot="context-menu-content"
+    class={cn(
+      "z-50 max-h-(--bits-context-menu-content-available-height) min-w-[8rem] origin-(--bits-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-50",
+      className,
+    )}
+    {...restProps}
+  />
+</ContextMenuPrimitive.Portal>

src/components/ui/context-menu/context-menu-group.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+  let { ref = $bindable(null), ...restProps }: ContextMenuPrimitive.GroupProps =
+    $props();
+</script>
+
+<ContextMenuPrimitive.Group
+  bind:ref
+  data-slot="context-menu-group"
+  {...restProps}
+/>

src/components/ui/context-menu/context-menu-item.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { cn } from "@/utils/cn";
+  import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    inset,
+    variant = "default",
+    ...restProps
+  }: ContextMenuPrimitive.ItemProps & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+  } = $props();
+</script>
+
+<ContextMenuPrimitive.Item
+  bind:ref
+  data-slot="context-menu-item"
+  data-inset={inset}
+  data-variant={variant}
+  class={cn(
+    "relative flex cursor-default items-center gap-2.5 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-highlighted:bg-neutral-200 data-highlighted:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-neutral-700 data-[variant=destructive]:data-highlighted:bg-neutral-100 data-[variant=destructive]:data-highlighted:text-neutral-700 dark:data-highlighted:bg-neutral-800 dark:data-highlighted:text-neutral-50 dark:data-[variant=destructive]:data-highlighted:bg-neutral-700 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-neutral-500 dark:[&_svg:not([class*='text-'])]:text-neutral-400 data-[variant=destructive]:*:[svg]:text-neutral-700",
+    className,
+  )}
+  {...restProps}
+/>

src/components/ui/context-menu/context-menu-label.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+  import { cn } from "@/utils/cn";
+  import type { WithElementRef } from "@/types/components";
+  import type { HTMLAttributes } from "svelte/elements";
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    inset,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    inset?: boolean;
+  } = $props();
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="context-menu-label"
+  data-inset={inset}
+  class={cn(
+    "px-2 py-1.5 text-sm font-medium text-neutral-900 data-[inset]:pl-8 dark:text-neutral-100",
+    className,
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

src/components/ui/context-menu/context-menu-separator.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { cn } from "@/utils/cn";
+  import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: ContextMenuPrimitive.SeparatorProps = $props();
+</script>
+
+<ContextMenuPrimitive.Separator
+  bind:ref
+  data-slot="context-menu-separator"
+  class={cn("-mx-1 my-1 h-px bg-neutral-200 dark:bg-neutral-800", className)}
+  {...restProps}
+/>

src/components/ui/context-menu/context-menu-shortcut.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { cn } from "@/utils/cn";
+  import type { WithElementRef } from "bits-ui";
+  import type { HTMLAttributes } from "svelte/elements";
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+  bind:this={ref}
+  data-slot="context-menu-shortcut"
+  class={cn(
+    "ml-auto text-xs tracking-widest text-neutral-400 dark:text-neutral-600",
+    className,
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</span>

src/components/ui/context-menu/context-menu-trigger.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+  let {
+    ref = $bindable(null),
+    ...restProps
+  }: ContextMenuPrimitive.TriggerProps = $props();
+</script>
+
+<ContextMenuPrimitive.Trigger
+  bind:ref
+  data-slot="context-menu-trigger"
+  {...restProps}
+/>

src/components/ui/context-menu/index.ts

@@ -0,0 +1,34 @@
+import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+import Trigger from "./context-menu-trigger.svelte";
+import Group from "./context-menu-group.svelte";
+import Item from "./context-menu-item.svelte";
+import Content from "./context-menu-content.svelte";
+import Shortcut from "./context-menu-shortcut.svelte";
+import Separator from "./context-menu-separator.svelte";
+import Label from "./context-menu-label.svelte";
+
+const Sub = ContextMenuPrimitive.Sub;
+const Root = ContextMenuPrimitive.Root;
+
+export {
+  Sub,
+  Root,
+  Item,
+  Label,
+  Group,
+  Trigger,
+  Content,
+  Shortcut,
+  Separator,
+  //
+  Root as ContextMenu,
+  Sub as ContextMenuSub,
+  Item as ContextMenuItem,
+  Group as ContextMenuGroup,
+  Content as ContextMenuContent,
+  Trigger as ContextMenuTrigger,
+  Shortcut as ContextMenuShortcut,
+  Separator as ContextMenuSeparator,
+  Label as ContextMenuLabel,
+};

src/data/svgs.ts

@@ -2038,12 +2038,6 @@ export const svgs: iSVG[] = [
     route: "/library/calendly.svg",
     url: "https://calendly.com/",
   },
-  {
-    title: "Mintlify",
-    category: "Software",
-    route: "/library/mintlify.svg",
-    url: "https://mintlify.com/",
-  },
   {
     title: "Patreon",
     category: "Social",
@@ -3999,4 +3993,14 @@ export const svgs: iSVG[] = [
     },
     url: "https://lottiefiles.com/",
   },
+  {
+    title: "Mintlify",
+    category: "Software",
+    route: "/library/mintlify.svg",
+    wordmark: {
+      light: "/library/mintlify_wordmark_light.svg",
+      dark: "/library/mintlify_wordmark_dark.svg",
+    },
+    url: "https://mintlify.com/",
+  },
 ];

src/globals.ts

@@ -1,4 +1,5 @@
 export const globals = {
+  appUrl: "https://svgl.app",
   githubUrl: "https://github.com/pheralb/svgl",
   apiGithub: {
     url: "https://ungh.cc/repos/pheralb/svgl",

src/styles/globals.css

@@ -8,8 +8,8 @@
 
 /* Fonts */
 @font-face {
-  font-family: "Geist";
-  src: url("/fonts/Geist.woff2") format("woff2");
+  font-family: "InterVariable";
+  src: url("/fonts/InterVariable.woff2") format("woff2");
   font-weight: 100 900;
   font-display: swap;
   font-style: normal;
@@ -25,7 +25,7 @@
 
 @theme {
   --font-sans:
-    "Geist", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+    "InterVariable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
     "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-mono:
     "GeistMono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,

static/library/mintlify.svg

@@ -1,6 +1,20 @@
-<svg width="1000" height="1000" viewBox="0 0 1000 1000" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="1000" height="1000" rx="64" fill="#041811"/>
-<path d="M328.655 428.699C329.076 371.36 351.816 316.439 392.051 275.585H391.977L236.638 430.924H236.712C236.134 431.379 235.589 431.874 235.081 432.407C197.303 470.136 174.398 520.224 170.571 573.478C166.744 626.732 182.251 679.58 214.246 722.324L371.142 565.428L372.773 563.87C343.531 524.929 328.016 477.394 328.655 428.699V428.699Z" fill="#0C8C5E"/>
-<path d="M705.844 589.451C676.112 618.588 638.793 638.785 598.139 647.739C557.485 656.693 515.133 654.044 475.912 640.094C455 632.671 435.347 622.094 417.632 608.73L416.001 610.361L259.104 767.183C301.865 799.098 354.685 814.556 407.905 810.73C461.126 806.904 511.191 784.05 548.947 746.347L550.504 744.79L705.844 589.451Z" fill="#0C8C5E"/>
-<path d="M772.428 430.924V209H550.505C521.359 208.971 492.494 214.701 465.569 225.86C438.644 237.019 414.189 253.389 393.609 274.028L392.051 275.585C364.925 303.124 345.516 337.312 335.773 374.72C353.41 370.153 371.535 367.738 389.753 367.528C438.45 366.954 485.971 382.491 524.924 411.72C559.933 437.828 586.429 473.715 601.073 514.859C615.998 556.911 617.961 602.475 606.709 645.655C644.123 635.929 678.315 616.518 705.844 589.377L707.401 587.894C728.049 567.305 744.423 542.838 755.583 515.9C766.742 488.961 772.467 460.082 772.428 430.924V430.924Z" fill="#18E299"/>
-</svg>
+<svg
+  width="19"
+  height="19"
+  viewBox="0 0 19 19"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M18.367 7.28888V1.59755C18.367 0.986819 17.8715 0.5 17.2699 0.5H11.5812C10.6877 0.5 9.80295 0.677018 8.98017 1.01336C8.15738 1.35856 7.40539 1.85424 6.77724 2.49152L6.733 2.53578C5.90137 3.37664 5.30862 4.42108 5.00781 5.57174C5.54749 5.43012 6.10483 5.35931 6.6622 5.35046C8.14852 5.33276 9.60831 5.81073 10.7938 6.7047C11.8643 7.50131 12.6783 8.59885 13.1206 9.86458C13.5807 11.148 13.6337 12.5465 13.2887 13.8653C14.43 13.5644 15.4828 12.9714 16.3233 12.1393L16.3675 12.0951C16.9957 11.4667 17.4999 10.7143 17.845 9.89114C18.19 9.06797 18.3581 8.18285 18.3581 7.28888H18.367Z"
+    fill="#18E299"
+  />
+  <path
+    d="M4.83793 7.193C4.84674 5.44706 5.54303 3.77167 6.76814 2.51953L2.03511 7.25472C2.01749 7.27236 1.99985 7.28117 1.98222 7.29881C0.827615 8.44513 0.131342 9.97945 0.0167623 11.6019C-0.0890033 13.1186 0.307609 14.6176 1.15373 15.8698C1.23444 15.9892 1.45343 16.0285 1.57682 15.9139L4.47656 13.0216C5.38438 12.1134 5.66643 10.7642 5.23455 9.55618C4.96132 8.80666 4.82912 8.00424 4.83793 7.193Z"
+    fill="#0C8C5E"
+  />
+  <path
+    d="M16.341 12.0938C15.4332 12.9844 14.2962 13.6016 13.0623 13.875C11.8195 14.1483 10.5327 14.0689 9.33405 13.6457C9.33405 13.6457 9.32522 13.6457 9.31641 13.6457C8.10892 13.2136 6.76042 13.4958 5.8526 14.3952L2.95282 17.2875C2.82943 17.4109 2.84706 17.6137 2.99689 17.7107C4.24845 18.5484 5.74683 18.954 7.26281 18.8482C8.88455 18.7336 10.4093 18.037 11.5639 16.8818L11.608 16.8378L16.341 12.1026V12.0938Z"
+    fill="#0C8C5E"
+  />
+</svg>

static/library/mintlify_wordmark_dark.svg

@@ -0,0 +1,53 @@
+<svg
+  width="104"
+  height="24"
+  viewBox="0 0 104 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M18.4725 9.60528V3.91396C18.4725 3.30323 17.977 2.81641 17.3754 2.81641H11.6867C10.7931 2.81641 9.90842 2.99342 9.08564 3.32977C8.26285 3.67497 7.51085 4.17064 6.88271 4.80793L6.83847 4.85219C6.00684 5.69305 5.41408 6.73749 5.11328 7.88815C5.65296 7.74653 6.2103 7.67572 6.76767 7.66687C8.25399 7.64916 9.71378 8.12713 10.8993 9.02111C11.9698 9.81771 12.7837 10.9153 13.2261 12.181C13.6861 13.4644 13.7392 14.8629 13.3942 16.1817C14.5354 15.8808 15.5883 15.2878 16.4288 14.4558L16.473 14.4115C17.1011 13.7831 17.6054 13.0307 17.9504 12.2075C18.2955 11.3844 18.4636 10.4993 18.4636 9.60528H18.4725Z"
+    fill="#18E299"
+  />
+  <path
+    d="M4.9434 9.50941C4.95221 7.76347 5.64849 6.08807 6.87361 4.83594L2.14058 9.57113C2.12296 9.58876 2.10532 9.59758 2.08769 9.61522C0.933084 10.7615 0.23681 12.2959 0.122231 13.9183C0.0164654 15.435 0.413078 16.934 1.2592 18.1862C1.33991 18.3056 1.5589 18.3449 1.68229 18.2303L4.58202 15.338C5.48985 14.4298 5.7719 13.0806 5.34002 11.8726C5.06679 11.1231 4.93459 10.3207 4.9434 9.50941Z"
+    fill="#0C8C5E"
+  />
+  <path
+    d="M16.4445 14.4121C15.5367 15.3027 14.3997 15.92 13.1658 16.1933C11.923 16.4667 10.6362 16.3873 9.43757 15.9641C9.43757 15.9641 9.42874 15.9641 9.41992 15.9641C8.21243 15.532 6.86394 15.8141 5.95612 16.7136L3.05634 19.6058C2.93295 19.7293 2.95057 19.9321 3.10041 20.0291C4.35197 20.8668 5.85035 21.2724 7.36632 21.1666C8.98806 21.052 10.5128 20.3553 11.6674 19.2002L11.7115 19.1561L16.4445 14.4209V14.4121Z"
+    fill="#0C8C5E"
+  />
+  <path
+    d="M96.2355 23.5H92.6842L95.1868 17.8513L90.1816 6.60156H93.7568L96.6734 13.6537C96.7753 13.9002 97.1246 13.8997 97.2259 13.653L100.12 6.60156H103.719L96.2355 23.5Z"
+    fill="#ffff"
+  />
+  <path
+    d="M85.4483 18.5186V9.46164H83.041V6.60154H85.4483V5.05232C85.4483 3.63816 85.8773 2.5259 86.7353 1.71554C87.5933 0.90518 88.6818 0.5 90.0006 0.5C90.8109 0.5 91.5021 0.587392 92.0742 0.762175V3.64611C91.6928 3.5031 91.2479 3.4316 90.7394 3.4316C90.0244 3.4316 89.508 3.59049 89.1902 3.90828C88.8724 4.21018 88.7135 4.72659 88.7135 5.4575V6.60154H92.0742V9.46164H88.7135V18.5186H85.4483Z"
+    fill="#ffff"
+  />
+  <path
+    d="M80.1204 4.64714C79.5643 4.64714 79.0797 4.44852 78.6666 4.05129C78.2534 3.63816 78.0469 3.14559 78.0469 2.57357C78.0469 2.00155 78.2534 1.51692 78.6666 1.11969C79.0797 0.706563 79.5643 0.5 80.1204 0.5C80.7084 0.5 81.2009 0.706563 81.5982 1.11969C82.0113 1.51692 82.2178 2.00155 82.2178 2.57357C82.2178 3.14559 82.0113 3.63816 81.5982 4.05129C81.2009 4.44852 80.7084 4.64714 80.1204 4.64714ZM78.4997 18.5186V6.60154H81.765V18.5186H78.4997Z"
+    fill="#ffff"
+  />
+  <path
+    d="M72.8125 18.5182V0.642578H76.0778V18.5182H72.8125Z"
+    fill="#ffff"
+  />
+  <path
+    d="M69.1256 18.6621C67.7909 18.6621 66.6945 18.2966 65.8365 17.5657C64.9943 16.8189 64.5733 15.7464 64.5733 14.3481V9.46211H62.166V6.60201H64.5733V3.28906H67.8385V6.60201H71.1992V9.46211H67.8385V13.7046C67.8385 14.4355 67.9974 14.9598 68.3152 15.2776C68.633 15.5795 69.1494 15.7305 69.8644 15.7305C70.3729 15.7305 70.8178 15.659 71.1992 15.516V18.3999C70.6271 18.5747 69.9359 18.6621 69.1256 18.6621Z"
+    fill="#ffff"
+  />
+  <path
+    d="M49.9434 18.5191V6.60202H53.2086V7.47307C53.2086 7.62037 53.4091 7.6855 53.5066 7.57513C54.2346 6.75161 55.2713 6.33984 56.6169 6.33984C58.047 6.33984 59.1672 6.81653 59.9775 7.76989C60.8038 8.70737 61.2169 9.96263 61.2169 11.5357V18.5191H57.9516V12.0839C57.9516 11.21 57.7689 10.5347 57.4034 10.058C57.038 9.5654 56.5216 9.31911 55.8542 9.31911C55.0598 9.31911 54.4162 9.60512 53.9237 10.1771C53.447 10.7492 53.2086 11.5913 53.2086 12.7036V18.5191H49.9434Z"
+    fill="#ffff"
+  />
+  <path
+    d="M45.8783 4.64714C45.3221 4.64714 44.8375 4.44852 44.4244 4.05129C44.0113 3.63816 43.8047 3.14559 43.8047 2.57357C43.8047 2.00155 44.0113 1.51692 44.4244 1.11969C44.8375 0.706563 45.3221 0.5 45.8783 0.5C46.4662 0.5 46.9587 0.706563 47.356 1.11969C47.7691 1.51692 47.9757 2.00155 47.9757 2.57357C47.9757 3.14559 47.7691 3.63816 47.356 4.05129C46.9587 4.44852 46.4662 4.64714 45.8783 4.64714ZM44.2575 18.5186V6.60154H47.5228V18.5186H44.2575Z"
+    fill="#ffff"
+  />
+  <path
+    d="M38.7147 18.5191V12.1554C38.7147 10.2645 38.095 9.31911 36.8557 9.31911C36.1406 9.31911 35.5686 9.58923 35.1396 10.1295C34.7265 10.6697 34.504 11.4721 34.4722 12.5367V18.5191H31.207V12.1554C31.207 10.2645 30.5873 9.31911 29.3479 9.31911C28.617 9.31911 28.037 9.60512 27.608 10.1771C27.179 10.7492 26.9645 11.5913 26.9645 12.7036V18.5191H23.6992V6.60202H26.9645V7.48165C26.9645 7.62818 27.1615 7.69271 27.2578 7.58222C27.9791 6.75397 28.938 6.33984 30.1344 6.33984C31.7067 6.33984 32.8909 6.98895 33.687 8.28717C33.7498 8.38958 33.9044 8.38799 33.9668 8.28535C34.311 7.71964 34.7893 7.26975 35.4018 6.9357C36.1009 6.53846 36.808 6.33984 37.523 6.33984C38.9372 6.33984 40.0335 6.80858 40.8121 7.74606C41.5907 8.68353 41.98 9.97058 41.98 11.6072V18.5191H38.7147Z"
+    fill="#ffff"
+  />
+  <!-- With love, the mintlify team -->
+</svg>

static/library/mintlify_wordmark_light.svg

@@ -0,0 +1,53 @@
+<svg
+  width="104"
+  height="24"
+  viewBox="0 0 104 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M18.4725 9.60528V3.91396C18.4725 3.30323 17.977 2.81641 17.3754 2.81641H11.6867C10.7931 2.81641 9.90842 2.99342 9.08564 3.32977C8.26285 3.67497 7.51085 4.17064 6.88271 4.80793L6.83847 4.85219C6.00684 5.69305 5.41408 6.73749 5.11328 7.88815C5.65296 7.74653 6.2103 7.67572 6.76767 7.66687C8.25399 7.64916 9.71378 8.12713 10.8993 9.02111C11.9698 9.81771 12.7837 10.9153 13.2261 12.181C13.6861 13.4644 13.7392 14.8629 13.3942 16.1817C14.5354 15.8808 15.5883 15.2878 16.4288 14.4558L16.473 14.4115C17.1011 13.7831 17.6054 13.0307 17.9504 12.2075C18.2955 11.3844 18.4636 10.4993 18.4636 9.60528H18.4725Z"
+    fill="#18E299"
+  />
+  <path
+    d="M4.9434 9.50941C4.95221 7.76347 5.64849 6.08807 6.87361 4.83594L2.14058 9.57113C2.12296 9.58876 2.10532 9.59758 2.08769 9.61522C0.933084 10.7615 0.23681 12.2959 0.122231 13.9183C0.0164654 15.435 0.413078 16.934 1.2592 18.1862C1.33991 18.3056 1.5589 18.3449 1.68229 18.2303L4.58202 15.338C5.48985 14.4298 5.7719 13.0806 5.34002 11.8726C5.06679 11.1231 4.93459 10.3207 4.9434 9.50941Z"
+    fill="#0C8C5E"
+  />
+  <path
+    d="M16.4445 14.4121C15.5367 15.3027 14.3997 15.92 13.1658 16.1933C11.923 16.4667 10.6362 16.3873 9.43757 15.9641C9.43757 15.9641 9.42874 15.9641 9.41992 15.9641C8.21243 15.532 6.86394 15.8141 5.95612 16.7136L3.05634 19.6058C2.93295 19.7293 2.95057 19.9321 3.10041 20.0291C4.35197 20.8668 5.85035 21.2724 7.36632 21.1666C8.98806 21.052 10.5128 20.3553 11.6674 19.2002L11.7115 19.1561L16.4445 14.4209V14.4121Z"
+    fill="#0C8C5E"
+  />
+  <path
+    d="M96.2355 23.5H92.6842L95.1868 17.8513L90.1816 6.60156H93.7568L96.6734 13.6537C96.7753 13.9002 97.1246 13.8997 97.2259 13.653L100.12 6.60156H103.719L96.2355 23.5Z"
+    fill="#08090A"
+  />
+  <path
+    d="M85.4483 18.5186V9.46164H83.041V6.60154H85.4483V5.05232C85.4483 3.63816 85.8773 2.5259 86.7353 1.71554C87.5933 0.90518 88.6818 0.5 90.0006 0.5C90.8109 0.5 91.5021 0.587392 92.0742 0.762175V3.64611C91.6928 3.5031 91.2479 3.4316 90.7394 3.4316C90.0244 3.4316 89.508 3.59049 89.1902 3.90828C88.8724 4.21018 88.7135 4.72659 88.7135 5.4575V6.60154H92.0742V9.46164H88.7135V18.5186H85.4483Z"
+    fill="#08090A"
+  />
+  <path
+    d="M80.1204 4.64714C79.5643 4.64714 79.0797 4.44852 78.6666 4.05129C78.2534 3.63816 78.0469 3.14559 78.0469 2.57357C78.0469 2.00155 78.2534 1.51692 78.6666 1.11969C79.0797 0.706563 79.5643 0.5 80.1204 0.5C80.7084 0.5 81.2009 0.706563 81.5982 1.11969C82.0113 1.51692 82.2178 2.00155 82.2178 2.57357C82.2178 3.14559 82.0113 3.63816 81.5982 4.05129C81.2009 4.44852 80.7084 4.64714 80.1204 4.64714ZM78.4997 18.5186V6.60154H81.765V18.5186H78.4997Z"
+    fill="#08090A"
+  />
+  <path
+    d="M72.8125 18.5182V0.642578H76.0778V18.5182H72.8125Z"
+    fill="#08090A"
+  />
+  <path
+    d="M69.1256 18.6621C67.7909 18.6621 66.6945 18.2966 65.8365 17.5657C64.9943 16.8189 64.5733 15.7464 64.5733 14.3481V9.46211H62.166V6.60201H64.5733V3.28906H67.8385V6.60201H71.1992V9.46211H67.8385V13.7046C67.8385 14.4355 67.9974 14.9598 68.3152 15.2776C68.633 15.5795 69.1494 15.7305 69.8644 15.7305C70.3729 15.7305 70.8178 15.659 71.1992 15.516V18.3999C70.6271 18.5747 69.9359 18.6621 69.1256 18.6621Z"
+    fill="#08090A"
+  />
+  <path
+    d="M49.9434 18.5191V6.60202H53.2086V7.47307C53.2086 7.62037 53.4091 7.6855 53.5066 7.57513C54.2346 6.75161 55.2713 6.33984 56.6169 6.33984C58.047 6.33984 59.1672 6.81653 59.9775 7.76989C60.8038 8.70737 61.2169 9.96263 61.2169 11.5357V18.5191H57.9516V12.0839C57.9516 11.21 57.7689 10.5347 57.4034 10.058C57.038 9.5654 56.5216 9.31911 55.8542 9.31911C55.0598 9.31911 54.4162 9.60512 53.9237 10.1771C53.447 10.7492 53.2086 11.5913 53.2086 12.7036V18.5191H49.9434Z"
+    fill="#08090A"
+  />
+  <path
+    d="M45.8783 4.64714C45.3221 4.64714 44.8375 4.44852 44.4244 4.05129C44.0113 3.63816 43.8047 3.14559 43.8047 2.57357C43.8047 2.00155 44.0113 1.51692 44.4244 1.11969C44.8375 0.706563 45.3221 0.5 45.8783 0.5C46.4662 0.5 46.9587 0.706563 47.356 1.11969C47.7691 1.51692 47.9757 2.00155 47.9757 2.57357C47.9757 3.14559 47.7691 3.63816 47.356 4.05129C46.9587 4.44852 46.4662 4.64714 45.8783 4.64714ZM44.2575 18.5186V6.60154H47.5228V18.5186H44.2575Z"
+    fill="#08090A"
+  />
+  <path
+    d="M38.7147 18.5191V12.1554C38.7147 10.2645 38.095 9.31911 36.8557 9.31911C36.1406 9.31911 35.5686 9.58923 35.1396 10.1295C34.7265 10.6697 34.504 11.4721 34.4722 12.5367V18.5191H31.207V12.1554C31.207 10.2645 30.5873 9.31911 29.3479 9.31911C28.617 9.31911 28.037 9.60512 27.608 10.1771C27.179 10.7492 26.9645 11.5913 26.9645 12.7036V18.5191H23.6992V6.60202H26.9645V7.48165C26.9645 7.62818 27.1615 7.69271 27.2578 7.58222C27.9791 6.75397 28.938 6.33984 30.1344 6.33984C31.7067 6.33984 32.8909 6.98895 33.687 8.28717C33.7498 8.38958 33.9044 8.38799 33.9668 8.28535C34.311 7.71964 34.7893 7.26975 35.4018 6.9357C36.1009 6.53846 36.808 6.33984 37.523 6.33984C38.9372 6.33984 40.0335 6.80858 40.8121 7.74606C41.5907 8.68353 41.98 9.97058 41.98 11.6072V18.5191H38.7147Z"
+    fill="#08090A"
+  />
+  <!-- With love, the mintlify team -->
+</svg>