@fuf-stack/pixels 0.43.0 → 0.43.2

package/dist/Popover/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkEAX5J2I2cjs = require('../chunk-EAX5J2I2.cjs');
+var _chunkPCQ7BVAEcjs = require('../chunk-PCQ7BVAE.cjs');
 require('../chunk-TX2VP4J7.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Popover = _chunkEAX5J2I2cjs.Popover_default; exports.default = _chunkEAX5J2I2cjs.Popover_default2;
+exports.Popover = _chunkPCQ7BVAEcjs.Popover_default; exports.default = _chunkPCQ7BVAEcjs.Popover_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Popover/index.d.cts

@@ -1,5 +1,5 @@
-import { _ as _default } from '../Popover-siHbA2lD.cjs';
-export { P as PopoverProps } from '../Popover-siHbA2lD.cjs';
+import { _ as _default } from '../Popover-Bxe50qlw.cjs';
+export { P as PopoverProps } from '../Popover-Bxe50qlw.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Popover/index.d.ts

@@ -1,5 +1,5 @@
-import { _ as _default } from '../Popover-B-SHB8ZK.js';
-export { P as PopoverProps } from '../Popover-B-SHB8ZK.js';
+import { _ as _default } from '../Popover-DhF3bXJE.js';
+export { P as PopoverProps } from '../Popover-DhF3bXJE.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Popover/index.js

@@ -1,7 +1,7 @@
 import {
   Popover_default,
   Popover_default2
-} from "../chunk-5TOE75VE.js";
+} from "../chunk-RQPO3EBI.js";
 import "../chunk-EQVC4PJE.js";
 import "../chunk-J7N2552D.js";
 export {

package/dist/{Popover-siHbA2lD.d.cts → Popover-Bxe50qlw.d.cts}

@@ -14,6 +14,9 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {
@@ -24,13 +27,19 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
     body: string;
     content: string;
+    divider: string;
     footer: string;
+    footerWrapper: string;
     header: string;
+    headerWrapper: string;
     trigger: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
@@ -40,6 +49,9 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
@@ -50,19 +62,28 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
     body: string;
     content: string;
+    divider: string;
     footer: string;
+    footerWrapper: string;
     header: string;
+    headerWrapper: string;
     trigger: string;
 }, tailwind_variants.TVReturnType<unknown, {
     body: string;
     content: string;
+    divider: string;
     footer: string;
+    footerWrapper: string;
     header: string;
+    headerWrapper: string;
     trigger: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
@@ -72,6 +93,9 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
@@ -88,6 +112,8 @@ interface PopoverProps extends VariantProps {
     contentTestId?: string;
     /** popover footer */
     footer?: ReactNode;
+    /** Popover title */
+    header?: ReactNode;
     /** use as controlled component  */
     openControlled?: {
         open: boolean;
@@ -101,14 +127,12 @@ interface PopoverProps extends VariantProps {
     shouldBlockScroll?: boolean;
     /** HTML data-testid attribute used in e2e tests */
     testId?: string;
-    /** Popover title */
-    title?: ReactNode;
     /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */
     triggerButtonProps?: Pick<ButtonProps, 'ariaLabel' | 'className' | 'color' | 'disableAnimation' | 'disabled' | 'size' | 'testId' | 'variant'>;
 }
 /**
  * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)
  */
-declare const _default: ({ children, className: _className, content, contentTestId, footer, openControlled, placement, portalContainer, shouldBlockScroll, testId, title, triggerButtonProps, }: PopoverProps) => react_jsx_runtime.JSX.Element;
+declare const _default: ({ children, className: _className, content, contentTestId, footer, header, openControlled, placement, portalContainer, shouldBlockScroll, testId, triggerButtonProps, }: PopoverProps) => react_jsx_runtime.JSX.Element;
 
 export { type PopoverProps as P, _default as _ };

package/dist/{Popover-B-SHB8ZK.d.ts → Popover-DhF3bXJE.d.ts}

@@ -14,6 +14,9 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {
@@ -24,13 +27,19 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
     body: string;
     content: string;
+    divider: string;
     footer: string;
+    footerWrapper: string;
     header: string;
+    headerWrapper: string;
     trigger: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
@@ -40,6 +49,9 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
@@ -50,19 +62,28 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
     body: string;
     content: string;
+    divider: string;
     footer: string;
+    footerWrapper: string;
     header: string;
+    headerWrapper: string;
     trigger: string;
 }, tailwind_variants.TVReturnType<unknown, {
     body: string;
     content: string;
+    divider: string;
     footer: string;
+    footerWrapper: string;
     header: string;
+    headerWrapper: string;
     trigger: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
@@ -72,6 +93,9 @@ declare const popoverVariants: tailwind_variants.TVReturnType<{
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
@@ -88,6 +112,8 @@ interface PopoverProps extends VariantProps {
     contentTestId?: string;
     /** popover footer */
     footer?: ReactNode;
+    /** Popover title */
+    header?: ReactNode;
     /** use as controlled component  */
     openControlled?: {
         open: boolean;
@@ -101,14 +127,12 @@ interface PopoverProps extends VariantProps {
     shouldBlockScroll?: boolean;
     /** HTML data-testid attribute used in e2e tests */
     testId?: string;
-    /** Popover title */
-    title?: ReactNode;
     /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */
     triggerButtonProps?: Pick<ButtonProps, 'ariaLabel' | 'className' | 'color' | 'disableAnimation' | 'disabled' | 'size' | 'testId' | 'variant'>;
 }
 /**
  * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)
  */
-declare const _default: ({ children, className: _className, content, contentTestId, footer, openControlled, placement, portalContainer, shouldBlockScroll, testId, title, triggerButtonProps, }: PopoverProps) => react_jsx_runtime.JSX.Element;
+declare const _default: ({ children, className: _className, content, contentTestId, footer, header, openControlled, placement, portalContainer, shouldBlockScroll, testId, triggerButtonProps, }: PopoverProps) => react_jsx_runtime.JSX.Element;
 
 export { type PopoverProps as P, _default as _ };

package/dist/Tooltip/index.cjs

@@ -1,10 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk25AJSW5Ecjs = require('../chunk-25AJSW5E.cjs');
+var _chunkTSJGQNILcjs = require('../chunk-TSJGQNIL.cjs');
+require('../chunk-TX2VP4J7.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Tooltip = _chunk25AJSW5Ecjs.Tooltip_default; exports.default = _chunk25AJSW5Ecjs.Tooltip_default2;
+exports.Tooltip = _chunkTSJGQNILcjs.Tooltip_default; exports.default = _chunkTSJGQNILcjs.Tooltip_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Tooltip/index.cjs.map

@@ -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"}
+{"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

@@ -1,5 +1,5 @@
-import { T as Tooltip } from '../Tooltip-Bu71AKvn.cjs';
-export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-Bu71AKvn.cjs';
+import { T as Tooltip } from '../Tooltip-DxeP1nbI.cjs';
+export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-DxeP1nbI.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Tooltip/index.d.ts

@@ -1,5 +1,5 @@
-import { T as Tooltip } from '../Tooltip-Bu71AKvn.js';
-export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-Bu71AKvn.js';
+import { T as Tooltip } from '../Tooltip-DxeP1nbI.js';
+export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-DxeP1nbI.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Tooltip/index.js

@@ -1,7 +1,8 @@
 import {
   Tooltip_default,
   Tooltip_default2
-} from "../chunk-YXWPOEX6.js";
+} from "../chunk-FNOZMB2P.js";
+import "../chunk-EQVC4PJE.js";
 import "../chunk-J7N2552D.js";
 export {
   Tooltip_default as Tooltip,

package/dist/{Tooltip-Bu71AKvn.d.cts → Tooltip-DxeP1nbI.d.cts}

@@ -11,6 +11,12 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {
@@ -19,11 +25,23 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
     base: string;
+    body: string;
     content: string;
+    divider: string;
+    footer: string;
+    footerWrapper: string;
+    header: string;
+    headerWrapper: string;
     wrapper: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
@@ -31,6 +49,12 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
@@ -39,15 +63,33 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
     base: string;
+    body: string;
     content: string;
+    divider: string;
+    footer: string;
+    footerWrapper: string;
+    header: string;
+    headerWrapper: string;
     wrapper: string;
 }, tailwind_variants.TVReturnType<unknown, {
     base: string;
+    body: string;
     content: string;
+    divider: string;
+    footer: string;
+    footerWrapper: string;
+    header: string;
+    headerWrapper: string;
     wrapper: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
@@ -55,6 +97,12 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
@@ -76,6 +124,10 @@ interface TooltipProps extends VariantProps {
     content: ReactNode;
     /** open overlay initially when uncontrolled */
     defaultOpen?: boolean;
+    /** tooltip footer */
+    footer?: ReactNode;
+    /** tooltip header */
+    header?: ReactNode;
     /** handler that is called when the overlay's open state changes */
     onOpenChange?: (isOpen: boolean) => void;
     /** placement if the tooltip */
@@ -84,6 +136,6 @@ interface TooltipProps extends VariantProps {
 /**
  * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)
  */
-declare const Tooltip: ({ children, className: _className, closeDelay, containerPadding, content, defaultOpen, delay, onOpenChange, placement, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+declare const Tooltip: ({ children, className: _className, closeDelay, containerPadding, content, defaultOpen, delay, footer, header, onOpenChange, placement, }: TooltipProps) => react_jsx_runtime.JSX.Element;
 
 export { Tooltip as T, type TooltipProps as a, type TooltipPlacement as b };

package/dist/{Tooltip-Bu71AKvn.d.ts → Tooltip-DxeP1nbI.d.ts}

@@ -11,6 +11,12 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {
@@ -19,11 +25,23 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
     base: string;
+    body: string;
     content: string;
+    divider: string;
+    footer: string;
+    footerWrapper: string;
+    header: string;
+    headerWrapper: string;
     wrapper: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
@@ -31,6 +49,12 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
@@ -39,15 +63,33 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
     base: string;
+    body: string;
     content: string;
+    divider: string;
+    footer: string;
+    footerWrapper: string;
+    header: string;
+    headerWrapper: string;
     wrapper: string;
 }, tailwind_variants.TVReturnType<unknown, {
     base: string;
+    body: string;
     content: string;
+    divider: string;
+    footer: string;
+    footerWrapper: string;
+    header: string;
+    headerWrapper: string;
     wrapper: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
@@ -55,6 +97,12 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footerWrapper?: tailwind_variants.ClassValue;
+            headerWrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;
@@ -76,6 +124,10 @@ interface TooltipProps extends VariantProps {
     content: ReactNode;
     /** open overlay initially when uncontrolled */
     defaultOpen?: boolean;
+    /** tooltip footer */
+    footer?: ReactNode;
+    /** tooltip header */
+    header?: ReactNode;
     /** handler that is called when the overlay's open state changes */
     onOpenChange?: (isOpen: boolean) => void;
     /** placement if the tooltip */
@@ -84,6 +136,6 @@ interface TooltipProps extends VariantProps {
 /**
  * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)
  */
-declare const Tooltip: ({ children, className: _className, closeDelay, containerPadding, content, defaultOpen, delay, onOpenChange, placement, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+declare const Tooltip: ({ children, className: _className, closeDelay, containerPadding, content, defaultOpen, delay, footer, header, onOpenChange, placement, }: TooltipProps) => react_jsx_runtime.JSX.Element;
 
 export { Tooltip as T, type TooltipProps as a, type TooltipPlacement as b };

package/dist/chunk-FNOZMB2P.js

@@ -0,0 +1,74 @@
+import {
+  ScrollShadow_default
+} from "./chunk-EQVC4PJE.js";
+
+// src/Tooltip/Tooltip.tsx
+import { Tooltip as HeroTooltip } from "@heroui/tooltip";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var tooltipVariants = tv({
+  slots: {
+    base: "",
+    body: "w-full px-4 py-2",
+    content: "flex max-h-[80vh] flex-col p-0",
+    divider: "m-0 w-full p-0",
+    footer: "w-full px-4 py-2",
+    footerWrapper: "w-full",
+    header: "w-full px-4 pb-1 pt-2 font-semibold",
+    headerWrapper: "w-full",
+    wrapper: "cursor-pointer"
+  }
+});
+var Tooltip = ({
+  children,
+  className: _className = void 0,
+  closeDelay = 500,
+  containerPadding = 0,
+  content,
+  defaultOpen = false,
+  delay = 0,
+  footer = void 0,
+  header = void 0,
+  onOpenChange = void 0,
+  placement = "top"
+}) => {
+  const variants = tooltipVariants();
+  const classNames = variantsToClassNames(variants, _className, "base");
+  return /* @__PURE__ */ jsx(
+    HeroTooltip,
+    {
+      classNames,
+      closeDelay,
+      containerPadding,
+      content: /* @__PURE__ */ jsxs("div", { children: [
+        header && /* @__PURE__ */ jsxs("div", { className: classNames.headerWrapper, children: [
+          /* @__PURE__ */ jsx("div", { className: classNames.header, children: header }),
+          /* @__PURE__ */ jsx("hr", { className: classNames.divider })
+        ] }),
+        /* @__PURE__ */ jsx(ScrollShadow_default, { className: classNames.body, children: content }),
+        footer && /* @__PURE__ */ jsxs("div", { className: classNames.footerWrapper, children: [
+          /* @__PURE__ */ jsx("hr", { className: classNames.divider }),
+          /* @__PURE__ */ jsx("div", { className: classNames.footer, children: footer })
+        ] })
+      ] }),
+      defaultOpen,
+      delay,
+      onClick: (e) => e.preventDefault(),
+      onOpenChange,
+      placement,
+      shouldFlip: true,
+      showArrow: true,
+      children: /* @__PURE__ */ jsx("span", { className: classNames.wrapper, children })
+    }
+  );
+};
+var Tooltip_default = Tooltip;
+
+// src/Tooltip/index.ts
+var Tooltip_default2 = Tooltip_default;
+
+export {
+  Tooltip_default,
+  Tooltip_default2
+};
+//# sourceMappingURL=chunk-FNOZMB2P.js.map

package/dist/chunk-FNOZMB2P.js.map

@@ -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-EAX5J2I2.cjs → chunk-PCQ7BVAE.cjs}

@@ -13,10 +13,13 @@ var _pixelutils = require('@fuf-stack/pixel-utils');
 var _jsxruntime = require('react/jsx-runtime');
 var popoverVariants = _pixelutils.tv.call(void 0, {
   slots: {
-    body: "w-full px-2.5 py-1",
+    body: "w-full px-4 py-2",
     content: "flex max-h-[80vh] flex-col p-0",
-    footer: "w-full px-2.5 py-1",
-    header: "w-full px-2.5 py-1",
+    divider: "m-0 w-full p-0",
+    footer: "w-full px-4 py-2",
+    footerWrapper: "w-full",
+    header: "w-full px-4 pb-1 pt-2 text-lg font-semibold",
+    headerWrapper: "w-full",
     trigger: ""
   }
 });
@@ -26,12 +29,12 @@ var Popover_default = ({
   content,
   contentTestId = void 0,
   footer = void 0,
+  header = void 0,
   openControlled = void 0,
   placement = "top",
   portalContainer = void 0,
   shouldBlockScroll = void 0,
   testId = void 0,
-  title = void 0,
   triggerButtonProps = void 0
 }) => {
   const variants = popoverVariants();
@@ -57,14 +60,14 @@ var Popover_default = ({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { className: className.trigger, children })
         ) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _popover.PopoverContent, { "data-testid": contentTestId, children: [
-          title && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.header, children: [
-            title,
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", {})
+          header && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.headerWrapper, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: className.header, children: header }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: className.divider })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTX2VP4J7cjs.ScrollShadow_default, { className: className.body, children: content }),
-          footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.footer, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", {}),
-            footer
+          footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.footerWrapper, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: className.divider }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: className.footer, children: footer })
           ] })
         ] })
       ]
@@ -79,4 +82,4 @@ var Popover_default2 = Popover_default;
 
 
 exports.Popover_default = Popover_default; exports.Popover_default2 = Popover_default2;
-//# sourceMappingURL=chunk-EAX5J2I2.cjs.map
+//# sourceMappingURL=chunk-PCQ7BVAE.cjs.map

package/dist/chunk-PCQ7BVAE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PCQ7BVAE.cjs","../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACHA,wCAAuB;AACvB,0CAAwD;AAExD,oDAAyC;AAkG/B,+CAAA;AA7FH,IAAM,gBAAA,EAAkB,4BAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,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,6CAAA;AAAA,IACR,aAAA,EAAe,QAAA;AAAA,IACf,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;AA6CD,IAAO,gBAAA,EAAQ,CAAC;AAAA,EACd,SAAA,EAAW,IAAA;AAAA,EACX,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,OAAA;AAAA,EACA,cAAA,EAAgB,KAAA,CAAA;AAAA,EAChB,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,eAAA,EAAiB,KAAA,CAAA;AAAA,EACjB,UAAA,EAAY,KAAA;AAAA,EACZ,gBAAA,EAAkB,KAAA,CAAA;AAAA,EAClB,kBAAA,EAAoB,KAAA,CAAA;AAAA,EACpB,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,mBAAA,EAAqB,KAAA;AACvB,CAAA,EAAA,GAAoB;AAElB,EAAA,MAAM,SAAA,EAAW,eAAA,CAAgB,CAAA;AACjC,EAAA,MAAM,UAAA,EAAY,8CAAA,QAAqB,EAAU,UAAA,EAAY,SAAS,CAAA;AAEtE,EAAA,uBACE,8BAAA;AAAA,IAAC,gBAAA;AAAA,IAAA,6CAAA,8CAAA;AAAA,MACC,UAAA,EAAY,SAAA;AAAA,MACZ,SAAA;AAAA,MACA,eAAA;AAAA,MACA,MAAA,EAAO,IAAA;AAAA,MACP,iBAAA;AAAA,MACA,SAAA,EAAS;AAAA,IAAA,CAAA,EAEJ,eAAA,EACD,EAAE,MAAA,EAAQ,cAAA,CAAe,IAAA,EAAM,YAAA,EAAc,cAAA,CAAe,QAAQ,EAAA,EACpE,CAAC,CAAA,CAAA,EAVN;AAAA,MAYC,QAAA,EAAA;AAAA,wBAAA,6BAAA,uBAAC,EAAA,EAAe,aAAA,EAAa,MAAA,EAE1B,QAAA,EAAA,mBAAA,EAAA;AAAA;AAAA;AAAA;AAAA,0BAIC,6BAAA,cAAC,EAAA,6CAAA,8CAAA,EAAO,SAAA,EAAW,SAAA,CAAU,QAAA,CAAA,EAAa,kBAAA,CAAA,EAAzC,EACE,SAAA,CAAA,CACH;AAAA,QAAA,EAAA,EAAA;AAAA;AAAA,0BAGA,6BAAA,QAAC,EAAA,EAAO,SAAA,EAAW,SAAA,CAAU,OAAA,EAAU,SAAA,CAAS;AAAA,QAAA,EAAA,CAEpD,CAAA;AAAA,wBACA,8BAAA,uBAAC,EAAA,EAAe,aAAA,EAAa,aAAA,EAC1B,QAAA,EAAA;AAAA,UAAA,OAAA,mBACC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,SAAA,CAAU,aAAA,EACxB,QAAA,EAAA;AAAA,4BAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,SAAA,CAAU,MAAA,EAAS,QAAA,EAAA,OAAA,CAAO,CAAA;AAAA,4BAC1C,6BAAA,IAAC,EAAA,EAAG,SAAA,EAAW,SAAA,CAAU,QAAA,CAAS;AAAA,UAAA,EAAA,CACpC,CAAA;AAAA,0BAEF,6BAAA,sCAAC,EAAA,EAAa,SAAA,EAAW,SAAA,CAAU,IAAA,EAAO,QAAA,EAAA,QAAA,CAAQ,CAAA;AAAA,UACjD,OAAA,mBACC,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,SAAA,CAAU,aAAA,EACxB,QAAA,EAAA;AAAA,4BAAA,6BAAA,IAAC,EAAA,EAAG,SAAA,EAAW,SAAA,CAAU,QAAA,CAAS,CAAA;AAAA,4BAClC,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,SAAA,CAAU,MAAA,EAAS,QAAA,EAAA,OAAA,CAAO;AAAA,UAAA,EAAA,CAC5C;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA,CAAA;AAAA,EACF,CAAA;AAEJ,CAAA;ADvDA;AACA;AEvEA,IAAOA,iBAAAA,EAAQ,eAAA;AFyEf;AACA;AACE;AACA;AACF,uFAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PCQ7BVAE.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 text-lg 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-5TOE75VE.js → chunk-RQPO3EBI.js}

@@ -13,10 +13,13 @@ import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 var popoverVariants = tv({
   slots: {
-    body: "w-full px-2.5 py-1",
+    body: "w-full px-4 py-2",
     content: "flex max-h-[80vh] flex-col p-0",
-    footer: "w-full px-2.5 py-1",
-    header: "w-full px-2.5 py-1",
+    divider: "m-0 w-full p-0",
+    footer: "w-full px-4 py-2",
+    footerWrapper: "w-full",
+    header: "w-full px-4 pb-1 pt-2 text-lg font-semibold",
+    headerWrapper: "w-full",
     trigger: ""
   }
 });
@@ -26,12 +29,12 @@ var Popover_default = ({
   content,
   contentTestId = void 0,
   footer = void 0,
+  header = void 0,
   openControlled = void 0,
   placement = "top",
   portalContainer = void 0,
   shouldBlockScroll = void 0,
   testId = void 0,
-  title = void 0,
   triggerButtonProps = void 0
 }) => {
   const variants = popoverVariants();
@@ -57,14 +60,14 @@ var Popover_default = ({
           /* @__PURE__ */ jsx("button", { className: className.trigger, children })
         ) }),
         /* @__PURE__ */ jsxs(PopoverContent, { "data-testid": contentTestId, children: [
-          title && /* @__PURE__ */ jsxs("div", { className: className.header, children: [
-            title,
-            /* @__PURE__ */ jsx("hr", {})
+          header && /* @__PURE__ */ jsxs("div", { className: className.headerWrapper, children: [
+            /* @__PURE__ */ jsx("div", { className: className.header, children: header }),
+            /* @__PURE__ */ jsx("hr", { className: className.divider })
           ] }),
           /* @__PURE__ */ jsx(ScrollShadow_default, { className: className.body, children: content }),
-          footer && /* @__PURE__ */ jsxs("div", { className: className.footer, children: [
-            /* @__PURE__ */ jsx("hr", {}),
-            footer
+          footer && /* @__PURE__ */ jsxs("div", { className: className.footerWrapper, children: [
+            /* @__PURE__ */ jsx("hr", { className: className.divider }),
+            /* @__PURE__ */ jsx("div", { className: className.footer, children: footer })
           ] })
         ] })
       ]
@@ -79,4 +82,4 @@ export {
   Popover_default,
   Popover_default2
 };
-//# sourceMappingURL=chunk-5TOE75VE.js.map
+//# sourceMappingURL=chunk-RQPO3EBI.js.map

package/dist/chunk-RQPO3EBI.js.map

@@ -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    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 text-lg 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

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkTX2VP4J7cjs = require('./chunk-TX2VP4J7.cjs');
+
+// src/Tooltip/Tooltip.tsx
+var _tooltip = require('@heroui/tooltip');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var _jsxruntime = require('react/jsx-runtime');
+var tooltipVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    base: "",
+    body: "w-full px-4 py-2",
+    content: "flex max-h-[80vh] flex-col p-0",
+    divider: "m-0 w-full p-0",
+    footer: "w-full px-4 py-2",
+    footerWrapper: "w-full",
+    header: "w-full px-4 pb-1 pt-2 font-semibold",
+    headerWrapper: "w-full",
+    wrapper: "cursor-pointer"
+  }
+});
+var Tooltip = ({
+  children,
+  className: _className = void 0,
+  closeDelay = 500,
+  containerPadding = 0,
+  content,
+  defaultOpen = false,
+  delay = 0,
+  footer = void 0,
+  header = void 0,
+  onOpenChange = void 0,
+  placement = "top"
+}) => {
+  const variants = tooltipVariants();
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _tooltip.Tooltip,
+    {
+      classNames,
+      closeDelay,
+      containerPadding,
+      content: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+        header && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: classNames.headerWrapper, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classNames.header, children: header }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: classNames.divider })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTX2VP4J7cjs.ScrollShadow_default, { className: classNames.body, children: content }),
+        footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: classNames.footerWrapper, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: classNames.divider }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classNames.footer, children: footer })
+        ] })
+      ] }),
+      defaultOpen,
+      delay,
+      onClick: (e) => e.preventDefault(),
+      onOpenChange,
+      placement,
+      shouldFlip: true,
+      showArrow: true,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: classNames.wrapper, children })
+    }
+  );
+};
+var Tooltip_default = Tooltip;
+
+// src/Tooltip/index.ts
+var Tooltip_default2 = Tooltip_default;
+
+
+
+
+exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
+//# sourceMappingURL=chunk-TSJGQNIL.cjs.map

