@theguild/components 7.2.0-alpha-20241101220642-0b6682d9cf4196529799e8ad0e38b83426590e93 → 8.0.0-alpha-20241103132221-f9d255adde945cffb98f9f7c914ac29896a15819

package/dist/chunk-ME7V4BHY.js

@@ -0,0 +1,10 @@
+// src/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+var cn = (...args) => {
+  return twMerge(clsx(args));
+};
+
+export {
+  cn
+};

package/dist/cn.d.mts

@@ -0,0 +1,5 @@
+import { clsx } from 'clsx';
+
+declare const cn: typeof clsx;
+
+export { cn };

package/dist/cn.js

@@ -0,0 +1,8 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+const cn = (...args) => {
+  return twMerge(clsx(args));
+};
+export {
+  cn
+};

package/dist/components/anchor.d.mts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { ILink } from '../types/components.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
+
+interface AnchorProps extends ILink {
+}
+declare const Anchor: react.ForwardRefExoticComponent<AnchorProps & react.RefAttributes<HTMLAnchorElement>>;
+
+export { Anchor, type AnchorProps };

package/dist/components/anchor.js

@@ -0,0 +1,30 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import NextLink from "next/link";
+import clsx from "clsx";
+const Anchor = forwardRef(function Anchor2({ href = "", children, newWindow, className, ...props }, forwardedRef) {
+  const classes = clsx(className, "outline-none transition focus-visible:ring");
+  if (typeof href === "string") {
+    if (href.startsWith("#")) {
+      return /* @__PURE__ */ jsx("a", { ref: forwardedRef, href, className: classes, ...props, children });
+    }
+    if (newWindow && /^https?:\/\//.test(href)) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          ref: forwardedRef,
+          href,
+          target: "_blank",
+          rel: "noreferrer",
+          className: classes,
+          ...props,
+          children
+        }
+      );
+    }
+  }
+  return /* @__PURE__ */ jsx(NextLink, { ref: forwardedRef, href, ...props, className: classes, legacyBehavior: false, children: /* @__PURE__ */ jsx(Fragment, { children }) });
+});
+export {
+  Anchor
+};

package/dist/components/button.d.mts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { AnchorProps } from './anchor.mjs';
+import '../types/components.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
+
+interface ButtonProps extends AnchorProps {
+    variant?: 'primary' | 'secondary';
+}
+declare const Button: ({ children, className, variant, ...props }: ButtonProps) => ReactElement;
+
+export { Button, type ButtonProps };

package/dist/components/button.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Anchor } from "./anchor";
+const Button = ({
+  children,
+  className,
+  variant = "primary",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Anchor,
+    {
+      className: clsx(
+        "flex-none rounded-md p-3 text-center text-xs font-medium hover:shadow-lg md:px-5",
+        variant === "primary" ? "bg-cyan-400 text-white hover:shadow-cyan-400/40" : "bg-white text-black hover:shadow-white/40",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+export {
+  Button
+};

package/dist/components/call-to-action.d.mts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Anchor } from './anchor.mjs';
+import 'react';
+import '../types/components.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
+
+declare const variantStyles: {
+    primary: string;
+    'primary-inverted': string;
+    secondary: string;
+    'secondary-inverted': string;
+    tertiary: string;
+};
+declare namespace CallToActionProps {
+    type Variant = keyof typeof variantStyles;
+    interface BaseProps {
+        variant: Variant;
+    }
+    interface AnchorProps extends BaseProps, React.ComponentPropsWithoutRef<typeof Anchor> {
+        href: string;
+    }
+    interface ButtonProps extends BaseProps, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+        href?: never;
+        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    }
+}
+type CallToActionProps = CallToActionProps.AnchorProps | CallToActionProps.ButtonProps;
+/**
+ * This is called `Button` in Figma in the new Hive brand design system.
+ * It's a styled variant of {@link Anchor}.
+ *
+ * // TODO: Consider renaming it to `Button`.
+ */
+declare function CallToAction(props: CallToActionProps): react_jsx_runtime.JSX.Element;
+
+export { CallToAction, CallToActionProps };

package/dist/components/call-to-action.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../cn";
+import { Anchor } from "./anchor";
+const variantStyles = {
+  primary: cn(
+    "bg-primary hover:bg-green-800 hover:text-white focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-green-800 dark:bg-neutral-100 dark:text-neutral-800 dark:hover:bg-white dark:hover:text-neutral-900"
+  ),
+  "primary-inverted": cn(
+    "bg-primary hover:bg-white focus-visible:outline-4 focus-visible:outline-offset-0 focus-visible:outline-white/40"
+  ),
+  secondary: cn(
+    "bg-green-300 hover:bg-green-200 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-green-300/40"
+  ),
+  "secondary-inverted": cn(
+    "bg-green-800 text-white hover:bg-green-700 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-green-800/40"
+  ),
+  tertiary: cn(
+    "bg-transparent text-green-1000 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-green-800"
+  )
+};
+function CallToAction(props) {
+  const className = cn(
+    "relative flex items-center justify-center gap-2 text-nowrap rounded-lg px-6 py-3 font-medium leading-6 text-green-1000 focus-visible:outline focus-visible:ring-0 focus-visible:ring-offset-0 sm:w-fit dark:text-neutral-200 [&:hover>:first-child]:-inset-px [&:hover>:first-child]:rounded-[9px]",
+    variantStyles[props.variant],
+    props.className
+  );
+  if ("href" in props && typeof props.href === "string") {
+    const { className: _12, variant: _22, children: children2, ...rest2 } = props;
+    return /* @__PURE__ */ jsxs(Anchor, { className, ...rest2, children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rounded-lg border border-green-800 dark:border-neutral-200" }),
+      children2
+    ] });
+  }
+  const { className: _1, variant: _2, children, ...rest } = props;
+  return /* @__PURE__ */ jsxs("button", { className, ...rest, children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rounded-lg border border-green-800 dark:border-neutral-200" }),
+    children
+  ] });
+}
+export {
+  CallToAction
+};

