@multiplatform.one/components 2.0.23 → 3.0.0

package/dist/esm/organize/SimpleInput/SimpleInput.stories.js

@@ -1,19 +1,28 @@
 import { SimpleInput } from ".";
-import { YStack } from "tamagui";
-import { Key, Eye } from "@tamagui/lucide-icons";
 import { jsx } from "react/jsx-runtime";
-var SimpleInput_stories_default = {
+const meta = {
   title: "organize/SimpleInput",
   component: SimpleInput,
-  parameters: { status: { type: "beta" } }
+  parameters: { status: { type: "beta" } },
+  argTypes: {
+    inputType: {
+      control: {}
+    }
+  }
+}, main = (args) => /* @__PURE__ */ jsx(SimpleInput, { ...args }), mainArgs = {
+  inputType: "TEXT"
 };
-const password = () => /* @__PURE__ */ jsx(YStack, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx(SimpleInput, { password: !0, size: "$3", iconAfter: Key, passwordWithoutIcon: !0 }) }), iconBefore = () => /* @__PURE__ */ jsx(SimpleInput, { password: !0, width: 800, height: 50, iconBefore: Key }), iconAfter = () => /* @__PURE__ */ jsx(SimpleInput, { width: 250, height: 50, iconAfter: Eye, placeholder: "icon after input box" }), circular = () => /* @__PURE__ */ jsx(SimpleInput, { placeholder: "icon after input box", circular: !0, password: !0 }), passwordWithoutIcon = () => /* @__PURE__ */ jsx(SimpleInput, { password: !0, passwordWithoutIcon: !0 });
+main.args = mainArgs;
+const passwordInputType = (args) => /* @__PURE__ */ jsx(SimpleInput, { ...args }), passwordInputTypeArgs = {
+  inputType: "PASSWORD",
+  secureTextEntry: !0
+};
+passwordInputType.args = passwordInputTypeArgs;
+main.args = mainArgs;
+var SimpleInput_stories_default = meta;
 export {
-  circular,
   SimpleInput_stories_default as default,
-  iconAfter,
-  iconBefore,
-  password,
-  passwordWithoutIcon
+  main,
+  passwordInputType
 };
 //# sourceMappingURL=SimpleInput.stories.js.map

package/dist/esm/organize/SimpleInput/SimpleInput.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/organize/SimpleInput/SimpleInput.stories.tsx"],
-  "mappings": "AAsBA,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,KAAK,WAAW;AAUrB;AARJ,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,WAAW,MACtB,oBAAC,UAAO,gBAAe,UAAS,YAAW,UACzC,8BAAC,eAAY,UAAQ,IAAC,MAAK,MAAK,WAAW,KAAK,qBAAmB,IAAC,GACtE,GAGW,aAAa,MAAM,oBAAC,eAAY,UAAQ,IAAC,OAAO,KAAK,QAAQ,IAAI,YAAY,KAAK,GAElF,YAAY,MACvB,oBAAC,eAAY,OAAO,KAAK,QAAQ,IAAI,WAAW,KAAK,aAAY,wBAAuB,GAG7E,WAAW,MAAM,oBAAC,eAAY,aAAY,wBAAuB,UAAQ,IAAC,UAAQ,IAAC,GAEnF,sBAAsB,MAAM,oBAAC,eAAY,UAAQ,IAAC,qBAAmB,IAAC;",
+  "mappings": "AACA,SAAS,mBAAqC;AAcE;AAXhD,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AAAA,EACvC,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS,CAAC;AAAA,IACZ;AAAA,EACF;AACF,GAEa,OAAO,CAAC,SAA2B,oBAAC,eAAa,GAAG,MAAM,GAEjE,WAA6B;AAAA,EACjC,WAAW;AACb;AAEA,KAAK,OAAO;AAEL,MAAM,oBAAoB,CAAC,SAA2B,oBAAC,eAAa,GAAG,MAAM,GAE9E,wBAA0C;AAAA,EAC9C,WAAW;AAAA,EACX,iBAAiB;AACnB;AAEA,kBAAkB,OAAO;AAEzB,KAAK,OAAO;AAEZ,IAAO,8BAAQ;",
   "names": []
 }

package/dist/esm/organize/SimpleInput/SimpleInput.stories.mjs

