@m4l/components 0.1.12 → 0.1.13

package/components/mui_extended/Accordion/index.2116e423.js

@@ -0,0 +1,103 @@
+import { Skeleton as d, Accordion as f, AccordionSummary as x, AccordionDetails as b } from "@mui/material";
+import { I as v } from "../IconButton/index.88f3aadb.js";
+import { useEnvironment as y, useModuleSkeleton as I } from "@m4l/core";
+import { I as S } from "../../Icon/index.cbca79b0.js";
+import { styled as c } from "@mui/material/styles";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+c("div")(({
+  theme: n
+}) => ({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  borderRadius: n.spacing(0.5),
+  height: n.spacing(4.5),
+  minHeight: n.spacing(4.5),
+  backgroundColor: n.palette.background.header,
+  paddingLeft: n.spacing(2),
+  paddingRight: n.spacing(2),
+  marginBottom: "0px"
+}));
+const l = c("div")(({
+  theme: n
+}) => ({
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  gap: n.spacing(2)
+})), A = c("span")(({
+  theme: n
+}) => ({
+  ...n.typography.subtitle2
+})), k = (n) => {
+  const {
+    isSkeleton: e,
+    label: i,
+    SKTWidht: r,
+    SKTHeight: a,
+    labelIcon: o
+  } = n;
+  return /* @__PURE__ */ t("div", {
+    children: e ? /* @__PURE__ */ s(l, {
+      children: [o && /* @__PURE__ */ t(d, {
+        variant: "circular",
+        width: "16px",
+        height: "16px"
+      }), /* @__PURE__ */ t(d, {
+        variant: "text",
+        width: r,
+        height: a
+      })]
+    }) : /* @__PURE__ */ s(l, {
+      children: [o && /* @__PURE__ */ t(S, {
+        src: o
+      }), /* @__PURE__ */ t(A, {
+        children: i
+      })]
+    })
+  });
+};
+function E(n) {
+  const {
+    label: e,
+    SKTWidht: i,
+    SKTHeight: r,
+    children: a,
+    accordionProps: o,
+    summaryProps: p,
+    labelIcon: u
+  } = n, {
+    host_static_assets: g,
+    environment_assets: h
+  } = y(), m = I();
+  return /* @__PURE__ */ s(f, {
+    variant: "outlined",
+    square: !0,
+    TransitionProps: {
+      unmountOnExit: !0
+    },
+    defaultExpanded: !0,
+    ...o,
+    children: [/* @__PURE__ */ t(x, {
+      "aria-controls": "expanded-content",
+      disableTouchRipple: !1,
+      expandIcon: /* @__PURE__ */ t(v, {
+        "aria-label": "settings",
+        src: `${g}/${h}/frontend/components/accordion/assets/icons/expanded.svg`
+      }),
+      ...p,
+      children: /* @__PURE__ */ t(k, {
+        isSkeleton: m,
+        label: e,
+        SKTWidht: i,
+        SKTHeight: r,
+        labelIcon: u
+      })
+    }), /* @__PURE__ */ t(b, {
+      children: a
+    })]
+  });
+}
+export {
+  E as A
+};

package/components/mui_extended/Avatar/index.0a2a4523.js

@@ -0,0 +1,32 @@
+import { forwardRef as i } from "react";
+import { useTheme as n } from "@mui/material/styles";
+import { Avatar as f } from "@mui/material";
+import { jsx as p } from "react/jsx-runtime";
+const s = i(({
+  color: t = "default",
+  children: r,
+  sx: e,
+  ...o
+}, m) => {
+  const a = n();
+  return t === "default" ? /* @__PURE__ */ p(f, {
+    ref: m,
+    sx: e,
+    ...o,
+    children: r
+  }) : /* @__PURE__ */ p(f, {
+    ref: m,
+    sx: {
+      fontWeight: a.typography.fontWeightMedium,
+      color: a.palette[t].contrastText,
+      backgroundColor: a.palette[t].main,
+      ...e
+    },
+    ...o,
+    children: r
+  });
+});
+s.displayName = "Avatar";
+export {
+  s as A
+};

package/components/mui_extended/Avatar/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AvatarProps } from './types';
-export declare const Avatar: import("react").ForwardRefExoticComponent<Pick<AvatarProps, "className" | "style" | "classes" | "color" | "translate" | "slot" | "title" | "children" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alt" | "src" | "sizes" | "srcSet" | "variant" | "imgProps"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Avatar: import("react").ForwardRefExoticComponent<Pick<AvatarProps, "className" | "style" | "classes" | "color" | "translate" | "slot" | "title" | "children" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alt" | "src" | "sizes" | "srcSet" | "variant" | "imgProps"> & import("react").RefAttributes<HTMLDivElement>>;
 export default Avatar;

