@fuf-stack/pixels 0.43.1 → 0.43.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/Popover/index.cjs +2 -2
  2. package/dist/Popover/index.d.cts +2 -2
  3. package/dist/Popover/index.d.ts +2 -2
  4. package/dist/Popover/index.js +1 -1
  5. package/dist/{Popover-G9P0rR-7.d.cts → Popover-Bxe50qlw.d.cts} +11 -19
  6. package/dist/{Popover-B7Bc2FWo.d.ts → Popover-DhF3bXJE.d.ts} +11 -19
  7. package/dist/Tooltip/index.cjs +3 -2
  8. package/dist/Tooltip/index.cjs.map +1 -1
  9. package/dist/Tooltip/index.d.cts +2 -2
  10. package/dist/Tooltip/index.d.ts +2 -2
  11. package/dist/Tooltip/index.js +2 -1
  12. package/dist/{Tooltip-Bu71AKvn.d.cts → Tooltip-DxeP1nbI.d.cts} +53 -1
  13. package/dist/{Tooltip-Bu71AKvn.d.ts → Tooltip-DxeP1nbI.d.ts} +53 -1
  14. package/dist/{chunk-SYPFLG7E.cjs → chunk-4X7MUSJB.cjs} +8 -9
  15. package/dist/chunk-4X7MUSJB.cjs.map +1 -0
  16. package/dist/chunk-FNOZMB2P.js +74 -0
  17. package/dist/chunk-FNOZMB2P.js.map +1 -0
  18. package/dist/{chunk-JKZIVTWA.js → chunk-LQZEECJY.js} +8 -9
  19. package/dist/chunk-LQZEECJY.js.map +1 -0
  20. package/dist/chunk-TSJGQNIL.cjs +74 -0
  21. package/dist/chunk-TSJGQNIL.cjs.map +1 -0
  22. package/dist/index.cjs +3 -3
  23. package/dist/index.d.cts +2 -2
  24. package/dist/index.d.ts +2 -2
  25. package/dist/index.js +2 -2
  26. package/package.json +4 -4
  27. package/dist/chunk-JKZIVTWA.js.map +0 -1
  28. package/dist/chunk-SYPFLG7E.cjs.map +0 -1
  29. package/dist/chunk-TG2HRVJX.js +0 -52
  30. package/dist/chunk-TG2HRVJX.js.map +0 -1
  31. package/dist/chunk-XKJOXUWH.cjs +0 -52
  32. package/dist/chunk-XKJOXUWH.cjs.map +0 -1
package/dist/Popover/index.cjs CHANGED
@@ -1,11 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkSYPFLG7Ecjs = require('../chunk-SYPFLG7E.cjs');
4
+ var _chunk4X7MUSJBcjs = require('../chunk-4X7MUSJB.cjs');
5
5
  require('../chunk-TX2VP4J7.cjs');
6
6
  require('../chunk-D4TLDLEX.cjs');
7
7
 
8
8
 
9
9
 
10
- exports.Popover = _chunkSYPFLG7Ecjs.Popover_default; exports.default = _chunkSYPFLG7Ecjs.Popover_default2;
10
+ exports.Popover = _chunk4X7MUSJBcjs.Popover_default; exports.default = _chunk4X7MUSJBcjs.Popover_default2;
11
11
  //# sourceMappingURL=index.cjs.map
package/dist/Popover/index.d.cts CHANGED
@@ -1,5 +1,5 @@
1
- import { _ as _default } from '../Popover-G9P0rR-7.cjs';
2
- export { P as PopoverProps } from '../Popover-G9P0rR-7.cjs';
1
+ import { _ as _default } from '../Popover-Bxe50qlw.cjs';
2
+ export { P as PopoverProps } from '../Popover-Bxe50qlw.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
  import 'tailwind-variants';
package/dist/Popover/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { _ as _default } from '../Popover-B7Bc2FWo.js';
2
- export { P as PopoverProps } from '../Popover-B7Bc2FWo.js';
1
+ import { _ as _default } from '../Popover-DhF3bXJE.js';
2
+ export { P as PopoverProps } from '../Popover-DhF3bXJE.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
  import 'tailwind-variants';
package/dist/Popover/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Popover_default,
3
3
  Popover_default2
4
- } from "../chunk-JKZIVTWA.js";
4
+ } from "../chunk-LQZEECJY.js";
5
5
  import "../chunk-EQVC4PJE.js";
6
6
  import "../chunk-J7N2552D.js";
7
7
  export {
package/dist/{Popover-G9P0rR-7.d.cts → Popover-Bxe50qlw.d.cts} RENAMED
@@ -14,10 +14,9 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
14
14
  body?: tailwind_variants.ClassValue;
15
15
  footer?: tailwind_variants.ClassValue;
16
16
  header?: tailwind_variants.ClassValue;
17
+ divider?: tailwind_variants.ClassValue;
17
18
  footerWrapper?: tailwind_variants.ClassValue;
18
- footerDivider?: tailwind_variants.ClassValue;
19
19
  headerWrapper?: tailwind_variants.ClassValue;
20
- headerDivider?: tailwind_variants.ClassValue;
21
20
  };
22
21
  };
23
22
  } | {
@@ -28,21 +27,19 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
28
27
  body?: tailwind_variants.ClassValue;
29
28
  footer?: tailwind_variants.ClassValue;
30
29
  header?: tailwind_variants.ClassValue;
30
+ divider?: tailwind_variants.ClassValue;
31
31
  footerWrapper?: tailwind_variants.ClassValue;
32
- footerDivider?: tailwind_variants.ClassValue;
33
32
  headerWrapper?: tailwind_variants.ClassValue;
34
- headerDivider?: tailwind_variants.ClassValue;
35
33
  };
36
34
  };
37
35
  } | {}, {
38
36
  body: string;
39
37
  content: string;
38
+ divider: string;
40
39
  footer: string;
41
40
  footerWrapper: string;
42
- footerDivider: string;
43
41
  header: string;
44
42
  headerWrapper: string;
45
- headerDivider: string;
46
43
  trigger: string;
47
44
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
48
45
  [key: string]: {
@@ -52,10 +49,9 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
52
49
  body?: tailwind_variants.ClassValue;
53
50
  footer?: tailwind_variants.ClassValue;
54
51
  header?: tailwind_variants.ClassValue;
52
+ divider?: tailwind_variants.ClassValue;
55
53
  footerWrapper?: tailwind_variants.ClassValue;
56
- footerDivider?: tailwind_variants.ClassValue;
57
54
  headerWrapper?: tailwind_variants.ClassValue;
58
- headerDivider?: tailwind_variants.ClassValue;
59
55
  };
60
56
  };
61
57
  } | {}>, {
@@ -66,31 +62,28 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
66
62
  body?: tailwind_variants.ClassValue;
67
63
  footer?: tailwind_variants.ClassValue;
68
64
  header?: tailwind_variants.ClassValue;
65
+ divider?: tailwind_variants.ClassValue;
69
66
  footerWrapper?: tailwind_variants.ClassValue;
70
- footerDivider?: tailwind_variants.ClassValue;
71
67
  headerWrapper?: tailwind_variants.ClassValue;
72
- headerDivider?: tailwind_variants.ClassValue;
73
68
  };
74
69
  };
75
70
  } | {}, {
76
71
  body: string;
77
72
  content: string;
73
+ divider: string;
78
74
  footer: string;
79
75
  footerWrapper: string;
80
- footerDivider: string;
81
76
  header: string;
82
77
  headerWrapper: string;
83
- headerDivider: string;
84
78
  trigger: string;
85
79
  }, tailwind_variants.TVReturnType<unknown, {
86
80
  body: string;
87
81
  content: string;
82
+ divider: string;
88
83
  footer: string;
89
84
  footerWrapper: string;
90
- footerDivider: string;
91
85
  header: string;
92
86
  headerWrapper: string;
93
- headerDivider: string;
94
87
  trigger: string;
95
88
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
96
89
  [key: string]: {
@@ -100,10 +93,9 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
100
93
  body?: tailwind_variants.ClassValue;
101
94
  footer?: tailwind_variants.ClassValue;
102
95
  header?: tailwind_variants.ClassValue;
96
+ divider?: tailwind_variants.ClassValue;
103
97
  footerWrapper?: tailwind_variants.ClassValue;
104
- footerDivider?: tailwind_variants.ClassValue;
105
98
  headerWrapper?: tailwind_variants.ClassValue;
106
- headerDivider?: tailwind_variants.ClassValue;
107
99
  };
108
100
  };
109
101
  } | {}>, unknown, unknown, undefined>>;
