@intlayer/design-system 8.5.1 → 8.6.0

package/dist/esm/components/Form/layout/FormLabelLayout.mjs

@@ -1,7 +1,7 @@
+import { cn } from "../../../utils/cn.mjs";
 import { InformationTag } from "../../InformationTag/index.mjs";
 import { FormLabel } from "../FormLabel.mjs";
 import { RequiredStar } from "./RequiredStar.mjs";
-import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Form/layout/FormLabelLayout.tsx
@@ -11,7 +11,7 @@ const FormLabelLayout = ({ children, isRequired, info, htmlFor, className }) =>
 		htmlFor,
 		id: `${htmlFor}-label`,
 		suppressHydrationWarning: true,
-		className: clsx("font-bold", className),
+		className: cn("font-bold", className),
 		children: [children, /* @__PURE__ */ jsx(RequiredStar, { isRequired })]
 	}), info && /* @__PURE__ */ jsx(InformationTag, { content: info })]
 });

package/dist/esm/components/Form/layout/FormLabelLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabelLayout.mjs","names":[],"sources":["../../../../../src/components/Form/layout/FormLabelLayout.tsx"],"sourcesContent":["import { InformationTag } from '@components/InformationTag';\nimport { clsx } from 'clsx';\nimport type { FC, ReactNode } from 'react';\nimport { FormLabel } from '../FormLabel';\nimport { RequiredStar } from './RequiredStar';\n\nexport type FormLabelLayoutProps = {\n  children?: ReactNode;\n  isRequired?: boolean;\n  info?: string;\n  htmlFor?: string;\n  className?: string;\n};\n\nexport const FormLabelLayout: FC<FormLabelLayoutProps> = ({\n  children,\n  isRequired,\n  info,\n  htmlFor,\n  className,\n}) => (\n  <div className=\"ml-1 flex gap-1 align-middle text-base leading-none\">\n    {children && (\n      <FormLabel\n        htmlFor={htmlFor}\n        id={`${htmlFor}-label`}\n        suppressHydrationWarning\n        className={clsx('font-bold', className)}\n      >\n        {children}\n        <RequiredStar isRequired={isRequired} />\n      </FormLabel>\n    )}\n    {info && <InformationTag content={info} />}\n  </div>\n);\n"],"mappings":";;;;;;;AAcA,MAAa,mBAA6C,EACxD,UACA,YACA,MACA,SACA,gBAEA,qBAAC,OAAD;CAAK,WAAU;WAAf,CACG,YACC,qBAAC,WAAD;EACW;EACT,IAAI,GAAG,QAAQ;EACf;EACA,WAAW,KAAK,aAAa,UAAU;YAJzC,CAMG,UACD,oBAAC,cAAD,EAA0B,YAAc,EAC9B;KAEb,QAAQ,oBAAC,gBAAD,EAAgB,SAAS,MAAQ,EACtC"}
+{"version":3,"file":"FormLabelLayout.mjs","names":[],"sources":["../../../../../src/components/Form/layout/FormLabelLayout.tsx"],"sourcesContent":["import { InformationTag } from '@components/InformationTag';\nimport { cn } from '@utils/cn';\nimport type { FC, ReactNode } from 'react';\nimport { FormLabel } from '../FormLabel';\nimport { RequiredStar } from './RequiredStar';\n\nexport type FormLabelLayoutProps = {\n  children?: ReactNode;\n  isRequired?: boolean;\n  info?: string;\n  htmlFor?: string;\n  className?: string;\n};\n\nexport const FormLabelLayout: FC<FormLabelLayoutProps> = ({\n  children,\n  isRequired,\n  info,\n  htmlFor,\n  className,\n}) => (\n  <div className=\"ml-1 flex gap-1 align-middle text-base leading-none\">\n    {children && (\n      <FormLabel\n        htmlFor={htmlFor}\n        id={`${htmlFor}-label`}\n        suppressHydrationWarning\n        className={cn('font-bold', className)}\n      >\n        {children}\n        <RequiredStar isRequired={isRequired} />\n      </FormLabel>\n    )}\n    {info && <InformationTag content={info} />}\n  </div>\n);\n"],"mappings":";;;;;;;AAcA,MAAa,mBAA6C,EACxD,UACA,YACA,MACA,SACA,gBAEA,qBAAC,OAAD;CAAK,WAAU;WAAf,CACG,YACC,qBAAC,WAAD;EACW;EACT,IAAI,GAAG,QAAQ;EACf;EACA,WAAW,GAAG,aAAa,UAAU;YAJvC,CAMG,UACD,oBAAC,cAAD,EAA0B,YAAc,EAC9B;KAEb,QAAQ,oBAAC,gBAAD,EAAgB,SAAS,MAAQ,EACtC"}

package/dist/esm/components/IDE/CodeBlockShiki.mjs

