@neko-os/ui 0.2.3 → 0.4.0

package/dist/components/inputs/DateRangeInput.js

@@ -0,0 +1,41 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/DateRangeInput.js";var _excluded = ["value", "onChange", "startProps", "endProps", "placeholderStart", "placeholderEnd", "separator"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { DateInput } from "./DateInput";
+import { Text } from "../text/Text";
+import { View } from "../structure/View";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+export function DateRangeInput(_ref)
+
+
+
+
+
+
+
+
+{var value = _ref.value,onChange = _ref.onChange,startProps = _ref.startProps,endProps = _ref.endProps,_ref$placeholderStart = _ref.placeholderStart,placeholderStart = _ref$placeholderStart === void 0 ? 'Start' : _ref$placeholderStart,_ref$placeholderEnd = _ref.placeholderEnd,placeholderEnd = _ref$placeholderEnd === void 0 ? 'End' : _ref$placeholderEnd,_ref$separator = _ref.separator,separator = _ref$separator === void 0 ? '–' : _ref$separator,props = _objectWithoutProperties(_ref, _excluded);
+  var handleChangeStart = function handleChangeStart(start) {return onChange == null ? void 0 : onChange(Object.assign({}, value, { start: start }));};
+  var handleChangeEnd = function handleChangeEnd(end) {return onChange == null ? void 0 : onChange(Object.assign({}, value, { end: end }));};
+
+  return (
+    _jsxs(View, { row: true, centerV: true, gap: "sm", children: [
+      _jsx(DateInput, Object.assign({
+        placeholder: placeholderStart,
+        value: value == null ? void 0 : value.start,
+        onChange: handleChangeStart,
+        max: value == null ? void 0 : value.end,
+        flex: true },
+      props,
+      startProps)
+      ),
+      _jsx(Text, { text4: true, children: separator }),
+      _jsx(DateInput, Object.assign({
+        placeholder: placeholderEnd,
+        value: value == null ? void 0 : value.end,
+        onChange: handleChangeEnd,
+        min: value == null ? void 0 : value.start,
+        flex: true },
+      props,
+      endProps)
+      )] }
+    ));
+
+}

package/dist/components/inputs/Editable.js

