@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.
@@ -1,11 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkDDQIHJ3Ecjs = require('../chunk-DDQIHJ3E.cjs');
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 = _chunkDDQIHJ3Ecjs.Tooltip_default; exports.default = _chunkDDQIHJ3Ecjs.Tooltip_default2;
10
+ exports.Tooltip = _chunk23OJCMY6cjs.Tooltip_default; exports.default = _chunk23OJCMY6cjs.Tooltip_default2;
11
11
  //# sourceMappingURL=index.cjs.map
@@ -1,5 +1,5 @@
1
- import { T as Tooltip } from '../Tooltip-Cpmigwzs.cjs';
2
- export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-Cpmigwzs.cjs';
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';
@@ -1,5 +1,5 @@
1
- import { T as Tooltip } from '../Tooltip-Cpmigwzs.js';
2
- export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-Cpmigwzs.js';
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';
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Tooltip_default,
3
3
  Tooltip_default2
4
- } from "../chunk-3BSRRSR3.js";
4
+ } from "../chunk-U2JJ7JUC.js";
5
5
  import "../chunk-EQVC4PJE.js";
6
6
  import "../chunk-J7N2552D.js";
7
7
  export {
@@ -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: { base: "max-w-xs" },
24
- sm: { base: "max-w-sm" },
25
- md: { base: "max-w-md" },
26
- lg: { base: "max-w-lg" },
27
- xl: { base: "max-w-5xl" },
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-DDQIHJ3E.cjs.map
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: { base: "max-w-xs" },
24
- sm: { base: "max-w-sm" },
25
- md: { base: "max-w-md" },
26
- lg: { base: "max-w-lg" },
27
- xl: { base: "max-w-5xl" },
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-3BSRRSR3.js.map
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 _chunkDDQIHJ3Ecjs = require('./chunk-DDQIHJ3E.cjs');
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 = _chunkDDQIHJ3Ecjs.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;
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-Cpmigwzs.cjs';
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-Cpmigwzs.js';
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
@@ -22,7 +22,7 @@ import {
22
22
  } from "./chunk-ZMEVGJBC.js";
23
23
  import {
24
24
  Tooltip_default
25
- } from "./chunk-3BSRRSR3.js";
25
+ } from "./chunk-U2JJ7JUC.js";
26
26
  import {
27
27
  useDebounce,
28
28
  useIsInitialRenderCycle,
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.4",
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/vite-config": "0.0.1",
196
+ "@repo/tailwind-config": "0.0.1",
197
197
  "@repo/tsup-config": "0.0.1",
198
- "@repo/tailwind-config": "0.0.1"
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"]}