@@ -43,11 +43,23 @@ const loadLanguage = async (lang) => {
 			languageModule = await import("shiki/langs/json5.mjs");
 			break;
 		case "tsx":
+		case "jsx":
 			languageModule = await import("shiki/langs/tsx.mjs");
 			break;
 		case "vue":
 			languageModule = await import("shiki/langs/vue.mjs");
 			break;
+		case "svelte":
+			languageModule = await import("shiki/langs/svelte.mjs");
+			break;
+		case "markdown":
+		case "md":
+		case "mdx":
+			languageModule = await import("shiki/langs/markdown.mjs");
+			break;
+		case "css":
+			languageModule = await import("shiki/langs/css.mjs");
+			break;
 		case "html":
 			languageModule = await import("shiki/langs/html.mjs");
 			break;

package/dist/esm/components/IDE/CodeBlockShiki.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockShiki.mjs","names":[],"sources":["../../../../src/components/IDE/CodeBlockShiki.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useEffect, useState } from 'react';\nimport type {\n  BundledLanguage,\n  BundledTheme,\n  HighlighterGeneric,\n} from 'shiki/bundle/web';\nimport { CodeDefault } from './CodeBlockClient';\n\n// Map of loaded modules to avoid re-importing\nconst languageCache = new Map<BundledLanguage, any>();\nconst themeCache = new Map<BundledTheme, any>();\n\n// Lazy load language modules\nconst loadLanguage = async (lang: BundledLanguage): Promise<any> => {\n  if (languageCache.has(lang)) return languageCache.get(lang);\n\n  let languageModule: any;\n  switch (lang) {\n    case 'angular-html':\n      languageModule = await import('shiki/langs/angular-html.mjs');\n      break;\n    case 'angular-ts':\n      languageModule = await import('shiki/langs/angular-ts.mjs');\n      break;\n    case 'astro':\n      languageModule = await import('shiki/langs/astro.mjs');\n      break;\n    case 'typescript':\n    case 'ts':\n      languageModule = await import('shiki/langs/typescript.mjs');\n      break;\n    case 'javascript':\n    case 'js':\n    case 'cjs':\n    case 'mjs':\n      languageModule = await import('shiki/langs/javascript.mjs');\n      break;\n    case 'bash':\n    case 'sh':\n    case 'shell':\n      languageModule = await import('shiki/langs/bash.mjs');\n      break;\n    case 'json':\n      languageModule = await import('shiki/langs/json.mjs');\n      break;\n    case 'jsonc':\n    case 'json5':\n      languageModule = await import('shiki/langs/json5.mjs');\n      break;\n    case 'tsx':\n      languageModule = await import('shiki/langs/tsx.mjs');\n      break;\n    case 'vue':\n      languageModule = await import('shiki/langs/vue.mjs');\n      break;\n    case 'html':\n      languageModule = await import('shiki/langs/html.mjs');\n      break;\n    case 'xml':\n      languageModule = await import('shiki/langs/xml.mjs');\n      break;\n    case 'yml':\n    case 'yaml':\n      languageModule = await import('shiki/langs/yaml.mjs');\n      break;\n    default:\n      languageModule = await import('shiki/langs/typescript.mjs');\n      break;\n  }\n\n  const language = languageModule.default;\n  languageCache.set(lang, language);\n  return language;\n};\n\n// Lazy load theme modules\nconst loadTheme = async (themeName: BundledTheme): Promise<any> => {\n  if (themeCache.has(themeName)) return themeCache.get(themeName);\n\n  let themeModule: any;\n  switch (themeName) {\n    case 'github-dark':\n      themeModule = await import('shiki/themes/github-dark.mjs');\n      break;\n    case 'github-light':\n    default:\n      themeModule = await import('shiki/themes/github-light.mjs');\n      break;\n  }\n\n  const theme = themeModule.default;\n  themeCache.set(themeName, theme);\n  return theme;\n};\n\n// Singleton Highlighter Instance\nlet highlighterPromise: Promise<HighlighterGeneric<any, any>> | null = null;\n\nconst getHighlighterInstance = async () => {\n  if (!highlighterPromise) {\n    highlighterPromise = import('shiki/bundle/web').then(\n      ({ createHighlighter }) =>\n        createHighlighter({\n          langs: [],\n          themes: [],\n        })\n    );\n  }\n  return highlighterPromise;\n};\n\n// Create a promise for highlighting\nconst highlightCode = async (\n  code: string,\n  lang: BundledLanguage,\n  isDarkMode?: boolean\n): Promise<string> => {\n  const themeName: BundledTheme = isDarkMode ? 'github-dark' : 'github-light';\n\n  // Load highlighter, language, and theme in parallel\n  const [highlighter, languageModule, themeModule] = await Promise.all([\n    getHighlighterInstance(),\n    loadLanguage(lang),\n    loadTheme(themeName),\n  ]);\n\n  // Load into the singleton instance if not already loaded\n  if (!highlighter.getLoadedLanguages().includes(lang)) {\n    await highlighter.loadLanguage(languageModule);\n  }\n  if (!highlighter.getLoadedThemes().includes(themeName)) {\n    await highlighter.loadTheme(themeModule);\n  }\n\n  return highlighter.codeToHtml(code, {\n    lang,\n    theme: themeName,\n  });\n};\n\nexport type CodeBlockShikiProps = {\n  children: string;\n  lang: BundledLanguage;\n  isDarkMode?: boolean;\n};\n\nexport const CodeBlockShiki: FC<CodeBlockShikiProps> = ({\n  children,\n  lang,\n  isDarkMode,\n}) => {\n  const [html, setHtml] = useState<string | null>(null);\n\n  useEffect(() => {\n    let isCancelled = false;\n\n    highlightCode(children, lang, isDarkMode)\n      .then((result) => {\n        if (!isCancelled) setHtml(result);\n      })\n      .catch((error) => {\n        console.error('Failed to highlight code:', error);\n        if (!isCancelled && html === null) setHtml('');\n      });\n\n    return () => {\n      isCancelled = true;\n    };\n  }, [children, lang, isDarkMode]);\n\n  return (\n    <div className=\"min-w-0 max-w-full overflow-auto bg-transparent [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&_pre::-webkit-scrollbar]:hidden [&_pre]:[-ms-overflow-style:none] [&_pre]:[scrollbar-width:none]\">\n      {html ? (\n        // biome-ignore lint/security/noDangerouslySetInnerHtml: Shiki generates safe HTML for code highlighting\n        <div dangerouslySetInnerHTML={{ __html: html }} />\n      ) : (\n        <CodeDefault>{children}</CodeDefault>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CodeBlockShiki.mjs","names":[],"sources":["../../../../src/components/IDE/CodeBlockShiki.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useEffect, useState } from 'react';\nimport type {\n  BundledLanguage,\n  BundledTheme,\n  HighlighterGeneric,\n} from 'shiki/bundle/web';\nimport { CodeDefault } from './CodeBlockClient';\n\n// Map of loaded modules to avoid re-importing\nconst languageCache = new Map<BundledLanguage, any>();\nconst themeCache = new Map<BundledTheme, any>();\n\n// Lazy load language modules\nconst loadLanguage = async (lang: BundledLanguage): Promise<any> => {\n  if (languageCache.has(lang)) return languageCache.get(lang);\n\n  let languageModule: any;\n  switch (lang) {\n    case 'angular-html':\n      languageModule = await import('shiki/langs/angular-html.mjs');\n      break;\n    case 'angular-ts':\n      languageModule = await import('shiki/langs/angular-ts.mjs');\n      break;\n    case 'astro':\n      languageModule = await import('shiki/langs/astro.mjs');\n      break;\n    case 'typescript':\n    case 'ts':\n      languageModule = await import('shiki/langs/typescript.mjs');\n      break;\n    case 'javascript':\n    case 'js':\n    case 'cjs':\n    case 'mjs':\n      languageModule = await import('shiki/langs/javascript.mjs');\n      break;\n    case 'bash':\n    case 'sh':\n    case 'shell':\n      languageModule = await import('shiki/langs/bash.mjs');\n      break;\n    case 'json':\n      languageModule = await import('shiki/langs/json.mjs');\n      break;\n    case 'jsonc':\n    case 'json5':\n      languageModule = await import('shiki/langs/json5.mjs');\n      break;\n    case 'tsx':\n    case 'jsx':\n      languageModule = await import('shiki/langs/tsx.mjs');\n      break;\n    case 'vue':\n      languageModule = await import('shiki/langs/vue.mjs');\n      break;\n    case 'svelte':\n      languageModule = await import('shiki/langs/svelte.mjs');\n      break;\n    case 'markdown':\n    case 'md':\n    case 'mdx':\n      languageModule = await import('shiki/langs/markdown.mjs');\n      break;\n    case 'css':\n      languageModule = await import('shiki/langs/css.mjs');\n      break;\n    case 'html':\n      languageModule = await import('shiki/langs/html.mjs');\n      break;\n    case 'xml':\n      languageModule = await import('shiki/langs/xml.mjs');\n      break;\n    case 'yml':\n    case 'yaml':\n      languageModule = await import('shiki/langs/yaml.mjs');\n      break;\n    default:\n      languageModule = await import('shiki/langs/typescript.mjs');\n      break;\n  }\n\n  const language = languageModule.default;\n  languageCache.set(lang, language);\n  return language;\n};\n\n// Lazy load theme modules\nconst loadTheme = async (themeName: BundledTheme): Promise<any> => {\n  if (themeCache.has(themeName)) return themeCache.get(themeName);\n\n  let themeModule: any;\n  switch (themeName) {\n    case 'github-dark':\n      themeModule = await import('shiki/themes/github-dark.mjs');\n      break;\n    case 'github-light':\n    default:\n      themeModule = await import('shiki/themes/github-light.mjs');\n      break;\n  }\n\n  const theme = themeModule.default;\n  themeCache.set(themeName, theme);\n  return theme;\n};\n\n// Singleton Highlighter Instance\nlet highlighterPromise: Promise<HighlighterGeneric<any, any>> | null = null;\n\nconst getHighlighterInstance = async () => {\n  if (!highlighterPromise) {\n    highlighterPromise = import('shiki/bundle/web').then(\n      ({ createHighlighter }) =>\n        createHighlighter({\n          langs: [],\n          themes: [],\n        })\n    );\n  }\n  return highlighterPromise;\n};\n\n// Create a promise for highlighting\nconst highlightCode = async (\n  code: string,\n  lang: BundledLanguage,\n  isDarkMode?: boolean\n): Promise<string> => {\n  const themeName: BundledTheme = isDarkMode ? 'github-dark' : 'github-light';\n\n  // Load highlighter, language, and theme in parallel\n  const [highlighter, languageModule, themeModule] = await Promise.all([\n    getHighlighterInstance(),\n    loadLanguage(lang),\n    loadTheme(themeName),\n  ]);\n\n  // Load into the singleton instance if not already loaded\n  if (!highlighter.getLoadedLanguages().includes(lang)) {\n    await highlighter.loadLanguage(languageModule);\n  }\n  if (!highlighter.getLoadedThemes().includes(themeName)) {\n    await highlighter.loadTheme(themeModule);\n  }\n\n  return highlighter.codeToHtml(code, {\n    lang,\n    theme: themeName,\n  });\n};\n\nexport type CodeBlockShikiProps = {\n  children: string;\n  lang: BundledLanguage;\n  isDarkMode?: boolean;\n};\n\nexport const CodeBlockShiki: FC<CodeBlockShikiProps> = ({\n  children,\n  lang,\n  isDarkMode,\n}) => {\n  const [html, setHtml] = useState<string | null>(null);\n\n  useEffect(() => {\n    let isCancelled = false;\n\n    highlightCode(children, lang, isDarkMode)\n      .then((result) => {\n        if (!isCancelled) setHtml(result);\n      })\n      .catch((error) => {\n        console.error('Failed to highlight code:', error);\n        if (!isCancelled && html === null) setHtml('');\n      });\n\n    return () => {\n      isCancelled = true;\n    };\n  }, [children, lang, isDarkMode]);\n\n  return (\n    <div className=\"min-w-0 max-w-full overflow-auto bg-transparent [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&_pre::-webkit-scrollbar]:hidden [&_pre]:[-ms-overflow-style:none] [&_pre]:[scrollbar-width:none]\">\n      {html ? (\n        // biome-ignore lint/security/noDangerouslySetInnerHtml: Shiki generates safe HTML for code highlighting\n        <div dangerouslySetInnerHTML={{ __html: html }} />\n      ) : (\n        <CodeDefault>{children}</CodeDefault>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/esm/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs

@@ -1,10 +1,10 @@
 'use client';
 
-import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import { Container } from "../Container/index.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonTextAlign, ButtonVariant } from "../Button/Button.mjs";
 import { Input } from "../Input/Input.mjs";
 import { SwitchSelector, SwitchSelectorColor, SwitchSelectorSize } from "../SwitchSelector/index.mjs";
+import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import { DropDown } from "../DropDown/index.mjs";
 import { useLocaleSwitcherContent } from "./LocaleSwitcherContentContext.mjs";
 import { useMemo, useRef, useState } from "react";

package/dist/esm/components/Modal/Modal.mjs

@@ -1,11 +1,11 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
-import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { Container } from "../Container/index.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
 import { H3 } from "../Headers/index.mjs";
+import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
+import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { useEffect } from "react";
 import { cva } from "class-variance-authority";
 import { X } from "lucide-react";

package/dist/esm/components/Navbar/MobileNavbar.mjs

@@ -1,9 +1,9 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
+import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
 import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";
-import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
 import { Burger } from "./Burger.mjs";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/esm/components/Pagination/Pagination.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { useItemSelector } from "../../hooks/useItemSelector.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
+import { useItemSelector } from "../../hooks/useItemSelector.mjs";
 import { useEffect, useRef } from "react";
 import { cva } from "class-variance-authority";
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";

package/dist/esm/components/RightDrawer/RightDrawer.mjs

@@ -1,12 +1,12 @@
 'use client';
 
-import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
-import { useDevice } from "../../hooks/useDevice.mjs";
-import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { Container } from "../Container/index.mjs";
 import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../Button/Button.mjs";
+import { useDevice } from "../../hooks/useDevice.mjs";
 import { KeyboardShortcut } from "../KeyboardShortcut/KeyboardShortcut.mjs";
 import { Popover } from "../Popover/dynamic.mjs";
+import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
+import { useScrollBlockage } from "../../hooks/useScrollBlockage/index.mjs";
 import { MaxWidthSmoother } from "../MaxWidthSmoother/index.mjs";
 import { isElementAtTopAndNotCovered } from "./isElementAtTopAndNotCovered.mjs";
 import { useRightDrawer } from "./useRightDrawer.mjs";

package/dist/esm/components/SocialNetworks/BitbucketLogo.mjs

@@ -0,0 +1,3 @@
+import { BitbucketLogo } from "../TechLogo/logos/Bitbucket.mjs";
+
+export { BitbucketLogo };

package/dist/esm/components/SocialNetworks/GitHubLogo.mjs

@@ -0,0 +1,3 @@
+import { GitHubLogo } from "../TechLogo/logos/GitHub.mjs";
+
+export { GitHubLogo };

package/dist/esm/components/SocialNetworks/GitLabLogo.mjs

@@ -0,0 +1,3 @@
+import { GitLabLogo } from "../TechLogo/logos/GitLab.mjs";
+
+export { GitLabLogo };

package/dist/esm/components/SocialNetworks/GoogleLogo.mjs

@@ -0,0 +1,3 @@
+import { GoogleLogo } from "../TechLogo/logos/Google.mjs";
+
+export { GoogleLogo };

