@theguild/components 7.2.0-alpha-20241101220642-0b6682d9cf4196529799e8ad0e38b83426590e93 → 8.0.0-alpha-20241103181355-82c3ab0bf3c837c17af89f22915ef2beef8f305b

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

@@ -0,0 +1,122 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../cn";
+import { CallToAction } from "./call-to-action";
+import { DecorationIsolation } from "./decorations";
+import { Heading } from "./heading";
+function GetYourAPIGameRightSection({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: cn(className, "relative overflow-hidden rounded-3xl bg-primary md:h-[308px]"),
+      children: [
+        /* @__PURE__ */ jsxs(DecorationIsolation, { children: [
+          /* @__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__ */ jsx(
+            Heading,
+            {
+              as: "h2",
+              size: "md",
+              className: "text-[40px] leading-[1.2] tracking-[-0.2px] max-sm:text-balance max-sm:text-center md:text-[56px] md:leading-[1.142586] md:tracking-[-0.56px]",
+              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__ */ 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) => {
+                  window.$crisp?.push(["do", "chat:open"]);
+                  event.preventDefault();
+                },
+                children: "Talk to us"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function GreenArchDecoration(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: 538,
+      height: 309,
+      viewBox: "0 0 538 309",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M0 127.88c0 11.695 4.565 22.926 12.679 31.201l63.005 64.257 7.378 7.524 63.005 64.257c8.113 8.275 19.126 12.931 30.594 12.931H546.5v-84.712H147.971c-35.852 0-64.91-29.635-64.91-66.199V-97.857H0V127.88z",
+            fill: "url(#paint0_linear_711_2526)"
+          }
+        ),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+          "linearGradient",
+          {
+            id: "paint0_linear_711_2526",
+            x1: 273.25,
+            y1: -3.00975,
+            x2: 273.25,
+            y2: 308.05,
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsx("stop", { stopColor: "#55998D" }),
+              /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#245850" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function StrokeDecoration(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: 304,
+      height: 284,
+      viewBox: "0 0 304 284",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M293.962 111.972a32.561 32.561 0 019.538 23.014V303.55h-62.444V113.073c0-27.66-22.419-50.079-50.079-50.079H.5V.55h168.563a32.565 32.565 0 0123.015 9.538l48.124 48.124 5.636 5.636 48.124 48.124z",
+            stroke: "url(#paint0_linear_711_2520)"
+          }
+        ),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+          "linearGradient",
+          {
+            id: "paint0_linear_711_2520",
+            x1: 152,
+            y1: 159.05,
+            x2: 294.5,
+            y2: 5.04982,
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsx("stop", { stopColor: "#A2C1C4", stopOpacity: 0 }),
+              /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#A2C1C4", stopOpacity: 0.8 })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  GetYourAPIGameRightSection
+};

package/dist/components/giscus.d.mts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { GiscusProps } from '@giscus/react';
+
+declare const Giscus: FC<GiscusProps>;
+
+export { Giscus };

package/dist/components/giscus.js

@@ -0,0 +1,14 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useTheme } from "nextra-theme-docs";
+import { default as _Giscus } from "@giscus/react";
+const Giscus = (props) => {
+  const { resolvedTheme } = useTheme();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("br", {}),
+    /* @__PURE__ */ jsx(_Giscus, { theme: resolvedTheme, ...props })
+  ] });
+};
+export {
+  Giscus
+};

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FC, ReactNode } 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/heading.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithoutRef } from 'react';
+
+interface HeadingProps extends ComponentPropsWithoutRef<'h1'> {
+    as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'p' | 'span';
+    size: 'xl' | 'lg' | 'md' | 'sm';
+}
+declare function Heading({ as: _as, size, className, children, ...rest }: HeadingProps): react_jsx_runtime.JSX.Element;
+
+export { Heading, type HeadingProps };