package/dist/components/cards-colorful.d.mts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import { ILink } from '../types/components.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
+
+type CardsColorfulProps = {
+    className?: string;
+    cards: {
+        title: string;
+        description: string;
+        category: string;
+        color: string;
+        link: Omit<ILink, 'children'>;
+    }[];
+};
+declare const CardsColorful: ({ cards, className }: CardsColorfulProps) => ReactElement;
+
+export { CardsColorful, type CardsColorfulProps };

package/dist/components/cards-colorful.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Anchor } from "./anchor";
+const CardsColorful = ({ cards, className }) => /* @__PURE__ */ jsx("section", { className: clsx("bg-white py-8 dark:bg-dark", className), children: /* @__PURE__ */ jsx("div", { className: "container flex flex-wrap space-y-6 md:flex-nowrap md:space-x-8 md:space-y-0", children: cards.map((card) => /* @__PURE__ */ jsx(
+  Anchor,
+  {
+    className: "relative min-h-[200px] w-full rounded-3xl p-8 text-white [background:var(--color)] after:absolute after:right-0 after:top-0 after:h-full after:w-[calc(30%-1rem)] after:rounded-3xl after:bg-white/10 after:content-[''] md:h-72 md:w-1/2 md:hover:scale-105 md:hover:shadow-xl lg:after:w-[calc(50%-1rem)]",
+    style: { "--color": card.color },
+    ...card.link,
+    children: /* @__PURE__ */ jsxs("div", { className: "w-3/4 lg:w-1/2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "pb-1.5 text-xs font-semibold uppercase opacity-60", children: card.category }),
+      /* @__PURE__ */ jsx("h3", { className: "pb-2.5 text-2xl font-bold md:text-3xl", children: card.title }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium opacity-60", children: card.description })
+    ] })
+  },
+  card.title
+)) }) });
+export {
+  CardsColorful
+};

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

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

