@theguild/components 8.0.0-alpha-20241205153040-941f0e69f61349bf789b5e08d108ea2196a2436a → 8.0.0-alpha-20241205182626-0c530a9ef4b92616ceb02d93a30c7fb4f876114d

package/dist/components/contact-us.d.mts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CallToActionProps } from './call-to-action.mjs';
+import './anchor.mjs';
+import 'react';
+import 'url';
+import '../types/components.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
+
+interface ContactTextLinkProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'href' | 'onClick'> {
+}
+declare function ContactTextLink(props: ContactTextLinkProps): react_jsx_runtime.JSX.Element;
+interface ContactButtonProps extends Omit<CallToActionProps.AnchorProps, 'onClick' | 'href'> {
+}
+declare function ContactButton(props: ContactButtonProps): react_jsx_runtime.JSX.Element;
+
+export { ContactButton, type ContactButtonProps, ContactTextLink, type ContactTextLinkProps };

package/dist/components/contact-us.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../cn";
+import { CallToAction } from "./call-to-action";
+const openCrisp = (event) => {
+  if (window.$crisp) {
+    window.$crisp.push(["do", "chat:open"]);
+    event.preventDefault();
+  }
+};
+function ContactTextLink(props) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      ...props,
+      className: cn(
+        "hive-focus -m-2 rounded p-2 font-medium hover:text-blue-700 hover:underline dark:hover:text-blue-100",
+        props.className
+      ),
+      href: "https://the-guild.dev/contact",
+      onClick: openCrisp,
+      children: props.children || "Contact Us"
+    }
+  );
+}
+function ContactButton(props) {
+  return /* @__PURE__ */ jsx(CallToAction, { href: "https://the-guild.dev/contact", onClick: openCrisp, ...props, children: props.children || "Contact Us" });
+}
+export {
+  ContactButton,
+  ContactTextLink
+};

package/dist/components/cookies-consent.js

@@ -1,25 +1,30 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useLayoutEffect, useState } from "react";
 import { cn } from "../cn";
 import { CallToAction } from "./call-to-action";
 function CookiesConsent(props) {
-  const [consented, setConsented] = useState(() => localStorage.getItem("cookies") === "true");
-  const onAccept = () => {
-    setConsented(true);
-    localStorage.setItem("cookies", "true");
-  };
-  if (consented) {
+  const [consented, setConsented] = useState("unknown");
+  useLayoutEffect(() => {
+    setConsented(localStorage.getItem("cookies") === "true" ? "yes" : "no");
+  }, []);
+  if (consented === "unknown" || consented === "yes") {
     return null;
   }
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ...props,
+      "data-state": consented,
       className: cn(
-        "fixed bottom-0 z-50 flex flex-wrap items-center justify-center gap-x-4 gap-y-3 rounded-lg border border-beige-200 bg-beige-100 p-4 text-sm text-green-800 shadow-xl lg:flex-nowrap lg:justify-between lg:text-left dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-200",
+        "ease fixed bottom-0 z-50 flex flex-wrap items-center justify-center gap-x-4 gap-y-3 rounded-lg border border-beige-200 bg-beige-100 p-4 text-sm text-green-800 shadow-xl duration-300 animate-in fade-in-0 slide-in-from-bottom-6 fill-mode-forwards data-[state=closing]:animate-out data-[state=closing]:fade-out data-[state=closing]:slide-out-to-bottom-6 lg:flex-nowrap lg:justify-between lg:text-left dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-200",
         props.className
       ),
+      onAnimationEnd: () => {
+        if (consented === "closing") {
+          setConsented("yes");
+        }
+      },
       children: [
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("p", { className: "max-sm:inline", children: "This site uses cookies for analytics and improving your experience." }),
@@ -37,7 +42,18 @@ function CookiesConsent(props) {
               children: "Privacy Policy"
             }
           ),
-          /* @__PURE__ */ jsx(CallToAction, { variant: "tertiary", onClick: onAccept, className: "px-4 py-2", children: "Allow" })
+          /* @__PURE__ */ jsx(
+            CallToAction,
+            {
+              variant: "tertiary",
+              onClick: () => {
+                setConsented("closing");
+                localStorage.setItem("cookies", "true");
+              },
+              className: "px-4 py-2",
+              children: "Allow"
+            }
+          )
         ] })
       ]
     }

