@theguild/components 7.2.0-alpha-20241101220642-0b6682d9cf4196529799e8ad0e38b83426590e93 → 8.0.0-alpha-20241103132221-f9d255adde945cffb98f9f7c914ac29896a15819

package/dist/index.d.mts

@@ -1,344 +1,69 @@
-export { default as Giscus } from '@giscus/react';
-import { DocsThemeConfig } from 'nextra-theme-docs';
-export { Bleed, Collapse, DocsThemeConfig, Navbar, NotFoundPage, useConfig, useTheme, useThemeConfig } from 'nextra-theme-docs';
-export { createCatchAllMeta } from 'nextra/catch-all';
-export { Callout, Cards, Code, FileTree, Mermaid, RemoteContent, Steps, Table, Tabs, Td, Th, Tr } from 'nextra/components';
-export { useData, useMounted } from 'nextra/hooks';
-export { useMDXComponents } from 'nextra/mdx';
-import * as React$1 from 'react';
-import { ComponentProps, ReactNode, ReactElement, ComponentPropsWithoutRef, HTMLAttributes } from 'react';
-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 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 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 { Navbar, NotFoundPage, useConfig, useTheme, useThemeConfig } from 'nextra-theme-docs';
+export { Bleed, Callout, Cards, Code, Collapse, FileTree, Mermaid, Search, Steps, Table, Tabs } from 'nextra/components';
+export { useMounted } from 'nextra/hooks';
+export { Anchor } from './components/anchor.mjs';
+export { Button } from './components/button.mjs';
+export { CardsColorful } from './components/cards-colorful.mjs';
+export { FeatureList } from './components/feature-list.mjs';
+export { Footer } from './components/footer.mjs';
+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 { CaretSlimIcon as AccountBox, CaretSlimIcon as AngularLogo, CaretSlimIcon as AppsIcon, CaretSlimIcon as ArchDecoration, CaretSlimIcon as ArchDecorationGradientDefs, CaretSlimIcon as ArrowIcon, CaretSlimIcon as BardIcon, CaretSlimIcon as CSAStarLevelOneIcon, CaretSlimIcon, CaretSlimIcon as CheckIcon, CaretSlimIcon as CloseIcon, CaretSlimIcon as CodeGeneratorLogo, CaretSlimIcon as CodegenIcon, CaretSlimIcon as ConductorLogo, CaretSlimIcon as ConfigLogo, DecorationIsolation, CaretSlimIcon as FetsLogo, CaretSlimIcon as GraphQLFoundationLogo, CaretSlimIcon as GroupIcon, CaretSlimIcon as GuildLogo, CaretSlimIcon as HeltinLogo, CaretSlimIcon as HighlightDecoration, CaretSlimIcon as HiveCombinationMark, CaretSlimIcon as HiveIcon, CaretSlimIcon as HonourIcon, CaretSlimIcon as KitQLLogo, CaretSlimIcon as LargeHiveIconDecoration, CaretSlimIcon as LinkedInIcon, CaretSlimIcon as ListIcon, CaretSlimIcon as MeshIcon, CaretSlimIcon as MeshLogo, CaretSlimIcon as ModulesLogo, CaretSlimIcon as MoonIcon, CaretSlimIcon as MoreIcon, CaretSlimIcon as NextraLogo, CaretSlimIcon as PaperIcon, CaretSlimIcon as PencilIcon, CaretSlimIcon as RightCornerIcon, CaretSlimIcon as SSELogo, CaretSlimIcon as SearchIcon, CaretSlimIcon as ShareIcon, CaretSlimIcon as ShieldFlashIcon, CaretSlimIcon as StitchingLogo, CaretSlimIcon as TargetIcon, CaretSlimIcon as TheGuild, CaretSlimIcon as ToolsLogo, CaretSlimIcon as TwitterIcon, CaretSlimIcon as WSLogo, CaretSlimIcon as WhatsAppLogo, CaretSlimIcon as YogaIcon, CaretSlimIcon as YogaLogo, CaretSlimIcon as YouTubeIcon } from './components/index.mjs';
 export { DiscordIcon, GitHubIcon, InformationCircleIcon } from 'nextra/icons';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ProductInfo } from './products.mjs';