@@ -120,6 +112,8 @@ interface PopoverProps extends VariantProps {
120
112
  contentTestId?: string;
121
113
  /** popover footer */
122
114
  footer?: ReactNode;
115
+ /** Popover title */
116
+ header?: ReactNode;
123
117
  /** use as controlled component */
124
118
  openControlled?: {
125
119
  open: boolean;
@@ -133,14 +127,12 @@ interface PopoverProps extends VariantProps {
133
127
  shouldBlockScroll?: boolean;
134
128
  /** HTML data-testid attribute used in e2e tests */
135
129
  testId?: string;
136
- /** Popover title */
137
- title?: ReactNode;
138
130
  /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */
139
131
  triggerButtonProps?: Pick<ButtonProps, 'ariaLabel' | 'className' | 'color' | 'disableAnimation' | 'disabled' | 'size' | 'testId' | 'variant'>;
140
132
  }
141
133
  /**
142
134
  * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)
143
135
  */
144
- declare const _default: ({ children, className: _className, content, contentTestId, footer, openControlled, placement, portalContainer, shouldBlockScroll, testId, title, triggerButtonProps, }: PopoverProps) => react_jsx_runtime.JSX.Element;
136
+ declare const _default: ({ children, className: _className, content, contentTestId, footer, header, openControlled, placement, portalContainer, shouldBlockScroll, testId, triggerButtonProps, }: PopoverProps) => react_jsx_runtime.JSX.Element;
145
137
 
146
138
  export { type PopoverProps as P, _default as _ };
package/dist/{Popover-B7Bc2FWo.d.ts → Popover-DhF3bXJE.d.ts} RENAMED
@@ -14,10 +14,9 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
14
14
  body?: tailwind_variants.ClassValue;
15
15
  footer?: tailwind_variants.ClassValue;
16
16
  header?: tailwind_variants.ClassValue;
17
+ divider?: tailwind_variants.ClassValue;
17
18
  footerWrapper?: tailwind_variants.ClassValue;
18
- footerDivider?: tailwind_variants.ClassValue;
19
19
  headerWrapper?: tailwind_variants.ClassValue;
20
- headerDivider?: tailwind_variants.ClassValue;
21
20
  };
22
21
  };
23
22
  } | {
@@ -28,21 +27,19 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
28
27
  body?: tailwind_variants.ClassValue;
29
28
  footer?: tailwind_variants.ClassValue;
30
29
  header?: tailwind_variants.ClassValue;
30
+ divider?: tailwind_variants.ClassValue;
31
31
  footerWrapper?: tailwind_variants.ClassValue;
32
- footerDivider?: tailwind_variants.ClassValue;
33
32
  headerWrapper?: tailwind_variants.ClassValue;
34
- headerDivider?: tailwind_variants.ClassValue;
35
33
  };
36
34
  };
37
35
  } | {}, {
38
36
  body: string;
39
37
  content: string;
38
+ divider: string;
40
39
  footer: string;
41
40
  footerWrapper: string;
42
- footerDivider: string;
43
41
  header: string;
44
42
  headerWrapper: string;
45
- headerDivider: string;
46
43
  trigger: string;
47
44
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
48
45
  [key: string]: {
@@ -52,10 +49,9 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
52
49
  body?: tailwind_variants.ClassValue;
53
50
  footer?: tailwind_variants.ClassValue;
54
51
  header?: tailwind_variants.ClassValue;
52
+ divider?: tailwind_variants.ClassValue;
55
53
  footerWrapper?: tailwind_variants.ClassValue;
56
- footerDivider?: tailwind_variants.ClassValue;
57
54
  headerWrapper?: tailwind_variants.ClassValue;
58
- headerDivider?: tailwind_variants.ClassValue;
59
55
  };
60
56
  };
61
57
  } | {}>, {
@@ -66,31 +62,28 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
66
62
  body?: tailwind_variants.ClassValue;
67
63
  footer?: tailwind_variants.ClassValue;
68
64
  header?: tailwind_variants.ClassValue;
65
+ divider?: tailwind_variants.ClassValue;
69
66
  footerWrapper?: tailwind_variants.ClassValue;
70
- footerDivider?: tailwind_variants.ClassValue;
71
67
  headerWrapper?: tailwind_variants.ClassValue;
72
- headerDivider?: tailwind_variants.ClassValue;
73
68
  };
74
69
  };
75
70
  } | {}, {
76
71
  body: string;
77
72
  content: string;
73
+ divider: string;
78
74
  footer: string;
79
75
  footerWrapper: string;
80
- footerDivider: string;
81
76
  header: string;
82
77
  headerWrapper: string;
83
- headerDivider: string;
84
78
  trigger: string;
85
79
  }, tailwind_variants.TVReturnType<unknown, {
86
80
  body: string;
87
81
  content: string;
82
+ divider: string;
88
83
  footer: string;
89
84
  footerWrapper: string;
90
- footerDivider: string;
91
85
  header: string;
92
86
  headerWrapper: string;
93
- headerDivider: string;
94
87
  trigger: string;
95
88
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
96
89
  [key: string]: {
@@ -100,10 +93,9 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
100
93
  body?: tailwind_variants.ClassValue;
101
94
  footer?: tailwind_variants.ClassValue;
102
95
  header?: tailwind_variants.ClassValue;
96
+ divider?: tailwind_variants.ClassValue;
103
97
  footerWrapper?: tailwind_variants.ClassValue;
104
- footerDivider?: tailwind_variants.ClassValue;
105
98
  headerWrapper?: tailwind_variants.ClassValue;
106
- headerDivider?: tailwind_variants.ClassValue;
107
99
  };
108
100
  };
109
101
  } | {}>, unknown, unknown, undefined>>;
@@ -120,6 +112,8 @@ interface PopoverProps extends VariantProps {
120
112
  contentTestId?: string;
121
113
  /** popover footer */
122
114
  footer?: ReactNode;
115
+ /** Popover title */
116
+ header?: ReactNode;
123
117
  /** use as controlled component */
124
118
  openControlled?: {
125
119
  open: boolean;
@@ -133,14 +127,12 @@ interface PopoverProps extends VariantProps {
133
127
  shouldBlockScroll?: boolean;
134
128
  /** HTML data-testid attribute used in e2e tests */
135
129
  testId?: string;
136
- /** Popover title */
137
- title?: ReactNode;
138
130
  /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */
139
131
  triggerButtonProps?: Pick<ButtonProps, 'ariaLabel' | 'className' | 'color' | 'disableAnimation' | 'disabled' | 'size' | 'testId' | 'variant'>;
140
132
  }
141
133
  /**
142
134
  * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)
143
135
  */
144
- declare const _default: ({ children, className: _className, content, contentTestId, footer, openControlled, placement, portalContainer, shouldBlockScroll, testId, title, triggerButtonProps, }: PopoverProps) => react_jsx_runtime.JSX.Element;
136
+ declare const _default: ({ children, className: _className, content, contentTestId, footer, header, openControlled, placement, portalContainer, shouldBlockScroll, testId, triggerButtonProps, }: PopoverProps) => react_jsx_runtime.JSX.Element;
145
137
 
146
138
  export { type PopoverProps as P, _default as _ };
package/dist/Tooltip/index.cjs CHANGED
@@ -1,10 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
- var _chunkXKJOXUWHcjs = require('../chunk-XKJOXUWH.cjs');
4
+ var _chunkTSJGQNILcjs = require('../chunk-TSJGQNIL.cjs');
5
+ require('../chunk-TX2VP4J7.cjs');
5
6
  require('../chunk-D4TLDLEX.cjs');
6
7
 
7
8
 
8
9
 
9
- exports.Tooltip = _chunkXKJOXUWHcjs.Tooltip_default; exports.default = _chunkXKJOXUWHcjs.Tooltip_default2;
10
+ exports.Tooltip = _chunkTSJGQNILcjs.Tooltip_default; exports.default = _chunkTSJGQNILcjs.Tooltip_default2;
10
11
  //# sourceMappingURL=index.cjs.map
package/dist/Tooltip/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Tooltip/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,0GAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Tooltip/index.cjs"}
1
+ {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Tooltip/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,0GAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Tooltip/index.cjs"}
package/dist/Tooltip/index.d.cts CHANGED
@@ -1,5 +1,5 @@
1
- import { T as Tooltip } from '../Tooltip-Bu71AKvn.cjs';
2
- export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-Bu71AKvn.cjs';
1
+ import { T as Tooltip } from '../Tooltip-DxeP1nbI.cjs';
2
+ export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-DxeP1nbI.cjs';
3
3
  import 'react/jsx-runtime';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
  import 'tailwind-variants';
package/dist/Tooltip/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { T as Tooltip } from '../Tooltip-Bu71AKvn.js';
2
- export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-Bu71AKvn.js';
1
+ import { T as Tooltip } from '../Tooltip-DxeP1nbI.js';
2
+ export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-DxeP1nbI.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
  import 'tailwind-variants';
package/dist/Tooltip/index.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import {
2
2
  Tooltip_default,
3
3
  Tooltip_default2
4
- } from "../chunk-TG2HRVJX.js";
4
+ } from "../chunk-FNOZMB2P.js";
5
+ import "../chunk-EQVC4PJE.js";
5
6
  import "../chunk-J7N2552D.js";
6
7
  export {
7
8
  Tooltip_default as Tooltip,
package/dist/{Tooltip-Bu71AKvn.d.cts → Tooltip-DxeP1nbI.d.cts} RENAMED
@@ -11,6 +11,12 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
11
11
  base?: tailwind_variants.ClassValue;
12
12
  content?: tailwind_variants.ClassValue;
13
13
  wrapper?: tailwind_variants.ClassValue;
14
+ body?: tailwind_variants.ClassValue;
15
+ footer?: tailwind_variants.ClassValue;
16
+ header?: tailwind_variants.ClassValue;
17
+ divider?: tailwind_variants.ClassValue;
18
+ footerWrapper?: tailwind_variants.ClassValue;
19
+ headerWrapper?: tailwind_variants.ClassValue;
14
20
  };
15
21
  };
16
22
  } | {
@@ -19,11 +25,23 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
19
25
  base?: tailwind_variants.ClassValue;
20
26
  content?: tailwind_variants.ClassValue;
21
27
  wrapper?: tailwind_variants.ClassValue;
28
+ body?: tailwind_variants.ClassValue;
29
+ footer?: tailwind_variants.ClassValue;
30
+ header?: tailwind_variants.ClassValue;
31
+ divider?: tailwind_variants.ClassValue;
32
+ footerWrapper?: tailwind_variants.ClassValue;
33
+ headerWrapper?: tailwind_variants.ClassValue;
22
34
  };
