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

package/dist/Popover.module-B4boCutS.js

@@ -0,0 +1,10 @@
+import './assets/Popover.css';
+const o = "_popover_n95k7_1", p = {
+  popover: o,
+  "popover-header": "_popover-header_n95k7_6",
+  "popover-footer": "_popover-footer_n95k7_10",
+  "popover-body": "_popover-body_n95k7_14"
+};
+export {
+  p as s
+};

package/dist/{Toggle-Dl-yPy8S.js → Toggle-CJvN6vqW.js}

@@ -10,6 +10,7 @@ import { Adornment as v } from "./components/Adornment/Adornment.js";
 import "./components/Dialog/Dialog.js";
 import "./components/IconButton/IconButton.js";
 import "./components/Select/Select.js";
+import "./components/Popover/Popover.js";
 import "./components/Table/Table.js";
 import "./components/Tabs/Tabs.js";
 import { s as y } from "./Group-B80_u5Q1.js";
@@ -59,7 +60,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
       children: _
     }
   )) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: d, className: e, children: _ });
-}), O = u((t, d) => {
+}), Q = u((t, d) => {
   const {
     label: _,
     className: o,
@@ -113,7 +114,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
   "row-item--clickable": "_row-item--clickable_8z1a0_13",
   "row-item--disabled": "_row-item--disabled_8z1a0_19",
   "row-item__content": "_row-item__content_8z1a0_22"
-}, Q = u((t, d) => {
+}, V = u((t, d) => {
   const { children: _, leftAdornment: o, disabled: r, onClick: a, buttons: s, ariaLabel: e, className: g } = t, m = l(o == null ? void 0 : o.className, h["row-item__adornment"]), w = {
     onClick: (p) => {
       r || a && a(p);
@@ -149,7 +150,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
       ]
     }
   );
-}), V = u((t, d) => {
+}), X = u((t, d) => {
   const { text: _, isSelected: o = !1, value: r, onChange: a, disabled: s } = t;
   return /* @__PURE__ */ k(
     "label",
@@ -181,7 +182,7 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
   );
 });
 export {
-  O as C,
-  Q as R,
-  V as T
+  Q as C,
+  V as R,
+  X as T
 };

package/dist/assets/Popover.css

@@ -0,0 +1 @@
+._popover_n95k7_1{background-color:#fff;border-radius:.375rem;box-shadow:0 0 10px #0003}._popover-header_n95k7_6{padding:1rem .5rem;border-bottom:1px solid var(--gray-5)}._popover-footer_n95k7_10{padding:1rem .5rem;border-top:1px solid var(--gray-5)}._popover-body_n95k7_14{padding:1rem .5rem}

package/dist/components/Chip/Chip.js

@@ -6,10 +6,11 @@ import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Button/Button.js";
-import { C as l } from "../../Toggle-Dl-yPy8S.js";
+import { C as n } from "../../Toggle-CJvN6vqW.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";
+import "../Popover/Popover.js";
 import "../Skeleton/Skeleton.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
@@ -17,5 +18,5 @@ import "../../Group-B80_u5Q1.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 import "../../Button-BAljjMv3.js";
 export {
-  l as Chip
+  n as Chip
 };

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

@@ -0,0 +1,32 @@
+import { PopupOffsetOptions, PopupPlacement } from '@mui/base/Unstable_Popup';
+
+export type PopoverProps = {
+    /** An HTML element or a function that returns either. */
+    anchorRef?: Element;
+    /** Boolean to open. */
+    open?: boolean;
+    /** React Node. */
+    children: React.ReactNode;
+    /** Determines where to place the popup relative to the trigger element. */
+    placement?: PopupPlacement;
+    /** Distance between a popup and the trigger element */
+    offset?: PopupOffsetOptions;
+    /** Class name */
+    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, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+    Header: ({ children }: {
+        children: import('react').ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ children }: {
+        children: import('react').ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children }: {
+        children: import('react').ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/Popover/Popover.js

@@ -0,0 +1,24 @@
+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 y } from "../../Popup-Ck3XlWMq.js";
+import { C as h } from "../../ClickAwayListener-DbEYZpyh.js";
+const r = ({
+  anchorRef: t,
+  open: m,
+  children: p,
+  placement: i,
+  className: s,
+  offset: a,
+  "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 {
+  r as Popover
+};

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

@@ -0,0 +1,34 @@
+import { PopoverProps } from './Popover';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: {
+        ({ 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;
+        Footer: ({ children }: {
+            children: import('react').ReactNode;
+        }) => import("react/jsx-runtime").JSX.Element;
+        Body: ({ children }: {
+            children: import('react').ReactNode;
+        }) => import("react/jsx-runtime").JSX.Element;
+    };
+    parameters: {
+        docs: {
+            source: {
+                language: string;
+                format: boolean;
+                code: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        [x: string]: any;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Provider: Story;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type PopoverBodyProps = {
+    children: React.ReactNode;
+};
+export declare const PopoverBody: ({ children }: PopoverBodyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Popover/PopoverBody.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { s } from "../../Popover.module-B4boCutS.js";
+const t = ({ children: o }) => /* @__PURE__ */ r("div", { className: s["popover-body"], children: o });
+export {
+  t as PopoverBody
+};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type PopoverFooterProps = {
+    children: React.ReactNode;
+};
+export declare const PopoverFooter: ({ children }: PopoverFooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Popover/PopoverFooter.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { s as e } from "../../Popover.module-B4boCutS.js";
+const p = ({ children: o }) => /* @__PURE__ */ r("div", { className: e["popover-footer"], children: o });
+export {
+  p as PopoverFooter
+};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type PopoverHeaderProps = {
+    children: React.ReactNode;
+};
+export declare const PopoverHeader: ({ children }: PopoverHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Popover/PopoverHeader.js

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+import { s as o } from "../../Popover.module-B4boCutS.js";
+const t = ({ children: r }) => /* @__PURE__ */ e("div", { className: o["popover-header"], children: r });
+export {
+  t as PopoverHeader
+};

package/dist/components/ResultWithChips/ResultWithChips.js

@@ -1,6 +1,6 @@
 import '../../assets/ResultWithChips.css';
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { C as t } from "../../Toggle-Dl-yPy8S.js";
+import { C as t } from "../../Toggle-CJvN6vqW.js";
 const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
   container: r,
   "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",

package/dist/components/RowItem/RowItem.js

@@ -6,15 +6,16 @@ import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Button/Button.js";
-import { R as b, R as c } from "../../Toggle-Dl-yPy8S.js";
+import { R as c, R as g } from "../../Toggle-CJvN6vqW.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";
+import "../Popover/Popover.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
 import "../../Group-B80_u5Q1.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
-  b as RowItem,
-  c as default
+  c as RowItem,
+  g as default
 };

package/dist/components/ToggleGroup/Toggle.js

@@ -5,14 +5,15 @@ import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Button/Button.js";
-import { T as c } from "../../Toggle-Dl-yPy8S.js";
+import { T as g } from "../../Toggle-CJvN6vqW.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";
+import "../Popover/Popover.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
 import "../../Group-B80_u5Q1.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
-  c as default
+  g as default
 };

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -1,4 +1,4 @@
-import { T as e } from "../../Toggle-Dl-yPy8S.js";
+import { T as e } from "../../Toggle-CJvN6vqW.js";
 import { G as p } from "../../Group-B80_u5Q1.js";
 export {
   p as ToggleGroup,

package/dist/main.d.ts

@@ -17,6 +17,7 @@ export * from './components/InputSearch/InputSearch';
 export * from './components/LoadingSpinner/LoadingSpinner';
 export * from './components/PageHeader/PageHeader';
 export * from './components/Pagination/Pagination';
+export * from './components/Popover/Popover';
 export * from './components/ResultWithChips/ResultWithChips';
 export * from './components/RowItem/RowItem';
 export * from './components/Select/Select';

package/dist/main.js

@@ -3,38 +3,39 @@ import { Advice as p } from "./components/Advice/Advice.js";
 import { Autocomplete as f } from "./components/Autocomplete/Autocomplete.js";
 import { Button as x } from "./components/Button/Button.js";
 import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
-import { C as T, R as s, T as c } from "./Toggle-Dl-yPy8S.js";
+import { C as T, R as s, T as c } from "./Toggle-CJvN6vqW.js";
 import { Dialog as u } from "./components/Dialog/Dialog.js";
 import { EllipsisTooltip as d } from "./components/EllipsisTooltip/EllipsisTooltip.js";
 import { Icon as k } from "./components/Icon/Icon.js";
 import { IconButton as C } from "./components/IconButton/IconButton.js";
 import { Input as D } from "./components/Input/Input.js";
-import { InputSearch as A } from "./components/InputSearch/InputSearch.js";
-import { LoadingSpinner as v } from "./components/LoadingSpinner/LoadingSpinner.js";
+import { InputSearch as v } from "./components/InputSearch/InputSearch.js";
+import { LoadingSpinner as A } from "./components/LoadingSpinner/LoadingSpinner.js";
 import { PageHeader as G } from "./components/PageHeader/PageHeader.js";
 import { Pagination as H, paginationDefaultTranslations as w } from "./components/Pagination/Pagination.js";
-import { ResultWithChips as L } from "./components/ResultWithChips/ResultWithChips.js";
-import { Select as O, SelectOption as W } from "./components/Select/Select.js";
-import { Skeleton as q, SkeletonCircle as z, SkeletonTable as F } from "./components/Skeleton/Skeleton.js";
-import { Snackbar as K } from "./components/Snackbar/Snackbar.js";
-import { SortTooltip as Q, sortTooltipDefaultTranslations as U } from "./components/SortTooltip/SortTooltip.js";
-import { Stepper as X } from "./components/Stepper/Stepper.js";
-import { StepperNavigator as Z } from "./components/StepperNavigator/StepperNavigator.js";
-import { TBody as $, THead as oo, Table as ro, Td as eo, Th as to, Tr as po } from "./components/Table/Table.js";
-import { Tabs as fo } from "./components/Tabs/Tabs.js";
-import { TextDisplay as xo } from "./components/TextDisplay/TextDisplay.js";
-import { Toggle as lo } from "./components/Toggle/Toggle.js";
-import { G as To } from "./Group-B80_u5Q1.js";
-import { Tooltip as co } from "./components/Tooltip/Tooltip.js";
-import { Text as uo, Typography as So } from "./components/Typography/Typography.js";
-import { SnackbarContext as ko, SnackbarProvider as ho, useSnackbar as Co } from "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { default as Do } from "./components/Dialog/DialogTitle.js";
+import { Popover as L } from "./components/Popover/Popover.js";
+import { ResultWithChips as O } from "./components/ResultWithChips/ResultWithChips.js";
+import { Select as j, SelectOption as q } from "./components/Select/Select.js";
+import { Skeleton as F, SkeletonCircle as J, SkeletonTable as K } from "./components/Skeleton/Skeleton.js";
+import { Snackbar as Q } from "./components/Snackbar/Snackbar.js";
+import { SortTooltip as V, sortTooltipDefaultTranslations as X } from "./components/SortTooltip/SortTooltip.js";
+import { Stepper as Z } from "./components/Stepper/Stepper.js";
+import { StepperNavigator as $ } from "./components/StepperNavigator/StepperNavigator.js";
+import { TBody as ro, THead as eo, Table as to, Td as po, Th as ao, Tr as fo } from "./components/Table/Table.js";
+import { Tabs as xo } from "./components/Tabs/Tabs.js";
+import { TextDisplay as lo } from "./components/TextDisplay/TextDisplay.js";
+import { Toggle as To } from "./components/Toggle/Toggle.js";
+import { G as co } from "./Group-B80_u5Q1.js";
+import { Tooltip as uo } from "./components/Tooltip/Tooltip.js";
+import { Text as bo, Typography as ko } from "./components/Typography/Typography.js";
+import { SnackbarContext as Co, SnackbarProvider as Io, useSnackbar as Do } from "./contexts/SnackbarProvider/SnackbarProvider.js";
+import { default as vo } from "./components/Dialog/DialogTitle.js";
 import { default as Ao } from "./components/Dialog/Content.js";
-import { default as vo } from "./components/Dialog/Actions.js";
-import { Tab as Go } from "./components/Tabs/Tab.js";
-import { TabPanel as Ho } from "./components/Tabs/TabPanel.js";
+import { default as Go } from "./components/Dialog/Actions.js";
+import { Tab as Ho } from "./components/Tabs/Tab.js";
+import { TabPanel as Eo } from "./components/Tabs/TabPanel.js";
 export {
-  vo as Actions,
+  Go as Actions,
   e as Adornment,
   p as Advice,
   f as Autocomplete,
@@ -43,45 +44,46 @@ export {
   T as Chip,
   Ao as Content,
   u as Dialog,
-  Do as DialogTitle,
+  vo as DialogTitle,
   d as EllipsisTooltip,
   k as Icon,
   C as IconButton,
   D as Input,
-  A as InputSearch,
-  v as LoadingSpinner,
+  v as InputSearch,
+  A as LoadingSpinner,
   G as PageHeader,
   H as Pagination,
-  L as ResultWithChips,
+  L as Popover,
+  O as ResultWithChips,
   s as RowItem,
-  O as Select,
-  W as SelectOption,
-  q as Skeleton,
-  z as SkeletonCircle,
-  F as SkeletonTable,
-  K as Snackbar,
-  ko as SnackbarContext,
-  ho as SnackbarProvider,
-  Q as SortTooltip,
-  X as Stepper,
-  Z as StepperNavigator,
-  $ as TBody,
-  oo as THead,
-  Go as Tab,
-  Ho as TabPanel,
-  ro as Table,
-  fo as Tabs,
-  eo as Td,
-  uo as Text,
-  xo as TextDisplay,
-  to as Th,
-  lo as Toggle,
-  To as ToggleGroup,
+  j as Select,
+  q as SelectOption,
+  F as Skeleton,
+  J as SkeletonCircle,
+  K as SkeletonTable,
+  Q as Snackbar,
+  Co as SnackbarContext,
+  Io as SnackbarProvider,
+  V as SortTooltip,
+  Z as Stepper,
+  $ as StepperNavigator,
+  ro as TBody,
+  eo as THead,
+  Ho as Tab,
+  Eo as TabPanel,
+  to as Table,
+  xo as Tabs,
+  po as Td,
+  bo as Text,
+  lo as TextDisplay,
+  ao as Th,
+  To as Toggle,
+  co as ToggleGroup,
   c as ToggleGroupItem,
-  co as Tooltip,
-  po as Tr,
-  So as Typography,
+  uo as Tooltip,
+  fo as Tr,
+  ko as Typography,
   w as paginationDefaultTranslations,
-  U as sortTooltipDefaultTranslations,
-  Co as useSnackbar
+  X as sortTooltipDefaultTranslations,
+  Do as useSnackbar
 };

package/package.json

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