@universityofmaryland/web-elements-library 1.2.0 → 1.3.0

package/dist/__tests__/mocks/styles.d.ts

@@ -0,0 +1,242 @@
+export declare const mockStyles: {
+    element: {
+        composite: {
+            card: {
+                block: {
+                    borderDark: {
+                        className: string;
+                    };
+                    border: {
+                        className: string;
+                    };
+                    person: {
+                        className: string;
+                    };
+                    personDark: {
+                        className: string;
+                    };
+                    dark: {
+                        className: string;
+                    };
+                    light: {
+                        className: string;
+                    };
+                    transparent: {
+                        className: string;
+                    };
+                };
+                list: {
+                    container: {
+                        className: string;
+                    };
+                    item: {
+                        className: string;
+                    };
+                };
+                overlay: {
+                    base: {
+                        className: string;
+                    };
+                    color: {
+                        className: string;
+                    };
+                    icon: {
+                        className: string;
+                    };
+                    image: {
+                        className: string;
+                    };
+                };
+            };
+            hero: {
+                minimal: {
+                    className: string;
+                };
+                standard: {
+                    className: string;
+                };
+                overlay: {
+                    className: string;
+                };
+                stacked: {
+                    className: string;
+                };
+                logo: {
+                    className: string;
+                };
+            };
+            footer: {
+                container: {
+                    className: string;
+                };
+                mainSection: {
+                    className: string;
+                };
+                utilitySection: {
+                    className: string;
+                };
+            };
+            person: {
+                bio: {
+                    full: {
+                        className: string;
+                    };
+                    small: {
+                        className: string;
+                    };
+                };
+                block: {
+                    className: string;
+                };
+                list: {
+                    className: string;
+                };
+                hero: {
+                    className: string;
+                };
+                tabular: {
+                    className: string;
+                };
+            };
+        };
+        text: {
+            decoration: {
+                ribbon: {
+                    className: string[];
+                };
+            };
+            rich: {
+                simpleLargest: {
+                    className: string;
+                };
+                simpleLargeDark: {
+                    className: string;
+                };
+                simpleLarge: {
+                    className: string;
+                };
+                simpleMedium: {
+                    className: string;
+                };
+                simpleSmall: {
+                    className: string;
+                };
+            };
+        };
+        event: {
+            meta: {
+                container: {
+                    className: string;
+                };
+                date: {
+                    className: string;
+                };
+                location: {
+                    className: string;
+                };
+            };
+        };
+        layout: {
+            grid: {
+                container: {
+                    className: string;
+                };
+                item: {
+                    className: string;
+                };
+            };
+            wrapper: {
+                default: {
+                    className: string;
+                };
+                narrow: {
+                    className: string;
+                };
+                wide: {
+                    className: string;
+                };
+            };
+        };
+    };
+    token: {
+        color: {
+            white: string;
+            black: string;
+            red: string;
+            gold: string;
+            gray: {
+                lightest: string;
+                lighter: string;
+                light: string;
+                base: string;
+                dark: string;
+                darker: string;
+                darkest: string;
+            };
+        };
+        spacing: {
+            min: string;
+            xs: string;
+            sm: string;
+            base: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+            '6xl': string;
+        };
+        media: {
+            queries: {
+                mobile: {
+                    max: string;
+                };
+                tablet: {
+                    min: string;
+                    max: string;
+                };
+                desktop: {
+                    min: string;
+                };
+                large: {
+                    min: string;
+                    max: string;
+                };
+                highDef: {
+                    min: string;
+                };
+            };
+        };
+        font: {
+            family: {
+                sans: string;
+                serif: string;
+                mono: string;
+            };
+            size: {
+                min: string;
+                sm: string;
+                base: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+                '3xl': string;
+                '4xl': string;
+                '5xl': string;
+            };
+            weight: {
+                light: number;
+                normal: number;
+                medium: number;
+                semibold: number;
+                bold: number;
+                extrabold: number;
+            };
+        };
+    };
+};
+export default mockStyles;
+//# sourceMappingURL=styles.d.ts.map