+export { Image } from './components/image.mjs';
+export { InfoList } from './components/info-list.mjs';
+export { LegacyPackageCmd } from './components/legacy-package-cmd.mjs';
+export { MarketplaceList } from './components/marketplace-list.mjs';
+export { MarketplaceSearch } from './components/marketplace-search.mjs';
+export { NPMBadge } from './components/npm-badge.mjs';
+export { getNavbarLogo } from './components/guild-navbar-logo.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.mjs';
+export { ToolsAndLibrariesCards } from './components/tools-and-libraries-cards.mjs';
+export { CallToAction, CallToActionProps } from './components/call-to-action.mjs';
+export { CookiesConsent, CookiesConsentProps } from './components/cookies-consent.mjs';
+export { Heading, HeadingProps } from './components/heading.mjs';
+export { InfoCard, InfoCardProps } from './components/info-card.mjs';
+export { Stud, StudProps } from './components/stud.mjs';
+export { Giscus } from './components/giscus.mjs';
 export { PRODUCTS } from './products.mjs';
-import { ClassValue } from 'clsx';
-export { ClassValue } from 'clsx';
+export { IEditorProps, IFeatureListProps, IFooterExtendedProps, IHeroGradientProps, IHeroIllustrationProps, IHeroMarketplaceProps, IHeroVideoProps, IInfoListProps, ILink, IMarketplaceItemProps, IMarketplaceItemsProps, IMarketplaceListProps, IMarketplaceSearchProps, ISchemaPageProps } from './types/components.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+export { cn } from './cn.mjs';
+export { useMDXComponents } from './mdx-components.mjs';
+export { GuildLayout, getDefaultMetadata } from './theme-layout.mjs';
+export { GraphQLConfCard, GraphQLConfCardProps } from './components/hive-navigation/graphql-conf-card.mjs';
+import 'next/image';
+import 'next/link';
+import 'react-player';
+import '@giscus/react';
 import 'nextra/normalize-pages';
