@ovotech/element-native 3.0.0-canary-53e995f-104 → 3.0.0

package/dist/components/Accordion/Accordion.d.ts

@@ -2,4 +2,4 @@ import { ComponentClass, ComponentType } from 'react';
 import { AnimateProps } from 'react-native-reanimated';
 import { AccordionProps } from './types';
 export declare function withAnimated<T extends object>(WrappedComponent: ComponentType<T>): ComponentClass<AnimateProps<T>>;
-export declare const Accordion: ({ expanded, first, last, title, children, onToggle, }: AccordionProps) => JSX.Element;
+export declare const Accordion: ({ expanded, first, headingComponent, last, title, children, onToggle, }: AccordionProps) => JSX.Element;

package/dist/components/Accordion/Accordion.js

@@ -56,7 +56,6 @@ var react_native_reanimated_1 = __importStar(require("react-native-reanimated"))
 var styled_native_1 = require("../../styled.native");
 var utils_1 = require("../../utils");
 var Heading_1 = require("../Heading");
-var Group_1 = require("./Group");
 var Icon_1 = require("./Icon");
 var hooks_1 = require("./hooks");
 var styles_1 = require("./styles");
@@ -78,15 +77,13 @@ function withAnimated(WrappedComponent) {
 }
 exports.withAnimated = withAnimated;
 var Accordion = function (_a) {
-    var _b = _a.expanded, expanded = _b === void 0 ? false : _b, first = _a.first, last = _a.last, title = _a.title, children = _a.children, onToggle = _a.onToggle;
-    var _c = (0, react_1.useContext)(styled_native_1.ThemeContext), core = _c.core, semantic = _c.semantic;
-    var Header = (0, react_1.useContext)(Group_1.AccordionGroupContext).Header;
-    var AccordionHeading = Header !== null && Header !== void 0 ? Header : Heading_1.Heading4;
-    var AnimatedHeading = (0, react_1.useMemo)(function () { return withAnimated(AccordionHeading); }, [
-        AccordionHeading,
+    var _b = _a.expanded, expanded = _b === void 0 ? false : _b, first = _a.first, _c = _a.headingComponent, headingComponent = _c === void 0 ? Heading_1.Heading4 : _c, last = _a.last, title = _a.title, children = _a.children, onToggle = _a.onToggle;
+    var _d = (0, react_1.useContext)(styled_native_1.ThemeContext), core = _d.core, semantic = _d.semantic;
+    var AnimatedHeading = (0, react_1.useMemo)(function () { return withAnimated(headingComponent); }, [
+        headingComponent,
     ]);
-    var _d = (0, hooks_1.useLayout)(0), layout = _d[0], onLayout = _d[1];
-    var _e = (0, react_1.useState)(expanded), open = _e[0], setOpen = _e[1];
+    var _e = (0, hooks_1.useLayout)(0), layout = _e[0], onLayout = _e[1];
+    var _f = (0, react_1.useState)(expanded), open = _f[0], setOpen = _f[1];
     var handleHeightContent = (0, react_1.useMemo)(function () { return layout.height || 100; }, [
         layout.height,
     ]);

package/dist/components/Accordion/Group.d.ts

@@ -1,6 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { AccordionGroupProps } from './types';
-export declare const AccordionGroupContext: import("react").Context<{
-    Header?: AccordionGroupProps['headingComponent'];
-}>;
-export declare const AccordionGroup: ({ children, headingComponent, }: PropsWithChildren<AccordionGroupProps>) => JSX.Element;
+export declare const AccordionGroup: ({ children, }: PropsWithChildren<AccordionGroupProps>) => JSX.Element;

package/dist/components/Accordion/Group.js

@@ -1,33 +1,19 @@
 "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.AccordionGroup = exports.AccordionGroupContext = void 0;
+exports.AccordionGroup = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_native_1 = require("react-native");
-exports.AccordionGroupContext = (0, react_1.createContext)({
-    Header: undefined,
-});
 var AccordionGroup = function (_a) {
-    var children = _a.children, headingComponent = _a.headingComponent;
+    var children = _a.children;
     var childCount = react_1.Children.count(children);
-    return ((0, jsx_runtime_1.jsx)(exports.AccordionGroupContext.Provider, __assign({ value: { Header: headingComponent } }, { children: (0, jsx_runtime_1.jsx)(react_native_1.View, { children: react_1.Children.map(children, function (child, i) {
-                return (0, react_1.isValidElement)(child)
-                    ? (0, react_1.cloneElement)(child, {
-                        first: i === 0,
-                        last: i === childCount - 1,
-                    })
-                    : child;
-            }) }) })));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { children: react_1.Children.map(children, function (child, i) {
+            return (0, react_1.isValidElement)(child)
+                ? (0, react_1.cloneElement)(child, {
+                    first: i === 0,
+                    last: i === childCount - 1,
+                })
+                : child;
+        }) }));
 };
 exports.AccordionGroup = AccordionGroup;

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

@@ -226,7 +226,7 @@ export declare const StyledAccordion: import("styled-components").StyledComponen
             };
         };
     };
