@apollion-dsi/core 5.6.0 → 5.8.0

package/lib/containers/Motion/Motion.style.d.ts

@@ -10,12 +10,12 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     title?: string;
     dir?: string;
     borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
+    borderWidth?: "bold" | "regular" | "none" | "thin" | "great";
     borderStyle?: "solid" | "dotted" | "dashed";
     px?: import("../../themes").SpacingInterface;
+    fontWeight?: "light" | "bold" | "regular" | "stronger";
     fontSize?: import("../../themes").FontSizeKey;
     fontFamily?: "main" | "code";
-    fontWeight?: "light" | "bold" | "regular" | "stronger";
     lineHeight?: "regular" | "tight" | "close" | "wild";
     letterSpacing?: "regular" | "tight" | "wild";
     textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
@@ -24,6 +24,7 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     height?: string | number;
     color?: string;
     ref?: import("react").Ref<HTMLDivElement>;
+    key?: import("react").Key;
     round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     roundTop?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -52,6 +53,7 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
     position?: "fixed" | "absolute" | "relative" | "sticky";
     padding?: string | number;
+    alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
     alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
     alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     cursor?: import("../../factory").CursorType;
@@ -59,6 +61,7 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     flexBasis?: string | number;
     flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
     justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    justifyItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     maxHeight?: string | number;
     maxWidth?: string | number;
@@ -79,11 +82,14 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     gap?: import("../../themes").SpacingInterface;
     margin?: string | number;
     overflow?: import("../../factory").OverflowType;
+    placeItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     textDecoration?: "none" | "line-through" | "overline" | "underline";
     contrast?: import("../../factory").ColorFactoryValueType;
     readable?: number | boolean;
     isHidden?: boolean;
     truncate?: boolean;
+    pageShell?: boolean;
+    containment?: string;
     absoluteFill?: boolean;
     deep?: import("../../factory").DeepStylesTypes;
     deepColor?: string;
@@ -102,56 +108,122 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     pr?: import("../../themes").SpacingInterface;
     pb?: import("../../themes").SpacingInterface;
     pl?: import("../../themes").SpacingInterface;
+    cq?: Partial<Record<import("../../themes/Layout").ContainerSizeTypes, Partial<Omit<Partial<{
+        area: string;
+        padding: string | number;
+        margin: string | number;
+        isHidden: boolean;
+        truncate: boolean;
+        pageShell: boolean;
+        container: boolean;
+        containment: "inline-size" | "size" | string;
+        overflow: import("../../factory").OverflowType;
+        overflowX: import("../../factory").OverflowType;
+        overflowY: import("../../factory").OverflowType;
+        absoluteFill: boolean;
+        position: "relative" | "absolute" | "fixed" | "sticky";
+        display: import("../../factory").DisplayType;
+        cursor: import("../../factory").CursorType;
+        top: string | number;
+        bottom: string | number;
+        left: string | number;
+        right: string | number;
+        zIndex: number;
+        transform: string;
+    }>, "containment"> & import("../../factory").BackgroundFactoryProps & import("../../factory").ColorFactoryProps & import("../../factory").DeepFactoryProps & Partial<{
+        flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+        gap?: import("../../themes").SpacingInterface;
+        flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+        flexBasis: string | number;
+        justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+        alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+        alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+        justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+        alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+        grow: boolean;
+        shrink: boolean;
+        order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+        justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+    }> & Partial<{
+        fontWeight: "light" | "bold" | "regular" | "stronger";
+        fontSize: import("../../themes").FontSizeKey;
+        fontFamily: "main" | "code";
+        lineHeight: "regular" | "tight" | "close" | "wild";
+        letterSpacing: "regular" | "tight" | "wild";
+        textTransform: "normal" | "uppercase" | "lowercase" | "captalyze";
+        fontStyle: "normal" | "italic";
+    } & {
+        textAlign: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent";
+        textDecoration: "none" | "overline" | "underline" | "line-through";
+        whiteSpace: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | "break-spaces";
+        wordBreak: import("../../factory").WordBreakType;
+        legibility: import("../../factory").LegibilityType;
+    }> & import("../../factory").SizeFactoryProps & Partial<Record<import("../../factory").SpacingKeysTypes, import("../../themes").SpacingInterface>>>>>;
+    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    sm_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
     sm_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
     sm_alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     sm_flexBasis?: string | number;
     sm_flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
     sm_justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    sm_justifyItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     sm_justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     sm_order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
     sm_gap?: import("../../themes").SpacingInterface;
