@fuf-stack/pixels 0.43.3 → 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.
Files changed (19) hide show
  1. package/dist/Tooltip/index.cjs +2 -2
  2. package/dist/Tooltip/index.d.cts +3 -3
  3. package/dist/Tooltip/index.d.ts +3 -3
  4. package/dist/Tooltip/index.js +1 -1
  5. package/dist/Tooltip-BEdyTJ9f.d.cts +409 -0
  6. package/dist/Tooltip-BEdyTJ9f.d.ts +409 -0
  7. package/dist/{chunk-TSJGQNIL.cjs → chunk-23OJCMY6.cjs} +53 -5
  8. package/dist/chunk-23OJCMY6.cjs.map +1 -0
  9. package/dist/{chunk-FNOZMB2P.js → chunk-U2JJ7JUC.js} +53 -5
  10. package/dist/chunk-U2JJ7JUC.js.map +1 -0
  11. package/dist/index.cjs +2 -2
  12. package/dist/index.d.cts +1 -1
  13. package/dist/index.d.ts +1 -1
  14. package/dist/index.js +1 -1
  15. package/package.json +3 -3
  16. package/dist/Tooltip-DxeP1nbI.d.cts +0 -141
  17. package/dist/Tooltip-DxeP1nbI.d.ts +0 -141
  18. package/dist/chunk-FNOZMB2P.js.map +0 -1
  19. package/dist/chunk-TSJGQNIL.cjs.map +0 -1
