@theguild/components 8.0.0-alpha-20241128125739-2f2680e350f7112a00bb3a33aa3811950d0152fb → 8.0.0-alpha-20241128140624-8c99173571d9eb7d61c573a6569430ca28ae2111

package/dist/components/cookies-consent.js

@@ -4,7 +4,9 @@ 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 [consented, setConsented] = useState(() => {
+    return typeof localStorage === "undefined" ? false : localStorage.getItem("cookies") === "true";
+  });
   const onAccept = () => {
     setConsented(true);
     if (typeof localStorage !== "undefined") {

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

@@ -5,8 +5,8 @@ import 'react';
 declare function ToolsAndLibrariesCards({ className }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
-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;
+declare function MainProductCard({ as: Root, product, className, ...rest }: ProductCardProps): react_jsx_runtime.JSX.Element;
+declare function AncillaryProductCard({ product, as: Root, className, ...rest }: ProductCardProps): react_jsx_runtime.JSX.Element;
 interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {
     as: 'div' | 'li';
     product: ProductInfo;

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

@@ -38,7 +38,7 @@ function ToolsAndLibrariesCards({ className }) {
     }
   );
 }
-function MainProductCard({ as: Root, product, ...rest }) {
+function MainProductCard({ as: Root, product, className, ...rest }) {
   const Decoration = cardDecorations[product.name];
   const Icon = product.logo;
   const isHive = product.name === PRODUCTS.HIVE.name;
@@ -47,7 +47,8 @@ function MainProductCard({ as: Root, product, ...rest }) {
     {
       className: cn(
         "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"
+        isHive && "bg-green-1000 text-white",
+        className
       ),
       ...rest,
       children: [
@@ -80,12 +81,15 @@ function MainProductCard({ as: Root, product, ...rest }) {
     product.name
   );
 }
-function AncillaryProductCard({ product, as: Root, ...rest }) {
+function AncillaryProductCard({ product, as: Root, className, ...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]",
+      className: cn(
+        "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]",
+        className
+      ),
       ...rest,
       children: /* @__PURE__ */ jsxs(
         "a",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theguild/components",
-  "version": "8.0.0-alpha-20241128125739-2f2680e350f7112a00bb3a33aa3811950d0152fb",
+  "version": "8.0.0-alpha-20241128140624-8c99173571d9eb7d61c573a6569430ca28ae2111",
   "repository": {
     "url": "https://github.com/the-guild-org/docs",
     "directory": "packages/components"