@universityofmaryland/web-elements-library 1.2.0 → 1.3.0

package/dist/composite/footer/elements/main-section/row-links/link-columns.d.ts

@@ -0,0 +1,7 @@
+export declare const LinkColumnStyles: string;
+export interface slotColumnsProps {
+    slotColumns?: HTMLSlotElement[];
+}
+declare const _default: (props: slotColumnsProps) => HTMLDivElement;
+export default _default;
+//# sourceMappingURL=link-columns.d.ts.map

package/dist/composite/footer/elements/main-section/row-links/link-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-columns.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-links/link-columns.ts"],"names":[],"mappings":"AAkNA,eAAO,MAAM,gBAAgB,QAiB5B,CAAC;AAuFF,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;CACjC;gCAEsB,gBAAgB;AAAvC,wBAiDE"}

package/dist/composite/footer/elements/main-section/row-logo/contact.d.ts

@@ -0,0 +1,16 @@
+import { type SocialCampaignColumnsProps } from '../social';
+export declare const ContactContainerStyles: string;
+interface HeadlineProps {
+    slotHeadline: HTMLSlotElement;
+}
+interface AddressProps {
+    slotAddress: HTMLSlotElement;
+}
+interface LinksProps {
+    slotContentLinks: HTMLSlotElement;
+}
+export interface ContactProps extends SocialCampaignColumnsProps, AddressProps, HeadlineProps, LinksProps {
+}
+declare const _default: (props: ContactProps) => HTMLDivElement;
+export default _default;
+//# sourceMappingURL=contact.d.ts.map

package/dist/composite/footer/elements/main-section/row-logo/contact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/contact.ts"],"names":[],"mappings":"AAMA,OAAoC,EAElC,KAAK,0BAA0B,EAChC,MAAM,WAAW,CAAC;AA6JnB,eAAO,MAAM,sBAAsB,QAyBlC,CAAC;AAYF,UAAU,aAAa;IACrB,YAAY,EAAE,eAAe,CAAC;CAC/B;AAkBD,UAAU,YAAY;IACpB,WAAW,EAAE,eAAe,CAAC;CAC9B;AAmBD,UAAU,UAAU;IAClB,gBAAgB,EAAE,eAAe,CAAC;CACnC;AAED,MAAM,WAAW,YACf,SAAQ,0BAA0B,EAChC,YAAY,EACZ,aAAa,EACb,UAAU;CAAG;gCAEM,YAAY;AAAnC,wBA6CE"}

package/dist/composite/footer/elements/main-section/row-logo/index.d.ts

@@ -0,0 +1,9 @@
+import { type SocialCampaignColumnsProps } from '../social';
+import { type CallToActionProps } from '../call-to-action';
+import { type ContactProps } from './contact';
+export declare const RowLogoStyles: string;
+export interface RowLogoProps extends SocialCampaignColumnsProps, CallToActionProps, ContactProps {
+}
+declare const _default: (props: RowLogoProps) => HTMLDivElement;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/composite/footer/elements/main-section/row-logo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/index.ts"],"names":[],"mappings":"AAEA,OAAoC,EAGlC,KAAK,0BAA0B,EAChC,MAAM,WAAW,CAAC;AACnB,OAAoC,EAGlC,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAE7B,KAAK,YAAY,EAClB,MAAM,WAAW,CAAC;AAmCnB,eAAO,MAAM,aAAa,QA4CzB,CAAC;AAEF,MAAM,WAAW,YACf,SAAQ,0BAA0B,EAChC,iBAAiB,EACjB,YAAY;CAAG;gCAEI,YAAY;AAAnC,wBA6BE"}

package/dist/composite/footer/elements/main-section/row-logo/logo.d.ts

@@ -0,0 +1,9 @@
+import { type CampaignProps } from '../campaign';
+import { type CallToActionProps } from '../call-to-action';
+import { BaseProps } from '../../../_types';
+export declare const LogoContainerStyles: string;
+export interface LogoProps extends BaseProps, CampaignProps, CallToActionProps {
+}
+declare const _default: (props: LogoProps) => HTMLDivElement;
+export default _default;
+//# sourceMappingURL=logo.d.ts.map