package/dist/esm/components/SocialNetworks/LinkedInLogo.mjs

@@ -1,33 +1,3 @@
-import { jsx } from "react/jsx-runtime";
+import { LinkedInLogo } from "../TechLogo/logos/LinkedIn.mjs";
 
-//#region src/components/SocialNetworks/LinkedInLogo.tsx
-const LinkedInLogo = (props) => /* @__PURE__ */ jsx("svg", {
-	width: "800px",
-	height: "800px",
-	viewBox: "0 0 20 20",
-	xmlns: "http://www.w3.org/2000/svg",
-	role: "img",
-	"aria-label": "LinkedIn logo",
-	...props,
-	children: /* @__PURE__ */ jsx("g", {
-		stroke: "none",
-		strokeWidth: "1",
-		fill: "none",
-		fillRule: "evenodd",
-		children: /* @__PURE__ */ jsx("g", {
-			transform: "translate(-180.000000, -7479.000000)",
-			fill: "currentColor",
-			children: /* @__PURE__ */ jsx("g", {
-				transform: "translate(56.000000, 160.000000)",
-				children: /* @__PURE__ */ jsx("path", {
-					d: "M144,7339 L140,7339 L140,7332.001 C140,7330.081 139.153,7329.01 137.634,7329.01 C135.981,7329.01 135,7330.126 135,7332.001 L135,7339 L131,7339 L131,7326 L135,7326 L135,7327.462 C135,7327.462 136.255,7325.26 139.083,7325.26 C141.912,7325.26 144,7326.986 144,7330.558 L144,7339 L144,7339 Z M126.442,7323.921 C125.093,7323.921 124,7322.819 124,7321.46 C124,7320.102 125.093,7319 126.442,7319 C127.79,7319 128.883,7320.102 128.883,7321.46 C128.884,7322.819 127.79,7323.921 126.442,7323.921 L126.442,7323.921 Z M124,7339 L129,7339 L129,7326 L124,7326 L124,7339 Z",
-					id: "linkedin-[#161]"
-				})
-			})
-		})
-	})
-});
-
-//#endregion
-export { LinkedInLogo };
-//# sourceMappingURL=LinkedInLogo.mjs.map
+export { LinkedInLogo };

package/dist/esm/components/SocialNetworks/index.mjs

@@ -1,11 +1,15 @@
 import { DiscordLogo } from "./DiscordLogo.mjs";
 import { InstagramLogo } from "./InstagramLogo.mjs";
-import { LinkedInLogo } from "./LinkedInLogo.mjs";
+import { LinkedInLogo } from "../TechLogo/logos/LinkedIn.mjs";
 import { ProductHuntLogo } from "./ProductHuntLogo.mjs";
 import { TiktokLogo } from "./TiktokLogo.mjs";
 import { XLogo } from "./XLogo.mjs";
 import { YoutubeLogo } from "./YoutubeLogo.mjs";
+import { BitbucketLogo } from "../TechLogo/logos/Bitbucket.mjs";
 import { FacebookLogo } from "./FacebookLogo.mjs";
+import { GitHubLogo } from "../TechLogo/logos/GitHub.mjs";
+import { GitLabLogo } from "../TechLogo/logos/GitLab.mjs";
+import { GoogleLogo } from "../TechLogo/logos/Google.mjs";
 import { createElement } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -61,5 +65,5 @@ const SocialNetworks = ({ renderItem, ...iconProps }) => socialNetworks.map(rend
 })));
 
 //#endregion
