@algobright/solana-connector 0.1.0 → 0.1.1

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 (25) hide show
  1. package/dist/{Avatar.module-P7KEBP7R.module.css → Avatar.module-AACAT34D.module.css} +42 -42
  2. package/dist/{Button.module-7TPMDOJN.module.css → Button.module-HQNNX6IB.module.css} +145 -145
  3. package/dist/{Collapsible.module-NXSN3MGI.module.css → Collapsible.module-F4VIL5FH.module.css} +24 -24
  4. package/dist/ConnectButton.js +10 -10
  5. package/dist/ConnectButton.js.map +1 -1
  6. package/dist/ConnectButton.mjs +10 -10
  7. package/dist/ConnectButton.mjs.map +1 -1
  8. package/dist/{ConnectButton.module-UWQKSVTP.module.css → ConnectButton.module-O3M32YJK.module.css} +8 -8
  9. package/dist/{CustomQRCode.module-FOXENMZG.module.css → CustomQRCode.module-JW3JU3FX.module.css} +176 -176
  10. package/dist/{Dialog.module-HCRT743N.module.css → Dialog.module-AYJTMDAD.module.css} +136 -136
  11. package/dist/{Menu.module-GV627ZLI.module.css → Menu.module-6ATSLATI.module.css} +79 -79
  12. package/dist/{Spinner.module-G7GUQJZJ.module.css → Spinner.module-BLSWZSIL.module.css} +16 -16
  13. package/dist/WalletDropdown.js +3 -3
  14. package/dist/WalletDropdown.js.map +1 -1
  15. package/dist/WalletDropdown.mjs +3 -3
  16. package/dist/WalletDropdown.mjs.map +1 -1
  17. package/dist/{WalletDropdown.module-342MM7XM.module.css → WalletDropdown.module-A6KHWKGK.module.css} +222 -220
  18. package/dist/WalletModal.js +7 -7
  19. package/dist/WalletModal.js.map +1 -1
  20. package/dist/WalletModal.mjs +7 -7
  21. package/dist/WalletModal.mjs.map +1 -1
  22. package/dist/{WalletModal.module-PVV5PRXU.module.css → WalletModal.module-ZRTJGOQY.module.css} +341 -341
  23. package/dist/index.js.map +1 -1
  24. package/dist/index.mjs.map +1 -1
  25. package/package.json +9 -9