23
35
  };
24
36
  } | {}, {
25
37
  base: string;
38
+ body: string;
26
39
  content: string;
40
+ divider: string;
41
+ footer: string;
42
+ footerWrapper: string;
43
+ header: string;
44
+ headerWrapper: string;
27
45
  wrapper: string;
28
46
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
29
47
  [key: string]: {
@@ -31,6 +49,12 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
31
49
  base?: tailwind_variants.ClassValue;
32
50
  content?: tailwind_variants.ClassValue;
33
51
  wrapper?: tailwind_variants.ClassValue;
52
+ body?: tailwind_variants.ClassValue;
53
+ footer?: tailwind_variants.ClassValue;
54
+ header?: tailwind_variants.ClassValue;
55
+ divider?: tailwind_variants.ClassValue;
56
+ footerWrapper?: tailwind_variants.ClassValue;
57
+ headerWrapper?: tailwind_variants.ClassValue;
34
58
  };
35
59
  };
36
60
  } | {}>, {
@@ -39,15 +63,33 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
39
63
  base?: tailwind_variants.ClassValue;
40
64
  content?: tailwind_variants.ClassValue;
41
65
  wrapper?: tailwind_variants.ClassValue;
66
+ body?: tailwind_variants.ClassValue;
67
+ footer?: tailwind_variants.ClassValue;
68
+ header?: tailwind_variants.ClassValue;
69
+ divider?: tailwind_variants.ClassValue;
70
+ footerWrapper?: tailwind_variants.ClassValue;
71
+ headerWrapper?: tailwind_variants.ClassValue;
42
72
  };
43
73
  };
44
74
  } | {}, {
45
75
  base: string;
76
+ body: string;
46
77
  content: string;
78
+ divider: string;
79
+ footer: string;
80
+ footerWrapper: string;
81
+ header: string;
82
+ headerWrapper: string;
47
83
  wrapper: string;
48
84
  }, tailwind_variants.TVReturnType<unknown, {
49
85
  base: string;
86
+ body: string;
50
87
  content: string;
88
+ divider: string;
89
+ footer: string;
90
+ footerWrapper: string;
91
+ header: string;
92
+ headerWrapper: string;
51
93
  wrapper: string;
52
94
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
53
95
  [key: string]: {
@@ -55,6 +97,12 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
55
97
  base?: tailwind_variants.ClassValue;
56
98
  content?: tailwind_variants.ClassValue;
57
99
  wrapper?: tailwind_variants.ClassValue;
100
+ body?: tailwind_variants.ClassValue;
101
+ footer?: tailwind_variants.ClassValue;
102
+ header?: tailwind_variants.ClassValue;
103
+ divider?: tailwind_variants.ClassValue;
104
+ footerWrapper?: tailwind_variants.ClassValue;
105
+ headerWrapper?: tailwind_variants.ClassValue;
58
106
  };
59
107
  };
60
108
  } | {}>, unknown, unknown, undefined>>;
@@ -76,6 +124,10 @@ interface TooltipProps extends VariantProps {
76
124
  content: ReactNode;
77
125
  /** open overlay initially when uncontrolled */
78
126
  defaultOpen?: boolean;
127
+ /** tooltip footer */
128
+ footer?: ReactNode;
129
+ /** tooltip header */
130
+ header?: ReactNode;
79
131
  /** handler that is called when the overlay's open state changes */
80
132
  onOpenChange?: (isOpen: boolean) => void;
81
133
  /** placement if the tooltip */
@@ -84,6 +136,6 @@ interface TooltipProps extends VariantProps {
84
136
  /**
85
137
  * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)
86
138
  */
87
- declare const Tooltip: ({ children, className: _className, closeDelay, containerPadding, content, defaultOpen, delay, onOpenChange, placement, }: TooltipProps) => react_jsx_runtime.JSX.Element;
139
+ declare const Tooltip: ({ children, className: _className, closeDelay, containerPadding, content, defaultOpen, delay, footer, header, onOpenChange, placement, }: TooltipProps) => react_jsx_runtime.JSX.Element;
88
140
 
89
141
  export { Tooltip as T, type TooltipProps as a, type TooltipPlacement as b };
package/dist/{Tooltip-Bu71AKvn.d.ts → Tooltip-DxeP1nbI.d.ts} RENAMED
@@ -11,6 +11,12 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
11
11
  base?: tailwind_variants.ClassValue;
12
12
  content?: tailwind_variants.ClassValue;
13
13
  wrapper?: tailwind_variants.ClassValue;
14
+ body?: tailwind_variants.ClassValue;
15
+ footer?: tailwind_variants.ClassValue;
16
+ header?: tailwind_variants.ClassValue;
17
+ divider?: tailwind_variants.ClassValue;
18
+ footerWrapper?: tailwind_variants.ClassValue;
19
+ headerWrapper?: tailwind_variants.ClassValue;
14
20
  };
15
21
  };
16
22
  } | {
@@ -19,11 +25,23 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
19
25
  base?: tailwind_variants.ClassValue;
20
26
  content?: tailwind_variants.ClassValue;
21
27
  wrapper?: tailwind_variants.ClassValue;
28
+ body?: tailwind_variants.ClassValue;
29
+ footer?: tailwind_variants.ClassValue;
30
+ header?: tailwind_variants.ClassValue;
31
+ divider?: tailwind_variants.ClassValue;
32
+ footerWrapper?: tailwind_variants.ClassValue;
33
+ headerWrapper?: tailwind_variants.ClassValue;
22
34
  };
23
35
  };
24
36
  } | {}, {
25
37
  base: string;
38
+ body: string;
26
39
  content: string;
40
+ divider: string;
41
+ footer: string;
42
+ footerWrapper: string;
43
+ header: string;
44
+ headerWrapper: string;
27
45
  wrapper: string;
28
46
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
29
47
  [key: string]: {
@@ -31,6 +49,12 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
31
49
  base?: tailwind_variants.ClassValue;
32
50
  content?: tailwind_variants.ClassValue;
33
51
  wrapper?: tailwind_variants.ClassValue;
52
+ body?: tailwind_variants.ClassValue;
53
+ footer?: tailwind_variants.ClassValue;
54
+ header?: tailwind_variants.ClassValue;
55
+ divider?: tailwind_variants.ClassValue;
56
+ footerWrapper?: tailwind_variants.ClassValue;
57
+ headerWrapper?: tailwind_variants.ClassValue;
34
58
  };
35
59
  };
36
60
  } | {}>, {
@@ -39,15 +63,33 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
39
63
  base?: tailwind_variants.ClassValue;
40
64
  content?: tailwind_variants.ClassValue;
41
65
  wrapper?: tailwind_variants.ClassValue;
66
+ body?: tailwind_variants.ClassValue;
67
+ footer?: tailwind_variants.ClassValue;
68
+ header?: tailwind_variants.ClassValue;
69
+ divider?: tailwind_variants.ClassValue;
70
+ footerWrapper?: tailwind_variants.ClassValue;
71
+ headerWrapper?: tailwind_variants.ClassValue;
42
72
  };
43
73
  };
44
74
  } | {}, {
45
75
  base: string;
76
+ body: string;
46
77
  content: string;
78
+ divider: string;
79
+ footer: string;
80
+ footerWrapper: string;
81
+ header: string;
82
+ headerWrapper: string;
47
83
  wrapper: string;
48
84
  }, tailwind_variants.TVReturnType<unknown, {
49
85
  base: string;
86
+ body: string;
50
87
  content: string;
88
+ divider: string;
89
+ footer: string;
90
+ footerWrapper: string;
91
+ header: string;
92
+ headerWrapper: string;
51
93
  wrapper: string;
52
94
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
53
95
  [key: string]: {
@@ -55,6 +97,12 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
55
97
  base?: tailwind_variants.ClassValue;
56
98
  content?: tailwind_variants.ClassValue;
57
99
  wrapper?: tailwind_variants.ClassValue;
100
+ body?: tailwind_variants.ClassValue;
101
+ footer?: tailwind_variants.ClassValue;
102
+ header?: tailwind_variants.ClassValue;
103
+ divider?: tailwind_variants.ClassValue;
104
+ footerWrapper?: tailwind_variants.ClassValue;
105
+ headerWrapper?: tailwind_variants.ClassValue;
58
106
  };
59
107
  };