@@ -0,0 +1,129 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/Editable.js";var _excluded = ["Input", "renderInput", "onChange", "onClose", "onSubmit", "submitOnChange", "submitWhenHasNoValue", "disableCloseOnBlur", "alwaysEditing"],_excluded2 = ["value", "defaultValue"],_excluded3 = ["children", "hidden", "disabled", "visibleIcon", "emptyLabel", "emptyIcon", "loading"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {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 _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { isEmpty } from 'ramda';
+import React from 'react';
+
+import { Icon } from "../presentation/Icon";
+import { IconLabel } from "../presentation/IconLabel";
+import { Loading } from "../state/Loading";
+import { Text } from "../text/Text";
+import { TextInput } from "./TextInput";
+import { View } from "../structure/View";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+function getInputValue(e) {var _e$target;
+  return (e == null ? void 0 : (_e$target = e.target) == null ? void 0 : _e$target.value) !== undefined ? e.target.value : e;
+}
+
+function hasValue(v) {
+  return v !== undefined && v !== null && !isEmpty(v);
+}
+
+function EditableInput(_ref)
+
+
+
+
+
+
+
+
+
+
+{var Input = _ref.Input,renderInput = _ref.renderInput,onChange = _ref.onChange,onClose = _ref.onClose,onSubmit = _ref.onSubmit,submitOnChange = _ref.submitOnChange,submitWhenHasNoValue = _ref.submitWhenHasNoValue,disableCloseOnBlur = _ref.disableCloseOnBlur,alwaysEditing = _ref.alwaysEditing,props = _objectWithoutProperties(_ref, _excluded);
+  var initialValue = props.value || props.defaultValue;
+  var _React$useState = React.useState(initialValue),_React$useState2 = _slicedToArray(_React$useState, 2),value = _React$useState2[0],setValue = _React$useState2[1];
+  Input = Input || TextInput;
+
+  var submit = function submit(val) {
+    var inputHasValue = hasValue(val);
+    var shouldSubmit = submitWhenHasNoValue || inputHasValue;
+    var hasChangedTheValue = val !== initialValue;
+    if (shouldSubmit && hasChangedTheValue) {
+      onSubmit && onSubmit(val);
+    }
+    onClose();
+  };
+
+  var handleSubmit = function handleSubmit(e) {return submit(getInputValue(e));};
+
+  var handleChange = function handleChange(e) {
+    var inputValue = getInputValue(e);
+    setValue(inputValue);
+    onChange && onChange(inputValue);
+    if (submitOnChange) submit(inputValue);
+  };
+
+  var _ = props.value,__ = props.defaultValue,inputProps = _objectWithoutProperties(props, _excluded2);
+
+  if (!!renderInput) {
+    return renderInput(Object.assign({ handleSubmit: handleSubmit, handleChange: handleChange, value: value }, inputProps));
+  }
+
+  return (
+    _jsx(Input, Object.assign({
+      startsOpen: true,
+      sm: true,
+      value: value,
+      onChange: handleChange,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter' && !e.shiftKey) {
+          e.preventDefault();
+          handleSubmit(e);
+        }
+      },
+      onBlur: !disableCloseOnBlur && !alwaysEditing ? function () {return submit(value);} : undefined,
+      onOpenChange: function onOpenChange(open) {return !open && !alwaysEditing && submit(value);},
+      onOk: function onOk() {return submit(value);} },
+    inputProps)
+    ));
+
+}
+
+export function Editable(_ref2) {var children = _ref2.children,hidden = _ref2.hidden,disabled = _ref2.disabled,visibleIcon = _ref2.visibleIcon,emptyLabel = _ref2.emptyLabel,emptyIcon = _ref2.emptyIcon,loading = _ref2.loading,props = _objectWithoutProperties(_ref2, _excluded3);
+  var _React$useState3 = React.useState(false),_React$useState4 = _slicedToArray(_React$useState3, 2),isEditing = _React$useState4[0],setIsEditing = _React$useState4[1];
+  var _React$useState5 = React.useState(false),_React$useState6 = _slicedToArray(_React$useState5, 2),hovered = _React$useState6[0],setHovered = _React$useState6[1];
+
+  if (!!props.alwaysEditing || isEditing) {
+    return (
+      _jsx(EditableInput, Object.assign({
+        disabled: disabled,
+        autoFocus: !props.alwaysEditing,
+        onClose: function onClose() {return setIsEditing(false);} },
+      props)
+      ));
+
+  }
+
+  if (disabled) return children;
+  if (loading) return _jsx(Loading, {});
+
+  var hasAnyValue = hasValue(props.value || props.defaultValue);
+  var showEmptyLabel = emptyLabel && !hasAnyValue;
+
+  return (
+    _jsxs(View, {
+      row: true,
+      centerV: true,
+      gap: !hidden ? 1 : 0,
+      pointer: true,
+      border: !hidden ? 1 : 0,
+      borderStyle: "dashed",
+      borderColor: hovered && !hidden ? 'divider' : 'transparent',
+      br: !hidden ? 'xxs' : undefined,
+      onClick: function onClick() {
+        setIsEditing(true);
+        setHovered(false);
+      },
+      onMouseEnter: function onMouseEnter() {return setHovered(true);},
+      onMouseLeave: function onMouseLeave() {return setHovered(false);}, children: [
+
+      _jsxs(View, { flex: true, minHeight: 17, maxWidth: "100%", children: [
+        hovered && !hasAnyValue && props.placeholder && _jsx(Text, { color: "text4", children: props.placeholder }),
+        showEmptyLabel ? _jsx(IconLabel, { icon: emptyIcon, label: emptyLabel, color: "text4" }) : children] }
+      ),
+      !hidden && (visibleIcon || hovered) &&
+      _jsx(View, { children:
+        _jsx(Icon, { name: "RiEditLine", text4: true }) }
+      )] }
+
+    ));
+
+}

package/dist/components/inputs/EnabledSelect.js

@@ -0,0 +1,14 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/EnabledSelect.js";var _excluded = ["enabledLabel", "disabledLabel", "placeholder"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { Select } from "./Select";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function EnabledSelect(_ref) {var _ref$enabledLabel = _ref.enabledLabel,enabledLabel = _ref$enabledLabel === void 0 ? 'Enabled' : _ref$enabledLabel,_ref$disabledLabel = _ref.disabledLabel,disabledLabel = _ref$disabledLabel === void 0 ? 'Disabled' : _ref$disabledLabel,placeholder = _ref.placeholder,props = _objectWithoutProperties(_ref, _excluded);
+  return (
+    _jsx(Select, Object.assign({
+      placeholder: placeholder,
+      options: [
+      { label: enabledLabel, value: false },
+      { label: disabledLabel, value: true }] },
+
+    props)
+    ));
+
+}