-export { DiscordLogo, FacebookLogo, InstagramLogo, LinkedInLogo, ProductHuntLogo, SocialNetworks, TiktokLogo, XLogo, YoutubeLogo };
+export { BitbucketLogo, DiscordLogo, FacebookLogo, GitHubLogo, GitLabLogo, GoogleLogo, InstagramLogo, LinkedInLogo, ProductHuntLogo, SocialNetworks, TiktokLogo, XLogo, YoutubeLogo };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/components/SocialNetworks/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/SocialNetworks/index.tsx"],"sourcesContent":["import type {\n  AnchorHTMLAttributes,\n  DetailedHTMLProps,\n  FC,\n  ReactNode,\n} from 'react';\nimport { DiscordLogo } from './DiscordLogo';\nimport { FacebookLogo } from './FacebookLogo';\nimport { InstagramLogo } from './InstagramLogo';\nimport { LinkedInLogo } from './LinkedInLogo';\nimport { ProductHuntLogo } from './ProductHuntLogo';\nimport { TiktokLogo } from './TiktokLogo';\nimport { XLogo } from './XLogo';\nimport { YoutubeLogo } from './YoutubeLogo';\n\nconst socialNetworks = [\n  {\n    href: 'https://discord.gg/7uxamYVeCk',\n    component: <DiscordLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'Discord',\n  },\n  {\n    href: 'https://www.producthunt.com/posts/intlayer?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-intlayer',\n    component: <ProductHuntLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'Product Hunt',\n  },\n  {\n    href: 'https://x.com/Intlayer183096',\n    component: <XLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'X',\n  },\n  {\n    href: 'https://www.youtube.com/@intlayer',\n    component: <YoutubeLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'YouTube',\n  },\n  {\n    href: 'https://www.linkedin.com/company/intlayerorg',\n    component: <LinkedInLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'LinkedIn',\n  },\n  {\n    href: 'https://www.tiktok.com/@intlayer',\n    component: <TiktokLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'TikTok',\n  },\n  {\n    href: 'https://www.instagram.com/intlayer/',\n    component: <InstagramLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'Instagram',\n  },\n  // {\n  //   href: 'https://www.facebook.com/intlayer',\n  //   component: <FacebookLogo className=\"h-auto max-h-full max-w-full\" />,\n  //   label: 'Facebook',\n  // },\n];\n\ntype SocialNetworksProps = {\n  renderItem?: (item: (typeof socialNetworks)[number]) => ReactNode;\n} & DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n>;\n\ntype DefaultRenderItemProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> & {\n  component: ReactNode;\n  label: string;\n};\n\nconst DefaultRenderItem: FC<DefaultRenderItemProps> = ({\n  href,\n  component,\n  label,\n  ...iconProps\n}) => (\n  <a\n    key={href}\n    href={href}\n    aria-label={label}\n    className=\"max-h-4 max-w-4 shrink-0\"\n    {...iconProps}\n  >\n    {component}\n  </a>\n);\n\nexport const SocialNetworks = ({\n  renderItem,\n  ...iconProps\n}: SocialNetworksProps) =>\n  socialNetworks.map(\n    renderItem ??\n      ((props) => (\n        <DefaultRenderItem {...props} {...iconProps} key={props.label} />\n      ))\n  );\n\nexport * from './DiscordLogo';\nexport * from './FacebookLogo';\nexport * from './InstagramLogo';\nexport * from './LinkedInLogo';\nexport * from './ProductHuntLogo';\nexport * from './TiktokLogo';\nexport * from './XLogo';\nexport * from './YoutubeLogo';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,iBAAiB;CACrB;EACE,MAAM;EACN,WAAW,oBAAC,aAAD,EAAa,WAAU,gCAAiC;EACnE,OAAO;EACR;CACD;EACE,MAAM;EACN,WAAW,oBAAC,iBAAD,EAAiB,WAAU,gCAAiC;EACvE,OAAO;EACR;CACD;EACE,MAAM;EACN,WAAW,oBAAC,OAAD,EAAO,WAAU,gCAAiC;EAC7D,OAAO;EACR;CACD;EACE,MAAM;EACN,WAAW,oBAAC,aAAD,EAAa,WAAU,gCAAiC;EACnE,OAAO;EACR;CACD;EACE,MAAM;EACN,WAAW,oBAAC,cAAD,EAAc,WAAU,gCAAiC;EACpE,OAAO;EACR;CACD;EACE,MAAM;EACN,WAAW,oBAAC,YAAD,EAAY,WAAU,gCAAiC;EAClE,OAAO;EACR;CACD;EACE,MAAM;EACN,WAAW,oBAAC,eAAD,EAAe,WAAU,gCAAiC;EACrE,OAAO;EACR;CAMF;AAiBD,MAAM,qBAAiD,EACrD,MACA,WACA,OACA,GAAG,gBAEH,oBAAC,KAAD;CAEQ;CACN,cAAY;CACZ,WAAU;CACV,GAAI;WAEH;CACC,EAPG,KAOH;AAGN,MAAa,kBAAkB,EAC7B,YACA,GAAG,gBAEH,eAAe,IACb,gBACI,UACA,8BAAC,mBAAD;CAAmB,GAAI;CAAO,GAAI;CAAW,KAAK,MAAM;CAAS,GAEtE"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/SocialNetworks/index.tsx"],"sourcesContent":["import type {\n  AnchorHTMLAttributes,\n  DetailedHTMLProps,\n  FC,\n  ReactNode,\n} from 'react';\nimport { DiscordLogo } from './DiscordLogo';\nimport { InstagramLogo } from './InstagramLogo';\nimport { LinkedInLogo } from './LinkedInLogo';\nimport { ProductHuntLogo } from './ProductHuntLogo';\nimport { TiktokLogo } from './TiktokLogo';\nimport { XLogo } from './XLogo';\nimport { YoutubeLogo } from './YoutubeLogo';\n\nconst socialNetworks = [\n  {\n    href: 'https://discord.gg/7uxamYVeCk',\n    component: <DiscordLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'Discord',\n  },\n  {\n    href: 'https://www.producthunt.com/posts/intlayer?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-intlayer',\n    component: <ProductHuntLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'Product Hunt',\n  },\n  {\n    href: 'https://x.com/Intlayer183096',\n    component: <XLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'X',\n  },\n  {\n    href: 'https://www.youtube.com/@intlayer',\n    component: <YoutubeLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'YouTube',\n  },\n  {\n    href: 'https://www.linkedin.com/company/intlayerorg',\n    component: <LinkedInLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'LinkedIn',\n  },\n  {\n    href: 'https://www.tiktok.com/@intlayer',\n    component: <TiktokLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'TikTok',\n  },\n  {\n    href: 'https://www.instagram.com/intlayer/',\n    component: <InstagramLogo className=\"h-auto max-h-full max-w-full\" />,\n    label: 'Instagram',\n  },\n  // {\n  //   href: 'https://www.facebook.com/intlayer',\n  //   component: <FacebookLogo className=\"h-auto max-h-full max-w-full\" />,\n  //   label: 'Facebook',\n  // },\n];\n\ntype SocialNetworksProps = {\n  renderItem?: (item: (typeof socialNetworks)[number]) => ReactNode;\n} & DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n>;\n\ntype DefaultRenderItemProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> & {\n  component: ReactNode;\n  label: string;\n};\n\nconst DefaultRenderItem: FC<DefaultRenderItemProps> = ({\n  href,\n  component,\n  label,\n  ...iconProps\n}) => (\n  <a\n    key={href}\n    href={href}\n    aria-label={label}\n    className=\"max-h-4 max-w-4 shrink-0\"\n    {...iconProps}\n  >\n    {component}\n  </a>\n);\n\nexport const SocialNetworks = ({\n  renderItem,\n  ...iconProps\n}: SocialNetworksProps) =>\n  socialNetworks.map(\n    renderItem ??\n      ((props) => (\n        <DefaultRenderItem {...props} {...iconProps} key={props.label} />\n      ))\n  );\n\nexport * from './BitbucketLogo';\nexport * from './DiscordLogo';\nexport * from './FacebookLogo';\nexport * from './GitHubLogo';\nexport * from './GitLabLogo';\nexport * from './GoogleLogo';\nexport * from './InstagramLogo';\nexport * from './LinkedInLogo';\nexport * from './ProductHuntLogo';\nexport * from './TiktokLogo';\nexport * from './XLogo';\nexport * from './YoutubeLogo';\n"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAM,iBAAiB;CACrB;EACE,MAAM;EACN,WAAW,oBAAC,aAAD,EAAa,WAAU,gCAAiC;EACnE,OAAO;EACR;CACD;EACE,MAAM;EACN,WAAW,oBAAC,iBAAD,EAAiB,WAAU,gCAAiC;EACvE,OAAO;EACR;CACD;EACE,MAAM;EACN,WAAW,oBAAC,OAAD,EAAO,WAAU,gCAAiC;EAC7D,OAAO;EACR;CACD;EACE,MAAM;EACN,WAAW,oBAAC,aAAD,EAAa,WAAU,gCAAiC;EACnE,OAAO;EACR;CACD;EACE,MAAM;EACN,WAAW,oBAAC,cAAD,EAAc,WAAU,gCAAiC;EACpE,OAAO;EACR;CACD;EACE,MAAM;EACN,WAAW,oBAAC,YAAD,EAAY,WAAU,gCAAiC;EAClE,OAAO;EACR;CACD;EACE,MAAM;EACN,WAAW,oBAAC,eAAD,EAAe,WAAU,gCAAiC;EACrE,OAAO;EACR;CAMF;AAiBD,MAAM,qBAAiD,EACrD,MACA,WACA,OACA,GAAG,gBAEH,oBAAC,KAAD;CAEQ;CACN,cAAY;CACZ,WAAU;CACV,GAAI;WAEH;CACC,EAPG,KAOH;AAGN,MAAa,kBAAkB,EAC7B,YACA,GAAG,gBAEH,eAAe,IACb,gBACI,UACA,8BAAC,mBAAD;CAAmB,GAAI;CAAO,GAAI;CAAW,KAAK,MAAM;CAAS,GAEtE"}

package/dist/esm/components/TechLogo/TechLogo.mjs

@@ -0,0 +1,62 @@
+import { cn } from "../../utils/cn.mjs";
+import { TechLogoName } from "./types.mjs";
+import { Suspense, lazy } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+
+//#region src/components/TechLogo/TechLogo.tsx
+/**
+* This ensures React.lazy always receives a valid component.
+*/
+const dynamicLogo = (importFn, exportName) => lazy(async () => {
+	return { default: (await importFn())[exportName] };
+});
+const logoRecord = {
+	[TechLogoName.Adonis]: dynamicLogo(() => import("./logos/Adonis.mjs"), "AdonisLogo"),
+	[TechLogoName.Angular]: dynamicLogo(() => import("./logos/Angular.mjs"), "AngularLogo"),
+	[TechLogoName.Astro]: dynamicLogo(() => import("./logos/Astro.mjs"), "AstroLogo"),
+	[TechLogoName.Express]: dynamicLogo(() => import("./logos/Express.mjs"), "ExpressLogo"),
+	[TechLogoName.Fastify]: dynamicLogo(() => import("./logos/Fastify.mjs"), "FastifyLogo"),
+	[TechLogoName.Hono]: dynamicLogo(() => import("./logos/Hono.mjs"), "HonoLogo"),
+	[TechLogoName.Lynx]: dynamicLogo(() => import("./logos/Lynx.mjs"), "LynxLogo"),
+	[TechLogoName.NestJS]: dynamicLogo(() => import("./logos/NestJS.mjs"), "NestJSLogo"),
+	[TechLogoName.Nextjs]: dynamicLogo(() => import("./logos/Nextjs.mjs"), "NextJSLogo"),
+	[TechLogoName.Node]: dynamicLogo(() => import("./logos/Node.mjs"), "NodejsLogo"),
+	[TechLogoName.Nuxt]: dynamicLogo(() => import("./logos/Nuxt.mjs"), "NuxtLogo"),
+	[TechLogoName.Preact]: dynamicLogo(() => import("./logos/Preact.mjs"), "PreactLogo"),
+	[TechLogoName.React]: dynamicLogo(() => import("./logos/Reactjs.mjs"), "ReactLogo"),
+	[TechLogoName.Solid]: dynamicLogo(() => import("./logos/Solid.mjs"), "SolidLogo"),
+	[TechLogoName.Svelte]: dynamicLogo(() => import("./logos/Svelte.mjs"), "SvelteLogo"),
+	[TechLogoName.Tanstack]: dynamicLogo(() => import("./logos/Tanstack.mjs"), "TanstackLogo"),
+	[TechLogoName.Vite]: dynamicLogo(() => import("./logos/Vitejs.mjs"), "ViteLogo"),
+	[TechLogoName.Vue]: dynamicLogo(() => import("./logos/Vuejs.mjs"), "VuejsLogo"),
+	[TechLogoName.Lit]: dynamicLogo(() => import("./logos/Lit.mjs"), "LitLogo"),
+	[TechLogoName.Vanilla]: dynamicLogo(() => import("./logos/Vanilla.mjs"), "JavaScriptLogo"),
+	[TechLogoName.Anthropic]: dynamicLogo(() => import("./logos/Anthropic.mjs"), "AnthropicLogo"),
+	[TechLogoName.Claude]: dynamicLogo(() => import("./logos/Claude.mjs"), "ClaudeLogo"),
+	[TechLogoName.ChatGPT]: dynamicLogo(() => import("./logos/ChatGPT.mjs"), "ChatGPTLogo"),
+	[TechLogoName.DeepSeek]: dynamicLogo(() => import("./logos/DeepSeek.mjs"), "DeepSeekLogo"),
+	[TechLogoName.Gemini]: dynamicLogo(() => import("./logos/Gemini.mjs"), "GeminiLogo"),
+	[TechLogoName.GoogleAI]: dynamicLogo(() => import("./logos/GoogleAI.mjs"), "GoogleAILogo"),
+	[TechLogoName.Grok]: dynamicLogo(() => import("./logos/Grok.mjs"), "GrokLogo"),
+	[TechLogoName.Mistral]: dynamicLogo(() => import("./logos/Mistral.mjs"), "MistralLogo"),
+	[TechLogoName.Ollama]: dynamicLogo(() => import("./logos/Ollama.mjs"), "OllamaLogo"),
+	[TechLogoName.OpenAI]: dynamicLogo(() => import("./logos/OpenAI.mjs"), "OpenAILogo"),
+	[TechLogoName.Perplexity]: dynamicLogo(() => import("./logos/Perplexity.mjs"), "PerplexityLogo"),
+	[TechLogoName.GitHub]: dynamicLogo(() => import("./logos/GitHub.mjs"), "GitHubLogo"),
+	[TechLogoName.GitLab]: dynamicLogo(() => import("./logos/GitLab.mjs"), "GitLabLogo"),
+	[TechLogoName.Bitbucket]: dynamicLogo(() => import("./logos/Bitbucket.mjs"), "BitbucketLogo"),
+	[TechLogoName.Google]: dynamicLogo(() => import("./logos/Google.mjs"), "GoogleLogo"),
+	[TechLogoName.LinkedIn]: dynamicLogo(() => import("./logos/LinkedIn.mjs"), "LinkedInLogo")
+};
+const TechLogo = ({ name, ...props }) => {
+	const LazyLogo = logoRecord[name];
+	if (!LazyLogo) return /* @__PURE__ */ jsx(Fragment$1, {});
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: /* @__PURE__ */ jsx("div", { className: cn("animate-pulse bg-neutral-200", props.className) }),
+		children: /* @__PURE__ */ jsx(LazyLogo, { ...props })
+	});
+};
+
+//#endregion
+export { TechLogo };
+//# sourceMappingURL=TechLogo.mjs.map

