@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,126 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import { ModalProps } from "@heroui/modal";
+
+//#region src/Modal/Modal.d.ts
+declare const modalVariants: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      base: string;
+    };
+    md: {
+      base: string;
+    };
+    lg: {
+      base: string;
+    };
+    xl: {
+      base: string;
+    };
+    full: {
+      base: string;
+    };
+  };
+}, {
+  backdrop: string;
+  base: string;
+  body: string;
+  closeButton: string;
+  footer: string;
+  header: string;
+  wrapper: string;
+}, undefined, {
+  size: {
+    sm: {
+      base: string;
+    };
+    md: {
+      base: string;
+    };
+    lg: {
+      base: string;
+    };
+    xl: {
+      base: string;
+    };
+    full: {
+      base: string;
+    };
+  };
+}, {
+  backdrop: string;
+  base: string;
+  body: string;
+  closeButton: string;
+  footer: string;
+  header: string;
+  wrapper: string;
+}, import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      base: string;
+    };
+    md: {
+      base: string;
+    };
+    lg: {
+      base: string;
+    };
+    xl: {
+      base: string;
+    };
+    full: {
+      base: string;
+    };
+  };
+}, {
+  backdrop: string;
+  base: string;
+  body: string;
+  closeButton: string;
+  footer: string;
+  header: string;
+  wrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof modalVariants>;
+type ClassName = TVClassName<typeof modalVariants>;
+interface ModalProps$1 extends VariantProps {
+  /** modal body content */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: ClassName;
+  /** Disable animations completely */
+  disableAnimation?: boolean;
+  /** modal footer */
+  footer?: ReactNode;
+  /** modal header */
+  header?: ReactNode;
+  /** open state (controlled) */
+  isOpen: boolean;
+  /** close event handler */
+  onClose: () => void;
+  /** The container element in which the overlay portal will be placed */
+  portalContainer?: ModalProps['portalContainer'];
+  /** modal size */
+  size?: VariantProps['size'];
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+/**
+ * Modal component based on [HeroUI Modal](https://www.heroui.com//docs/components/modal)
+ */
+declare const Modal$1: ({
+  children,
+  className,
+  disableAnimation,
+  footer,
+  header,
+  isOpen,
+  onClose,
+  portalContainer,
+  size,
+  testId
+}: ModalProps$1) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Modal$1 as Modal, ModalProps$1 as ModalProps, modalVariants };
+//# sourceMappingURL=Modal.d.ts.map

package/dist/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","names":[],"sources":["../../src/Modal/Modal.tsx"],"mappings":";;;;;cAea,aAAA,8BAAa,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqBrB,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAEnB,YAAA,SAAmB,YAAA;EAkB3B;EAhBP,QAAA,GAAW,SAAA;EAFmC;EAI9C,SAAA,GAAY,SAAA;EAJsB;EAMlC,gBAAA;EAJW;EAMX,MAAA,GAAS,SAAA;EAJG;EAMZ,MAAA,GAAS,SAAA;EAFT;EAIA,MAAA;EAFA;EAIA,OAAA;EAFA;EAIA,eAAA,GAAkB,UAAA;EAAlB;EAEA,IAAA,GAAO,YAAA;EAAP;EAEA,MAAA;AAAA;;AAAM;AACP;cAKK,OAAA;EAAS,QAAA;EAAA,SAAA;EAAA,gBAAA;EAAA,MAAA;EAAA,MAAA;EAAA,MAAA;EAAA,OAAA;EAAA,eAAA;EAAA,IAAA;EAAA;AAAA,GAWZ,YAAA,iCAAU,GAAA,CAAA,OAAA"}

package/dist/Modal/Modal.js

@@ -0,0 +1,55 @@
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from "@heroui/modal";
+//#region src/Modal/Modal.tsx
+const modalVariants = tv({
+	slots: {
+		backdrop: "",
+		base: "",
+		body: "py-4",
+		closeButton: "",
+		footer: "border-t border-t-divider",
+		header: "border-b border-b-divider",
+		wrapper: ""
+	},
+	variants: { size: {
+		sm: { base: "max-w-sm" },
+		md: { base: "max-w-md" },
+		lg: { base: "max-w-lg" },
+		xl: { base: "max-w-5xl" },
+		full: { base: "h-[80dvh] max-w-full" }
+	} }
+});
+/**
+* Modal component based on [HeroUI Modal](https://www.heroui.com//docs/components/modal)
+*/
+const Modal$1 = ({ children = null, className = void 0, disableAnimation = false, footer = void 0, header = void 0, isOpen, onClose, portalContainer = void 0, size = "md", testId = void 0 }) => {
+	return /* @__PURE__ */ jsx(Modal, {
+		backdrop: "opaque",
+		classNames: variantsToClassNames(modalVariants({ size }), className, "base"),
+		"data-testid": testId,
+		disableAnimation,
+		isOpen,
+		onClose,
+		placement: "center",
+		portalContainer,
+		scrollBehavior: "inside",
+		children: /* @__PURE__ */ jsx(ModalContent, {
+			"data-testid": testId ? `modal_${testId}` : "modal",
+			children: () => {
+				return /* @__PURE__ */ jsxs(Fragment, { children: [
+					header ? /* @__PURE__ */ jsx(ModalHeader, { children: header }) : null,
+					/* @__PURE__ */ jsx(ModalBody, {
+						id: "modal_body",
+						children
+					}),
+					footer ? /* @__PURE__ */ jsx(ModalFooter, { children: footer }) : null
+				] });
+			}
+		})
+	});
+};
+//#endregion
+export { Modal$1 as default, modalVariants };
+
+//# sourceMappingURL=Modal.js.map

package/dist/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","names":["Modal","HeroModal","HeroModalContent","HeroModalHeader","HeroModalBody","HeroModalFooter"],"sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ModalProps as HeroModalProps } from '@heroui/modal';\nimport type { ReactNode } from 'react';\n\nimport {\n  Modal as HeroModal,\n  ModalBody as HeroModalBody,\n  ModalContent as HeroModalContent,\n  ModalFooter as HeroModalFooter,\n  ModalHeader as HeroModalHeader,\n} from '@heroui/modal';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// modal variants\nexport const modalVariants = tv({\n  slots: {\n    backdrop: '',\n    base: '',\n    body: 'py-4',\n    closeButton: '',\n    footer: 'border-t border-t-divider',\n    header: 'border-b border-b-divider',\n    wrapper: '',\n  },\n  variants: {\n    size: {\n      sm: { base: 'max-w-sm' },\n      md: { base: 'max-w-md' },\n      lg: { base: 'max-w-lg' },\n      xl: { base: 'max-w-5xl' },\n      full: { base: 'h-[80dvh] max-w-full' },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof modalVariants>;\ntype ClassName = TVClassName<typeof modalVariants>;\n\nexport interface ModalProps extends VariantProps {\n  /** modal body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Disable animations completely */\n  disableAnimation?: boolean;\n  /** modal footer */\n  footer?: ReactNode;\n  /** modal header */\n  header?: ReactNode;\n  /** open state (controlled) */\n  isOpen: boolean;\n  /** close event handler */\n  onClose: () => void;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: HeroModalProps['portalContainer'];\n  /** modal size */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Modal component based on [HeroUI Modal](https://www.heroui.com//docs/components/modal)\n */\nconst Modal = ({\n  children = null,\n  className = undefined,\n  disableAnimation = false,\n  footer = undefined,\n  header = undefined,\n  isOpen,\n  onClose,\n  portalContainer = undefined,\n  size = 'md',\n  testId = undefined,\n}: ModalProps) => {\n  // classNames from slots\n  const variants = modalVariants({ size });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroModal\n      backdrop=\"opaque\"\n      classNames={classNames}\n      data-testid={testId}\n      disableAnimation={disableAnimation}\n      isOpen={isOpen}\n      onClose={onClose}\n      placement=\"center\"\n      portalContainer={portalContainer}\n      scrollBehavior=\"inside\"\n    >\n      <HeroModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n        {() => {\n          return (\n            <>\n              {header ? <HeroModalHeader>{header}</HeroModalHeader> : null}\n              <HeroModalBody id=\"modal_body\">{children}</HeroModalBody>\n              {footer ? <HeroModalFooter>{footer}</HeroModalFooter> : null}\n            </>\n          );\n        }}\n      </HeroModalContent>\n    </HeroModal>\n  );\n};\n\nexport default Modal;\n"],"mappings":";;;;AAeA,MAAa,gBAAgB,GAAG;CAC9B,OAAO;EACL,UAAU;EACV,MAAM;EACN,MAAM;EACN,aAAa;EACb,QAAQ;EACR,QAAQ;EACR,SAAS;CACX;CACA,UAAU,EACR,MAAM;EACJ,IAAI,EAAE,MAAM,WAAW;EACvB,IAAI,EAAE,MAAM,WAAW;EACvB,IAAI,EAAE,MAAM,WAAW;EACvB,IAAI,EAAE,MAAM,YAAY;EACxB,MAAM,EAAE,MAAM,uBAAuB;CACvC,EACF;AACF,CAAC;;;;AA+BD,MAAMA,WAAS,EACb,WAAW,MACX,YAAY,KAAA,GACZ,mBAAmB,OACnB,SAAS,KAAA,GACT,SAAS,KAAA,GACT,QACA,SACA,kBAAkB,KAAA,GAClB,OAAO,MACP,SAAS,KAAA,QACO;CAKhB,OACE,oBAACC,OAAD;EACE,UAAS;EACT,YALe,qBADF,cAAc,EAAE,KAAK,CACS,GAAG,WAAW,MAKpC;EACrB,eAAa;EACK;EACV;EACC;EACT,WAAU;EACO;EACjB,gBAAe;YAEf,oBAACC,cAAD;GAAkB,eAAa,SAAS,SAAS,WAAW;mBACnD;IACL,OACE,qBAAA,UAAA,EAAA,UAAA;KACG,SAAS,oBAACC,aAAD,EAAA,UAAkB,OAAwB,CAAA,IAAI;KACxD,oBAACC,WAAD;MAAe,IAAG;MAAc;KAAwB,CAAA;KACvD,SAAS,oBAACC,aAAD,EAAA,UAAkB,OAAwB,CAAA,IAAI;IACxD,EAAA,CAAA;GAEN;EACgB,CAAA;CACT,CAAA;AAEf"}

