@mehdad67/apitogo 0.1.24

package/src/config/validators/reason-codes.ts

@@ -0,0 +1,7 @@
+export const REASON_CODES = {
+  UNAUTHORIZED: "unauthorized",
+  FORBIDDEN: "forbidden",
+} as const;
+
+export type ReasonCode = (typeof REASON_CODES)[keyof typeof REASON_CODES];
+export type ProtectedRouteResult = boolean | ReasonCode;

package/src/env.d.ts

@@ -0,0 +1,11 @@
+declare global {
+  namespace NodeJS {
+    interface ProcessEnv {
+      ZUDOKU_ENV: "standalone" | "internal" | "module";
+      ZUPLO_BUILD_ID?: string;
+      IS_ZUPLO: string;
+    }
+  }
+}
+
+export {};

package/src/index.ts

@@ -0,0 +1,74 @@
+export type {
+  ApitogoBuildConfig,
+  ApitogoConfig,
+  ZudokuBuildConfig,
+  ModulesConfig,
+  ResolvedModulesConfig,
+  ResolvedLandingContent,
+  ResolvedDashboardContent,
+  ResolvedProfileContent,
+  ResolvedPlansContent,
+  ResolvedLandingModule,
+  ResolvedUserPanelModule,
+  ResolvedDashboardModule,
+  ResolvedUserManagementModule,
+  ResolvedApiKeysModule,
+  ResolvedPlansModule,
+  DocsModuleConfig,
+  LandingModuleConfig,
+  LandingContentConfig,
+  LandingFeatureConfig,
+  LandingLinkConfig,
+  DashboardContentConfig,
+  ProfileContentConfig,
+  PlansContentConfig,
+  PlanTierConfig,
+  UserPanelModuleConfig,
+  DashboardModuleConfig,
+  UserManagementModuleConfig,
+  ApiKeysModuleConfig,
+  PlansModuleConfig,
+} from "./config/config.js";
+export {
+  resolveModulesConfig,
+  getEffectiveRedirects,
+} from "./config/resolve-modules.js";
+export { LandingLayout } from "./lib/components/LandingLayout.js";
+export { createPlugin } from "./config/create-plugin.js";
+export type { InputNavigation as Navigation } from "./config/validators/InputNavigationSchema.js";
+export type { SlotType } from "./lib/components/context/SlotProvider.js";
+export {
+  type CustomSlotNames,
+  Slot,
+  type SlotName,
+} from "./lib/components/Slot.js";
+export type {
+  ApiIdentityPlugin,
+  AuthenticationPlugin,
+  CommonPlugin,
+  NavigationPlugin,
+  ProfileMenuPlugin,
+  ProfileNavigationItem,
+  RouteObject,
+  SearchProviderPlugin,
+  TransformConfigContext,
+  ApitogoPlugin,
+} from "./lib/core/plugins.js";
+export type { ApiIdentity, ApitogoEvents } from "./lib/core/ZudokuContext.js";
+/** @deprecated Use {@link ApitogoContextOptions} instead. */
+export type { ZudokuContextOptions } from "./lib/core/ZudokuContext.js";
+export type { ZudokuContextOptions as ApitogoContextOptions } from "./lib/core/ZudokuContext.js";
+/** @deprecated Use {@link ApitogoContext} instead. */
+export { ZudokuContext } from "./lib/core/ZudokuContext.js";
+export { ZudokuContext as ApitogoContext } from "./lib/core/ZudokuContext.js";
+/** @deprecated Import from `apitogo/hooks` instead */
+export { useEvent } from "./lib/hooks/index.js";
+export type { MDXImport } from "./lib/plugins/markdown/index.js";
+export { defaultLanguages } from "./lib/shiki.js";
+export { cn } from "./lib/ui/util.js";
+export { joinUrl } from "./lib/util/joinUrl.js";
+export {
+  type ProblemJson,
+  throwIfProblemJson,
+} from "./lib/util/problemJson.js";
+export type { MdxComponentsType } from "./lib/util/MdxComponents.js";

package/src/lib/MissingIcon.tsx

@@ -0,0 +1,22 @@
+import { CircleDashed, type LucideProps } from "lucide-react";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "./ui/Tooltip.js";
+
+export const MissingIcon = (props: LucideProps) => {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger className="text-red-500">
+          <CircleDashed {...props} />
+        </TooltipTrigger>
+        <TooltipContent>
+          Icon not found, see: https://lucide.dev/icons/
+        </TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+};

package/src/lib/assets/language-icons/bun.tsx