package/dist/__tests__/mocks/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../source/__tests__/mocks/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6JtB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/__tests__/utils/assertions.d.ts

@@ -0,0 +1,30 @@
+import type { ElementModel } from '../../_types';
+export declare function assertElementModel(result: unknown, options?: {
+    hasElement?: boolean;
+    hasStyles?: boolean;
+    hasUpdate?: boolean;
+    hasDestroy?: boolean;
+}): asserts result is ElementModel;
+export declare function assertHasClasses(element: HTMLElement, classes: string | string[], exact?: boolean): void;
+export declare function assertHasAttributes(element: HTMLElement, attributes: Record<string, string | null>): void;
+export declare function assertHasChildren(parent: HTMLElement, selectors: string[], options?: {
+    exact?: boolean;
+    ordered?: boolean;
+}): void;
+export declare function assertTextContent(element: HTMLElement, expected: string | RegExp, options?: {
+    exact?: boolean;
+    trim?: boolean;
+}): void;
+export declare function assertStylesContain(styles: string, patterns: string[] | RegExp[]): void;
+export declare function assertVisibility(element: HTMLElement, visible?: boolean): void;
+export declare function assertAccessibility(element: HTMLElement, requirements: {
+    role?: string;
+    label?: string;
+    labelledBy?: string;
+    describedBy?: string;
+    expanded?: boolean;
+    selected?: boolean;
+    hidden?: boolean;
+    live?: string;
+}): void;
+//# sourceMappingURL=assertions.d.ts.map

package/dist/__tests__/utils/assertions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assertions.d.ts","sourceRoot":"","sources":["../../../source/__tests__/utils/assertions.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAKjD,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,OAAO,EACf,OAAO,GAAE;IACP,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACjB,GACL,OAAO,CAAC,MAAM,IAAI,YAAY,CA+BhC;AAKD,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,EAC1B,KAAK,GAAE,OAAe,GACrB,IAAI,CAUN;AAKD,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,GACxC,IAAI,CAQN;AAKD,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,MAAM,EAAE,EACnB,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,GACnD,IAAI,CAoBN;AAKD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,MAAM,GAAG,MAAM,EACzB,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO,GAChD,IAAI,CAaN;AAKD,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,GAC5B,IAAI,CAQN;AAKD,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,EACpB,OAAO,GAAE,OAAc,GACtB,IAAI,CAcN;AAKD,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GACA,IAAI,CAgCN"}

package/dist/__tests__/utils/events.d.ts

@@ -0,0 +1,13 @@
+export declare function simulateClick(element: HTMLElement, options?: MouseEventInit): void;
+export declare function simulateKeyboard(element: HTMLElement, key: string, type?: 'keydown' | 'keyup' | 'keypress', options?: KeyboardEventInit): void;
+export declare function simulateInput(input: HTMLInputElement | HTMLTextAreaElement, value: string): void;
+export declare function simulateSubmit(form: HTMLFormElement): void;
+export declare function simulateFocus(element: HTMLElement): void;
+export declare function simulateBlur(element: HTMLElement): void;
+export declare function simulateMouse(element: HTMLElement, type: 'mouseenter' | 'mouseleave' | 'mouseover' | 'mouseout' | 'mousemove', options?: MouseEventInit): void;
+export declare function simulateScroll(element: HTMLElement | Window, scrollTop: number, scrollLeft?: number): void;
+export declare function simulateResize(width: number, height: number): void;
+export declare function waitForEvent(element: HTMLElement | Window, eventName: string, timeout?: number): Promise<Event>;
+export declare function spyOnEvent(element: HTMLElement | Window, eventName: string): jest.Mock;
+export declare function triggerCustomEvent(element: HTMLElement, eventName: string, detail?: any): void;
+//# sourceMappingURL=events.d.ts.map

