@theguild/components 8.0.0-alpha-20241128131301-d456edb69435ed4c8bf8e9b8970e040254a529f9 → 8.0.0-alpha-20241128141229-485d9a21c51b3fb8e1c3e1bf197100b58d7c3a1e

package/dist/components/icons/index.d.mts

@@ -1,3 +1,3 @@
-export { ReactComponent as AccountBox, ReactComponent as AppsIcon, ReactComponent as ArrowIcon, ReactComponent as BardIcon, ReactComponent as CSAStarLevelOneIcon, ReactComponent as CaretSlimIcon, ReactComponent as CheckIcon, ReactComponent as CloseIcon, ReactComponent as CodegenIcon, ReactComponent as GroupIcon, ReactComponent as HiveGatewayIcon, ReactComponent as HiveIcon, ReactComponent as HonourIcon, ReactComponent as LinkedInIcon, ReactComponent as ListIcon, ReactComponent as MeshIcon, ReactComponent as MoreIcon, ReactComponent as PaperIcon, ReactComponent as PencilIcon, ReactComponent as RightCornerIcon, ReactComponent as SearchIcon, ReactComponent as ShareIcon, ReactComponent as ShieldFlashIcon, ReactComponent as TargetIcon, ReactComponent as TwitterIcon, ReactComponent as YogaIcon, ReactComponent as YouTubeIcon } from '../../logos/angular.mjs';
+export { ReactComponent as AccountBox, ReactComponent as AppsIcon, ReactComponent as ArrowIcon, ReactComponent as BardIcon, ReactComponent as CSAStarLevelOneIcon, ReactComponent as CaretSlimIcon, ReactComponent as CheckIcon, ReactComponent as CloseIcon, ReactComponent as CodegenIcon, ReactComponent as GroupIcon, ReactComponent as HiveGatewayIcon, ReactComponent as HiveIcon, ReactComponent as HonourIcon, ReactComponent as LinkedInIcon, ReactComponent as ListIcon, ReactComponent as MeshIcon, ReactComponent as MoreIcon, ReactComponent as PaperIcon, ReactComponent as PencilIcon, ReactComponent as RightCornerIcon, ReactComponent as SearchIcon, ReactComponent as ShareIcon, ReactComponent as ShieldFlashIcon, ReactComponent as StellateIcon, ReactComponent as TargetIcon, ReactComponent as TwitterIcon, ReactComponent as YogaIcon, ReactComponent as YouTubeIcon } from '../../logos/angular.mjs';
 export { DiscordIcon, GitHubIcon, InformationCircleIcon } from 'nextra/icons';
 import 'react';

package/dist/components/icons/index.js

@@ -13,47 +13,49 @@ import { ReactComponent as ReactComponent12 } from "./mesh";
 import { ReactComponent as ReactComponent13 } from "./yoga";
 import { ReactComponent as ReactComponent14 } from "./hive";
 import { ReactComponent as ReactComponent15 } from "./hive-gateway";
+import { ReactComponent as ReactComponent16 } from "./stellate";
 import { InformationCircleIcon, GitHubIcon, DiscordIcon } from "nextra/icons";