package/dist/Modal/index.cjs

@@ -1,12 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Modal = require("./Modal.cjs");
+//#region src/Modal/index.ts
+var Modal_default = require_Modal.default;
+//#endregion
+exports.Modal = require_Modal.default;
+exports.default = Modal_default;
+exports.modalVariants = require_Modal.modalVariants;
 
-
-
-var _chunkB2PDISUUcjs = require('../chunk-B2PDISUU.cjs');
-require('../chunk-AHEA4IJV.cjs');
-
-
-
-
-exports.Modal = _chunkB2PDISUUcjs.Modal_default; exports.default = _chunkB2PDISUUcjs.Modal_default2; exports.modalVariants = _chunkB2PDISUUcjs.modalVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Modal/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Modal/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,6JAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Modal/index.cjs"}
+{"version":3,"file":"index.cjs","names":["Modal"],"sources":["../../src/Modal/index.ts"],"sourcesContent":["import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"],"mappings":";;;;;;AAMA,IAAA,gBAAeA,cAAAA"}

package/dist/Modal/index.d.cts

@@ -1,11 +1,2 @@
-import { M as Modal } from '../Modal-BwFQz60I.cjs';
-export { a as ModalProps, m as modalVariants } from '../Modal-BwFQz60I.cjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import '@heroui/modal';
-import 'react';
-
-
-
-export { Modal, Modal as default };
+import { Modal, ModalProps, modalVariants } from "./Modal.cjs";
+export { Modal, Modal as default, type ModalProps, modalVariants };