+    sm_placeItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     sm_grow?: boolean;
     sm_shrink?: boolean;
     md_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     md_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    md_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
     md_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
     md_alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     md_flexBasis?: string | number;
     md_flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
     md_justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    md_justifyItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     md_justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     md_order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
     md_gap?: import("../../themes").SpacingInterface;
+    md_placeItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     md_grow?: boolean;
     md_shrink?: boolean;
     lg_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     lg_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    lg_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
     lg_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
     lg_alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     lg_flexBasis?: string | number;
     lg_flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
     lg_justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    lg_justifyItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     lg_justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     lg_order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
     lg_gap?: import("../../themes").SpacingInterface;
+    lg_placeItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     lg_grow?: boolean;
     lg_shrink?: boolean;
     xl_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     xl_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    xl_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
     xl_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
     xl_alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     xl_flexBasis?: string | number;
     xl_flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
     xl_justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    xl_justifyItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     xl_justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     xl_order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
     xl_gap?: import("../../themes").SpacingInterface;
+    xl_placeItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     xl_grow?: boolean;
     xl_shrink?: boolean;
     sm_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    sm_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
+    sm_borderWidth?: "bold" | "regular" | "none" | "thin" | "great";
     sm_borderStyle?: "solid" | "dotted" | "dashed";
     sm_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     sm_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -172,7 +244,7 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     sm_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     sm_square?: boolean;
     md_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    md_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
+    md_borderWidth?: "bold" | "regular" | "none" | "thin" | "great";
     md_borderStyle?: "solid" | "dotted" | "dashed";
     md_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     md_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -193,7 +265,7 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     md_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     md_square?: boolean;
     lg_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    lg_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
+    lg_borderWidth?: "bold" | "regular" | "none" | "thin" | "great";
     lg_borderStyle?: "solid" | "dotted" | "dashed";
     lg_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     lg_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -214,7 +286,7 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     lg_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     lg_square?: boolean;
     xl_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    xl_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
+    xl_borderWidth?: "bold" | "regular" | "none" | "thin" | "great";
     xl_borderStyle?: "solid" | "dotted" | "dashed";
     xl_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     xl_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -234,7 +306,6 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     xl_borderColor?: import("../../themes").BgColorsTypes;
     xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     xl_square?: boolean;
-    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     md_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     lg_bgColor?: import("../../themes").BgColorsTypes | (string & {});
@@ -273,6 +344,8 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     sm_overflow?: import("../../factory").OverflowType;
     sm_isHidden?: boolean;
     sm_truncate?: boolean;
+    sm_pageShell?: boolean;
+    sm_containment?: string;
     sm_absoluteFill?: boolean;
     md_area?: string;
     md_right?: string | number;
@@ -292,6 +365,8 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     md_overflow?: import("../../factory").OverflowType;
     md_isHidden?: boolean;
     md_truncate?: boolean;
+    md_pageShell?: boolean;
+    md_containment?: string;
     md_absoluteFill?: boolean;
     lg_area?: string;
     lg_right?: string | number;
@@ -311,6 +386,8 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     lg_overflow?: import("../../factory").OverflowType;
     lg_isHidden?: boolean;
     lg_truncate?: boolean;
+    lg_pageShell?: boolean;
+    lg_containment?: string;
     lg_absoluteFill?: boolean;
     xl_area?: string;
     xl_right?: string | number;
@@ -330,6 +407,8 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     xl_overflow?: import("../../factory").OverflowType;
     xl_isHidden?: boolean;
     xl_truncate?: boolean;
