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

package/lib/typescript/composites/wui-wallet-image/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-wallet-image/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,wBAkCG"}

package/lib/typescript/hooks/useAnimatedValue.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Animated } from 'react-native';
+export declare function useAnimatedValue<T extends string | number>(startValue: T, endValue: T, duration?: number): {
+    animatedValue: Animated.AnimatedInterpolation<string | number>;
+    valueRef: import("react").MutableRefObject<Animated.Value>;
+    setStartValue: () => void;
+    setEndValue: () => void;
+};
+export default useAnimatedValue;
+//# sourceMappingURL=useAnimatedValue.d.ts.map

package/lib/typescript/hooks/useAnimatedValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedValue.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAnimatedValue.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACxD,UAAU,EAAE,CAAC,EACb,QAAQ,EAAE,CAAC,EACX,QAAQ,CAAC,EAAE,MAAM;;;;;EA0BlB;AAED,eAAe,gBAAgB,CAAC"}

package/lib/typescript/hooks/useTheme.d.ts

@@ -0,0 +1,64 @@
+export declare function useTheme(): {
+    "accent-100": string;
+    "accent-090": string;
+    "accent-080": string;
+    "accent-020": string;
+    "accent-glass-090": string;
+    "accent-glass-080": string;
+    "accent-glass-020": string;
+    "accent-glass-015": string;
+    "accent-glass-010": string;
+    "accent-glass-005": string;
+    "accent-glass-002": string;
+    "fg-100": string;
+    "fg-125": string;
+    "fg-150": string;
+    "fg-175": string;
+    "fg-200": string;
+    "fg-225": string;
+    "fg-250": string;
+    "fg-275": string;
+    "fg-300": string;
+    "bg-100": string;
+    "bg-125": string;
+    "bg-150": string;
+    "bg-175": string;
+    "bg-200": string;
+    "bg-225": string;
+    "bg-250": string;
+    "bg-275": string;
+    "bg-300": string;
+    "inverse-100": string;
+    "inverse-000": string;
+    "success-100": string;
+    "success-glass-020": string;
+    "success-glass-015": string;
+    "success-glass-010": string;
+    "success-glass-005": string;
+    "error-100": string;
+    "error-glass-020": string;
+    "error-glass-015": string;
+    "error-glass-010": string;
+    "error-glass-005": string;
+    "teal-100": string;
+    "magenta-100": string;
+    "indigo-100": string;
+    "orange-100": string;
+    "purple-100": string;
+    "yellow-100": string;
+    "gray-glass-001": string;
+    "gray-glass-002": string;
+    "gray-glass-005": string;
+    "gray-glass-010": string;
+    "gray-glass-015": string;
+    "gray-glass-020": string;
+    "gray-glass-025": string;
+    "gray-glass-030": string;
+    "gray-glass-060": string;
+    "gray-glass-070": string;
+    "gray-glass-080": string;
+    "gray-glass-090": string;
+    "icon-box-bg-error-100": string;
+    "icon-box-bg-success-100": string;
+};
+//# sourceMappingURL=useTheme.d.ts.map