-import { ReactComponent as ReactComponent16 } from "./list";
-import { ReactComponent as ReactComponent17 } from "./paper";
-import { ReactComponent as ReactComponent18 } from "./target";
-import { ReactComponent as ReactComponent19 } from "./right-corner";
-import { ReactComponent as ReactComponent20 } from "./pencil";
-import { ReactComponent as ReactComponent21 } from "./account-box";
-import { ReactComponent as ReactComponent22 } from "./bard";
-import { ReactComponent as ReactComponent23 } from "./honour";
-import { ReactComponent as ReactComponent24 } from "./shield-flash";
-import { ReactComponent as ReactComponent25 } from "./group";
-import { ReactComponent as ReactComponent26 } from "./apps";
-import { ReactComponent as ReactComponent27 } from "./check";
+import { ReactComponent as ReactComponent17 } from "./list";
+import { ReactComponent as ReactComponent18 } from "./paper";
+import { ReactComponent as ReactComponent19 } from "./target";
+import { ReactComponent as ReactComponent20 } from "./right-corner";
+import { ReactComponent as ReactComponent21 } from "./pencil";
+import { ReactComponent as ReactComponent22 } from "./account-box";
+import { ReactComponent as ReactComponent23 } from "./bard";
+import { ReactComponent as ReactComponent24 } from "./honour";
+import { ReactComponent as ReactComponent25 } from "./shield-flash";
+import { ReactComponent as ReactComponent26 } from "./group";
+import { ReactComponent as ReactComponent27 } from "./apps";
+import { ReactComponent as ReactComponent28 } from "./check";
 export {
-  ReactComponent21 as AccountBox,
-  ReactComponent26 as AppsIcon,
+  ReactComponent22 as AccountBox,
+  ReactComponent27 as AppsIcon,
   ReactComponent7 as ArrowIcon,
-  ReactComponent22 as BardIcon,
+  ReactComponent23 as BardIcon,
   ReactComponent6 as CSAStarLevelOneIcon,
   ReactComponent as CaretSlimIcon,
-  ReactComponent27 as CheckIcon,
+  ReactComponent28 as CheckIcon,
   ReactComponent2 as CloseIcon,
   ReactComponent11 as CodegenIcon,
   DiscordIcon,
   GitHubIcon,
-  ReactComponent25 as GroupIcon,
+  ReactComponent26 as GroupIcon,
   ReactComponent15 as HiveGatewayIcon,
   ReactComponent14 as HiveIcon,
-  ReactComponent23 as HonourIcon,
+  ReactComponent24 as HonourIcon,
   InformationCircleIcon,
   ReactComponent9 as LinkedInIcon,
-  ReactComponent16 as ListIcon,
+  ReactComponent17 as ListIcon,
   ReactComponent12 as MeshIcon,
   ReactComponent3 as MoreIcon,
-  ReactComponent17 as PaperIcon,
-  ReactComponent20 as PencilIcon,
-  ReactComponent19 as RightCornerIcon,
+  ReactComponent18 as PaperIcon,
+  ReactComponent21 as PencilIcon,
+  ReactComponent20 as RightCornerIcon,
   ReactComponent4 as SearchIcon,
   ReactComponent5 as ShareIcon,
-  ReactComponent24 as ShieldFlashIcon,
-  ReactComponent18 as TargetIcon,
+  ReactComponent25 as ShieldFlashIcon,
+  ReactComponent16 as StellateIcon,
+  ReactComponent19 as TargetIcon,
   ReactComponent8 as TwitterIcon,
   ReactComponent13 as YogaIcon,
   ReactComponent10 as YouTubeIcon

package/dist/components/icons/stellate.d.mts

@@ -0,0 +1,3 @@
+import 'react';
+export { ReactComponent } from '../../logos/angular.mjs';
+import 'nextra/icons';

package/dist/components/icons/stellate.js

@@ -0,0 +1,12 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const SvgStellate = (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 32 33", width: 32, height: 33, fill: "none", ...props, children: [
+  /* @__PURE__ */ jsxs("g", { clipPath: "url(#st-a)", fillRule: "evenodd", clipRule: "evenodd", fill: "currentColor", children: [
+    /* @__PURE__ */ jsx("path", { d: "M26.6299 25.7766c.2277-.8491.2769-2.049-.7815-2.9659l-3.2735-2.8366-15.37699 8.11 6.99009 4.0365c.9907.5723 2.209.5723 3.1997 0l8.9284-5.1503.3199-1.1875-.0061-.0062Z" }),
+    /* @__PURE__ */ jsx("path", { d: "m28.4697 7.37838-.3753-.21536-8.9407 8.22078 7.5008 6.4978c1.1814 1.0214 1.6183 2.5167 1.163 4.215l.6522-.3754c.9907-.5722 1.5999-1.6306 1.5999-2.7689v-12.805c0-1.14446-.6092-2.19667-1.5999-2.76892ZM4.83506 7.26147c-.17229 1.12604.17229 2.04903.98452 2.68282l5.06412 3.90731 9.8021-10.9651L17.3815.978994c-.9906-.572252-2.209-.572252-3.1996 0L4.98274 6.28925l-.14768.97222Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M15.4002 18.8911 5.06889 10.9227c-1.16297-.8984-1.69215-2.25214-1.45217-3.83968l-.51687.30151C2.10917 7.95678 1.5 9.01514 1.5 10.1535v12.7988c0 1.1445.60917 2.1967 1.59985 2.7689l2.95971 1.7106 9.34064-8.5345v-.0062Z" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "st-a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", transform: "translate(0 .0498047)", d: "M0 0h32v32H0z" }) }) })
+] });
+export {
+  SvgStellate as ReactComponent
+};

package/dist/components/index.d.mts

@@ -6,7 +6,7 @@ export { HeroGradient } from './hero-gradient.mjs';
 export { HeroIllustration } from './hero-illustration.mjs';
 export { HeroMarketplace } from './hero-marketplace.mjs';
 export { HeroVideo } from './hero-video.mjs';
