@theguild/components 7.6.1 → 7.6.2

package/dist/index.d.mts

@@ -382,6 +382,15 @@ interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {
 }
 declare function ProductCard(props: ProductCardProps): react_jsx_runtime.JSX.Element;
 
+interface ContactTextLinkProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'href' | 'onClick'> {
+    children?: React.ReactNode;
+}
+declare function ContactTextLink(props: ContactTextLinkProps): react_jsx_runtime.JSX.Element;
+interface ContactButtonProps extends Omit<CallToActionProps.AnchorProps, 'onClick' | 'href' | 'children'> {
+    children?: React.ReactNode;
+}
+declare function ContactButton(props: ContactButtonProps): react_jsx_runtime.JSX.Element;
+
 type TextLinkProps = AnchorProps;
 declare function TextLink({ className, children, ...rest }: TextLinkProps): react_jsx_runtime.JSX.Element;
 
@@ -444,4 +453,4 @@ declare module 'react' {
     }
 }
 
-export { Anchor, AncillaryProductCard, Button, CallToAction, CallToActionProps, CardsColorful, CookiesConsent, type CookiesConsentProps, DecorationIsolation, Dropdown, DropdownContent, DropdownItem, DropdownTrigger, ExploreMainProductCards, type ExploreMainProductCardsProps, FeatureList, Footer, GetYourAPIGameRightSection, GraphQLConfCard, type GraphQLConfCardProps, Heading, type HeadingProps, HeroGradient, HeroIllustration, HeroMarketplace, HeroVideo, HiveFooter, HiveNavigation, type HiveNavigationProps, type IEditorProps, type IFeatureListProps, type IFooterExtendedProps, type IHeroGradientProps, type IHeroIllustrationProps, type IHeroMarketplaceProps, type IHeroVideoProps, type IInfoListProps, type ILink, type IMarketplaceItemProps, type IMarketplaceItemsProps, type IMarketplaceListProps, type IMarketplaceSearchProps, type ISchemaPageProps, Image, InfoCard, type InfoCardProps, InfoList, LegacyPackageCmd, MDXLink, type MDXLinkProps, MainProductCard, MarketplaceList, MarketplaceSearch, NPMBadge, ProductCard, type ProductCardProps, Stud, type StudProps, TextLink, type TextLinkProps, ThemeSwitcherButton, ToolsAndLibrariesCards, VersionDropdown, type VersionDropdownProps, cn, defineConfig, fetchPackageInfo, getNavbarLogo, hiveMdxComponents, mdxComponents, productsItems };
+export { Anchor, AncillaryProductCard, Button, CallToAction, CallToActionProps, CardsColorful, ContactButton, type ContactButtonProps, ContactTextLink, type ContactTextLinkProps, CookiesConsent, type CookiesConsentProps, DecorationIsolation, Dropdown, DropdownContent, DropdownItem, DropdownTrigger, ExploreMainProductCards, type ExploreMainProductCardsProps, FeatureList, Footer, GetYourAPIGameRightSection, GraphQLConfCard, type GraphQLConfCardProps, Heading, type HeadingProps, HeroGradient, HeroIllustration, HeroMarketplace, HeroVideo, HiveFooter, HiveNavigation, type HiveNavigationProps, type IEditorProps, type IFeatureListProps, type IFooterExtendedProps, type IHeroGradientProps, type IHeroIllustrationProps, type IHeroMarketplaceProps, type IHeroVideoProps, type IInfoListProps, type ILink, type IMarketplaceItemProps, type IMarketplaceItemsProps, type IMarketplaceListProps, type IMarketplaceSearchProps, type ISchemaPageProps, Image, InfoCard, type InfoCardProps, InfoList, LegacyPackageCmd, MDXLink, type MDXLinkProps, MainProductCard, MarketplaceList, MarketplaceSearch, NPMBadge, ProductCard, type ProductCardProps, Stud, type StudProps, TextLink, type TextLinkProps, ThemeSwitcherButton, ToolsAndLibrariesCards, VersionDropdown, type VersionDropdownProps, cn, defineConfig, fetchPackageInfo, getNavbarLogo, hiveMdxComponents, mdxComponents, productsItems };

package/dist/index.js

@@ -2672,9 +2672,36 @@ function ExploreMainProductCards({
   );
 }
 