package/dist/composite/footer/elements/main-section/row-logo/logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../../../../source/composite/footer/elements/main-section/row-logo/logo.ts"],"names":[],"mappings":"AAEA,OAA0B,EAExB,KAAK,aAAa,EACnB,MAAM,aAAa,CAAC;AACrB,OAAoC,EAElC,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAuC5C,eAAO,MAAM,mBAAmB,QAc/B,CAAC;AAEF,MAAM,WAAW,SACf,SAAQ,SAAS,EACf,aAAa,EACb,iBAAiB;CAAG;gCAED,SAAS;AAAhC,wBA0BE"}

package/dist/composite/footer/elements/main-section/social.d.ts

@@ -0,0 +1,11 @@
+import { BaseProps } from '../../_types';
+export declare const SOCIAL_COLUMN_WRAPPER = "umd-footer-social-column_wrapper";
+export declare const SocialContainerStyles: string;
+interface SocialProps {
+    slotSocialLinks?: HTMLSlotElement;
+}
+export interface SocialCampaignColumnsProps extends BaseProps, SocialProps {
+}
+declare const _default: (props: SocialCampaignColumnsProps) => HTMLDivElement;
+export default _default;
+//# sourceMappingURL=social.d.ts.map

package/dist/composite/footer/elements/main-section/social.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"social.d.ts","sourceRoot":"","sources":["../../../../../source/composite/footer/elements/main-section/social.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAUzC,eAAO,MAAM,qBAAqB,qCAAqC,CAAC;AAyExE,eAAO,MAAM,qBAAqB,QAiFjC,CAAC;AAuCF,UAAU,WAAW;IACnB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAqED,MAAM,WAAW,0BAA2B,SAAQ,SAAS,EAAE,WAAW;CAAG;gCAEtD,0BAA0B;AAAjD,wBAWE"}

package/dist/composite/footer/elements/utility-section/index.d.ts

@@ -0,0 +1,7 @@
+export declare const UtilityContainerStyles: string;
+export interface UtilityProps {
+    slotUtilityLinks?: HTMLElement | null;
+}
+declare const _default: ({ slotUtilityLinks }: UtilityProps) => HTMLDivElement;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/composite/footer/elements/utility-section/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../source/composite/footer/elements/utility-section/index.ts"],"names":[],"mappings":"AAiEA,eAAO,MAAM,sBAAsB,QA8ClC,CAAC;AA0BF,MAAM,WAAW,YAAY;IAC3B,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACvC;+CAEqC,YAAY;AAAlD,wBA8BE"}

package/dist/composite/footer/globals.d.ts

@@ -0,0 +1,38 @@
+export declare const BREAKPOINTS: {
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+};
+export declare const ELEMENTS: {
+    ELEMENT_WRAPPER: string;
+};
+export declare const SLOTS: {
+    CONTACT_HEADLINE: string;
+    CONTACT_LINKS: string;
+    CONTACT_ADDRESS: string;
+    CTA: string;
+    SOCIAL: string;
+    UTILITY: string;
+    LINK_COLUMN_ONE: string;
+    LINK_COLUMN_TWO: string;
+    LINK_COLUMN_THREE: string;
+};
+export declare const VARIABLES: {
+    ELEMENT_NAME: string;
+    ATTRIBUTE_THEME: string;
+    ATTRIBUTE_TYPE: string;
+    VERSION_TYPE_MEGA: string;
+    VERSION_TYPE_VISUAL: string;
+    VERSION_TYPE_SIMPLE: string;
+    VERSION_TYPES: string[];
+    THEME_OPTION_DARK: string;
+    THEME_OPTION_LIGHT: string;
+};
+export declare const REFERENCES: {
+    IS_THEME_LIGHT: string;
+    IS_THEME_DARK: string;
+    IS_VERSION_MEGA: string;
+    IS_VERSION_VISUAL: string;
+    IS_VERSION_SIMPLE: string;
+};
+//# sourceMappingURL=globals.d.ts.map

package/dist/composite/footer/globals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globals.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/globals.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AACF,eAAO,MAAM,QAAQ;;CAEpB,CAAC;AACF,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC;AACF,eAAO,MAAM,SAAS;;;;;;;;;;CAUrB,CAAC;AACF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC"}

package/dist/composite/footer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as options } from './options';
+//# sourceMappingURL=index.d.ts.map

package/dist/composite/footer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/composite/footer/options.d.ts