package/components/mui_extended/BoxIcon/index.e638ecc8.js

@@ -0,0 +1,22 @@
+import { Box as r } from "@mui/material";
+import { jsx as t } from "react/jsx-runtime";
+function a({
+  src: o,
+  sx: n
+}) {
+  return /* @__PURE__ */ t(r, {
+    component: "span",
+    sx: {
+      width: 20,
+      height: 20,
+      display: "inline-block",
+      bgcolor: "currentColor",
+      mask: `url(${o}) no-repeat center / contain`,
+      WebkitMask: `url(${o}) no-repeat center / contain`,
+      ...n
+    }
+  });
+}
+export {
+  a as B
+};

package/components/mui_extended/Breadcrumbs/index.5e37d903.js

@@ -0,0 +1,89 @@
+import { useMemo as c } from "react";
+import { useModuleDictionary as m } from "@m4l/core";
+import { Link as u, Box as l, Typography as x, Breadcrumbs as f } from "@mui/material";
+import { Link as b } from "react-router-dom";
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+function d({
+  link: s
+}) {
+  const {
+    href: e,
+    name: n,
+    icon: a,
+    dictionaryField: o
+  } = s, {
+    getLabel: r
+  } = m();
+  return /* @__PURE__ */ g(u, {
+    variant: "body2",
+    component: b,
+    to: e || "#",
+    sx: {
+      lineHeight: 2,
+      display: "flex",
+      alignItems: "center",
+      color: "text.primary",
+      "& > div": {
+        display: "inherit"
+      }
+    },
+    children: [a && /* @__PURE__ */ i(l, {
+      sx: {
+        mr: 1,
+        "& svg": {
+          width: 20,
+          height: 20
+        }
+      },
+      children: a
+    }), o !== void 0 && r ? r(o) : n]
+  }, n);
+}
+function D(s) {
+  const {
+    links: e,
+    activeLast: n = !1,
+    ...a
+  } = s, {
+    getLabel: o
+  } = m(), r = c(() => {
+    if (e.length === 0)
+      return "";
+    const {
+      dictionaryField: t
+    } = e[e.length - 1];
+    return o(t);
+  }, [o, e]), p = c(() => e.map((t) => /* @__PURE__ */ i(d, {
+    link: t
+  }, t.name)), [e]), h = c(() => e.map((t) => t.name !== r ? /* @__PURE__ */ i(d, {
+    link: t
+  }, t.name) : /* @__PURE__ */ i(x, {
+    variant: "body2",
+    sx: {
+      maxWidth: 260,
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      color: "text.disabled",
+      textOverflow: "ellipsis"
+    },
+    children: r
+  }, t.name)), [r, e]);
+  return /* @__PURE__ */ i(f, {
+    id: "MUIBreadcrumbs",
+    separator: /* @__PURE__ */ i(l, {
+      component: "span",
+      sx: {
+        width: 4,
+        height: 4,
+        mx: 0.5,
+        borderRadius: "50%",
+        bgcolor: "text.disabled"
+      }
+    }),
+    ...a,
+    children: n ? p : h
+  });
+}
+export {
+  D as B
+};

package/components/mui_extended/Button/index.84d8898c.js