package/dist/esm/components/TechLogo/TechLogo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TechLogo.mjs","names":[],"sources":["../../../../src/components/TechLogo/TechLogo.tsx"],"sourcesContent":["import { type FC, type JSX, lazy, Suspense, type SVGProps } from 'react';\nimport { cn } from '../../utils/cn';\nimport { TechLogoName } from './types';\n\nexport type TechLogoProps = SVGProps<SVGSVGElement> & {\n  name: TechLogoName;\n};\n\n/**\n * This ensures React.lazy always receives a valid component.\n */\nconst dynamicLogo = (importFn: () => Promise<any>, exportName: string) =>\n  lazy(async () => {\n    const module = await importFn();\n    const asset = module[exportName];\n\n    return { default: asset };\n  });\n\nconst logoRecord: Record<TechLogoName, ReturnType<typeof dynamicLogo>> = {\n  [TechLogoName.Adonis]: dynamicLogo(\n    () => import('./logos/Adonis'),\n    'AdonisLogo'\n  ),\n  [TechLogoName.Angular]: dynamicLogo(\n    () => import('./logos/Angular'),\n    'AngularLogo'\n  ),\n  [TechLogoName.Astro]: dynamicLogo(() => import('./logos/Astro'), 'AstroLogo'),\n  [TechLogoName.Express]: dynamicLogo(\n    () => import('./logos/Express'),\n    'ExpressLogo'\n  ),\n  [TechLogoName.Fastify]: dynamicLogo(\n    () => import('./logos/Fastify'),\n    'FastifyLogo'\n  ),\n  [TechLogoName.Hono]: dynamicLogo(() => import('./logos/Hono'), 'HonoLogo'),\n  [TechLogoName.Lynx]: dynamicLogo(() => import('./logos/Lynx'), 'LynxLogo'),\n  [TechLogoName.NestJS]: dynamicLogo(\n    () => import('./logos/NestJS'),\n    'NestJSLogo'\n  ),\n  [TechLogoName.Nextjs]: dynamicLogo(\n    () => import('./logos/Nextjs'),\n    'NextJSLogo'\n  ),\n  [TechLogoName.Node]: dynamicLogo(() => import('./logos/Node'), 'NodejsLogo'),\n  [TechLogoName.Nuxt]: dynamicLogo(() => import('./logos/Nuxt'), 'NuxtLogo'),\n  [TechLogoName.Preact]: dynamicLogo(\n    () => import('./logos/Preact'),\n    'PreactLogo'\n  ),\n  [TechLogoName.React]: dynamicLogo(\n    () => import('./logos/Reactjs'),\n    'ReactLogo'\n  ),\n  [TechLogoName.Solid]: dynamicLogo(() => import('./logos/Solid'), 'SolidLogo'),\n  [TechLogoName.Svelte]: dynamicLogo(\n    () => import('./logos/Svelte'),\n    'SvelteLogo'\n  ),\n  [TechLogoName.Tanstack]: dynamicLogo(\n    () => import('./logos/Tanstack'),\n    'TanstackLogo'\n  ),\n  [TechLogoName.Vite]: dynamicLogo(() => import('./logos/Vitejs'), 'ViteLogo'),\n  [TechLogoName.Vue]: dynamicLogo(() => import('./logos/Vuejs'), 'VuejsLogo'),\n  [TechLogoName.Lit]: dynamicLogo(() => import('./logos/Lit'), 'LitLogo'),\n  [TechLogoName.Vanilla]: dynamicLogo(\n    () => import('./logos/Vanilla'),\n    'JavaScriptLogo'\n  ),\n  [TechLogoName.Anthropic]: dynamicLogo(\n    () => import('./logos/Anthropic'),\n    'AnthropicLogo'\n  ),\n  [TechLogoName.Claude]: dynamicLogo(\n    () => import('./logos/Claude'),\n    'ClaudeLogo'\n  ),\n  [TechLogoName.ChatGPT]: dynamicLogo(\n    () => import('./logos/ChatGPT'),\n    'ChatGPTLogo'\n  ),\n  [TechLogoName.DeepSeek]: dynamicLogo(\n    () => import('./logos/DeepSeek'),\n    'DeepSeekLogo'\n  ),\n  [TechLogoName.Gemini]: dynamicLogo(\n    () => import('./logos/Gemini'),\n    'GeminiLogo'\n  ),\n  [TechLogoName.GoogleAI]: dynamicLogo(\n    () => import('./logos/GoogleAI'),\n    'GoogleAILogo'\n  ),\n  [TechLogoName.Grok]: dynamicLogo(() => import('./logos/Grok'), 'GrokLogo'),\n  [TechLogoName.Mistral]: dynamicLogo(\n    () => import('./logos/Mistral'),\n    'MistralLogo'\n  ),\n  [TechLogoName.Ollama]: dynamicLogo(\n    () => import('./logos/Ollama'),\n    'OllamaLogo'\n  ),\n  [TechLogoName.OpenAI]: dynamicLogo(\n    () => import('./logos/OpenAI'),\n    'OpenAILogo'\n  ),\n  [TechLogoName.Perplexity]: dynamicLogo(\n    () => import('./logos/Perplexity'),\n    'PerplexityLogo'\n  ),\n  [TechLogoName.GitHub]: dynamicLogo(\n    () => import('./logos/GitHub'),\n    'GitHubLogo'\n  ),\n  [TechLogoName.GitLab]: dynamicLogo(\n    () => import('./logos/GitLab'),\n    'GitLabLogo'\n  ),\n  [TechLogoName.Bitbucket]: dynamicLogo(\n    () => import('./logos/Bitbucket'),\n    'BitbucketLogo'\n  ),\n  [TechLogoName.Google]: dynamicLogo(\n    () => import('./logos/Google'),\n    'GoogleLogo'\n  ),\n  [TechLogoName.LinkedIn]: dynamicLogo(\n    () => import('./logos/LinkedIn'),\n    'LinkedInLogo'\n  ),\n};\n\nexport const TechLogo: FC<TechLogoProps> = ({\n  name,\n  ...props\n}): JSX.Element => {\n  const LazyLogo = logoRecord[name];\n\n  if (!LazyLogo) {\n    return <></>;\n  }\n\n  return (\n    <Suspense\n      fallback={\n        <div className={cn('animate-pulse bg-neutral-200', props.className)} />\n      }\n    >\n      <LazyLogo {...(props as any)} />\n    </Suspense>\n  );\n};\n"],"mappings":";;;;;;;;;AAWA,MAAM,eAAe,UAA8B,eACjD,KAAK,YAAY;AAIf,QAAO,EAAE,UAHM,MAAM,UAAU,EACV,aAEI;EACzB;AAEJ,MAAM,aAAmE;EACtE,aAAa,SAAS,kBACf,OAAO,uBACb,aACD;EACA,aAAa,UAAU,kBAChB,OAAO,wBACb,cACD;EACA,aAAa,QAAQ,kBAAkB,OAAO,sBAAkB,YAAY;EAC5E,aAAa,UAAU,kBAChB,OAAO,wBACb,cACD;EACA,aAAa,UAAU,kBAChB,OAAO,wBACb,cACD;EACA,aAAa,OAAO,kBAAkB,OAAO,qBAAiB,WAAW;EACzE,aAAa,OAAO,kBAAkB,OAAO,qBAAiB,WAAW;EACzE,aAAa,SAAS,kBACf,OAAO,uBACb,aACD;EACA,aAAa,SAAS,kBACf,OAAO,uBACb,aACD;EACA,aAAa,OAAO,kBAAkB,OAAO,qBAAiB,aAAa;EAC3E,aAAa,OAAO,kBAAkB,OAAO,qBAAiB,WAAW;EACzE,aAAa,SAAS,kBACf,OAAO,uBACb,aACD;EACA,aAAa,QAAQ,kBACd,OAAO,wBACb,YACD;EACA,aAAa,QAAQ,kBAAkB,OAAO,sBAAkB,YAAY;EAC5E,aAAa,SAAS,kBACf,OAAO,uBACb,aACD;EACA,aAAa,WAAW,kBACjB,OAAO,yBACb,eACD;EACA,aAAa,OAAO,kBAAkB,OAAO,uBAAmB,WAAW;EAC3E,aAAa,MAAM,kBAAkB,OAAO,sBAAkB,YAAY;EAC1E,aAAa,MAAM,kBAAkB,OAAO,oBAAgB,UAAU;EACtE,aAAa,UAAU,kBAChB,OAAO,wBACb,iBACD;EACA,aAAa,YAAY,kBAClB,OAAO,0BACb,gBACD;EACA,aAAa,SAAS,kBACf,OAAO,uBACb,aACD;EACA,aAAa,UAAU,kBAChB,OAAO,wBACb,cACD;EACA,aAAa,WAAW,kBACjB,OAAO,yBACb,eACD;EACA,aAAa,SAAS,kBACf,OAAO,uBACb,aACD;EACA,aAAa,WAAW,kBACjB,OAAO,yBACb,eACD;EACA,aAAa,OAAO,kBAAkB,OAAO,qBAAiB,WAAW;EACzE,aAAa,UAAU,kBAChB,OAAO,wBACb,cACD;EACA,aAAa,SAAS,kBACf,OAAO,uBACb,aACD;EACA,aAAa,SAAS,kBACf,OAAO,uBACb,aACD;EACA,aAAa,aAAa,kBACnB,OAAO,2BACb,iBACD;EACA,aAAa,SAAS,kBACf,OAAO,uBACb,aACD;EACA,aAAa,SAAS,kBACf,OAAO,uBACb,aACD;EACA,aAAa,YAAY,kBAClB,OAAO,0BACb,gBACD;EACA,aAAa,SAAS,kBACf,OAAO,uBACb,aACD;EACA,aAAa,WAAW,kBACjB,OAAO,yBACb,eACD;CACF;AAED,MAAa,YAA+B,EAC1C,MACA,GAAG,YACc;CACjB,MAAM,WAAW,WAAW;AAE5B,KAAI,CAAC,SACH,QAAO,kCAAK;AAGd,QACE,oBAAC,UAAD;EACE,UACE,oBAAC,OAAD,EAAK,WAAW,GAAG,gCAAgC,MAAM,UAAU,EAAI;YAGzE,oBAAC,UAAD,EAAU,GAAK,OAAiB;EACvB"}

package/dist/esm/components/TechLogo/index.mjs

@@ -0,0 +1,5 @@
+import { TechLogoName } from "./types.mjs";
+import { TechLogo } from "./TechLogo.mjs";
+import { techLogos_exports } from "./techLogos.mjs";
+
+export { TechLogo, TechLogoName, techLogos_exports as TechLogos };

