@reown/appkit-ui-react-native 0.0.0-accounts-canary.1-20251023174733

package/lib/module/composites/wui-double-image-loader/index.native.js

@@ -0,0 +1,93 @@
+"use strict";
+
+import { Animated, useAnimatedValue } from 'react-native';
+import { useEffect } from 'react';
+import { useTheme } from '../../hooks/useTheme';
+import { FlexView } from '../../layout/wui-flex';
+import { Image } from '../../components/wui-image';
+import { Icon } from '../../components/wui-icon';
+import { WalletImage } from '../wui-wallet-image';
+import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function DoubleImageLoader({
+  style,
+  leftImage,
+  rightImage,
+  renderRightPlaceholder,
+  leftPlaceholderIcon = 'mobile',
+  rightPlaceholderIcon = 'browser',
+  leftItemStyle,
+  rightItemStyle
+}) {
+  const Theme = useTheme();
+  const leftPosition = useAnimatedValue(10);
+  const rightPosition = useAnimatedValue(-10);
+  useEffect(() => {
+    const leftAnimation = Animated.loop(Animated.sequence([Animated.timing(leftPosition, {
+      toValue: -5,
+      duration: 1500,
+      useNativeDriver: true
+    }), Animated.timing(leftPosition, {
+      toValue: 10,
+      duration: 1500,
+      useNativeDriver: true
+    })]));
+    const rightAnimation = Animated.loop(Animated.sequence([Animated.timing(rightPosition, {
+      toValue: 5,
+      duration: 1500,
+      useNativeDriver: true
+    }), Animated.timing(rightPosition, {
+      toValue: -10,
+      duration: 1500,
+      useNativeDriver: true
+    })]));
+    leftAnimation.start();
+    rightAnimation.start();
+    return () => {
+      leftAnimation.stop();
+      rightAnimation.stop();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/_jsxs(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    style: style,
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.itemBorder, styles.leftItemBorder, {
+        transform: [{
+          translateX: leftPosition
+        }],
+        backgroundColor: Theme['bg-200']
+      }, leftItemStyle],
+      children: leftImage ? /*#__PURE__*/_jsx(Image, {
+        source: leftImage,
+        style: [styles.rightImage, {
+          backgroundColor: Theme['bg-200']
+        }]
+      }) : /*#__PURE__*/_jsx(Icon, {
+        name: leftPlaceholderIcon,
+        size: "lg",
+        color: "fg-200"
+      })
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.itemBorder, styles.rightItemBorder, {
+        transform: [{
+          translateX: rightPosition
+        }],
+        backgroundColor: Theme['bg-200']
+      }, rightItemStyle],
+      children: rightImage ? /*#__PURE__*/_jsx(WalletImage, {
+        imageSrc: rightImage,
+        size: "lg",
+        border: false
+      }) : renderRightPlaceholder?.() ?? /*#__PURE__*/_jsx(Icon, {
+        name: rightPlaceholderIcon,
+        size: "lg",
+        color: "fg-200"
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/lib/module/composites/wui-double-image-loader/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","useAnimatedValue","useEffect","useTheme","FlexView","Image","Icon","WalletImage","styles","jsx","_jsx","jsxs","_jsxs","DoubleImageLoader","style","leftImage","rightImage","renderRightPlaceholder","leftPlaceholderIcon","rightPlaceholderIcon","leftItemStyle","rightItemStyle","Theme","leftPosition","rightPosition","leftAnimation","loop","sequence","timing","toValue","duration","useNativeDriver","rightAnimation","start","stop","flexDirection","alignItems","justifyContent","children","View","itemBorder","leftItemBorder","transform","translateX","backgroundColor","source","name","size","color","rightItemBorder","imageSrc","border"],"sourceRoot":"../../../../src","sources":["composites/wui-double-image-loader/index.native.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,gBAAgB,QAAwC,cAAc;AAEzF,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,WAAW,QAAQ,qBAAqB;AACjD,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAY9B,OAAO,SAASC,iBAAiBA,CAAC;EAChCC,KAAK;EACLC,SAAS;EACTC,UAAU;EACVC,sBAAsB;EACtBC,mBAAmB,GAAG,QAAQ;EAC9BC,oBAAoB,GAAG,SAAS;EAChCC,aAAa;EACbC;AACK,CAAC,EAAE;EACR,MAAMC,KAAK,GAAGnB,QAAQ,CAAC,CAAC;EACxB,MAAMoB,YAAY,GAAGtB,gBAAgB,CAAC,EAAE,CAAC;EACzC,MAAMuB,aAAa,GAAGvB,gBAAgB,CAAC,CAAC,EAAE,CAAC;EAE3CC,SAAS,CAAC,MAAM;IACd,MAAMuB,aAAa,GAAGzB,QAAQ,CAAC0B,IAAI,CACjC1B,QAAQ,CAAC2B,QAAQ,CAAC,CAChB3B,QAAQ,CAAC4B,MAAM,CAACL,YAAY,EAAE;MAC5BM,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,IAAI;MACdC,eAAe,EAAE;IACnB,CAAC,CAAC,EACF/B,QAAQ,CAAC4B,MAAM,CAACL,YAAY,EAAE;MAC5BM,OAAO,EAAE,EAAE;MACXC,QAAQ,EAAE,IAAI;MACdC,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CACH,CAAC;IAED,MAAMC,cAAc,GAAGhC,QAAQ,CAAC0B,IAAI,CAClC1B,QAAQ,CAAC2B,QAAQ,CAAC,CAChB3B,QAAQ,CAAC4B,MAAM,CAACJ,aAAa,EAAE;MAC7BK,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,IAAI;MACdC,eAAe,EAAE;IACnB,CAAC,CAAC,EACF/B,QAAQ,CAAC4B,MAAM,CAACJ,aAAa,EAAE;MAC7BK,OAAO,EAAE,CAAC,EAAE;MACZC,QAAQ,EAAE,IAAI;MACdC,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CACH,CAAC;IAEDN,aAAa,CAACQ,KAAK,CAAC,CAAC;IACrBD,cAAc,CAACC,KAAK,CAAC,CAAC;IAEtB,OAAO,MAAM;MACXR,aAAa,CAACS,IAAI,CAAC,CAAC;MACpBF,cAAc,CAACE,IAAI,CAAC,CAAC;IACvB,CAAC;IACD;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEtB,KAAA,CAACR,QAAQ;IAAC+B,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,QAAQ;IAACvB,KAAK,EAAEA,KAAM;IAAAwB,QAAA,gBACrF5B,IAAA,CAACV,QAAQ,CAACuC,IAAI;MACZzB,KAAK,EAAE,CACLN,MAAM,CAACgC,UAAU,EACjBhC,MAAM,CAACiC,cAAc,EACrB;QACEC,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAEpB;QAAa,CAAC,CAAC;QACzCqB,eAAe,EAAEtB,KAAK,CAAC,QAAQ;MACjC,CAAC,EACDF,aAAa,CACb;MAAAkB,QAAA,EAEDvB,SAAS,gBACRL,IAAA,CAACL,KAAK;QACJwC,MAAM,EAAE9B,SAAU;QAClBD,KAAK,EAAE,CAACN,MAAM,CAACQ,UAAU,EAAE;UAAE4B,eAAe,EAAEtB,KAAK,CAAC,QAAQ;QAAE,CAAC;MAAE,CAClE,CAAC,gBAEFZ,IAAA,CAACJ,IAAI;QAACwC,IAAI,EAAE5B,mBAAoB;QAAC6B,IAAI,EAAC,IAAI;QAACC,KAAK,EAAC;MAAQ,CAAE;IAC5D,CACY,CAAC,eAChBtC,IAAA,CAACV,QAAQ,CAACuC,IAAI;MACZzB,KAAK,EAAE,CACLN,MAAM,CAACgC,UAAU,EACjBhC,MAAM,CAACyC,eAAe,EACtB;QACEP,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAEnB;QAAc,CAAC,CAAC;QAC1CoB,eAAe,EAAEtB,KAAK,CAAC,QAAQ;MACjC,CAAC,EACDD,cAAc,CACd;MAAAiB,QAAA,EAEDtB,UAAU,gBACTN,IAAA,CAACH,WAAW;QAAC2C,QAAQ,EAAElC,UAAW;QAAC+B,IAAI,EAAC,IAAI;QAACI,MAAM,EAAE;MAAM,CAAE,CAAC,GAE9DlC,sBAAsB,GAAG,CAAC,iBACxBP,IAAA,CAACJ,IAAI;QAACwC,IAAI,EAAE3B,oBAAqB;QAAC4B,IAAI,EAAC,IAAI;QAACC,KAAK,EAAC;MAAQ,CAAE;IAE/D,CACY,CAAC;EAAA,CACR,CAAC;AAEf","ignoreList":[]}

package/lib/module/composites/wui-double-image-loader/styles.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius } from '../../utils/ThemeUtil';
+export default StyleSheet.create({
+  rightImage: {
+    height: 64,
+    width: 64,
+    borderRadius: BorderRadius.full
+  },
+  itemBorder: {
+    width: 74,
+    height: 74,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  leftItemBorder: {
+    borderRadius: BorderRadius.full,
+    zIndex: 2
+  },
+  rightItemBorder: {
+    borderRadius: 22,
+    width: 72,
+    height: 72
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/composites/wui-double-image-loader/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","create","rightImage","height","width","borderRadius","full","itemBorder","alignItems","justifyContent","leftItemBorder","zIndex","rightItemBorder"],"sourceRoot":"../../../../src","sources":["composites/wui-double-image-loader/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,UAAU,EAAE;IACVC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,YAAY,EAAEL,YAAY,CAACM;EAC7B,CAAC;EACDC,UAAU,EAAE;IACVH,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE,EAAE;IACVK,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,cAAc,EAAE;IACdL,YAAY,EAAEL,YAAY,CAACM,IAAI;IAC/BK,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfP,YAAY,EAAE,EAAE;IAChBD,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,104 @@
+"use strict";
+
+import { useState } from 'react';
+import { Text } from '../../components/wui-text';
+import { InputText } from '../wui-input-text';
+import { LoadingSpinner } from '../../components/wui-loading-spinner';
+import { IconLink } from '../wui-icon-link';
+import styles from './styles';
+import { View } from 'react-native';
+import { InputElement } from '../wui-input-element';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function RightIcon({
+  loading,
+  showChevron,
+  onPress
+}) {
+  if (loading) {
+    return /*#__PURE__*/_jsx(LoadingSpinner, {
+      size: "md",
+      color: "accent-100",
+      style: styles.spinner
+    });
+  }
+  if (showChevron) {
+    return /*#__PURE__*/_jsx(IconLink, {
+      icon: "chevronRight",
+      onPress: onPress,
+      size: "sm",
+      iconColor: "accent-100"
+    });
+  }
+  return null;
+}
+export function EmailInput({
+  errorMessage,
+  onSubmit,
+  onChangeText,
+  loading,
+  disabled,
+  style,
+  initialValue,
+  submitEnabled = true,
+  ...rest
+}) {
+  const [email, setEmail] = 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__*/_jsx(InputElement, {
+        icon: "close",
+        style: styles.clearButton,
+        onPress: () => {
+          handleChangeText('');
+        }
+      });
+    }
+    return /*#__PURE__*/_jsx(RightIcon, {
+      loading: loading,
+      showChevron: submitEnabled ? !errorMessage : false,
+      onPress: handleChevronPress
+    });
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: style,
+    children: [/*#__PURE__*/_jsx(InputText, {
+      icon: "email",
+      placeholder: "Email",
+      size: "md",
+      onSubmitEditing: handleSubmitEditing,
+      onChangeText: handleChangeText,
+      keyboardType: "email-address",
+      returnKeyType: "go",
+      enablesReturnKeyAutomatically: true,
+      disabled: disabled || loading,
+      value: email,
+      ...rest,
+      children: rightIconTemplate()
+    }), errorMessage ? /*#__PURE__*/_jsx(Text, {
+      color: "error-100",
+      variant: "tiny-500",
+      style: styles.text,
+      children: errorMessage
+    }) : null]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Text","InputText","LoadingSpinner","IconLink","styles","View","InputElement","jsx","_jsx","jsxs","_jsxs","RightIcon","loading","showChevron","onPress","size","color","style","spinner","icon","iconColor","EmailInput","errorMessage","onSubmit","onChangeText","disabled","initialValue","submitEnabled","rest","email","setEmail","handleSubmit","value","handleChevronPress","handleSubmitEditing","nativeEvent","text","handleChangeText","rightIconTemplate","clearButton","children","placeholder","onSubmitEditing","keyboardType","returnKeyType","enablesReturnKeyAutomatically","variant"],"sourceRoot":"../../../../src","sources":["composites/wui-email-input/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,SAAS,QAA6B,mBAAmB;AAClE,SAASC,cAAc,QAAQ,sCAAsC;AACrE,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,YAAY,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWpD,SAASC,SAASA,CAAC;EACjBC,OAAO;EACPC,WAAW;EACXC;AAKF,CAAC,EAAE;EACD,IAAIF,OAAO,EAAE;IACX,oBAAOJ,IAAA,CAACN,cAAc;MAACa,IAAI,EAAC,IAAI;MAACC,KAAK,EAAC,YAAY;MAACC,KAAK,EAAEb,MAAM,CAACc;IAAQ,CAAE,CAAC;EAC/E;EAEA,IAAIL,WAAW,EAAE;IACf,oBAAOL,IAAA,CAACL,QAAQ;MAACgB,IAAI,EAAC,cAAc;MAACL,OAAO,EAAEA,OAAQ;MAACC,IAAI,EAAC,IAAI;MAACK,SAAS,EAAC;IAAY,CAAE,CAAC;EAC5F;EAEA,OAAO,IAAI;AACb;AAEA,OAAO,SAASC,UAAUA,CAAC;EACzBC,YAAY;EACZC,QAAQ;EACRC,YAAY;EACZZ,OAAO;EACPa,QAAQ;EACRR,KAAK;EACLS,YAAY;EACZC,aAAa,GAAG,IAAI;EACpB,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG/B,QAAQ,CAAC2B,YAAY,IAAI,EAAE,CAAC;EAEtD,MAAMK,YAAY,GAAIC,KAAa,IAAK;IACtC,IAAIL,aAAa,EAAE;MACjBJ,QAAQ,GAAGS,KAAK,CAAC;IACnB;EACF,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/BF,YAAY,CAACF,KAAK,CAAC;EACrB,CAAC;EAED,MAAMK,mBAAmB,GAAGA,CAAC;IAAEC,WAAW,EAAE;MAAEC;IAAK;EAAqC,CAAC,KAAK;IAC5FL,YAAY,CAACK,IAAI,CAAC;EACpB,CAAC;EAED,MAAMC,gBAAgB,GAAID,IAAY,IAAK;IACzCN,QAAQ,CAACM,IAAI,CAAC;IACdZ,YAAY,GAAGY,IAAI,CAAC;EACtB,CAAC;EAED,MAAME,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAIT,KAAK,KAAKH,YAAY,EAAE;MAC1B,oBACElB,IAAA,CAACF,YAAY;QACXa,IAAI,EAAC,OAAO;QACZF,KAAK,EAAEb,MAAM,CAACmC,WAAY;QAC1BzB,OAAO,EAAEA,CAAA,KAAM;UACbuB,gBAAgB,CAAC,EAAE,CAAC;QACtB;MAAE,CACH,CAAC;IAEN;IAEA,oBACE7B,IAAA,CAACG,SAAS;MACRC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEc,aAAa,GAAG,CAACL,YAAY,GAAG,KAAM;MACnDR,OAAO,EAAEmB;IAAmB,CAC7B,CAAC;EAEN,CAAC;EAED,oBACEvB,KAAA,CAACL,IAAI;IAACY,KAAK,EAAEA,KAAM;IAAAuB,QAAA,gBACjBhC,IAAA,CAACP,SAAS;MACRkB,IAAI,EAAC,OAAO;MACZsB,WAAW,EAAC,OAAO;MACnB1B,IAAI,EAAC,IAAI;MACT2B,eAAe,EAAER,mBAAoB;MACrCV,YAAY,EAAEa,gBAAiB;MAC/BM,YAAY,EAAC,eAAe;MAC5BC,aAAa,EAAC,IAAI;MAClBC,6BAA6B;MAC7BpB,QAAQ,EAAEA,QAAQ,IAAIb,OAAQ;MAC9BoB,KAAK,EAAEH,KAAM;MAAA,GACTD,IAAI;MAAAY,QAAA,EAEPF,iBAAiB,CAAC;IAAC,CACX,CAAC,EACXhB,YAAY,gBACXd,IAAA,CAACR,IAAI;MAACgB,KAAK,EAAC,WAAW;MAAC8B,OAAO,EAAC,UAAU;MAAC7B,KAAK,EAAEb,MAAM,CAACgC,IAAK;MAAAI,QAAA,EAC3DlB;IAAY,CACT,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { Spacing } from '../../utils/ThemeUtil';
+export default StyleSheet.create({
+  text: {
+    marginTop: Spacing['4xs'],
+    marginLeft: Spacing.l
+  },
+  spinner: {
+    marginRight: Spacing.xs
+  },
+  clearButton: {
+    marginRight: Spacing['4xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Spacing","create","text","marginTop","marginLeft","l","spinner","marginRight","xs","clearButton"],"sourceRoot":"../../../../src","sources":["composites/wui-email-input/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJC,SAAS,EAAEH,OAAO,CAAC,KAAK,CAAC;IACzBI,UAAU,EAAEJ,OAAO,CAACK;EACtB,CAAC;EACDC,OAAO,EAAE;IACPC,WAAW,EAAEP,OAAO,CAACQ;EACvB,CAAC;EACDC,WAAW,EAAE;IACXF,WAAW,EAAEP,OAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,86 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Icon } from '../../components/wui-icon';
+import { useTheme } from '../../hooks/useTheme';
+import { BorderRadius } from '../../utils/ThemeUtil';
+import styles from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function IconBox({
+  size,
+  iconColor = 'fg-100',
+  icon,
+  iconSize,
+  background,
+  backgroundColor,
+  border,
+  borderColor,
+  borderSize = 4,
+  style,
+  testID
+}) {
+  const Theme = useTheme();
+  let _iconSize;
+  switch (size) {
+    case 'xl':
+      _iconSize = 'xl';
+      break;
+    case 'lg':
+      _iconSize = 'lg';
+      break;
+    case 'md':
+      _iconSize = 'sm';
+      break;
+    case 'sm':
+      _iconSize = 'xs';
+      break;
+    default:
+      _iconSize = 'xxs';
+  }
+  let boxSize;
+  switch (size) {
+    case 'xl':
+      boxSize = 56;
+      break;
+    case 'lg':
+      boxSize = 40;
+      break;
+    case 'md':
+      boxSize = 32;
+      break;
+    default:
+      boxSize = 24;
+  }
+  let borderRadius;
+  switch (size) {
+    case 'xl':
+      borderRadius = 's';
+      break;
+    case 'lg':
+      borderRadius = 'xxs';
+      break;
+    default:
+      borderRadius = '3xl';
+  }
+  const backgroundStyle = {
+    backgroundColor: background && backgroundColor ? Theme[backgroundColor] : background ? `${Theme[iconColor]}1E` : 'transparent',
+    borderRadius: BorderRadius[borderRadius]
+  };
+  const containerSize = boxSize + (border ? borderSize : 0);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.box, backgroundStyle, {
+      height: containerSize,
+      width: containerSize
+    }, border && {
+      borderColor: Theme[borderColor || 'bg-125'],
+      borderWidth: borderSize / 2
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Icon, {
+      size: iconSize || _iconSize,
+      color: iconColor,
+      name: icon
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Icon","useTheme","BorderRadius","styles","jsx","_jsx","IconBox","size","iconColor","icon","iconSize","background","backgroundColor","border","borderColor","borderSize","style","testID","Theme","_iconSize","boxSize","borderRadius","backgroundStyle","containerSize","box","height","width","borderWidth","children","color","name"],"sourceRoot":"../../../../src","sources":["composites/wui-icon-box/index.tsx"],"mappings":";;AAAA,SAAyBA,IAAI,QAAwB,cAAc;AACnE,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgB9B,OAAO,SAASC,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,KAAK;EACLC;AACY,CAAC,EAAE;EACf,MAAMC,KAAK,GAAGjB,QAAQ,CAAC,CAAC;EACxB,IAAIkB,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,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,KAAK,IAAI;MACPA,OAAO,GAAG,EAAE;MACZ;IACF;MACEA,OAAO,GAAG,EAAE;EAChB;EAEA,IAAIC,YAAuC;EAC3C,QAAQd,IAAI;IACV,KAAK,IAAI;MACPc,YAAY,GAAG,GAAG;MAClB;IACF,KAAK,IAAI;MACPA,YAAY,GAAG,KAAK;MACpB;IACF;MACEA,YAAY,GAAG,KAAK;EACxB;EAEA,MAAMC,eAAe,GAAG;IACtBV,eAAe,EACbD,UAAU,IAAIC,eAAe,GACzBM,KAAK,CAACN,eAAe,CAAC,GACtBD,UAAU,GACV,GAAGO,KAAK,CAACV,SAAS,CAAc,IAAI,GACpC,aAAa;IACnBa,YAAY,EAAEnB,YAAY,CAACmB,YAAY;EACzC,CAAC;EAED,MAAME,aAAa,GAAGH,OAAO,IAAIP,MAAM,GAAGE,UAAU,GAAG,CAAC,CAAC;EAEzD,oBACEV,IAAA,CAACN,IAAI;IACHiB,KAAK,EAAE,CACLb,MAAM,CAACqB,GAAG,EACVF,eAAe,EACf;MAAEG,MAAM,EAAEF,aAAa;MAAEG,KAAK,EAAEH;IAAc,CAAC,EAC/CV,MAAM,IAAI;MAAEC,WAAW,EAAEI,KAAK,CAACJ,WAAW,IAAI,QAAQ,CAAC;MAAEa,WAAW,EAAEZ,UAAU,GAAG;IAAE,CAAC,EACtFC,KAAK,CACL;IACFC,MAAM,EAAEA,MAAO;IAAAW,QAAA,eAEfvB,IAAA,CAACL,IAAI;MAACO,IAAI,EAAEG,QAAQ,IAAIS,SAAU;MAACU,KAAK,EAAErB,SAAU;MAACsB,IAAI,EAAErB;IAAK,CAAE;EAAC,CAC/D,CAAC;AAEX","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  box: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  border: {
+    borderWidth: 2
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","create","box","alignItems","justifyContent","border","borderWidth"],"sourceRoot":"../../../../src","sources":["composites/wui-icon-box/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,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","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+import { Animated, Pressable } from 'react-native';
+import { Icon } from '../../components/wui-icon';
+import useAnimatedValue from '../../hooks/useAnimatedValue';
+import { useTheme } from '../../hooks/useTheme';
+import styles from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function IconLink({
+  icon,
+  onPress,
+  size = 'md',
+  iconColor = 'fg-100',
+  backgroundColor,
+  pressedColor = 'gray-glass-010',
+  disabled,
+  style,
+  testID
+}) {
+  const Theme = useTheme();
+  const bgColor = backgroundColor ? Theme[backgroundColor] : 'transparent';
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = useAnimatedValue(bgColor, Theme[pressedColor]);
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    disabled: disabled,
+    testID: testID,
+    style: [styles.container, styles[`container-${size}`], {
+      backgroundColor: animatedValue
+    }, style],
+    children: /*#__PURE__*/_jsx(Icon, {
+      name: icon,
+      size: size,
+      color: disabled ? 'gray-glass-020' : iconColor
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Pressable","Icon","useAnimatedValue","useTheme","styles","jsx","_jsx","AnimatedPressable","createAnimatedComponent","IconLink","icon","onPress","size","iconColor","backgroundColor","pressedColor","disabled","style","testID","Theme","bgColor","animatedValue","setStartValue","setEndValue","onPressIn","onPressOut","container","children","name","color"],"sourceRoot":"../../../../src","sources":["composites/wui-icon-link/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAwC,cAAc;AAClF,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,MAAMC,iBAAiB,GAAGR,QAAQ,CAACS,uBAAuB,CAACR,SAAS,CAAC;AAerE,OAAO,SAASS,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,GAAGhB,QAAQ,CAAC,CAAC;EACxB,MAAMiB,OAAO,GAAGN,eAAe,GAAGK,KAAK,CAACL,eAAe,CAAC,GAAG,aAAa;EACxE,MAAM;IAAEO,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAGrB,gBAAgB,CACpEkB,OAAO,EACPD,KAAK,CAACJ,YAAY,CACpB,CAAC;EAED,oBACET,IAAA,CAACC,iBAAiB;IAChBI,OAAO,EAAEA,OAAQ;IACjBa,SAAS,EAAED,WAAY;IACvBE,UAAU,EAAEH,aAAc;IAC1BN,QAAQ,EAAEA,QAAS;IACnBE,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAE,CACLb,MAAM,CAACsB,SAAS,EAChBtB,MAAM,CAAC,aAAaQ,IAAI,EAAE,CAAC,EAC3B;MAAEE,eAAe,EAAEO;IAAc,CAAC,EAClCJ,KAAK,CACL;IAAAU,QAAA,eAEFrB,IAAA,CAACL,IAAI;MACH2B,IAAI,EAAElB,IAAK;MACXE,IAAI,EAAEA,IAAK;MACXiB,KAAK,EAAEb,QAAQ,GAAI,gBAAgB,GAAiBH;IAAU,CAC/D;EAAC,CACe,CAAC;AAExB","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export default StyleSheet.create({
+  'container': {
+    padding: Spacing.xs,
+    borderRadius: 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/module/composites/wui-icon-link/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","padding","xs","borderRadius","xxs","alignItems","justifyContent","height","width"],"sourceRoot":"../../../../src","sources":["composites/wui-icon-link/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAE7D,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/B,WAAW,EAAE;IACXC,OAAO,EAAEF,OAAO,CAACG,EAAE;IACnBC,YAAY,EAAEL,YAAY,CAACM,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","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+import { Animated, Pressable } from 'react-native';
+import { Icon } from '../../components/wui-icon';
+import useAnimatedValue from '../../hooks/useAnimatedValue';
+import { useTheme } from '../../hooks/useTheme';
+import styles from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function InputElement({
+  icon,
+  disabled,
+  onPress,
+  style
+}) {
+  const Theme = useTheme();
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = useAnimatedValue(Theme['gray-glass-020'], Theme['gray-glass-030']);
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    disabled: disabled,
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    hitSlop: 10,
+    style: [styles.container, {
+      backgroundColor: disabled ? Theme['gray-glass-010'] : animatedValue
+    }, style],
+    children: /*#__PURE__*/_jsx(Icon, {
+      name: icon,
+      size: "xxs",
+      color: 'bg-200'
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Pressable","Icon","useAnimatedValue","useTheme","styles","jsx","_jsx","AnimatedPressable","createAnimatedComponent","InputElement","icon","disabled","onPress","style","Theme","animatedValue","setStartValue","setEndValue","onPressIn","onPressOut","hitSlop","container","backgroundColor","children","name","size","color"],"sourceRoot":"../../../../src","sources":["composites/wui-input-element/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAwC,cAAc;AAClF,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,MAAMC,iBAAiB,GAAGR,QAAQ,CAACS,uBAAuB,CAACR,SAAS,CAAC;AASrE,OAAO,SAASS,YAAYA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAyB,CAAC,EAAE;EAClF,MAAMC,KAAK,GAAGX,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEY,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAGf,gBAAgB,CACpEY,KAAK,CAAC,gBAAgB,CAAC,EACvBA,KAAK,CAAC,gBAAgB,CACxB,CAAC;EAED,oBACER,IAAA,CAACC,iBAAiB;IAChBI,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAED,WAAY;IACvBE,UAAU,EAAEH,aAAc;IAC1BI,OAAO,EAAE,EAAG;IACZP,KAAK,EAAE,CACLT,MAAM,CAACiB,SAAS,EAChB;MAAEC,eAAe,EAAEX,QAAQ,GAAGG,KAAK,CAAC,gBAAgB,CAAC,GAAGC;IAAc,CAAC,EACvEF,KAAK,CACL;IAAAU,QAAA,eAEFjB,IAAA,CAACL,IAAI;MAACuB,IAAI,EAAEd,IAAK;MAACe,IAAI,EAAC,KAAK;MAACC,KAAK,EAAE;IAAsB,CAAE;EAAC,CAC5C,CAAC;AAExB","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius } from '../../utils/ThemeUtil';
+export default StyleSheet.create({
+  container: {
+    height: 18,
+    width: 18,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: BorderRadius['4xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","create","container","height","width","alignItems","justifyContent","borderRadius"],"sourceRoot":"../../../../src","sources":["composites/wui-input-element/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAEP,YAAY,CAAC,KAAK;EAClC;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+import { InputText } from '../wui-input-text';
+import styles from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function InputNumeric({
+  disabled,
+  onChangeText,
+  onSubmitEditing,
+  style,
+  inputRef,
+  value,
+  onKeyPress,
+  ...props
+}) {
+  const _onChangeText = text => {
+    const isNumber = /^\d*$/.test(text);
+    if (isNumber) {
+      onChangeText?.(text);
+    }
+  };
+  return /*#__PURE__*/_jsx(InputText, {
+    disabled: disabled,
+    onChangeText: _onChangeText,
+    onSubmitEditing: onSubmitEditing,
+    keyboardType: "number-pad",
+    returnKeyType: "done",
+    inputMode: "numeric",
+    size: "xs",
+    textAlign: "center",
+    inputStyle: [styles.input, style],
+    ref: inputRef,
+    value: value,
+    onKeyPress: onKeyPress,
+    ...props
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["InputText","styles","jsx","_jsx","InputNumeric","disabled","onChangeText","onSubmitEditing","style","inputRef","value","onKeyPress","props","_onChangeText","text","isNumber","test","keyboardType","returnKeyType","inputMode","size","textAlign","inputStyle","input","ref"],"sourceRoot":"../../../../src","sources":["composites/wui-input-numeric/index.tsx"],"mappings":";;AACA,SAASA,SAAS,QAA6B,mBAAmB;AAClE,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY9B,OAAO,SAASC,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,oBACEX,IAAA,CAACH,SAAS;IACRK,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEO,aAAc;IAC5BN,eAAe,EAAEA,eAAgB;IACjCU,YAAY,EAAC,YAAY;IACzBC,aAAa,EAAC,MAAM;IACpBC,SAAS,EAAC,SAAS;IACnBC,IAAI,EAAC,IAAI;IACTC,SAAS,EAAC,QAAQ;IAClBC,UAAU,EAAE,CAACrB,MAAM,CAACsB,KAAK,EAAEf,KAAK,CAAE;IAClCgB,GAAG,EAAEf,QAAS;IACdC,KAAK,EAAEA,KAAM;IACbC,UAAU,EAAEA,UAAW;IAAA,GACnBC;EAAK,CACV,CAAC;AAEN","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  input: {
+    fontSize: 20,
+    fontWeight: '500',
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","create","input","fontSize","fontWeight","textAlign"],"sourceRoot":"../../../../src","sources":["composites/wui-input-numeric/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}