@@ -1,45 +1,34 @@
 import { SimpleInput } from "./index.mjs";
-import { YStack } from "tamagui";
-import { Key, Eye } from "@tamagui/lucide-icons";
 import { jsx } from "react/jsx-runtime";
-var SimpleInput_stories_default = {
-  title: "organize/SimpleInput",
-  component: SimpleInput,
-  parameters: {
-    status: {
-      type: "beta"
+const meta = {
+    title: "organize/SimpleInput",
+    component: SimpleInput,
+    parameters: {
+      status: {
+        type: "beta"
+      }
+    },
+    argTypes: {
+      inputType: {
+        control: {}
+      }
     }
-  }
-};
-const password = () => /* @__PURE__ */jsx(YStack, {
-    justifyContent: "center",
-    alignItems: "center",
-    children: /* @__PURE__ */jsx(SimpleInput, {
-      password: !0,
-      size: "$3",
-      iconAfter: Key,
-      passwordWithoutIcon: !0
-    })
+  },
+  main = args => /* @__PURE__ */jsx(SimpleInput, {
+    ...args
   }),
-  iconBefore = () => /* @__PURE__ */jsx(SimpleInput, {
-    password: !0,
-    width: 800,
-    height: 50,
-    iconBefore: Key
+  mainArgs = {
+    inputType: "TEXT"
+  };
+main.args = mainArgs;
+const passwordInputType = args => /* @__PURE__ */jsx(SimpleInput, {
+    ...args
   }),
-  iconAfter = () => /* @__PURE__ */jsx(SimpleInput, {
-    width: 250,
-    height: 50,
-    iconAfter: Eye,
-    placeholder: "icon after input box"
-  }),
-  circular = () => /* @__PURE__ */jsx(SimpleInput, {
-    placeholder: "icon after input box",
-    circular: !0,
-    password: !0
-  }),
-  passwordWithoutIcon = () => /* @__PURE__ */jsx(SimpleInput, {
-    password: !0,
-    passwordWithoutIcon: !0
-  });
-export { circular, SimpleInput_stories_default as default, iconAfter, iconBefore, password, passwordWithoutIcon };
+  passwordInputTypeArgs = {
+    inputType: "PASSWORD",
+    secureTextEntry: !0
+  };
+passwordInputType.args = passwordInputTypeArgs;
+main.args = mainArgs;
+var SimpleInput_stories_default = meta;
+export { SimpleInput_stories_default as default, main, passwordInputType };

package/dist/esm/organize/SimpleInput/SimpleInput.stories.native.js

@@ -1,59 +1,56 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "react";
 import { SimpleInput } from ".";
-import { YStack } from "tamagui";
-import { Key, Eye } from "@tamagui/lucide-icons";
-var SimpleInput_stories_default = {
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+var meta = {
   title: "organize/SimpleInput",
   component: SimpleInput,
   parameters: {
     status: {
       type: "beta"
     }
+  },
+  argTypes: {
+    inputType: {
+      control: {}
+    }
   }
-}, password = function() {
-  return /* @__PURE__ */ _jsx(YStack, {
-    justifyContent: "center",
-    alignItems: "center",
-    children: /* @__PURE__ */ _jsx(SimpleInput, {
-      password: !0,
-      size: "$3",
-      iconAfter: Key,
-      passwordWithoutIcon: !0
-    })
-  });
-}, iconBefore = function() {
-  return /* @__PURE__ */ _jsx(SimpleInput, {
-    password: !0,
-    width: 800,
-    height: 50,
-    iconBefore: Key
-  });
-}, iconAfter = function() {
-  return /* @__PURE__ */ _jsx(SimpleInput, {
-    width: 250,
-    height: 50,
-    iconAfter: Eye,
-    placeholder: "icon after input box"
-  });
-}, circular = function() {
-  return /* @__PURE__ */ _jsx(SimpleInput, {
-    placeholder: "icon after input box",
-    circular: !0,
-    password: !0
-  });
-}, passwordWithoutIcon = function() {
-  return /* @__PURE__ */ _jsx(SimpleInput, {
-    password: !0,
-    passwordWithoutIcon: !0
-  });
+}, main = function(args) {
+  return /* @__PURE__ */ _jsx(SimpleInput, _object_spread({}, args));
+}, mainArgs = {
+  inputType: "TEXT"
+};
+main.args = mainArgs;
+var passwordInputType = function(args) {
+  return /* @__PURE__ */ _jsx(SimpleInput, _object_spread({}, args));
+}, passwordInputTypeArgs = {
+  inputType: "PASSWORD",
+  secureTextEntry: !0
 };
+passwordInputType.args = passwordInputTypeArgs;
+main.args = mainArgs;
+var SimpleInput_stories_default = meta;
 export {
-  circular,
   SimpleInput_stories_default as default,
-  iconAfter,
-  iconBefore,
-  password,
-  passwordWithoutIcon
+  main,
+  passwordInputType
 };
 //# sourceMappingURL=SimpleInput.stories.js.map

package/dist/esm/organize/SimpleInput/SimpleInput.stories.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/organize/SimpleInput/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleInput/SimpleInput.stories.tsx"],
-  "mappings": "AAmBC,SAAA,OAAA,YAAA;AAED,OAAkB;AAClB,SAASA,mBAAmB;AAC5B,SAASC,cAAc;AACvB,SAASC,KAAKC,WAAW;AAEzB,IAAA,8BAAe;EACbC,OAAO;EACPC,WAAWL;EACXM,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC,GAEaC,WAAW,WAAA;SACtB,qBAACR,QAAAA;IAAOS,gBAAe;IAASC,YAAW;cACzC,qBAACX,aAAAA;MAAYS,UAAQ;MAACG,MAAK;MAAKC,WAAWX;MAAKY,qBAAmB;;;GAI1DC,aAAa,WAAA;SAAM,qBAACf,aAAAA;IAAYS,UAAQ;IAACO,OAAO;IAAKC,QAAQ;IAAIF,YAAYb;;GAE7EW,YAAY,WAAA;SACvB,qBAACb,aAAAA;IAAYgB,OAAO;IAAKC,QAAQ;IAAIJ,WAAWV;IAAKe,aAAY;;GAGtDC,WAAW,WAAA;SAAM,qBAACnB,aAAAA;IAAYkB,aAAY;IAAuBC,UAAQ;IAACV,UAAQ;;GAElFK,sBAAsB,WAAA;SAAM,qBAACd,aAAAA;IAAYS,UAAQ;IAACK,qBAAmB;;;",
-  "names": ["SimpleInput", "YStack", "Key", "Eye", "title", "component", "parameters", "status", "type", "password", "justifyContent", "alignItems", "size", "iconAfter", "passwordWithoutIcon", "iconBefore", "width", "height", "placeholder", "circular"]
+  "sources": ["../../../../src/organize/SimpleInput/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleInput/SimpleInput.stories.tsx"],
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,mBAAqC;;;;;;;;;;;;;;;;;;;;AAG9C,IAAMC,OAAa;EACjBC,OAAO;EACPC,WAAWH;EACXI,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;EACvCC,UAAU;IACRC,WAAW;MACTC,SAAS,CAAC;IACZ;EACF;AACF,GAEaC,OAAO,SAACC,MAAAA;SAA2B,qBAACX,aAAAA,eAAAA,CAAAA,GAAgBW,IAAAA,CAAAA;GAE3DC,WAA6B;EACjCJ,WAAW;AACb;AAEAE,KAAKC,OAAOC;AAEL,IAAMC,oBAAoB,SAACF,MAAAA;SAA2B,qBAACX,aAAAA,eAAAA,CAAAA,GAAgBW,IAAAA,CAAAA;GAExEG,wBAA0C;EAC9CN,WAAW;EACXO,iBAAiB;AACnB;AAEAF,kBAAkBF,OAAOG;AAEzBJ,KAAKC,OAAOC;AAEZ,IAAA,8BAAeX;",
+  "names": ["SimpleInput", "meta", "title", "component", "parameters", "status", "type", "argTypes", "inputType", "control", "main", "args", "mainArgs", "passwordInputType", "passwordInputTypeArgs", "secureTextEntry"]
 }

package/dist/esm/organize/SimpleInput/index.js

@@ -1,129 +1,27 @@
 import React, { useEffect } from "react";
-import { Button, Input, XGroup, XStack } from "tamagui";
+import { Button, Input, XStack } from "tamagui";
 import { Eye, EyeOff } from "@tamagui/lucide-icons";
 import { jsx, jsxs } from "react/jsx-runtime";
-function SimpleInput({
-  value,
-  size,
-  password,
-  iconBefore,
-  iconAfter,
-  height,
-  width,
-  iconStyle,
-  circular,
-  placeholder,
-  iconAfterScale,
-  iconBeforeScale,
-  iconPasswordScale,
-  iconAfterAsButton,
-  iconBeforeAsButton,
-  iconsAsButton,
-  passwordWithoutIcon,
-  paddingHorizontal,
-  onChangeText,
-  ...props
-}) {
-  const [show, setShow] = React.useState(!1), [inputValue, setInputValue] = React.useState(value ?? ""), [borderWidth, setBorderWidth] = React.useState(1), [secureTextEntry, setSecureTextEntry] = React.useState(password), totalIcons = (iconBefore ? 1 : 0) + (iconAfter || password && !passwordWithoutIcon ? 1 : 0), inputValuePadding = iconBefore ? 0 : 24, iconPercentage = totalIcons === 1 ? "20%" : totalIcons === 2 ? "10%" : void 0, inputPercentage = iconPercentage ? "80%" : "100%";
-  useEffect(() => {
-    inputValue && onChangeText && onChangeText(inputValue);
-  }, [inputValue]), useEffect(() => {
-    if (password) {
-      if (show) {
-        setSecureTextEntry(!1);
-        return;
-      }
-      if (!show && password) {
-        setSecureTextEntry(!0);
-        return;
-      }
-    }
-  }, [password, show]);
-  function handleValueChange(text) {
-    setInputValue(text), onChangeText && onChangeText(text);
-  }
-  return /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsxs(
-    XGroup,
-    {
-      ...props,
-      height: size,
-      borderRadius: circular ? 9999999 : props.borderRadius || size,
-      borderWidth,
-      borderColor: "$backgroundFocus",
-      minHeight: height || "$5",
-      width: width || "$20",
-      children: [
-        iconBefore && /* @__PURE__ */ jsx(
-          Button,
-          {
-            icon: iconBefore,
-            unstyled: !(iconsAsButton || iconBeforeAsButton),
-            ...iconStyle,
-            justifyContent: "center",
-            alignItems: "center",
-            scaleIcon: iconBeforeScale,
-            width: iconPercentage,
-            height: "100%",
-            padding: 0
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            onChangeText: handleValueChange,
-            value: inputValue,
-            ...props,
-            size,
-            onFocus: (e) => {
-              setBorderWidth(2), props.onFocus?.(e);
-            },
-            onBlur: (e) => {
-              setBorderWidth(1), props.onBlur?.(e);
-            },
-            height: "100%",
-            placeholder,
-            width: inputPercentage,
-            paddingLeft: inputValuePadding,
-            paddingRight: inputValuePadding,
-            unstyled: !0,
-            borderWidth: 0,
-            paddingHorizontal,
-            secureTextEntry
-          }
-        ),
-        !!password && !passwordWithoutIcon && /* @__PURE__ */ jsx(
-          Button,
-          {
-            icon: show ? Eye : EyeOff,
-            scaleIcon: iconPasswordScale,
-            height: "100%",
-            ...iconStyle,
-            width: iconPercentage,
-            onPress: (e) => {
-              setShow((prev) => !prev), setBorderWidth(2), props.onPress?.(e);
-            },
-            justifyContent: "center",
-            alignItems: "center",
-            padding: 0
-          }
-        ),
-        !!iconAfter && (!password || passwordWithoutIcon) && /* @__PURE__ */ jsx(
-          Button,
-          {
-            icon: iconAfter,
-            ...iconStyle,
-            justifyContent: "center",
-            alignItems: "center",
-            scaleIcon: iconBeforeScale,
-            width: iconPercentage,
-            unstyled: !(iconsAsButton || iconAfterAsButton),
-            height: "100%",
-            padding: 0
-          }
-        )
-      ]
-    }
-  ) });
+function SimpleInput({ inputType = "TEXT", xStackProps, buttonProps, ...props }) {
+  const [hideText, setHideText] = React.useState(
+    !!(props?.secureTextEntry || inputType === "PASSWORD")
+  ), [isValidText, setIsValidText] = React.useState(!0);
+  return useEffect(() => {
+    props.secureTextEntry ? setHideText(!0) : setHideText(!1);
+  }, [props.secureTextEntry]), /* @__PURE__ */ jsxs(XStack, { theme: isValidText ? "system" : "red", space: "$1", ...xStackProps, children: [
+    /* @__PURE__ */ jsx(Input, { ...props, secureTextEntry: hideText, onChangeText: (text) => {
+      if (inputType === "EMAIL")
+        if (/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(text))
+          setIsValidText(!0);
+        else {
+          setIsValidText(!1);
+          return;
+        }
+      else
+        setIsValidText(!0);
+    } }),
+    inputType === "PASSWORD" && /* @__PURE__ */ jsx(Button, { onPress: () => setHideText(!hideText), children: /* @__PURE__ */ jsx(Button.Icon, { children: hideText ? /* @__PURE__ */ jsx(EyeOff, {}) : /* @__PURE__ */ jsx(Eye, {}) }) })
+  ] });
 }
 export {
   SimpleInput

package/dist/esm/organize/SimpleInput/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/organize/SimpleInput/index.tsx"],
-  "mappings": "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",
+  "mappings": "AAAA,OAAO,SAAS,iBAAiB;AAEjC,SAAS,QAAQ,OAAe,cAAc;AAC9C,SAAS,KAAK,cAAc;AAiCxB,SACE,KADF;AAzBG,SAAS,YAAY,EAAE,YAAY,QAAQ,aAAa,aAAa,GAAG,MAAM,GAAqB;AACxG,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM;AAAA,IACpC,UAAO,mBAAmB,cAAc;AAAA,EAC1C,GACM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAkB,EAAI;AAElE,mBAAU,MAAM;AACd,UAAM,kBAAkB,YAAY,EAAI,IAAI,YAAY,EAAK;AAAA,EAC/D,GAAG,CAAC,MAAM,eAAe,CAAC,GAiBxB,qBAAC,UAAO,OAAO,cAAc,WAAW,OAAO,OAAM,MAAM,GAAG,aAC5D;AAAA,wBAAC,SAAO,GAAG,OAAO,iBAAiB,UAAU,cAhBvB,CAAC,SAAiB;AAC1C,UAAI,cAAc;AAEhB,YADqB,mDACH,KAAK,IAAI;AAIzB,yBAAe,EAAI;AAAA,aAJS;AAC5B,yBAAe,EAAK;AACpB;AAAA,QACF;AAAA;AAIA,uBAAe,EAAI;AAAA,IAEvB,GAIkF;AAAA,IAC7E,cAAc,cACb,oBAAC,UAAO,SAAS,MAAM,YAAY,CAAC,QAAQ,GAC1C,8BAAC,OAAO,MAAP,EAAa,qBAAW,oBAAC,UAAO,IAAK,oBAAC,OAAI,GAAG,GAChD;AAAA,KAEJ;AAEJ;",
   "names": []
 }

package/dist/esm/organize/SimpleInput/index.mjs

@@ -1,117 +1,38 @@
 import React, { useEffect } from "react";
-import { Button, Input, XGroup, XStack } from "tamagui";
+import { Button, Input, XStack } from "tamagui";
 import { Eye, EyeOff } from "@tamagui/lucide-icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 function SimpleInput({
-  value,
-  size,
-  password,
-  iconBefore,
-  iconAfter,
-  height,
-  width,
-  iconStyle,
-  circular,
-  placeholder,
-  iconAfterScale,
-  iconBeforeScale,
-  iconPasswordScale,
-  iconAfterAsButton,
-  iconBeforeAsButton,
-  iconsAsButton,
-  passwordWithoutIcon,
-  paddingHorizontal,
-  onChangeText,
+  inputType = "TEXT",
+  xStackProps,
+  buttonProps,
   ...props
 }) {
-  const [show, setShow] = React.useState(!1),
-    [inputValue, setInputValue] = React.useState(value ?? ""),
-    [borderWidth, setBorderWidth] = React.useState(1),
-    [secureTextEntry, setSecureTextEntry] = React.useState(password),
-    totalIcons = (iconBefore ? 1 : 0) + (iconAfter || password && !passwordWithoutIcon ? 1 : 0),
-    inputValuePadding = iconBefore ? 0 : 24,
-    iconPercentage = totalIcons === 1 ? "20%" : totalIcons === 2 ? "10%" : void 0,
-    inputPercentage = iconPercentage ? "80%" : "100%";
-  useEffect(() => {
-    inputValue && onChangeText && onChangeText(inputValue);
-  }, [inputValue]), useEffect(() => {
-    if (password) {
-      if (show) {
-        setSecureTextEntry(!1);
-        return;
-      }
-      if (!show && password) {
-        setSecureTextEntry(!0);
-        return;
-      }
-    }
-  }, [password, show]);
-  function handleValueChange(text) {
-    setInputValue(text), onChangeText && onChangeText(text);
-  }
-  return /* @__PURE__ */jsx(XStack, {
-    children: /* @__PURE__ */jsxs(XGroup, {
+  const [hideText, setHideText] = React.useState(!!(props?.secureTextEntry || inputType === "PASSWORD")),
+    [isValidText, setIsValidText] = React.useState(!0);
+  return useEffect(() => {
+    props.secureTextEntry ? setHideText(!0) : setHideText(!1);
+  }, [props.secureTextEntry]), /* @__PURE__ */jsxs(XStack, {
+    theme: isValidText ? "system" : "red",
+    space: "$1",
+    ...xStackProps,
+    children: [/* @__PURE__ */jsx(Input, {
       ...props,
-      height: size,
-      borderRadius: circular ? 9999999 : props.borderRadius || size,
-      borderWidth,
-      borderColor: "$backgroundFocus",
-      minHeight: height || "$5",
-      width: width || "$20",
-      children: [iconBefore && /* @__PURE__ */jsx(Button, {
-        icon: iconBefore,
-        unstyled: !(iconsAsButton || iconBeforeAsButton),
-        ...iconStyle,
-        justifyContent: "center",
-        alignItems: "center",
-        scaleIcon: iconBeforeScale,
-        width: iconPercentage,
-        height: "100%",
-        padding: 0
-      }), /* @__PURE__ */jsx(Input, {
-        onChangeText: handleValueChange,
-        value: inputValue,
-        ...props,
-        size,
-        onFocus: e => {
-          setBorderWidth(2), props.onFocus?.(e);
-        },
-        onBlur: e => {
-          setBorderWidth(1), props.onBlur?.(e);
-        },
-        height: "100%",
-        placeholder,
-        width: inputPercentage,
-        paddingLeft: inputValuePadding,
-        paddingRight: inputValuePadding,
-        unstyled: !0,
-        borderWidth: 0,
-        paddingHorizontal,
-        secureTextEntry
-      }), !!password && !passwordWithoutIcon && /* @__PURE__ */jsx(Button, {
-        icon: show ? Eye : EyeOff,
-        scaleIcon: iconPasswordScale,
-        height: "100%",
-        ...iconStyle,
-        width: iconPercentage,
-        onPress: e => {
-          setShow(prev => !prev), setBorderWidth(2), props.onPress?.(e);
-        },
-        justifyContent: "center",
-        alignItems: "center",
-        padding: 0
-      }), !!iconAfter && (!password || passwordWithoutIcon) && /* @__PURE__ */jsx(Button, {
-        icon: iconAfter,
-        ...iconStyle,
-        justifyContent: "center",
-        alignItems: "center",
-        scaleIcon: iconBeforeScale,
-        width: iconPercentage,
-        unstyled: !(iconsAsButton || iconAfterAsButton),
-        height: "100%",
-        padding: 0
-      })]
-    })
+      secureTextEntry: hideText,
+      onChangeText: text => {
+        if (inputType === "EMAIL") {
+          if (/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(text)) setIsValidText(!0);else {
+            setIsValidText(!1);
+            return;
+          }
+        } else setIsValidText(!0);
+      }
+    }), inputType === "PASSWORD" && /* @__PURE__ */jsx(Button, {
+      onPress: () => setHideText(!hideText),
+      children: /* @__PURE__ */jsx(Button.Icon, {
+        children: hideText ? /* @__PURE__ */jsx(EyeOff, {}) : /* @__PURE__ */jsx(Eye, {})
+      })
+    })]
   });
 }
 export { SimpleInput };