@theguild/components 7.6.2 → 7.6.3

package/dist/index.d.mts

@@ -11,7 +11,7 @@ import * as url from 'url';
 import { ImageProps, StaticImageData } from 'next/image';
 import { LinkProps } from 'next/link';
 import { ReactPlayerProps } from 'react-player';
-export { AngularLogo as AccountBox, AngularLogo, AngularLogo as AppsIcon, AngularLogo as ArchDecoration, AngularLogo as ArchDecorationGradientDefs, AngularLogo as ArrowIcon, AngularLogo as BardIcon, AngularLogo as CSAStarLevelOneIcon, AngularLogo as CaretSlimIcon, AngularLogo as CheckIcon, AngularLogo as CloseIcon, AngularLogo as CodeGeneratorLogo, AngularLogo as CodegenIcon, AngularLogo as ConductorLogo, AngularLogo as ConfigLogo, EnvelopLettermark, AngularLogo as FetsLogo, GraphQLESlintLettermark, AngularLogo as GraphQLFoundationLogo, AngularLogo as GroupIcon, AngularLogo as GuildLogo, AngularLogo as HeltinLogo, AngularLogo as HighlightDecoration, AngularLogo as HiveCombinationMark, AngularLogo as HiveGatewayIcon, AngularLogo as HiveIcon, AngularLogo as HonourIcon, InspectorLettermark, AngularLogo as KitQLLogo, AngularLogo as LargeHiveIconDecoration, LettermarkLogoProps, AngularLogo as LinkedInIcon, AngularLogo as ListIcon, AngularLogo as MeshIcon, AngularLogo as MeshLogo, AngularLogo as ModulesLogo, AngularLogo as MoonIcon, AngularLogo as MoreIcon, AngularLogo as NextraLogo, AngularLogo as PaperIcon, AngularLogo as PencilIcon, AngularLogo as RightCornerIcon, AngularLogo as SSELogo, ScalarsLettermark, AngularLogo as SearchIcon, AngularLogo as ShareIcon, AngularLogo as ShieldFlashIcon, SofaLettermark, AngularLogo as StellateIcon, AngularLogo as StitchingLogo, AngularLogo as TargetIcon, AngularLogo as TheGuild, AngularLogo as ToolsLogo, AngularLogo as TwitterIcon, AngularLogo as WSLogo, AngularLogo as WhatsAppLogo, AngularLogo as YogaIcon, AngularLogo as YogaLogo, AngularLogo as YouTubeIcon } from './logos.mjs';
+export { AngularLogo as AccountBox, AngularLogo, AngularLogo as AppsIcon, AngularLogo as ArchDecoration, AngularLogo as ArchDecorationGradientDefs, AngularLogo as ArrowIcon, AngularLogo as BardIcon, AngularLogo as CSAStarLevelOneIcon, AngularLogo as CaretSlimIcon, AngularLogo as CheckIcon, AngularLogo as CloseIcon, AngularLogo as CodeGeneratorLogo, AngularLogo as CodegenIcon, AngularLogo as ConductorLogo, AngularLogo as ConfigLogo, EnvelopLettermark, AngularLogo as FetsLogo, GraphQLESlintLettermark, AngularLogo as GraphQLFoundationLogo, AngularLogo as GroupIcon, AngularLogo as GuildLogo, AngularLogo as HeltinLogo, AngularLogo as HiveCombinationMark, AngularLogo as HiveGatewayIcon, AngularLogo as HiveIcon, AngularLogo as HonourIcon, InspectorLettermark, AngularLogo as KitQLLogo, AngularLogo as LargeHiveIconDecoration, LettermarkLogoProps, AngularLogo as LinkedInIcon, AngularLogo as ListIcon, AngularLogo as MeshIcon, AngularLogo as MeshLogo, AngularLogo as ModulesLogo, AngularLogo as MoonIcon, AngularLogo as MoreIcon, AngularLogo as NextraLogo, AngularLogo as PaperIcon, AngularLogo as PencilIcon, AngularLogo as RightCornerIcon, AngularLogo as SSELogo, ScalarsLettermark, AngularLogo as SearchIcon, AngularLogo as ShareIcon, AngularLogo as ShieldFlashIcon, SofaLettermark, AngularLogo as StellateIcon, AngularLogo as StitchingLogo, AngularLogo as TargetIcon, AngularLogo as TheGuild, AngularLogo as ToolsLogo, AngularLogo as TwitterIcon, AngularLogo as WSLogo, AngularLogo as WhatsAppLogo, AngularLogo as YogaIcon, AngularLogo as YogaLogo, AngularLogo as YouTubeIcon } from './logos.mjs';
 export { DiscordIcon, GitHubIcon, InformationCircleIcon } from 'nextra/icons';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ProductInfo } from './products.mjs';