package/dist/esm/components/TechLogo/logos/Adonis.mjs

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/TechLogo/logos/Adonis.tsx
+const AdonisLogo = (props) => /* @__PURE__ */ jsxs("svg", {
+	...props,
+	viewBox: "0 0 512 512",
+	xmlns: "http://www.w3.org/2000/svg",
+	fillRule: "evenodd",
+	clipRule: "evenodd",
+	strokeLinejoin: "round",
+	strokeMiterlimit: "2",
+	role: "img",
+	"aria-label": "Adonis logo",
+	children: [/* @__PURE__ */ jsx("path", {
+		d: "M106.812 307.933l78.418-178.207c13.23-30.039 38.692-46.332 70.77-46.332 32.078 0 57.535 16.29 70.773 46.328l78.414 178.211c3.562 8.656 6.617 19.86 6.617 29.531 0 44.297-31.059 75.356-75.36 75.356-15.085 0-27.07-3.848-39.198-7.746-12.43-3.993-25.012-8.036-41.246-8.036-16.047 0-28.938 4.079-41.614 8.09-12.257 3.88-24.316 7.692-38.832 7.692-44.296 0-75.359-31.055-75.359-75.352 0-9.676 3.059-20.879 6.617-29.535z",
+		fill: "#fff"
+	}), /* @__PURE__ */ jsx("path", {
+		d: "M6 256c0 201.628 48.371 250 250 250 201.628 0 250-48.372 250-250C506 54.37 457.627 6 256 6 54.37 6 6 54.371 6 256zm100.812 51.933l78.418-178.207c13.23-30.039 38.692-46.332 70.77-46.332 32.078 0 57.535 16.29 70.773 46.328l78.414 178.211c3.562 8.656 6.617 19.86 6.617 29.531 0 44.297-31.059 75.356-75.36 75.356-15.085 0-27.07-3.848-39.198-7.746-12.43-3.993-25.012-8.036-41.246-8.036-16.047 0-28.938 4.079-41.614 8.09-12.257 3.88-24.316 7.692-38.832 7.692-44.296 0-75.359-31.055-75.359-75.352 0-9.676 3.059-20.879 6.621-29.535h-.004zM256 160.785L178.605 335.94c22.914-10.695 49.39-15.785 77.395-15.785 26.988 0 54.48 5.09 76.374 15.781L256 160.789v-.004z",
+		fill: "#5a45ff"
+	})]
+});
+
+//#endregion
+export { AdonisLogo };
+//# sourceMappingURL=Adonis.mjs.map

package/dist/esm/components/TechLogo/logos/Adonis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Adonis.mjs","names":[],"sources":["../../../../../src/components/TechLogo/logos/Adonis.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nexport const AdonisLogo: FC<SVGProps<SVGSVGElement>> = (props) => (\n  <svg\n    {...props}\n    viewBox=\"0 0 512 512\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fillRule=\"evenodd\"\n    clipRule=\"evenodd\"\n    strokeLinejoin=\"round\"\n    strokeMiterlimit=\"2\"\n    role=\"img\"\n    aria-label=\"Adonis logo\"\n  >\n    <path\n      d=\"M106.812 307.933l78.418-178.207c13.23-30.039 38.692-46.332 70.77-46.332 32.078 0 57.535 16.29 70.773 46.328l78.414 178.211c3.562 8.656 6.617 19.86 6.617 29.531 0 44.297-31.059 75.356-75.36 75.356-15.085 0-27.07-3.848-39.198-7.746-12.43-3.993-25.012-8.036-41.246-8.036-16.047 0-28.938 4.079-41.614 8.09-12.257 3.88-24.316 7.692-38.832 7.692-44.296 0-75.359-31.055-75.359-75.352 0-9.676 3.059-20.879 6.617-29.535z\"\n      fill=\"#fff\"\n    />\n    <path\n      d=\"M6 256c0 201.628 48.371 250 250 250 201.628 0 250-48.372 250-250C506 54.37 457.627 6 256 6 54.37 6 6 54.371 6 256zm100.812 51.933l78.418-178.207c13.23-30.039 38.692-46.332 70.77-46.332 32.078 0 57.535 16.29 70.773 46.328l78.414 178.211c3.562 8.656 6.617 19.86 6.617 29.531 0 44.297-31.059 75.356-75.36 75.356-15.085 0-27.07-3.848-39.198-7.746-12.43-3.993-25.012-8.036-41.246-8.036-16.047 0-28.938 4.079-41.614 8.09-12.257 3.88-24.316 7.692-38.832 7.692-44.296 0-75.359-31.055-75.359-75.352 0-9.676 3.059-20.879 6.621-29.535h-.004zM256 160.785L178.605 335.94c22.914-10.695 49.39-15.785 77.395-15.785 26.988 0 54.48 5.09 76.374 15.781L256 160.789v-.004z\"\n      fill=\"#5a45ff\"\n    />\n  </svg>\n);\n"],"mappings":";;;AAEA,MAAa,cAA2C,UACtD,qBAAC,OAAD;CACE,GAAI;CACJ,SAAQ;CACR,OAAM;CACN,UAAS;CACT,UAAS;CACT,gBAAe;CACf,kBAAiB;CACjB,MAAK;CACL,cAAW;WATb,CAWE,oBAAC,QAAD;EACE,GAAE;EACF,MAAK;EACL,GACF,oBAAC,QAAD;EACE,GAAE;EACF,MAAK;EACL,EACE"}

package/dist/esm/components/TechLogo/logos/Angular.mjs

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/TechLogo/logos/Angular.tsx
+const AngularLogo = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	role: "img",
+	"aria-label": "Angular logo",
+	version: "1.1",
+	preserveAspectRatio: "xMidYMid",
+	viewBox: "20 20 210 210",
+	...props,
+	children: /* @__PURE__ */ jsxs("g", { children: [
+		/* @__PURE__ */ jsx("polygon", {
+			style: { fill: "#DD0031" },
+			points: "125,30 125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,230 203.9,186.3 218.1,63.2  "
+		}),
+		/* @__PURE__ */ jsx("polygon", {
+			style: { fill: "#C3002F" },
+			points: "125,30 125,52.2 125,52.1 125,153.4 125,153.4 125,230 125,230 203.9,186.3 218.1,63.2 125,30  "
+		}),
+		/* @__PURE__ */ jsx("path", {
+			style: { fill: "#FFFFFF" },
+			d: "M125,52.1L66.8,182.6h0h21.7h0l11.7-29.2h49.4l11.7,29.2h0h21.7h0L125,52.1L125,52.1L125,52.1L125,52.1   L125,52.1z M142,135.4H108l17-40.9L142,135.4z"
+		})
+	] })
+});
+
+//#endregion
+export { AngularLogo };
+//# sourceMappingURL=Angular.mjs.map

package/dist/esm/components/TechLogo/logos/Angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Angular.mjs","names":[],"sources":["../../../../../src/components/TechLogo/logos/Angular.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nexport const AngularLogo: FC<SVGProps<SVGSVGElement>> = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    role=\"img\"\n    aria-label=\"Angular logo\"\n    version=\"1.1\"\n    preserveAspectRatio=\"xMidYMid\"\n    viewBox=\"20 20 210 210\"\n    {...props}\n  >\n    <g>\n      <polygon\n        style={{\n          fill: '#DD0031',\n        }}\n        points=\"125,30 125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,230 203.9,186.3 218.1,63.2  \"\n      />\n      <polygon\n        style={{\n          fill: '#C3002F',\n        }}\n        points=\"125,30 125,52.2 125,52.1 125,153.4 125,153.4 125,230 125,230 203.9,186.3 218.1,63.2 125,30  \"\n      />\n      <path\n        style={{\n          fill: '#FFFFFF',\n        }}\n        d=\"M125,52.1L66.8,182.6h0h21.7h0l11.7-29.2h49.4l11.7,29.2h0h21.7h0L125,52.1L125,52.1L125,52.1L125,52.1   L125,52.1z M142,135.4H108l17-40.9L142,135.4z\"\n      />\n    </g>\n  </svg>\n);\n"],"mappings":";;;AAEA,MAAa,eAA4C,UACvD,oBAAC,OAAD;CACE,OAAM;CACN,MAAK;CACL,cAAW;CACX,SAAQ;CACR,qBAAoB;CACpB,SAAQ;CACR,GAAI;WAEJ,qBAAC,KAAD;EACE,oBAAC,WAAD;GACE,OAAO,EACL,MAAM,WACP;GACD,QAAO;GACP;EACF,oBAAC,WAAD;GACE,OAAO,EACL,MAAM,WACP;GACD,QAAO;GACP;EACF,oBAAC,QAAD;GACE,OAAO,EACL,MAAM,WACP;GACD,GAAE;GACF;EACA;CACA"}

package/dist/esm/components/TechLogo/logos/Anthropic.mjs

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/TechLogo/logos/Anthropic.tsx
+const AnthropicLogo = (props) => /* @__PURE__ */ jsxs("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	role: "img",
+	"aria-label": "Anthropic logo",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	height: "24",
+	width: "24",
+	...props,
+	children: [/* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "m13.788825 3.932 6.43325 16.136075h3.5279L17.316725 3.932H13.788825Z",
+		strokeWidth: "0.25"
+	}), /* @__PURE__ */ jsx("path", {
+		fill: "currentColor",
+		d: "m6.325375 13.682775 2.20125 -5.67065 2.201275 5.67065H6.325375ZM6.68225 3.932 0.25 20.068075h3.596525l1.3155 -3.3886h6.729425l1.315275 3.3886h3.59655L10.371 3.932H6.68225Z",
+		strokeWidth: "0.25"
+	})]
+});
+
+//#endregion
+export { AnthropicLogo };
+//# sourceMappingURL=Anthropic.mjs.map

package/dist/esm/components/TechLogo/logos/Anthropic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anthropic.mjs","names":[],"sources":["../../../../../src/components/TechLogo/logos/Anthropic.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nexport const AnthropicLogo: FC<SVGProps<SVGSVGElement>> = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    role=\"img\"\n    aria-label=\"Anthropic logo\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    height=\"24\"\n    width=\"24\"\n    {...props}\n  >\n    <path\n      fill=\"currentColor\"\n      d=\"m13.788825 3.932 6.43325 16.136075h3.5279L17.316725 3.932H13.788825Z\"\n      strokeWidth=\"0.25\"\n    />\n    <path\n      fill=\"currentColor\"\n      d=\"m6.325375 13.682775 2.20125 -5.67065 2.201275 5.67065H6.325375ZM6.68225 3.932 0.25 20.068075h3.596525l1.3155 -3.3886h6.729425l1.315275 3.3886h3.59655L10.371 3.932H6.68225Z\"\n      strokeWidth=\"0.25\"\n    />\n  </svg>\n);\n"],"mappings":";;;AAEA,MAAa,iBAA8C,UACzD,qBAAC,OAAD;CACE,OAAM;CACN,MAAK;CACL,cAAW;CACX,MAAK;CACL,SAAQ;CACR,QAAO;CACP,OAAM;CACN,GAAI;WARN,CAUE,oBAAC,QAAD;EACE,MAAK;EACL,GAAE;EACF,aAAY;EACZ,GACF,oBAAC,QAAD;EACE,MAAK;EACL,GAAE;EACF,aAAY;EACZ,EACE"}

