@theguild/components 8.0.0-alpha-20241205150715-1c38acac57eaf933887bfbbb59a87a939b658817 → 8.0.0-alpha-20241205181447-87125d0b44dc0d1a7ce638de956987d05110bb5e

package/dist/components/icons/index.js

@@ -1,19 +1,19 @@
 import { ReactComponent } from "./caret-slim";
 import { ReactComponent as ReactComponent2 } from "./close";
-import { ReactComponent as ReactComponent3 } from "./moon";
-import { ReactComponent as ReactComponent4 } from "./more";
-import { ReactComponent as ReactComponent5 } from "./search";
-import { ReactComponent as ReactComponent6 } from "./share";
-import { ReactComponent as ReactComponent7 } from "./csa-star-level-one";
-import { ReactComponent as ReactComponent8 } from "./arrow-icon";
-import { ReactComponent as ReactComponent9 } from "./twitter";
-import { ReactComponent as ReactComponent10 } from "./linkedin";
-import { ReactComponent as ReactComponent11 } from "./youtube";
-import { ReactComponent as ReactComponent12 } from "./codegen";
-import { ReactComponent as ReactComponent13 } from "./mesh";
-import { ReactComponent as ReactComponent14 } from "./yoga";
-import { ReactComponent as ReactComponent15 } from "./hive";
-import { ReactComponent as ReactComponent16 } from "./hive-gateway";
+import { ReactComponent as ReactComponent3 } from "./more";
+import { ReactComponent as ReactComponent4 } from "./search";
+import { ReactComponent as ReactComponent5 } from "./share";
+import { ReactComponent as ReactComponent6 } from "./csa-star-level-one";
+import { ReactComponent as ReactComponent7 } from "./arrow-icon";
+import { ReactComponent as ReactComponent8 } from "./twitter";
+import { ReactComponent as ReactComponent9 } from "./linkedin";
+import { ReactComponent as ReactComponent10 } from "./youtube";
+import { ReactComponent as ReactComponent11 } from "./codegen";
+import { ReactComponent as ReactComponent12 } from "./mesh";
+import { ReactComponent as ReactComponent13 } from "./yoga";
+import { ReactComponent as ReactComponent14 } from "./hive";
+import { ReactComponent as ReactComponent15 } from "./hive-gateway";
+import { ReactComponent as ReactComponent16 } from "./stellate";
 import { InformationCircleIcon, GitHubIcon, DiscordIcon } from "nextra/icons";
 import { ReactComponent as ReactComponent17 } from "./list";
 import { ReactComponent as ReactComponent18 } from "./paper";
@@ -30,33 +30,33 @@ import { ReactComponent as ReactComponent28 } from "./check";
 export {
   ReactComponent22 as AccountBox,
   ReactComponent27 as AppsIcon,
-  ReactComponent8 as ArrowIcon,
+  ReactComponent7 as ArrowIcon,
   ReactComponent23 as BardIcon,
-  ReactComponent7 as CSAStarLevelOneIcon,
+  ReactComponent6 as CSAStarLevelOneIcon,
   ReactComponent as CaretSlimIcon,
   ReactComponent28 as CheckIcon,
   ReactComponent2 as CloseIcon,
-  ReactComponent12 as CodegenIcon,
+  ReactComponent11 as CodegenIcon,
   DiscordIcon,
   GitHubIcon,
   ReactComponent26 as GroupIcon,
-  ReactComponent16 as HiveGatewayIcon,
-  ReactComponent15 as HiveIcon,
+  ReactComponent15 as HiveGatewayIcon,
+  ReactComponent14 as HiveIcon,
   ReactComponent24 as HonourIcon,
   InformationCircleIcon,
-  ReactComponent10 as LinkedInIcon,
+  ReactComponent9 as LinkedInIcon,
   ReactComponent17 as ListIcon,
-  ReactComponent13 as MeshIcon,
-  ReactComponent3 as MoonIcon,
-  ReactComponent4 as MoreIcon,
+  ReactComponent12 as MeshIcon,
+  ReactComponent3 as MoreIcon,
   ReactComponent18 as PaperIcon,
   ReactComponent21 as PencilIcon,
   ReactComponent20 as RightCornerIcon,
-  ReactComponent5 as SearchIcon,
-  ReactComponent6 as ShareIcon,
+  ReactComponent4 as SearchIcon,
+  ReactComponent5 as ShareIcon,
   ReactComponent25 as ShieldFlashIcon,
+  ReactComponent16 as StellateIcon,
   ReactComponent19 as TargetIcon,
-  ReactComponent9 as TwitterIcon,
-  ReactComponent14 as YogaIcon,
-  ReactComponent11 as YouTubeIcon
+  ReactComponent8 as TwitterIcon,
+  ReactComponent13 as YogaIcon,
+  ReactComponent10 as YouTubeIcon
 };

package/dist/components/icons/stellate.js

@@ -0,0 +1,12 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const SvgStellate = (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 32 33", width: 32, height: 33, fill: "none", ...props, children: [
+  /* @__PURE__ */ jsxs("g", { clipPath: "url(#st-a)", fillRule: "evenodd", clipRule: "evenodd", fill: "currentColor", children: [
+    /* @__PURE__ */ jsx("path", { d: "M26.6299 25.7766c.2277-.8491.2769-2.049-.7815-2.9659l-3.2735-2.8366-15.37699 8.11 6.99009 4.0365c.9907.5723 2.209.5723 3.1997 0l8.9284-5.1503.3199-1.1875-.0061-.0062Z" }),
+    /* @__PURE__ */ jsx("path", { d: "m28.4697 7.37838-.3753-.21536-8.9407 8.22078 7.5008 6.4978c1.1814 1.0214 1.6183 2.5167 1.163 4.215l.6522-.3754c.9907-.5722 1.5999-1.6306 1.5999-2.7689v-12.805c0-1.14446-.6092-2.19667-1.5999-2.76892ZM4.83506 7.26147c-.17229 1.12604.17229 2.04903.98452 2.68282l5.06412 3.90731 9.8021-10.9651L17.3815.978994c-.9906-.572252-2.209-.572252-3.1996 0L4.98274 6.28925l-.14768.97222Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M15.4002 18.8911 5.06889 10.9227c-1.16297-.8984-1.69215-2.25214-1.45217-3.83968l-.51687.30151C2.10917 7.95678 1.5 9.01514 1.5 10.1535v12.7988c0 1.1445.60917 2.1967 1.59985 2.7689l2.95971 1.7106 9.34064-8.5345v-.0062Z" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "st-a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", transform: "translate(0 .0498047)", d: "M0 0h32v32H0z" }) }) })
+] });
+export {
+  SvgStellate as ReactComponent
+};

package/dist/components/index.d.mts

@@ -2,12 +2,11 @@ export { Anchor } from './anchor.mjs';
 export { Button } from './button.mjs';
 export { CardsColorful } from './cards-colorful.mjs';
 export { FeatureList } from './feature-list.mjs';