@@ -0,0 +1,110 @@
+import { useModuleSkeleton as u, useEnvironment as p } from "@m4l/core";
+import m from "@mui/material/Button";
+import { styled as f, Skeleton as a } from "@mui/material";
+import { jsx as i } from "react/jsx-runtime";
+import { LoadingButton as h } from "@mui/lab";
+import { styled as s, alpha as g } from "@mui/material/styles";
+import { I as y } from "../IconButton/index.88f3aadb.js";
+import { u as B } from "../../DynamicFilter/index.82ce857e.js";
+import { useMemo as v } from "react";
+const S = f(a)(({
+  theme: t
+}) => ({
+  borderRadius: t.spacing(0.5)
+})), E = (t) => u() ? /* @__PURE__ */ i(S, {
+  variant: "rectangular",
+  width: "100px",
+  height: "36px"
+}) : /* @__PURE__ */ i(m, {
+  ...t
+}), k = s("div")(({
+  theme: t
+}) => ({
+  display: "flex",
+  width: "100%",
+  borderRadius: t.spacing(1),
+  overflow: "hidden"
+})), x = () => /* @__PURE__ */ i(k, {
+  id: "WrapperSKTLoadingButton",
+  children: /* @__PURE__ */ i(a, {
+    variant: "rectangular",
+    width: "100%",
+    height: "48px"
+  })
+}), I = (t) => {
+  const {
+    isSkeleton: o,
+    children: r,
+    ...n
+  } = t;
+  return o ? /* @__PURE__ */ i(x, {}) : /* @__PURE__ */ i(h, {
+    ...n,
+    children: r
+  });
+}, F = s("div")(({
+  theme: t
+}) => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  minWidth: t.spacing(3.75),
+  height: t.spacing(3.75),
+  background: g(t.palette.primary.main, 0.3)
+})), L = s("div")(() => ({
+  "&.isDirty": {
+    animationName: "dirtyEffect",
+    animationDuration: "1s",
+    animationFillMode: "both",
+    animationIterationCount: "infinite",
+    transition: "all .3s",
+    "@keyframes dirtyEffect": {
+      "20%": {
+        opacity: 1
+      },
+      "50%": {
+        opacity: 0.5
+      },
+      "100%": {
+        opacity: 1
+      }
+    }
+  },
+  "&.isDirtyError": {}
+}));
+function M() {
+  const {
+    isSkeleton: t,
+    fireOnChangeFilters: o,
+    automatic: r,
+    isDirty: n,
+    isValid: e
+  } = B(), {
+    host_static_assets: c,
+    environment_assets: l
+  } = p();
+  if (t)
+    return /* @__PURE__ */ i(F, {
+      children: /* @__PURE__ */ i(a, {
+        variant: "circular",
+        width: 20,
+        height: 20
+      })
+    });
+  const d = v(() => r || !n ? "action.active" : e ? "primary.main" : "error.main", [r, e, n]);
+  return /* @__PURE__ */ i(L, {
+    id: "WrapperFilterButton",
+    className: n && e ? "isDirty" : "",
+    children: /* @__PURE__ */ i(y, {
+      bgColor: d,
+      dictionaryTooltip: "dynamic_filter.filter_tooltip",
+      onClick: () => o(),
+      "aria-label": "settings",
+      src: `${c}/${l}/frontend/components/dynamic_filter/assets/icons/${r ? "refresh" : "search"}.svg`
+    })
+  });
+}
+export {
+  E as B,
+  M as F,
+  I as L
+};

package/components/mui_extended/IconButton/index.88f3aadb.js

@@ -0,0 +1,98 @@
+import { m as u } from "framer-motion";
+import { forwardRef as p, useMemo as f } from "react";
+import { IconButton as l, Box as v, Skeleton as h, Tooltip as I } from "@mui/material";
+import { jsx as e } from "react/jsx-runtime";
+import { useModuleDictionary as x, useModuleSkeleton as b } from "@m4l/core";
+import { I as m } from "../../Icon/index.cbca79b0.js";
+const g = {
+  hover: {
+    scale: 1.1
+  },
+  tap: {
+    scale: 0.95
+  }
+}, B = {
+  hover: {
+    scale: 1.09
+  },
+  tap: {
+    scale: 0.97
+  }
+}, S = {
+  hover: {
+    scale: 1.08
+  },
+  tap: {
+    scale: 0.99
+  }
+};
+function w({
+  size: o,
+  children: a
+}) {
+  const n = o === "small", t = o === "large";
+  return /* @__PURE__ */ e(v, {
+    component: u.div,
+    whileTap: "tap",
+    whileHover: "hover",
+    variants: n && g || t && S || B,
+    sx: {
+      display: "inline-flex"
+    },
+    children: a
+  });
+}
+const M = p(({
+  children: o,
+  size: a = "medium",
+  ...n
+}, t) => /* @__PURE__ */ e(w, {
+  size: a,
+  children: /* @__PURE__ */ e(l, {
+    size: a,
+    ref: t,
+    ...n,
+    children: o
+  })
+}));
+M.displayName = "IconButtonAnimate";
+function D({
+  src: o,
+  tooltip: a,
+  size: n = "small",
+  dictionaryTooltip: t,
+  bgColor: c = "primary.active",
+  ...r
+}) {
+  const {
+    getLabel: i
+  } = x(), d = b(), s = f(() => t && i ? i(t) : a, [t, i]);
+  return d ? /* @__PURE__ */ e(h, {
+    variant: "circular",
+    width: "30px",
+    height: "30px"
+  }) : s ? /* @__PURE__ */ e(I, {
+    title: s || "",
+    children: /* @__PURE__ */ e("div", {
+      children: /* @__PURE__ */ e(l, {
+        size: n,
+        ...r,
+        children: /* @__PURE__ */ e(m, {
+          src: o,
+          bgColor: r.disabled ? "action.disabled" : c
+        })
+      })
+    })
+  }) : /* @__PURE__ */ e(l, {
+    size: n,
+    ...r,
+    children: /* @__PURE__ */ e(m, {
+      src: o,
+      bgColor: r.disabled ? "action.disabled" : c
+    })
+  });
+}
+export {
+  D as I,
+  M as a
+};

