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

package/dist/logos/index.d.mts

@@ -1,25 +1,24 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes } from 'react';
+import * as react from 'react';
+import { FC } from 'react';
 export { ReactComponent as AngularLogo, ReactComponent as CodeGeneratorLogo, ReactComponent as ConductorLogo, ReactComponent as ConfigLogo, ReactComponent as FetsLogo, ReactComponent as GraphQLFoundationLogo, ReactComponent as GuildLogo, ReactComponent as HeltinLogo, ReactComponent as HiveCombinationMark, ReactComponent as KitQLLogo, ReactComponent as MeshLogo, ReactComponent as ModulesLogo, ReactComponent as NextraLogo, ReactComponent as SSELogo, ReactComponent as StitchingLogo, ReactComponent as TheGuild, ReactComponent as ToolsLogo, ReactComponent as WSLogo, ReactComponent as WhatsAppLogo, ReactComponent as YogaLogo } from './angular.mjs';
 import 'nextra/icons';
 
-type LettermarkLogoProps = HTMLAttributes<HTMLElement>;
-declare const InspectorLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const SofaLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const GraphQLESlintLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const EnvelopLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const ScalarsLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const ConductorLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const StitchingLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const ToolsLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const ModulesLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const ConfigLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const FetsLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const AngularLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const KitQLLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const WSLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const SSELettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const HeltinLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
-declare const WhatsAppLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const InspectorLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const SofaLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const GraphQLESlintLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const EnvelopLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const ScalarsLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const ConductorLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const StitchingLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const ToolsLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const ModulesLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const ConfigLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const FetsLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const AngularLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const KitQLLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const WSLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const SSELettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const HeltinLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare const WhatsAppLettermark: FC<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
 
-export { AngularLettermark, ConductorLettermark, ConfigLettermark, EnvelopLettermark, FetsLettermark, GraphQLESlintLettermark, HeltinLettermark, InspectorLettermark, KitQLLettermark, type LettermarkLogoProps, ModulesLettermark, SSELettermark, ScalarsLettermark, SofaLettermark, StitchingLettermark, ToolsLettermark, WSLettermark, WhatsAppLettermark };
+export { AngularLettermark, ConductorLettermark, ConfigLettermark, EnvelopLettermark, FetsLettermark, GraphQLESlintLettermark, HeltinLettermark, InspectorLettermark, KitQLLettermark, ModulesLettermark, SSELettermark, ScalarsLettermark, SofaLettermark, StitchingLettermark, ToolsLettermark, WSLettermark, WhatsAppLettermark };

package/dist/logos/index.js

@@ -20,19 +20,22 @@ import { ReactComponent as ReactComponent17 } from "./ws";
 import { ReactComponent as ReactComponent18 } from "./yoga";
 import { ReactComponent as ReactComponent19 } from "./hive-combination-mark";
 import { ReactComponent as ReactComponent20 } from "./graphql-foundation";
-const createLettermarkLogo = (text) => function LettermarkLogo(props) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      role: "img",
-      ...props,
-      className: cn(
-        "inline-flex items-center justify-center text-xs font-medium",
-        props.className
-      ),
-      children: text
-    }
-  );
+const createLettermarkLogo = (text) => {
+  const LettermarkLogo = (props) => {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        role: "img",
+        ...props,
+        className: cn(
+          "inline-flex items-center justify-center text-xs font-medium",
+          props.className
+        ),
+        children: text
+      }
+    );
+  };
+  return LettermarkLogo;
 };
 const InspectorLettermark = createLettermarkLogo("INS");
 const SofaLettermark = createLettermarkLogo("SOF");

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,31 +213,24 @@ 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 })
           ] })
         }
       ];
     }
-    const Logo = item.logo;
     return [
       i,
       {
-        type: "page",
         href: item.href,
-        newWindow: true,
         title: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(
             "div",
@@ -232,7 +239,7 @@ const PRODUCTS_MENU_LIST = Object.fromEntries(
                 "flex translate-y-[0.25px]",
                 i > 6 && "rounded-sm bg-gray-500 text-white dark:bg-white/10"
               ),
-              children: /* @__PURE__ */ jsx(Logo, { className: "size-4 text-[8px]" })
+              children: /* @__PURE__ */ jsx(item.logo, { className: "size-4 text-[8px]" })
             }
           ),
           item.name

package/dist/server/index.d.mts

@@ -2,15 +2,16 @@ export { useMDXComponents } from './mdx-components.mjs';
 export { MDXRemote } from 'nextra/mdx-remote';
 export { fetchFilePathsFromGitHub } from 'nextra/fetch-filepaths-from-github';
 export { compileMdx } from 'nextra/compile';
-export { getPageMap } from 'nextra/page-map';
+export { createIndexPage, getPageMap } from 'nextra/page-map';
 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 'next/image';
-import 'next/dist/shared/lib/get-img-props';
 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/index.js

@@ -2,13 +2,14 @@ import { useMDXComponents } from "./mdx-components.js";
 import { MDXRemote } from "nextra/mdx-remote";
 import { fetchFilePathsFromGitHub } from "nextra/fetch-filepaths-from-github";
 import { compileMdx } from "nextra/compile";
-import { getPageMap } from "nextra/page-map";
+import { getPageMap, createIndexPage } from "nextra/page-map";
 import { fetchPackageInfo } from "./npm.js";
 import { GuildLayout, getDefaultMetadata } from "./theme-layout.js";
 export {
   GuildLayout,
   MDXRemote,
   compileMdx,
+  createIndexPage,
   fetchFilePathsFromGitHub,
   fetchPackageInfo,
   getDefaultMetadata,