@@ -0,0 +1,50 @@
+import type { SVGProps } from "react";
+
+const BunIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 128 128"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path d="M113.744 41.999a18.558 18.558 0 0 0-.8-.772c-.272-.246-.528-.524-.8-.771s-.528-.525-.8-.771c-.272-.247-.528-.525-.8-.772s-.528-.524-.8-.771-.528-.525-.8-.772-.528-.524-.8-.771c7.936 7.52 12.483 17.752 12.656 28.481 0 25.565-26.912 46.363-60 46.363-18.528 0-35.104-6.526-46.128-16.756l.8.772.8.771.8.772.8.771.8.772.8.771.8.771c11.008 10.662 27.952 17.527 46.928 17.527 33.088 0 60-20.797 60-46.285 0-10.893-4.864-21.215-13.456-29.33z" />
+    <path
+      fill="#fbf0df"
+      d="M116.8 65.08c0 23.467-25.072 42.49-56 42.49s-56-19.023-56-42.49c0-14.55 9.6-27.401 24.352-35.023C43.904 22.435 53.088 14.628 60.8 14.628S75.104 21 92.448 30.058C107.2 37.677 116.8 50.53 116.8 65.08Z"
+    />
+    <path
+      fill="#f6dece"
+      d="M116.8 65.08a32.314 32.314 0 0 0-1.28-8.918c-4.368 51.377-69.36 53.846-94.912 38.48 11.486 8.584 25.66 13.144 40.192 12.928 30.88 0 56-19.054 56-42.49z"
+    />
+    <path
+      fill="#fffefc"
+      d="M39.248 27.234c7.152-4.135 16.656-11.896 26-11.911a15.372 15.372 0 0 0-4.448-.695c-3.872 0-8 1.93-13.2 4.83-1.808 1.018-3.68 2.144-5.664 3.317-3.728 2.222-8 4.736-12.8 7.251C13.904 37.972 4.8 51.071 4.8 65.08v1.836c9.696-33.033 27.312-35.547 34.448-39.682z"
+    />
+    <path
+      fill="#ccbea7"
+      d="M56.192 18.532A24.553 24.553 0 0 1 53.867 29.1a25.407 25.407 0 0 1-6.683 8.671c-.448.386-.096 1.127.48.91 5.392-2.02 12.672-8.068 9.6-20.272-.128-.695-1.072-.51-1.072.123zm3.632 0a24.474 24.474 0 0 1 3.646 10.12c.445 3.587.08 7.224-1.07 10.662-.192.54.496 1.003.88.556 3.504-4.32 6.56-12.899-2.592-22.156-.464-.4-1.184.216-.864.756zm4.416-.262a25.702 25.702 0 0 1 7.521 7.925A24.71 24.71 0 0 1 75.2 36.414c-.016.13.02.26.101.365a.543.543 0 0 0 .718.117.509.509 0 0 0 .221-.313c1.472-5.384.64-14.564-11.472-19.332-.64-.246-1.056.587-.528.957zM34.704 34.315a27.418 27.418 0 0 0 9.91-5.222 26.262 26.262 0 0 0 6.842-8.663c.288-.556 1.2-.34 1.056.277-2.768 12.343-12.032 14.92-17.792 14.58-.608.016-.592-.802-.016-.972z"
+    />
+    <path d="M60.8 111.443c-33.088 0-60-20.798-60-46.363 0-15.429 9.888-29.823 26.448-38.448 4.8-2.469 8.912-4.953 12.576-7.128 2.016-1.203 3.92-2.33 5.76-3.379C51.2 12.916 56 10.771 60.8 10.771c4.8 0 8.992 1.852 14.24 4.845 1.6.88 3.2 1.836 4.912 2.885 3.984 2.376 8.48 5.06 14.4 8.131 16.56 8.625 26.448 23.004 26.448 38.448 0 25.565-26.912 46.363-60 46.363zm0-96.814c-3.872 0-8 1.928-13.2 4.829-1.808 1.018-3.68 2.144-5.664 3.317-3.728 2.222-8 4.736-12.8 7.251C13.904 37.972 4.8 51.071 4.8 65.08c0 23.436 25.12 42.506 56 42.506s56-19.07 56-42.506c0-14.01-9.104-27.108-24.352-35.023-6.048-3.086-10.768-5.986-14.592-8.27-1.744-1.033-3.344-1.99-4.8-2.838-4.848-2.778-8.384-4.32-12.256-4.32z" />
+    <path
+      fill="#b71422"
+      d="M72.08 76.343c-.719 2.839-2.355 5.383-4.672 7.267a11.07 11.07 0 0 1-6.4 2.9 11.13 11.13 0 0 1-6.608-2.9c-2.293-1.892-3.906-4.436-4.608-7.267a1.073 1.073 0 0 1 .05-.5 1.11 1.11 0 0 1 .272-.428 1.19 1.19 0 0 1 .958-.322h19.744a1.185 1.185 0 0 1 .947.33 1.073 1.073 0 0 1 .317.92z"
+    />
+    <path
+      fill="#ff6164"
+      d="M54.4 83.733a11.24 11.24 0 0 0 6.592 2.932 11.239 11.239 0 0 0 6.576-2.932 16.652 16.652 0 0 0 1.6-1.65 10.904 10.904 0 0 0-3.538-2.564 11.26 11.26 0 0 0-4.302-1 10.121 10.121 0 0 0-4.549 1.192 9.71 9.71 0 0 0-3.451 3.097c.368.323.688.632 1.072.925z"
+    />
+    <path d="M54.656 82.514a8.518 8.518 0 0 1 2.97-2.347 8.836 8.836 0 0 1 3.734-.862 9.78 9.78 0 0 1 6.4 2.608c.368-.386.72-.787 1.056-1.188-2.035-1.87-4.726-2.933-7.536-2.978a10.487 10.487 0 0 0-4.335.975 10.125 10.125 0 0 0-3.489 2.666c.378.396.779.772 1.2 1.126z" />
+    <path d="M60.944 87.436a12.078 12.078 0 0 1-7.12-3.086c-2.477-2.02-4.22-4.75-4.976-7.791-.054-.27-.045-.55.027-.817a1.83 1.83 0 0 1 .389-.726 2.25 2.25 0 0 1 .81-.595 2.32 2.32 0 0 1 .998-.192h19.744c.343-.007.683.06.996.196a2.3 2.3 0 0 1 .812.591c.182.212.313.46.382.728.07.267.076.545.018.815-.756 3.042-2.5 5.771-4.976 7.791a12.078 12.078 0 0 1-7.104 3.086zm-9.872-11.417c-.256 0-.32.108-.336.139.676 2.638 2.206 4.999 4.368 6.742a10.122 10.122 0 0 0 5.84 2.7 10.207 10.207 0 0 0 5.84-2.67c2.155-1.745 3.679-4.106 4.352-6.741a.333.333 0 0 0-.14-.113.348.348 0 0 0-.18-.026z" />
+    <path
+      fill="#febbd0"
+      d="M85.152 77.3c5.17 0 9.36-2.377 9.36-5.308s-4.19-5.307-9.36-5.307c-5.17 0-9.36 2.376-9.36 5.307 0 2.931 4.19 5.307 9.36 5.307zm-48.432 0c5.17 0 9.36-2.377 9.36-5.308s-4.19-5.307-9.36-5.307c-5.17 0-9.36 2.376-9.36 5.307 0 2.931 4.19 5.307 9.36 5.307z"
+    />
+    <path d="M41.12 69.863a9.052 9.052 0 0 0 4.902-1.425 8.578 8.578 0 0 0 3.254-3.812 8.22 8.22 0 0 0 .508-4.913 8.41 8.41 0 0 0-2.408-4.357 8.92 8.92 0 0 0-4.514-2.33 9.12 9.12 0 0 0-5.096.48 8.755 8.755 0 0 0-3.96 3.131 8.287 8.287 0 0 0-1.486 4.725c0 2.252.927 4.412 2.577 6.005 1.65 1.594 3.888 2.492 6.223 2.496zm39.632 0a9.054 9.054 0 0 0 4.915-1.403 8.582 8.582 0 0 0 3.275-3.802 8.22 8.22 0 0 0 .528-4.917 8.408 8.408 0 0 0-2.398-4.368 8.92 8.92 0 0 0-4.512-2.344 9.12 9.12 0 0 0-5.103.473 8.756 8.756 0 0 0-3.967 3.13 8.287 8.287 0 0 0-1.49 4.73c-.004 2.245.914 4.4 2.555 5.994 1.64 1.593 3.869 2.495 6.197 2.507z" />
+    <path
+      fill="#fff"
+      d="M38.4 61.902a3.4 3.4 0 0 0 1.844-.531c.547-.35.974-.847 1.227-1.43a3.088 3.088 0 0 0 .195-1.847 3.16 3.16 0 0 0-.902-1.639 3.351 3.351 0 0 0-1.696-.878 3.426 3.426 0 0 0-1.916.179 3.29 3.29 0 0 0-1.489 1.176 3.113 3.113 0 0 0-.559 1.776c0 .844.347 1.654.964 2.253a3.374 3.374 0 0 0 2.332.94zm39.632 0a3.4 3.4 0 0 0 1.844-.531c.547-.35.974-.847 1.227-1.43a3.088 3.088 0 0 0 .195-1.847 3.16 3.16 0 0 0-.902-1.639 3.351 3.351 0 0 0-1.696-.878 3.426 3.426 0 0 0-1.916.179 3.29 3.29 0 0 0-1.489 1.176 3.113 3.113 0 0 0-.559 1.776c0 .84.342 1.644.953 2.242.61.598 1.44.94 2.311.952z"
+    />
+  </svg>
+);
+export default BunIcon;