60
108
  } | {}>, unknown, unknown, undefined>>;
@@ -76,6 +124,10 @@ interface TooltipProps extends VariantProps {
76
124
  content: ReactNode;
77
125
  /** open overlay initially when uncontrolled */
78
126
  defaultOpen?: boolean;
127
+ /** tooltip footer */
128
+ footer?: ReactNode;
129
+ /** tooltip header */
130
+ header?: ReactNode;
79
131
  /** handler that is called when the overlay's open state changes */
80
132
  onOpenChange?: (isOpen: boolean) => void;
81
133
  /** placement if the tooltip */
@@ -84,6 +136,6 @@ interface TooltipProps extends VariantProps {
84
136
  /**
85
137
  * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)
86
138
  */
87
- declare const Tooltip: ({ children, className: _className, closeDelay, containerPadding, content, defaultOpen, delay, onOpenChange, placement, }: TooltipProps) => react_jsx_runtime.JSX.Element;
139
+ declare const Tooltip: ({ children, className: _className, closeDelay, containerPadding, content, defaultOpen, delay, footer, header, onOpenChange, placement, }: TooltipProps) => react_jsx_runtime.JSX.Element;
88
140
 
89
141
  export { Tooltip as T, type TooltipProps as a, type TooltipPlacement as b };
package/dist/{chunk-SYPFLG7E.cjs → chunk-4X7MUSJB.cjs} RENAMED
@@ -15,12 +15,11 @@ var popoverVariants = _pixelutils.tv.call(void 0, {
15
15
  slots: {
16
16
  body: "w-full px-4 py-2",
17
17
  content: "flex max-h-[80vh] flex-col p-0",
18
+ divider: "m-0 w-full p-0",
18
19
  footer: "w-full px-4 py-2",
19
20
  footerWrapper: "w-full",
20
- footerDivider: "m-0 w-full p-0",
21
- header: "w-full px-4 pb-1 pt-2 text-lg font-semibold",
21
+ header: "w-full px-4 pb-1 pt-2 font-semibold",
22
22
  headerWrapper: "w-full",
23
- headerDivider: "m-0 w-full p-0",
24
23
  trigger: ""
25
24
  }
26
25
  });
@@ -30,12 +29,12 @@ var Popover_default = ({
30
29
  content,
31
30
  contentTestId = void 0,
32
31
  footer = void 0,
32
+ header = void 0,
33
33
  openControlled = void 0,
34
34
  placement = "top",
35
35
  portalContainer = void 0,
36
36
  shouldBlockScroll = void 0,
37
37
  testId = void 0,
38
- title = void 0,
39
38
  triggerButtonProps = void 0
40
39
  }) => {
41
40
  const variants = popoverVariants();
@@ -61,13 +60,13 @@ var Popover_default = ({
61
60
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { className: className.trigger, children })
62
61
  ) }),
63
62
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _popover.PopoverContent, { "data-testid": contentTestId, children: [
64
- title && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.headerWrapper, children: [
65
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: className.header, children: title }),
66
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: className.headerDivider })
63
+ header && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.headerWrapper, children: [
64
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: className.header, children: header }),
65
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: className.divider })
67
66
  ] }),
68
67
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTX2VP4J7cjs.ScrollShadow_default, { className: className.body, children: content }),
69
68
  footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.footerWrapper, children: [
70
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: className.footerDivider }),
69
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: className.divider }),
71
70
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: className.footer, children: footer })
72
71
  ] })
73
72
  ] })
@@ -83,4 +82,4 @@ var Popover_default2 = Popover_default;
83
82
 
84
83
 
85
84
  exports.Popover_default = Popover_default; exports.Popover_default2 = Popover_default2;
86
- //# sourceMappingURL=chunk-SYPFLG7E.cjs.map
85
+ //# sourceMappingURL=chunk-4X7MUSJB.cjs.map
package/dist/chunk-4X7MUSJB.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-4X7MUSJB.cjs","../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-4X7MUSJB.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { PopoverProps as HeroPopoverProps } from '@heroui/popover';\nimport type { ReactNode } from 'react';\nimport type { ButtonProps } from '../Button';\n\nimport { Button } from '@heroui/button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// popover styling variants\nexport const popoverVariants = tv({\n slots: {\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: '',\n },\n});\n\ntype VariantProps = TVProps<typeof popoverVariants>;\ntype ClassName = TVClassName<typeof popoverVariants>;\n\nexport interface PopoverProps extends VariantProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** content of the popover */\n content: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n contentTestId?: string;\n /** popover footer */\n footer?: ReactNode;\n /** Popover title */\n header?: ReactNode;\n /** use as controlled component */\n openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n /** placement of the popover relative to its trigger reference */\n placement?: HeroPopoverProps['placement'];\n /** The container element in which the overlay portal will be placed. */\n portalContainer?: HeroPopoverProps['portalContainer'];\n /** Whether to block scrolling outside the popover */\n shouldBlockScroll?: boolean;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n triggerButtonProps?: Pick<\n ButtonProps,\n | 'ariaLabel'\n | 'className'\n | 'color'\n | 'disableAnimation'\n | 'disabled'\n | 'size'\n | 'testId'\n | 'variant'\n >;\n}\n\n/**\n * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)\n */\nexport default ({\n children = null,\n className: _className = undefined,\n content,\n contentTestId = undefined,\n footer = undefined,\n header = undefined,\n openControlled = undefined,\n placement = 'top',\n portalContainer = undefined,\n shouldBlockScroll = undefined,\n testId = undefined,\n triggerButtonProps = undefined,\n}: PopoverProps) => {\n // className from slots\n const variants = popoverVariants();\n const className = variantsToClassNames(variants, _className, 'trigger');\n\n return (\n <Popover\n classNames={className}\n placement={placement}\n portalContainer={portalContainer}\n radius=\"sm\"\n shouldBlockScroll={shouldBlockScroll}\n showArrow\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...(openControlled\n ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n : {})}\n >\n <PopoverTrigger data-testid={testId}>\n {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n {triggerButtonProps ? (\n // TODO: currently we have to use @heroui/button because\n // passing ref does not work (even with forwardRef in Button)\n // eslint-disable-next-line react/jsx-props-no-spreading\n <Button className={className.trigger} {...triggerButtonProps}>\n {children}\n </Button>\n ) : (\n // eslint-disable-next-line react/button-has-type\n <button className={className.trigger}>{children}</button>\n )}\n </PopoverTrigger>\n <PopoverContent data-testid={contentTestId}>\n {header && (\n <div className={className.headerWrapper}>\n <div className={className.header}>{header}</div>\n <hr className={className.divider} />\n </div>\n )}\n <ScrollShadow className={className.body}>{content}</ScrollShadow>\n {footer && (\n <div className={className.footerWrapper}>\n <hr className={className.divider} />\n <div className={className.footer}>{footer}</div>\n </div>\n )}\n </PopoverContent>\n </Popover>\n );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"]}
package/dist/chunk-FNOZMB2P.js ADDED
@@ -0,0 +1,74 @@
1
+ import {
2
+ ScrollShadow_default
3
+ } from "./chunk-EQVC4PJE.js";
4
+
5
+ // src/Tooltip/Tooltip.tsx
6
+ import { Tooltip as HeroTooltip } from "@heroui/tooltip";
7
+ import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
8
+ import { jsx, jsxs } from "react/jsx-runtime";
9
+ var tooltipVariants = tv({
10
+ slots: {
11
+ base: "",
12
+ body: "w-full px-4 py-2",
13
+ content: "flex max-h-[80vh] flex-col p-0",
14
+ divider: "m-0 w-full p-0",
15
+ footer: "w-full px-4 py-2",
16
+ footerWrapper: "w-full",
17
+ header: "w-full px-4 pb-1 pt-2 font-semibold",
18
+ headerWrapper: "w-full",
19
+ wrapper: "cursor-pointer"
20
+ }
21
+ });
22
+ var Tooltip = ({
23
+ children,
24
+ className: _className = void 0,
25
+ closeDelay = 500,
26
+ containerPadding = 0,
27
+ content,
28
+ defaultOpen = false,
29
+ delay = 0,
30
+ footer = void 0,
31
+ header = void 0,
32
+ onOpenChange = void 0,
33
+ placement = "top"
34
+ }) => {
35
+ const variants = tooltipVariants();
36
+ const classNames = variantsToClassNames(variants, _className, "base");
37
+ return /* @__PURE__ */ jsx(
38
+ HeroTooltip,
39
+ {
40
+ classNames,
41
+ closeDelay,
42
+ containerPadding,
43
+ content: /* @__PURE__ */ jsxs("div", { children: [
44
+ header && /* @__PURE__ */ jsxs("div", { className: classNames.headerWrapper, children: [
45
+ /* @__PURE__ */ jsx("div", { className: classNames.header, children: header }),
46
+ /* @__PURE__ */ jsx("hr", { className: classNames.divider })
47
+ ] }),
48
+ /* @__PURE__ */ jsx(ScrollShadow_default, { className: classNames.body, children: content }),
49
+ footer && /* @__PURE__ */ jsxs("div", { className: classNames.footerWrapper, children: [
50
+ /* @__PURE__ */ jsx("hr", { className: classNames.divider }),
51
+ /* @__PURE__ */ jsx("div", { className: classNames.footer, children: footer })
52
+ ] })
53
+ ] }),
54
+ defaultOpen,
55
+ delay,
56
+ onClick: (e) => e.preventDefault(),
57
+ onOpenChange,
58
+ placement,
59
+ shouldFlip: true,
60
+ showArrow: true,
61
+ children: /* @__PURE__ */ jsx("span", { className: classNames.wrapper, children })
62
+ }
63
+ );
64
+ };
65
+ var Tooltip_default = Tooltip;
66
+
67
+ // src/Tooltip/index.ts
68
+ var Tooltip_default2 = Tooltip_default;
69
+
70
+ export {
71
+ Tooltip_default,
72
+ Tooltip_default2
73
+ };
74
+ //# sourceMappingURL=chunk-FNOZMB2P.js.map
package/dist/chunk-FNOZMB2P.js.map ADDED
@@ -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 wrapper: 'cursor-pointer',\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 /** delay in milliseconds before the tooltip opens. */\n delay?: 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 /** 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}\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}: TooltipProps) => {\n // classNames from slots\n const variants = tooltipVariants();\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.wrapper}>{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;AA6E7B,SACE,KADF;AAxEL,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;AACF,CAAC;AAmCD,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;AACd,MAAoB;AAElB,QAAM,WAAW,gBAAgB;AACjC,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;;;ACxGf,IAAOA,mBAAQ;","names":["Tooltip_default"]}
package/dist/{chunk-JKZIVTWA.js → chunk-LQZEECJY.js} RENAMED
@@ -15,12 +15,11 @@ var popoverVariants = tv({
15
15
  slots: {
16
16
  body: "w-full px-4 py-2",
17
17
  content: "flex max-h-[80vh] flex-col p-0",
18
+ divider: "m-0 w-full p-0",
18
19
  footer: "w-full px-4 py-2",
19
20
  footerWrapper: "w-full",
20
- footerDivider: "m-0 w-full p-0",
21
- header: "w-full px-4 pb-1 pt-2 text-lg font-semibold",
21
+ header: "w-full px-4 pb-1 pt-2 font-semibold",
22
22
  headerWrapper: "w-full",
23
- headerDivider: "m-0 w-full p-0",
24
23
  trigger: ""
25
24
  }
26
25
  });
@@ -30,12 +29,12 @@ var Popover_default = ({
30
29
  content,
31
30
  contentTestId = void 0,
32
31
  footer = void 0,
32
+ header = void 0,
33
33
  openControlled = void 0,
34
34
  placement = "top",
35
35
  portalContainer = void 0,
36
36
  shouldBlockScroll = void 0,
37
37
  testId = void 0,
38
- title = void 0,
39
38
  triggerButtonProps = void 0
40
39
  }) => {
41
40
  const variants = popoverVariants();
@@ -61,13 +60,13 @@ var Popover_default = ({
61
60
  /* @__PURE__ */ jsx("button", { className: className.trigger, children })