-
-interface IVideo {
-    src: string;
-    placeholder: string;
-}
-type ILink = LinkProps & Pick<ComponentProps<'a'>, 'target' | 'rel' | 'title' | 'className' | 'style'> & {
-    children: ReactNode;
-    newWindow?: boolean;
-    sameSite?: boolean;
-};
-interface IFooterExtendedProps {
-    className?: string;
-    sameSite?: boolean;
-    resources?: ILink[];
-    logo?: ILink;
-}
-interface IFeatureListProps {
-    className?: string;
-    title?: string;
-    description?: string;
-    items: {
-        title: string;
-        description: string;
-        image: ImageProps;
-        link?: ILink;
-    }[];
-    link?: ILink;
-}
-interface IInfoListProps {
-    className?: string;
-    title?: string | ReactNode;
-    items: {
-        title: string | ReactNode;
-        description: string | ReactNode;
-        link?: ILink;
-    }[];
-}
-interface IHeroVideoProps {
-    className?: string;
-    title: string | ReactNode;
-    description: string | ReactNode;
-    flipped?: boolean;
-    link?: ILink;
-    video: IVideo;
-    videoProps?: ReactPlayerProps;
-}
-interface IHeroIllustrationProps {
-    className?: string;
-    title: string | ReactNode;
-    description: string | ReactNode;
-    flipped?: boolean;
-    link?: ILink;
-    image: ImageProps;
-}
-interface IHeroGradientProps {
-    className?: string;
-    title: string | ReactNode;
-    description: string | ReactNode;
-    colors?: string[];
-    version?: string | ReactNode;
-    link?: ILink | ILink[];
-    image?: ImageProps;
-}
-interface IHeroMarketplaceProps {
-    className?: string;
-    title: string | ReactNode;
-    description: string | ReactNode;
-    link: ILink;
-    image?: ImageProps;
-}
-interface IMarketplaceItemProps {
-    title: string;
-    description: string | ReactNode;
-    tags?: string[];
-    modal?: {
-        header: {
-            image?: ImageProps;
-            description?: string | ILink;
-        };
-        content: string | (() => ReactNode) | ReactNode;
-    };
-    update: string;
-    image: ImageProps;
-    link: Omit<ILink, 'children'>;
-    weeklyNPMDownloads?: number;
-}
-interface IMarketplaceItemsProps {
-    items: IMarketplaceItemProps[];
-}
-interface IMarketplaceListProps {
-    className?: string;
-    title?: string;
-    colorScheme?: 'green' | 'neutral';
-    placeholder: string | ReactElement;
-    pagination: number;
-    items: IMarketplaceItemProps[];
-}
-interface IMarketplaceSearchProps {
-    className?: string;
-    title: string | ReactNode;
-    placeholder: string;
-    colorScheme?: 'green' | 'neutral';
-    primaryList: IMarketplaceListProps;
-    secondaryList?: IMarketplaceListProps;
-    queryList?: IMarketplaceListProps;
-    tagsFilter?: string[] | ReadonlyArray<string>;
-}
-interface ISchemaPageProps {
-    schemaName: string;
-    tags?: string[];
-    editorData: Omit<IEditorProps, 'icon' | 'children'>[];
-}
-interface IEditorProps {
-    children: ReactNode;
-    title: string;
-    frameworks?: string[];
-    schema?: string;
-    image?: string;
-    operations?: string;
-}
-
-interface AnchorProps extends ILink {
-}
-declare const Anchor: React$1.ForwardRefExoticComponent<AnchorProps & React$1.RefAttributes<HTMLAnchorElement>>;
-
-interface ButtonProps extends AnchorProps {
-    variant?: 'primary' | 'secondary';
-}
-declare const Button: ({ children, className, variant, ...props }: ButtonProps) => ReactElement;
-
-type CardsColorfulProps = {
-    className?: string;
-    cards: {
-        title: string;
-        description: string;
-        category: string;
-        color: string;
-        link: Omit<ILink, 'children'>;
-    }[];
-};
-declare const CardsColorful: ({ cards, className }: CardsColorfulProps) => ReactElement;
-
-declare const FeatureList: ({ title, description, items, link, className, }: IFeatureListProps) => ReactElement;
-
-declare function Footer({ className, sameSite, resources, logo, }: IFooterExtendedProps): ReactElement;
-
-declare const HeroGradient: ({ title, description, link, version, colors, image, className, }: IHeroGradientProps) => ReactElement;
-
-declare const HeroIllustration: ({ title, description, link, image, flipped, className, }: IHeroIllustrationProps) => ReactElement;
-
-declare const HeroMarketplace: ({ title, description, link, className, image, }: IHeroMarketplaceProps) => ReactElement;
-
-declare const HeroVideo: ({ title, description, link, video, flipped, className, videoProps, }: IHeroVideoProps) => ReactElement;
-
-declare function Image(props: ImageProps): ReactElement;
-
-declare const InfoList: ({ title, items, className }: IInfoListProps) => ReactElement;
-
-type Command = {
-    name: string;
-    cmd: 'add' | 'run' | 'install' | 'init';
-    isNpx?: boolean;
-    isGlobal?: boolean;
-};
-declare const LegacyPackageCmd: ({ packages, }: {
-    packages: (string | Command)[];
-}) => ReactElement;
-
-declare const MarketplaceList: ({ title, placeholder, items, pagination, className, colorScheme, }: IMarketplaceListProps) => ReactElement;
-
-declare const MarketplaceSearch: ({ title, tagsFilter, placeholder, primaryList, secondaryList, queryList, className, colorScheme, }: IMarketplaceSearchProps) => ReactElement;
-
-declare const mdxComponents: {
-    [tag: string]: (props: object) => ReactElement;
-};
-
-declare const NPMBadge: ({ name }: {
-    name: string;
-}) => ReactElement;
-
-/**
- * GraphQL-related products live under the Hive platform brand, so we use a single logo for them.
- * The rest gets The Guild / {Product} logo.
- */
-declare function getNavbarLogo(logo: DocsThemeConfig['logo'], websiteName: string, description: string): react_jsx_runtime.JSX.Element;
-
-declare function ThemeSwitcherButton(): react_jsx_runtime.JSX.Element;
-
-declare const productsItems: {
-    [k: string]: {
-        title: string;
-        href: `https://${string}`;
-    };
-};
-
-declare function GetYourAPIGameRightSection({ className }: {
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-
-interface GraphQLConfCardProps {
-    image: StaticImageData;
-}
-declare function GraphQLConfCard({ image }: GraphQLConfCardProps): react_jsx_runtime.JSX.Element;
-
-interface HiveNavigationProps {
-    companyMenuChildren?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-    /**
-     * We change links to relative based on what product we're in.
-     */
-    productName: string;
-}
-/**
- *
- * @example
- * ```tsx
- * <HiveNavigation
- *   companyMenuChildren={<GraphQLConfCard image={graphQLConfLocalImage} />}
- *   items={items}
- * >
- *   {extraContent}
- * </HiveNavigation>
- * ```
- */
-declare function HiveNavigation({ companyMenuChildren, children, className, productName, }: HiveNavigationProps): react_jsx_runtime.JSX.Element;
-
-interface HiveFooterProps extends IFooterExtendedProps {
-}
-declare function HiveFooter({ className, logo, resources, sameSite }: HiveFooterProps): react_jsx_runtime.JSX.Element;
-
-declare function ToolsAndLibrariesCards({ className }: {
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function MainProductCard({ as: Root, product }: {
-    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;
-
-/**
- * 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 variantStyles: {
-    primary: string;
-    'primary-inverted': string;
-    secondary: string;
-    'secondary-inverted': string;
-    tertiary: string;
-};
-declare namespace CallToActionProps {
-    type Variant = keyof typeof variantStyles;
-    interface BaseProps {
-        variant: Variant;
-    }
-    interface AnchorProps extends BaseProps, React.ComponentPropsWithoutRef<typeof Anchor> {
-        href: string;
-    }
-    interface ButtonProps extends BaseProps, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
-        href?: never;
-        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    }
-}
-type CallToActionProps = CallToActionProps.AnchorProps | CallToActionProps.ButtonProps;
-/**
- * This is called `Button` in Figma in the new Hive brand design system.
- * It's a styled variant of {@link Anchor}.
- *
- * // TODO: Consider renaming it to `Button`.
- */
-declare function CallToAction(props: CallToActionProps): react_jsx_runtime.JSX.Element;
-
-interface CookiesConsentProps extends React.HTMLAttributes<HTMLElement> {
-}
-declare function CookiesConsent(props: CookiesConsentProps): react_jsx_runtime.JSX.Element | null;
-
-interface HeadingProps extends ComponentPropsWithoutRef<'h1'> {
-    as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'p' | 'span';
-    size: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-}
-declare function Heading({ as: _as, size, className, children, ...rest }: HeadingProps): react_jsx_runtime.JSX.Element;
-
-interface InfoCardProps extends React.HTMLAttributes<HTMLElement> {
-    icon: ReactNode;
-    heading: ReactNode;
-    as?: 'div' | 'li';
-}
-declare function InfoCard({ as: Root, icon, heading, className, children, ...rest }: InfoCardProps): react_jsx_runtime.JSX.Element;
-
-interface StudProps extends React.HTMLAttributes<HTMLElement> {
-}
-declare function Stud(props: StudProps): react_jsx_runtime.JSX.Element;
-
-interface ExploreMainProductCardsProps extends HTMLAttributes<HTMLDivElement> {
-}
-declare function ExploreMainProductCards({ className, ...rest }: ExploreMainProductCardsProps): react_jsx_runtime.JSX.Element;
-
-interface GuildDocsThemeConfig extends DocsThemeConfig {
-    websiteName: string;
-    description: string;
-}
-declare function defineConfig({ websiteName, description, logo, ...config }: GuildDocsThemeConfig): DocsThemeConfig;
-
-type Package = {
-    readme: string;
-    createdAt: string;
-    updatedAt: string;
-    description: string;
-    weeklyNPMDownloads: number;
-};
-declare const fetchPackageInfo: (packageName: string, githubReadme?: {
-    repo: string;
-    path: string;
-}) => Promise<Package>;
-
-declare function cn(...inputs: ClassValue[]): string;
+import 'clsx';
+import 'next';
+
+interface LettermarkLogoProps extends HTMLAttributes<HTMLElement> {
+}
+declare const InspectorLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const SofaLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const GraphQLESlintLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const EnvelopLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const ScalarsLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const ConductorLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const StitchingLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const ToolsLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const ModulesLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const ConfigLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const FetsLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const AngularLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const KitQLLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const WSLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const SSELettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const HeltinLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
+declare const WhatsAppLettermark: (props: LettermarkLogoProps) => react_jsx_runtime.JSX.Element;
 
 declare module 'react' {
     interface CSSProperties {
@@ -346,4 +71,4 @@ declare module 'react' {
     }
 }
 
-export { Anchor, AncillaryProductCard, Button, CallToAction, CallToActionProps, CardsColorful, CookiesConsent, type CookiesConsentProps, DecorationIsolation, 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, MainProductCard, MarketplaceList, MarketplaceSearch, NPMBadge, Stud, type StudProps, ThemeSwitcherButton, ToolsAndLibrariesCards, cn, defineConfig, fetchPackageInfo, getNavbarLogo, mdxComponents, productsItems };
+export { AngularLettermark, ConductorLettermark, ConfigLettermark, EnvelopLettermark, FetsLettermark, GraphQLESlintLettermark, HeltinLettermark, InspectorLettermark, KitQLLettermark, type LettermarkLogoProps, ModulesLettermark, SSELettermark, ScalarsLettermark, SofaLettermark, StitchingLettermark, ToolsLettermark, WSLettermark, WhatsAppLettermark };