package/dist/components/heading.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../cn";
+function Heading({ as: _as, size, className, children, ...rest }) {
+  const Level = _as || "h2";
+  let sizeStyle = "";
+  switch (size) {
+    // TODO: This should probably be a class, not a component, because the design expects
+    //       an equivalent of `heading-sm lg:heading-xl.`
+    case "xl":
+      sizeStyle = "text-4xl leading-[1.2] md:text-6xl md:leading-[1.1875] tracking-[-0.64px]";
+      break;
+    case "lg":
+      sizeStyle = "text-4xl leading-[1.2] md:text-[56px] md:leading-[1.14286] tracking-[-0.56px]";
+      break;
+    case "md":
+      sizeStyle = "text-4xl leading-[1.2] md:text-5xl md:leading-[1.16667] tracking-[-0.48px]";
+      break;
+    case "sm":
+      sizeStyle = "text-[40px] leading-[1.2] tracking-[-0.2px]";
+      break;
+  }
+  const id = typeof children === "string" ? children.replace(/[\s.,]+/g, "-").toLowerCase() : void 0;
+  return /* @__PURE__ */ jsx(Level, { className: cn(sizeStyle, className), id, ...rest, children: id ? /* @__PURE__ */ jsx("a", { href: `#${id}`, className: "cursor-text", tabIndex: -1, onClick: preventScroll, children }) : children });
+}
+function preventScroll(event) {
+  if (event.currentTarget.tagName !== "A") return;
+  const href = event.currentTarget.getAttribute("href");
+  if (href?.[0] !== "#") return;
+  event.preventDefault();
+  const url = new URL(window.location.href);
+  url.hash = href.slice(1);
+  window.history.replaceState({}, "", url.toString());
+}
+export {
+  Heading
+};

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

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { IHeroGradientProps } from '../types/components.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
+
+declare const HeroGradient: ({ title, description, link, version, colors, image, className, }: IHeroGradientProps) => ReactElement;
+
+export { HeroGradient };

package/dist/components/hero-gradient.js

@@ -0,0 +1,82 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isValidElement } from "react";
+import clsx from "clsx";
+import { Button } from "./button";
+import { Image } from "./image";
+const Shadow = ({ className }) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: clsx(
+        "absolute size-[500px] -translate-x-1/2 -translate-y-1/2 rounded-full blur-3xl",
+        className
+      )
+    }
+  );
+};
+const HeroGradient = ({
+  title,
+  description,
+  link,
+  version,
+  colors = [],
+  image,
+  className
+}) => {
+  return /* @__PURE__ */ jsx("section", { className: clsx("bg-white md:py-14 dark:bg-dark", className), children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx(
+        "container relative z-0 flex max-w-[90rem] items-center gap-6 px-6 md:px-14",
+        image ? "py-6" : "py-14"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "absolute inset-0 z-[-1] overflow-hidden bg-black md:mx-6 md:rounded-3xl dark:bg-dark",
+            style: { "--colorA": colors[0], "--colorB": colors[1] },
+            children: [
+              /* @__PURE__ */ jsx(Shadow, { className: "-left-10 -top-24 [background:var(--colorA)]" }),
+              /* @__PURE__ */ jsx(Shadow, { className: "-top-5 hidden [background:var(--colorA)] md:right-[-28rem] md:block" }),
+              /* @__PURE__ */ jsx(Shadow, { className: "bottom-[-31rem] right-[-22rem] [background:var(--colorB)]" }),
+              /* @__PURE__ */ jsx(Shadow, { className: "-left-12 bottom-[-37rem] hidden [background:var(--colorB)] md:block" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: clsx("grow md:pl-6"), children: [
+          /* @__PURE__ */ jsx("h1", { className: "max-w-lg text-2xl font-bold text-white md:text-3xl", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "mb-4 mt-2.5 max-w-md text-base text-white opacity-70 md:text-lg", children: description }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3 text-xs md:mt-9", children: [
+            link && toArray(link).map((link2, i) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                ...link2,
+                className: clsx("!px-8", link2.className)
+              },
+              i
+            )),
+            version && isValidElement(version) ? version : /* @__PURE__ */ jsx("span", { className: "text-gray-50 opacity-60", children: version })
+          ] })
+        ] }),
+        image && /* @__PURE__ */ jsx(
+          Image,
+          {
+            ...image,
+            className: clsx(
+              "hidden w-full max-w-sm select-none sm:max-w-md md:block",
+              image.className
+            )
+          }
+        )
+      ]
+    }
+  ) });
+};
+function toArray(input) {
+  return Array.isArray(input) ? input : [input];
+}
+export {
+  HeroGradient
+};

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

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { IHeroIllustrationProps } from '../types/components.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
+
+declare const HeroIllustration: ({ title, description, link, image, flipped, className, }: IHeroIllustrationProps) => ReactElement;
+
+export { HeroIllustration };

