@ovotech/element-native 4.4.8 → 4.5.0

package/dist/components/NumberField/NumberField.js

@@ -1,33 +1,6 @@
-"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);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Field } from '../Field';
+import { NumberInput } from '../NumberInput';
+export const NumberField = ({ ref, ...rest }) => {
+    return (_jsx(Field, { ...rest, children: _jsx(NumberInput, { ref: ref }) }));
 };
-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.NumberField = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Field_1 = require("../Field");
-var NumberInput_1 = require("../NumberInput");
-exports.NumberField = (0, react_1.forwardRef)(function (_a, ref) {
-    var rest = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref, children: (0, jsx_runtime_1.jsx)(NumberInput_1.NumberInput, {}) })));
-});

package/dist/components/NumberField/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NumberField = void 0;
-var NumberField_1 = require("./NumberField");
-Object.defineProperty(exports, "NumberField", { enumerable: true, get: function () { return NumberField_1.NumberField; } });
+export { NumberField } from './NumberField';

package/dist/components/NumberInput/NumberInput.d.ts

@@ -1,10 +1,3 @@
-/// <reference types="react" />
-import { TextInput as RNTextInput } from 'react-native';
-declare const NumberInput: import("react").ForwardRefExoticComponent<import("react-native").TextInputProps & {
-    invalid?: boolean | undefined;
-    stretch?: boolean | undefined;
-    iconLeft?: import("../../providers").IconNameExtended | undefined;
-    iconRight?: import("../../providers").IconNameExtended | undefined;
-    rightSlot?: import("react").ReactNode;
-} & import("react").RefAttributes<RNTextInput>>;
+import { InputProps } from '../Input/Input';
+declare const NumberInput: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
 export { NumberInput };

package/dist/components/NumberInput/NumberInput.js

@@ -1,19 +1,4 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NumberInput = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Input_1 = require("../Input/Input");
-var NumberInput = (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(Input_1.Input, __assign({}, props, { keyboardType: "numeric", autoCapitalize: "none", autoCorrect: false, ref: ref }))); });
-exports.NumberInput = NumberInput;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input } from '../Input/Input';
+const NumberInput = (props) => (_jsx(Input, { keyboardType: "numeric", autoCapitalize: "none", autoCorrect: false, ...props }));
+export { NumberInput };

package/dist/components/NumberInput/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NumberInput = void 0;
-var NumberInput_1 = require("./NumberInput");
-Object.defineProperty(exports, "NumberInput", { enumerable: true, get: function () { return NumberInput_1.NumberInput; } });
+export { NumberInput } from './NumberInput';

package/dist/components/P/P.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
-import { TextProps } from 'react-native';
-export declare const P: import("react").ForwardRefExoticComponent<TextProps & {
-    inverted?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<unknown>>;
+import { Ref } from 'react';
+import { Text, TextProps } from 'react-native';
+type Props = TextProps & {
+    inverted?: boolean;
+    ref?: Ref<Text>;
+};
+export declare const P: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/P/P.js

@@ -1,55 +1,14 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { numToPx } from '@ovotech/element-core';
+import { useBreakpoint } from '../../hooks';
+import styled, { css } from '../../styled.native';
+const StyledP = styled.Text(({ theme: { core, semantic }, smallAndUp, inverted }) => css `
+    font-family: ${core.fontFamily.body.native};
+    font-size: ${numToPx(core.fontSize.body[smallAndUp ? 'large' : 'small'])};
+    line-height: ${numToPx(core.lineHeight.body[smallAndUp ? 'large' : 'small'])};
+    color: ${inverted ? semantic.inverted.message.base : semantic.message.base};
+  `);
+export const P = (props) => {
+    const breakpoints = useBreakpoint();
+    return _jsx(StyledP, { ...props, ...breakpoints });
 };
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.P = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var element_core_1 = require("@ovotech/element-core");
-var react_1 = require("react");
-var hooks_1 = require("../../hooks");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var StyledP = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    color: ", ";\n  "])), core.fontFamily.body.native, (0, element_core_1.numToPx)(core.fontSize.body[smallAndUp ? 'large' : 'small']), (0, element_core_1.numToPx)(core.lineHeight.body[smallAndUp ? 'large' : 'small']), inverted ? semantic.inverted.message.base : semantic.message.base);
-});
-exports.P = (0, react_1.forwardRef)(function (props, ref) {
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    return (0, jsx_runtime_1.jsx)(StyledP, __assign({}, props, breakpoints, { ref: ref }));
-});
-var templateObject_1;

package/dist/components/P/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.P = void 0;
-var P_1 = require("./P");
-Object.defineProperty(exports, "P", { enumerable: true, get: function () { return P_1.P; } });
+export { P } from './P';