package/dist/components/cookies-consent.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { 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) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...props,
+      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",
+        props.className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "max-sm:inline", children: "This site uses cookies for analytics and improving your experience." }),
+          " ",
+          /* @__PURE__ */ jsx("p", { className: "max-sm:inline", children: "By using our services, you consent to cookies." })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex w-auto items-center justify-end gap-4", children: [
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "https://the-guild.dev/graphql/hive/privacy-policy.pdf",
+              className: "hive-focus whitespace-nowrap rounded p-1 hover:text-blue-700 hover:underline dark:hover:text-blue-100",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Privacy Policy"
+            }
+          ),
+          /* @__PURE__ */ jsx(CallToAction, { variant: "tertiary", onClick: onAccept, className: "px-4 py-2", children: "Allow" })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  CookiesConsent
+};

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+export { CaretSlimIcon as ArchDecoration, CaretSlimIcon as ArchDecorationGradientDefs, CaretSlimIcon as HighlightDecoration, CaretSlimIcon as LargeHiveIconDecoration } from '../icons/index.mjs';
+import 'react';
+import 'nextra/icons';
+
+/**
+ * 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;
+
+export { DecorationIsolation };

package/dist/components/decorations/index.js

@@ -0,0 +1,72 @@
+import {
+  cn
+} from "../../chunk-ME7V4BHY.js";
+
+// src/components/decorations/arch-decoration.svg
+import { jsx } from "react/jsx-runtime";
+var SvgArchDecoration = (props) => /* @__PURE__ */ jsx("svg", { width: 432, height: 432, viewBox: "0 0 432 432", preserveAspectRatio: "xMidYMid meet", ...props, children: /* @__PURE__ */ jsx("path", { d: "M.75 431v.25h90.24V160.868c0-38.596 31.282-69.878 69.878-69.878H431.25V.75H191.864a47.017 47.017 0 0 0-33.23 13.771l-68.07 68.071-7.972 7.971-68.07 68.071A47.018 47.018 0 0 0 .75 191.864V431Z", fill: "url(#arch-decoration-a)", stroke: "url(#arch-decoration-b)", strokeWidth: 0.5 }) });
+
+// src/components/decorations/arch-decoration-gradient-defs.svg
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SvgArchDecorationGradientDefs = (props) => /* @__PURE__ */ jsx2("svg", { width: 432, height: 432, viewBox: "0 0 432 432", className: "absolute -z-10", ...props, children: /* @__PURE__ */ jsxs("defs", { children: [
+  /* @__PURE__ */ jsxs("linearGradient", { id: "arch-decoration-a", x1: 48.5, y1: 53.5, x2: 302.5, y2: 341, gradientUnits: "userSpaceOnUse", children: [
+    /* @__PURE__ */ jsx2("stop", { stopColor: "#fff", stopOpacity: 0.1 }),
+    /* @__PURE__ */ jsx2("stop", { offset: 1, stopColor: "#fff", stopOpacity: 0.3 })
+  ] }),
+  /* @__PURE__ */ jsxs("linearGradient", { id: "arch-decoration-b", x1: 1, y1: 1, x2: 431, y2: 431, gradientUnits: "userSpaceOnUse", children: [
+    /* @__PURE__ */ jsx2("stop", { stopColor: "#fff", stopOpacity: 0.1 }),
+    /* @__PURE__ */ jsx2("stop", { offset: 1, stopColor: "#fff", stopOpacity: 0.4 })
+  ] })
+] }) });
+
+// src/components/decorations/highlight-decoration.svg
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var SvgHighlightDecoration = (props) => /* @__PURE__ */ jsxs2("svg", { width: 895, height: 674, viewBox: "0 0 895 674", fill: "#86B6C1", className: "firefox-highlight-fix", ...props, children: [
+  /* @__PURE__ */ jsx3("g", { filter: "url(#filter0_f_711_1774)", children: /* @__PURE__ */ jsx3("path", { d: "M350 280.534C350 296.208 356.24 311.261 367.33 322.351L453.447 408.468L463.532 418.553L549.649 504.67C560.739 515.76 575.792 522 591.466 522L894 522L894 408.468L552.251 408.468C503.249 408.468 463.532 368.751 463.532 319.749L463.532 -22L350 -22L350 280.534Z" }) }),
+  /* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsxs2("filter", { id: "filter0_f_711_1774", x: -305176e-10, y: -372, width: 1244, height: 1244, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
+    /* @__PURE__ */ jsx3("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+    /* @__PURE__ */ jsx3("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+    /* @__PURE__ */ jsx3("feGaussianBlur", { stdDeviation: 175, result: "effect1_foregroundBlur_711_1774" })
+  ] }) }),
+  /* @__PURE__ */ jsx3("style", { children: "\n    @supports (-moz-appearance: none) {\n      .firefox-highlight-fix {\n        opacity: 0.3;\n        filter: blur(175px);\n      }\n    }\n  " })
+] });
+
+// src/components/decorations/large-hive-icon-decoration.svg
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var SvgLargeHiveIconDecoration = (props) => /* @__PURE__ */ jsxs3("svg", { width: 305, height: 217, viewBox: "0 0 305 217", fill: "none", ...props, children: [
+  /* @__PURE__ */ jsxs3("g", { clipPath: "url(#clip0_711_1997)", children: [
+    /* @__PURE__ */ jsx4("mask", { id: "a", fill: "#fff", children: /* @__PURE__ */ jsx4("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.485 0h122.03L305 91.485v122.03L213.515 305H91.485L0 213.515V91.485L91.485 0zm77.641 285.534l116.396-116.397c9.186-9.186 9.186-24.076 0-33.263L169.126 19.478c-9.187-9.186-24.077-9.186-33.263 0L19.478 135.874c-9.186 9.187-9.186 24.077 0 33.263l116.385 116.397c9.186 9.186 24.076 9.186 33.263 0zm-48.561-133.04l31.928-31.929 31.929 31.929-31.929 31.929-31.928-31.929z" }) }),
+    /* @__PURE__ */ jsx4("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.485 0h122.03L305 91.485v122.03L213.515 305H91.485L0 213.515V91.485L91.485 0zm77.641 285.534l116.396-116.397c9.186-9.186 9.186-24.076 0-33.263L169.126 19.478c-9.187-9.186-24.077-9.186-33.263 0L19.478 135.874c-9.186 9.187-9.186 24.077 0 33.263l116.385 116.397c9.186 9.186 24.076 9.186 33.263 0zm-48.561-133.04l31.928-31.929 31.929 31.929-31.929 31.929-31.928-31.929z", fill: "url(#paint0_linear_711_1997)" }),
+    /* @__PURE__ */ jsx4("path", { d: "M213.515 0l.707-.707L213.93-1h-.415v1zM91.485 0v-1h-.415l-.292.293.707.707zM305 91.485h1v-.415l-.293-.292-.707.707zm0 122.03l.707.707.293-.292v-.415h-1zM213.515 305v1h.415l.292-.293-.707-.707zm-122.03 0l-.707.707.292.293h.415v-1zM0 213.515h-1v.415l.293.292.707-.707zm0-122.03l-.707-.707-.293.292v.415h1zm285.522 77.652l.707.707-.707-.707zM169.126 285.534l-.708-.707.708.707zm116.396-149.66l.707-.707-.707.707zM169.126 19.478l-.708.707.708-.707zm-33.263 0l-.707-.707.707.707zM19.478 135.874l.707.708-.707-.708zm0 33.263l.707-.707-.707.707zm116.385 116.397l-.707.707.707-.707zm16.63-164.969l.708-.707-.708-.707-.707.707.707.707zm-31.928 31.929l-.707-.707-.708.707.708.707.707-.707zm63.857 0l.707.707.708-.707-.708-.707-.707.707zm-31.929 31.929l-.707.707.707.707.708-.707-.708-.707zM213.515-1H91.485v2h122.03v-2zm92.192 91.778L214.222-.707 212.808.707l91.485 91.485 1.414-1.414zM306 213.515V91.485h-2v122.03h2zm-91.778 92.192l91.485-91.485-1.414-1.414-91.485 91.485 1.414 1.414zM91.485 306h122.03v-2H91.485v2zM-.707 214.222l91.485 91.485 1.414-1.414L.707 212.808l-1.414 1.414zM-1 91.485v122.03h2V91.485h-2zM90.778-.707L-.707 90.778l1.414 1.414L92.192.707 90.778-.707zM284.815 168.43L168.418 284.827l1.415 1.414 116.396-116.397-1.414-1.414zm0-31.848c8.796 8.795 8.796 23.053 0 31.848l1.414 1.414c9.577-9.576 9.577-25.1 0-34.677l-1.414 1.415zM168.418 20.185l116.397 116.397 1.414-1.415L169.833 18.771l-1.415 1.414zm-31.848 0c8.795-8.796 23.053-8.796 31.848 0l1.415-1.414c-9.577-9.577-25.101-9.577-34.677 0l1.414 1.414zM20.185 136.582L136.57 20.185l-1.414-1.414L18.771 135.167l1.414 1.415zm0 31.848c-8.796-8.795-8.796-23.053 0-31.848l-1.414-1.415c-9.577 9.577-9.577 25.101 0 34.677l1.414-1.414zM136.57 284.827L20.185 168.43l-1.414 1.414 116.385 116.397 1.414-1.414zm31.848 0c-8.795 8.795-23.053 8.795-31.848 0l-1.414 1.414c9.576 9.577 25.1 9.577 34.677 0l-1.415-1.414zm-16.632-164.969l-31.928 31.929 1.414 1.414 31.929-31.929-1.415-1.414zm33.343 31.929l-31.928-31.929-1.415 1.414 31.929 31.929 1.414-1.414zm-31.928 33.343l31.928-31.929-1.414-1.414-31.929 31.929 1.415 1.414zm-33.343-31.929l31.928 31.929 1.415-1.414-31.929-31.929-1.414 1.414z", fill: "url(#paint1_linear_711_1997)", mask: "url(#a)" })
+  ] }),
+  /* @__PURE__ */ jsxs3("defs", { children: [
+    /* @__PURE__ */ jsxs3("linearGradient", { id: "paint0_linear_711_1997", x1: 0, y1: 0, x2: 305, y2: 305, gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx4("stop", { stopColor: "#004540", stopOpacity: 0.4 }),
+      /* @__PURE__ */ jsx4("stop", { offset: 1, stopColor: "#004540" })
+    ] }),
+    /* @__PURE__ */ jsxs3("linearGradient", { id: "paint1_linear_711_1997", x1: 0, y1: 0, x2: 305, y2: 305, gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx4("stop", { stopColor: "#4F6C6A", stopOpacity: 0.1 }),
+      /* @__PURE__ */ jsx4("stop", { offset: 1, stopColor: "#4F6C6A", stopOpacity: 0.8 })
+    ] }),
+    /* @__PURE__ */ jsx4("clipPath", { id: "clip0_711_1997", children: /* @__PURE__ */ jsx4("path", { fill: "#fff", d: "M0 0H305V305H0z" }) })
+  ] })
+] });
+
+// src/components/decorations/index.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function DecorationIsolation(props) {
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      ...props,
+      className: cn("pointer-events-none absolute inset-0 overflow-hidden", props.className)
+    }
+  );
+}
+export {
+  SvgArchDecoration as ArchDecoration,
+  SvgArchDecorationGradientDefs as ArchDecorationGradientDefs,
+  DecorationIsolation,
+  SvgHighlightDecoration as HighlightDecoration,
+  SvgLargeHiveIconDecoration as LargeHiveIconDecoration
+};