@@ -1,42 +1,42 @@
1
- :where(.avatar) {
2
- display: flex;
3
- align-items: center;
4
- justify-content: center;
5
-
6
- height: 3rem;
7
- max-height: 100%;
8
-
9
- aspect-ratio: 1 / 1;
10
- overflow: hidden;
11
- border-radius: 50%;
12
-
13
- --fallback-avatar-bg: #f4f4f5;
14
- --fallback-avatar-fg: #71717a;
15
- }
16
-
17
- :where(.avatar[data-theme="dark"]) {
18
- --fallback-avatar-bg: #27272a;
19
- --fallback-avatar-fg: #a1a1aa;
20
- }
21
-
22
- :where(.avatar img) {
23
- border-radius: 50%;
24
- display: block;
25
- max-width: 100%;
26
- max-height: 100%;
27
- object-fit: cover;
28
- }
29
-
30
- :where(.fallback) {
31
- display: flex;
32
- height: 100%;
33
- width: 100%;
34
- align-items: center;
35
- justify-content: center;
36
- background-color: var(--fallback-avatar-bg);
37
- color: var(--fallback-avatar-fg);
38
- }
39
- :where(.fallback svg) {
40
- width: 50%;
41
- height: 50%;
42
- }
1
+ :where(.avatar) {
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+
6
+ height: 3rem;
7
+ max-height: 100%;
8
+
9
+ aspect-ratio: 1 / 1;
10
+ overflow: hidden;
11
+ border-radius: 50%;
12
+
13
+ --fallback-avatar-bg: #f4f4f5;
14
+ --fallback-avatar-fg: #71717a;
15
+ }
16
+
17
+ :where(.avatar[data-theme="dark"]) {
18
+ --fallback-avatar-bg: #27272a;
19
+ --fallback-avatar-fg: #a1a1aa;
20
+ }
21
+
22
+ :where(.avatar img) {
23
+ border-radius: 50%;
24
+ display: block;
25
+ max-width: 100%;
26
+ max-height: 100%;
27
+ object-fit: cover;
28
+ }
29
+
30
+ :where(.fallback) {
31
+ display: flex;
32
+ height: 100%;
33
+ width: 100%;
34
+ align-items: center;
35
+ justify-content: center;
36
+ background-color: var(--fallback-avatar-bg);
37
+ color: var(--fallback-avatar-fg);
38
+ }
39
+ :where(.fallback svg) {
40
+ width: 50%;
41
+ height: 50%;
42
+ }
@@ -1,145 +1,145 @@
1
- :where(.button) {
2
- /* --- 1. Base Reset & Layout --- */
3
- display: inline-flex;
4
- align-items: center;
5
- justify-content: center;
6
- gap: 0.5rem;
7
- white-space: nowrap;
8
- font-weight: 500;
9
- cursor: pointer;
10
- user-select: none;
11
- border-radius: 0.375rem;
12
- border: 1px solid var(--btn-border, transparent);
13
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
14
- font-family: var(--font-inter, inherit);
15
- text-decoration: none;
16
-
17
- /* --- 2. Common Properties --- */
18
- background: var(--btn-bg);
19
- color: var(--btn-fg);
20
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
21
-
22
- /* --- 3. Light Theme Tokens (Default) --- */
23
- --btn-bg: #09090b;
24
- --btn-fg: #ffffff;
25
- --btn-bg-hover: #18181b;
26
- --focus-ring: #2563eb;
27
- }
28
- :where(.button span) {
29
- display: inline-flex;
30
- align-items: center;
31
- gap: 0.25rem;
32
- }
33
-
34
- /* --- 4. Dark Theme Overrides --- */
35
- :where(.button[data-theme="dark"]) {
36
- --btn-bg: #fafafa;
37
- --btn-fg: #09090b;
38
- --btn-bg-hover: #f4f4f5;
39
- --focus-ring: #3b82f6;
40
- }
41
-
42
- /* --- 5. Interactive & State Logic --- */
43
- :where(.button:hover) {
44
- background-color: var(--btn-bg-hover);
45
- color: var(--btn-fg-hover, var(--btn-fg));
46
- }
47
-
48
- :where(.button:focus-visible) {
49
- outline: 2px solid var(--focus-ring);
50
- outline-offset: 2px;
51
- }
52
-
53
- :where(.button[data-disabled="true"]) {
54
- pointer-events: none;
55
- opacity: 0.4;
56
- }
57
-
58
- /* --- 6. Variants --- */
59
-
60
- /* Destructive */
61
- :where(.button[data-variant="destructive"]) {
62
- --btn-bg: #ef4444;
63
- --btn-fg: #ffffff;
64
- --btn-bg-hover: #dc2626;
65
- }
66
- :where(.button[data-theme="dark"][data-variant="destructive"]) {
67
- --btn-bg: #7f1d1d;
68
- --btn-fg: #fef2f2;
69
- --btn-bg-hover: #991b1b;
70
- }
71
-
72
- /* Outline */
73
- :where(.button[data-variant="outline"]) {
74
- --btn-bg: #f4f4f5;
75
- --btn-fg: #09090b;
76
- --btn-border: #e4e4e7;
77
- --btn-bg-hover: #f4f4f5;
78
- }
79
- :where(.button[data-theme="dark"][data-variant="outline"]) {
80
- --btn-bg: #27272a;
81
- --btn-fg: #fafafa;
82
- --btn-border: #27272a;
83
- --btn-bg-hover: #18181b;
84
- }
85
-
86
- /* Secondary */
87
- :where(.button[data-variant="secondary"]) {
88
- --btn-bg: #f4f4f5;
89
- --btn-fg: #18181b;
90
- --btn-bg-hover: #e4e4e7;
91
- }
92
- :where(.button[data-theme="dark"][data-variant="secondary"]) {
93
- --btn-bg: #27272a;
94
- --btn-fg: #fafafa;
95
- --btn-bg-hover: #3f3f46;
96
- }
97
-
98
- /* Ghost */
99
- :where(.button[data-variant="ghost"]) {
100
- --btn-bg: transparent;
101
- --btn-fg: #71717a;
102
- --btn-bg-hover: #f4f4f5;
103
- }
104
- :where(.button[data-theme="dark"][data-variant="ghost"]) {
105
- --btn-fg: #a1a1aa;
106
- --btn-bg-hover: #18181b;
107
- }
108
-
109
- /* Link - FIXED: Added subtle bg-hover and underline */
110
- :where(.button[data-variant="link"]) {
111
- --btn-bg: transparent;
112
- --btn-fg: #2563eb;
113
- --btn-bg-hover: #eff6ff;
114
- box-shadow: none;
115
- }
116
- :where(.button[data-theme="dark"][data-variant="link"]) {
117
- --btn-fg: #60a5fa;
118
- --btn-bg-hover: rgba(59, 130, 246, 0.1);
119
- }
120
- :where(.button[data-variant="link"]:hover) {
121
- text-decoration: underline;
122
- text-underline-offset: 4px;
123
- }
124
-
125
- /* --- 7. Sizes --- */
126
- :where(.button[data-size="sm"]) {
127
- height: 2rem;
128
- padding: 0 0.75rem;
129
- font-size: 0.75rem;
130
- }
131
- :where(.button[data-size="default"]) {
132
- height: 2.25rem;
133
- padding: 0.5rem 1rem;
134
- font-size: 0.875rem;
135
- }
136
- :where(.button[data-size="lg"]) {
137
- height: 2.75rem;
138
- padding: 0 1.5rem;
139
- font-size: 1rem;
140
- }
141
- :where(.button[data-size="icon"]) {
142
- height: 2.25rem;
143
- width: 2.25rem;
144
- padding: 0;
145
- }
1
+ :where(.button) {
2
+ /* --- 1. Base Reset & Layout --- */
3
+ display: inline-flex;
4
+ align-items: center;
5
+ justify-content: center;
6
+ gap: 0.5rem;
7
+ white-space: nowrap;
8
+ font-weight: 500;
9
+ cursor: pointer;
10
+ user-select: none;
11
+ border-radius: 0.375rem;
12
+ border: 1px solid var(--btn-border, transparent);
13
+ transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
14
+ font-family: var(--font-inter, inherit);
15
+ text-decoration: none;
16
+
17
+ /* --- 2. Common Properties --- */
18
+ background: var(--btn-bg);
19
+ color: var(--btn-fg);
20
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
21
+
22
+ /* --- 3. Light Theme Tokens (Default) --- */
23
+ --btn-bg: #09090b;
24
+ --btn-fg: #ffffff;
25
+ --btn-bg-hover: #18181b;
26
+ --focus-ring: #2563eb;
27
+ }
28
+ :where(.button span) {
29
+ display: inline-flex;
30
+ align-items: center;
31
+ gap: 0.25rem;
32
+ }
33
+
34
+ /* --- 4. Dark Theme Overrides --- */
35
+ :where(.button[data-theme="dark"]) {
36
+ --btn-bg: #fafafa;
37
+ --btn-fg: #09090b;
38
+ --btn-bg-hover: #f4f4f5;
39
+ --focus-ring: #3b82f6;
40
+ }
41
+
42
+ /* --- 5. Interactive & State Logic --- */
43
+ :where(.button:hover) {
44
+ background-color: var(--btn-bg-hover);
45
+ color: var(--btn-fg-hover, var(--btn-fg));
46
+ }
47
+
48
+ :where(.button:focus-visible) {
49
+ outline: 2px solid var(--focus-ring);
50
+ outline-offset: 2px;
51
+ }
52
+
53
+ :where(.button[data-disabled="true"]) {
54
+ pointer-events: none;
55
+ opacity: 0.4;
56
+ }
57
+
58
+ /* --- 6. Variants --- */
59
+
60
+ /* Destructive */
61
+ :where(.button[data-variant="destructive"]) {
62
+ --btn-bg: #ef4444;
63
+ --btn-fg: #ffffff;
64
+ --btn-bg-hover: #dc2626;
65
+ }
66
+ :where(.button[data-theme="dark"][data-variant="destructive"]) {
67
+ --btn-bg: #7f1d1d;
68
+ --btn-fg: #fef2f2;
69
+ --btn-bg-hover: #991b1b;
70
+ }
71
+
72
+ /* Outline */
73
+ :where(.button[data-variant="outline"]) {
74
+ --btn-bg: #f4f4f5;
75
+ --btn-fg: #09090b;
76
+ --btn-border: #e4e4e7;
77
+ --btn-bg-hover: #f4f4f5;
78
+ }
79
+ :where(.button[data-theme="dark"][data-variant="outline"]) {
80
+ --btn-bg: #27272a;
81
+ --btn-fg: #fafafa;
82
+ --btn-border: #27272a;
83
+ --btn-bg-hover: #18181b;
84
+ }
85
+
86
+ /* Secondary */
87
+ :where(.button[data-variant="secondary"]) {
88
+ --btn-bg: #f4f4f5;
89
+ --btn-fg: #18181b;
90
+ --btn-bg-hover: #e4e4e7;
91
+ }
92
+ :where(.button[data-theme="dark"][data-variant="secondary"]) {
93
+ --btn-bg: #27272a;
94
+ --btn-fg: #fafafa;
95
+ --btn-bg-hover: #3f3f46;
96
+ }
97
+
98
+ /* Ghost */
99
+ :where(.button[data-variant="ghost"]) {
100
+ --btn-bg: transparent;
101
+ --btn-fg: #71717a;
102
+ --btn-bg-hover: #f4f4f5;
103
+ }
104
+ :where(.button[data-theme="dark"][data-variant="ghost"]) {
105
+ --btn-fg: #a1a1aa;
106
+ --btn-bg-hover: #18181b;
107
+ }
108
+
109
+ /* Link - FIXED: Added subtle bg-hover and underline */
110
+ :where(.button[data-variant="link"]) {
111
+ --btn-bg: transparent;
112
+ --btn-fg: #2563eb;
113
+ --btn-bg-hover: #eff6ff;
114
+ box-shadow: none;
115
+ }
116
+ :where(.button[data-theme="dark"][data-variant="link"]) {
117
+ --btn-fg: #60a5fa;
118
+ --btn-bg-hover: rgba(59, 130, 246, 0.1);
119
+ }
120
+ :where(.button[data-variant="link"]:hover) {
121
+ text-decoration: underline;
122
+ text-underline-offset: 4px;
123
+ }
124
+
125
+ /* --- 7. Sizes --- */
126
+ :where(.button[data-size="sm"]) {
127
+ height: 2rem;
128
+ padding: 0 0.75rem;
129
+ font-size: 0.75rem;
130
+ }
131
+ :where(.button[data-size="default"]) {
132
+ height: 2.25rem;
133
+ padding: 0.5rem 1rem;
134
+ font-size: 0.875rem;
135
+ }
136
+ :where(.button[data-size="lg"]) {
137
+ height: 2.75rem;
138
+ padding: 0 1.5rem;
139
+ font-size: 1rem;
140
+ }
141
+ :where(.button[data-size="icon"]) {
142
+ height: 2.25rem;
143
+ width: 2.25rem;
144
+ padding: 0;
145
+ }
@@ -1,24 +1,24 @@
1
- :where(.trigger) {
2
- display: flex;
3
- width: 100%;
4
- align-items: center;
5
- justify-content: space-between;
6
- padding: 0.5rem 1rem;
7
- border: none;
8
- cursor: pointer;
9
- transition: all 0.2s ease;
10
- border-radius: 1rem;
11
- }
12
- :where(.trigger[data-panel-open] svg) {
13
- transform: rotate(180deg);
14
- }
15
-
16
- :where(.content) {
17
- overflow: hidden;
18
- height: var(--collapsible-panel-height);
19
- transition: height 0.2s ease-out;
20
- }
21
- :where(.content[data-starting-style],
22
- .content[data-ending-style]) {
23
- height: 0;
24
- }
1
+ :where(.trigger) {
2
+ display: flex;
3
+ width: 100%;
4
+ align-items: center;
5
+ justify-content: space-between;
6
+ padding: 0.5rem 1rem;
7
+ border: none;
8
+ cursor: pointer;
9
+ transition: all 0.2s ease;
10
+ border-radius: 1rem;
11
+ }
12
+ :where(.trigger[data-panel-open] svg) {
13
+ transform: rotate(180deg);
14
+ }
15
+
16
+ :where(.content) {
17
+ overflow: hidden;
18
+ height: var(--collapsible-panel-height);
19
+ transition: height 0.2s ease-out;
20
+ }
21
+ :where(.content[data-starting-style],
22
+ .content[data-ending-style]) {
23
+ height: 0;
24
+ }
@@ -37,13 +37,13 @@ module.exports = __toCommonJS(ConnectButton_exports);
37
37
 