+// src/components/contact-us.tsx
+import { jsx as jsx46 } from "react/jsx-runtime";
+var openCrisp = (event) => {
+  if (window.$crisp) {
+    window.$crisp.push(["do", "chat:open"]);
+    event.preventDefault();
+  }
+};
+function ContactTextLink(props) {
+  return /* @__PURE__ */ jsx46(
+    "a",
+    {
+      ...props,
+      className: cn(
+        "hive-focus -m-2 rounded p-2 font-medium hover:text-blue-700 hover:underline dark:hover:text-blue-100",
+        props.className
+      ),
+      href: "https://the-guild.dev/contact",
+      onClick: openCrisp,
+      children: props.children || "Contact Us"
+    }
+  );
+}
+function ContactButton(props) {
+  return /* @__PURE__ */ jsx46(CallToAction, { href: "https://the-guild.dev/contact", onClick: openCrisp, ...props, children: props.children || "Contact Us" });
+}
+
 // src/components/dropdown.tsx
 import { createContext, useContext, useEffect as useEffect4, useId as useId2, useRef as useRef2, useState as useState4 } from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var DropdownContext = createContext(null);
 function useDropdownContext() {
   const context = useContext(DropdownContext);
@@ -2721,11 +2748,11 @@ function Dropdown({ children, className, type, ...props }) {
   const dismissDelayMs = 200;
   const isHoveringRef = useRef2(isHovering);
   isHoveringRef.current = isHovering;
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     DropdownContext.Provider,
     {
       value: { isOpen, setIsOpen, isHovering, setIsHovering, buttonId, menuId, buttonRef, menuRef },
-      children: /* @__PURE__ */ jsx46(
+      children: /* @__PURE__ */ jsx47(
         "div",
         {
           className: cn("relative", className),
@@ -2754,7 +2781,7 @@ function Dropdown({ children, className, type, ...props }) {
 }
 function DropdownTrigger({ children, className, ...props }) {
   const { isOpen, setIsOpen, buttonId, menuId, buttonRef, setIsHovering } = useDropdownContext();
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "button",
     {
       ref: buttonRef,
@@ -2774,7 +2801,7 @@ function DropdownTrigger({ children, className, ...props }) {
 }
 function DropdownContent({ children, className, ...props }) {
   const { isOpen, buttonId, menuId, menuRef } = useDropdownContext();
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       ref: menuRef,
@@ -2791,9 +2818,9 @@ function DropdownContent({ children, className, ...props }) {
 }
 function DropdownItem({ children, onClick, className, href, ...props }) {
   if (href) {
-    return /* @__PURE__ */ jsx46("a", { role: "menuitem", href, className, onClick, ...props, children });
+    return /* @__PURE__ */ jsx47("a", { role: "menuitem", href, className, onClick, ...props, children });
   }
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "button",
     {
       role: "menuitem",
@@ -2811,7 +2838,7 @@ function DropdownItem({ children, onClick, className, href, ...props }) {
 }
 
 // src/components/version-dropdown.tsx
-import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
 function VersionDropdown({
   currentVersion,
   versions,
@@ -2819,11 +2846,11 @@ function VersionDropdown({
 }) {
   return /* @__PURE__ */ jsxs28(Dropdown, { type: "hover", className: "relative", children: [
     /* @__PURE__ */ jsxs28(DropdownTrigger, { className: "hive-focus flex cursor-default items-center gap-1 py-2 font-medium leading-normal text-green-800 aria-expanded:text-green-1000 dark:text-neutral-300 dark:aria-expanded:text-neutral-100", children: [
-      chevronPosition === "left" && /* @__PURE__ */ jsx47(SvgCaretSlim, { className: "size-3.5" }),
+      chevronPosition === "left" && /* @__PURE__ */ jsx48(SvgCaretSlim, { className: "size-3.5" }),
       currentVersion,
-      chevronPosition === "right" && /* @__PURE__ */ jsx47(SvgCaretSlim, { className: "size-3.5" })
+      chevronPosition === "right" && /* @__PURE__ */ jsx48(SvgCaretSlim, { className: "size-3.5" })
     ] }),
-    /* @__PURE__ */ jsx47(DropdownContent, { className: "absolute left-full min-w-16 -translate-x-full translate-y-2 rounded-xl border border-beige-200 bg-white p-1 shadow-[0px_16px_32px_-12px_rgba(14,18,27,0.10)] transition ease-in-out data-[state=closed]:pointer-events-none data-[state=closed]:translate-y-0 data-[state=closed]:scale-95 data-[state=closed]:opacity-0 data-[state=open]:fade-in-90 dark:border-neutral-800 dark:bg-neutral-900", children: versions.map((version) => /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsx48(DropdownContent, { className: "absolute left-full min-w-16 -translate-x-full translate-y-2 rounded-xl border border-beige-200 bg-white p-1 shadow-[0px_16px_32px_-12px_rgba(14,18,27,0.10)] transition ease-in-out data-[state=closed]:pointer-events-none data-[state=closed]:translate-y-0 data-[state=closed]:scale-95 data-[state=closed]:opacity-0 data-[state=open]:fade-in-90 dark:border-neutral-800 dark:bg-neutral-900", children: versions.map((version) => /* @__PURE__ */ jsxs28(
       DropdownItem,
       {
         href: version.href,
@@ -2835,7 +2862,7 @@ function VersionDropdown({
         children: [
           version.label ?? version.value,
           " ",
-          version.value === currentVersion && /* @__PURE__ */ jsx47(SvgCheck, { className: "size-3.5" })
+          version.value === currentVersion && /* @__PURE__ */ jsx48(SvgCheck, { className: "size-3.5" })
         ]
       },
       version.value
@@ -2846,7 +2873,7 @@ function VersionDropdown({
 // src/define-config.tsx
 import { useRouter as useRouter3 } from "next/router";
 import { Navbar, useConfig } from "nextra-theme-docs";
-import { Fragment as Fragment7, jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
 function defineConfig({
   websiteName,
   description,
@@ -2869,7 +2896,7 @@ function defineConfig({
       labels: "kind/docs"
     },
     footer: {
-      component: /* @__PURE__ */ jsx48(Footer, {})
+      component: /* @__PURE__ */ jsx49(Footer, {})
     },
     sidebar: {
       defaultMenuCollapseLevel: 1,
@@ -2903,33 +2930,33 @@ function defineConfig({
       } = frontMatter;
       const title = `${pageTitle} (${websiteName})`;
       return /* @__PURE__ */ jsxs29(Fragment7, { children: [
-        /* @__PURE__ */ jsx48("title", { children: title }),
-        /* @__PURE__ */ jsx48("meta", { property: "og:title", content: title }),
+        /* @__PURE__ */ jsx49("title", { children: title }),
+        /* @__PURE__ */ jsx49("meta", { property: "og:title", content: title }),
         description2 && [
-          /* @__PURE__ */ jsx48("meta", { name: "description", content: description2 }, 0),
-          /* @__PURE__ */ jsx48("meta", { property: "og:description", content: description2 }, 1)
+          /* @__PURE__ */ jsx49("meta", { name: "description", content: description2 }, 0),
+          /* @__PURE__ */ jsx49("meta", { property: "og:description", content: description2 }, 1)
         ],
         canonical && [
-          /* @__PURE__ */ jsx48("link", { rel: "canonical", href: canonical }, 3),
-          /* @__PURE__ */ jsx48("meta", { property: "og:url", content: canonical }, 4)
+          /* @__PURE__ */ jsx49("link", { rel: "canonical", href: canonical }, 3),
+          /* @__PURE__ */ jsx49("meta", { property: "og:url", content: canonical }, 4)
         ],
-        /* @__PURE__ */ jsx48("meta", { name: "twitter:card", content: "summary_large_image" }),
-        /* @__PURE__ */ jsx48("meta", { name: "twitter:site", content: "https://the-guild.dev" }),
-        /* @__PURE__ */ jsx48("meta", { name: "twitter:creator", content: "@TheGuildDev" }),
-        /* @__PURE__ */ jsx48("meta", { property: "og:type", content: type }),
-        /* @__PURE__ */ jsx48("meta", { property: "og:site_name", content: websiteName }),
-        /* @__PURE__ */ jsx48("meta", { property: "og:image", content: image }),
-        /* @__PURE__ */ jsx48("meta", { property: "og:image:alt", content: pageTitle }),
-        /* @__PURE__ */ jsx48("meta", { content: websiteName, name: "apple-mobile-web-app-title" }),
-        /* @__PURE__ */ jsx48("meta", { content: websiteName, name: "application-name" }),
-        /* @__PURE__ */ jsx48("meta", { name: "robots", content: "index,follow" })
+        /* @__PURE__ */ jsx49("meta", { name: "twitter:card", content: "summary_large_image" }),
+        /* @__PURE__ */ jsx49("meta", { name: "twitter:site", content: "https://the-guild.dev" }),
+        /* @__PURE__ */ jsx49("meta", { name: "twitter:creator", content: "@TheGuildDev" }),
+        /* @__PURE__ */ jsx49("meta", { property: "og:type", content: type }),
+        /* @__PURE__ */ jsx49("meta", { property: "og:site_name", content: websiteName }),
+        /* @__PURE__ */ jsx49("meta", { property: "og:image", content: image }),
+        /* @__PURE__ */ jsx49("meta", { property: "og:image:alt", content: pageTitle }),
+        /* @__PURE__ */ jsx49("meta", { content: websiteName, name: "apple-mobile-web-app-title" }),
+        /* @__PURE__ */ jsx49("meta", { content: websiteName, name: "application-name" }),
+        /* @__PURE__ */ jsx49("meta", { name: "robots", content: "index,follow" })
       ] });
     },
     logoLink: false,
     logo: getNavbarLogo(logo, websiteName, description),
     navbar: {
-      extraContent: /* @__PURE__ */ jsx48(ThemeSwitcherButton, {}),
-      ...logo && { component: (props) => /* @__PURE__ */ jsx48(Navbar, { items: addGuildCompanyMenu(props.items) }) }
+      extraContent: /* @__PURE__ */ jsx49(ThemeSwitcherButton, {}),
+      ...logo && { component: (props) => /* @__PURE__ */ jsx49(Navbar, { items: addGuildCompanyMenu(props.items) }) }
     },
     ...config,
     components: {
@@ -3036,6 +3063,8 @@ export {
   Collapse,
   SvgConductor as ConductorLogo,
   SvgConfig as ConfigLogo,
+  ContactButton,
+  ContactTextLink,
   CookiesConsent,
   DecorationIsolation,
   DiscordIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theguild/components",
-  "version": "7.6.1",
+  "version": "7.6.2",
   "repository": {
     "url": "https://github.com/the-guild-org/docs",
     "directory": "packages/components"