package/dist/components/hero-illustration.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Button } from "./button";
+import { Image } from "./image";
+const HeroIllustration = ({
+  title,
+  description,
+  link,
+  image,
+  flipped,
+  className
+}) => /* @__PURE__ */ jsx("section", { className: clsx("bg-white dark:bg-dark", className), children: /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: clsx(
+      "container flex flex-wrap items-center gap-8 py-8 md:flex-nowrap md:justify-around",
+      flipped && "md:flex-row-reverse"
+    ),
+    children: [
+      /* @__PURE__ */ jsx(Image, { ...image, className: clsx("w-full max-w-md md:w-2/5", image.className) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-3", children: [
+        /* @__PURE__ */ jsx("h2", { className: "max-w-sm text-2xl font-bold text-black md:text-3xl dark:text-gray-50", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "max-w-md text-base text-gray-500 dark:text-gray-400", children: description }),
+        link && /* @__PURE__ */ jsx(Button, { ...link })
+      ] })
+    ]
+  }
+) });
+export {
+  HeroIllustration
+};

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

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { IHeroMarketplaceProps } from '../types/components.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
+
+declare const HeroMarketplace: ({ title, description, link, className, image, }: IHeroMarketplaceProps) => ReactElement;
+
+export { HeroMarketplace };

package/dist/components/hero-marketplace.js

@@ -0,0 +1,78 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Button } from "./button";
+import { Image } from "./image";
+import CubeBL from "../static/illustrations/marketplace-cube-bl.png";
+import CubeBR from "../static/illustrations/marketplace-cube-br.png";
+import CubeTL from "../static/illustrations/marketplace-cube-tl.png";
+import CubeTR from "../static/illustrations/marketplace-cube-tr.png";
+import IllustrationDesktop from "../static/illustrations/marketplace-desktop.png";
+import IllustrationMobile from "../static/illustrations/marketplace-mobile.png";
+const Shadow = ({ className }) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: clsx(
+        "absolute size-[750px] -translate-x-1/2 -translate-y-1/2 rounded-full opacity-40 blur-3xl",
+        className
+      )
+    }
+  );
+};
+const Cube = ({ className, src }) => {
+  return /* @__PURE__ */ jsx(
+    Image,
+    {
+      className: clsx("absolute -translate-x-1/2 -translate-y-1/2", className),
+      src,
+      alt: "Cube"
+    }
+  );
+};
+const HeroMarketplace = ({
+  title,
+  description,
+  link,
+  className,
+  image
+}) => /* @__PURE__ */ jsx("section", { className: clsx("overflow-hidden bg-white dark:bg-dark", className), children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+  /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "absolute inset-0 overflow-hidden bg-black dark:bg-dark",
+      style: { "--colorA": "#ff34ae", "--colorB": "#1cc8ee" },
+      children: [
+        /* @__PURE__ */ jsx(Shadow, { className: "left-[-30px] top-[-175px] [background:var(--colorA)] md:left-[-60px] md:top-[-150px]" }),
+        /* @__PURE__ */ jsx(Shadow, { className: "bottom-[-800px] right-[-700px] hidden [background:var(--colorA)] md:block" }),
+        /* @__PURE__ */ jsx(Shadow, { className: "bottom-[-600px] left-[-30px] [background:var(--colorB)] md:bottom-[-700px] md:left-5" })
+      ]
+    }
+  ),
+  /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Cube, { src: CubeTL, className: "-top-2.5 left-6 md:left-10 md:top-6" }),
+    /* @__PURE__ */ jsx(Cube, { src: CubeTR, className: "-bottom-60 -right-52 top-auto md:bottom-auto md:top-20" }),
+    /* @__PURE__ */ jsx(Cube, { src: CubeBR, className: "-bottom-32 -right-20 hidden md:block" }),
+    /* @__PURE__ */ jsx(Cube, { src: CubeBL, className: "-bottom-40 left-10 hidden md:block" })
+  ] }),
+  /* @__PURE__ */ jsxs("div", { className: "container mb-28 mt-16 flex max-w-[90rem] flex-wrap items-center pb-1 pt-20 md:mb-20 md:mt-7 md:flex-nowrap md:pt-0", children: [
+    /* @__PURE__ */ jsxs(
+      "picture",
+      {
+        className: "z-[1] order-last -mb-20 -ml-8 mt-5 w-full max-w-md md:order-first md:-mb-24 md:-ml-12 md:mt-0 md:w-auto md:max-w-none lg:-ml-14 lg:w-2/3",
+        ...image,
+        children: [
+          /* @__PURE__ */ jsx("source", { media: "(min-width:768px)", srcSet: IllustrationDesktop }),
+          /* @__PURE__ */ jsx(Image, { className: "mx-auto w-auto", src: IllustrationMobile, alt: "Products List" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "relative z-[1]", children: [
+      /* @__PURE__ */ jsx("h2", { className: "mb-2.5 max-w-lg text-2xl font-bold text-white md:text-3xl dark:text-gray-50", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "max-w-lg text-base text-gray-300 opacity-70", children: description }),
+      link && /* @__PURE__ */ jsx("div", { className: "relative z-[1] mt-4 hidden items-center text-xs md:mt-9 md:flex", children: /* @__PURE__ */ jsx(Button, { ...link }) })
+    ] })
+  ] })
+] }) });
+export {
+  HeroMarketplace
+};

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IHeroVideoProps } from '../types/components.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
+
+declare const HeroVideo: FC<IHeroVideoProps>;
+
+export { HeroVideo };