package/dist/esm/components/TechLogo/logos/Astro.mjs

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/TechLogo/logos/Astro.tsx
+const AstroLogo = (props) => /* @__PURE__ */ jsxs("svg", {
+	viewBox: "0 0 85 107",
+	role: "img",
+	"aria-label": "Astro logo",
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "currentColor",
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("path", {
+			d: "M27.5894 91.1365C22.7555 86.7178 21.3444 77.4335 23.3583 70.7072C26.8503 74.948 31.6888 76.2914 36.7005 77.0497C44.4375 78.2199 52.0359 77.7822 59.2232 74.2459C60.0454 73.841 60.8052 73.3027 61.7036 72.7574C62.378 74.714 62.5535 76.6892 62.318 78.6996C61.7452 83.5957 59.3086 87.3778 55.4332 90.2448C53.8835 91.3916 52.2437 92.4167 50.6432 93.4979C45.7262 96.8213 44.3959 100.718 46.2435 106.386C46.2874 106.525 46.3267 106.663 46.426 107C43.9155 105.876 42.0817 104.24 40.6845 102.089C39.2087 99.8193 38.5066 97.3081 38.4696 94.5909C38.4511 93.2686 38.4511 91.9345 38.2733 90.6309C37.8391 87.4527 36.3471 86.0297 33.5364 85.9478C30.6518 85.8636 28.37 87.6469 27.7649 90.4554C27.7187 90.6707 27.6517 90.8837 27.5847 91.1341L27.5894 91.1365Z",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M27.5894 91.1365C22.7555 86.7178 21.3444 77.4335 23.3583 70.7072C26.8503 74.948 31.6888 76.2914 36.7005 77.0497C44.4375 78.2199 52.0359 77.7822 59.2232 74.2459C60.0454 73.841 60.8052 73.3027 61.7036 72.7574C62.378 74.714 62.5535 76.6892 62.318 78.6996C61.7452 83.5957 59.3086 87.3778 55.4332 90.2448C53.8835 91.3916 52.2437 92.4167 50.6432 93.4979C45.7262 96.8213 44.3959 100.718 46.2435 106.386C46.2874 106.525 46.3267 106.663 46.426 107C43.9155 105.876 42.0817 104.24 40.6845 102.089C39.2087 99.8193 38.5066 97.3081 38.4696 94.5909C38.4511 93.2686 38.4511 91.9345 38.2733 90.6309C37.8391 87.4527 36.3471 86.0297 33.5364 85.9478C30.6518 85.8636 28.37 87.6469 27.7649 90.4554C27.7187 90.6707 27.6517 90.8837 27.5847 91.1341L27.5894 91.1365Z",
+			fill: "url(#paint0_linear_1_59)"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M0 69.5866C0 69.5866 14.3139 62.6137 28.6678 62.6137L39.4901 29.1204C39.8953 27.5007 41.0783 26.3999 42.4139 26.3999C43.7495 26.3999 44.9325 27.5007 45.3377 29.1204L56.1601 62.6137C73.1601 62.6137 84.8278 69.5866 84.8278 69.5866C84.8278 69.5866 60.5145 3.35233 60.467 3.21944C59.7692 1.2612 58.5911 0 57.0029 0H27.8274C26.2392 0 25.1087 1.2612 24.3634 3.21944C24.3108 3.34983 0 69.5866 0 69.5866Z",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", {
+			id: "paint0_linear_1_59",
+			x1: "22.4702",
+			y1: "107",
+			x2: "69.1451",
+			y2: "84.9468",
+			gradientUnits: "userSpaceOnUse",
+			children: [/* @__PURE__ */ jsx("stop", { stopColor: "#D83333" }), /* @__PURE__ */ jsx("stop", {
+				offset: "1",
+				stopColor: "#F041FF"
+			})]
+		}) })
+	]
+});
+
+//#endregion
+export { AstroLogo };
+//# sourceMappingURL=Astro.mjs.map

package/dist/esm/components/TechLogo/logos/Astro.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Astro.mjs","names":[],"sources":["../../../../../src/components/TechLogo/logos/Astro.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nexport const AstroLogo: FC<SVGProps<SVGSVGElement>> = (props) => (\n  <svg\n    viewBox=\"0 0 85 107\"\n    role=\"img\"\n    aria-label=\"Astro logo\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path\n      d=\"M27.5894 91.1365C22.7555 86.7178 21.3444 77.4335 23.3583 70.7072C26.8503 74.948 31.6888 76.2914 36.7005 77.0497C44.4375 78.2199 52.0359 77.7822 59.2232 74.2459C60.0454 73.841 60.8052 73.3027 61.7036 72.7574C62.378 74.714 62.5535 76.6892 62.318 78.6996C61.7452 83.5957 59.3086 87.3778 55.4332 90.2448C53.8835 91.3916 52.2437 92.4167 50.6432 93.4979C45.7262 96.8213 44.3959 100.718 46.2435 106.386C46.2874 106.525 46.3267 106.663 46.426 107C43.9155 105.876 42.0817 104.24 40.6845 102.089C39.2087 99.8193 38.5066 97.3081 38.4696 94.5909C38.4511 93.2686 38.4511 91.9345 38.2733 90.6309C37.8391 87.4527 36.3471 86.0297 33.5364 85.9478C30.6518 85.8636 28.37 87.6469 27.7649 90.4554C27.7187 90.6707 27.6517 90.8837 27.5847 91.1341L27.5894 91.1365Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      d=\"M27.5894 91.1365C22.7555 86.7178 21.3444 77.4335 23.3583 70.7072C26.8503 74.948 31.6888 76.2914 36.7005 77.0497C44.4375 78.2199 52.0359 77.7822 59.2232 74.2459C60.0454 73.841 60.8052 73.3027 61.7036 72.7574C62.378 74.714 62.5535 76.6892 62.318 78.6996C61.7452 83.5957 59.3086 87.3778 55.4332 90.2448C53.8835 91.3916 52.2437 92.4167 50.6432 93.4979C45.7262 96.8213 44.3959 100.718 46.2435 106.386C46.2874 106.525 46.3267 106.663 46.426 107C43.9155 105.876 42.0817 104.24 40.6845 102.089C39.2087 99.8193 38.5066 97.3081 38.4696 94.5909C38.4511 93.2686 38.4511 91.9345 38.2733 90.6309C37.8391 87.4527 36.3471 86.0297 33.5364 85.9478C30.6518 85.8636 28.37 87.6469 27.7649 90.4554C27.7187 90.6707 27.6517 90.8837 27.5847 91.1341L27.5894 91.1365Z\"\n      fill=\"url(#paint0_linear_1_59)\"\n    />\n    <path\n      d=\"M0 69.5866C0 69.5866 14.3139 62.6137 28.6678 62.6137L39.4901 29.1204C39.8953 27.5007 41.0783 26.3999 42.4139 26.3999C43.7495 26.3999 44.9325 27.5007 45.3377 29.1204L56.1601 62.6137C73.1601 62.6137 84.8278 69.5866 84.8278 69.5866C84.8278 69.5866 60.5145 3.35233 60.467 3.21944C59.7692 1.2612 58.5911 0 57.0029 0H27.8274C26.2392 0 25.1087 1.2612 24.3634 3.21944C24.3108 3.34983 0 69.5866 0 69.5866Z\"\n      fill=\"currentColor\"\n    />\n    <defs>\n      <linearGradient\n        id=\"paint0_linear_1_59\"\n        x1=\"22.4702\"\n        y1=\"107\"\n        x2=\"69.1451\"\n        y2=\"84.9468\"\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#D83333\" />\n        <stop offset=\"1\" stopColor=\"#F041FF\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n"],"mappings":";;;AAEA,MAAa,aAA0C,UACrD,qBAAC,OAAD;CACE,SAAQ;CACR,MAAK;CACL,cAAW;CACX,OAAM;CACN,MAAK;CACL,GAAI;WANN;EAQE,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL;EACF,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL;EACF,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL;EACF,oBAAC,QAAD,YACE,qBAAC,kBAAD;GACE,IAAG;GACH,IAAG;GACH,IAAG;GACH,IAAG;GACH,IAAG;GACH,eAAc;aANhB,CAQE,oBAAC,QAAD,EAAM,WAAU,WAAY,GAC5B,oBAAC,QAAD;IAAM,QAAO;IAAI,WAAU;IAAY,EACxB;MACZ;EACH"}

package/dist/esm/components/TechLogo/logos/Bitbucket.mjs

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/TechLogo/logos/Bitbucket.tsx
+const BitbucketLogo = (props) => /* @__PURE__ */ jsxs("svg", {
+	role: "img",
+	"aria-label": "Bitbucket logo",
+	height: "2256",
+	preserveAspectRatio: "xMidYMid",
+	width: "2500",
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "-0.9662264221278978 -0.5824607696358868 257.93281329857973 230.8324730411935",
+	...props,
+	children: [/* @__PURE__ */ jsxs("linearGradient", {
+		id: "bitbucket-gradient",
+		x1: "108.633%",
+		x2: "46.927%",
+		y1: "13.818%",
+		y2: "78.776%",
+		children: [/* @__PURE__ */ jsx("stop", {
+			offset: ".18",
+			stopColor: "#0052cc"
+		}), /* @__PURE__ */ jsx("stop", {
+			offset: "1",
+			stopColor: "#2684ff"
+		})]
+	}), /* @__PURE__ */ jsxs("g", {
+		fill: "none",
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M101.272 152.561h53.449l12.901-75.32H87.06z" }),
+			/* @__PURE__ */ jsx("path", {
+				d: "M8.308 0A8.202 8.202 0 0 0 .106 9.516l34.819 211.373a11.155 11.155 0 0 0 10.909 9.31h167.04a8.202 8.202 0 0 0 8.201-6.89l34.82-213.752a8.202 8.202 0 0 0-8.203-9.514zm146.616 152.768h-53.315l-14.436-75.42h80.67z",
+				fill: "#2684ff"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M244.61 77.242h-76.916l-12.909 75.36h-53.272l-62.902 74.663a11.105 11.105 0 0 0 7.171 2.704H212.73a8.196 8.196 0 0 0 8.196-6.884z",
+				fill: "url(#bitbucket-gradient)"
+			})
+		]
+	})]
+});
+
+//#endregion
+export { BitbucketLogo };
+//# sourceMappingURL=Bitbucket.mjs.map