package/src/lib/assets/language-icons/c.tsx

@@ -0,0 +1,31 @@
+import type { SVGProps } from "react";
+
+const CIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 38.000089 42.000031"
+    {...props}
+  >
+    <title>C</title>
+    <path
+      fill="#004482"
+      d="M17.903.286a2.247 2.247 0 0 1 2.193 0L36.903 9.72A2.12 2.12 0 0 1 38 11.566v18.867c0 .762-.418 1.466-1.097 1.847l-16.807 9.434a2.247 2.247 0 0 1-2.193 0L1.096 32.28A2.122 2.122 0 0 1 0 30.434V11.567c0-.762.418-1.466 1.097-1.847C4.451 7.837 14.549 2.17 17.903.286z"
+    />
+    <path
+      fill="#659ad2"
+      d="M.304 31.404C.038 31.048 0 30.71 0 30.255V11.496c0-.758.417-1.458 1.094-1.836L17.842.28c.677-.379 1.594-.37 2.271.008 3.343 1.872 13.371 7.46 16.714 9.331.27.152.476.335.66.576z"
+    />
+    <path
+      fill="#fff"
+      d="M19 7c7.727 0 14 6.273 14 14s-6.273 14-14 14S5 28.727 5 21 11.273 7 19 7zm0 7c3.863 0 7 3.136 7 7 0 3.863-3.137 7-7 7s-7-3.137-7-7c0-3.864 3.136-7 7-7z"
+    />
+    <path
+      fill="#00599c"
+      d="M37.485 10.205c.516.483.506 1.211.506 1.784 0 3.795-.032 14.59.009 18.384.004.396-.127.813-.323 1.127L18.593 21z"
+    />
+  </svg>
+);
+
+export default CIcon;