package/dist/components/hero-video.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { addBasePath } from "next/dist/client/add-base-path";
+import clsx from "clsx";
+import { useMounted } from "nextra/hooks";
+import ReactPlayer from "react-player/lazy";
+import { Anchor } from "./anchor";
+const HeroVideo = ({
+  title,
+  description,
+  link,
+  video,
+  flipped,
+  className,
+  videoProps
+}) => {
+  const mounted = useMounted();
+  return /* @__PURE__ */ jsx("section", { className: clsx("bg-gray-100 dark:bg-neutral-800", className), children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx(
+        "container flex flex-wrap py-8 md:flex-nowrap md:items-center md:justify-center",
+        flipped && "md:flex-row-reverse"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-16 mt-8 md:my-0", children: [
+          /* @__PURE__ */ jsx("h2", { className: "m-0 max-w-sm text-2xl font-bold text-black md:text-3xl dark:text-gray-50", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "mb-3 mt-1 max-w-md text-base text-gray-500 dark:text-gray-400", children: description }),
+          link && /* @__PURE__ */ jsx(
+            Anchor,
+            {
+              ...link,
+              className: clsx(
+                "mt-auto w-max text-sm text-cyan-400 hover:text-cyan-300",
+                link.className
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(
+              "h-72 w-full overflow-hidden rounded-xl bg-white shadow-xl sm:h-96 md:h-72 md:w-3/5 lg:h-96",
+              flipped ? "md:mr-8" : "md:ml-8"
+            ),
+            children: mounted && /* @__PURE__ */ jsx(
+              ReactPlayer,
+              {
+                url: video.src,
+                light: video.placeholder.startsWith("/") ? addBasePath(video.placeholder) : video.placeholder,
+                controls: true,
+                height: "100%",
+                width: "100%",
+                config: {
+                  youtube: {
+                    playerVars: {
+                      autoplay: 1
+                    }
+                  }
+                },
+                ...videoProps
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  HeroVideo
+};

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

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