@primer/react-brand 0.68.0-rc.59bbed40 → 0.68.0-rc.5bd56cbb

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

@@ -0,0 +1,88 @@
+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("../..").TextFontVariants;
+    size?: (typeof TextSizes)[number];
+    variant?: typeof import("../..").TextVariants[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+    align?: "start" | "center" | "end";
+    hasAntiAliasing?: boolean;
+} & {
+    as?: typeof import("../..").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("../..").TextFontVariants;
+    size?: (typeof TextSizes)[number];
+    variant?: typeof import("../..").TextVariants[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+    align?: "start" | "center" | "end";
+    hasAntiAliasing?: boolean;
+} & {
+    as?: typeof import("../..").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("../..").TextFontVariants;
+    size?: (typeof TextSizes)[number];
+    variant?: typeof import("../..").TextVariants[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+    align?: "start" | "center" | "end";
+    hasAntiAliasing?: boolean;
+} & {
+    as?: typeof import("../..").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("../..").TextFontVariants;
+    size?: (typeof TextSizes)[number];
+    variant?: typeof import("../..").TextVariants[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+    align?: "start" | "center" | "end";
+    hasAntiAliasing?: boolean;
+} & {
+    as?: typeof import("../..").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("../..").TextFontVariants;
+    size?: (typeof TextSizes)[number];
+    variant?: typeof import("../..").TextVariants[number];
+    weight?: TextWeightVariants | ResponsiveWeightMap;
+    align?: "start" | "center" | "end";
+    hasAntiAliasing?: boolean;
+} & {
+    as?: typeof import("../..").TextTags[number];
+} & import("react").HTMLAttributes<HTMLElement> & BaseProps<HTMLElement> & {
+    as?: "em";
+} & {
+    children?: import("react").ReactNode | undefined;
+}, "ref">) & import("react").RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=HeroDescription.d.ts.map

package/esm/Hero/sub-components/HeroDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroDescription.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,SAAS,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,SAAS,EAAC,MAAM,YAAY,CAAA;AAC9F,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAKtD,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;IACjC,MAAM,CAAC,EAAE,kBAAkB,GAAG,mBAAmB,CAAA;CAClD,GAAG,SAAS,CAAC,oBAAoB,CAAC,GACjC,SAAS,CAAA;AAEX,eAAO,MAAM,eAAe;WALnB,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC;aACxB,kBAAkB,GAAG,mBAAmB;;;YAmCgY,gBAAgB;;;;;;;;;;;;WApC1b,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC;aACxB,kBAAkB,GAAG,mBAAmB;;;YAmCgY,gBAAgB;;;;;;;;;;;;WApC1b,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC;aACxB,kBAAkB,GAAG,mBAAmB;;;YAmCgY,gBAAgB;;;;;;;;;;;;WApC1b,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC;aACxB,kBAAkB,GAAG,mBAAmB;;;YAmCgY,gBAAgB;;;;;;;;;;;;WApC1b,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC;aACxB,kBAAkB,GAAG,mBAAmB;;;YAmCgY,gBAAgB;;;;;;;;;;;iEADlc,CAAA"}

package/esm/Hero/sub-components/HeroDescription.js

@@ -0,0 +1,28 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { useHeroContext as t } from "../HeroContext.js";
+import { Text as n } from "../../Text/Text.js";
+import r from "../Hero.module.js";
+import { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/Hero/sub-components/HeroDescription.tsx
+var o = i(({ size: i = "200", weight: o = "normal", children: s, variant: c = "muted", className: l }, u) => {
+	let { variant: d, enableAnimation: f } = t();
+	return /* @__PURE__ */ a(n, {
+		animate: (d === "gridline" || d === "gridline-expressive") && f ? {
+			variant: "slide-in-up",
+			delay: 500,
+			duration: 1e3
+		} : void 0,
+		ref: u,
+		className: e(r["Hero-description"], l),
+		as: "p",
+		size: i,
+		weight: o,
+		variant: c,
+		children: s
+	});
+});
+//#endregion
+export { o as HeroDescription };
+
+//# sourceMappingURL=HeroDescription.js.map

package/esm/Hero/sub-components/HeroDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroDescription.js","names":[],"sources":["../../../src/Hero/sub-components/HeroDescription.tsx"],"sourcesContent":["import {forwardRef, PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport {Text, TextSizes, TextWeightVariants, ResponsiveWeightMap, TextProps} from '../../Text'\nimport type {BaseProps} from '../../component-helpers'\n\nimport styles from '../Hero.module.css'\nimport {useHeroContext} from '../HeroContext'\n\nexport type HeroDescriptionProps = {\n  size?: (typeof TextSizes)[number]\n  weight?: TextWeightVariants | ResponsiveWeightMap\n} & BaseProps<HTMLParagraphElement> &\n  TextProps\n\nexport const HeroDescription = forwardRef<HTMLParagraphElement, PropsWithChildren<HeroDescriptionProps>>(\n  (\n    {size = '200', weight = 'normal', children, variant = 'muted', className}: PropsWithChildren<HeroDescriptionProps>,\n    ref,\n  ) => {\n    const {variant: heroVariant, enableAnimation} = useHeroContext()\n    const isGridlineVariant = heroVariant === 'gridline' || heroVariant === 'gridline-expressive'\n\n    return (\n      <Text\n        animate={\n          isGridlineVariant && enableAnimation\n            ? {\n                variant: 'slide-in-up',\n                delay: 500,\n                duration: 1000,\n              }\n            : undefined\n        }\n        ref={ref}\n        className={clsx(styles['Hero-description'], className)}\n        as=\"p\"\n        size={size}\n        weight={weight}\n        variant={variant}\n      >\n        {children}\n      </Text>\n    )\n  },\n)\n"],"mappings":";;;;;;;AAcA,IAAa,IAAkB,GAE3B,EAAC,UAAO,OAAO,YAAS,UAAU,aAAU,aAAU,SAAS,gBAC/D,MACG;CACH,IAAM,EAAC,SAAS,GAAa,uBAAmB,GAAgB;AAGhE,QACE,kBAAC,GAAD;EACE,UAJsB,MAAgB,cAAc,MAAgB,0BAK7C,IACjB;GACE,SAAS;GACT,OAAO;GACP,UAAU;GACX,GACD,KAAA;EAED;EACL,WAAW,EAAK,EAAO,qBAAqB,EAAU;EACtD,IAAG;EACG;EACE;EACC;EAER;EACI,CAAA;EAGZ"}

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

@@ -0,0 +1,5 @@
+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>>;
+//# sourceMappingURL=HeroEyebrow.d.ts.map

package/esm/Hero/sub-components/HeroEyebrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroEyebrow.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroEyebrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAItD,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;AAE3E,eAAO,MAAM,WAAW,sGAQvB,CAAA"}

package/esm/Hero/sub-components/HeroEyebrow.js

@@ -0,0 +1,15 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import t from "../Hero.module.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/Hero/sub-components/HeroEyebrow.tsx
+var i = n(({ children: n, className: i, ...a }, o) => /* @__PURE__ */ r("div", {
+	ref: o,
+	className: e(t["Hero-eyebrow"], i),
+	...a,
+	children: n
+}));
+//#endregion
+export { i as HeroEyebrow };
+
+//# sourceMappingURL=HeroEyebrow.js.map

package/esm/Hero/sub-components/HeroEyebrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroEyebrow.js","names":[],"sources":["../../../src/Hero/sub-components/HeroEyebrow.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../../component-helpers'\n\nimport styles from '../Hero.module.css'\n\nexport type HeroEyebrowProps = PropsWithChildren<BaseProps<HTMLDivElement>>\n\nexport const HeroEyebrow = forwardRef<HTMLDivElement, HeroEyebrowProps>(\n  ({children, className, ...rest}: PropsWithChildren<HeroEyebrowProps>, ref) => {\n    return (\n      <div ref={ref} className={clsx(styles['Hero-eyebrow'], className)} {...rest}>\n        {children}\n      </div>\n    )\n  },\n)\n"],"mappings":";;;;;AAQA,IAAa,IAAc,GACxB,EAAC,aAAU,cAAW,GAAG,KAA4C,MAElE,kBAAC,OAAD;CAAU;CAAK,WAAW,EAAK,EAAO,iBAAiB,EAAU;CAAE,GAAI;CACpE;CACG,CAAA,CAGX"}

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

@@ -0,0 +1,6 @@
+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>>;
+//# sourceMappingURL=HeroHeading.d.ts.map

package/esm/Hero/sub-components/HeroHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroHeading.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroHeading.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,YAAY,EAAC,MAAM,eAAe,CAAA;AAKnD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,WAAW,8HA2BvB,CAAA"}

package/esm/Hero/sub-components/HeroHeading.js

@@ -0,0 +1,28 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { useHeroContext as t } from "../HeroContext.js";
+import n from "../Hero.module.js";
+import { Heading as r } from "../../Heading/Heading.js";
+import { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/Hero/sub-components/HeroHeading.tsx
+var o = i(({ children: i, fullWidth: o = !1, size: s = "1", ...c }, l) => {
+	let { hasInlineMedia: u, variant: d, enableAnimation: f } = t();
+	return /* @__PURE__ */ a(r, {
+		animate: (d === "gridline" || d === "gridline-expressive") && f ? {
+			variant: "reveal-in-up",
+			delay: 0,
+			duration: 1e3
+		} : void 0,
+		id: "hero-section-brand-heading",
+		className: e(n["Hero-heading"], o && n["Hero-heading--fullWidth"]),
+		as: "h1",
+		size: u ? "2" : s,
+		ref: l,
+		...c,
+		children: i
+	});
+});
+//#endregion
+export { o as HeroHeading };
+
+//# sourceMappingURL=HeroHeading.js.map

package/esm/Hero/sub-components/HeroHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroHeading.js","names":[],"sources":["../../../src/Hero/sub-components/HeroHeading.tsx"],"sourcesContent":["import {forwardRef, PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport {Heading, HeadingProps} from '../../Heading'\nimport {useHeroContext} from '../HeroContext'\n\nimport styles from '../Hero.module.css'\n\nexport type HeroHeadingProps = Omit<HeadingProps, 'as'> & {\n  fullWidth?: boolean\n}\n\nexport const HeroHeading = forwardRef<HTMLHeadingElement, HeroHeadingProps>(\n  ({children, fullWidth = false, size = '1', ...rest}: PropsWithChildren<HeroHeadingProps>, ref) => {\n    const {hasInlineMedia, variant: heroVariant, enableAnimation} = useHeroContext()\n    const isGridlineVariant = heroVariant === 'gridline' || heroVariant === 'gridline-expressive'\n\n    return (\n      <Heading\n        animate={\n          isGridlineVariant && enableAnimation\n            ? {\n                variant: 'reveal-in-up',\n                delay: 0,\n                duration: 1000,\n              }\n            : undefined\n        }\n        id=\"hero-section-brand-heading\"\n        className={clsx(styles['Hero-heading'], fullWidth && styles['Hero-heading--fullWidth'])}\n        as=\"h1\"\n        size={hasInlineMedia ? '2' : size}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Heading>\n    )\n  },\n)\n"],"mappings":";;;;;;;AAWA,IAAa,IAAc,GACxB,EAAC,aAAU,eAAY,IAAO,UAAO,KAAK,GAAG,KAA4C,MAAQ;CAChG,IAAM,EAAC,mBAAgB,SAAS,GAAa,uBAAmB,GAAgB;AAGhF,QACE,kBAAC,GAAD;EACE,UAJsB,MAAgB,cAAc,MAAgB,0BAK7C,IACjB;GACE,SAAS;GACT,OAAO;GACP,UAAU;GACX,GACD,KAAA;EAEN,IAAG;EACH,WAAW,EAAK,EAAO,iBAAiB,KAAa,EAAO,2BAA2B;EACvF,IAAG;EACH,MAAM,IAAiB,MAAM;EACxB;EACL,GAAI;EAEH;EACO,CAAA;EAGf"}

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

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

package/esm/Hero/sub-components/HeroImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroImage.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroImage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAC,MAAM,aAAa,CAAA;AAC7C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAiB,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAA;AAItE,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,GAAG,UAAU,GACZ,SAAS,CAAC,gBAAgB,CAAC,CAAA;AAE7B,eAAO,MAAM,SAAS;eALT,kBAAkB;mBACd,OAAO;;;;;;;;;;;;eADX,kBAAkB;mBACd,OAAO;;;;;;;;;;;;;;;6DAiCvB,CAAA"}

package/esm/Hero/sub-components/HeroImage.js

@@ -0,0 +1,24 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { useHeroContext as t } from "../HeroContext.js";
+import n from "../Hero.module.js";
+import { Image as r } from "../../Image/Image.js";
+import { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/Hero/sub-components/HeroImage.tsx
+var o = i(({ position: i = "block-end", className: o, enableBorder: s, ...c }, l) => {
+	let { variant: u, enableAnimation: d } = t(), f = i.startsWith("inline"), p = i.endsWith("-padded");
+	return /* @__PURE__ */ a(r, {
+		animate: u === "gridline" && d ? {
+			variant: "slide-in-up",
+			delay: 0,
+			duration: 1e3
+		} : void 0,
+		ref: l,
+		className: e(n["Hero-image"], n["Hero-media"], n[`Hero-media--pos-${i}`], f && n["Hero-media--pos-inline"], f && p && n["Hero-media--pos-inline-padded"], o),
+		...c
+	});
+});
+//#endregion
+export { o as HeroImage };
+
+//# sourceMappingURL=HeroImage.js.map

package/esm/Hero/sub-components/HeroImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroImage.js","names":[],"sources":["../../../src/Hero/sub-components/HeroImage.tsx"],"sourcesContent":["import {forwardRef, PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport {Image, ImageProps} from '../../Image'\nimport type {BaseProps} from '../../component-helpers'\nimport {useHeroContext, type HeroMediaPositions} from '../HeroContext'\n\nimport styles from '../Hero.module.css'\n\nexport type HeroImageProps = {\n  position?: HeroMediaPositions\n  enableBorder?: boolean\n} & ImageProps &\n  BaseProps<HTMLImageElement>\n\nexport const HeroImage = forwardRef<HTMLImageElement, HeroImageProps>(\n  ({position = 'block-end', className, enableBorder, ...rest}: PropsWithChildren<HeroImageProps>, ref) => {\n    const {variant: heroVariant, enableAnimation} = useHeroContext()\n    const isInlinePosition = position.startsWith('inline')\n    const isInlinePadded = position.endsWith('-padded')\n    return (\n      <Image\n        animate={\n          heroVariant === 'gridline' && enableAnimation\n            ? {\n                variant: 'slide-in-up',\n                delay: 0,\n                duration: 1000,\n              }\n            : undefined\n        }\n        ref={ref}\n        className={clsx(\n          styles['Hero-image'],\n          styles['Hero-media'],\n          styles[`Hero-media--pos-${position}`],\n          isInlinePosition && styles['Hero-media--pos-inline'],\n          isInlinePosition && isInlinePadded && styles['Hero-media--pos-inline-padded'],\n          className,\n        )}\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;;AAcA,IAAa,IAAY,GACtB,EAAC,cAAW,aAAa,cAAW,iBAAc,GAAG,KAA0C,MAAQ;CACtG,IAAM,EAAC,SAAS,GAAa,uBAAmB,GAAgB,EAC1D,IAAmB,EAAS,WAAW,SAAS,EAChD,IAAiB,EAAS,SAAS,UAAU;AACnD,QACE,kBAAC,GAAD;EACE,SACE,MAAgB,cAAc,IAC1B;GACE,SAAS;GACT,OAAO;GACP,UAAU;GACX,GACD,KAAA;EAED;EACL,WAAW,EACT,EAAO,eACP,EAAO,eACP,EAAO,mBAAmB,MAC1B,KAAoB,EAAO,2BAC3B,KAAoB,KAAkB,EAAO,kCAC7C,EACD;EACD,GAAI;EACJ,CAAA;EAGP"}

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

@@ -0,0 +1,8 @@
+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>>;
+//# sourceMappingURL=HeroLabel.d.ts.map

package/esm/Hero/sub-components/HeroLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroLabel.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAA;AACpC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAMtD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,KAAK,GAAG,SAAS,CAAC,GACpE,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,GAAG;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAEH,eAAO,MAAM,SAAS,yHA0BrB,CAAA"}

package/esm/Hero/sub-components/HeroLabel.js

@@ -0,0 +1,25 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { useHeroContext as t } from "../HeroContext.js";
+import { TextCursorAnimation as n } from "../../TextCursorAnimation/TextCursorAnimation.js";
+import r from "../Hero.module.js";
+import { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/Hero/sub-components/HeroLabel.tsx
+var o = i(({ children: i, className: o, variant: s = "muted", animate: c = !1, animationDelay: l = 1e3, ...u }, d) => {
+	let { variant: f, enableAnimation: p } = t(), m = f === "gridline" || f === "gridline-expressive", h = p || c, g = m && p || c;
+	return /* @__PURE__ */ a("span", {
+		ref: d,
+		className: e(r["Hero-label"], o),
+		...u,
+		children: /* @__PURE__ */ a(n, {
+			variant: s,
+			animate: h,
+			delay: g ? l : 0,
+			children: i
+		})
+	});
+});
+//#endregion
+export { o as HeroLabel };
+
+//# sourceMappingURL=HeroLabel.js.map

package/esm/Hero/sub-components/HeroLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroLabel.js","names":[],"sources":["../../../src/Hero/sub-components/HeroLabel.tsx"],"sourcesContent":["import {forwardRef, PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport {TextProps} from '../../Text'\nimport type {BaseProps} from '../../component-helpers'\nimport {TextCursorAnimation} from '../../TextCursorAnimation'\n\nimport styles from '../Hero.module.css'\nimport {useHeroContext} from '../HeroContext'\n\nexport type HeroLabelProps = Omit<TextProps, 'as' | 'ref' | 'animate'> &\n  Omit<BaseProps<HTMLSpanElement>, 'animate'> & {\n    animate?: boolean\n    animationDelay?: number\n  }\n\nexport const HeroLabel = forwardRef<HTMLSpanElement, HeroLabelProps>(\n  (\n    {\n      children,\n      className,\n      variant = 'muted',\n      animate = false,\n      animationDelay = 1000,\n      ...rest\n    }: PropsWithChildren<HeroLabelProps>,\n    ref,\n  ) => {\n    const {variant: heroVariant, enableAnimation} = useHeroContext()\n    const isGridlineVariant = heroVariant === 'gridline' || heroVariant === 'gridline-expressive'\n\n    const shouldAnimate = enableAnimation || animate\n    const shouldHaveDelay = (isGridlineVariant && enableAnimation) || animate\n\n    return (\n      <span ref={ref} className={clsx(styles['Hero-label'], className)} {...rest}>\n        <TextCursorAnimation variant={variant} animate={shouldAnimate} delay={shouldHaveDelay ? animationDelay : 0}>\n          {children}\n        </TextCursorAnimation>\n      </span>\n    )\n  },\n)\n"],"mappings":";;;;;;;AAeA,IAAa,IAAY,GAErB,EACE,aACA,cACA,aAAU,SACV,aAAU,IACV,oBAAiB,KACjB,GAAG,KAEL,MACG;CACH,IAAM,EAAC,SAAS,GAAa,uBAAmB,GAAgB,EAC1D,IAAoB,MAAgB,cAAc,MAAgB,uBAElE,IAAgB,KAAmB,GACnC,IAAmB,KAAqB,KAAoB;AAElE,QACE,kBAAC,QAAD;EAAW;EAAK,WAAW,EAAK,EAAO,eAAe,EAAU;EAAE,GAAI;YACpE,kBAAC,GAAD;GAA8B;GAAS,SAAS;GAAe,OAAO,IAAkB,IAAiB;GACtG;GACmB,CAAA;EACjB,CAAA;EAGZ"}

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

@@ -0,0 +1,29 @@
+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 {};
+//# sourceMappingURL=HeroPrimaryAction.d.ts.map

package/esm/Hero/sub-components/HeroPrimaryAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroPrimaryAction.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroPrimaryAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAS,eAAe,EAAC,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAItD,KAAK,sBAAsB,GACvB,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,GAAG,CAAA;CAAC,CAAC,GAC3C,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,QAAQ,CAAA;CAAC,CAAC,CAAA;AAEpD,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,eAAe,GACjB,sBAAsB,CAAA;AAExB,eAAO,MAAM,iBAAiB;SALvB,GAAG,GAAG,QAAQ;UACb,MAAM;;SAL4B,GAAG;;;;SAItC,GAAG,GAAG,QAAQ;UACb,MAAM;;SAJ4B,QAAQ;;;wEAkChD,CAAA"}

package/esm/Hero/sub-components/HeroPrimaryAction.js

@@ -0,0 +1,29 @@
+import { Box as e } from "../../Box/Box.js";
+import { useHeroContext as t } from "../HeroContext.js";
+import { Button as n } from "../../Button/Button.js";
+import r, { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/Hero/sub-components/HeroPrimaryAction.tsx
+var o = i(({ href: i, as: o = "a", children: s, ...c }, l) => {
+	let { variant: u, enableAnimation: d } = t(), f = u === "gridline" || u === "gridline-expressive";
+	return /* @__PURE__ */ a(f ? e : r.Fragment, {
+		...f ? { animate: d ? {
+			variant: "slide-in-up",
+			delay: 750,
+			duration: 1e3
+		} : void 0 } : {},
+		children: /* @__PURE__ */ a(n, {
+			ref: l,
+			as: o,
+			variant: "accent",
+			size: "medium",
+			href: i,
+			...c,
+			children: s
+		})
+	});
+});
+//#endregion
+export { o as HeroPrimaryAction };
+
+//# sourceMappingURL=HeroPrimaryAction.js.map

package/esm/Hero/sub-components/HeroPrimaryAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroPrimaryAction.js","names":[],"sources":["../../../src/Hero/sub-components/HeroPrimaryAction.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren} from 'react'\nimport {Button, ButtonBaseProps} from '../../Button'\nimport type {BaseProps} from '../../component-helpers'\nimport {useHeroContext} from '../HeroContext'\nimport {Box} from '../../Box'\n\ntype RestrictedPolymorphism =\n  | (BaseProps<HTMLAnchorElement> & {as?: 'a'})\n  | (BaseProps<HTMLButtonElement> & {as?: 'button'})\n\nexport type HeroPrimaryActionProps = {\n  as?: 'a' | 'button'\n  href: string\n} & ButtonBaseProps &\n  RestrictedPolymorphism\n\nexport const HeroPrimaryAction = forwardRef<\n  HTMLAnchorElement | HTMLButtonElement,\n  PropsWithChildren<HeroPrimaryActionProps>\n>(({href, as = 'a', children, ...rest}, ref) => {\n  const {variant: heroVariant, enableAnimation} = useHeroContext()\n  const isGridline = heroVariant === 'gridline' || heroVariant === 'gridline-expressive'\n  const Tag = isGridline ? Box : React.Fragment\n  const tagProps = isGridline\n    ? {\n        animate: enableAnimation\n          ? {\n              variant: 'slide-in-up' as const,\n              delay: 750,\n              duration: 1000,\n            }\n          : undefined,\n      }\n    : {}\n\n  return (\n    <Tag {...tagProps}>\n      <Button ref={ref as React.Ref<HTMLButtonElement>} as={as} variant=\"accent\" size=\"medium\" href={href} {...rest}>\n        {children}\n      </Button>\n    </Tag>\n  )\n})\n"],"mappings":";;;;;;AAgBA,IAAa,IAAoB,GAG9B,EAAC,SAAM,QAAK,KAAK,aAAU,GAAG,KAAO,MAAQ;CAC9C,IAAM,EAAC,SAAS,GAAa,uBAAmB,GAAgB,EAC1D,IAAa,MAAgB,cAAc,MAAgB;AAcjE,QACE,kBAdU,IAAa,IAAM,EAAM,UAcnC;EAAK,GAbU,IACb,EACE,SAAS,IACL;GACE,SAAS;GACT,OAAO;GACP,UAAU;GACX,GACD,KAAA,GACL,GACD,EAAE;YAIF,kBAAC,GAAD;GAAa;GAAyC;GAAI,SAAQ;GAAS,MAAK;GAAe;GAAM,GAAI;GACtG;GACM,CAAA;EACL,CAAA;EAER"}

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

@@ -0,0 +1,29 @@
+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 {};
+//# sourceMappingURL=HeroSecondaryAction.d.ts.map

package/esm/Hero/sub-components/HeroSecondaryAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSecondaryAction.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroSecondaryAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAS,eAAe,EAAC,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAItD,KAAK,sBAAsB,GACvB,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,GAAG,CAAA;CAAC,CAAC,GAC3C,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,QAAQ,CAAA;CAAC,CAAC,CAAA;AAEpD,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,eAAe,GACjB,sBAAsB,CAAA;AAExB,eAAO,MAAM,mBAAmB;SALzB,GAAG,GAAG,QAAQ;UACb,MAAM;;SAL4B,GAAG;;;;SAItC,GAAG,GAAG,QAAQ;UACb,MAAM;;SAJ4B,QAAQ;;;wEAiChD,CAAA"}

package/esm/Hero/sub-components/HeroSecondaryAction.js

@@ -0,0 +1,29 @@
+import { Box as e } from "../../Box/Box.js";
+import { useHeroContext as t } from "../HeroContext.js";
+import { Button as n } from "../../Button/Button.js";
+import r, { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/Hero/sub-components/HeroSecondaryAction.tsx
+var o = i(({ href: i, as: o = "a", children: s, ...c }, l) => {
+	let { variant: u, enableAnimation: d } = t(), f = u === "gridline" || u === "gridline-expressive";
+	return /* @__PURE__ */ a(f ? e : r.Fragment, {
+		...f ? { animate: d ? {
+			variant: "slide-in-up",
+			delay: 750,
+			duration: 1e3
+		} : void 0 } : {},
+		children: /* @__PURE__ */ a(n, {
+			ref: l,
+			as: o,
+			variant: "secondary",
+			size: "medium",
+			href: i,
+			...c,
+			children: s
+		})
+	});
+});
+//#endregion
+export { o as HeroSecondaryAction };
+
+//# sourceMappingURL=HeroSecondaryAction.js.map

package/esm/Hero/sub-components/HeroSecondaryAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSecondaryAction.js","names":[],"sources":["../../../src/Hero/sub-components/HeroSecondaryAction.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren} from 'react'\nimport {Button, ButtonBaseProps} from '../../Button'\nimport type {BaseProps} from '../../component-helpers'\nimport {Box} from '../..'\nimport {useHeroContext} from '../HeroContext'\n\ntype RestrictedPolymorphism =\n  | (BaseProps<HTMLAnchorElement> & {as?: 'a'})\n  | (BaseProps<HTMLButtonElement> & {as?: 'button'})\n\nexport type HeroSecondaryActionProps = {\n  as?: 'a' | 'button'\n  href: string\n} & ButtonBaseProps &\n  RestrictedPolymorphism\n\nexport const HeroSecondaryAction = forwardRef<\n  HTMLAnchorElement | HTMLButtonElement,\n  PropsWithChildren<HeroSecondaryActionProps>\n>(({href, as = 'a', children, ...rest}, ref) => {\n  const {variant: heroVariant, enableAnimation} = useHeroContext()\n  const isGridline = heroVariant === 'gridline' || heroVariant === 'gridline-expressive'\n  const Tag = isGridline ? Box : React.Fragment\n  const tagProps = isGridline\n    ? {\n        animate: enableAnimation\n          ? {\n              variant: 'slide-in-up' as const,\n              delay: 750,\n              duration: 1000,\n            }\n          : undefined,\n      }\n    : {}\n  return (\n    <Tag {...tagProps}>\n      <Button ref={ref as React.Ref<HTMLButtonElement>} as={as} variant=\"secondary\" size=\"medium\" href={href} {...rest}>\n        {children}\n      </Button>\n    </Tag>\n  )\n})\n"],"mappings":";;;;;;AAgBA,IAAa,IAAsB,GAGhC,EAAC,SAAM,QAAK,KAAK,aAAU,GAAG,KAAO,MAAQ;CAC9C,IAAM,EAAC,SAAS,GAAa,uBAAmB,GAAgB,EAC1D,IAAa,MAAgB,cAAc,MAAgB;AAajE,QACE,kBAbU,IAAa,IAAM,EAAM,UAanC;EAAK,GAZU,IACb,EACE,SAAS,IACL;GACE,SAAS;GACT,OAAO;GACP,UAAU;GACX,GACD,KAAA,GACL,GACD,EAAE;YAGF,kBAAC,GAAD;GAAa;GAAyC;GAAI,SAAQ;GAAY,MAAK;GAAe;GAAM,GAAI;GACzG;GACM,CAAA;EACL,CAAA;EAER"}

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

@@ -0,0 +1,41 @@
+import React, { PropsWithChildren } from 'react';
+import type { BaseProps } from '../../component-helpers';
+import type { HeroMediaPositions } from '../HeroContext';
+type HeroVideoBaseProps = {
+    position?: HeroMediaPositions;
+    enableBorder?: boolean;
+    'data-testid'?: string;
+} & PropsWithChildren<BaseProps<HTMLDivElement>>;
+type PosterProps = {
+    poster?: never;
+    posterAltText?: never;
+    posterTitle?: never;
+} | {
+    poster: string;
+    posterAltText: string;
+    posterTitle: string;
+};
+export type HeroVideoProps = HeroVideoBaseProps & PosterProps;
+export declare const HeroVideo: React.ForwardRefExoticComponent<(Omit<{
+    position?: HeroMediaPositions;
+    enableBorder?: boolean;
+    'data-testid'?: string;
+} & BaseProps<HTMLDivElement> & {
+    children?: React.ReactNode | undefined;
+} & {
+    poster?: never;
+    posterAltText?: never;
+    posterTitle?: never;
+}, "ref"> | Omit<{
+    position?: HeroMediaPositions;
+    enableBorder?: boolean;
+    'data-testid'?: string;
+} & BaseProps<HTMLDivElement> & {
+    children?: React.ReactNode | undefined;
+} & {
+    poster: string;
+    posterAltText: string;
+    posterTitle: string;
+}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=HeroVideo.d.ts.map

package/esm/Hero/sub-components/HeroVideo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroVideo.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/HeroVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AACtD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAA;AAQtD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;AAGhD,KAAK,WAAW,GACZ;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,aAAa,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAC,GAC5D;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAC,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,WAAW,CAAA;AAE7D,eAAO,MAAM,SAAS;eAZT,kBAAkB;mBACd,OAAO;oBACN,MAAM;;;;aAKV,KAAK;oBAAkB,KAAK;kBAAgB,KAAK;;eAPlD,kBAAkB;mBACd,OAAO;oBACN,MAAM;;;;YAMX,MAAM;mBAAiB,MAAM;iBAAe,MAAM;iDAuD9D,CAAA"}

package/esm/Hero/sub-components/HeroVideo.js

@@ -0,0 +1,60 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { useProvidedRefOrCreate as t } from "../../hooks/useRef.js";
+import { Box as n } from "../../Box/Box.js";
+import { Text as r } from "../../Text/Text.js";
+import i from "../Hero.module.js";
+import { Image as a } from "../../Image/Image.js";
+import { PlayIcon as o } from "../../VideoPlayer/components/PlayIcon/PlayIcon.js";
+import { MarkGithubIcon as s } from "../../node_modules/@primer/octicons-react/dist/index.esm.js";
+import c, { forwardRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/Hero/sub-components/HeroVideo.tsx
+var f = l(({ className: n, children: r, position: a = "block-end", poster: o, posterTitle: s, posterAltText: l, enableBorder: d, "data-testid": f, ...m }, h) => {
+	let [g, _] = c.useState(!o), v = t(h), y = a.startsWith("inline"), b = a.endsWith("-padded"), x = e(i["Hero-video"], i["Hero-media"], i[`Hero-media--pos-${a}`], y && i["Hero-media--pos-inline"], y && b && i["Hero-media--pos-inline-padded"], n), S = () => _(!0), C = /* @__PURE__ */ u("div", {
+		className: x,
+		ref: v,
+		"data-testid": f || "Hero-video",
+		...m,
+		children: r
+	});
+	return g ? C : /* @__PURE__ */ u(p, {
+		posterSrc: o,
+		posterAlt: l,
+		posterTitle: s,
+		onClick: S,
+		className: x
+	});
+});
+function p({ posterSrc: e, posterAlt: t, posterTitle: c, onClick: l, className: f }) {
+	return /* @__PURE__ */ u(n, {
+		className: f,
+		children: /* @__PURE__ */ d("button", {
+			"aria-label": "Play video",
+			onClick: l,
+			className: i["Hero-video-poster-button"],
+			children: [
+				/* @__PURE__ */ u(a, {
+					src: e,
+					alt: t,
+					className: i["Hero-video-poster-image"]
+				}),
+				/* @__PURE__ */ u(o, { className: i["Hero-video-poster-icon"] }),
+				/* @__PURE__ */ d("span", {
+					className: i["Hero-video-poster-header"],
+					children: [/* @__PURE__ */ u(s, {
+						size: 48,
+						className: i["Hero-video-header-poster-icon"]
+					}), /* @__PURE__ */ u(r, {
+						size: "350",
+						className: i["Hero-video-poster-text"],
+						children: c
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { f as HeroVideo };
+
+//# sourceMappingURL=HeroVideo.js.map

package/esm/Hero/sub-components/HeroVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroVideo.js","names":[],"sources":["../../../src/Hero/sub-components/HeroVideo.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../../component-helpers'\nimport type {HeroMediaPositions} from '../HeroContext'\nimport {useProvidedRefOrCreate} from '../../hooks/useRef'\n\nimport styles from '../Hero.module.css'\nimport {Box, Image, Text} from '../..'\nimport {PlayIcon} from '../../VideoPlayer/components/PlayIcon'\nimport {MarkGithubIcon} from '@primer/octicons-react'\n\ntype HeroVideoBaseProps = {\n  position?: HeroMediaPositions\n  enableBorder?: boolean\n  'data-testid'?: string\n} & PropsWithChildren<BaseProps<HTMLDivElement>>\n\n// discriminated union to ensure that if one poster* prop is set, all are required\ntype PosterProps =\n  | {poster?: never; posterAltText?: never; posterTitle?: never}\n  | {poster: string; posterAltText: string; posterTitle: string}\n\nexport type HeroVideoProps = HeroVideoBaseProps & PosterProps\n\nexport const HeroVideo = forwardRef<HTMLDivElement, HeroVideoProps>(\n  (\n    {\n      className,\n      children,\n      position = 'block-end',\n      poster,\n      posterTitle,\n      posterAltText,\n      enableBorder,\n      'data-testid': testId,\n      ...rest\n    }: HeroVideoProps,\n    ref,\n  ) => {\n    const [showVideo, setShowVideo] = React.useState(poster ? false : true)\n    const containerRef = useProvidedRefOrCreate(ref as React.RefObject<HTMLDivElement>)\n    const isInlinePosition = position.startsWith('inline')\n    const isInlinePadded = position.endsWith('-padded')\n\n    const mediaClasses = clsx(\n      styles['Hero-video'],\n      styles['Hero-media'],\n      styles[`Hero-media--pos-${position}`],\n      isInlinePosition && styles['Hero-media--pos-inline'],\n      isInlinePosition && isInlinePadded && styles['Hero-media--pos-inline-padded'],\n      className,\n    )\n\n    const handlePosterClick = () => setShowVideo(true)\n\n    const videoContent = (\n      <div className={mediaClasses} ref={containerRef} data-testid={testId || 'Hero-video'} {...rest}>\n        {children}\n      </div>\n    )\n\n    if (showVideo) {\n      return videoContent\n    }\n\n    return (\n      <PosterImage\n        posterSrc={poster!}\n        posterAlt={posterAltText!}\n        posterTitle={posterTitle!}\n        onClick={handlePosterClick}\n        className={mediaClasses}\n      />\n    )\n  },\n)\n\ntype PosterImageProps = {\n  posterSrc: string\n  posterAlt: string\n  posterTitle: string\n  onClick: () => void\n  className?: string\n}\n\nfunction PosterImage({posterSrc, posterAlt, posterTitle, onClick, className}: PosterImageProps) {\n  return (\n    <Box className={className}>\n      <button aria-label=\"Play video\" onClick={onClick} className={styles['Hero-video-poster-button']}>\n        <Image src={posterSrc} alt={posterAlt} className={styles['Hero-video-poster-image']} />\n        <PlayIcon className={styles['Hero-video-poster-icon']} />\n        <span className={styles['Hero-video-poster-header']}>\n          <MarkGithubIcon size={48} className={styles['Hero-video-header-poster-icon']} />\n          <Text size=\"350\" className={styles['Hero-video-poster-text']}>\n            {posterTitle}\n          </Text>\n        </span>\n      </button>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAwBA,IAAa,IAAY,GAErB,EACE,cACA,aACA,cAAW,aACX,WACA,gBACA,kBACA,iBACA,eAAe,GACf,GAAG,KAEL,MACG;CACH,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAsB,EACjE,IAAe,EAAuB,EAAuC,EAC7E,IAAmB,EAAS,WAAW,SAAS,EAChD,IAAiB,EAAS,SAAS,UAAU,EAE7C,IAAe,EACnB,EAAO,eACP,EAAO,eACP,EAAO,mBAAmB,MAC1B,KAAoB,EAAO,2BAC3B,KAAoB,KAAkB,EAAO,kCAC7C,EACD,EAEK,UAA0B,EAAa,GAAK,EAE5C,IACJ,kBAAC,OAAD;EAAK,WAAW;EAAc,KAAK;EAAc,eAAa,KAAU;EAAc,GAAI;EACvF;EACG,CAAA;AAOR,QAJI,IACK,IAIP,kBAAC,GAAD;EACE,WAAW;EACX,WAAW;EACE;EACb,SAAS;EACT,WAAW;EACX,CAAA;EAGP;AAUD,SAAS,EAAY,EAAC,cAAW,cAAW,gBAAa,YAAS,gBAA8B;AAC9F,QACE,kBAAC,GAAD;EAAgB;YACd,kBAAC,UAAD;GAAQ,cAAW;GAAsB;GAAS,WAAW,EAAO;aAApE;IACE,kBAAC,GAAD;KAAO,KAAK;KAAW,KAAK;KAAW,WAAW,EAAO;KAA8B,CAAA;IACvF,kBAAC,GAAD,EAAU,WAAW,EAAO,2BAA6B,CAAA;IACzD,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAxB,CACE,kBAAC,GAAD;MAAgB,MAAM;MAAI,WAAW,EAAO;MAAoC,CAAA,EAChF,kBAAC,GAAD;MAAM,MAAK;MAAM,WAAW,EAAO;gBAChC;MACI,CAAA,CACF;;IACA;;EACL,CAAA"}

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

@@ -0,0 +1,17 @@
+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';
+//# sourceMappingURL=index.d.ts.map

package/esm/Hero/sub-components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Hero/sub-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,YAAY,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAA;AACrD,YAAY,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAA;AAE/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAA;AACzD,YAAY,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAA"}