@codeleap/mobile 2.0.1 → 2.0.4

package/dist/components/defaultStyles.d.ts

@@ -112,59 +112,59 @@ export declare const defaultStyles: {
         debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     };
     Touchable: {
-        default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
-        debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Touchable").TouchableComposition, any>>;
+        default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
+        debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Touchable").TouchableStylesGen<any>;
     };
     Text: {
-        default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+        default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
         h1: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
         h2: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
         h3: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
@@ -176,56 +176,56 @@ export declare const defaultStyles: {
         p3: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
         p4: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
         link: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        OSAlertBody: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
-        debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"text", any>>;
+        OSAlertBody: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
+        debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Text").TextStylesGen<any>;
     };
     Image: {
         default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Image").ImageComposition, any>>;
@@ -654,56 +654,56 @@ export declare const defaultStyles: {
         debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Slider").SliderComposition, any>>;
     };
     SegmentedControl: {
-        default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
-        debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./SegmentedControl").SegmentedControlComposition, any>>;
+        default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
+        debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./SegmentedControl").SegmentedControlStylesGen<any>;
     };
     ActivityIndicator: {
         default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ActivityIndicator").ActivityIndicatorComposition, any>>;
@@ -758,60 +758,60 @@ export declare const defaultStyles: {
         debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ActivityIndicator").ActivityIndicatorComposition, any>>;
     };
     Button: {
-        default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        negative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        circle: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        icon: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
-        debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Button").ButtonComposition, any>>;
+        default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        negative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        circle: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        icon: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
+        debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./Button").ButtonStylesGen<any>;
     };
     ContentView: {
         default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./ContentView").ContentViewComposition, any>>;
@@ -1299,64 +1299,64 @@ export declare const defaultStyles: {
         debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./List").PaginationIndicatorComposition, any>>;
     };
     ActionIcon: {
-        default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        small: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        large: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        primary: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        negative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        positive: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        black: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        white: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        neutral: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
-        debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+        default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        small: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        large: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        primary: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        negative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        positive: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        black: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        white: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        neutral: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
+        debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>;
     };
     Grid: {
         default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./Scroll").ScrollComposition, any>>;