package/dist/components/feature-list.d.mts

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

package/dist/components/feature-list.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Anchor } from "./anchor";
+import { Image } from "./image";
+const FeatureList = ({
+  title,
+  description,
+  items,
+  link,
+  className
+}) => /* @__PURE__ */ jsx("section", { className: clsx("bg-white dark:bg-dark", className), children: /* @__PURE__ */ jsxs("div", { className: "container py-14", children: [
+  title && /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-col items-center", children: [
+    /* @__PURE__ */ jsx("h2", { className: "mb-1.5 mt-0 text-center text-2xl font-bold text-black md:text-3xl dark:text-gray-50", children: title }),
+    description && /* @__PURE__ */ jsx("div", { className: "mb-1.5 mt-1 text-center text-base text-gray-500 dark:text-gray-400", children: description }),
+    link && /* @__PURE__ */ jsx(
+      Anchor,
+      {
+        ...link,
+        className: clsx("w-max text-sm text-cyan-400 hover:text-cyan-300", link.className)
+      }
+    )
+  ] }),
+  /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-12", children: items.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex w-56 flex-col items-center", children: [
+    /* @__PURE__ */ jsx(Image, { ...item.image, className: clsx("w-28", item.image.className) }),
+    /* @__PURE__ */ jsx("h3", { className: "m-0 text-lg font-bold text-black dark:text-gray-50", children: item.title }),
+    /* @__PURE__ */ jsx("div", { className: "text-center text-sm text-gray-500 dark:text-gray-400", children: item.description }),
+    item.link && /* @__PURE__ */ jsx(
+      Anchor,
+      {
+        ...item.link,
+        className: clsx(
+          "mt-2 w-max text-sm text-cyan-400 hover:text-cyan-300",
+          item.link.className
+        )
+      }
+    )
+  ] }, item.title)) })
+] }) });
+export {
+  FeatureList
+};

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

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