@theguild/components 8.0.0-alpha-20241122154106-b3f1d666a601dc0981eb7ac83f93231cda47f9c1 → 8.0.0-alpha-20241122154733-e2568ebb58178dce6e87deb6ad60c7c41fc69f4f

package/dist/components/index.d.mts

@@ -17,7 +17,7 @@ export { NPMBadge } from './npm-badge.mjs';
 export { GetYourAPIGameRightSection } from './get-your-api-game-right-section.mjs';
 export { HiveNavigation, HiveNavigationProps } from './hive-navigation/index.mjs';
 export { HiveFooter } from './hive-footer/index.mjs';
-export { AncillaryProductCard, MainProductCard, ToolsAndLibrariesCards } from './tools-and-libraries-cards/index.mjs';
+export { AncillaryProductCard, MainProductCard, ProductCard, ToolsAndLibrariesCards } from './tools-and-libraries-cards/index.mjs';
 export { DecorationIsolation } from './decorations/index.mjs';
 export { CallToAction, CallToActionProps } from './call-to-action.mjs';
 export { CookiesConsent, CookiesConsentProps } from './cookies-consent.mjs';

package/dist/components/index.js

@@ -19,7 +19,8 @@ import { HiveFooter } from "./hive-footer/index.js";
 import {
   ToolsAndLibrariesCards,
   MainProductCard,
-  AncillaryProductCard
+  AncillaryProductCard,
+  ProductCard
 } from "./tools-and-libraries-cards";
 export * from "./decorations";
 export * from "./call-to-action";
@@ -51,5 +52,6 @@ export {
   MarketplaceList,
   MarketplaceSearch,
   NPMBadge,
+  ProductCard,
   ToolsAndLibrariesCards
 };

package/dist/components/tools-and-libraries-cards/index.d.mts

@@ -5,13 +5,12 @@ import 'react';
 declare function ToolsAndLibrariesCards({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
-declare function MainProductCard({ as: Root, product }: {
+declare function MainProductCard({ as: Root, product, ...rest }: ProductCardProps): react_jsx_runtime.JSX.Element;
+declare function AncillaryProductCard({ product, as: Root, ...rest }: ProductCardProps): react_jsx_runtime.JSX.Element;
+interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {
     as: 'div' | 'li';
     product: ProductInfo;
-}): react_jsx_runtime.JSX.Element;
-declare function AncillaryProductCard({ product, as: Root, }: {
-    product: ProductInfo;
-    as: 'div' | 'li';
-}): react_jsx_runtime.JSX.Element;
+}
+declare function ProductCard(props: ProductCardProps): react_jsx_runtime.JSX.Element;
 
-export { AncillaryProductCard, MainProductCard, ToolsAndLibrariesCards };
+export { AncillaryProductCard, MainProductCard, ProductCard, type ProductCardProps, ToolsAndLibrariesCards };

package/dist/components/tools-and-libraries-cards/index.js

@@ -38,7 +38,7 @@ function ToolsAndLibrariesCards({ className }) {
     }
   );
 }
-function MainProductCard({ as: Root, product }) {
+function MainProductCard({ as: Root, product, ...rest }) {
   const Decoration = cardDecorations[product.name];
   const Icon = product.logo;
   const isHive = product.name === PRODUCTS.HIVE.name;
@@ -49,6 +49,7 @@ function MainProductCard({ as: Root, product }) {
         "hive-focus-within group relative flex-1 shrink-0 basis-[283.5px] overflow-hidden rounded-2xl bg-blue-400 text-green-1000 max-md:w-[283.5px]",
         isHive && "bg-green-1000 text-white"
       ),
+      ...rest,
       children: [
         /* @__PURE__ */ jsxs(
           "a",
@@ -79,15 +80,13 @@ function MainProductCard({ as: Root, product }) {
     product.name
   );
 }
-function AncillaryProductCard({
-  product,
-  as: Root
-}) {
+function AncillaryProductCard({ product, as: Root, ...rest }) {
   const Logo = product.logo;
   return /* @__PURE__ */ jsx(
     Root,
     {
       className: "hive-focus-within shrink-0 basis-[283.5px] rounded-2xl bg-beige-200 text-green-1000 transition-colors duration-500 hover:bg-beige-400 max-sm:min-w-[283.5px]",
+      ...rest,
       children: /* @__PURE__ */ jsxs(
         "a",
         {
@@ -113,8 +112,13 @@ function AncillaryProductCard({
     product.name
   );
 }
+function ProductCard(props) {
+  const isMainProduct = FOUR_MAIN_PRODUCTS.map((p) => p.name).includes(props.product.name);
+  return isMainProduct ? /* @__PURE__ */ jsx(MainProductCard, { ...props }) : /* @__PURE__ */ jsx(AncillaryProductCard, { ...props });
+}
 export {
   AncillaryProductCard,
   MainProductCard,
+  ProductCard,
   ToolsAndLibrariesCards
 };

package/dist/index.d.mts

@@ -20,7 +20,7 @@ export { NPMBadge } from './components/npm-badge.mjs';
 export { GetYourAPIGameRightSection } from './components/get-your-api-game-right-section.mjs';
 export { HiveNavigation, HiveNavigationProps } from './components/hive-navigation/index.mjs';
 export { HiveFooter } from './components/hive-footer/index.mjs';
-export { AncillaryProductCard, MainProductCard, ToolsAndLibrariesCards } from './components/tools-and-libraries-cards/index.mjs';
+export { AncillaryProductCard, MainProductCard, ProductCard, ToolsAndLibrariesCards } from './components/tools-and-libraries-cards/index.mjs';
 export { DecorationIsolation } from './components/decorations/index.mjs';
 export { CallToAction, CallToActionProps } from './components/call-to-action.mjs';
 export { CookiesConsent, CookiesConsentProps } from './components/cookies-consent.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theguild/components",
-  "version": "8.0.0-alpha-20241122154106-b3f1d666a601dc0981eb7ac83f93231cda47f9c1",
+  "version": "8.0.0-alpha-20241122154733-e2568ebb58178dce6e87deb6ad60c7c41fc69f4f",
   "repository": {
     "url": "https://github.com/the-guild-org/docs",
     "directory": "packages/components"