package/src/lib/assets/language-icons/commonlisp.tsx

@@ -0,0 +1,22 @@
+import type { SVGProps } from "react";
+
+const CommonLispIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 512 512"
+    {...props}
+  >
+    <title>Common Lisp</title>
+    <circle cx="256" cy="256" r="235" fill="#fff" />
+    <path
+      stroke="#000"
+      strokeWidth="5"
+      d="m255.56 20.008c-62.374 0.1169-122.17 24.922-166.3 68.992-92.236 92.091-92.353 241.52-0.2617 333.75 92.09 92.236 241.52 92.353 333.75 0.262 92.236-92.091 92.353-241.52 0.262-333.75-44.377-44.447-104.64-69.371-167.45-69.254zm2.281 1.0059c59.934 0.4846 119.39 23.809 164.46 68.953 91.701 91.845 91.585 240.64-0.259 332.34-45.922 45.851-120.32 45.793-166.17-0.129-45.851-45.922-45.793-120.32 0.129-166.17 46.412-46.339 46.471-121.53 0.13-167.94-37.084-37.141-94.457-46.553-140.66-21.658 42.416-31.541 92.711-45.798 142.37-45.396zm-190.84 130.26h40c9.943 42.147 25.204 79.418 40.75 116.43 15.9-41.326 33.203-81.249 55.25-116.43h40c-48.928 97.364-102.19 164.06-24 250h-40c-47.567-77.243-82.439-147.67-112-250z"
+    />
+    <path d="m293 110.72c78.194 85.936 24.928 152.64-24 250h40c22.047-35.179 39.35-75.102 55.25-116.43 15.546 37.01 30.807 74.282 40.75 116.43h40c-29.561-102.33-64.433-172.76-112-250z" />
+  </svg>
+);
+
+export default CommonLispIcon;

package/src/lib/assets/language-icons/cpp.tsx

@@ -0,0 +1,35 @@
+import type { SVGProps } from "react";
+
+const CppIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 306 344.35"
+    {...props}
+  >
+    <title>C++</title>
+    <path
+      fill="#00599C"
+      d="M302.107 258.262c2.401-4.159 3.893-8.845 3.893-13.053V99.14c0-4.208-1.49-8.893-3.892-13.052L153 172.175l149.107 86.087z"
+    />
+    <path
+      fill="#004482"
+      d="m166.25 341.193 126.5-73.034c3.644-2.104 6.956-5.737 9.357-9.897L153 172.175 3.893 258.263c2.401 4.159 5.714 7.793 9.357 9.896l126.5 73.034c7.287 4.208 19.213 4.208 26.5 0z"
+    />
+    <path
+      fill="#659AD2"
+      d="M302.108 86.087c-2.402-4.16-5.715-7.793-9.358-9.897L166.25 3.156c-7.287-4.208-19.213-4.208-26.5 0L13.25 76.19C5.962 80.397 0 90.725 0 99.14v146.069c0 4.208 1.491 8.894 3.893 13.053L153 172.175l149.108-86.088z"
+    />
+    <path
+      fill="#FFF"
+      d="M153 274.175c-56.243 0-102-45.757-102-102s45.757-102 102-102c36.292 0 70.139 19.53 88.331 50.968l-44.143 25.544c-9.105-15.736-26.038-25.512-44.188-25.512-28.122 0-51 22.878-51 51 0 28.121 22.878 51 51 51 18.152 0 35.085-9.776 44.191-25.515l44.143 25.543c-18.192 31.441-52.04 50.972-88.334 50.972z"
+    />
+    <path
+      fill="#FFF"
+      d="M255 166.508h-11.334v-11.333h-11.332v11.333H221v11.333h11.334v11.334h11.332v-11.334H255zM297.5 166.508h-11.334v-11.333h-11.332v11.333H263.5v11.333h11.334v11.334h11.332v-11.334H297.5z"
+    />
+  </svg>
+);
+
+export default CppIcon;

package/src/lib/assets/language-icons/csharp.tsx

