@theguild/components 9.3.0-alpha-20250123134229-7c0691e5cb3263e1fe83a9fc2991e8f04f38eea3 → 9.3.0-alpha-20250123141825-0d91f31e7c5498c5f48ce00872de97d3d09aa26b

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

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-export { ReactComponent as ArchDecoration, ReactComponent as ArchDecorationGradientDefs, ReactComponent as LargeHiveIconDecoration } from '../../logos/angular.mjs';
+export { ReactComponent as ArchDecoration, ReactComponent as ArchDecorationGradientDefs, ReactComponent as HighlightDecoration, ReactComponent as LargeHiveIconDecoration } from '../../logos/angular.mjs';
 import 'react';
 import 'nextra/icons';
 
+type DecorationIsolationProps = React.HTMLAttributes<HTMLDivElement>;
 /**
  * Decorations must be isolated, as clicking id links scrolls the container with overflow: hidden.
  */
-declare function DecorationIsolation(props: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare const HighlightDecoration: (props: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+declare function DecorationIsolation(props: DecorationIsolationProps): react_jsx_runtime.JSX.Element;
 
-export { DecorationIsolation, HighlightDecoration };
+export { DecorationIsolation, type DecorationIsolationProps };

package/dist/components/decorations/index.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../cn";
-import { ReactComponent as HighlightDecorationSvg } from "./highlight-decoration";
 import { ReactComponent } from "./arch-decoration";
 import { ReactComponent as ReactComponent2 } from "./arch-decoration-gradient-defs";
-import { ReactComponent as ReactComponent3 } from "./large-hive-icon-decoration";
+import { ReactComponent as ReactComponent3 } from "./highlight-decoration";
+import { ReactComponent as ReactComponent4 } from "./large-hive-icon-decoration";
 function DecorationIsolation(props) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -13,14 +13,10 @@ function DecorationIsolation(props) {
     }
   );
 }
-const HighlightDecoration = (props) => (
-  // eslint-disable-next-line tailwindcss/no-custom-classname
-  /* @__PURE__ */ jsx(HighlightDecorationSvg, { ...props, className: cn(props.className, "firefox-highlight-fix") })
-);
 export {
   ReactComponent as ArchDecoration,
   ReactComponent2 as ArchDecorationGradientDefs,
   DecorationIsolation,
-  HighlightDecoration,
-  ReactComponent3 as LargeHiveIconDecoration
+  ReactComponent3 as HighlightDecoration,
+  ReactComponent4 as LargeHiveIconDecoration
 };

package/dist/components/hero/hero-decoration-from-logo.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactElement } from 'react';
+import { DecorationIsolationProps } from '../decorations/index.mjs';
+import '../../logos/angular.mjs';
+import 'nextra/icons';
+
+interface HeroDecorationFromLogoProps extends DecorationIsolationProps {
+    logo: ReactElement;
+}
+declare function HeroDecorationFromLogo({ logo, ...rest }: HeroDecorationFromLogoProps): react_jsx_runtime.JSX.Element;
+
+export { HeroDecorationFromLogo, type HeroDecorationFromLogoProps };

package/dist/components/hero/hero-decoration-from-logo.js

@@ -0,0 +1,31 @@
+import { jsxs } from "react/jsx-runtime";
+import { cloneElement } from "react";
+import { cn } from "../../cn";
+import { DecorationIsolation } from "../decorations";
+import { GRADIENT_WHITE_2_ID } from "./hero-gradient-ids";
+function HeroDecorationFromLogo({ logo, ...rest }) {
+  return /* @__PURE__ */ jsxs(DecorationIsolation, { ...rest, className: cn("-z-10", rest.className), children: [
+    cloneElement(logo, {
+      className: cn("absolute -left-1/2 top-1/2 -translate-y-1/2 stroke-white/10 max-lg:hidden"),
+      fill: `url(#${GRADIENT_WHITE_2_ID})`,
+      strokeWidth: "0.1",
+      height: "50%",
+      width: "auto",
+      opacity: 0.8
+    }),
+    cloneElement(logo, {
+      className: cn(
+        "absolute top-1/2 -translate-y-1/2 stroke-white/10",
+        "-right-1/2 lg:-right-1/3",
+        "h-2/3 lg:h-[calc(100%-5%)]"
+      ),
+      fill: `url(#${GRADIENT_WHITE_2_ID})`,
+      strokeWidth: "0.1",
+      width: "auto",
+      opacity: 0.6
+    })
+  ] });
+}
+export {
+  HeroDecorationFromLogo
+};

package/dist/components/hero/hero-gradient-defs.d.mts

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

