@primer/react-brand 0.0.0-20260109123521 → 0.0.0-20260114142801

package/lib/Hero/Hero.d.ts

@@ -1,17 +1,18 @@
-import React, { PropsWithChildren } from 'react';
-import { ButtonBaseProps } from '../Button';
-import { HeadingProps } from '../Heading';
-import { TextSizes, TextWeightVariants, ResponsiveWeightMap } from '../Text';
-import { LabelProps } from '../Label';
+import React from 'react';
 import type { BaseProps } from '../component-helpers';
+import type { HeroAlign, HeroVariant } from './HeroContext';
+import type { HeroVideoProps } from './sub-components';
 /**
  * Design tokens
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/hero/base.css';
 export type HeroProps = BaseProps<HTMLElement> & {
-    align?: 'start' | 'center';
+    align?: HeroAlign;
     imageContainerClassName?: string;
     imageContainerStyle?: React.CSSProperties;
+    imageContainerRef?: React.RefObject<HTMLDivElement | null>;
+    imageBackgroundColor?: 'default' | 'subtle';
+    variant?: HeroVariant;
     /**
      * Escape-hatch for inserting custom React components.
      * Warning:
@@ -21,93 +22,84 @@ export type HeroProps = BaseProps<HTMLElement> & {
     trailingComponent?: React.FunctionComponent;
     'data-testid'?: string;
 };
-type HeroHeadingProps = Omit<HeadingProps, 'as'> & {
-    fullWidth?: boolean;
-};
-type HeroVideoProps = {
-    position?: 'inline-end' | 'block-end';
-    'data-testid'?: string;
-} & PropsWithChildren<BaseProps<HTMLDivElement>>;
-type HeroEyebrowProps = PropsWithChildren<BaseProps<HTMLDivElement>>;
-type HeroLabelProps = LabelProps & BaseProps<HTMLSpanElement>;
 export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeroProps>, "ref"> & React.RefAttributes<HTMLElement>> & {
-    Heading: React.ForwardRefExoticComponent<Omit<HeroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Heading: React.ForwardRefExoticComponent<Omit<import("./sub-components").HeroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<(Omit<{
-        size?: (typeof TextSizes)[number];
-        weight?: TextWeightVariants | ResponsiveWeightMap;
+        size?: typeof import("..").TextSizes[number];
+        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
     } & BaseProps<HTMLParagraphElement> & {
-        font?: import("../Text").TextFontVariants;
-        size?: (typeof TextSizes)[number];
-        variant?: typeof import("../Text").TextVariants[number];
-        weight?: TextWeightVariants | ResponsiveWeightMap;
+        font?: import("..").TextFontVariants;
+        size?: typeof import("..").TextSizes[number];
+        variant?: typeof import("..").TextVariants[number];
+        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
         align?: "start" | "center" | "end";
         hasAntiAliasing?: boolean;
     } & {
-        as?: typeof import("../Text").TextTags[number];
+        as?: typeof import("..").TextTags[number];
     } & React.HTMLAttributes<HTMLParagraphElement> & {
         as?: "p";
     } & {
         children?: React.ReactNode | undefined;
     }, "ref"> | Omit<{
-        size?: (typeof TextSizes)[number];
-        weight?: TextWeightVariants | ResponsiveWeightMap;
+        size?: typeof import("..").TextSizes[number];
+        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
     } & BaseProps<HTMLParagraphElement> & {
-        font?: import("../Text").TextFontVariants;
-        size?: (typeof TextSizes)[number];
-        variant?: typeof import("../Text").TextVariants[number];
-        weight?: TextWeightVariants | ResponsiveWeightMap;
+        font?: import("..").TextFontVariants;
+        size?: typeof import("..").TextSizes[number];
+        variant?: typeof import("..").TextVariants[number];
+        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
         align?: "start" | "center" | "end";
         hasAntiAliasing?: boolean;
     } & {
-        as?: typeof import("../Text").TextTags[number];
+        as?: typeof import("..").TextTags[number];
     } & React.HTMLAttributes<HTMLSpanElement> & BaseProps<HTMLSpanElement> & {
         as?: "span";
     } & {
         children?: React.ReactNode | undefined;
     }, "ref"> | Omit<{
-        size?: (typeof TextSizes)[number];
-        weight?: TextWeightVariants | ResponsiveWeightMap;
+        size?: typeof import("..").TextSizes[number];
+        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
     } & BaseProps<HTMLParagraphElement> & {
-        font?: import("../Text").TextFontVariants;
-        size?: (typeof TextSizes)[number];
-        variant?: typeof import("../Text").TextVariants[number];
-        weight?: TextWeightVariants | ResponsiveWeightMap;
+        font?: import("..").TextFontVariants;
+        size?: typeof import("..").TextSizes[number];
+        variant?: typeof import("..").TextVariants[number];
+        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
         align?: "start" | "center" | "end";
         hasAntiAliasing?: boolean;
     } & {
-        as?: typeof import("../Text").TextTags[number];
+        as?: typeof import("..").TextTags[number];
     } & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
         as?: "div";
     } & {
         children?: React.ReactNode | undefined;
     }, "ref"> | Omit<{
-        size?: (typeof TextSizes)[number];
-        weight?: TextWeightVariants | ResponsiveWeightMap;
+        size?: typeof import("..").TextSizes[number];
+        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
     } & BaseProps<HTMLParagraphElement> & {
-        font?: import("../Text").TextFontVariants;
-        size?: (typeof TextSizes)[number];
-        variant?: typeof import("../Text").TextVariants[number];
-        weight?: TextWeightVariants | ResponsiveWeightMap;
+        font?: import("..").TextFontVariants;
+        size?: typeof import("..").TextSizes[number];
+        variant?: typeof import("..").TextVariants[number];
+        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
         align?: "start" | "center" | "end";
         hasAntiAliasing?: boolean;
     } & {
-        as?: typeof import("../Text").TextTags[number];
+        as?: typeof import("..").TextTags[number];
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
         as?: "strong";
     } & {
         children?: React.ReactNode | undefined;
     }, "ref"> | Omit<{
-        size?: (typeof TextSizes)[number];
-        weight?: TextWeightVariants | ResponsiveWeightMap;
+        size?: typeof import("..").TextSizes[number];
+        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
     } & BaseProps<HTMLParagraphElement> & {
-        font?: import("../Text").TextFontVariants;
-        size?: (typeof TextSizes)[number];
-        variant?: typeof import("../Text").TextVariants[number];
-        weight?: TextWeightVariants | ResponsiveWeightMap;
+        font?: import("..").TextFontVariants;
+        size?: typeof import("..").TextSizes[number];
+        variant?: typeof import("..").TextVariants[number];
+        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
         align?: "start" | "center" | "end";
         hasAntiAliasing?: boolean;
     } & {
-        as?: typeof import("../Text").TextTags[number];
+        as?: typeof import("..").TextTags[number];
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
         as?: "em";
     } & {
@@ -116,14 +108,14 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
     PrimaryAction: React.ForwardRefExoticComponent<(Omit<{
         as?: "a" | "button";
         href: string;
-    } & ButtonBaseProps & BaseProps<HTMLAnchorElement> & {
+    } & import("..").ButtonBaseProps & BaseProps<HTMLAnchorElement> & {
         as?: "a";
     } & {
         children?: React.ReactNode | undefined;
     }, "ref"> | Omit<{
         as?: "a" | "button";
         href: string;
-    } & ButtonBaseProps & BaseProps<HTMLButtonElement> & {
+    } & import("..").ButtonBaseProps & BaseProps<HTMLButtonElement> & {
         as?: "button";
     } & {
         children?: React.ReactNode | undefined;
@@ -131,38 +123,38 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
     SecondaryAction: React.ForwardRefExoticComponent<(Omit<{
         as?: "a" | "button";
         href: string;
-    } & ButtonBaseProps & BaseProps<HTMLAnchorElement> & {
+    } & import("..").ButtonBaseProps & BaseProps<HTMLAnchorElement> & {
         as?: "a";
     } & {
         children?: React.ReactNode | undefined;
     }, "ref"> | Omit<{
         as?: "a" | "button";
         href: string;
-    } & ButtonBaseProps & BaseProps<HTMLButtonElement> & {
+    } & import("..").ButtonBaseProps & BaseProps<HTMLButtonElement> & {
         as?: "button";
     } & {
         children?: React.ReactNode | undefined;
     }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     Image: React.ForwardRefExoticComponent<(Omit<{
-        position?: "inline-end" | "block-end";
+        position?: import("./HeroContext").HeroMediaPositions;
     } & React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
         src: string;
         alt: string;
-        aspectRatio?: import("../Image").ImageAspectRatio;
+        aspectRatio?: import("..").ImageAspectRatio;
         media?: string;
-        borderRadius?: import("../Image").ImageBorderRadiusOptions;
+        borderRadius?: import("..").ImageBorderRadiusOptions;
         srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet">;
     } & {
         as?: "img";
         srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet">;
     }, "ref"> | Omit<{
-        position?: "inline-end" | "block-end";
+        position?: import("./HeroContext").HeroMediaPositions;
     } & React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
         src: string;
         alt: string;
-        aspectRatio?: import("../Image").ImageAspectRatio;
+        aspectRatio?: import("..").ImageAspectRatio;
         media?: string;
-        borderRadius?: import("../Image").ImageBorderRadiusOptions;
+        borderRadius?: import("..").ImageBorderRadiusOptions;
         srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet">;
     } & {
         as: "picture";
@@ -173,11 +165,12 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         srcSet?: undefined;
     }, "ref">) & React.RefAttributes<HTMLImageElement>>;
     Video: React.ForwardRefExoticComponent<Omit<HeroVideoProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<Omit<HeroLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    Eyebrow: React.ForwardRefExoticComponent<Omit<HeroEyebrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<import("./sub-components").HeroLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Eyebrow: React.ForwardRefExoticComponent<Omit<import("./sub-components").HeroEyebrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     testIds: {
         root: string;
         readonly video: string;
+        readonly grid: string;
+        readonly imageWrapper: string;
     };
 };
-export {};

package/lib/Hero/HeroContext.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export declare const HeroAlignOptions: readonly ["start", "center"];
+export type HeroAlign = (typeof HeroAlignOptions)[number];
+export declare const HeroVariantOptions: readonly ["default", "bordered-grid"];
+export type HeroVariant = (typeof HeroVariantOptions)[number];
+export declare const heroMediaPositions: readonly ["block-end", "inline-start", "inline-end", "inline-end-padded", "inline-start-padded"];
+export declare const heroMediaInlinePositions: ("inline-end" | "inline-start" | "block-end" | "inline-end-padded" | "inline-start-padded")[];
+export type HeroMediaPositions = (typeof heroMediaPositions)[number];
+export type HeroMediaInlinePositions = (typeof heroMediaInlinePositions)[number];
+type HeroContextType = {
+    /**
+     * The active variant of the Hero component
+     */
+    variant: HeroVariant;
+    /**
+     * The alignment of the Hero content
+     */
+    align: HeroAlign;
+    /**
+     * Image position within the Hero
+     */
+    imagePosition: HeroMediaPositions;
+    /**
+     * Hero.Image is an inline media position
+     */
+    hasInlineMedia: boolean;
+};
+export declare const HeroContext: React.Context<HeroContextType | undefined>;
+export declare const useHeroContext: () => HeroContextType;
+export {};

