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

package/lib/commonjs/components/wui-modal/index.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Modal = Modal;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useTheme = require("../../hooks/useTheme");
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
+function Modal({
+  visible,
+  onBackdropPress,
+  onRequestClose,
+  testID,
+  children
+}) {
+  const {
+    height
+  } = (0, _reactNative.useWindowDimensions)();
+  const Theme = (0, _useTheme.useTheme)();
+  const backdropOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(height)).current;
+  const [showBackdrop, setShowBackdrop] = (0, _react.useState)(false);
+  const [modalVisible, setModalVisible] = (0, _react.useState)(false);
+  const [contentHeight, setContentHeight] = (0, _react.useState)(0);
+  const onContentLayout = event => {
+    const {
+      height: measuredHeight
+    } = event.nativeEvent.layout;
+    setContentHeight(measuredHeight > height ? height : measuredHeight);
+  };
+
+  // Handle modal visibility
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      setModalVisible(true);
+      setShowBackdrop(true);
+    }
+  }, [visible]);
+
+  // Handle backdrop animation
+  (0, _react.useEffect)(() => {
+    let backdropAnimation;
+    if (visible) {
+      backdropAnimation = _reactNative.Animated.timing(backdropOpacity, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true
+      });
+      backdropAnimation.start();
+    } else if (modalVisible) {
+      backdropAnimation = _reactNative.Animated.timing(backdropOpacity, {
+        toValue: 0,
+        duration: 250,
+        useNativeDriver: true
+      });
+      backdropAnimation.start(() => {
+        setShowBackdrop(false);
+      });
+    }
+    return () => {
+      backdropAnimation?.stop();
+    };
+  }, [visible, modalVisible, backdropOpacity]);
+
+  // Handle modal position animation + visibility
+  (0, _react.useEffect)(() => {
+    let modalAnimation;
+    if (visible && modalVisible) {
+      // Calculate the target position (screen height - card height)
+      const targetY = contentHeight > 0 ? height - contentHeight : height * 0.2; // fallback to 20% from bottom
+
+      modalAnimation = _reactNative.Animated.spring(translateY, {
+        toValue: targetY,
+        damping: 25,
+        stiffness: 220,
+        mass: 1,
+        useNativeDriver: true
+      });
+      modalAnimation.start();
+    } else if (!visible && modalVisible) {
+      // Hide modal to the bottom of the screen. Not using spring as it blocks the UI for a bit when closed
+      modalAnimation = _reactNative.Animated.timing(translateY, {
+        toValue: height,
+        duration: 150,
+        useNativeDriver: true
+      });
+      modalAnimation.start(() => {
+        setModalVisible(false);
+      });
+    }
+    return () => {
+      modalAnimation?.stop();
+    };
+  }, [visible, modalVisible, translateY, height, contentHeight]);
+
+  // Reset animation values when modal is fully closed
+  (0, _react.useEffect)(() => {
+    if (!modalVisible) {
+      translateY.setValue(height);
+      backdropOpacity.setValue(0);
+    }
+  }, [modalVisible, translateY, backdropOpacity, height]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
+    visible: modalVisible,
+    transparent: true,
+    animationType: "none",
+    statusBarTranslucent: true,
+    onRequestClose: onRequestClose,
+    testID: testID,
+    children: [showBackdrop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
+      style: [_styles.default.backdrop, {
+        opacity: backdropOpacity
+      }],
+      onPress: onBackdropPress
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+      style: [_styles.default.modal, {
+        transform: [{
+          translateY
+        }]
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        onLayout: onContentLayout,
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [_styles.default.bottomBackground, {
+          backgroundColor: Theme['bg-100']
+        }]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/wui-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","Modal","visible","onBackdropPress","onRequestClose","testID","children","height","useWindowDimensions","Theme","useTheme","backdropOpacity","useRef","Value","current","translateY","showBackdrop","setShowBackdrop","useState","modalVisible","setModalVisible","contentHeight","setContentHeight","onContentLayout","event","measuredHeight","nativeEvent","layout","useEffect","backdropAnimation","timing","toValue","duration","useNativeDriver","start","stop","modalAnimation","targetY","spring","damping","stiffness","mass","setValue","jsxs","transparent","animationType","statusBarTranslucent","jsx","style","styles","backdrop","opacity","onPress","View","modal","transform","onLayout","bottomBackground","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/wui-modal/styles.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  backdrop: {
+    flexGrow: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  modal: {
+    backgroundColor: 'transparent',
+    borderWidth: 0,
+    borderTopLeftRadius: _ThemeUtil.BorderRadius.l,
+    borderTopRightRadius: _ThemeUtil.BorderRadius.l,
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  bottomBackground: {
+    flexGrow: 1,
+    // workaround to fix the bottom background color
+    top: -2,
+    bottom: -20
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/wui-modal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","backdrop","flexGrow","backgroundColor","modal","borderWidth","borderTopLeftRadius","BorderRadius","l","borderTopRightRadius","position","top","left","right","bottom","bottomBackground"],"sourceRoot":"../../../../src","sources":["components/wui-modal/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAqD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEtCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,QAAQ,EAAE,CAAC;IACXC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACLD,eAAe,EAAE,aAAa;IAC9BE,WAAW,EAAE,CAAC;IACdC,mBAAmB,EAAEC,uBAAY,CAACC,CAAC;IACnCC,oBAAoB,EAAEF,uBAAY,CAACC,CAAC;IACpCE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBb,QAAQ,EAAE,CAAC;IACX;IACAS,GAAG,EAAE,CAAC,CAAC;IACPG,MAAM,EAAE,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/wui-pressable/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pressable = Pressable;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useTheme = require("../../hooks/useTheme");
+var _jsxRuntime = require("react/jsx-runtime");
+const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
+function Pressable({
+  children,
+  style,
+  disabled = false,
+  pressable = true,
+  onPress,
+  transparent = false,
+  backgroundColor = 'gray-glass-002',
+  pressedBackgroundColor = 'gray-glass-010',
+  bounceScale = 0.99,
+  // Scale to 99% of original size
+  animationDuration = 200,
+  // 200ms animation
+  ...rest
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  const pressAnimation = (0, _react.useRef)(new _reactNative.Animated.Value(0));
+  const scaleAnimation = (0, _react.useRef)(new _reactNative.Animated.Value(1));
+  const onPressIn = () => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(pressAnimation.current, {
+      toValue: 1,
+      useNativeDriver: false,
+      duration: animationDuration
+    }), _reactNative.Animated.timing(scaleAnimation.current, {
+      toValue: bounceScale,
+      useNativeDriver: false,
+      duration: animationDuration
+    })]).start();
+  };
+  const onPressOut = () => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(pressAnimation.current, {
+      toValue: 0,
+      useNativeDriver: false,
+      duration: animationDuration
+    }), _reactNative.Animated.timing(scaleAnimation.current, {
+      toValue: 1,
+      useNativeDriver: false,
+      duration: animationDuration
+    })]).start();
+  };
+  const bgColor = pressAnimation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [Theme[backgroundColor] ?? 'transparent', Theme[pressedBackgroundColor] ?? 'transparent']
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
+    disabled: disabled || !pressable,
+    style: [
+    // eslint-disable-next-line react-native/no-inline-styles
+    {
+      backgroundColor: transparent ? 'transparent' : bgColor,
+      transform: [{
+        scale: scaleAnimation.current
+      }]
+    }, style],
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onPress: onPress,
+    ...rest,
+    children: children
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/wui-pressable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_useTheme","_jsxRuntime","AnimatedPressable","Animated","createAnimatedComponent","RNPressable","Pressable","children","style","disabled","pressable","onPress","transparent","backgroundColor","pressedBackgroundColor","bounceScale","animationDuration","rest","Theme","useTheme","pressAnimation","useRef","Value","scaleAnimation","onPressIn","parallel","timing","current","toValue","useNativeDriver","duration","start","onPressOut","bgColor","interpolate","inputRange","outputRange","jsx","transform","scale"],"sourceRoot":"../../../../src","sources":["components/wui-pressable/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,SAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAGhD,MAAMI,iBAAiB,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,sBAAW,CAAC;AAchE,SAASC,SAASA,CAAC;EACxBC,QAAQ;EACRC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAG,IAAI;EAChBC,OAAO;EACPC,WAAW,GAAG,KAAK;EACnBC,eAAe,GAAG,gBAAgB;EAClCC,sBAAsB,GAAG,gBAAgB;EACzCC,WAAW,GAAG,IAAI;EAAE;EACpBC,iBAAiB,GAAG,GAAG;EAAE;EACzB,GAAGC;AACW,CAAC,EAAE;EACjB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAC,IAAIlB,qBAAQ,CAACmB,KAAK,CAAC,CAAC,CAAC,CAAC;EACpD,MAAMC,cAAc,GAAG,IAAAF,aAAM,EAAC,IAAIlB,qBAAQ,CAACmB,KAAK,CAAC,CAAC,CAAC,CAAC;EAEpD,MAAME,SAAS,GAAGA,CAAA,KAAM;IACtBrB,qBAAQ,CAACsB,QAAQ,CAAC,CAChBtB,qBAAQ,CAACuB,MAAM,CAACN,cAAc,CAACO,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEd;IACZ,CAAC,CAAC,EAEFb,qBAAQ,CAACuB,MAAM,CAACH,cAAc,CAACI,OAAO,EAAE;MACtCC,OAAO,EAAEb,WAAW;MACpBc,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEd;IACZ,CAAC,CAAC,CACH,CAAC,CAACe,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvB7B,qBAAQ,CAACsB,QAAQ,CAAC,CAChBtB,qBAAQ,CAACuB,MAAM,CAACN,cAAc,CAACO,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEd;IACZ,CAAC,CAAC,EACFb,qBAAQ,CAACuB,MAAM,CAACH,cAAc,CAACI,OAAO,EAAE;MACtCC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,KAAK;MACtBC,QAAQ,EAAEd;IACZ,CAAC,CAAC,CACH,CAAC,CAACe,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAME,OAAO,GAAGb,cAAc,CAACO,OAAO,CAACO,WAAW,CAAC;IACjDC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CACXlB,KAAK,CAACL,eAAe,CAAc,IAAI,aAAa,EACpDK,KAAK,CAACJ,sBAAsB,CAAc,IAAI,aAAa;EAE/D,CAAC,CAAC;EAEF,oBACE,IAAAb,WAAA,CAAAoC,GAAA,EAACnC,iBAAiB;IAChBO,QAAQ,EAAEA,QAAQ,IAAI,CAACC,SAAU;IACjCF,KAAK,EAAE;IACL;IACA;MACEK,eAAe,EAAED,WAAW,GAAG,aAAa,GAAGqB,OAAO;MACtDK,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAEhB,cAAc,CAACI;MAAQ,CAAC;IAC/C,CAAC,EACDnB,KAAK,CACL;IACFgB,SAAS,EAAEA,SAAU;IACrBQ,UAAU,EAAEA,UAAW;IACvBrB,OAAO,EAAEA,OAAQ;IAAA,GACbM,IAAI;IAAAV,QAAA,EAEPA;EAAQ,CACQ,CAAC;AAExB","ignoreList":[]}

package/lib/commonjs/components/wui-shimmer/index.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Shimmer = void 0;
+var _reactNative = require("react-native");
+var _react = require("react");
+var _useTheme = require("../../hooks/useTheme");
+var _jsxRuntime = require("react/jsx-runtime");
+function Shimmer_({
+  width = 200,
+  height = 200,
+  duration = 1000,
+  borderRadius = 0,
+  backgroundColor,
+  foregroundColor,
+  highlightWidthRatio = 0.3,
+  highlightOpacity = 0.5,
+  angle = 20,
+  style
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  const [measuredWidth, setMeasuredWidth] = (0, _react.useState)(null);
+  const [measuredHeight, setMeasuredHeight] = (0, _react.useState)(null);
+  const translateRef = (0, _react.useRef)(new _reactNative.Animated.Value(0));
+  const loopRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (!measuredWidth) {
+      return undefined;
+    }
+    const translateX = translateRef.current;
+    translateX.setValue(0);
+    const timing = _reactNative.Animated.timing(translateX, {
+      toValue: 1,
+      duration,
+      useNativeDriver: true
+    });
+    const loop = _reactNative.Animated.loop(timing);
+    loopRef.current = loop;
+    loop.start();
+    return () => {
+      loop.stop();
+      if (loopRef.current === loop) {
+        loopRef.current = null;
+      }
+      translateX.stopAnimation(() => {
+        translateX.setValue(0);
+      });
+    };
+  }, [duration, measuredWidth]);
+  const baseColor = backgroundColor ?? Theme['bg-200'];
+  const highlightColor = foregroundColor ?? Theme['bg-300'];
+  const onLayout = event => {
+    const {
+      width: w,
+      height: h
+    } = event.nativeEvent.layout;
+    // Update measurements whenever they change to adapt to dynamic layout/orientation
+    if (measuredWidth == null || Math.abs(w - measuredWidth) > 0.5) {
+      setMeasuredWidth(w);
+    }
+    if (measuredHeight == null || Math.abs(h - measuredHeight) > 0.5) {
+      setMeasuredHeight(h);
+    }
+  };
+
+  // Compute animated translateX only if we have width
+  let animatedTranslateX = 0;
+  let bandWidth = 0;
+  if (measuredWidth) {
+    bandWidth = Math.max(8, measuredWidth * highlightWidthRatio);
+    const travel = measuredWidth + bandWidth * 2;
+    animatedTranslateX = translateRef.current.interpolate({
+      inputRange: [0, 1],
+      outputRange: [-bandWidth, travel - bandWidth]
+    });
+  }
+  const containerStyle = {
+    width,
+    height,
+    borderRadius,
+    overflow: 'hidden',
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: Theme['bg-300'],
+    backgroundColor: baseColor
+  };
+  const bandStyle = {
+    position: 'absolute',
+    top: measuredHeight ? -measuredHeight * 0.25 : 0,
+    bottom: measuredHeight ? -measuredHeight * 0.25 : 0,
+    width: bandWidth,
+    backgroundColor: highlightColor,
+    opacity: highlightOpacity
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    onLayout: onLayout,
+    style: [containerStyle, style],
+    children: measuredWidth && measuredHeight ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      pointerEvents: "none",
+      style: [bandStyle, {
+        transform: [{
+          translateX: animatedTranslateX
+        }, {
+          rotate: `${angle}deg`
+        }]
+      }]
+    }) : null
+  });
+}
+const Shimmer = exports.Shimmer = /*#__PURE__*/(0, _react.memo)(Shimmer_, () => {
+  return true;
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/wui-shimmer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_useTheme","_jsxRuntime","Shimmer_","width","height","duration","borderRadius","backgroundColor","foregroundColor","highlightWidthRatio","highlightOpacity","angle","style","Theme","useTheme","measuredWidth","setMeasuredWidth","useState","measuredHeight","setMeasuredHeight","translateRef","useRef","Animated","Value","loopRef","useEffect","undefined","translateX","current","setValue","timing","toValue","useNativeDriver","loop","start","stop","stopAnimation","baseColor","highlightColor","onLayout","event","w","h","nativeEvent","layout","Math","abs","animatedTranslateX","bandWidth","max","travel","interpolate","inputRange","outputRange","containerStyle","overflow","borderWidth","StyleSheet","hairlineWidth","borderColor","bandStyle","position","top","bottom","opacity","jsx","View","children","pointerEvents","transform","rotate","Shimmer","exports","memo"],"sourceRoot":"../../../../src","sources":["components/wui-shimmer/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/wui-text/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = Text;
+var _reactNative = require("react-native");
+var _useTheme = require("../../hooks/useTheme");
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Text({
+  children,
+  style,
+  center,
+  color = 'fg-100',
+  variant = 'paragraph-500',
+  ...rest
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: [_styles.default.base, _styles.default[variant], center && _styles.default.center, color && {
+      color: Theme[color]
+    }, style],
+    ...rest,
+    children: children
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/wui-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Text","children","style","center","color","variant","rest","Theme","useTheme","jsx","styles","base"],"sourceRoot":"../../../../src","sources":["components/wui-text/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA8B,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQvB,SAASG,IAAIA,CAAC;EACnBC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,KAAK,GAAG,QAAQ;EAChBC,OAAO,GAAG,eAAe;EACzB,GAAGC;AACM,CAAC,EAAE;EACZ,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,oBACE,IAAAZ,WAAA,CAAAa,GAAA,EAAClB,YAAA,CAAAS,IAAU;IACTE,KAAK,EAAE,CACLQ,eAAM,CAACC,IAAI,EACXD,eAAM,CAACL,OAAO,CAAC,EACfF,MAAM,IAAIO,eAAM,CAACP,MAAM,EACvBC,KAAK,IAAI;MAAEA,KAAK,EAAEG,KAAK,CAACH,KAAK;IAAwB,CAAC,EACtDF,KAAK,CACL;IAAA,GACEI,IAAI;IAAAL,QAAA,EAEPA;EAAQ,CACC,CAAC;AAEjB","ignoreList":[]}

package/lib/commonjs/components/wui-text/styles.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  'base': {
+    letterSpacing: -0.4
+  },
+  'medium-title-400': {
+    fontSize: 24,
+    fontWeight: '400'
+  },
+  'medium-title-500': {
+    fontSize: 24,
+    fontWeight: '500'
+  },
+  'medium-title-600': {
+    fontSize: 24,
+    fontWeight: '600'
+  },
+  'small-title-400': {
+    fontSize: 22,
+    fontWeight: '400'
+  },
+  'small-title-500': {
+    fontSize: 22,
+    fontWeight: '500'
+  },
+  'small-title-600': {
+    fontSize: 22,
+    fontWeight: '600'
+  },
+  'large-400': {
+    fontSize: 20,
+    fontWeight: '400'
+  },
+  'large-500': {
+    fontSize: 20,
+    fontWeight: '500'
+  },
+  'large-600': {
+    fontSize: 20,
+    fontWeight: '600'
+  },
+  'medium-400': {
+    fontSize: 18,
+    fontWeight: '400'
+  },
+  'medium-500': {
+    fontSize: 18,
+    fontWeight: '500'
+  },
+  'medium-600': {
+    fontSize: 18,
+    fontWeight: '600'
+  },
+  'paragraph-400': {
+    fontSize: 16,
+    fontWeight: '400'
+  },
+  'paragraph-500': {
+    fontSize: 16,
+    fontWeight: '500'
+  },
+  'paragraph-600': {
+    fontSize: 16,
+    fontWeight: '600'
+  },
+  'small-400': {
+    fontSize: 14,
+    fontWeight: '400'
+  },
+  'small-500': {
+    fontSize: 14,
+    fontWeight: '500'
+  },
+  'small-600': {
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  'tiny-400': {
+    fontSize: 12,
+    fontWeight: '400'
+  },
+  'tiny-500': {
+    fontSize: 12,
+    fontWeight: '500'
+  },
+  'tiny-600': {
+    fontSize: 12,
+    fontWeight: '600'
+  },
+  'micro-600': {
+    fontSize: 10,
+    fontWeight: '600',
+    letterSpacing: 0.2
+  },
+  'micro-700': {
+    fontSize: 10,
+    fontWeight: '700',
+    letterSpacing: 0.2
+  },
+  'center': {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/wui-text/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_default","exports","default","StyleSheet","create","letterSpacing","fontSize","fontWeight","textAlign"],"sourceRoot":"../../../../src","sources":["components/wui-text/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA0C,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,uBAAU,CAACC,MAAM,CAAC;EAC/B,MAAM,EAAE;IACNC,aAAa,EAAE,CAAC;EAClB,CAAC;EACD,kBAAkB,EAAE;IAClBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,kBAAkB,EAAE;IAClBD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,kBAAkB,EAAE;IAClBD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,iBAAiB,EAAE;IACjBD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,iBAAiB,EAAE;IACjBD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,iBAAiB,EAAE;IACjBD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,WAAW,EAAE;IACXD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,WAAW,EAAE;IACXD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,WAAW,EAAE;IACXD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,YAAY,EAAE;IACZD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,YAAY,EAAE;IACZD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,YAAY,EAAE;IACZD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,eAAe,EAAE;IACfD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,eAAe,EAAE;IACfD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,eAAe,EAAE;IACfD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,WAAW,EAAE;IACXD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,WAAW,EAAE;IACXD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,WAAW,EAAE;IACXD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,UAAU,EAAE;IACVD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,UAAU,EAAE;IACVD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,UAAU,EAAE;IACVD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACD,WAAW,EAAE;IACXD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBF,aAAa,EAAE;EACjB,CAAC;EACD,WAAW,EAAE;IACXC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBF,aAAa,EAAE;EACjB,CAAC;EACD,QAAQ,EAAE;IACRG,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Visual = Visual;
+var _Browser = _interopRequireDefault(require("../../assets/visual/Browser"));
+var _Dao = _interopRequireDefault(require("../../assets/visual/Dao"));
+var _Defi = _interopRequireDefault(require("../../assets/visual/Defi"));
+var _DefiAlt = _interopRequireDefault(require("../../assets/visual/DefiAlt"));
+var _Eth = _interopRequireDefault(require("../../assets/visual/Eth"));
+var _Layers = _interopRequireDefault(require("../../assets/visual/Layers"));
+var _Lock = _interopRequireDefault(require("../../assets/visual/Lock"));
+var _Login = _interopRequireDefault(require("../../assets/visual/Login"));
+var _Network = _interopRequireDefault(require("../../assets/visual/Network"));
+var _Nft = _interopRequireDefault(require("../../assets/visual/Nft"));
+var _Noun = _interopRequireDefault(require("../../assets/visual/Noun"));
+var _Profile = _interopRequireDefault(require("../../assets/visual/Profile"));
+var _System = _interopRequireDefault(require("../../assets/visual/System"));
+var _Google = _interopRequireDefault(require("../../assets/visual/Google"));
+var _Lightbulb = _interopRequireDefault(require("../../assets/visual/Lightbulb"));
+var _Pencil = _interopRequireDefault(require("../../assets/visual/Pencil"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const svgOptions = {
+  browser: _Browser.default,
+  dao: _Dao.default,
+  defi: _Defi.default,
+  defiAlt: _DefiAlt.default,
+  eth: _Eth.default,
+  google: _Google.default,
+  layers: _Layers.default,
+  lightbulb: _Lightbulb.default,
+  lock: _Lock.default,
+  login: _Login.default,
+  network: _Network.default,
+  nft: _Nft.default,
+  noun: _Noun.default,
+  pencil: _Pencil.default,
+  profile: _Profile.default,
+  system: _System.default
+};
+function Visual({
+  name,
+  style
+}) {
+  const Component = svgOptions[name];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    width: 60,
+    height: 60,
+    style: style
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Browser","_interopRequireDefault","require","_Dao","_Defi","_DefiAlt","_Eth","_Layers","_Lock","_Login","_Network","_Nft","_Noun","_Profile","_System","_Google","_Lightbulb","_Pencil","_jsxRuntime","e","__esModule","default","svgOptions","browser","BrowserSvg","dao","DaoSvg","defi","DefiSvg","defiAlt","DefiAltSvg","eth","EthSvg","google","GoogleSvg","layers","LayersSvg","lightbulb","LightbulbSvg","lock","LockSvg","login","LoginSvg","network","NetworkSvg","nft","NftSvg","noun","NounSvg","pencil","PencilSvg","profile","ProfileSvg","system","SystemSvg","Visual","name","style","Component","jsx","width","height"],"sourceRoot":"../../../../src","sources":["components/wui-visual/index.tsx"],"mappings":";;;;;;AAEA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,KAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,QAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,IAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,KAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,QAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,OAAA,GAAAb,sBAAA,CAAAC,OAAA;AAEA,IAAAa,OAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,UAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,OAAA,GAAAhB,sBAAA,CAAAC,OAAA;AAAmD,IAAAgB,WAAA,GAAAhB,OAAA;AAAA,SAAAD,uBAAAkB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnD,MAAMG,UAAgE,GAAG;EACvEC,OAAO,EAAEC,gBAAU;EACnBC,GAAG,EAAEC,YAAM;EACXC,IAAI,EAAEC,aAAO;EACbC,OAAO,EAAEC,gBAAU;EACnBC,GAAG,EAAEC,YAAM;EACXC,MAAM,EAAEC,eAAS;EACjBC,MAAM,EAAEC,eAAS;EACjBC,SAAS,EAAEC,kBAAY;EACvBC,IAAI,EAAEC,aAAO;EACbC,KAAK,EAAEC,cAAQ;EACfC,OAAO,EAAEC,gBAAU;EACnBC,GAAG,EAAEC,YAAM;EACXC,IAAI,EAAEC,aAAO;EACbC,MAAM,EAAEC,eAAS;EACjBC,OAAO,EAAEC,gBAAU;EACnBC,MAAM,EAAEC;AACV,CAAC;AAOM,SAASC,MAAMA,CAAC;EAAEC,IAAI;EAAEC;AAAmB,CAAC,EAAE;EACnD,MAAMC,SAAS,GAAGpC,UAAU,CAACkC,IAAI,CAAC;EAElC,oBAAO,IAAAtC,WAAA,CAAAyC,GAAA,EAACD,SAAS;IAACE,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACJ,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC3D","ignoreList":[]}