@reown/appkit-ui-react-native 0.0.0-canary-20240912195440

package/lib/commonjs/composites/wui-connect-button/styles.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getThemedTextStyle = exports.getThemedButtonStyle = exports.default = void 0;
+var _reactNative = require("react-native");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+const getThemedButtonStyle = (theme, loading, pressed) => {
+  const buttonBaseStyle = {
+    borderColor: theme['gray-glass-010']
+  };
+  if (loading) {
+    return {
+      ...buttonBaseStyle,
+      backgroundColor: theme['accent-080']
+    };
+  }
+  if (pressed) {
+    return {
+      ...buttonBaseStyle,
+      backgroundColor: theme['accent-080']
+    };
+  }
+  return {
+    ...buttonBaseStyle,
+    backgroundColor: theme['accent-100']
+  };
+};
+exports.getThemedButtonStyle = getThemedButtonStyle;
+const getThemedTextStyle = (theme, loading) => {
+  if (loading) {
+    return {
+      color: theme['inverse-100']
+    };
+  }
+  return {
+    color: theme['inverse-100']
+  };
+};
+exports.getThemedTextStyle = getThemedTextStyle;
+var _default = exports.default = _reactNative.StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    height: 40,
+    paddingVertical: _ThemeUtil.Spacing['3xs'],
+    paddingHorizontal: _ThemeUtil.Spacing.l,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: _ThemeUtil.BorderRadius.s,
+    borderWidth: 1
+  },
+  smButton: {
+    height: 32
+  },
+  mdButton: {
+    height: 40
+  },
+  loader: {
+    marginRight: _ThemeUtil.Spacing['2xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/composites/wui-connect-button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","getThemedButtonStyle","theme","loading","pressed","buttonBaseStyle","borderColor","backgroundColor","exports","getThemedTextStyle","color","_default","default","StyleSheet","create","button","flexDirection","height","paddingVertical","Spacing","paddingHorizontal","l","alignItems","justifyContent","borderRadius","BorderRadius","s","borderWidth","smButton","mdButton","loader","marginRight"],"sourceRoot":"../../../../src","sources":["composites/wui-connect-button/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAGO,MAAME,oBAAoB,GAAGA,CAClCC,KAAqC,EACrCC,OAAiB,EACjBC,OAAiB,KACE;EACnB,MAAMC,eAAe,GAAG;IACtBC,WAAW,EAAEJ,KAAK,CAAC,gBAAgB;EACrC,CAAC;EAED,IAAIC,OAAO,EAAE;IACX,OAAO;MACL,GAAGE,eAAe;MAClBE,eAAe,EAAEL,KAAK,CAAC,YAAY;IACrC,CAAC;EACH;EAEA,IAAIE,OAAO,EAAE;IACX,OAAO;MACL,GAAGC,eAAe;MAClBE,eAAe,EAAEL,KAAK,CAAC,YAAY;IACrC,CAAC;EACH;EAEA,OAAO;IACL,GAAGG,eAAe;IAClBE,eAAe,EAAEL,KAAK,CAAC,YAAY;EACrC,CAAC;AACH,CAAC;AAACM,OAAA,CAAAP,oBAAA,GAAAA,oBAAA;AAEK,MAAMQ,kBAAkB,GAAGA,CAChCP,KAAqC,EACrCC,OAAiB,KACE;EACnB,IAAIA,OAAO,EAAE;IACX,OAAO;MAAEO,KAAK,EAAER,KAAK,CAAC,aAAa;IAAE,CAAC;EACxC;EAEA,OAAO;IAAEQ,KAAK,EAAER,KAAK,CAAC,aAAa;EAAE,CAAC;AACxC,CAAC;AAACM,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAAA,IAAAE,QAAA,GAAAH,OAAA,CAAAI,OAAA,GAEaC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,eAAe,EAAEC,kBAAO,CAAC,KAAK,CAAC;IAC/BC,iBAAiB,EAAED,kBAAO,CAACE,CAAC;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAEC,uBAAY,CAACC,CAAC;IAC5BC,WAAW,EAAE;EACf,CAAC;EACDC,QAAQ,EAAE;IACRX,MAAM,EAAE;EACV,CAAC;EACDY,QAAQ,EAAE;IACRZ,MAAM,EAAE;EACV,CAAC;EACDa,MAAM,EAAE;IACNC,WAAW,EAAEZ,kBAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-email-input/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmailInput = EmailInput;
+var _react = require("react");
+var _wuiText = require("../../components/wui-text");
+var _wuiInputText = require("../wui-input-text");
+var _wuiLoadingSpinner = require("../../components/wui-loading-spinner");
+var _wuiIconLink = require("../wui-icon-link");
+var _styles = _interopRequireDefault(require("./styles"));
+var _reactNative = require("react-native");
+var _wuiInputElement = require("../wui-input-element");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function RightIcon({
+  loading,
+  showChevron,
+  onPress
+}) {
+  if (loading) {
+    return /*#__PURE__*/React.createElement(_wuiLoadingSpinner.LoadingSpinner, {
+      size: "md",
+      color: "accent-100",
+      style: _styles.default.spinner
+    });
+  }
+  if (showChevron) {
+    return /*#__PURE__*/React.createElement(_wuiIconLink.IconLink, {
+      icon: "chevronRight",
+      onPress: onPress,
+      size: "sm",
+      iconColor: "accent-100"
+    });
+  }
+  return null;
+}
+function EmailInput({
+  errorMessage,
+  onSubmit,
+  onChangeText,
+  loading,
+  disabled,
+  style,
+  initialValue,
+  submitEnabled = true,
+  ...rest
+}) {
+  const [email, setEmail] = (0, _react.useState)(initialValue ?? '');
+  const handleSubmit = value => {
+    if (submitEnabled) {
+      onSubmit?.(value);
+    }
+  };
+  const handleChevronPress = () => {
+    handleSubmit(email);
+  };
+  const handleSubmitEditing = ({
+    nativeEvent: {
+      text
+    }
+  }) => {
+    handleSubmit(text);
+  };
+  const handleChangeText = text => {
+    setEmail(text);
+    onChangeText?.(text);
+  };
+  const rightIconTemplate = () => {
+    if (email === initialValue) {
+      return /*#__PURE__*/React.createElement(_wuiInputElement.InputElement, {
+        icon: "close",
+        style: _styles.default.clearButton,
+        onPress: () => {
+          handleChangeText('');
+        }
+      });
+    }
+    return /*#__PURE__*/React.createElement(RightIcon, {
+      loading: loading,
+      showChevron: submitEnabled && !errorMessage,
+      onPress: handleChevronPress
+    });
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: style
+  }, /*#__PURE__*/React.createElement(_wuiInputText.InputText, _extends({
+    icon: "mail",
+    placeholder: "Email",
+    size: "md",
+    onSubmitEditing: handleSubmitEditing,
+    onChangeText: handleChangeText,
+    keyboardType: "email-address",
+    returnKeyType: "go",
+    enablesReturnKeyAutomatically: true,
+    disabled: disabled || loading,
+    value: email
+  }, rest), rightIconTemplate()), errorMessage && /*#__PURE__*/React.createElement(_wuiText.Text, {
+    color: "error-100",
+    variant: "tiny-500",
+    style: _styles.default.text
+  }, errorMessage));
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-email-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_wuiText","_wuiInputText","_wuiLoadingSpinner","_wuiIconLink","_styles","_interopRequireDefault","_reactNative","_wuiInputElement","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","RightIcon","loading","showChevron","onPress","React","createElement","LoadingSpinner","size","color","style","styles","spinner","IconLink","icon","iconColor","EmailInput","errorMessage","onSubmit","onChangeText","disabled","initialValue","submitEnabled","rest","email","setEmail","useState","handleSubmit","value","handleChevronPress","handleSubmitEditing","nativeEvent","text","handleChangeText","rightIconTemplate","InputElement","clearButton","View","InputText","placeholder","onSubmitEditing","keyboardType","returnKeyType","enablesReturnKeyAutomatically","Text","variant"],"sourceRoot":"../../../../src","sources":["composites/wui-email-input/index.tsx"],"mappings":"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"}

package/lib/commonjs/composites/wui-email-input/styles.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  text: {
+    marginTop: _ThemeUtil.Spacing['4xs'],
+    marginLeft: _ThemeUtil.Spacing.l
+  },
+  spinner: {
+    marginRight: _ThemeUtil.Spacing.xs
+  },
+  clearButton: {
+    marginRight: _ThemeUtil.Spacing['4xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/composites/wui-email-input/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","text","marginTop","Spacing","marginLeft","l","spinner","marginRight","xs","clearButton"],"sourceRoot":"../../../../src","sources":["composites/wui-email-input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAgD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEjCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJC,SAAS,EAAEC,kBAAO,CAAC,KAAK,CAAC;IACzBC,UAAU,EAAED,kBAAO,CAACE;EACtB,CAAC;EACDC,OAAO,EAAE;IACPC,WAAW,EAAEJ,kBAAO,CAACK;EACvB,CAAC;EACDC,WAAW,EAAE;IACXF,WAAW,EAAEJ,kBAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-icon-box/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconBox = IconBox;
+var _reactNative = require("react-native");
+var _wuiIcon = require("../../components/wui-icon");
+var _useTheme = require("../../hooks/useTheme");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function IconBox({
+  size,
+  iconColor = 'fg-100',
+  icon,
+  iconSize,
+  background,
+  backgroundColor,
+  border,
+  borderColor,
+  borderSize = 4,
+  style
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  let _iconSize;
+  switch (size) {
+    case 'lg':
+      _iconSize = 'lg';
+      break;
+    case 'md':
+      _iconSize = 'sm';
+      break;
+    case 'sm':
+      _iconSize = 'xs';
+      break;
+    default:
+      _iconSize = 'xxs';
+  }
+  let boxSize;
+  switch (size) {
+    case 'lg':
+      boxSize = 40;
+      break;
+    case 'md':
+      boxSize = 32;
+      break;
+    default:
+      boxSize = 24;
+  }
+  const borderRadius = size === 'lg' ? 'xxs' : '3xl';
+  const backgroundStyle = {
+    backgroundColor: background && backgroundColor ? Theme[backgroundColor] : background ? `${Theme[iconColor]}1E` : 'transparent',
+    borderRadius: _ThemeUtil.BorderRadius[borderRadius]
+  };
+  const containerSize = boxSize + (border ? borderSize : 0);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [_styles.default.box, backgroundStyle, {
+      height: containerSize,
+      width: containerSize
+    }, border && {
+      borderColor: Theme[borderColor || 'bg-125'],
+      borderWidth: borderSize / 2
+    }, style]
+  }, /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
+    size: iconSize || _iconSize,
+    color: iconColor,
+    name: icon
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-icon-box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_wuiIcon","_useTheme","_ThemeUtil","_styles","_interopRequireDefault","obj","__esModule","default","IconBox","size","iconColor","icon","iconSize","background","backgroundColor","border","borderColor","borderSize","style","Theme","useTheme","_iconSize","boxSize","borderRadius","backgroundStyle","BorderRadius","containerSize","React","createElement","View","styles","box","height","width","borderWidth","Icon","color","name"],"sourceRoot":"../../../../src","sources":["composites/wui-icon-box/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA8B,SAAAK,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAevB,SAASG,OAAOA,CAAC;EACtBC,IAAI;EACJC,SAAS,GAAG,QAAQ;EACpBC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,eAAe;EACfC,MAAM;EACNC,WAAW;EACXC,UAAU,GAAG,CAAC;EACdC;AACY,CAAC,EAAE;EACf,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,IAAIC,SAAmB;EACvB,QAAQZ,IAAI;IACV,KAAK,IAAI;MACPY,SAAS,GAAG,IAAI;MAChB;IACF,KAAK,IAAI;MACPA,SAAS,GAAG,IAAI;MAChB;IACF,KAAK,IAAI;MACPA,SAAS,GAAG,IAAI;MAChB;IACF;MACEA,SAAS,GAAG,KAAK;EACrB;EAEA,IAAIC,OAAe;EACnB,QAAQb,IAAI;IACV,KAAK,IAAI;MACPa,OAAO,GAAG,EAAE;MACZ;IACF,KAAK,IAAI;MACPA,OAAO,GAAG,EAAE;MACZ;IACF;MACEA,OAAO,GAAG,EAAE;EAChB;EAEA,MAAMC,YAAY,GAAGd,IAAI,KAAK,IAAI,GAAG,KAAK,GAAG,KAAK;EAElD,MAAMe,eAAe,GAAG;IACtBV,eAAe,EACbD,UAAU,IAAIC,eAAe,GACzBK,KAAK,CAACL,eAAe,CAAC,GACtBD,UAAU,GACT,GAAEM,KAAK,CAACT,SAAS,CAAe,IAAG,GACpC,aAAa;IACnBa,YAAY,EAAEE,uBAAY,CAACF,YAAY;EACzC,CAAC;EAED,MAAMG,aAAa,GAAGJ,OAAO,IAAIP,MAAM,GAAGE,UAAU,GAAG,CAAC,CAAC;EAEzD,oBACEU,KAAA,CAAAC,aAAA,CAAC9B,YAAA,CAAA+B,IAAI;IACHX,KAAK,EAAE,CACLY,eAAM,CAACC,GAAG,EACVP,eAAe,EACf;MAAEQ,MAAM,EAAEN,aAAa;MAAEO,KAAK,EAAEP;IAAc,CAAC,EAC/CX,MAAM,IAAI;MAAEC,WAAW,EAAEG,KAAK,CAACH,WAAW,IAAI,QAAQ,CAAC;MAAEkB,WAAW,EAAEjB,UAAU,GAAG;IAAE,CAAC,EACtFC,KAAK;EACL,gBAEFS,KAAA,CAAAC,aAAA,CAAC5B,QAAA,CAAAmC,IAAI;IAAC1B,IAAI,EAAEG,QAAQ,IAAIS,SAAU;IAACe,KAAK,EAAE1B,SAAU;IAAC2B,IAAI,EAAE1B;EAAK,CAAE,CAC9D,CAAC;AAEX"}

package/lib/commonjs/composites/wui-icon-box/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  box: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  border: {
+    borderWidth: 2
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/composites/wui-icon-box/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_default","exports","default","StyleSheet","create","box","alignItems","justifyContent","border","borderWidth"],"sourceRoot":"../../../../src","sources":["composites/wui-icon-box/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA0C,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,GAAG,EAAE;IACHC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACNC,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-icon-link/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconLink = IconLink;
+var _reactNative = require("react-native");
+var _wuiIcon = require("../../components/wui-icon");
+var _useAnimatedValue = _interopRequireDefault(require("../../hooks/useAnimatedValue"));
+var _useTheme = require("../../hooks/useTheme");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
+function IconLink({
+  icon,
+  onPress,
+  size = 'md',
+  iconColor = 'fg-100',
+  backgroundColor,
+  pressedColor = 'gray-glass-010',
+  disabled,
+  style,
+  testID
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  const bgColor = backgroundColor ? Theme[backgroundColor] : 'transparent';
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = (0, _useAnimatedValue.default)(bgColor, Theme[pressedColor]);
+  return /*#__PURE__*/React.createElement(AnimatedPressable, {
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    disabled: disabled,
+    testID: testID,
+    style: [_styles.default.container, _styles.default[`container-${size}`], {
+      backgroundColor: animatedValue
+    }, style]
+  }, /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
+    name: icon,
+    size: size,
+    color: disabled ? 'gray-glass-020' : iconColor
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-icon-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_wuiIcon","_useAnimatedValue","_interopRequireDefault","_useTheme","_styles","obj","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","IconLink","icon","onPress","size","iconColor","backgroundColor","pressedColor","disabled","style","testID","Theme","useTheme","bgColor","animatedValue","setStartValue","setEndValue","useAnimatedValue","React","createElement","onPressIn","onPressOut","styles","container","Icon","name","color"],"sourceRoot":"../../../../src","sources":["composites/wui-icon-link/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AAA8B,SAAAG,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE9B,MAAMG,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;AAe9D,SAASC,QAAQA,CAAC;EACvBC,IAAI;EACJC,OAAO;EACPC,IAAI,GAAG,IAAI;EACXC,SAAS,GAAG,QAAQ;EACpBC,eAAe;EACfC,YAAY,GAAG,gBAAgB;EAC/BC,QAAQ;EACRC,KAAK;EACLC;AACa,CAAC,EAAE;EAChB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,OAAO,GAAGP,eAAe,GAAGK,KAAK,CAACL,eAAe,CAAC,GAAG,aAAa;EACxE,MAAM;IAAEQ,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAG,IAAAC,yBAAgB,EACpEJ,OAAO,EACPF,KAAK,CAACJ,YAAY,CACpB,CAAC;EAED,oBACEW,KAAA,CAAAC,aAAA,CAACtB,iBAAiB;IAChBM,OAAO,EAAEA,OAAQ;IACjBiB,SAAS,EAAEJ,WAAY;IACvBK,UAAU,EAAEN,aAAc;IAC1BP,QAAQ,EAAEA,QAAS;IACnBE,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAE,CACLa,eAAM,CAACC,SAAS,EAChBD,eAAM,CAAE,aAAYlB,IAAK,EAAC,CAAC,EAC3B;MAAEE,eAAe,EAAEQ;IAAc,CAAC,EAClCL,KAAK;EACL,gBAEFS,KAAA,CAAAC,aAAA,CAAC9B,QAAA,CAAAmC,IAAI;IACHC,IAAI,EAAEvB,IAAK;IACXE,IAAI,EAAEA,IAAK;IACXsB,KAAK,EAAElB,QAAQ,GAAI,gBAAgB,GAAiBH;EAAU,CAC/D,CACgB,CAAC;AAExB"}

package/lib/commonjs/composites/wui-icon-link/styles.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  'container': {
+    padding: _ThemeUtil.Spacing.xs,
+    borderRadius: _ThemeUtil.BorderRadius.xxs,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  'container-sm': {},
+  'container-md': {
+    height: 32,
+    width: 32
+  },
+  'container-lg': {
+    height: 40,
+    width: 40
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/composites/wui-icon-link/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","padding","Spacing","xs","borderRadius","BorderRadius","xxs","alignItems","justifyContent","height","width"],"sourceRoot":"../../../../src","sources":["composites/wui-icon-link/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAA8D,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE/CC,uBAAU,CAACC,MAAM,CAAC;EAC/B,WAAW,EAAE;IACXC,OAAO,EAAEC,kBAAO,CAACC,EAAE;IACnBC,YAAY,EAAEC,uBAAY,CAACC,GAAG;IAC9BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD,cAAc,EAAE,CAAC,CAAC;EAClB,cAAc,EAAE;IACdC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACD,cAAc,EAAE;IACdD,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-input-element/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputElement = InputElement;
+var _reactNative = require("react-native");
+var _wuiIcon = require("../../components/wui-icon");
+var _useAnimatedValue = _interopRequireDefault(require("../../hooks/useAnimatedValue"));
+var _useTheme = require("../../hooks/useTheme");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
+function InputElement({
+  icon,
+  disabled,
+  onPress,
+  style
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = (0, _useAnimatedValue.default)(Theme['gray-glass-020'], Theme['gray-glass-030']);
+  return /*#__PURE__*/React.createElement(AnimatedPressable, {
+    disabled: disabled,
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    hitSlop: 10,
+    style: [_styles.default.container, {
+      backgroundColor: disabled ? Theme['gray-glass-010'] : animatedValue
+    }, style]
+  }, /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
+    name: icon,
+    size: "xxs",
+    color: 'bg-200'
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-input-element/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_wuiIcon","_useAnimatedValue","_interopRequireDefault","_useTheme","_styles","obj","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","InputElement","icon","disabled","onPress","style","Theme","useTheme","animatedValue","setStartValue","setEndValue","useAnimatedValue","React","createElement","onPressIn","onPressOut","hitSlop","styles","container","backgroundColor","Icon","name","size","color"],"sourceRoot":"../../../../src","sources":["composites/wui-input-element/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AAA8B,SAAAG,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE9B,MAAMG,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;AAS9D,SAASC,YAAYA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAyB,CAAC,EAAE;EAClF,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAG,IAAAC,yBAAgB,EACpEL,KAAK,CAAC,gBAAgB,CAAC,EACvBA,KAAK,CAAC,gBAAgB,CACxB,CAAC;EAED,oBACEM,KAAA,CAAAC,aAAA,CAAChB,iBAAiB;IAChBM,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBU,SAAS,EAAEJ,WAAY;IACvBK,UAAU,EAAEN,aAAc;IAC1BO,OAAO,EAAE,EAAG;IACZX,KAAK,EAAE,CACLY,eAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEhB,QAAQ,GAAGG,KAAK,CAAC,gBAAgB,CAAC,GAAGE;IAAc,CAAC,EACvEH,KAAK;EACL,gBAEFO,KAAA,CAAAC,aAAA,CAACxB,QAAA,CAAA+B,IAAI;IAACC,IAAI,EAAEnB,IAAK;IAACoB,IAAI,EAAC,KAAK;IAACC,KAAK,EAAE;EAAsB,CAAE,CAC3C,CAAC;AAExB"}

package/lib/commonjs/composites/wui-input-element/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  container: {
+    height: 18,
+    width: 18,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: _ThemeUtil.BorderRadius['4xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/composites/wui-input-element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","container","height","width","alignItems","justifyContent","borderRadius","BorderRadius"],"sourceRoot":"../../../../src","sources":["composites/wui-input-element/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAqD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEtCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAEC,uBAAY,CAAC,KAAK;EAClC;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-input-numeric/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputNumeric = InputNumeric;
+var _wuiInputText = require("../wui-input-text");
+var _styles = _interopRequireDefault(require("./styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function InputNumeric({
+  disabled,
+  onChangeText,
+  onSubmitEditing,
+  style,
+  inputRef,
+  value,
+  onKeyPress,
+  ...props
+}) {
+  const _onChangeText = text => {
+    const isNumber = /^\d*$/.test(text);
+    if (isNumber) {
+      onChangeText?.(text);
+    }
+  };
+  return /*#__PURE__*/React.createElement(_wuiInputText.InputText, _extends({
+    disabled: disabled,
+    onChangeText: _onChangeText,
+    onSubmitEditing: onSubmitEditing,
+    keyboardType: "number-pad",
+    returnKeyType: "done",
+    inputMode: "numeric",
+    size: "xs",
+    textAlign: "center",
+    inputStyle: [_styles.default.input, style],
+    ref: inputRef,
+    value: value,
+    onKeyPress: onKeyPress
+  }, props));
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-input-numeric/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_wuiInputText","require","_styles","_interopRequireDefault","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","InputNumeric","disabled","onChangeText","onSubmitEditing","style","inputRef","value","onKeyPress","props","_onChangeText","text","isNumber","test","React","createElement","InputText","keyboardType","returnKeyType","inputMode","size","textAlign","inputStyle","styles","input","ref"],"sourceRoot":"../../../../src","sources":["composites/wui-input-numeric/index.tsx"],"mappings":";;;;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA8B,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAYvB,SAASQ,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,YAAY;EACZC,eAAe;EACfC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,UAAU;EACV,GAAGC;AACc,CAAC,EAAE;EACpB,MAAMC,aAAa,GAAIC,IAAY,IAAK;IACtC,MAAMC,QAAQ,GAAG,OAAO,CAACC,IAAI,CAACF,IAAI,CAAC;IACnC,IAAIC,QAAQ,EAAE;MACZT,YAAY,GAAGQ,IAAI,CAAC;IACtB;EACF,CAAC;EAED,oBACEG,KAAA,CAAAC,aAAA,CAACnC,aAAA,CAAAoC,SAAS,EAAA7B,QAAA;IACRe,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEO,aAAc;IAC5BN,eAAe,EAAEA,eAAgB;IACjCa,YAAY,EAAC,YAAY;IACzBC,aAAa,EAAC,MAAM;IACpBC,SAAS,EAAC,SAAS;IACnBC,IAAI,EAAC,IAAI;IACTC,SAAS,EAAC,QAAQ;IAClBC,UAAU,EAAE,CAACC,eAAM,CAACC,KAAK,EAAEnB,KAAK,CAAE;IAClCoB,GAAG,EAAEnB,QAAS;IACdC,KAAK,EAAEA,KAAM;IACbC,UAAU,EAAEA;EAAW,GACnBC,KAAK,CACV,CAAC;AAEN"}

package/lib/commonjs/composites/wui-input-numeric/styles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  input: {
+    fontSize: 20,
+    fontWeight: '500',
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/composites/wui-input-numeric/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_default","exports","default","StyleSheet","create","input","fontSize","fontWeight","textAlign"],"sourceRoot":"../../../../src","sources":["composites/wui-input-numeric/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA0C,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/commonjs/composites/wui-input-text/index.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputText = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _wuiIcon = require("../../components/wui-icon");
+var _useAnimatedValue = _interopRequireDefault(require("../../hooks/useAnimatedValue"));
+var _useTheme = require("../../hooks/useTheme");
+var _styles = _interopRequireWildcard(require("./styles"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
+const InputText = exports.InputText = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  placeholder,
+  inputStyle,
+  icon,
+  size = 'sm',
+  disabled,
+  returnKeyType,
+  onBlur,
+  onFocus,
+  ...rest
+}, ref) => {
+  const inputRef = (0, _react.useRef)(null);
+  const Theme = (0, _useTheme.useTheme)();
+  const {
+    animatedValue,
+    valueRef,
+    setStartValue,
+    setEndValue
+  } = (0, _useAnimatedValue.default)(Theme['gray-glass-002'], Theme['gray-glass-005'], 100);
+  const outerRadius = _styles.outerBorderRadius[size];
+  (0, _react.useImperativeHandle)(ref, () => ({
+    clear: () => {
+      if (inputRef.current) {
+        inputRef.current.clear();
+      }
+    },
+    focus: () => {
+      if (inputRef.current) {
+        inputRef.current.focus();
+      }
+    },
+    blur: () => {
+      if (inputRef.current) {
+        inputRef.current.blur();
+      }
+    }
+  }));
+  const handleBlur = e => {
+    setStartValue();
+    onBlur?.(e);
+  };
+  const handleFocus = e => {
+    setEndValue();
+    onFocus?.(e);
+  };
+  const innerBorder = valueRef.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [Theme['gray-glass-005'], Theme['accent-100']]
+  });
+  const outerBorder = valueRef.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['transparent', Theme['accent-glass-015']]
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedPressable, {
+    style: [_styles.default.outerBorder, {
+      borderColor: outerBorder,
+      borderRadius: outerRadius
+    }],
+    disabled: disabled,
+    onPress: () => inputRef.current?.focus(),
+    testID: rest.testID
+  }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [_styles.default[`${size}Container`], {
+      backgroundColor: animatedValue,
+      borderColor: innerBorder
+    }, disabled && {
+      backgroundColor: Theme['gray-glass-002']
+    }]
+  }, icon && /*#__PURE__*/React.createElement(_wuiIcon.Icon, {
+    name: icon,
+    size: "md",
+    color: "fg-275",
+    style: _styles.default.icon
+  }), /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({
+    ref: inputRef,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    placeholder: placeholder,
+    placeholderTextColor: Theme['fg-275'],
+    returnKeyType: returnKeyType,
+    style: [_styles.default.input, {
+      color: Theme['fg-100']
+    }, inputStyle],
+    autoCapitalize: "none",
+    autoCorrect: false,
+    autoComplete: "off",
+    spellCheck: false,
+    selectionColor: Theme['accent-100'],
+    underlineColorAndroid: "transparent",
+    selectTextOnFocus: false,
+    editable: !disabled
+  }, rest)), children)));
+});
+//# sourceMappingURL=index.js.map