38
38
  // src/components/ConnectButton/ConnectButton.tsx
39
39
  var import_react6 = require("react");
40
- var import_ConnectButton = __toESM(require("./ConnectButton.module-UWQKSVTP.module.css"));
40
+ var import_ConnectButton = __toESM(require("./ConnectButton.module-O3M32YJK.module.css"));
41
41
  var import_connector3 = require("@solana/connector");
42
42
 
43
43
  // src/components/shared/Button/Button.tsx
44
44
  var React = __toESM(require("react"));
45
45
  var import_button = require("@base-ui/react/button");
46
- var import_Button = __toESM(require("./Button.module-7TPMDOJN.module.css"));
46
+ var import_Button = __toESM(require("./Button.module-HQNNX6IB.module.css"));
47
47
  var import_jsx_runtime = require("react/jsx-runtime");
48
48
  var Button = React.forwardRef(
49
49
  ({ className, variant = "default", size = "default", ...props }, ref) => {
@@ -66,7 +66,7 @@ var Button_default = Button;
66
66
  var Button_default2 = Button_default;
67
67
 
68
68
  // src/components/shared/Spinner/Spinner.tsx
69
- var import_Spinner = __toESM(require("./Spinner.module-G7GUQJZJ.module.css"));
69
+ var import_Spinner = __toESM(require("./Spinner.module-BLSWZSIL.module.css"));
70
70
  var import_jsx_runtime2 = require("react/jsx-runtime");
71
71
  var Spinner = () => {
72
72
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: import_Spinner.default.spinner });
@@ -80,13 +80,13 @@ var Spinner_default2 = Spinner_default;
80
80
  var import_connector = require("@solana/connector");
81
81
  var import_lucide_react3 = require("lucide-react");
82
82
  var import_react3 = require("react");
83
- var import_WalletModal = __toESM(require("./WalletModal.module-PVV5PRXU.module.css"));
83
+ var import_WalletModal = __toESM(require("./WalletModal.module-ZRTJGOQY.module.css"));
84
84
 
85
85
  // src/components/shared/Dialog/Dialog.tsx
86
86
  var React2 = __toESM(require("react"));
87
87
  var import_dialog = require("@base-ui/react/dialog");
88
88
  var import_lucide_react = require("lucide-react");
89
- var import_Dialog = __toESM(require("./Dialog.module-HCRT743N.module.css"));
89
+ var import_Dialog = __toESM(require("./Dialog.module-AYJTMDAD.module.css"));
90
90
  var import_clsx = __toESM(require("clsx"));
91
91
  var import_jsx_runtime3 = require("react/jsx-runtime");
92
92
  var Dialog = import_dialog.Dialog.Root;
@@ -151,7 +151,7 @@ DialogDescription.displayName = "DialogDescription";
151
151
  // src/components/shared/CustomQRCode/CustomQRCode.tsx
152
152
  var import_react = require("react");
153
153
  var import_qrcode = __toESM(require("qrcode"));
154
- var import_CustomQRCode = __toESM(require("./CustomQRCode.module-FOXENMZG.module.css"));
154
+ var import_CustomQRCode = __toESM(require("./CustomQRCode.module-JW3JU3FX.module.css"));
155
155
  var import_jsx_runtime4 = require("react/jsx-runtime");
156
156
  function generateMatrix(value, errorCorrectionLevel) {
157
157
  const arr = Array.prototype.slice.call(import_qrcode.default.create(value, { errorCorrectionLevel }).modules.data, 0);
@@ -404,7 +404,7 @@ var import_si = require("react-icons/si");
404
404
  // src/components/shared/Collapsible/Collapsible.tsx
405
405
  var React3 = __toESM(require("react"));
406
406
  var import_collapsible = require("@base-ui/react/collapsible");
407
- var import_Collapsible = __toESM(require("./Collapsible.module-NXSN3MGI.module.css"));
407
+ var import_Collapsible = __toESM(require("./Collapsible.module-F4VIL5FH.module.css"));
408
408
  var import_jsx_runtime5 = require("react/jsx-runtime");
409
409
  var Collapsible = import_collapsible.Collapsible.Root;
410
410
  var CollapsibleTrigger = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -428,7 +428,7 @@ CollapsibleContent.displayName = "CollapsibleContent";
428
428
 
429
429
  // src/components/shared/Avatar/Avatar.tsx
430
430
  var import_react2 = require("react");
431
- var import_Avatar = __toESM(require("./Avatar.module-P7KEBP7R.module.css"));
431
+ var import_Avatar = __toESM(require("./Avatar.module-AACAT34D.module.css"));
432
432
  var import_lucide_react2 = require("lucide-react");
433
433
  var import_jsx_runtime6 = require("react/jsx-runtime");
434
434
  function Avatar({
@@ -847,7 +847,7 @@ var import_clsx4 = __toESM(require("clsx"));
847
847
  // src/components/shared/Menu/Menu.tsx
848
848
  var React4 = __toESM(require("react"));
849
849
  var import_menu = require("@base-ui/react/menu");
850
- var import_Menu = __toESM(require("./Menu.module-GV627ZLI.module.css"));
850
+ var import_Menu = __toESM(require("./Menu.module-6ATSLATI.module.css"));
851
851
  var import_jsx_runtime8 = require("react/jsx-runtime");
852
852
  var Menu = import_menu.Menu.Root;
853
853
  var MenuPortal = import_menu.Menu.Portal;
@@ -904,7 +904,7 @@ var import_lucide_react5 = require("lucide-react");
904
904
 
905
905
  // src/components/WalletDropdown/WalletDropdown.tsx
906
906
  var import_react4 = require("react");
907
- var import_WalletDropdown = __toESM(require("./WalletDropdown.module-342MM7XM.module.css"));
907
+ var import_WalletDropdown = __toESM(require("./WalletDropdown.module-A6KHWKGK.module.css"));
908
908
  var import_react5 = require("motion/react");
909
909
  var import_lucide_react4 = require("lucide-react");
910
910
  var import_connector2 = require("@solana/connector");