package/dist/__tests__/utils/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../source/__tests__/utils/events.ts"],"names":[],"mappings":"AAOA,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,CAQlF;AAKD,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,MAAM,EACX,IAAI,GAAE,SAAS,GAAG,OAAO,GAAG,UAAsB,EAClD,OAAO,CAAC,EAAE,iBAAiB,GAC1B,IAAI,CAQN;AAKD,wBAAgB,aAAa,CAC3B,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,EAC7C,KAAK,EAAE,MAAM,GACZ,IAAI,CAIN;AAKD,wBAAgB,cAAc,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,CAG1D;AAKD,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAIxD;AAKD,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAIvD;AAKD,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,YAAY,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,EAC1E,OAAO,CAAC,EAAE,cAAc,GACvB,IAAI,CAQN;AAKD,wBAAgB,cAAc,CAC5B,OAAO,EAAE,WAAW,GAAG,MAAM,EAC7B,SAAS,EAAE,MAAM,EACjB,UAAU,GAAE,MAAU,GACrB,IAAI,CAUN;AAKD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAelE;AAKD,wBAAgB,YAAY,CAC1B,OAAO,EAAE,WAAW,GAAG,MAAM,EAC7B,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE,MAAa,GACrB,OAAO,CAAC,KAAK,CAAC,CAehB;AAKD,wBAAgB,UAAU,CACxB,OAAO,EAAE,WAAW,GAAG,MAAM,EAC7B,SAAS,EAAE,MAAM,GAChB,IAAI,CAAC,IAAI,CAUX;AAKD,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,GAAG,GACX,IAAI,CAON"}

package/dist/__tests__/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './assertions';
+export * from './events';
+export * from './timers';
+//# sourceMappingURL=index.d.ts.map

package/dist/__tests__/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/__tests__/utils/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/dist/__tests__/utils/timers.d.ts

@@ -0,0 +1,20 @@
+export declare function flushPromises(): Promise<void>;
+export declare function waitFor(condition: () => boolean, options?: {
+    timeout?: number;
+    interval?: number;
+    message?: string;
+}): Promise<void>;
+export declare function waitForElement(selector: string, container?: HTMLElement | Document, timeout?: number): Promise<HTMLElement>;
+export declare function waitForElementRemoval(selector: string, container?: HTMLElement | Document, timeout?: number): Promise<void>;
+export declare function nextFrame(): Promise<void>;
+export declare function delay(ms: number): Promise<void>;
+export declare function timeout(ms: number, message?: string): Promise<never>;
+export declare function withFakeTimers<T>(fn: () => T | Promise<T>): Promise<T>;
+export declare function advanceTimersByTimeAsync(ms: number): Promise<void>;
+export declare function runAllTimersAsync(): Promise<void>;
+export declare function createDeferred<T = void>(): {
+    promise: Promise<T>;
+    resolve: (value: T) => void;
+    reject: (reason?: any) => void;
+};
+//# sourceMappingURL=timers.d.ts.map

package/dist/__tests__/utils/timers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timers.d.ts","sourceRoot":"","sources":["../../../source/__tests__/utils/timers.ts"],"names":[],"mappings":"AAOA,wBAAsB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,CAEnD;AAKD,wBAAsB,OAAO,CAC3B,SAAS,EAAE,MAAM,OAAO,EACxB,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CACb,GACL,OAAO,CAAC,IAAI,CAAC,CAUf;AAKD,wBAAsB,cAAc,CAClC,QAAQ,EAAE,MAAM,EAChB,SAAS,GAAE,WAAW,GAAG,QAAmB,EAC5C,OAAO,GAAE,MAAa,GACrB,OAAO,CAAC,WAAW,CAAC,CAUtB;AAKD,wBAAsB,qBAAqB,CACzC,QAAQ,EAAE,MAAM,EAChB,SAAS,GAAE,WAAW,GAAG,QAAmB,EAC5C,OAAO,GAAE,MAAa,GACrB,OAAO,CAAC,IAAI,CAAC,CAQf;AAKD,wBAAsB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,CAM/C;AAKD,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAE/C;AAKD,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAMpE;AAKD,wBAAsB,cAAc,CAAC,CAAC,EACpC,EAAE,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,GACvB,OAAO,CAAC,CAAC,CAAC,CAQZ;AAKD,wBAAsB,wBAAwB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAGxE;AAKD,wBAAsB,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC,CAGvD;AAKD,wBAAgB,cAAc,CAAC,CAAC,GAAG,IAAI,KAAK;IAC1C,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC,CAUA"}