+    xl_pageShell?: boolean;
+    xl_containment?: string;
     xl_absoluteFill?: boolean;
     sm_deep?: import("../../factory").DeepStylesTypes;
     sm_deepColor?: string;
@@ -348,8 +427,8 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     sm_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     sm_wordBreak?: import("../../factory").WordBreakType;
     sm_textDecoration?: "none" | "line-through" | "overline" | "underline";
-    sm_fontFamily?: "main" | "code";
     sm_fontWeight?: "light" | "bold" | "regular" | "stronger";
+    sm_fontFamily?: "main" | "code";
     sm_lineHeight?: "regular" | "tight" | "close" | "wild";
     sm_letterSpacing?: "regular" | "tight" | "wild";
     sm_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
@@ -360,8 +439,8 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     md_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     md_wordBreak?: import("../../factory").WordBreakType;
     md_textDecoration?: "none" | "line-through" | "overline" | "underline";
-    md_fontFamily?: "main" | "code";
     md_fontWeight?: "light" | "bold" | "regular" | "stronger";
+    md_fontFamily?: "main" | "code";
     md_lineHeight?: "regular" | "tight" | "close" | "wild";
     md_letterSpacing?: "regular" | "tight" | "wild";
     md_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
@@ -372,8 +451,8 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     lg_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     lg_wordBreak?: import("../../factory").WordBreakType;
     lg_textDecoration?: "none" | "line-through" | "overline" | "underline";
-    lg_fontFamily?: "main" | "code";
     lg_fontWeight?: "light" | "bold" | "regular" | "stronger";
+    lg_fontFamily?: "main" | "code";
     lg_lineHeight?: "regular" | "tight" | "close" | "wild";
     lg_letterSpacing?: "regular" | "tight" | "wild";
     lg_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
@@ -384,8 +463,8 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     xl_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     xl_wordBreak?: import("../../factory").WordBreakType;
     xl_textDecoration?: "none" | "line-through" | "overline" | "underline";
-    xl_fontFamily?: "main" | "code";
     xl_fontWeight?: "light" | "bold" | "regular" | "stronger";
+    xl_fontFamily?: "main" | "code";
     xl_lineHeight?: "regular" | "tight" | "close" | "wild";
     xl_letterSpacing?: "regular" | "tight" | "wild";
     xl_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
@@ -474,7 +553,6 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     ignoreResponsive?: boolean;
     enableBreakpoint?: keyof import("../../themes").BreakPoint<any>;
     property?: string;
-    key?: import("react").Key;
     defaultChecked?: boolean;
     defaultValue?: string | number | readonly string[];
     suppressContentEditableWarning?: boolean;
@@ -758,12 +836,12 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     title?: string;
     dir?: string;
     borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
+    borderWidth?: "bold" | "regular" | "none" | "thin" | "great";
     borderStyle?: "solid" | "dotted" | "dashed";
     px?: import("../../themes").SpacingInterface;
+    fontWeight?: "light" | "bold" | "regular" | "stronger";
     fontSize?: import("../../themes").FontSizeKey;
     fontFamily?: "main" | "code";
-    fontWeight?: "light" | "bold" | "regular" | "stronger";
     lineHeight?: "regular" | "tight" | "close" | "wild";
     letterSpacing?: "regular" | "tight" | "wild";
     textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
@@ -772,6 +850,7 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     height?: string | number;
     color?: string;
     ref?: import("react").Ref<HTMLDivElement>;
+    key?: import("react").Key;
     round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     roundTop?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -800,6 +879,7 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
     position?: "fixed" | "absolute" | "relative" | "sticky";
     padding?: string | number;
+    alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
     alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
     alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     cursor?: import("../../factory").CursorType;
@@ -807,6 +887,7 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     flexBasis?: string | number;
     flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
     justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    justifyItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     maxHeight?: string | number;
     maxWidth?: string | number;
@@ -827,11 +908,14 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     gap?: import("../../themes").SpacingInterface;
     margin?: string | number;
     overflow?: import("../../factory").OverflowType;
