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

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

@@ -0,0 +1,38 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export const ITEM_HEIGHT = 96;
+export const ITEM_WIDTH = 76;
+export const getBackgroundColor = ({
+  selected,
+  disabled,
+  pressed
+}) => {
+  if (disabled) return 'gray-glass-005';
+  if (selected) return 'accent-glass-020';
+  return pressed ? 'gray-glass-010' : 'gray-glass-002';
+};
+export default StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    height: ITEM_HEIGHT,
+    width: ITEM_WIDTH,
+    borderRadius: BorderRadius.xs
+  },
+  text: {
+    marginTop: Spacing.xs,
+    marginHorizontal: Spacing['2xs']
+  },
+  disabledImage: {
+    opacity: 0.4
+  },
+  installedBox: {
+    position: 'absolute',
+    bottom: -5,
+    right: -5,
+    height: 24,
+    width: 24,
+    zIndex: 2
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","ITEM_HEIGHT","ITEM_WIDTH","getBackgroundColor","selected","disabled","pressed","create","container","justifyContent","alignItems","height","width","borderRadius","xs","text","marginTop","marginHorizontal","disabledImage","opacity","installedBox","position","bottom","right","zIndex"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAG7D,OAAO,MAAMC,WAAW,GAAG,EAAE;AAC7B,OAAO,MAAMC,UAAU,GAAG,EAAE;AAE5B,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,QAAQ;EACRC;AAKF,CAAC,KAAgB;EACf,IAAID,QAAQ,EAAE,OAAO,gBAAgB;EACrC,IAAID,QAAQ,EAAE,OAAO,kBAAkB;EAEvC,OAAOE,OAAO,GAAG,gBAAgB,GAAG,gBAAgB;AACtD,CAAC;AAED,eAAeR,UAAU,CAACS,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAEV,WAAW;IACnBW,KAAK,EAAEV,UAAU;IACjBW,YAAY,EAAEd,YAAY,CAACe;EAC7B,CAAC;EACDC,IAAI,EAAE;IACJC,SAAS,EAAEhB,OAAO,CAACc,EAAE;IACrBG,gBAAgB,EAAEjB,OAAO,CAAC,KAAK;EACjC,CAAC;EACDkB,aAAa,EAAE;IACbC,OAAO,EAAE;EACX,CAAC;EACDC,YAAY,EAAE;IACZC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC,CAAC;IACVC,KAAK,EAAE,CAAC,CAAC;IACTZ,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTY,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,28 @@
+import { BorderRadius, Spacing, WalletImageSize } from '../../utils/ThemeUtil';
+import { useTheme } from '../../hooks/useTheme';
+import { Shimmer } from '../../components/wui-shimmer';
+import { FlexView } from '../../layout/wui-flex';
+import styles, { ITEM_HEIGHT } from './styles';
+export const CardSelectLoaderHeight = ITEM_HEIGHT;
+export function CardSelectLoader({
+  style
+}) {
+  const Theme = useTheme();
+  return /*#__PURE__*/React.createElement(FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: [styles.container, {
+      backgroundColor: Theme['gray-glass-002']
+    }, style]
+  }, /*#__PURE__*/React.createElement(Shimmer, {
+    height: WalletImageSize.md,
+    width: WalletImageSize.md,
+    borderRadius: BorderRadius.xs
+  }), /*#__PURE__*/React.createElement(Shimmer, {
+    height: 14,
+    width: WalletImageSize.md - Spacing.xs,
+    borderRadius: 6,
+    style: styles.text
+  }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BorderRadius","Spacing","WalletImageSize","useTheme","Shimmer","FlexView","styles","ITEM_HEIGHT","CardSelectLoaderHeight","CardSelectLoader","style","Theme","React","createElement","alignItems","justifyContent","container","backgroundColor","height","md","width","borderRadius","xs","text"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select-loader/index.tsx"],"mappings":"AACA,SAASA,YAAY,EAAEC,OAAO,EAAEC,eAAe,QAAQ,uBAAuB;AAC9E,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,OAAO,QAAQ,8BAA8B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,MAAM,IAAIC,WAAW,QAAQ,UAAU;AAE9C,OAAO,MAAMC,sBAAsB,GAAGD,WAAW;AAMjD,OAAO,SAASE,gBAAgBA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EACjE,MAAMC,KAAK,GAAGR,QAAQ,CAAC,CAAC;EAExB,oBACES,KAAA,CAAAC,aAAA,CAACR,QAAQ;IACPS,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBL,KAAK,EAAE,CAACJ,MAAM,CAACU,SAAS,EAAE;MAAEC,eAAe,EAAEN,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAAED,KAAK;EAAE,gBAE/EE,KAAA,CAAAC,aAAA,CAACT,OAAO;IACNc,MAAM,EAAEhB,eAAe,CAACiB,EAAG;IAC3BC,KAAK,EAAElB,eAAe,CAACiB,EAAG;IAC1BE,YAAY,EAAErB,YAAY,CAACsB;EAAG,CAC/B,CAAC,eACFV,KAAA,CAAAC,aAAA,CAACT,OAAO;IACNc,MAAM,EAAE,EAAG;IACXE,KAAK,EAAElB,eAAe,CAACiB,EAAE,GAAGlB,OAAO,CAACqB,EAAG;IACvCD,YAAY,EAAE,CAAE;IAChBX,KAAK,EAAEJ,MAAM,CAACiB;EAAK,CACpB,CACO,CAAC;AAEf"}

package/lib/module/composites/wui-card-select-loader/styles.js

@@ -0,0 +1,14 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export const ITEM_HEIGHT = 96;
+export default StyleSheet.create({
+  container: {
+    height: ITEM_HEIGHT,
+    width: 76,
+    borderRadius: BorderRadius.xs
+  },
+  text: {
+    marginTop: Spacing.xs
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","ITEM_HEIGHT","create","container","height","width","borderRadius","xs","text","marginTop"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select-loader/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAE7D,OAAO,MAAMC,WAAW,GAAG,EAAE;AAE7B,eAAeH,UAAU,CAACI,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAEH,WAAW;IACnBI,KAAK,EAAE,EAAE;IACTC,YAAY,EAAEP,YAAY,CAACQ;EAC7B,CAAC;EACDC,IAAI,EAAE;IACJC,SAAS,EAAET,OAAO,CAACO;EACrB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,81 @@
+import { useRef, useState } from 'react';
+import { Animated, Linking, Pressable } from 'react-native';
+import { useTheme } from '../../hooks/useTheme';
+import { Text } from '../../components/wui-text';
+import { Image } from '../../components/wui-image';
+import { Icon } from '../../components/wui-icon';
+import styles, { getThemedChipStyle, getThemedTextColor } from './styles';
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function Chip({
+  link,
+  imageSrc,
+  icon,
+  variant = 'fill',
+  size = 'md',
+  disabled,
+  label,
+  style
+}) {
+  const Theme = useTheme();
+  const colorAnimation = useRef(new Animated.Value(0));
+  const [pressed, setPressed] = useState(false);
+  const themedNormalStyle = getThemedChipStyle(Theme, variant, disabled, false);
+  const themedPressedStyle = getThemedChipStyle(Theme, variant, disabled, true);
+  const themedTextColor = getThemedTextColor(variant, disabled, pressed);
+  const iconSize = size === 'md' ? 'sm' : 'xs';
+  const onPress = () => {
+    Linking.canOpenURL(link).then(supported => {
+      if (supported) Linking.openURL(link);
+    });
+  };
+  const onPressIn = () => {
+    Animated.timing(colorAnimation.current, {
+      toValue: 1,
+      useNativeDriver: false,
+      duration: 200
+    }).start();
+    setPressed(true);
+  };
+  const onPressOut = () => {
+    Animated.timing(colorAnimation.current, {
+      toValue: 0,
+      useNativeDriver: false,
+      duration: 200
+    }).start();
+    setPressed(false);
+  };
+  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, {
+    disabled: disabled,
+    style: [styles.container, styles[`${size}Chip`], {
+      borderColor,
+      backgroundColor
+    }, style],
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onPress: onPress
+  }, imageSrc && /*#__PURE__*/React.createElement(Image, {
+    style: [styles.image, styles[`${size}Image`], {
+      borderColor: themedNormalStyle.borderColor
+    }, disabled && styles.disabledImage],
+    source: imageSrc
+  }), /*#__PURE__*/React.createElement(Text, {
+    variant: size === 'md' ? 'paragraph-600' : 'small-600',
+    style: [styles.link, {
+      color: Theme[themedTextColor]
+    }]
+  }, label || link), icon && /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: iconSize,
+    color: themedTextColor,
+    style: styles.icon
+  }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","Animated","Linking","Pressable","useTheme","Text","Image","Icon","styles","getThemedChipStyle","getThemedTextColor","AnimatedPressable","createAnimatedComponent","Chip","link","imageSrc","icon","variant","size","disabled","label","style","Theme","colorAnimation","Value","pressed","setPressed","themedNormalStyle","themedPressedStyle","themedTextColor","iconSize","onPress","canOpenURL","then","supported","openURL","onPressIn","timing","current","toValue","useNativeDriver","duration","start","onPressOut","backgroundColor","interpolate","inputRange","outputRange","borderColor","React","createElement","container","image","disabledImage","source","color","name"],"sourceRoot":"../../../../src","sources":["composites/wui-chip/index.tsx"],"mappings":"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"}

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

@@ -0,0 +1,70 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export const getThemedChipStyle = (theme, variant, disabled, pressed) => {
+  const chipBaseStyle = {
+    borderColor: theme['gray-glass-010']
+  };
+  if (disabled) {
+    return {
+      backgroundColor: theme['gray-glass-020'],
+      borderColor: theme['gray-glass-005']
+    };
+  }
+  if (pressed) {
+    return {
+      ...chipBaseStyle,
+      backgroundColor: variant === 'fill' ? theme['accent-020'] : variant === 'shade' ? theme['gray-glass-020'] : theme['gray-glass-010']
+    };
+  }
+  return {
+    ...chipBaseStyle,
+    backgroundColor: variant === 'fill' ? theme['accent-100'] : variant === 'shade' ? theme['gray-glass-010'] : 'transparent'
+  };
+};
+export const getThemedTextColor = (variant, disabled, pressed) => {
+  if (disabled) {
+    return 'fg-300';
+  }
+  if (pressed) {
+    return variant === 'fill' ? 'inverse-100' : variant === 'shade' ? 'fg-175' : 'fg-150';
+  }
+  return variant === 'fill' ? 'inverse-100' : variant === 'shade' ? 'fg-200' : 'fg-150';
+};
+export default StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    height: 40,
+    paddingHorizontal: Spacing.xs,
+    alignItems: 'center',
+    borderRadius: BorderRadius.s,
+    borderWidth: 1
+  },
+  image: {
+    borderRadius: 100,
+    borderWidth: 1
+  },
+  smImage: {
+    width: 16,
+    height: 16
+  },
+  mdImage: {
+    width: 24,
+    height: 24
+  },
+  disabledImage: {
+    opacity: 0.2
+  },
+  smChip: {
+    height: 32
+  },
+  mdChip: {
+    height: 40
+  },
+  link: {
+    paddingHorizontal: Spacing['2xs']
+  },
+  icon: {
+    marginRight: Spacing['3xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","getThemedChipStyle","theme","variant","disabled","pressed","chipBaseStyle","borderColor","backgroundColor","getThemedTextColor","create","container","flexDirection","height","paddingHorizontal","xs","alignItems","borderRadius","s","borderWidth","image","smImage","width","mdImage","disabledImage","opacity","smChip","mdChip","link","icon","marginRight"],"sourceRoot":"../../../../src","sources":["composites/wui-chip/styles.ts"],"mappings":"AAAA,SAAyBA,UAAU,QAAQ,cAAc;AACzD,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAG7D,OAAO,MAAMC,kBAAkB,GAAGA,CAChCC,KAAqC,EACrCC,OAAiB,EACjBC,QAAkB,EAClBC,OAAiB,KACE;EACnB,MAAMC,aAAa,GAAG;IACpBC,WAAW,EAAEL,KAAK,CAAC,gBAAgB;EACrC,CAAC;EAED,IAAIE,QAAQ,EAAE;IACZ,OAAO;MACLI,eAAe,EAAEN,KAAK,CAAC,gBAAgB,CAAC;MACxCK,WAAW,EAAEL,KAAK,CAAC,gBAAgB;IACrC,CAAC;EACH;EAEA,IAAIG,OAAO,EAAE;IACX,OAAO;MACL,GAAGC,aAAa;MAChBE,eAAe,EACbL,OAAO,KAAK,MAAM,GACdD,KAAK,CAAC,YAAY,CAAC,GACnBC,OAAO,KAAK,OAAO,GACnBD,KAAK,CAAC,gBAAgB,CAAC,GACvBA,KAAK,CAAC,gBAAgB;IAC9B,CAAC;EACH;EAEA,OAAO;IACL,GAAGI,aAAa;IAChBE,eAAe,EACbL,OAAO,KAAK,MAAM,GACdD,KAAK,CAAC,YAAY,CAAC,GACnBC,OAAO,KAAK,OAAO,GACnBD,KAAK,CAAC,gBAAgB,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAED,OAAO,MAAMO,kBAAkB,GAAGA,CAChCN,OAAiB,EACjBC,QAAkB,EAClBC,OAAiB,KACH;EACd,IAAID,QAAQ,EAAE;IACZ,OAAO,QAAQ;EACjB;EAEA,IAAIC,OAAO,EAAE;IACX,OAAOF,OAAO,KAAK,MAAM,GAAG,aAAa,GAAGA,OAAO,KAAK,OAAO,GAAG,QAAQ,GAAG,QAAQ;EACvF;EAEA,OAAOA,OAAO,KAAK,MAAM,GAAG,aAAa,GAAGA,OAAO,KAAK,OAAO,GAAG,QAAQ,GAAG,QAAQ;AACvF,CAAC;AAED,eAAeL,UAAU,CAACY,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAEd,OAAO,CAACe,EAAE;IAC7BC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAElB,YAAY,CAACmB,CAAC;IAC5BC,WAAW,EAAE;EACf,CAAC;EACDC,KAAK,EAAE;IACLH,YAAY,EAAE,GAAG;IACjBE,WAAW,EAAE;EACf,CAAC;EACDE,OAAO,EAAE;IACPC,KAAK,EAAE,EAAE;IACTT,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPD,KAAK,EAAE,EAAE;IACTT,MAAM,EAAE;EACV,CAAC;EACDW,aAAa,EAAE;IACbC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNb,MAAM,EAAE;EACV,CAAC;EACDc,MAAM,EAAE;IACNd,MAAM,EAAE;EACV,CAAC;EACDe,IAAI,EAAE;IACJd,iBAAiB,EAAEd,OAAO,CAAC,KAAK;EAClC,CAAC;EACD6B,IAAI,EAAE;IACJC,WAAW,EAAE9B,OAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,67 @@
+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 { useTheme } from '../../hooks/useTheme';
+import styles, { getThemedButtonStyle, getThemedTextStyle } from './styles';
+import { LoadingSpinner } from '../../components/wui-loading-spinner';
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function ConnectButton({
+  children,
+  size = 'md',
+  onPress,
+  style,
+  loading,
+  disabled,
+  ...rest
+}) {
+  const Theme = useTheme();
+  const themedTextStyle = getThemedTextStyle(Theme, loading);
+  const colorAnimation = useRef(new Animated.Value(0));
+  const themedNormalStyle = getThemedButtonStyle(Theme, loading, false);
+  const themedPressedStyle = getThemedButtonStyle(Theme, loading, 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]
+  });
+  const loadingTemplate = () => {
+    if (!loading) return null;
+    return /*#__PURE__*/React.createElement(LoadingSpinner, {
+      size: size,
+      style: styles.loader,
+      color: "inverse-100"
+    });
+  };
+  return /*#__PURE__*/React.createElement(AnimatedPressable, _extends({
+    disabled: loading || disabled,
+    style: [styles.button, styles[`${size}Button`], {
+      backgroundColor,
+      borderColor
+    }, style],
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onPress: onPress
+  }, rest), loadingTemplate(), /*#__PURE__*/React.createElement(Text, {
+    variant: size === 'md' ? 'paragraph-500' : 'small-600',
+    style: themedTextStyle
+  }, children));
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,55 @@
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export 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']
+  };
+};
+export const getThemedTextStyle = (theme, loading) => {
+  if (loading) {
+    return {
+      color: theme['inverse-100']
+    };
+  }
+  return {
+    color: theme['inverse-100']
+  };
+};
+export default StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    height: 40,
+    paddingVertical: Spacing['3xs'],
+    paddingHorizontal: Spacing.l,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: BorderRadius.s,
+    borderWidth: 1
+  },
+  smButton: {
+    height: 32
+  },
+  mdButton: {
+    height: 40
+  },
+  loader: {
+    marginRight: Spacing['2xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","getThemedButtonStyle","theme","loading","pressed","buttonBaseStyle","borderColor","backgroundColor","getThemedTextStyle","color","create","button","flexDirection","height","paddingVertical","paddingHorizontal","l","alignItems","justifyContent","borderRadius","s","borderWidth","smButton","mdButton","loader","marginRight"],"sourceRoot":"../../../../src","sources":["composites/wui-connect-button/styles.ts"],"mappings":"AAAA,SAAyBA,UAAU,QAAQ,cAAc;AACzD,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAG7D,OAAO,MAAMC,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;AAED,OAAO,MAAMM,kBAAkB,GAAGA,CAChCN,KAAqC,EACrCC,OAAiB,KACE;EACnB,IAAIA,OAAO,EAAE;IACX,OAAO;MAAEM,KAAK,EAAEP,KAAK,CAAC,aAAa;IAAE,CAAC;EACxC;EAEA,OAAO;IAAEO,KAAK,EAAEP,KAAK,CAAC,aAAa;EAAE,CAAC;AACxC,CAAC;AAED,eAAeJ,UAAU,CAACY,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,eAAe,EAAEd,OAAO,CAAC,KAAK,CAAC;IAC/Be,iBAAiB,EAAEf,OAAO,CAACgB,CAAC;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAEpB,YAAY,CAACqB,CAAC;IAC5BC,WAAW,EAAE;EACf,CAAC;EACDC,QAAQ,EAAE;IACRT,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRV,MAAM,EAAE;EACV,CAAC;EACDW,MAAM,EAAE;IACNC,WAAW,EAAEzB,OAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,98 @@
+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 { 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';
+function RightIcon({
+  loading,
+  showChevron,
+  onPress
+}) {
+  if (loading) {
+    return /*#__PURE__*/React.createElement(LoadingSpinner, {
+      size: "md",
+      color: "accent-100",
+      style: styles.spinner
+    });
+  }
+  if (showChevron) {
+    return /*#__PURE__*/React.createElement(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__*/React.createElement(InputElement, {
+        icon: "close",
+        style: styles.clearButton,
+        onPress: () => {
+          handleChangeText('');
+        }
+      });
+    }
+    return /*#__PURE__*/React.createElement(RightIcon, {
+      loading: loading,
+      showChevron: submitEnabled && !errorMessage,
+      onPress: handleChevronPress
+    });
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: style
+  }, /*#__PURE__*/React.createElement(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(Text, {
+    color: "error-100",
+    variant: "tiny-500",
+    style: styles.text
+  }, errorMessage));
+}
+//# 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","RightIcon","loading","showChevron","onPress","React","createElement","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","_extends","placeholder","onSubmitEditing","keyboardType","returnKeyType","enablesReturnKeyAutomatically","variant"],"sourceRoot":"../../../../src","sources":["composites/wui-email-input/index.tsx"],"mappings":"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"}

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

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

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

@@ -0,0 +1,64 @@
+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';
+export function IconBox({
+  size,
+  iconColor = 'fg-100',
+  icon,
+  iconSize,
+  background,
+  backgroundColor,
+  border,
+  borderColor,
+  borderSize = 4,
+  style
+}) {
+  const Theme = 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: BorderRadius[borderRadius]
+  };
+  const containerSize = boxSize + (border ? borderSize : 0);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.box, backgroundStyle, {
+      height: containerSize,
+      width: containerSize
+    }, border && {
+      borderColor: Theme[borderColor || 'bg-125'],
+      borderWidth: borderSize / 2
+    }, style]
+  }, /*#__PURE__*/React.createElement(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","IconBox","size","iconColor","icon","iconSize","background","backgroundColor","border","borderColor","borderSize","style","Theme","_iconSize","boxSize","borderRadius","backgroundStyle","containerSize","React","createElement","box","height","width","borderWidth","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;AAe7B,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;AACY,CAAC,EAAE;EACf,MAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,IAAIe,SAAmB;EACvB,QAAQX,IAAI;IACV,KAAK,IAAI;MACPW,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,QAAQZ,IAAI;IACV,KAAK,IAAI;MACPY,OAAO,GAAG,EAAE;MACZ;IACF,KAAK,IAAI;MACPA,OAAO,GAAG,EAAE;MACZ;IACF;MACEA,OAAO,GAAG,EAAE;EAChB;EAEA,MAAMC,YAAY,GAAGb,IAAI,KAAK,IAAI,GAAG,KAAK,GAAG,KAAK;EAElD,MAAMc,eAAe,GAAG;IACtBT,eAAe,EACbD,UAAU,IAAIC,eAAe,GACzBK,KAAK,CAACL,eAAe,CAAC,GACtBD,UAAU,GACT,GAAEM,KAAK,CAACT,SAAS,CAAe,IAAG,GACpC,aAAa;IACnBY,YAAY,EAAEhB,YAAY,CAACgB,YAAY;EACzC,CAAC;EAED,MAAME,aAAa,GAAGH,OAAO,IAAIN,MAAM,GAAGE,UAAU,GAAG,CAAC,CAAC;EAEzD,oBACEQ,KAAA,CAAAC,aAAA,CAACvB,IAAI;IACHe,KAAK,EAAE,CACLX,MAAM,CAACoB,GAAG,EACVJ,eAAe,EACf;MAAEK,MAAM,EAAEJ,aAAa;MAAEK,KAAK,EAAEL;IAAc,CAAC,EAC/CT,MAAM,IAAI;MAAEC,WAAW,EAAEG,KAAK,CAACH,WAAW,IAAI,QAAQ,CAAC;MAAEc,WAAW,EAAEb,UAAU,GAAG;IAAE,CAAC,EACtFC,KAAK;EACL,gBAEFO,KAAA,CAAAC,aAAA,CAACtB,IAAI;IAACK,IAAI,EAAEG,QAAQ,IAAIQ,SAAU;IAACW,KAAK,EAAErB,SAAU;IAACsB,IAAI,EAAErB;EAAK,CAAE,CAC9D,CAAC;AAEX"}

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

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

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

@@ -0,0 +1,40 @@
+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 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__*/React.createElement(AnimatedPressable, {
+    onPress: onPress,
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    disabled: disabled,
+    testID: testID,
+    style: [styles.container, styles[`container-${size}`], {
+      backgroundColor: animatedValue
+    }, style]
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: size,
+    color: disabled ? 'gray-glass-020' : iconColor
+  }));
+}
+//# sourceMappingURL=index.js.map