@@ -0,0 +1,11 @@
+import { type MainSectionProps } from './elements/main-section';
+import { type UtilityProps } from './elements/utility-section';
+import { BaseProps } from './_types';
+export interface FooterProps extends BaseProps, UtilityProps, MainSectionProps {
+}
+declare const _default: (props: FooterProps) => {
+    element: HTMLDivElement;
+    styles: string;
+};
+export default _default;
+//# sourceMappingURL=options.d.ts.map

package/dist/composite/footer/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/options.ts"],"names":[],"mappings":"AAAA,OAAmB,EAEjB,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAsB,EAEpB,KAAK,YAAY,EAClB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,WAAW,WACf,SAAQ,SAAS,EACf,YAAY,EACZ,gBAAgB;CAAG;gCAeA,WAAW;;;;AAAlC,wBAwBE"}

package/dist/composite/hero/_constants.d.ts

@@ -0,0 +1,66 @@
+export declare const HERO_CLASSES: {
+    readonly standard: "umd-hero-default";
+    readonly overlay: "umd-hero-overlay";
+    readonly stacked: "umd-hero-stacked";
+    readonly minimal: "umd-hero-minimal";
+    readonly logo: "umd-hero-logo";
+    readonly grid: "umd-hero-grid";
+    readonly expand: "umd-hero-expand";
+    readonly asset: (variant: string) => string;
+    readonly text: (variant: string) => string;
+    readonly container: (variant: string) => string;
+    readonly wrapper: (variant: string) => string;
+    readonly content: (variant: string) => string;
+};
+export declare const HERO_SIZES: {
+    readonly minHeight: {
+        readonly small: "400px";
+        readonly medium: "480px";
+        readonly large: "640px";
+        readonly extraLarge: "720px";
+    };
+    readonly maxWidth: {
+        readonly text: {
+            readonly small: "700px";
+            readonly medium: "736px";
+            readonly large: "808px";
+            readonly extraLarge: "928px";
+        };
+        readonly headline: {
+            readonly medium: "700px";
+            readonly large: "816px";
+        };
+    };
+    readonly aspectRatio: {
+        readonly standard: "16 / 9";
+        readonly stacked: "5 / 4";
+    };
+};
+export declare const HERO_ANIMATION_DURATIONS: {
+    readonly fast: "0.5s";
+    readonly normal: "1s";
+    readonly slow: "1.5s";
+    readonly extraSlow: "2s";
+};
+export declare const HERO_ANIMATION_DELAYS: {
+    readonly none: "0ms";
+    readonly short: "300ms";
+    readonly medium: "600ms";
+    readonly long: "1000ms";
+    readonly extraLong: "1500ms";
+};
+export declare const HERO_FONT_SIZES: {
+    readonly headline: {
+        readonly small: "48px";
+        readonly medium: "64px";
+        readonly large: "80px";
+        readonly extraLarge: "96px";
+    };
+};
+export declare const HERO_Z_INDEX: {
+    readonly background: 1;
+    readonly asset: 10;
+    readonly overlay: 99;
+    readonly text: 999;
+};
+//# sourceMappingURL=_constants.d.ts.map

package/dist/composite/hero/_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_constants.d.ts","sourceRoot":"","sources":["../../../source/composite/hero/_constants.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;;;;;;;;8BAWN,MAAM;6BACP,MAAM;kCACD,MAAM;gCACR,MAAM;gCACN,MAAM;CACjB,CAAC;AAIX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;CA4Bb,CAAC;AAIX,eAAO,MAAM,wBAAwB;;;;;CAK3B,CAAC;AAIX,eAAO,MAAM,qBAAqB;;;;;;CAMxB,CAAC;AAIX,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AAIX,eAAO,MAAM,YAAY;;;;;CAKf,CAAC"}

package/dist/composite/hero/_types.d.ts