package/dist/Modal/index.d.ts

@@ -1,11 +1,2 @@
-import { M as Modal } from '../Modal-BwFQz60I.js';
-export { a as ModalProps, m as modalVariants } from '../Modal-BwFQz60I.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import '@heroui/modal';
-import 'react';
-
-
-
-export { Modal, Modal as default };
+import { Modal, ModalProps, modalVariants } from "./Modal.js";
+export { Modal, Modal as default, type ModalProps, modalVariants };

package/dist/Modal/index.js

@@ -1,12 +1,7 @@
-import {
-  Modal_default,
-  Modal_default2,
-  modalVariants
-} from "../chunk-KGNCVUGN.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  Modal_default as Modal,
-  Modal_default2 as default,
-  modalVariants
-};
+import Modal, { modalVariants } from "./Modal.js";
+//#region src/Modal/index.ts
+var Modal_default = Modal;
+//#endregion
+export { Modal, Modal_default as default, modalVariants };
+
 //# sourceMappingURL=index.js.map

package/dist/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Modal/index.ts"],"sourcesContent":["import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"],"mappings":";;AAMA,IAAA,gBAAe"}

package/dist/Popover/Popover.cjs

@@ -0,0 +1,72 @@
+require("../_virtual/_rolldown/runtime.cjs");
+const require_ScrollShadow = require("../ScrollShadow/ScrollShadow.cjs");
+let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _heroui_button = require("@heroui/button");
+let _heroui_popover = require("@heroui/popover");
+//#region src/Popover/Popover.tsx
+const popoverVariants = (0, _fuf_stack_pixel_utils.tv)({ slots: {
+	body: "w-full px-4 py-2",
+	content: "flex max-h-[80vh] flex-col p-0",
+	divider: "m-0 w-full border-divider 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",
+	trigger: ""
+} });
+/**
+* Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)
+*/
+const Popover = ({ children = null, className: _className = void 0, content, contentTestId = void 0, footer = void 0, header = void 0, openControlled = void 0, placement = "top", portalContainer = void 0, shouldBlockScroll = void 0, testId = void 0, triggerButtonProps = void 0 }) => {
+	const className = (0, _fuf_stack_pixel_utils.variantsToClassNames)(popoverVariants(), _className, "trigger");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_popover.Popover, {
+		showArrow: true,
+		classNames: className,
+		placement,
+		portalContainer,
+		radius: "sm",
+		shouldBlockScroll,
+		...openControlled ? {
+			isOpen: openControlled.open,
+			onOpenChange: openControlled.setOpen
+		} : {},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_popover.PopoverTrigger, {
+			"data-testid": testId,
+			children: triggerButtonProps ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_button.Button, {
+				className: className.trigger,
+				...triggerButtonProps,
+				children
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				className: className.trigger,
+				children
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_popover.PopoverContent, {
+			"data-testid": contentTestId,
+			children: [
+				header ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: className.headerWrapper,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: className.header,
+						children: header
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: className.divider })]
+				}) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScrollShadow.default, {
+					className: className.body,
+					children: content
+				}),
+				footer ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: className.footerWrapper,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: className.divider }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: className.footer,
+						children: footer
+					})]
+				}) : null
+			]
+		})]
+	});
+};
+//#endregion
+exports.default = Popover;
+
+//# sourceMappingURL=Popover.cjs.map

