@multiplatform.one/components 1.0.1 → 1.0.2

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

@@ -1,6 +1,7 @@
+import React, { useEffect } from "react";
 import { Button, Input, XGroup, XStack } from "tamagui";
 import { Eye, EyeOff } from "@tamagui/lucide-icons";
-import React, { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 function SimpleInput({
   value,
   size,
@@ -41,72 +42,88 @@ function SimpleInput({
   function handleValueChange(text) {
     setInputValue(text), onChangeText && onChangeText(text);
   }
-  return <XStack><XGroup
-    {...props}
-    height={size}
-    borderRadius={circular ? 9999999 : props.borderRadius || size}
-    borderWidth={borderWidth}
-    borderColor="$backgroundFocus"
-    minHeight={height || "$5"}
-    width={width || "$20"}
-  >
-    {iconBefore && <Button
-      icon={iconBefore}
-      unstyled={!(iconsAsButton || iconBeforeAsButton)}
-      {...iconStyle}
-      jc="center"
-      ai="center"
-      scaleIcon={iconBeforeScale}
-      width={iconPercentage}
-      height="100%"
-      padding={0}
-    />}
-    <Input
-      onChangeText={handleValueChange}
-      value={inputValue}
-      {...props}
-      size={size}
-      onFocus={(e) => {
-        setBorderWidth(2), props.onFocus?.(e);
-      }}
-      onBlur={(e) => {
-        setBorderWidth(1), props.onBlur?.(e);
-      }}
-      height="100%"
-      placeholder={placeholder}
-      width={inputPercentage}
-      paddingLeft={inputValuePadding}
-      paddingRight={inputValuePadding}
-      unstyled
-      borderWidth={0}
-      paddingHorizontal={paddingHorizontal}
-      secureTextEntry={secureTextEntry}
-    />
-    {!!password && !passwordWithoutIcon && <Button
-      icon={show ? Eye : EyeOff}
-      scaleIcon={iconPasswordScale}
-      height="100%"
-      {...iconStyle}
-      width={iconPercentage}
-      onPress={(e) => {
-        setShow((prev) => !prev), setBorderWidth(2), props.onPress?.(e);
-      }}
-      jc="center"
-      ai="center"
-      padding={0}
-    />}
-    {!!iconAfter && (!password || passwordWithoutIcon) && <Button
-      icon={iconAfter}
-      {...iconStyle}
-      jc="center"
-      ai="center"
-      scaleIcon={iconBeforeScale}
-      width={iconPercentage}
-      unstyled={!(iconsAsButton || iconAfterAsButton)}
-      height="100%"
-      padding={0}
-    />}
-  </XGroup></XStack>;
+  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,
+            jc: "center",
+            ai: "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);
+            },
+            jc: "center",
+            ai: "center",
+            padding: 0
+          }
+        ),
+        !!iconAfter && (!password || passwordWithoutIcon) && /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: iconAfter,
+            ...iconStyle,
+            jc: "center",
+            ai: "center",
+            scaleIcon: iconBeforeScale,
+            width: iconPercentage,
+            unstyled: !(iconsAsButton || iconAfterAsButton),
+            height: "100%",
+            padding: 0
+          }
+        )
+      ]
+    }
+  ) });
 }
 export {
   SimpleInput

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/organize/SimpleInput/index.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,117 @@
+import React, { useEffect } from "react";
+import { Button, Input, XGroup, 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,
+        jc: "center",
+        ai: "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);
+        },
+        jc: "center",
+        ai: "center",
+        padding: 0
+      }), !!iconAfter && (!password || passwordWithoutIcon) && /* @__PURE__ */jsx(Button, {
+        icon: iconAfter,
+        ...iconStyle,
+        jc: "center",
+        ai: "center",
+        scaleIcon: iconBeforeScale,
+        width: iconPercentage,
+        unstyled: !(iconsAsButton || iconAfterAsButton),
+        height: "100%",
+        padding: 0
+      })]
+    })
+  });
+}
+export { SimpleInput };

package/dist/jsx/organize/SimpleInput/index.native.js

@@ -1,32 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect } from "react";
 import { Button, Input, XGroup, XStack } from "tamagui";
 import { Eye, EyeOff } from "@tamagui/lucide-icons";