package/dist/chunk-TSJGQNIL.cjs.map

@@ -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"]}

package/dist/index.cjs

@@ -22,7 +22,7 @@ var _chunkD5BXY6EGcjs = require('./chunk-D5BXY6EG.cjs');
 var _chunkGXIDQFQ6cjs = require('./chunk-GXIDQFQ6.cjs');
 
 
-var _chunk25AJSW5Ecjs = require('./chunk-25AJSW5E.cjs');
+var _chunkTSJGQNILcjs = require('./chunk-TSJGQNIL.cjs');
 
 
 
@@ -59,7 +59,7 @@ var _chunkXHOAZB2Zcjs = require('./chunk-XHOAZB2Z.cjs');
 var _chunkPEUUQMJScjs = require('./chunk-PEUUQMJS.cjs');
 
 
-var _chunkEAX5J2I2cjs = require('./chunk-EAX5J2I2.cjs');
+var _chunkPCQ7BVAEcjs = require('./chunk-PCQ7BVAE.cjs');
 require('./chunk-TX2VP4J7.cjs');
 
 
@@ -131,5 +131,5 @@ require('./chunk-D4TLDLEX.cjs');
 
 
 
-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 = _chunkEAX5J2I2cjs.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 = _chunk25AJSW5Ecjs.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;
+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 = _chunkPCQ7BVAEcjs.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;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -12,14 +12,14 @@ export { J as Json, a as JsonProps } from './Json-Dny90Wml.cjs';
 export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.cjs';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.cjs';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.cjs';