package/dist/Popover/Popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.cjs","names":["HeroPopover","HeroPopoverTrigger","Button","HeroPopoverContent","ScrollShadow"],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps } from '@heroui/button';\nimport type { PopoverProps as HeroPopoverProps } from '@heroui/popover';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '@heroui/button';\nimport {\n  Popover as HeroPopover,\n  PopoverContent as HeroPopoverContent,\n  PopoverTrigger as HeroPopoverTrigger,\n} 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 border-divider 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    | 'aria-label'\n    | 'className'\n    | 'color'\n    | 'disableAnimation'\n    | 'disabled'\n    | 'size'\n    | 'variant'\n  >;\n}\n\n/**\n * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)\n */\nconst Popover = ({\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    <HeroPopover\n      showArrow\n      classNames={className}\n      placement={placement}\n      portalContainer={portalContainer}\n      radius=\"sm\"\n      shouldBlockScroll={shouldBlockScroll}\n      {...(openControlled\n        ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n        : {})}\n    >\n      <HeroPopoverTrigger data-testid={testId}>\n        {/* NOTE: type and aria properties are injected by HeroPopoverTrigger */}\n        {triggerButtonProps ? (\n          // TODO: currently we have to use @heroui/button because\n          // passing ref does not work (even with forwardRef in Button)\n\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      </HeroPopoverTrigger>\n      <HeroPopoverContent 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        ) : null}\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        ) : null}\n      </HeroPopoverContent>\n    </HeroPopover>\n  );\n};\n\nexport default Popover;\n"],"mappings":";;;;;;;AAiBA,MAAa,mBAAA,GAAA,uBAAA,IAAqB,EAChC,OAAO;CACL,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,eAAe;CACf,SAAS;AACX,EACF,CAAC;;;;AA4CD,MAAM,WAAW,EACf,WAAW,MACX,WAAW,aAAa,KAAA,GACxB,SACA,gBAAgB,KAAA,GAChB,SAAS,KAAA,GACT,SAAS,KAAA,GACT,iBAAiB,KAAA,GACjB,YAAY,OACZ,kBAAkB,KAAA,GAClB,oBAAoB,KAAA,GACpB,SAAS,KAAA,GACT,qBAAqB,KAAA,QACH;CAGlB,MAAM,aAAA,GAAA,uBAAA,sBADW,gBAC6B,GAAG,YAAY,SAAS;CAEtE,OACE,iBAAA,GAAA,kBAAA,MAACA,gBAAAA,SAAD;EACE,WAAA;EACA,YAAY;EACD;EACM;EACjB,QAAO;EACY;EACnB,GAAK,iBACD;GAAE,QAAQ,eAAe;GAAM,cAAc,eAAe;EAAQ,IACpE,CAAC;YATP,CAWE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,gBAAD;GAAoB,eAAa;aAE9B,qBAIC,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD;IAAQ,WAAW,UAAU;IAAS,GAAI;IACvC;GACK,CAAA,IAGR,iBAAA,GAAA,kBAAA,KAAC,UAAD;IAAQ,WAAW,UAAU;IAAU;GAAiB,CAAA;EAExC,CAAA,GACpB,iBAAA,GAAA,kBAAA,MAACC,gBAAAA,gBAAD;GAAoB,eAAa;aAAjC;IACG,SACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAW,UAAU;eAA1B,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAW,UAAU;gBAAS;KAAY,CAAA,GAC/C,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAI,WAAW,UAAU,QAAU,CAAA,CAChC;SACH;IACJ,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,SAAD;KAAc,WAAW,UAAU;eAAO;IAAsB,CAAA;IAC/D,SACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAW,UAAU;eAA1B,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAI,WAAW,UAAU,QAAU,CAAA,GACnC,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAW,UAAU;gBAAS;KAAY,CAAA,CAC5C;SACH;GACc;IACT;;AAEjB"}

