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

package/lib/module/components/wui-visual/index.js

@@ -0,0 +1,40 @@
+import BrowserSvg from '../../assets/visual/Browser';
+import DaoSvg from '../../assets/visual/Dao';
+import DefiSvg from '../../assets/visual/Defi';
+import DefiAltSvg from '../../assets/visual/DefiAlt';
+import EthSvg from '../../assets/visual/Eth';
+import LayersSvg from '../../assets/visual/Layers';
+import LockSvg from '../../assets/visual/Lock';
+import LoginSvg from '../../assets/visual/Login';
+import NetworkSvg from '../../assets/visual/Network';
+import NftSvg from '../../assets/visual/Nft';
+import NounSvg from '../../assets/visual/Noun';
+import ProfileSvg from '../../assets/visual/Profile';
+import SystemSvg from '../../assets/visual/System';
+const svgOptions = {
+  browser: BrowserSvg,
+  dao: DaoSvg,
+  defi: DefiSvg,
+  defiAlt: DefiAltSvg,
+  eth: EthSvg,
+  layers: LayersSvg,
+  lock: LockSvg,
+  login: LoginSvg,
+  network: NetworkSvg,
+  nft: NftSvg,
+  noun: NounSvg,
+  profile: ProfileSvg,
+  system: SystemSvg
+};
+export function Visual({
+  name,
+  style
+}) {
+  const Component = svgOptions[name];
+  return /*#__PURE__*/React.createElement(Component, {
+    width: 60,
+    height: 60,
+    style: style
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/wui-visual/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BrowserSvg","DaoSvg","DefiSvg","DefiAltSvg","EthSvg","LayersSvg","LockSvg","LoginSvg","NetworkSvg","NftSvg","NounSvg","ProfileSvg","SystemSvg","svgOptions","browser","dao","defi","defiAlt","eth","layers","lock","login","network","nft","noun","profile","system","Visual","name","style","Component","React","createElement","width","height"],"sourceRoot":"../../../../src","sources":["components/wui-visual/index.tsx"],"mappings":"AAEA,OAAOA,UAAU,MAAM,6BAA6B;AACpD,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,OAAOC,UAAU,MAAM,6BAA6B;AACpD,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,SAAS,MAAM,4BAA4B;AAClD,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,UAAU,MAAM,6BAA6B;AACpD,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,OAAOC,UAAU,MAAM,6BAA6B;AACpD,OAAOC,SAAS,MAAM,4BAA4B;AAGlD,MAAMC,UAAgE,GAAG;EACvEC,OAAO,EAAEd,UAAU;EACnBe,GAAG,EAAEd,MAAM;EACXe,IAAI,EAAEd,OAAO;EACbe,OAAO,EAAEd,UAAU;EACnBe,GAAG,EAAEd,MAAM;EACXe,MAAM,EAAEd,SAAS;EACjBe,IAAI,EAAEd,OAAO;EACbe,KAAK,EAAEd,QAAQ;EACfe,OAAO,EAAEd,UAAU;EACnBe,GAAG,EAAEd,MAAM;EACXe,IAAI,EAAEd,OAAO;EACbe,OAAO,EAAEd,UAAU;EACnBe,MAAM,EAAEd;AACV,CAAC;AAOD,OAAO,SAASe,MAAMA,CAAC;EAAEC,IAAI;EAAEC;AAAmB,CAAC,EAAE;EACnD,MAAMC,SAAS,GAAGjB,UAAU,CAACe,IAAI,CAAC;EAElC,oBAAOG,KAAA,CAAAC,aAAA,CAACF,SAAS;IAACG,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACL,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC3D"}

package/lib/module/composites/wui-account-button/index.js

@@ -0,0 +1,89 @@
+import { Animated, Pressable, View } from 'react-native';
+import { Image } from '../../components/wui-image';
+import { Text } from '../../components/wui-text';
+import useAnimatedValue from '../../hooks/useAnimatedValue';
+import { useTheme } from '../../hooks/useTheme';
+import { UiUtil } from '../../utils/UiUtil';
+import { Avatar } from '../wui-avatar';
+import { IconBox } from '../wui-icon-box';
+import styles from './styles';
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function AccountButton({
+  networkSrc,
+  imageHeaders,
+  avatarSrc,
+  address,
+  isProfileName,
+  balance,
+  onPress,
+  disabled,
+  style,
+  testID
+}) {
+  const Theme = useTheme();
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = useAnimatedValue(Theme['gray-glass-002'], Theme['gray-glass-010']);
+  function balanceTemplate() {
+    if (balance) {
+      const network = networkSrc ? /*#__PURE__*/React.createElement(Image, {
+        source: networkSrc,
+        headers: imageHeaders,
+        style: [styles.image, {
+          borderColor: Theme['gray-glass-005']
+        }]
+      }) : /*#__PURE__*/React.createElement(IconBox, {
+        icon: "networkPlaceholder",
+        size: "sm",
+        iconColor: "fg-200",
+        background: true,
+        border: true,
+        style: {
+          borderColor: Theme['gray-glass-005']
+        }
+      });
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.networkContainer
+      }, network, /*#__PURE__*/React.createElement(Text, {
+        variant: "paragraph-600",
+        color: "fg-100",
+        style: styles.balance
+      }, balance));
+    }
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(AnimatedPressable, {
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    disabled: disabled,
+    testID: testID,
+    style: [styles.container, {
+      backgroundColor: animatedValue,
+      borderColor: Theme['gray-glass-005']
+    }, style]
+  }, balanceTemplate(), /*#__PURE__*/React.createElement(View, {
+    style: [styles.addressContainer, {
+      backgroundColor: Theme['gray-glass-005'],
+      borderColor: Theme['gray-glass-005']
+    }]
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    imageSrc: avatarSrc,
+    address: address,
+    size: 20,
+    borderWidth: 2,
+    style: [styles.image, !avatarSrc && styles.avatarPlaceholder]
+  }), address && /*#__PURE__*/React.createElement(Text, {
+    variant: "paragraph-500",
+    color: "fg-200",
+    style: styles.address
+  }, UiUtil.getTruncateString({
+    string: address,
+    charsStart: isProfileName ? 18 : 4,
+    charsEnd: isProfileName ? 0 : 6,
+    truncate: isProfileName ? 'end' : 'middle'
+  }))));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/composites/wui-account-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Pressable","View","Image","Text","useAnimatedValue","useTheme","UiUtil","Avatar","IconBox","styles","AnimatedPressable","createAnimatedComponent","AccountButton","networkSrc","imageHeaders","avatarSrc","address","isProfileName","balance","onPress","disabled","style","testID","Theme","animatedValue","setStartValue","setEndValue","balanceTemplate","network","React","createElement","source","headers","image","borderColor","icon","size","iconColor","background","border","networkContainer","variant","color","onPressIn","onPressOut","container","backgroundColor","addressContainer","imageSrc","borderWidth","avatarPlaceholder","getTruncateString","string","charsStart","charsEnd","truncate"],"sourceRoot":"../../../../src","sources":["composites/wui-account-button/index.tsx"],"mappings":"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"}

package/lib/module/composites/wui-account-button/styles.js

@@ -0,0 +1,47 @@
+import { StyleSheet } from 'react-native';
+import { Spacing } from '../../utils/ThemeUtil';
+export default StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    height: 40,
+    borderRadius: 100,
+    borderWidth: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: Spacing['3xs']
+  },
+  image: {
+    height: 24,
+    width: 24,
+    borderRadius: 100,
+    borderWidth: 2
+  },
+  avatarPlaceholder: {
+    borderWidth: 0
+  },
+  networkContainer: {
+    flexDirection: 'row',
+    height: 32,
+    paddingLeft: Spacing['3xs'],
+    paddingRight: Spacing.xs,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  addressContainer: {
+    flexDirection: 'row',
+    height: 32,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingLeft: Spacing['3xs'],
+    paddingRight: Spacing.xs,
+    borderRadius: 100,
+    borderWidth: 1
+  },
+  address: {
+    marginLeft: Spacing['3xs']
+  },
+  balance: {
+    marginLeft: Spacing['3xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/composites/wui-account-button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Spacing","create","container","flexDirection","height","borderRadius","borderWidth","justifyContent","alignItems","paddingHorizontal","image","width","avatarPlaceholder","networkContainer","paddingLeft","paddingRight","xs","addressContainer","address","marginLeft","balance"],"sourceRoot":"../../../../src","sources":["composites/wui-account-button/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,GAAG;IACjBC,WAAW,EAAE,CAAC;IACdC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAET,OAAO,CAAC,KAAK;EAClC,CAAC;EACDU,KAAK,EAAE;IACLN,MAAM,EAAE,EAAE;IACVO,KAAK,EAAE,EAAE;IACTN,YAAY,EAAE,GAAG;IACjBC,WAAW,EAAE;EACf,CAAC;EACDM,iBAAiB,EAAE;IACjBN,WAAW,EAAE;EACf,CAAC;EACDO,gBAAgB,EAAE;IAChBV,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVU,WAAW,EAAEd,OAAO,CAAC,KAAK,CAAC;IAC3Be,YAAY,EAAEf,OAAO,CAACgB,EAAE;IACxBT,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDS,gBAAgB,EAAE;IAChBd,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVG,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBM,WAAW,EAAEd,OAAO,CAAC,KAAK,CAAC;IAC3Be,YAAY,EAAEf,OAAO,CAACgB,EAAE;IACxBX,YAAY,EAAE,GAAG;IACjBC,WAAW,EAAE;EACf,CAAC;EACDY,OAAO,EAAE;IACPC,UAAU,EAAEnB,OAAO,CAAC,KAAK;EAC3B,CAAC;EACDoB,OAAO,EAAE;IACPD,UAAU,EAAEnB,OAAO,CAAC,KAAK;EAC3B;AACF,CAAC,CAAC"}

package/lib/module/composites/wui-action-entry/index.js

@@ -0,0 +1,29 @@
+import { Animated, Pressable } from 'react-native';
+import useAnimatedValue from '../../hooks/useAnimatedValue';
+import { useTheme } from '../../hooks/useTheme';
+import styles from './styles';
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function ActionEntry({
+  children,
+  onPress,
+  disabled,
+  style
+}) {
+  const Theme = useTheme();
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = useAnimatedValue(Theme['gray-glass-002'], Theme['gray-glass-010']);
+  const isPressable = !!onPress;
+  return /*#__PURE__*/React.createElement(AnimatedPressable, {
+    style: [styles.container, {
+      backgroundColor: disabled ? Theme['gray-glass-010'] : animatedValue
+    }, style],
+    disabled: disabled,
+    onPress: onPress,
+    onPressIn: isPressable ? setEndValue : undefined,
+    onPressOut: isPressable ? setStartValue : undefined
+  }, children);
+}
+//# sourceMappingURL=index.js.map

package/lib/module/composites/wui-action-entry/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Pressable","useAnimatedValue","useTheme","styles","AnimatedPressable","createAnimatedComponent","ActionEntry","children","onPress","disabled","style","Theme","animatedValue","setStartValue","setEndValue","isPressable","React","createElement","container","backgroundColor","onPressIn","undefined","onPressOut"],"sourceRoot":"../../../../src","sources":["composites/wui-action-entry/index.tsx"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAwC,cAAc;AAElF,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,OAAOC,MAAM,MAAM,UAAU;AAE7B,MAAMC,iBAAiB,GAAGL,QAAQ,CAACM,uBAAuB,CAACL,SAAS,CAAC;AASrE,OAAO,SAASM,WAAWA,CAAC;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAwB,CAAC,EAAE;EACpF,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;EACD,MAAMI,WAAW,GAAG,CAAC,CAACP,OAAO;EAE7B,oBACEQ,KAAA,CAAAC,aAAA,CAACb,iBAAiB;IAChBM,KAAK,EAAE,CACLP,MAAM,CAACe,SAAS,EAChB;MAAEC,eAAe,EAAEV,QAAQ,GAAGE,KAAK,CAAC,gBAAgB,CAAC,GAAGC;IAAc,CAAC,EACvEF,KAAK,CACL;IACFD,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjBY,SAAS,EAAEL,WAAW,GAAGD,WAAW,GAAGO,SAAU;IACjDC,UAAU,EAAEP,WAAW,GAAGF,aAAa,GAAGQ;EAAU,GAEnDd,QACgB,CAAC;AAExB"}

package/lib/module/composites/wui-action-entry/styles.js

@@ -0,0 +1,19 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export default StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: 56,
+    borderRadius: BorderRadius.xs,
+    paddingHorizontal: Spacing.xs
+  },
+  label: {
+    marginHorizontal: Spacing['4xs']
+  },
+  icon: {
+    marginRight: Spacing.xs
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/composites/wui-action-entry/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","container","flexDirection","alignItems","justifyContent","height","borderRadius","xs","paddingHorizontal","label","marginHorizontal","icon","marginRight"],"sourceRoot":"../../../../src","sources":["composites/wui-action-entry/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,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAER,YAAY,CAACS,EAAE;IAC7BC,iBAAiB,EAAET,OAAO,CAACQ;EAC7B,CAAC;EACDE,KAAK,EAAE;IACLC,gBAAgB,EAAEX,OAAO,CAAC,KAAK;EACjC,CAAC;EACDY,IAAI,EAAE;IACJC,WAAW,EAAEb,OAAO,CAACQ;EACvB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,76 @@
+import { View } from 'react-native';
+import Svg, { Circle, Defs, RadialGradient, Stop } from 'react-native-svg';
+import { Image } from '../../components/wui-image';
+import { useTheme } from '../../hooks/useTheme';
+import { UiUtil } from '../../utils/UiUtil';
+import styles from './styles';
+export function Avatar({
+  imageSrc,
+  address,
+  style,
+  size = 64,
+  borderWidth = 8
+}) {
+  const Theme = useTheme();
+  const colors = UiUtil.generateAvatarColors(address);
+  const containerSize = size + borderWidth * 2;
+  if (imageSrc) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.image, {
+        height: containerSize,
+        width: containerSize,
+        borderColor: Theme['gray-glass-005'],
+        borderWidth
+      }, style]
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: imageSrc,
+      style: [styles.image, {
+        height: size,
+        width: size
+      }]
+    }));
+  }
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: containerSize,
+    height: containerSize,
+    fill: "none",
+    style: style
+  }, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(RadialGradient, {
+    id: "radial",
+    cx: "0",
+    cy: "0",
+    r: "1",
+    gradientUnits: "userSpaceOnUse",
+    gradientTransform: `translate(${size * 0.75} ${size * 0.35}) scale(${size * 0.75})`
+  }, /*#__PURE__*/React.createElement(Stop, {
+    offset: "0.52%",
+    stopColor: "#FFFFFF"
+  }), /*#__PURE__*/React.createElement(Stop, {
+    offset: "31.25%",
+    stopColor: colors[0]
+  }), /*#__PURE__*/React.createElement(Stop, {
+    offset: "51.56%",
+    stopColor: colors[1]
+  }), /*#__PURE__*/React.createElement(Stop, {
+    offset: "65.63%",
+    stopColor: colors[2]
+  }), /*#__PURE__*/React.createElement(Stop, {
+    offset: "82.29%",
+    stopColor: colors[3]
+  }), /*#__PURE__*/React.createElement(Stop, {
+    offset: "100%",
+    stopColor: colors[4]
+  }))), /*#__PURE__*/React.createElement(Circle, {
+    cx: "50%",
+    cy: "50%",
+    r: size / 2,
+    fill: "url(#radial)"
+  }), /*#__PURE__*/React.createElement(Circle, {
+    cx: "50%",
+    cy: "50%",
+    r: (size + borderWidth) / 2,
+    stroke: Theme['gray-glass-005'],
+    strokeWidth: borderWidth
+  }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Svg","Circle","Defs","RadialGradient","Stop","Image","useTheme","UiUtil","styles","Avatar","imageSrc","address","style","size","borderWidth","Theme","colors","generateAvatarColors","containerSize","React","createElement","image","height","width","borderColor","source","fill","id","cx","cy","r","gradientUnits","gradientTransform","offset","stopColor","stroke","strokeWidth"],"sourceRoot":"../../../../src","sources":["composites/wui-avatar/index.tsx"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  image: {
+    borderRadius: 100
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","create","image","borderRadius"],"sourceRoot":"../../../../src","sources":["composites/wui-avatar/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,83 @@
+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 { useRef } from 'react';
+import { Animated, Pressable } from 'react-native';
+import { Text } from '../../components/wui-text';
+import { Icon } from '../../components/wui-icon';
+import { LoadingSpinner } from '../../components/wui-loading-spinner';
+import { useTheme } from '../../hooks/useTheme';
+import styles, { getThemedButtonStyle, getThemedTextStyle, getIconColor } from './styles';
+import { FlexView } from '../../layout/wui-flex';
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function Button({
+  children,
+  size = 'md',
+  variant = 'fill',
+  disabled,
+  onPress,
+  style,
+  iconLeft,
+  iconRight,
+  iconStyle,
+  loading,
+  ...rest
+}) {
+  const Theme = useTheme();
+  const themedTextStyle = getThemedTextStyle(Theme, variant, disabled);
+  const colorAnimation = useRef(new Animated.Value(0));
+  const iconSize = size === 'md' ? 'sm' : 'xs';
+  const iconColor = getIconColor(variant, disabled);
+  const themedNormalStyle = getThemedButtonStyle(Theme, variant, disabled, false);
+  const themedPressedStyle = getThemedButtonStyle(Theme, variant, disabled, true);
+  const onPressIn = () => {
+    Animated.timing(colorAnimation.current, {
+      toValue: 1,
+      useNativeDriver: false,
+      duration: 200
+    }).start();
+  };
+  const onPressOut = () => {
+    Animated.timing(colorAnimation.current, {
+      toValue: 0,
+      useNativeDriver: false,
+      duration: 200
+    }).start();
+  };
+  const backgroundColor = colorAnimation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [themedNormalStyle.backgroundColor, themedPressedStyle.backgroundColor]
+  });
+  const borderColor = colorAnimation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [themedNormalStyle.borderColor, themedPressedStyle.borderColor]
+  });
+  return /*#__PURE__*/React.createElement(AnimatedPressable, _extends({
+    disabled: disabled || loading,
+    style: [styles.button, styles[`${size}Button`], {
+      backgroundColor,
+      borderColor
+    }, style],
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onPress: onPress
+  }, rest), /*#__PURE__*/React.createElement(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  }, iconLeft && /*#__PURE__*/React.createElement(Icon, {
+    color: iconColor,
+    name: iconLeft,
+    size: iconSize,
+    style: [styles.iconLeft, iconStyle]
+  }), loading ? /*#__PURE__*/React.createElement(LoadingSpinner, {
+    color: iconColor
+  }) : /*#__PURE__*/React.createElement(Text, {
+    variant: size === 'md' ? 'paragraph-600' : 'small-600',
+    style: [styles.text, themedTextStyle]
+  }, children), iconRight && /*#__PURE__*/React.createElement(Icon, {
+    color: iconColor,
+    name: iconRight,
+    size: iconSize,
+    style: [styles.iconRight, iconStyle]
+  })));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","Animated","Pressable","Text","Icon","LoadingSpinner","useTheme","styles","getThemedButtonStyle","getThemedTextStyle","getIconColor","FlexView","AnimatedPressable","createAnimatedComponent","Button","children","size","variant","disabled","onPress","style","iconLeft","iconRight","iconStyle","loading","rest","Theme","themedTextStyle","colorAnimation","Value","iconSize","iconColor","themedNormalStyle","themedPressedStyle","onPressIn","timing","current","toValue","useNativeDriver","duration","start","onPressOut","backgroundColor","interpolate","inputRange","outputRange","borderColor","React","createElement","_extends","button","flexDirection","alignItems","justifyContent","color","name","text"],"sourceRoot":"../../../../src","sources":["composites/wui-button/index.tsx"],"mappings":"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"}

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

