@codeleap/mobile 1.9.33 → 2.0.2

package/dist/components/Text/styles.js

@@ -0,0 +1,31 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createTextStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createTextStyle(function () { return ({ text: styles }); }); });
+exports.TextStyles = __assign(__assign({}, presets), { default: createTextStyle(function (theme) {
+        var defaultStyle = (0, common_1.assignTextStyle)('p1')(theme).text;
+        return {
+            text: __assign({ fontFamily: theme.typography.fontFamily }, defaultStyle),
+            pressFeedback: {
+                type: 'highlight',
+                brightness: 0,
+                shiftOpacity: 0.3,
+            },
+        };
+    }), h1: (0, common_1.assignTextStyle)('h1'), h2: (0, common_1.assignTextStyle)('h2'), h3: (0, common_1.assignTextStyle)('h3'), h4: (0, common_1.assignTextStyle)('h4'), h5: (0, common_1.assignTextStyle)('h5'), h6: (0, common_1.assignTextStyle)('h6'), p1: (0, common_1.assignTextStyle)('p1'), p2: (0, common_1.assignTextStyle)('p2'), p3: (0, common_1.assignTextStyle)('p3'), p4: (0, common_1.assignTextStyle)('p4'), link: (0, common_1.assignTextStyle)('p1'), OSAlertBody: createTextStyle(function (theme) { return ({
+        text: __assign(__assign({}, (0, common_1.assignTextStyle)('p1')(theme).text), theme.presets.textCenter),
+    }); }) });
+//# sourceMappingURL=styles.js.map

package/dist/components/Text/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Text/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAqH;AASrH,IAAM,eAAe,GAAG,IAAA,oCAA2B,GAEhD,CAAA;AAEH,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAlB,CAAkB,CAAC,EAAzC,CAAyC,CACnF,CAAA;AAEY,QAAA,UAAU,yBAClB,OAAO,KACV,OAAO,EAAE,eAAe,CAAC,UAAC,KAAK;QAC7B,IAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAA;QACtD,OAAO;YACL,IAAI,aACF,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,IACpC,YAAY,CAChB;YACD,aAAa,EAAE;gBACb,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,CAAC;gBACb,YAAY,EAAE,GAAG;aAClB;SACF,CAAA;IACH,CAAC,CAAC,EACF,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,IAAI,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EAC3B,WAAW,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,IAAI,wBACC,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GACjC,KAAK,CAAC,OAAO,CAAC,UAAU,CAC5B;KACF,CAAC,EALsC,CAKtC,CAAC,IACJ"}

package/dist/components/TextInput/Label.d.ts

@@ -0,0 +1,9 @@
+export declare const InputLabel: ({ label, variants, styles, style, asteriskStyle, required, wrapperStyle }: {
+    label: any;
+    variants?: any[];
+    styles?: {};
+    style: any;
+    asteriskStyle?: any;
+    required?: boolean;
+    wrapperStyle?: any;
+}) => any;