package/dist/Popover/Popover.d.cts

@@ -0,0 +1,124 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import { ButtonProps } from "@heroui/button";
+import { PopoverProps } from "@heroui/popover";
+
+//#region src/Popover/Popover.d.ts
+declare const popoverVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      body?: import("tailwind-merge").ClassNameValue;
+      content?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      footerWrapper?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+      headerWrapper?: import("tailwind-merge").ClassNameValue;
+      trigger?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      body?: import("tailwind-merge").ClassNameValue;
+      content?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      footerWrapper?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+      headerWrapper?: import("tailwind-merge").ClassNameValue;
+      trigger?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  body: string;
+  content: string;
+  divider: string;
+  footer: string;
+  footerWrapper: string;
+  header: string;
+  headerWrapper: string;
+  trigger: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      body?: import("tailwind-merge").ClassNameValue;
+      content?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      footerWrapper?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+      headerWrapper?: import("tailwind-merge").ClassNameValue;
+      trigger?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  body: string;
+  content: string;
+  divider: string;
+  footer: string;
+  footerWrapper: string;
+  header: string;
+  headerWrapper: string;
+  trigger: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  body: string;
+  content: string;
+  divider: string;
+  footer: string;
+  footerWrapper: string;
+  header: string;
+  headerWrapper: string;
+  trigger: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof popoverVariants>;
+type ClassName = TVClassName<typeof popoverVariants>;
+interface PopoverProps$1 extends VariantProps {
+  /** child components */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: ClassName;
+  /** content of the popover */
+  content: ReactNode;
+  /** HTML data-testid attribute used in e2e tests */
+  contentTestId?: string;
+  /** popover footer */
+  footer?: ReactNode;
+  /** Popover title */
+  header?: ReactNode;
+  /** use as controlled component  */
+  openControlled?: {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+  };
+  /** placement of the popover relative to its trigger reference */
+  placement?: PopoverProps['placement'];
+  /** The container element in which the overlay portal will be placed. */
+  portalContainer?: PopoverProps['portalContainer'];
+  /** Whether to block scrolling outside the popover */
+  shouldBlockScroll?: boolean;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */
+  triggerButtonProps?: Pick<ButtonProps, 'aria-label' | 'className' | 'color' | 'disableAnimation' | 'disabled' | 'size' | 'variant'>;
+}
+/**
+ * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)
+ */
+declare const Popover: ({
+  children,
+  className: _className,
+  content,
+  contentTestId,
+  footer,
+  header,
+  openControlled,
+  placement,
+  portalContainer,
+  shouldBlockScroll,
+  testId,
+  triggerButtonProps
+}: PopoverProps$1) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Popover, PopoverProps$1 as PopoverProps };
+//# sourceMappingURL=Popover.d.cts.map