@@ -0,0 +1,35 @@
+import type { SVGProps } from "react";
+
+const CsharpIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>C#</title>
+    <path
+      d="M29 10.232a2.387 2.387 0 0 0-.318-1.244 2.451 2.451 0 0 0-.936-.879q-5.194-2.868-10.393-5.733a2.642 2.642 0 0 0-2.763.024c-1.378.779-8.275 4.565-10.331 5.706A2.287 2.287 0 0 0 3 10.231V21.77a2.4 2.4 0 0 0 .3 1.22 2.434 2.434 0 0 0 .954.9c2.056 1.141 8.954 4.927 10.332 5.706a2.642 2.642 0 0 0 2.763.026q5.19-2.871 10.386-5.733a2.444 2.444 0 0 0 .955-.9 2.4 2.4 0 0 0 .3-1.22V10.232"
+      fill="#4e994a"
+    />
+    <path
+      d="M28.549 23.171a2.126 2.126 0 0 0 .147-.182 2.4 2.4 0 0 0 .3-1.22V10.232a2.387 2.387 0 0 0-.318-1.244c-.036-.059-.089-.105-.13-.16L16 16Z"
+      fill="#358230"
+    />
+    <path
+      d="M28.549 23.171 16 16 3.451 23.171a2.435 2.435 0 0 0 .809.72c2.056 1.141 8.954 4.927 10.332 5.706a2.642 2.642 0 0 0 2.763.026q5.19-2.871 10.386-5.733a2.43 2.43 0 0 0 .808-.719Z"
+      fill="#1a7515"
+    />
+    <path
+      d="M19.6 18.02a4.121 4.121 0 1 1-.027-4.087l3.615-2.073A8.309 8.309 0 0 0 7.7 16a8.216 8.216 0 0 0 1.1 4.117 8.319 8.319 0 0 0 14.411-.017L19.6 18.02"
+      fill="#fff"
+    />
+    <path
+      d="M27.67 15.271v-1.238h-1.007v-1.006h-1.239v1.006h-1.508v-1.006h-1.239v1.006h-1.008v1.238h1.006v1.513h-1.006v1.237h1.006v1.006h1.239v-1.006h1.509v1.006h1.239v-1.006h1.006v-1.237h-1v-1.513Zm-2.246 1.513h-1.508v-1.513h1.508Z"
+      fill="#fff"
+    />
+  </svg>
+);
+
+export default CsharpIcon;

package/src/lib/assets/language-icons/css.tsx

@@ -0,0 +1,36 @@
+import type { SVGProps } from "react";
+
+const CssIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>CSS</title>
+    <path
+      fill="#1572b6"
+      d="M5.902 27.201 3.656 2h24.688l-2.249 25.197L15.985 30 5.902 27.201z"
+    />
+    <path fill="#33a9dc" d="m16 27.858 8.17-2.265 1.922-21.532H16v23.797z" />
+    <path
+      fill="#fff"
+      d="M16 13.191h4.09l.282-3.165H16V6.935h7.75l-.074.829-.759 8.547H16v-3.12z"
+    />
+    <path
+      fill="#ebebeb"
+      d="m16.019 21.218-.014.004-3.442-.93-.22-2.465H9.24l.433 4.853 6.331 1.758.015-.004v-3.216z"
+    />
+    <path
+      fill="#fff"
+      d="m19.827 16.151-.372 4.139-3.447.93v3.216l6.336-1.756.047-.522.537-6.007h-3.101z"
+    />
+    <path
+      fill="#ebebeb"
+      d="M16.011 6.935v3.091H8.545l-.062-.695-.141-1.567-.074-.829h7.743zM16 13.191v3.091H12.601l-.062-.695-.14-1.567-.074-.829H16z"
+    />
+  </svg>
+);
+
+export default CssIcon;

package/src/lib/assets/language-icons/dart.tsx

@@ -0,0 +1,39 @@
+import type { SVGProps } from "react";
+
+const DartIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="188 251.8 110.5 110.5"
+    {...props}
+  >
+    <title>Dart</title>
+    <path
+      fill="#00c4b3"
+      d="m217.7 281.7-7.1-7.1v51.2l.1 2.4c0 1.1.2 2.4.6 3.7l56.2 19.8 14-6.2z"
+    />
+    <path
+      fill="#22d3c5"
+      d="M211.3 331.9zm70.2 13.6-14 6.2-56.1-19.8c1.1 4.1 3.4 8.7 6 11.3l18.3 18.2 40.8.1z"
+    />
+    <path
+      fill="#0075c9"
+      d="m210.8 274.6-21.8 33c-1.8 1.9-.9 5.9 2 8.9l12.6 12.7 7.9 2.8c-.3-1.3-.6-2.6-.6-3.7l-.1-2.4z"
+    />
+    <path
+      fill="#0075c9"
+      d="M267.9 275.2c-1.3-.3-2.6-.5-3.7-.6l-2.5-.1h-51.1l70.9 70.9 6.2-14z"
+    />
+    <path
+      fill="#00a8e1"
+      d="M267.8 275.2c.1 0 .1 0 0 0 .1 0 .1 0 0 0zm11.4 6c-2.6-2.6-7.1-5-11.3-6l19.8 56.2-6.2 14 15.2-4.9v-41.7z"
+    />
+    <path
+      fill="#00c4b3"
+      d="m265.1 267.4-12.7-12.6c-2.9-2.9-6.9-3.8-8.9-2l-33 21.8h51.1l2.5.1c1.1 0 2.4.2 3.7.6z"
+    />
+  </svg>
+);
+
+export default DartIcon;

