@m4l/components 0.1.36 → 0.1.37

package/dist/components/mui_extended/Popover/index.53c77d23.js

@@ -0,0 +1,137 @@
+import { styled } from "@mui/material/styles";
+import { Popover as Popover$1 } from "@mui/material";
+import { jsxs, jsx } from "react/jsx-runtime";
+const ArrowStyle = styled("span")(({
+  arrowType,
+  theme
+}) => {
+  const SIZE = 12;
+  const POSITION = -(SIZE / 2);
+  const borderStyle = `solid 1px ${theme.palette.grey[50012]}`;
+  const topStyle = {
+    borderRadius: "0 0 3px 0",
+    top: POSITION,
+    borderBottom: borderStyle,
+    borderRight: borderStyle
+  };
+  const bottomStyle = {
+    borderRadius: "3px 0 0 0",
+    bottom: POSITION,
+    borderTop: borderStyle,
+    borderLeft: borderStyle
+  };
+  const leftStyle = {
+    borderRadius: "0 3px 0 0",
+    left: POSITION,
+    borderTop: borderStyle,
+    borderRight: borderStyle
+  };
+  const rightStyle = {
+    borderRadius: "0 0 0 3px",
+    right: POSITION,
+    borderBottom: borderStyle,
+    borderLeft: borderStyle
+  };
+  return {
+    display: "none",
+    [theme.breakpoints.up("sm")]: {
+      zIndex: 1,
+      width: SIZE,
+      height: SIZE,
+      content: "''",
+      position: "absolute",
+      display: "block",
+      transform: "rotate(-135deg)",
+      background: theme.palette.background.paper
+    },
+    ...arrowType === "top-left" && {
+      ...topStyle,
+      left: 20
+    },
+    ...arrowType === "top-center" && {
+      ...topStyle,
+      left: 0,
+      right: 0,
+      margin: "auto"
+    },
+    ...arrowType === "top-right" && {
+      ...topStyle,
+      right: 20
+    },
+    ...arrowType === "bottom-left" && {
+      ...bottomStyle,
+      left: 20
+    },
+    ...arrowType === "bottom-center" && {
+      ...bottomStyle,
+      left: 0,
+      right: 0,
+      margin: "auto"
+    },
+    ...arrowType === "bottom-right" && {
+      ...bottomStyle,
+      right: 20
+    },
+    ...arrowType === "left-top" && {
+      ...leftStyle,
+      top: 20
+    },
+    ...arrowType === "left-center" && {
+      ...leftStyle,
+      top: 0,
+      bottom: 0,
+      margin: "auto"
+    },
+    ...arrowType === "left-bottom" && {
+      ...leftStyle,
+      bottom: 20
+    },
+    ...arrowType === "right-top" && {
+      ...rightStyle,
+      top: 20
+    },
+    ...arrowType === "right-center" && {
+      ...rightStyle,
+      top: 0,
+      bottom: 0,
+      margin: "auto"
+    },
+    ...arrowType === "right-bottom" && {
+      ...rightStyle,
+      bottom: 20
+    }
+  };
+});
+function Popover({
+  children,
+  arrowType = "top-right",
+  sx,
+  className,
+  ...other
+}) {
+  return /* @__PURE__ */ jsxs(Popover$1, {
+    className: `m4l_popover ${className ? className : ""}`,
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    },
+    PaperProps: {
+      sx: {
+        p: 1,
+        overflow: "inherit",
+        ...sx
+      }
+    },
+    ...other,
+    children: [arrowType !== "no-arrow" && /* @__PURE__ */ jsx(ArrowStyle, {
+      arrowType
+    }), children]
+  });
+}
+export {
+  Popover as P
+};

package/dist/components/mui_extended/index.85dfadf1.js

@@ -0,0 +1,16 @@
+import "@mui/material";
+import "react";
+import "@m4l/core";
+import "../Icon/index.8d754623.js";
+import "@mui/material/styles";
+import "react/jsx-runtime";
+import "./Accordion/index.a541c71c.js";
+import "./Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "@mui/lab";
+import "./Button/index.86a155a2.js";
+import "./Popover/index.53c77d23.js";
+import "./MenuActions/index.ee17bddd.js";
+import "./Pager/index.74d3f5fc.js";
+import "./Tab/index.e0653a0a.js";

package/dist/contexts/ModalContext/{index.0797eb17.js → index.b90eec94.js}

@@ -1,5 +1,5 @@
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.91777582.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.a684827f.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const ModalContext = createContext(null);
 function ModalProvider({

package/dist/hooks/useModal/{index.32da4dcb.js → index.d14edee3.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.0797eb17.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.b90eec94.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)