package/dist/components/PasswordField/PasswordField.d.ts

@@ -1,12 +1,7 @@
-/// <reference types="react" />
-import { TextInput as NativeTextInput } from 'react-native';
 import { FieldProps } from '../Field';
-export declare const PasswordField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native").TextInputProps & {
-    invalid?: boolean | undefined;
-    stretch?: boolean | undefined;
-    iconLeft?: import("../../providers").IconNameExtended | undefined;
-    iconRight?: import("../../providers").IconNameExtended | undefined;
-    rightSlot?: import("react").ReactNode;
-} & {
-    hasVisibilityToggle?: boolean | undefined;
-} & import("react").RefAttributes<NativeTextInput>>;
+import { InputProps } from '../Input/Input';
+type Props = Omit<FieldProps, 'children'> & InputProps & {
+    hasVisibilityToggle?: boolean;
+};
+export declare const PasswordField: ({ hasVisibilityToggle, ref, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/PasswordField/PasswordField.js

@@ -1,33 +1,6 @@
-"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);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Field } from '../Field';
+import { PasswordInput } from '../PasswordInput';
+export const PasswordField = ({ hasVisibilityToggle, ref, ...rest }) => {
+    return (_jsx(Field, { ...rest, children: _jsx(PasswordInput, { hasVisibilityToggle: hasVisibilityToggle, ref: ref }) }));
 };
-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.PasswordField = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Field_1 = require("../Field");
-var PasswordInput_1 = require("../PasswordInput");
-exports.PasswordField = (0, react_1.forwardRef)(function (_a, ref) {
-    var hasVisibilityToggle = _a.hasVisibilityToggle, rest = __rest(_a, ["hasVisibilityToggle"]);
-    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref, children: (0, jsx_runtime_1.jsx)(PasswordInput_1.PasswordInput, { hasVisibilityToggle: hasVisibilityToggle }) })));
-});