+    placeItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     textDecoration?: "none" | "line-through" | "overline" | "underline";
     contrast?: import("../../factory").ColorFactoryValueType;
     readable?: number | boolean;
     isHidden?: boolean;
     truncate?: boolean;
+    pageShell?: boolean;
+    containment?: string;
     absoluteFill?: boolean;
     deep?: import("../../factory").DeepStylesTypes;
     deepColor?: string;
@@ -850,56 +934,122 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     pr?: import("../../themes").SpacingInterface;
     pb?: import("../../themes").SpacingInterface;
     pl?: import("../../themes").SpacingInterface;
+    cq?: Partial<Record<import("../../themes/Layout").ContainerSizeTypes, Partial<Omit<Partial<{
+        area: string;
+        padding: string | number;
+        margin: string | number;
+        isHidden: boolean;
+        truncate: boolean;
+        pageShell: boolean;
+        container: boolean;
+        containment: "inline-size" | "size" | string;
+        overflow: import("../../factory").OverflowType;
+        overflowX: import("../../factory").OverflowType;
+        overflowY: import("../../factory").OverflowType;
+        absoluteFill: boolean;
+        position: "relative" | "absolute" | "fixed" | "sticky";
+        display: import("../../factory").DisplayType;
+        cursor: import("../../factory").CursorType;
+        top: string | number;
+        bottom: string | number;
+        left: string | number;
+        right: string | number;
+        zIndex: number;
+        transform: string;
+    }>, "containment"> & import("../../factory").BackgroundFactoryProps & import("../../factory").ColorFactoryProps & import("../../factory").DeepFactoryProps & Partial<{
+        flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+        gap?: import("../../themes").SpacingInterface;
+        flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+        flexBasis: string | number;
+        justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+        alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+        alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+        justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+        wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+        alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+        grow: boolean;
+        shrink: boolean;
+        order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+        justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+    }> & Partial<{
+        fontWeight: "light" | "bold" | "regular" | "stronger";
+        fontSize: import("../../themes").FontSizeKey;
+        fontFamily: "main" | "code";
+        lineHeight: "regular" | "tight" | "close" | "wild";
+        letterSpacing: "regular" | "tight" | "wild";
+        textTransform: "normal" | "uppercase" | "lowercase" | "captalyze";
+        fontStyle: "normal" | "italic";
+    } & {
+        textAlign: "start" | "end" | "left" | "right" | "center" | "justify" | "match-parent";
+        textDecoration: "none" | "overline" | "underline" | "line-through";
+        whiteSpace: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line" | "break-spaces";
+        wordBreak: import("../../factory").WordBreakType;
+        legibility: import("../../factory").LegibilityType;
+    }> & import("../../factory").SizeFactoryProps & Partial<Record<import("../../factory").SpacingKeysTypes, import("../../themes").SpacingInterface>>>>>;
+    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     sm_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    sm_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
     sm_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
     sm_alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     sm_flexBasis?: string | number;
     sm_flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
     sm_justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    sm_justifyItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     sm_justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     sm_order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
     sm_gap?: import("../../themes").SpacingInterface;
+    sm_placeItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     sm_grow?: boolean;
     sm_shrink?: boolean;
     md_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     md_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    md_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
     md_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
     md_alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     md_flexBasis?: string | number;
     md_flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
     md_justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    md_justifyItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     md_justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     md_order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
     md_gap?: import("../../themes").SpacingInterface;
+    md_placeItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     md_grow?: boolean;
     md_shrink?: boolean;
     lg_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     lg_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    lg_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
     lg_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
     lg_alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     lg_flexBasis?: string | number;
     lg_flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
     lg_justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    lg_justifyItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     lg_justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     lg_order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
     lg_gap?: import("../../themes").SpacingInterface;
+    lg_placeItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     lg_grow?: boolean;
     lg_shrink?: boolean;
     xl_flex?: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
     xl_wrap?: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    xl_alignContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
     xl_alignItems?: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
     xl_alignSelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     xl_flexBasis?: string | number;
     xl_flexDirection?: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
     xl_justifyContent?: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    xl_justifyItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     xl_justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
     xl_order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
     xl_gap?: import("../../themes").SpacingInterface;
