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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Pressable","Icon","useAnimatedValue","useTheme","styles","AnimatedPressable","createAnimatedComponent","IconLink","icon","onPress","size","iconColor","backgroundColor","pressedColor","disabled","style","testID","Theme","bgColor","animatedValue","setStartValue","setEndValue","React","createElement","onPressIn","onPressOut","container","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;AAE7B,MAAMC,iBAAiB,GAAGN,QAAQ,CAACO,uBAAuB,CAACN,SAAS,CAAC;AAerE,OAAO,SAASO,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,GAAGd,QAAQ,CAAC,CAAC;EACxB,MAAMe,OAAO,GAAGN,eAAe,GAAGK,KAAK,CAACL,eAAe,CAAC,GAAG,aAAa;EACxE,MAAM;IAAEO,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAGnB,gBAAgB,CACpEgB,OAAO,EACPD,KAAK,CAACJ,YAAY,CACpB,CAAC;EAED,oBACES,KAAA,CAAAC,aAAA,CAAClB,iBAAiB;IAChBI,OAAO,EAAEA,OAAQ;IACjBe,SAAS,EAAEH,WAAY;IACvBI,UAAU,EAAEL,aAAc;IAC1BN,QAAQ,EAAEA,QAAS;IACnBE,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAE,CACLX,MAAM,CAACsB,SAAS,EAChBtB,MAAM,CAAE,aAAYM,IAAK,EAAC,CAAC,EAC3B;MAAEE,eAAe,EAAEO;IAAc,CAAC,EAClCJ,KAAK;EACL,gBAEFO,KAAA,CAAAC,aAAA,CAACtB,IAAI;IACH0B,IAAI,EAAEnB,IAAK;IACXE,IAAI,EAAEA,IAAK;IACXkB,KAAK,EAAEd,QAAQ,GAAI,gBAAgB,GAAiBH;EAAU,CAC/D,CACgB,CAAC;AAExB"}

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

@@ -0,0 +1,20 @@
+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"}

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

