@pismo/marola 1.0.0-beta.42 → 1.0.0-beta.43

package/dist/components/Popover/Popover.d.ts

@@ -15,9 +15,11 @@ export type PopoverProps = {
     className?: string;
     /** Id to be applied as `data-testid` on the root element */
     'data-testid'?: string;
+    /** Callback fired when a "click away" event is detected. */
+    onClickAway?: (event: MouseEvent | TouchEvent) => void;
 };
 export declare const Popover: {
-    ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+    ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
     Header: ({ children }: {
         children: import('react').ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/Popover.js

@@ -1,22 +1,24 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as d } from "../../clsx-DB4S2d7J.js";
-import { s as f } from "../../Popover.module-B4boCutS.js";
-import { PopoverBody as c } from "./PopoverBody.js";
-import { PopoverFooter as v } from "./PopoverFooter.js";
+import { jsx as o } from "react/jsx-runtime";
+import { c as f } from "../../clsx-DB4S2d7J.js";
+import { s as v } from "../../Popover.module-B4boCutS.js";
+import { PopoverBody as l } from "./PopoverBody.js";
+import { PopoverFooter as n } from "./PopoverFooter.js";
 import { PopoverHeader as P } from "./PopoverHeader.js";
-import { P as l } from "../../Popup-Ck3XlWMq.js";
-const o = ({
+import { P as y } from "../../Popup-Ck3XlWMq.js";
+import { C as h } from "../../ClickAwayListener-DbEYZpyh.js";
+const r = ({
   anchorRef: t,
-  open: e,
+  open: m,
   children: p,
-  placement: m,
+  placement: i,
   className: s,
   offset: a,
-  "data-testid": i
-}) => /* @__PURE__ */ r(l, { offset: a, placement: m, open: e, anchor: t, children: /* @__PURE__ */ r("div", { "data-testid": i, className: d(f.popover, s), children: p }) });
-o.Header = P;
-o.Footer = v;
-o.Body = c;
+  "data-testid": d,
+  onClickAway: e
+}) => /* @__PURE__ */ o(h, { onClickAway: (c) => e ? e(c) : void 0, children: /* @__PURE__ */ o(y, { offset: a, placement: i, open: m, anchor: t, children: /* @__PURE__ */ o("div", { "data-testid": d, className: f(v.popover, s), children: p }) }) });
+r.Header = P;
+r.Footer = n;
+r.Body = l;
 export {
-  o as Popover
+  r as Popover
 };

package/dist/components/Popover/Popover.stories.d.ts

@@ -4,7 +4,7 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: {
-        ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+        ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
         Header: ({ children }: {
             children: import('react').ReactNode;
         }) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.0.0-beta.42",
+  "version": "1.0.0-beta.43",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",