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

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

@@ -0,0 +1,151 @@
+"use strict";
+
+// -- Svg's-------------------------------- //
+import AllWalletsSvg from '../../assets/svg/AllWallets';
+import AppleSvg from '../../assets/svg/Apple';
+import ArrowBottomSvg from '../../assets/svg/ArrowBottom';
+import ArrowBottomCircleSvg from '../../assets/svg/ArrowBottomCircle';
+import ArrowLeftSvg from '../../assets/svg/ArrowLeft';
+import ArrowRightSvg from '../../assets/svg/ArrowRight';
+import ArrowTopSvg from '../../assets/svg/ArrowTop';
+import BrowserSvg from '../../assets/svg/Browser';
+import CardSvg from '../../assets/svg/Card';
+import CheckmarkSvg from '../../assets/svg/Checkmark';
+import ChevronBottomSvg from '../../assets/svg/ChevronBottom';
+import ChevronLeftSvg from '../../assets/svg/ChevronLeft';
+import ChevronRightSvg from '../../assets/svg/ChevronRight';
+import ChevronRightSmallSvg from '../../assets/svg/ChevronRightSmall';
+import ChevronTopSvg from '../../assets/svg/ChevronTop';
+import ClockSvg from '../../assets/svg/Clock';
+import CloseSvg from '../../assets/svg/Close';
+import CompassSvg from '../../assets/svg/Compass';
+import CoinPlaceholderSvg from '../../assets/svg/CoinPlaceholder';
+import CopySvg from '../../assets/svg/Copy';
+import CopySmallSvg from '../../assets/svg/CopySmall';
+import CursorSvg from '../../assets/svg/Cursor';
+import CurrencyDollarSvg from '../../assets/svg/CurrencyDollar';
+import DesktopSvg from '../../assets/svg/Desktop';
+import DisconnectSvg from '../../assets/svg/Disconnect';
+import DiscordSvg from '../../assets/svg/Discord';
+import EtherscanSvg from '../../assets/svg/Etherscan';
+import ExtensionSvg from '../../assets/svg/Extension';
+import ExternalLinkSvg from '../../assets/svg/ExternalLink';
+import FacebookSvg from '../../assets/svg/Facebook';
+import FarcasterSvg from '../../assets/svg/Farcaster';
+import FarcasterSquareSvg from '../../assets/svg/FarcasterSquare';
+import FiltersSvg from '../../assets/svg/Filters';
+import GithubSvg from '../../assets/svg/Github';
+import GoogleSvg from '../../assets/svg/Google';
+import HelpCircleSvg from '../../assets/svg/HelpCircle';
+import InfoCircleSvg from '../../assets/svg/InfoCircle';
+import MailSvg from '../../assets/svg/Mail';
+import MobileSvg from '../../assets/svg/Mobile';
+import MoreSvg from '../../assets/svg/More';
+import NetworkPlaceholderSvg from '../../assets/svg/NetworkPlaceholder';
+import NftPlaceholderSvg from '../../assets/svg/NftPlaceholder';
+import OffSvg from '../../assets/svg/Off';
+import PaperplaneSvg from '../../assets/svg/Paperplane';
+import QrCodeSvg from '../../assets/svg/QrCode';
+import RecycleHorizontalSvg from '../../assets/svg/RecycleHorizontal';
+import RefreshSvg from '../../assets/svg/Refresh';
+import ReownSvg from '../../assets/svg/Reown';
+import SearchSvg from '../../assets/svg/Search';
+import SettingsSvg from '../../assets/svg/Settings';
+import SwapHorizontalSvg from '../../assets/svg/SwapHorizontal';
+import SwapVerticalSvg from '../../assets/svg/SwapVertical';
+import TelegramSvg from '../../assets/svg/Telegram';
+import TwitchSvg from '../../assets/svg/Twitch';
+import VerifySvg from '../../assets/svg/Verify';
+import WalletConnectSvg, { WalletConnectLightBrownSvg } from '../../assets/svg/WalletConnect';
+import WalletSvg from '../../assets/svg/Wallet';
+import WalletSmallSvg from '../../assets/svg/WalletSmall';
+import WarningCircleSvg from '../../assets/svg/WarningCircle';
+import WalletPlaceholderSvg from '../../assets/svg/WalletPlaceholder';
+import XSvg from '../../assets/svg/X';
+import { useTheme } from '../../hooks/useTheme';
+import { IconSize } from '../../utils/ThemeUtil';
+import { jsx as _jsx } from "react/jsx-runtime";
+const svgOptions = {
+  allWallets: AllWalletsSvg,
+  apple: AppleSvg,
+  arrowBottom: ArrowBottomSvg,
+  arrowBottomCircle: ArrowBottomCircleSvg,
+  arrowLeft: ArrowLeftSvg,
+  arrowRight: ArrowRightSvg,
+  arrowTop: ArrowTopSvg,
+  browser: BrowserSvg,
+  card: CardSvg,
+  checkmark: CheckmarkSvg,
+  chevronBottom: ChevronBottomSvg,
+  chevronLeft: ChevronLeftSvg,
+  chevronRight: ChevronRightSvg,
+  chevronRightSmall: ChevronRightSmallSvg,
+  chevronTop: ChevronTopSvg,
+  clock: ClockSvg,
+  close: CloseSvg,
+  compass: CompassSvg,
+  coinPlaceholder: CoinPlaceholderSvg,
+  copy: CopySvg,
+  copySmall: CopySmallSvg,
+  cursor: CursorSvg,
+  currencyDollar: CurrencyDollarSvg,
+  desktop: DesktopSvg,
+  disconnect: DisconnectSvg,
+  discord: DiscordSvg,
+  email: MailSvg,
+  etherscan: EtherscanSvg,
+  extension: ExtensionSvg,
+  externalLink: ExternalLinkSvg,
+  facebook: FacebookSvg,
+  farcaster: FarcasterSvg,
+  farcasterSquare: FarcasterSquareSvg,
+  filters: FiltersSvg,
+  github: GithubSvg,
+  google: GoogleSvg,
+  helpCircle: HelpCircleSvg,
+  infoCircle: InfoCircleSvg,
+  mobile: MobileSvg,
+  more: MoreSvg,
+  networkPlaceholder: NetworkPlaceholderSvg,
+  nftPlaceholder: NftPlaceholderSvg,
+  off: OffSvg,
+  paperplane: PaperplaneSvg,
+  qrCode: QrCodeSvg,
+  recycleHorizontal: RecycleHorizontalSvg,
+  refresh: RefreshSvg,
+  reown: ReownSvg,
+  search: SearchSvg,
+  settings: SettingsSvg,
+  swapHorizontal: SwapHorizontalSvg,
+  swapVertical: SwapVerticalSvg,
+  telegram: TelegramSvg,
+  twitch: TwitchSvg,
+  verify: VerifySvg,
+  wallet: WalletSvg,
+  walletSmall: WalletSmallSvg,
+  warningCircle: WarningCircleSvg,
+  walletConnect: WalletConnectSvg,
+  walletConnectLightBrown: WalletConnectLightBrownSvg,
+  walletPlaceholder: WalletPlaceholderSvg,
+  x: XSvg
+};
+export function Icon({
+  name,
+  width,
+  height,
+  color = 'fg-100',
+  size = 'md',
+  style,
+  ...rest
+}) {
+  const Theme = useTheme();
+  const Component = svgOptions[name];
+  return /*#__PURE__*/_jsx(Component, {
+    fill: Theme[color],
+    width: width || IconSize[size],
+    height: height || IconSize[size],
+    style: style,
+    ...rest
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AllWalletsSvg","AppleSvg","ArrowBottomSvg","ArrowBottomCircleSvg","ArrowLeftSvg","ArrowRightSvg","ArrowTopSvg","BrowserSvg","CardSvg","CheckmarkSvg","ChevronBottomSvg","ChevronLeftSvg","ChevronRightSvg","ChevronRightSmallSvg","ChevronTopSvg","ClockSvg","CloseSvg","CompassSvg","CoinPlaceholderSvg","CopySvg","CopySmallSvg","CursorSvg","CurrencyDollarSvg","DesktopSvg","DisconnectSvg","DiscordSvg","EtherscanSvg","ExtensionSvg","ExternalLinkSvg","FacebookSvg","FarcasterSvg","FarcasterSquareSvg","FiltersSvg","GithubSvg","GoogleSvg","HelpCircleSvg","InfoCircleSvg","MailSvg","MobileSvg","MoreSvg","NetworkPlaceholderSvg","NftPlaceholderSvg","OffSvg","PaperplaneSvg","QrCodeSvg","RecycleHorizontalSvg","RefreshSvg","ReownSvg","SearchSvg","SettingsSvg","SwapHorizontalSvg","SwapVerticalSvg","TelegramSvg","TwitchSvg","VerifySvg","WalletConnectSvg","WalletConnectLightBrownSvg","WalletSvg","WalletSmallSvg","WarningCircleSvg","WalletPlaceholderSvg","XSvg","useTheme","IconSize","jsx","_jsx","svgOptions","allWallets","apple","arrowBottom","arrowBottomCircle","arrowLeft","arrowRight","arrowTop","browser","card","checkmark","chevronBottom","chevronLeft","chevronRight","chevronRightSmall","chevronTop","clock","close","compass","coinPlaceholder","copy","copySmall","cursor","currencyDollar","desktop","disconnect","discord","email","etherscan","extension","externalLink","facebook","farcaster","farcasterSquare","filters","github","google","helpCircle","infoCircle","mobile","more","networkPlaceholder","nftPlaceholder","off","paperplane","qrCode","recycleHorizontal","refresh","reown","search","settings","swapHorizontal","swapVertical","telegram","twitch","verify","wallet","walletSmall","warningCircle","walletConnect","walletConnectLightBrown","walletPlaceholder","x","Icon","name","width","height","color","size","style","rest","Theme","Component","fill"],"sourceRoot":"../../../../src","sources":["components/wui-icon/index.tsx"],"mappings":";;AAGA;AACA,OAAOA,aAAa,MAAM,6BAA6B;AACvD,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,oBAAoB,MAAM,oCAAoC;AACrE,OAAOC,YAAY,MAAM,4BAA4B;AACrD,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,YAAY,MAAM,4BAA4B;AACrD,OAAOC,gBAAgB,MAAM,gCAAgC;AAC7D,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,eAAe,MAAM,+BAA+B;AAC3D,OAAOC,oBAAoB,MAAM,oCAAoC;AACrE,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,kBAAkB,MAAM,kCAAkC;AACjE,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,YAAY,MAAM,4BAA4B;AACrD,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,YAAY,MAAM,4BAA4B;AACrD,OAAOC,YAAY,MAAM,4BAA4B;AACrD,OAAOC,eAAe,MAAM,+BAA+B;AAC3D,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,YAAY,MAAM,4BAA4B;AACrD,OAAOC,kBAAkB,MAAM,kCAAkC;AACjE,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,qBAAqB,MAAM,qCAAqC;AACvE,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,oBAAoB,MAAM,oCAAoC;AACrE,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,OAAOC,eAAe,MAAM,+BAA+B;AAC3D,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,gBAAgB,IAAIC,0BAA0B,QAAQ,gCAAgC;AAC7F,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,gBAAgB,MAAM,gCAAgC;AAC7D,OAAOC,oBAAoB,MAAM,oCAAoC;AACrE,OAAOC,IAAI,MAAM,oBAAoB;AACrC,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,MAAMC,UAA8D,GAAG;EACrEC,UAAU,EAAEnE,aAAa;EACzBoE,KAAK,EAAEnE,QAAQ;EACfoE,WAAW,EAAEnE,cAAc;EAC3BoE,iBAAiB,EAAEnE,oBAAoB;EACvCoE,SAAS,EAAEnE,YAAY;EACvBoE,UAAU,EAAEnE,aAAa;EACzBoE,QAAQ,EAAEnE,WAAW;EACrBoE,OAAO,EAAEnE,UAAU;EACnBoE,IAAI,EAAEnE,OAAO;EACboE,SAAS,EAAEnE,YAAY;EACvBoE,aAAa,EAAEnE,gBAAgB;EAC/BoE,WAAW,EAAEnE,cAAc;EAC3BoE,YAAY,EAAEnE,eAAe;EAC7BoE,iBAAiB,EAAEnE,oBAAoB;EACvCoE,UAAU,EAAEnE,aAAa;EACzBoE,KAAK,EAAEnE,QAAQ;EACfoE,KAAK,EAAEnE,QAAQ;EACfoE,OAAO,EAAEnE,UAAU;EACnBoE,eAAe,EAAEnE,kBAAkB;EACnCoE,IAAI,EAAEnE,OAAO;EACboE,SAAS,EAAEnE,YAAY;EACvBoE,MAAM,EAAEnE,SAAS;EACjBoE,cAAc,EAAEnE,iBAAiB;EACjCoE,OAAO,EAAEnE,UAAU;EACnBoE,UAAU,EAAEnE,aAAa;EACzBoE,OAAO,EAAEnE,UAAU;EACnBoE,KAAK,EAAExD,OAAO;EACdyD,SAAS,EAAEpE,YAAY;EACvBqE,SAAS,EAAEpE,YAAY;EACvBqE,YAAY,EAAEpE,eAAe;EAC7BqE,QAAQ,EAAEpE,WAAW;EACrBqE,SAAS,EAAEpE,YAAY;EACvBqE,eAAe,EAAEpE,kBAAkB;EACnCqE,OAAO,EAAEpE,UAAU;EACnBqE,MAAM,EAAEpE,SAAS;EACjBqE,MAAM,EAAEpE,SAAS;EACjBqE,UAAU,EAAEpE,aAAa;EACzBqE,UAAU,EAAEpE,aAAa;EACzBqE,MAAM,EAAEnE,SAAS;EACjBoE,IAAI,EAAEnE,OAAO;EACboE,kBAAkB,EAAEnE,qBAAqB;EACzCoE,cAAc,EAAEnE,iBAAiB;EACjCoE,GAAG,EAAEnE,MAAM;EACXoE,UAAU,EAAEnE,aAAa;EACzBoE,MAAM,EAAEnE,SAAS;EACjBoE,iBAAiB,EAAEnE,oBAAoB;EACvCoE,OAAO,EAAEnE,UAAU;EACnBoE,KAAK,EAAEnE,QAAQ;EACfoE,MAAM,EAAEnE,SAAS;EACjBoE,QAAQ,EAAEnE,WAAW;EACrBoE,cAAc,EAAEnE,iBAAiB;EACjCoE,YAAY,EAAEnE,eAAe;EAC7BoE,QAAQ,EAAEnE,WAAW;EACrBoE,MAAM,EAAEnE,SAAS;EACjBoE,MAAM,EAAEnE,SAAS;EACjBoE,MAAM,EAAEjE,SAAS;EACjBkE,WAAW,EAAEjE,cAAc;EAC3BkE,aAAa,EAAEjE,gBAAgB;EAC/BkE,aAAa,EAAEtE,gBAAgB;EAC/BuE,uBAAuB,EAAEtE,0BAA0B;EACnDuE,iBAAiB,EAAEnE,oBAAoB;EACvCoE,CAAC,EAAEnE;AACL,CAAC;AASD,OAAO,SAASoE,IAAIA,CAAC;EACnBC,IAAI;EACJC,KAAK;EACLC,MAAM;EACNC,KAAK,GAAG,QAAQ;EAChBC,IAAI,GAAG,IAAI;EACXC,KAAK;EACL,GAAGC;AACM,CAAC,EAAE;EACZ,MAAMC,KAAK,GAAG3E,QAAQ,CAAC,CAAC;EACxB,MAAM4E,SAAS,GAAGxE,UAAU,CAACgE,IAAI,CAAC;EAElC,oBACEjE,IAAA,CAACyE,SAAS;IACRC,IAAI,EAAEF,KAAK,CAACJ,KAAK,CAAe;IAChCF,KAAK,EAAEA,KAAK,IAAIpE,QAAQ,CAACuE,IAAI,CAAE;IAC/BF,MAAM,EAAEA,MAAM,IAAIrE,QAAQ,CAACuE,IAAI,CAAE;IACjCC,KAAK,EAAEA,KAAM;IAAA,GACTC;EAAI,CACT,CAAC;AAEN","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+import { useRef } from 'react';
+import { Animated, Image as NativeImage, Platform } from 'react-native';
+import styles from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Image({
+  source,
+  headers,
+  style,
+  ...rest
+}) {
+  const opacity = useRef(new Animated.Value(0));
+  const isIos = Platform.OS === 'ios';
+
+  // Fade in image on load for iOS. Android does this by default.
+  const onLoadEnd = () => {
+    Animated.timing(opacity.current, {
+      toValue: 1,
+      duration: 150,
+      useNativeDriver: true
+    }).start();
+  };
+  return isIos ? /*#__PURE__*/_jsx(Animated.Image, {
+    source: {
+      uri: source,
+      headers
+    },
+    onLoadEnd: onLoadEnd,
+    style: [styles.image, {
+      opacity: opacity.current
+    }, style],
+    ...rest
+  }) : /*#__PURE__*/_jsx(NativeImage, {
+    source: {
+      uri: source,
+      headers
+    },
+    style: [styles.image, style],
+    ...rest
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","Animated","Image","NativeImage","Platform","styles","jsx","_jsx","source","headers","style","rest","opacity","Value","isIos","OS","onLoadEnd","timing","current","toValue","duration","useNativeDriver","start","uri","image"],"sourceRoot":"../../../../src","sources":["components/wui-image/index.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SACEC,QAAQ,EACRC,KAAK,IAAIC,WAAW,EAEpBC,QAAQ,QACH,cAAc;AACrB,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO9B,OAAO,SAASL,KAAKA,CAAC;EAAEM,MAAM;EAAEC,OAAO;EAAEC,KAAK;EAAE,GAAGC;AAAiB,CAAC,EAAE;EACrE,MAAMC,OAAO,GAAGZ,MAAM,CAAC,IAAIC,QAAQ,CAACY,KAAK,CAAC,CAAC,CAAC,CAAC;EAC7C,MAAMC,KAAK,GAAGV,QAAQ,CAACW,EAAE,KAAK,KAAK;;EAEnC;EACA,MAAMC,SAAS,GAAGA,CAAA,KAAM;IACtBf,QAAQ,CAACgB,MAAM,CAACL,OAAO,CAACM,OAAO,EAAE;MAC/BC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,OAAOR,KAAK,gBACVP,IAAA,CAACN,QAAQ,CAACC,KAAK;IACbM,MAAM,EAAE;MAAEe,GAAG,EAAEf,MAAM;MAAEC;IAAQ,CAAE;IACjCO,SAAS,EAAEA,SAAU;IACrBN,KAAK,EAAE,CAACL,MAAM,CAACmB,KAAK,EAAE;MAAEZ,OAAO,EAAEA,OAAO,CAACM;IAAQ,CAAC,EAAER,KAAK,CAAE;IAAA,GACvDC;EAAI,CACT,CAAC,gBAEFJ,IAAA,CAACJ,WAAW;IAACK,MAAM,EAAE;MAAEe,GAAG,EAAEf,MAAM;MAAEC;IAAQ,CAAE;IAACC,KAAK,EAAE,CAACL,MAAM,CAACmB,KAAK,EAAEd,KAAK,CAAE;IAAA,GAAKC;EAAI,CAAG,CACzF;AACH","ignoreList":[]}

package/lib/module/components/wui-image/styles.js

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

package/lib/module/components/wui-image/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","create","image","width","height"],"sourceRoot":"../../../../src","sources":["components/wui-image/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/wui-loading-hexagon/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import { useEffect, useMemo, useRef } from 'react';
+import { Animated, Easing, View } from 'react-native';
+import Svg, { Path, Use } from 'react-native-svg';
+import { useTheme } from '../../hooks/useTheme';
+import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedUse = Animated.createAnimatedComponent(Use);
+const HEXAGON_PATH = 'M17.22 5.295c3.877-2.277 5.737-3.363 7.72-3.726a11.44 11.44 0 0 1 4.12 0c1.983.363 3.844 1.45 7.72 3.726l6.065 3.562c3.876 2.276 5.731 3.372 7.032 4.938a11.896 11.896 0 0 1 2.06 3.63c.683 1.928.688 4.11.688 8.663v7.124c0 4.553-.005 6.735-.688 8.664a11.896 11.896 0 0 1-2.06 3.63c-1.3 1.565-3.156 2.66-7.032 4.937l-6.065 3.563c-3.877 2.276-5.737 3.362-7.72 3.725a11.46 11.46 0 0 1-4.12 0c-1.983-.363-3.844-1.449-7.72-3.726l-6.065-3.562c-3.876-2.276-5.731-3.372-7.032-4.938a11.885 11.885 0 0 1-2.06-3.63c-.682-1.928-.688-4.11-.688-8.663v-7.124c0-4.553.006-6.735.688-8.664a11.885 11.885 0 0 1 2.06-3.63c1.3-1.565 3.156-2.66 7.032-4.937l6.065-3.562Z';
+export function LoadingHexagon({
+  children,
+  paused
+}) {
+  const Theme = useTheme();
+  const spinValue = useRef(new Animated.Value(0));
+  useEffect(() => {
+    const animation = Animated.timing(spinValue.current, {
+      toValue: 1,
+      duration: 1000,
+      useNativeDriver: true,
+      easing: Easing.linear
+    });
+    const loop = Animated.loop(animation);
+    loop.start();
+    return () => {
+      loop.stop();
+    };
+  }, []);
+  const spin = useMemo(() => {
+    return spinValue.current.interpolate({
+      inputRange: [0, 1],
+      outputRange: [0, -172]
+    });
+  }, []);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(Svg, {
+      width: 120,
+      height: 120,
+      viewBox: "0 0 54 59",
+      style: styles.loader,
+      fill: "none",
+      children: [/*#__PURE__*/_jsx(Path, {
+        id: "wui-loader-path",
+        d: HEXAGON_PATH
+      }), /*#__PURE__*/_jsx(AnimatedUse, {
+        stroke: paused ? 'transparent' : Theme['accent-100'],
+        strokeDasharray: "54, 118",
+        strokeWidth: 2,
+        strokeDashoffset: spin,
+        xlinkHref: "#wui-loader-path",
+        strokeLinejoin: "round",
+        strokeLinecap: "round"
+      })]
+    }), children ?? null]
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/wui-loading-hexagon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","Animated","Easing","View","Svg","Path","Use","useTheme","styles","jsx","_jsx","jsxs","_jsxs","AnimatedUse","createAnimatedComponent","HEXAGON_PATH","LoadingHexagon","children","paused","Theme","spinValue","Value","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","spin","interpolate","inputRange","outputRange","style","container","width","height","viewBox","loader","fill","id","d","stroke","strokeDasharray","strokeWidth","strokeDashoffset","xlinkHref","strokeLinejoin","strokeLinecap"],"sourceRoot":"../../../../src","sources":["components/wui-loading-hexagon/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAwB,OAAO;AAClE,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,GAAG,IAAIC,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AACjD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9B,MAAMC,WAAW,GAAGZ,QAAQ,CAACa,uBAAuB,CAACR,GAAG,CAAC;AAEzD,MAAMS,YAAY,GAChB,uoBAAuoB;AAOzoB,OAAO,SAASC,cAAcA,CAAC;EAAEC,QAAQ;EAAEC;AAA4B,CAAC,EAAE;EACxE,MAAMC,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EACxB,MAAMa,SAAS,GAAGpB,MAAM,CAAC,IAAIC,QAAQ,CAACoB,KAAK,CAAC,CAAC,CAAC,CAAC;EAE/CvB,SAAS,CAAC,MAAM;IACd,MAAMwB,SAAS,GAAGrB,QAAQ,CAACsB,MAAM,CAACH,SAAS,CAACI,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,IAAI;MACdC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAE1B,MAAM,CAAC2B;IACjB,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAG7B,QAAQ,CAAC6B,IAAI,CAACR,SAAS,CAAC;IACrCQ,IAAI,CAACC,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXD,IAAI,CAACE,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,IAAI,GAAGlC,OAAO,CAAC,MAAM;IACzB,OAAOqB,SAAS,CAACI,OAAO,CAACU,WAAW,CAAC;MACnCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG;IACvB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACExB,KAAA,CAACT,IAAI;IAACkC,KAAK,EAAE7B,MAAM,CAAC8B,SAAU;IAAArB,QAAA,gBAC5BL,KAAA,CAACR,GAAG;MAACmC,KAAK,EAAE,GAAI;MAACC,MAAM,EAAE,GAAI;MAACC,OAAO,EAAC,WAAW;MAACJ,KAAK,EAAE7B,MAAM,CAACkC,MAAO;MAACC,IAAI,EAAC,MAAM;MAAA1B,QAAA,gBACjFP,IAAA,CAACL,IAAI;QAACuC,EAAE,EAAC,iBAAiB;QAACC,CAAC,EAAE9B;MAAa,CAAE,CAAC,eAC9CL,IAAA,CAACG,WAAW;QACViC,MAAM,EAAE5B,MAAM,GAAG,aAAa,GAAGC,KAAK,CAAC,YAAY,CAAE;QACrD4B,eAAe,EAAC,SAAS;QACzBC,WAAW,EAAE,CAAE;QACfC,gBAAgB,EAAEhB,IAAK;QACvBiB,SAAS,EAAC,kBAAkB;QAC5BC,cAAc,EAAC,OAAO;QACtBC,aAAa,EAAC;MAAO,CACtB,CAAC;IAAA,CACC,CAAC,EACLnC,QAAQ,IAAI,IAAI;EAAA,CACb,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/wui-loading-hexagon/styles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  container: {
+    height: 120,
+    width: 120,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  loader: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/components/wui-loading-hexagon/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","create","container","height","width","alignItems","justifyContent","loader","position"],"sourceRoot":"../../../../src","sources":["components/wui-loading-hexagon/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,GAAG;IACXC,KAAK,EAAE,GAAG;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACNC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/wui-loading-spinner/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { useEffect, useMemo, useRef } from 'react';
+import { Animated, Easing, View } from 'react-native';
+import Svg, { Circle } from 'react-native-svg';
+import { useTheme } from '../../hooks/useTheme';
+import { SpinnerSize } from '../../utils/ThemeUtil';
+import styles from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedSvg = Animated.createAnimatedComponent(Svg);
+export function LoadingSpinner({
+  color,
+  style,
+  size = 'lg',
+  testID = 'loading-spinner'
+}) {
+  const Theme = useTheme();
+  const spinValue = useRef(new Animated.Value(0));
+  const stroke = color ? Theme[color] : Theme['accent-100'];
+  useEffect(() => {
+    const animation = Animated.timing(spinValue.current, {
+      toValue: 1,
+      duration: 800,
+      useNativeDriver: true,
+      easing: Easing.linear
+    });
+    const loop = Animated.loop(animation);
+    loop.start();
+    return () => {
+      loop.stop();
+    };
+  }, []);
+  const spin = useMemo(() => {
+    return spinValue.current.interpolate({
+      inputRange: [0, 1],
+      outputRange: ['0deg', '360deg']
+    });
+  }, []);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, style],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(AnimatedSvg, {
+      width: SpinnerSize[size],
+      height: SpinnerSize[size],
+      viewBox: "25 25 50 50",
+      style: {
+        transform: [{
+          rotate: spin
+        }]
+      },
+      children: /*#__PURE__*/_jsx(Circle, {
+        r: 20,
+        cy: 50,
+        cx: 50,
+        stroke: stroke,
+        strokeWidth: 4,
+        fill: "transparent",
+        strokeDasharray: `90 124`
+      })
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/wui-loading-spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","Animated","Easing","View","Svg","Circle","useTheme","SpinnerSize","styles","jsx","_jsx","AnimatedSvg","createAnimatedComponent","LoadingSpinner","color","style","size","testID","Theme","spinValue","Value","stroke","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","spin","interpolate","inputRange","outputRange","container","children","width","height","viewBox","transform","rotate","r","cy","cx","strokeWidth","fill","strokeDasharray"],"sourceRoot":"../../../../src","sources":["components/wui-loading-spinner/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAwC,cAAc;AACrF,OAAOC,GAAG,IAAIC,MAAM,QAAQ,kBAAkB;AAC9C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,WAAW,QAAQ,uBAAuB;AAEnD,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,MAAMC,WAAW,GAAGV,QAAQ,CAACW,uBAAuB,CAACR,GAAG,CAAC;AASzD,OAAO,SAASS,cAAcA,CAAC;EAC7BC,KAAK;EACLC,KAAK;EACLC,IAAI,GAAG,IAAI;EACXC,MAAM,GAAG;AACU,CAAC,EAAE;EACtB,MAAMC,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EACxB,MAAMa,SAAS,GAAGnB,MAAM,CAAC,IAAIC,QAAQ,CAACmB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/C,MAAMC,MAAM,GAAGP,KAAK,GAAGI,KAAK,CAACJ,KAAK,CAAC,GAAGI,KAAK,CAAC,YAAY,CAAC;EAEzDpB,SAAS,CAAC,MAAM;IACd,MAAMwB,SAAS,GAAGrB,QAAQ,CAACsB,MAAM,CAACJ,SAAS,CAACK,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAE1B,MAAM,CAAC2B;IACjB,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAG7B,QAAQ,CAAC6B,IAAI,CAACR,SAAS,CAAC;IACrCQ,IAAI,CAACC,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXD,IAAI,CAACE,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,IAAI,GAAGlC,OAAO,CAAC,MAAM;IACzB,OAAOoB,SAAS,CAACK,OAAO,CAACU,WAAW,CAAC;MACnCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;IAChC,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE1B,IAAA,CAACP,IAAI;IAACY,KAAK,EAAE,CAACP,MAAM,CAAC6B,SAAS,EAAEtB,KAAK,CAAE;IAACE,MAAM,EAAEA,MAAO;IAAAqB,QAAA,eACrD5B,IAAA,CAACC,WAAW;MACV4B,KAAK,EAAEhC,WAAW,CAACS,IAAI,CAAE;MACzBwB,MAAM,EAAEjC,WAAW,CAACS,IAAI,CAAE;MAC1ByB,OAAO,EAAC,aAAa;MACrB1B,KAAK,EAAE;QAAE2B,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAEV;QAAK,CAAC;MAAE,CAAE;MAAAK,QAAA,eAEzC5B,IAAA,CAACL,MAAM;QACLuC,CAAC,EAAE,EAAG;QACNC,EAAE,EAAE,EAAG;QACPC,EAAE,EAAE,EAAG;QACPzB,MAAM,EAAEA,MAAO;QACf0B,WAAW,EAAE,CAAE;QACfC,IAAI,EAAC,aAAa;QAClBC,eAAe,EAAE;MAAS,CAC3B;IAAC,CACS;EAAC,CACV,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/wui-loading-spinner/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/components/wui-loading-spinner/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","create","container","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/wui-loading-spinner/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/wui-loading-thumbnail/index.js

@@ -0,0 +1,80 @@
+"use strict";
+
+import { useEffect, useMemo, useRef } from 'react';
+import { Animated, Easing, View } from 'react-native';
+import Svg, { Rect } from 'react-native-svg';
+import { useTheme } from '../../hooks/useTheme';
+import { BorderRadius, Spacing, WalletImageSize } from '../../utils/ThemeUtil';
+import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedRect = Animated.createAnimatedComponent(Rect);
+export function LoadingThumbnail({
+  children,
+  paused,
+  borderRadius = BorderRadius.l
+}) {
+  const Theme = useTheme();
+  const spinValue = useRef(new Animated.Value(0));
+  const strokeWidth = 4;
+  const rectangleSize = WalletImageSize.xl + Spacing.l;
+  const outerContainerSize = rectangleSize + strokeWidth;
+  useEffect(() => {
+    const animation = Animated.timing(spinValue.current, {
+      toValue: 1,
+      duration: 1000,
+      useNativeDriver: true,
+      easing: Easing.linear
+    });
+    const loop = Animated.loop(animation);
+    loop.start();
+    return () => {
+      loop.stop();
+    };
+  }, []);
+  const {
+    sideLength,
+    strokeColor,
+    containerStyle
+  } = useMemo(() => {
+    const _sideLength = rectangleSize - borderRadius * 2 + Math.PI * borderRadius / 2;
+    const _strokeColor = paused ? 'transparent' : Theme['accent-100'];
+    const _containerStyle = {
+      height: outerContainerSize,
+      width: outerContainerSize
+    };
+    return {
+      sideLength: _sideLength,
+      strokeColor: _strokeColor,
+      containerStyle: _containerStyle
+    };
+  }, [rectangleSize, borderRadius, paused, Theme, outerContainerSize]);
+  const spin = useMemo(() => {
+    return spinValue.current.interpolate({
+      inputRange: [0, 1],
+      outputRange: [0, -sideLength * 4]
+    });
+  }, [sideLength]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, containerStyle],
+    children: [/*#__PURE__*/_jsx(Svg, {
+      width: outerContainerSize,
+      height: outerContainerSize,
+      style: styles.loader,
+      children: /*#__PURE__*/_jsx(AnimatedRect, {
+        height: rectangleSize,
+        width: rectangleSize,
+        stroke: strokeColor,
+        strokeWidth: strokeWidth,
+        x: strokeWidth / 2,
+        y: strokeWidth / 2,
+        rx: borderRadius,
+        strokeLinejoin: "round",
+        strokeLinecap: "round",
+        fill: "transparent",
+        strokeDasharray: `${sideLength} ${sideLength * 3}`,
+        strokeDashoffset: spin
+      })
+    }), children ?? null]
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/wui-loading-thumbnail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","Animated","Easing","View","Svg","Rect","useTheme","BorderRadius","Spacing","WalletImageSize","styles","jsx","_jsx","jsxs","_jsxs","AnimatedRect","createAnimatedComponent","LoadingThumbnail","children","paused","borderRadius","l","Theme","spinValue","Value","strokeWidth","rectangleSize","xl","outerContainerSize","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","sideLength","strokeColor","containerStyle","_sideLength","Math","PI","_strokeColor","_containerStyle","height","width","spin","interpolate","inputRange","outputRange","style","container","loader","stroke","x","y","rx","strokeLinejoin","strokeLinecap","fill","strokeDasharray","strokeDashoffset"],"sourceRoot":"../../../../src","sources":["components/wui-loading-thumbnail/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/wui-loading-thumbnail/styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  loader: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/components/wui-loading-thumbnail/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","create","container","alignItems","justifyContent","loader","position"],"sourceRoot":"../../../../src","sources":["components/wui-loading-thumbnail/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACNC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,132 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { useWindowDimensions, Modal as RNModal, Animated, Pressable, View } from 'react-native';
+import { useTheme } from '../../hooks/useTheme';
+import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function Modal({
+  visible,
+  onBackdropPress,
+  onRequestClose,
+  testID,
+  children
+}) {
+  const {
+    height
+  } = useWindowDimensions();
+  const Theme = useTheme();
+  const backdropOpacity = useRef(new Animated.Value(0)).current;
+  const translateY = useRef(new Animated.Value(height)).current;
+  const [showBackdrop, setShowBackdrop] = useState(false);
+  const [modalVisible, setModalVisible] = useState(false);
+  const [contentHeight, setContentHeight] = useState(0);
+  const onContentLayout = event => {
+    const {
+      height: measuredHeight
+    } = event.nativeEvent.layout;
+    setContentHeight(measuredHeight > height ? height : measuredHeight);
+  };
+
+  // Handle modal visibility
+  useEffect(() => {
+    if (visible) {
+      setModalVisible(true);
+      setShowBackdrop(true);
+    }
+  }, [visible]);
+
+  // Handle backdrop animation
+  useEffect(() => {
+    let backdropAnimation;
+    if (visible) {
+      backdropAnimation = Animated.timing(backdropOpacity, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true
+      });
+      backdropAnimation.start();
+    } else if (modalVisible) {
+      backdropAnimation = Animated.timing(backdropOpacity, {
+        toValue: 0,
+        duration: 250,
+        useNativeDriver: true
+      });
+      backdropAnimation.start(() => {
+        setShowBackdrop(false);
+      });
+    }
+    return () => {
+      backdropAnimation?.stop();
+    };
+  }, [visible, modalVisible, backdropOpacity]);
+
+  // Handle modal position animation + visibility
+  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 = 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 = 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
+  useEffect(() => {
+    if (!modalVisible) {
+      translateY.setValue(height);
+      backdropOpacity.setValue(0);
+    }
+  }, [modalVisible, translateY, backdropOpacity, height]);
+  return /*#__PURE__*/_jsxs(RNModal, {
+    visible: modalVisible,
+    transparent: true,
+    animationType: "none",
+    statusBarTranslucent: true,
+    onRequestClose: onRequestClose,
+    testID: testID,
+    children: [showBackdrop ? /*#__PURE__*/_jsx(AnimatedPressable, {
+      style: [styles.backdrop, {
+        opacity: backdropOpacity
+      }],
+      onPress: onBackdropPress
+    }) : null, /*#__PURE__*/_jsxs(Animated.View, {
+      style: [styles.modal, {
+        transform: [{
+          translateY
+        }]
+      }],
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        onLayout: onContentLayout,
+        children: children
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.bottomBackground, {
+          backgroundColor: Theme['bg-100']
+        }]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map