@rokt/dcui-orchestrator 0.0.2-rc.0

package/node_modules/@rokt/dcui-layout-schema/v0.22/index.d.ts

@@ -0,0 +1,1401 @@
+export interface ThemeUrl {
+    light: string;
+    dark?: null | string;
+}
+export type BackgroundImagePosition = "top" | "right" | "bottom" | "left" | "center" | "top-right" | "top-left" | "bottom-left" | "bottom-right";
+export type BackgroundImageScale = "crop" | "fit" | "fill";
+export interface BackgroundImage {
+    url: ThemeUrl;
+    position?: null | BackgroundImagePosition;
+    scale?: null | BackgroundImageScale;
+}
+export interface ThemeColor {
+    light: string;
+    dark?: null | string;
+}
+export interface BackgroundStylingProperties {
+    backgroundColor?: null | ThemeColor;
+    backgroundImage?: null | BackgroundImage;
+}
+export interface BasicStateStylingBlock<T> {
+    default: T;
+    pressed?: null | T;
+    hovered?: null | T;
+    focussed?: null | T;
+    disabled?: null | T;
+}
+export type DimensionWidthValue = {
+    type: "fixed";
+    value: number;
+} | {
+    type: "percentage";
+    value: number;
+} | {
+    type: "fit";
+    value: DimensionWidthFitValue;
+};
+export type DimensionHeightValue = {
+    type: "fixed";
+    value: number;
+} | {
+    type: "percentage";
+    value: number;
+} | {
+    type: "fit";
+    value: DimensionHeightFitValue;
+};
+export interface DimensionStylingProperties {
+    minWidth?: null | number;
+    maxWidth?: null | number;
+    width?: null | DimensionWidthValue;
+    minHeight?: null | number;
+    maxHeight?: null | number;
+    height?: null | DimensionHeightValue;
+    rotateZ?: null | number;
+}
+export type FlexChildFlexPosition = "center" | "flex-start" | "flex-end" | "stretch";
+export interface FlexChildStylingProperties {
+    weight?: null | number;
+    order?: null | number;
+    alignSelf?: null | FlexChildFlexPosition;
+}
+export interface SpacingStylingProperties {
+    padding?: null | string;
+    margin?: null | string;
+    offset?: null | string;
+}
+export type FontWeight = "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+export type FontJustification = "left" | "right" | "center" | "start" | "end" | "justify";
+export type FontBaselineAlignment = "super" | "sub" | "baseline";
+export type FontStyle = "normal" | "italic";
+export type TextTransform = "capitalize" | "uppercase" | "lowercase" | "none";
+export type TextDecoration = "underline" | "strike-through" | "none";
+export interface TextStylingProperties {
+    textColor?: null | ThemeColor;
+    fontSize?: null | number;
+    fontFamily?: null | string;
+    fontWeight?: null | FontWeight;
+    lineHeight?: null | number;
+    horizontalTextAlign?: null | FontJustification;
+    baselineTextAlign?: null | FontBaselineAlignment;
+    fontStyle?: null | FontStyle;
+    textTransform?: null | TextTransform;
+    letterSpacing?: null | number;
+    textDecoration?: null | TextDecoration;
+    lineLimit?: null | number;
+}
+export interface BasicTextStyle {
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    text?: null | TextStylingProperties;
+}
+export interface BasicTextElements {
+    own: BasicStateStylingBlock<BasicTextStyle>[];
+}
+export type LayoutStyleTransition<Styles> = {
+    type: "Conditional";
+    transition: ConditionalStyleTransition<Styles>;
+};
+export interface LayoutStyle<ElementsStyles, TransitionsStyles> {
+    elements?: null | ElementsStyles;
+    transitions?: null | LayoutStyleTransition<TransitionsStyles>;
+}
+export interface BasicTextTransitions {
+    own?: null | BasicTextStyle;
+}
+export interface BasicTextModel {
+    styles?: null | LayoutStyle<BasicTextElements, BasicTextTransitions>;
+    value: string;
+}
+export type BorderStyle = "solid" | "dashed";
+export interface BorderStylingProperties {
+    borderRadius?: null | number;
+    borderColor?: null | ThemeColor;
+    borderWidth?: null | string;
+    borderStyle?: null | BorderStyle;
+}
+export type OrderableWhenCondition = "is" | "is-not" | "is-below" | "is-above";
+export interface BreakpointPredicate {
+    condition: OrderableWhenCondition;
+    value: string;
+}
+export interface StatelessStylingBlock<T> {
+    default: T;
+}
+export type FlexPosition = "center" | "flex-start" | "flex-end";
+export interface Shadow {
+    offsetX?: null | number;
+    offsetY?: null | number;
+    blurRadius?: null | number;
+    spreadRadius?: null | number;
+    color: ThemeColor;
+}
+export type Overflow = "auto" | "hidden" | "visible" | "scroll";
+export interface ContainerStylingProperties {
+    justifyContent?: null | FlexPosition;
+    alignItems?: null | FlexPosition;
+    shadow?: null | Shadow;
+    overflow?: null | Overflow;
+    gap?: null | number;
+    blur?: null | number;
+}
+export interface CarouselDistributionStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface CarouselDistributionElements {
+    own: StatelessStylingBlock<CarouselDistributionStyles>[];
+}
+export type PeekThroughSize = {
+    type: "Fixed";
+    value: number;
+} | {
+    type: "Percentage";
+    value: number;
+};
+export interface CarouselSettings {
+    viewableItems: number[];
+    peekThroughSize: PeekThroughSize[];
+}
+export interface CarouselDistributionTransitions {
+    own?: null | CarouselDistributionStyles;
+}
+export interface CarouselDistributionModel {
+    settings: CarouselSettings;
+    styles?: null | LayoutStyle<CarouselDistributionElements, CarouselDistributionTransitions>;
+}
+export interface CatalogResponseButtonStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface CatalogResponseButtonElements {
+    own: BasicStateStylingBlock<CatalogResponseButtonStyles>[];
+}
+export interface CatalogResponseButtonTransitions {
+    own?: null | CatalogResponseButtonStyles;
+}
+export interface CatalogResponseButtonModel<T> {
+    styles?: null | LayoutStyle<CatalogResponseButtonElements, CatalogResponseButtonTransitions>;
+    children: T[];
+}
+export interface CatalogStackedCollectionStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface CatalogStackedCollectionElements {
+    own: StatelessStylingBlock<CatalogStackedCollectionStyles>[];
+}
+export interface CatalogStackedCollectionTransitions {
+    own?: null | CatalogStackedCollectionStyles;
+}
+export interface CatalogStackedCollectionModel<NodeTemplate> {
+    styles?: null | LayoutStyle<CatalogStackedCollectionElements, CatalogStackedCollectionTransitions>;
+    template: NodeTemplate;
+}
+export interface CloseButtonStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface CloseButtonElements {
+    own: BasicStateStylingBlock<CloseButtonStyles>[];
+}
+export interface CloseButtonTransitions {
+    own?: null | CloseButtonStyles;
+}
+export interface CloseButtonModel<T> {
+    styles?: null | LayoutStyle<CloseButtonElements, CloseButtonTransitions>;
+    children: T[];
+    dismissalMethod?: null | string;
+}
+export interface ColumnStyle {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface ColumnElements {
+    own: BasicStateStylingBlock<ColumnStyle>[];
+}
+export interface ColumnTransitions {
+    own?: null | ColumnStyle;
+}
+export interface ColumnModel<T> {
+    styles?: null | LayoutStyle<ColumnElements, ColumnTransitions>;
+    children: T[];
+}
+export type WhenPredicate = {
+    type: "Breakpoint";
+    predicate: BreakpointPredicate;
+} | {
+    type: "Position";
+    predicate: PositionPredicate;
+} | {
+    type: "Progression";
+    predicate: ProgressionPredicate;
+} | {
+    type: "DarkMode";
+    predicate: DarkModePredicate;
+} | {
+    type: "CreativeCopy";
+    predicate: CreativeCopyPredicate;
+} | {
+    type: "StaticBoolean";
+    predicate: StaticBooleanPredicate;
+} | {
+    type: "CustomState";
+    predicate: CustomStatePredicate;
+};
+export interface ConditionalStyleTransition<Styles> {
+    predicates: WhenPredicate[];
+    duration: number;
+    value: Styles;
+}
+export type ExistenceWhenCondition = "exists" | "not-exists";
+export interface CreativeCopyPredicate {
+    condition: ExistenceWhenCondition;
+    value: string;
+}
+export interface CreativeResponseStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface CreativeResponseElements {
+    own: BasicStateStylingBlock<CreativeResponseStyles>[];
+}
+export interface CreativeResponseTransitions {
+    own?: null | CreativeResponseStyles;
+}
+export type LinkOpenTarget = "internally" | "externally";
+export interface CreativeResponseModel<T> {
+    responseKey: string;
+    styles?: null | LayoutStyle<CreativeResponseElements, CreativeResponseTransitions>;
+    openLinks?: null | LinkOpenTarget;
+    children: T[];
+}
+export interface CustomStatePredicate {
+    key: string;
+    condition: OrderableWhenCondition;
+    value: number;
+}
+export type EqualityWhenCondition = "is" | "is-not";
+export interface DarkModePredicate {
+    condition: EqualityWhenCondition;
+    value: boolean;
+}
+export interface DataIconStyles {
+    text?: null | TextStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+}
+export interface DataIconElements {
+    own: BasicStateStylingBlock<DataIconStyles>[];
+}
+export interface DataIconTransitions {
+    own?: null | DataIconStyles;
+}
+export interface DataIconModel {
+    styles?: null | LayoutStyle<DataIconElements, DataIconTransitions>;
+    iconKey: string;
+    isImportantForAccessibility?: null | boolean;
+}
+export interface DataImageStyles {
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface DataImageElements {
+    own: BasicStateStylingBlock<DataImageStyles>[];
+}
+export interface DataImageTransitions {
+    own?: null | DataImageStyles;
+}
+export interface DataImageModel {
+    styles?: null | LayoutStyle<DataImageElements, DataImageTransitions>;
+    imageKey: string;
+    isImportantForAccessibility?: null | boolean;
+}
+export interface FadeInOutTransitionSettings {
+    duration: number;
+}
+export interface FadeInTransitionSettings {
+    duration: number;
+}
+export interface FadeOutTransitionSettings {
+    duration: number;
+}
+export interface FlowRowStyle {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface FlowRowElements {
+    own: BasicStateStylingBlock<FlowRowStyle>[];
+}
+export interface FlowRowTransitions {
+    own?: null | FlowRowStyle;
+}
+export interface FlowRowModel<T> {
+    styles?: null | LayoutStyle<FlowRowElements, FlowRowTransitions>;
+    children: T[];
+}
+export interface GroupedDistributionStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface GroupedDistributionElements {
+    own: StatelessStylingBlock<GroupedDistributionStyles>[];
+}
+export interface GroupedDistributionTransitions {
+    own?: null | GroupedDistributionStyles;
+}
+export type Transition = {
+    type: "FadeInOut";
+    settings: FadeInOutTransitionSettings;
+};
+export interface GroupedSettings {
+    viewableItems: number[];
+    transition: Transition;
+}
+export interface GroupedDistributionModel {
+    styles?: null | LayoutStyle<GroupedDistributionElements, GroupedDistributionTransitions>;
+    settings: GroupedSettings;
+}
+export interface InlineTextStylingProperties {
+    textColor?: null | ThemeColor;
+    fontSize?: null | number;
+    fontFamily?: null | string;
+    fontWeight?: null | FontWeight;
+    baselineTextAlign?: null | FontBaselineAlignment;
+    fontStyle?: null | FontStyle;
+    textTransform?: null | TextTransform;
+    letterSpacing?: null | number;
+    textDecoration?: null | TextDecoration;
+}
+export interface InLineTextStyle {
+    text: InlineTextStylingProperties;
+}
+export interface IndicatorStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+    text?: null | TextStylingProperties;
+}
+export interface LayoutSettings {
+    closeOnComplete?: null | boolean;
+}
+export interface OneByOneDistributionStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface OneByOneDistributionElements {
+    own: StatelessStylingBlock<OneByOneDistributionStyles>[];
+}
+export interface OneByOneDistributionTransitions {
+    own?: null | OneByOneDistributionStyles;
+}
+export interface OneByOneDistributionModel {
+    styles?: null | LayoutStyle<OneByOneDistributionElements, OneByOneDistributionTransitions>;
+    transition: Transition;
+}
+export interface OverlayStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface OverlayWrapperStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+}
+export interface OverlayElements {
+    own: BasicStateStylingBlock<OverlayStyles>[];
+    wrapper: BasicStateStylingBlock<OverlayWrapperStyles>[];
+}
+export interface OverlaySettings {
+    allowBackdropToClose: boolean;
+}
+export interface OverlayTransitions {
+    own?: null | OverlayStyles;
+    wrapper?: null | OverlayWrapperStyles;
+}
+export interface OverlayModel<T> {
+    settings: OverlaySettings;
+    styles?: null | LayoutStyle<OverlayElements, OverlayTransitions>;
+    children: T[];
+}
+export interface PositionPredicate {
+    condition: OrderableWhenCondition;
+    value: string;
+}
+export interface ProgressControlStyle {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface ProgressControlElements {
+    own: BasicStateStylingBlock<ProgressControlStyle>[];
+}
+export interface ProgressControlTransitions {
+    own?: null | ProgressControlStyle;
+}
+export type ProgressionDirection = "Forward" | "Backward";
+export interface ProgressControlModel<Children> {
+    styles?: null | LayoutStyle<ProgressControlElements, ProgressControlTransitions>;
+    direction: ProgressionDirection;
+    children: Children[];
+}
+export interface ProgressIndicatorStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface ProgressIndicatorElements {
+    own: BasicStateStylingBlock<ProgressIndicatorStyles>[];
+    indicator: BasicStateStylingBlock<IndicatorStyles>[];
+    activeIndicator?: null | BasicStateStylingBlock<IndicatorStyles>[];
+    seenIndicator?: null | BasicStateStylingBlock<IndicatorStyles>[];
+}
+export interface ProgressIndicatorTransitions {
+    own?: null | ProgressIndicatorStyles;
+    indicator?: null | IndicatorStyles;
+    activeIndicator?: null | IndicatorStyles;
+    seenIndicator?: null | IndicatorStyles;
+}
+export interface ProgressIndicatorSettings {
+    startPosition?: null | number;
+}
+export interface ProgressIndicatorModel {
+    styles?: null | LayoutStyle<ProgressIndicatorElements, ProgressIndicatorTransitions>;
+    indicator: string;
+    settings?: null | ProgressIndicatorSettings;
+    isImportantForAccessibility?: null | boolean;
+}
+export interface ProgressionPredicate {
+    condition: OrderableWhenCondition;
+    value: string;
+}
+export interface RichTextStyle {
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    text?: null | TextStylingProperties;
+}
+export interface RichTextElements {
+    own: BasicStateStylingBlock<RichTextStyle>[];
+    link?: null | BasicStateStylingBlock<InLineTextStyle>[];
+}
+export interface RichTextTransitions {
+    own?: null | RichTextStyle;
+    link?: null | InLineTextStyle;
+}
+export interface RichTextModel {
+    styles?: null | LayoutStyle<RichTextElements, RichTextTransitions>;
+    openLinks?: null | LinkOpenTarget;
+    value: string;
+}
+export interface RootSchemaModel<Layout, Display, Settings> {
+    breakpoints: Record<string, number>;
+    layout: Layout;
+    settings?: null | Settings;
+    display?: null | Display;
+}
+export interface RowStyle {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface RowElements {
+    own: BasicStateStylingBlock<RowStyle>[];
+}
+export interface RowTransitions {
+    own?: null | RowStyle;
+}
+export interface RowModel<T> {
+    styles?: null | LayoutStyle<RowElements, RowTransitions>;
+    children: T[];
+}
+export interface SlideStateTriggerOwnStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface SlideStateTriggerThumbStyles {
+    text?: null | TextStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface SlideStateTriggerLabelStyles {
+    text?: null | TextStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface SlideStateTriggerFillStyles {
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+}
+export interface SlideStateTriggerElements {
+    own: StatelessStylingBlock<SlideStateTriggerOwnStyles>[];
+    thumb?: null | StatelessStylingBlock<SlideStateTriggerThumbStyles>[];
+    label?: null | StatelessStylingBlock<SlideStateTriggerLabelStyles>[];
+    fill?: null | StatelessStylingBlock<SlideStateTriggerFillStyles>[];
+}
+export interface SlideStateTriggerLabel {
+    value?: null | string;
+}
+export interface SlideStateTriggerTransitions {
+    own?: null | SlideStateTriggerOwnStyles;
+    thumb?: null | SlideStateTriggerThumbStyles;
+    label?: null | SlideStateTriggerLabelStyles;
+    fill?: null | SlideStateTriggerFillStyles;
+}
+export interface SlideStateTriggerThumb {
+    icon?: null | string;
+}
+export interface SlideStateTriggerModel {
+    styles?: null | LayoutStyle<SlideStateTriggerElements, SlideStateTriggerTransitions>;
+    thumb?: null | SlideStateTriggerThumb;
+    label?: null | SlideStateTriggerLabel;
+    customStateKey: string;
+    customStateValue?: null | number;
+}
+export interface StackedDistributionStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface StackedDistributionElements {
+    own: StatelessStylingBlock<StackedDistributionStyles>[];
+}
+export interface StackedDistributionTransitions {
+    own?: null | StackedDistributionStyles;
+}
+export interface StackedDistributionModel {
+    styles?: null | LayoutStyle<StackedDistributionElements, StackedDistributionTransitions>;
+}
+export type BooleanWhenCondition = "is-true" | "is-false";
+export interface StaticBooleanPredicate {
+    condition: BooleanWhenCondition;
+    value: boolean;
+}
+export interface StaticIconStyles {
+    text?: null | TextStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+}
+export interface StaticIconElements {
+    own: BasicStateStylingBlock<StaticIconStyles>[];
+}
+export interface StaticIconTransitions {
+    own?: null | StaticIconStyles;
+}
+export interface StaticIconModel {
+    styles?: null | LayoutStyle<StaticIconElements, StaticIconTransitions>;
+    name: string;
+    description?: null | string;
+    isImportantForAccessibility?: null | boolean;
+}
+export interface StaticImageStyles {
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface StaticImageElements {
+    own: BasicStateStylingBlock<StaticImageStyles>[];
+}
+export interface StaticImageTransitions {
+    own?: null | StaticImageStyles;
+}
+export interface StaticImageUrl {
+    light: string;
+    dark?: null | string;
+}
+export interface StaticImageModel {
+    styles?: null | LayoutStyle<StaticImageElements, StaticImageTransitions>;
+    alt?: null | string;
+    title?: null | string;
+    url: StaticImageUrl;
+    isImportantForAccessibility?: null | boolean;
+}
+export interface StaticLinkStyles {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface StaticLinkElements {
+    own: BasicStateStylingBlock<StaticLinkStyles>[];
+}
+export interface StaticLinkTransitions {
+    own?: null | StaticLinkStyles;
+}
+export interface StaticLinkModel<T> {
+    src: string;
+    open: LinkOpenTarget;
+    styles?: null | LayoutStyle<StaticLinkElements, StaticLinkTransitions>;
+    children: T[];
+}
+export interface ToggleButtonStateTriggerStyle {
+    container?: null | ContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface ToggleButtonStateTriggerElements {
+    own: BasicStateStylingBlock<ToggleButtonStateTriggerStyle>[];
+}
+export interface ToggleButtonStateTriggerTransitions {
+    own?: null | ToggleButtonStateTriggerStyle;
+}
+export interface ToggleButtonStateTriggerModel<T> {
+    styles?: null | LayoutStyle<ToggleButtonStateTriggerElements, ToggleButtonStateTriggerTransitions>;
+    children: T[];
+    customStateKey: string;
+}
+export type InTransition = {
+    type: "FadeIn";
+    settings: FadeInTransitionSettings;
+};
+export type OutTransition = {
+    type: "FadeOut";
+    settings: FadeOutTransitionSettings;
+};
+export interface WhenTransition {
+    in?: null | InTransition[];
+    out?: null | OutTransition[];
+}
+export type WhenHidden = "visually" | "functionally";
+export interface WhenModel<T> {
+    predicates: WhenPredicate[];
+    children: T[];
+    transition?: null | WhenTransition;
+    hide?: null | WhenHidden;
+}
+export interface ZStackContainerStylingProperties {
+    justifyContent?: null | FlexPosition;
+    alignItems?: null | FlexPosition;
+    shadow?: null | Shadow;
+    overflow?: null | Overflow;
+    blur?: null | number;
+}
+export interface ZStackStyle {
+    container?: null | ZStackContainerStylingProperties;
+    background?: null | BackgroundStylingProperties;
+    border?: null | BorderStylingProperties;
+    dimension?: null | DimensionStylingProperties;
+    flexChild?: null | FlexChildStylingProperties;
+    spacing?: null | SpacingStylingProperties;
+}
+export interface ZStackElements {
+    own: BasicStateStylingBlock<ZStackStyle>[];
+}
+export interface ZStackTransitions {
+    own?: null | ZStackStyle;
+}
+export interface ZStackModel<T> {
+    styles?: null | LayoutStyle<ZStackElements, ZStackTransitions>;
+    children: T[];
+}
+export type CatalogResponseButtonChildren = {
+    type: "Row";
+    node: RowModel<CatalogResponseButtonChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<CatalogResponseButtonChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<CatalogResponseButtonChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<CatalogResponseButtonChildren>;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "DataImage";
+    node: DataImageModel;
+} | {
+    type: "When";
+    node: WhenModel<CatalogResponseButtonChildren>;
+} | {
+    type: "DataIcon";
+    node: DataIconModel;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+};
+export type CatalogStackedCollectionTemplateNode = {
+    type: "Row";
+    node: RowModel<CatalogStackedCollectionTemplateNodeChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<CatalogStackedCollectionTemplateNodeChildren>;
+};
+export type CatalogStackedCollectionTemplateNodeChildren = {
+    type: "Row";
+    node: RowModel<CatalogStackedCollectionTemplateNodeChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<CatalogStackedCollectionTemplateNodeChildren>;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+} | {
+    type: "ZStack";
+    node: ZStackModel<CatalogStackedCollectionTemplateNodeChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<CatalogStackedCollectionTemplateNodeChildren>;
+} | {
+    type: "RichText";
+    node: RichTextModel;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "DataImage";
+    node: DataImageModel;
+} | {
+    type: "DataIcon";
+    node: DataIconModel;
+} | {
+    type: "When";
+    node: WhenModel<CatalogStackedCollectionTemplateNodeChildren>;
+} | {
+    type: "StaticLink";
+    node: StaticLinkModel<StaticLinkChildren>;
+} | {
+    type: "SlideStateTrigger";
+    node: SlideStateTriggerModel;
+} | {
+    type: "ToggleButtonStateTrigger";
+    node: ToggleButtonStateTriggerModel<ToggleButtonStateTriggerLayoutVariantChildren>;
+} | {
+    type: "CatalogResponseButton";
+    node: CatalogResponseButtonModel<CatalogResponseButtonChildren>;
+};
+export type CloseButtonChildren = {
+    type: "Row";
+    node: RowModel<CloseButtonChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<CloseButtonChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<CloseButtonChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<CloseButtonChildren>;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "When";
+    node: WhenModel<CloseButtonChildren>;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+};
+export type CreativeResponseChildren = {
+    type: "Row";
+    node: RowModel<CreativeResponseChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<CreativeResponseChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<CreativeResponseChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<CreativeResponseChildren>;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "DataImage";
+    node: DataImageModel;
+} | {
+    type: "When";
+    node: WhenModel<CreativeResponseChildren>;
+} | {
+    type: "DataIcon";
+    node: DataIconModel;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+};
+export type DimensionHeightFitValue = "wrap-content" | "fit-height";
+export type DimensionWidthFitValue = "wrap-content" | "fit-width";
+export type LayoutDisplayPreset = "FULLSCREEN" | "EMBEDDED" | "ATTACHED";
+export type LayoutSchemaModel = {
+    type: "Row";
+    node: RowModel<LayoutSchemaModel>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<LayoutSchemaModel>;
+} | {
+    type: "Column";
+    node: ColumnModel<LayoutSchemaModel>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<LayoutSchemaModel>;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "DataImage";
+    node: DataImageModel;
+} | {
+    type: "RichText";
+    node: RichTextModel;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "ProgressIndicator";
+    node: ProgressIndicatorModel;
+} | {
+    type: "CreativeResponse";
+    node: CreativeResponseModel<CreativeResponseChildren>;
+} | {
+    type: "OneByOneDistribution";
+    node: OneByOneDistributionModel;
+} | {
+    type: "Overlay";
+    node: OverlayModel<OverlayChildren>;
+} | {
+    type: "When";
+    node: WhenModel<LayoutSchemaModel>;
+} | {
+    type: "StaticLink";
+    node: StaticLinkModel<StaticLinkLayoutVariantChildren>;
+} | {
+    type: "CloseButton";
+    node: CloseButtonModel<CloseButtonChildren>;
+} | {
+    type: "StackedDistribution";
+    node: StackedDistributionModel;
+} | {
+    type: "CarouselDistribution";
+    node: CarouselDistributionModel;
+} | {
+    type: "ProgressControl";
+    node: ProgressControlModel<ProgressControlChildren>;
+} | {
+    type: "GroupedDistribution";
+    node: GroupedDistributionModel;
+} | {
+    type: "DataIcon";
+    node: DataIconModel;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+} | {
+    type: "SlideStateTrigger";
+    node: SlideStateTriggerModel;
+} | {
+    type: "ToggleButtonStateTrigger";
+    node: ToggleButtonStateTriggerModel<ToggleButtonStateTriggerLayoutVariantChildren>;
+} | {
+    type: "CatalogStackedCollection";
+    node: CatalogStackedCollectionModel<CatalogStackedCollectionTemplateNode>;
+} | {
+    type: "CatalogResponseButton";
+    node: CatalogResponseButtonModel<CatalogResponseButtonChildren>;
+};
+export type LayoutVariantChildren = {
+    type: "Row";
+    node: RowModel<LayoutVariantChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<LayoutVariantChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<LayoutVariantChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<LayoutVariantChildren>;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "DataImage";
+    node: DataImageModel;
+} | {
+    type: "RichText";
+    node: RichTextModel;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "CreativeResponse";
+    node: CreativeResponseModel<CreativeResponseChildren>;
+} | {
+    type: "When";
+    node: WhenModel<LayoutVariantChildren>;
+} | {
+    type: "StaticLink";
+    node: StaticLinkModel<StaticLinkLayoutVariantChildren>;
+} | {
+    type: "DataIcon";
+    node: DataIconModel;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+} | {
+    type: "SlideStateTrigger";
+    node: SlideStateTriggerModel;
+} | {
+    type: "ToggleButtonStateTrigger";
+    node: ToggleButtonStateTriggerModel<ToggleButtonStateTriggerLayoutVariantChildren>;
+} | {
+    type: "CatalogStackedCollection";
+    node: CatalogStackedCollectionModel<CatalogStackedCollectionTemplateNode>;
+};
+export type LayoutVariantSchemaModel = {
+    type: "Row";
+    node: RowModel<LayoutVariantChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<LayoutVariantChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<LayoutVariantChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<LayoutVariantChildren>;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "DataImage";
+    node: DataImageModel;
+} | {
+    type: "RichText";
+    node: RichTextModel;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "CreativeResponse";
+    node: CreativeResponseModel<CreativeResponseChildren>;
+} | {
+    type: "When";
+    node: WhenModel<LayoutVariantChildren>;
+} | {
+    type: "StaticLink";
+    node: StaticLinkModel<StaticLinkLayoutVariantChildren>;
+} | {
+    type: "DataIcon";
+    node: DataIconModel;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+} | {
+    type: "SlideStateTrigger";
+    node: SlideStateTriggerModel;
+} | {
+    type: "ToggleButtonStateTrigger";
+    node: ToggleButtonStateTriggerModel<ToggleButtonStateTriggerLayoutVariantChildren>;
+} | {
+    type: "CatalogStackedCollection";
+    node: CatalogStackedCollectionModel<CatalogStackedCollectionTemplateNode>;
+};
+export type OuterLayoutChildren = {
+    type: "Row";
+    node: RowModel<OuterLayoutChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<OuterLayoutChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<OuterLayoutChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<OuterLayoutChildren>;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "RichText";
+    node: RichTextModel;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "ProgressIndicator";
+    node: ProgressIndicatorModel;
+} | {
+    type: "OneByOneDistribution";
+    node: OneByOneDistributionModel;
+} | {
+    type: "When";
+    node: WhenModel<OuterLayoutChildren>;
+} | {
+    type: "StaticLink";
+    node: StaticLinkModel<StaticLinkChildren>;
+} | {
+    type: "CloseButton";
+    node: CloseButtonModel<CloseButtonChildren>;
+} | {
+    type: "StackedDistribution";
+    node: StackedDistributionModel;
+} | {
+    type: "CarouselDistribution";
+    node: CarouselDistributionModel;
+} | {
+    type: "ProgressControl";
+    node: ProgressControlModel<ProgressControlChildren>;
+} | {
+    type: "GroupedDistribution";
+    node: GroupedDistributionModel;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+} | {
+    type: "SlideStateTrigger";
+    node: SlideStateTriggerModel;
+} | {
+    type: "ToggleButtonStateTrigger";
+    node: ToggleButtonStateTriggerModel<ToggleButtonStateTriggerOuterLayoutChildren>;
+};
+export type OuterLayoutSchemaModel = {
+    type: "Row";
+    node: RowModel<OuterLayoutChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<OuterLayoutChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<OuterLayoutChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<OuterLayoutChildren>;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "RichText";
+    node: RichTextModel;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "ProgressIndicator";
+    node: ProgressIndicatorModel;
+} | {
+    type: "OneByOneDistribution";
+    node: OneByOneDistributionModel;
+} | {
+    type: "Overlay";
+    node: OverlayModel<OverlayChildren>;
+} | {
+    type: "When";
+    node: WhenModel<OuterLayoutChildren>;
+} | {
+    type: "StaticLink";
+    node: StaticLinkModel<StaticLinkChildren>;
+} | {
+    type: "CloseButton";
+    node: CloseButtonModel<CloseButtonChildren>;
+} | {
+    type: "StackedDistribution";
+    node: StackedDistributionModel;
+} | {
+    type: "CarouselDistribution";
+    node: CarouselDistributionModel;
+} | {
+    type: "ProgressControl";
+    node: ProgressControlModel<ProgressControlChildren>;
+} | {
+    type: "GroupedDistribution";
+    node: GroupedDistributionModel;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+} | {
+    type: "SlideStateTrigger";
+    node: SlideStateTriggerModel;
+} | {
+    type: "ToggleButtonStateTrigger";
+    node: ToggleButtonStateTriggerModel<ToggleButtonStateTriggerOuterLayoutChildren>;
+};
+export type OverlayChildren = {
+    type: "Row";
+    node: RowModel<OverlayChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<OverlayChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<OverlayChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<OverlayChildren>;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "RichText";
+    node: RichTextModel;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "ProgressIndicator";
+    node: ProgressIndicatorModel;
+} | {
+    type: "OneByOneDistribution";
+    node: OneByOneDistributionModel;
+} | {
+    type: "When";
+    node: WhenModel<OverlayChildren>;
+} | {
+    type: "StaticLink";
+    node: StaticLinkModel<StaticLinkChildren>;
+} | {
+    type: "StackedDistribution";
+    node: StackedDistributionModel;
+} | {
+    type: "CloseButton";
+    node: CloseButtonModel<CloseButtonChildren>;
+} | {
+    type: "CarouselDistribution";
+    node: CarouselDistributionModel;
+} | {
+    type: "ProgressControl";
+    node: ProgressControlModel<ProgressControlChildren>;
+} | {
+    type: "GroupedDistribution";
+    node: GroupedDistributionModel;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+} | {
+    type: "SlideStateTrigger";
+    node: SlideStateTriggerModel;
+} | {
+    type: "ToggleButtonStateTrigger";
+    node: ToggleButtonStateTriggerModel<ToggleButtonStateTriggerOuterLayoutChildren>;
+};
+export type ProgressControlChildren = {
+    type: "Row";
+    node: RowModel<ProgressControlChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<ProgressControlChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<ProgressControlChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<ProgressControlChildren>;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "When";
+    node: WhenModel<ProgressControlChildren>;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+};
+export type StaticLinkChildren = {
+    type: "Row";
+    node: RowModel<StaticLinkChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<StaticLinkChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<StaticLinkChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<StaticLinkChildren>;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "When";
+    node: WhenModel<StaticLinkChildren>;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+};
+export type StaticLinkLayoutVariantChildren = {
+    type: "Row";
+    node: RowModel<StaticLinkLayoutVariantChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<StaticLinkLayoutVariantChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<StaticLinkLayoutVariantChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<StaticLinkLayoutVariantChildren>;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "DataImage";
+    node: DataImageModel;
+} | {
+    type: "When";
+    node: WhenModel<StaticLinkLayoutVariantChildren>;
+} | {
+    type: "DataIcon";
+    node: DataIconModel;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+};
+export type ToggleButtonStateTriggerLayoutVariantChildren = {
+    type: "Row";
+    node: RowModel<ToggleButtonStateTriggerLayoutVariantChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<ToggleButtonStateTriggerLayoutVariantChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<ToggleButtonStateTriggerLayoutVariantChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<ToggleButtonStateTriggerLayoutVariantChildren>;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "DataImage";
+    node: DataImageModel;
+} | {
+    type: "When";
+    node: WhenModel<ToggleButtonStateTriggerLayoutVariantChildren>;
+} | {
+    type: "DataIcon";
+    node: DataIconModel;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+};
+export type ToggleButtonStateTriggerOuterLayoutChildren = {
+    type: "Row";
+    node: RowModel<ToggleButtonStateTriggerOuterLayoutChildren>;
+} | {
+    type: "FlowRow";
+    node: FlowRowModel<ToggleButtonStateTriggerOuterLayoutChildren>;
+} | {
+    type: "Column";
+    node: ColumnModel<ToggleButtonStateTriggerOuterLayoutChildren>;
+} | {
+    type: "ZStack";
+    node: ZStackModel<ToggleButtonStateTriggerOuterLayoutChildren>;
+} | {
+    type: "BasicText";
+    node: BasicTextModel;
+} | {
+    type: "StaticImage";
+    node: StaticImageModel;
+} | {
+    type: "StaticIcon";
+    node: StaticIconModel;
+} | {
+    type: "When";
+    node: WhenModel<ToggleButtonStateTriggerOuterLayoutChildren>;
+};
+export type WhenTarget = "breakpoint" | "progression" | "position" | "dark-mode" | "creative-copy" | "static-boolean" | "custom-state";