-export { Footer } from './footer.mjs';
 export { HeroGradient } from './hero-gradient.mjs';
 export { HeroIllustration } from './hero-illustration.mjs';
 export { HeroMarketplace } from './hero-marketplace.mjs';
 export { HeroVideo } from './hero-video.mjs';
-export { ReactComponent as AccountBox, ReactComponent as AppsIcon, ReactComponent as ArchDecoration, ReactComponent as ArchDecorationGradientDefs, ReactComponent as ArrowIcon, ReactComponent as BardIcon, ReactComponent as CSAStarLevelOneIcon, ReactComponent as CaretSlimIcon, ReactComponent as CheckIcon, ReactComponent as CloseIcon, ReactComponent as CodegenIcon, ReactComponent as GroupIcon, ReactComponent as HighlightDecoration, ReactComponent as HiveGatewayIcon, ReactComponent as HiveIcon, ReactComponent as HonourIcon, ReactComponent as LargeHiveIconDecoration, ReactComponent as LinkedInIcon, ReactComponent as ListIcon, ReactComponent as MeshIcon, ReactComponent as MoonIcon, ReactComponent as MoreIcon, ReactComponent as PaperIcon, ReactComponent as PencilIcon, ReactComponent as RightCornerIcon, ReactComponent as SearchIcon, ReactComponent as ShareIcon, ReactComponent as ShieldFlashIcon, ReactComponent as TargetIcon, ReactComponent as TwitterIcon, ReactComponent as YogaIcon, ReactComponent as YouTubeIcon } from '../logos/angular.mjs';
+export { ReactComponent as AccountBox, ReactComponent as AppsIcon, ReactComponent as ArchDecoration, ReactComponent as ArchDecorationGradientDefs, ReactComponent as ArrowIcon, ReactComponent as BardIcon, ReactComponent as CSAStarLevelOneIcon, ReactComponent as CaretSlimIcon, ReactComponent as CheckIcon, ReactComponent as CloseIcon, ReactComponent as CodegenIcon, ReactComponent as GroupIcon, ReactComponent as HighlightDecoration, ReactComponent as HiveGatewayIcon, ReactComponent as HiveIcon, ReactComponent as HonourIcon, ReactComponent as LargeHiveIconDecoration, ReactComponent as LinkedInIcon, ReactComponent as ListIcon, ReactComponent as MeshIcon, ReactComponent as MoreIcon, ReactComponent as PaperIcon, ReactComponent as PencilIcon, ReactComponent as RightCornerIcon, ReactComponent as SearchIcon, ReactComponent as ShareIcon, ReactComponent as ShieldFlashIcon, ReactComponent as StellateIcon, ReactComponent as TargetIcon, ReactComponent as TwitterIcon, ReactComponent as YogaIcon, ReactComponent as YouTubeIcon } from '../logos/angular.mjs';
 export { DiscordIcon, GitHubIcon, InformationCircleIcon } from 'nextra/icons';
 export { Image } from './image.mjs';
 export { InfoList } from './info-list.mjs';
@@ -15,11 +14,11 @@ export { LegacyPackageCmd } from './legacy-package-cmd.mjs';
 export { MarketplaceList } from './marketplace-list.mjs';
 export { MarketplaceSearch } from './marketplace-search.mjs';
 export { NPMBadge } from './npm-badge.mjs';
-export { getNavbarLogo } from './guild-navbar-logo.mjs';
 export { GetYourAPIGameRightSection } from './get-your-api-game-right-section.mjs';
 export { HiveNavigation, HiveNavigationProps } from './hive-navigation/index.mjs';
-export { HiveFooter } from './hive-footer.mjs';
-export { AncillaryProductCard, MainProductCard, ToolsAndLibrariesCards } from './tools-and-libraries-cards/index.mjs';
+export { HiveFooter } from './hive-footer/index.mjs';
+export { ToolsAndLibrariesCards } from './tools-and-libraries-cards/index.mjs';
+export { AncillaryProductCard, MainProductCard, ProductCard, ProductCardProps } from './product-card/index.mjs';
 export { DecorationIsolation } from './decorations/index.mjs';
 export { CallToAction, CallToActionProps } from './call-to-action.mjs';
 export { CookiesConsent, CookiesConsentProps } from './cookies-consent.mjs';
@@ -27,6 +26,7 @@ export { Heading, HeadingProps } from './heading.mjs';
 export { InfoCard, InfoCardProps } from './info-card.mjs';
 export { Stud, StudProps } from './stud.mjs';
 export { ExploreMainProductCards, ExploreMainProductCardsProps } from './explore-main-product-cards.mjs';
+export { ContactButton, ContactButtonProps, ContactTextLink, ContactTextLinkProps } from './contact-us.mjs';
 export { Giscus } from './giscus.mjs';
 export { GraphQLConfCard, GraphQLConfCardProps } from './hive-navigation/graphql-conf-card.mjs';
 import 'react';
@@ -36,5 +36,6 @@ import 'next/image';
 import 'next/link';
 import 'react-player';
 import 'react/jsx-runtime';
+import 'nextra/components';
 import '../products.mjs';
 import '@giscus/react';

package/dist/components/index.js

@@ -2,7 +2,6 @@ import { Anchor } from "./anchor";
 import { Button } from "./button";
 import { CardsColorful } from "./cards-colorful";
 import { FeatureList } from "./feature-list";
-import { Footer } from "./footer";
 import { HeroGradient } from "./hero-gradient";
 import { HeroIllustration } from "./hero-illustration";
 import { HeroMarketplace } from "./hero-marketplace";
@@ -14,15 +13,11 @@ import { LegacyPackageCmd } from "./legacy-package-cmd";
 import { MarketplaceList } from "./marketplace-list";
 import { MarketplaceSearch } from "./marketplace-search";
 import { NPMBadge } from "./npm-badge";
-import { getNavbarLogo } from "./guild-navbar-logo";
 import { GetYourAPIGameRightSection } from "./get-your-api-game-right-section";
 import { HiveNavigation, GraphQLConfCard } from "./hive-navigation";
 import { HiveFooter } from "./hive-footer";
-import {
-  ToolsAndLibrariesCards,
-  MainProductCard,
-  AncillaryProductCard
-} from "./tools-and-libraries-cards";
+import { ToolsAndLibrariesCards } from "./tools-and-libraries-cards";
+export * from "./product-card";
 export * from "./decorations";
 export * from "./call-to-action";
 export * from "./cookies-consent";
@@ -30,14 +25,13 @@ export * from "./heading";
 export * from "./info-card";
 export * from "./stud";
 export * from "./explore-main-product-cards";