package/components/mui_extended/LinkWithRoute/index.d4b263de.js

@@ -0,0 +1,28 @@
+import { Link as p } from "react-router-dom";
+import { Skeleton as h, Link as a } from "@mui/material";
+import { jsx as t } from "react/jsx-runtime";
+const L = (o) => {
+  const {
+    to: e,
+    children: n,
+    skeletonProps: r = {},
+    ...i
+  } = o, {
+    isSkeleton: s = !1,
+    width: k = "100%",
+    height: m = "14px"
+  } = r;
+  return s ? /* @__PURE__ */ t(h, {
+    variant: "text",
+    width: k,
+    height: m
+  }) : /* @__PURE__ */ t(a, {
+    component: p,
+    to: e,
+    ...i,
+    children: n
+  });
+};
+export {
+  L
+};

package/components/mui_extended/MenuPopover/index.488fc536.js

@@ -0,0 +1,131 @@
+import { styled as s } from "@mui/material/styles";
+import { Popover as d } from "@mui/material";
+import { jsxs as g, jsx as m } from "react/jsx-runtime";
+const h = s("span")(({
+  arrow: t,
+  theme: e
+}) => {
+  const o = `solid 1px ${e.palette.grey[50012]}`, r = {
+    borderRadius: "0 0 3px 0",
+    top: -6,
+    borderBottom: o,
+    borderRight: o
+  }, i = {
+    borderRadius: "3px 0 0 0",
+    bottom: -6,
+    borderTop: o,
+    borderLeft: o
+  }, n = {
+    borderRadius: "0 3px 0 0",
+    left: -6,
+    borderTop: o,
+    borderRight: o
+  }, p = {
+    borderRadius: "0 0 0 3px",
+    right: -6,
+    borderBottom: o,
+    borderLeft: o
+  };
+  return {
+    display: "none",
+    [e.breakpoints.up("sm")]: {
+      zIndex: 1,
+      width: 12,
+      height: 12,
+      content: "''",
+      position: "absolute",
+      display: "block",
+      transform: "rotate(-135deg)",
+      background: e.palette.background.paper
+    },
+    ...t === "top-left" && {
+      ...r,
+      left: 20
+    },
+    ...t === "top-center" && {
+      ...r,
+      left: 0,
+      right: 0,
+      margin: "auto"
+    },
+    ...t === "top-right" && {
+      ...r,
+      right: 20
+    },
+    ...t === "bottom-left" && {
+      ...i,
+      left: 20
+    },
+    ...t === "bottom-center" && {
+      ...i,
+      left: 0,
+      right: 0,
+      margin: "auto"
+    },
+    ...t === "bottom-right" && {
+      ...i,
+      right: 20
+    },
+    ...t === "left-top" && {
+      ...n,
+      top: 20
+    },
+    ...t === "left-center" && {
+      ...n,
+      top: 0,
+      bottom: 0,
+      margin: "auto"
+    },
+    ...t === "left-bottom" && {
+      ...n,
+      bottom: 20
+    },
+    ...t === "right-top" && {
+      ...p,
+      top: 20
+    },
+    ...t === "right-center" && {
+      ...p,
+      top: 0,
+      bottom: 0,
+      margin: "auto"
+    },
+    ...t === "right-bottom" && {
+      ...p,
+      bottom: 20
+    }
+  };
+});
+function u({
+  children: t,
+  arrow: e = "top-right",
+  disabledArrow: l,
+  sx: b,
+  ...o
+}) {
+  return /* @__PURE__ */ g(d, {
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    },
+    PaperProps: {
+      sx: {
+        p: 1,
+        width: 200,
+        overflow: "inherit",
+        ...b
+      }
+    },
+    ...o,
+    children: [!l && /* @__PURE__ */ m(h, {
+      arrow: e
+    }), t]
+  });
+}
+export {
+  u as M
+};