-export { _ as Popover, P as PopoverProps } from './Popover-siHbA2lD.cjs';
+export { _ as Popover, P as PopoverProps } from './Popover-Bxe50qlw.cjs';
 export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-D9VbRNdF.cjs';
 export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-CR_BcIKV.cjs';
 export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.cjs';
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-C1UEkvSr.cjs';
 export { Toast } from '@heroui/toast';
 export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-CL1v-bkE.cjs';
-export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-Bu71AKvn.cjs';
+export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DxeP1nbI.cjs';
 export { useDebounce, useIsInitialRenderCycle, useLocalStorage } from './hooks/index.cjs';
 export { ButtonGroupProps } from '@heroui/button';
 import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -12,14 +12,14 @@ export { J as Json, a as JsonProps } from './Json-Dny90Wml.js';
 export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.js';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.js';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.js';
-export { _ as Popover, P as PopoverProps } from './Popover-B-SHB8ZK.js';
+export { _ as Popover, P as PopoverProps } from './Popover-DhF3bXJE.js';
 export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-D9VbRNdF.js';
 export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-CR_BcIKV.js';
 export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.js';
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-C1UEkvSr.js';
 export { Toast } from '@heroui/toast';
 export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-CL1v-bkE.js';
-export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-Bu71AKvn.js';
+export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DxeP1nbI.js';
 export { useDebounce, useIsInitialRenderCycle, useLocalStorage } from './hooks/index.js';
 export { ButtonGroupProps } from '@heroui/button';
 import 'react/jsx-runtime';