package/dist/_types.d.ts

@@ -0,0 +1,193 @@
+export interface ElementModel {
+    element: HTMLElement | DocumentFragment;
+    styles: string;
+    update?: (props: any) => void;
+    destroy?: () => void;
+    events?: {
+        [key: string]: Function;
+    };
+}
+export interface ElementVisual {
+    element: HTMLElement;
+    className: string;
+    styles: string;
+}
+export type ContentElement = HTMLElement | null;
+export type ImageElement = HTMLImageElement | null;
+export type VideoElement = HTMLVideoElement | null;
+export type LinkElement = HTMLAnchorElement | null;
+export type MediaElement = HTMLImageElement | HTMLVideoElement | null;
+export interface ThemeProps {
+    isThemeDark?: boolean;
+    isThemeLight?: boolean;
+    isThemeGold?: boolean;
+    isThemeMaryland?: boolean;
+}
+export interface ColorProps {
+    isTextColorWhite?: boolean;
+    isTextColorBlack?: boolean;
+    isAnimationLineRed?: boolean;
+}
+export interface SizeProps {
+    isSizeSmall?: boolean;
+    isSizeMedium?: boolean;
+    isSizeLarge?: boolean;
+}
+export interface DisplayProps {
+    isAligned?: boolean;
+    hasBorder?: boolean;
+    isTransparent?: boolean;
+    isFullWidth?: boolean;
+    isSticky?: boolean;
+    isFixed?: boolean;
+    hasBackground?: boolean;
+}
+export interface TypeProps {
+    isTypePrimary?: boolean;
+    isTypeSecondary?: boolean;
+    isTypeOutline?: boolean;
+}
+export interface CommonContentProps {
+    headline?: ContentElement;
+    text?: ContentElement;
+    actions?: ContentElement;
+    eyebrow?: ContentElement;
+    date?: ContentElement;
+}
+export interface ExtendedContentProps extends CommonContentProps {
+    subHeadline?: ContentElement;
+    description?: ContentElement;
+    metadata?: ContentElement;
+}
+export interface LayoutProps {
+    isTextCenter?: boolean;
+    isTextRight?: boolean;
+    isTextLeft?: boolean;
+    isVerticalCenter?: boolean;
+    isHorizontalCenter?: boolean;
+}
+export interface ContactProps {
+    phone?: string;
+    email?: string;
+    address?: string;
+    linkedin?: string;
+    additionalContact?: ContentElement;
+}
+export interface SocialMediaProps {
+    facebook?: string;
+    twitter?: string;
+    instagram?: string;
+    youtube?: string;
+    linkedin?: string;
+    pinterest?: string;
+    tiktok?: string;
+}
+export interface MediaProps {
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    poster?: string;
+    controls?: boolean;
+}
+export interface AssetProps {
+    image?: ImageElement | LinkElement;
+    video?: VideoElement;
+    isAspectStandard?: boolean;
+    isScaled?: boolean;
+}
+export interface MediaComponentProps extends AssetProps, MediaProps {
+    caption?: ContentElement;
+    credit?: ContentElement;
+    altText?: string;
+    title?: string;
+}
+export interface ElementStyles {
+    element?: Record<string, any>;
+    pseudoBefore?: Record<string, any>;
+    pseudoAfter?: Record<string, any>;
+    siblingAfter?: Record<string, any>;
+    subElement?: Record<string, any>;
+}
+export interface StyleObject {
+    className: string | string[];
+    [key: string]: any;
+}
+export interface BaseElementProps extends ThemeProps, ColorProps {
+    element: HTMLElement;
+    elementStyles?: ElementStyles;
+}
+export interface ConfigurationProps extends BaseElementProps {
+    className: string;
+    baseStyles?: Record<string, any>;
+}
+export interface PersonLikeProps extends ThemeProps {
+    name: ContentElement;
+    job?: ContentElement;
+    association?: ContentElement;
+    pronouns?: ContentElement;
+    image?: ImageElement;
+    email?: string;
+    phone?: string;
+}
+export interface DateTimeProps {
+    startDate: Date | string;
+    endDate?: Date | string;
+    allDay?: boolean;
+    timezone?: string;
+}
+export interface LocationInfo {
+    title: string;
+    address?: string;
+    city?: string;
+    state?: string;
+    zip?: string;
+    country?: string;
+    coordinates?: {
+        lat: number;
+        lng: number;
+    };
+}
+export interface AnimationProps {
+    includesAnimation?: boolean;
+    animationDuration?: number;
+    animationDelay?: number;
+    animationType?: 'fade' | 'slide' | 'scale' | 'none';
+}
+export type ElementCreatorFn<T = any> = (props: T) => ElementModel;
+export type ActionFunction = (props: BaseElementProps) => ElementModel;
+export type CallbackFunction<T = void> = (arg: T) => void;
+export interface StyleModifierProps {
+    styles: string;
+    className: string;
+    elementOptions?: ElementStyles;
+}
+export interface BuilderConfig {
+    styleModifiers: (props: StyleModifierProps) => string;
+    elementModifiers?: ((element: HTMLElement) => void)[];
+}
+export interface BuilderProps extends BaseElementProps, ConfigurationProps {
+    builderConfig: BuilderConfig;
+}
+export declare const ATTRIBUTE_THEME = "theme";
+export declare const THEME_DARK = "dark";
+export declare const THEME_LIGHT = "light";
+export declare const THEME_GOLD = "gold";
+export declare const THEME_MARYLAND = "maryland";
+export declare const isImageElement: (element: any) => element is HTMLImageElement;
+export declare const isVideoElement: (element: any) => element is HTMLVideoElement;
+export declare const isLinkElement: (element: any) => element is HTMLAnchorElement;
+export declare const isButtonElement: (element: any) => element is HTMLButtonElement;
+export declare const isDivElement: (element: any) => element is HTMLDivElement;
+export declare const hasContent: (element: ContentElement) => element is HTMLElement;
+export declare const hasImageContent: (props: AssetProps) => props is Required<Pick<AssetProps, "image">>;
+export declare const hasVideoContent: (props: AssetProps) => props is Required<Pick<AssetProps, "video">>;
+export type WithRequired<T, K extends keyof T> = T & Required<Pick<T, K>>;
+export type Without<T, K extends keyof T> = Partial<Omit<T, K>>;
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+export type RequireAtLeastOne<T> = {
+    [K in keyof T]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<keyof T, K>>>;
+}[keyof T];
+export type ExtractProps<T> = T extends ElementCreatorFn<infer P> ? P : never;
+//# sourceMappingURL=_types.d.ts.map