@@ -0,0 +1,34 @@
+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';
+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__*/React.createElement(AnimatedPressable, {
+    disabled: disabled,
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    hitSlop: 10,
+    style: [styles.container, {
+      backgroundColor: disabled ? Theme['gray-glass-010'] : animatedValue
+    }, style]
+  }, /*#__PURE__*/React.createElement(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","AnimatedPressable","createAnimatedComponent","InputElement","icon","disabled","onPress","style","Theme","animatedValue","setStartValue","setEndValue","React","createElement","onPressIn","onPressOut","hitSlop","container","backgroundColor","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;AAE7B,MAAMC,iBAAiB,GAAGN,QAAQ,CAACO,uBAAuB,CAACN,SAAS,CAAC;AASrE,OAAO,SAASO,YAAYA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAyB,CAAC,EAAE;EAClF,MAAMC,KAAK,GAAGT,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEU,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAGb,gBAAgB,CACpEU,KAAK,CAAC,gBAAgB,CAAC,EACvBA,KAAK,CAAC,gBAAgB,CACxB,CAAC;EAED,oBACEI,KAAA,CAAAC,aAAA,CAACZ,iBAAiB;IAChBI,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBQ,SAAS,EAAEH,WAAY;IACvBI,UAAU,EAAEL,aAAc;IAC1BM,OAAO,EAAE,EAAG;IACZT,KAAK,EAAE,CACLP,MAAM,CAACiB,SAAS,EAChB;MAAEC,eAAe,EAAEb,QAAQ,GAAGG,KAAK,CAAC,gBAAgB,CAAC,GAAGC;IAAc,CAAC,EACvEF,KAAK;EACL,gBAEFK,KAAA,CAAAC,aAAA,CAAChB,IAAI;IAACsB,IAAI,EAAEf,IAAK;IAACgB,IAAI,EAAC,KAAK;IAACC,KAAK,EAAE;EAAsB,CAAE,CAC3C,CAAC;AAExB"}

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

@@ -0,0 +1,12 @@
+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"}

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

@@ -0,0 +1,35 @@
+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); }
+import { InputText } from '../wui-input-text';
+import styles from './styles';
+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__*/React.createElement(InputText, _extends({
+    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","InputNumeric","disabled","onChangeText","onSubmitEditing","style","inputRef","value","onKeyPress","props","_onChangeText","text","isNumber","test","React","createElement","_extends","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;AAY7B,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,oBACEG,KAAA,CAAAC,aAAA,CAAChB,SAAS,EAAAiB,QAAA;IACRd,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,CAACtB,MAAM,CAACuB,KAAK,EAAElB,KAAK,CAAE;IAClCmB,GAAG,EAAElB,QAAS;IACdC,KAAK,EAAEA,KAAM;IACbC,UAAU,EAAEA;EAAW,GACnBC,KAAK,CACV,CAAC;AAEN"}

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

@@ -0,0 +1,9 @@
+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"}

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

@@ -0,0 +1,103 @@
+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); }
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { Animated, Pressable, TextInput } from 'react-native';
+import { Icon } from '../../components/wui-icon';
+import useAnimatedValue from '../../hooks/useAnimatedValue';
+import { useTheme } from '../../hooks/useTheme';
+import styles, { outerBorderRadius } from './styles';
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export const InputText = /*#__PURE__*/forwardRef(({
+  children,
+  placeholder,
+  inputStyle,
+  icon,
+  size = 'sm',
+  disabled,
+  returnKeyType,
+  onBlur,
+  onFocus,
+  ...rest
+}, ref) => {
+  const inputRef = useRef(null);
+  const Theme = useTheme();
+  const {
+    animatedValue,
+    valueRef,
+    setStartValue,
+    setEndValue
+  } = useAnimatedValue(Theme['gray-glass-002'], Theme['gray-glass-005'], 100);
+  const outerRadius = outerBorderRadius[size];
+  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.outerBorder, {
+      borderColor: outerBorder,
+      borderRadius: outerRadius
+    }],
+    disabled: disabled,
+    onPress: () => inputRef.current?.focus(),
+    testID: rest.testID
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles[`${size}Container`], {
+      backgroundColor: animatedValue,
+      borderColor: innerBorder
+    }, disabled && {
+      backgroundColor: Theme['gray-glass-002']
+    }]
+  }, icon && /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: "md",
+    color: "fg-275",
+    style: styles.icon
+  }), /*#__PURE__*/React.createElement(TextInput, _extends({
+    ref: inputRef,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    placeholder: placeholder,
+    placeholderTextColor: Theme['fg-275'],
+    returnKeyType: returnKeyType,
+    style: [styles.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

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useImperativeHandle","useRef","Animated","Pressable","TextInput","Icon","useAnimatedValue","useTheme","styles","outerBorderRadius","AnimatedPressable","createAnimatedComponent","InputText","children","placeholder","inputStyle","icon","size","disabled","returnKeyType","onBlur","onFocus","rest","ref","inputRef","Theme","animatedValue","valueRef","setStartValue","setEndValue","outerRadius","clear","current","focus","blur","handleBlur","e","handleFocus","innerBorder","interpolate","inputRange","outputRange","outerBorder","React","createElement","Fragment","style","borderColor","borderRadius","onPress","testID","View","backgroundColor","name","color","_extends","placeholderTextColor","input","autoCapitalize","autoCorrect","autoComplete","spellCheck","selectionColor","underlineColorAndroid","selectTextOnFocus","editable"],"sourceRoot":"../../../../src","sources":["composites/wui-input-text/index.tsx"],"mappings":"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"}

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

@@ -0,0 +1,49 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+const baseStyle = {
+  flexDirection: 'row',
+  height: 40,
+  borderRadius: BorderRadius.xxs,
+  alignItems: 'center',
+  paddingHorizontal: Spacing.xs,
+  borderWidth: 1
+};
+export const outerBorderRadius = {
+  xs: BorderRadius.s,
+  sm: BorderRadius.xs,
+  md: BorderRadius.s
+};
+export default StyleSheet.create({
+  // Used for numeric input
+  xsContainer: {
+    ...baseStyle,
+    borderRadius: BorderRadius.xs,
+    height: 50,
+    width: 50
+  },
+  smContainer: {
+    ...baseStyle
+  },
+  mdContainer: {
+    ...baseStyle,
+    height: 56,
+    borderRadius: BorderRadius.xs
+  },
+  outerBorder: {
+    flexGrow: 1,
+    borderWidth: 4,
+    borderRadius: BorderRadius.xs,
+    borderColor: 'transparent'
+  },
+  input: {
+    flex: 1,
+    marginHorizontal: Spacing['4xs'],
+    fontSize: 16,
+    fontWeight: '400'
+  },
+  icon: {
+    marginLeft: Spacing['3xs'],
+    marginRight: Spacing.xs
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","baseStyle","flexDirection","height","borderRadius","xxs","alignItems","paddingHorizontal","xs","borderWidth","outerBorderRadius","s","sm","md","create","xsContainer","width","smContainer","mdContainer","outerBorder","flexGrow","borderColor","input","flex","marginHorizontal","fontSize","fontWeight","icon","marginLeft","marginRight"],"sourceRoot":"../../../../src","sources":["composites/wui-input-text/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAwB,cAAc;AACzD,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAE7D,MAAMC,SAAS,GAAG;EAChBC,aAAa,EAAE,KAAK;EACpBC,MAAM,EAAE,EAAE;EACVC,YAAY,EAAEL,YAAY,CAACM,GAAG;EAC9BC,UAAU,EAAE,QAAQ;EACpBC,iBAAiB,EAAEP,OAAO,CAACQ,EAAE;EAC7BC,WAAW,EAAE;AACf,CAAc;AAEd,OAAO,MAAMC,iBAAiB,GAAG;EAC/BF,EAAE,EAAET,YAAY,CAACY,CAAC;EAClBC,EAAE,EAAEb,YAAY,CAACS,EAAE;EACnBK,EAAE,EAAEd,YAAY,CAACY;AACnB,CAAC;AAED,eAAeb,UAAU,CAACgB,MAAM,CAAC;EAC/B;EACAC,WAAW,EAAE;IACX,GAAGd,SAAS;IACZG,YAAY,EAAEL,YAAY,CAACS,EAAE;IAC7BL,MAAM,EAAE,EAAE;IACVa,KAAK,EAAE;EACT,CAAC;EACDC,WAAW,EAAE;IACX,GAAGhB;EACL,CAAC;EACDiB,WAAW,EAAE;IACX,GAAGjB,SAAS;IACZE,MAAM,EAAE,EAAE;IACVC,YAAY,EAAEL,YAAY,CAACS;EAC7B,CAAC;EACDW,WAAW,EAAE;IACXC,QAAQ,EAAE,CAAC;IACXX,WAAW,EAAE,CAAC;IACdL,YAAY,EAAEL,YAAY,CAACS,EAAE;IAC7Ba,WAAW,EAAE;EACf,CAAC;EACDC,KAAK,EAAE;IACLC,IAAI,EAAE,CAAC;IACPC,gBAAgB,EAAExB,OAAO,CAAC,KAAK,CAAC;IAChCyB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJC,UAAU,EAAE5B,OAAO,CAAC,KAAK,CAAC;IAC1B6B,WAAW,EAAE7B,OAAO,CAACQ;EACvB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,56 @@
+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); }
+import { Animated, Pressable } from 'react-native';
+import { Icon } from '../../components/wui-icon';
+import { Text } from '../../components/wui-text';
+import useAnimatedValue from '../../hooks/useAnimatedValue';
+import { useTheme } from '../../hooks/useTheme';
+import styles from './styles';
+import { FlexView } from '../../layout/wui-flex';
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function Link({
+  children,
+  disabled,
+  iconLeft,
+  iconRight,
+  onPress,
+  style,
+  size = 'sm',
+  color,
+  ...rest
+}) {
+  const Theme = useTheme();
+  const _color = disabled ? 'fg-300' : color ?? 'accent-100';
+  const iconSize = size === 'md' ? 'sm' : 'xs';
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = useAnimatedValue('transparent', Theme['gray-glass-010']);
+  return /*#__PURE__*/React.createElement(AnimatedPressable, _extends({
+    disabled: disabled,
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    style: [styles[`${size}Container`], {
+      backgroundColor: animatedValue
+    }, style]
+  }, rest), /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  }, iconLeft && /*#__PURE__*/React.createElement(Icon, {
+    color: _color,
+    name: iconLeft,
+    size: iconSize,
+    style: styles.iconLeft
+  }), /*#__PURE__*/React.createElement(Text, {
+    variant: size === 'md' ? 'paragraph-600' : 'small-600',
+    color: _color
+  }, children), iconRight && /*#__PURE__*/React.createElement(Icon, {
+    color: _color,
+    name: iconRight,
+    size: iconSize,
+    style: styles.iconRight
+  })));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Pressable","Icon","Text","useAnimatedValue","useTheme","styles","FlexView","AnimatedPressable","createAnimatedComponent","Link","children","disabled","iconLeft","iconRight","onPress","style","size","color","rest","Theme","_color","iconSize","animatedValue","setStartValue","setEndValue","React","createElement","_extends","onPressIn","onPressOut","backgroundColor","flexDirection","alignItems","justifyContent","name","variant"],"sourceRoot":"../../../../src","sources":["composites/wui-link/index.tsx"],"mappings":";AAAA,SACEA,QAAQ,EACRC,SAAS,QAIJ,cAAc;AACrB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,MAAMC,iBAAiB,GAAGR,QAAQ,CAACS,uBAAuB,CAACR,SAAS,CAAC;AAYrE,OAAO,SAASS,IAAIA,CAAC;EACnBC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,KAAK;EACLC,IAAI,GAAG,IAAI;EACXC,KAAK;EACL,GAAGC;AACM,CAAC,EAAE;EACZ,MAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EACxB,MAAMgB,MAAM,GAAIT,QAAQ,GAAG,QAAQ,GAAGM,KAAK,IAAI,YAA0B;EACzE,MAAMI,QAAQ,GAAGL,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI;EAC5C,MAAM;IAAEM,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAGrB,gBAAgB,CACpE,aAAa,EACbgB,KAAK,CAAC,gBAAgB,CACxB,CAAC;EAED,oBACEM,KAAA,CAAAC,aAAA,CAACnB,iBAAiB,EAAAoB,QAAA;IAChBhB,QAAQ,EAAEA,QAAS;IACnBG,OAAO,EAAEA,OAAQ;IACjBc,SAAS,EAAEJ,WAAY;IACvBK,UAAU,EAAEN,aAAc;IAC1BR,KAAK,EAAE,CAACV,MAAM,CAAE,GAAEW,IAAK,WAAU,CAAC,EAAE;MAAEc,eAAe,EAAER;IAAc,CAAC,EAAEP,KAAK;EAAE,GAC3EG,IAAI,gBAERO,KAAA,CAAAC,aAAA,CAACpB,QAAQ;IAACyB,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC;EAAQ,GACtErB,QAAQ,iBACPa,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAACgB,KAAK,EAAEG,MAAO;IAACc,IAAI,EAAEtB,QAAS;IAACI,IAAI,EAAEK,QAAS;IAACN,KAAK,EAAEV,MAAM,CAACO;EAAS,CAAE,CAC/E,eACDa,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAACiC,OAAO,EAAEnB,IAAI,KAAK,IAAI,GAAG,eAAe,GAAG,WAAY;IAACC,KAAK,EAAEG;EAAO,GACzEV,QACG,CAAC,EACNG,SAAS,iBACRY,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAACgB,KAAK,EAAEG,MAAO;IAACc,IAAI,EAAErB,SAAU;IAACG,IAAI,EAAEK,QAAS;IAACN,KAAK,EAAEV,MAAM,CAACQ;EAAU,CAAE,CAE1E,CACO,CAAC;AAExB"}

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

@@ -0,0 +1,21 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export default StyleSheet.create({
+  smContainer: {
+    paddingVertical: Spacing['4xs'],
+    paddingHorizontal: Spacing['2xs'],
+    borderRadius: BorderRadius['3xs']
+  },
+  mdContainer: {
+    paddingVertical: Spacing['4xs'],
+    paddingHorizontal: Spacing.xs,
+    borderRadius: BorderRadius['3xs']
+  },
+  iconRight: {
+    marginLeft: Spacing['2xs']
+  },
+  iconLeft: {
+    marginRight: Spacing['2xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","smContainer","paddingVertical","paddingHorizontal","borderRadius","mdContainer","xs","iconRight","marginLeft","iconLeft","marginRight"],"sourceRoot":"../../../../src","sources":["composites/wui-link/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAE7D,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,eAAe,EAAEH,OAAO,CAAC,KAAK,CAAC;IAC/BI,iBAAiB,EAAEJ,OAAO,CAAC,KAAK,CAAC;IACjCK,YAAY,EAAEN,YAAY,CAAC,KAAK;EAClC,CAAC;EACDO,WAAW,EAAE;IACXH,eAAe,EAAEH,OAAO,CAAC,KAAK,CAAC;IAC/BI,iBAAiB,EAAEJ,OAAO,CAACO,EAAE;IAC7BF,YAAY,EAAEN,YAAY,CAAC,KAAK;EAClC,CAAC;EACDS,SAAS,EAAE;IACTC,UAAU,EAAET,OAAO,CAAC,KAAK;EAC3B,CAAC;EACDU,QAAQ,EAAE;IACRC,WAAW,EAAEX,OAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC"}

package/lib/module/composites/wui-list-item/index.js

@@ -0,0 +1,88 @@
+import { View, Pressable, Animated } from 'react-native';
+import { Icon } from '../../components/wui-icon';
+import { Image } from '../../components/wui-image';
+import { LoadingSpinner } from '../../components/wui-loading-spinner';
+import useAnimatedValue from '../../hooks/useAnimatedValue';
+import { useTheme } from '../../hooks/useTheme';
+import { IconBox } from '../wui-icon-box';
+import styles from './styles';
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function ListItem({
+  children,
+  icon,
+  variant,
+  imageSrc,
+  imageHeaders,
+  iconVariant = 'blue',
+  chevron,
+  loading,
+  disabled,
+  onPress,
+  style,
+  testID
+}) {
+  const Theme = useTheme();
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = useAnimatedValue(Theme['gray-glass-002'], Theme['gray-glass-010']);
+  function visualTemplate() {
+    if (variant === 'image' && imageSrc) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [styles.imageContainer, {
+          borderColor: Theme['gray-glass-005']
+        }]
+      }, /*#__PURE__*/React.createElement(Image, {
+        source: imageSrc,
+        headers: imageHeaders,
+        style: [styles.image, (disabled || loading) && styles.disabledImage]
+      }));
+    } else if (variant === 'icon' && icon) {
+      const iconColor = iconVariant === 'blue' ? 'accent-100' : 'fg-200';
+      const borderColor = iconVariant === 'blue' ? 'accent-glass-005' : 'gray-glass-005';
+      return /*#__PURE__*/React.createElement(View, {
+        style: [styles.imageContainer, {
+          borderColor: Theme[borderColor]
+        }]
+      }, /*#__PURE__*/React.createElement(IconBox, {
+        icon: icon,
+        iconColor: iconColor,
+        size: "md",
+        background: true,
+        backgroundColor: "gray-glass-010"
+      }));
+    }
+    return null;
+  }
+  function rightTemplate() {
+    if (loading) {
+      return /*#__PURE__*/React.createElement(LoadingSpinner, {
+        color: "fg-200",
+        size: "lg",
+        style: styles.rightIcon
+      });
+    } else if (chevron) {
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: "chevronRight",
+        size: "md",
+        color: "fg-150",
+        style: styles.rightIcon
+      });
+    }
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(AnimatedPressable, {
+    disabled: disabled || loading,
+    style: [styles.container, {
+      backgroundColor: disabled || loading ? Theme['gray-glass-010'] : animatedValue
+    }, style],
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    testID: testID
+  }, visualTemplate(), /*#__PURE__*/React.createElement(View, {
+    style: styles.content
+  }, children), rightTemplate());
+}
+//# sourceMappingURL=index.js.map

package/lib/module/composites/wui-list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Pressable","Animated","Icon","Image","LoadingSpinner","useAnimatedValue","useTheme","IconBox","styles","AnimatedPressable","createAnimatedComponent","ListItem","children","icon","variant","imageSrc","imageHeaders","iconVariant","chevron","loading","disabled","onPress","style","testID","Theme","animatedValue","setStartValue","setEndValue","visualTemplate","React","createElement","imageContainer","borderColor","source","headers","image","disabledImage","iconColor","size","background","backgroundColor","rightTemplate","color","rightIcon","name","container","onPressIn","onPressOut","content"],"sourceRoot":"../../../../src","sources":["composites/wui-list-item/index.tsx"],"mappings":"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"}

package/lib/module/composites/wui-list-item/styles.js

@@ -0,0 +1,37 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export default StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    height: 56,
+    width: '100%',
+    padding: Spacing.s,
+    alignItems: 'center',
+    borderRadius: BorderRadius.xs
+  },
+  content: {
+    flexDirection: 'row',
+    flexGrow: 1,
+    paddingHorizontal: Spacing.s
+  },
+  imageContainer: {
+    width: 36,
+    height: 36,
+    borderRadius: 100,
+    borderWidth: 2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  image: {
+    width: 32,
+    height: 32,
+    borderRadius: 100
+  },
+  disabledImage: {
+    opacity: 0.4
+  },
+  rightIcon: {
+    marginRight: Spacing['2xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/composites/wui-list-item/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","container","flexDirection","height","width","padding","s","alignItems","borderRadius","xs","content","flexGrow","paddingHorizontal","imageContainer","borderWidth","justifyContent","image","disabledImage","opacity","rightIcon","marginRight"],"sourceRoot":"../../../../src","sources":["composites/wui-list-item/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAE7D,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAEN,OAAO,CAACO,CAAC;IAClBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAEV,YAAY,CAACW;EAC7B,CAAC;EACDC,OAAO,EAAE;IACPR,aAAa,EAAE,KAAK;IACpBS,QAAQ,EAAE,CAAC;IACXC,iBAAiB,EAAEb,OAAO,CAACO;EAC7B,CAAC;EACDO,cAAc,EAAE;IACdT,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE,EAAE;IACVK,YAAY,EAAE,GAAG;IACjBM,WAAW,EAAE,CAAC;IACdP,UAAU,EAAE,QAAQ;IACpBQ,cAAc,EAAE;EAClB,CAAC;EACDC,KAAK,EAAE;IACLZ,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE,EAAE;IACVK,YAAY,EAAE;EAChB,CAAC;EACDS,aAAa,EAAE;IACbC,OAAO,EAAE;EACX,CAAC;EACDC,SAAS,EAAE;IACTC,WAAW,EAAErB,OAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC"}

package/lib/module/composites/wui-list-wallet/index.js

@@ -0,0 +1,89 @@
+import { Animated, Pressable, View } from 'react-native';
+import { Text } from '../../components/wui-text';
+import useAnimatedValue from '../../hooks/useAnimatedValue';
+import { useTheme } from '../../hooks/useTheme';
+import { Tag } from '../wui-tag';
+import { WalletImage } from '../wui-wallet-image';
+import { Icon } from '../../components/wui-icon';
+import styles from './styles';
+import { IconBox } from '../wui-icon-box';
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function ListWallet({
+  name,
+  onPress,
+  imageSrc,
+  imageHeaders,
+  showAllWallets,
+  tagLabel,
+  tagVariant,
+  icon,
+  disabled,
+  installed,
+  style,
+  testID
+}) {
+  const Theme = useTheme();
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = useAnimatedValue(Theme['gray-glass-002'], Theme['gray-glass-010']);
+  const templateInstalled = () => {
+    if (!installed) return null;
+    return /*#__PURE__*/React.createElement(IconBox, {
+      icon: "checkmark",
+      iconSize: "xxs",
+      iconColor: 'success-100',
+      border: true,
+      borderColor: "bg-150",
+      background: true,
+      backgroundColor: "icon-box-bg-success-100",
+      size: "sm",
+      style: styles.installedBox
+    });
+  };
+  function imageTemplate() {
+    return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(WalletImage, {
+      style: [styles.image, disabled && styles.imageDisabled],
+      imageSrc: imageSrc,
+      imageHeaders: imageHeaders,
+      showAllWallets: showAllWallets,
+      size: "sm"
+    }), templateInstalled());
+  }
+  function iconTemplate() {
+    if (tagLabel && tagVariant) {
+      return /*#__PURE__*/React.createElement(Tag, {
+        variant: tagVariant,
+        disabled: disabled,
+        style: styles.rightIcon
+      }, tagLabel);
+    }
+    if (icon) {
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: icon,
+        color: disabled ? 'fg-300' : 'fg-200',
+        size: "sm",
+        style: styles.rightIcon
+      });
+    }
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(AnimatedPressable, {
+    style: [styles.container, {
+      backgroundColor: disabled ? Theme['gray-glass-010'] : animatedValue
+    }, style],
+    disabled: disabled,
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    testID: testID
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.leftSide
+  }, imageTemplate(), /*#__PURE__*/React.createElement(Text, {
+    variant: "paragraph-500",
+    style: styles.name,
+    color: disabled ? 'fg-300' : 'fg-100'
+  }, name)), iconTemplate());
+}
+//# sourceMappingURL=index.js.map

package/lib/module/composites/wui-list-wallet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Pressable","View","Text","useAnimatedValue","useTheme","Tag","WalletImage","Icon","styles","IconBox","AnimatedPressable","createAnimatedComponent","ListWallet","name","onPress","imageSrc","imageHeaders","showAllWallets","tagLabel","tagVariant","icon","disabled","installed","style","testID","Theme","animatedValue","setStartValue","setEndValue","templateInstalled","React","createElement","iconSize","iconColor","border","borderColor","background","backgroundColor","size","installedBox","imageTemplate","image","imageDisabled","iconTemplate","variant","rightIcon","color","container","onPressIn","onPressOut","leftSide"],"sourceRoot":"../../../../src","sources":["composites/wui-list-wallet/index.tsx"],"mappings":"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"}