package/dist/index.js

@@ -22,7 +22,7 @@ import {
 } from "./chunk-ZMEVGJBC.js";
 import {
   Tooltip_default
-} from "./chunk-YXWPOEX6.js";
+} from "./chunk-FNOZMB2P.js";
 import {
   useDebounce,
   useIsInitialRenderCycle,
@@ -59,7 +59,7 @@ import {
 } from "./chunk-RW4WTSLJ.js";
 import {
   Popover_default
-} from "./chunk-5TOE75VE.js";
+} from "./chunk-RQPO3EBI.js";
 import "./chunk-EQVC4PJE.js";
 import {
   Accordion_default,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.43.0",
+  "version": "0.43.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -180,7 +180,7 @@
     "@heroui/tabs": "2.2.14",
     "@heroui/toast": "2.0.7",
     "@heroui/tooltip": "2.2.14",
-    "framer-motion": "12.8.0",
+    "framer-motion": "12.9.2",
     "next-themes": "0.4.6",
     "react-icons": "5.5.0",
     "@fuf-stack/pixel-utils": "0.5.4"

package/dist/chunk-25AJSW5E.cjs

@@ -1,52 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Tooltip/Tooltip.tsx
-var _tooltip = require('@heroui/tooltip');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var tooltipVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    base: "",
-    content: "",
-    wrapper: "cursor-pointer"
-  }
-});
-var Tooltip = ({
-  children,
-  className: _className = void 0,
-  closeDelay = 500,
-  containerPadding = 0,
-  content,
-  defaultOpen = false,
-  delay = 0,
-  onOpenChange = void 0,
-  placement = "top"
-}) => {
-  const variants = tooltipVariants();
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _tooltip.Tooltip,
-    {
-      classNames,
-      closeDelay,
-      containerPadding,
-      content,
-      defaultOpen,
-      delay,
-      onClick: (e) => e.preventDefault(),
-      onOpenChange,
-      placement,
-      shouldFlip: true,
-      showArrow: true,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: classNames.wrapper, children })
-    }
-  );
-};
-var Tooltip_default = Tooltip;
-
-// src/Tooltip/index.ts
-var Tooltip_default2 = Tooltip_default;
-
-
-
-
-exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
-//# sourceMappingURL=chunk-25AJSW5E.cjs.map

