@wallet-ui/tailwind 1.1.0-canary-20250323230043

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.
package/LICENSE ADDED
@@ -0,0 +1,20 @@
1
+ Copyright (c) 2024 Bram Borggreve (https://github.com/beeman)
2
+
3
+ Permission is hereby granted, free of charge, to any person obtaining
4
+ a copy of this software and associated documentation files (the
5
+ "Software"), to deal in the Software without restriction, including
6
+ without limitation the rights to use, copy, modify, merge, publish,
7
+ distribute, sublicense, and/or sell copies of the Software, and to
8
+ permit persons to whom the Software is furnished to do so, subject to
9
+ the following conditions:
10
+
11
+ The above copyright notice and this permission notice shall be
12
+ included in all copies or substantial portions of the Software.
13
+
14
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
16
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
17
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
18
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
19
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
20
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,14 @@
1
+ [![npm][npm-image]][npm-url]
2
+ [![npm-downloads][npm-downloads-image]][npm-url]
3
+ <br />
4
+ [![code-style-prettier][code-style-prettier-image]][code-style-prettier-url]
5
+
6
+ [code-style-prettier-image]: https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square
7
+ [code-style-prettier-url]: https://github.com/prettier/prettier
8
+ [npm-downloads-image]: https://img.shields.io/npm/dm/@wallet-ui/tailwind/latest.svg?style=flat
9
+ [npm-image]: https://img.shields.io/npm/v/@wallet-ui/tailwind/latest.svg?style=flat
10
+ [npm-url]: https://www.npmjs.com/package/@wallet-ui/tailwind/v/latest
11
+
12
+ # @wallet-ui/tailwind
13
+
14
+ Tailwind CSS for Wallet UI.
@@ -0,0 +1,27 @@
1
+ 'use strict';
2
+
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __esm = (fn, res) => function __init() {
5
+ return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
6
+ };
7
+ var __commonJS = (cb, mod) => function __require() {
8
+ return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
9
+ };
10
+
11
+ // src/index.css
12
+ var init_index = __esm({
13
+ "src/index.css"() {
14
+ }
15
+ });
16
+
17
+ // src/index.ts
18
+ var require_index = __commonJS({
19
+ "src/index.ts"() {
20
+ init_index();
21
+ }
22
+ });
23
+ var index_browser = require_index();
24
+
25
+ module.exports = index_browser;
26
+ //# sourceMappingURL=index.browser.cjs.map
27
+ //# sourceMappingURL=index.browser.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.browser.cjs","sourcesContent":["@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n\n@reference \"tailwindcss\";\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* @apply bg-transparent;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-4 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700 rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'].black {*/\n/* @apply bg-black;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-1 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='item'] {*/\n/* @apply px-3 py-2 bg-white dark:bg-gray-800;*/\n/* @apply rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* --at-apply: 'focus-visible:outline-0';*/\n/* --at-apply: 'focus:outline-0 focus:border-white';*/\n/* --at-apply: 'disabled:cursor-not-allowed disabled:opacity-50';*/\n/*}*/\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","import './index.css';\n"]}
@@ -0,0 +1,25 @@
1
+ var __getOwnPropNames = Object.getOwnPropertyNames;
2
+ var __esm = (fn, res) => function __init() {
3
+ return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
4
+ };
5
+ var __commonJS = (cb, mod) => function __require() {
6
+ return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
7
+ };
8
+
9
+ // src/index.css
10
+ var init_index = __esm({
11
+ "src/index.css"() {
12
+ }
13
+ });
14
+
15
+ // src/index.ts
16
+ var require_index = __commonJS({
17
+ "src/index.ts"() {
18
+ init_index();
19
+ }
20
+ });
21
+ var index_browser = require_index();
22
+
23
+ export { index_browser as default };
24
+ //# sourceMappingURL=index.browser.mjs.map
25
+ //# sourceMappingURL=index.browser.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.browser.mjs","sourcesContent":["@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n\n@reference \"tailwindcss\";\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* @apply bg-transparent;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-4 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700 rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'].black {*/\n/* @apply bg-black;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-1 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='item'] {*/\n/* @apply px-3 py-2 bg-white dark:bg-gray-800;*/\n/* @apply rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* --at-apply: 'focus-visible:outline-0';*/\n/* --at-apply: 'focus:outline-0 focus:border-white';*/\n/* --at-apply: 'disabled:cursor-not-allowed disabled:opacity-50';*/\n/*}*/\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","import './index.css';\n"]}
package/dist/index.css ADDED
@@ -0,0 +1,240 @@
1
+ /* src/wallet-ui-base-button.css */
2
+ .wallet-ui-base-button {
3
+ @apply bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700;
4
+ @apply text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white;
5
+ @apply border border-gray-200 dark:border-gray-700;
6
+ @apply rounded-md shadow-sm cursor-pointer;
7
+ @apply flex items-center justify-center gap-2 whitespace-nowrap;
8
+ @apply disabled:cursor-not-allowed disabled:opacity-50;
9
+ }
10
+ .wallet-ui-base-button.sm {
11
+ @apply px-3 py-1.5;
12
+ @apply text-sm;
13
+ @apply font-normal;
14
+ }
15
+ .wallet-ui-base-button.md {
16
+ @apply px-4 py-3;
17
+ @apply text-base;
18
+ @apply font-semibold;
19
+ }
20
+ .wallet-ui-base-button.lg {
21
+ @apply px-6 py-4;
22
+ @apply text-lg;
23
+ @apply font-bold;
24
+ }
25
+ .sm .wallet-ui-base-button-left-section {
26
+ @apply mr-1;
27
+ @apply text-xs;
28
+ }
29
+ .md .wallet-ui-base-button-left-section {
30
+ @apply mr-2;
31
+ @apply text-sm;
32
+ }
33
+ .lg .wallet-ui-base-button-left-section {
34
+ @apply mr-4;
35
+ @apply text-xl;
36
+ }
37
+ .sm .wallet-ui-base-button-right-section {
38
+ @apply ml-1;
39
+ @apply text-xs;
40
+ }
41
+ .md .wallet-ui-base-button-right-section {
42
+ @apply ml-2;
43
+ @apply text-sm;
44
+ }
45
+ .lg .wallet-ui-base-button-right-section {
46
+ @apply ml-4;
47
+ @apply text-xl;
48
+ }
49
+
50
+ /* src/wallet-ui-base-dropdown.css */
51
+ .wallet-ui-base-dropdown {
52
+ }
53
+ .wallet-ui-base-dropdown-list {
54
+ @apply bg-gray-100 dark:bg-gray-800;
55
+ @apply border border-gray-200 dark:border-gray-700;
56
+ @apply rounded-md;
57
+ }
58
+ .wallet-ui-base-dropdown-item {
59
+ @apply flex items-center gap-2;
60
+ @apply bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700;
61
+ @apply text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white;
62
+ @apply px-4 py-2;
63
+ @apply cursor-pointer;
64
+ }
65
+ .wallet-ui-base-dropdown-item-left-section {
66
+ @apply mr-1;
67
+ }
68
+ .wallet-ui-base-dropdown-item-right-section {
69
+ @apply ml-1;
70
+ }
71
+
72
+ /* src/wallet-ui-base-modal.css */
73
+ [data-scope=dialog][data-part=backdrop] {
74
+ @apply fixed top-0 left-0 bottom-0 w-full z-20;
75
+ @apply bg-black/40 dark:bg-black/70;
76
+ }
77
+ [data-scope=dialog][data-part=positioner] {
78
+ @apply fixed top-0 left-0 bottom-0 w-full z-20;
79
+ @apply flex items-center justify-center;
80
+ }
81
+ [data-scope=dialog][data-part=content] {
82
+ @apply w-full overflow-hidden shadow-lg;
83
+ @apply bg-white dark:bg-gray-900;
84
+ @apply border border-gray-100 dark:border-gray-900;
85
+ @apply rounded-xl outline-0;
86
+ }
87
+ [data-scope=dialog][data-part=content] header {
88
+ @apply flex items-center justify-end;
89
+ @apply pb-4;
90
+ }
91
+ [data-scope=dialog][data-part=description] {
92
+ @apply flex items-center justify-center;
93
+ @apply text-center text-gray-900 dark:text-gray-200;
94
+ }
95
+ [data-scope=dialog][data-part=close-trigger] {
96
+ @apply border border-gray-500/40 dark:border-gray-600/40;
97
+ @apply cursor-pointer hover:bg-gray-500/40 dark:hover:bg-gray-600/40;
98
+ @apply flex items-center justify-center;
99
+ @apply text-gray-700 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white;
100
+ }
101
+ [data-scope=dialog][data-part=content][data-state=open] {
102
+ animation: anim-scale-in 300ms ease-out;
103
+ }
104
+ [data-scope=dialog][data-part=content][data-state=closed] {
105
+ animation: anim-scale-out 200ms ease-in;
106
+ }
107
+ [data-scope=dialog][data-part=content].sm {
108
+ @apply max-w-3xs;
109
+ @apply p-2 rounded-md;
110
+ }
111
+ [data-scope=dialog][data-part=content].md {
112
+ @apply max-w-sm mx-4;
113
+ @apply p-2 rounded-lg;
114
+ }
115
+ [data-scope=dialog][data-part=content].lg {
116
+ @apply max-w-lg mx-auto;
117
+ @apply p-4 rounded-xl;
118
+ }
119
+ [data-scope=dialog][data-part=content].sm header {
120
+ @apply pb-2;
121
+ @apply text-sm;
122
+ }
123
+ [data-scope=dialog][data-part=content].md header {
124
+ @apply pb-4;
125
+ @apply text-2xl;
126
+ }
127
+ [data-scope=dialog][data-part=content].lg header {
128
+ @apply pb-4;
129
+ @apply text-3xl;
130
+ }
131
+ .sm [data-scope=dialog][data-part=close-trigger] {
132
+ @apply h-6 w-6 rounded-full;
133
+ }
134
+ .md [data-scope=dialog][data-part=close-trigger] {
135
+ @apply h-8 w-8 rounded-full;
136
+ }
137
+ .lg [data-scope=dialog][data-part=close-trigger] {
138
+ @apply h-10 w-10 rounded-full;
139
+ }
140
+ .sm [data-scope=dialog][data-part=description] {
141
+ @apply pb-2 px-4;
142
+ @apply text-sm;
143
+ }
144
+ .md [data-scope=dialog][data-part=description] {
145
+ @apply pb-8 px-16;
146
+ @apply text-2xl;
147
+ }
148
+ .lg [data-scope=dialog][data-part=description] {
149
+ @apply pb-8 px-16;
150
+ @apply text-3xl;
151
+ }
152
+
153
+ /* src/wallet-ui-icon.css */
154
+ .wallet-ui-list-icon {
155
+ @apply border-0;
156
+ }
157
+ .wallet-ui-list-icon.sm {
158
+ @apply rounded-xs;
159
+ @apply h-[16px] w-[16px];
160
+ }
161
+ .wallet-ui-list-icon.md {
162
+ @apply rounded-md;
163
+ @apply h-[24px] w-[24px];
164
+ }
165
+ .wallet-ui-list-icon.lg {
166
+ @apply rounded-lg;
167
+ @apply h-[32px] w-[32px];
168
+ }
169
+
170
+ /* src/wallet-ui-label.css */
171
+ .wallet-ui-list-label {
172
+ @apply text-gray-500 dark:text-gray-200;
173
+ }
174
+ .wallet-ui-list-label.sm {
175
+ @apply text-xs;
176
+ @apply font-light;
177
+ }
178
+ .wallet-ui-list-label.md {
179
+ @apply text-base;
180
+ @apply font-normal;
181
+ }
182
+ .wallet-ui-list-label.lg {
183
+ @apply text-xl;
184
+ @apply font-semibold;
185
+ }
186
+
187
+ /* src/wallet-ui-list-button.css */
188
+ .wallet-ui-list-button {
189
+ @apply flex items-center gap-2;
190
+ @apply whitespace-nowrap;
191
+ @apply cursor-pointer select-none appearance-none disabled:cursor-not-allowed disabled:opacity-50;
192
+ @apply hover:bg-gray-200 dark:hover:bg-gray-800;
193
+ }
194
+ .wallet-ui-list-button.sm {
195
+ @apply px-1 py-1 rounded-md;
196
+ }
197
+ .wallet-ui-list-button.md {
198
+ @apply px-2 py-2 rounded-lg;
199
+ }
200
+ .wallet-ui-list-button.lg {
201
+ @apply px-3 py-3 rounded-xl;
202
+ }
203
+
204
+ /* src/wallet-ui-list.css */
205
+ .wallet-ui-list {
206
+ @apply flex flex-col;
207
+ }
208
+ .wallet-ui-list.sm {
209
+ @apply gap-1;
210
+ }
211
+ .wallet-ui-list.md {
212
+ @apply gap-2;
213
+ }
214
+ .wallet-ui-list.lg {
215
+ @apply gap-3;
216
+ }
217
+
218
+ /* src/index.css */
219
+ @reference "tailwindcss";
220
+ @keyframes anim-scale-in {
221
+ from {
222
+ opacity: 0;
223
+ transform: scale(0.95);
224
+ }
225
+ to {
226
+ opacity: 1;
227
+ transform: scale(1);
228
+ }
229
+ }
230
+ @keyframes anim-scale-out {
231
+ from {
232
+ opacity: 1;
233
+ transform: scale(1);
234
+ }
235
+ to {
236
+ opacity: 0;
237
+ transform: scale(0.95);
238
+ }
239
+ }
240
+ /*# sourceMappingURL=index.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/wallet-ui-base-button.css","../src/wallet-ui-base-dropdown.css","../src/wallet-ui-base-modal.css","../src/wallet-ui-icon.css","../src/wallet-ui-label.css","../src/wallet-ui-list-button.css","../src/wallet-ui-list.css","../src/index.css"],"sourcesContent":[".wallet-ui-base-button {\n /* Background */\n @apply bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700;\n /* Text color */\n @apply text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white;\n /* Border */\n @apply border border-gray-200 dark:border-gray-700;\n /* Shape */\n @apply rounded-md shadow-sm cursor-pointer;\n /* Composition */\n @apply flex items-center justify-center gap-2 whitespace-nowrap;\n /* Disabled */\n @apply disabled:cursor-not-allowed disabled:opacity-50;\n}\n\n.wallet-ui-base-button.sm {\n /* Shape */\n @apply px-3 py-1.5;\n /* Text size */\n @apply text-sm;\n /* Text weight */\n @apply font-normal;\n}\n\n.wallet-ui-base-button.md {\n /* Shape */\n @apply px-4 py-3;\n /* Text size */\n @apply text-base;\n /* Text weight */\n @apply font-semibold;\n}\n\n.wallet-ui-base-button.lg {\n /* Shape */\n @apply px-6 py-4;\n /* Text size */\n @apply text-lg;\n /* Text weight */\n @apply font-bold;\n}\n\n.sm .wallet-ui-base-button-left-section {\n /* Composition */\n @apply mr-1;\n /* Text size */\n @apply text-xs;\n}\n\n.md .wallet-ui-base-button-left-section {\n /* Composition */\n @apply mr-2;\n /* Text size */\n @apply text-sm;\n}\n\n.lg .wallet-ui-base-button-left-section {\n /* Composition */\n @apply mr-4;\n /* Text size */\n @apply text-xl;\n}\n\n.sm .wallet-ui-base-button-right-section {\n /* Composition */\n @apply ml-1;\n /* Text size */\n @apply text-xs;\n}\n\n.md .wallet-ui-base-button-right-section {\n /* Composition */\n @apply ml-2;\n /* Text size */\n @apply text-sm;\n}\n\n.lg .wallet-ui-base-button-right-section {\n /* Composition */\n @apply ml-4;\n /* Text size */\n @apply text-xl;\n}\n",".wallet-ui-base-dropdown {\n /* No default styles */\n}\n\n.wallet-ui-base-dropdown-list {\n /* Background */\n @apply bg-gray-100 dark:bg-gray-800;\n /*!* Border *!*/\n @apply border border-gray-200 dark:border-gray-700;\n /*!* Shape *!*/\n @apply rounded-md;\n}\n\n.wallet-ui-base-dropdown-item {\n /* Content */\n @apply flex items-center gap-2;\n /* Background */\n @apply bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700;\n /*!* Text color *!*/\n @apply text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white;\n\n /*!* Shape *!*/\n @apply px-4 py-2;\n\n /* Shape */\n @apply cursor-pointer;\n}\n\n.wallet-ui-base-dropdown-item-left-section {\n /* Composition */\n @apply mr-1;\n}\n\n.wallet-ui-base-dropdown-item-right-section {\n /* Composition */\n @apply ml-1;\n}\n","[data-scope='dialog'][data-part='backdrop'] {\n /* Position */\n @apply fixed top-0 left-0 bottom-0 w-full z-20;\n /* Background */\n @apply bg-black/40 dark:bg-black/70;\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n /* Position */\n @apply fixed top-0 left-0 bottom-0 w-full z-20;\n /* Content */\n @apply flex items-center justify-center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n /* Position */\n @apply w-full overflow-hidden shadow-lg;\n /* Background */\n @apply bg-white dark:bg-gray-900;\n /* Border */\n @apply border border-gray-100 dark:border-gray-900;\n /* Shape */\n @apply rounded-xl outline-0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n /* Content */\n @apply flex items-center justify-end;\n /* Shape */\n @apply pb-4;\n}\n\n[data-scope='dialog'][data-part='description'] {\n /* Content */\n @apply flex items-center justify-center;\n\n /* Text */\n @apply text-center text-gray-900 dark:text-gray-200;\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n /* Position */\n @apply border border-gray-500/40 dark:border-gray-600/40;\n /* Behavior */\n @apply cursor-pointer hover:bg-gray-500/40 dark:hover:bg-gray-600/40;\n /* Content */\n @apply flex items-center justify-center;\n /* Text */\n @apply text-gray-700 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n/* Responsive Styles */\n\n/* CONTENT */\n[data-scope='dialog'][data-part='content'].sm {\n /* Position */\n @apply max-w-3xs;\n /* Shape */\n @apply p-2 rounded-md;\n}\n\n[data-scope='dialog'][data-part='content'].md {\n /* Position */\n @apply max-w-sm mx-4;\n /* Shape */\n @apply p-2 rounded-lg;\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n /* Position */\n @apply max-w-lg mx-auto;\n /* Shape */\n @apply p-4 rounded-xl;\n}\n\n/* HEADER */\n[data-scope='dialog'][data-part='content'].sm header {\n /* Shape */\n @apply pb-2;\n /* Text */\n @apply text-sm;\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n /* Shape */\n @apply pb-4;\n /* Text */\n @apply text-2xl;\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n /* Shape */\n @apply pb-4;\n /* Text */\n @apply text-3xl;\n}\n\n/* CLOSE TRIGGER */\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-6 w-6 rounded-full;\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-8 w-8 rounded-full;\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-10 w-10 rounded-full;\n}\n\n/* DESCRIPTION */\n.sm [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-2 px-4;\n /* Text */\n @apply text-sm;\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-8 px-16;\n /* Text */\n @apply text-2xl;\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-8 px-16;\n /* Text */\n @apply text-3xl;\n}\n",".wallet-ui-list-icon {\n /* Border */\n @apply border-0;\n}\n\n.wallet-ui-list-icon.sm {\n /*Radius*/\n @apply rounded-xs;\n /* Shape */\n @apply h-[16px] w-[16px];\n}\n\n.wallet-ui-list-icon.md {\n /*Radius*/\n @apply rounded-md;\n /* Shape */\n @apply h-[24px] w-[24px];\n}\n\n.wallet-ui-list-icon.lg {\n /* Radius */\n @apply rounded-lg;\n /* Shape */\n @apply h-[32px] w-[32px];\n}\n",".wallet-ui-list-label {\n /* Default label style */\n @apply text-gray-500 dark:text-gray-200;\n}\n\n.wallet-ui-list-label.sm {\n /* Size */\n @apply text-xs;\n /* Weight */\n @apply font-light;\n}\n\n.wallet-ui-list-label.md {\n /* Size */\n @apply text-base;\n /* Weight */\n @apply font-normal;\n}\n\n.wallet-ui-list-label.lg {\n /* Size */\n @apply text-xl;\n /* Weight */\n @apply font-semibold;\n}\n",".wallet-ui-list-button {\n /* Composition */\n @apply flex items-center gap-2;\n /* No wrap */\n @apply whitespace-nowrap;\n /* Behavior */\n @apply cursor-pointer select-none appearance-none disabled:cursor-not-allowed disabled:opacity-50;\n /* Hover*/\n @apply hover:bg-gray-200 dark:hover:bg-gray-800;\n}\n\n.wallet-ui-list-button.sm {\n @apply px-1 py-1 rounded-md;\n}\n\n.wallet-ui-list-button.md {\n @apply px-2 py-2 rounded-lg;\n}\n\n.wallet-ui-list-button.lg {\n @apply px-3 py-3 rounded-xl;\n}\n",".wallet-ui-list {\n @apply flex flex-col;\n}\n\n.wallet-ui-list.sm {\n @apply gap-1;\n}\n\n.wallet-ui-list.md {\n @apply gap-2;\n}\n\n.wallet-ui-list.lg {\n @apply gap-3;\n}\n","@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n\n@reference \"tailwindcss\";\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* @apply bg-transparent;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-4 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700 rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'].black {*/\n/* @apply bg-black;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-1 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='item'] {*/\n/* @apply px-3 py-2 bg-white dark:bg-gray-800;*/\n/* @apply rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* --at-apply: 'focus-visible:outline-0';*/\n/* --at-apply: 'focus:outline-0 focus:border-white';*/\n/* --at-apply: 'disabled:cursor-not-allowed disabled:opacity-50';*/\n/*}*/\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n"],"mappings":"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","names":[]}
@@ -0,0 +1,25 @@
1
+ var __getOwnPropNames = Object.getOwnPropertyNames;
2
+ var __esm = (fn, res) => function __init() {
3
+ return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
4
+ };
5
+ var __commonJS = (cb, mod) => function __require() {
6
+ return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
7
+ };
8
+
9
+ // src/index.css
10
+ var init_index = __esm({
11
+ "src/index.css"() {
12
+ }
13
+ });
14
+
15
+ // src/index.ts
16
+ var require_index = __commonJS({
17
+ "src/index.ts"() {
18
+ init_index();
19
+ }
20
+ });
21
+ var index_native = require_index();
22
+
23
+ export { index_native as default };
24
+ //# sourceMappingURL=index.native.mjs.map
25
+ //# sourceMappingURL=index.native.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.native.mjs","sourcesContent":["@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n\n@reference \"tailwindcss\";\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* @apply bg-transparent;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-4 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700 rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'].black {*/\n/* @apply bg-black;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-1 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='item'] {*/\n/* @apply px-3 py-2 bg-white dark:bg-gray-800;*/\n/* @apply rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* --at-apply: 'focus-visible:outline-0';*/\n/* --at-apply: 'focus:outline-0 focus:border-white';*/\n/* --at-apply: 'disabled:cursor-not-allowed disabled:opacity-50';*/\n/*}*/\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","import './index.css';\n"]}
@@ -0,0 +1,27 @@
1
+ 'use strict';
2
+
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __esm = (fn, res) => function __init() {
5
+ return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
6
+ };
7
+ var __commonJS = (cb, mod) => function __require() {
8
+ return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
9
+ };
10
+
11
+ // src/index.css
12
+ var init_index = __esm({
13
+ "src/index.css"() {
14
+ }
15
+ });
16
+
17
+ // src/index.ts
18
+ var require_index = __commonJS({
19
+ "src/index.ts"() {
20
+ init_index();
21
+ }
22
+ });
23
+ var index_node = require_index();
24
+
25
+ module.exports = index_node;
26
+ //# sourceMappingURL=index.node.cjs.map
27
+ //# sourceMappingURL=index.node.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.node.cjs","sourcesContent":["@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n\n@reference \"tailwindcss\";\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* @apply bg-transparent;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-4 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700 rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'].black {*/\n/* @apply bg-black;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-1 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='item'] {*/\n/* @apply px-3 py-2 bg-white dark:bg-gray-800;*/\n/* @apply rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* --at-apply: 'focus-visible:outline-0';*/\n/* --at-apply: 'focus:outline-0 focus:border-white';*/\n/* --at-apply: 'disabled:cursor-not-allowed disabled:opacity-50';*/\n/*}*/\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","import './index.css';\n"]}
@@ -0,0 +1,25 @@
1
+ var __getOwnPropNames = Object.getOwnPropertyNames;
2
+ var __esm = (fn, res) => function __init() {
3
+ return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
4
+ };
5
+ var __commonJS = (cb, mod) => function __require() {
6
+ return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
7
+ };
8
+
9
+ // src/index.css
10
+ var init_index = __esm({
11
+ "src/index.css"() {
12
+ }
13
+ });
14
+
15
+ // src/index.ts
16
+ var require_index = __commonJS({
17
+ "src/index.ts"() {
18
+ init_index();
19
+ }
20
+ });
21
+ var index_node = require_index();
22
+
23
+ export { index_node as default };
24
+ //# sourceMappingURL=index.node.mjs.map
25
+ //# sourceMappingURL=index.node.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.node.mjs","sourcesContent":["@import './wallet-ui-base-button.css';\n@import './wallet-ui-base-dropdown.css';\n@import './wallet-ui-base-modal.css';\n@import './wallet-ui-icon.css';\n@import './wallet-ui-label.css';\n@import './wallet-ui-list-button.css';\n@import './wallet-ui-list.css';\n\n@reference \"tailwindcss\";\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* @apply bg-transparent;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-4 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700 rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'].black {*/\n/* @apply bg-black;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='content'] {*/\n/* @apply p-1 bg-white dark:bg-gray-800;*/\n/* @apply border border-gray-200 dark:border-gray-700;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='item'] {*/\n/* @apply px-3 py-2 bg-white dark:bg-gray-800;*/\n/* @apply rounded-md;*/\n/*}*/\n\n/*[data-scope='menu'][data-part='trigger'] {*/\n/* --at-apply: 'focus-visible:outline-0';*/\n/* --at-apply: 'focus:outline-0 focus:border-white';*/\n/* --at-apply: 'disabled:cursor-not-allowed disabled:opacity-50';*/\n/*}*/\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","import './index.css';\n"]}
@@ -0,0 +1,2 @@
1
+ import './index.css';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC"}
package/package.json ADDED
@@ -0,0 +1,82 @@
1
+ {
2
+ "name": "@wallet-ui/tailwind",
3
+ "version": "1.1.0-canary-20250323230043",
4
+ "description": "Tailwind CSS for Wallet UI",
5
+ "exports": {
6
+ ".": {
7
+ "edge-light": {
8
+ "import": "./dist/index.node.mjs",
9
+ "require": "./dist/index.node.cjs"
10
+ },
11
+ "workerd": {
12
+ "import": "./dist/index.node.mjs",
13
+ "require": "./dist/index.node.cjs"
14
+ },
15
+ "browser": {
16
+ "import": "./dist/index.browser.mjs",
17
+ "require": "./dist/index.browser.cjs"
18
+ },
19
+ "node": {
20
+ "import": "./dist/index.node.mjs",
21
+ "require": "./dist/index.node.cjs"
22
+ },
23
+ "react-native": "./dist/index.native.mjs",
24
+ "types": "./dist/types/index.d.ts"
25
+ },
26
+ "./index.css": "./dist/index.css"
27
+ },
28
+ "browser": {
29
+ "./dist/index.node.cjs": "./dist/index.browser.cjs",
30
+ "./dist/index.node.mjs": "./dist/index.browser.mjs"
31
+ },
32
+ "main": "./dist/index.node.cjs",
33
+ "module": "./dist/index.node.mjs",
34
+ "react-native": "./dist/index.native.mjs",
35
+ "types": "./dist/types/index.d.ts",
36
+ "type": "commonjs",
37
+ "files": [
38
+ "./dist/"
39
+ ],
40
+ "sideEffects": false,
41
+ "keywords": [
42
+ "blockchain",
43
+ "solana",
44
+ "web3"
45
+ ],
46
+ "author": "beeman <beeman@beeman.nl>",
47
+ "license": "MIT",
48
+ "repository": {
49
+ "type": "git",
50
+ "url": "https://github.com/wallet-ui/wallet-ui"
51
+ },
52
+ "bugs": {
53
+ "url": "https://github.com/wallet-ui/wallet-ui/issues"
54
+ },
55
+ "browserslist": [
56
+ "supports bigint and not dead",
57
+ "maintained node versions"
58
+ ],
59
+ "peerDependencies": {
60
+ "tailwindcss": "^4.0.14"
61
+ },
62
+ "engines": {
63
+ "node": ">=20.18.0"
64
+ },
65
+ "scripts": {
66
+ "compile:js": "tsup --config build-scripts/tsup.config.package.ts",
67
+ "compile:typedefs": "tsc -p ./tsconfig.declarations.json",
68
+ "compile:css": "tailwindcss -i ./src/index.css -o ./dist/compiled.css --minify",
69
+ "dev": "jest -c ../../node_modules/@wallet-ui/test-config/jest-dev.config.ts --rootDir . --watch",
70
+ "publish-impl": "npm view $npm_package_name@$npm_package_version > /dev/null 2>&1 || (pnpm publish --tag ${PUBLISH_TAG:-canary} --access public --no-git-checks && (([ \"$PUBLISH_TAG\" != \"canary\" ] && pnpm dist-tag add $npm_package_name@$npm_package_version latest) || true))",
71
+ "publish-packages": "pnpm prepublishOnly && pnpm publish-impl",
72
+ "style:fix": "pnpm eslint --fix src && pnpm prettier --log-level warn --ignore-unknown --write ./*",
73
+ "test:lint": "TERM_OVERRIDE=\"${TURBO_HASH:+dumb}\" TERM=${TERM_OVERRIDE:-$TERM} jest -c ../../node_modules/@wallet-ui/test-config/jest-lint.config.ts --rootDir . --silent",
74
+ "test:prettier": "TERM_OVERRIDE=\"${TURBO_HASH:+dumb}\" TERM=${TERM_OVERRIDE:-$TERM} jest -c ../../node_modules/@wallet-ui/test-config/jest-prettier.config.ts --rootDir . --silent",
75
+ "test:treeshakability:browser": "true # agadoo dist/index.browser.mjs",
76
+ "test:treeshakability:native": "true # agadoo dist/index.native.mjs",
77
+ "test:treeshakability:node": "true # agadoo dist/index.node.mjs",
78
+ "test:typecheck": "tsc --noEmit",
79
+ "test:unit:browser": "TERM_OVERRIDE=\"${TURBO_HASH:+dumb}\" TERM=${TERM_OVERRIDE:-$TERM} jest -c ../../node_modules/@wallet-ui/test-config/jest-unit.config.browser.ts --rootDir . --silent",
80
+ "test:unit:node": "TERM_OVERRIDE=\"${TURBO_HASH:+dumb}\" TERM=${TERM_OVERRIDE:-$TERM} jest -c ../../node_modules/@wallet-ui/test-config/jest-unit.config.node.ts --rootDir . --silent"
81
+ }
82
+ }