-export { ReactComponent as AccountBox, ReactComponent as AppsIcon, ReactComponent as ArchDecoration, ReactComponent as ArchDecorationGradientDefs, ReactComponent as ArrowIcon, ReactComponent as BardIcon, ReactComponent as CSAStarLevelOneIcon, ReactComponent as CaretSlimIcon, ReactComponent as CheckIcon, ReactComponent as CloseIcon, ReactComponent as CodegenIcon, ReactComponent as GroupIcon, ReactComponent as HighlightDecoration, ReactComponent as HiveGatewayIcon, ReactComponent as HiveIcon, ReactComponent as HonourIcon, ReactComponent as LargeHiveIconDecoration, ReactComponent as LinkedInIcon, ReactComponent as ListIcon, ReactComponent as MeshIcon, ReactComponent as MoreIcon, ReactComponent as PaperIcon, ReactComponent as PencilIcon, ReactComponent as RightCornerIcon, ReactComponent as SearchIcon, ReactComponent as ShareIcon, ReactComponent as ShieldFlashIcon, ReactComponent as TargetIcon, ReactComponent as TwitterIcon, ReactComponent as YogaIcon, ReactComponent as YouTubeIcon } from '../logos/angular.mjs';
+export { ReactComponent as AccountBox, ReactComponent as AppsIcon, ReactComponent as ArchDecoration, ReactComponent as ArchDecorationGradientDefs, ReactComponent as ArrowIcon, ReactComponent as BardIcon, ReactComponent as CSAStarLevelOneIcon, ReactComponent as CaretSlimIcon, ReactComponent as CheckIcon, ReactComponent as CloseIcon, ReactComponent as CodegenIcon, ReactComponent as GroupIcon, ReactComponent as HighlightDecoration, ReactComponent as HiveGatewayIcon, ReactComponent as HiveIcon, ReactComponent as HonourIcon, ReactComponent as LargeHiveIconDecoration, ReactComponent as LinkedInIcon, ReactComponent as ListIcon, ReactComponent as MeshIcon, ReactComponent as MoreIcon, ReactComponent as PaperIcon, ReactComponent as PencilIcon, ReactComponent as RightCornerIcon, ReactComponent as SearchIcon, ReactComponent as ShareIcon, ReactComponent as ShieldFlashIcon, ReactComponent as StellateIcon, ReactComponent as TargetIcon, ReactComponent as TwitterIcon, ReactComponent as YogaIcon, ReactComponent as YouTubeIcon } from '../logos/angular.mjs';
 export { DiscordIcon, GitHubIcon, InformationCircleIcon } from 'nextra/icons';
 export { Image } from './image.mjs';
 export { InfoList } from './info-list.mjs';

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/dist/index.d.mts

@@ -9,7 +9,7 @@ export { HeroGradient } from './components/hero-gradient.mjs';
 export { HeroIllustration } from './components/hero-illustration.mjs';
 export { HeroMarketplace } from './components/hero-marketplace.mjs';
 export { HeroVideo } from './components/hero-video.mjs';