-} & object, {
+}, {
     first?: boolean | undefined;
     last?: boolean | undefined;
 }, never>;
@@ -457,7 +457,7 @@ export declare const StyledAccordionHeader: import("styled-components").StyledCo
             };
         };
     };
-} & object, {}, never>;
+}, {}, never>;
 export declare const StyledContainer: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme & {
     core: {
         radius: Record<"small" | "medium" | "large" | "max", string>;
@@ -685,4 +685,4 @@ export declare const StyledContainer: import("styled-components").StyledComponen
             };
         };
     };
-} & object, {}, never>;
+}, {}, never>;

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

@@ -5,17 +5,17 @@ export declare type AccordionProps = PropsWithChildren<{
     children?: ReactNode;
     onToggle?: CallableFunction;
     /**
-     * @deprecated inline prop is no longer affects styling
+     * @deprecated as it no longer affects styling
      */
     inline?: boolean;
+    headingComponent?: React.ComponentType<any>;
     first?: boolean;
     last?: boolean;
     testId?: string;
 }>;
 export declare type AccordionGroupProps = {
     /**
-     * @deprecated inline prop is no longer affects styling
+     * @deprecated as it no longer affects styling
      */
     inline?: boolean;
-    headingComponent?: React.ComponentType<any>;
 };

package/dist/components/Badge/Badge.d.ts

@@ -229,7 +229,7 @@ declare const StyledBadge: import("styled-components").StyledComponent<typeof im
             };
         };
     };
