@codeleap/mobile 2.3.7 → 2.3.10

package/dist/components/TextInput/index.js

@@ -1,214 +1,214 @@
-"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 = 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 InputLabel_1 = require("../InputLabel");
-__exportStar(require("./styles"), exports);
-var ActionIcon_1 = require("../ActionIcon");
-exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
-    var _a, _b, _c;
-    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, masking = rawprops.masking, _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 maskInputRef = (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((masking === null || masking === void 0 ? void 0 : masking.saveFormatted) ? masked : masked);
-        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 });
-    }, [!!masking, !!((_a = input === null || input === void 0 ? void 0 : input.current) === null || _a === void 0 ? void 0 : _a.focus)]);
-    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>
-      <InputLabel_1.InputLabel label={label} styles={{
-            wrapper: getStyles('labelWrapper'),
-            asterisk: getStyles('labelAsterisk'),
-            text: getStyles('labelText'),
-        }} required={required}/>
-      <View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
-        <exports.InputIcon isFocused={isFocused} showError={showError} styles={leftIconStyles} commonStyles={commonIconStyles} debugName={"".concat(debugName, " left icon")} onPress={function () { }} noFeedback={!(leftIcon === null || leftIcon === void 0 ? void 0 : leftIcon.onPress)} {...leftIcon}/>
-        {/* @ts-ignore */}
-        <InputElement 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={(_b = react_native_1.StyleSheet.flatten(getStyles('placeholder'))) === null || _b === void 0 ? void 0 : _b.color} selectionColor={(_c = react_native_1.StyleSheet.flatten(getStyles('selection'))) === null || _c === void 0 ? void 0 : _c.color} includeRawValueInChangeText={true} {...props} {...masking} {...(!!masking ? __assign({ onChangeText: handleMaskChange, ref: maskInputRef, refInput: function (inputRef) {
-            // console.log(inputRef)
-            if (!!inputRef) {
-                input.current = inputRef;
-            }
-        } }, masking) : {
-        ref: input,
-    })} style={getStyles('textField')}/>
-        <exports.InputIcon isFocused={isFocused} showError={showError} styles={rightIconStyles} commonStyles={commonIconStyles} debugName={"".concat(debugName, " right icon")} onPress={function () { }} noFeedback={!(rightIcon === null || rightIcon === void 0 ? void 0 : rightIcon.onPress)} {...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;
+"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 = 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 InputLabel_1 = require("../InputLabel");
+__exportStar(require("./styles"), exports);
+var ActionIcon_1 = require("../ActionIcon");
+exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
+    var _a, _b, _c;
+    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, masking = rawprops.masking, _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 maskInputRef = (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((masking === null || masking === void 0 ? void 0 : masking.saveFormatted) ? masked : masked);
+        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 });
+    }, [!!masking, !!((_a = input === null || input === void 0 ? void 0 : input.current) === null || _a === void 0 ? void 0 : _a.focus)]);
+    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>
+      <InputLabel_1.InputLabel label={label} styles={{
+            wrapper: getStyles('labelWrapper'),
+            asterisk: getStyles('labelAsterisk'),
+            text: getStyles('labelText'),
+        }} required={required}/>
+      <View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
+        <exports.InputIcon isFocused={isFocused} showError={showError} styles={leftIconStyles} commonStyles={commonIconStyles} debugName={"".concat(debugName, " left icon")} onPress={function () { }} noFeedback={!(leftIcon === null || leftIcon === void 0 ? void 0 : leftIcon.onPress)} {...leftIcon}/>
+        {/* @ts-ignore */}
+        <InputElement 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={(_b = react_native_1.StyleSheet.flatten(getStyles('placeholder'))) === null || _b === void 0 ? void 0 : _b.color} selectionColor={(_c = react_native_1.StyleSheet.flatten(getStyles('selection'))) === null || _c === void 0 ? void 0 : _c.color} includeRawValueInChangeText={true} {...props} {...masking} {...(!!masking ? __assign({ onChangeText: handleMaskChange, ref: maskInputRef, refInput: function (inputRef) {
+            // console.log(inputRef)
+            if (!!inputRef) {
+                input.current = inputRef;
+            }
+        } }, masking) : {
+        ref: input,
+    })} style={getStyles('textField')}/>
+        <exports.InputIcon isFocused={isFocused} showError={showError} styles={rightIconStyles} commonStyles={commonIconStyles} debugName={"".concat(debugName, " right icon")} onPress={function () { }} noFeedback={!(rightIcon === null || rightIcon === void 0 ? void 0 : rightIcon.onPress)} {...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/styles.d.ts

@@ -1,63 +1,63 @@
-import { ActionIconParts } from '../ActionIcon';
-import { InputLabelComposition } from '../InputLabel';
-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' | 'innerWrapper' | 'error' | 'subtitle' | 'subtitleWrapper' | 'placeholder' | 'selection' | `label${Capitalize<InputLabelComposition>}`;
-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>>;
-    fixed: (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>>;
-    center: (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>>;
-    flex: (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>>;
-    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>>;
-    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>>;
-    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>>;
-    inlineFlex: (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>>;
-    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>>;
-    listStyles: (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>>;
-    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>>;
-    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 {};
+import { ActionIconParts } from '../ActionIcon';
+import { InputLabelComposition } from '../InputLabel';
+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' | 'innerWrapper' | 'error' | 'subtitle' | 'subtitleWrapper' | 'placeholder' | 'selection' | `label${Capitalize<InputLabelComposition>}`;
+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>>;
+    fixed: (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>>;
+    center: (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>>;
+    flex: (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>>;
+    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>>;
+    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>>;
+    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>>;
+    inlineFlex: (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>>;
+    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>>;
+    listStyles: (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>>;
+    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>>;
+    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 {};