@theguild/components 9.3.5-alpha-20250217200039-d2528840d21aa99fef051fd129a7d8eebb1dde01 → 9.4.0

package/dist/components/info-card.d.mts

@@ -1,11 +1,26 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
+import { AnchorProps } from './anchor.mjs';
+import 'url';
+import '../types/components.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
 
-interface InfoCardProps extends React.HTMLAttributes<HTMLElement> {
-    icon: ReactNode;
-    heading: ReactNode;
-    as?: 'div' | 'li';
+declare namespace InfoCardProps {
+    interface InfoCardBaseProps {
+        icon: ReactNode;
+        heading: ReactNode;
+        scheme?: 'neutral' | 'green';
+    }
+    interface InfoCardLinkProps extends InfoCardBaseProps, Omit<AnchorProps, 'as'> {
+        href: AnchorProps['href'];
+    }
+    interface InfoCardInertProps extends InfoCardBaseProps, React.HTMLAttributes<HTMLElement> {
+        as: 'div' | 'li';
+    }
 }
-declare function InfoCard({ as: Root, icon, heading, className, children, ...rest }: InfoCardProps): react_jsx_runtime.JSX.Element;
+type InfoCardProps = InfoCardProps.InfoCardLinkProps | InfoCardProps.InfoCardInertProps;
+declare function InfoCard({ icon, heading, className, children, scheme, ...rest }: InfoCardProps): react_jsx_runtime.JSX.Element;
 
-export { InfoCard, type InfoCardProps };
+export { InfoCard, InfoCardProps };

package/dist/components/info-card.js

@@ -1,19 +1,40 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../cn";
+import { Anchor } from "./anchor";
 import { Stud } from "./stud";
 function InfoCard({
-  as: Root = "div",
   icon,
   heading,
   className,
   children,
+  scheme = "neutral",
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs(Root, { className: cn("bg-beige-100 p-6 md:p-12", className), ...rest, children: [
-    /* @__PURE__ */ jsx(Stud, { children: icon }),
-    /* @__PURE__ */ jsx("h3", { className: "mt-4 text-xl font-medium leading-[1.4] text-green-1000 md:mt-6", children: heading }),
-    /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2 text-green-800 md:mt-4", children })
-  ] });
+  let Root;
+  if ("href" in rest) {
+    Root = Anchor;
+  } else {
+    Root = rest.as || "div";
+    delete rest.as;
+  }
+  return /* @__PURE__ */ jsxs(
+    Root,
+    {
+      className: cn(
+        "p-6 md:p-12",
+        scheme === "neutral" && "bg-beige-100 [--color-h:theme(colors.green.1000)] [--color-text:theme(colors.green.800)] [--hover-bg:theme(colors.beige.200)] dark:bg-neutral-900 dark:[--color-h:theme(colors.white)] dark:[--color-text:theme(colors.white)] dark:[--hover-bg:theme(colors.neutral.800)]",
+        scheme === "green" && "bg-green-900 [--color-h:theme(colors.white)] [--color-text:theme(colors.white)] [--hover-bg:theme(colors.green.800)]",
+        Root === Anchor && "hive-focus block cursor-pointer duration-300 hover:bg-[--hover-bg] focus-visible:bg-[--hover-bg]",
+        className
+      ),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(Stud, { children: icon }),
+        /* @__PURE__ */ jsx("h3", { className: "mt-4 text-xl font-medium leading-[1.4] text-[--color-h] md:mt-6", children: heading }),
+        /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2 text-[--color-text] md:mt-4", children })
+      ]
+    }
+  );
 }
 export {
   InfoCard

package/dist/index.d.mts

@@ -57,6 +57,7 @@ import './components/faq/attach-page-faq-schema.mjs';
 import 'next/link';
 import 'react-player';
 import 'clsx';
+import './types/utility.mjs';
 
 declare module 'react' {
     interface CSSProperties {

package/dist/next-types.d.mts

@@ -1,3 +1,5 @@
+import { UnionToIntersection } from './types/utility.mjs';
+
 /**
  * Next.js page props type.
  * @see https://nextjs.org/docs/app/api-reference/file-conventions/page#props
@@ -13,9 +15,5 @@ interface NextPageProps<TParams extends string = never, TSearchParams extends st
         [K in TSearchParams]?: string | string[];
     }>;
 }
-type Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type UnionToIntersection<T> = Prettify<(T extends any ? (x: T) => any : never) extends (x: infer R) => any ? R : never>;
 
 export type { NextPageProps };

package/dist/types/utility.d.mts

@@ -0,0 +1,6 @@
+type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type UnionToIntersection<T> = Prettify<(T extends any ? (x: T) => any : never) extends (x: infer R) => any ? R : never>;
+
+export type { Prettify, UnionToIntersection };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theguild/components",
-  "version": "9.3.5-alpha-20250217200039-d2528840d21aa99fef051fd129a7d8eebb1dde01",
+  "version": "9.4.0",
   "repository": {
     "url": "https://github.com/the-guild-org/docs",
     "directory": "packages/components"