package/dist/Popover/Popover.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.cts","names":[],"sources":["../../src/Popover/Popover.tsx"],"mappings":";;;;;;cAiBa,eAAA,8BAAe,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAavB,YAAA,GAAe,OAAO,QAAQ,eAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,eAAA;AAAA,UAEnB,cAAA,SAAqB,YAAA;;EAEpC,QAAA,GAAW,SAAA;;EAEX,SAAA,GAAY,SAAA;;EAEZ,OAAA,EAAS,SAAA;;EAET,aAAA;;EAEA,MAAA,GAAS,SAAA;;EAET,MAAA,GAAS,SAAA;;EAET,cAAA;IAAmB,IAAA;IAAe,OAAA,GAAU,IAAA;EAAA;;EAE5C,SAAA,GAAY,YAAA;;EAEZ,eAAA,GAAkB,YAAA;EArBf;EAuBH,iBAAA;;EAEA,MAAA;EAzBgD;EA2BhD,kBAAA,GAAqB,IAAA,CACnB,WAAA;AAAA;;;AA3B+C;cAyC7C,OAAA;EAAW,QAAA;EAAA,SAAA,EAAA,UAAA;EAAA,OAAA;EAAA,aAAA;EAAA,MAAA;EAAA,MAAA;EAAA,cAAA;EAAA,SAAA;EAAA,eAAA;EAAA,iBAAA;EAAA,MAAA;EAAA;AAAA,GAad,cAAA,iCAAY,GAAA,CAAA,OAAA"}

package/dist/Popover/Popover.d.ts