+export * from "./contact-us";
 import { Giscus } from "./giscus";
 export {
   Anchor,
-  AncillaryProductCard,
   Button,
   CardsColorful,
   FeatureList,
-  Footer,
   GetYourAPIGameRightSection,
   Giscus,
   GraphQLConfCard,
@@ -50,10 +44,8 @@ export {
   Image,
   InfoList,
   LegacyPackageCmd,
-  MainProductCard,
   MarketplaceList,
   MarketplaceSearch,
   NPMBadge,
-  ToolsAndLibrariesCards,
-  getNavbarLogo
+  ToolsAndLibrariesCards
 };

package/dist/components/{tools-and-libraries-cards → product-card}/hive-decoration.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const SvgHiveDecoration = (props) => /* @__PURE__ */ jsxs("svg", { width: 160, height: 174, viewBox: "0 0 160 172", fill: "none", ...props, children: [
+const SvgHiveDecoration = (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 160 172", fill: "none", ...props, children: [
   /* @__PURE__ */ jsxs("mask", { id: "path-1-outside-1_642_4223", maskUnits: "userSpaceOnUse", x: 0, y: -52, width: 265, height: 265, fill: "black", children: [
     /* @__PURE__ */ jsx("rect", { fill: "white", y: -52, width: 265, height: 265 }),
     /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M79.8868 -51H185.113L264 27.8868V133.113L185.113 212H79.8868L1 133.113V27.8868L79.8868 -51ZM146.836 195.215L247.204 94.8463C255.126 86.9252 255.126 74.085 247.204 66.1639L146.836 -34.2043C138.915 -42.1255 126.075 -42.1255 118.154 -34.2043L17.7957 66.1639C9.87451 74.085 9.87451 86.9252 17.7957 94.8463L118.154 195.215C126.075 203.136 138.915 203.136 146.836 195.215ZM104.963 80.4952L132.495 52.9631L160.027 80.4952L132.495 108.027L104.963 80.4952Z" })

package/dist/components/{tools-and-libraries-cards → product-card}/hive-gateway-decoration.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const SvgHiveGatewayDecoration = (props) => /* @__PURE__ */ jsxs("svg", { width: 177, height: 174, viewBox: "0 0 177 172", fill: "none", ...props, children: [
+const SvgHiveGatewayDecoration = (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 177 172", fill: "none", ...props, children: [
   /* @__PURE__ */ jsx("path", { d: "m150 -11.850765-46.65480.000006V67.1886c0 13.4292-10.8768 24.306-24.3054 24.306H0l4.32e-6 46.6548H50.90466c6.36576 0 12.47094-2.529 16.97154-7.0308l75.0954-75.1056C147.4716 51.5124 150 45.408 150 39.043620000000004V-11.850765Zm12 0 46.6548.000006V67.1886c0 13.4292 10.8768 24.306 24.3054 24.306H312v46.6548h-50.9046c-6.366 0-12.471-2.529-16.9716-7.0308L168.0284 55.8562C164.5284 51.5124 162 45.408 162 39.043620000000004V-11.850765ZM150 300.1494h-46.6548V221.1096c0-13.4286-10.8768-24.3054-24.3054-24.3054H0l4.32e-6-46.6548H50.90466c6.36576 0 12.47094 2.529 16.97154 7.0302l75.0954 75.1056c4.5 4.5012 7.0284 10.605 7.0284 16.9698v50.8944Zm12 0h46.6548V221.1096c0-13.4286 10.8768-24.3054 24.3054-24.3054H312v-46.6548h-50.9046c-6.366 0-12.471 2.529-16.9716 7.0302L168.0284 232.2852c-4.5 4.5012-7.0284 10.605-7.0284 16.9698v50.8944Zm17.0214-179.022H132.978v46.0434h46.0434v-46.0434Z", fill: "url(#paint0_linear_642_4281)", stroke: "url(#paint1_linear_642_4281)" }),
   /* @__PURE__ */ jsxs("defs", { children: [
     /* @__PURE__ */ jsxs("linearGradient", { id: "paint0_linear_642_4281", x1: 55.5, y1: 63, x2: 172.004, y2: 170.996, gradientUnits: "userSpaceOnUse", children: [

package/dist/components/product-card/index.d.mts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ProductInfo } from '../../products.mjs';
+import 'react';
+
+declare function MainProductCard({ as: Root, product, className, ...rest }: ProductCardProps): react_jsx_runtime.JSX.Element;
+declare function AncillaryProductCard({ product, as: Root, className, ...rest }: ProductCardProps): react_jsx_runtime.JSX.Element;
+interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {
+    as: 'div' | 'li';
+    product: ProductInfo;
+}
+declare function ProductCard(props: ProductCardProps): react_jsx_runtime.JSX.Element;
+
+export { AncillaryProductCard, MainProductCard, ProductCard, type ProductCardProps };

package/dist/components/product-card/index.js

@@ -0,0 +1,101 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../cn";
+import { FOUR_MAIN_PRODUCTS, PRODUCTS } from "../../products";
+import { HighlightDecoration } from "../decorations";
+import { ArrowIcon } from "../icons";
+import { ReactComponent as HiveDecoration } from "./hive-decoration";
+import { ReactComponent as HiveGatewayDecoration } from "./hive-gateway-decoration";
+import { ReactComponent as MeshDecoration } from "./mesh-decoration";
+import { ReactComponent as YogaDecoration } from "./yoga-decoration";
+const cardDecorations = {
+  [PRODUCTS.HIVE.name]: HiveDecoration,
+  [PRODUCTS.YOGA.name]: YogaDecoration,
+  [PRODUCTS.MESH.name]: MeshDecoration,
+  [PRODUCTS.HIVE_GATEWAY.name]: HiveGatewayDecoration
+};
+function MainProductCard({ as: Root, product, className, ...rest }) {
+  const Decoration = cardDecorations[product.name];
+  const Icon = product.logo;
+  const isHive = product.name === PRODUCTS.HIVE.name;
+  return /* @__PURE__ */ jsxs(
+    Root,
+    {
+      className: cn(
+        "hive-focus-within group relative flex-1 shrink-0 basis-[283.5px] overflow-hidden rounded-2xl bg-blue-400 text-green-1000 max-md:w-[283.5px]",
+        isHive && "bg-green-1000 text-white",
+        className
+      ),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            className: "relative z-10 flex h-full flex-1 flex-col justify-between p-8 outline-none focus-visible:outline-none",
+            href: product.href,
+            children: [
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: product.name }),
+              /* @__PURE__ */ jsx(Icon, { className: "mt-8" }),
+              /* @__PURE__ */ jsx(ArrowIcon, { className: "absolute bottom-8 right-8" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Decoration,
+          {
+            strokeWidth: "0.5px",
+            className: cn(
+              "pointer-events-none absolute bottom-0 right-0 h-full fill-blue-200 opacity-0 transition-opacity duration-500 group-focus-within:opacity-100 group-hover:opacity-100",
+              isHive && "fill-blue-700"
+            ),
+            preserveAspectRatio: "xMidYMid meet"
+          }
+        ),
+        /* @__PURE__ */ jsx(HighlightDecoration, { className: "pointer-events-none absolute left-0 top-[-15%] h-[150%] w-full opacity-0 transition-opacity duration-1000 group-focus-within:opacity-100 group-hover:opacity-100" })
+      ]
+    }
+  );
+}
+function AncillaryProductCard({ product, as: Root, className, ...rest }) {
+  const Logo = product.logo;
+  return /* @__PURE__ */ jsx(
+    Root,
+    {
+      className: cn(
+        "hive-focus-within shrink-0 basis-[283.5px] rounded-2xl bg-beige-200 text-green-1000 transition-colors duration-500 hover:bg-beige-400 max-sm:min-w-[283.5px]",
+        className
+      ),
+      ...rest,
+      children: /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: product.href,
+          className: "relative flex h-full flex-col justify-between rounded-[inherit] p-8 focus:outline-none focus-visible:outline-none",
+          children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: product.name }),
+              /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-green-800", children: product.title })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "presentation",
+                className: "mt-8 flex size-8 items-center justify-center rounded bg-green-1000 p-[5px] text-sm/5 font-medium text-white",
+                children: /* @__PURE__ */ jsx(Logo, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(ArrowIcon, { className: "absolute bottom-8 right-8" })
+          ]
+        }
+      )
+    }
+  );
+}
+function ProductCard(props) {
+  const isMainProduct = FOUR_MAIN_PRODUCTS.some((p) => p.name === props.product.name);
+  return isMainProduct ? /* @__PURE__ */ jsx(MainProductCard, { ...props }) : /* @__PURE__ */ jsx(AncillaryProductCard, { ...props });
+}
+export {
+  AncillaryProductCard,
+  MainProductCard,
+  ProductCard
+};

package/dist/components/{tools-and-libraries-cards → product-card}/mesh-decoration.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const SvgMeshDecoration = (props) => /* @__PURE__ */ jsxs("svg", { width: 156, height: 174, viewBox: "0 0 156 172", fill: "none", ...props, children: [
+const SvgMeshDecoration = (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 156 172", fill: "none", ...props, children: [
   /* @__PURE__ */ jsxs("mask", { id: "path-1-outside-1_642_4203", maskUnits: "userSpaceOnUse", x: 0, y: -75, width: 248, height: 248, fill: "black", children: [
     /* @__PURE__ */ jsx("rect", { fill: "white", y: -75, width: 248, height: 248 }),
     /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M213.474 -37.2159L246.99 -3.69922H247V101.699L213.483 135.216L210.216 138.483L176.699 172H71.3008L37.7841 138.483L34.5167 135.216L1 101.699V-3.69922L34.5071 -37.2159L37.7745 -40.4833L71.2912 -74H176.69L210.206 -40.4833L213.474 -37.2159ZM56.9474 135.206H191.043C201.631 135.206 210.206 126.631 210.206 116.043V-18.0526C210.206 -28.6403 201.631 -37.2159 191.043 -37.2159H56.9474C46.3597 -37.2159 37.7841 -28.6403 37.7841 -18.0526V116.043C37.7841 126.631 46.3597 135.206 56.9474 135.206ZM70.9266 83.0905V14.8977C70.9266 4.30997 79.5022 -4.26562 90.09 -4.26562H157.9C168.487 -4.26562 177.063 4.30997 177.063 14.8977V83.0905C177.063 93.6783 168.487 102.254 157.9 102.254H90.09C79.5022 102.254 70.9266 93.6783 70.9266 83.0905ZM140.279 65.4698V32.5184H107.711V65.4698H140.279Z" })

package/dist/components/product-card/yoga-decoration.d.mts

@@ -0,0 +1,3 @@
+import 'react';
+export { ReactComponent } from '../../logos/angular.mjs';
+import 'nextra/icons';

package/dist/components/{tools-and-libraries-cards → product-card}/yoga-decoration.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const SvgYogaDecoration = (props) => /* @__PURE__ */ jsxs("svg", { width: 211, height: 163, viewBox: "0 0 211 163", fill: "none", ...props, children: [
+const SvgYogaDecoration = (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 -11 211 163", fill: "none", ...props, children: [
   /* @__PURE__ */ jsxs("mask", { id: "path-1-outside-1_642_4128", maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 334, height: 340, fill: "black", children: [
     /* @__PURE__ */ jsx("rect", { fill: "white", width: 334, height: 340 }),
     /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M222.174 67.0744H169.727L201.223 35.5783L166.657 1L132.079 35.5783L163.575 67.0744H111.128C104.378 67.0744 97.8956 69.7617 93.1196 74.5377L1 166.657L35.5783 201.236L148.649 88.1653C158.595 78.2184 174.719 78.2184 184.666 88.1653L297.736 201.236L332.315 166.657L240.182 74.525C235.406 69.749 228.924 67.0617 222.174 67.0617V67.0744ZM166.656 269.854L132.083 304.427L166.656 339L201.229 304.427L166.656 269.854ZM111.141 201.239H166.657H166.683H222.199C228.949 201.239 235.432 203.927 240.208 208.703L266.788 235.283L232.21 269.861L184.679 222.33C174.732 212.383 158.608 212.383 148.661 222.33L101.131 269.861L66.5522 235.283L93.1323 208.703C97.9083 203.927 104.391 201.239 111.141 201.239Z" })

package/dist/components/schema-type.js

@@ -50,7 +50,7 @@ const SchemaPage = ({
 }) => {
   const [schemaObj, setSchemaObj] = useState(() => buildSchema(editorData[0].schema));
   return /* @__PURE__ */ jsxs("section", { className: "w-full bg-white dark:bg-dark", children: [
-    /* @__PURE__ */ jsxs("div", { className: "container flex max-w-[90rem] flex-col justify-between py-6 md:flex-row md:gap-16", children: [
+    /* @__PURE__ */ jsxs("div", { className: "container flex max-w-[90rem] justify-between py-6 max-md:flex-col md:gap-16", children: [
       /* @__PURE__ */ jsxs("span", { className: "pb-6 md:pb-0", children: [
         /* @__PURE__ */ jsx("h2", { className: "mb-4 mt-0 text-xl font-bold text-black md:text-2xl dark:text-gray-50", children: schemaName }),
         /* @__PURE__ */ jsx(TagsContainer, { children: tags.map((tagName) => /* @__PURE__ */ jsx(Tag, { children: tagName }, tagName)) })

package/dist/components/stud.d.mts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
 
-type StudProps = React.HTMLAttributes<HTMLElement>;
+type StudProps = ComponentProps<'div'>;
 declare function Stud(props: StudProps): react_jsx_runtime.JSX.Element;
 
 export { Stud, type StudProps };

package/dist/components/tools-and-libraries-cards/index.d.mts

@@ -1,17 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ProductInfo } from '../../products.mjs';
-import 'react';
 
-declare function ToolsAndLibrariesCards({ className }: {
+declare function ToolsAndLibrariesCards({ className, isHive, }: {
     className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function MainProductCard({ as: Root, product }: {
-    as: 'div' | 'li';
-    product: ProductInfo;
-}): react_jsx_runtime.JSX.Element;
-declare function AncillaryProductCard({ product, as: Root, }: {
-    product: ProductInfo;
-    as: 'div' | 'li';
+    isHive?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-export { AncillaryProductCard, MainProductCard, ToolsAndLibrariesCards };
+export { ToolsAndLibrariesCards };

package/dist/components/tools-and-libraries-cards/index.js

@@ -1,25 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../cn";
-import {
-  FOUR_MAIN_PRODUCTS,
-  PRODUCTS,
-  SIX_HIGHLIGHTED_PRODUCTS
-} from "../../products";
+import { FOUR_MAIN_PRODUCTS, SIX_HIGHLIGHTED_PRODUCTS } from "../../products";
 import { CallToAction } from "../call-to-action";
-import { HighlightDecoration } from "../decorations";
 import { Heading } from "../heading";
-import { ArrowIcon } from "../icons";
-import { ReactComponent as HiveDecoration } from "./hive-decoration";
-import { ReactComponent as HiveGatewayDecoration } from "./hive-gateway-decoration";
-import { ReactComponent as MeshDecoration } from "./mesh-decoration";
-import { ReactComponent as YogaDecoration } from "./yoga-decoration";
-const cardDecorations = {
-  [PRODUCTS.HIVE.name]: HiveDecoration,
-  [PRODUCTS.YOGA.name]: YogaDecoration,
-  [PRODUCTS.MESH.name]: MeshDecoration,
-  [PRODUCTS.HIVE_GATEWAY.name]: HiveGatewayDecoration
-};
-function ToolsAndLibrariesCards({ className }) {
+import { AncillaryProductCard, MainProductCard } from "../product-card";
+function ToolsAndLibrariesCards({
+  className,
+  isHive
+}) {
   return /* @__PURE__ */ jsxs(
     "section",
     {
@@ -33,81 +21,18 @@ function ToolsAndLibrariesCards({ className }) {
         /* @__PURE__ */ jsx("ul", { className: "-mx-12 -my-2 flex grid-cols-2 gap-[22px] overflow-auto px-12 py-2 lg:grid xl:grid-cols-4", children: FOUR_MAIN_PRODUCTS.map((product) => /* @__PURE__ */ jsx(MainProductCard, { as: "li", product }, product.name)) }),
         /* @__PURE__ */ jsx("p", { className: "text-green-800", children: "Our libraries to support all your GraphQL needs" }),
         /* @__PURE__ */ jsx("ul", { className: "-mx-12 -my-2 flex h-max grid-cols-6 gap-[22px] overflow-x-auto overflow-y-hidden px-12 py-2 max-sm:-mx-8 max-sm:px-8 sm:grid sm:grid-cols-2 lg:grid-cols-3", children: SIX_HIGHLIGHTED_PRODUCTS.map((product) => /* @__PURE__ */ jsx(AncillaryProductCard, { as: "li", product }, product.name)) }),
-        /* @__PURE__ */ jsx(CallToAction, { href: "https://github.com/the-guild-org", variant: "primary", children: "Explore the Ecosystem" })
-      ]
-    }
-  );
-}
-function MainProductCard({ as: Root, product }) {
-  const Decoration = cardDecorations[product.name];
-  const Icon = product.logo;
-  return /* @__PURE__ */ jsxs(
-    Root,
-    {
-      className: "hive-focus-within group relative flex-1 shrink-0 basis-[283.5px] overflow-hidden rounded-2xl bg-blue-400 text-green-1000 first-of-type:bg-green-1000 first-of-type:text-white max-md:w-[283.5px]",
-      children: [
-        /* @__PURE__ */ jsxs(
-          "a",
-          {
-            className: "relative z-10 block flex-1 p-8 outline-none focus-visible:outline-none",
-            href: product.href,
-            children: [
-              /* @__PURE__ */ jsx("p", { className: "font-medium", children: product.name }),
-              /* @__PURE__ */ jsx(Icon, { className: "mt-8" }),
-              /* @__PURE__ */ jsx(ArrowIcon, { className: "absolute bottom-8 right-8" })
-            ]
-          }
-        ),
         /* @__PURE__ */ jsx(
-          Decoration,
+          CallToAction,
           {
-            strokeWidth: "0.5px",
-            className: "pointer-events-none absolute bottom-0 right-0 fill-blue-200 opacity-0 transition-opacity duration-500 group-first-of-type:fill-blue-700 group-focus-within:opacity-100 group-hover:opacity-100",
-            preserveAspectRatio: "xMidYMid meet"
+            href: isHive ? "/ecosystem" : "https://the-guild.dev/graphql/hive/ecosystem",
+            variant: "primary",
+            children: "Explore the Ecosystem"
           }
-        ),
-        /* @__PURE__ */ jsx(HighlightDecoration, { className: "pointer-events-none absolute left-0 top-[-15%] h-[150%] w-full opacity-0 transition-opacity duration-1000 group-focus-within:opacity-100 group-hover:opacity-100" })
+        )
       ]
-    },
-    product.name
-  );
-}
-function AncillaryProductCard({
-  product,
-  as: Root
-}) {
-  const Logo = product.logo;
-  return /* @__PURE__ */ jsx(
-    Root,
-    {
-      className: "hive-focus-within shrink-0 basis-[283.5px] rounded-2xl bg-beige-200 text-green-1000 transition-colors duration-500 hover:bg-beige-400 max-sm:min-w-[283.5px]",
-      children: /* @__PURE__ */ jsxs(
-        "a",
-        {
-          href: product.href,
-          className: "relative flex h-full flex-col rounded-[inherit] p-8 focus:outline-none focus-visible:outline-none",
-          children: [
-            /* @__PURE__ */ jsx("p", { className: "font-medium", children: product.name }),
-            /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-green-800", children: product.title }),
-            /* @__PURE__ */ jsx("div", { className: "h-8 grow" }),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                role: "presentation",
-                className: "flex size-8 items-center justify-center rounded bg-green-1000 p-[5px] text-sm/5 font-medium text-white",
-                children: /* @__PURE__ */ jsx(Logo, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(ArrowIcon, { className: "absolute bottom-8 right-8" })
-          ]
-        }
-      )
-    },
-    product.name
+    }
   );
 }
 export {
-  AncillaryProductCard,
-  MainProductCard,
   ToolsAndLibrariesCards
 };

package/dist/index.d.mts

@@ -1,16 +1,15 @@
 export { Navbar, NotFoundPage, useConfig, useTheme, useThemeConfig } from 'nextra-theme-docs';
-export { Bleed, Callout, Cards, Code, Collapse, FileTree, Mermaid, Search, Steps, Table, Tabs } from 'nextra/components';
+export { Banner, Bleed, Callout, Cards, Code, Collapse, FileTree, Mermaid, Search, Steps, Table, Tabs } from 'nextra/components';
 export { useMounted } from 'nextra/hooks';
 export { Anchor } from './components/anchor.mjs';
 export { Button } from './components/button.mjs';
 export { CardsColorful } from './components/cards-colorful.mjs';
 export { FeatureList } from './components/feature-list.mjs';
-export { Footer } from './components/footer.mjs';
 export { HeroGradient } from './components/hero-gradient.mjs';
 export { HeroIllustration } from './components/hero-illustration.mjs';
 export { HeroMarketplace } from './components/hero-marketplace.mjs';
 export { HeroVideo } from './components/hero-video.mjs';
-export { ReactComponent as AccountBox, ReactComponent as AngularLogo, ReactComponent as AppsIcon, ReactComponent as ArchDecoration, ReactComponent as ArchDecorationGradientDefs, ReactComponent as ArrowIcon, ReactComponent as BardIcon, ReactComponent as CSAStarLevelOneIcon, ReactComponent as CaretSlimIcon, ReactComponent as CheckIcon, ReactComponent as CloseIcon, ReactComponent as CodeGeneratorLogo, ReactComponent as CodegenIcon, ReactComponent as ConductorLogo, ReactComponent as ConfigLogo, ReactComponent as FetsLogo, ReactComponent as GraphQLFoundationLogo, ReactComponent as GroupIcon, ReactComponent as GuildLogo, ReactComponent as HeltinLogo, ReactComponent as HighlightDecoration, ReactComponent as HiveCombinationMark, ReactComponent as HiveGatewayIcon, ReactComponent as HiveIcon, ReactComponent as HonourIcon, ReactComponent as KitQLLogo, ReactComponent as LargeHiveIconDecoration, ReactComponent as LinkedInIcon, ReactComponent as ListIcon, ReactComponent as MeshIcon, ReactComponent as MeshLogo, ReactComponent as ModulesLogo, ReactComponent as MoonIcon, ReactComponent as MoreIcon, ReactComponent as NextraLogo, ReactComponent as PaperIcon, ReactComponent as PencilIcon, ReactComponent as RightCornerIcon, ReactComponent as SSELogo, ReactComponent as SearchIcon, ReactComponent as ShareIcon, ReactComponent as ShieldFlashIcon, ReactComponent as StitchingLogo, ReactComponent as TargetIcon, ReactComponent as TheGuild, ReactComponent as ToolsLogo, ReactComponent as TwitterIcon, ReactComponent as WSLogo, ReactComponent as WhatsAppLogo, ReactComponent as YogaIcon, ReactComponent as YogaLogo, ReactComponent as YouTubeIcon } from './logos/angular.mjs';
+export { ReactComponent as AccountBox, ReactComponent as AngularLogo, ReactComponent as AppsIcon, ReactComponent as ArchDecoration, ReactComponent as ArchDecorationGradientDefs, ReactComponent as ArrowIcon, ReactComponent as BardIcon, ReactComponent as CSAStarLevelOneIcon, ReactComponent as CaretSlimIcon, ReactComponent as CheckIcon, ReactComponent as CloseIcon, ReactComponent as CodeGeneratorLogo, ReactComponent as CodegenIcon, ReactComponent as ConductorLogo, ReactComponent as ConfigLogo, ReactComponent as FetsLogo, ReactComponent as GraphQLFoundationLogo, ReactComponent as GroupIcon, ReactComponent as GuildLogo, ReactComponent as HeltinLogo, ReactComponent as HighlightDecoration, ReactComponent as HiveCombinationMark, ReactComponent as HiveGatewayIcon, ReactComponent as HiveIcon, ReactComponent as HonourIcon, ReactComponent as KitQLLogo, ReactComponent as LargeHiveIconDecoration, ReactComponent as LinkedInIcon, ReactComponent as ListIcon, ReactComponent as MeshIcon, ReactComponent as MeshLogo, ReactComponent as ModulesLogo, ReactComponent as MoreIcon, ReactComponent as NextraLogo, ReactComponent as PaperIcon, ReactComponent as PencilIcon, ReactComponent as RightCornerIcon, ReactComponent as SSELogo, ReactComponent as SearchIcon, ReactComponent as ShareIcon, ReactComponent as ShieldFlashIcon, ReactComponent as StellateIcon, ReactComponent as StitchingLogo, ReactComponent as TargetIcon, ReactComponent as TheGuild, ReactComponent as ToolsLogo, ReactComponent as TwitterIcon, ReactComponent as WSLogo, ReactComponent as WhatsAppLogo, ReactComponent as YogaIcon, ReactComponent as YogaLogo, ReactComponent as YouTubeIcon } from './logos/angular.mjs';
 export { DiscordIcon, GitHubIcon, InformationCircleIcon } from 'nextra/icons';
 export { Image } from './components/image.mjs';
 export { InfoList } from './components/info-list.mjs';
@@ -18,11 +17,11 @@ export { LegacyPackageCmd } from './components/legacy-package-cmd.mjs';
 export { MarketplaceList } from './components/marketplace-list.mjs';
 export { MarketplaceSearch } from './components/marketplace-search.mjs';
 export { NPMBadge } from './components/npm-badge.mjs';
-export { getNavbarLogo } from './components/guild-navbar-logo.mjs';
 export { GetYourAPIGameRightSection } from './components/get-your-api-game-right-section.mjs';
 export { HiveNavigation, HiveNavigationProps } from './components/hive-navigation/index.mjs';
-export { HiveFooter } from './components/hive-footer.mjs';
-export { AncillaryProductCard, MainProductCard, ToolsAndLibrariesCards } from './components/tools-and-libraries-cards/index.mjs';
+export { HiveFooter } from './components/hive-footer/index.mjs';
+export { ToolsAndLibrariesCards } from './components/tools-and-libraries-cards/index.mjs';
+export { AncillaryProductCard, MainProductCard, ProductCard, ProductCardProps } from './components/product-card/index.mjs';
 export { DecorationIsolation } from './components/decorations/index.mjs';
 export { CallToAction, CallToActionProps } from './components/call-to-action.mjs';
 export { CookiesConsent, CookiesConsentProps } from './components/cookies-consent.mjs';
@@ -30,10 +29,11 @@ export { Heading, HeadingProps } from './components/heading.mjs';
 export { InfoCard, InfoCardProps } from './components/info-card.mjs';
 export { Stud, StudProps } from './components/stud.mjs';
 export { ExploreMainProductCards, ExploreMainProductCardsProps } from './components/explore-main-product-cards.mjs';
+export { ContactButton, ContactButtonProps, ContactTextLink, ContactTextLinkProps } from './components/contact-us.mjs';
 export { Giscus } from './components/giscus.mjs';
 export { PRODUCTS } from './products.mjs';
-export { IEditorProps, IFeatureListProps, IFooterExtendedProps, IHeroGradientProps, IHeroIllustrationProps, IHeroMarketplaceProps, IHeroVideoProps, IInfoListProps, ILink, IMarketplaceItemProps, IMarketplaceItemsProps, IMarketplaceListProps, IMarketplaceSearchProps, ISchemaPageProps } from './types/components.mjs';
-export { AngularLettermark, ConductorLettermark, ConfigLettermark, EnvelopLettermark, FetsLettermark, GraphQLESlintLettermark, HeltinLettermark, InspectorLettermark, KitQLLettermark, LettermarkLogoProps, ModulesLettermark, SSELettermark, ScalarsLettermark, SofaLettermark, StitchingLettermark, ToolsLettermark, WSLettermark, WhatsAppLettermark } from './logos/index.mjs';
+export { IEditorProps, IFeatureListProps, IHeroGradientProps, IHeroIllustrationProps, IHeroMarketplaceProps, IHeroVideoProps, IInfoListProps, ILink, IMarketplaceItemProps, IMarketplaceItemsProps, IMarketplaceListProps, IMarketplaceSearchProps, ISchemaPageProps } from './types/components.mjs';
+export { AngularLettermark, ConductorLettermark, ConfigLettermark, EnvelopLettermark, FetsLettermark, GraphQLESlintLettermark, HeltinLettermark, InspectorLettermark, KitQLLettermark, ModulesLettermark, SSELettermark, ScalarsLettermark, SofaLettermark, StitchingLettermark, ToolsLettermark, WSLettermark, WhatsAppLettermark } from './logos/index.mjs';
 export { cn } from './cn.mjs';
 export { GraphQLConfCard, GraphQLConfCardProps } from './components/hive-navigation/graphql-conf-card.mjs';
 import 'react';

package/dist/index.js

@@ -10,7 +10,8 @@ import {
   Table,
   Bleed,
   Collapse,
-  Search
+  Search,
+  Banner
 } from "nextra/components";
 import { useMounted } from "nextra/hooks";
 export * from "./components";
@@ -19,6 +20,7 @@ export * from "./types/components";
 export * from "./logos";
 import { cn } from "./cn";
 export {
+  Banner,
   Bleed,
   Callout,
   Cards,

package/dist/logos/guild.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-const SvgGuild = (props) => /* @__PURE__ */ jsx("svg", { width: 51, height: 54, viewBox: "0 0 51 54", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.06194 20.2745C2.68522 20.4867 3.35002 20.6073 4.04393 20.6073C4.6672 20.6073 5.26838 20.5117 5.83612 20.3391V36.7481C5.83612 37.328 6.14561 37.8684 6.64488 38.1582L22.3391 47.2835C23.0814 46.4108 24.1808 45.8554 25.4084 45.8554C26.7446 45.8554 27.927 46.5134 28.6639 47.5218C28.6769 47.5403 28.6909 47.5576 28.7039 47.5756C28.7557 47.6494 28.8041 47.7248 28.8511 47.8026L28.9049 47.891C28.9465 47.9626 28.9849 48.0355 29.0214 48.1093C29.0414 48.1489 29.0603 48.1891 29.0792 48.2294C29.1105 48.2978 29.14 48.3673 29.1681 48.4378C29.1881 48.4882 29.2059 48.5388 29.2237 48.5899C29.2462 48.6544 29.2684 48.7195 29.2873 48.7852C29.3056 48.8477 29.3202 48.9107 29.3359 48.9737L29.3762 49.1513C29.3918 49.23 29.4021 49.3097 29.4129 49.3902C29.4188 49.4379 29.428 49.4847 29.4323 49.5324C29.4448 49.6627 29.4523 49.7941 29.4523 49.9277C29.4523 50.1406 29.4313 50.3474 29.3994 50.5516L29.3881 50.6275C29.0576 52.5406 27.4007 54 25.4084 54C23.6318 54 22.1227 52.8386 21.5809 51.2314L4.7578 41.4502C3.08905 40.4806 2.06194 38.6876 2.06194 36.7481V20.2745ZM46.0991 10.2908C48.3291 10.2908 50.1428 12.1173 50.1428 14.3631C50.1428 15.5848 49.6037 16.6794 48.755 17.4265V36.7481C48.755 38.6876 47.7279 40.4806 46.0591 41.4502L31.6051 49.8539C31.5889 48.479 31.1274 47.2135 30.3619 46.1876L44.1722 38.1582C44.6713 37.8684 44.9809 37.328 44.9809 36.7481V18.2736C43.2938 17.7838 42.0554 16.2179 42.0554 14.3631C42.0554 13.4601 42.3524 12.6277 42.8485 11.9517C42.856 11.9409 42.8641 11.9306 42.8717 11.9197C42.9655 11.7948 43.0657 11.6743 43.1725 11.5608L43.187 11.545C43.4086 11.3127 43.6567 11.1079 43.9274 10.9337C43.9553 10.9152 43.985 10.8984 44.0136 10.8804C44.1209 10.8158 44.2303 10.755 44.3435 10.7002C44.3765 10.6844 44.4094 10.6671 44.4427 10.6519C44.5846 10.5878 44.7291 10.5286 44.879 10.4814C44.879 10.4819 44.8796 10.4814 44.879 10.4814L45.173 10.3994C45.4705 10.3287 45.7805 10.2908 46.0991 10.2908ZM40.5727 19.0708V32.5386C40.5727 34.1339 39.7202 35.6206 38.3486 36.4181L27.5398 42.696L26.5424 43.2466L26.5543 42.0944V37.3194L35.4506 32.1471V27.4102L27.8779 25.24L40.5727 19.0708ZM10.2444 19.0627L15.3665 21.593V32.1467L24.1279 37.2409V43.1973L12.4684 36.4189C11.0968 35.6206 10.2444 34.1339 10.2444 32.5388V19.0627ZM23.1844 9.96788C24.5349 9.18328 26.2818 9.18328 27.6325 9.96788L39.4904 16.8956L38.3636 17.4327L33.9644 19.6061L25.4084 14.6315L16.8523 19.6061L11.3442 16.8843L12.4026 16.2425C12.4123 16.2338 12.4398 16.2153 12.4694 16.1985L23.1844 9.96788ZM25.4083 0C26.3394 0 27.27 0.242165 28.1041 0.72704L42.644 9.18112C41.5737 9.9076 40.7455 10.9637 40.2899 12.2006L26.217 4.01908C25.9718 3.87572 25.6919 3.80081 25.4083 3.80081C25.1248 3.80081 24.8454 3.87572 24.5995 4.01908L8.02283 13.6574C8.06272 13.887 8.08753 14.1216 8.08753 14.3632C8.08753 16.1154 6.98116 17.608 5.43643 18.1814C5.42457 18.1858 5.41217 18.1906 5.40031 18.1944C5.27792 18.2385 5.15392 18.2765 5.02666 18.3085L4.95065 18.328C4.83419 18.3551 4.71503 18.3764 4.59533 18.3931L4.49775 18.4079C4.3484 18.4246 4.19742 18.4356 4.04377 18.4356C3.87932 18.4356 3.71758 18.4225 3.55743 18.403C3.5143 18.3974 3.47225 18.3899 3.42965 18.3834C3.30673 18.3643 3.18595 18.34 3.06679 18.3101C3.03012 18.3008 2.99347 18.2921 2.95681 18.2819C2.64139 18.1922 2.3416 18.0679 2.06177 17.9088L1.82144 17.7607C0.725648 17.0318 0 15.7822 0 14.3632C0 12.1175 1.81431 10.2909 4.04377 10.2909C4.62229 10.2909 5.17117 10.4158 5.66881 10.6368L22.7124 0.72704C23.5465 0.242165 24.4777 0 25.4083 0Z" }) });
+const SvgGuild = (props) => /* @__PURE__ */ jsx("svg", { width: 51, height: 54, viewBox: "0 0 51 54", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx("path", { d: "M2.06194 20.2745C2.68522 20.4867 3.35002 20.6073 4.04393 20.6073C4.6672 20.6073 5.26838 20.5117 5.83612 20.3391V36.7481C5.83612 37.328 6.14561 37.8684 6.64488 38.1582L22.3391 47.2835C23.0814 46.4108 24.1808 45.8554 25.4084 45.8554C26.7446 45.8554 27.927 46.5134 28.6639 47.5218C28.6769 47.5403 28.6909 47.5576 28.7039 47.5756C28.7557 47.6494 28.8041 47.7248 28.8511 47.8026L28.9049 47.891C28.9465 47.9626 28.9849 48.0355 29.0214 48.1093C29.0414 48.1489 29.0603 48.1891 29.0792 48.2294C29.1105 48.2978 29.14 48.3673 29.1681 48.4378C29.1881 48.4882 29.2059 48.5388 29.2237 48.5899C29.2462 48.6544 29.2684 48.7195 29.2873 48.7852C29.3056 48.8477 29.3202 48.9107 29.3359 48.9737L29.3762 49.1513C29.3918 49.23 29.4021 49.3097 29.4129 49.3902C29.4188 49.4379 29.428 49.4847 29.4323 49.5324C29.4448 49.6627 29.4523 49.7941 29.4523 49.9277C29.4523 50.1406 29.4313 50.3474 29.3994 50.5516L29.3881 50.6275C29.0576 52.5406 27.4007 54 25.4084 54C23.6318 54 22.1227 52.8386 21.5809 51.2314L4.7578 41.4502C3.08905 40.4806 2.06194 38.6876 2.06194 36.7481V20.2745ZM46.0991 10.2908C48.3291 10.2908 50.1428 12.1173 50.1428 14.3631C50.1428 15.5848 49.6037 16.6794 48.755 17.4265V36.7481C48.755 38.6876 47.7279 40.4806 46.0591 41.4502L31.6051 49.8539C31.5889 48.479 31.1274 47.2135 30.3619 46.1876L44.1722 38.1582C44.6713 37.8684 44.9809 37.328 44.9809 36.7481V18.2736C43.2938 17.7838 42.0554 16.2179 42.0554 14.3631C42.0554 13.4601 42.3524 12.6277 42.8485 11.9517C42.856 11.9409 42.8641 11.9306 42.8717 11.9197C42.9655 11.7948 43.0657 11.6743 43.1725 11.5608L43.187 11.545C43.4086 11.3127 43.6567 11.1079 43.9274 10.9337C43.9553 10.9152 43.985 10.8984 44.0136 10.8804C44.1209 10.8158 44.2303 10.755 44.3435 10.7002C44.3765 10.6844 44.4094 10.6671 44.4427 10.6519C44.5846 10.5878 44.7291 10.5286 44.879 10.4814C44.879 10.4819 44.8796 10.4814 44.879 10.4814L45.173 10.3994C45.4705 10.3287 45.7805 10.2908 46.0991 10.2908ZM40.5727 19.0708V32.5386C40.5727 34.1339 39.7202 35.6206 38.3486 36.4181L27.5398 42.696L26.5424 43.2466L26.5543 42.0944V37.3194L35.4506 32.1471V27.4102L27.8779 25.24L40.5727 19.0708ZM10.2444 19.0627L15.3665 21.593V32.1467L24.1279 37.2409V43.1973L12.4684 36.4189C11.0968 35.6206 10.2444 34.1339 10.2444 32.5388V19.0627ZM23.1844 9.96788C24.5349 9.18328 26.2818 9.18328 27.6325 9.96788L39.4904 16.8956L38.3636 17.4327L33.9644 19.6061L25.4084 14.6315L16.8523 19.6061L11.3442 16.8843L12.4026 16.2425C12.4123 16.2338 12.4398 16.2153 12.4694 16.1985L23.1844 9.96788ZM25.4083 0C26.3394 0 27.27 0.242165 28.1041 0.72704L42.644 9.18112C41.5737 9.9076 40.7455 10.9637 40.2899 12.2006L26.217 4.01908C25.9718 3.87572 25.6919 3.80081 25.4083 3.80081C25.1248 3.80081 24.8454 3.87572 24.5995 4.01908L8.02283 13.6574C8.06272 13.887 8.08753 14.1216 8.08753 14.3632C8.08753 16.1154 6.98116 17.608 5.43643 18.1814C5.42457 18.1858 5.41217 18.1906 5.40031 18.1944C5.27792 18.2385 5.15392 18.2765 5.02666 18.3085L4.95065 18.328C4.83419 18.3551 4.71503 18.3764 4.59533 18.3931L4.49775 18.4079C4.3484 18.4246 4.19742 18.4356 4.04377 18.4356C3.87932 18.4356 3.71758 18.4225 3.55743 18.403C3.5143 18.3974 3.47225 18.3899 3.42965 18.3834C3.30673 18.3643 3.18595 18.34 3.06679 18.3101C3.03012 18.3008 2.99347 18.2921 2.95681 18.2819C2.64139 18.1922 2.3416 18.0679 2.06177 17.9088L1.82144 17.7607C0.725648 17.0318 0 15.7822 0 14.3632C0 12.1175 1.81431 10.2909 4.04377 10.2909C4.62229 10.2909 5.17117 10.4158 5.66881 10.6368L22.7124 0.72704C23.5465 0.242165 24.4777 0 25.4083 0Z" }) });
 export {
   SvgGuild as ReactComponent
 };