@@ -0,0 +1,70 @@
+import { type ContentElement, type ImageElement, type VideoElement, type ThemeProps } from '_types';
+export interface HeroAnimationProps {
+    includesAnimation?: boolean;
+}
+export interface HeroSizingProps {
+    isHeightSmall?: boolean;
+    isHeightFull?: boolean;
+}
+export interface HeroLayoutProps {
+    isTextCenter?: boolean;
+    isTextRight?: boolean;
+}
+export interface HeroAssetProps {
+    image?: ImageElement;
+    video?: VideoElement;
+}
+export interface HeroStandardProps extends HeroAssetProps, HeroAnimationProps, HeroSizingProps, HeroLayoutProps, Pick<ThemeProps, 'isThemeDark'> {
+    headline?: ContentElement;
+    eyebrow?: ContentElement;
+    text?: ContentElement;
+    actions?: ContentElement;
+}
+export interface HeroMinimalProps extends HeroAssetProps, Pick<ThemeProps, 'isThemeDark' | 'isThemeLight' | 'isThemeMaryland'> {
+    headline?: ContentElement;
+    eyebrow?: ContentElement;
+    text?: ContentElement;
+    actions?: ContentElement;
+}
+export interface HeroStackedProps extends HeroAssetProps, HeroAnimationProps, HeroSizingProps, Pick<ThemeProps, 'isThemeDark'> {
+    headline?: ContentElement;
+    eyebrow?: ContentElement;
+    text?: ContentElement;
+    actions?: ContentElement;
+    isWidthLarge?: boolean;
+}
+export interface HeroOverlayProps extends HeroAssetProps, HeroAnimationProps, HeroLayoutProps, Pick<ThemeProps, 'isThemeDark'> {
+    headline?: ContentElement;
+    eyebrow?: ContentElement;
+    text?: ContentElement;
+    actions?: ContentElement;
+    hasBorder?: boolean;
+    isTransparent?: boolean;
+    isSticky?: boolean;
+}
+export interface HeroLogoProps extends HeroAssetProps, HeroAnimationProps, Pick<ThemeProps, 'isThemeDark' | 'isThemeLight' | 'isThemeMaryland'> {
+    headline?: ContentElement;
+    eyebrow?: ContentElement;
+    text?: ContentElement;
+    actions?: ContentElement;
+    logo?: ContentElement;
+}
+export interface HeroGridProps extends HeroAssetProps, HeroAnimationProps, Pick<ThemeProps, 'isThemeDark'> {
+    headline?: ContentElement;
+    text?: ContentElement;
+    actions?: ContentElement;
+    blocks?: HTMLElement[];
+}
+export interface HeroExpandProps extends HeroAssetProps, HeroAnimationProps, Pick<ThemeProps, 'isThemeDark'> {
+    headline?: ContentElement;
+    text?: ContentElement;
+    actions?: ContentElement;
+    expandedContent?: ContentElement;
+}
+export interface HeroVideoArrowProps extends HeroAssetProps, HeroAnimationProps, Pick<ThemeProps, 'isThemeDark'> {
+    headline?: ContentElement;
+    text?: ContentElement;
+    actions?: ContentElement;
+    videoControls?: boolean;
+}
+//# sourceMappingURL=_types.d.ts.map

package/dist/composite/hero/_types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../source/composite/hero/_types.ts"],"names":[],"mappings":"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"}

package/dist/composite/hero/_utils.d.ts