package/dist/components/hero/hero-gradient-defs.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { GRADIENT_GREEN_ID, GRADIENT_WHITE_2_ID, GRADIENT_WHITE_ID } from "./hero-gradient-ids";
+function HeroGradientDefs() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "96",
+      height: "96",
+      viewBox: "0 0 96 96",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "pointer-events-none absolute",
+      "aria-hidden": true,
+      children: /* @__PURE__ */ jsxs("defs", { children: [
+        /* @__PURE__ */ jsxs("linearGradient", { id: GRADIENT_GREEN_ID, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+          /* @__PURE__ */ jsx("stop", { stopColor: "#3B736A" }),
+          /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#15433C" })
+        ] }),
+        /* @__PURE__ */ jsxs("linearGradient", { id: GRADIENT_WHITE_ID, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+          /* @__PURE__ */ jsx("stop", { stopColor: "#fff", stopOpacity: "0.8" }),
+          /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0.4" })
+        ] }),
+        /* @__PURE__ */ jsxs("linearGradient", { id: GRADIENT_WHITE_2_ID, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+          /* @__PURE__ */ jsx("stop", { stopColor: "#fff", stopOpacity: "0.1" }),
+          /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#fff", stopOpacity: "0.5" })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  HeroGradientDefs
+};

package/dist/components/hero/hero-gradient-ids.d.mts

@@ -0,0 +1,5 @@
+declare const GRADIENT_WHITE_ID = "white-sgz9qg7vvt";
+declare const GRADIENT_WHITE_2_ID = "white-2-sgz9qg7vvt";
+declare const GRADIENT_GREEN_ID = "green-sgz9qg7vvt";
+
+export { GRADIENT_GREEN_ID, GRADIENT_WHITE_2_ID, GRADIENT_WHITE_ID };

package/dist/components/hero/hero-gradient-ids.js

@@ -0,0 +1,9 @@
+const nonce = "sgz9qg7vvt";
+const GRADIENT_WHITE_ID = `white-${nonce}`;
+const GRADIENT_WHITE_2_ID = `white-2-${nonce}`;
+const GRADIENT_GREEN_ID = `green-${nonce}`;
+export {
+  GRADIENT_GREEN_ID,
+  GRADIENT_WHITE_2_ID,
+  GRADIENT_WHITE_ID
+};

package/dist/components/hero/hero-logo.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactElement } from 'react';
+
+interface HeroLogoProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactElement<{
+        fill?: string;
+        className?: string;
+    }>;
+}
+declare function HeroLogo({ children, className, ...rest }: HeroLogoProps): react_jsx_runtime.JSX.Element;
+
+export { HeroLogo, type HeroLogoProps };

package/dist/components/hero/hero-logo.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cloneElement } from "react";
+import { cn } from "../../cn";
+import { GRADIENT_GREEN_ID, GRADIENT_WHITE_ID } from "./hero-gradient-ids";
+function HeroLogo({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), ...rest, children: [
+    cloneElement(children, {
+      fill: `url(#${GRADIENT_WHITE_ID})`,
+      className: cn(
+        "absolute inset-1/2 size-1/2 -translate-x-1/2 -translate-y-1/2",
+        children.props.className
+      )
+    }),
+    /* @__PURE__ */ jsx(LogoBadgeBackground, {})
+  ] });
+}
+function LogoBadgeBackground() {
+  return /* @__PURE__ */ jsxs("svg", { width: "96", height: "96", viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx("rect", { width: "96", height: "96", rx: "24", fill: `url(#${GRADIENT_GREEN_ID})` }),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "0.5",
+        y: "0.5",
+        width: "95",
+        height: "95",
+        rx: "23.5",
+        stroke: `url(#${GRADIENT_WHITE_ID})`
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M57.0264 32.1652H48.9577L53.8032 27.3197L48.4855 22L43.1658 27.3197L48.0114 32.1652H39.9427C38.9042 32.1652 37.9069 32.5786 37.1721 33.3134L23 47.4855L28.3197 52.8052L45.715 35.4099C47.2452 33.8797 49.7258 33.8797 51.2561 35.4099L68.6513 52.8052L73.971 47.4855L59.797 33.3114C59.0622 32.5767 58.0649 32.1632 57.0264 32.1632V32.1652ZM48.4854 63.3623L43.1665 68.6811L48.4854 74L53.8042 68.6811L48.4854 63.3623ZM39.9446 52.8054H48.4855H48.4894H57.0303C58.0688 52.8054 59.0661 53.2188 59.8008 53.9536L63.89 58.0428L58.5704 63.3625L51.258 56.0501C49.7277 54.5198 47.2472 54.5198 45.7169 56.0501L38.4045 63.3625L33.0848 58.0428L37.174 53.9536C37.9088 53.2188 38.9061 52.8054 39.9446 52.8054Z" })
+  ] });
+}
+export {
+  HeroLogo
+};

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

