@codeleap/mobile 2.3.26 → 2.3.27-2

package/dist/components/Button/index.d.ts

@@ -140,15 +140,15 @@ export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "
     pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     icon: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
@@ -195,15 +195,15 @@ export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "
     pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     icon: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;

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

@@ -14,15 +14,15 @@ export declare const ButtonStyles: {
     pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
     icon: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => ButtonStylesGen<any>;

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

@@ -4,15 +4,15 @@ export declare type CheckboxComposition = CheckboxParts | `${CheckboxParts}:chec
 export declare const CheckboxStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<CheckboxComposition, any>>;

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

@@ -2,15 +2,15 @@ export declare type ContentViewComposition = 'placeholder' | 'wrapper' | 'loader
 export declare const ContentViewStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ContentViewComposition, any>>;

package/dist/components/DatePickerModal/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DatePickerModalProps } from './types';
+export * from './styles';
+export * from './types';
+export declare const DatePickerModal: {
+    (props: DatePickerModalProps): JSX.Element;
+    defaultProps: Partial<DatePickerModalProps>;
+};

package/dist/components/DatePickerModal/index.js

@@ -0,0 +1,153 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerModal = void 0;
+var react_1 = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_date_picker_1 = __importDefault(require("react-native-date-picker"));
+var TextInput_1 = require("../TextInput");
+var utils_1 = require("../../utils");
+var Button_1 = require("../Button");
+var react_native_1 = require("react-native");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var OuterInputComponent = function (props) {
+    var debugName = props.debugName, toggle = props.toggle, valueLabel = props.valueLabel, placeholder = props.placeholder, otherProps = __rest(props, ["debugName", "toggle", "valueLabel", "placeholder"]);
+    return <TextInput_1.TextInput debugName={"".concat(debugName, " outer input")} onPress={toggle} {...otherProps} value={common_1.TypeGuards.isString(valueLabel) ? valueLabel : ''} placeholder={common_1.TypeGuards.isString(placeholder) ? placeholder : ''}/>;
+};
+var defaultFormatDate = function (date) {
+    if (!date)
+        return null;
+    return "".concat(date.getDate(), "/").concat(date.getMonth() + 1, "/").concat(date.getFullYear());
+};
+var DefaultFooter = function (props) {
+    var debugName = props.debugName, commitDate = props.commitDate, showDoneButton = props.showDoneButton, styles = props.styles, confirm = props.confirm, _a = props.confirmButtonProps, confirmButtonProps = _a === void 0 ? {} : _a, _b = props.cancelButtonProps, cancelButtonProps = _b === void 0 ? {} : _b, toggle = props.toggle;
+    if (commitDate == 'onConfirm') {
+        return <>
+      <Button_1.Button debugName={"".concat(debugName, " cancel button")} styles={styles.cancel} variants={['flex']} text={"Cancel"} onPress={toggle} {...cancelButtonProps}/>
+      <Button_1.Button debugName={"".concat(debugName, " confirm button")} variants={['flex']} styles={styles.confirm} text={"Confirm"} onPress={confirm} {...confirmButtonProps}/>
+    </>;
+    }
+    if (!showDoneButton)
+        return null;
+    return <Button_1.Button debugName={"".concat(debugName, " done button")} onPress={confirm} text={'Done'} styles={styles.done}/>;
+};
+var defaultProps = {
+    outerInputComponent: OuterInputComponent,
+    formatDate: defaultFormatDate,
+    footerComponent: DefaultFooter,
+    mode: 'date',
+    commitDate: 'onConfirm',
+    showDoneButton: true,
+    isCustomModal: true,
+    toggleOnConfirm: true,
+};
+var DatePickerModal = function (props) {
+    var _a;
+    var currentTheme = (0, common_1.useCodeleapContext)().currentTheme;
+    var allProps = __assign(__assign({}, defaultProps), props);
+    var isCustomModal = allProps.isCustomModal, hideInput = allProps.hideInput, _visible = allProps.visible, _toggle = allProps.toggle, _value = allProps.value, onValueChange = allProps.onValueChange, formatDate = allProps.formatDate, debugName = allProps.debugName, _b = allProps.cancelButtonProps, cancelButtonProps = _b === void 0 ? {} : _b, _c = allProps.confirmButtonProps, confirmButtonProps = _c === void 0 ? {} : _c, outerInputComponent = allProps.outerInputComponent, footer = allProps.footer, _d = allProps.variants, variants = _d === void 0 ? [] : _d, _e = allProps.styles, styles = _e === void 0 ? {} : _e, datePickerProps = allProps.datePickerProps, mode = allProps.mode, label = allProps.label, commitDate = allProps.commitDate, description = allProps.description, showDoneButton = allProps.showDoneButton, style = allProps.style, minimumDate = allProps.minimumDate, maximumDate = allProps.maximumDate, footerComponent = allProps.footerComponent, toggleOnConfirm = allProps.toggleOnConfirm, _onConfirm = allProps.onConfirm, modalProps = __rest(allProps, ["isCustomModal", "hideInput", "visible", "toggle", "value", "onValueChange", "formatDate", "debugName", "cancelButtonProps", "confirmButtonProps", "outerInputComponent", "footer", "variants", "styles", "datePickerProps", "mode", "label", "commitDate", "description", "showDoneButton", "style", "minimumDate", "maximumDate", "footerComponent", "toggleOnConfirm", "onConfirm"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:DatePickerModal', {
+        variants: variants,
+        styles: styles,
+        rootElement: 'inputWrapper',
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var _f = !common_1.TypeGuards.isNil(_visible) && !!_toggle ? [_visible, _toggle] : (0, common_1.useBooleanToggle)(false), visible = _f[0], toggle = _f[1];
+    var _g = [_value, onValueChange], value = _g[0], setValue = _g[1];
+    //const [value, setValue] = _value && onValueChange ? [_value, onValueChange] : useState(_value ?? new Date())
+    var Wrapper = isCustomModal ? utils_1.ModalManager.Modal : react_1.default.Fragment;
+    var OuterInput = outerInputComponent;
+    var Footer = footerComponent;
+    var inputStyle = (0, common_1.useNestedStylesByKey)('input', variantStyles);
+    var doneStyle = (0, common_1.useNestedStylesByKey)('doneButton', variantStyles);
+    var cancelStyle = (0, common_1.useNestedStylesByKey)('cancelButton', variantStyles);
+    var confirmStyle = (0, common_1.useNestedStylesByKey)('confirmButton', variantStyles);
+    var formattedDate = value ? formatDate(value) : '';
+    var locale = (0, common_1.useI18N)().locale;
+    var tempDate = (0, react_1.useRef)(null);
+    var onConfirm = function () {
+        if (commitDate == 'onConfirm' && !!tempDate.current) {
+            setValue(tempDate.current);
+        }
+        if (isCustomModal && toggleOnConfirm) {
+            toggle();
+        }
+        if (common_1.TypeGuards.isFunction(_onConfirm)) {
+            _onConfirm === null || _onConfirm === void 0 ? void 0 : _onConfirm(tempDate.current);
+        }
+    };
+    var modalFooter = footer || <Footer {...allProps} confirm={onConfirm} styles={{
+            done: doneStyle,
+            cancel: cancelStyle,
+            confirm: confirmStyle,
+        }} confirmButtonProps={confirmButtonProps} cancelButtonProps={cancelButtonProps} showDoneButton={showDoneButton} value={value} debugName={debugName} visible={visible} toggle={toggle} onValueChange={setValue} valueLabel={formattedDate}/>;
+    var wrapperProps = isCustomModal ? __assign(__assign({ title: label, description: description, debugName: "".concat(debugName, " Modal"), visible: visible, toggle: toggle, styles: variantStyles, footer: modalFooter }, modalProps), { id: null }) : {};
+    return (<>
+      {!hideInput && <OuterInput {...allProps} styles={inputStyle} value={value} debugName={debugName} visible={visible} toggle={toggle} onValueChange={setValue} valueLabel={formattedDate} style={style}/>}
+      {/* @ts-expect-error */}
+      <Wrapper {...wrapperProps}>
+        <react_native_date_picker_1.default modal={!isCustomModal} open={visible} onCancel={toggle} date={value !== null && value !== void 0 ? value : new Date()} onDateChange={function (date) {
+            if (commitDate === 'onChange') {
+                setValue(date);
+                return;
+            }
+            tempDate.current = date;
+        }} locale={locale} theme={currentTheme === 'dark' ? 'dark' : 'light'} textColor={(_a = variantStyles === null || variantStyles === void 0 ? void 0 : variantStyles.picker) === null || _a === void 0 ? void 0 : _a.color} androidVariant='iosClone' onConfirm={setValue} minimumDate={minimumDate} maximumDate={maximumDate} {...datePickerProps} mode={mode}/>
+      </Wrapper>
+
+    </>);
+};
+exports.DatePickerModal = DatePickerModal;
+exports.DatePickerModal.defaultProps = defaultProps;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,5 @@
+import { ButtonComposition } from '../Button';
+import { ModalComposition } from '../Modal';
+import { TextInputComposition } from '../TextInput';
+export type DatePickerModalComposition = ModalComposition | `input${Capitalize<TextInputComposition>}` | `picker` | `doneButton${Capitalize<ButtonComposition>}` | `confirmButton${Capitalize<ButtonComposition>}` | `cancelButton${Capitalize<ButtonComposition>}`;
+export declare const DatePickerModalPresets: import("@codeleap/common").IncludePresetsReturn<(styles: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<DatePickerModalComposition, any>>>;

package/dist/components/DatePickerModal/styles.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerModalPresets = void 0;
+var common_1 = require("@codeleap/common");
+var createDatePickerModalStyle = (0, common_1.createDefaultVariantFactory)();
+exports.DatePickerModalPresets = (0, common_1.includePresets)(function (styles) { return createDatePickerModalStyle(function () { return ({ inputWrapper: styles }); }); });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/DatePickerModal/styles.ts"],"names":[],"mappings":";;;AAAA,2CAA8E;AAa9E,IAAM,0BAA0B,GAAG,IAAA,oCAA2B,GAA8B,CAAA;AAC/E,QAAA,sBAAsB,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,0BAA0B,CAAC,cAAM,OAAA,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,EAA1B,CAA0B,CAAC,EAA5D,CAA4D,CAAC,CAAA"}

package/dist/components/DatePickerModal/types.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { ComponentVariants, StylesOf, FormTypes } from '@codeleap/common';
+import { DatePickerModalComposition, DatePickerModalPresets } from './styles';
+import { DatePickerProps } from 'react-native-date-picker';
+import { TextInputComposition } from '../TextInput';
+import { ButtonComposition, ButtonProps } from '../Button';
+import { ModalProps } from '../Modal';
+export type DatePickerModalOuterInputProps = Omit<DatePickerModalProps, 'outerInputComponent' | 'styles'> & {
+    valueLabel: FormTypes.Label;
+    styles?: StylesOf<TextInputComposition>;
+};
+type DatePickerModalFooterProps = Omit<DatePickerModalProps, 'outerInputComponent' | 'styles'> & {
+    valueLabel: FormTypes.Label;
+    styles?: Record<'confirm' | 'cancel' | 'done', StylesOf<ButtonComposition>>;
+    confirm: () => void;
+};
+export type DatePickerModalProps = Omit<ModalProps, 'styles' | 'variants' | 'ref'> & {
+    hideInput?: boolean;
+    debugName: string;
+    value: Date;
+    label?: FormTypes.Label;
+    placeholder?: FormTypes.Label;
+    onValueChange: (date: Date) => void;
+    styles?: StylesOf<DatePickerModalComposition>;
+    isCustomModal?: boolean;
+    mode?: DatePickerProps['mode'];
+    cancelButtonProps?: Partial<ButtonProps>;
+    confirmButtonProps?: Partial<ButtonProps>;
+    datePickerProps?: Partial<DatePickerProps>;
+    outerInputComponent?: React.ComponentType<DatePickerModalOuterInputProps>;
+    formatDate?: (date: Date) => FormTypes.Label;
+    commitDate?: 'onConfirm' | 'onChange';
+    showDoneButton?: boolean;
+    footerComponent?: React.ComponentType<DatePickerModalFooterProps>;
+    minimumDate?: DatePickerProps['minimumDate'];
+    maximumDate?: DatePickerProps['maximumDate'];
+    toggleOnConfirm?: boolean;
+    onConfirm?: (value: Date) => void;
+} & ComponentVariants<typeof DatePickerModalPresets>;
+export {};

package/dist/components/DatePickerModal/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/DatePickerModal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/DatePickerModal/types.ts"],"names":[],"mappings":""}

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

@@ -5,15 +5,15 @@ export declare const DrawerStyles: {
     popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;

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

@@ -5,14 +5,14 @@ export declare const EmptyPlaceholderStyles: {
     compact: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<EmptyPlaceholderComposition, any>>;

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

@@ -2,15 +2,15 @@ export declare type FileInputComposition = 'label' | 'wrapper' | 'input';
 export declare const FileInputStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<FileInputComposition, any>>;

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

@@ -3,15 +3,15 @@ export declare type GridComposition = ListComposition;
 export declare const GridStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;

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

@@ -10,15 +10,15 @@ export declare const IconStyles: {
     medium: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     large: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon", any>>;

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

@@ -3,15 +3,15 @@ export declare const ImageStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
     round: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
     row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
     column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
     wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
     inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;
     inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ImageComposition, any>>;

package/dist/components/InputBase/index.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { InputBaseProps } from './types';
+export * from './styles';
+export * from './utils';
+export * from './types';
+export declare const InputBaseDefaultOrder: InputBaseProps['order'];
+export declare const InputBase: React.ForwardRefExoticComponent<{
+    label?: React.ReactNode;
+    error?: React.ReactNode;
+    leftIcon?: JSX.Element | Partial<Omit<{
+        iconProps?: Partial<import("../Icon").IconProps>;
+        icon?: "__ICON__";
+        name?: "__ICON__";
+        styles?: Partial<Record<"badgeWrapper" | "badgeInnerWrapper" | "badgeCount" | "badgeWrapper:disabled" | "badgeInnerWrapper:disabled" | "badgeCount:disabled" | "icon" | "badgeWrapper:disabled:disabled" | "badgeInnerWrapper:disabled:disabled" | "badgeCount:disabled:disabled" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>> | Partial<Record<"badgeWrapper" | "badgeInnerWrapper" | "badgeCount" | "badgeWrapper:disabled" | "badgeInnerWrapper:disabled" | "badgeCount:disabled" | "icon" | "badgeWrapper:disabled:disabled" | "badgeInnerWrapper:disabled:disabled" | "badgeCount:disabled:disabled" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>[];
+    } & Omit<import("../Touchable").TouchableProps, "variants" | "styles"> & import("@codeleap/common").ComponentVariants<import("@codeleap/common").IncludePresetsReturn<(style: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"badgeWrapper" | "badgeInnerWrapper" | "badgeCount" | "badgeWrapper:disabled" | "badgeInnerWrapper:disabled" | "badgeCount:disabled" | "icon" | "badgeWrapper:disabled:disabled" | "badgeInnerWrapper:disabled:disabled" | "badgeCount:disabled:disabled" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>>> & import("../Badge").BadgeComponentProps, "">>;
+    rightIcon?: JSX.Element | Partial<Omit<{
+        iconProps?: Partial<import("../Icon").IconProps>;
+        icon?: "__ICON__";
+        name?: "__ICON__";
+        styles?: Partial<Record<"badgeWrapper" | "badgeInnerWrapper" | "badgeCount" | "badgeWrapper:disabled" | "badgeInnerWrapper:disabled" | "badgeCount:disabled" | "icon" | "badgeWrapper:disabled:disabled" | "badgeInnerWrapper:disabled:disabled" | "badgeCount:disabled:disabled" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>> | Partial<Record<"badgeWrapper" | "badgeInnerWrapper" | "badgeCount" | "badgeWrapper:disabled" | "badgeInnerWrapper:disabled" | "badgeCount:disabled" | "icon" | "badgeWrapper:disabled:disabled" | "badgeInnerWrapper:disabled:disabled" | "badgeCount:disabled:disabled" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>[];
+    } & Omit<import("../Touchable").TouchableProps, "variants" | "styles"> & import("@codeleap/common").ComponentVariants<import("@codeleap/common").IncludePresetsReturn<(style: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"badgeWrapper" | "badgeInnerWrapper" | "badgeCount" | "badgeWrapper:disabled" | "badgeInnerWrapper:disabled" | "badgeCount:disabled" | "icon" | "badgeWrapper:disabled:disabled" | "badgeInnerWrapper:disabled:disabled" | "badgeCount:disabled:disabled" | "icon:disabled" | "touchableWrapper" | "touchableFeedback" | "touchablePressable" | "touchableWrapper:disabled" | "touchableFeedback:disabled" | "touchablePressable:disabled", any>>>> & import("../Badge").BadgeComponentProps, "">>;
+    wrapper?: React.FC<any>;
+    wrapperProps?: any;
+    innerWrapper?: React.FC<any>;
+    innerWrapperProps?: any;
+    styles?: Partial<Record<import("./styles").InputBaseComposition, any>>;
+    description?: React.ReactNode;
+    debugName: string;
+    focused?: boolean;
+    disabled?: boolean;
+    order?: ("label" | "error" | "description" | "innerWrapper")[];
+    style?: any;
+    labelAsRow?: boolean;
+    hideErrorMessage?: boolean;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<any>>;