+    xl_placeItems?: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
     xl_grow?: boolean;
     xl_shrink?: boolean;
     sm_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    sm_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
+    sm_borderWidth?: "bold" | "regular" | "none" | "thin" | "great";
     sm_borderStyle?: "solid" | "dotted" | "dashed";
     sm_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     sm_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -920,7 +1070,7 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     sm_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     sm_square?: boolean;
     md_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    md_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
+    md_borderWidth?: "bold" | "regular" | "none" | "thin" | "great";
     md_borderStyle?: "solid" | "dotted" | "dashed";
     md_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     md_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -941,7 +1091,7 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     md_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     md_square?: boolean;
     lg_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    lg_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
+    lg_borderWidth?: "bold" | "regular" | "none" | "thin" | "great";
     lg_borderStyle?: "solid" | "dotted" | "dashed";
     lg_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     lg_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -962,7 +1112,7 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     lg_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     lg_square?: boolean;
     xl_borderRadius?: "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
-    xl_borderWidth?: "bold" | "none" | "regular" | "thin" | "great";
+    xl_borderWidth?: "bold" | "regular" | "none" | "thin" | "great";
     xl_borderStyle?: "solid" | "dotted" | "dashed";
     xl_round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
     xl_roundBottom?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -982,7 +1132,6 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     xl_borderColor?: import("../../themes").BgColorsTypes;
     xl_borderPosition?: "right" | "left" | "top" | "bottom" | "vertical" | "horizontal";
     xl_square?: boolean;
-    bgColor?: import("../../themes").BgColorsTypes | (string & {});
     sm_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     md_bgColor?: import("../../themes").BgColorsTypes | (string & {});
     lg_bgColor?: import("../../themes").BgColorsTypes | (string & {});
@@ -1021,6 +1170,8 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     sm_overflow?: import("../../factory").OverflowType;
     sm_isHidden?: boolean;
     sm_truncate?: boolean;
+    sm_pageShell?: boolean;
+    sm_containment?: string;
     sm_absoluteFill?: boolean;
     md_area?: string;
     md_right?: string | number;
@@ -1040,6 +1191,8 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     md_overflow?: import("../../factory").OverflowType;
     md_isHidden?: boolean;
     md_truncate?: boolean;
+    md_pageShell?: boolean;
+    md_containment?: string;
     md_absoluteFill?: boolean;
     lg_area?: string;
     lg_right?: string | number;
@@ -1059,6 +1212,8 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     lg_overflow?: import("../../factory").OverflowType;
     lg_isHidden?: boolean;
     lg_truncate?: boolean;
+    lg_pageShell?: boolean;
+    lg_containment?: string;
     lg_absoluteFill?: boolean;
     xl_area?: string;
     xl_right?: string | number;
@@ -1078,6 +1233,8 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     xl_overflow?: import("../../factory").OverflowType;
     xl_isHidden?: boolean;
     xl_truncate?: boolean;
+    xl_pageShell?: boolean;
+    xl_containment?: string;
     xl_absoluteFill?: boolean;
     sm_deep?: import("../../factory").DeepStylesTypes;
     sm_deepColor?: string;
@@ -1096,8 +1253,8 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     sm_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     sm_wordBreak?: import("../../factory").WordBreakType;
     sm_textDecoration?: "none" | "line-through" | "overline" | "underline";
-    sm_fontFamily?: "main" | "code";
     sm_fontWeight?: "light" | "bold" | "regular" | "stronger";
+    sm_fontFamily?: "main" | "code";
     sm_lineHeight?: "regular" | "tight" | "close" | "wild";
     sm_letterSpacing?: "regular" | "tight" | "wild";
     sm_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
@@ -1108,8 +1265,8 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     md_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     md_wordBreak?: import("../../factory").WordBreakType;
     md_textDecoration?: "none" | "line-through" | "overline" | "underline";