package/dist/esm/components/TechLogo/logos/Bitbucket.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bitbucket.mjs","names":[],"sources":["../../../../../src/components/TechLogo/logos/Bitbucket.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nexport const BitbucketLogo: FC<SVGProps<SVGSVGElement>> = (props) => (\n  <svg\n    role=\"img\"\n    aria-label=\"Bitbucket logo\"\n    height=\"2256\"\n    preserveAspectRatio=\"xMidYMid\"\n    width=\"2500\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"-0.9662264221278978 -0.5824607696358868 257.93281329857973 230.8324730411935\"\n    {...props}\n  >\n    <linearGradient\n      id=\"bitbucket-gradient\"\n      x1=\"108.633%\"\n      x2=\"46.927%\"\n      y1=\"13.818%\"\n      y2=\"78.776%\"\n    >\n      <stop offset=\".18\" stopColor=\"#0052cc\" />\n      <stop offset=\"1\" stopColor=\"#2684ff\" />\n    </linearGradient>\n    <g fill=\"none\">\n      <path d=\"M101.272 152.561h53.449l12.901-75.32H87.06z\" />\n      <path\n        d=\"M8.308 0A8.202 8.202 0 0 0 .106 9.516l34.819 211.373a11.155 11.155 0 0 0 10.909 9.31h167.04a8.202 8.202 0 0 0 8.201-6.89l34.82-213.752a8.202 8.202 0 0 0-8.203-9.514zm146.616 152.768h-53.315l-14.436-75.42h80.67z\"\n        fill=\"#2684ff\"\n      />\n      <path\n        d=\"M244.61 77.242h-76.916l-12.909 75.36h-53.272l-62.902 74.663a11.105 11.105 0 0 0 7.171 2.704H212.73a8.196 8.196 0 0 0 8.196-6.884z\"\n        fill=\"url(#bitbucket-gradient)\"\n      />\n    </g>\n  </svg>\n);\n"],"mappings":";;;AAEA,MAAa,iBAA8C,UACzD,qBAAC,OAAD;CACE,MAAK;CACL,cAAW;CACX,QAAO;CACP,qBAAoB;CACpB,OAAM;CACN,OAAM;CACN,SAAQ;CACR,GAAI;WARN,CAUE,qBAAC,kBAAD;EACE,IAAG;EACH,IAAG;EACH,IAAG;EACH,IAAG;EACH,IAAG;YALL,CAOE,oBAAC,QAAD;GAAM,QAAO;GAAM,WAAU;GAAY,GACzC,oBAAC,QAAD;GAAM,QAAO;GAAI,WAAU;GAAY,EACxB;KACjB,qBAAC,KAAD;EAAG,MAAK;YAAR;GACE,oBAAC,QAAD,EAAM,GAAE,+CAAgD;GACxD,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL;GACF,oBAAC,QAAD;IACE,GAAE;IACF,MAAK;IACL;GACA;IACA"}

package/dist/esm/components/TechLogo/logos/ChatGPT.mjs

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/TechLogo/logos/ChatGPT.tsx
+const ChatGPTLogo = (props) => /* @__PURE__ */ jsx("svg", {
+	role: "img",
+	"aria-label": "ChatGPT logo",
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 320 320",
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "m297.06 130.97c7.26-21.79 4.76-45.66-6.85-65.48-17.46-30.4-52.56-46.04-86.84-38.68-15.25-17.18-37.16-26.95-60.13-26.81-35.04-.08-66.13 22.48-76.91 55.82-22.51 4.61-41.94 18.7-53.31 38.67-17.59 30.32-13.58 68.54 9.92 94.54-7.26 21.79-4.76 45.66 6.85 65.48 17.46 30.4 52.56 46.04 86.84 38.68 15.24 17.18 37.16 26.95 60.13 26.8 35.06.09 66.16-22.49 76.94-55.86 22.51-4.61 41.94-18.7 53.31-38.67 17.57-30.32 13.55-68.51-9.94-94.51zm-120.28 168.11c-14.03.02-27.62-4.89-38.39-13.88.49-.26 1.34-.73 1.89-1.07l63.72-36.8c3.26-1.85 5.26-5.32 5.24-9.07v-89.83l26.93 15.55c.29.14.48.42.52.74v74.39c-.04 33.08-26.83 59.9-59.91 59.97zm-128.84-55.03c-7.03-12.14-9.56-26.37-7.15-40.18.47.28 1.3.79 1.89 1.13l63.72 36.8c3.23 1.89 7.23 1.89 10.47 0l77.79-44.92v31.1c.02.32-.13.63-.38.83l-64.41 37.19c-28.69 16.52-65.33 6.7-81.92-21.95zm-16.77-139.09c7-12.16 18.05-21.46 31.21-26.29 0 .55-.03 1.52-.03 2.2v73.61c-.02 3.74 1.98 7.21 5.23 9.06l77.79 44.91-26.93 15.55c-.27.18-.61.21-.91.08l-64.42-37.22c-28.63-16.58-38.45-53.21-21.95-81.89zm221.26 51.49-77.79-44.92 26.93-15.54c.27-.18.61-.21.91-.08l64.42 37.19c28.68 16.57 38.51 53.26 21.94 81.94-7.01 12.14-18.05 21.44-31.2 26.28v-75.81c.03-3.74-1.96-7.2-5.2-9.06zm26.8-40.34c-.47-.29-1.3-.79-1.89-1.13l-63.72-36.8c-3.23-1.89-7.23-1.89-10.47 0l-77.79 44.92v-31.1c-.02-.32.13-.63.38-.83l64.41-37.16c28.69-16.55 65.37-6.7 81.91 22 6.99 12.12 9.52 26.31 7.15 40.1zm-168.51 55.43-26.94-15.55c-.29-.14-.48-.42-.52-.74v-74.39c.02-33.12 26.89-59.96 60.01-59.94 14.01 0 27.57 4.92 38.34 13.88-.49.26-1.33.73-1.89 1.07l-63.72 36.8c-3.26 1.85-5.26 5.31-5.24 9.06l-.04 89.79zm14.63-31.54 34.65-20.01 34.65 20v40.01l-34.65 20-34.65-20z" })
+});
+
+//#endregion
+export { ChatGPTLogo };
+//# sourceMappingURL=ChatGPT.mjs.map

package/dist/esm/components/TechLogo/logos/ChatGPT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatGPT.mjs","names":[],"sources":["../../../../../src/components/TechLogo/logos/ChatGPT.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\n\nexport const ChatGPTLogo: FC<SVGProps<SVGSVGElement>> = (props) => (\n  <svg\n    role=\"img\"\n    aria-label=\"ChatGPT logo\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 320 320\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"m297.06 130.97c7.26-21.79 4.76-45.66-6.85-65.48-17.46-30.4-52.56-46.04-86.84-38.68-15.25-17.18-37.16-26.95-60.13-26.81-35.04-.08-66.13 22.48-76.91 55.82-22.51 4.61-41.94 18.7-53.31 38.67-17.59 30.32-13.58 68.54 9.92 94.54-7.26 21.79-4.76 45.66 6.85 65.48 17.46 30.4 52.56 46.04 86.84 38.68 15.24 17.18 37.16 26.95 60.13 26.8 35.06.09 66.16-22.49 76.94-55.86 22.51-4.61 41.94-18.7 53.31-38.67 17.57-30.32 13.55-68.51-9.94-94.51zm-120.28 168.11c-14.03.02-27.62-4.89-38.39-13.88.49-.26 1.34-.73 1.89-1.07l63.72-36.8c3.26-1.85 5.26-5.32 5.24-9.07v-89.83l26.93 15.55c.29.14.48.42.52.74v74.39c-.04 33.08-26.83 59.9-59.91 59.97zm-128.84-55.03c-7.03-12.14-9.56-26.37-7.15-40.18.47.28 1.3.79 1.89 1.13l63.72 36.8c3.23 1.89 7.23 1.89 10.47 0l77.79-44.92v31.1c.02.32-.13.63-.38.83l-64.41 37.19c-28.69 16.52-65.33 6.7-81.92-21.95zm-16.77-139.09c7-12.16 18.05-21.46 31.21-26.29 0 .55-.03 1.52-.03 2.2v73.61c-.02 3.74 1.98 7.21 5.23 9.06l77.79 44.91-26.93 15.55c-.27.18-.61.21-.91.08l-64.42-37.22c-28.63-16.58-38.45-53.21-21.95-81.89zm221.26 51.49-77.79-44.92 26.93-15.54c.27-.18.61-.21.91-.08l64.42 37.19c28.68 16.57 38.51 53.26 21.94 81.94-7.01 12.14-18.05 21.44-31.2 26.28v-75.81c.03-3.74-1.96-7.2-5.2-9.06zm26.8-40.34c-.47-.29-1.3-.79-1.89-1.13l-63.72-36.8c-3.23-1.89-7.23-1.89-10.47 0l-77.79 44.92v-31.1c-.02-.32.13-.63.38-.83l64.41-37.16c28.69-16.55 65.37-6.7 81.91 22 6.99 12.12 9.52 26.31 7.15 40.1zm-168.51 55.43-26.94-15.55c-.29-.14-.48-.42-.52-.74v-74.39c.02-33.12 26.89-59.96 60.01-59.94 14.01 0 27.57 4.92 38.34 13.88-.49.26-1.33.73-1.89 1.07l-63.72 36.8c-3.26 1.85-5.26 5.31-5.24 9.06l-.04 89.79zm14.63-31.54 34.65-20.01 34.65 20v40.01l-34.65 20-34.65-20z\" />\n  </svg>\n);\n"],"mappings":";;;AAEA,MAAa,eAA4C,UACvD,oBAAC,OAAD;CACE,MAAK;CACL,cAAW;CACX,OAAM;CACN,SAAQ;CACR,MAAK;CACL,GAAI;WAEJ,oBAAC,QAAD,EAAM,GAAE,2nDAA4nD;CAChoD"}