-import React, { useEffect } from "react";
-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(() => {
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+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 _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
+function SimpleInput(_param) {
+  var value = _param.value, size = _param.size, password = _param.password, iconBefore = _param.iconBefore, iconAfter = _param.iconAfter, height = _param.height, width = _param.width, iconStyle = _param.iconStyle, circular = _param.circular, placeholder = _param.placeholder, iconAfterScale = _param.iconAfterScale, iconBeforeScale = _param.iconBeforeScale, iconPasswordScale = _param.iconPasswordScale, iconAfterAsButton = _param.iconAfterAsButton, iconBeforeAsButton = _param.iconBeforeAsButton, iconsAsButton = _param.iconsAsButton, passwordWithoutIcon = _param.passwordWithoutIcon, paddingHorizontal = _param.paddingHorizontal, onChangeText = _param.onChangeText, props = _object_without_properties(_param, [
+    "value",
+    "size",
+    "password",
+    "iconBefore",
+    "iconAfter",
+    "height",
+    "width",
+    "iconStyle",
+    "circular",
+    "placeholder",
+    "iconAfterScale",
+    "iconBeforeScale",
+    "iconPasswordScale",
+    "iconAfterAsButton",
+    "iconBeforeAsButton",
+    "iconsAsButton",
+    "passwordWithoutIcon",
+    "paddingHorizontal",
+    "onChangeText"
+  ]), _React_useState = _sliced_to_array(React.useState(!1), 2), show = _React_useState[0], setShow = _React_useState[1], _React_useState1 = _sliced_to_array(React.useState(value ?? ""), 2), inputValue = _React_useState1[0], setInputValue = _React_useState1[1], _React_useState2 = _sliced_to_array(React.useState(1), 2), borderWidth = _React_useState2[0], setBorderWidth = _React_useState2[1], _React_useState3 = _sliced_to_array(React.useState(password), 2), secureTextEntry = _React_useState3[0], setSecureTextEntry = _React_useState3[1], 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(function() {
     inputValue && onChangeText && onChangeText(inputValue);
-  }, [inputValue]), useEffect(() => {
+  }, [
+    inputValue
+  ]), useEffect(function() {
     if (password) {
       if (show) {
         setSecureTextEntry(!1);
@@ -37,79 +139,87 @@ function SimpleInput({
         return;
       }
     }
-  }, [password, show]);
+  }, [
+    password,
+    show
+  ]);
   function handleValueChange(text) {
     setInputValue(text), onChangeText && onChangeText(text);
   }
-  return <XStack><XGroup
-    {...props}
-    height={size}
-    borderRadius={circular ? 9999999 : props.borderRadius || size}
-    borderWidth={borderWidth}
-    borderColor="$backgroundFocus"
-    minHeight={height || "$5"}
-    width={width || "$20"}
-  >
-    {iconBefore && <Button
-      icon={iconBefore}
-      unstyled={!(iconsAsButton || iconBeforeAsButton)}
-      {...iconStyle}
-      jc="center"
-      ai="center"
-      scaleIcon={iconBeforeScale}
-      width={iconPercentage}
-      height="100%"
-      padding={0}
-    />}
-    <Input
-      onChangeText={handleValueChange}
-      value={inputValue}
-      {...props}
-      size={size}
-      onFocus={(e) => {
-        var _a;
-        setBorderWidth(2), (_a = props.onFocus) == null || _a.call(props, e);
-      }}
-      onBlur={(e) => {
-        var _a;
-        setBorderWidth(1), (_a = props.onBlur) == null || _a.call(props, e);
-      }}
-      height="100%"
-      placeholder={placeholder}
-      width={inputPercentage}
-      paddingLeft={inputValuePadding}
-      paddingRight={inputValuePadding}
-      unstyled
-      borderWidth={0}
-      paddingHorizontal={paddingHorizontal}
-      secureTextEntry={secureTextEntry}
-    />
-    {!!password && !passwordWithoutIcon && <Button
-      icon={show ? Eye : EyeOff}
-      scaleIcon={iconPasswordScale}
-      height="100%"
-      {...iconStyle}
-      width={iconPercentage}
-      onPress={(e) => {
-        var _a;
-        setShow((prev) => !prev), setBorderWidth(2), (_a = props.onPress) == null || _a.call(props, e);
-      }}
-      jc="center"
-      ai="center"
-      padding={0}
-    />}
-    {!!iconAfter && (!password || passwordWithoutIcon) && <Button
-      icon={iconAfter}
-      {...iconStyle}
-      jc="center"
-      ai="center"
-      scaleIcon={iconBeforeScale}
-      width={iconPercentage}
-      unstyled={!(iconsAsButton || iconAfterAsButton)}
-      height="100%"
-      padding={0}
-    />}
-  </XGroup></XStack>;
+  return /* @__PURE__ */ _jsx(XStack, {
+    children: /* @__PURE__ */ _jsxs(XGroup, _object_spread_props(_object_spread({}, props), {
+      height: size,
+      // @ts-ignore
+      borderRadius: circular ? 9999999 : props.borderRadius || size,
+      borderWidth,
+      borderColor: "$backgroundFocus",
+      minHeight: height || "$5",
+      width: width || "$20",
+      children: [
+        iconBefore && /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
+          icon: iconBefore,
+          unstyled: !(iconsAsButton || iconBeforeAsButton)
+        }, iconStyle), {
+          jc: "center",
+          ai: "center",
+          scaleIcon: iconBeforeScale,
+          width: iconPercentage,
+          height: "100%",
+          padding: 0
+        })),
+        /* @__PURE__ */ _jsx(Input, _object_spread_props(_object_spread({
+          onChangeText: handleValueChange,
+          value: inputValue
+        }, props), {
+          size,
+          onFocus: function(e) {
+            var _props_onFocus;
+            setBorderWidth(2), (_props_onFocus = props.onFocus) === null || _props_onFocus === void 0 || _props_onFocus.call(props, e);
+          },
+          onBlur: function(e) {
+            var _props_onBlur;
+            setBorderWidth(1), (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 || _props_onBlur.call(props, e);
+          },
+          height: "100%",
+          placeholder,
+          width: inputPercentage,
+          paddingLeft: inputValuePadding,
+          paddingRight: inputValuePadding,
+          unstyled: !0,
+          borderWidth: 0,
+          paddingHorizontal,
+          secureTextEntry
+        })),
+        !!password && !passwordWithoutIcon && /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
+          icon: show ? Eye : EyeOff,
+          scaleIcon: iconPasswordScale,
+          height: "100%"
+        }, iconStyle), {
+          width: iconPercentage,
+          onPress: function(e) {
+            var _props_onPress;
+            setShow(function(prev) {
+              return !prev;
+            }), setBorderWidth(2), (_props_onPress = props.onPress) === null || _props_onPress === void 0 || _props_onPress.call(props, e);
+          },
+          jc: "center",
+          ai: "center",
+          padding: 0
+        })),
+        !!iconAfter && (!password || passwordWithoutIcon) && /* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
+          icon: iconAfter
+        }, iconStyle), {
+          jc: "center",
+          ai: "center",
+          scaleIcon: iconBeforeScale,
+          width: iconPercentage,
+          unstyled: !(iconsAsButton || iconAfterAsButton),
+          height: "100%",
+          padding: 0
+        }))
+      ]
+    }))
+  });
 }
 export {
   SimpleInput

package/dist/jsx/organize/SimpleInput/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/organize/SimpleInput/index.tsx"],
-  "mappings": "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",
-  "names": []
+  "sources": ["../../../../src/organize/SimpleInput/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/organize/SimpleInput/index.tsx"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "Button", "Input", "XGroup", "XStack", "Eye", "EyeOff", "SimpleInput", "value", "size", "password", "iconBefore", "iconAfter", "height", "width", "iconStyle", "circular", "placeholder", "iconAfterScale", "iconBeforeScale", "iconPasswordScale", "iconAfterAsButton", "iconBeforeAsButton", "iconsAsButton", "passwordWithoutIcon", "paddingHorizontal", "onChangeText", "props", "useState", "show", "setShow", "inputValue", "setInputValue", "borderWidth", "setBorderWidth", "secureTextEntry", "setSecureTextEntry", "totalIcons", "inputValuePadding", "iconPercentage", "undefined", "inputPercentage", "handleValueChange", "text", "borderRadius", "borderColor", "minHeight", "icon", "unstyled", "jc", "ai", "scaleIcon", "padding", "onFocus", "e", "onBlur", "paddingLeft", "paddingRight", "onPress", "prev"]
 }