-    md_fontFamily?: "main" | "code";
     md_fontWeight?: "light" | "bold" | "regular" | "stronger";
+    md_fontFamily?: "main" | "code";
     md_lineHeight?: "regular" | "tight" | "close" | "wild";
     md_letterSpacing?: "regular" | "tight" | "wild";
     md_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
@@ -1120,8 +1277,8 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     lg_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     lg_wordBreak?: import("../../factory").WordBreakType;
     lg_textDecoration?: "none" | "line-through" | "overline" | "underline";
-    lg_fontFamily?: "main" | "code";
     lg_fontWeight?: "light" | "bold" | "regular" | "stronger";
+    lg_fontFamily?: "main" | "code";
     lg_lineHeight?: "regular" | "tight" | "close" | "wild";
     lg_letterSpacing?: "regular" | "tight" | "wild";
     lg_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
@@ -1132,8 +1289,8 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     xl_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     xl_wordBreak?: import("../../factory").WordBreakType;
     xl_textDecoration?: "none" | "line-through" | "overline" | "underline";
-    xl_fontFamily?: "main" | "code";
     xl_fontWeight?: "light" | "bold" | "regular" | "stronger";
+    xl_fontFamily?: "main" | "code";
     xl_lineHeight?: "regular" | "tight" | "close" | "wild";
     xl_letterSpacing?: "regular" | "tight" | "wild";
     xl_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
@@ -1222,7 +1379,6 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     ignoreResponsive?: boolean;
     enableBreakpoint?: keyof import("../../themes").BreakPoint<any>;
     property?: string;
-    key?: import("react").Key;
     defaultChecked?: boolean;
     defaultValue?: string | number | readonly string[];
     suppressContentEditableWarning?: boolean;

package/lib/containers/Motion/index.esm.js

@@ -1 +1 @@
-import{b as a,c as b}from"../../chunks/chunk-6OXVRDS2.esm.js";import"../../chunks/chunk-CLDPV7NK.esm.js";import"../../chunks/chunk-YRBM4WYM.esm.js";import"../../chunks/chunk-5OKRFXLL.esm.js";import"../../chunks/chunk-LATE6DIA.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-MBYC37CX.esm.js";import"../../chunks/chunk-NI6YLGUA.esm.js";import"../../chunks/chunk-OZIEVLUR.esm.js";import"../../chunks/chunk-5HENHW73.esm.js";import"../../chunks/chunk-RZDVS7AY.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-A6Z2M2XU.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-TLBV5OUM.esm.js";import"../../chunks/chunk-E3MSXQXV.esm.js";import"../../chunks/chunk-TQJTHPA3.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-APD22JEO.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as AnimatedContainer,b as AnimatedFlex};
+import{b as a,c as b}from"../../chunks/chunk-I6HAFAKY.esm.js";import"../../chunks/chunk-7L77BJCX.esm.js";import"../../chunks/chunk-HEZGD5NN.esm.js";import"../../chunks/chunk-PJQ3IZE7.esm.js";import"../../chunks/chunk-5OE3KRLX.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-N6TVSSCE.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-NZ67MJX5.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-5HBSIYOZ.esm.js";import"../../chunks/chunk-RNL7RFJK.esm.js";import"../../chunks/chunk-JQ66DKSQ.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-GNQ43LWP.esm.js";import"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-YC44Q5HI.esm.js";import"../../chunks/chunk-BFABFZI7.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as AnimatedContainer,b as AnimatedFlex};

package/lib/containers/Notification/Notification.interface.d.ts

@@ -79,6 +79,14 @@ export type NotificationInterface = {
      * @default 'bottom'
      */
     pagePosition?: NotificationPagePositionTypes;
+    /**
+     * Distance from the viewport edge when `type="page"` — the app-bar height
+     * for `pagePosition="top"` (so the banner sits under the chrome instead
+     * of covering it), a footer height for `"bottom"`. Number = px.
+     *
+     * @default 0
+     */
+    pageOffset?: number | string;
     /** Callback fired when the notification is dismissed. */
     onDismiss?: () => void;
     /**