package/src/lib/assets/language-icons/elixir.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const ElixirIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Elixir</title>
+    <path
+      fill="currentColor"
+      d="M19.793 16.575c0 3.752-2.927 7.426-7.743 7.426-5.249 0-7.843-3.71-7.843-8.29 0-5.21 3.892-12.952 8-15.647a.397.397 0 0 1 .61.371 9.72 9.72 0 0 0 1.694 6.518c.522.795 1.092 1.478 1.763 2.352.94 1.227 1.637 1.906 2.644 3.842l.015.028a7.1 7.1 0 0 1 .86 3.4"
+    />
+  </svg>
+);
+
+export default ElixirIcon;

package/src/lib/assets/language-icons/go.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const GoIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>Go</title>
+    <path
+      fill="#00ACD7"
+      d="m2.64 10.33-.02-.06.22-.27.12-.08H6.8l.03.08-.18.26-.11.06-3.9.01m-1.61.98L1 11.26l.22-.29.12-.06h4.9l.05.09-.08.24-.1.07H1.03m2.6.99-.04-.06.16-.28.1-.06H6l.07.07-.02.25-.08.08H3.63m11.15-2.16-1.78.47c-.19.04-.2.05-.34-.11-.16-.18-.27-.29-.5-.4-.66-.34-1.33-.24-1.94.15-.72.48-1.11 1.17-1.1 2.05.01.86.6 1.57 1.45 1.7.73.09 1.34-.17 1.83-.72l.29-.39h-2.07c-.22 0-.27-.14-.2-.32l.55-1.18c.03-.06.11-.17.27-.17h3.44c.15-.5.41-.96.75-1.41.78-1.03 1.73-1.57 3-1.81 1.07-.18 2.13-.07 3.07.57.84.58 1.37 1.36 1.5 2.39.19 1.45-.24 2.63-1.24 3.65-.71.72-1.58 1.17-2.57 1.39l-.86.08c-.98-.02-1.87-.3-2.62-.95-.52-.45-.88-.99-1.06-1.63-.15.24-.27.47-.44.7-.77 1.02-1.78 1.65-3.06 1.8-1.05.16-2.03-.05-2.89-.69-.79-.6-1.26-1.4-1.36-2.39-.14-1.17.2-2.22.91-3.14.76-1 1.77-1.63 3.01-1.86 1-.18 1.97-.06 2.84.52.57.38.97.9 1.24 1.52.04.09 0 .15-.12.18m6.11 1.6-.03-.36c-.19-1.06-1.17-1.66-2.19-1.43-1.01.22-1.67.85-1.88 1.86-.19.84.21 1.69.98 2.03.59.26 1.19.22 1.76-.06.84-.43 1.31-1.12 1.36-2.04Z"
+    />
+  </svg>
+);
+
+export default GoIcon;

package/src/lib/assets/language-icons/graphql.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const GraphqlIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>GraphQL</title>
+    <path
+      fill="#E10098"
+      d="m12 5.37-.44-.06L6 14.9c.24.21.4.48.47.78h11.06c.07-.3.23-.57.47-.78l-5.56-9.59-.44.06M6.6 16.53l4.28 2.53c.29-.27.69-.43 1.12-.43.43 0 .83.16 1.12.43l4.28-2.53H6.6M12 22a1.68 1.68 0 0 1-1.68-1.68l.09-.56-4.3-2.55c-.31.36-.76.58-1.27.58a1.68 1.68 0 0 1-1.68-1.68c0-.79.53-1.45 1.26-1.64V9.36c-.83-.11-1.47-.82-1.47-1.68A1.68 1.68 0 0 1 4.63 6c.55 0 1.03.26 1.34.66l4.41-2.53-.06-.45c0-.93.75-1.68 1.68-1.68.93 0 1.68.75 1.68 1.68l-.06.45 4.41 2.53c.31-.4.79-.66 1.34-.66a1.68 1.68 0 0 1 1.68 1.68c0 .86-.64 1.57-1.47 1.68v5.11c.73.19 1.26.85 1.26 1.64a1.68 1.68 0 0 1-1.68 1.68c-.51 0-.96-.22-1.27-.58l-4.3 2.55.09.56A1.68 1.68 0 0 1 12 22M10.8 4.86 6.3 7.44l.02.24c0 .71-.44 1.32-1.06 1.57l.03 5.25 5.51-9.64m2.4 0 5.51 9.64.03-5.25c-.62-.25-1.06-.86-1.06-1.57l.02-.24-4.5-2.58Z"
+    />
+  </svg>
+);
+
+export default GraphqlIcon;

package/src/lib/assets/language-icons/html.tsx