package/dist/components/inputs/InputWrapper.js

@@ -1 +1,93 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/InputWrapper.js";var _excluded=["prefix","suffix","prefixIcon","prefixIconColor","suffixIcon","suffixIconColor","loading","error","children","ref"];import{pipe,is}from'ramda';import React from'react';import{Icon}from"../presentation/Icon";import{Loading}from"../state/Loading";import{Text}from"../text/Text";import{View}from"../structure/View";import{useDefaultModifier}from"../../modifiers/default";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";var DEFAULT_PROPS={paddingH:'sm',bg:'overlayBG',border:true,br:'md',row:true,gap:'sm'};export function InputWrapper(_ref){var prefix=_ref.prefix,suffix=_ref.suffix,prefixIcon=_ref.prefixIcon,prefixIconColor=_ref.prefixIconColor,suffixIcon=_ref.suffixIcon,suffixIconColor=_ref.suffixIconColor,loading=_ref.loading,error=_ref.error,children=_ref.children,ref=_ref.ref,rootProps=_objectWithoutProperties(_ref,_excluded);var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),hover=_React$useState2[0],setHover=_React$useState2[1];var fallbackInputRef=React.useRef();var inputRef=ref||fallbackInputRef;var _pipe=pipe(useSizeConverter('elementHeights','md'),useThemeComponentModifier('InputWrapper'),useDefaultModifier(DEFAULT_PROPS))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],size=_pipe2$.size,sizeCode=_pipe2$.sizeCode,props=_pipe2[1];var handlePress=function handlePress(){var _inputRef$current;inputRef==null?void 0:(_inputRef$current=inputRef.current)==null?void 0:_inputRef$current.focus==null?void 0:_inputRef$current.focus();};if(!!prefix&&is(String,prefix))prefix=_jsx(Text,{children:prefix});if(!!suffix&&is(String,suffix))suffix=_jsx(Text,{children:suffix});if(!prefix&&!!prefixIcon)prefix=_jsx(Icon,{name:prefixIcon,size:sizeCode,color:prefixIconColor});if(!suffix&&!!suffixIcon)suffix=_jsx(Icon,{name:suffixIcon,size:sizeCode,color:suffixIconColor});if(!prefix&&!!error)suffix=_jsx(Icon,{name:"alert-fill",size:sizeCode,red:true});if(!!loading)suffix=_jsx(Loading,{size:sizeCode});var borderColor=!!hover?'primary_op40':'divider';if(!!error)borderColor='red_op40';var child=React.Children.only(children);var childWithProps=React.cloneElement(child,Object.assign({},child.props,{ref:inputRef}));return _jsxs(View,Object.assign({className:"neko-input-wrapper",height:size,onPress:handlePress,borderColor:borderColor,onMouseEnter:function onMouseEnter(){return setHover(true);},onMouseLeave:function onMouseLeave(){return setHover(false);}},props,{children:[!!prefix&&_jsx(View,{paddingV:5,fullHeight:true,center:true,children:prefix}),_jsx(View,{flex:true,fullH:true,children:childWithProps}),!!suffix&&_jsx(View,{paddingV:5,fullHeight:true,center:true,children:suffix})]}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/InputWrapper.js";var _excluded = ["prefix", "suffix", "prefixIcon", "prefixIconColor", "suffixIcon", "suffixIconColor", "loading", "error", "multiline", "children", "ref"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {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 _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { pipe, is } from 'ramda';
+import React from 'react';
+
+import { Icon } from "../presentation/Icon";
+import { Loading } from "../state/Loading";
+import { Text } from "../text/Text";
+import { View } from "../structure/View";
+import { useDefaultModifier } from "../../modifiers/default";
+import { useSizeConverter } from "../../modifiers/sizeConverter";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var DEFAULT_PROPS = {
+  paddingH: 'sm',
+  bg: 'overlayBG',
+  border: true,
+  br: 'md',
+  row: true,
+  gap: 'sm'
+};
+
+export function InputWrapper(_ref)
+
+
+
+
+
+
+
+
+
+
+
+
+{var prefix = _ref.prefix,suffix = _ref.suffix,prefixIcon = _ref.prefixIcon,prefixIconColor = _ref.prefixIconColor,suffixIcon = _ref.suffixIcon,suffixIconColor = _ref.suffixIconColor,loading = _ref.loading,error = _ref.error,multiline = _ref.multiline,children = _ref.children,ref = _ref.ref,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(false),_React$useState2 = _slicedToArray(_React$useState, 2),hover = _React$useState2[0],setHover = _React$useState2[1];
+  var fallbackInputRef = React.useRef();
+  var inputRef = ref || fallbackInputRef;
+  var _pipe = pipe(
+      useSizeConverter('elementHeights', 'md'),
+      useThemeComponentModifier('InputWrapper'),
+      useDefaultModifier(DEFAULT_PROPS)
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_pipe2$ = _pipe2[0],size = _pipe2$.size,sizeCode = _pipe2$.sizeCode,props = _pipe2[1];
+
+  var handlePress = function handlePress() {var _inputRef$current;
+    inputRef == null ? void 0 : (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus == null ? void 0 : _inputRef$current.focus();
+  };
+
+  if (!!prefix && is(String, prefix)) prefix = _jsx(Text, { children: prefix });
+  if (!!suffix && is(String, suffix)) suffix = _jsx(Text, { children: suffix });
+  if (!prefix && !!prefixIcon) prefix = _jsx(Icon, { name: prefixIcon, size: sizeCode, color: prefixIconColor });
+  if (!suffix && !!suffixIcon) suffix = _jsx(Icon, { name: suffixIcon, size: sizeCode, color: suffixIconColor });
+  if (!prefix && !!error) suffix = _jsx(Icon, { name: "alert-fill", size: sizeCode, red: true });
+  if (!!loading) suffix = _jsx(Loading, { size: sizeCode });
+
+  var borderColor = !!hover ? 'primary_op40' : 'divider';
+  if (!!error) borderColor = 'red_op40';
+
+  var child = React.Children.only(children);
+  var childWithProps = React.cloneElement(child, Object.assign({},
+  child.props, {
+    ref: inputRef })
+  );
+
+  return (
+    _jsxs(View, Object.assign({
+      className: "neko-input-wrapper",
+      height: multiline ? undefined : size,
+      minHeight: multiline ? size : undefined,
+      paddingV: multiline ? 'sm' : undefined,
+      onPress: handlePress,
+      borderColor: borderColor,
+      onMouseEnter: function onMouseEnter() {return setHover(true);},
+      onMouseLeave: function onMouseLeave() {return setHover(false);} },
+    props, { children: [
+
+      !!prefix &&
+      _jsx(View, { paddingV: 5, fullHeight: !multiline, center: !multiline, children:
+        prefix }
+      ),
+
+
+      _jsx(View, { flex: true, fullH: !multiline, children:
+        childWithProps }
+      ),
+
+      !!suffix &&
+      _jsx(View, { paddingV: 5, fullHeight: !multiline, center: !multiline, children:
+        suffix }
+      )] })
+
+    ));
+
+}

package/dist/components/inputs/LinkInput.js

@@ -1 +1,17 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/LinkInput.js";var _excluded=["ref","onPress","onClick","placeholder","value","disabled"];import{InputWrapper}from"./InputWrapper";import{Link}from"../actions/Link";import{Text}from"../text/Text";import{View}from"../structure/View";import{useColors}from"../../theme/ThemeHandler";import{jsx as _jsx}from"react/jsx-runtime";export function LinkInput(_ref){var ref=_ref.ref,onPress=_ref.onPress,onClick=_ref.onClick,placeholder=_ref.placeholder,value=_ref.value,disabled=_ref.disabled,props=_objectWithoutProperties(_ref,_excluded);return _jsx(Link,{ref:ref,onPress:!props.loading?onPress||onClick:undefined,flex:true,fullW:true,centerV:true,disabled:disabled,children:_jsx(InputWrapper,Object.assign({},props,{children:_jsx(View,{centerV:true,flex:true,fullW:true,children:_jsx(Text,{color:!!value?'text':'text_op30',label:value||placeholder,numberOfLines:1})})}))});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/LinkInput.js";var _excluded = ["ref", "onPress", "onClick", "placeholder", "value", "disabled"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { InputWrapper } from "./InputWrapper";
+import { Link } from "../actions/Link";
+import { Text } from "../text/Text";
+import { View } from "../structure/View";
+import { useColors } from "../../theme/ThemeHandler";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function LinkInput(_ref) {var ref = _ref.ref,onPress = _ref.onPress,onClick = _ref.onClick,placeholder = _ref.placeholder,value = _ref.value,disabled = _ref.disabled,props = _objectWithoutProperties(_ref, _excluded);
+  return (
+    _jsx(Link, { ref: ref, onPress: !props.loading ? onPress || onClick : undefined, fullW: true, centerV: true, disabled: disabled, children:
+      _jsx(InputWrapper, Object.assign({}, props, { children:
+        _jsx(View, { centerV: true, flex: true, fullW: true, children:
+          _jsx(Text, { color: !!value ? 'text' : 'text_op30', label: value || placeholder, numberOfLines: 1 }) }
+        ) })
+      ) }
+    ));
+
+}

package/dist/components/inputs/MaskInput.js

@@ -1 +1,67 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/MaskInput.js";var _excluded=["value","onChange","mask","useRawValue"];import React from'react';import{TextInput}from"./TextInput";import{jsx as _jsx}from"react/jsx-runtime";function removeMask(value){var mask=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'';var result='';for(var i=0;i<mask.length;i++){var maskChar=mask[i];var valueChar=value[i];if(!valueChar)break;if(maskChar==='A'&&/[A-Za-z]/.test(valueChar)){result+=valueChar;}else if(maskChar==='9'&&/\d/.test(valueChar)){result+=valueChar;}}return result;}function applyMask(value,mask){var clean=value.replace(/[^0-9A-Za-z]/g,'');var result='';var index=0;for(var i=0;i<mask.length;i++){if(index>=clean.length)break;var char=mask[i];if(char==='9'&&/[0-9]/.test(clean[index])){result+=clean[index];index++;}else if(char==='A'&&/[A-Za-z]/.test(clean[index])){result+=clean[index].toUpperCase();index++;}else if(char==='9'||char==='A'){index++;i--;}else{result+=char;}}return result;}export function MaskInput(_ref){var _ref$value=_ref.value,value=_ref$value===void 0?'':_ref$value,onChange=_ref.onChange,_ref$mask=_ref.mask,mask=_ref$mask===void 0?'':_ref$mask,useRawValue=_ref.useRawValue,props=_objectWithoutProperties(_ref,_excluded);var _React$useState=React.useState(applyMask(value,mask)),_React$useState2=_slicedToArray(_React$useState,2),localValue=_React$useState2[0],setLocalValue=_React$useState2[1];var handleChange=React.useCallback(function(text){var masked=applyMask(text,mask);onChange==null?void 0:onChange(useRawValue?removeMask(masked,mask):masked);setLocalValue(masked);},[mask,onChange]);React.useEffect(function(){setLocalValue(applyMask(value,mask));},[value]);return _jsx(TextInput,Object.assign({value:localValue,onChange:handleChange},props));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/MaskInput.js";var _excluded = ["value", "onChange", "mask", "useRawValue"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {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 _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import React from 'react';
+
+import { TextInput } from "./TextInput";import { jsx as _jsx } from "react/jsx-runtime";
+
+function removeMask(value) {var mask = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var result = '';
+
+  for (var i = 0; i < mask.length; i++) {
+    var maskChar = mask[i];
+    var valueChar = value[i];
+
+    if (!valueChar) break;
+
+    if (maskChar === 'A' && /[A-Za-z]/.test(valueChar)) {
+      result += valueChar;
+    } else if (maskChar === '9' && /\d/.test(valueChar)) {
+      result += valueChar;
+    }
+  }
+
+  return result;
+}
+
+function applyMask(value, mask) {
+  var clean = value.replace(/[^0-9A-Za-z]/g, '');
+  var result = '';
+  var index = 0;
+
+  for (var i = 0; i < mask.length; i++) {
+    if (index >= clean.length) break;
+    var char = mask[i];
+
+    if (char === '9' && /[0-9]/.test(clean[index])) {
+      result += clean[index];
+      index++;
+    } else if (char === 'A' && /[A-Za-z]/.test(clean[index])) {
+      result += clean[index].toUpperCase();
+      index++;
+    } else if (char === '9' || char === 'A') {
+      index++;
+      i--;
+    } else {
+      result += char;
+    }
+  }
+
+  return result;
+}
+
+export function MaskInput(_ref) {var _ref$value = _ref.value,value = _ref$value === void 0 ? '' : _ref$value,onChange = _ref.onChange,_ref$mask = _ref.mask,mask = _ref$mask === void 0 ? '' : _ref$mask,useRawValue = _ref.useRawValue,props = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(applyMask(value, mask)),_React$useState2 = _slicedToArray(_React$useState, 2),localValue = _React$useState2[0],setLocalValue = _React$useState2[1];
+
+  var handleChange = React.useCallback(
+    function (text) {
+      var masked = applyMask(text, mask);
+      onChange == null ? void 0 : onChange(useRawValue ? removeMask(masked, mask) : masked);
+      setLocalValue(masked);
+    },
+    [mask, onChange]
+  );
+
+  React.useEffect(function () {
+    setLocalValue(applyMask(value, mask));
+  }, [value]);
+
+  return _jsx(TextInput, Object.assign({ value: localValue, onChange: handleChange }, props));
+}

package/dist/components/inputs/NumberInput.js

@@ -1 +1,111 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/NumberInput.js";var _excluded=["onChange","onBlur","value","useInt","precision","min","max","error"];import{endsWith,is}from'ramda';import React from'react';import{TextInput}from"./TextInput";import{jsx as _jsx}from"react/jsx-runtime";function isValidNumber(stringValue){var _stringValue$toString;var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var _options$min=options.min,min=_options$min===void 0?Number.MIN_SAFE_INTEGER:_options$min,_options$max=options.max,max=_options$max===void 0?Number.MAX_SAFE_INTEGER:_options$max,useInt=options.useInt,precision=options.precision;if(stringValue===null||stringValue===undefined||stringValue==='')return true;if(isNaN(stringValue))return false;var numericValue=parseFloat(stringValue);if(numericValue<min)return false;if(numericValue>max)return false;var decimalPart=stringValue==null?void 0:(_stringValue$toString=stringValue.toString())==null?void 0:_stringValue$toString.split==null?void 0:_stringValue$toString.split('.')[1];if(decimalPart&&is(Number,precision)){if(decimalPart.length>precision)return false;}return true;}export function formatNumericValue(newValue,prevValue){var options=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};var _options$min2=options.min,min=_options$min2===void 0?Number.MIN_SAFE_INTEGER:_options$min2,_options$max2=options.max,max=_options$max2===void 0?Number.MAX_SAFE_INTEGER:_options$max2,useInt=options.useInt,precision=options.precision;var numericValue=newValue;if(is(Number,newValue))newValue=newValue.toString();if(newValue===null||newValue===undefined||newValue==='')return null;if(is(String,newValue))newValue=newValue.replace(',','.');if(newValue==='-')return newValue;if(useInt){if(newValue.includes('.'))return prevValue;numericValue=parseInt(newValue,10);}else{var dotsCount=newValue.split('.').length;if(dotsCount>2)return prevValue;if(endsWith('.',newValue))return newValue;numericValue=parseFloat(newValue);}if(isNaN(numericValue))return prevValue;if(numericValue<min)return min;if(numericValue>max)return max;var decimalPart=newValue.split('.')[1];if(decimalPart&&!!precision){if(decimalPart.length>precision)return prevValue;return newValue;}return numericValue;}export function NumberInput(_ref){var _onChange=_ref.onChange,_onBlur=_ref.onBlur,value=_ref.value,useInt=_ref.useInt,precision=_ref.precision,min=_ref.min,max=_ref.max,error=_ref.error,props=_objectWithoutProperties(_ref,_excluded);var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),hasError=_React$useState2[0],setHasError=_React$useState2[1];var _React$useState3=React.useState(value),_React$useState4=_slicedToArray(_React$useState3,2),inputValue=_React$useState4[0],setInputValue=_React$useState4[1];var _React$useState5=React.useState(value),_React$useState6=_slicedToArray(_React$useState5,2),localValue=_React$useState6[0],setLocalValue=_React$useState6[1];React.useEffect(function(){return setInputValue((value==null?void 0:value.toString())||'');},[value]);if(useInt)precision=0;if(!useInt&&precision===0)useInt=true;var opts={useInt:useInt,precision:precision,min:min,max:max};return _jsx(TextInput,Object.assign({},props,{onChange:function onChange(newValue){var numericValue=formatNumericValue(newValue,localValue,opts);setInputValue((newValue==null?void 0:newValue.toString())||'');setLocalValue(numericValue);_onChange==null?void 0:_onChange(numericValue);setHasError(!isValidNumber(newValue,opts));},onBlur:function onBlur(e){setInputValue((localValue==null?void 0:localValue.toString())||'');setHasError(!isValidNumber(localValue,opts));_onBlur==null?void 0:_onBlur(e);},value:inputValue,keyboardType:useInt?'number-pad':'decimal-pad',error:error||hasError}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/NumberInput.js";var _excluded = ["onChange", "onBlur", "value", "defaultValue", "useInt", "precision", "min", "max", "error"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {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 _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { endsWith, is } from 'ramda';
+import React from 'react';
+
+import { TextInput } from "./TextInput";import { jsx as _jsx } from "react/jsx-runtime";
+
+function isValidNumber(stringValue) {var _stringValue$toString;var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$min = options.min,min = _options$min === void 0 ? Number.MIN_SAFE_INTEGER : _options$min,_options$max = options.max,max = _options$max === void 0 ? Number.MAX_SAFE_INTEGER : _options$max,useInt = options.useInt,precision = options.precision;
+
+  if (stringValue === null || stringValue === undefined || stringValue === '') return true;
+
+  if (isNaN(stringValue)) return false;
+  var numericValue = parseFloat(stringValue);
+
+  if (numericValue < min) return false;
+  if (numericValue > max) return false;
+
+  var decimalPart = stringValue == null ? void 0 : (_stringValue$toString = stringValue.toString()) == null ? void 0 : _stringValue$toString.split == null ? void 0 : _stringValue$toString.split('.')[1];
+
+  if (decimalPart && is(Number, precision)) {
+    if (decimalPart.length > precision) return false;
+  }
+
+  return true;
+}
+
+export function formatNumericValue(newValue, prevValue) {var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var _options$min2 = options.min,min = _options$min2 === void 0 ? Number.MIN_SAFE_INTEGER : _options$min2,_options$max2 = options.max,max = _options$max2 === void 0 ? Number.MAX_SAFE_INTEGER : _options$max2,useInt = options.useInt,precision = options.precision;
+  var numericValue = newValue;
+
+
+  if (is(Number, newValue)) newValue = newValue.toString();
+
+
+  if (newValue === null || newValue === undefined || newValue === '') return null;
+
+
+  if (is(String, newValue)) newValue = newValue.replace(',', '.');
+
+
+  if (newValue === '-') return newValue;
+
+  if (useInt) {
+
+    if (newValue.includes('.')) return prevValue;
+    numericValue = parseInt(newValue, 10);
+  } else {
+
+    var dotsCount = newValue.split('.').length;
+    if (dotsCount > 2) return prevValue;
+
+
+    if (endsWith('.', newValue)) return newValue;
+
+    numericValue = parseFloat(newValue);
+  }
+
+  if (isNaN(numericValue)) return prevValue;
+
+
+  if (numericValue < min) return min;
+  if (numericValue > max) return max;
+
+
+  var decimalPart = newValue.split('.')[1];
+  if (decimalPart && !!precision) {
+
+    if (decimalPart.length > precision) return prevValue;
+
+    return newValue;
+  }
+
+
+  return numericValue;
+}
+
+export function NumberInput(_ref) {var _onChange = _ref.onChange,_onBlur = _ref.onBlur,value = _ref.value,defaultValue = _ref.defaultValue,useInt = _ref.useInt,precision = _ref.precision,min = _ref.min,max = _ref.max,error = _ref.error,props = _objectWithoutProperties(_ref, _excluded);
+  if (value === undefined || value === null) value = defaultValue != null ? defaultValue : null;
+  var _React$useState = React.useState(false),_React$useState2 = _slicedToArray(_React$useState, 2),hasError = _React$useState2[0],setHasError = _React$useState2[1];
+  var _React$useState3 = React.useState(value),_React$useState4 = _slicedToArray(_React$useState3, 2),inputValue = _React$useState4[0],setInputValue = _React$useState4[1];
+  var _React$useState5 = React.useState(value),_React$useState6 = _slicedToArray(_React$useState5, 2),localValue = _React$useState6[0],setLocalValue = _React$useState6[1];
+  React.useEffect(function () {var _value;return setInputValue(((_value = value) == null ? void 0 : _value.toString()) || '');}, [value]);
+
+  if (useInt) precision = 0;
+  if (!useInt && precision === 0) useInt = true;
+  var opts = { useInt: useInt, precision: precision };
+  var optsWithMinMax = Object.assign({}, opts, { min: min, max: max });
+
+  return (
+    _jsx(TextInput, Object.assign({},
+    props, {
+      onChange: function onChange(newValue) {
+        var numericValue = formatNumericValue(newValue, localValue, opts);
+        setInputValue((newValue == null ? void 0 : newValue.toString()) || '');
+        setLocalValue(numericValue);
+        _onChange == null ? void 0 : _onChange(numericValue);
+        setHasError(!isValidNumber(newValue, optsWithMinMax));
+      },
+      onBlur: function onBlur(e) {
+        var clamped = formatNumericValue(localValue, localValue, optsWithMinMax);
+        setLocalValue(clamped);
+        setInputValue((clamped == null ? void 0 : clamped.toString()) || '');
+        setHasError(!isValidNumber(clamped, optsWithMinMax));
+        _onChange == null ? void 0 : _onChange(clamped);
+        _onBlur == null ? void 0 : _onBlur(e);
+      },
+      value: inputValue,
+      keyboardType: useInt ? 'number-pad' : 'decimal-pad',
+      error: error || hasError })
+    ));
+
+}

package/dist/components/inputs/NumberRangeInput.js

@@ -0,0 +1,41 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/NumberRangeInput.js";var _excluded = ["value", "onChange", "minProps", "maxProps", "placeholderMin", "placeholderMax", "separator"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { NumberInput } from "./NumberInput";
+import { Text } from "../text/Text";
+import { View } from "../structure/View";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+export function NumberRangeInput(_ref)
+
+
+
+
+
+
+
+
+{var value = _ref.value,onChange = _ref.onChange,minProps = _ref.minProps,maxProps = _ref.maxProps,_ref$placeholderMin = _ref.placeholderMin,placeholderMin = _ref$placeholderMin === void 0 ? 'Min' : _ref$placeholderMin,_ref$placeholderMax = _ref.placeholderMax,placeholderMax = _ref$placeholderMax === void 0 ? 'Max' : _ref$placeholderMax,_ref$separator = _ref.separator,separator = _ref$separator === void 0 ? '–' : _ref$separator,props = _objectWithoutProperties(_ref, _excluded);
+  var handleChangeMin = function handleChangeMin(min) {return onChange == null ? void 0 : onChange(Object.assign({}, value, { min: min }));};
+  var handleChangeMax = function handleChangeMax(max) {return onChange == null ? void 0 : onChange(Object.assign({}, value, { max: max }));};
+
+  return (
+    _jsxs(View, { row: true, centerV: true, gap: "sm", children: [
+      _jsx(NumberInput, Object.assign({
+        placeholder: placeholderMin,
+        value: value == null ? void 0 : value.min,
+        onChange: handleChangeMin,
+        max: value == null ? void 0 : value.max,
+        flex: true },
+      props,
+      minProps)
+      ),
+      _jsx(Text, { text4: true, children: separator }),
+      _jsx(NumberInput, Object.assign({
+        placeholder: placeholderMax,
+        value: value == null ? void 0 : value.max,
+        onChange: handleChangeMax,
+        min: value == null ? void 0 : value.min,
+        flex: true },
+      props,
+      maxProps)
+      )] }
+    ));
+
+}

package/dist/components/inputs/PasswordInput.js

@@ -0,0 +1,24 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/PasswordInput.js";var _excluded = ["hideToggle", "suffix"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {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 _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import React from 'react';
+
+import { Icon } from "../presentation/Icon";
+import { Link } from "../actions/Link";
+import { TextInput } from "./TextInput";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function PasswordInput(_ref) {var hideToggle = _ref.hideToggle,suffix = _ref.suffix,props = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(false),_React$useState2 = _slicedToArray(_React$useState, 2),visible = _React$useState2[0],setVisible = _React$useState2[1];
+
+  var toggle = !hideToggle ?
+  _jsx(Link, { onPress: function onPress() {return setVisible(function (v) {return !v;});}, children:
+    _jsx(Icon, { name: visible ? 'RiEyeOffLine' : 'RiEyeLine', color: "text3" }) }
+  ) :
+  null;
+
+  return (
+    _jsx(TextInput, Object.assign({
+      type: visible ? 'text' : 'password',
+      secureTextEntry: !visible,
+      suffix: suffix || toggle },
+    props)
+    ));
+
+}