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

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

@@ -0,0 +1,65 @@
+"use strict";
+
+import { Animated, Pressable } from 'react-native';
+import { Avatar } from '../wui-avatar';
+import { UiUtil } from '../../utils/UiUtil';
+import { Text } from '../../components/wui-text';
+import useAnimatedValue from '../../hooks/useAnimatedValue';
+import { useTheme } from '../../hooks/useTheme';
+import styles from './styles';
+import { Icon } from '../../components/wui-icon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function AccountPill({
+  onPress,
+  address,
+  profileName,
+  profileImage,
+  style
+}) {
+  const Theme = useTheme();
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = useAnimatedValue(Theme['gray-glass-005'], Theme['gray-glass-010']);
+  const backgroundColor = animatedValue;
+  const borderColor = Theme['gray-glass-005'];
+  return /*#__PURE__*/_jsxs(AnimatedPressable, {
+    style: [styles.container, {
+      backgroundColor,
+      borderColor
+    }, style],
+    onPressIn: setEndValue,
+    onPressOut: setStartValue,
+    onPress: onPress,
+    hitSlop: 10,
+    children: [/*#__PURE__*/_jsx(Avatar, {
+      imageSrc: profileImage,
+      address: address,
+      size: 28,
+      borderWidth: 0
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "large-500",
+      color: "fg-100",
+      style: styles.text,
+      children: profileName ? UiUtil.getTruncateString({
+        string: profileName,
+        charsStart: 17,
+        charsEnd: 0,
+        truncate: 'end'
+      }) : UiUtil.getTruncateString({
+        string: address ?? '',
+        charsStart: 4,
+        charsEnd: 4,
+        truncate: 'middle'
+      })
+    }), /*#__PURE__*/_jsx(Icon, {
+      name: "chevronBottom",
+      size: "sm",
+      color: "fg-200",
+      style: styles.copyButton
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Pressable","Avatar","UiUtil","Text","useAnimatedValue","useTheme","styles","Icon","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","AccountPill","onPress","address","profileName","profileImage","style","Theme","animatedValue","setStartValue","setEndValue","backgroundColor","borderColor","container","onPressIn","onPressOut","hitSlop","children","imageSrc","size","borderWidth","variant","color","text","getTruncateString","string","charsStart","charsEnd","truncate","name","copyButton"],"sourceRoot":"../../../../src","sources":["composites/wui-account-pill/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAwC,cAAc;AAClF,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,IAAI,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUjD,MAAMC,iBAAiB,GAAGb,QAAQ,CAACc,uBAAuB,CAACb,SAAS,CAAC;AAErE,OAAO,SAASc,WAAWA,CAAC;EAC1BC,OAAO;EACPC,OAAO;EACPC,WAAW;EACXC,YAAY;EACZC;AACgB,CAAC,EAAE;EACnB,MAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EAExB,MAAM;IAAEgB,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAGnB,gBAAgB,CACpEgB,KAAK,CAAC,gBAAgB,CAAC,EACvBA,KAAK,CAAC,gBAAgB,CACxB,CAAC;EAED,MAAMI,eAAe,GAAGH,aAAa;EACrC,MAAMI,WAAW,GAAGL,KAAK,CAAC,gBAAgB,CAAC;EAE3C,oBACET,KAAA,CAACC,iBAAiB;IAChBO,KAAK,EAAE,CAACb,MAAM,CAACoB,SAAS,EAAE;MAAEF,eAAe;MAAEC;IAAY,CAAC,EAAEN,KAAK,CAAE;IACnEQ,SAAS,EAAEJ,WAAY;IACvBK,UAAU,EAAEN,aAAc;IAC1BP,OAAO,EAAEA,OAAQ;IACjBc,OAAO,EAAE,EAAG;IAAAC,QAAA,gBAEZrB,IAAA,CAACR,MAAM;MAAC8B,QAAQ,EAAEb,YAAa;MAACF,OAAO,EAAEA,OAAQ;MAACgB,IAAI,EAAE,EAAG;MAACC,WAAW,EAAE;IAAE,CAAE,CAAC,eAC9ExB,IAAA,CAACN,IAAI;MAAC+B,OAAO,EAAC,WAAW;MAACC,KAAK,EAAC,QAAQ;MAAChB,KAAK,EAAEb,MAAM,CAAC8B,IAAK;MAAAN,QAAA,EACzDb,WAAW,GACRf,MAAM,CAACmC,iBAAiB,CAAC;QACvBC,MAAM,EAAErB,WAAW;QACnBsB,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE,CAAC;QACXC,QAAQ,EAAE;MACZ,CAAC,CAAC,GACFvC,MAAM,CAACmC,iBAAiB,CAAC;QACvBC,MAAM,EAAEtB,OAAO,IAAI,EAAE;QACrBuB,UAAU,EAAE,CAAC;QACbC,QAAQ,EAAE,CAAC;QACXC,QAAQ,EAAE;MACZ,CAAC;IAAC,CACF,CAAC,eACPhC,IAAA,CAACF,IAAI;MAACmC,IAAI,EAAC,eAAe;MAACV,IAAI,EAAC,IAAI;MAACG,KAAK,EAAC,QAAQ;MAAChB,KAAK,EAAEb,MAAM,CAACqC;IAAW,CAAE,CAAC;EAAA,CAC/D,CAAC;AAExB","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export default StyleSheet.create({
+  container: {
+    height: 44,
+    minWidth: 160,
+    maxWidth: 260,
+    paddingLeft: Spacing.xs,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: BorderRadius.full,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  text: {
+    marginLeft: Spacing['2xs']
+  },
+  copyButton: {
+    marginLeft: Spacing.xs,
+    marginRight: Spacing.s
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","container","height","minWidth","maxWidth","paddingLeft","xs","flexDirection","alignItems","justifyContent","borderRadius","full","borderWidth","hairlineWidth","text","marginLeft","copyButton","marginRight","s"],"sourceRoot":"../../../../src","sources":["composites/wui-account-pill/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,MAAM,EAAE,EAAE;IACVC,QAAQ,EAAE,GAAG;IACbC,QAAQ,EAAE,GAAG;IACbC,WAAW,EAAEN,OAAO,CAACO,EAAE;IACvBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAEZ,YAAY,CAACa,IAAI;IAC/BC,WAAW,EAAEf,UAAU,CAACgB;EAC1B,CAAC;EACDC,IAAI,EAAE;IACJC,UAAU,EAAEhB,OAAO,CAAC,KAAK;EAC3B,CAAC;EACDiB,UAAU,EAAE;IACVD,UAAU,EAAEhB,OAAO,CAACO,EAAE;IACtBW,WAAW,EAAElB,OAAO,CAACmB;EACvB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+import { Animated, Pressable } from 'react-native';
+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 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__*/_jsx(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: 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","jsx","_jsx","AnimatedPressable","createAnimatedComponent","ActionEntry","children","onPress","disabled","style","Theme","animatedValue","setStartValue","setEndValue","isPressable","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;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,MAAMC,iBAAiB,GAAGP,QAAQ,CAACQ,uBAAuB,CAACP,SAAS,CAAC;AASrE,OAAO,SAASQ,WAAWA,CAAC;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAwB,CAAC,EAAE;EACpF,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;EACD,MAAMI,WAAW,GAAG,CAAC,CAACP,OAAO;EAE7B,oBACEL,IAAA,CAACC,iBAAiB;IAChBM,KAAK,EAAE,CACLT,MAAM,CAACe,SAAS,EAChB;MAAEC,eAAe,EAAER,QAAQ,GAAGE,KAAK,CAAC,gBAAgB,CAAC,GAAGC;IAAc,CAAC,EACvEF,KAAK,CACL;IACFD,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjBU,SAAS,EAAEH,WAAW,GAAGD,WAAW,GAAGK,SAAU;IACjDC,UAAU,EAAEL,WAAW,GAAGF,aAAa,GAAGM,SAAU;IAAAZ,QAAA,EAEnDA;EAAQ,CACQ,CAAC;AAExB","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+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","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+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';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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__*/_jsx(View, {
+      style: [styles.image, {
+        height: containerSize,
+        width: containerSize,
+        borderColor: Theme['gray-glass-005'],
+        borderWidth
+      }, style],
+      children: /*#__PURE__*/_jsx(Image, {
+        source: imageSrc,
+        style: [styles.image, {
+          height: size,
+          width: size
+        }]
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(Svg, {
+    width: containerSize,
+    height: containerSize,
+    fill: "none",
+    style: style,
+    children: [/*#__PURE__*/_jsx(Defs, {
+      children: /*#__PURE__*/_jsxs(RadialGradient, {
+        id: "radial",
+        cx: "0",
+        cy: "0",
+        r: "1",
+        gradientUnits: "userSpaceOnUse",
+        gradientTransform: `translate(${size * 0.75} ${size * 0.35}) scale(${size * 0.75})`,
+        children: [/*#__PURE__*/_jsx(Stop, {
+          offset: "0.52%",
+          stopColor: "#FFFFFF"
+        }), /*#__PURE__*/_jsx(Stop, {
+          offset: "31.25%",
+          stopColor: colors[0]
+        }), /*#__PURE__*/_jsx(Stop, {
+          offset: "51.56%",
+          stopColor: colors[1]
+        }), /*#__PURE__*/_jsx(Stop, {
+          offset: "65.63%",
+          stopColor: colors[2]
+        }), /*#__PURE__*/_jsx(Stop, {
+          offset: "82.29%",
+          stopColor: colors[3]
+        }), /*#__PURE__*/_jsx(Stop, {
+          offset: "100%",
+          stopColor: colors[4]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Circle, {
+      cx: "50%",
+      cy: "50%",
+      r: size / 2,
+      fill: "url(#radial)"
+    }), /*#__PURE__*/_jsx(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","jsx","_jsx","jsxs","_jsxs","Avatar","imageSrc","address","style","size","borderWidth","Theme","colors","generateAvatarColors","containerSize","image","height","width","borderColor","children","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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","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius } from '../../utils/ThemeUtil';
+export default StyleSheet.create({
+  image: {
+    borderRadius: BorderRadius.full
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","create","image","borderRadius","full"],"sourceRoot":"../../../../src","sources":["composites/wui-avatar/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,YAAY,EAAEH,YAAY,CAACI;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { Text } from '../../components/wui-text';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Balance({
+  integer = '0',
+  decimal = '00'
+}) {
+  return /*#__PURE__*/_jsxs(Text, {
+    color: "fg-100",
+    style: styles.text,
+    children: [`$${integer}`, /*#__PURE__*/_jsx(Text, {
+      color: "fg-200",
+      style: styles.text,
+      children: `.${decimal}`
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 40,
+    fontWeight: '500'
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","jsx","_jsx","jsxs","_jsxs","Balance","integer","decimal","color","style","styles","text","children","create","fontSize","fontWeight"],"sourceRoot":"../../../../src","sources":["composites/wui-balance/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,IAAI,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOjD,OAAO,SAASC,OAAOA,CAAC;EAAEC,OAAO,GAAG,GAAG;EAAEC,OAAO,GAAG;AAAmB,CAAC,EAAE;EACvE,oBACEH,KAAA,CAACJ,IAAI;IAACQ,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,GACrC,IAAIN,OAAO,EAAE,eACdJ,IAAA,CAACF,IAAI;MAACQ,KAAK,EAAC,QAAQ;MAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;MAAAC,QAAA,EACrC,IAAIL,OAAO;IAAE,CACV,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMG,MAAM,GAAGX,UAAU,CAACc,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+import { FlexView } from '../../layout/wui-flex';
+import { IconBox } from '../wui-icon-box';
+import { Text } from '../../components/wui-text';
+import { useTheme } from '../../hooks/useTheme';
+import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Banner({
+  icon,
+  text
+}) {
+  const Theme = useTheme();
+  return /*#__PURE__*/_jsxs(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    style: [styles.container, {
+      backgroundColor: Theme['accent-glass-010']
+    }],
+    children: [/*#__PURE__*/_jsx(IconBox, {
+      icon: icon,
+      size: "sm",
+      iconColor: "fg-200",
+      background: true,
+      style: styles.icon
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "small-400",
+      color: "fg-200",
+      style: styles.text,
+      children: text
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FlexView","IconBox","Text","useTheme","styles","jsx","_jsx","jsxs","_jsxs","Banner","icon","text","Theme","flexDirection","alignItems","style","container","backgroundColor","children","size","iconColor","background","variant","color"],"sourceRoot":"../../../../src","sources":["composites/wui-banner/index.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO9B,OAAO,SAASC,MAAMA,CAAC;EAAEC,IAAI;EAAEC;AAAkB,CAAC,EAAE;EAClD,MAAMC,KAAK,GAAGT,QAAQ,CAAC,CAAC;EAExB,oBACEK,KAAA,CAACR,QAAQ;IACPa,aAAa,EAAC,KAAK;IACnBC,UAAU,EAAC,QAAQ;IACnBC,KAAK,EAAE,CAACX,MAAM,CAACY,SAAS,EAAE;MAAEC,eAAe,EAAEL,KAAK,CAAC,kBAAkB;IAAE,CAAC,CAAE;IAAAM,QAAA,gBAE1EZ,IAAA,CAACL,OAAO;MAACS,IAAI,EAAEA,IAAK;MAACS,IAAI,EAAC,IAAI;MAACC,SAAS,EAAC,QAAQ;MAACC,UAAU;MAACN,KAAK,EAAEX,MAAM,CAACM;IAAK,CAAE,CAAC,eACnFJ,IAAA,CAACJ,IAAI;MAACoB,OAAO,EAAC,WAAW;MAACC,KAAK,EAAC,QAAQ;MAACR,KAAK,EAAEX,MAAM,CAACO,IAAK;MAAAO,QAAA,EACzDP;IAAI,CACD,CAAC;EAAA,CACC,CAAC;AAEf","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export default StyleSheet.create({
+  container: {
+    padding: Spacing.s,
+    borderRadius: BorderRadius.s
+  },
+  icon: {
+    marginRight: Spacing.xs
+  },
+  text: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","container","padding","s","borderRadius","icon","marginRight","xs","text","flex"],"sourceRoot":"../../../../src","sources":["composites/wui-banner/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,OAAO,EAAEH,OAAO,CAACI,CAAC;IAClBC,YAAY,EAAEN,YAAY,CAACK;EAC7B,CAAC;EACDE,IAAI,EAAE;IACJC,WAAW,EAAEP,OAAO,CAACQ;EACvB,CAAC;EACDC,IAAI,EAAE;IACJC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,92 @@
+"use strict";
+
+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';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function Button({
+  children,
+  size = 'md',
+  variant = 'fill',
+  disabled,
+  onPress,
+  style,
+  iconLeft,
+  iconRight,
+  iconStyle,
+  loading,
+  testID,
+  ...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__*/_jsx(AnimatedPressable, {
+    disabled: disabled || loading,
+    style: [styles.button, styles[`${size}Button`], {
+      backgroundColor,
+      borderColor
+    }, style],
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onPress: onPress,
+    testID: testID,
+    ...rest,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      children: [iconLeft ? /*#__PURE__*/_jsx(Icon, {
+        color: iconColor,
+        name: iconLeft,
+        size: iconSize,
+        style: [styles.iconLeft, iconStyle]
+      }) : null, loading ? /*#__PURE__*/_jsx(LoadingSpinner, {
+        color: iconColor,
+        size: "md"
+      }) : null, !loading && (typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+        variant: size === 'md' ? 'paragraph-600' : 'small-600',
+        style: [styles.text, themedTextStyle],
+        children: children
+      }) : children), iconRight ? /*#__PURE__*/_jsx(Icon, {
+        color: iconColor,
+        name: iconRight,
+        size: iconSize,
+        style: [styles.iconRight, iconStyle]
+      }) : null]
+    })
+  });
+}
+//# 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","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","Button","children","size","variant","disabled","onPress","style","iconLeft","iconRight","iconStyle","loading","testID","rest","Theme","themedTextStyle","colorAnimation","Value","iconSize","iconColor","themedNormalStyle","themedPressedStyle","onPressIn","timing","current","toValue","useNativeDriver","duration","start","onPressOut","backgroundColor","interpolate","inputRange","outputRange","borderColor","button","flexDirection","alignItems","justifyContent","color","name","text"],"sourceRoot":"../../../../src","sources":["composites/wui-button/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,74 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export const getThemedButtonStyle = (theme, variant, disabled, pressed) => {
+  const buttonBaseStyle = {
+    borderColor: theme['accent-glass-020']
+  };
+  if (disabled) {
+    return {
+      ...buttonBaseStyle,
+      backgroundColor: variant === 'fill' ? theme['gray-glass-005'] : theme['gray-glass-010']
+    };
+  }
+  if (pressed) {
+    return {
+      ...buttonBaseStyle,
+      backgroundColor: variant === 'fill' ? theme['accent-020'] : theme['gray-glass-010']
+    };
+  }
+  return {
+    ...buttonBaseStyle,
+    backgroundColor: variant === 'fill' ? theme['accent-100'] : theme['gray-glass-005']
+  };
+};
+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: StyleSheet.hairlineWidth
+  },
+  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","hairlineWidth","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,kBAAkB;EACvC,CAAC;EAED,IAAIE,QAAQ,EAAE;IACZ,OAAO;MACL,GAAGE,eAAe;MAClBE,eAAe,EAAEL,OAAO,KAAK,MAAM,GAAGD,KAAK,CAAC,gBAAgB,CAAC,GAAGA,KAAK,CAAC,gBAAgB;IACxF,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,GAAGA,KAAK,CAAC,gBAAgB;EACpF,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,EAAErB,UAAU,CAACsB;EAC1B,CAAC;EACDC,QAAQ,EAAE;IACRC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAEvB,OAAO,CAACkB,EAAE;IAC7BD,YAAY,EAAElB,YAAY,CAAC,KAAK;EAClC,CAAC;EACDyB,QAAQ,EAAE;IACRF,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAEvB,OAAO,CAACkB,EAAE;IAC7BD,YAAY,EAAElB,YAAY,CAAC0B;EAC7B,CAAC;EACDC,IAAI,EAAE;IACJC,gBAAgB,EAAE3B,OAAO,CAAC,KAAK;EACjC,CAAC;EACD4B,SAAS,EAAE;IACTC,WAAW,EAAE7B,OAAO,CAAC,KAAK;EAC5B,CAAC;EACD8B,QAAQ,EAAE;IACRC,UAAU,EAAE/B,OAAO,CAAC,KAAK;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,94 @@
+"use strict";
+
+import { memo, useMemo } 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';
+import { FlexView } from '../../layout/wui-flex';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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,
+  testID
+}) {
+  const Theme = useTheme();
+  const normalbackgroundColor = getBackgroundColor({
+    selected,
+    disabled,
+    pressed: false
+  });
+  const pressedBackgroundColor = getBackgroundColor({
+    selected,
+    disabled,
+    pressed: true
+  });
+  const Image = useMemo(() => type === 'wallet' ? WalletImage : NetworkImage, [type]);
+  const {
+    animatedValue,
+    setStartValue,
+    setEndValue
+  } = useAnimatedValue(Theme[normalbackgroundColor], Theme[pressedBackgroundColor]);
+  const textColor = disabled ? 'fg-300' : selected ? 'accent-100' : 'fg-100';
+  return /*#__PURE__*/_jsx(FlexView, {
+    style: style,
+    alignItems: "center",
+    justifyContent: "center",
+    children: /*#__PURE__*/_jsxs(AnimatedPressable, {
+      onPress: onPress,
+      onPressIn: setEndValue,
+      onPressOut: setStartValue,
+      disabled: disabled,
+      style: [styles.container, {
+        backgroundColor: animatedValue
+      }],
+      testID: testID,
+      children: [/*#__PURE__*/_jsxs(View, {
+        children: [/*#__PURE__*/_jsx(Image, {
+          imageSrc: imageSrc,
+          imageHeaders: imageHeaders,
+          size: "md",
+          style: disabled ? styles.disabledImage : null,
+          selected: selected,
+          disabled: disabled
+        }), installed ? /*#__PURE__*/_jsx(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
+        }) : null]
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "tiny-500",
+        color: textColor,
+        style: styles.text,
+        numberOfLines: 1,
+        children: UiUtil.getWalletName(name)
+      })]
+    })
+  });
+}
+export const CardSelect = /*#__PURE__*/memo(CardSelect_, (prevProps, nextProps) => {
+  return prevProps.name === nextProps.name && prevProps.imageSrc === nextProps.imageSrc && prevProps.selected === nextProps.selected;
+});
+//# sourceMappingURL=index.js.map