package/dist/components/get-your-api-game-right-section.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../cn";
 import { CallToAction } from "./call-to-action";
+import { ContactButton } from "./contact-us";
 import { DecorationIsolation } from "./decorations";
 import { Heading } from "./heading";
 function GetYourAPIGameRightSection({ className }) {
@@ -25,20 +26,7 @@ function GetYourAPIGameRightSection({ className }) {
           ),
           /* @__PURE__ */ jsxs("div", { className: "flex gap-x-4 gap-y-2 whitespace-pre max-sm:flex-col", children: [
             /* @__PURE__ */ jsx(CallToAction, { variant: "secondary-inverted", href: "https://app.graphql-hive.com/", children: "Get started for free" }),
-            /* @__PURE__ */ jsx(
-              CallToAction,
-              {
-                variant: "tertiary",
-                href: "https://the-guild.dev/contact",
-                onClick: (event) => {
-                  if (window.$crisp) {
-                    window.$crisp.push(["do", "chat:open"]);
-                    event.preventDefault();
-                  }
-                },
-                children: "Talk to us"
-              }
-            )
+            /* @__PURE__ */ jsx(ContactButton, { variant: "tertiary", children: "Talk to us" })
           ] })
         ] })
       ]

package/dist/components/heading.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../cn";
 function Heading({ as: _as, size, className, children, ...rest }) {

package/dist/components/hive-footer/index.js

@@ -4,6 +4,7 @@ import { siteOrigin } from "../../constants";
 import { HiveCombinationMark } from "../../logos";
 import { FOUR_MAIN_PRODUCTS, SIX_HIGHLIGHTED_PRODUCTS } from "../../products";
 import { Anchor } from "../anchor";
+import { ContactTextLink } from "../contact-us";
 import {
   CSAStarLevelOneIcon,
   DiscordIcon,
@@ -12,7 +13,6 @@ import {
   TwitterIcon,
   YouTubeIcon
 } from "../icons/index";
-import { ContactUs } from "./contact-us";
 function HiveFooter({
   className,
   logo = /* @__PURE__ */ jsx(HiveCombinationMark, { className: "h-8 w-auto" }),
@@ -50,7 +50,7 @@ function HiveFooter({
             },
             i
           )),
-          /* @__PURE__ */ jsx(ContactUs, {})
+          /* @__PURE__ */ jsx(ContactTextLink, {})
         ] }),
         /* @__PURE__ */ jsx(CSAStarLink, { className: "sm:col-start-[-1] lg:col-start-[-2]" })
       ] }),

package/dist/components/hive-navigation/graphql-conf-card.js