-} & object, {
+}, {
     customVariant?: {
         backgroundColor: string;
         foregroundColor: string;

package/dist/components/CTAButton/CTAButton.d.ts

@@ -13,7 +13,7 @@ declare const CTAButton: ({ iconLeft, iconRight, children, fullWidth, variant, .
 declare type CTAProps = Omit<ComponentProps<typeof CTAButton>, 'variant' | 'ref'> & {
     ref: Ref<TouchableOpacity>;
 };
-declare const PrimaryCTAButton: import("react").ForwardRefExoticComponent<Pick<CTAProps, "iconLeft" | "iconRight" | "fullWidth" | keyof TouchableOpacityProps> & import("react").RefAttributes<TouchableOpacity>>;
-declare const SecondaryCTAButton: import("react").ForwardRefExoticComponent<Pick<CTAProps, "iconLeft" | "iconRight" | "fullWidth" | keyof TouchableOpacityProps> & import("react").RefAttributes<TouchableOpacity>>;
-declare const DestructiveCTAButton: import("react").ForwardRefExoticComponent<Pick<CTAProps, "iconLeft" | "iconRight" | "fullWidth" | keyof TouchableOpacityProps> & import("react").RefAttributes<TouchableOpacity>>;
+declare const PrimaryCTAButton: import("react").ForwardRefExoticComponent<Pick<CTAProps, keyof TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & import("react").RefAttributes<TouchableOpacity>>;
+declare const SecondaryCTAButton: import("react").ForwardRefExoticComponent<Pick<CTAProps, keyof TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & import("react").RefAttributes<TouchableOpacity>>;
+declare const DestructiveCTAButton: import("react").ForwardRefExoticComponent<Pick<CTAProps, keyof TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & import("react").RefAttributes<TouchableOpacity>>;
 export { CTAButton, PrimaryCTAButton, SecondaryCTAButton, DestructiveCTAButton, };

package/dist/components/CTALink/CTALink.d.ts

@@ -4,8 +4,8 @@ import { CTAButton } from '../CTAButton';
 declare type CTALinkProps = Omit<ComponentProps<typeof CTAButton>, 'ref'> & {
     ref: Ref<TouchableOpacity>;
 };
-declare const CTALink: import("react").ForwardRefExoticComponent<Pick<CTALinkProps, "iconLeft" | "iconRight" | "fullWidth" | keyof import("react-native/types").TouchableOpacityProps | "variant"> & import("react").RefAttributes<TouchableOpacity>>;
+declare const CTALink: import("react").ForwardRefExoticComponent<Pick<CTALinkProps, "variant" | keyof import("react-native/types").TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & import("react").RefAttributes<TouchableOpacity>>;
 declare type CTAProps = Omit<ComponentProps<typeof CTALink>, 'variant'>;
-declare const PrimaryCTALink: import("react").ForwardRefExoticComponent<Pick<CTAProps, "key" | "iconLeft" | "iconRight" | "fullWidth" | keyof import("react-native/types").TouchableOpacityProps> & import("react").RefAttributes<TouchableOpacity>>;
-declare const SecondaryCTALink: import("react").ForwardRefExoticComponent<Pick<CTAProps, "key" | "iconLeft" | "iconRight" | "fullWidth" | keyof import("react-native/types").TouchableOpacityProps> & import("react").RefAttributes<TouchableOpacity>>;
+declare const PrimaryCTALink: import("react").ForwardRefExoticComponent<Pick<CTAProps, "key" | keyof import("react-native/types").TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & import("react").RefAttributes<TouchableOpacity>>;
+declare const SecondaryCTALink: import("react").ForwardRefExoticComponent<Pick<CTAProps, "key" | keyof import("react-native/types").TouchableOpacityProps | "fullWidth" | "iconLeft" | "iconRight"> & import("react").RefAttributes<TouchableOpacity>>;
 export { CTALink, PrimaryCTALink, SecondaryCTALink };

package/dist/components/Card/Card.d.ts

@@ -225,6 +225,6 @@ export declare const Card: import("styled-components").StyledComponent<typeof im
             };
         };
     };
-} & object, {
+}, {
     inline?: boolean | undefined;
 }, never>;

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

@@ -226,7 +226,7 @@ export declare const StyledTableContainer: import("styled-components").StyledCom
             };
         };
     };
-} & object, {}, never>;
+}, {}, never>;
 export declare const TableHeader: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme & {
     core: {
         radius: Record<"small" | "medium" | "large" | "max", string>;
@@ -454,7 +454,7 @@ export declare const TableHeader: import("styled-components").StyledComponent<ty
             };
         };
     };
-} & object, {
+}, {
     cellWidth: string;
 } & Breakpoints, never>;
 export declare const TableHeaderText: import("styled-components").StyledComponent<typeof import("react-native").Text, import("../../theme/theme").Theme & {
@@ -684,7 +684,7 @@ export declare const TableHeaderText: import("styled-components").StyledComponen
             };
         };
     };
-} & object, Breakpoints, never>;
+}, Breakpoints, never>;
 export declare const TableCaptionText: import("styled-components").StyledComponent<typeof import("react-native").Text, import("../../theme/theme").Theme & {
     core: {
         radius: Record<"small" | "medium" | "large" | "max", string>;
@@ -912,7 +912,7 @@ export declare const TableCaptionText: import("styled-components").StyledCompone
             };
         };
     };