package/lib/typescript/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAGA,wBAAgB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKvB"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,47 @@
+export { Card, type CardProps } from './components/wui-card';
+export { Icon, type IconProps } from './components/wui-icon';
+export { Image, type ImageProps } from './components/wui-image';
+export { LoadingHexagon, type LoadingHexagonProps } from './components/wui-loading-hexagon';
+export { LoadingSpinner } from './components/wui-loading-spinner';
+export { LoadingThumbnail, type LoadingThumbnailProps } from './components/wui-loading-thumbnail';
+export { Text, type TextProps } from './components/wui-text';
+export { Visual, type VisualProps } from './components/wui-visual';
+export { Shimmer, type ShimmerProps } from './components/wui-shimmer';
+export { AccountButton, type AccountButtonProps } from './composites/wui-account-button';
+export { ActionEntry, type ActionEntryProps } from './composites/wui-action-entry';
+export { Avatar, type AvatarProps } from './composites/wui-avatar';
+export { Button, type ButtonProps } from './composites/wui-button';
+export { CardSelectLoader, CardSelectLoaderHeight, type CardSelectLoaderProps } from './composites/wui-card-select-loader';
+export { CardSelect, CardSelectHeight, CardSelectWidth, type CardSelectProps } from './composites/wui-card-select';
+export { Chip, type ChipProps } from './composites/wui-chip';
+export { ConnectButton, type ConnectButtonProps } from './composites/wui-connect-button';
+export { EmailInput, type EmailInputProps } from './composites/wui-email-input';
+export { IconBox, type IconBoxProps } from './composites/wui-icon-box';
+export { IconLink, type IconLinkProps } from './composites/wui-icon-link';
+export { InputElement, type InputElementProps } from './composites/wui-input-element';
+export { InputNumeric, type InputNumericProps } from './composites/wui-input-numeric';
+export { InputText, type InputTextProps } from './composites/wui-input-text';
+export { Link, type LinkProps } from './composites/wui-link';
+export { ListItem, type ListItemProps } from './composites/wui-list-item';
+export { ListWallet, type ListWalletProps } from './composites/wui-list-wallet';
+export { Logo, type LogoProps } from './composites/wui-logo';
+export { LogoSelect, type LogoSelectProps } from './composites/wui-logo-select';
+export { NetworkButton, type NetworkButtonProps } from './composites/wui-network-button';
+export { NetworkImage, type NetworkImageProps } from './composites/wui-network-image';
+export { Otp, type OtpProps } from './composites/wui-otp';
+export { QrCode, type QrCodeProps } from './composites/wui-qr-code';
+export { SearchBar, type SearchBarProps } from './composites/wui-search-bar';
+export { Snackbar, type SnackbarProps } from './composites/wui-snackbar';
+export { Tabs, type TabsProps } from './composites/wui-tabs';
+export { Tag, type TagProps } from './composites/wui-tag';
+export { Tooltip, type TooltipProps } from './composites/wui-tooltip';
+export { WalletImage, type WalletImageProps } from './composites/wui-wallet-image';
+export { Overlay, type OverlayProps } from './layout/wui-overlay';
+export { FlexView, type FlexViewProps } from './layout/wui-flex';
+export { Separator } from './layout/wui-separator';
+export type { ButtonType, CardSelectType, ChipType, ColorType, ThemeKeys as ThemeColorType, IconType, LogoType, PlacementType, SizeType, TagType, TextType, VisualType } from './utils/TypesUtil';
+export { UiUtil } from './utils/UiUtil';
+export { Spacing, BorderRadius } from './utils/ThemeUtil';
+export { useTheme } from './hooks/useTheme';
+export { useAnimatedValue } from './hooks/useAnimatedValue';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/layout/wui-flex/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { FlexAlignType, FlexDirectionType, FlexGrowType, FlexJustifyContentType, FlexShrinkType, FlexWrapType, SpacingType } from '../../utils/TypesUtil';
+export interface FlexViewProps {
+    children?: React.ReactNode;
+    flexDirection?: FlexDirectionType;
+    flexWrap?: FlexWrapType;
+    flexGrow?: FlexGrowType;
+    flexShrink?: FlexShrinkType;
+    alignItems?: FlexAlignType;
+    alignSelf?: FlexAlignType;
+    justifyContent?: FlexJustifyContentType;
+    padding?: SpacingType | SpacingType[];
+    margin?: SpacingType | SpacingType[];
+    style?: StyleProp<ViewStyle>;
+}
+export declare function FlexView(props: FlexViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/layout/wui-flex/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-flex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,YAAY,EACZ,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAoB5C"}

package/lib/typescript/layout/wui-overlay/index.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface OverlayProps {
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Overlay({ children, style }: OverlayProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/layout/wui-overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-overlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,YAAY,2CAQxD"}

package/lib/typescript/layout/wui-overlay/styles.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    container: {
+        width: "100%";
+        height: "100%";
+    };
+};
+export default _default;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/layout/wui-overlay/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-overlay/styles.ts"],"names":[],"mappings":";;;;;;AAEA,wBAKG"}

package/lib/typescript/layout/wui-separator/index.d.ts

@@ -0,0 +1,7 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface SeparatorProps {
+    text?: string;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Separator({ text, style }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/layout/wui-separator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpE,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,cAAc,2CAoBxD"}

package/lib/typescript/layout/wui-separator/styles.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    single: {
+        width: "100%";
+        height: number;
+    };
+    divider: {
+        height: number;
+        flex: number;
+    };
+    marginLeft: {
+        marginLeft: number;
+    };
+    marginRight: {
+        marginRight: number;
+    };
+};
+export default _default;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/layout/wui-separator/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-separator/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAGA,wBAeG"}

package/lib/typescript/utils/QRCodeUtil.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export declare const QRCodeUtil: {
+    generate(uri: string, size: number, logoSize: number): ReactNode[];
+};
+//# sourceMappingURL=QRCodeUtil.d.ts.map

package/lib/typescript/utils/QRCodeUtil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCodeUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/QRCodeUtil.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAkCvC,eAAO,MAAM,UAAU;kBACP,MAAM,QAAQ,MAAM,YAAY,MAAM;CAqJrD,CAAC"}

package/lib/typescript/utils/ThemeUtil.d.ts

@@ -0,0 +1,42 @@
+import type { SpacingType, ThemeKeys } from './TypesUtil';
+export declare const DarkTheme: {
+    [key in ThemeKeys]: string;
+};
+export declare const LightTheme: {
+    [key in ThemeKeys]: string;
+};
+export declare const BorderRadius: {
+    '5xs': number;
+    '4xs': number;
+    '3xs': number;
+    xxs: number;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    '3xl': number;
+};
+export declare const IconSize: {
+    xxs: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+};
+export declare const SpinnerSize: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+export declare const Spacing: {
+    [K in SpacingType]: number;
+};
+export declare const WalletImageSize: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+//# sourceMappingURL=ThemeUtil.d.ts.map

package/lib/typescript/utils/ThemeUtil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/ThemeUtil.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEnD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;KAAG,GAAG,IAAI,SAAS,GAAG,MAAM;CAuEpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;CAUxB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE;KAAG,CAAC,IAAI,WAAW,GAAG,MAAM;CAajD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC"}

package/lib/typescript/utils/TypesUtil.d.ts

@@ -0,0 +1,32 @@
+export type ThemeKeys = 'accent-100' | 'accent-090' | 'accent-080' | 'accent-020' | 'accent-glass-090' | 'accent-glass-080' | 'accent-glass-020' | 'accent-glass-015' | 'accent-glass-010' | 'accent-glass-005' | 'accent-glass-002' | 'fg-100' | 'fg-125' | 'fg-150' | 'fg-175' | 'fg-200' | 'fg-225' | 'fg-250' | 'fg-275' | 'fg-300' | 'bg-100' | 'bg-125' | 'bg-150' | 'bg-175' | 'bg-200' | 'bg-225' | 'bg-250' | 'bg-275' | 'bg-300' | 'inverse-100' | 'inverse-000' | 'success-100' | 'success-glass-020' | 'success-glass-015' | 'success-glass-010' | 'success-glass-005' | 'error-100' | 'error-glass-020' | 'error-glass-015' | 'error-glass-010' | 'error-glass-005' | 'teal-100' | 'magenta-100' | 'indigo-100' | 'orange-100' | 'purple-100' | 'yellow-100' | 'gray-glass-001' | 'gray-glass-002' | 'gray-glass-005' | 'gray-glass-010' | 'gray-glass-015' | 'gray-glass-020' | 'gray-glass-025' | 'gray-glass-030' | 'gray-glass-060' | 'gray-glass-070' | 'gray-glass-080' | 'gray-glass-090' | 'icon-box-bg-error-100' | 'icon-box-bg-success-100';
+export type TextType = 'medium-title-400' | 'medium-title-500' | 'medium-title-600' | 'small-title-400' | 'small-title-500' | 'small-title-600' | 'large-400' | 'large-500' | 'large-600' | 'medium-400' | 'medium-500' | 'medium-600' | 'paragraph-400' | 'paragraph-500' | 'paragraph-600' | 'small-400' | 'small-500' | 'small-600' | 'tiny-400' | 'tiny-500' | 'tiny-600' | 'micro-600' | 'micro-700';
+export type ColorType = 'accent-100' | 'error-100' | 'fg-100' | 'fg-150' | 'fg-200' | 'fg-250' | 'fg-275' | 'fg-300' | 'gray-glass-020' | 'inverse-000' | 'inverse-100' | 'success-100';
+export type SizeType = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
+export type PlacementType = 'bottom' | 'left' | 'right' | 'top';
+export type ButtonType = 'accent' | 'fill' | 'shade';
+export type ChipType = 'fill' | 'shade' | 'transparent';
+export type IconType = 'allWallets' | 'apple' | 'arrowBottom' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'browser' | 'checkmark' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronRightSmall' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'copySmall' | 'cursor' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'filters' | 'github' | 'google' | 'helpCircle' | 'infoCircle' | 'mail' | 'mobile' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'qrCode' | 'refresh' | 'search' | 'swapHorizontal' | 'swapVertical' | 'telegram' | 'twitch' | 'twitter' | 'twitterIcon' | 'verify' | 'wallet' | 'walletSmall' | 'walletConnect' | 'walletPlaceholder' | 'warningCircle';
+export type VisualType = 'browser' | 'dao' | 'defi' | 'defiAlt' | 'eth' | 'layers' | 'lock' | 'login' | 'network' | 'nft' | 'noun' | 'profile' | 'system';
+export type LogoType = 'apple' | 'discord' | 'facebook' | 'github' | 'google' | 'telegram' | 'twitch' | 'twitter';
+export type TagType = 'main' | 'shade' | 'error' | 'success';
+export type CardSelectType = 'wallet' | 'network';
+export type TabOptionType = {
+    icon: IconType;
+    label: string;
+};
+export type SpacingType = '0' | '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
+export type BorderRadiusType = Exclude<SpacingType, 'xl' | 'xxl'>;
+export type FlexDirectionType = 'column-reverse' | 'column' | 'row-reverse' | 'row';
+export type FlexWrapType = 'nowrap' | 'wrap-reverse' | 'wrap';
+export type FlexGrowType = 0 | 1;
+export type FlexShrinkType = 0 | 1;
+export type FlexAlignType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
+export type FlexJustifyContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly';
+export type TruncateType = 'start' | 'middle' | 'end';
+export type TruncateOptions = {
+    string: string;
+    charsStart: number;
+    charsEnd: number;
+    truncate: TruncateType;
+};
+//# sourceMappingURL=TypesUtil.d.ts.map

package/lib/typescript/utils/TypesUtil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypesUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/TypesUtil.ts"],"names":[],"mappings":"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"}

package/lib/typescript/utils/UiUtil.d.ts

@@ -0,0 +1,10 @@
+import type { SpacingType, TruncateOptions } from './TypesUtil';
+export declare const UiUtil: {
+    getSpacingStyles(spacing: SpacingType | SpacingType[], index: number): number | undefined;
+    generateAvatarColors(address?: string): string[];
+    hexToRgb(hex: string): [number, number, number];
+    tintColor(rgb: [number, number, number], tint: number): [number, number, number];
+    getTruncateString({ string, charsStart, charsEnd, truncate }: TruncateOptions): string;
+    getWalletName(name: string, short?: boolean): string | undefined;
+};
+//# sourceMappingURL=UiUtil.d.ts.map

package/lib/typescript/utils/UiUtil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiUtil.d.ts","sourceRoot":"","sources":["../../../src/utils/UiUtil.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE,eAAO,MAAM,MAAM;8BACS,WAAW,GAAG,WAAW,EAAE,SAAS,MAAM;mCAUrC,MAAM;kBAiBvB,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;mBAUhC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;kEASlB,eAAe;wBAgBzD,MAAM;CAG3B,CAAC"}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@reown/appkit-ui-react-native",
+  "version": "0.0.0-canary-20240912195440",
+  "main": "lib/commonjs/index.js",
+  "types": "lib/typescript/index.d.ts",
+  "module": "lib/module/index.js",
+  "source": "src/index.ts",
+  "scripts": {
+    "build": "bob build",
+    "clean": "rm -rf lib",
+    "test": "jest",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
+  },
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "keywords": [
+    "web3",
+    "crypto",
+    "ethereum",
+    "appkit",
+    "walletconnect",
+    "react-native"
+  ],
+  "repository": "https://github.com/WalletConnect/web3modal-react-native",
+  "author": "WalletConnect <support@walletconnect.com> (https://web3modal.com)",
+  "homepage": "https://github.com/WalletConnect/web3modal-react-native",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/WalletConnect/web3modal-react-native/issues"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "restricted"
+  },
+  "dependencies": {
+    "qrcode": "1.5.3"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-native": ">=0.68.5",
+    "react-native-svg": ">=13"
+  },
+  "react-native": "src/index.ts",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "tsc": "../../node_modules/.bin/tsc"
+        }
+      ]
+    ]
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ]
+}