package/dist/_types.d.ts.map

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

package/dist/atomic/animations/brand/chevron-flow.d.ts

@@ -1,6 +1,6 @@
 declare const _default: ({ sizedContainer, completedCallback, isAnimationOnLoad, }: {
-    sizedContainer: HTMLDivElement;
-    sizedWrapper: HTMLDivElement;
+    sizedContainer: HTMLElement;
+    sizedWrapper: HTMLElement;
     completedCallback?: () => void;
     isAnimationOnLoad?: boolean;
 }) => {

package/dist/atomic/animations/brand/chevron-flow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chevron-flow.d.ts","sourceRoot":"","sources":["../../../../source/atomic/animations/brand/chevron-flow.ts"],"names":[],"mappings":"oFAiQG;IACD,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,cAAc,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;;;;;;AATD,wBAsFO"}
+{"version":3,"file":"chevron-flow.d.ts","sourceRoot":"","sources":["../../../../source/atomic/animations/brand/chevron-flow.ts"],"names":[],"mappings":"oFAiQG;IACD,cAAc,EAAE,WAAW,CAAC;IAC5B,YAAY,EAAE,WAAW,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;;;;;;AATD,wBAsFO"}

package/dist/atomic/assets/image/gif.d.ts

@@ -1,8 +1,9 @@
-export declare const gifToggle: ({ image }: {
+declare const _default: ({ image }: {
     image: HTMLImageElement;
 }) => {
     element: HTMLElement;
     className: string;
     styles: string;
 };
+export default _default;
 //# sourceMappingURL=gif.d.ts.map

package/dist/atomic/assets/image/gif.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gif.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/gif.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,cAAe;IAAE,KAAK,EAAE,gBAAgB,CAAA;CAAE;;;;CAiG/D,CAAC"}
+{"version":3,"file":"gif.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/gif.ts"],"names":[],"mappings":"oCAG2B;IAAE,KAAK,EAAE,gBAAgB,CAAA;CAAE;;;;;AAAtD,wBAiGE"}

package/dist/atomic/assets/image/index.d.ts

@@ -1,2 +1,4 @@
 export { default as background } from './background';
+export { default as gif } from './gif';
+export { default as placeholder } from './placeholder';
 //# sourceMappingURL=index.d.ts.map

package/dist/atomic/assets/image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/atomic/assets/image/placeholder.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    fearlessForward: () => {
+        element: HTMLElement;
+        className: string;
+        styles: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=placeholder.d.ts.map

package/dist/atomic/assets/image/placeholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/image/placeholder.ts"],"names":[],"mappings":";;;;;;;AAcA,wBAME"}

package/dist/atomic/assets/index.d.ts

@@ -1,2 +1,3 @@
 export * as image from './image';
+export * as video from './video';
 //# sourceMappingURL=index.d.ts.map

package/dist/atomic/assets/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/atomic/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/atomic/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}

package/dist/atomic/assets/video/index.d.ts

@@ -0,0 +1,3 @@
+export { default as toggle } from './toggle';
+export { default as observedAutoPlay } from './observed-auto-play';
+//# sourceMappingURL=index.d.ts.map

package/dist/atomic/assets/video/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/video/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/atomic/assets/video/observed-auto-play.d.ts

@@ -0,0 +1,17 @@
+interface CardVideoShortProps {
+    video: HTMLVideoElement;
+    isAutoplay?: boolean;
+    isScaled?: boolean;
+    additionalElementStyles?: Record<string, any>;
+}
+declare const _default: ({ video, isAutoplay, isScaled, additionalElementStyles, }: CardVideoShortProps) => {
+    events: {
+        setPlay: () => void;
+        setPause: () => void;
+    };
+    element: HTMLElement;
+    className: string;
+    styles: string;
+};
+export default _default;
+//# sourceMappingURL=observed-auto-play.d.ts.map

package/dist/atomic/assets/video/observed-auto-play.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"observed-auto-play.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/video/observed-auto-play.ts"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,gBAAgB,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC/C;oFAOE,mBAAmB;;;;;;;;;AALtB,wBAuDO"}

package/dist/atomic/assets/video/toggle.d.ts

@@ -0,0 +1,17 @@
+interface VideoProps {
+    video: HTMLVideoElement;
+    isScaled?: boolean;
+    additionalElementStyles?: Record<string, any>;
+    callback?: (isPlaying: boolean) => void;
+}
+declare const _default: (props: VideoProps) => {
+    events: {
+        setPlay: () => void;
+        setPause: () => void;
+    };
+    element: HTMLElement;
+    className: string;
+    styles: string;
+};
+export default _default;
+//# sourceMappingURL=toggle.d.ts.map

package/dist/atomic/assets/video/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../source/atomic/assets/video/toggle.ts"],"names":[],"mappings":"AAGA,UAAU,UAAU;IAClB,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;gCAEsB,UAAU;;;;;;;;;AAAjC,wBAsFO"}