@fuf-stack/pixels 0.43.5 → 0.43.6
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/dist/Tooltip/index.cjs +2 -2
- package/dist/Tooltip/index.d.cts +2 -2
- package/dist/Tooltip/index.d.ts +2 -2
- package/dist/Tooltip/index.js +1 -1
- package/dist/{Tooltip-BEdyTJ9f.d.cts → Tooltip-DoygUcZl.d.cts} +0 -49
- package/dist/{Tooltip-BEdyTJ9f.d.ts → Tooltip-DoygUcZl.d.ts} +0 -49
- package/dist/{chunk-U2JJ7JUC.js → chunk-BEEDCTDZ.js} +8 -8
- package/dist/chunk-BEEDCTDZ.js.map +1 -0
- package/dist/{chunk-23OJCMY6.cjs → chunk-XWKXRSNY.cjs} +8 -8
- package/dist/chunk-XWKXRSNY.cjs.map +1 -0
- package/dist/index.cjs +2 -2
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
- package/dist/chunk-23OJCMY6.cjs.map +0 -1
- package/dist/chunk-U2JJ7JUC.js.map +0 -1
package/dist/Tooltip/index.cjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkXWKXRSNYcjs = require('../chunk-XWKXRSNY.cjs');
|
|
5
5
|
require('../chunk-TX2VP4J7.cjs');
|
|
6
6
|
require('../chunk-D4TLDLEX.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
exports.Tooltip =
|
|
10
|
+
exports.Tooltip = _chunkXWKXRSNYcjs.Tooltip_default; exports.default = _chunkXWKXRSNYcjs.Tooltip_default2;
|
|
11
11
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Tooltip/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as Tooltip } from '../Tooltip-
|
|
2
|
-
export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-
|
|
1
|
+
import { T as Tooltip } from '../Tooltip-DoygUcZl.cjs';
|
|
2
|
+
export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-DoygUcZl.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import 'tailwind-variants/dist/config.js';
|
package/dist/Tooltip/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as Tooltip } from '../Tooltip-
|
|
2
|
-
export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-
|
|
1
|
+
import { T as Tooltip } from '../Tooltip-DoygUcZl.js';
|
|
2
|
+
export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-DoygUcZl.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import 'tailwind-variants/dist/config.js';
|
package/dist/Tooltip/index.js
CHANGED
|
@@ -8,43 +8,36 @@ import { ReactNode } from 'react';
|
|
|
8
8
|
declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
9
9
|
size: {
|
|
10
10
|
xs: {
|
|
11
|
-
base: string;
|
|
12
11
|
body: string;
|
|
13
12
|
footer: string;
|
|
14
13
|
header: string;
|
|
15
14
|
};
|
|
16
15
|
sm: {
|
|
17
|
-
base: string;
|
|
18
16
|
body: string;
|
|
19
17
|
footer: string;
|
|
20
18
|
header: string;
|
|
21
19
|
};
|
|
22
20
|
md: {
|
|
23
|
-
base: string;
|
|
24
21
|
body: string;
|
|
25
22
|
footer: string;
|
|
26
23
|
header: string;
|
|
27
24
|
};
|
|
28
25
|
lg: {
|
|
29
|
-
base: string;
|
|
30
26
|
body: string;
|
|
31
27
|
footer: string;
|
|
32
28
|
header: string;
|
|
33
29
|
};
|
|
34
30
|
xl: {
|
|
35
|
-
base: string;
|
|
36
31
|
body: string;
|
|
37
32
|
footer: string;
|
|
38
33
|
header: string;
|
|
39
34
|
};
|
|
40
35
|
'2xl': {
|
|
41
|
-
base: string;
|
|
42
36
|
body: string;
|
|
43
37
|
footer: string;
|
|
44
38
|
header: string;
|
|
45
39
|
};
|
|
46
40
|
'3xl': {
|
|
47
|
-
base: string;
|
|
48
41
|
body: string;
|
|
49
42
|
footer: string;
|
|
50
43
|
header: string;
|
|
@@ -66,43 +59,36 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
66
59
|
}, undefined, tailwind_variants_dist_config_js.TVConfig<{
|
|
67
60
|
size: {
|
|
68
61
|
xs: {
|
|
69
|
-
base: string;
|
|
70
62
|
body: string;
|
|
71
63
|
footer: string;
|
|
72
64
|
header: string;
|
|
73
65
|
};
|
|
74
66
|
sm: {
|
|
75
|
-
base: string;
|
|
76
67
|
body: string;
|
|
77
68
|
footer: string;
|
|
78
69
|
header: string;
|
|
79
70
|
};
|
|
80
71
|
md: {
|
|
81
|
-
base: string;
|
|
82
72
|
body: string;
|
|
83
73
|
footer: string;
|
|
84
74
|
header: string;
|
|
85
75
|
};
|
|
86
76
|
lg: {
|
|
87
|
-
base: string;
|
|
88
77
|
body: string;
|
|
89
78
|
footer: string;
|
|
90
79
|
header: string;
|
|
91
80
|
};
|
|
92
81
|
xl: {
|
|
93
|
-
base: string;
|
|
94
82
|
body: string;
|
|
95
83
|
footer: string;
|
|
96
84
|
header: string;
|
|
97
85
|
};
|
|
98
86
|
'2xl': {
|
|
99
|
-
base: string;
|
|
100
87
|
body: string;
|
|
101
88
|
footer: string;
|
|
102
89
|
header: string;
|
|
103
90
|
};
|
|
104
91
|
'3xl': {
|
|
105
|
-
base: string;
|
|
106
92
|
body: string;
|
|
107
93
|
footer: string;
|
|
108
94
|
header: string;
|
|
@@ -114,43 +100,36 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
114
100
|
}, {
|
|
115
101
|
size: {
|
|
116
102
|
xs: {
|
|
117
|
-
base: string;
|
|
118
103
|
body: string;
|
|
119
104
|
footer: string;
|
|
120
105
|
header: string;
|
|
121
106
|
};
|
|
122
107
|
sm: {
|
|
123
|
-
base: string;
|
|
124
108
|
body: string;
|
|
125
109
|
footer: string;
|
|
126
110
|
header: string;
|
|
127
111
|
};
|
|
128
112
|
md: {
|
|
129
|
-
base: string;
|
|
130
113
|
body: string;
|
|
131
114
|
footer: string;
|
|
132
115
|
header: string;
|
|
133
116
|
};
|
|
134
117
|
lg: {
|
|
135
|
-
base: string;
|
|
136
118
|
body: string;
|
|
137
119
|
footer: string;
|
|
138
120
|
header: string;
|
|
139
121
|
};
|
|
140
122
|
xl: {
|
|
141
|
-
base: string;
|
|
142
123
|
body: string;
|
|
143
124
|
footer: string;
|
|
144
125
|
header: string;
|
|
145
126
|
};
|
|
146
127
|
'2xl': {
|
|
147
|
-
base: string;
|
|
148
128
|
body: string;
|
|
149
129
|
footer: string;
|
|
150
130
|
header: string;
|
|
151
131
|
};
|
|
152
132
|
'3xl': {
|
|
153
|
-
base: string;
|
|
154
133
|
body: string;
|
|
155
134
|
footer: string;
|
|
156
135
|
header: string;
|
|
@@ -162,43 +141,36 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
162
141
|
}>, {
|
|
163
142
|
size: {
|
|
164
143
|
xs: {
|
|
165
|
-
base: string;
|
|
166
144
|
body: string;
|
|
167
145
|
footer: string;
|
|
168
146
|
header: string;
|
|
169
147
|
};
|
|
170
148
|
sm: {
|
|
171
|
-
base: string;
|
|
172
149
|
body: string;
|
|
173
150
|
footer: string;
|
|
174
151
|
header: string;
|
|
175
152
|
};
|
|
176
153
|
md: {
|
|
177
|
-
base: string;
|
|
178
154
|
body: string;
|
|
179
155
|
footer: string;
|
|
180
156
|
header: string;
|
|
181
157
|
};
|
|
182
158
|
lg: {
|
|
183
|
-
base: string;
|
|
184
159
|
body: string;
|
|
185
160
|
footer: string;
|
|
186
161
|
header: string;
|
|
187
162
|
};
|
|
188
163
|
xl: {
|
|
189
|
-
base: string;
|
|
190
164
|
body: string;
|
|
191
165
|
footer: string;
|
|
192
166
|
header: string;
|
|
193
167
|
};
|
|
194
168
|
'2xl': {
|
|
195
|
-
base: string;
|
|
196
169
|
body: string;
|
|
197
170
|
footer: string;
|
|
198
171
|
header: string;
|
|
199
172
|
};
|
|
200
173
|
'3xl': {
|
|
201
|
-
base: string;
|
|
202
174
|
body: string;
|
|
203
175
|
footer: string;
|
|
204
176
|
header: string;
|
|
@@ -220,43 +192,36 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
220
192
|
}, tailwind_variants.TVReturnType<{
|
|
221
193
|
size: {
|
|
222
194
|
xs: {
|
|
223
|
-
base: string;
|
|
224
195
|
body: string;
|
|
225
196
|
footer: string;
|
|
226
197
|
header: string;
|
|
227
198
|
};
|
|
228
199
|
sm: {
|
|
229
|
-
base: string;
|
|
230
200
|
body: string;
|
|
231
201
|
footer: string;
|
|
232
202
|
header: string;
|
|
233
203
|
};
|
|
234
204
|
md: {
|
|
235
|
-
base: string;
|
|
236
205
|
body: string;
|
|
237
206
|
footer: string;
|
|
238
207
|
header: string;
|
|
239
208
|
};
|
|
240
209
|
lg: {
|
|
241
|
-
base: string;
|
|
242
210
|
body: string;
|
|
243
211
|
footer: string;
|
|
244
212
|
header: string;
|
|
245
213
|
};
|
|
246
214
|
xl: {
|
|
247
|
-
base: string;
|
|
248
215
|
body: string;
|
|
249
216
|
footer: string;
|
|
250
217
|
header: string;
|
|
251
218
|
};
|
|
252
219
|
'2xl': {
|
|
253
|
-
base: string;
|
|
254
220
|
body: string;
|
|
255
221
|
footer: string;
|
|
256
222
|
header: string;
|
|
257
223
|
};
|
|
258
224
|
'3xl': {
|
|
259
|
-
base: string;
|
|
260
225
|
body: string;
|
|
261
226
|
footer: string;
|
|
262
227
|
header: string;
|
|
@@ -278,43 +243,36 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
278
243
|
}, undefined, tailwind_variants_dist_config_js.TVConfig<{
|
|
279
244
|
size: {
|
|
280
245
|
xs: {
|
|
281
|
-
base: string;
|
|
282
246
|
body: string;
|
|
283
247
|
footer: string;
|
|
284
248
|
header: string;
|
|
285
249
|
};
|
|
286
250
|
sm: {
|
|
287
|
-
base: string;
|
|
288
251
|
body: string;
|
|
289
252
|
footer: string;
|
|
290
253
|
header: string;
|
|
291
254
|
};
|
|
292
255
|
md: {
|
|
293
|
-
base: string;
|
|
294
256
|
body: string;
|
|
295
257
|
footer: string;
|
|
296
258
|
header: string;
|
|
297
259
|
};
|
|
298
260
|
lg: {
|
|
299
|
-
base: string;
|
|
300
261
|
body: string;
|
|
301
262
|
footer: string;
|
|
302
263
|
header: string;
|
|
303
264
|
};
|
|
304
265
|
xl: {
|
|
305
|
-
base: string;
|
|
306
266
|
body: string;
|
|
307
267
|
footer: string;
|
|
308
268
|
header: string;
|
|
309
269
|
};
|
|
310
270
|
'2xl': {
|
|
311
|
-
base: string;
|
|
312
271
|
body: string;
|
|
313
272
|
footer: string;
|
|
314
273
|
header: string;
|
|
315
274
|
};
|
|
316
275
|
'3xl': {
|
|
317
|
-
base: string;
|
|
318
276
|
body: string;
|
|
319
277
|
footer: string;
|
|
320
278
|
header: string;
|
|
@@ -326,43 +284,36 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
326
284
|
}, {
|
|
327
285
|
size: {
|
|
328
286
|
xs: {
|
|
329
|
-
base: string;
|
|
330
287
|
body: string;
|
|
331
288
|
footer: string;
|
|
332
289
|
header: string;
|
|
333
290
|
};
|
|
334
291
|
sm: {
|
|
335
|
-
base: string;
|
|
336
292
|
body: string;
|
|
337
293
|
footer: string;
|
|
338
294
|
header: string;
|
|
339
295
|
};
|
|
340
296
|
md: {
|
|
341
|
-
base: string;
|
|
342
297
|
body: string;
|
|
343
298
|
footer: string;
|
|
344
299
|
header: string;
|
|
345
300
|
};
|
|
346
301
|
lg: {
|
|
347
|
-
base: string;
|
|
348
302
|
body: string;
|
|
349
303
|
footer: string;
|
|
350
304
|
header: string;
|
|
351
305
|
};
|
|
352
306
|
xl: {
|
|
353
|
-
base: string;
|
|
354
307
|
body: string;
|
|
355
308
|
footer: string;
|
|
356
309
|
header: string;
|
|
357
310
|
};
|
|
358
311
|
'2xl': {
|
|
359
|
-
base: string;
|
|
360
312
|
body: string;
|
|
361
313
|
footer: string;
|
|
362
314
|
header: string;
|
|
363
315
|
};
|
|
364
316
|
'3xl': {
|
|
365
|
-
base: string;
|
|
366
317
|
body: string;
|
|
367
318
|
footer: string;
|
|
368
319
|
header: string;
|
|
@@ -8,43 +8,36 @@ import { ReactNode } from 'react';
|
|
|
8
8
|
declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
9
9
|
size: {
|
|
10
10
|
xs: {
|
|
11
|
-
base: string;
|
|
12
11
|
body: string;
|
|
13
12
|
footer: string;
|
|
14
13
|
header: string;
|
|
15
14
|
};
|
|
16
15
|
sm: {
|
|
17
|
-
base: string;
|
|
18
16
|
body: string;
|
|
19
17
|
footer: string;
|
|
20
18
|
header: string;
|
|
21
19
|
};
|
|
22
20
|
md: {
|
|
23
|
-
base: string;
|
|
24
21
|
body: string;
|
|
25
22
|
footer: string;
|
|
26
23
|
header: string;
|
|
27
24
|
};
|
|
28
25
|
lg: {
|
|
29
|
-
base: string;
|
|
30
26
|
body: string;
|
|
31
27
|
footer: string;
|
|
32
28
|
header: string;
|
|
33
29
|
};
|
|
34
30
|
xl: {
|
|
35
|
-
base: string;
|
|
36
31
|
body: string;
|
|
37
32
|
footer: string;
|
|
38
33
|
header: string;
|
|
39
34
|
};
|
|
40
35
|
'2xl': {
|
|
41
|
-
base: string;
|
|
42
36
|
body: string;
|
|
43
37
|
footer: string;
|
|
44
38
|
header: string;
|
|
45
39
|
};
|
|
46
40
|
'3xl': {
|
|
47
|
-
base: string;
|
|
48
41
|
body: string;
|
|
49
42
|
footer: string;
|
|
50
43
|
header: string;
|
|
@@ -66,43 +59,36 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
66
59
|
}, undefined, tailwind_variants_dist_config_js.TVConfig<{
|
|
67
60
|
size: {
|
|
68
61
|
xs: {
|
|
69
|
-
base: string;
|
|
70
62
|
body: string;
|
|
71
63
|
footer: string;
|
|
72
64
|
header: string;
|
|
73
65
|
};
|
|
74
66
|
sm: {
|
|
75
|
-
base: string;
|
|
76
67
|
body: string;
|
|
77
68
|
footer: string;
|
|
78
69
|
header: string;
|
|
79
70
|
};
|
|
80
71
|
md: {
|
|
81
|
-
base: string;
|
|
82
72
|
body: string;
|
|
83
73
|
footer: string;
|
|
84
74
|
header: string;
|
|
85
75
|
};
|
|
86
76
|
lg: {
|
|
87
|
-
base: string;
|
|
88
77
|
body: string;
|
|
89
78
|
footer: string;
|
|
90
79
|
header: string;
|
|
91
80
|
};
|
|
92
81
|
xl: {
|
|
93
|
-
base: string;
|
|
94
82
|
body: string;
|
|
95
83
|
footer: string;
|
|
96
84
|
header: string;
|
|
97
85
|
};
|
|
98
86
|
'2xl': {
|
|
99
|
-
base: string;
|
|
100
87
|
body: string;
|
|
101
88
|
footer: string;
|
|
102
89
|
header: string;
|
|
103
90
|
};
|
|
104
91
|
'3xl': {
|
|
105
|
-
base: string;
|
|
106
92
|
body: string;
|
|
107
93
|
footer: string;
|
|
108
94
|
header: string;
|
|
@@ -114,43 +100,36 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
114
100
|
}, {
|
|
115
101
|
size: {
|
|
116
102
|
xs: {
|
|
117
|
-
base: string;
|
|
118
103
|
body: string;
|
|
119
104
|
footer: string;
|
|
120
105
|
header: string;
|
|
121
106
|
};
|
|
122
107
|
sm: {
|
|
123
|
-
base: string;
|
|
124
108
|
body: string;
|
|
125
109
|
footer: string;
|
|
126
110
|
header: string;
|
|
127
111
|
};
|
|
128
112
|
md: {
|
|
129
|
-
base: string;
|
|
130
113
|
body: string;
|
|
131
114
|
footer: string;
|
|
132
115
|
header: string;
|
|
133
116
|
};
|
|
134
117
|
lg: {
|
|
135
|
-
base: string;
|
|
136
118
|
body: string;
|
|
137
119
|
footer: string;
|
|
138
120
|
header: string;
|
|
139
121
|
};
|
|
140
122
|
xl: {
|
|
141
|
-
base: string;
|
|
142
123
|
body: string;
|
|
143
124
|
footer: string;
|
|
144
125
|
header: string;
|
|
145
126
|
};
|
|
146
127
|
'2xl': {
|
|
147
|
-
base: string;
|
|
148
128
|
body: string;
|
|
149
129
|
footer: string;
|
|
150
130
|
header: string;
|
|
151
131
|
};
|
|
152
132
|
'3xl': {
|
|
153
|
-
base: string;
|
|
154
133
|
body: string;
|
|
155
134
|
footer: string;
|
|
156
135
|
header: string;
|
|
@@ -162,43 +141,36 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
162
141
|
}>, {
|
|
163
142
|
size: {
|
|
164
143
|
xs: {
|
|
165
|
-
base: string;
|
|
166
144
|
body: string;
|
|
167
145
|
footer: string;
|
|
168
146
|
header: string;
|
|
169
147
|
};
|
|
170
148
|
sm: {
|
|
171
|
-
base: string;
|
|
172
149
|
body: string;
|
|
173
150
|
footer: string;
|
|
174
151
|
header: string;
|
|
175
152
|
};
|
|
176
153
|
md: {
|
|
177
|
-
base: string;
|
|
178
154
|
body: string;
|
|
179
155
|
footer: string;
|
|
180
156
|
header: string;
|
|
181
157
|
};
|
|
182
158
|
lg: {
|
|
183
|
-
base: string;
|
|
184
159
|
body: string;
|
|
185
160
|
footer: string;
|
|
186
161
|
header: string;
|
|
187
162
|
};
|
|
188
163
|
xl: {
|
|
189
|
-
base: string;
|
|
190
164
|
body: string;
|
|
191
165
|
footer: string;
|
|
192
166
|
header: string;
|
|
193
167
|
};
|
|
194
168
|
'2xl': {
|
|
195
|
-
base: string;
|
|
196
169
|
body: string;
|
|
197
170
|
footer: string;
|
|
198
171
|
header: string;
|
|
199
172
|
};
|
|
200
173
|
'3xl': {
|
|
201
|
-
base: string;
|
|
202
174
|
body: string;
|
|
203
175
|
footer: string;
|
|
204
176
|
header: string;
|
|
@@ -220,43 +192,36 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
220
192
|
}, tailwind_variants.TVReturnType<{
|
|
221
193
|
size: {
|
|
222
194
|
xs: {
|
|
223
|
-
base: string;
|
|
224
195
|
body: string;
|
|
225
196
|
footer: string;
|
|
226
197
|
header: string;
|
|
227
198
|
};
|
|
228
199
|
sm: {
|
|
229
|
-
base: string;
|
|
230
200
|
body: string;
|
|
231
201
|
footer: string;
|
|
232
202
|
header: string;
|
|
233
203
|
};
|
|
234
204
|
md: {
|
|
235
|
-
base: string;
|
|
236
205
|
body: string;
|
|
237
206
|
footer: string;
|
|
238
207
|
header: string;
|
|
239
208
|
};
|
|
240
209
|
lg: {
|
|
241
|
-
base: string;
|
|
242
210
|
body: string;
|
|
243
211
|
footer: string;
|
|
244
212
|
header: string;
|
|
245
213
|
};
|
|
246
214
|
xl: {
|
|
247
|
-
base: string;
|
|
248
215
|
body: string;
|
|
249
216
|
footer: string;
|
|
250
217
|
header: string;
|
|
251
218
|
};
|
|
252
219
|
'2xl': {
|
|
253
|
-
base: string;
|
|
254
220
|
body: string;
|
|
255
221
|
footer: string;
|
|
256
222
|
header: string;
|
|
257
223
|
};
|
|
258
224
|
'3xl': {
|
|
259
|
-
base: string;
|
|
260
225
|
body: string;
|
|
261
226
|
footer: string;
|
|
262
227
|
header: string;
|
|
@@ -278,43 +243,36 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
278
243
|
}, undefined, tailwind_variants_dist_config_js.TVConfig<{
|
|
279
244
|
size: {
|
|
280
245
|
xs: {
|
|
281
|
-
base: string;
|
|
282
246
|
body: string;
|
|
283
247
|
footer: string;
|
|
284
248
|
header: string;
|
|
285
249
|
};
|
|
286
250
|
sm: {
|
|
287
|
-
base: string;
|
|
288
251
|
body: string;
|
|
289
252
|
footer: string;
|
|
290
253
|
header: string;
|
|
291
254
|
};
|
|
292
255
|
md: {
|
|
293
|
-
base: string;
|
|
294
256
|
body: string;
|
|
295
257
|
footer: string;
|
|
296
258
|
header: string;
|
|
297
259
|
};
|
|
298
260
|
lg: {
|
|
299
|
-
base: string;
|
|
300
261
|
body: string;
|
|
301
262
|
footer: string;
|
|
302
263
|
header: string;
|
|
303
264
|
};
|
|
304
265
|
xl: {
|
|
305
|
-
base: string;
|
|
306
266
|
body: string;
|
|
307
267
|
footer: string;
|
|
308
268
|
header: string;
|
|
309
269
|
};
|
|
310
270
|
'2xl': {
|
|
311
|
-
base: string;
|
|
312
271
|
body: string;
|
|
313
272
|
footer: string;
|
|
314
273
|
header: string;
|
|
315
274
|
};
|
|
316
275
|
'3xl': {
|
|
317
|
-
base: string;
|
|
318
276
|
body: string;
|
|
319
277
|
footer: string;
|
|
320
278
|
header: string;
|
|
@@ -326,43 +284,36 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
326
284
|
}, {
|
|
327
285
|
size: {
|
|
328
286
|
xs: {
|
|
329
|
-
base: string;
|
|
330
287
|
body: string;
|
|
331
288
|
footer: string;
|
|
332
289
|
header: string;
|
|
333
290
|
};
|
|
334
291
|
sm: {
|
|
335
|
-
base: string;
|
|
336
292
|
body: string;
|
|
337
293
|
footer: string;
|
|
338
294
|
header: string;
|
|
339
295
|
};
|
|
340
296
|
md: {
|
|
341
|
-
base: string;
|
|
342
297
|
body: string;
|
|
343
298
|
footer: string;
|
|
344
299
|
header: string;
|
|
345
300
|
};
|
|
346
301
|
lg: {
|
|
347
|
-
base: string;
|
|
348
302
|
body: string;
|
|
349
303
|
footer: string;
|
|
350
304
|
header: string;
|
|
351
305
|
};
|
|
352
306
|
xl: {
|
|
353
|
-
base: string;
|
|
354
307
|
body: string;
|
|
355
308
|
footer: string;
|
|
356
309
|
header: string;
|
|
357
310
|
};
|
|
358
311
|
'2xl': {
|
|
359
|
-
base: string;
|
|
360
312
|
body: string;
|
|
361
313
|
footer: string;
|
|
362
314
|
header: string;
|
|
363
315
|
};
|
|
364
316
|
'3xl': {
|
|
365
|
-
base: string;
|
|
366
317
|
body: string;
|
|
367
318
|
footer: string;
|
|
368
319
|
header: string;
|
|
@@ -21,43 +21,43 @@ var tooltipVariants = tv({
|
|
|
21
21
|
variants: {
|
|
22
22
|
size: {
|
|
23
23
|
xs: {
|
|
24
|
-
base:
|
|
24
|
+
// base: 'max-w-xs',
|
|
25
25
|
body: "max-w-xs",
|
|
26
26
|
footer: "max-w-xs",
|
|
27
27
|
header: "max-w-xs"
|
|
28
28
|
},
|
|
29
29
|
sm: {
|
|
30
|
-
base:
|
|
30
|
+
// base: 'max-w-sm',
|
|
31
31
|
body: "max-w-sm",
|
|
32
32
|
footer: "max-w-sm",
|
|
33
33
|
header: "max-w-sm"
|
|
34
34
|
},
|
|
35
35
|
md: {
|
|
36
|
-
base:
|
|
36
|
+
// base: 'max-w-md',
|
|
37
37
|
body: "max-w-md",
|
|
38
38
|
footer: "max-w-md",
|
|
39
39
|
header: "max-w-md"
|
|
40
40
|
},
|
|
41
41
|
lg: {
|
|
42
|
-
base:
|
|
42
|
+
// base: 'max-w-lg',
|
|
43
43
|
body: "max-w-lg",
|
|
44
44
|
footer: "max-w-lg",
|
|
45
45
|
header: "max-w-lg"
|
|
46
46
|
},
|
|
47
47
|
xl: {
|
|
48
|
-
base:
|
|
48
|
+
// base: 'max-w-xl',
|
|
49
49
|
body: "max-w-xl",
|
|
50
50
|
footer: "max-w-xl",
|
|
51
51
|
header: "max-w-xl"
|
|
52
52
|
},
|
|
53
53
|
"2xl": {
|
|
54
|
-
base:
|
|
54
|
+
// base: 'max-w-2xl',
|
|
55
55
|
body: "max-w-2xl",
|
|
56
56
|
footer: "max-w-2xl",
|
|
57
57
|
header: "max-w-2xl"
|
|
58
58
|
},
|
|
59
59
|
"3xl": {
|
|
60
|
-
base:
|
|
60
|
+
// base: 'max-w-3xl',
|
|
61
61
|
body: "max-w-3xl",
|
|
62
62
|
footer: "max-w-3xl",
|
|
63
63
|
header: "max-w-3xl"
|
|
@@ -119,4 +119,4 @@ export {
|
|
|
119
119
|
Tooltip_default,
|
|
120
120
|
Tooltip_default2
|
|
121
121
|
};
|
|
122
|
-
//# sourceMappingURL=chunk-
|
|
122
|
+
//# sourceMappingURL=chunk-BEEDCTDZ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TooltipPlacement as HeroTooltipPlacement } from '@heroui/tooltip';\nimport type { ReactNode } from 'react';\n\nimport { Tooltip as HeroTooltip } from '@heroui/tooltip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// tooltip variants\nexport const tooltipVariants = tv({\n slots: {\n base: '',\n body: 'w-full px-4 py-2',\n content: 'flex max-h-[80vh] flex-col p-0',\n divider: 'm-0 w-full p-0',\n footer: 'w-full px-4 py-2',\n footerWrapper: 'w-full',\n header: 'w-full px-4 pb-1 pt-2 font-semibold',\n headerWrapper: 'w-full',\n trigger: 'cursor-pointer',\n },\n variants: {\n size: {\n xs: {\n // base: 'max-w-xs',\n body: 'max-w-xs',\n footer: 'max-w-xs',\n header: 'max-w-xs',\n },\n sm: {\n // base: 'max-w-sm',\n body: 'max-w-sm',\n footer: 'max-w-sm',\n header: 'max-w-sm',\n },\n md: {\n // base: 'max-w-md',\n body: 'max-w-md',\n footer: 'max-w-md',\n header: 'max-w-md',\n },\n lg: {\n // base: 'max-w-lg',\n body: 'max-w-lg',\n footer: 'max-w-lg',\n header: 'max-w-lg',\n },\n xl: {\n // base: 'max-w-xl',\n body: 'max-w-xl',\n footer: 'max-w-xl',\n header: 'max-w-xl',\n },\n '2xl': {\n // base: 'max-w-2xl',\n body: 'max-w-2xl',\n footer: 'max-w-2xl',\n header: 'max-w-2xl',\n },\n '3xl': {\n // base: 'max-w-3xl',\n body: 'max-w-3xl',\n footer: 'max-w-3xl',\n header: 'max-w-3xl',\n },\n full: { base: '' },\n },\n },\n});\n\ntype VariantProps = TVProps<typeof tooltipVariants>;\ntype ClassName = TVClassName<typeof tooltipVariants>;\n\nexport type TooltipPlacement = HeroTooltipPlacement;\n\nexport interface TooltipProps extends VariantProps {\n /** trigger child components */\n children: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** delay in milliseconds before the tooltip opens. */\n closeDelay?: number;\n /** placement padding in px */\n containerPadding?: number;\n /** content displayed in the tooltip */\n content: ReactNode;\n /** open overlay initially when uncontrolled */\n defaultOpen?: boolean;\n /** delay in milliseconds before the tooltip opens. */\n delay?: number;\n /** tooltip footer */\n footer?: ReactNode;\n /** tooltip header */\n header?: ReactNode;\n /** handler that is called when the overlay's open state changes */\n onOpenChange?: (isOpen: boolean) => void;\n /** placement if the tooltip */\n placement?: TooltipPlacement;\n /** size of the tooltip */\n size?: VariantProps['size'];\n}\n\n/**\n * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)\n */\nconst Tooltip = ({\n children,\n className: _className = undefined,\n closeDelay = 500,\n containerPadding = 0,\n content,\n defaultOpen = false,\n delay = 0,\n footer = undefined,\n header = undefined,\n onOpenChange = undefined,\n placement = 'top',\n size = 'full',\n}: TooltipProps) => {\n // classNames from slots\n const variants = tooltipVariants({ size });\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <HeroTooltip\n classNames={classNames}\n closeDelay={closeDelay}\n containerPadding={containerPadding}\n content={\n <div>\n {header && (\n <div className={classNames.headerWrapper}>\n <div className={classNames.header}>{header}</div>\n <hr className={classNames.divider} />\n </div>\n )}\n <ScrollShadow className={classNames.body}>{content}</ScrollShadow>\n {footer && (\n <div className={classNames.footerWrapper}>\n <hr className={classNames.divider} />\n <div className={classNames.footer}>{footer}</div>\n </div>\n )}\n </div>\n }\n defaultOpen={defaultOpen}\n delay={delay}\n onClick={(e) => e.preventDefault()}\n onOpenChange={onOpenChange}\n placement={placement}\n shouldFlip\n showArrow\n >\n <span className={classNames.trigger}>{children}</span>\n </HeroTooltip>\n );\n};\n\nexport default Tooltip;\n","import Tooltip from './Tooltip';\n\nexport type { TooltipProps, TooltipPlacement } from './Tooltip';\n\nexport { Tooltip };\n\nexport default Tooltip;\n"],"mappings":";;;;;AAIA,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AA+H7B,SACE,KADF;AA1HL,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA;AAAA,QAEF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA;AAAA,QAEF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA;AAAA,QAEF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA;AAAA,QAEF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA;AAAA,QAEF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA;AAAA,QAEL,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA;AAAA,QAEL,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,MAAM,EAAE,MAAM,GAAG;AAAA,IACnB;AAAA,EACF;AACF,CAAC;AAqCD,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO;AACT,MAAoB;AAElB,QAAM,WAAW,gBAAgB,EAAE,KAAK,CAAC;AACzC,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,SACE,qBAAC,SACE;AAAA,kBACC,qBAAC,SAAI,WAAW,WAAW,eACzB;AAAA,8BAAC,SAAI,WAAW,WAAW,QAAS,kBAAO;AAAA,UAC3C,oBAAC,QAAG,WAAW,WAAW,SAAS;AAAA,WACrC;AAAA,QAEF,oBAAC,wBAAa,WAAW,WAAW,MAAO,mBAAQ;AAAA,QAClD,UACC,qBAAC,SAAI,WAAW,WAAW,eACzB;AAAA,8BAAC,QAAG,WAAW,WAAW,SAAS;AAAA,UACnC,oBAAC,SAAI,WAAW,WAAW,QAAS,kBAAO;AAAA,WAC7C;AAAA,SAEJ;AAAA,MAEF;AAAA,MACA;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,eAAe;AAAA,MACjC;AAAA,MACA;AAAA,MACA,YAAU;AAAA,MACV,WAAS;AAAA,MAET,8BAAC,UAAK,WAAW,WAAW,SAAU,UAAS;AAAA;AAAA,EACjD;AAEJ;AAEA,IAAO,kBAAQ;;;AC1Jf,IAAOA,mBAAQ;","names":["Tooltip_default"]}
|
|
@@ -21,43 +21,43 @@ var tooltipVariants = _pixelutils.tv.call(void 0, {
|
|
|
21
21
|
variants: {
|
|
22
22
|
size: {
|
|
23
23
|
xs: {
|
|
24
|
-
base:
|
|
24
|
+
// base: 'max-w-xs',
|
|
25
25
|
body: "max-w-xs",
|
|
26
26
|
footer: "max-w-xs",
|
|
27
27
|
header: "max-w-xs"
|
|
28
28
|
},
|
|
29
29
|
sm: {
|
|
30
|
-
base:
|
|
30
|
+
// base: 'max-w-sm',
|
|
31
31
|
body: "max-w-sm",
|
|
32
32
|
footer: "max-w-sm",
|
|
33
33
|
header: "max-w-sm"
|
|
34
34
|
},
|
|
35
35
|
md: {
|
|
36
|
-
base:
|
|
36
|
+
// base: 'max-w-md',
|
|
37
37
|
body: "max-w-md",
|
|
38
38
|
footer: "max-w-md",
|
|
39
39
|
header: "max-w-md"
|
|
40
40
|
},
|
|
41
41
|
lg: {
|
|
42
|
-
base:
|
|
42
|
+
// base: 'max-w-lg',
|
|
43
43
|
body: "max-w-lg",
|
|
44
44
|
footer: "max-w-lg",
|
|
45
45
|
header: "max-w-lg"
|
|
46
46
|
},
|
|
47
47
|
xl: {
|
|
48
|
-
base:
|
|
48
|
+
// base: 'max-w-xl',
|
|
49
49
|
body: "max-w-xl",
|
|
50
50
|
footer: "max-w-xl",
|
|
51
51
|
header: "max-w-xl"
|
|
52
52
|
},
|
|
53
53
|
"2xl": {
|
|
54
|
-
base:
|
|
54
|
+
// base: 'max-w-2xl',
|
|
55
55
|
body: "max-w-2xl",
|
|
56
56
|
footer: "max-w-2xl",
|
|
57
57
|
header: "max-w-2xl"
|
|
58
58
|
},
|
|
59
59
|
"3xl": {
|
|
60
|
-
base:
|
|
60
|
+
// base: 'max-w-3xl',
|
|
61
61
|
body: "max-w-3xl",
|
|
62
62
|
footer: "max-w-3xl",
|
|
63
63
|
header: "max-w-3xl"
|
|
@@ -119,4 +119,4 @@ var Tooltip_default2 = Tooltip_default;
|
|
|
119
119
|
|
|
120
120
|
|
|
121
121
|
exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
|
|
122
|
-
//# sourceMappingURL=chunk-
|
|
122
|
+
//# sourceMappingURL=chunk-XWKXRSNY.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-XWKXRSNY.cjs","../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-XWKXRSNY.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TooltipPlacement as HeroTooltipPlacement } from '@heroui/tooltip';\nimport type { ReactNode } from 'react';\n\nimport { Tooltip as HeroTooltip } from '@heroui/tooltip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// tooltip variants\nexport const tooltipVariants = tv({\n slots: {\n base: '',\n body: 'w-full px-4 py-2',\n content: 'flex max-h-[80vh] flex-col p-0',\n divider: 'm-0 w-full p-0',\n footer: 'w-full px-4 py-2',\n footerWrapper: 'w-full',\n header: 'w-full px-4 pb-1 pt-2 font-semibold',\n headerWrapper: 'w-full',\n trigger: 'cursor-pointer',\n },\n variants: {\n size: {\n xs: {\n // base: 'max-w-xs',\n body: 'max-w-xs',\n footer: 'max-w-xs',\n header: 'max-w-xs',\n },\n sm: {\n // base: 'max-w-sm',\n body: 'max-w-sm',\n footer: 'max-w-sm',\n header: 'max-w-sm',\n },\n md: {\n // base: 'max-w-md',\n body: 'max-w-md',\n footer: 'max-w-md',\n header: 'max-w-md',\n },\n lg: {\n // base: 'max-w-lg',\n body: 'max-w-lg',\n footer: 'max-w-lg',\n header: 'max-w-lg',\n },\n xl: {\n // base: 'max-w-xl',\n body: 'max-w-xl',\n footer: 'max-w-xl',\n header: 'max-w-xl',\n },\n '2xl': {\n // base: 'max-w-2xl',\n body: 'max-w-2xl',\n footer: 'max-w-2xl',\n header: 'max-w-2xl',\n },\n '3xl': {\n // base: 'max-w-3xl',\n body: 'max-w-3xl',\n footer: 'max-w-3xl',\n header: 'max-w-3xl',\n },\n full: { base: '' },\n },\n },\n});\n\ntype VariantProps = TVProps<typeof tooltipVariants>;\ntype ClassName = TVClassName<typeof tooltipVariants>;\n\nexport type TooltipPlacement = HeroTooltipPlacement;\n\nexport interface TooltipProps extends VariantProps {\n /** trigger child components */\n children: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** delay in milliseconds before the tooltip opens. */\n closeDelay?: number;\n /** placement padding in px */\n containerPadding?: number;\n /** content displayed in the tooltip */\n content: ReactNode;\n /** open overlay initially when uncontrolled */\n defaultOpen?: boolean;\n /** delay in milliseconds before the tooltip opens. */\n delay?: number;\n /** tooltip footer */\n footer?: ReactNode;\n /** tooltip header */\n header?: ReactNode;\n /** handler that is called when the overlay's open state changes */\n onOpenChange?: (isOpen: boolean) => void;\n /** placement if the tooltip */\n placement?: TooltipPlacement;\n /** size of the tooltip */\n size?: VariantProps['size'];\n}\n\n/**\n * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)\n */\nconst Tooltip = ({\n children,\n className: _className = undefined,\n closeDelay = 500,\n containerPadding = 0,\n content,\n defaultOpen = false,\n delay = 0,\n footer = undefined,\n header = undefined,\n onOpenChange = undefined,\n placement = 'top',\n size = 'full',\n}: TooltipProps) => {\n // classNames from slots\n const variants = tooltipVariants({ size });\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <HeroTooltip\n classNames={classNames}\n closeDelay={closeDelay}\n containerPadding={containerPadding}\n content={\n <div>\n {header && (\n <div className={classNames.headerWrapper}>\n <div className={classNames.header}>{header}</div>\n <hr className={classNames.divider} />\n </div>\n )}\n <ScrollShadow className={classNames.body}>{content}</ScrollShadow>\n {footer && (\n <div className={classNames.footerWrapper}>\n <hr className={classNames.divider} />\n <div className={classNames.footer}>{footer}</div>\n </div>\n )}\n </div>\n }\n defaultOpen={defaultOpen}\n delay={delay}\n onClick={(e) => e.preventDefault()}\n onOpenChange={onOpenChange}\n placement={placement}\n shouldFlip\n showArrow\n >\n <span className={classNames.trigger}>{children}</span>\n </HeroTooltip>\n );\n};\n\nexport default Tooltip;\n","import Tooltip from './Tooltip';\n\nexport type { TooltipProps, TooltipPlacement } from './Tooltip';\n\nexport { Tooltip };\n\nexport default Tooltip;\n"]}
|
package/dist/index.cjs
CHANGED
|
@@ -22,7 +22,7 @@ var _chunkD5BXY6EGcjs = require('./chunk-D5BXY6EG.cjs');
|
|
|
22
22
|
var _chunkGXIDQFQ6cjs = require('./chunk-GXIDQFQ6.cjs');
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
var
|
|
25
|
+
var _chunkXWKXRSNYcjs = require('./chunk-XWKXRSNY.cjs');
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
@@ -131,5 +131,5 @@ require('./chunk-D4TLDLEX.cjs');
|
|
|
131
131
|
|
|
132
132
|
|
|
133
133
|
|
|
134
|
-
exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkAN7A66NScjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunk77THLTVPcjs.Json_default; exports.Label = _chunkPLJWIGRScjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunk4X7MUSJBcjs.Popover_default; exports.Progress = _chunkXOCP745Xcjs.Progress_default; exports.ProgressCircular = _chunkW2EOAUKEcjs.ProgressCircular_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkD5BXY6EGcjs.Tabs_default; exports.Toast = _chunkGXIDQFQ6cjs.Toast; exports.ToastProvider = _chunkGXIDQFQ6cjs.ToastProvider_default; exports.Tooltip =
|
|
134
|
+
exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkAN7A66NScjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunk77THLTVPcjs.Json_default; exports.Label = _chunkPLJWIGRScjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunk4X7MUSJBcjs.Popover_default; exports.Progress = _chunkXOCP745Xcjs.Progress_default; exports.ProgressCircular = _chunkW2EOAUKEcjs.ProgressCircular_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkD5BXY6EGcjs.Tabs_default; exports.Toast = _chunkGXIDQFQ6cjs.Toast; exports.ToastProvider = _chunkGXIDQFQ6cjs.ToastProvider_default; exports.Tooltip = _chunkXWKXRSNYcjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = _chunkGXIDQFQ6cjs.addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkAN7A66NScjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPLJWIGRScjs.labelVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.progressCircularVariants = _chunkW2EOAUKEcjs.progressCircularVariants; exports.progressVariants = _chunkXOCP745Xcjs.progressVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkD5BXY6EGcjs.tabsVariants; exports.toastVariants = _chunkGXIDQFQ6cjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
|
|
135
135
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.cts
CHANGED
|
@@ -19,7 +19,7 @@ export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps,
|
|
|
19
19
|
export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-C1UEkvSr.cjs';
|
|
20
20
|
export { Toast } from '@heroui/toast';
|
|
21
21
|
export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-CL1v-bkE.cjs';
|
|
22
|
-
export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-
|
|
22
|
+
export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DoygUcZl.cjs';
|
|
23
23
|
export { useDebounce, useIsInitialRenderCycle, useLocalStorage } from './hooks/index.cjs';
|
|
24
24
|
export { ButtonGroupProps } from '@heroui/button';
|
|
25
25
|
import 'react/jsx-runtime';
|
package/dist/index.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps,
|
|
|
19
19
|
export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-C1UEkvSr.js';
|
|
20
20
|
export { Toast } from '@heroui/toast';
|
|
21
21
|
export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-CL1v-bkE.js';
|
|
22
|
-
export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-
|
|
22
|
+
export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DoygUcZl.js';
|
|
23
23
|
export { useDebounce, useIsInitialRenderCycle, useLocalStorage } from './hooks/index.js';
|
|
24
24
|
export { ButtonGroupProps } from '@heroui/button';
|
|
25
25
|
import 'react/jsx-runtime';
|
package/dist/index.js
CHANGED
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@fuf-stack/pixels",
|
|
3
3
|
"description": "fuf core react component library",
|
|
4
4
|
"author": "Hannes Tiede",
|
|
5
|
-
"version": "0.43.
|
|
5
|
+
"version": "0.43.6",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.cjs",
|
|
8
8
|
"module": "./dist/index.js",
|
|
@@ -192,8 +192,8 @@
|
|
|
192
192
|
"@uiw/react-json-view": "2.0.0-alpha.30",
|
|
193
193
|
"react": "19.0.0",
|
|
194
194
|
"react-dom": "19.0.0",
|
|
195
|
-
"@repo/storybook-config": "0.0.1",
|
|
196
195
|
"@repo/tailwind-config": "0.0.1",
|
|
196
|
+
"@repo/storybook-config": "0.0.1",
|
|
197
197
|
"@repo/tsup-config": "0.0.1",
|
|
198
198
|
"@repo/vite-config": "0.0.1"
|
|
199
199
|
},
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-23OJCMY6.cjs","../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-23OJCMY6.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TooltipPlacement as HeroTooltipPlacement } from '@heroui/tooltip';\nimport type { ReactNode } from 'react';\n\nimport { Tooltip as HeroTooltip } from '@heroui/tooltip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// tooltip variants\nexport const tooltipVariants = tv({\n slots: {\n base: '',\n body: 'w-full px-4 py-2',\n content: 'flex max-h-[80vh] flex-col p-0',\n divider: 'm-0 w-full p-0',\n footer: 'w-full px-4 py-2',\n footerWrapper: 'w-full',\n header: 'w-full px-4 pb-1 pt-2 font-semibold',\n headerWrapper: 'w-full',\n trigger: 'cursor-pointer',\n },\n variants: {\n size: {\n xs: {\n base: 'max-w-xs',\n body: 'max-w-xs',\n footer: 'max-w-xs',\n header: 'max-w-xs',\n },\n sm: {\n base: 'max-w-sm',\n body: 'max-w-sm',\n footer: 'max-w-sm',\n header: 'max-w-sm',\n },\n md: {\n base: 'max-w-md',\n body: 'max-w-md',\n footer: 'max-w-md',\n header: 'max-w-md',\n },\n lg: {\n base: 'max-w-lg',\n body: 'max-w-lg',\n footer: 'max-w-lg',\n header: 'max-w-lg',\n },\n xl: {\n base: 'max-w-xl',\n body: 'max-w-xl',\n footer: 'max-w-xl',\n header: 'max-w-xl',\n },\n '2xl': {\n base: 'max-w-2xl',\n body: 'max-w-2xl',\n footer: 'max-w-2xl',\n header: 'max-w-2xl',\n },\n '3xl': {\n base: 'max-w-3xl',\n body: 'max-w-3xl',\n footer: 'max-w-3xl',\n header: 'max-w-3xl',\n },\n full: { base: '' },\n },\n },\n});\n\ntype VariantProps = TVProps<typeof tooltipVariants>;\ntype ClassName = TVClassName<typeof tooltipVariants>;\n\nexport type TooltipPlacement = HeroTooltipPlacement;\n\nexport interface TooltipProps extends VariantProps {\n /** trigger child components */\n children: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** delay in milliseconds before the tooltip opens. */\n closeDelay?: number;\n /** placement padding in px */\n containerPadding?: number;\n /** content displayed in the tooltip */\n content: ReactNode;\n /** open overlay initially when uncontrolled */\n defaultOpen?: boolean;\n /** delay in milliseconds before the tooltip opens. */\n delay?: number;\n /** tooltip footer */\n footer?: ReactNode;\n /** tooltip header */\n header?: ReactNode;\n /** handler that is called when the overlay's open state changes */\n onOpenChange?: (isOpen: boolean) => void;\n /** placement if the tooltip */\n placement?: TooltipPlacement;\n /** size of the tooltip */\n size?: VariantProps['size'];\n}\n\n/**\n * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)\n */\nconst Tooltip = ({\n children,\n className: _className = undefined,\n closeDelay = 500,\n containerPadding = 0,\n content,\n defaultOpen = false,\n delay = 0,\n footer = undefined,\n header = undefined,\n onOpenChange = undefined,\n placement = 'top',\n size = 'full',\n}: TooltipProps) => {\n // classNames from slots\n const variants = tooltipVariants({ size });\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <HeroTooltip\n classNames={classNames}\n closeDelay={closeDelay}\n containerPadding={containerPadding}\n content={\n <div>\n {header && (\n <div className={classNames.headerWrapper}>\n <div className={classNames.header}>{header}</div>\n <hr className={classNames.divider} />\n </div>\n )}\n <ScrollShadow className={classNames.body}>{content}</ScrollShadow>\n {footer && (\n <div className={classNames.footerWrapper}>\n <hr className={classNames.divider} />\n <div className={classNames.footer}>{footer}</div>\n </div>\n )}\n </div>\n }\n defaultOpen={defaultOpen}\n delay={delay}\n onClick={(e) => e.preventDefault()}\n onOpenChange={onOpenChange}\n placement={placement}\n shouldFlip\n showArrow\n >\n <span className={classNames.trigger}>{children}</span>\n </HeroTooltip>\n );\n};\n\nexport default Tooltip;\n","import Tooltip from './Tooltip';\n\nexport type { TooltipProps, TooltipPlacement } from './Tooltip';\n\nexport { Tooltip };\n\nexport default Tooltip;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TooltipPlacement as HeroTooltipPlacement } from '@heroui/tooltip';\nimport type { ReactNode } from 'react';\n\nimport { Tooltip as HeroTooltip } from '@heroui/tooltip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// tooltip variants\nexport const tooltipVariants = tv({\n slots: {\n base: '',\n body: 'w-full px-4 py-2',\n content: 'flex max-h-[80vh] flex-col p-0',\n divider: 'm-0 w-full p-0',\n footer: 'w-full px-4 py-2',\n footerWrapper: 'w-full',\n header: 'w-full px-4 pb-1 pt-2 font-semibold',\n headerWrapper: 'w-full',\n trigger: 'cursor-pointer',\n },\n variants: {\n size: {\n xs: {\n base: 'max-w-xs',\n body: 'max-w-xs',\n footer: 'max-w-xs',\n header: 'max-w-xs',\n },\n sm: {\n base: 'max-w-sm',\n body: 'max-w-sm',\n footer: 'max-w-sm',\n header: 'max-w-sm',\n },\n md: {\n base: 'max-w-md',\n body: 'max-w-md',\n footer: 'max-w-md',\n header: 'max-w-md',\n },\n lg: {\n base: 'max-w-lg',\n body: 'max-w-lg',\n footer: 'max-w-lg',\n header: 'max-w-lg',\n },\n xl: {\n base: 'max-w-xl',\n body: 'max-w-xl',\n footer: 'max-w-xl',\n header: 'max-w-xl',\n },\n '2xl': {\n base: 'max-w-2xl',\n body: 'max-w-2xl',\n footer: 'max-w-2xl',\n header: 'max-w-2xl',\n },\n '3xl': {\n base: 'max-w-3xl',\n body: 'max-w-3xl',\n footer: 'max-w-3xl',\n header: 'max-w-3xl',\n },\n full: { base: '' },\n },\n },\n});\n\ntype VariantProps = TVProps<typeof tooltipVariants>;\ntype ClassName = TVClassName<typeof tooltipVariants>;\n\nexport type TooltipPlacement = HeroTooltipPlacement;\n\nexport interface TooltipProps extends VariantProps {\n /** trigger child components */\n children: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** delay in milliseconds before the tooltip opens. */\n closeDelay?: number;\n /** placement padding in px */\n containerPadding?: number;\n /** content displayed in the tooltip */\n content: ReactNode;\n /** open overlay initially when uncontrolled */\n defaultOpen?: boolean;\n /** delay in milliseconds before the tooltip opens. */\n delay?: number;\n /** tooltip footer */\n footer?: ReactNode;\n /** tooltip header */\n header?: ReactNode;\n /** handler that is called when the overlay's open state changes */\n onOpenChange?: (isOpen: boolean) => void;\n /** placement if the tooltip */\n placement?: TooltipPlacement;\n /** size of the tooltip */\n size?: VariantProps['size'];\n}\n\n/**\n * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)\n */\nconst Tooltip = ({\n children,\n className: _className = undefined,\n closeDelay = 500,\n containerPadding = 0,\n content,\n defaultOpen = false,\n delay = 0,\n footer = undefined,\n header = undefined,\n onOpenChange = undefined,\n placement = 'top',\n size = 'full',\n}: TooltipProps) => {\n // classNames from slots\n const variants = tooltipVariants({ size });\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <HeroTooltip\n classNames={classNames}\n closeDelay={closeDelay}\n containerPadding={containerPadding}\n content={\n <div>\n {header && (\n <div className={classNames.headerWrapper}>\n <div className={classNames.header}>{header}</div>\n <hr className={classNames.divider} />\n </div>\n )}\n <ScrollShadow className={classNames.body}>{content}</ScrollShadow>\n {footer && (\n <div className={classNames.footerWrapper}>\n <hr className={classNames.divider} />\n <div className={classNames.footer}>{footer}</div>\n </div>\n )}\n </div>\n }\n defaultOpen={defaultOpen}\n delay={delay}\n onClick={(e) => e.preventDefault()}\n onOpenChange={onOpenChange}\n placement={placement}\n shouldFlip\n showArrow\n >\n <span className={classNames.trigger}>{children}</span>\n </HeroTooltip>\n );\n};\n\nexport default Tooltip;\n","import Tooltip from './Tooltip';\n\nexport type { TooltipProps, TooltipPlacement } from './Tooltip';\n\nexport { Tooltip };\n\nexport default Tooltip;\n"],"mappings":";;;;;AAIA,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AA+H7B,SACE,KADF;AA1HL,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,MAAM,EAAE,MAAM,GAAG;AAAA,IACnB;AAAA,EACF;AACF,CAAC;AAqCD,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO;AACT,MAAoB;AAElB,QAAM,WAAW,gBAAgB,EAAE,KAAK,CAAC;AACzC,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,SACE,qBAAC,SACE;AAAA,kBACC,qBAAC,SAAI,WAAW,WAAW,eACzB;AAAA,8BAAC,SAAI,WAAW,WAAW,QAAS,kBAAO;AAAA,UAC3C,oBAAC,QAAG,WAAW,WAAW,SAAS;AAAA,WACrC;AAAA,QAEF,oBAAC,wBAAa,WAAW,WAAW,MAAO,mBAAQ;AAAA,QAClD,UACC,qBAAC,SAAI,WAAW,WAAW,eACzB;AAAA,8BAAC,QAAG,WAAW,WAAW,SAAS;AAAA,UACnC,oBAAC,SAAI,WAAW,WAAW,QAAS,kBAAO;AAAA,WAC7C;AAAA,SAEJ;AAAA,MAEF;AAAA,MACA;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,eAAe;AAAA,MACjC;AAAA,MACA;AAAA,MACA,YAAU;AAAA,MACV,WAAS;AAAA,MAET,8BAAC,UAAK,WAAW,WAAW,SAAU,UAAS;AAAA;AAAA,EACjD;AAEJ;AAEA,IAAO,kBAAQ;;;AC1Jf,IAAOA,mBAAQ;","names":["Tooltip_default"]}
|