package/dist/chunk-25AJSW5E.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-25AJSW5E.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,EAAA;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-25AJSW5E.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: '',\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"]}

package/dist/chunk-5TOE75VE.js.map

@@ -1 +0,0 @@
-{"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-2.5 py-1',\n    content: 'flex max-h-[80vh] flex-col p-0',\n    footer: 'w-full px-2.5 py-1',\n    header: 'w-full px-2.5 py-1',\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.header}>\n            {title}\n            <hr />\n          </div>\n        )}\n        <ScrollShadow className={className.body}>{content}</ScrollShadow>\n        {footer && (\n          <div className={className.footer}>\n            <hr />\n            {footer}\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;AA+F/B,cAUA,YAVA;AA1FH,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,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,QACvB;AAAA;AAAA,YACD,oBAAC,QAAG;AAAA,aACN;AAAA,UAEF,oBAAC,wBAAa,WAAW,UAAU,MAAO,mBAAQ;AAAA,UACjD,UACC,qBAAC,SAAI,WAAW,UAAU,QACxB;AAAA,gCAAC,QAAG;AAAA,YACH;AAAA,aACH;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;;;AC1HA,IAAOA,mBAAQ;","names":["Popover_default"]}

package/dist/chunk-EAX5J2I2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-EAX5J2I2.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-EAX5J2I2.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-2.5 py-1',\n    content: 'flex max-h-[80vh] flex-col p-0',\n    footer: 'w-full px-2.5 py-1',\n    header: 'w-full px-2.5 py-1',\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.header}>\n            {title}\n            <hr />\n          </div>\n        )}\n        <ScrollShadow className={className.body}>{content}</ScrollShadow>\n        {footer && (\n          <div className={className.footer}>\n            <hr />\n            {footer}\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-YXWPOEX6.js