package/dist/components/TextInput/Label.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputLabel = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var InputLabel = function (_a) {
+    var label = _a.label, _b = _a.variants, variants = _b === void 0 ? [] : _b, _c = _a.styles, styles = _c === void 0 ? {} : _c, style = _a.style, _d = _a.asteriskStyle, asteriskStyle = _d === void 0 ? null : _d, _e = _a.required, required = _e === void 0 ? false : _e, _f = _a.wrapperStyle, wrapperStyle = _f === void 0 ? null : _f;
+    var labelStyles = (0, common_1.useDefaultComponentStyle)('TextInput', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    if (!label)
+        return null;
+    switch (typeof label) {
+        case 'string':
+            return <View_1.View style={wrapperStyle || labelStyles.labelWrapper}>
+        <Text_1.Text style={style || labelStyles.label} text={label}/>
+        {required && <Text_1.Text style={asteriskStyle || labelStyles.requiredAsterisk} text={' *'}/>}
+      </View_1.View>;
+        case 'object':
+            return label;
+        default:
+            return null;
+    }
+};
+exports.InputLabel = InputLabel;
+//# sourceMappingURL=Label.js.map

package/dist/components/TextInput/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/TextInput/Label.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,2CAA2D;AAC3D,6CAAyC;AACzC,gCAA8B;AAC9B,gCAA8B;AAEvB,IAAM,UAAU,GAAG,UAAC,EAAyG;QAAvG,KAAK,WAAA,EAAE,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,KAAK,WAAA,EAAE,qBAAoB,EAApB,aAAa,mBAAG,IAAI,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA;IAChI,IAAM,WAAW,GAAG,IAAA,iCAAwB,EAAC,WAAW,EAAE;QACxD,QAAQ,UAAA;QAAE,MAAM,QAAA;QAAE,SAAS,EAAE,yBAAU,CAAC,OAAO;KAChD,CAAC,CAAA;IAEF,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,QAAQ,OAAO,KAAK,EAAE;QACpB,KAAK,QAAQ;YACX,OAAO,CAAC,WAAI,CAAC,KAAK,CAAC,CAAE,YAAY,IAAI,WAAW,CAAC,YAAY,CAAC,CAC5D;QAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EACrD;QAAA,CAAC,QAAQ,IAAI,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,IAAI,WAAW,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAG,CACzF;MAAA,EAAE,WAAI,CAAC,CAAA;QACT,KAAK,QAAQ;YACX,OAAO,KAAK,CAAA;QACd;YACE,OAAO,IAAI,CAAA;KACd;AACH,CAAC,CAAA;AAlBY,QAAA,UAAU,cAkBtB"}

package/dist/components/{TextInput.d.ts → TextInput/index.d.ts}

@@ -1,16 +1,21 @@
 import * as React from 'react';
-import { ComponentVariants, FormTypes, IconPlaceholder, TextInputComposition, TextInputStyles } from '@codeleap/common';
+import { ComponentVariants, FormTypes } from '@codeleap/common';
 import { ComponentPropsWithoutRef } from 'react';
-import { ViewProps } from './View';
-import { StylesOf } from '../types/utility';
+import { TextProps } from '../Text';
+import { ViewProps } from '../View';
+import { StylesOf } from '../../types';
 import { TextInput as NativeTextInput } from 'react-native';
-import { TouchableProps } from './Touchable';
-import { TextInputMaskProps } from '../modules/types/textInputMask';
-declare type IconProp = {
-    name: IconPlaceholder;
-    action?: () => void;
-};
+import { TouchableProps } from '../Touchable';
+import { TextInputMaskProps } from '../../modules/textInputMask';
+export { InputLabel } from './Label';
+export * from './styles';
+import { InputIconComposition, TextInputComposition, TextInputStyles } from './styles';
+import { ActionIconProps } from '../ActionIcon';
 declare type NativeProps = ComponentPropsWithoutRef<typeof NativeTextInput>;
+declare type SubtitleProps = {
+    errorProps: TextProps;
+    styles: Record<'wrapper' | 'error' | 'subtitle', any>;
+};
 export declare type TextInputProps = Partial<TextInputMaskProps> & ComponentVariants<typeof TextInputStyles> & Omit<NativeProps, 'value'> & {
     multiline?: boolean;
     onChangeText?: (text: string) => void;
@@ -19,18 +24,19 @@ export declare type TextInputProps = Partial<TextInputMaskProps> & ComponentVari
     type?: string;
     label?: React.ReactNode;
     debugName: string;
-    leftIcon?: IconProp;
-    rightIcon?: IconProp;
+    leftIcon?: Partial<ActionIconProps>;
+    rightIcon?: Partial<ActionIconProps>;
     styles?: StylesOf<TextInputComposition>;
     validate?: FormTypes.ValidatorFunctionWithoutForm | string;
     value?: string;
     password?: boolean;
     visibilityToggle?: boolean;
     touchableWrapper?: boolean;
+    subtitle?: string | ((props: SubtitleProps) => React.ReactElement);
     onPress?: () => void;
     masking?: FormTypes.TextField['masking'];
     innerWrapperProps?: ViewProps;
-    wrapperProps?: TouchableProps | ViewProps;
+    wrapperProps?: TouchableProps;
     onChangeMask?: TextInputMaskProps['onChangeText'];
     required?: boolean;
 };
@@ -39,18 +45,14 @@ export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInpu
     line: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     box: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
@@ -61,7 +63,10 @@ export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInpu
     fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
@@ -84,6 +89,7 @@ export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInpu
     scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
@@ -93,18 +99,14 @@ export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInpu
     line: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     box: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
@@ -115,7 +117,10 @@ export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInpu
     fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
@@ -138,6 +143,7 @@ export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInpu
     scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
     debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
@@ -150,36 +156,27 @@ export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInpu
     type?: string;
     label?: React.ReactNode;
     debugName: string;
-    leftIcon?: IconProp;
-    rightIcon?: IconProp;
+    leftIcon?: Partial<ActionIconProps>;
+    rightIcon?: Partial<ActionIconProps>;
     styles?: StylesOf<TextInputComposition>;
     validate?: FormTypes.ValidatorFunctionWithoutForm | string;
     value?: string;
     password?: boolean;
     visibilityToggle?: boolean;
     touchableWrapper?: boolean;
+    subtitle?: string | ((props: SubtitleProps) => React.ReactElement);
     onPress?: () => void;
     masking?: FormTypes.TextField['masking'];
     innerWrapperProps?: ViewProps;
-    wrapperProps?: TouchableProps | ViewProps;
+    wrapperProps?: TouchableProps;
     onChangeMask?: TextInputMaskProps['onChangeText'];
     required?: boolean;
 } & React.RefAttributes<NativeTextInput>>;
