@theguild/components 8.0.0-alpha-20241120102532-796443cefde986fe82579346506d05e4f6320679 → 8.0.0-alpha-20241120105145-cd16661303b7d080c2fd1c50e3ed8d407c9106f7

package/dist/components/cookies-consent.d.mts

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

package/dist/components/footer.d.mts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { IFooterExtendedProps } from '../types/components.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
+
+declare function Footer({ className, resources, logo }: IFooterExtendedProps): ReactElement;
+
+export { Footer };

package/dist/components/footer.js

@@ -0,0 +1,116 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { siteOrigin } from "../constants";
+import { GuildLogo, TheGuild } from "../logos";
+import { PRODUCTS } from "../products";
+import { Anchor } from "./anchor";
+import {
+  CSAStarLevelOneIcon,
+  DiscordIcon,
+  GitHubIcon,
+  LinkedInIcon,
+  TwitterIcon,
+  YouTubeIcon
+} from "./icons";
+const COMPANY = [
+  {
+    children: "About",
+    title: "Learn more about us",
+    href: `${siteOrigin}/about-us`
+  },
+  {
+    children: "Blog",
+    title: "Read our blog",
+    href: `${siteOrigin}/blog`
+  },
+  {
+    children: "Newsletter",
+    title: "Newsletter",
+    href: `${siteOrigin}/newsletter`
+  }
+];
+const COMMUNITY = [
+  {
+    icon: TwitterIcon,
+    title: "Visit our Twitter",
+    href: "https://twitter.com/TheGuildDev"
+  },
+  {
+    icon: LinkedInIcon,
+    title: "Visit our LinkedIn",
+    href: "https://linkedin.com/company/the-guild-software"
+  },
+  {
+    icon: DiscordIcon,
+    title: "Reach us on Discord",
+    href: "https://discord.com/invite/xud7bH9"
+  },
+  {
+    icon: GitHubIcon,
+    title: "Check our GitHub account",
+    href: "https://github.com/the-guild-org"
+  },
+  {
+    icon: YouTubeIcon,
+    title: "Watch Our Videos",
+    href: "https://youtube.com/watch?v=d_GBgH-L5c4&list=PLhCf3AUOg4PgQoY_A6xWDQ70yaNtPYtZd"
+  }
+];
+const products = [
+  PRODUCTS.HIVE,
+  PRODUCTS.MESH,
+  PRODUCTS.YOGA,
+  PRODUCTS.CODEGEN,
+  PRODUCTS.NEXTRA,
+  { ...PRODUCTS.SOFA, name: "GraphQL to REST" }
+].map(({ name, href, title }) => ({
+  children: name,
+  href,
+  title
+}));
+const classes = {
+  title: clsx("mb-2.5 text-lg font-medium text-gray-900 dark:text-gray-100"),
+  anchor: clsx("text-gray-500 hover:text-black dark:text-[#b4b5be] hover:dark:text-gray-100")
+};
+const renderLinks = (list) => /* @__PURE__ */ jsx("ul", { className: "m-0 mb-8 list-none p-0 last:mb-0", children: list.map((link, i) => /* @__PURE__ */ jsx("li", { className: "mb-3 last:mb-0", children: /* @__PURE__ */ jsx(Anchor, { className: clsx(classes.anchor, "inline-block text-sm"), ...link }) }, i)) });
+function Footer({ className, resources = [], logo }) {
+  return /* @__PURE__ */ jsx(
+    "footer",
+    {
+      className: clsx(
+        "bg-[#fafafa] py-[60px] text-base md:py-[140px] dark:bg-[#0f1114]",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: "container max-w-[90rem]", children: /* @__PURE__ */ jsxs("div", { className: "relative flex justify-between gap-10 max-md:flex-col", children: [
+        /* @__PURE__ */ jsxs(Anchor, { className: "flex items-center gap-2 self-start", href: `${siteOrigin}/`, ...logo, children: [
+          /* @__PURE__ */ jsx(GuildLogo, { className: "h-9 w-auto" }),
+          /* @__PURE__ */ jsx(TheGuild, { className: "h-7 w-auto" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: classes.title, children: "Products" }),
+          /* @__PURE__ */ jsx("div", { className: "flex gap-6", children: renderLinks(products) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: classes.title, children: "Resources" }),
+          renderLinks([
+            {
+              children: "Press Kit",
+              title: "Press Kit",
+              href: `${siteOrigin}/logos`
+            },
+            ...resources
+          ])
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: classes.title, children: "Company" }),
+          renderLinks(COMPANY)
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-start gap-5 text-[#b4b5be]", children: COMMUNITY.map(({ icon: Icon, ...iconProps }) => /* @__PURE__ */ jsx(Anchor, { className: classes.anchor, ...iconProps, children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-auto" }) }, iconProps.title)) }),
+        /* @__PURE__ */ jsx(CSAStarLevelOneIcon, { className: "absolute right-0 ml-auto h-[4.5rem] w-auto md:bottom-0" })
+      ] }) })
+    }
+  );
+}
+export {
+  Footer
+};

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

@@ -13,7 +13,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 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__ */ 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__ */ jsx(
             Heading,
             {
@@ -23,7 +23,7 @@ function GetYourAPIGameRightSection({ className }) {
               children: "Get your API game right."
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-x-4 gap-y-2 whitespace-pre max-sm:flex-col", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-x-4 gap-y-2 whitespace-pre sm:flex-row", children: [
             /* @__PURE__ */ jsx(CallToAction, { variant: "secondary-inverted", href: "https://app.graphql-hive.com/", children: "Get started for free" }),
             /* @__PURE__ */ jsx(
               CallToAction,

package/dist/components/guild-navbar-logo.d.mts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, FC } from 'react';
+
+declare const GuildUnifiedLogo: FC<{
+    children: ReactNode;
+    title: string;
+    description: string;
+}>;
+/**
+ * GraphQL-related products live under the Hive platform brand, so we use a single logo for them.
+ * The rest gets The Guild / {Product} logo.
+ */
+declare function getNavbarLogo({ logo, websiteName, description, }: {
+    logo: ReactNode;
+    websiteName: string;
+    description: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { GuildUnifiedLogo, getNavbarLogo };

package/dist/components/guild-navbar-logo.js

@@ -0,0 +1,62 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { siteOrigin } from "../constants";
+import { GuildLogo, TheGuild } from "../logos";
+import { Anchor } from "./anchor";
+const GuildUnifiedLogo = ({ children, title, description }) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Anchor,
+      {
+        title: "View our website",
+        className: clsx(
+          "flex items-center gap-x-1.5 transition-opacity hover:opacity-75",
+          children && "max-md:hidden"
+        ),
+        href: `${siteOrigin}/`,
+        children: [
+          /* @__PURE__ */ jsx(GuildLogo, { className: "h-9 w-auto" }),
+          /* @__PURE__ */ jsx(TheGuild, { className: "w-11" })
+        ]
+      }
+    ),
+    children && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "svg",
+        {
+          height: "22",
+          viewBox: "0 0 10 22",
+          stroke: "currentColor",
+          className: "mx-6 shrink-0 max-md:hidden",
+          children: /* @__PURE__ */ jsx("path", { d: "M8.6001 0.833313L0.600097 20.8333" })
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Anchor,
+        {
+          title,
+          className: "flex shrink-0 items-center gap-x-1.5 hover:opacity-75",
+          href: "/",
+          children: [
+            children,
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h1", { className: "text-sm font-bold leading-tight", children: title }),
+              /* @__PURE__ */ jsx("h2", { className: "text-xs max-lg:hidden", children: description })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+function getNavbarLogo({
+  logo,
+  websiteName,
+  description
+}) {
+  return websiteName === "Hive" ? /* @__PURE__ */ jsx(Anchor, { title: websiteName, href: "/", children: logo }) : /* @__PURE__ */ jsx(GuildUnifiedLogo, { description, title: websiteName, children: logo });
+}
+export {
+  GuildUnifiedLogo,
+  getNavbarLogo
+};

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { IFooterExtendedProps } from '../types/components.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
+
+interface HiveFooterProps extends IFooterExtendedProps {
+    description?: string;
+}
+declare const HiveFooter: FC<HiveFooterProps>;
+
+export { HiveFooter, type HiveFooterProps };

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../cn";
-import { siteOrigin } from "../../constants";
-import { HiveCombinationMark } from "../../logos/index";
-import { PRODUCTS } from "../../products";
-import { Anchor } from "../anchor";
+import { cn } from "../cn";
+import { siteOrigin } from "../constants";
+import { HiveCombinationMark } from "../logos";
+import { PRODUCTS } from "../products";
+import { Anchor } from "./anchor";
 import {
   CSAStarLevelOneIcon,
   DiscordIcon,
@@ -11,24 +11,24 @@ import {
   LinkedInIcon,
   TwitterIcon,
   YouTubeIcon
-} from "../icons/index";
-import { ContactUs } from "./contact-us";
+} from "./icons";
 const HiveFooter = ({
   className,
-  logo = /* @__PURE__ */ jsx(HiveCombinationMark, { className: "h-8 w-auto" }),
-  href = `${siteOrigin}/`,
+  logo,
   resources = [],
-  description = "Open-source GraphQL management platform"
+  description
 }) => {
+  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,
+            href: `${siteOrigin}/`,
+            ...logo,
             className: "hive-focus -m-1.5 flex rounded p-1.5 text-green-1000 dark:text-white",
-            children: logo
+            children: logo?.children || /* @__PURE__ */ jsx(HiveCombinationMark, { className: "h-8 w-auto" })
           }
         ),
         /* @__PURE__ */ jsx("p", { className: "mt-6 lg:mt-8", children: description })
@@ -50,11 +50,24 @@ const HiveFooter = ({
               children: "Pricing"
             }
           ),
-          /* @__PURE__ */ jsx(ContactUs, {})
+          /* @__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(CSAStarLink, { className: "sm:col-start-[-1] lg:col-start-[-2]" })
       ] }),
-      /* @__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__ */ 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__ */ jsx("div", { className: "flex gap-6 lg:order-1", children: COMMUNITY.map(({ icon: Icon, ...iconProps }) => /* @__PURE__ */ jsx(
           Anchor,
           {

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

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

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

@@ -1,19 +1,13 @@
 "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 } from "nextra-theme-docs";
-import { Search } from "nextra/components";
+import { setMenu, useMenu, useThemeConfig } from "nextra-theme-docs";
 import { useMounted } from "nextra/hooks";
 import { MenuIcon } from "nextra/icons";
 import { cn } from "../../cn";
-import { siteOrigin } from "../../constants";
+import { renderSlot } from "../../helpers/render-slot";
 import { GraphQLFoundationLogo, GuildLogo, HiveCombinationMark, TheGuild } from "../../logos";
 import { PRODUCTS, SIX_HIGHLIGHTED_PRODUCTS } from "../../products";
 import { Anchor } from "../anchor";
@@ -49,18 +43,20 @@ function HiveNavigation({
   children,
   className,
   productName,
-  logo = /* @__PURE__ */ jsx(HiveLogoLink, { isHive: productName === "Hive" }),
-  navLinks = [
-    {
-      href: productName === "Hive" ? "/pricing" : "https://the-guild.dev/graphql/hive/pricing",
-      children: "Pricing"
-    }
-  ],
-  developerMenu,
-  searchProps
+  logo,
+  navLinks,
+  developerMenu
 }) {
+  const Search = useThemeConfig().search;
   const isHive = productName === "Hive";
   const containerRef = useRef(null);
+  logo ||= /* @__PURE__ */ jsx(HiveLogoLink, { isHive });
+  navLinks ||= [
+    {
+      href: isHive ? "/pricing" : "https://the-guild.dev/graphql/hive/pricing",
+      children: "Pricing"
+    }
+  ];
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -107,19 +103,17 @@ function HiveNavigation({
           ] }),
           /* @__PURE__ */ jsx("div", { className: "flex-1" }),
           children,
-          /* @__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",
-              ...searchProps
-            }
-          ),
+          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__ */ jsxs(
             CallToAction,
             {
               className: "ml-4 max-lg:hidden",
               variant: "tertiary",
-              href: `${siteOrigin}/contact`,
+              href: "https://the-guild.dev/contact",
               target: "_blank",
               rel: "noopener noreferrer",
               onClick: (event) => {
@@ -182,7 +176,7 @@ const ProductsMenu = React.forwardRef(
             NavigationMenuLink,
             {
               href: bidirectionalProductLink(product),
-              className: "flex items-center gap-4 p-4",
+              className: "flex flex-row 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: [
@@ -202,7 +196,7 @@ const ProductsMenu = React.forwardRef(
             NavigationMenuLink,
             {
               href: bidirectionalProductLink(product),
-              className: "flex items-center gap-3 px-4 py-2",
+              className: "flex flex-row 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" }) }),
@@ -253,7 +247,7 @@ const DeveloperMenu = React.forwardRef(
         icon: RightCornerIcon,
         children: "Product Updates"
       },
-      { href: `${siteOrigin}/blog`, icon: PencilIcon, children: "Blog" },
+      { href: "https://the-guild.dev/blog", icon: PencilIcon, children: "Blog" },
       {
         href: "https://github.com/dotansimha/graphql-code-generator",
         icon: GitHubIcon,
@@ -291,7 +285,7 @@ function MenuColumnListItem({
     NavigationMenuLink,
     {
       href,
-      className: "flex items-center gap-3 text-nowrap px-4 py-2",
+      className: "flex flex-row items-center gap-3 text-nowrap px-4 py-2",
       arrow: true,
       children: [
         /* @__PURE__ */ jsx(Icon, { className: "size-6 shrink-0" }),
@@ -331,11 +325,11 @@ function CompanyMenu({ children }) {
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(ColumnLabel, { children: "Company" }),
       /* @__PURE__ */ jsxs("ul", { children: [
-        /* @__PURE__ */ jsx(MenuColumnListItem, { icon: GroupIcon, href: `${siteOrigin}/about-us`, children: "About Us" }),
-        /* @__PURE__ */ jsx(MenuColumnListItem, { icon: AppsIcon, href: `${siteOrigin}/logos`, children: "Brand Assets" })
+        /* @__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(ColumnLabel, { children: "Proudly made by" }),
-      /* @__PURE__ */ jsxs(NavigationMenuLink, { href: `${siteOrigin}/`, className: "px-4 py-2", arrow: true, children: [
+      /* @__PURE__ */ jsxs(NavigationMenuLink, { href: "https://the-guild.dev", 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 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 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 { DiscordIcon, GitHubIcon, InformationCircleIcon } from 'nextra/icons';
 import 'react';

package/dist/components/icons/index.js

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