-} & object, Breakpoints, never>;
+}, Breakpoints, never>;
 export declare const CellText: import("styled-components").StyledComponent<typeof import("react-native").Text, import("../../theme/theme").Theme & {
     core: {
         radius: Record<"small" | "medium" | "large" | "max", string>;
@@ -1140,7 +1140,7 @@ export declare const CellText: import("styled-components").StyledComponent<typeo
             };
         };
     };
-} & object, Breakpoints, never>;
+}, Breakpoints, never>;
 export declare const TableCaption: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme & {
     core: {
         radius: Record<"small" | "medium" | "large" | "max", string>;
@@ -1368,7 +1368,7 @@ export declare const TableCaption: import("styled-components").StyledComponent<t
             };
         };
     };
-} & object, Breakpoints, never>;
+}, Breakpoints, never>;
 export declare const TableRow: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme & {
     core: {
         radius: Record<"small" | "medium" | "large" | "max", string>;
@@ -1596,7 +1596,7 @@ export declare const TableRow: import("styled-components").StyledComponent<typeo
             };
         };
     };
-} & object, {
+}, {
     stripe: boolean;
 }, never>;
 export declare const TableRowHeading: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme & {
@@ -1826,7 +1826,7 @@ export declare const TableRowHeading: import("styled-components").StyledComponen
             };
         };
     };
-} & object, {}, never>;
+}, {}, never>;
 export declare const TableBody: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme & {
     core: {
         radius: Record<"small" | "medium" | "large" | "max", string>;
@@ -2054,7 +2054,7 @@ export declare const TableBody: import("styled-components").StyledComponent<type
             };
         };
     };
-} & object, {}, never>;
+}, {}, never>;
 export declare const TableCell: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme & {
     core: {
         radius: Record<"small" | "medium" | "large" | "max", string>;
@@ -2282,7 +2282,7 @@ export declare const TableCell: import("styled-components").StyledComponent<type
             };
         };
     };
-} & object, {
+}, {
     cellWidth: string;
 } & Breakpoints, never>;
 export declare const RowHeading: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme & {
@@ -2512,6 +2512,6 @@ export declare const RowHeading: import("styled-components").StyledComponent<typ
             };
         };
     };
-} & object, {
+}, {
     cellWidth: string;
 } & Breakpoints, never>;

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

@@ -232,7 +232,7 @@ export declare const Dl: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    }) | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;

package/dist/components/Divider/Divider.js

@@ -32,9 +32,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_native_1 = __importStar(require("../../styled.native"));
 var StyledDivider = styled_native_1.default.View(function (_a) {
     var semantic = _a.theme.semantic, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.width, width = _c === void 0 ? '100%' : _c;
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: 1px;\n      background: ", ";\n      width: ", ";\n    "], ["\n      height: 1px;\n      background: ", ";\n      width: ", ";\n    "])), type === 'default'
-        ? semantic.border.graphic
-        : semantic.border.differentiated, width);
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: 1px;\n      background: ", ";\n      width: ", ";\n    "], ["\n      height: 1px;\n      background: ", ";\n      width: ", ";\n    "])), type === 'default' ? semantic.border.graphic : semantic.border.differentiated, width);
 });
 var Divider = function (_a) {
     var type = _a.type, width = _a.width;

package/dist/components/ErrorText/ErrorText.d.ts

@@ -232,7 +232,7 @@ declare const ErrorText: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    }) | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;

package/dist/components/FormGroup/FormGroup.js

@@ -34,7 +34,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_1 = require("react-native");
 var styled_native_1 = __importDefault(require("../../styled.native"));
 var FormGroupWrapper = styled_native_1.default.View(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex-direction: row;\n"], ["\n  flex-direction: row;\n"])));
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 var FormGroup = function (_a) {
     var children = _a.children, error = _a.error, rest = __rest(_a, ["children", "error"]);
     return ((0, jsx_runtime_1.jsx)(FormGroupWrapper, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(react_native_1.View, __assign({ style: { flex: 1 } }, { children: children })) })));

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