@@ -0,0 +1,24 @@
+import type { SVGProps } from "react";
+
+const HtmlIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlSpace="preserve"
+    width="1em"
+    height="1em"
+    viewBox="0 0 32 32"
+    {...props}
+  >
+    <path
+      fill="#E44D26"
+      d="M27.377 28.889 16.001 32 4.625 28.889 2 0h28.002z"
+    />
+    <path fill="#FF6C39" d="M16 2v27.75l9.232-2.742L27.688 2z" />
+    <path
+      fill="#FFF"
+      d="M24.363 6H7.607L8 10l.619 7h10.884l-.355 3.984L16 21.99l-3.143-1.006L12.648 19H8.803l.459 4.987L16 25.99l6.728-2.004.99-10.986H12.252l-.25-3H24z"
+    />
+  </svg>
+);
+
+export default HtmlIcon;

package/src/lib/assets/language-icons/java.tsx

@@ -0,0 +1,35 @@
+import type { SVGProps } from "react";
+
+const JavaIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 128 128"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>Java</title>
+    <path
+      fill="#0074BD"
+      d="M47.617 98.12s-4.767 2.774 3.397 3.71c9.892 1.13 14.947.968 25.845-1.092 0 0 2.871 1.795 6.873 3.351-24.439 10.47-55.308-.607-36.115-5.969zm-2.988-13.665s-5.348 3.959 2.823 4.805c10.567 1.091 18.91 1.18 33.354-1.6 0 0 1.993 2.025 5.132 3.131-29.542 8.64-62.446.68-41.309-6.336z"
+    />
+    <path
+      fill="#EA2D2E"
+      d="M69.802 61.271c6.025 6.935-1.58 13.17-1.58 13.17s15.289-7.891 8.269-17.777c-6.559-9.215-11.587-13.792 15.635-29.58 0 .001-42.731 10.67-22.324 34.187z"
+    />
+    <path
+      fill="#0074BD"
+      d="M102.123 108.229s3.529 2.91-3.888 5.159c-14.102 4.272-58.706 5.56-71.094.171-4.451-1.938 3.899-4.625 6.526-5.192 2.739-.593 4.303-.485 4.303-.485-4.953-3.487-32.013 6.85-13.743 9.815 49.821 8.076 90.817-3.637 77.896-9.468zM49.912 70.294s-22.686 5.389-8.033 7.348c6.188.828 18.518.638 30.011-.326 9.39-.789 18.813-2.474 18.813-2.474s-3.308 1.419-5.704 3.053c-23.042 6.061-67.544 3.238-54.731-2.958 10.832-5.239 19.644-4.643 19.644-4.643zm40.697 22.747c23.421-12.167 12.591-23.86 5.032-22.285-1.848.385-2.677.72-2.677.72s.688-1.079 2-1.543c14.953-5.255 26.451 15.503-4.823 23.725 0-.002.359-.327.468-.617z"
+    />
+    <path
+      fill="#EA2D2E"
+      d="M76.491 1.587S89.459 14.563 64.188 34.51c-20.266 16.006-4.621 25.13-.007 35.559-11.831-10.673-20.509-20.07-14.688-28.815C58.041 28.42 81.722 22.195 76.491 1.587z"
+    />
+    <path
+      fill="#0074BD"
+      d="M52.214 126.021c22.476 1.437 57-.8 57.817-11.436 0 0-1.571 4.032-18.577 7.231-19.186 3.612-42.854 3.191-56.887.874 0 .001 2.875 2.381 17.647 3.331z"
+    />
+  </svg>
+);
+
+export default JavaIcon;

package/src/lib/assets/language-icons/javascript.tsx

@@ -0,0 +1,11 @@
+import type { SVGProps } from "react";
+
+const JavascriptIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
+    <title>Javascript</title>
+    <rect x="2" y="2" width="28" height="28" fill="#f5de19" />
+    <path d="M20.809,23.875a2.866,2.866,0,0,0,2.6,1.6c1.09,0,1.787-.545,1.787-1.3,0-.9-.716-1.222-1.916-1.747l-.658-.282c-1.9-.809-3.16-1.822-3.16-3.964,0-1.973,1.5-3.476,3.853-3.476a3.889,3.889,0,0,1,3.742,2.107L25,18.128A1.789,1.789,0,0,0,23.311,17a1.145,1.145,0,0,0-1.259,1.128c0,.789.489,1.109,1.618,1.6l.658.282c2.236.959,3.5,1.936,3.5,4.133,0,2.369-1.861,3.667-4.36,3.667a5.055,5.055,0,0,1-4.795-2.691Zm-9.295.228c.413.733.789,1.353,1.693,1.353.864,0,1.41-.338,1.41-1.653V14.856h2.631v8.982c0,2.724-1.6,3.964-3.929,3.964a4.085,4.085,0,0,1-3.947-2.4Z" />
+  </svg>
+);
+
+export default JavascriptIcon;