-export { ReactComponent as AccountBox, ReactComponent as AngularLogo, ReactComponent as AppsIcon, ReactComponent as ArchDecoration, ReactComponent as ArchDecorationGradientDefs, ReactComponent as ArrowIcon, ReactComponent as BardIcon, ReactComponent as CSAStarLevelOneIcon, ReactComponent as CaretSlimIcon, ReactComponent as CheckIcon, ReactComponent as CloseIcon, ReactComponent as CodeGeneratorLogo, ReactComponent as CodegenIcon, ReactComponent as ConductorLogo, ReactComponent as ConfigLogo, ReactComponent as FetsLogo, ReactComponent as GraphQLFoundationLogo, ReactComponent as GroupIcon, ReactComponent as GuildLogo, ReactComponent as HeltinLogo, ReactComponent as HighlightDecoration, ReactComponent as HiveCombinationMark, ReactComponent as HiveGatewayIcon, ReactComponent as HiveIcon, ReactComponent as HonourIcon, ReactComponent as KitQLLogo, ReactComponent as LargeHiveIconDecoration, ReactComponent as LinkedInIcon, ReactComponent as ListIcon, ReactComponent as MeshIcon, ReactComponent as MeshLogo, ReactComponent as ModulesLogo, ReactComponent as MoreIcon, ReactComponent as NextraLogo, ReactComponent as PaperIcon, ReactComponent as PencilIcon, ReactComponent as RightCornerIcon, ReactComponent as SSELogo, ReactComponent as SearchIcon, ReactComponent as ShareIcon, ReactComponent as ShieldFlashIcon, ReactComponent as StitchingLogo, ReactComponent as TargetIcon, ReactComponent as TheGuild, ReactComponent as ToolsLogo, ReactComponent as TwitterIcon, ReactComponent as WSLogo, ReactComponent as WhatsAppLogo, ReactComponent as YogaIcon, ReactComponent as YogaLogo, ReactComponent as YouTubeIcon } from './logos/angular.mjs';
+export { ReactComponent as AccountBox, ReactComponent as AngularLogo, ReactComponent as AppsIcon, ReactComponent as ArchDecoration, ReactComponent as ArchDecorationGradientDefs, ReactComponent as ArrowIcon, ReactComponent as BardIcon, ReactComponent as CSAStarLevelOneIcon, ReactComponent as CaretSlimIcon, ReactComponent as CheckIcon, ReactComponent as CloseIcon, ReactComponent as CodeGeneratorLogo, ReactComponent as CodegenIcon, ReactComponent as ConductorLogo, ReactComponent as ConfigLogo, ReactComponent as FetsLogo, ReactComponent as GraphQLFoundationLogo, ReactComponent as GroupIcon, ReactComponent as GuildLogo, ReactComponent as HeltinLogo, ReactComponent as HighlightDecoration, ReactComponent as HiveCombinationMark, ReactComponent as HiveGatewayIcon, ReactComponent as HiveIcon, ReactComponent as HonourIcon, ReactComponent as KitQLLogo, ReactComponent as LargeHiveIconDecoration, ReactComponent as LinkedInIcon, ReactComponent as ListIcon, ReactComponent as MeshIcon, ReactComponent as MeshLogo, ReactComponent as ModulesLogo, ReactComponent as MoreIcon, ReactComponent as NextraLogo, ReactComponent as PaperIcon, ReactComponent as PencilIcon, ReactComponent as RightCornerIcon, ReactComponent as SSELogo, ReactComponent as SearchIcon, ReactComponent as ShareIcon, ReactComponent as ShieldFlashIcon, ReactComponent as StellateIcon, ReactComponent as StitchingLogo, ReactComponent as TargetIcon, ReactComponent as TheGuild, ReactComponent as ToolsLogo, ReactComponent as TwitterIcon, ReactComponent as WSLogo, ReactComponent as WhatsAppLogo, ReactComponent as YogaIcon, ReactComponent as YogaLogo, ReactComponent as YouTubeIcon } from './logos/angular.mjs';
 export { DiscordIcon, GitHubIcon, InformationCircleIcon } from 'nextra/icons';
 export { Image } from './components/image.mjs';
 export { InfoList } from './components/info-list.mjs';

package/dist/products.d.mts

@@ -1,6 +1,6 @@
 import { FC, SVGProps, HTMLProps, ReactNode } from 'react';
 
-type ProductType = 'HIVE' | 'HIVE_GATEWAY' | 'CONDUCTOR' | 'YOGA' | 'ENVELOP' | 'INSPECTOR' | 'CODEGEN' | 'MESH' | 'TOOLS' | 'MODULES' | 'ESLINT' | 'CONFIG' | 'SCALARS' | 'SOFA' | 'STITCHING' | 'ANGULAR' | 'WHATSAPP' | 'KITQL' | 'SSE' | 'WS' | 'FETS' | 'HELTIN' | 'NEXTRA';
+type ProductType = 'HIVE' | 'HIVE_GATEWAY' | 'CONDUCTOR' | 'YOGA' | 'ENVELOP' | 'INSPECTOR' | 'CODEGEN' | 'MESH' | 'TOOLS' | 'MODULES' | 'ESLINT' | 'CONFIG' | 'SCALARS' | 'SOFA' | 'STITCHING' | 'ANGULAR' | 'WHATSAPP' | 'KITQL' | 'SSE' | 'WS' | 'FETS' | 'HELTIN' | 'NEXTRA' | 'STELLATE';
 interface ProductInfo {
     name: string;
     title: string;

package/dist/products.js

@@ -1,6 +1,13 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "./cn";
-import { CodegenIcon, HiveGatewayIcon, HiveIcon, MeshIcon, YogaIcon } from "./components/icons";
+import {
+  CodegenIcon,
+  HiveGatewayIcon,
+  HiveIcon,
+  MeshIcon,
+  StellateIcon,
+  YogaIcon
+} from "./components/icons";
 import {
   AngularLettermark,
   ConductorLettermark,
@@ -182,6 +189,13 @@ const PRODUCTS = {
     href: "https://nextra.site",
     logo: NextraLogo,
     primaryColor: "#000"
+  },
+  STELLATE: {
+    name: "Stellate",
+    title: "GraphQL Edge Caching, Metrics and Security.",
+    href: "https://stellate.co",
+    logo: StellateIcon,
+    primaryColor: "#FF7752"
   }
 };
 const FOUR_MAIN_PRODUCTS = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theguild/components",
-  "version": "8.0.0-alpha-20241128131301-d456edb69435ed4c8bf8e9b8970e040254a529f9",
+  "version": "8.0.0-alpha-20241128141229-485d9a21c51b3fb8e1c3e1bf197100b58d7c3a1e",
   "repository": {
     "url": "https://github.com/the-guild-org/docs",
     "directory": "packages/components"