@@ -231,7 +231,7 @@ declare const Col: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    }) | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;

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

@@ -227,7 +227,7 @@ declare const StyledRow: import("styled-components").StyledComponent<typeof impo
             };
         };
     };
-} & object, {
+}, {
     isNested?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;

package/dist/components/HintText/HintText.d.ts

@@ -232,7 +232,7 @@ declare const HintText: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    }) | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { SvgProps } from 'react-native-svg';
-import { IconNameExtended } from '../../providers';
+import { IconName } from '../../providers';
 export declare type IconBase = React.FunctionComponent<SvgProps>;
 export declare type IconProps = SvgProps & {
-    name: IconNameExtended;
+    name: IconName | (string & {});
     color?: string;
     size: string | number;
 };

package/dist/components/Input/CurrencyInput.d.ts

@@ -7,8 +7,8 @@ export declare type CurrencyInputProps = InputProps & {
 declare const CurrencyInput: import("react").ForwardRefExoticComponent<import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
     rightSlot?: import("react").ReactNode;
 } & {
     currency?: "GBP" | "EUR" | "AUD" | "USD" | undefined;

package/dist/components/Input/EmailInput.d.ts

@@ -3,8 +3,8 @@ import { TextInput } from 'react-native';
 declare const EmailInput: import("react").ForwardRefExoticComponent<import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
     rightSlot?: import("react").ReactNode;
 } & import("react").RefAttributes<TextInput>>;
 export { EmailInput };

package/dist/components/Input/Input.d.ts

@@ -1,18 +1,18 @@
 import { ReactNode } from 'react';
 import { TextInput, TextInputProps } from 'react-native';
-import { IconNameExtended } from '../../providers/types';
+import { IconName } from '../../providers/types';
 export declare type InputProps = TextInputProps & {
     invalid?: boolean;
     stretch?: boolean;
-    iconLeft?: IconNameExtended;
-    iconRight?: IconNameExtended;
+    iconLeft?: IconName | (string & object);
+    iconRight?: IconName | (string & object);
     rightSlot?: ReactNode;
 };
 declare const Input: import("react").ForwardRefExoticComponent<TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: IconName | undefined;
+    iconRight?: IconName | undefined;
     rightSlot?: ReactNode;
 } & import("react").RefAttributes<TextInput>>;
 export { Input };

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

@@ -3,8 +3,8 @@ import { TextInput as RNTextInput } from 'react-native';
 declare const NumberInput: import("react").ForwardRefExoticComponent<import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
     rightSlot?: import("react").ReactNode;
 } & import("react").RefAttributes<RNTextInput>>;
 export { NumberInput };

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

@@ -3,8 +3,8 @@ import { TextInput as RNTextInput } from 'react-native';
 declare const PasswordInput: import("react").ForwardRefExoticComponent<import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
     rightSlot?: import("react").ReactNode;
 } & {
     hasVisibilityToggle?: boolean | undefined;

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

@@ -226,6 +226,6 @@ export declare const StyledPressable: import("styled-components").StyledComponen
             };
         };
     };
-} & object, {
+}, {
     focused: boolean;
 }, never>;

package/dist/components/Input/PasswordVisibilityToggle.d.ts

@@ -1,10 +1,9 @@
-import { IconNameExtended } from '../../providers';
 export declare const useTogglePasswordVisibility: () => {
     isPasswordVisible: boolean;
     handlePasswordVisibility: () => void;
 };
 declare type PasswordVisibilityToggleProps = {
-    iconName: IconNameExtended;
+    iconName: string;
     visibilityToggleLabel: string;
     handlePasswordVisibility: () => void;
 };

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

@@ -3,8 +3,8 @@ import { TextInput } from 'react-native';
 declare const PhoneInput: import("react").ForwardRefExoticComponent<import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
     rightSlot?: import("react").ReactNode;
 } & import("react").RefAttributes<TextInput>>;
 export { PhoneInput };

