@fuf-stack/pixels 0.43.4 → 0.43.5
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-Cpmigwzs.d.cts → Tooltip-BEdyTJ9f.d.cts} +189 -0
- package/dist/{Tooltip-Cpmigwzs.d.ts → Tooltip-BEdyTJ9f.d.ts} +189 -0
- package/dist/{chunk-DDQIHJ3E.cjs → chunk-23OJCMY6.cjs} +43 -6
- package/dist/chunk-23OJCMY6.cjs.map +1 -0
- package/dist/{chunk-3BSRRSR3.js → chunk-U2JJ7JUC.js} +43 -6
- package/dist/chunk-U2JJ7JUC.js.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 +3 -3
- package/dist/chunk-3BSRRSR3.js.map +0 -1
- package/dist/chunk-DDQIHJ3E.cjs.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 _chunk23OJCMY6cjs = require('../chunk-23OJCMY6.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 = _chunk23OJCMY6cjs.Tooltip_default; exports.default = _chunk23OJCMY6cjs.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-BEdyTJ9f.cjs';
|
|
2
|
+
export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-BEdyTJ9f.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-BEdyTJ9f.js';
|
|
2
|
+
export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-BEdyTJ9f.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
|
@@ -9,18 +9,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
9
9
|
size: {
|
|
10
10
|
xs: {
|
|
11
11
|
base: string;
|
|
12
|
+
body: string;
|
|
13
|
+
footer: string;
|
|
14
|
+
header: string;
|
|
12
15
|
};
|
|
13
16
|
sm: {
|
|
14
17
|
base: string;
|
|
18
|
+
body: string;
|
|
19
|
+
footer: string;
|
|
20
|
+
header: string;
|
|
15
21
|
};
|
|
16
22
|
md: {
|
|
17
23
|
base: string;
|
|
24
|
+
body: string;
|
|
25
|
+
footer: string;
|
|
26
|
+
header: string;
|
|
18
27
|
};
|
|
19
28
|
lg: {
|
|
20
29
|
base: string;
|
|
30
|
+
body: string;
|
|
31
|
+
footer: string;
|
|
32
|
+
header: string;
|
|
21
33
|
};
|
|
22
34
|
xl: {
|
|
23
35
|
base: string;
|
|
36
|
+
body: string;
|
|
37
|
+
footer: string;
|
|
38
|
+
header: string;
|
|
39
|
+
};
|
|
40
|
+
'2xl': {
|
|
41
|
+
base: string;
|
|
42
|
+
body: string;
|
|
43
|
+
footer: string;
|
|
44
|
+
header: string;
|
|
45
|
+
};
|
|
46
|
+
'3xl': {
|
|
47
|
+
base: string;
|
|
48
|
+
body: string;
|
|
49
|
+
footer: string;
|
|
50
|
+
header: string;
|
|
24
51
|
};
|
|
25
52
|
full: {
|
|
26
53
|
base: string;
|
|
@@ -40,18 +67,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
40
67
|
size: {
|
|
41
68
|
xs: {
|
|
42
69
|
base: string;
|
|
70
|
+
body: string;
|
|
71
|
+
footer: string;
|
|
72
|
+
header: string;
|
|
43
73
|
};
|
|
44
74
|
sm: {
|
|
45
75
|
base: string;
|
|
76
|
+
body: string;
|
|
77
|
+
footer: string;
|
|
78
|
+
header: string;
|
|
46
79
|
};
|
|
47
80
|
md: {
|
|
48
81
|
base: string;
|
|
82
|
+
body: string;
|
|
83
|
+
footer: string;
|
|
84
|
+
header: string;
|
|
49
85
|
};
|
|
50
86
|
lg: {
|
|
51
87
|
base: string;
|
|
88
|
+
body: string;
|
|
89
|
+
footer: string;
|
|
90
|
+
header: string;
|
|
52
91
|
};
|
|
53
92
|
xl: {
|
|
54
93
|
base: string;
|
|
94
|
+
body: string;
|
|
95
|
+
footer: string;
|
|
96
|
+
header: string;
|
|
97
|
+
};
|
|
98
|
+
'2xl': {
|
|
99
|
+
base: string;
|
|
100
|
+
body: string;
|
|
101
|
+
footer: string;
|
|
102
|
+
header: string;
|
|
103
|
+
};
|
|
104
|
+
'3xl': {
|
|
105
|
+
base: string;
|
|
106
|
+
body: string;
|
|
107
|
+
footer: string;
|
|
108
|
+
header: string;
|
|
55
109
|
};
|
|
56
110
|
full: {
|
|
57
111
|
base: string;
|
|
@@ -61,18 +115,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
61
115
|
size: {
|
|
62
116
|
xs: {
|
|
63
117
|
base: string;
|
|
118
|
+
body: string;
|
|
119
|
+
footer: string;
|
|
120
|
+
header: string;
|
|
64
121
|
};
|
|
65
122
|
sm: {
|
|
66
123
|
base: string;
|
|
124
|
+
body: string;
|
|
125
|
+
footer: string;
|
|
126
|
+
header: string;
|
|
67
127
|
};
|
|
68
128
|
md: {
|
|
69
129
|
base: string;
|
|
130
|
+
body: string;
|
|
131
|
+
footer: string;
|
|
132
|
+
header: string;
|
|
70
133
|
};
|
|
71
134
|
lg: {
|
|
72
135
|
base: string;
|
|
136
|
+
body: string;
|
|
137
|
+
footer: string;
|
|
138
|
+
header: string;
|
|
73
139
|
};
|
|
74
140
|
xl: {
|
|
75
141
|
base: string;
|
|
142
|
+
body: string;
|
|
143
|
+
footer: string;
|
|
144
|
+
header: string;
|
|
145
|
+
};
|
|
146
|
+
'2xl': {
|
|
147
|
+
base: string;
|
|
148
|
+
body: string;
|
|
149
|
+
footer: string;
|
|
150
|
+
header: string;
|
|
151
|
+
};
|
|
152
|
+
'3xl': {
|
|
153
|
+
base: string;
|
|
154
|
+
body: string;
|
|
155
|
+
footer: string;
|
|
156
|
+
header: string;
|
|
76
157
|
};
|
|
77
158
|
full: {
|
|
78
159
|
base: string;
|
|
@@ -82,18 +163,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
82
163
|
size: {
|
|
83
164
|
xs: {
|
|
84
165
|
base: string;
|
|
166
|
+
body: string;
|
|
167
|
+
footer: string;
|
|
168
|
+
header: string;
|
|
85
169
|
};
|
|
86
170
|
sm: {
|
|
87
171
|
base: string;
|
|
172
|
+
body: string;
|
|
173
|
+
footer: string;
|
|
174
|
+
header: string;
|
|
88
175
|
};
|
|
89
176
|
md: {
|
|
90
177
|
base: string;
|
|
178
|
+
body: string;
|
|
179
|
+
footer: string;
|
|
180
|
+
header: string;
|
|
91
181
|
};
|
|
92
182
|
lg: {
|
|
93
183
|
base: string;
|
|
184
|
+
body: string;
|
|
185
|
+
footer: string;
|
|
186
|
+
header: string;
|
|
94
187
|
};
|
|
95
188
|
xl: {
|
|
96
189
|
base: string;
|
|
190
|
+
body: string;
|
|
191
|
+
footer: string;
|
|
192
|
+
header: string;
|
|
193
|
+
};
|
|
194
|
+
'2xl': {
|
|
195
|
+
base: string;
|
|
196
|
+
body: string;
|
|
197
|
+
footer: string;
|
|
198
|
+
header: string;
|
|
199
|
+
};
|
|
200
|
+
'3xl': {
|
|
201
|
+
base: string;
|
|
202
|
+
body: string;
|
|
203
|
+
footer: string;
|
|
204
|
+
header: string;
|
|
97
205
|
};
|
|
98
206
|
full: {
|
|
99
207
|
base: string;
|
|
@@ -113,18 +221,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
113
221
|
size: {
|
|
114
222
|
xs: {
|
|
115
223
|
base: string;
|
|
224
|
+
body: string;
|
|
225
|
+
footer: string;
|
|
226
|
+
header: string;
|
|
116
227
|
};
|
|
117
228
|
sm: {
|
|
118
229
|
base: string;
|
|
230
|
+
body: string;
|
|
231
|
+
footer: string;
|
|
232
|
+
header: string;
|
|
119
233
|
};
|
|
120
234
|
md: {
|
|
121
235
|
base: string;
|
|
236
|
+
body: string;
|
|
237
|
+
footer: string;
|
|
238
|
+
header: string;
|
|
122
239
|
};
|
|
123
240
|
lg: {
|
|
124
241
|
base: string;
|
|
242
|
+
body: string;
|
|
243
|
+
footer: string;
|
|
244
|
+
header: string;
|
|
125
245
|
};
|
|
126
246
|
xl: {
|
|
127
247
|
base: string;
|
|
248
|
+
body: string;
|
|
249
|
+
footer: string;
|
|
250
|
+
header: string;
|
|
251
|
+
};
|
|
252
|
+
'2xl': {
|
|
253
|
+
base: string;
|
|
254
|
+
body: string;
|
|
255
|
+
footer: string;
|
|
256
|
+
header: string;
|
|
257
|
+
};
|
|
258
|
+
'3xl': {
|
|
259
|
+
base: string;
|
|
260
|
+
body: string;
|
|
261
|
+
footer: string;
|
|
262
|
+
header: string;
|
|
128
263
|
};
|
|
129
264
|
full: {
|
|
130
265
|
base: string;
|
|
@@ -144,18 +279,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
144
279
|
size: {
|
|
145
280
|
xs: {
|
|
146
281
|
base: string;
|
|
282
|
+
body: string;
|
|
283
|
+
footer: string;
|
|
284
|
+
header: string;
|
|
147
285
|
};
|
|
148
286
|
sm: {
|
|
149
287
|
base: string;
|
|
288
|
+
body: string;
|
|
289
|
+
footer: string;
|
|
290
|
+
header: string;
|
|
150
291
|
};
|
|
151
292
|
md: {
|
|
152
293
|
base: string;
|
|
294
|
+
body: string;
|
|
295
|
+
footer: string;
|
|
296
|
+
header: string;
|
|
153
297
|
};
|
|
154
298
|
lg: {
|
|
155
299
|
base: string;
|
|
300
|
+
body: string;
|
|
301
|
+
footer: string;
|
|
302
|
+
header: string;
|
|
156
303
|
};
|
|
157
304
|
xl: {
|
|
158
305
|
base: string;
|
|
306
|
+
body: string;
|
|
307
|
+
footer: string;
|
|
308
|
+
header: string;
|
|
309
|
+
};
|
|
310
|
+
'2xl': {
|
|
311
|
+
base: string;
|
|
312
|
+
body: string;
|
|
313
|
+
footer: string;
|
|
314
|
+
header: string;
|
|
315
|
+
};
|
|
316
|
+
'3xl': {
|
|
317
|
+
base: string;
|
|
318
|
+
body: string;
|
|
319
|
+
footer: string;
|
|
320
|
+
header: string;
|
|
159
321
|
};
|
|
160
322
|
full: {
|
|
161
323
|
base: string;
|
|
@@ -165,18 +327,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
165
327
|
size: {
|
|
166
328
|
xs: {
|
|
167
329
|
base: string;
|
|
330
|
+
body: string;
|
|
331
|
+
footer: string;
|
|
332
|
+
header: string;
|
|
168
333
|
};
|
|
169
334
|
sm: {
|
|
170
335
|
base: string;
|
|
336
|
+
body: string;
|
|
337
|
+
footer: string;
|
|
338
|
+
header: string;
|
|
171
339
|
};
|
|
172
340
|
md: {
|
|
173
341
|
base: string;
|
|
342
|
+
body: string;
|
|
343
|
+
footer: string;
|
|
344
|
+
header: string;
|
|
174
345
|
};
|
|
175
346
|
lg: {
|
|
176
347
|
base: string;
|
|
348
|
+
body: string;
|
|
349
|
+
footer: string;
|
|
350
|
+
header: string;
|
|
177
351
|
};
|
|
178
352
|
xl: {
|
|
179
353
|
base: string;
|
|
354
|
+
body: string;
|
|
355
|
+
footer: string;
|
|
356
|
+
header: string;
|
|
357
|
+
};
|
|
358
|
+
'2xl': {
|
|
359
|
+
base: string;
|
|
360
|
+
body: string;
|
|
361
|
+
footer: string;
|
|
362
|
+
header: string;
|
|
363
|
+
};
|
|
364
|
+
'3xl': {
|
|
365
|
+
base: string;
|
|
366
|
+
body: string;
|
|
367
|
+
footer: string;
|
|
368
|
+
header: string;
|
|
180
369
|
};
|
|
181
370
|
full: {
|
|
182
371
|
base: string;
|
|
@@ -9,18 +9,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
9
9
|
size: {
|
|
10
10
|
xs: {
|
|
11
11
|
base: string;
|
|
12
|
+
body: string;
|
|
13
|
+
footer: string;
|
|
14
|
+
header: string;
|
|
12
15
|
};
|
|
13
16
|
sm: {
|
|
14
17
|
base: string;
|
|
18
|
+
body: string;
|
|
19
|
+
footer: string;
|
|
20
|
+
header: string;
|
|
15
21
|
};
|
|
16
22
|
md: {
|
|
17
23
|
base: string;
|
|
24
|
+
body: string;
|
|
25
|
+
footer: string;
|
|
26
|
+
header: string;
|
|
18
27
|
};
|
|
19
28
|
lg: {
|
|
20
29
|
base: string;
|
|
30
|
+
body: string;
|
|
31
|
+
footer: string;
|
|
32
|
+
header: string;
|
|
21
33
|
};
|
|
22
34
|
xl: {
|
|
23
35
|
base: string;
|
|
36
|
+
body: string;
|
|
37
|
+
footer: string;
|
|
38
|
+
header: string;
|
|
39
|
+
};
|
|
40
|
+
'2xl': {
|
|
41
|
+
base: string;
|
|
42
|
+
body: string;
|
|
43
|
+
footer: string;
|
|
44
|
+
header: string;
|
|
45
|
+
};
|
|
46
|
+
'3xl': {
|
|
47
|
+
base: string;
|
|
48
|
+
body: string;
|
|
49
|
+
footer: string;
|
|
50
|
+
header: string;
|
|
24
51
|
};
|
|
25
52
|
full: {
|
|
26
53
|
base: string;
|
|
@@ -40,18 +67,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
40
67
|
size: {
|
|
41
68
|
xs: {
|
|
42
69
|
base: string;
|
|
70
|
+
body: string;
|
|
71
|
+
footer: string;
|
|
72
|
+
header: string;
|
|
43
73
|
};
|
|
44
74
|
sm: {
|
|
45
75
|
base: string;
|
|
76
|
+
body: string;
|
|
77
|
+
footer: string;
|
|
78
|
+
header: string;
|
|
46
79
|
};
|
|
47
80
|
md: {
|
|
48
81
|
base: string;
|
|
82
|
+
body: string;
|
|
83
|
+
footer: string;
|
|
84
|
+
header: string;
|
|
49
85
|
};
|
|
50
86
|
lg: {
|
|
51
87
|
base: string;
|
|
88
|
+
body: string;
|
|
89
|
+
footer: string;
|
|
90
|
+
header: string;
|
|
52
91
|
};
|
|
53
92
|
xl: {
|
|
54
93
|
base: string;
|
|
94
|
+
body: string;
|
|
95
|
+
footer: string;
|
|
96
|
+
header: string;
|
|
97
|
+
};
|
|
98
|
+
'2xl': {
|
|
99
|
+
base: string;
|
|
100
|
+
body: string;
|
|
101
|
+
footer: string;
|
|
102
|
+
header: string;
|
|
103
|
+
};
|
|
104
|
+
'3xl': {
|
|
105
|
+
base: string;
|
|
106
|
+
body: string;
|
|
107
|
+
footer: string;
|
|
108
|
+
header: string;
|
|
55
109
|
};
|
|
56
110
|
full: {
|
|
57
111
|
base: string;
|
|
@@ -61,18 +115,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
61
115
|
size: {
|
|
62
116
|
xs: {
|
|
63
117
|
base: string;
|
|
118
|
+
body: string;
|
|
119
|
+
footer: string;
|
|
120
|
+
header: string;
|
|
64
121
|
};
|
|
65
122
|
sm: {
|
|
66
123
|
base: string;
|
|
124
|
+
body: string;
|
|
125
|
+
footer: string;
|
|
126
|
+
header: string;
|
|
67
127
|
};
|
|
68
128
|
md: {
|
|
69
129
|
base: string;
|
|
130
|
+
body: string;
|
|
131
|
+
footer: string;
|
|
132
|
+
header: string;
|
|
70
133
|
};
|
|
71
134
|
lg: {
|
|
72
135
|
base: string;
|
|
136
|
+
body: string;
|
|
137
|
+
footer: string;
|
|
138
|
+
header: string;
|
|
73
139
|
};
|
|
74
140
|
xl: {
|
|
75
141
|
base: string;
|
|
142
|
+
body: string;
|
|
143
|
+
footer: string;
|
|
144
|
+
header: string;
|
|
145
|
+
};
|
|
146
|
+
'2xl': {
|
|
147
|
+
base: string;
|
|
148
|
+
body: string;
|
|
149
|
+
footer: string;
|
|
150
|
+
header: string;
|
|
151
|
+
};
|
|
152
|
+
'3xl': {
|
|
153
|
+
base: string;
|
|
154
|
+
body: string;
|
|
155
|
+
footer: string;
|
|
156
|
+
header: string;
|
|
76
157
|
};
|
|
77
158
|
full: {
|
|
78
159
|
base: string;
|
|
@@ -82,18 +163,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
82
163
|
size: {
|
|
83
164
|
xs: {
|
|
84
165
|
base: string;
|
|
166
|
+
body: string;
|
|
167
|
+
footer: string;
|
|
168
|
+
header: string;
|
|
85
169
|
};
|
|
86
170
|
sm: {
|
|
87
171
|
base: string;
|
|
172
|
+
body: string;
|
|
173
|
+
footer: string;
|
|
174
|
+
header: string;
|
|
88
175
|
};
|
|
89
176
|
md: {
|
|
90
177
|
base: string;
|
|
178
|
+
body: string;
|
|
179
|
+
footer: string;
|
|
180
|
+
header: string;
|
|
91
181
|
};
|
|
92
182
|
lg: {
|
|
93
183
|
base: string;
|
|
184
|
+
body: string;
|
|
185
|
+
footer: string;
|
|
186
|
+
header: string;
|
|
94
187
|
};
|
|
95
188
|
xl: {
|
|
96
189
|
base: string;
|
|
190
|
+
body: string;
|
|
191
|
+
footer: string;
|
|
192
|
+
header: string;
|
|
193
|
+
};
|
|
194
|
+
'2xl': {
|
|
195
|
+
base: string;
|
|
196
|
+
body: string;
|
|
197
|
+
footer: string;
|
|
198
|
+
header: string;
|
|
199
|
+
};
|
|
200
|
+
'3xl': {
|
|
201
|
+
base: string;
|
|
202
|
+
body: string;
|
|
203
|
+
footer: string;
|
|
204
|
+
header: string;
|
|
97
205
|
};
|
|
98
206
|
full: {
|
|
99
207
|
base: string;
|
|
@@ -113,18 +221,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
113
221
|
size: {
|
|
114
222
|
xs: {
|
|
115
223
|
base: string;
|
|
224
|
+
body: string;
|
|
225
|
+
footer: string;
|
|
226
|
+
header: string;
|
|
116
227
|
};
|
|
117
228
|
sm: {
|
|
118
229
|
base: string;
|
|
230
|
+
body: string;
|
|
231
|
+
footer: string;
|
|
232
|
+
header: string;
|
|
119
233
|
};
|
|
120
234
|
md: {
|
|
121
235
|
base: string;
|
|
236
|
+
body: string;
|
|
237
|
+
footer: string;
|
|
238
|
+
header: string;
|
|
122
239
|
};
|
|
123
240
|
lg: {
|
|
124
241
|
base: string;
|
|
242
|
+
body: string;
|
|
243
|
+
footer: string;
|
|
244
|
+
header: string;
|
|
125
245
|
};
|
|
126
246
|
xl: {
|
|
127
247
|
base: string;
|
|
248
|
+
body: string;
|
|
249
|
+
footer: string;
|
|
250
|
+
header: string;
|
|
251
|
+
};
|
|
252
|
+
'2xl': {
|
|
253
|
+
base: string;
|
|
254
|
+
body: string;
|
|
255
|
+
footer: string;
|
|
256
|
+
header: string;
|
|
257
|
+
};
|
|
258
|
+
'3xl': {
|
|
259
|
+
base: string;
|
|
260
|
+
body: string;
|
|
261
|
+
footer: string;
|
|
262
|
+
header: string;
|
|
128
263
|
};
|
|
129
264
|
full: {
|
|
130
265
|
base: string;
|
|
@@ -144,18 +279,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
144
279
|
size: {
|
|
145
280
|
xs: {
|
|
146
281
|
base: string;
|
|
282
|
+
body: string;
|
|
283
|
+
footer: string;
|
|
284
|
+
header: string;
|
|
147
285
|
};
|
|
148
286
|
sm: {
|
|
149
287
|
base: string;
|
|
288
|
+
body: string;
|
|
289
|
+
footer: string;
|
|
290
|
+
header: string;
|
|
150
291
|
};
|
|
151
292
|
md: {
|
|
152
293
|
base: string;
|
|
294
|
+
body: string;
|
|
295
|
+
footer: string;
|
|
296
|
+
header: string;
|
|
153
297
|
};
|
|
154
298
|
lg: {
|
|
155
299
|
base: string;
|
|
300
|
+
body: string;
|
|
301
|
+
footer: string;
|
|
302
|
+
header: string;
|
|
156
303
|
};
|
|
157
304
|
xl: {
|
|
158
305
|
base: string;
|
|
306
|
+
body: string;
|
|
307
|
+
footer: string;
|
|
308
|
+
header: string;
|
|
309
|
+
};
|
|
310
|
+
'2xl': {
|
|
311
|
+
base: string;
|
|
312
|
+
body: string;
|
|
313
|
+
footer: string;
|
|
314
|
+
header: string;
|
|
315
|
+
};
|
|
316
|
+
'3xl': {
|
|
317
|
+
base: string;
|
|
318
|
+
body: string;
|
|
319
|
+
footer: string;
|
|
320
|
+
header: string;
|
|
159
321
|
};
|
|
160
322
|
full: {
|
|
161
323
|
base: string;
|
|
@@ -165,18 +327,45 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
|
165
327
|
size: {
|
|
166
328
|
xs: {
|
|
167
329
|
base: string;
|
|
330
|
+
body: string;
|
|
331
|
+
footer: string;
|
|
332
|
+
header: string;
|
|
168
333
|
};
|
|
169
334
|
sm: {
|
|
170
335
|
base: string;
|
|
336
|
+
body: string;
|
|
337
|
+
footer: string;
|
|
338
|
+
header: string;
|
|
171
339
|
};
|
|
172
340
|
md: {
|
|
173
341
|
base: string;
|
|
342
|
+
body: string;
|
|
343
|
+
footer: string;
|
|
344
|
+
header: string;
|
|
174
345
|
};
|
|
175
346
|
lg: {
|
|
176
347
|
base: string;
|
|
348
|
+
body: string;
|
|
349
|
+
footer: string;
|
|
350
|
+
header: string;
|
|
177
351
|
};
|
|
178
352
|
xl: {
|
|
179
353
|
base: string;
|
|
354
|
+
body: string;
|
|
355
|
+
footer: string;
|
|
356
|
+
header: string;
|
|
357
|
+
};
|
|
358
|
+
'2xl': {
|
|
359
|
+
base: string;
|
|
360
|
+
body: string;
|
|
361
|
+
footer: string;
|
|
362
|
+
header: string;
|
|
363
|
+
};
|
|
364
|
+
'3xl': {
|
|
365
|
+
base: string;
|
|
366
|
+
body: string;
|
|
367
|
+
footer: string;
|
|
368
|
+
header: string;
|
|
180
369
|
};
|
|
181
370
|
full: {
|
|
182
371
|
base: string;
|
|
@@ -20,11 +20,48 @@ var tooltipVariants = _pixelutils.tv.call(void 0, {
|
|
|
20
20
|
},
|
|
21
21
|
variants: {
|
|
22
22
|
size: {
|
|
23
|
-
xs: {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
23
|
+
xs: {
|
|
24
|
+
base: "max-w-xs",
|
|
25
|
+
body: "max-w-xs",
|
|
26
|
+
footer: "max-w-xs",
|
|
27
|
+
header: "max-w-xs"
|
|
28
|
+
},
|
|
29
|
+
sm: {
|
|
30
|
+
base: "max-w-sm",
|
|
31
|
+
body: "max-w-sm",
|
|
32
|
+
footer: "max-w-sm",
|
|
33
|
+
header: "max-w-sm"
|
|
34
|
+
},
|
|
35
|
+
md: {
|
|
36
|
+
base: "max-w-md",
|
|
37
|
+
body: "max-w-md",
|
|
38
|
+
footer: "max-w-md",
|
|
39
|
+
header: "max-w-md"
|
|
40
|
+
},
|
|
41
|
+
lg: {
|
|
42
|
+
base: "max-w-lg",
|
|
43
|
+
body: "max-w-lg",
|
|
44
|
+
footer: "max-w-lg",
|
|
45
|
+
header: "max-w-lg"
|
|
46
|
+
},
|
|
47
|
+
xl: {
|
|
48
|
+
base: "max-w-xl",
|
|
49
|
+
body: "max-w-xl",
|
|
50
|
+
footer: "max-w-xl",
|
|
51
|
+
header: "max-w-xl"
|
|
52
|
+
},
|
|
53
|
+
"2xl": {
|
|
54
|
+
base: "max-w-2xl",
|
|
55
|
+
body: "max-w-2xl",
|
|
56
|
+
footer: "max-w-2xl",
|
|
57
|
+
header: "max-w-2xl"
|
|
58
|
+
},
|
|
59
|
+
"3xl": {
|
|
60
|
+
base: "max-w-3xl",
|
|
61
|
+
body: "max-w-3xl",
|
|
62
|
+
footer: "max-w-3xl",
|
|
63
|
+
header: "max-w-3xl"
|
|
64
|
+
},
|
|
28
65
|
full: { base: "" }
|
|
29
66
|
}
|
|
30
67
|
}
|
|
@@ -82,4 +119,4 @@ var Tooltip_default2 = Tooltip_default;
|
|
|
82
119
|
|
|
83
120
|
|
|
84
121
|
exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
|
|
85
|
-
//# sourceMappingURL=chunk-
|
|
122
|
+
//# sourceMappingURL=chunk-23OJCMY6.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -20,11 +20,48 @@ var tooltipVariants = tv({
|
|
|
20
20
|
},
|
|
21
21
|
variants: {
|
|
22
22
|
size: {
|
|
23
|
-
xs: {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
23
|
+
xs: {
|
|
24
|
+
base: "max-w-xs",
|
|
25
|
+
body: "max-w-xs",
|
|
26
|
+
footer: "max-w-xs",
|
|
27
|
+
header: "max-w-xs"
|
|
28
|
+
},
|
|
29
|
+
sm: {
|
|
30
|
+
base: "max-w-sm",
|
|
31
|
+
body: "max-w-sm",
|
|
32
|
+
footer: "max-w-sm",
|
|
33
|
+
header: "max-w-sm"
|
|
34
|
+
},
|
|
35
|
+
md: {
|
|
36
|
+
base: "max-w-md",
|
|
37
|
+
body: "max-w-md",
|
|
38
|
+
footer: "max-w-md",
|
|
39
|
+
header: "max-w-md"
|
|
40
|
+
},
|
|
41
|
+
lg: {
|
|
42
|
+
base: "max-w-lg",
|
|
43
|
+
body: "max-w-lg",
|
|
44
|
+
footer: "max-w-lg",
|
|
45
|
+
header: "max-w-lg"
|
|
46
|
+
},
|
|
47
|
+
xl: {
|
|
48
|
+
base: "max-w-xl",
|
|
49
|
+
body: "max-w-xl",
|
|
50
|
+
footer: "max-w-xl",
|
|
51
|
+
header: "max-w-xl"
|
|
52
|
+
},
|
|
53
|
+
"2xl": {
|
|
54
|
+
base: "max-w-2xl",
|
|
55
|
+
body: "max-w-2xl",
|
|
56
|
+
footer: "max-w-2xl",
|
|
57
|
+
header: "max-w-2xl"
|
|
58
|
+
},
|
|
59
|
+
"3xl": {
|
|
60
|
+
base: "max-w-3xl",
|
|
61
|
+
body: "max-w-3xl",
|
|
62
|
+
footer: "max-w-3xl",
|
|
63
|
+
header: "max-w-3xl"
|
|
64
|
+
},
|
|
28
65
|
full: { base: "" }
|
|
29
66
|
}
|
|
30
67
|
}
|
|
@@ -82,4 +119,4 @@ export {
|
|
|
82
119
|
Tooltip_default,
|
|
83
120
|
Tooltip_default2
|
|
84
121
|
};
|
|
85
|
-
//# sourceMappingURL=chunk-
|
|
122
|
+
//# sourceMappingURL=chunk-U2JJ7JUC.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,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"]}
|
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 _chunk23OJCMY6cjs = require('./chunk-23OJCMY6.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 = _chunk23OJCMY6cjs.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-BEdyTJ9f.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-BEdyTJ9f.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.5",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.cjs",
|
|
8
8
|
"module": "./dist/index.js",
|
|
@@ -193,9 +193,9 @@
|
|
|
193
193
|
"react": "19.0.0",
|
|
194
194
|
"react-dom": "19.0.0",
|
|
195
195
|
"@repo/storybook-config": "0.0.1",
|
|
196
|
-
"@repo/
|
|
196
|
+
"@repo/tailwind-config": "0.0.1",
|
|
197
197
|
"@repo/tsup-config": "0.0.1",
|
|
198
|
-
"@repo/
|
|
198
|
+
"@repo/vite-config": "0.0.1"
|
|
199
199
|
},
|
|
200
200
|
"scripts": {
|
|
201
201
|
"build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",
|
|
@@ -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: { base: 'max-w-xs' },\n sm: { base: 'max-w-sm' },\n md: { base: 'max-w-md' },\n lg: { base: 'max-w-lg' },\n xl: { base: 'max-w-5xl' },\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;AA0F7B,SACE,KADF;AArFL,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,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,YAAY;AAAA,MACxB,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;;;ACrHf,IAAOA,mBAAQ;","names":["Tooltip_default"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-DDQIHJ3E.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-DDQIHJ3E.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: { base: 'max-w-xs' },\n sm: { base: 'max-w-sm' },\n md: { base: 'max-w-md' },\n lg: { base: 'max-w-lg' },\n xl: { base: 'max-w-5xl' },\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"]}
|