package/dist/Tooltip-DxeP1nbI.d.cts DELETED
@@ -1,141 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
3
- import * as tailwind_variants from 'tailwind-variants';
4
- import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
5
- import { TooltipPlacement as TooltipPlacement$1 } from '@heroui/tooltip';
6
- import { ReactNode } from 'react';
7
-
8
- declare const tooltipVariants: tailwind_variants.TVReturnType<{
9
- [key: string]: {
10
- [key: string]: tailwind_variants.ClassValue | {
11
- base?: tailwind_variants.ClassValue;
12
- content?: tailwind_variants.ClassValue;
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;
20
- };
21
- };
22
- } | {
23
- [x: string]: {
24
- [x: string]: tailwind_variants.ClassValue | {
25
- base?: tailwind_variants.ClassValue;
26
- content?: tailwind_variants.ClassValue;
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;
34
- };
35
- };
36
- } | {}, {
37
- base: string;
38
- body: string;
39
- content: string;
40
- divider: string;
41
- footer: string;
42
- footerWrapper: string;
43
- header: string;
44
- headerWrapper: string;
45
- wrapper: string;
46
- }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
47
- [key: string]: {
48
- [key: string]: tailwind_variants.ClassValue | {
49
- base?: tailwind_variants.ClassValue;
50
- content?: tailwind_variants.ClassValue;
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;
58
- };
59
- };
60
- } | {}>, {
61
- [key: string]: {
62
- [key: string]: tailwind_variants.ClassValue | {
63
- base?: tailwind_variants.ClassValue;
64
- content?: tailwind_variants.ClassValue;
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;
72
- };
73
- };
74
- } | {}, {
75
- base: string;
76
- body: string;
77
- content: string;
78
- divider: string;
79
- footer: string;
80
- footerWrapper: string;
81
- header: string;
82
- headerWrapper: string;
83
- wrapper: string;
84
- }, tailwind_variants.TVReturnType<unknown, {
85
- base: string;
86
- body: string;
87
- content: string;
88
- divider: string;
89
- footer: string;
90
- footerWrapper: string;
91
- header: string;
92
- headerWrapper: string;
93
- wrapper: string;
94
- }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
95
- [key: string]: {
96
- [key: string]: tailwind_variants.ClassValue | {
97
- base?: tailwind_variants.ClassValue;
98
- content?: tailwind_variants.ClassValue;
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;
106
- };
107
- };
108
- } | {}>, unknown, unknown, undefined>>;
109
- type VariantProps = TVProps<typeof tooltipVariants>;
110
- type ClassName = TVClassName<typeof tooltipVariants>;
111
- type TooltipPlacement = TooltipPlacement$1;
112
- interface TooltipProps extends VariantProps {
113
- /** trigger child components */
114
- children: ReactNode;
115
- /** CSS class name */
116
- className?: ClassName;
117
- /** delay in milliseconds before the tooltip opens. */
118
- closeDelay?: number;
119
- /** delay in milliseconds before the tooltip opens. */
120
- delay?: number;
121
- /** placement padding in px */
122
- containerPadding?: number;
123
- /** content displayed in the tooltip */
124
- content: ReactNode;
125
- /** open overlay initially when uncontrolled */
126
- defaultOpen?: boolean;
127
- /** tooltip footer */
128
- footer?: ReactNode;
129
- /** tooltip header */
130
- header?: ReactNode;
131
- /** handler that is called when the overlay's open state changes */
132
- onOpenChange?: (isOpen: boolean) => void;
133
- /** placement if the tooltip */
134
- placement?: TooltipPlacement;
135
- }
136
- /**
137
- * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)
138
- */
139
- declare const Tooltip: ({ children, className: _className, closeDelay, containerPadding, content, defaultOpen, delay, footer, header, onOpenChange, placement, }: TooltipProps) => react_jsx_runtime.JSX.Element;
140
-
141
- export { Tooltip as T, type TooltipProps as a, type TooltipPlacement as b };
package/dist/Tooltip-DxeP1nbI.d.ts DELETED
@@ -1,141 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
3
- import * as tailwind_variants from 'tailwind-variants';
4
- import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
5
- import { TooltipPlacement as TooltipPlacement$1 } from '@heroui/tooltip';
6
- import { ReactNode } from 'react';
7
-
8
- declare const tooltipVariants: tailwind_variants.TVReturnType<{
9
- [key: string]: {
10
- [key: string]: tailwind_variants.ClassValue | {
11
- base?: tailwind_variants.ClassValue;
12
- content?: tailwind_variants.ClassValue;
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;
20
- };
21
- };
22
- } | {
23
- [x: string]: {
24
- [x: string]: tailwind_variants.ClassValue | {
25
- base?: tailwind_variants.ClassValue;
26
- content?: tailwind_variants.ClassValue;
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;
34
- };
35
- };
36
- } | {}, {
37
- base: string;
38
- body: string;
39
- content: string;
40
- divider: string;
41
- footer: string;
42
- footerWrapper: string;
43
- header: string;
44
- headerWrapper: string;
45
- wrapper: string;
46
- }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
47
- [key: string]: {
48
- [key: string]: tailwind_variants.ClassValue | {
49
- base?: tailwind_variants.ClassValue;
50
- content?: tailwind_variants.ClassValue;
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;
58
- };
59
- };
60
- } | {}>, {
61
- [key: string]: {
62
- [key: string]: tailwind_variants.ClassValue | {
63
- base?: tailwind_variants.ClassValue;
64
- content?: tailwind_variants.ClassValue;
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;
72
- };
73
- };
74
- } | {}, {
75
- base: string;
76
- body: string;
77
- content: string;
78
- divider: string;
79
- footer: string;
80
- footerWrapper: string;
81
- header: string;
82
- headerWrapper: string;
83
- wrapper: string;
84
- }, tailwind_variants.TVReturnType<unknown, {
85
- base: string;
86
- body: string;
87
- content: string;
88
- divider: string;
89
- footer: string;
90
- footerWrapper: string;
91
- header: string;
92
- headerWrapper: string;
93
- wrapper: string;
94
- }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
95
- [key: string]: {
96
- [key: string]: tailwind_variants.ClassValue | {
97
- base?: tailwind_variants.ClassValue;
98
- content?: tailwind_variants.ClassValue;
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;
106
- };
107
- };
108
- } | {}>, unknown, unknown, undefined>>;
109
- type VariantProps = TVProps<typeof tooltipVariants>;
110
- type ClassName = TVClassName<typeof tooltipVariants>;
111
- type TooltipPlacement = TooltipPlacement$1;
112
- interface TooltipProps extends VariantProps {
113
- /** trigger child components */
114
- children: ReactNode;
115
- /** CSS class name */
116
- className?: ClassName;
117
- /** delay in milliseconds before the tooltip opens. */
118
- closeDelay?: number;
119
- /** delay in milliseconds before the tooltip opens. */
120
- delay?: number;
121
- /** placement padding in px */
122
- containerPadding?: number;
123
- /** content displayed in the tooltip */
124
- content: ReactNode;
125
- /** open overlay initially when uncontrolled */
126
- defaultOpen?: boolean;
127
- /** tooltip footer */
128
- footer?: ReactNode;
129
- /** tooltip header */
130
- header?: ReactNode;
131
- /** handler that is called when the overlay's open state changes */
132
- onOpenChange?: (isOpen: boolean) => void;
133
- /** placement if the tooltip */
134
- placement?: TooltipPlacement;
135
- }
136
- /**
137
- * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)
138
- */
139
- declare const Tooltip: ({ children, className: _className, closeDelay, containerPadding, content, defaultOpen, delay, footer, header, onOpenChange, placement, }: TooltipProps) => react_jsx_runtime.JSX.Element;
140
-
141
- export { Tooltip as T, type TooltipProps as a, type TooltipPlacement as b };
package/dist/chunk-FNOZMB2P.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\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-TSJGQNIL.cjs.map DELETED
@@ -1 +0,0 @@
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"]}