@fuf-stack/pixels 0.43.10 → 0.45.0

package/dist/Label-B1a1krk8.d.ts

@@ -0,0 +1,432 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ChipProps } from '@heroui/chip';
+import { ReactNode } from 'react';
+
+declare const labelVariants: tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    closeButton: string;
+    content: string;
+    dot: string;
+    icon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}, {
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}>, {
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    closeButton: string;
+    content: string;
+    dot: string;
+    icon: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    closeButton: string;
+    content: string;
+    dot: string;
+    icon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}, {
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof labelVariants>;
+type ClassName = TVClassName<typeof labelVariants>;
+interface LabelProps extends VariantProps {
+    /** content of the label */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** color of the label */
+    color?: VariantProps['color'];
+    /** element to be rendered in the right side of the label */
+    endContent?: ChipProps['endContent'];
+    /** optional label icon, when only icon provided without children and endContent  */
+    icon?: ReactNode;
+    /** add close button to endContent */
+    onClose?: ChipProps['onClose'];
+    /** radius of the label */
+    radius?: ChipProps['radius'];
+    /** size of the label */
+    size?: ChipProps['size'];
+    /** style variant of the label */
+    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';
+}
+/**
+ * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)
+ */
+declare const Label: ({ children, className: _className, color, endContent, icon, onClose, radius, size, variant, }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+export { Label as L, type LabelProps as a, labelVariants as l };

package/dist/Popover/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk4X7MUSJBcjs = require('../chunk-4X7MUSJB.cjs');
-require('../chunk-TX2VP4J7.cjs');
+var _chunk5NSWKHXFcjs = require('../chunk-5NSWKHXF.cjs');
+require('../chunk-FUBGS3G4.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Popover = _chunk4X7MUSJBcjs.Popover_default; exports.default = _chunk4X7MUSJBcjs.Popover_default2;
+exports.Popover = _chunk5NSWKHXFcjs.Popover_default; exports.default = _chunk5NSWKHXFcjs.Popover_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Popover/index.d.cts

@@ -1,12 +1,12 @@
-import { _ as _default } from '../Popover-Bxe50qlw.cjs';
-export { P as PopoverProps } from '../Popover-Bxe50qlw.cjs';
+import { _ as _default } from '../Popover-Czc5-4V1.cjs';
+export { P as PopoverProps } from '../Popover-Czc5-4V1.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
 import '@heroui/popover';
 import 'react';
-import '../Button-DykH6Lmz.cjs';
+import '../Button-BNrJYJDH.cjs';
 import '@heroui/button';
 
 

package/dist/Popover/index.d.ts

@@ -1,12 +1,12 @@
-import { _ as _default } from '../Popover-DhF3bXJE.js';
-export { P as PopoverProps } from '../Popover-DhF3bXJE.js';
+import { _ as _default } from '../Popover-Dm_Dsjqw.js';
+export { P as PopoverProps } from '../Popover-Dm_Dsjqw.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
 import '@heroui/popover';
 import 'react';
-import '../Button-DykH6Lmz.js';
+import '../Button-BNrJYJDH.js';
 import '@heroui/button';
 
 

package/dist/Popover/index.js

@@ -1,8 +1,8 @@
 import {
   Popover_default,
   Popover_default2
-} from "../chunk-LQZEECJY.js";
-import "../chunk-EQVC4PJE.js";
+} from "../chunk-WZ5XQQGM.js";
+import "../chunk-WDXULV6M.js";
 import "../chunk-J7N2552D.js";
 export {
   Popover_default as Popover,

package/dist/{Popover-Bxe50qlw.d.cts → Popover-Czc5-4V1.d.cts}

@@ -4,7 +4,7 @@ import * as tailwind_variants from 'tailwind-variants';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import { PopoverProps as PopoverProps$1 } from '@heroui/popover';
 import { ReactNode } from 'react';
-import { a as ButtonProps } from './Button-DykH6Lmz.cjs';
+import { a as ButtonProps } from './Button-BNrJYJDH.cjs';
 
 declare const popoverVariants: tailwind_variants.TVReturnType<{
     [key: string]: {

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

@@ -4,7 +4,7 @@ import * as tailwind_variants from 'tailwind-variants';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import { PopoverProps as PopoverProps$1 } from '@heroui/popover';
 import { ReactNode } from 'react';
-import { a as ButtonProps } from './Button-DykH6Lmz.js';
+import { a as ButtonProps } from './Button-BNrJYJDH.js';
 
 declare const popoverVariants: tailwind_variants.TVReturnType<{
     [key: string]: {

package/dist/ScrollShadow/index.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTX2VP4J7cjs = require('../chunk-TX2VP4J7.cjs');
+var _chunkFUBGS3G4cjs = require('../chunk-FUBGS3G4.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 // src/ScrollShadow/index.ts
-var ScrollShadow_default2 = _chunkTX2VP4J7cjs.ScrollShadow_default;
+var ScrollShadow_default2 = _chunkFUBGS3G4cjs.ScrollShadow_default;
 
 
 
-exports.ScrollShadow = _chunkTX2VP4J7cjs.ScrollShadow_default; exports.default = ScrollShadow_default2;
+exports.ScrollShadow = _chunkFUBGS3G4cjs.ScrollShadow_default; exports.default = ScrollShadow_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/ScrollShadow/index.d.cts

@@ -6,12 +6,18 @@ interface ScrollShadowProps {
     children?: ReactNode;
     /** CSS class name */
     className?: string | string[];
-    /** content of the scroll box */
+    /** Hides the scrollbar */
+    hideScrollBar?: boolean;
+    /** Orientation of the scroll shadow */
+    orientation?: 'horizontal' | 'vertical';
+    /** Shadow size in pixels */
+    size?: number;
+    /** HTML data-testid attribute used in e2e tests */
     testId?: string;
 }
 /**
  * Scroll Shadow component based on [HeroUI Scroll Shadow](https://www.heroui.com//docs/components/scroll-shadow)
  */
-declare const _default: ({ children, className, testId, }: ScrollShadowProps) => react_jsx_runtime.JSX.Element;
+declare const _default: ({ children, className, hideScrollBar, orientation, size, testId, }: ScrollShadowProps) => react_jsx_runtime.JSX.Element;
 
 export { _default as ScrollShadow, type ScrollShadowProps, _default as default };

package/dist/ScrollShadow/index.d.ts

@@ -6,12 +6,18 @@ interface ScrollShadowProps {
     children?: ReactNode;
     /** CSS class name */
     className?: string | string[];
-    /** content of the scroll box */
+    /** Hides the scrollbar */
+    hideScrollBar?: boolean;
+    /** Orientation of the scroll shadow */
+    orientation?: 'horizontal' | 'vertical';
+    /** Shadow size in pixels */
+    size?: number;
+    /** HTML data-testid attribute used in e2e tests */
     testId?: string;
 }
 /**
  * Scroll Shadow component based on [HeroUI Scroll Shadow](https://www.heroui.com//docs/components/scroll-shadow)
  */
-declare const _default: ({ children, className, testId, }: ScrollShadowProps) => react_jsx_runtime.JSX.Element;
+declare const _default: ({ children, className, hideScrollBar, orientation, size, testId, }: ScrollShadowProps) => react_jsx_runtime.JSX.Element;
 
 export { _default as ScrollShadow, type ScrollShadowProps, _default as default };

package/dist/ScrollShadow/index.js

@@ -1,6 +1,6 @@
 import {
   ScrollShadow_default
-} from "../chunk-EQVC4PJE.js";
+} from "../chunk-WDXULV6M.js";
 import "../chunk-J7N2552D.js";
 
 // src/ScrollShadow/index.ts

package/dist/Tooltip/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkXWKXRSNYcjs = require('../chunk-XWKXRSNY.cjs');
-require('../chunk-TX2VP4J7.cjs');
+var _chunk5X2LDUACcjs = require('../chunk-5X2LDUAC.cjs');
+require('../chunk-FUBGS3G4.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Tooltip = _chunkXWKXRSNYcjs.Tooltip_default; exports.default = _chunkXWKXRSNYcjs.Tooltip_default2;
+exports.Tooltip = _chunk5X2LDUACcjs.Tooltip_default; exports.default = _chunk5X2LDUACcjs.Tooltip_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Tooltip/index.js

@@ -1,8 +1,8 @@
 import {
   Tooltip_default,
   Tooltip_default2
-} from "../chunk-BEEDCTDZ.js";
-import "../chunk-EQVC4PJE.js";
+} from "../chunk-XV3I2A5C.js";
+import "../chunk-WDXULV6M.js";
 import "../chunk-J7N2552D.js";
 export {
   Tooltip_default as Tooltip,

package/dist/{chunk-4X7MUSJB.cjs → chunk-5NSWKHXF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTX2VP4J7cjs = require('./chunk-TX2VP4J7.cjs');
+var _chunkFUBGS3G4cjs = require('./chunk-FUBGS3G4.cjs');
 
 
 
@@ -64,7 +64,7 @@ var Popover_default = ({
             /* @__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 }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFUBGS3G4cjs.ScrollShadow_default, { className: className.body, children: content }),
           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 })
@@ -82,4 +82,4 @@ var Popover_default2 = Popover_default;
 
 
 exports.Popover_default = Popover_default; exports.Popover_default2 = Popover_default2;
-//# sourceMappingURL=chunk-4X7MUSJB.cjs.map
+//# sourceMappingURL=chunk-5NSWKHXF.cjs.map

package/dist/{chunk-4X7MUSJB.cjs.map → chunk-5NSWKHXF.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-4X7MUSJB.cjs","../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-4X7MUSJB.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { PopoverProps as HeroPopoverProps } from '@heroui/popover';\nimport type { ReactNode } from 'react';\nimport type { ButtonProps } from '../Button';\n\nimport { Button } from '@heroui/button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// popover styling variants\nexport const popoverVariants = tv({\n  slots: {\n    body: 'w-full px-4 py-2',\n    content: 'flex max-h-[80vh] flex-col p-0',\n    divider: 'm-0 w-full p-0',\n    footer: 'w-full px-4 py-2',\n    footerWrapper: 'w-full',\n    header: 'w-full px-4 pb-1 pt-2 font-semibold',\n    headerWrapper: 'w-full',\n    trigger: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof popoverVariants>;\ntype ClassName = TVClassName<typeof popoverVariants>;\n\nexport interface PopoverProps extends VariantProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** content of the popover */\n  content: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  contentTestId?: string;\n  /** popover footer */\n  footer?: ReactNode;\n  /** Popover title */\n  header?: ReactNode;\n  /** use as controlled component  */\n  openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n  /** placement of the popover relative to its trigger reference */\n  placement?: HeroPopoverProps['placement'];\n  /** The container element in which the overlay portal will be placed. */\n  portalContainer?: HeroPopoverProps['portalContainer'];\n  /** Whether to block scrolling outside the popover */\n  shouldBlockScroll?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n  triggerButtonProps?: Pick<\n    ButtonProps,\n    | 'ariaLabel'\n    | 'className'\n    | 'color'\n    | 'disableAnimation'\n    | 'disabled'\n    | 'size'\n    | 'testId'\n    | 'variant'\n  >;\n}\n\n/**\n * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)\n */\nexport default ({\n  children = null,\n  className: _className = undefined,\n  content,\n  contentTestId = undefined,\n  footer = undefined,\n  header = undefined,\n  openControlled = undefined,\n  placement = 'top',\n  portalContainer = undefined,\n  shouldBlockScroll = undefined,\n  testId = undefined,\n  triggerButtonProps = undefined,\n}: PopoverProps) => {\n  // className from slots\n  const variants = popoverVariants();\n  const className = variantsToClassNames(variants, _className, 'trigger');\n\n  return (\n    <Popover\n      classNames={className}\n      placement={placement}\n      portalContainer={portalContainer}\n      radius=\"sm\"\n      shouldBlockScroll={shouldBlockScroll}\n      showArrow\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...(openControlled\n        ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n        : {})}\n    >\n      <PopoverTrigger data-testid={testId}>\n        {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n        {triggerButtonProps ? (\n          // TODO: currently we have to use @heroui/button because\n          // passing ref does not work (even with forwardRef in Button)\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          <Button className={className.trigger} {...triggerButtonProps}>\n            {children}\n          </Button>\n        ) : (\n          //  eslint-disable-next-line react/button-has-type\n          <button className={className.trigger}>{children}</button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent data-testid={contentTestId}>\n        {header && (\n          <div className={className.headerWrapper}>\n            <div className={className.header}>{header}</div>\n            <hr className={className.divider} />\n          </div>\n        )}\n        <ScrollShadow className={className.body}>{content}</ScrollShadow>\n        {footer && (\n          <div className={className.footerWrapper}>\n            <hr className={className.divider} />\n            <div className={className.footer}>{footer}</div>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-5NSWKHXF.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,qCAAA;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-5NSWKHXF.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { PopoverProps as HeroPopoverProps } from '@heroui/popover';\nimport type { ReactNode } from 'react';\nimport type { ButtonProps } from '../Button';\n\nimport { Button } from '@heroui/button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// popover styling variants\nexport const popoverVariants = tv({\n  slots: {\n    body: 'w-full px-4 py-2',\n    content: 'flex max-h-[80vh] flex-col p-0',\n    divider: 'm-0 w-full p-0',\n    footer: 'w-full px-4 py-2',\n    footerWrapper: 'w-full',\n    header: 'w-full px-4 pb-1 pt-2 font-semibold',\n    headerWrapper: 'w-full',\n    trigger: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof popoverVariants>;\ntype ClassName = TVClassName<typeof popoverVariants>;\n\nexport interface PopoverProps extends VariantProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** content of the popover */\n  content: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  contentTestId?: string;\n  /** popover footer */\n  footer?: ReactNode;\n  /** Popover title */\n  header?: ReactNode;\n  /** use as controlled component  */\n  openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n  /** placement of the popover relative to its trigger reference */\n  placement?: HeroPopoverProps['placement'];\n  /** The container element in which the overlay portal will be placed. */\n  portalContainer?: HeroPopoverProps['portalContainer'];\n  /** Whether to block scrolling outside the popover */\n  shouldBlockScroll?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n  triggerButtonProps?: Pick<\n    ButtonProps,\n    | 'ariaLabel'\n    | 'className'\n    | 'color'\n    | 'disableAnimation'\n    | 'disabled'\n    | 'size'\n    | 'testId'\n    | 'variant'\n  >;\n}\n\n/**\n * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)\n */\nexport default ({\n  children = null,\n  className: _className = undefined,\n  content,\n  contentTestId = undefined,\n  footer = undefined,\n  header = undefined,\n  openControlled = undefined,\n  placement = 'top',\n  portalContainer = undefined,\n  shouldBlockScroll = undefined,\n  testId = undefined,\n  triggerButtonProps = undefined,\n}: PopoverProps) => {\n  // className from slots\n  const variants = popoverVariants();\n  const className = variantsToClassNames(variants, _className, 'trigger');\n\n  return (\n    <Popover\n      classNames={className}\n      placement={placement}\n      portalContainer={portalContainer}\n      radius=\"sm\"\n      shouldBlockScroll={shouldBlockScroll}\n      showArrow\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...(openControlled\n        ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n        : {})}\n    >\n      <PopoverTrigger data-testid={testId}>\n        {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n        {triggerButtonProps ? (\n          // TODO: currently we have to use @heroui/button because\n          // passing ref does not work (even with forwardRef in Button)\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          <Button className={className.trigger} {...triggerButtonProps}>\n            {children}\n          </Button>\n        ) : (\n          //  eslint-disable-next-line react/button-has-type\n          <button className={className.trigger}>{children}</button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent data-testid={contentTestId}>\n        {header && (\n          <div className={className.headerWrapper}>\n            <div className={className.header}>{header}</div>\n            <hr className={className.divider} />\n          </div>\n        )}\n        <ScrollShadow className={className.body}>{content}</ScrollShadow>\n        {footer && (\n          <div className={className.footerWrapper}>\n            <hr className={className.divider} />\n            <div className={className.footer}>{footer}</div>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"]}