package/dist/components/Input/TelInput.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TextInput } from 'react-native';
+declare const TelInput: React.ForwardRefExoticComponent<import("react-native/types").TextInputProps & {
+    invalid?: boolean | undefined;
+    stretch?: boolean | undefined;
+    iconLeft?: (string & {}) | import("../../providers").IconName | undefined;
+    iconRight?: (string & {}) | import("../../providers").IconName | undefined;
+    rightSlot?: React.ReactNode;
+} & React.RefAttributes<TextInput>>;
+export { TelInput };

package/dist/components/Input/TelInput.js

@@ -0,0 +1,41 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TelInput = void 0;
+var react_1 = __importStar(require("react"));
+var Input_1 = require("./Input");
+var TelInput = (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(Input_1.Input, __assign({}, props, { keyboardType: "phone-pad", autoCapitalize: "none", autoCorrect: false, ref: ref }))); });
+exports.TelInput = TelInput;

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

@@ -3,8 +3,8 @@ import { TextInput as RNTextInput } from 'react-native';
 declare const TextInput: import("react").ForwardRefExoticComponent<import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
     rightSlot?: import("react").ReactNode;
 } & import("react").RefAttributes<RNTextInput>>;
 export { TextInput };

package/dist/components/Input/TextareaInput.d.ts

@@ -7,8 +7,8 @@ declare type TextareaInputProps = InputProps & {
 declare const TextareaInput: import("react").ForwardRefExoticComponent<import("react-native/types").TextInputProps & {
     invalid?: boolean | undefined;
     stretch?: boolean | undefined;
-    iconLeft?: string | undefined;
-    iconRight?: string | undefined;
+    iconLeft?: import("../../providers").IconName | undefined;
+    iconRight?: import("../../providers").IconName | undefined;
     rightSlot?: import("react").ReactNode;
 } & {
     rows?: number | undefined;

package/dist/components/LabelText/LabelText.d.ts

@@ -232,7 +232,7 @@ declare const LabelText: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    }) | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;

package/dist/components/List/List.d.ts

@@ -232,7 +232,7 @@ declare const ListWrapper: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    }) | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;
@@ -473,7 +473,7 @@ declare const Li: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    }) | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;
@@ -714,7 +714,7 @@ declare const Dl: import("react").ForwardRefExoticComponent<Pick<Omit<{
                 };
             };
         };
-    } & object) | undefined;
+    }) | undefined;
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;

package/dist/components/Margin/Margin.d.ts

@@ -239,15 +239,12 @@ declare const StyledMargin: import("styled-components").StyledComponent<typeof i
             };
         };
     };
-} & object, MProps, never>;
+}, MProps, never>;
 declare type Props = Omit<ComponentProps<typeof StyledMargin>, 'mTop' | 'mBottom' | 'mLeft' | 'mRight' | 'breakpoints'> & {
     top?: SpaceKey | SpaceKey[];
     bottom?: SpaceKey | SpaceKey[];
     left?: SpaceKey | SpaceKey[];
     right?: SpaceKey | SpaceKey[];
-    horizontal?: SpaceKey | SpaceKey[];
-    vertical?: SpaceKey | SpaceKey[];
-    all?: SpaceKey | SpaceKey[];
 };
 declare const Margin: ({ top, bottom, left, right, ...rest }: Props) => JSX.Element;
 export { Margin };

package/dist/components/Notification/Notification.d.ts

@@ -229,7 +229,7 @@ export declare const NotificationContentBox: import("styled-components").StyledC
             };
         };
     };
-} & object, {}, never>;
+}, {}, never>;
 export declare const NotificationTitleBox: import("styled-components").StyledComponent<typeof import("react-native").View, import("../../theme/theme").Theme & {
     core: {
         radius: Record<"small" | "medium" | "large" | "max", string>;
@@ -457,7 +457,7 @@ export declare const NotificationTitleBox: import("styled-components").StyledCom
             };
         };
     };
-} & object, {
+}, {
     variant: NotificationVariantName;
     noMargin?: boolean | undefined;
     dismissible: boolean;