@@ -1,19 +1,18 @@
-import { ReactElement, ReactNode, FC } from 'react';
+import { ReactNode, FC } from 'react';
+export { HeroLogo } from './hero-logo.mjs';
+export { HeroDecorationFromLogo } from './hero-decoration-from-logo.mjs';
+import 'react/jsx-runtime';
+import '../decorations/index.mjs';
+import '../../logos/angular.mjs';
+import 'nextra/icons';
 
 interface HeroProps {
     className?: string;
     heading: string;
     text: string;
     checkmarks: string[];
-    top?: {
-        logo: ReactElement<{
-            className?: string;
-            fill?: string;
-        }>;
-    } | {
-        children: ReactNode;
-    };
     children?: ReactNode;
+    top?: ReactNode;
 }
 declare const Hero: FC<HeroProps>;
 

package/dist/components/hero/index.js

@@ -1,112 +1,34 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cloneElement, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../cn";
 import { Heading } from "../heading";
 import { CheckIcon } from "../icons";
+import { HeroGradientDefs } from "./hero-gradient-defs";
+import { HeroLogo } from "./hero-logo";
+import { HeroDecorationFromLogo } from "./hero-decoration-from-logo";
 const Hero = (props) => {
-  const gradientWhiteId = useId();
-  const gradientWhiteId2 = useId();
-  const greenBgId = useId();
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
-        "relative isolate mx-4 flex max-w-[90rem] flex-col items-center justify-center gap-6 overflow-hidden rounded-3xl bg-blue-400 px-4 py-6 max-sm:mt-2 sm:py-12 md:mx-6 md:gap-8 lg:py-24",
+        "relative isolate flex max-w-[90rem] flex-col items-center justify-center gap-6 overflow-hidden rounded-3xl bg-blue-400 px-4 py-6 max-sm:mt-2 sm:py-12 md:gap-8 lg:py-24",
         props.className
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "relative", children: props.top && ("logo" in props.top ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          cloneElement(props.top.logo, {
-            fill: `url(#${gradientWhiteId})`,
-            className: cn(
-              "absolute inset-1/2 size-1/2 -translate-x-1/2 -translate-y-1/2",
-              props.top.logo.props.className
-            )
-          }),
-          /* @__PURE__ */ jsxs(
-            "svg",
-            {
-              width: "96",
-              height: "96",
-              viewBox: "0 0 96 96",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: [
-                /* @__PURE__ */ jsx("rect", { width: "96", height: "96", rx: "24", fill: `url(#${greenBgId})` }),
-                /* @__PURE__ */ jsx(
-                  "rect",
-                  {
-                    x: "0.5",
-                    y: "0.5",
-                    width: "95",
-                    height: "95",
-                    rx: "23.5",
-                    stroke: `url(#${gradientWhiteId})`
-                  }
-                ),
-                /* @__PURE__ */ jsx("path", { d: "M57.0264 32.1652H48.9577L53.8032 27.3197L48.4855 22L43.1658 27.3197L48.0114 32.1652H39.9427C38.9042 32.1652 37.9069 32.5786 37.1721 33.3134L23 47.4855L28.3197 52.8052L45.715 35.4099C47.2452 33.8797 49.7258 33.8797 51.2561 35.4099L68.6513 52.8052L73.971 47.4855L59.797 33.3114C59.0622 32.5767 58.0649 32.1632 57.0264 32.1632V32.1652ZM48.4854 63.3623L43.1665 68.6811L48.4854 74L53.8042 68.6811L48.4854 63.3623ZM39.9446 52.8054H48.4855H48.4894H57.0303C58.0688 52.8054 59.0661 53.2188 59.8008 53.9536L63.89 58.0428L58.5704 63.3625L51.258 56.0501C49.7277 54.5198 47.2472 54.5198 45.7169 56.0501L38.4045 63.3625L33.0848 58.0428L37.174 53.9536C37.9088 53.2188 38.9061 52.8054 39.9446 52.8054Z" }),
-                /* @__PURE__ */ jsxs("defs", { children: [
-                  /* @__PURE__ */ jsxs(
-                    "linearGradient",
-                    {
-                      id: greenBgId,
-                      x1: "0",
-                      y1: "0",
-                      x2: "96",
-                      y2: "96",
-                      gradientUnits: "userSpaceOnUse",
-                      children: [
-                        /* @__PURE__ */ jsx("stop", { stopColor: "#3B736A" }),
-                        /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#15433C" })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    "linearGradient",
-                    {
-                      id: gradientWhiteId,
-                      x1: "0",
-                      y1: "0",
-                      x2: "96",
-                      y2: "96",
-                      gradientUnits: "userSpaceOnUse",
-                      children: [
-                        /* @__PURE__ */ jsx("stop", { stopColor: "white", stopOpacity: "0.8" }),
-                        /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0.4" })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    "linearGradient",
-                    {
-                      id: gradientWhiteId2,
-                      x1: "1",
-                      y1: "2",
-                      x2: "161",
-                      y2: "171",
-                      gradientUnits: "userSpaceOnUse",
-                      children: [
-                        /* @__PURE__ */ jsx("stop", { stopColor: "white", stopOpacity: "0.1" }),
-                        /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0.5" })
-                      ]
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        ] }) : props.top.children) }),
+        props.top,
         /* @__PURE__ */ jsx(Heading, { as: "h1", size: "xl", className: "mx-auto max-w-3xl text-balance text-center", children: props.heading }),
         /* @__PURE__ */ jsx("p", { className: "mx-auto w-[512px] max-w-[80%] text-center leading-6 text-green-800", children: props.text }),
         /* @__PURE__ */ jsx("ul", { className: "mx-auto flex list-none gap-x-6 gap-y-2 text-sm font-medium max-md:flex-col", children: props.checkmarks.map((text) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(CheckIcon, { className: "text-green-800" }),
           text
         ] }, text)) }),
-        /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center gap-2 px-0.5 max-sm:flex-col sm:gap-4", children: props.children })
+        /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center gap-2 px-0.5 max-sm:flex-col sm:gap-4", children: props.children }),
+        /* @__PURE__ */ jsx(HeroGradientDefs, {})
       ]
     }
   );
 };
 export {
-  Hero
+  Hero,
+  HeroDecorationFromLogo,
+  HeroLogo
 };

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 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 { 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';
@@ -20,7 +20,7 @@ export { HiveFooter } from './hive-footer/index.mjs';
 export { ToolsAndLibrariesCards } from './tools-and-libraries-cards/index.mjs';
 export { Hero } from './hero/index.mjs';
 export { AncillaryProductCard, MainProductCard, ProductCard, ProductCardProps } from './product-card/index.mjs';
-export { DecorationIsolation, HighlightDecoration } from './decorations/index.mjs';
+export { DecorationIsolation, DecorationIsolationProps } from './decorations/index.mjs';
 export { CallToAction, CallToActionProps } from './call-to-action.mjs';
 export { CookiesConsent, CookiesConsentProps } from './cookies-consent.mjs';
 export { Heading, HeadingProps } from './heading.mjs';
@@ -43,6 +43,8 @@ import 'next/image';
 import 'next/link';
 import 'react-player';
 import 'react/jsx-runtime';
+import './hero/hero-logo.mjs';
+import './hero/hero-decoration-from-logo.mjs';
 import '../products.mjs';
 import '@giscus/react';
 import './faq/attach-page-faq-schema.mjs';

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 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 { 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';
@@ -23,7 +23,7 @@ export { HiveFooter } from './components/hive-footer/index.mjs';
 export { ToolsAndLibrariesCards } from './components/tools-and-libraries-cards/index.mjs';
 export { Hero } from './components/hero/index.mjs';
 export { AncillaryProductCard, MainProductCard, ProductCard, ProductCardProps } from './components/product-card/index.mjs';
-export { DecorationIsolation, HighlightDecoration } from './components/decorations/index.mjs';
+export { DecorationIsolation, DecorationIsolationProps } from './components/decorations/index.mjs';
 export { CallToAction, CallToActionProps } from './components/call-to-action.mjs';
 export { CookiesConsent, CookiesConsentProps } from './components/cookies-consent.mjs';
 export { Heading, HeadingProps } from './components/heading.mjs';
@@ -49,6 +49,8 @@ import 'react';
 import 'url';
 import 'next/image';
 import 'react/jsx-runtime';
+import './components/hero/hero-logo.mjs';
+import './components/hero/hero-decoration-from-logo.mjs';
 import '@giscus/react';
 import './components/faq/attach-page-faq-schema.mjs';
 import 'next/link';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theguild/components",
-  "version": "9.3.0-alpha-20250123134229-7c0691e5cb3263e1fe83a9fc2991e8f04f38eea3",
+  "version": "9.3.0-alpha-20250123141825-0d91f31e7c5498c5f48ce00872de97d3d09aa26b",
   "repository": {
     "url": "https://github.com/the-guild-org/docs",
     "directory": "packages/components"