@@ -0,0 +1,73 @@
+import { ContentElement } from '../../_types';
+import { HeroThemeProps } from './_types';
+export declare const HERO_ANIMATIONS: {
+    readonly slideUp: "\n    @keyframes hero-slide-up {\n      from {\n        transform: translateY(25px);\n        opacity: .2;\n      }\n      to {\n        transform: translateY(0);\n        opacity: 1;\n      }\n    }\n  ";
+    readonly scaleDown: "\n    @keyframes hero-scale-down {\n      from {\n        transform: scale(1.1);\n      }\n      to {\n        transform: scale(1);\n      }\n    }\n  ";
+    readonly fadeIn: "\n    @keyframes hero-fade-in {\n      from {\n        opacity: 0;\n      }\n      to {\n        opacity: 1;\n      }\n    }\n  ";
+    readonly fadeOver: "\n    @keyframes hero-fade-over {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n  ";
+};
+export interface CreateHeadlineOptions {
+    headline: ContentElement;
+    variant?: 'extraLarge' | 'large' | 'medium';
+    isThemeDark?: boolean;
+    isThemeMaryland?: boolean;
+    characterThreshold?: number;
+    overrideFontSize?: string;
+    textTransform?: 'uppercase' | 'none';
+    includesAnimation?: boolean;
+    animationConfig?: {
+        animation: string;
+        timeline?: string;
+        rangeStart?: string;
+        rangeEnd?: string;
+    };
+}
+export declare const createHeroHeadline: ({ headline, variant, isThemeDark, isThemeMaryland, characterThreshold, overrideFontSize, textTransform, includesAnimation, animationConfig, }: CreateHeadlineOptions) => any;
+export declare const getHeroBackgroundColor: (props: HeroThemeProps) => string;
+export interface AnimationStyleOptions {
+    includesAnimation?: boolean;
+    animationName: string;
+    duration?: string;
+    delay?: string;
+    mediaQuery?: string;
+    prefersReducedMotion?: boolean;
+}
+export declare const createAnimationStyles: ({ includesAnimation, animationName, duration, delay, mediaQuery, prefersReducedMotion, }: AnimationStyleOptions) => {
+    [x: string]: {
+        "@media (prefers-reduced-motion: no-preference)": {
+            animationDelay?: string | undefined;
+            animation: string;
+        };
+    };
+} | {
+    [x: string]: {
+        animationDelay?: string | undefined;
+        animation: string;
+    };
+};
+export interface ContainerStyleOptions {
+    minHeight?: string;
+    padding?: string;
+    backgroundColor?: string;
+    additionalStyles?: Record<string, any>;
+}
+export declare const createHeroContainerStyles: ({ minHeight, padding, backgroundColor, additionalStyles, }: ContainerStyleOptions) => {
+    padding?: string | undefined;
+    backgroundColor?: string | undefined;
+    position: string;
+    overflow: string;
+};
+export interface TextContainerOptions {
+    isTextCenter?: boolean;
+    maxWidth?: string;
+    hasAsset?: boolean;
+    additionalStyles?: Record<string, any>;
+}
+export declare const createTextContainerStyles: ({ isTextCenter, maxWidth, hasAsset, additionalStyles, }: TextContainerOptions) => {
+    textAlign?: string | undefined;
+    justifyContent?: string | undefined;
+    marginLeft?: string | undefined;
+    marginRight?: string | undefined;
+    padding: string;
+};
+//# sourceMappingURL=_utils.d.ts.map

package/dist/composite/hero/_utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_utils.d.ts","sourceRoot":"","sources":["../../../source/composite/hero/_utils.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAA4B,cAAc,EAAE,MAAM,UAAU,CAAC;AAIpE,eAAO,MAAM,eAAe;;;;;CAuClB,CAAC;AAIX,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAKD,eAAO,MAAM,kBAAkB,kJAU5B,qBAAqB,QAmCvB,CAAC;AAOF,eAAO,MAAM,sBAAsB,UAAW,cAAc,KAAG,MAO9D,CAAC;AAIF,MAAM,WAAW,qBAAqB;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAKD,eAAO,MAAM,qBAAqB,6FAO/B,qBAAqB;;;;;;;;;;;;CAmBvB,CAAC;AAIF,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACxC;AAKD,eAAO,MAAM,yBAAyB,+DAKnC,qBAAqB;;;;;CAavB,CAAC;AAIF,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACxC;AAKD,eAAO,MAAM,yBAAyB,4DAKnC,oBAAoB;;;;;;CAkBtB,CAAC"}

package/dist/composite/hero/brand/index.d.ts

@@ -1,18 +1,2 @@
-declare const _default: {
-    video: {
-        CreateElement: (props: {
-            video: HTMLVideoElement;
-            headline?: HTMLElement | null;
-            text?: HTMLElement | null;
-            isAnimationOnLoad?: boolean;
-        }) => {
-            element: HTMLElement;
-            styles: string;
-            events: {
-                load: () => void;
-            };
-        };
-    };
-};
-export default _default;
+export { default as video } from './video';
 //# sourceMappingURL=index.d.ts.map

package/dist/composite/hero/brand/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/brand/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAEA,wBAEE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/brand/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/composite/hero/brand/video.d.ts

