@multiplatform.one/components 1.0.1 → 1.0.2

package/dist/esm/organize/SimpleCarousel/index.native.js

@@ -1,93 +1,238 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Stack, Text, XStack, YStack } from "tamagui";
 import React, { useEffect, useState, useRef } from "react";
 import { ChevronLeft, ChevronRight } from "@tamagui/lucide-icons";
-function SimpleCarousel({
-  children,
-  speed = 3e3,
-  showCenterIndicator = !0,
-  showSideArrows = !0,
-  defaultSlide,
-  sideArrowStyle,
-  ...props
-}) {
-  const [currentSlide, setCurrentSlide] = useState(0), childrenCount = React.Children.count(children), carouselRef = useRef(null);
-  useEffect(() => {
-    const slideInterval = setInterval(() => {
-      setCurrentSlide((prevSlide) => (prevSlide + 1) % childrenCount);
+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 SimpleCarousel(_param) {
+  var children = _param.children, _param_speed = _param.speed, speed = _param_speed === void 0 ? 3e3 : _param_speed, _param_showCenterIndicator = _param.showCenterIndicator, showCenterIndicator = _param_showCenterIndicator === void 0 ? !0 : _param_showCenterIndicator, _param_showSideArrows = _param.showSideArrows, showSideArrows = _param_showSideArrows === void 0 ? !0 : _param_showSideArrows, defaultSlide = _param.defaultSlide, sideArrowStyle = _param.sideArrowStyle, props = _object_without_properties(_param, [
+    "children",
+    "speed",
+    "showCenterIndicator",
+    "showSideArrows",
+    "defaultSlide",
+    "sideArrowStyle"
+  ]), _carouselRef_current, _useState = _sliced_to_array(useState(0), 2), currentSlide = _useState[0], setCurrentSlide = _useState[1], childrenCount = React.Children.count(children), carouselRef = useRef(null);
+  useEffect(function() {
+    var slideInterval = setInterval(function() {
+      setCurrentSlide(function(prevSlide) {
+        return (prevSlide + 1) % childrenCount;
+      });
     }, speed);
-    return () => {
+    return function() {
       clearInterval(slideInterval);
     };
-  }, [children, speed]), useEffect(() => {
+  }, [
+    children,
+    speed
+  ]), useEffect(function() {
     defaultSlide !== void 0 && defaultSlide <= childrenCount && setCurrentSlide((defaultSlide - 1 + childrenCount) % childrenCount);
-  }, [defaultSlide]);
+  }, [
+    defaultSlide
+  ]);
   function handlePressNext() {
-    setCurrentSlide((prevSlide) => (prevSlide + 1) % childrenCount);
+    setCurrentSlide(function(prevSlide) {
+      return (prevSlide + 1) % childrenCount;
+    });
   }
   function handlePressPrev() {
-    setCurrentSlide((prevSlide) => (prevSlide - 1 + childrenCount) % childrenCount);
+    setCurrentSlide(function(prevSlide) {
+      return (prevSlide - 1 + childrenCount) % childrenCount;
+    });
   }
   function renderSideArrows() {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      YStack,
-      {
-        height: carouselRef.current?.clientHeight,
-        bg: "$backgroundTransparent",
-        position: "absolute",
-        justifyContent: "center",
-        alignItems: "center"
-      },
-      /* @__PURE__ */ React.createElement(Text, { onPress: handlePressPrev, cur: "pointer" }, /* @__PURE__ */ React.createElement(ChevronLeft, { color: "gray", size: "$4", ...sideArrowStyle }))
-    ), /* @__PURE__ */ React.createElement(
-      YStack,
-      {
-        height: carouselRef.current?.clientHeight,
-        bg: "$backgroundTransparent",
-        position: "absolute",
-        justifyContent: "center",
-        alignItems: "center",
-        right: 0
-      },
-      /* @__PURE__ */ React.createElement(Text, { onPress: handlePressNext, cur: "pointer" }, /* @__PURE__ */ React.createElement(ChevronRight, { color: "gray", size: "$4", ...sideArrowStyle }))
-    ));
+    var _carouselRef_current2, _carouselRef_current1;
+    return /* @__PURE__ */ _jsxs(_Fragment, {
+      children: [
+        /* @__PURE__ */ _jsx(YStack, {
+          height: (_carouselRef_current2 = carouselRef.current) === null || _carouselRef_current2 === void 0 ? void 0 : _carouselRef_current2.clientHeight,
+          bg: "$backgroundTransparent",
+          position: "absolute",
+          justifyContent: "center",
+          alignItems: "center",
+          children: /* @__PURE__ */ _jsx(Text, {
+            onPress: handlePressPrev,
+            cur: "pointer",
+            children: /* @__PURE__ */ _jsx(ChevronLeft, _object_spread({
+              color: "gray",
+              size: "$4"
+            }, sideArrowStyle))
+          })
+        }),
+        /* @__PURE__ */ _jsx(YStack, {
+          height: (_carouselRef_current1 = carouselRef.current) === null || _carouselRef_current1 === void 0 ? void 0 : _carouselRef_current1.clientHeight,
+          bg: "$backgroundTransparent",
+          position: "absolute",
+          justifyContent: "center",
+          alignItems: "center",
+          right: 0,
+          children: /* @__PURE__ */ _jsx(Text, {
+            onPress: handlePressNext,
+            cur: "pointer",
+            children: /* @__PURE__ */ _jsx(ChevronRight, _object_spread({
+              color: "gray",
+              size: "$4"
+            }, sideArrowStyle))
+          })
+        })
+      ]
+    });
   }
   function renderCenterIndicator() {
-    return /* @__PURE__ */ React.createElement(
-      YStack,
-      {
-        height: carouselRef.current?.clientHeight,
-        bg: "$backgroundTransparent",
-        position: "absolute",
-        justifyContent: "flex-end",
-        alignItems: "center",
-        left: 0,
-        right: 0
-      },
-      /* @__PURE__ */ React.createElement(XStack, { space: "$2", ai: "center", marginBottom: 20 }, Array.from({ length: childrenCount }).map((_, index) => /* @__PURE__ */ React.createElement(
-        Stack,
-        {
-          height: index === currentSlide ? 4 : 1,
-          bg: "$backgroundHover",
-          width: 30,
-          key: index,
-          cursor: "pointer",
-          marginVertical: "$2",
-          onPress: () => setCurrentSlide(index)
-        }
-      )))
-    );
+    var _carouselRef_current2;
+    return /* @__PURE__ */ _jsx(YStack, {
+      height: (_carouselRef_current2 = carouselRef.current) === null || _carouselRef_current2 === void 0 ? void 0 : _carouselRef_current2.clientHeight,
+      bg: "$backgroundTransparent",
+      position: "absolute",
+      justifyContent: "flex-end",
+      alignItems: "center",
+      left: 0,
+      right: 0,
+      children: /* @__PURE__ */ _jsx(XStack, {
+        gap: "$2",
+        ai: "center",
+        marginBottom: 20,
+        children: Array.from({
+          length: childrenCount
+        }).map(function(_, index) {
+          return /* @__PURE__ */ _jsx(Stack, {
+            height: index === currentSlide ? 4 : 1,
+            bg: "$backgroundHover",
+            width: 30,
+            cursor: "pointer",
+            marginVertical: "$2",
+            onPress: function() {
+              return setCurrentSlide(index);
+            }
+          }, index);
+        })
+      })
+    });
   }
-  return /* @__PURE__ */ React.createElement(YStack, { overflow: "hidden" }, /* @__PURE__ */ React.createElement(
-    XStack,
-    {
-      transform: [{ translateX: -currentSlide * (carouselRef.current?.clientWidth || 1) }],
-      width: "100%",
-      animation: "lazy",
-      ...props,
-      ref: carouselRef
-    },
-    React.Children.map(children, (child, index) => /* @__PURE__ */ React.createElement(YStack, { key: index, "flex-flexGrow": 0, flexShrink: 0, flexBasis: "100%" }, child))
-  ), showCenterIndicator && childrenCount > 1 && renderCenterIndicator(), showSideArrows && childrenCount > 1 && renderSideArrows());
+  return /* @__PURE__ */ _jsxs(YStack, {
+    overflow: "hidden",
+    children: [
+      /* @__PURE__ */ _jsx(XStack, _object_spread_props(_object_spread({
+        transform: [
+          {
+            translateX: -currentSlide * (((_carouselRef_current = carouselRef.current) === null || _carouselRef_current === void 0 ? void 0 : _carouselRef_current.clientWidth) || 1)
+          }
+        ],
+        width: "100%",
+        animation: "lazy"
+      }, props), {
+        ref: carouselRef,
+        children: React.Children.map(children, function(child, index) {
+          return /* @__PURE__ */ _jsx(YStack, {
+            "flex-flexGrow": 0,
+            flexShrink: 0,
+            flexBasis: "100%",
+            children: child
+          }, index);
+        })
+      })),
+      showCenterIndicator && childrenCount > 1 && renderCenterIndicator(),
+      showSideArrows && childrenCount > 1 && renderSideArrows()
+    ]
+  });
 }
 export {
   SimpleCarousel

package/dist/esm/organize/SimpleCarousel/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/organize/SimpleCarousel/index.tsx"],
-  "mappings": "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",
-  "names": []
+  "sources": ["../../../../src/organize/SimpleCarousel/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/organize/SimpleCarousel/index.tsx"],
+  "mappings": "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",
+  "names": ["Stack", "Text", "XStack", "YStack", "React", "useEffect", "useState", "useRef", "ChevronLeft", "ChevronRight", "SimpleCarousel", "children", "speed", "showCenterIndicator", "showSideArrows", "defaultSlide", "sideArrowStyle", "props", "carouselRef", "currentSlide", "setCurrentSlide", "childrenCount", "Children", "count", "slideInterval", "setInterval", "prevSlide", "clearInterval", "undefined", "handlePressNext", "handlePressPrev", "renderSideArrows", "height", "current", "clientHeight", "bg", "position", "justifyContent", "alignItems", "onPress", "cur", "color", "size", "right", "renderCenterIndicator", "left", "gap", "ai", "marginBottom", "Array", "from", "length", "map", "_", "index", "width", "cursor", "marginVertical", "overflow", "transform", "translateX", "clientWidth", "animation", "ref", "child", "flex-flexGrow", "flexShrink", "flexBasis"]
 }

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

@@ -0,0 +1,45 @@
+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 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
+  });
+export { circular, SimpleInput_stories_default as default, iconAfter, iconBefore, password, passwordWithoutIcon };

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