-export declare const FormError: ({ message, ...props }: {
-    [x: string]: any;
-    message: any;
-}) => any;
-export declare const InputIcon: React.FC<{
-    style: any;
-    wrapperStyle: any;
-} & IconProp>;
-export declare const InputLabel: ({ label, variants, styles, style, asteriskStyle, required, wrapperStyle }: {
-    label: any;
-    variants?: any[];
-    styles?: {};
-    style: any;
-    asteriskStyle?: any;
-    required?: boolean;
-    wrapperStyle?: any;
-}) => any;
-export {};
+export declare const FormError: React.FC<TextProps>;
+declare type InputIconProps = {
+    styles: StylesOf<InputIconComposition>;
+    commonStyles: StylesOf<InputIconComposition>;
+    isFocused: boolean;
+    showError: boolean;
+} & Omit<ActionIconProps, 'styles'>;
+export declare const InputIcon: React.FC<InputIconProps>;

package/dist/components/TextInput/index.js

@@ -0,0 +1,204 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputIcon = exports.FormError = exports.TextInput = exports.InputLabel = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_1 = require("react");
+var Text_1 = require("../Text");
+var View_1 = require("../View");
+var react_native_1 = require("react-native");
+var Touchable_1 = require("../Touchable");
+var textInputMask_1 = require("../../modules/textInputMask");
+var Label_1 = require("./Label");
+var Label_2 = require("./Label");
+Object.defineProperty(exports, "InputLabel", { enumerable: true, get: function () { return Label_2.InputLabel; } });
+__exportStar(require("./styles"), exports);
+var ActionIcon_1 = require("../ActionIcon");
+exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
+    var _a, _b;
+    var onChange = rawprops.onChange, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, variants = rawprops.variants, label = rawprops.label, wrapperProps = rawprops.wrapperProps, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, innerWrapperProps = rawprops.innerWrapperProps, _c = rawprops.masking, masking = _c === void 0 ? null : _c, _d = rawprops.subtitle, subtitle = _d === void 0 ? '' : _d, onChangeMask = rawprops.onChangeMask, debugName = rawprops.debugName, _e = rawprops.required, required = _e === void 0 ? false : _e, props = __rest(rawprops, ["onChange", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "variants", "label", "wrapperProps", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "innerWrapperProps", "masking", "subtitle", "onChangeMask", "debugName", "required"]);
+    var _f = (0, react_1.useState)(false), isFocused = _f[0], setFocus = _f[1];
+    var _g = (0, react_1.useState)(edited), editedState = _g[0], setEdited = _g[1];
+    var input = (0, react_1.useRef)(null);
+    var _h = (0, common_1.useBooleanToggle)(false), textIsVisible = _h[0], setTextVisible = _h[1];
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:TextInput', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var InputElement = masking ? textInputMask_1.MaskedTextInput : react_native_1.TextInput;
+    var handleBlur = function (e) {
+        if (!editedState && value)
+            setEdited(true);
+        setFocus(false);
+        if (onBlur) {
+            onBlur(e);
+        }
+    };
+    var handleFocus = function (e) {
+        setFocus(true);
+        if (onFocus) {
+            onFocus(e);
+        }
+    };
+    var handleMaskChange = function (masked, unmasked) {
+        if (onChangeText)
+            onChangeText((typeof masking === 'object' && (masking === null || masking === void 0 ? void 0 : masking.saveFormatted)) ? masked : unmasked);
+        if (onChangeMask)
+            onChangeMask(masked, unmasked);
+    };
+    var handleChange = function (event) {
+        var text = event.nativeEvent.text;
+        if (onChange)
+            onChange(event);
+        if (onChangeText)
+            onChangeText(text);
+    };
+    (0, react_1.useImperativeHandle)(inputRef, function () { return (__assign(__assign({}, input.current), { focus: function () {
+            var _a, _b;
+            (_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }, isTextInput: true })); });
+    var _j = (0, common_1.useValidate)(value, validate), showError = _j.showError, error = _j.error;
+    var commonIconStyles = (0, common_1.getNestedStylesByKey)('icon', variantStyles);
+    var leftIconStyles = (0, common_1.getNestedStylesByKey)('leftIcon', variantStyles);
+    var rightIconStyles = (0, common_1.getNestedStylesByKey)('rightIcon', variantStyles);
+    function getStyles(key) {
+        var requestedStyles = [
+            variantStyles[key],
+            isFocused ? variantStyles[key + ':focus'] : {},
+            showError ? variantStyles[key + ':error'] : {},
+        ];
+        return react_native_1.StyleSheet.flatten(requestedStyles);
+    }
+    function handlePress() {
+        var _a, _b;
+        if (props.onPress) {
+            props.onPress();
+        }
+        else {
+            (_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+    }
+    var visibilityToggleProps = visibilityToggle ? {
+        onPress: function () { return setTextVisible(); },
+        icon: (textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden'),
+        debugName: "".concat(debugName, " toggle visibility"),
+    } : {};
+    var subtitleStyles = {
+        error: getStyles('error'),
+        wrapper: getStyles('subtitleWrapper'),
+        subtitle: getStyles('subtitle'),
+    };
+    var errorProps = { text: error.message, style: subtitleStyles.error };
+    var subtitleContent = common_1.TypeGuards.isFunction(subtitle) ? subtitle({ styles: subtitleStyles, errorProps: errorProps }) : <View_1.View style={subtitleStyles.wrapper}>
+    <exports.FormError {...errorProps}/>
+    {common_1.TypeGuards.isString(subtitle) ? <Text_1.Text text={subtitle} style={subtitleStyles.subtitle}/> : (subtitle || null)}
+  </View_1.View>;
+    return (<Touchable_1.Touchable style={getStyles('wrapper')} debugName={debugName} onPress={handlePress} {...wrapperProps} android_ripple={null} noFeedback>
+      <Label_1.InputLabel label={label} style={getStyles('label')} asteriskStyle={getStyles('requiredAsterisk')} wrapperStyle={getStyles('labelWrapper')} required={required}/>
+      <View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
+        <exports.InputIcon isFocused={isFocused} showError={showError} styles={leftIconStyles} commonStyles={commonIconStyles} debugName={"".concat(debugName, " left icon")} {...leftIcon}/>
+        {/* @ts-ignore */}
+        <InputElement ref={input} secureTextEntry={password && !textIsVisible} onChange={function (e) { return masking ? onChange === null || onChange === void 0 ? void 0 : onChange(e) : handleChange(e); }} value={value} editable={disabled} onFocus={handleFocus} onBlur={handleBlur} placeholderTextColor={(_a = react_native_1.StyleSheet.flatten(getStyles('placeholder'))) === null || _a === void 0 ? void 0 : _a.color} selectionColor={(_b = react_native_1.StyleSheet.flatten(getStyles('selection'))) === null || _b === void 0 ? void 0 : _b.color} includeRawValueInChangeText={true} {...props} {...(masking ? { onChangeText: handleMaskChange, type: masking === null || masking === void 0 ? void 0 : masking.type, refInput: function (inputRef) {
+            input.current = inputRef;
+        } } : {})} style={getStyles('textField')}/>
+        <exports.InputIcon isFocused={isFocused} showError={showError} styles={rightIconStyles} commonStyles={commonIconStyles} debugName={"".concat(debugName, " right icon")} {...rightIcon} {...visibilityToggleProps}/>
+
+      </View_1.View>
+      {subtitleContent}
+    </Touchable_1.Touchable>);
+});
+var FormError = function (_a) {
+    var text = _a.text, props = __rest(_a, ["text"]);
+    var message = text;
+    if (common_1.TypeGuards.isNumber(message)) {
+        message = message.toString();
+    }
+    if (typeof message === 'undefined') {
+        message = '';
+    }
+    if (common_1.TypeGuards.isString(message)) {
+        var text_1 = message ? "".concat(message.charAt(0).toUpperCase() + message.slice(1)) : ' ';
+        return <Text_1.Text text={text_1} {...props}/>;
+    }
+    return <>
+    {text}
+  </>;
+};
+exports.FormError = FormError;
+var InputIcon = function (_a) {
+    var styles = _a.styles, commonStyles = _a.commonStyles, isFocused = _a.isFocused, showError = _a.showError, props = __rest(_a, ["styles", "commonStyles", "isFocused", "showError"]);
+    if (!props.icon)
+        return null;
+    function getStyles(k) {
+        var key = k;
+        if (key === 'icon')
+            key = '';
+        var requestedStyles = [
+            commonStyles[key],
+            isFocused ? commonStyles[key + ':focus'] : {},
+            showError ? commonStyles[key + ':error'] : {},
+            styles[key],
+            isFocused ? styles[key + ':focus'] : {},
+            showError ? styles[key + ':error'] : {},
+        ];
+        return react_native_1.StyleSheet.flatten(requestedStyles);
+    }
+    var iconStyles = {
+        icon: getStyles('icon'),
+        touchablePressable: getStyles('touchablePressable'),
+        touchableWrapper: getStyles('touchableWrapper'),
+        touchableFeedback: getStyles('touchableFeedback'),
+    };
+    return <ActionIcon_1.ActionIcon styles={iconStyles} {...props}/>;
+};
+exports.InputIcon = InputIcon;
+//# sourceMappingURL=index.js.map

package/dist/components/TextInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/TextInput/styles.d.ts

@@ -0,0 +1,62 @@
+import { ActionIconParts } from '../ActionIcon';
+export declare type IconParts = Exclude<ActionIconParts, 'icon' | 'icon:disabled'>;
+declare type InputIcons = 'icon' | 'leftIcon' | 'rightIcon';
+export declare type InputIconComposition = `${InputIcons}${Capitalize<IconParts>}` | InputIcons;
+declare type TextInputParts = 'wrapper' | InputIconComposition | 'textField' | 'label' | 'innerWrapper' | 'error' | 'subtitle' | 'subtitleWrapper' | 'placeholder' | 'selection' | 'requiredAsterisk' | 'labelWrapper';
+export declare type TextInputComposition = `${TextInputParts}:error` | `${TextInputParts}:focus` | TextInputParts;
+export declare const TextInputStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    line: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    box: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
+};
+export {};