package/lib/Hero/sub-components/HeroDescription.d.ts

@@ -0,0 +1,87 @@
+import { TextSizes, TextWeightVariants, ResponsiveWeightMap, TextProps } from '../../Text';
+import type { BaseProps } from '../../component-helpers';
+export type HeroDescriptionProps = {
+    size?: (typeof TextSizes)[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+} & BaseProps<HTMLParagraphElement> & TextProps;
+export declare const HeroDescription: import("react").ForwardRefExoticComponent<(Omit<{
+    size?: (typeof TextSizes)[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+} & BaseProps<HTMLParagraphElement> & {
+    font?: import("../../Text").TextFontVariants;
+    size?: (typeof TextSizes)[number];
+    variant?: typeof import("../../Text").TextVariants[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+    align?: "start" | "center" | "end";
+    hasAntiAliasing?: boolean;
+} & {
+    as?: typeof import("../../Text").TextTags[number];
+} & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    as?: "p";
+} & {
+    children?: import("react").ReactNode | undefined;
+}, "ref"> | Omit<{
+    size?: (typeof TextSizes)[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+} & BaseProps<HTMLParagraphElement> & {
+    font?: import("../../Text").TextFontVariants;
+    size?: (typeof TextSizes)[number];
+    variant?: typeof import("../../Text").TextVariants[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+    align?: "start" | "center" | "end";
+    hasAntiAliasing?: boolean;
+} & {
+    as?: typeof import("../../Text").TextTags[number];
+} & import("react").HTMLAttributes<HTMLSpanElement> & BaseProps<HTMLSpanElement> & {
+    as?: "span";
+} & {
+    children?: import("react").ReactNode | undefined;
+}, "ref"> | Omit<{
+    size?: (typeof TextSizes)[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+} & BaseProps<HTMLParagraphElement> & {
+    font?: import("../../Text").TextFontVariants;
+    size?: (typeof TextSizes)[number];
+    variant?: typeof import("../../Text").TextVariants[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+    align?: "start" | "center" | "end";
+    hasAntiAliasing?: boolean;
+} & {
+    as?: typeof import("../../Text").TextTags[number];
+} & import("react").HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement> & {
+    as?: "div";
+} & {
+    children?: import("react").ReactNode | undefined;
+}, "ref"> | Omit<{
+    size?: (typeof TextSizes)[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+} & BaseProps<HTMLParagraphElement> & {
+    font?: import("../../Text").TextFontVariants;
+    size?: (typeof TextSizes)[number];
+    variant?: typeof import("../../Text").TextVariants[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+    align?: "start" | "center" | "end";
+    hasAntiAliasing?: boolean;
+} & {
+    as?: typeof import("../../Text").TextTags[number];
+} & import("react").HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
+    as?: "strong";
+} & {
+    children?: import("react").ReactNode | undefined;
+}, "ref"> | Omit<{
+    size?: (typeof TextSizes)[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+} & BaseProps<HTMLParagraphElement> & {
+    font?: import("../../Text").TextFontVariants;
+    size?: (typeof TextSizes)[number];
+    variant?: typeof import("../../Text").TextVariants[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+    align?: "start" | "center" | "end";
+    hasAntiAliasing?: boolean;
+} & {
+    as?: typeof import("../../Text").TextTags[number];
+} & import("react").HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
+    as?: "em";
+} & {
+    children?: import("react").ReactNode | undefined;
+}, "ref">) & import("react").RefAttributes<HTMLParagraphElement>>;

package/lib/Hero/sub-components/HeroEyebrow.d.ts

@@ -0,0 +1,4 @@
+import React, { PropsWithChildren } from 'react';
+import type { BaseProps } from '../../component-helpers';
+export type HeroEyebrowProps = PropsWithChildren<BaseProps<HTMLDivElement>>;
+export declare const HeroEyebrow: React.ForwardRefExoticComponent<Omit<HeroEyebrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/Hero/sub-components/HeroHeading.d.ts

@@ -0,0 +1,5 @@
+import { HeadingProps } from '../../Heading';
+export type HeroHeadingProps = Omit<HeadingProps, 'as'> & {
+    fullWidth?: boolean;
+};
+export declare const HeroHeading: import("react").ForwardRefExoticComponent<Omit<HeroHeadingProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;

package/lib/Hero/sub-components/HeroImage.d.ts

@@ -0,0 +1,35 @@
+import { ImageProps } from '../../Image';
+import type { BaseProps } from '../../component-helpers';
+import { type HeroMediaPositions } from '../HeroContext';
+export type HeroImageProps = {
+    position?: HeroMediaPositions;
+} & ImageProps & BaseProps<HTMLImageElement>;
+export declare const HeroImage: import("react").ForwardRefExoticComponent<(Omit<{
+    position?: HeroMediaPositions;
+} & import("react").ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
+    src: string;
+    alt: string;
+    aspectRatio?: import("../../Image").ImageAspectRatio;
+    media?: string;
+    borderRadius?: import("../../Image").ImageBorderRadiusOptions;
+    srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet">;
+} & {
+    as?: "img";
+    srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet">;
+}, "ref"> | Omit<{
+    position?: HeroMediaPositions;
+} & import("react").ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
+    src: string;
+    alt: string;
+    aspectRatio?: import("../../Image").ImageAspectRatio;
+    media?: string;
+    borderRadius?: import("../../Image").ImageBorderRadiusOptions;
+    srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet">;
+} & {
+    as: "picture";
+    sources?: {
+        srcset: string;
+        media: string;
+    }[];
+    srcSet?: undefined;
+}, "ref">) & import("react").RefAttributes<HTMLImageElement>>;

package/lib/Hero/sub-components/HeroLabel.d.ts

@@ -0,0 +1,7 @@
+import { TextProps } from '../../Text';
+import type { BaseProps } from '../../component-helpers';
+export type HeroLabelProps = Omit<TextProps, 'as' | 'ref' | 'animate'> & Omit<BaseProps<HTMLSpanElement>, 'animate'> & {
+    animate?: boolean;
+    animationDelay?: number;
+};
+export declare const HeroLabel: import("react").ForwardRefExoticComponent<Omit<HeroLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/lib/Hero/sub-components/HeroPrimaryAction.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ButtonBaseProps } from '../../Button';
+import type { BaseProps } from '../../component-helpers';
+type RestrictedPolymorphism = (BaseProps<HTMLAnchorElement> & {
+    as?: 'a';
+}) | (BaseProps<HTMLButtonElement> & {
+    as?: 'button';
+});
+export type HeroPrimaryActionProps = {
+    as?: 'a' | 'button';
+    href: string;
+} & ButtonBaseProps & RestrictedPolymorphism;
+export declare const HeroPrimaryAction: React.ForwardRefExoticComponent<(Omit<{
+    as?: "a" | "button";
+    href: string;
+} & ButtonBaseProps & BaseProps<HTMLAnchorElement> & {
+    as?: "a";
+} & {
+    children?: React.ReactNode | undefined;
+}, "ref"> | Omit<{
+    as?: "a" | "button";
+    href: string;
+} & ButtonBaseProps & BaseProps<HTMLButtonElement> & {
+    as?: "button";
+} & {
+    children?: React.ReactNode | undefined;
+}, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export {};

package/lib/Hero/sub-components/HeroSecondaryAction.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ButtonBaseProps } from '../../Button';
+import type { BaseProps } from '../../component-helpers';
+type RestrictedPolymorphism = (BaseProps<HTMLAnchorElement> & {
+    as?: 'a';
+}) | (BaseProps<HTMLButtonElement> & {
+    as?: 'button';
+});
+export type HeroSecondaryActionProps = {
+    as?: 'a' | 'button';
+    href: string;
+} & ButtonBaseProps & RestrictedPolymorphism;
+export declare const HeroSecondaryAction: React.ForwardRefExoticComponent<(Omit<{
+    as?: "a" | "button";
+    href: string;
+} & ButtonBaseProps & BaseProps<HTMLAnchorElement> & {
+    as?: "a";
+} & {
+    children?: React.ReactNode | undefined;
+}, "ref"> | Omit<{
+    as?: "a" | "button";
+    href: string;
+} & ButtonBaseProps & BaseProps<HTMLButtonElement> & {
+    as?: "button";
+} & {
+    children?: React.ReactNode | undefined;
+}, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export {};

package/lib/Hero/sub-components/HeroVideo.d.ts

@@ -0,0 +1,8 @@
+import React, { PropsWithChildren } from 'react';
+import type { BaseProps } from '../../component-helpers';
+import type { HeroMediaPositions } from '../HeroContext';
+export type HeroVideoProps = {
+    position?: HeroMediaPositions;
+    'data-testid'?: string;
+} & PropsWithChildren<BaseProps<HTMLDivElement>>;
+export declare const HeroVideo: React.ForwardRefExoticComponent<Omit<HeroVideoProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/Hero/sub-components/index.d.ts

@@ -0,0 +1,16 @@
+export { HeroLabel } from './HeroLabel';
+export type { HeroLabelProps } from './HeroLabel';
+export { HeroHeading } from './HeroHeading';
+export type { HeroHeadingProps } from './HeroHeading';
+export { HeroDescription } from './HeroDescription';
+export type { HeroDescriptionProps } from './HeroDescription';
+export { HeroImage } from './HeroImage';
+export type { HeroImageProps } from './HeroImage';
+export { HeroVideo } from './HeroVideo';
+export type { HeroVideoProps } from './HeroVideo';
+export { HeroEyebrow } from './HeroEyebrow';
+export type { HeroEyebrowProps } from './HeroEyebrow';
+export { HeroPrimaryAction } from './HeroPrimaryAction';
+export type { HeroPrimaryActionProps } from './HeroPrimaryAction';
+export { HeroSecondaryAction } from './HeroSecondaryAction';
+export type { HeroSecondaryActionProps } from './HeroSecondaryAction';

package/lib/TextCursorAnimation/TextCursorAnimation.d.ts

@@ -0,0 +1,15 @@
+import React, { PropsWithChildren } from 'react';
+export declare const testIds: {
+    root: string;
+    readonly cursor: string;
+};
+export type TextCursorAnimationProps = {
+    /**
+     * Whether to animate the text reveal with a sliding wipe animation
+     * and a cursor that transitions from grey to green.
+     */
+    animate?: boolean;
+    ['data-testid']?: string;
+    delay?: number;
+} & React.HTMLAttributes<HTMLSpanElement>;
+export declare function TextCursorAnimation({ children, className, animate, 'data-testid': testId, delay, }: PropsWithChildren<TextCursorAnimationProps>): import("react/jsx-runtime").JSX.Element;

package/lib/TextCursorAnimation/index.d.ts

@@ -0,0 +1 @@
+export * from './TextCursorAnimation';

package/lib/animation/AnimationProvider/AnimationProvider.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren } from 'react';
  * Design tokens
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/animation/base.css';
-export declare const AnimationVariants: readonly ["fade-in", "fade-out", "slide-in-up", "slide-in-down", "slide-in-left", "slide-in-right", "scale-in-up", "scale-in-down", "scale-in", "fill-in-top", "scale-in-right", "scale-in-left", "fill-in-right"];
+export declare const AnimationVariants: readonly ["fade-in", "fade-out", "slide-in-up", "slide-in-down", "slide-in-left", "slide-in-right", "scale-in-up", "scale-in-down", "scale-in", "fill-in-top", "scale-in-right", "scale-in-left", "fill-in-right", "wipe-in-up"];
 type Variant = (typeof AnimationVariants)[number];
 type VariantAdvanced = {
     variant: Variant;
@@ -12,7 +12,7 @@ type VariantAdvanced = {
     ease?: string;
 };
 export type AnimateProps = Variant | VariantAdvanced;
-type AnimationTrigger = 'click' | 'on-visible';
+type AnimationTrigger = 'click' | 'on-visible' | 'immediate';
 type IntersectionVisibilityeOptions = 'bottom-of-screen' | 'middle-of-screen' | 'about-to-leave' | number;
 type AnimationProviderProps = {
     /**
@@ -20,7 +20,7 @@ type AnimationProviderProps = {
      */
     disableAnimations?: boolean;
     /**
-     * Controls the trigger method for the animation. One of `click` or `on-visible`.
+     * Controls the trigger method for the animation. One of `click`, `on-visible`, or `immediate`.
      */
     animationTrigger?: AnimationTrigger;
     /**