@@ -320,6 +320,7 @@ declare function ToolsAndLibrariesCards({ className, isHive, ...rest }: ToolsAnd
  * 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 const variantStyles: {
     primary: string;
@@ -453,4 +454,4 @@ declare module 'react' {
     }
 }
 
-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 };
+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, HighlightDecoration, 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

@@ -1347,35 +1347,35 @@ function CallToAction(props) {
   ] });
 }
 
+// src/components/decorations/highlight-decoration.svg
+import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+var SvgHighlightDecoration = (props) => /* @__PURE__ */ jsxs15("svg", { width: 895, height: 674, viewBox: "0 0 895 674", fill: "#86B6C1", className: "firefox-highlight-fix", ...props, children: [
+  /* @__PURE__ */ jsx24("g", { filter: "url(#filter0_f_711_1774)", children: /* @__PURE__ */ jsx24("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__ */ jsx24("defs", { children: /* @__PURE__ */ jsxs15("filter", { id: "filter0_f_711_1774", x: -305176e-10, y: -372, width: 1244, height: 1244, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
+    /* @__PURE__ */ jsx24("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+    /* @__PURE__ */ jsx24("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+    /* @__PURE__ */ jsx24("feGaussianBlur", { stdDeviation: 175, result: "effect1_foregroundBlur_711_1774" })
+  ] }) }),
+  /* @__PURE__ */ jsx24("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/arch-decoration.svg
-import { jsx as jsx24 } from "react/jsx-runtime";
-var SvgArchDecoration = (props) => /* @__PURE__ */ jsx24("svg", { width: 432, height: 432, viewBox: "0 0 432 432", preserveAspectRatio: "xMidYMid meet", ...props, children: /* @__PURE__ */ jsx24("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 }) });
+import { jsx as jsx25 } from "react/jsx-runtime";
+var SvgArchDecoration = (props) => /* @__PURE__ */ jsx25("svg", { width: 432, height: 432, viewBox: "0 0 432 432", preserveAspectRatio: "xMidYMid meet", ...props, children: /* @__PURE__ */ jsx25("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 jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
-var SvgArchDecorationGradientDefs = (props) => /* @__PURE__ */ jsx25("svg", { width: 432, height: 432, viewBox: "0 0 432 432", className: "absolute -z-10", ...props, children: /* @__PURE__ */ jsxs15("defs", { children: [
-  /* @__PURE__ */ jsxs15("linearGradient", { id: "arch-decoration-a", x1: 48.5, y1: 53.5, x2: 302.5, y2: 341, gradientUnits: "userSpaceOnUse", children: [
-    /* @__PURE__ */ jsx25("stop", { stopColor: "#fff", stopOpacity: 0.1 }),
-    /* @__PURE__ */ jsx25("stop", { offset: 1, stopColor: "#fff", stopOpacity: 0.3 })
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+var SvgArchDecorationGradientDefs = (props) => /* @__PURE__ */ jsx26("svg", { width: 432, height: 432, viewBox: "0 0 432 432", className: "absolute -z-10", ...props, children: /* @__PURE__ */ jsxs16("defs", { children: [
+  /* @__PURE__ */ jsxs16("linearGradient", { id: "arch-decoration-a", x1: 48.5, y1: 53.5, x2: 302.5, y2: 341, gradientUnits: "userSpaceOnUse", children: [
+    /* @__PURE__ */ jsx26("stop", { stopColor: "#fff", stopOpacity: 0.1 }),
+    /* @__PURE__ */ jsx26("stop", { offset: 1, stopColor: "#fff", stopOpacity: 0.3 })
   ] }),
-  /* @__PURE__ */ jsxs15("linearGradient", { id: "arch-decoration-b", x1: 1, y1: 1, x2: 431, y2: 431, gradientUnits: "userSpaceOnUse", children: [
-    /* @__PURE__ */ jsx25("stop", { stopColor: "#fff", stopOpacity: 0.1 }),
-    /* @__PURE__ */ jsx25("stop", { offset: 1, stopColor: "#fff", stopOpacity: 0.4 })
+  /* @__PURE__ */ jsxs16("linearGradient", { id: "arch-decoration-b", x1: 1, y1: 1, x2: 431, y2: 431, gradientUnits: "userSpaceOnUse", children: [
+    /* @__PURE__ */ jsx26("stop", { stopColor: "#fff", stopOpacity: 0.1 }),
+    /* @__PURE__ */ jsx26("stop", { offset: 1, stopColor: "#fff", stopOpacity: 0.4 })
   ] })
 ] }) });
 
-// src/components/decorations/highlight-decoration.svg
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
-var SvgHighlightDecoration = (props) => /* @__PURE__ */ jsxs16("svg", { width: 895, height: 674, viewBox: "0 0 895 674", fill: "#86B6C1", className: "firefox-highlight-fix", ...props, children: [
-  /* @__PURE__ */ jsx26("g", { filter: "url(#filter0_f_711_1774)", children: /* @__PURE__ */ jsx26("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__ */ jsx26("defs", { children: /* @__PURE__ */ jsxs16("filter", { id: "filter0_f_711_1774", x: -305176e-10, y: -372, width: 1244, height: 1244, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
-    /* @__PURE__ */ jsx26("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
-    /* @__PURE__ */ jsx26("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
-    /* @__PURE__ */ jsx26("feGaussianBlur", { stdDeviation: 175, result: "effect1_foregroundBlur_711_1774" })
-  ] }) }),
-  /* @__PURE__ */ jsx26("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 jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var SvgLargeHiveIconDecoration = (props) => /* @__PURE__ */ jsxs17("svg", { width: 305, height: 217, viewBox: "0 0 305 217", fill: "none", ...props, children: [
@@ -1408,6 +1408,10 @@ function DecorationIsolation(props) {
     }
   );
 }
+var HighlightDecoration = (props) => (
+  // eslint-disable-next-line tailwindcss/no-custom-classname
+  /* @__PURE__ */ jsx28(SvgHighlightDecoration, { ...props, className: cn(props.className, "firefox-highlight-fix") })
+);
 
 // src/components/get-your-api-game-right-section.tsx
 import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -2452,7 +2456,7 @@ function MainProductCard({ as: Root2, product, className, ...rest }) {
                   ) })
                 }
               ),
-              /* @__PURE__ */ jsx39(SvgHighlightDecoration, { className: "pointer-events-none absolute left-0 top-[-15%] h-[150%] w-full opacity-0 transition-opacity duration-1000 group-focus-within:opacity-100 group-hover:opacity-100" })
+              /* @__PURE__ */ jsx39(HighlightDecoration, { className: "pointer-events-none absolute left-0 top-[-15%] h-[150%] w-full opacity-0 transition-opacity duration-1000 group-focus-within:opacity-100 group-hover:opacity-100" })
             ] })
           ]
         }
@@ -3092,7 +3096,7 @@ export {
   HeroIllustration,
   HeroMarketplace,
   HeroVideo,
-  SvgHighlightDecoration as HighlightDecoration,
+  HighlightDecoration,
   SvgHiveCombinationMark as HiveCombinationMark,
   HiveFooter,
   SvgHiveGateway as HiveGatewayIcon,

package/package.json

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