62
61
  ) }),
63
62
  /* @__PURE__ */ jsxs(PopoverContent, { "data-testid": contentTestId, children: [
64
- title && /* @__PURE__ */ jsxs("div", { className: className.headerWrapper, children: [
65
- /* @__PURE__ */ jsx("div", { className: className.header, children: title }),
66
- /* @__PURE__ */ jsx("hr", { className: className.headerDivider })
63
+ header && /* @__PURE__ */ jsxs("div", { className: className.headerWrapper, children: [
64
+ /* @__PURE__ */ jsx("div", { className: className.header, children: header }),
65
+ /* @__PURE__ */ jsx("hr", { className: className.divider })
67
66
  ] }),
68
67
  /* @__PURE__ */ jsx(ScrollShadow_default, { className: className.body, children: content }),
69
68
  footer && /* @__PURE__ */ jsxs("div", { className: className.footerWrapper, children: [
70
- /* @__PURE__ */ jsx("hr", { className: className.footerDivider }),
69
+ /* @__PURE__ */ jsx("hr", { className: className.divider }),
71
70
  /* @__PURE__ */ jsx("div", { className: className.footer, children: footer })
72
71
  ] })
73
72
  ] })
@@ -83,4 +82,4 @@ export {
83
82
  Popover_default,
84
83
  Popover_default2
85
84
  };
86
- //# sourceMappingURL=chunk-JKZIVTWA.js.map
85
+ //# sourceMappingURL=chunk-LQZEECJY.js.map
package/dist/chunk-LQZEECJY.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { PopoverProps as HeroPopoverProps } from '@heroui/popover';\nimport type { ReactNode } from 'react';\nimport type { ButtonProps } from '../Button';\n\nimport { Button } from '@heroui/button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// popover styling variants\nexport const popoverVariants = tv({\n slots: {\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: '',\n },\n});\n\ntype VariantProps = TVProps<typeof popoverVariants>;\ntype ClassName = TVClassName<typeof popoverVariants>;\n\nexport interface PopoverProps extends VariantProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** content of the popover */\n content: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n contentTestId?: string;\n /** popover footer */\n footer?: ReactNode;\n /** Popover title */\n header?: ReactNode;\n /** use as controlled component */\n openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n /** placement of the popover relative to its trigger reference */\n placement?: HeroPopoverProps['placement'];\n /** The container element in which the overlay portal will be placed. */\n portalContainer?: HeroPopoverProps['portalContainer'];\n /** Whether to block scrolling outside the popover */\n shouldBlockScroll?: boolean;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n triggerButtonProps?: Pick<\n ButtonProps,\n | 'ariaLabel'\n | 'className'\n | 'color'\n | 'disableAnimation'\n | 'disabled'\n | 'size'\n | 'testId'\n | 'variant'\n >;\n}\n\n/**\n * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)\n */\nexport default ({\n children = null,\n className: _className = undefined,\n content,\n contentTestId = undefined,\n footer = undefined,\n header = undefined,\n openControlled = undefined,\n placement = 'top',\n portalContainer = undefined,\n shouldBlockScroll = undefined,\n testId = undefined,\n triggerButtonProps = undefined,\n}: PopoverProps) => {\n // className from slots\n const variants = popoverVariants();\n const className = variantsToClassNames(variants, _className, 'trigger');\n\n return (\n <Popover\n classNames={className}\n placement={placement}\n portalContainer={portalContainer}\n radius=\"sm\"\n shouldBlockScroll={shouldBlockScroll}\n showArrow\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...(openControlled\n ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n : {})}\n >\n <PopoverTrigger data-testid={testId}>\n {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n {triggerButtonProps ? (\n // TODO: currently we have to use @heroui/button because\n // passing ref does not work (even with forwardRef in Button)\n // eslint-disable-next-line react/jsx-props-no-spreading\n <Button className={className.trigger} {...triggerButtonProps}>\n {children}\n </Button>\n ) : (\n // eslint-disable-next-line react/button-has-type\n <button className={className.trigger}>{children}</button>\n )}\n </PopoverTrigger>\n <PopoverContent data-testid={contentTestId}>\n {header && (\n <div className={className.headerWrapper}>\n <div className={className.header}>{header}</div>\n <hr className={className.divider} />\n </div>\n )}\n <ScrollShadow className={className.body}>{content}</ScrollShadow>\n {footer && (\n <div className={className.footerWrapper}>\n <hr className={className.divider} />\n <div className={className.footer}>{footer}</div>\n </div>\n )}\n </PopoverContent>\n </Popover>\n );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"],"mappings":";;;;;;;;;AAKA,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,sBAAsB;AAExD,SAAS,IAAI,4BAA4B;AAkG/B,cAUA,YAVA;AA7FH,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AA6CD,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,WAAW,aAAa;AAAA,EACxB;AAAA,EACA,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,qBAAqB;AACvB,MAAoB;AAElB,QAAM,WAAW,gBAAgB;AACjC,QAAM,YAAY,qBAAqB,UAAU,YAAY,SAAS;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,QAAO;AAAA,MACP;AAAA,MACA,WAAS;AAAA,OAEJ,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC,IAVN;AAAA,MAYC;AAAA,4BAAC,kBAAe,eAAa,QAE1B;AAAA;AAAA;AAAA;AAAA,UAIC,oBAAC,uCAAO,WAAW,UAAU,WAAa,qBAAzC,EACE,WACH;AAAA;AAAA;AAAA,UAGA,oBAAC,YAAO,WAAW,UAAU,SAAU,UAAS;AAAA,WAEpD;AAAA,QACA,qBAAC,kBAAe,eAAa,eAC1B;AAAA,oBACC,qBAAC,SAAI,WAAW,UAAU,eACxB;AAAA,gCAAC,SAAI,WAAW,UAAU,QAAS,kBAAO;AAAA,YAC1C,oBAAC,QAAG,WAAW,UAAU,SAAS;AAAA,aACpC;AAAA,UAEF,oBAAC,wBAAa,WAAW,UAAU,MAAO,mBAAQ;AAAA,UACjD,UACC,qBAAC,SAAI,WAAW,UAAU,eACxB;AAAA,gCAAC,QAAG,WAAW,UAAU,SAAS;AAAA,YAClC,oBAAC,SAAI,WAAW,UAAU,QAAS,kBAAO;AAAA,aAC5C;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;;;AC7HA,IAAOA,mBAAQ;","names":["Popover_default"]}
package/dist/chunk-TSJGQNIL.cjs ADDED
@@ -0,0 +1,74 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
+
3
+ var _chunkTX2VP4J7cjs = require('./chunk-TX2VP4J7.cjs');
4
+
5
+ // src/Tooltip/Tooltip.tsx
6
+ var _tooltip = require('@heroui/tooltip');
7
+ var _pixelutils = require('@fuf-stack/pixel-utils');
8
+ var _jsxruntime = require('react/jsx-runtime');
9
+ var tooltipVariants = _pixelutils.tv.call(void 0, {
10
+ slots: {
11
+ base: "",
12
+ body: "w-full px-4 py-2",
13
+ content: "flex max-h-[80vh] flex-col p-0",
14
+ divider: "m-0 w-full p-0",
15
+ footer: "w-full px-4 py-2",
16
+ footerWrapper: "w-full",
17
+ header: "w-full px-4 pb-1 pt-2 font-semibold",
18
+ headerWrapper: "w-full",
19
+ wrapper: "cursor-pointer"
20
+ }
21
+ });
22
+ var Tooltip = ({
23
+ children,
24
+ className: _className = void 0,
25
+ closeDelay = 500,
26
+ containerPadding = 0,
27
+ content,
28
+ defaultOpen = false,
29
+ delay = 0,
30
+ footer = void 0,
31
+ header = void 0,
32
+ onOpenChange = void 0,
33
+ placement = "top"
34
+ }) => {
35
+ const variants = tooltipVariants();
36
+ const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
37
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
38
+ _tooltip.Tooltip,
39
+ {
40
+ classNames,
41
+ closeDelay,
42
+ containerPadding,
43
+ content: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
44
+ header && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: classNames.headerWrapper, children: [
45
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classNames.header, children: header }),
46
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: classNames.divider })
47
+ ] }),
48
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTX2VP4J7cjs.ScrollShadow_default, { className: classNames.body, children: content }),
49
+ footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: classNames.footerWrapper, children: [
50
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: classNames.divider }),
51
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classNames.footer, children: footer })
52
+ ] })
53
+ ] }),
54
+ defaultOpen,
55
+ delay,
56
+ onClick: (e) => e.preventDefault(),
57
+ onOpenChange,
58
+ placement,
59
+ shouldFlip: true,
60
+ showArrow: true,
61
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: classNames.wrapper, children })
62
+ }
63
+ );
64
+ };
65
+ var Tooltip_default = Tooltip;
66
+
67
+ // src/Tooltip/index.ts
68
+ var Tooltip_default2 = Tooltip_default;
69
+
70
+
71
+
72
+
73
+ exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
74
+ //# sourceMappingURL=chunk-TSJGQNIL.cjs.map
package/dist/chunk-TSJGQNIL.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-TSJGQNIL.cjs","../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACAA,0CAAuC;AAEvC,oDAAyC;AA6E7B,+CAAA;AAxEL,IAAM,gBAAA,EAAkB,4BAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM,kBAAA;AAAA,IACN,OAAA,EAAS,gCAAA;AAAA,IACT,OAAA,EAAS,gBAAA;AAAA,IACT,MAAA,EAAQ,kBAAA;AAAA,IACR,aAAA,EAAe,QAAA;AAAA,IACf,MAAA,EAAQ,qCAAA;AAAA,IACR,aAAA,EAAe,QAAA;AAAA,IACf,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;AAmCD,IAAM,QAAA,EAAU,CAAC;AAAA,EACf,QAAA;AAAA,EACA,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,WAAA,EAAa,GAAA;AAAA,EACb,iBAAA,EAAmB,CAAA;AAAA,EACnB,OAAA;AAAA,EACA,YAAA,EAAc,KAAA;AAAA,EACd,MAAA,EAAQ,CAAA;AAAA,EACR,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,UAAA,EAAY;AACd,CAAA,EAAA,GAAoB;AAElB,EAAA,MAAM,SAAA,EAAW,eAAA,CAAgB,CAAA;AACjC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,MAAM,CAAA;AAEpE,EAAA,uBACE,6BAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,UAAA;AAAA,MACA,gBAAA;AAAA,MACA,OAAA,kBACE,8BAAA,KAAC,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,OAAA,mBACC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,UAAA,CAAW,aAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,UAAA,CAAW,MAAA,EAAS,QAAA,EAAA,OAAA,CAAO,CAAA;AAAA,0BAC3C,6BAAA,IAAC,EAAA,EAAG,SAAA,EAAW,UAAA,CAAW,QAAA,CAAS;AAAA,QAAA,EAAA,CACrC,CAAA;AAAA,wBAEF,6BAAA,sCAAC,EAAA,EAAa,SAAA,EAAW,UAAA,CAAW,IAAA,EAAO,QAAA,EAAA,QAAA,CAAQ,CAAA;AAAA,QAClD,OAAA,mBACC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,UAAA,CAAW,aAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,6BAAA,IAAC,EAAA,EAAG,SAAA,EAAW,UAAA,CAAW,QAAA,CAAS,CAAA;AAAA,0BACnC,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,UAAA,CAAW,MAAA,EAAS,QAAA,EAAA,OAAA,CAAO;AAAA,QAAA,EAAA,CAC7C;AAAA,MAAA,EAAA,CAEJ,CAAA;AAAA,MAEF,WAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAA,EAAA,GAAM,CAAA,CAAE,cAAA,CAAe,CAAA;AAAA,MACjC,YAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA,EAAU,IAAA;AAAA,MACV,SAAA,EAAS,IAAA;AAAA,MAET,QAAA,kBAAA,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAW,UAAA,CAAW,OAAA,EAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EACjD,CAAA;AAEJ,CAAA;AAEA,IAAO,gBAAA,EAAQ,OAAA;AD7Cf;AACA;AE5DA,IAAOA,iBAAAA,EAAQ,eAAA;AF8Df;AACA;AACE;AACA;AACF,uFAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-TSJGQNIL.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 wrapper: 'cursor-pointer',\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 /** delay in milliseconds before the tooltip opens. */\n delay?: 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 /** 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}\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}: TooltipProps) => {\n // classNames from slots\n const variants = tooltipVariants();\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.wrapper}>{children}</span>\n </HeroTooltip>\n );\n};\n\nexport default Tooltip;\n","import Tooltip from './Tooltip';\n\nexport type { TooltipProps, TooltipPlacement } from './Tooltip';\n\nexport { Tooltip };\n\nexport default Tooltip;\n"]}
package/dist/index.cjs CHANGED
@@ -22,7 +22,7 @@ var _chunkD5BXY6EGcjs = require('./chunk-D5BXY6EG.cjs');
22
22
  var _chunkGXIDQFQ6cjs = require('./chunk-GXIDQFQ6.cjs');
23
23
 
24
24
 
25
- var _chunkXKJOXUWHcjs = require('./chunk-XKJOXUWH.cjs');
25
+ var _chunkTSJGQNILcjs = require('./chunk-TSJGQNIL.cjs');
26
26
 
27
27
 
28
28
 
@@ -59,7 +59,7 @@ var _chunkXHOAZB2Zcjs = require('./chunk-XHOAZB2Z.cjs');
59
59
  var _chunkPEUUQMJScjs = require('./chunk-PEUUQMJS.cjs');
60
60
 
61
61
 
62
- var _chunkSYPFLG7Ecjs = require('./chunk-SYPFLG7E.cjs');
62
+ var _chunk4X7MUSJBcjs = require('./chunk-4X7MUSJB.cjs');
63
63
  require('./chunk-TX2VP4J7.cjs');
64
64
 
65
65
 
@@ -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 = _chunkSYPFLG7Ecjs.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 = _chunkXKJOXUWHcjs.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 = _chunkTSJGQNILcjs.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
@@ -12,14 +12,14 @@ export { J as Json, a as JsonProps } from './Json-Dny90Wml.cjs';
12
12
  export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.cjs';
13
13
  export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.cjs';
14
14
  export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.cjs';
15
- export { _ as Popover, P as PopoverProps } from './Popover-G9P0rR-7.cjs';
15
+ export { _ as Popover, P as PopoverProps } from './Popover-Bxe50qlw.cjs';
16
16
  export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-D9VbRNdF.cjs';
17
17
  export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-CR_BcIKV.cjs';
18
18
  export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.cjs';
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-Bu71AKvn.cjs';
22
+ export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DxeP1nbI.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
@@ -12,14 +12,14 @@ export { J as Json, a as JsonProps } from './Json-Dny90Wml.js';
12
12
  export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.js';
13
13
  export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.js';
14
14
  export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.js';
15
- export { _ as Popover, P as PopoverProps } from './Popover-B7Bc2FWo.js';
15
+ export { _ as Popover, P as PopoverProps } from './Popover-DhF3bXJE.js';
16
16
  export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-D9VbRNdF.js';
17
17
  export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-CR_BcIKV.js';
18
18
  export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.js';
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-Bu71AKvn.js';
22
+ export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DxeP1nbI.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-TG2HRVJX.js";
25
+ } from "./chunk-FNOZMB2P.js";
26
26
  import {
27
27
  useDebounce,
28
28
  useIsInitialRenderCycle,
@@ -59,7 +59,7 @@ import {
59
59
  } from "./chunk-RW4WTSLJ.js";
60
60
  import {
61
61
  Popover_default
62
- } from "./chunk-JKZIVTWA.js";
62
+ } from "./chunk-LQZEECJY.js";
63
63
  import "./chunk-EQVC4PJE.js";
64
64
  import {
65
65
  Accordion_default,
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.1",
5
+ "version": "0.43.3",
6
6
  "type": "module",
7
7
  "main": "./dist/index.cjs",
8
8
  "module": "./dist/index.js",
@@ -192,10 +192,10 @@
192
192
  "@uiw/react-json-view": "2.0.0-alpha.30",
193
193
  "react": "19.0.0",
194
194
  "react-dom": "19.0.0",
195
- "@repo/tailwind-config": "0.0.1",
196
- "@repo/tsup-config": "0.0.1",
195
+ "@repo/storybook-config": "0.0.1",
197
196
  "@repo/vite-config": "0.0.1",
198
- "@repo/storybook-config": "0.0.1"
197
+ "@repo/tsup-config": "0.0.1",
198
+ "@repo/tailwind-config": "0.0.1"
199
199
  },
200
200
  "scripts": {
201
201
  "build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",
package/dist/chunk-JKZIVTWA.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { PopoverProps as HeroPopoverProps } from '@heroui/popover';\nimport type { ReactNode } from 'react';\nimport type { ButtonProps } from '../Button';\n\nimport { Button } from '@heroui/button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// popover styling variants\nexport const popoverVariants = tv({\n slots: {\n body: 'w-full px-4 py-2',\n content: 'flex max-h-[80vh] flex-col p-0',\n footer: 'w-full px-4 py-2',\n footerWrapper: 'w-full',\n footerDivider: 'm-0 w-full p-0',\n header: 'w-full px-4 pb-1 pt-2 text-lg font-semibold',\n headerWrapper: 'w-full',\n headerDivider: 'm-0 w-full p-0',\n trigger: '',\n },\n});\n\ntype VariantProps = TVProps<typeof popoverVariants>;\ntype ClassName = TVClassName<typeof popoverVariants>;\n\nexport interface PopoverProps extends VariantProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** content of the popover */\n content: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n contentTestId?: string;\n /** popover footer */\n footer?: ReactNode;\n /** use as controlled component */\n openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n /** placement of the popover relative to its trigger reference */\n placement?: HeroPopoverProps['placement'];\n /** The container element in which the overlay portal will be placed. */\n portalContainer?: HeroPopoverProps['portalContainer'];\n /** Whether to block scrolling outside the popover */\n shouldBlockScroll?: boolean;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** Popover title */\n title?: ReactNode;\n /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n triggerButtonProps?: Pick<\n ButtonProps,\n | 'ariaLabel'\n | 'className'\n | 'color'\n | 'disableAnimation'\n | 'disabled'\n | 'size'\n | 'testId'\n | 'variant'\n >;\n}\n\n/**\n * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)\n */\nexport default ({\n children = null,\n className: _className = undefined,\n content,\n contentTestId = undefined,\n footer = undefined,\n openControlled = undefined,\n placement = 'top',\n portalContainer = undefined,\n shouldBlockScroll = undefined,\n testId = undefined,\n title = undefined,\n triggerButtonProps = undefined,\n}: PopoverProps) => {\n // className from slots\n const variants = popoverVariants();\n const className = variantsToClassNames(variants, _className, 'trigger');\n\n return (\n <Popover\n classNames={className}\n placement={placement}\n portalContainer={portalContainer}\n radius=\"sm\"\n shouldBlockScroll={shouldBlockScroll}\n showArrow\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...(openControlled\n ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n : {})}\n >\n <PopoverTrigger data-testid={testId}>\n {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n {triggerButtonProps ? (\n // TODO: currently we have to use @heroui/button because\n // passing ref does not work (even with forwardRef in Button)\n // eslint-disable-next-line react/jsx-props-no-spreading\n <Button className={className.trigger} {...triggerButtonProps}>\n {children}\n </Button>\n ) : (\n // eslint-disable-next-line react/button-has-type\n <button className={className.trigger}>{children}</button>\n )}\n </PopoverTrigger>\n <PopoverContent data-testid={contentTestId}>\n {title && (\n <div className={className.headerWrapper}>\n <div className={className.header}>{title}</div>\n <hr className={className.headerDivider} />\n </div>\n )}\n <ScrollShadow className={className.body}>{content}</ScrollShadow>\n {footer && (\n <div className={className.footerWrapper}>\n <hr className={className.footerDivider} />\n <div className={className.footer}>{footer}</div>\n </div>\n )}\n </PopoverContent>\n </Popover>\n );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"],"mappings":";;;;;;;;;AAKA,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,sBAAsB;AAExD,SAAS,IAAI,4BAA4B;AAmG/B,cAUA,YAVA;AA9FH,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,eAAe;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AA6CD,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,WAAW,aAAa;AAAA,EACxB;AAAA,EACA,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,qBAAqB;AACvB,MAAoB;AAElB,QAAM,WAAW,gBAAgB;AACjC,QAAM,YAAY,qBAAqB,UAAU,YAAY,SAAS;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,QAAO;AAAA,MACP;AAAA,MACA,WAAS;AAAA,OAEJ,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC,IAVN;AAAA,MAYC;AAAA,4BAAC,kBAAe,eAAa,QAE1B;AAAA;AAAA;AAAA;AAAA,UAIC,oBAAC,uCAAO,WAAW,UAAU,WAAa,qBAAzC,EACE,WACH;AAAA;AAAA;AAAA,UAGA,oBAAC,YAAO,WAAW,UAAU,SAAU,UAAS;AAAA,WAEpD;AAAA,QACA,qBAAC,kBAAe,eAAa,eAC1B;AAAA,mBACC,qBAAC,SAAI,WAAW,UAAU,eACxB;AAAA,gCAAC,SAAI,WAAW,UAAU,QAAS,iBAAM;AAAA,YACzC,oBAAC,QAAG,WAAW,UAAU,eAAe;AAAA,aAC1C;AAAA,UAEF,oBAAC,wBAAa,WAAW,UAAU,MAAO,mBAAQ;AAAA,UACjD,UACC,qBAAC,SAAI,WAAW,UAAU,eACxB;AAAA,gCAAC,QAAG,WAAW,UAAU,eAAe;AAAA,YACxC,oBAAC,SAAI,WAAW,UAAU,QAAS,kBAAO;AAAA,aAC5C;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;;;AC9HA,IAAOA,mBAAQ;","names":["Popover_default"]}
package/dist/chunk-SYPFLG7E.cjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-SYPFLG7E.cjs","../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-SYPFLG7E.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { PopoverProps as HeroPopoverProps } from '@heroui/popover';\nimport type { ReactNode } from 'react';\nimport type { ButtonProps } from '../Button';\n\nimport { Button } from '@heroui/button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// popover styling variants\nexport const popoverVariants = tv({\n slots: {\n body: 'w-full px-4 py-2',\n content: 'flex max-h-[80vh] flex-col p-0',\n footer: 'w-full px-4 py-2',\n footerWrapper: 'w-full',\n footerDivider: 'm-0 w-full p-0',\n header: 'w-full px-4 pb-1 pt-2 text-lg font-semibold',\n headerWrapper: 'w-full',\n headerDivider: 'm-0 w-full p-0',\n trigger: '',\n },\n});\n\ntype VariantProps = TVProps<typeof popoverVariants>;\ntype ClassName = TVClassName<typeof popoverVariants>;\n\nexport interface PopoverProps extends VariantProps {\n /** child components */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** content of the popover */\n content: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n contentTestId?: string;\n /** popover footer */\n footer?: ReactNode;\n /** use as controlled component */\n openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n /** placement of the popover relative to its trigger reference */\n placement?: HeroPopoverProps['placement'];\n /** The container element in which the overlay portal will be placed. */\n portalContainer?: HeroPopoverProps['portalContainer'];\n /** Whether to block scrolling outside the popover */\n shouldBlockScroll?: boolean;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** Popover title */\n title?: ReactNode;\n /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n triggerButtonProps?: Pick<\n ButtonProps,\n | 'ariaLabel'\n | 'className'\n | 'color'\n | 'disableAnimation'\n | 'disabled'\n | 'size'\n | 'testId'\n | 'variant'\n >;\n}\n\n/**\n * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)\n */\nexport default ({\n children = null,\n className: _className = undefined,\n content,\n contentTestId = undefined,\n footer = undefined,\n openControlled = undefined,\n placement = 'top',\n portalContainer = undefined,\n shouldBlockScroll = undefined,\n testId = undefined,\n title = undefined,\n triggerButtonProps = undefined,\n}: PopoverProps) => {\n // className from slots\n const variants = popoverVariants();\n const className = variantsToClassNames(variants, _className, 'trigger');\n\n return (\n <Popover\n classNames={className}\n placement={placement}\n portalContainer={portalContainer}\n radius=\"sm\"\n shouldBlockScroll={shouldBlockScroll}\n showArrow\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...(openControlled\n ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n : {})}\n >\n <PopoverTrigger data-testid={testId}>\n {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n {triggerButtonProps ? (\n // TODO: currently we have to use @heroui/button because\n // passing ref does not work (even with forwardRef in Button)\n // eslint-disable-next-line react/jsx-props-no-spreading\n <Button className={className.trigger} {...triggerButtonProps}>\n {children}\n </Button>\n ) : (\n // eslint-disable-next-line react/button-has-type\n <button className={className.trigger}>{children}</button>\n )}\n </PopoverTrigger>\n <PopoverContent data-testid={contentTestId}>\n {title && (\n <div className={className.headerWrapper}>\n <div className={className.header}>{title}</div>\n <hr className={className.headerDivider} />\n </div>\n )}\n <ScrollShadow className={className.body}>{content}</ScrollShadow>\n {footer && (\n <div className={className.footerWrapper}>\n <hr className={className.footerDivider} />\n <div className={className.footer}>{footer}</div>\n </div>\n )}\n </PopoverContent>\n </Popover>\n );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"]}
package/dist/chunk-TG2HRVJX.js DELETED
@@ -1,52 +0,0 @@
1
- // src/Tooltip/Tooltip.tsx
2
- import { Tooltip as HeroTooltip } from "@heroui/tooltip";
3
- import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
4
- import { jsx } from "react/jsx-runtime";
5
- var tooltipVariants = tv({
6
- slots: {
7
- base: "",
8
- content: "px-3 py-1.5",
9
- wrapper: "cursor-pointer"
10
- }
11
- });
12
- var Tooltip = ({
13
- children,
14
- className: _className = void 0,
15
- closeDelay = 500,
16
- containerPadding = 0,
17
- content,
18
- defaultOpen = false,
19
- delay = 0,
20
- onOpenChange = void 0,
21
- placement = "top"
22
- }) => {
23
- const variants = tooltipVariants();
24
- const classNames = variantsToClassNames(variants, _className, "base");
25
- return /* @__PURE__ */ jsx(
26
- HeroTooltip,
27
- {
28
- classNames,
29
- closeDelay,
30
- containerPadding,
31
- content,
32
- defaultOpen,
33
- delay,
34
- onClick: (e) => e.preventDefault(),
35
- onOpenChange,
36
- placement,
37
- shouldFlip: true,
38
- showArrow: true,
39
- children: /* @__PURE__ */ jsx("span", { className: classNames.wrapper, children })
40
- }
41
- );
42
- };
43
- var Tooltip_default = Tooltip;
44
-
45
- // src/Tooltip/index.ts
46
- var Tooltip_default2 = Tooltip_default;
47
-
48
- export {
49
- Tooltip_default,
50
- Tooltip_default2
51
- };
52
- //# sourceMappingURL=chunk-TG2HRVJX.js.map
package/dist/chunk-TG2HRVJX.js.map DELETED
@@ -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\n// tooltip variants\nexport const tooltipVariants = tv({\n slots: {\n base: '',\n content: 'px-3 py-1.5',\n wrapper: 'cursor-pointer',\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 /** delay in milliseconds before the tooltip opens. */\n delay?: 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 /** 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}\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 onOpenChange = undefined,\n placement = 'top',\n}: TooltipProps) => {\n // classNames from slots\n const variants = tooltipVariants();\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <HeroTooltip\n classNames={classNames}\n closeDelay={closeDelay}\n containerPadding={containerPadding}\n content={content}\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.wrapper}>{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;AAqEnC;AAlEC,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF,CAAC;AA+BD,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,eAAe;AAAA,EACf,YAAY;AACd,MAAoB;AAElB,QAAM,WAAW,gBAAgB;AACjC,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;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;;;AC1Ef,IAAOA,mBAAQ;","names":["Tooltip_default"]}
package/dist/chunk-XKJOXUWH.cjs DELETED
@@ -1,52 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Tooltip/Tooltip.tsx
2
- var _tooltip = require('@heroui/tooltip');
3
- var _pixelutils = require('@fuf-stack/pixel-utils');
4
- var _jsxruntime = require('react/jsx-runtime');
5
- var tooltipVariants = _pixelutils.tv.call(void 0, {
6
- slots: {
7
- base: "",
8
- content: "px-3 py-1.5",
9
- wrapper: "cursor-pointer"
10
- }
11
- });
12
- var Tooltip = ({
13
- children,
14
- className: _className = void 0,
15
- closeDelay = 500,
16
- containerPadding = 0,
17
- content,
18
- defaultOpen = false,
19
- delay = 0,
20
- onOpenChange = void 0,
21
- placement = "top"
22
- }) => {
23
- const variants = tooltipVariants();
24
- const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
25
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
26
- _tooltip.Tooltip,
27
- {
28
- classNames,
29
- closeDelay,
30
- containerPadding,
31
- content,
32
- defaultOpen,
33
- delay,
34
- onClick: (e) => e.preventDefault(),
35
- onOpenChange,
36
- placement,
37
- shouldFlip: true,
38
- showArrow: true,
39
- children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: classNames.wrapper, children })
40
- }
41
- );
42
- };
43
- var Tooltip_default = Tooltip;
44
-
45
- // src/Tooltip/index.ts
46
- var Tooltip_default2 = Tooltip_default;
47
-
48
-
49
-
50
-
51
- exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
52
- //# sourceMappingURL=chunk-XKJOXUWH.cjs.map
package/dist/chunk-XKJOXUWH.cjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-XKJOXUWH.cjs","../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":"AAAA;ACIA,0CAAuC;AAEvC,oDAAyC;AAqEnC,+CAAA;AAlEC,IAAM,gBAAA,EAAkB,4BAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,aAAA;AAAA,IACT,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;AA+BD,IAAM,QAAA,EAAU,CAAC;AAAA,EACf,QAAA;AAAA,EACA,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,WAAA,EAAa,GAAA;AAAA,EACb,iBAAA,EAAmB,CAAA;AAAA,EACnB,OAAA;AAAA,EACA,YAAA,EAAc,KAAA;AAAA,EACd,MAAA,EAAQ,CAAA;AAAA,EACR,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,UAAA,EAAY;AACd,CAAA,EAAA,GAAoB;AAElB,EAAA,MAAM,SAAA,EAAW,eAAA,CAAgB,CAAA;AACjC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,MAAM,CAAA;AAEpE,EAAA,uBACE,6BAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,UAAA;AAAA,MACA,gBAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAA,EAAA,GAAM,CAAA,CAAE,cAAA,CAAe,CAAA;AAAA,MACjC,YAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA,EAAU,IAAA;AAAA,MACV,SAAA,EAAS,IAAA;AAAA,MAET,QAAA,kBAAA,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAW,UAAA,CAAW,OAAA,EAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EACjD,CAAA;AAEJ,CAAA;AAEA,IAAO,gBAAA,EAAQ,OAAA;ADrCf;AACA;AEtCA,IAAOA,iBAAAA,EAAQ,eAAA;AFwCf;AACA;AACE;AACA;AACF,uFAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-XKJOXUWH.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\n// tooltip variants\nexport const tooltipVariants = tv({\n slots: {\n base: '',\n content: 'px-3 py-1.5',\n wrapper: 'cursor-pointer',\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 /** delay in milliseconds before the tooltip opens. */\n delay?: 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 /** 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}\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 onOpenChange = undefined,\n placement = 'top',\n}: TooltipProps) => {\n // classNames from slots\n const variants = tooltipVariants();\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <HeroTooltip\n classNames={classNames}\n closeDelay={closeDelay}\n containerPadding={containerPadding}\n content={content}\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.wrapper}>{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"]}