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

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.d.mts

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

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/explore-main-product-cards.js

@@ -3,8 +3,8 @@ import { cn } from "../cn";
 import { FOUR_MAIN_PRODUCTS } from "../products";
 import { Heading } from "./heading";
 import { ArrowIcon } from "./icons";
+import { MainProductCard } from "./product-card";
 import { TextLink } from "./text-link";
-import { MainProductCard } from "./tools-and-libraries-cards";
 function ExploreMainProductCards({ className, ...rest }) {
   return /* @__PURE__ */ jsxs(
     "section",

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 }) {
@@ -13,7 +14,7 @@ function GetYourAPIGameRightSection({ className }) {
           /* @__PURE__ */ jsx(GreenArchDecoration, { className: "absolute inset-y-0 right-0 hidden opacity-10 md:block [@media(min-width:1300px)]:opacity-100" }),
           /* @__PURE__ */ jsx(StrokeDecoration, { className: "absolute right-[607px] max-md:right-[-36px] max-md:top-[-71px] max-md:size-[200px] max-md:rotate-180 md:bottom-0" })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-stretch justify-between gap-x-6 gap-y-4 p-4 sm:items-center md:h-[308px] md:flex-row md:px-24", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-stretch justify-between gap-x-6 gap-y-4 p-4 max-md:flex-col sm:items-center md:h-[308px] md:px-24", children: [
           /* @__PURE__ */ jsx(
             Heading,
             {
@@ -23,22 +24,9 @@ function GetYourAPIGameRightSection({ className }) {
               children: "Get your API game right."
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-x-4 gap-y-2 whitespace-pre sm:flex-row", children: [
+          /* @__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.d.mts → hive-footer/index.d.mts}

@@ -1,15 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IFooterExtendedProps, ILink } from '../types/components.mjs';
-import 'react';
+import { ReactNode } from 'react';
+import { ILink } from '../../types/components.mjs';
 import 'next/image';
 import 'next/link';
 import 'react-player';
 
-interface HiveFooterProps extends IFooterExtendedProps {
+type HiveFooterProps = {
+    className?: string;
+    logo?: ReactNode;
+    href?: string;
     description?: string;
     items?: HiveFooterItems;
-}
-declare function HiveFooter({ className, logo, description, items }: HiveFooterProps): react_jsx_runtime.JSX.Element;
+};
+declare function HiveFooter({ className, logo, href, description, items, }: HiveFooterProps): react_jsx_runtime.JSX.Element;
 declare namespace HiveFooter {
     var DEFAULT_ITEMS: HiveFooterItems;
 }

package/dist/components/{hive-footer.js → hive-footer/index.js}

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../cn";
-import { siteOrigin } from "../constants";
-import { HiveCombinationMark } from "../logos";
-import { FOUR_MAIN_PRODUCTS, SIX_HIGHLIGHTED_PRODUCTS } from "../products";
-import { Anchor } from "./anchor";
+import { cn } from "../../cn";
+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,
@@ -11,20 +12,24 @@ import {
   LinkedInIcon,
   TwitterIcon,
   YouTubeIcon
-} from "./icons";
-function HiveFooter({ className, logo, description, items }) {
+} from "../icons/index";
+function HiveFooter({
+  className,
+  logo = /* @__PURE__ */ jsx(HiveCombinationMark, { className: "h-8 w-auto" }),
+  href = `${siteOrigin}/`,
+  description = "Open-source GraphQL management platform",
+  items
+}) {
   items = { ...HiveFooter.DEFAULT_ITEMS, ...items };
-  description ||= "Open-source GraphQL management platform";
   return /* @__PURE__ */ jsxs("footer", { className: cn("relative flex justify-center px-4 py-6 xl:px-[120px]", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "mx-4 grid w-full max-w-[75rem] grid-cols-1 gap-x-6 text-green-800 max-lg:gap-y-16 sm:grid-cols-4 lg:gap-x-8 xl:gap-x-10 dark:text-neutral-400", children: [
       /* @__PURE__ */ jsxs("div", { className: "max-lg:col-span-full", children: [
         /* @__PURE__ */ jsx(
           Anchor,
           {
-            href: `${siteOrigin}/`,
-            ...logo,
+            href,
             className: "hive-focus -m-1.5 flex rounded p-1.5 text-green-1000 dark:text-white",
-            children: logo?.children || /* @__PURE__ */ jsx(HiveCombinationMark, { className: "h-8 w-auto" })
+            children: logo
           }
         ),
         /* @__PURE__ */ jsx("p", { className: "mt-6 lg:mt-8", children: description })
@@ -45,24 +50,11 @@ function HiveFooter({ className, logo, description, items }) {
             },
             i
           )),
-          /* @__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"
-            }
-          )
+          /* @__PURE__ */ jsx(ContactTextLink, {})
         ] }),
         /* @__PURE__ */ jsx(CSAStarLink, { className: "sm:col-start-[-1] lg:col-start-[-2]" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "col-span-full flex flex-row flex-wrap justify-between gap-x-[inherit] gap-y-8 lg:w-full lg:pb-2 lg:pt-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "col-span-full flex flex-wrap justify-between gap-x-[inherit] gap-y-8 lg:w-full lg:pb-2 lg:pt-8", children: [
         /* @__PURE__ */ jsx("div", { className: "flex gap-6 lg:order-1", children: SOCIAL_ICONS.map(({ icon: Icon, ...iconProps }) => /* @__PURE__ */ jsx(
           Anchor,
           {

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

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import react__default, { ReactNode } from 'react';
+import react__default, { ReactNode, ComponentProps } from 'react';
+import { Search } from 'nextra/components';
 export { GraphQLConfCard, GraphQLConfCardProps } from './graphql-conf-card.mjs';
 import 'next/image';
 
-interface HiveNavigationProps {
+type HiveNavigationProps = {
     companyMenuChildren?: ReactNode;
     children?: ReactNode;
     className?: string;
@@ -16,15 +17,9 @@ interface HiveNavigationProps {
         href: string;
         children: ReactNode;
     }[];
-    developerMenu?: {
-        href: string;
-        title?: string;
-        icon: react__default.FC<{
-            className?: string;
-        }>;
-        children: ReactNode;
-    }[];
-}
+    developerMenu: DeveloperMenuProps['developerMenu'];
+    searchProps?: ComponentProps<typeof Search>;
+};
 /**
  *
  * @example
@@ -37,23 +32,21 @@ interface HiveNavigationProps {
  * </HiveNavigation>
  * ```
  */
-declare function HiveNavigation({ companyMenuChildren, children, className, productName, logo, navLinks, developerMenu, }: HiveNavigationProps): react_jsx_runtime.JSX.Element;
+declare function HiveNavigation({ companyMenuChildren, children, className, productName, logo, navLinks, developerMenu, searchProps, }: HiveNavigationProps): react_jsx_runtime.JSX.Element;
 interface ProductsMenuProps extends MenuContentColumnsProps {
     productName: string;
 }
 /**
  * @internal
  */
-declare const ProductsMenu: react__default.ForwardRefExoticComponent<ProductsMenuProps & react__default.RefAttributes<HTMLDivElement>>;
-type MenuContentColumnsProps = react__default.HTMLAttributes<HTMLDivElement>;
+declare const ProductsMenu: react__default.ForwardRefExoticComponent<Omit<ProductsMenuProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
+type MenuContentColumnsProps = ComponentProps<'div'>;
 interface DeveloperMenuProps extends react__default.HTMLAttributes<HTMLDivElement> {
     isHive: boolean;
-    developerMenu: undefined | {
+    developerMenu?: {
         href: string;
         title?: string;
-        icon: react__default.FC<{
-            className?: string;
-        }>;
+        icon: ReactNode;
         children: ReactNode;
     }[];
 }

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

@@ -1,13 +1,19 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import React, { forwardRef, Fragment, useEffect, useRef } from "react";
+import React, {
+  forwardRef,
+  Fragment,
+  useEffect,
+  useRef
+} from "react";
 import { createPortal } from "react-dom";
 import { usePathname } from "next/navigation";
-import { setMenu, useMenu, useThemeConfig } from "nextra-theme-docs";
+import { setMenu, useMenu } from "nextra-theme-docs";
+import { Search } from "nextra/components";
 import { useMounted } from "nextra/hooks";
 import { MenuIcon } from "nextra/icons";
 import { cn } from "../../cn";
-import { renderSlot } from "../../helpers/render-slot";
+import { siteOrigin } from "../../constants";
 import { GraphQLFoundationLogo, GuildLogo, HiveCombinationMark, TheGuild } from "../../logos";
 import { PRODUCTS, SIX_HIGHLIGHTED_PRODUCTS } from "../../products";
 import { Anchor } from "../anchor";
@@ -17,15 +23,10 @@ import {
   AppsIcon,
   ArrowIcon,
   BardIcon,
-  GitHubIcon,
   GroupIcon,
   HiveIcon,
   HonourIcon,
-  PaperIcon,
-  PencilIcon,
-  RightCornerIcon,
-  ShieldFlashIcon,
-  TargetIcon
+  ShieldFlashIcon
 } from "../icons";
 import {
   NavigationMenu,
@@ -43,20 +44,17 @@ function HiveNavigation({
   children,
   className,
   productName,
-  logo,
-  navLinks,
-  developerMenu
-}) {
-  const Search = useThemeConfig().search;
-  const isHive = productName === "Hive";
-  const containerRef = useRef(null);
-  logo ||= /* @__PURE__ */ jsx(HiveLogoLink, { isHive });
-  navLinks ||= [
+  logo = /* @__PURE__ */ jsx(HiveLogoLink, { isHive: productName === "Hive" }),
+  navLinks = [
     {
-      href: isHive ? "/pricing" : "https://the-guild.dev/graphql/hive/pricing",
+      href: productName === "Hive" ? "/pricing" : "https://the-guild.dev/graphql/hive/pricing",
       children: "Pricing"
     }
-  ];
+  ],
+  developerMenu,
+  searchProps
+}) {
+  const containerRef = useRef(null);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -89,7 +87,7 @@ function HiveNavigation({
             ] }),
             /* @__PURE__ */ jsxs(NavigationMenuItem, { children: [
               /* @__PURE__ */ jsx(NavigationMenuTrigger, { children: "Developer" }),
-              /* @__PURE__ */ jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsx(DeveloperMenu, { isHive, developerMenu }) })
+              /* @__PURE__ */ jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsx(DeveloperMenu, { developerMenu, isHive: productName === "Hive" }) })
             ] }),
             !ENTERPRISE_MENU_HIDDEN && /* @__PURE__ */ jsxs(NavigationMenuItem, { children: [
               /* @__PURE__ */ jsx(NavigationMenuTrigger, { children: "Enterprise" }),
@@ -103,17 +101,19 @@ function HiveNavigation({
           ] }),
           /* @__PURE__ */ jsx("div", { className: "flex-1" }),
           children,
-          renderSlot(Search, {
-            className: cn(
-              "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"
-            )
-          }),
+          /* @__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]:-translate-y-1/2 [&_kbd]:border-none [&_kbd]:bg-green-200 dark:[&_kbd]:bg-neutral-700",
+              ...searchProps
+            }
+          ),
           /* @__PURE__ */ jsxs(
             CallToAction,
             {
               className: "ml-4 max-lg:hidden",
               variant: "tertiary",
-              href: "https://the-guild.dev/contact",
+              href: `${siteOrigin}/contact`,
               target: "_blank",
               rel: "noopener noreferrer",
               onClick: (event) => {
@@ -128,7 +128,7 @@ function HiveNavigation({
               ]
             }
           ),
-          isHive ? /* @__PURE__ */ jsx(CallToAction, { variant: "primary", href: "https://app.graphql-hive.com/", className: "ml-4", children: "Sign in" }) : /* @__PURE__ */ jsx(CallToAction, { variant: "primary", href: "/docs", className: "ml-4", children: "Docs" })
+          productName === "Hive" ? /* @__PURE__ */ jsx(CallToAction, { variant: "primary", href: "https://app.graphql-hive.com/", className: "ml-4", children: "Sign in" }) : /* @__PURE__ */ jsx(CallToAction, { variant: "primary", href: "/docs", className: "ml-4", children: "Docs" })
         ] })
       ]
     }
@@ -178,7 +178,7 @@ const ProductsMenu = React.forwardRef(
             {
               href: bidirectionalProductLink(product),
               title: product.title,
-              className: "flex flex-row items-center gap-4 p-4",
+              className: "flex items-center gap-4 p-4",
               children: [
                 /* @__PURE__ */ jsx("div", { className: "size-12 rounded-lg bg-blue-400 p-2.5", children: /* @__PURE__ */ jsx(Logo, { className: "size-7 text-green-1000" }) }),
                 /* @__PURE__ */ jsxs("div", { children: [
@@ -198,7 +198,7 @@ const ProductsMenu = React.forwardRef(
             NavigationMenuLink,
             {
               href: bidirectionalProductLink(product),
-              className: "flex flex-row items-center gap-3 px-4 py-2",
+              className: "flex items-center gap-3 px-4 py-2",
               arrow: true,
               children: [
                 /* @__PURE__ */ jsx("div", { className: "flex size-8 items-center justify-center rounded bg-beige-200 p-[5px] dark:bg-white/5", children: /* @__PURE__ */ jsx(Logo, { className: "size-8 text-green-1000 dark:text-neutral-300" }) }),
@@ -236,43 +236,11 @@ const MenuContentColumns = forwardRef(
 );
 MenuContentColumns.displayName = "MenuContentColumns";
 const DeveloperMenu = React.forwardRef(
-  ({ isHive, developerMenu, ...rest }, ref) => {
-    developerMenu ||= [
-      {
-        href: isHive ? "/docs" : "https://the-guild.dev/graphql/hive/docs",
-        icon: PaperIcon,
-        title: "Visit the documentation",
-        children: "Documentation"
-      },
-      {
-        href: "https://status.graphql-hive.com/",
-        title: "Check Hive status",
-        icon: TargetIcon,
-        children: "Status"
-      },
-      {
-        href: isHive ? "/product-updates" : "https://the-guild.dev/graphql/hive/product-updates",
-        title: "Read most recent developments from Hive",
-        icon: RightCornerIcon,
-        children: "Product Updates"
-      },
-      {
-        href: "https://the-guild.dev/blog",
-        title: "Read our blog post",
-        icon: PencilIcon,
-        children: "Blog"
-      },
-      {
-        href: isHive ? "https://github.com/graphql-hive/console" : "https://github.com/dotansimha/graphql-code-generator",
-        title: "Give us a star",
-        icon: GitHubIcon,
-        children: "GitHub"
-      }
-    ];
+  ({ developerMenu, ...rest }, ref) => {
     return /* @__PURE__ */ jsxs(MenuContentColumns, { ...rest, ref, children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx(ColumnLabel, { children: "Developer" }),
-        /* @__PURE__ */ jsx("ul", { children: developerMenu.map(({ href, title, icon, children }, i) => /* @__PURE__ */ jsx(MenuColumnListItem, { title, href, icon, children }, i)) })
+        /* @__PURE__ */ jsx("ul", { children: developerMenu?.map(({ href, title, icon, children }, i) => /* @__PURE__ */ jsx(MenuColumnListItem, { title, href, icon, children }, i)) })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx(ColumnLabel, { children: "Community" }),
@@ -285,7 +253,7 @@ const DeveloperMenu = React.forwardRef(
           ["X", TwitterIcon, "https://x.com/theguilddev"],
           ["LinkedIn", LinkedInIcon, "https://www.linkedin.com/company/the-guild-software/"],
           ["Discord", DiscordIcon, "https://discord.com/invite/xud7bH9"]
-        ].map(([text, Icon, href], i) => /* @__PURE__ */ jsx(MenuColumnListItem, { href, icon: Icon, children: text }, i)) })
+        ].map(([text, Icon, href], i) => /* @__PURE__ */ jsx(MenuColumnListItem, { href, icon: /* @__PURE__ */ jsx(Icon, {}), children: text }, i)) })
       ] })
     ] });
   }
@@ -295,17 +263,17 @@ function MenuColumnListItem({
   children,
   href,
   title,
-  icon: Icon
+  icon
 }) {
   return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
     NavigationMenuLink,
     {
       href,
       title,
-      className: "flex flex-row items-center gap-3 text-nowrap px-4 py-2",
+      className: "flex items-center gap-3 text-nowrap px-4 py-2",
       arrow: true,
       children: [
-        /* @__PURE__ */ jsx(Icon, { className: "size-6 shrink-0" }),
+        icon,
         /* @__PURE__ */ jsx("p", { className: "text-base font-medium leading-normal text-green-1000 dark:text-neutral-200", children })
       ]
     }
@@ -334,7 +302,7 @@ function EnterpriseMenu() {
     [HonourIcon, "Professional Services", ""],
     [ShieldFlashIcon, "Commitment to Security", ""]
   ].map(([Icon, text, href], i) => {
-    return /* @__PURE__ */ jsx(MenuColumnListItem, { href, icon: Icon, children: text }, i);
+    return /* @__PURE__ */ jsx(MenuColumnListItem, { href, icon: /* @__PURE__ */ jsx(Icon, {}), children: text }, i);
   }) });
 }
 function CompanyMenu({ children }) {
@@ -342,11 +310,11 @@ function CompanyMenu({ children }) {
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(ColumnLabel, { children: "Company" }),
       /* @__PURE__ */ jsxs("ul", { children: [
-        /* @__PURE__ */ jsx(MenuColumnListItem, { icon: GroupIcon, href: "https://the-guild.dev/about-us", children: "About Us" }),
-        /* @__PURE__ */ jsx(MenuColumnListItem, { icon: AppsIcon, href: "https://the-guild.dev/logos", children: "Brand Assets" })
+        /* @__PURE__ */ jsx(MenuColumnListItem, { icon: /* @__PURE__ */ jsx(GroupIcon, {}), href: `${siteOrigin}/about-us`, children: "About Us" }),
+        /* @__PURE__ */ jsx(MenuColumnListItem, { icon: /* @__PURE__ */ jsx(AppsIcon, {}), href: `${siteOrigin}/logos`, children: "Brand Assets" })
       ] }),
       /* @__PURE__ */ jsx(ColumnLabel, { children: "Proudly made by" }),
-      /* @__PURE__ */ jsxs(NavigationMenuLink, { href: "https://the-guild.dev", className: "px-4 py-2", arrow: true, children: [
+      /* @__PURE__ */ jsxs(NavigationMenuLink, { href: `${siteOrigin}/`, className: "px-4 py-2", arrow: true, children: [
         /* @__PURE__ */ jsx(GuildLogo, { className: "-my-2 size-10" }),
         /* @__PURE__ */ jsx(TheGuild, { className: "h-8" })
       ] }),

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 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 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';