@@ -0,0 +1,72 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export const getThemedButtonStyle = (theme, variant, disabled, pressed) => {
+  const buttonBaseStyle = {
+    borderColor: theme['gray-glass-010']
+  };
+  if (disabled) {
+    return {
+      backgroundColor: variant === 'fill' ? theme['gray-glass-002'] : theme['gray-glass-010'],
+      borderColor: theme['gray-glass-002']
+    };
+  }
+  if (pressed) {
+    return {
+      ...buttonBaseStyle,
+      backgroundColor: variant === 'fill' ? theme['accent-020'] : theme['gray-glass-010']
+    };
+  }
+  return {
+    ...buttonBaseStyle,
+    backgroundColor: variant === 'fill' ? theme['accent-100'] : 'transparent'
+  };
+};
+export const getThemedTextStyle = (theme, variant, disabled) => {
+  if (disabled) {
+    return {
+      color: theme['gray-glass-020']
+    };
+  }
+  return variant === 'fill' ? {
+    color: theme['inverse-100']
+  } : variant === 'accent' ? {
+    color: theme['accent-100']
+  } : {
+    color: theme['fg-100']
+  };
+};
+export const getIconColor = (variant, disabled) => {
+  if (disabled) {
+    return 'gray-glass-020';
+  }
+  return variant === 'fill' ? 'inverse-100' : variant === 'accent' ? 'accent-100' : 'fg-100';
+};
+export default StyleSheet.create({
+  button: {
+    paddingVertical: Spacing['3xs'],
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: BorderRadius.xs,
+    borderWidth: 1
+  },
+  smButton: {
+    height: 32,
+    paddingHorizontal: Spacing.xs,
+    borderRadius: BorderRadius['3xl']
+  },
+  mdButton: {
+    height: 48,
+    paddingHorizontal: Spacing.xs,
+    borderRadius: BorderRadius.s
+  },
+  text: {
+    marginHorizontal: Spacing['3xs']
+  },
+  iconRight: {
+    marginRight: Spacing['3xs']
+  },
+  iconLeft: {
+    marginLeft: Spacing['3xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","getThemedButtonStyle","theme","variant","disabled","pressed","buttonBaseStyle","borderColor","backgroundColor","getThemedTextStyle","color","getIconColor","create","button","paddingVertical","alignItems","justifyContent","borderRadius","xs","borderWidth","smButton","height","paddingHorizontal","mdButton","s","text","marginHorizontal","iconRight","marginRight","iconLeft","marginLeft"],"sourceRoot":"../../../../src","sources":["composites/wui-button/styles.ts"],"mappings":"AAAA,SAAyBA,UAAU,QAAQ,cAAc;AACzD,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAG7D,OAAO,MAAMC,oBAAoB,GAAGA,CAClCC,KAAqC,EACrCC,OAAmB,EACnBC,QAAkB,EAClBC,OAAiB,KACE;EACnB,MAAMC,eAAe,GAAG;IACtBC,WAAW,EAAEL,KAAK,CAAC,gBAAgB;EACrC,CAAC;EAED,IAAIE,QAAQ,EAAE;IACZ,OAAO;MACLI,eAAe,EAAEL,OAAO,KAAK,MAAM,GAAGD,KAAK,CAAC,gBAAgB,CAAC,GAAGA,KAAK,CAAC,gBAAgB,CAAC;MACvFK,WAAW,EAAEL,KAAK,CAAC,gBAAgB;IACrC,CAAC;EACH;EAEA,IAAIG,OAAO,EAAE;IACX,OAAO;MACL,GAAGC,eAAe;MAClBE,eAAe,EAAEL,OAAO,KAAK,MAAM,GAAGD,KAAK,CAAC,YAAY,CAAC,GAAGA,KAAK,CAAC,gBAAgB;IACpF,CAAC;EACH;EAEA,OAAO;IACL,GAAGI,eAAe;IAClBE,eAAe,EAAEL,OAAO,KAAK,MAAM,GAAGD,KAAK,CAAC,YAAY,CAAC,GAAG;EAC9D,CAAC;AACH,CAAC;AAED,OAAO,MAAMO,kBAAkB,GAAGA,CAChCP,KAAqC,EACrCC,OAAmB,EACnBC,QAAkB,KACC;EACnB,IAAIA,QAAQ,EAAE;IACZ,OAAO;MAAEM,KAAK,EAAER,KAAK,CAAC,gBAAgB;IAAE,CAAC;EAC3C;EAEA,OAAOC,OAAO,KAAK,MAAM,GACrB;IAAEO,KAAK,EAAER,KAAK,CAAC,aAAa;EAAE,CAAC,GAC/BC,OAAO,KAAK,QAAQ,GACpB;IAAEO,KAAK,EAAER,KAAK,CAAC,YAAY;EAAE,CAAC,GAC9B;IAAEQ,KAAK,EAAER,KAAK,CAAC,QAAQ;EAAE,CAAC;AAChC,CAAC;AAED,OAAO,MAAMS,YAAY,GAAGA,CAACR,OAAmB,EAAEC,QAAkB,KAAK;EACvE,IAAIA,QAAQ,EAAE;IACZ,OAAO,gBAAgB;EACzB;EAEA,OAAOD,OAAO,KAAK,MAAM,GAAG,aAAa,GAAGA,OAAO,KAAK,QAAQ,GAAG,YAAY,GAAG,QAAQ;AAC5F,CAAC;AAED,eAAeL,UAAU,CAACc,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,eAAe,EAAEd,OAAO,CAAC,KAAK,CAAC;IAC/Be,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAElB,YAAY,CAACmB,EAAE;IAC7BC,WAAW,EAAE;EACf,CAAC;EACDC,QAAQ,EAAE;IACRC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAEtB,OAAO,CAACkB,EAAE;IAC7BD,YAAY,EAAElB,YAAY,CAAC,KAAK;EAClC,CAAC;EACDwB,QAAQ,EAAE;IACRF,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAEtB,OAAO,CAACkB,EAAE;IAC7BD,YAAY,EAAElB,YAAY,CAACyB;EAC7B,CAAC;EACDC,IAAI,EAAE;IACJC,gBAAgB,EAAE1B,OAAO,CAAC,KAAK;EACjC,CAAC;EACD2B,SAAS,EAAE;IACTC,WAAW,EAAE5B,OAAO,CAAC,KAAK;EAC5B,CAAC;EACD6B,QAAQ,EAAE;IACRC,UAAU,EAAE9B,OAAO,CAAC,KAAK;EAC3B;AACF,CAAC,CAAC"}

package/lib/module/composites/wui-card-select/index.js

@@ -0,0 +1,83 @@
+import { memo } from 'react';
+import { Animated, Pressable, View } from 'react-native';
+import { Text } from '../../components/wui-text';
+import { IconBox } from '../wui-icon-box';
+import useAnimatedValue from '../../hooks/useAnimatedValue';
+import { useTheme } from '../../hooks/useTheme';
+import { NetworkImage } from '../wui-network-image';
+import { WalletImage } from '../wui-wallet-image';
+import styles, { getBackgroundColor, ITEM_HEIGHT, ITEM_WIDTH } from './styles';
+import { UiUtil } from '../../utils/UiUtil';
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export const CardSelectHeight = ITEM_HEIGHT;
+export const CardSelectWidth = ITEM_WIDTH;
+function _CardSelect({
+  name,
+  type = 'wallet',
+  imageSrc,
+  imageHeaders,
+  onPress,
+  disabled,
+  installed,
+  selected,
+  style
+}) {
+  const Theme = useTheme();
+  const normalbackgroundColor = getBackgroundColor({
+    selected,
+    disabled,
+    pressed: false
+  });
+  const pressedBackgroundColor = getBackgroundColor({
+    selected,
+    disabled,
+    pressed: true
+  });
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = useAnimatedValue(Theme[normalbackgroundColor], Theme[pressedBackgroundColor]);
+  const textColor = disabled ? 'fg-300' : selected ? 'accent-100' : 'fg-100';
+  const Image = type === 'wallet' ? WalletImage : NetworkImage;
+  const templateInstalled = () => {
+    if (!installed) return null;
+    return /*#__PURE__*/React.createElement(IconBox, {
+      icon: "checkmark",
+      iconSize: "xs",
+      iconColor: 'success-100',
+      border: true,
+      borderSize: 6,
+      borderColor: "bg-150",
+      background: true,
+      backgroundColor: "icon-box-bg-success-100",
+      size: "sm",
+      style: styles.installedBox
+    });
+  };
+  return /*#__PURE__*/React.createElement(AnimatedPressable, {
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    disabled: disabled,
+    style: [styles.container, {
+      backgroundColor: animatedValue
+    }, style]
+  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Image, {
+    imageSrc: imageSrc,
+    imageHeaders: imageHeaders,
+    size: "md",
+    style: disabled && styles.disabledImage,
+    selected: selected,
+    disabled: disabled
+  }), templateInstalled()), /*#__PURE__*/React.createElement(Text, {
+    variant: "tiny-500",
+    color: textColor,
+    style: styles.text,
+    numberOfLines: 1
+  }, UiUtil.getWalletName(name)));
+}
+export const CardSelect = /*#__PURE__*/memo(_CardSelect, (prevProps, nextProps) => {
+  return prevProps.name === nextProps.name;
+});
+//# sourceMappingURL=index.js.map

package/lib/module/composites/wui-card-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","Animated","Pressable","View","Text","IconBox","useAnimatedValue","useTheme","NetworkImage","WalletImage","styles","getBackgroundColor","ITEM_HEIGHT","ITEM_WIDTH","UiUtil","AnimatedPressable","createAnimatedComponent","CardSelectHeight","CardSelectWidth","_CardSelect","name","type","imageSrc","imageHeaders","onPress","disabled","installed","selected","style","Theme","normalbackgroundColor","pressed","pressedBackgroundColor","animatedValue","setStartValue","setEndValue","textColor","Image","templateInstalled","React","createElement","icon","iconSize","iconColor","border","borderSize","borderColor","background","backgroundColor","size","installedBox","onPressIn","onPressOut","container","disabledImage","variant","color","text","numberOfLines","getWalletName","CardSelect","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select/index.tsx"],"mappings":"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"}