@@ -1,52 +0,0 @@
-// src/Tooltip/Tooltip.tsx
-import { Tooltip as HeroTooltip } from "@heroui/tooltip";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var tooltipVariants = tv({
-  slots: {
-    base: "",
-    content: "",
-    wrapper: "cursor-pointer"
-  }
-});
-var Tooltip = ({
-  children,
-  className: _className = void 0,
-  closeDelay = 500,
-  containerPadding = 0,
-  content,
-  defaultOpen = false,
-  delay = 0,
-  onOpenChange = void 0,
-  placement = "top"
-}) => {
-  const variants = tooltipVariants();
-  const classNames = variantsToClassNames(variants, _className, "base");
-  return /* @__PURE__ */ jsx(
-    HeroTooltip,
-    {
-      classNames,
-      closeDelay,
-      containerPadding,
-      content,
-      defaultOpen,
-      delay,
-      onClick: (e) => e.preventDefault(),
-      onOpenChange,
-      placement,
-      shouldFlip: true,
-      showArrow: true,
-      children: /* @__PURE__ */ jsx("span", { className: classNames.wrapper, children })
-    }
-  );
-};
-var Tooltip_default = Tooltip;
-
-// src/Tooltip/index.ts
-var Tooltip_default2 = Tooltip_default;
-
-export {
-  Tooltip_default,
-  Tooltip_default2
-};
-//# sourceMappingURL=chunk-YXWPOEX6.js.map

package/dist/chunk-YXWPOEX6.js.map

@@ -1 +0,0 @@
-{"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: '',\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"]}