package/src/lib/assets/language-icons/json.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const JsonIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>JSON</title>
+    <path
+      className="fill-[#dfa410] dark:fill-[#f5de19]"
+      d="M5 3h2v2H5v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5h2v2H5c-1.07-.27-2-.9-2-2v-4a2 2 0 0 0-2-2H0v-2h1a2 2 0 0 0 2-2V5a2 2 0 0 1 2-2m14 0a2 2 0 0 1 2 2v4a2 2 0 0 0 2 2h1v2h-1a2 2 0 0 0-2 2v4a2 2 0 0 1-2 2h-2v-2h2v-5a2 2 0 0 1 2-2 2 2 0 0 1-2-2V5h-2V3h2m-7 12a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m-4 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1Z"
+    />
+  </svg>
+);
+
+export default JsonIcon;

package/src/lib/assets/language-icons/kotlin.tsx

@@ -0,0 +1,30 @@
+import type { SVGProps } from "react";
+
+const KotlinIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlSpace="preserve"
+    viewBox="0 0 500 500"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>Kotlin</title>
+    <linearGradient
+      id="a"
+      x1={500.003}
+      x2={-0.097}
+      y1={579.106}
+      y2={1079.206}
+      gradientTransform="translate(.097 -578.99) scale(.9998)"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop offset={0.003} stopColor="#e44857" />
+      <stop offset={0.469} stopColor="#c711e1" />
+      <stop offset={1} stopColor="#7f52ff" />
+    </linearGradient>
+    <path d="M500 500H0V0h500L250 250z" fill="url(#a)" />
+  </svg>
+);
+
+export default KotlinIcon;

package/src/lib/assets/language-icons/markdown.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const MarkdownIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>Markdown</title>
+    <path
+      className="fill-foreground/90"
+      d="M20.56 18H3.44C2.65 18 2 17.37 2 16.59V7.41C2 6.63 2.65 6 3.44 6h17.12c.79 0 1.44.63 1.44 1.41v9.18c0 .78-.65 1.41-1.44 1.41M3.44 6.94c-.26 0-.48.21-.48.47v9.19c0 .25.22.46.48.46h17.12c.26 0 .48-.21.48-.46V7.41c0-.26-.22-.47-.48-.47H3.44m1.45 8.25V8.81h1.92l1.92 2.35 1.92-2.35h1.93v6.38h-1.93v-3.66l-1.92 2.35-1.92-2.35v3.66H4.89m12.01 0-2.9-3.1h1.94V8.81h1.92v3.28h1.93l-2.89 3.1"
+    />
+  </svg>
+);
+
+export default MarkdownIcon;

package/src/lib/assets/language-icons/mdx.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+
+const MdxIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>MDX</title>
+    <path
+      className="fill-foreground"
+      d="m20.3 16.5-3.9 3.9-4-3.9 1.1-1.1 2.1 2.1v-5.7h1.5v5.8l2.1-2.1Zm-16.8-.8 2.7 2.7L9 15.7v4.4h1.5V12l-4.3 4.3L2 12v8.1h1.5Z"
+    />
+    <path
+      fill="#f9ac00"
+      d="m28.8 20-3.1-3.1-3.1 3.1-1-1.1 3.1-3.1-3.2-3.2 1.1-1 3.1 3.2 3.2-3.2 1.1 1-3.2 3.2 3.1 3.1Z"
+    />
+  </svg>
+);
+
+export default MdxIcon;

package/src/lib/assets/language-icons/npm.tsx

@@ -0,0 +1,15 @@
+import type { SVGProps } from "react";
+
+const NpmIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 32 32"
+    {...props}
+  >
+    <path fill="#c12127" d="M2 2h28v28H2" />
+    <path fill="#fff" d="M7.25 7.25h17.5v17.5h-3.5v-14H16v14H7.25" />
+  </svg>
+);
+export default NpmIcon;

package/src/lib/assets/language-icons/objectivec.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+
+const ObjectiveCIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>Objective-C</title>
+    <path
+      d="M11.29 15.976a8.892 8.892 0 0 0 1.039 4.557 4.818 4.818 0 0 0 5.579 2.13 3.789 3.789 0 0 0 2.734-3.181c.095-.535.1-.54.1-.54 1.537.222 4.014.582 5.55.8l-.1.389A9.958 9.958 0 0 1 23.8 24.9a8.35 8.35 0 0 1-4.747 2.378 12.925 12.925 0 0 1-7.322-.725 8.98 8.98 0 0 1-5.106-5.524A14.353 14.353 0 0 1 6.642 10.9a9.323 9.323 0 0 1 7.929-6.24 11.812 11.812 0 0 1 5.9.491 8.467 8.467 0 0 1 5.456 6.1c.083.311.1.369.1.369-1.709.311-3.821.705-5.518 1.075-.323-1.695-1.122-3.029-2.831-3.445a4.656 4.656 0 0 0-5.853 3.158 9.28 9.28 0 0 0-.341 1.273 10.89 10.89 0 0 0-.194 2.295Z"
+      className="fill-foreground"
+    />
+    <path
+      d="M2.033 30V2h5.934v2.227H4.723v23.546h3.244V30H2.033zM29.967 29.999h-5.934v-2.228h3.244V4.226h-3.244V1.999h5.934v28z"
+      className="fill-foreground"
+    />
+  </svg>
+);
+
+export default ObjectiveCIcon;