@@ -1,17 +1,22 @@
-type TypeHeroBrandVideoProps = {
+interface AnimationProps {
+    isAnimationOnLoad?: boolean;
+}
+interface VideoProps extends AnimationProps {
     video: HTMLVideoElement;
+}
+interface TextProps extends VideoProps {
     headline?: HTMLElement | null;
     text?: HTMLElement | null;
-    isAnimationOnLoad?: boolean;
-};
-declare const _default: {
-    CreateElement: (props: TypeHeroBrandVideoProps) => {
-        element: HTMLElement;
-        styles: string;
-        events: {
-            load: () => void;
-        };
+}
+interface HeroBrandVideoProps extends TextProps {
+}
+declare const _default: (props: HeroBrandVideoProps) => {
+    events: {
+        load: () => void;
     };
+    element: HTMLElement;
+    className: string;
+    styles: string;
 };
 export default _default;
 //# sourceMappingURL=video.d.ts.map

package/dist/composite/hero/brand/video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/brand/video.ts"],"names":[],"mappings":"AAQA,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;;2BAsL0C,uBAAuB;;;;;;;;AA+DnE,wBAEE"}
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/brand/video.ts"],"names":[],"mappings":"AAKA,UAAU,cAAc;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,UAAW,SAAQ,cAAc;IACzC,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,UAAU,SAAU,SAAQ,UAAU;IACpC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC3B;AAED,UAAU,mBAAoB,SAAQ,SAAS;CAAG;gCAoJ3B,mBAAmB;;;;;;;;AAA1C,wBA0FO"}

package/dist/composite/hero/custom/expand.d.ts

@@ -0,0 +1,18 @@
+import { type ContentElement } from '_types';
+import { type HeroExpandProps as BaseHeroExpandProps } from '../_types';
+interface HeroExpandProps extends BaseHeroExpandProps {
+    eyebrow?: ContentElement;
+    additional?: HTMLSlotElement | null;
+}
+declare const _default: (props: HeroExpandProps) => {
+    events: {
+        setTopPosition: ({ value }: {
+            value: string | null;
+        }) => void;
+    };
+    element: HTMLElement;
+    className: string;
+    styles: string;
+};
+export default _default;
+//# sourceMappingURL=expand.d.ts.map

package/dist/composite/hero/custom/expand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/custom/expand.ts"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AACjE,OAAO,EAAE,KAAK,eAAe,IAAI,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGxE,UAAU,eAAgB,SAAQ,mBAAmB;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CACrC;gCAqYsB,eAAe;;oCAUD;YAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE;;;;;;AAV7D,wBAwBE"}

package/dist/composite/hero/custom/grid.d.ts

@@ -0,0 +1,23 @@
+import { type ContentElement } from '_types';
+interface CornerProps {
+    images: Array<HTMLImageElement>;
+    isCornerLeft: boolean;
+}
+interface CenterProps {
+    images: Array<HTMLImageElement>;
+    video?: HTMLVideoElement | null;
+}
+interface HeroGridProps {
+    headline?: ContentElement;
+    text?: ContentElement;
+    actions?: ContentElement;
+    corners: Array<CornerProps>;
+    center: CenterProps | null;
+}
+declare const _default: (props: HeroGridProps) => {
+    element: HTMLElement;
+    className: string;
+    styles: string;
+} | null;
+export default _default;
+//# sourceMappingURL=grid.d.ts.map

package/dist/composite/hero/custom/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/custom/grid.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,UAAU,WAAW;IACnB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,WAAW;IACnB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACjC;AAED,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC5B,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;gCA+YsB,aAAa;;;;;AAApC,wBAwCE"}

package/dist/composite/hero/custom/index.d.ts

@@ -0,0 +1,4 @@
+export { default as grid } from './grid';
+export { default as expand } from './expand';
+export { default as videoArrow } from './video-arrow';
+//# sourceMappingURL=index.d.ts.map

package/dist/composite/hero/custom/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/custom/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/composite/hero/custom/video-arrow.d.ts

@@ -0,0 +1,15 @@
+import { type HeroVideoArrowProps as BaseHeroVideoArrowProps } from '../_types';
+interface HeroVideoArrowProps extends Omit<BaseHeroVideoArrowProps, 'video'> {
+    video: HTMLVideoElement;
+    isAnimationOnLoad?: boolean;
+}
+declare const _default: (props: HeroVideoArrowProps) => {
+    events: {
+        load: () => void;
+    };
+    element: HTMLElement;
+    className: string;
+    styles: string;
+};
+export default _default;
+//# sourceMappingURL=video-arrow.d.ts.map

package/dist/composite/hero/custom/video-arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-arrow.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/custom/video-arrow.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,mBAAmB,IAAI,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAGhF,UAAU,mBAAoB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,OAAO,CAAC;IAC1E,KAAK,EAAE,gBAAgB,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;gCA+NsB,mBAAmB;;;;;;;;AAA1C,wBA6DE"}

package/dist/composite/hero/custom/video.d.ts

@@ -0,0 +1,22 @@
+interface AnimationProps {
+    isAnimationOnLoad?: boolean;
+}
+interface VideoProps extends AnimationProps {
+    video: HTMLVideoElement;
+}
+interface TextProps extends VideoProps {
+    headline?: HTMLElement | null;
+    text?: HTMLElement | null;
+}
+interface HeroBrandVideoProps extends TextProps {
+}
+declare const _default: (props: HeroBrandVideoProps) => {
+    events: {
+        load: () => void;
+    };
+    element: HTMLElement;
+    className: string;
+    styles: string;
+};
+export default _default;
+//# sourceMappingURL=video.d.ts.map

package/dist/composite/hero/custom/video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/custom/video.ts"],"names":[],"mappings":"AAKA,UAAU,cAAc;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,UAAW,SAAQ,cAAc;IACzC,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,UAAU,SAAU,SAAQ,UAAU;IACpC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC3B;AAED,UAAU,mBAAoB,SAAQ,SAAS;CAAG;gCAoJ3B,mBAAmB;;;;;;;;AAA1C,wBA0FO"}

package/dist/composite/hero/expand.d.ts

@@ -1,24 +1,24 @@
-type TypeContent = {
+interface ContentProps {
     eyebrow?: HTMLElement | null;
     headline?: HTMLElement | null;
     actions?: HTMLElement | null;
     additional?: HTMLSlotElement | null;
-};
-type TypeAssets = {
+}
+interface AssetProps {
     image?: HTMLImageElement;
     video?: HTMLVideoElement;
-};
-type TypeLayoutImageExpandProps = TypeContent & TypeAssets;
-declare const _default: {
-    CreateElement: (props: TypeLayoutImageExpandProps) => {
-        element: HTMLDivElement;
-        events: {
-            SetPosition: ({ value }: {
-                value: string | null;
-            }) => void;
-        };
+}
+interface HeroExpandProps extends ContentProps, AssetProps {
+}
+declare const _default: (props: HeroExpandProps) => {
+    events: {
+        setTopPosition: ({ value }: {
+            value: string | null;
+        }) => void;
     };
-    Styles: string;
+    element: HTMLElement;
+    className: string;
+    styles: string;
 };
 export default _default;
 //# sourceMappingURL=expand.d.ts.map

package/dist/composite/hero/expand.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expand.d.ts","sourceRoot":"","sources":["../../../source/composite/hero/expand.ts"],"names":[],"mappings":"AAOA,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CACrC,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,KAAK,0BAA0B,GAAG,WAAW,GAAG,UAAU,CAAC;;2BAsV1B,0BAA0B;;;qCAGzB;gBAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;aAAE;;;;;AAmB1D,wBAGE"}
+{"version":3,"file":"expand.d.ts","sourceRoot":"","sources":["../../../source/composite/hero/expand.ts"],"names":[],"mappings":"AAGA,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CACrC;AAED,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,UAAU,eAAgB,SAAQ,YAAY,EAAE,UAAU;CAAG;gCA0TtC,eAAe;;oCA+BC;YAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE;;;;;;AA/B/D,wBAgDO"}

package/dist/composite/hero/grid.d.ts

@@ -0,0 +1,26 @@
+interface HeadlineProps {
+    headline?: HTMLElement | null;
+}
+interface TextProps extends HeadlineProps {
+    text?: HTMLElement | null;
+    actions?: HTMLElement | null;
+}
+interface CornerProps {
+    images: Array<HTMLImageElement>;
+    isCornerLeft: boolean;
+}
+interface CenterProps {
+    images: Array<HTMLImageElement>;
+    video?: HTMLVideoElement | null;
+}
+interface HeroGridProps extends TextProps {
+    corners: Array<CornerProps>;
+    center: CenterProps;
+}
+declare const _default: (props: HeroGridProps) => {
+    element: HTMLElement;
+    className: string;
+    styles: string;
+};
+export default _default;
+//# sourceMappingURL=grid.d.ts.map