@fuf-stack/pixels 0.4.0 → 0.5.1

package/dist/Card/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkWTKZJFQVcjs = require('../chunk-WTKZJFQV.cjs');
+var _chunkWL6ENU44cjs = require('../chunk-WL6ENU44.cjs');
 
 
 
-exports.Card = _chunkWTKZJFQVcjs.Card_default; exports.default = _chunkWTKZJFQVcjs.Card_default2;
+exports.Card = _chunkWL6ENU44cjs.Card_default; exports.default = _chunkWL6ENU44cjs.Card_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Card/index.d.cts

@@ -1,5 +1,5 @@
-import { C as Card } from '../Card-Cl_I4L8G.cjs';
-export { a as CardProps } from '../Card-Cl_I4L8G.cjs';
+import { C as Card } from '../Card-C3mjLa6d.cjs';
+export { a as CardProps } from '../Card-C3mjLa6d.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Card/index.d.ts

@@ -1,5 +1,5 @@
-import { C as Card } from '../Card-Cl_I4L8G.js';
-export { a as CardProps } from '../Card-Cl_I4L8G.js';
+import { C as Card } from '../Card-C3mjLa6d.js';
+export { a as CardProps } from '../Card-C3mjLa6d.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Card/index.js

@@ -1,7 +1,7 @@
 import {
   Card_default,
   Card_default2
-} from "../chunk-VQ5Q33MY.js";
+} from "../chunk-2BPC6HYE.js";
 export {
   Card_default as Card,
   Card_default2 as default

package/dist/{Card-Cl_I4L8G.d.cts → Card-C3mjLa6d.d.cts}

@@ -76,7 +76,7 @@ declare const cardVariants: tailwind_variants.TVReturnType<{
 type CardVariantProps = VariantProps<typeof cardVariants>;
 type CardVariantSlots = Partial<Record<keyof ReturnType<typeof cardVariants>, string>>;
 interface CardProps extends CardVariantProps {
-    /** child components */
+    /** card body content */
     children?: ReactNode;
     /** CSS class name */
     className?: string | CardVariantSlots;

package/dist/{Card-Cl_I4L8G.d.ts → Card-C3mjLa6d.d.ts}

@@ -76,7 +76,7 @@ declare const cardVariants: tailwind_variants.TVReturnType<{
 type CardVariantProps = VariantProps<typeof cardVariants>;
 type CardVariantSlots = Partial<Record<keyof ReturnType<typeof cardVariants>, string>>;
 interface CardProps extends CardVariantProps {
-    /** child components */
+    /** card body content */
     children?: ReactNode;
     /** CSS class name */
     className?: string | CardVariantSlots;

package/dist/Menu/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkL5OZDDU7cjs = require('../chunk-L5OZDDU7.cjs');
+var _chunkHHTTNYDCcjs = require('../chunk-HHTTNYDC.cjs');
 
 
 
-exports.Menu = _chunkL5OZDDU7cjs.Menu_default; exports.default = _chunkL5OZDDU7cjs.Menu_default2;
+exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.default = _chunkHHTTNYDCcjs.Menu_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Menu/index.js

@@ -1,7 +1,7 @@
 import {
   Menu_default,
   Menu_default2
-} from "../chunk-VZW4TVTX.js";
+} from "../chunk-VOXYQARK.js";
 export {
   Menu_default as Menu,
   Menu_default2 as default

package/dist/Modal/index.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _chunkBPJAPVB5cjs = require('../chunk-BPJAPVB5.cjs');
+var _chunkYO6VJ2OUcjs = require('../chunk-YO6VJ2OU.cjs');
 
 
 
 
-exports.Modal = _chunkBPJAPVB5cjs.Modal_default; exports.default = _chunkBPJAPVB5cjs.Modal_default2; exports.modalSizeOptions = _chunkBPJAPVB5cjs.modalSizeOptions;
+exports.Modal = _chunkYO6VJ2OUcjs.Modal_default; exports.default = _chunkYO6VJ2OUcjs.Modal_default2; exports.modalVariants = _chunkYO6VJ2OUcjs.modalVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Modal/index.d.cts

@@ -1,6 +1,8 @@
-import { M as Modal } from '../Modal-DWZB1uTb.cjs';
-export { a as ModalProps, m as modalSizeOptions } from '../Modal-DWZB1uTb.cjs';
+import { M as Modal } from '../Modal-Ck13vTaf.cjs';
+export { a as ModalProps, m as modalVariants } from '../Modal-Ck13vTaf.cjs';
 import 'react/jsx-runtime';
+import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
 import 'react';
 
 

package/dist/Modal/index.d.ts

@@ -1,6 +1,8 @@
-import { M as Modal } from '../Modal-DWZB1uTb.js';
-export { a as ModalProps, m as modalSizeOptions } from '../Modal-DWZB1uTb.js';
+import { M as Modal } from '../Modal-Ck13vTaf.js';
+export { a as ModalProps, m as modalVariants } from '../Modal-Ck13vTaf.js';
 import 'react/jsx-runtime';
+import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
 import 'react';
 
 

package/dist/Modal/index.js

@@ -1,11 +1,11 @@
 import {
   Modal_default,
   Modal_default2,
-  modalSizeOptions
-} from "../chunk-CTP2PZYD.js";
+  modalVariants
+} from "../chunk-7VAHMR2W.js";
 export {
   Modal_default as Modal,
   Modal_default2 as default,
-  modalSizeOptions
+  modalVariants
 };
 //# sourceMappingURL=index.js.map

package/dist/Modal-Ck13vTaf.d.cts

@@ -0,0 +1,183 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { ReactNode } from 'react';
+
+declare const modalVariants: 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, tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}>, {
+    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;
+}, 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, tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type ModalVariantProps = VariantProps<typeof modalVariants>;
+type ModalVariantSlots = Partial<Record<keyof ReturnType<typeof modalVariants>, string>>;
+interface ModalProps extends ModalVariantProps {
+    /** modal body content */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string | ModalVariantSlots;
+    /** modal footer */
+    footer?: ReactNode;
+    /** modal header */
+    header?: ReactNode;
+    /** open state (controlled) */
+    isOpen: boolean;
+    /** close event handler */
+    onClose: () => void;
+    /** modal size */
+    size?: ModalVariantProps['size'];
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+}
+/**
+ * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)
+ */
+declare const Modal: ({ children, className, footer, header, isOpen, onClose, size, testId, }: ModalProps) => react_jsx_runtime.JSX.Element;
+
+export { Modal as M, type ModalProps as a, modalVariants as m };

package/dist/Modal-Ck13vTaf.d.ts

@@ -0,0 +1,183 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { ReactNode } from 'react';
+
+declare const modalVariants: 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, tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}>, {
+    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;
+}, 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, tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type ModalVariantProps = VariantProps<typeof modalVariants>;
+type ModalVariantSlots = Partial<Record<keyof ReturnType<typeof modalVariants>, string>>;
+interface ModalProps extends ModalVariantProps {
+    /** modal body content */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string | ModalVariantSlots;
+    /** modal footer */
+    footer?: ReactNode;
+    /** modal header */
+    header?: ReactNode;
+    /** open state (controlled) */
+    isOpen: boolean;
+    /** close event handler */
+    onClose: () => void;
+    /** modal size */
+    size?: ModalVariantProps['size'];
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+}
+/**
+ * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)
+ */
+declare const Modal: ({ children, className, footer, header, isOpen, onClose, size, testId, }: ModalProps) => react_jsx_runtime.JSX.Element;
+
+export { Modal as M, type ModalProps as a, modalVariants as m };

package/dist/Popover/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkYUOFNPJOcjs = require('../chunk-YUOFNPJO.cjs');
+var _chunkB35F4645cjs = require('../chunk-B35F4645.cjs');
 
 
 
-exports.Popover = _chunkYUOFNPJOcjs.Popover_default; exports.default = _chunkYUOFNPJOcjs.Popover_default2;
+exports.Popover = _chunkB35F4645cjs.Popover_default; exports.default = _chunkB35F4645cjs.Popover_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Popover/index.js

@@ -1,7 +1,7 @@
 import {
   Popover_default,
   Popover_default2
-} from "../chunk-V2C3KFMP.js";
+} from "../chunk-6G5VTF6K.js";
 export {
   Popover_default as Popover,
   Popover_default2 as default

package/dist/chunk-2BPC6HYE.js

@@ -0,0 +1,74 @@
+// src/Card/Card.tsx
+import {
+  Card as NextCard,
+  CardBody as NextCardBody,
+  CardFooter as NextCardFooter,
+  CardHeader as NextCardHeader
+} from "@nextui-org/card";
+import { Divider as NextDivider } from "@nextui-org/divider";
+import { tv } from "tailwind-variants";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var cardVariants = tv({
+  slots: {
+    base: "border border-divider",
+    body: "",
+    divider: "my-0 border-divider",
+    footer: "",
+    header: "text-base font-semibold"
+  }
+});
+var Card = ({
+  children = null,
+  className = void 0,
+  testId = void 0,
+  header = void 0,
+  footer = void 0
+}) => {
+  const variants = cardVariants();
+  const classNameObj = typeof className === "object" && className || {};
+  const classNames = {
+    base: variants.base({
+      className: classNameObj.base || className
+    }),
+    header: variants.header({ className: classNameObj.header }),
+    body: variants.body({ className: classNameObj.body }),
+    footer: variants.footer({ className: classNameObj.footer })
+  };
+  const divider = /* @__PURE__ */ jsx(
+    NextDivider,
+    {
+      className: variants.divider({ className: classNameObj.divider })
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    NextCard,
+    {
+      classNames,
+      "data-testid": testId && `card_${testId}`,
+      fullWidth: true,
+      radius: "sm",
+      shadow: "none",
+      children: [
+        header && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(NextCardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
+          divider
+        ] }),
+        /* @__PURE__ */ jsx(NextCardBody, { "data-testid": testId && `card_body_${testId}`, children }),
+        footer && /* @__PURE__ */ jsxs(Fragment, { children: [
+          divider,
+          /* @__PURE__ */ jsx(NextCardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
+        ] })
+      ]
+    }
+  );
+};
+var Card_default = Card;
+
+// src/Card/index.ts
+var Card_default2 = Card_default;
+
+export {
+  Card_default,
+  Card_default2
+};
+//# sourceMappingURL=chunk-2BPC6HYE.js.map

package/dist/chunk-2BPC6HYE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n  Card as NextCard,\n  CardBody as NextCardBody,\n  CardFooter as NextCardFooter,\n  CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype CardVariantProps = VariantProps<typeof cardVariants>;\ntype CardVariantSlots = Partial<\n  Record<keyof ReturnType<typeof cardVariants>, string>\n>;\n\nexport interface CardProps extends CardVariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | CardVariantSlots;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n  header = undefined,\n  footer = undefined,\n}: CardProps) => {\n  // classNames from slots\n  const variants = cardVariants();\n  const classNameObj = (typeof className === 'object' && className) || {};\n  const classNames = {\n    base: variants.base({\n      className: classNameObj.base || (className as string),\n    }),\n    header: variants.header({ className: classNameObj.header }),\n    body: variants.body({ className: classNameObj.body }),\n    footer: variants.footer({ className: classNameObj.footer }),\n  };\n\n  const divider = (\n    <NextDivider\n      className={variants.divider({ className: classNameObj.divider })}\n    />\n  );\n\n  return (\n    <NextCard\n      classNames={classNames}\n      data-testid={testId && `card_${testId}`}\n      fullWidth\n      radius=\"sm\"\n      shadow=\"none\"\n    >\n      {header && (\n        <>\n          <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n            {header}\n          </NextCardHeader>\n          {divider}\n        </>\n      )}\n      <NextCardBody data-testid={testId && `card_body_${testId}`}>\n        {children}\n      </NextCardBody>\n      {footer && (\n        <>\n          {divider}\n          <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n            {footer}\n          </NextCardFooter>\n        </>\n      )}\n    </NextCard>\n  );\n};\n\nexport default Card;\n","import Card from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card };\n\nexport default Card;\n"],"mappings":";AAGA;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AACvC,SAAS,UAAU;AAsDf,SAcI,UAdJ,KAcI,YAdJ;AAnDG,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAuBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,MAAiB;AAEf,QAAM,WAAW,aAAa;AAC9B,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,EAC5D;AAEA,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA;AAAA,EACjE;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,iCACE;AAAA,8BAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,UACC;AAAA,WACH;AAAA,QAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,QACC,UACC,iCACG;AAAA;AAAA,UACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC9Ff,IAAOA,gBAAQ;","names":["Card_default"]}

package/dist/{chunk-V2C3KFMP.js → chunk-6G5VTF6K.js}

@@ -1,9 +1,7 @@
 // src/Popover/Popover.tsx
 import { Popover, PopoverContent, PopoverTrigger } from "@nextui-org/popover";
 import cn from "classnames";
-import createDebug from "debug";
 import { jsx, jsxs } from "react/jsx-runtime";
-var debug = createDebug("component:Popover");
 var Popover_default = ({
   children = null,
   className = void 0,
@@ -14,7 +12,6 @@ var Popover_default = ({
   testId = void 0,
   title = void 0
 }) => {
-  debug("Popover");
   return /* @__PURE__ */ jsxs(
     Popover,
     {
@@ -43,4 +40,4 @@ export {
   Popover_default,
   Popover_default2
 };
-//# sourceMappingURL=chunk-V2C3KFMP.js.map
+//# sourceMappingURL=chunk-6G5VTF6K.js.map

package/dist/chunk-6G5VTF6K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"sourcesContent":["import type { PopoverProps as NextPopoverProps } from '@nextui-org/popover';\nimport type { ReactNode } from 'react';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@nextui-org/popover';\nimport cn from 'classnames';\n\nexport interface PopoverProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** content of the popover */\n  content: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  contentTestId?: string;\n  /** placement of the popover relative to its trigger reference */\n  placement?: NextPopoverProps['placement'];\n  /** use as controlled component  */\n  openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** popover title */\n  title?: ReactNode;\n}\n\n/**\n * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)\n */\nexport default ({\n  children = null,\n  className = undefined,\n  content,\n  contentTestId = undefined,\n  placement = 'top',\n  openControlled = undefined,\n  testId = undefined,\n  title = undefined,\n}: PopoverProps) => {\n  return (\n    <Popover\n      placement={placement}\n      radius=\"sm\"\n      showArrow\n      {...(openControlled\n        ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n        : {})}\n    >\n      <PopoverTrigger className={cn(className)} data-testid={testId}>\n        {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n        {/* eslint-disable-next-line react/button-has-type */}\n        <button>{children}</button>\n      </PopoverTrigger>\n      <PopoverContent data-testid={contentTestId}>\n        <div className=\"max-h-[80vh] overflow-y-auto\">\n          {title && (\n            <div>\n              {title}\n              <hr />\n            </div>\n          )}\n          {content}\n        </div>\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":";AAGA,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,OAAO,QAAQ;AA8CP,cAKI,YALJ;AAtBR,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AACV,MAAoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,WAAS;AAAA,MACR,GAAI,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC;AAAA,MAEL;AAAA,4BAAC,kBAAe,WAAW,GAAG,SAAS,GAAG,eAAa,QAGrD,8BAAC,YAAQ,UAAS,GACpB;AAAA,QACA,oBAAC,kBAAe,eAAa,eAC3B,+BAAC,SAAI,WAAU,gCACZ;AAAA,mBACC,qBAAC,SACE;AAAA;AAAA,YACD,oBAAC,QAAG;AAAA,aACN;AAAA,UAED;AAAA,WACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;AC3DA,IAAOA,mBAAQ;","names":["Popover_default"]}