@txnlab/use-wallet-ui-react 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +234 -0
  2. package/dist/cjs/assets/use-wallet-ui-react.css +1 -0
  3. package/dist/cjs/index.cjs +42 -0
  4. package/dist/cjs/index.cjs.map +1 -0
  5. package/dist/esm/index.js +6048 -0
  6. package/dist/esm/index.js.map +1 -0
  7. package/dist/types/index.d.cts +44 -0
  8. package/dist/types/index.d.ts +44 -0
  9. package/package.json +83 -0
package/dist/types/index.d.cts ADDED
@@ -0,0 +1,44 @@
1
+ import { default as default_2 } from 'react';
2
+ import { JSX } from 'react/jsx-runtime';
3
+ import { ReactElement } from 'react';
4
+ import { RefObject } from 'react';
5
+ import { Wallet } from '@txnlab/use-wallet-react';
6
+
7
+ export declare const ConnectedWalletButton: default_2.ForwardRefExoticComponent<ConnectedWalletButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
8
+
9
+ declare interface ConnectedWalletButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
10
+ showBalance?: boolean;
11
+ }
12
+
13
+ export declare function ConnectedWalletMenu({ children }: ConnectedWalletMenuProps): JSX.Element;
14
+
15
+ declare interface ConnectedWalletMenuProps {
16
+ children?: RefableElement_2;
17
+ }
18
+
19
+ export declare const ConnectWalletButton: default_2.ForwardRefExoticComponent<default_2.ButtonHTMLAttributes<HTMLButtonElement> & default_2.RefAttributes<HTMLButtonElement>>;
20
+
21
+ export declare function ConnectWalletMenu({ children }: ConnectWalletMenuProps): JSX.Element;
22
+
23
+ declare interface ConnectWalletMenuProps {
24
+ children?: RefableElement;
25
+ }
26
+
27
+ declare type RefableElement = ReactElement & {
28
+ ref?: RefObject<HTMLElement> | ((instance: HTMLElement | null) => void);
29
+ };
30
+
31
+ declare type RefableElement_2 = ReactElement & {
32
+ ref?: RefObject<HTMLElement> | ((instance: HTMLElement | null) => void);
33
+ };
34
+
35
+ export declare function WalletButton(): JSX.Element;
36
+
37
+ export declare function WalletList({ wallets, handleWalletClick }: WalletListProps): JSX.Element;
38
+
39
+ declare interface WalletListProps {
40
+ wallets: Wallet[];
41
+ handleWalletClick: (wallet: Wallet) => Promise<void>;
42
+ }
43
+
44
+ export { }
package/dist/types/index.d.ts ADDED
@@ -0,0 +1,44 @@
1
+ import { default as default_2 } from 'react';
2
+ import { JSX } from 'react/jsx-runtime';
3
+ import { ReactElement } from 'react';
4
+ import { RefObject } from 'react';
5
+ import { Wallet } from '@txnlab/use-wallet-react';
6
+
7
+ export declare const ConnectedWalletButton: default_2.ForwardRefExoticComponent<ConnectedWalletButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
8
+
9
+ declare interface ConnectedWalletButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
10
+ showBalance?: boolean;
11
+ }
12
+
13
+ export declare function ConnectedWalletMenu({ children }: ConnectedWalletMenuProps): JSX.Element;
14
+
15
+ declare interface ConnectedWalletMenuProps {
16
+ children?: RefableElement_2;
17
+ }
18
+
19
+ export declare const ConnectWalletButton: default_2.ForwardRefExoticComponent<default_2.ButtonHTMLAttributes<HTMLButtonElement> & default_2.RefAttributes<HTMLButtonElement>>;
20
+
21
+ export declare function ConnectWalletMenu({ children }: ConnectWalletMenuProps): JSX.Element;
22
+
23
+ declare interface ConnectWalletMenuProps {
24
+ children?: RefableElement;
25
+ }
26
+
27
+ declare type RefableElement = ReactElement & {
28
+ ref?: RefObject<HTMLElement> | ((instance: HTMLElement | null) => void);
29
+ };
30
+
31
+ declare type RefableElement_2 = ReactElement & {
32
+ ref?: RefObject<HTMLElement> | ((instance: HTMLElement | null) => void);
33
+ };
34
+
35
+ export declare function WalletButton(): JSX.Element;
36
+
37
+ export declare function WalletList({ wallets, handleWalletClick }: WalletListProps): JSX.Element;
38
+
39
+ declare interface WalletListProps {
40
+ wallets: Wallet[];
41
+ handleWalletClick: (wallet: Wallet) => Promise<void>;
42
+ }
43
+
44
+ export { }
package/package.json ADDED
@@ -0,0 +1,83 @@
1
+ {
2
+ "name": "@txnlab/use-wallet-ui-react",
3
+ "version": "0.1.0",
4
+ "description": "React components for use-wallet UI",
5
+ "type": "module",
6
+ "main": "dist/cjs/index.cjs",
7
+ "module": "dist/esm/index.js",
8
+ "types": "dist/types/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "import": {
12
+ "types": "./dist/types/index.d.ts",
13
+ "default": "./dist/esm/index.js"
14
+ },
15
+ "require": {
16
+ "types": "./dist/types/index.d.cts",
17
+ "default": "./dist/cjs/index.cjs"
18
+ }
19
+ },
20
+ "./package.json": "./package.json"
21
+ },
22
+ "files": [
23
+ "dist",
24
+ "README.md"
25
+ ],
26
+ "keywords": [
27
+ "algorand",
28
+ "wallet",
29
+ "use-wallet",
30
+ "react",
31
+ "vue",
32
+ "solid",
33
+ "ui"
34
+ ],
35
+ "author": "TxnLab Inc.",
36
+ "license": "MIT",
37
+ "repository": {
38
+ "type": "git",
39
+ "url": "git+https://github.com/Algorand-Developer-Retreat/use-wallet-ui.git"
40
+ },
41
+ "bugs": {
42
+ "url": "https://github.com/Algorand-Developer-Retreat/use-wallet-ui/issues"
43
+ },
44
+ "homepage": "https://github.com/Algorand-Developer-Retreat/use-wallet-ui#readme",
45
+ "publishConfig": {
46
+ "access": "public"
47
+ },
48
+ "engines": {
49
+ "node": ">=22",
50
+ "pnpm": ">=9"
51
+ },
52
+ "peerDependencies": {
53
+ "@txnlab/use-wallet-react": "^4.0.1",
54
+ "react": "^18 || ^19",
55
+ "react-dom": "^18 || ^19"
56
+ },
57
+ "dependencies": {
58
+ "@floating-ui/react": "^0.27.5",
59
+ "@headlessui/react": "^2.2.0",
60
+ "@txnlab/utils-ts": "^0.1.0"
61
+ },
62
+ "devDependencies": {
63
+ "@tanstack/config": "^0.16.2",
64
+ "@types/react": "^19.0.12",
65
+ "@types/react-dom": "^19.0.4",
66
+ "publint": "^0.3.6",
67
+ "react": "^19.1.0",
68
+ "react-dom": "^19.1.0",
69
+ "tailwindcss": "^4.0.17",
70
+ "tsx": "^4.19.3",
71
+ "vite": "^6.2.0",
72
+ "vite-plugin-dts": "^4.5.0",
73
+ "vite-tsconfig-paths": "^5.1.4"
74
+ },
75
+ "scripts": {
76
+ "build": "vite build && publint --strict",
77
+ "dev": "vite build --watch",
78
+ "test": "echo \"Error: no test specified\" && exit 1",
79
+ "lint": "eslint \"**/*.{js,jsx,ts,tsx}\"",
80
+ "format": "prettier --write .",
81
+ "typecheck": "tsc --noEmit"
82
+ }
83
+ }