@@ -9,7 +9,7 @@ function GraphQLConfCard({ image }) {
       href: "https://www.youtube.com/playlist?list=PL43V96KpNj7OMvmfL0WFKP6LpoboM8Hde",
       className: "group w-[358px]",
       children: [
-        /* @__PURE__ */ jsx(Image, { alt: "", ...image, width: 358, height: 200 }),
+        /* @__PURE__ */ jsx(Image, { alt: "", src: image, width: 358, height: 200 }),
         /* @__PURE__ */ jsx("strong", { className: "mt-6 block text-xl font-medium leading-7 text-green-1000 dark:text-neutral-100", children: "GraphQLConf 2024" }),
         /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm font-medium leading-5 text-green-800 dark:text-neutral-200", children: "September 10-12 | San Francisco CA" }),
         /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm font-normal leading-5 text-green-800 dark:text-neutral-200", children: "The official GraphQL conference hosted by GraphQL Foundation." }),

package/dist/components/hive-navigation/index.d.mts

@@ -17,13 +17,8 @@ type HiveNavigationProps = {
         href: string;
         children: ReactNode;
     }[];
+    developerMenu: DeveloperMenuProps['developerMenu'];
     searchProps?: ComponentProps<typeof Search>;
-    developerMenu?: {
-        href: string;
-        title?: string;
-        icon: ReactNode;
-        children: ReactNode;
-    }[];
 };
 /**
  *

package/dist/components/hive-navigation/index.js

@@ -104,7 +104,7 @@ function HiveNavigation({
           /* @__PURE__ */ jsx(
             Search,
             {
-              className: "relative ml-4 basis-64 [&_:is(input,kbd)]:text-green-700 dark:[&_:is(input,kbd)]:text-neutral-300 [&_input]:h-12 [&_input]:w-full [&_input]:rounded-lg [&_input]:border [&_input]:border-green-200 [&_input]:bg-white [&_input]:pl-4 [&_input]:pr-8 [&_input]:ring-[hsl(var(--nextra-primary-hue)_var(--nextra-primary-saturation)_32%/var(--tw-ring-opacity))] [&_input]:ring-offset-[rgb(var(--nextra-bg))] dark:[&_input]:border-neutral-800 [&_input]:dark:bg-inherit [&_kbd]:absolute [&_kbd]:right-4 [&_kbd]:top-1/2 [&_kbd]:my-0 [&_kbd]:-translate-y-1/2 [&_kbd]:border-none [&_kbd]:bg-green-200 dark:[&_kbd]:bg-neutral-700",
+              className: "relative ml-4 basis-64 [&_:is(input,kbd)]:text-green-700 dark:[&_:is(input,kbd)]:text-neutral-300 [&_input]:h-12 [&_input]:w-full [&_input]:rounded-lg [&_input]:border [&_input]:border-green-200 [&_input]:bg-white [&_input]:pl-4 [&_input]:pr-8 [&_input]:ring-[hsl(var(--nextra-primary-hue)_var(--nextra-primary-saturation)_32%/var(--tw-ring-opacity))] [&_input]:ring-offset-[rgb(var(--nextra-bg))] dark:[&_input]:border-neutral-800 [&_input]:dark:bg-inherit [&_kbd]:absolute [&_kbd]:right-4 [&_kbd]:-translate-y-1/2 [&_kbd]:border-none [&_kbd]:bg-green-200 dark:[&_kbd]:bg-neutral-700",
               ...searchProps
             }
           ),

package/dist/components/icons/index.d.mts

@@ -1,3 +1,3 @@
-export { ReactComponent as AccountBox, ReactComponent as AppsIcon, 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 HiveGatewayIcon, ReactComponent as HiveIcon, ReactComponent as HonourIcon, 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 TargetIcon, ReactComponent as TwitterIcon, ReactComponent as YogaIcon, ReactComponent as YouTubeIcon } from '../../logos/angular.mjs';
+export { ReactComponent as AccountBox, ReactComponent as AppsIcon, 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 HiveGatewayIcon, ReactComponent as HiveIcon, ReactComponent as HonourIcon, 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';
 import 'react';

package/dist/components/icons/index.js

@@ -13,47 +13,49 @@ 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 ReactComponent16 } from "./list";
-import { ReactComponent as ReactComponent17 } from "./paper";
-import { ReactComponent as ReactComponent18 } from "./target";
-import { ReactComponent as ReactComponent19 } from "./right-corner";
-import { ReactComponent as ReactComponent20 } from "./pencil";
-import { ReactComponent as ReactComponent21 } from "./account-box";
-import { ReactComponent as ReactComponent22 } from "./bard";
-import { ReactComponent as ReactComponent23 } from "./honour";
-import { ReactComponent as ReactComponent24 } from "./shield-flash";
-import { ReactComponent as ReactComponent25 } from "./group";
-import { ReactComponent as ReactComponent26 } from "./apps";
-import { ReactComponent as ReactComponent27 } from "./check";
+import { ReactComponent as ReactComponent17 } from "./list";
+import { ReactComponent as ReactComponent18 } from "./paper";
+import { ReactComponent as ReactComponent19 } from "./target";
+import { ReactComponent as ReactComponent20 } from "./right-corner";
+import { ReactComponent as ReactComponent21 } from "./pencil";
+import { ReactComponent as ReactComponent22 } from "./account-box";
+import { ReactComponent as ReactComponent23 } from "./bard";
+import { ReactComponent as ReactComponent24 } from "./honour";
+import { ReactComponent as ReactComponent25 } from "./shield-flash";
+import { ReactComponent as ReactComponent26 } from "./group";
+import { ReactComponent as ReactComponent27 } from "./apps";
+import { ReactComponent as ReactComponent28 } from "./check";
 export {
-  ReactComponent21 as AccountBox,
-  ReactComponent26 as AppsIcon,
+  ReactComponent22 as AccountBox,
+  ReactComponent27 as AppsIcon,
   ReactComponent7 as ArrowIcon,
-  ReactComponent22 as BardIcon,
+  ReactComponent23 as BardIcon,
   ReactComponent6 as CSAStarLevelOneIcon,
   ReactComponent as CaretSlimIcon,
-  ReactComponent27 as CheckIcon,
+  ReactComponent28 as CheckIcon,
   ReactComponent2 as CloseIcon,
   ReactComponent11 as CodegenIcon,
   DiscordIcon,
   GitHubIcon,
-  ReactComponent25 as GroupIcon,
+  ReactComponent26 as GroupIcon,
   ReactComponent15 as HiveGatewayIcon,
   ReactComponent14 as HiveIcon,
-  ReactComponent23 as HonourIcon,
+  ReactComponent24 as HonourIcon,
   InformationCircleIcon,
   ReactComponent9 as LinkedInIcon,
-  ReactComponent16 as ListIcon,
+  ReactComponent17 as ListIcon,
   ReactComponent12 as MeshIcon,
   ReactComponent3 as MoreIcon,
-  ReactComponent17 as PaperIcon,
-  ReactComponent20 as PencilIcon,
-  ReactComponent19 as RightCornerIcon,
+  ReactComponent18 as PaperIcon,
+  ReactComponent21 as PencilIcon,
+  ReactComponent20 as RightCornerIcon,
   ReactComponent4 as SearchIcon,
   ReactComponent5 as ShareIcon,
-  ReactComponent24 as ShieldFlashIcon,
-  ReactComponent18 as TargetIcon,
+  ReactComponent25 as ShieldFlashIcon,
+  ReactComponent16 as StellateIcon,
+  ReactComponent19 as TargetIcon,
   ReactComponent8 as TwitterIcon,
   ReactComponent13 as YogaIcon,
   ReactComponent10 as YouTubeIcon

package/dist/components/icons/stellate.d.mts

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

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

@@ -6,7 +6,7 @@ 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 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';
@@ -26,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';

package/dist/components/index.js

@@ -25,6 +25,7 @@ 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,

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

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function ToolsAndLibrariesCards({ className }: {
+declare function ToolsAndLibrariesCards({ className, isHive, }: {
     className?: string;
+    isHive?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 export { ToolsAndLibrariesCards };

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

@@ -4,7 +4,10 @@ import { FOUR_MAIN_PRODUCTS, SIX_HIGHLIGHTED_PRODUCTS } from "../../products";
 import { CallToAction } from "../call-to-action";
 import { Heading } from "../heading";
 import { AncillaryProductCard, MainProductCard } from "../product-card";
-function ToolsAndLibrariesCards({ className }) {
+function ToolsAndLibrariesCards({
+  className,
+  isHive
+}) {
   return /* @__PURE__ */ jsxs(
     "section",
     {
@@ -18,7 +21,14 @@ 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" })
+        /* @__PURE__ */ jsx(
+          CallToAction,
+          {
+            href: isHive ? "/ecosystem" : "https://the-guild.dev/graphql/hive/ecosystem",
+            variant: "primary",
+            children: "Explore the Ecosystem"
+          }
+        )
       ]
     }
   );

package/dist/index.d.mts

@@ -9,7 +9,7 @@ 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 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';
@@ -29,6 +29,7 @@ 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, IHeroGradientProps, IHeroIllustrationProps, IHeroMarketplaceProps, IHeroVideoProps, IInfoListProps, ILink, IMarketplaceItemProps, IMarketplaceItemsProps, IMarketplaceListProps, IMarketplaceSearchProps, ISchemaPageProps } from './types/components.mjs';

package/dist/products.d.mts

@@ -1,6 +1,7 @@
-import { FC, SVGProps, HTMLProps, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FC, SVGProps, HTMLProps } from 'react';
 
-type ProductType = 'HIVE' | 'HIVE_GATEWAY' | 'CONDUCTOR' | 'YOGA' | 'ENVELOP' | 'INSPECTOR' | 'CODEGEN' | 'MESH' | 'TOOLS' | 'MODULES' | 'ESLINT' | 'CONFIG' | 'SCALARS' | 'SOFA' | 'STITCHING' | 'ANGULAR' | 'WHATSAPP' | 'KITQL' | 'SSE' | 'WS' | 'FETS' | 'HELTIN' | 'NEXTRA';
+type ProductType = 'HIVE' | 'HIVE_GATEWAY' | 'CONDUCTOR' | 'YOGA' | 'ENVELOP' | 'INSPECTOR' | 'CODEGEN' | 'MESH' | 'TOOLS' | 'MODULES' | 'ESLINT' | 'CONFIG' | 'SCALARS' | 'SOFA' | 'STITCHING' | 'ANGULAR' | 'WHATSAPP' | 'KITQL' | 'SSE' | 'WS' | 'FETS' | 'HELTIN' | 'NEXTRA' | 'STELLATE';
 interface ProductInfo {
     name: string;
     title: string;
@@ -12,9 +13,11 @@ declare const PRODUCTS: Record<ProductType, ProductInfo>;
 declare const FOUR_MAIN_PRODUCTS: ProductInfo[];
 declare const SIX_HIGHLIGHTED_PRODUCTS: ProductInfo[];
 /** List of products displayed in hamburger menu. */
-declare const PRODUCTS_MENU_LIST: Record<string, {
-    type: 'separator';
-    title: ReactNode;
-}>;
+declare const PRODUCTS_MENU_LIST: {
+    [k: string]: {
+        href: string;
+        title: react_jsx_runtime.JSX.Element;
+    };
+};
 
 export { FOUR_MAIN_PRODUCTS, PRODUCTS, PRODUCTS_MENU_LIST, type ProductInfo, type ProductType, SIX_HIGHLIGHTED_PRODUCTS };

package/dist/products.js

@@ -1,6 +1,13 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "./cn";
-import { CodegenIcon, HiveGatewayIcon, HiveIcon, MeshIcon, YogaIcon } from "./components/icons";
+import {
+  CodegenIcon,
+  HiveGatewayIcon,
+  HiveIcon,
+  MeshIcon,
+  StellateIcon,
+  YogaIcon
+} from "./components/icons";
 import {
   AngularLettermark,
   ConductorLettermark,
@@ -182,6 +189,13 @@ const PRODUCTS = {
     href: "https://nextra.site",
     logo: NextraLogo,
     primaryColor: "#000"
+  },
+  STELLATE: {
+    name: "Stellate",
+    title: "GraphQL Edge Caching, Metrics and Security.",
+    href: "https://stellate.co",
+    logo: StellateIcon,
+    primaryColor: "#FF7752"
   }
 };
 const FOUR_MAIN_PRODUCTS = [
@@ -199,19 +213,15 @@ const SIX_HIGHLIGHTED_PRODUCTS = [
   PRODUCTS.ESLINT
 ];
 const PRODUCTS_MENU_LIST = Object.fromEntries(
-  [
-    "The GraphQL Stack",
-    ...FOUR_MAIN_PRODUCTS,
-    "Libraries",
-    ...SIX_HIGHLIGHTED_PRODUCTS
-  ].map((item, i) => {
+  ["The GraphQL Stack", ...FOUR_MAIN_PRODUCTS, "Libraries", ...SIX_HIGHLIGHTED_PRODUCTS].map((item, i) => {
     if (typeof item === "string") {
       return [
         i,
         {
-          type: "separator",
+          // BUG: Nextra 4 doesn't support separators inside menu items.
+          href: "#",
           title: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("style", { className: "hive-label-separator", children: "li:has(>.hive-label-separator) { margin: 0.75rem 0 0.25rem 0; padding: 0 }" }),
+            /* @__PURE__ */ jsx("style", { className: "hive-label-separator", children: ":is(a,li):has(>.hive-label-separator) { margin: 0.75rem 0 0.25rem 0; padding: 0 }" }),
             /* @__PURE__ */ jsx("span", { className: "ml-2 font-medium text-gray-500 dark:text-neutral-400", children: item })
           ] })
         }
@@ -220,7 +230,6 @@ const PRODUCTS_MENU_LIST = Object.fromEntries(
     return [
       i,
       {
-        type: "page",
         href: item.href,
         title: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(

package/dist/server/index.d.mts

@@ -7,11 +7,11 @@ export { fetchPackageInfo } from './npm.mjs';
 export { GuildLayout, getDefaultMetadata } from './theme-layout.mjs';
 import 'next/image';
 import 'nextra';
-import 'nextra/components';
 import 'nextra/mdx-components/pre/index';
 import 'react/jsx-runtime';
 import 'react';
 import 'next';
 import 'nextra-theme-docs';
+import 'nextra/components';
 import '../components/hive-navigation/index.mjs';
 import '../components/hive-navigation/graphql-conf-card.mjs';

package/dist/server/mdx-components.d.mts

@@ -1,6 +1,5 @@
 import * as next_image from 'next/image';
 import * as nextra from 'nextra';
-import * as nextra_components from 'nextra/components';
 import * as nextra_mdx_components_pre_index from 'nextra/mdx-components/pre/index';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
@@ -20,26 +19,13 @@ declare const useMDXComponents: (components?: object) => {
     small?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
     sub?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
     sup?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
-    div?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">> | undefined;
-    slot?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, "ref">> | undefined;
-    style?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, "ref">> | undefined;
-    span?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">> | undefined;
-    button?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">> | undefined;
-    dialog?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref">> | undefined;
-    figure?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
-    form?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">> | undefined;
-    main?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
-    menuitem?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
-    option?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref">> | undefined;
-    switch?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.SVGProps<SVGSwitchElement>, "ref">> | undefined;
-    table: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">> | (({ className, ...props }: Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">) => react_jsx_runtime.JSX.Element);
-    text?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.SVGTextElementAttributes<SVGTextElement>, "ref">> | undefined;
-    time?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, "ref">> | undefined;
     code: keyof react.JSX.IntrinsicElements | react.FC<react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement> & {
         "data-language"?: string;
     }> | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">>;
     path?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.SVGProps<SVGPathElement>, "ref">> | undefined;
     set?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.SVGProps<SVGSetElement>, "ref">> | undefined;
+    time?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, "ref">> | undefined;
+    span?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">> | undefined;
     a: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">>;
     abbr?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
     address?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
@@ -53,6 +39,7 @@ declare const useMDXComponents: (components?: object) => {
     blockquote: keyof react.JSX.IntrinsicElements | react.FunctionComponent<react.DetailedHTMLProps<react.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>> | react.FC<Omit<react.DetailedHTMLProps<react.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref">>;
     body?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "ref">> | undefined;
     br?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLBRElement>, HTMLBRElement>, "ref">> | undefined;
+    button?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">> | undefined;
     canvas?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, "ref">> | undefined;
     caption?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
     center?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
@@ -65,12 +52,16 @@ declare const useMDXComponents: (components?: object) => {
     del?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.DelHTMLAttributes<HTMLModElement>, HTMLModElement>, "ref">> | undefined;
     details: keyof react.JSX.IntrinsicElements | react.FC<react.DetailedHTMLProps<react.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>> | react.FC<Omit<react.DetailedHTMLProps<react.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref">>;
     dfn?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
+    dialog?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref">> | undefined;
+    div?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">> | undefined;
     dl?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, "ref">> | undefined;
     dt?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
     em?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
     embed?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, "ref">> | undefined;
     fieldset?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref">> | undefined;
     figcaption?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
+    figure?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
+    form?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">> | undefined;
     h1: keyof react.JSX.IntrinsicElements | react.FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>> | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">>;
     h2: keyof react.JSX.IntrinsicElements | react.FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>> | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">>;
     h3: keyof react.JSX.IntrinsicElements | react.FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>> | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">>;
@@ -91,7 +82,9 @@ declare const useMDXComponents: (components?: object) => {
     label?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">> | undefined;
     legend?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, "ref">> | undefined;
     li: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">> | ((props: Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">) => react_jsx_runtime.JSX.Element);
+    main?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
     mark?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
+    menuitem?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
     meta?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, "ref">> | undefined;
     meter?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>, "ref">> | undefined;
     nav?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
@@ -99,6 +92,7 @@ declare const useMDXComponents: (components?: object) => {
     noscript?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
     ol: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref">> | ((props: Omit<react.DetailedHTMLProps<react.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref">) => react_jsx_runtime.JSX.Element);
     optgroup?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, "ref">> | undefined;
+    option?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref">> | undefined;
     output?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, "ref">> | undefined;
     p: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">> | ((props: Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">) => react_jsx_runtime.JSX.Element);
     param?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, "ref">> | undefined;
@@ -111,12 +105,15 @@ declare const useMDXComponents: (components?: object) => {
     ruby?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
     s?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
     samp?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
+    slot?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, "ref">> | undefined;
     script?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, "ref">> | undefined;
     section?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
     select?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref">> | undefined;
     source?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, "ref">> | undefined;
     strong?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | undefined;
-    summary: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">> | typeof nextra_components.Summary;
+    style?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, "ref">> | undefined;
+    summary: keyof react.JSX.IntrinsicElements | react.FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>> | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">>;
+    table: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">> | (({ className, ...props }: Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">) => react_jsx_runtime.JSX.Element);
     template?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, "ref">> | undefined;
     tbody?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">> | undefined;
     td: keyof react.JSX.IntrinsicElements | react.FC<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>> | react.FC<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">>;
@@ -181,6 +178,8 @@ declare const useMDXComponents: (components?: object) => {
     radialGradient?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.SVGProps<SVGRadialGradientElement>, "ref">> | undefined;
     rect?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.SVGProps<SVGRectElement>, "ref">> | undefined;
     stop?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.SVGProps<SVGStopElement>, "ref">> | undefined;
+    switch?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.SVGProps<SVGSwitchElement>, "ref">> | undefined;
+    text?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.SVGTextElementAttributes<SVGTextElement>, "ref">> | undefined;
     textPath?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.SVGProps<SVGTextPathElement>, "ref">> | undefined;
     tspan?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.SVGProps<SVGTSpanElement>, "ref">> | undefined;
     use?: keyof react.JSX.IntrinsicElements | react.FC<Omit<react.SVGProps<SVGUseElement>, "ref">> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theguild/components",
-  "version": "8.0.0-alpha-20241205153040-941f0e69f61349bf789b5e08d108ea2196a2436a",
+  "version": "8.0.0-alpha-20241205182626-0c530a9ef4b92616ceb02d93a30c7fb4f876114d",
   "repository": {
     "url": "https://github.com/the-guild-org/docs",
     "directory": "packages/components"
@@ -49,8 +49,8 @@
     "@radix-ui/react-navigation-menu": "^1.2.0",
     "clsx": "2.1.1",
     "fuzzy": "0.1.3",
-    "nextra": "4.0.0-app-router.28",
-    "nextra-theme-docs": "4.0.0-app-router.28",
+    "nextra": "4.0.0-app-router.34",
+    "nextra-theme-docs": "4.0.0-app-router.34",
     "react-paginate": "8.2.0",
     "react-player": "2.16.0",
     "semver": "^7.3.8",

package/style.css

@@ -1,35 +1,38 @@
-@layer l-base, l-nextra, l-components;
+@layer l-nextra;
 
-/*@import 'tailwindcss/base' layer(l-base);*/
-@import 'nextra-theme-docs/dist/style.css' layer(l-nextra);
-@import 'tailwindcss/components' layer(l-components);
+/**
+ * We don't need Tailwind CSS preflight styles `@import 'tailwindcss/base'`
+ * because `style.css` from `nextra-theme-docs` already include them
+**/
+@import 'nextra-theme-docs/dist/style-prefixed.css' layer(l-nextra);
 @import 'tailwindcss/utilities';
+@import 'tailwindcss/components';
 
 /* #region hamburger mobile menu */
 
-.light .nextra-sidebar-container input {
+.light .nextra-mobile-nav input {
   color: rgb(0, 52, 44);
   background-color: rgb(248, 247, 246) !important;
   border: 1px solid rgb(241, 238, 228);
 }
 
-.light .nextra-sidebar-container input::placeholder {
+.light .nextra-mobile-nav input::placeholder {
   color: rgba(36, 88, 80, 0.9) !important;
 }
 
-.light .nextra-sidebar-container .nextra-sidebar-footer:is(html[class] *) {
+.light .nextra-mobile-nav .nextra-sidebar-footer:is(html[class] *) {
   border-color: #e5e7eb;
 }
 
-.light .nextra-sidebar-container kbd {
+.light .nextra-mobile-nav kbd {
   @apply !border-gray-200 !bg-white;
 }
 
-.light .nextra-sidebar-container li > :is(a, button) {
+.light .nextra-mobile-nav li > :is(a, button) {
   @apply text-gray-500 hover:bg-gray-100 hover:text-gray-900;
 }
 
-.light .nextra-sidebar-container ul::before {
+.light .nextra-mobile-nav ul::before {
   @apply !bg-gray-200;
 }
 
@@ -57,7 +60,7 @@
 
 /* #endregion search results */
 
-@layer l-components {
+@layer components {
   .hive-focus {
     &:focus {
       outline: none;
@@ -100,7 +103,7 @@
 }
 
 /* wrong with neue montreal */
-._subpixel-antialiased {
+.n\:subpixel-antialiased {
   -webkit-font-smoothing: unset;
   -moz-osx-font-smoothing: unset;
 }

package/dist/components/hive-footer/contact-us.d.mts

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function ContactUs(): react_jsx_runtime.JSX.Element;
-
-export { ContactUs };

package/dist/components/hive-footer/contact-us.js

@@ -1,21 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-function ContactUs() {
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      className: "hive-focus -m-2 rounded p-2 font-medium hover:text-blue-700 hover:underline dark:hover:text-blue-100",
-      href: "https://the-guild.dev/contact",
-      onClick: (event) => {
-        if (window.$crisp) {
-          window.$crisp.push(["do", "chat:open"]);
-          event.preventDefault();
-        }
-      },
-      children: "Contact Us"
-    }
-  );
-}
-export {
-  ContactUs
-};