package/dist/components/PasswordField/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasswordField = void 0;
-var PasswordField_1 = require("./PasswordField");
-Object.defineProperty(exports, "PasswordField", { enumerable: true, get: function () { return PasswordField_1.PasswordField; } });
+export { PasswordField } from './PasswordField';

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -1,12 +1,6 @@
-/// <reference types="react" />
-import { TextInput as RNTextInput } from 'react-native';
-declare const PasswordInput: import("react").ForwardRefExoticComponent<import("react-native").TextInputProps & {
-    invalid?: boolean | undefined;
-    stretch?: boolean | undefined;
-    iconLeft?: import("../../providers").IconNameExtended | undefined;
-    iconRight?: import("../../providers").IconNameExtended | undefined;
-    rightSlot?: import("react").ReactNode;
-} & {
-    hasVisibilityToggle?: boolean | undefined;
-} & import("react").RefAttributes<RNTextInput>>;
+import { InputProps } from '../Input/Input';
+type Props = InputProps & {
+    hasVisibilityToggle?: boolean;
+};
+declare const PasswordInput: ({ hasVisibilityToggle, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export { PasswordInput };

package/dist/components/PasswordInput/PasswordInput.js

@@ -1,35 +1,8 @@
-"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);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input } from '../Input/Input';
+import { PasswordVisibilityToggle, useTogglePasswordVisibility, } from './PasswordVisibilityToggle';
+const PasswordInput = ({ hasVisibilityToggle, ...props }) => {
+    const { isPasswordVisible, handlePasswordVisibility } = useTogglePasswordVisibility();
+    return (_jsx(Input, { rightSlot: hasVisibilityToggle ? (_jsx(PasswordVisibilityToggle, { iconName: isPasswordVisible ? 'hide' : 'show', visibilityToggleLabel: isPasswordVisible ? 'Hide password' : 'Show password', handlePasswordVisibility: handlePasswordVisibility })) : null, keyboardType: "default", autoCapitalize: "none", autoCorrect: false, blurOnSubmit: false, secureTextEntry: !isPasswordVisible, ...props }));
 };
-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.PasswordInput = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Input_1 = require("../Input/Input");
-var PasswordVisibilityToggle_1 = require("./PasswordVisibilityToggle");
-var PasswordInput = (0, react_1.forwardRef)(function (_a, ref) {
-    var props = __rest(_a, []);
-    var _b = (0, PasswordVisibilityToggle_1.useTogglePasswordVisibility)(), isPasswordVisible = _b.isPasswordVisible, handlePasswordVisibility = _b.handlePasswordVisibility;
-    return ((0, jsx_runtime_1.jsx)(Input_1.Input, __assign({}, props, { rightSlot: props.hasVisibilityToggle ? ((0, jsx_runtime_1.jsx)(PasswordVisibilityToggle_1.PasswordVisibilityToggle, { iconName: isPasswordVisible ? 'hide' : 'show', visibilityToggleLabel: isPasswordVisible ? 'Hide password' : 'Show password', handlePasswordVisibility: handlePasswordVisibility })) : null, keyboardType: "default", autoCapitalize: "none", autoCorrect: false, blurOnSubmit: false, secureTextEntry: !isPasswordVisible, ref: ref })));
-});
-exports.PasswordInput = PasswordInput;
+export { PasswordInput };

package/dist/components/PasswordInput/PasswordInput.styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledPressable: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>>, {
     core: {
         color: {
@@ -216,9 +215,9 @@ export declare const StyledPressable: import("styled-components").StyledComponen
             large: number;
         };
         customMediaQuery: {
-            'small-and-up': number;
-            'medium-and-up': number;
-            'large-and-up': number;
+            "small-and-up": number;
+            "medium-and-up": number;
+            "large-and-up": number;
         };
         opacity: {
             solid: number;
@@ -232,22 +231,22 @@ export declare const StyledPressable: import("styled-components").StyledComponen
             max: number;
         };
         space: {
-            '0': number;
-            '1': number;
-            '2': number;
-            '3': number;
-            '4': number;
-            '5': number;
-            '6': number;
-            '7': number;
-            '8': number;
-            '9': number;
-            '10': number;
-            '11': number;
-            '12': number;
-            '13': number;
-            '14': number;
-            '15': number;
+            "0": number;
+            "1": number;
+            "2": number;
+            "3": number;
+            "4": number;
+            "5": number;
+            "6": number;
+            "7": number;
+            "8": number;
+            "9": number;
+            "10": number;
+            "11": number;
+            "12": number;
+            "13": number;
+            "14": number;
+            "15": number;
         };
         transition: {
             slow: number;
@@ -303,22 +302,22 @@ export declare const StyledPressable: import("styled-components").StyledComponen
         };
         data: {
             branded: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             electric: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
             gas: {
-                '1': string;
-                '2': string;
-                '3': string;
-                '4': string;
+                "1": string;
+                "2": string;
+                "3": string;
+                "4": string;
             };
         };
         focus: {

package/dist/components/PasswordInput/PasswordInput.styled.js

@@ -1,38 +1,14 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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;
+import { numToPx } from '@ovotech/element-core';
+import { Pressable } from 'react-native';
+import styled, { css } from '../../styled.native';
+export const StyledPressable = styled(Pressable)(({ theme: { core }, focused, }) => {
+    return css `
+    display: flex;
+    align-items: center;
+    position: absolute;
+    width: ${numToPx(core.space[4])};
+    z-index: 1;
+    top: ${focused ? '16px' : '14px'};
+    right: ${numToPx(core.space[3])};
+  `;
 });
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledPressable = void 0;
-var element_core_1 = require("@ovotech/element-core");
-var react_native_1 = require("react-native");
-var styled_native_1 = __importStar(require("../../styled.native"));
-exports.StyledPressable = (0, styled_native_1.default)(react_native_1.Pressable)(function (_a) {
-    var core = _a.theme.core, focused = _a.focused;
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    position: absolute;\n    width: ", ";\n    z-index: 1;\n    top: ", ";\n    right: ", ";\n  "], ["\n    display: flex;\n    align-items: center;\n    position: absolute;\n    width: ", ";\n    z-index: 1;\n    top: ", ";\n    right: ", ";\n  "])), (0, element_core_1.numToPx)(core.space[4]), focused ? '16px' : '14px', (0, element_core_1.numToPx)(core.space[3]));
-});
-var templateObject_1;

package/dist/components/PasswordInput/PasswordVisibilityToggle.js

@@ -1,28 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasswordVisibilityToggle = exports.useTogglePasswordVisibility = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Icon_1 = require("../Icon");
-var PasswordInput_styled_1 = require("./PasswordInput.styled");
-var useTogglePasswordVisibility = function () {
-    var _a = (0, react_1.useState)(false), isPasswordVisible = _a[0], setIsPasswordVisible = _a[1];
-    var handlePasswordVisibility = function () {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Icon } from '../Icon';
+import { StyledPressable } from './PasswordInput.styled';
+export const useTogglePasswordVisibility = () => {
+    const [isPasswordVisible, setIsPasswordVisible] = useState(false);
+    const handlePasswordVisibility = () => {
         setIsPasswordVisible(!isPasswordVisible);
     };
     return {
-        isPasswordVisible: isPasswordVisible,
-        handlePasswordVisibility: handlePasswordVisibility,
+        isPasswordVisible,
+        handlePasswordVisibility,
     };
 };
-exports.useTogglePasswordVisibility = useTogglePasswordVisibility;
-var PasswordVisibilityToggle = function (_a) {
-    var iconName = _a.iconName, visibilityToggleLabel = _a.visibilityToggleLabel, handlePasswordVisibility = _a.handlePasswordVisibility;
-    var _b = (0, react_1.useState)(false), focused = _b[0], setFocused = _b[1];
-    return ((0, jsx_runtime_1.jsx)(PasswordInput_styled_1.StyledPressable, { testID: "password-input-visibility-toggle", focused: focused, accessible: true, accessibilityRole: "button", accessibilityLabel: visibilityToggleLabel, onPress: handlePasswordVisibility, hitSlop: 16, onFocus: function () {
+export const PasswordVisibilityToggle = ({ iconName, visibilityToggleLabel, handlePasswordVisibility, }) => {
+    const [focused, setFocused] = useState(false);
+    return (_jsx(StyledPressable, { testID: "password-input-visibility-toggle", focused: focused, accessible: true, accessibilityRole: "button", accessibilityLabel: visibilityToggleLabel, onPress: handlePasswordVisibility, hitSlop: 16, onFocus: () => {
             setFocused(true);
-        }, onBlur: function () {
+        }, onBlur: () => {
             setFocused(false);
-        }, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: iconName, size: 16, pointerEvents: "none" }) }));
+        }, children: _jsx(Icon, { name: iconName, size: 16, pointerEvents: "none" }) }));
 };
-exports.PasswordVisibilityToggle = PasswordVisibilityToggle;

package/dist/components/PasswordInput/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PasswordInput = void 0;
-var PasswordInput_1 = require("./PasswordInput");
-Object.defineProperty(exports, "PasswordInput", { enumerable: true, get: function () { return PasswordInput_1.PasswordInput; } });
+export { PasswordInput } from './PasswordInput';

package/dist/components/PhoneField/PhoneField.d.ts

@@ -1,10 +1,5 @@
-/// <reference types="react" />
-import { TextInput as NativeTextInput } from 'react-native';
 import { FieldProps } from '../Field';
-export declare const PhoneField: import("react").ForwardRefExoticComponent<Omit<FieldProps, "children"> & import("react-native").TextInputProps & {
-    invalid?: boolean | undefined;
-    stretch?: boolean | undefined;
-    iconLeft?: import("../../providers").IconNameExtended | undefined;
-    iconRight?: import("../../providers").IconNameExtended | undefined;
-    rightSlot?: import("react").ReactNode;
-} & import("react").RefAttributes<NativeTextInput>>;
+import { InputProps } from '../Input/Input';
+type Props = Omit<FieldProps, 'children'> & InputProps;
+export declare const PhoneField: ({ ref, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/PhoneField/PhoneField.js

@@ -1,33 +1,6 @@
-"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);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Field } from '../Field';
+import { PhoneInput } from '../PhoneInput';
+export const PhoneField = ({ ref, ...rest }) => {
+    return (_jsx(Field, { ...rest, children: _jsx(PhoneInput, { ref: ref }) }));
 };
-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.PhoneField = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Field_1 = require("../Field");
-var PhoneInput_1 = require("../PhoneInput");
-exports.PhoneField = (0, react_1.forwardRef)(function (_a, ref) {
-    var rest = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref, children: (0, jsx_runtime_1.jsx)(PhoneInput_1.PhoneInput, {}) })));
-});

package/dist/components/PhoneField/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhoneField = void 0;
-var PhoneField_1 = require("./PhoneField");
-Object.defineProperty(exports, "PhoneField", { enumerable: true, get: function () { return PhoneField_1.PhoneField; } });
+export { PhoneField } from './PhoneField';

package/dist/components/PhoneInput/PhoneInput.d.ts

@@ -1,9 +1,2 @@
-/// <reference types="react" />
-import { TextInput } from 'react-native';
-export declare const PhoneInput: import("react").ForwardRefExoticComponent<import("react-native").TextInputProps & {
-    invalid?: boolean | undefined;
-    stretch?: boolean | undefined;
-    iconLeft?: import("../../providers").IconNameExtended | undefined;
-    iconRight?: import("../../providers").IconNameExtended | undefined;
-    rightSlot?: import("react").ReactNode;
-} & import("react").RefAttributes<TextInput>>;
+import { InputProps } from '../Input/Input';
+export declare const PhoneInput: (props: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PhoneInput/PhoneInput.js

@@ -1,18 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhoneInput = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Input_1 = require("../Input/Input");
-exports.PhoneInput = (0, react_1.forwardRef)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(Input_1.Input, __assign({}, props, { keyboardType: "phone-pad", autoCapitalize: "none", autoCorrect: false, ref: ref }))); });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input } from '../Input/Input';
+export const PhoneInput = (props) => (_jsx(Input, { keyboardType: "phone-pad", autoCapitalize: "none", autoCorrect: false, ...props }));