@@ -0,0 +1,124 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import { ButtonProps } from "@heroui/button";
+import { PopoverProps } from "@heroui/popover";
+
+//#region src/Popover/Popover.d.ts
+declare const popoverVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      body?: import("tailwind-merge").ClassNameValue;
+      content?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      footerWrapper?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+      headerWrapper?: import("tailwind-merge").ClassNameValue;
+      trigger?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      body?: import("tailwind-merge").ClassNameValue;
+      content?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      footerWrapper?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+      headerWrapper?: import("tailwind-merge").ClassNameValue;
+      trigger?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  body: string;
+  content: string;
+  divider: string;
+  footer: string;
+  footerWrapper: string;
+  header: string;
+  headerWrapper: string;
+  trigger: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      body?: import("tailwind-merge").ClassNameValue;
+      content?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      footerWrapper?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+      headerWrapper?: import("tailwind-merge").ClassNameValue;
+      trigger?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  body: string;
+  content: string;
+  divider: string;
+  footer: string;
+  footerWrapper: string;
+  header: string;
+  headerWrapper: string;
+  trigger: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  body: string;
+  content: string;
+  divider: string;
+  footer: string;
+  footerWrapper: string;
+  header: string;
+  headerWrapper: string;
+  trigger: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof popoverVariants>;
+type ClassName = TVClassName<typeof popoverVariants>;
+interface PopoverProps$1 extends VariantProps {
+  /** child components */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: ClassName;
+  /** content of the popover */
+  content: ReactNode;
+  /** HTML data-testid attribute used in e2e tests */
+  contentTestId?: string;
+  /** popover footer */
+  footer?: ReactNode;
+  /** Popover title */
+  header?: ReactNode;
+  /** use as controlled component  */
+  openControlled?: {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+  };
+  /** placement of the popover relative to its trigger reference */
+  placement?: PopoverProps['placement'];
+  /** The container element in which the overlay portal will be placed. */
+  portalContainer?: PopoverProps['portalContainer'];
+  /** Whether to block scrolling outside the popover */
+  shouldBlockScroll?: boolean;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */
+  triggerButtonProps?: Pick<ButtonProps, 'aria-label' | 'className' | 'color' | 'disableAnimation' | 'disabled' | 'size' | 'variant'>;
+}
+/**
+ * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)
+ */
+declare const Popover$1: ({
+  children,
+  className: _className,
+  content,
+  contentTestId,
+  footer,
+  header,
+  openControlled,
+  placement,
+  portalContainer,
+  shouldBlockScroll,
+  testId,
+  triggerButtonProps
+}: PopoverProps$1) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Popover$1 as Popover, PopoverProps$1 as PopoverProps };
+//# sourceMappingURL=Popover.d.ts.map

package/dist/Popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","names":[],"sources":["../../src/Popover/Popover.tsx"],"mappings":";;;;;;cAiBa,eAAA,8BAAe,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAavB,YAAA,GAAe,OAAO,QAAQ,eAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,eAAA;AAAA,UAEnB,cAAA,SAAqB,YAAA;;EAEpC,QAAA,GAAW,SAAA;;EAEX,SAAA,GAAY,SAAA;;EAEZ,OAAA,EAAS,SAAA;;EAET,aAAA;;EAEA,MAAA,GAAS,SAAA;;EAET,MAAA,GAAS,SAAA;;EAET,cAAA;IAAmB,IAAA;IAAe,OAAA,GAAU,IAAA;EAAA;;EAE5C,SAAA,GAAY,YAAA;;EAEZ,eAAA,GAAkB,YAAA;EArBf;EAuBH,iBAAA;;EAEA,MAAA;EAzBgD;EA2BhD,kBAAA,GAAqB,IAAA,CACnB,WAAA;AAAA;;;AA3B+C;cAyC7C,SAAA;EAAW,QAAA;EAAA,SAAA,EAAA,UAAA;EAAA,OAAA;EAAA,aAAA;EAAA,MAAA;EAAA,MAAA;EAAA,cAAA;EAAA,SAAA;EAAA,eAAA;EAAA,iBAAA;EAAA,MAAA;EAAA;AAAA,GAad,cAAA,iCAAY,GAAA,CAAA,OAAA"}