@@ -1,13 +1,53 @@
-import React from "react";
+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 = {
   title: "organize/SimpleInput",
   component: SimpleInput,
-  parameters: { status: { type: "beta" } }
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+}, 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
+  });
 };
-const password = () => /* @__PURE__ */ React.createElement(YStack, { justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React.createElement(SimpleInput, { password: !0, size: "$3", iconAfter: Key, passwordWithoutIcon: !0 })), iconBefore = () => /* @__PURE__ */ React.createElement(SimpleInput, { password: !0, width: 800, height: 50, iconBefore: Key }), iconAfter = () => /* @__PURE__ */ React.createElement(SimpleInput, { width: 250, height: 50, iconAfter: Eye, placeholder: "icon after input box" }), circular = () => /* @__PURE__ */ React.createElement(SimpleInput, { placeholder: "icon after input box", circular: !0, password: !0 }), passwordWithoutIcon = () => /* @__PURE__ */ React.createElement(SimpleInput, { password: !0, passwordWithoutIcon: !0 });
 export {
   circular,
   SimpleInput_stories_default as default,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/organize/SimpleInput/SimpleInput.stories.tsx"],
-  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,KAAK,WAAW;AAEzB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,WAAW,MACtB,oCAAC,UAAO,gBAAe,UAAS,YAAW,YACzC,oCAAC,eAAY,UAAQ,IAAC,MAAK,MAAK,WAAW,KAAK,qBAAmB,IAAC,CACtE,GAGW,aAAa,MAAM,oCAAC,eAAY,UAAQ,IAAC,OAAO,KAAK,QAAQ,IAAI,YAAY,KAAK,GAElF,YAAY,MACvB,oCAAC,eAAY,OAAO,KAAK,QAAQ,IAAI,WAAW,KAAK,aAAY,wBAAuB,GAG7E,WAAW,MAAM,oCAAC,eAAY,aAAY,wBAAuB,UAAQ,IAAC,UAAQ,IAAC,GAEnF,sBAAsB,MAAM,oCAAC,eAAY,UAAQ,IAAC,qBAAmB,IAAC;",
-  "names": []
+  "sources": ["../../../../src/organize/SimpleInput/Users/clayrisser/Projects/.bitspur/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"]
 }

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

@@ -1,6 +1,6 @@
+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,

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": "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",
   "names": []
 }

package/dist/esm/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 };