package/src/assets/svg/AllWallets.tsx

@@ -0,0 +1,13 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgAllWallets = (props: SvgProps) => {
+  return (
+    <Svg viewBox="0 0 24 24" fill="none" {...props}>
+      <Path
+        fill={props.fill}
+        d="M10.2 6.6a3.6 3.6 0 1 1-7.2 0 3.6 3.6 0 0 1 7.2 0ZM21 6.6a3.6 3.6 0 1 1-7.2 0 3.6 3.6 0 0 1 7.2 0ZM10.2 17.4a3.6 3.6 0 1 1-7.2 0 3.6 3.6 0 0 1 7.2 0ZM21 17.4a3.6 3.6 0 1 1-7.2 0 3.6 3.6 0 0 1 7.2 0Z"
+        clipRule="evenodd"
+      />
+    </Svg>
+  );
+};
+export default SvgAllWallets;

package/src/assets/svg/Apple.tsx

@@ -0,0 +1,24 @@
+import Svg, { G, Circle, Path, Defs, ClipPath, type SvgProps } from 'react-native-svg';
+const SvgApple = (props: SvgProps) => (
+  <Svg viewBox="0 0 40 40" {...props} fill="none">
+    <G clipPath="url(#Apple_svg__a)">
+      <Circle cx={20} cy={19.886} r={20} fill="#000" />
+      <Circle cx={20} cy={19.886} r={19.5} stroke="#fff" strokeOpacity={0.1} />
+      <G clipPath="url(#Apple_svg__b)">
+        <Path
+          fill="#fff"
+          d="M28.77 23.292c-.687 1.995-2.746 5.528-4.867 5.566-1.407.027-1.86-.834-3.468-.834-1.607 0-2.11.808-3.44.86-2.251.087-5.725-5.098-5.725-9.62 0-4.154 2.895-6.213 5.423-6.25 1.357-.025 2.638.914 3.465.914.83 0 2.386-1.129 4.021-.964.685.03 2.607.276 3.84 2.08-3.273 2.137-2.763 6.606.752 8.248ZM24.202 7.886c-2.473.1-4.49 2.694-4.209 4.84 2.286.177 4.479-2.385 4.21-4.84Z"
+        />
+      </G>
+    </G>
+    <Defs>
+      <ClipPath id="Apple_svg__a">
+        <Path fill="#fff" d="M0 0h40v40H0z" />
+      </ClipPath>
+      <ClipPath id="Apple_svg__b">
+        <Path fill="#fff" d="M8 7.886h24v24H8z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgApple;

package/src/assets/svg/ArrowBottom.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgArrowBottom = (props: SvgProps) => (
+  <Svg fill="none" viewBox="0 0 14 15" {...props}>
+    <Path
+      fill={props.fill || '#fff'}
+      fillRule="evenodd"
+      d="M7 1.99a1 1 0 0 1 1 1v7.58l2.46-2.46a1 1 0 0 1 1.41 1.42L7.7 13.69a1 1 0 0 1-1.41 0L2.12 9.53A1 1 0 0 1 3.54 8.1L6 10.57V3a1 1 0 0 1 1-1Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgArrowBottom;

package/src/assets/svg/ArrowLeft.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgArrowLeft = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 15" fill="none" {...props}>
+    <Path
+      fill={props.fill || '#fff'}
+      fillRule="evenodd"
+      d="M13 7.99a1 1 0 0 1-1 1H4.4l2.46 2.46a1 1 0 1 1-1.41 1.41L1.29 8.7a1 1 0 0 1 0-1.41L5.46 3.1a1 1 0 0 1 1.41 1.42L4.41 6.99H12a1 1 0 0 1 1 1Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgArrowLeft;

package/src/assets/svg/ArrowRight.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgArrowRight = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 15" fill="none" {...props}>
+    <Path
+      fill={props.fill || '#fff'}
+      fillRule="evenodd"
+      d="M1 7.99a1 1 0 0 1 1-1h7.58L7.12 4.53A1 1 0 1 1 8.54 3.1l4.16 4.17a1 1 0 0 1 0 1.41l-4.16 4.17a1 1 0 1 1-1.42-1.41l2.46-2.46H2a1 1 0 0 1-1-1Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgArrowRight;

package/src/assets/svg/ArrowTop.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgArrowTop = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 15" fill="none" {...props}>
+    <Path
+      fill={props.fill || '#fff'}
+      fillRule="evenodd"
+      d="M7 13.99a1 1 0 0 1-1-1V5.4L3.54 7.86a1 1 0 0 1-1.42-1.41L6.3 2.28a1 1 0 0 1 1.41 0l4.17 4.17a1 1 0 1 1-1.41 1.41L8 5.4v7.59a1 1 0 0 1-1 1Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgArrowTop;

package/src/assets/svg/Browser.tsx

@@ -0,0 +1,18 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgBrowser = (props: SvgProps) => (
+  <Svg viewBox="0 0 20 20" fill="none" {...props}>
+    <Path
+      fill={props.fill || '#fff'}
+      fillRule="evenodd"
+      d="M4 6.4a1 1 0 0 1-.46.89 6.98 6.98 0 0 0 .38 6.18A7 7 0 0 0 16.46 7.3a1 1 0 0 1-.47-.92 7 7 0 0 0-12 .03Zm-2.02-.5a9 9 0 1 1 16.03 8.2A9 9 0 0 1 1.98 5.9Z"
+      clipRule="evenodd"
+    />
+    <Path
+      fill={props.fill || '#fff'}
+      fillRule="evenodd"
+      d="M6.03 8.63c-1.46-.3-2.72-.75-3.6-1.35l-.02-.01-.14-.11a1 1 0 0 1 1.2-1.6l.1.08c.6.4 1.52.74 2.69 1 .16-.99.39-1.88.67-2.65.3-.79.68-1.5 1.15-2.02A2.58 2.58 0 0 1 9.99 1c.8 0 1.45.44 1.92.97.47.52.84 1.23 1.14 2.02.29.77.52 1.66.68 2.64a8 8 0 0 0 2.7-1l.26-.18h.48a1 1 0 0 1 .12 2c-.86.51-2.01.91-3.34 1.18a22.24 22.24 0 0 1-.03 3.19c1.45.29 2.7.73 3.58 1.31a1 1 0 0 1-1.1 1.68c-.6-.4-1.56-.76-2.75-1-.15.8-.36 1.55-.6 2.2-.3.79-.67 1.5-1.14 2.02-.47.53-1.12.97-1.92.97-.8 0-1.45-.44-1.91-.97a6.51 6.51 0 0 1-1.15-2.02c-.24-.65-.44-1.4-.6-2.2-1.18.24-2.13.6-2.73.99a1 1 0 1 1-1.1-1.67c.88-.58 2.12-1.03 3.57-1.31a22.03 22.03 0 0 1-.04-3.2Zm2.2-1.7c.15-.86.34-1.61.58-2.24.24-.65.51-1.12.76-1.4.25-.28.4-.29.42-.29.03 0 .17.01.42.3.25.27.52.74.77 1.4.23.62.43 1.37.57 2.22a19.96 19.96 0 0 1-3.52 0Zm-.18 4.6a20.1 20.1 0 0 1-.03-2.62 21.95 21.95 0 0 0 3.94 0 20.4 20.4 0 0 1-.03 2.63 21.97 21.97 0 0 0-3.88 0Zm.27 2c.13.66.3 1.26.49 1.78.24.65.51 1.12.76 1.4.25.28.4.29.42.29.03 0 .17-.01.42-.3.25-.27.52-.74.77-1.4.19-.5.36-1.1.49-1.78a20.03 20.03 0 0 0-3.35 0Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgBrowser;

package/src/assets/svg/Checkmark.tsx

@@ -0,0 +1,13 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgCheckmark = (props: SvgProps) => (
+  <Svg viewBox="0 0 10 10" fill="none" {...props}>
+    <Path
+      fill={props.fill || '#fff'}
+      fillRule="evenodd"
+      d="M8.78372 1.95266C9.08607 2.20616 9.12561 2.6567 8.87202 2.95895L4.67713 7.95895C4.54853 8.11223 4.36153 8.20458 4.16161 8.21352C3.96169 8.22246 3.76718 8.14718 3.6254 8.006L1.17437 5.56526C0.894791 5.28685 0.893915 4.83459 1.17241 4.55511C1.45091 4.27562 1.90333 4.27475 2.1829 4.55315L4.08243 6.44471L7.77709 2.04094C8.03068 1.73869 8.48136 1.69916 8.78372 1.95266Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+
+export default SvgCheckmark;

package/src/assets/svg/ChevronBottom.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgChevronBottom = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill || '#fff'}
+      fillRule="evenodd"
+      d="M1.46 4.96a1 1 0 0 1 1.41 0L8 10.09l5.13-5.13a1 1 0 1 1 1.41 1.41l-5.83 5.84a1 1 0 0 1-1.42 0L1.46 6.37a1 1 0 0 1 0-1.41Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgChevronBottom;

package/src/assets/svg/ChevronLeft.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgChevronLeft = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill || '#fff'}
+      fillRule="evenodd"
+      d="M11.04 1.46a1 1 0 0 1 0 1.41L5.91 8l5.13 5.13a1 1 0 1 1-1.41 1.41L3.79 8.71a1 1 0 0 1 0-1.42l5.84-5.83a1 1 0 0 1 1.41 0Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgChevronLeft;

package/src/assets/svg/ChevronRight.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgChevronRight = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill || '#fff'}
+      fillRule="evenodd"
+      d="M4.96 14.54a1 1 0 0 1 0-1.41L10.09 8 4.96 2.87a1 1 0 0 1 1.41-1.41l5.84 5.83a1 1 0 0 1 0 1.42l-5.84 5.83a1 1 0 0 1-1.41 0Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgChevronRight;

package/src/assets/svg/ChevronRightSmall.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgChevronRightSmall = (props: SvgProps) => (
+  <Svg viewBox="0 0 14 15" fill="none" {...props}>
+    <Path
+      fill={props.fill || '#fff'}
+      fillRule="evenodd"
+      d="M4.29282 13.6929C3.90229 13.3024 3.90229 12.6693 4.29282 12.2787L8.5856 7.98595L4.29282 3.69316C3.90229 3.30263 3.90229 2.66947 4.29282 2.27895C4.68334 1.88842 5.31651 1.88842 5.70703 2.27895L10.7069 7.27884C11.0974 7.66936 11.0974 8.30253 10.7069 8.69305L5.70703 13.6929C5.31651 14.0835 4.68334 14.0835 4.29282 13.6929Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgChevronRightSmall;

package/src/assets/svg/ChevronTop.tsx

@@ -0,0 +1,12 @@
+import Svg, { Path, type SvgProps } from 'react-native-svg';
+const SvgChevronTop = (props: SvgProps) => (
+  <Svg viewBox="0 0 16 16" fill="none" {...props}>
+    <Path
+      fill={props.fill || '#fff'}
+      fillRule="evenodd"
+      d="M14.54 11.04a1 1 0 0 1-1.41 0L8 5.92l-5.13 5.12a1 1 0 1 1-1.41-1.41l5.83-5.84a1 1 0 0 1 1.42 0l5.83 5.84a1 1 0 0 1 0 1.41Z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+export default SvgChevronTop;