import { ToastContainer as I } from "react-toastify";
export * from "react-toastify";
import { jsx as i } from "react/jsx-runtime";
import { CheckCircle as k, CloseCircle as A, InfoCircle as O, Danger as D, Close as M } from "@front.zen/icons";
import { IconButton as S, styled as R, Box as B, alertClasses as u, outlinedInputClasses as a, autocompleteClasses as $, inputBaseClasses as w, chipClasses as W, alpha as P, typographyClasses as H, buttonBaseClasses as c, switchClasses as e, tabClasses as d, createTheme as L, formLabelClasses as N, touchRippleClasses as z, stepConnectorClasses as l, stepLabelClasses as m, menuClasses as j, menuItemClasses as X } from "@mui/material";
import { blue as T, green as v, orange as _, red as E } from "@mui/material/colors";
import { mergeDeepRight as K } from "ramda";
import { Check as Y, KeyboardArrowDownRounded as q } from "@mui/icons-material";
import G from "@mui/icons-material/CloseRounded";
import J from "@mui/icons-material/KeyboardArrowDownRounded";
const g = {
  default: /* @__PURE__ */ i(k, { fontSize: "inherit" }),
  success: /* @__PURE__ */ i(k, { fontSize: "inherit" }),
  error: /* @__PURE__ */ i(A, { fontSize: "inherit" }),
  info: /* @__PURE__ */ i(O, { fontSize: "inherit" }),
  warning: /* @__PURE__ */ i(D, { fontSize: "inherit" })
}, To = (o) => /* @__PURE__ */ i(
  I,
  {
    icon: (r) => g[r.type],
    theme: "colored",
    rtl: !0,
    hideProgressBar: !0,
    position: "bottom-right",
    closeButton: (r) => /* @__PURE__ */ i("div", { className: "Toastify__close-button", children: /* @__PURE__ */ i(S, { size: "small", sx: { color: "inherit" }, onClick: r.closeToast, children: /* @__PURE__ */ i(M, {}) }) }),
    ...o
  }
), Q = ({ completed: o, active: r = !1, className: n }) => /* @__PURE__ */ i(U, { active: r, className: n, children: o ? /* @__PURE__ */ i(Y, { className: "stepIcon-check" }) : /* @__PURE__ */ i(B, { className: "stepIcon-circle" }) }), U = R(B, {
  shouldForwardProp: (o) => o !== "active"
})(({ theme: o, active: r }) => ({
  color: r ? o.palette.secondary.main : o.palette.grey[500],
  display: "flex",
  alignItems: "center",
  "& .stepIcon-check": {
    color: "#ffff",
    backgroundColor: o.palette.primary.main,
    width: 40,
    height: 40,
    padding: 8,
    borderRadius: "50%",
    zIndex: 1
  },
  "& .stepIcon-circle": {
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    width: 40,
    height: 40,
    borderRadius: "50%",
    backgroundColor: "transparent",
    border: "2px solid currentColor",
    zIndex: 1,
    "&::after": {
      position: "absolute",
      content: '""',
      width: r ? 16 : 14,
      height: r ? 16 : 14,
      borderRadius: "50%",
      backgroundColor: "currentColor"
    }
  }
})), V = {
  styleOverrides: {
    tooltip: ({ theme: o, ownerState: r }) => ({
      backgroundColor: o.palette.primary[800],
      borderRadius: 6,
      padding: "4px 8px"
    }),
    arrow: ({ theme: o, ownerState: r }) => ({
      color: o.palette.primary[800]
    })
  }
}, Z = {
  defaultProps: {
    iconMapping: {
      error: g.error,
      warning: g.warning,
      info: g.info,
      success: g.success
    }
  },
  styleOverrides: {
    root: {
      alignItems: "flex-start",
      padding: "11px 16px",
      width: "fit-content"
    },
    icon: {
      fontSize: 24,
      padding: 0,
      marginRight: 10
    },
    message: {
      padding: 0
    },
    standardInfo: ({ theme: o }) => ({
      background: o.palette.primary[100],
      border: `1px solid ${o.palette.primary[500]}`,
      color: o.palette.primary[800],
      [`& .${u.icon}`]: {
        color: o.palette.primary[500]
      }
    }),
    standardSuccess: ({ theme: o }) => ({
      background: o.palette.success[100],
      border: `1px solid ${o.palette.success[500]}`,
      color: o.palette.success[800],
      [`& .${u.icon}`]: {
        color: o.palette.success[500]
      }
    }),
    standardWarning: ({ theme: o }) => ({
      background: o.palette.warning[100],
      border: `1px solid ${o.palette.warning[500]}`,
      color: o.palette.warning[800],
      [`& .${u.icon}`]: {
        color: o.palette.warning[500]
      }
    }),
    standardError: ({ theme: o }) => ({
      background: o.palette.error[100],
      border: `1px solid ${o.palette.error[500]}`,
      color: o.palette.error[800],
      [`& .${u.icon}`]: {
        color: o.palette.error[500]
      }
    })
  }
}, oo = {
  styleOverrides: {
    root: ({ theme: o }) => ({
      ...o.typography.h5,
      marginTop: 0
    })
  }
}, x = {
  small: "8px",
  medium: "12px"
}, ro = {
  styleOverrides: {
    root: ({ theme: o, ownerState: r }) => ({
      ...r.size === "small" ? o.typography.body2 : o.typography.body1,
      ...r.endAdornment && {
        paddingRight: o.spacing(2)
      },
      ...r.startAdornment && {
        paddingLeft: o.spacing(1)
      },
      backgroundColor: o.palette.common.white,
      [`& .${a.notchedOutline}`]: {
        borderColor: o.palette.grey[400],
        "& legend": {
          /**
           * Note: We shouldn't use lineHeight here because MUI sets the 'legend' height
           * when we have a label and doesn't set the height when we don't have label and use lineHeight for that.
           */
          fontSize: o.typography[r.size === "small" ? "caption" : "body2"].fontSize
        }
      },
      [`&:not(.${a.disabled}) &:hover .${a.notchedOutline}`]: {
        borderColor: o.palette.grey[500]
      },
      [`&.${a.disabled}`]: {
        backgroundColor: o.palette.grey[100],
        [`& .${a.notchedOutline}`]: {
          borderColor: o.palette.grey[300]
        }
      }
    }),
    focused: ({ ownerState: o, theme: r }) => ({
      [`& .${a.notchedOutline}`]: {
        borderColor: t(r, o, "main")
      }
    }),
    input: ({ ownerState: o, theme: r }) => ({
      height: "1.5rem",
      [`&.${a.disabled}`]: {
        WebkitTextFillColor: r.palette.grey[500],
        color: r.palette.grey[500]
      },
      ...!o.multiline && {
        padding: `${x[o.size || "medium"]} 14px`
      }
    }),
    error: ({ theme: o }) => ({
      [`&:is(:hover, .${a.focused}) .${a.notchedOutline}`]: {
        borderColor: o.palette.error.main
      }
    }),
    adornedStart: ({ theme: o }) => ({
      [`& .${a.input}`]: {
        paddingLeft: o.spacing(1)
      }
    }),
    adornedEnd: ({ theme: o }) => ({
      [`& .${a.input}`]: {
        paddingRight: o.spacing(1)
      }
    })
  }
}, eo = {
  defaultProps: {
    popupIcon: /* @__PURE__ */ i(q, {}),
    ChipProps: {
      size: "small"
    }
  },
  styleOverrides: {
    root: ({ theme: o }) => ({
      [`& .${a.root}`]: {
        paddingLeft: o.spacing(1),
        [`& .${$.input}`]: {
          padding: `calc(${x.medium} - 9px) 6px`
        },
        [`&.${w.sizeSmall} .${$.input}`]: {
          padding: `calc(${x.small} - ${o.spacing(0.75)}) 6px`
        }
      }
    }),
    tag: ({ theme: o }) => ({
      marginTop: o.spacing(0.25)
    }),
    paper: ({ theme: o }) => ({
      marginTop: o.spacing(0.5)
    }),
    option: ({ ownerState: o, theme: r }) => ({
      padding: r.spacing(0.5, 1),
      margin: r.spacing(1),
      color: r.palette.neutral[600],
      borderRadius: r.shape.borderRadius,
      [`&:is(&[aria-selected='true'], &.${$.focused})`]: {
        backgroundColor: r.palette.primary[100],
        color: r.palette.primary.main,
        "&:hover": {
          backgroundColor: r.palette.primary[200]
        }
      },
      ...o.size === "small" ? r.typography.body2 : r.typography.body1
    }),
    input: ({ ownerState: o, theme: r }) => ({
      ...o.size === "small" ? r.typography.body2 : r.typography.body1
    })
  }
}, to = {
  defaultProps: {
    size: "small",
    color: "primary",
    deleteIcon: /* @__PURE__ */ i(G, {})
  },
  styleOverrides: {
    sizeSmall: {
      minHeight: 24
    },
    sizeMedium: {
      minHeight: 32
    },
    icon: {
      fontSize: "16px"
    },
    root: ({ theme: o, ownerState: r }) => ({
      paddingLeft: o.spacing(0.5),
      paddingRight: o.spacing(0.5),
      ...o.typography.caption,
      color: t(o, r, 600),
      [`&.${W.disabled}`]: {
        opacity: 1,
        color: o.palette.grey[400],
        background: o.palette.grey[100],
        borderColor: o.palette.grey[300]
      }
    }),
    filled: ({ theme: o, ownerState: r }) => ({
      backgroundColor: t(o, r, 100),
      "&:hover": {
        backgroundColor: t(o, r, 200)
      }
    }),
    outlined: ({ theme: o, ownerState: r }) => ({
      borderWidth: "1px",
      borderColor: t(o, r, 300),
      "&:hover": {
        borderColor: t(o, r, 300),
        backgroundColor: t(o, r, 50)
      }
    }),
    deleteIcon: ({ theme: o, ownerState: r }) => {
      const n = t(o, r, 600);
      return {
        fontSize: "16px",
        color: P(n, 0.5),
        "&:hover": { color: n }
      };
    }
  }
}, ao = {
  styleOverrides: {
    root: ({ theme: o }) => ({
      margin: 0,
      color: o.palette.grey[500],
      [`& .${H.root}`]: {
        color: o.palette.grey[500]
      },
      [`.${a.root}.${a.disabled} &`]: {
        color: o.palette.grey[400]
      },
      [`.${a.error} &`]: {
        color: o.palette.error.main
      }
    })
  }
}, io = {
  styleOverrides: {
    root: ({ theme: o, ownerState: r }) => ({
      fontSize: o.typography[r.size === "small" ? "body2" : "body1"].fontSize,
      transform: r.size === "small" ? "translate(14px, 10px) scale(1)" : "translate(14px, 12px) scale(1)"
    }),
    shrink: ({ theme: o, ownerState: r }) => ({
      // Change the transform value when the input is focused or filled
      transform: `translate(14px, ${r.size === "small" ? "-10px" : "-12px"}) scale(1)`,
      fontSize: o.typography[r.size === "small" ? "caption" : "body2"].fontSize
    })
  }
}, no = {
  defaultProps: {
    IconComponent: J
  },
  styleOverrides: {
    select: {
      height: "1.5rem",
      display: "flex",
      alignItems: "center"
    }
  }
}, so = {
  defaultProps: {
    color: "secondary"
  },
  styleOverrides: {
    root: ({ theme: o, ownerState: r }) => ({
      padding: 8,
      [`.${c.root}.${e.switchBase}`]: {
        [`&.${e.disabled}`]: {
          [`.${e.thumb}`]: {
            backgroundColor: o.palette.grey[300],
            boxShadow: "none"
          },
          [`+.${e.track}`]: {
            borderColor: o.palette.grey[200],
            backgroundColor: o.palette.grey[100]
          }
        }
      },
      ...!r.disabled && {
        "&:hover": {
          [`.${c.root}.${e.switchBase}`]: {
            [`:not(.${e.checked})`]: {
              [`+.${e.track}`]: {
                borderColor: o.palette.grey[600]
              },
              [`.${e.thumb}`]: {
                backgroundColor: o.palette.grey[600]
              }
            },
            [`&.${e.checked}`]: {
              [`+.${e.track}`]: {
                borderColor: t(o, r, "dark")
              },
              [`.${e.thumb}`]: {
                backgroundColor: t(o, r, "dark")
              }
            }
          }
        }
      }
    }),
    thumb: ({ theme: o, ownerState: r }) => ({
      backgroundColor: o.palette.grey[500],
      boxShadow: "none",
      [`.${e.checked} &`]: {
        backgroundColor: t(o, r)
      }
    }),
    track: ({ theme: o, ownerState: r }) => ({
      [`.${c.root}.${e.switchBase}+&`]: {
        backgroundColor: o.palette.common.white,
        border: `1.5px solid ${o.palette.grey[500]}`,
        opacity: 1,
        borderRadius: 22 / 2
      },
      [`.${c.root}.${e.switchBase}.${e.checked}+&`]: {
        borderColor: t(o, r)
      }
    }),
    switchBase: {
      left: "0 /* @noflip */",
      right: "unset /* @noflip */"
    },
    sizeMedium: {
      width: 56,
      height: 36,
      [`& .${e.thumb}`]: {
        margin: 3,
        width: 12,
        height: 12
      },
      [`.${e.switchBase}.${e.checked}`]: {
        transform: "translateX(20px) /* @noflip */"
      }
    },
    sizeSmall: {
      width: 48,
      height: 32,
      [`& .${e.thumb}`]: {
        margin: 8,
        width: 8,
        height: 8
      },
      [`.${e.switchBase}.${e.checked}`]: {
        transform: "translateX(16px) /* @noflip */"
      }
    }
  }
}, lo = {
  styleOverrides: {
    root: ({ theme: o }) => ({
      padding: "6px 16px",
      minHeight: "40px",
      color: o.palette.grey[500],
      ...o.typography.body1,
      [`&.${d.selected}`]: {
        ...o.typography.h5
      },
      [`&.${d.disabled}`]: {
        color: o.palette.grey[300]
      }
    }),
    textColorPrimary: ({ theme: o }) => ({
      [`&:not(.${d.selected}):hover`]: {
        color: o.palette.primary[400]
      }
    }),
    textColorSecondary: ({ theme: o }) => ({
      [`&:not(.${d.selected}):hover`]: {
        color: o.palette.secondary[400]
      }
    }),
    textColorInherit: {
      [`&:not(.${d.selected}):hover`]: {
        color: "inherit"
      }
    }
  }
}, po = {
  styleOverrides: {
    root: {
      minHeight: "40px"
    },
    indicator: {
      height: "3px"
    }
  }
}, y = {
  50: "#EFF6FF",
  100: "#DBEAFE",
  200: "#BFDBFE",
  300: "#93C5FD",
  400: "#60A5FA",
  500: "#3B82F6",
  600: "#2563EB",
  700: "#1D4ED8",
  800: "#1E40AF",
  900: "#1E3A8A"
}, b = {
  50: "#F0FDF4",
  100: "#DCFCE7",
  200: "#BBF7D0",
  300: "#86EFAC",
  400: "#4ADE80",
  500: "#22C55E",
  600: "#16A34A",
  700: "#15803D",
  800: "#166534",
  900: "#14532D"
}, p = {
  50: "#F8FAFC",
  100: "#F1F5F9",
  200: "#E2E8F0",
  300: "#CBD5E1",
  400: "#94A3B8",
  500: "#64748B",
  600: "#475569",
  700: "#334155",
  800: "#1E293B",
  900: "#0F172A"
}, co = {
  50: "#F0F5FF",
  100: "#E5EDFF",
  200: "#CDDBFE",
  300: "#B4C6FC",
  400: "#8DA2FB",
  500: "#6875F5",
  600: "#5850EC",
  700: "#5145CD",
  800: "#42389D",
  900: "#362F78"
}, f = {
  50: "#FEFCE8",
  100: "#FEF3C7",
  200: "#FDE68A",
  300: "#FCD34D",
  400: "#FBBF24",
  500: "#F59E0B",
  600: "#D97706",
  700: "#B45309",
  800: "#92400E",
  900: "#78350F"
}, h = {
  50: "#FEF2F2",
  100: "#FEE2E2",
  200: "#FECACA",
  300: "#FCA5A5",
  400: "#F87171",
  500: "#EF4444",
  600: "#DC2626",
  700: "#B91C1C",
  800: "#991B1B",
  900: "#7F1D1D"
}, C = {
  50: "#FEFCE8",
  100: "#FEF9C3",
  200: "#FEF08A",
  300: "#FDE047",
  400: "#FACC15",
  500: "#EAB308",
  600: "#CA8A04",
  700: "#A16207",
  800: "#854D0E",
  900: "#713F12"
}, go = {
  grey: p,
  info: co,
  primary: {
    ...y,
    dark: y[600],
    main: y[500],
    light: y[400],
    contrastText: "#fff"
  },
  secondary: {
    ...f,
    dark: f[600],
    main: f[500],
    light: f[400],
    contrastText: "#fff"
  },
  neutral: {
    ...p,
    dark: p[600],
    main: p[500],
    light: p[400],
    contrastText: "#fff"
  },
  error: {
    ...h,
    dark: h[600],
    main: h[500],
    light: h[400],
    contrastText: "#fff"
  },
  warning: {
    ...C,
    dark: C[600],
    main: C[500],
    light: C[400],
    contrastText: "#fff"
  },
  success: {
    ...b,
    dark: b[600],
    main: b[500],
    light: b[400],
    contrastText: "#fff"
  }
}, uo = {
  fontFamily: "IRANYekanX, roboto",
  h1: {
    fontWeight: 800,
    fontSize: "2rem",
    // 32px
    lineHeight: 1.5
  },
  h2: {
    fontWeight: 800,
    fontSize: "1.5rem",
    // 24px
    lineHeight: 1.5
  },
  h3: {
    fontWeight: 700,
    fontSize: "1.25rem",
    // 20px
    lineHeight: 1.5
  },
  h4: {
    fontWeight: 500,
    fontSize: "1.125rem",
    // 18px
    lineHeight: 1.5
  },
  h5: {
    fontWeight: 700,
    fontSize: "1rem",
    // 16px
    lineHeight: 1.5
  },
  h6: {
    fontWeight: 700,
    fontSize: "0.875rem",
    // 14px
    lineHeight: 1.5
  },
  button: {
    fontWeight: 500,
    fontSize: "1rem",
    // 16px
    lineHeight: 1.25
  },
  body1: {
    fontWeight: 400,
    fontSize: "1rem",
    // 16px
    lineHeight: 1.75
  },
  body2: {
    fontWeight: 400,
    fontSize: "0.875rem",
    // 14px
    lineHeight: 1.75
  },
  caption: {
    fontWeight: 400,
    fontSize: "0.75rem",
    // 12px
    lineHeight: 1.5
  },
  overline: {
    fontWeight: 300,
    fontSize: "0.75rem",
    // 12px
    lineHeight: 1.5
  }
}, yo = {
  palette: go,
  direction: "rtl",
  typography: uo,
  shape: {
    borderRadius: 12
  },
  components: {
    MuiTab: lo,
    MuiTabs: po,
    MuiChip: to,
    MuiOutlinedInput: ro,
    MuiAutocomplete: eo,
    MuiInputLabel: io,
    MuiSelect: no,
    MuiInputAdornment: ao,
    MuiSwitch: so,
    MuiCssBaseline: {
      styleOverrides: (o) => `
      .Toastify__toast-container {
      }
  
      .Toastify__toast {
        padding: 0 6px 0 16px;
        border-radius: ${o.shape.borderRadius}px;
        min-width: 320px;
        box-shadow:${o.shadows[12]}
      }
  
      .Toastify__toast-body {
        font-size: ${o.typography.caption.fontSize};
        font-weight: ${o.typography.caption.fontWeight};
        font-family:${o.typography.fontFamily};
      }
     
      .Toastify__progress-bar {
      }
  
      .Toastify__close-button {
        color: ${o.palette.neutral[700]};
        padding-top:6px;
      }
  
      .Toastify__toast-icon {
        width:unset;
        padding : 8px;
        border-radius: 100%;
      }

      .Toastify__toast-container .Toastify__toast-theme--colored {
        color: ${o.palette.neutral[800]};
      }
  
      .Toastify__toast-theme--colored.Toastify__toast--info {
        background: ${T[100]};
        .Toastify__toast-icon {
          background : ${T[50]};
        }
      }
  
      .Toastify__toast-theme--colored.Toastify__toast--success {
        background: ${v[100]};
        .Toastify__toast-icon {
          background : ${v[50]};
        }
      }
  
      .Toastify__toast-theme--colored.Toastify__toast--warning {
        background: ${_[100]};
        .Toastify__toast-icon {
          background : ${_[50]};
        }
      }
  
      .Toastify__toast-theme--colored.Toastify__toast--error {
        background: ${E[100]};
        .Toastify__toast-icon {
          background : ${E[50]};
        }
      }
      `
    },
    MuiFormHelperText: {
      styleOverrides: {
        root: {
          marginLeft: "12px"
        }
      }
    },
    MuiAlertTitle: oo,
    MuiAlert: Z,
    MuiRadio: {
      defaultProps: {
        color: "secondary"
      }
    },
    MuiCheckbox: {
      defaultProps: {
        color: "secondary"
      }
    },
    MuiFormLabel: {
      styleOverrides: {
        root: ({ theme: o }) => ({
          fontSize: "0.875rem",
          [`&.${N.disabled}`]: {
            color: o.palette.neutral[400]
          }
        })
      }
    },
    MuiIconButton: {
      styleOverrides: {
        root: ({ theme: o, ownerState: r }) => ({
          borderRadius: o.shape.borderRadius,
          [`& .${z.root} .${z.child}`]: {
            borderRadius: o.shape.borderRadius
          },
          ...r.size === "small" && {
            padding: 4
          }
        })
      }
    },
    MuiButton: {
      styleOverrides: {
        root: ({ ownerState: o, theme: r }) => ({
          ...r.typography.button,
          ...o.size === "small" && {
            ...r.typography.body2,
            height: 32
          },
          ...o.size === "medium" && {
            height: 40
          },
          ...o.size === "large" && {
            height: 48
          },
          // semiFill variant
          ...o.variant === "semiFill" && {
            backgroundColor: t(r, o, 100),
            color: t(r, o, 500),
            "&:hover": {
              backgroundColor: t(r, o, 200),
              color: t(r, o, 600)
            },
            "&:focus": {
              backgroundColor: t(r, o, 50),
              color: t(r, o, 400)
            },
            ...o.disabled && {
              backgroundColor: r.palette.grey[100],
              color: r.palette.grey[300]
            }
          }
        })
      }
    },
    MuiStepper: {
      defaultProps: { alternativeLabel: !0 },
      styleOverrides: {
        root: ({ theme: o, ownerState: r }) => ({
          [`& :nth-of-type(${(r.activeStep || 0) + 2})`]: {
            [`& .${l.line}`]: {
              borderImageSource: `linear-gradient(90deg, ${o.palette.grey[400]} 0%,  ${o.palette.secondary[500]} 100%)`
            }
          }
        })
      }
    },
    MuiStepConnector: {
      styleOverrides: {
        root: ({ theme: o }) => ({
          [`&.${l.alternativeLabel}`]: {
            top: 19
          },
          [`&.${l.active}`]: {
            [`& .${l.line}`]: {
              borderImageSource: `linear-gradient(90deg, ${o.palette.secondary[500]} 0%, ${o.palette.primary[500]} 100%);`
            }
          },
          [`&.${l.completed}`]: {
            [`& .${l.line}`]: {
              borderColor: o.palette.primary[500]
            }
          }
        }),
        line: () => ({
          borderRadius: 1,
          borderTopWidth: 2,
          borderImageSlice: 1
        })
      }
    },
    MuiStepLabel: {
      styleOverrides: {
        labelContainer: ({ theme: o }) => ({
          [`& .${m.label}`]: {
            [`&.${m.active}`]: {
              color: o.palette.secondary[500],
              fontWeight: o.typography.fontWeightBold
            },
            [`&.${m.completed}`]: {
              color: o.palette.primary[500]
            }
          }
        })
      },
      defaultProps: {
        StepIconComponent: Q
      }
    },
    MuiTooltip: V,
    MuiList: {
      styleOverrides: {
        root: ({ theme: o }) => ({
          [`&.${j.list}`]: {
            padding: "12px 8px",
            [`& .${c.root}.${X.root}`]: {
              padding: "4px 8px",
              marginBottom: 4,
              color: o.palette.neutral[600],
              borderRadius: o.shape.borderRadius,
              ['&[aria-selected="true"]']: {
                background: o.palette.primary[50],
                color: o.palette.primary[500]
              }
            }
          }
        })
      }
    },
    MuiPaginationItem: {
      styleOverrides: {
        root: ({ theme: o }) => ({
          width: "32px",
          backgroundColor: o.palette.grey[100],
          borderRadius: o.spacing(1.5),
          "&:hover": {
            backgroundColor: o.palette.primary[100]
          },
          "&.Mui-selected , &.Mui-selected:hover": {
            backgroundColor: o.palette.primary[400],
            color: o.palette.common.white
          },
          "&.MuiPaginationItem-ellipsis": {
            backgroundColor: "inherit"
          }
        })
      }
    },
    MuiPopover: {
      styleOverrides: {
        paper: {
          marginTop: "4px"
        }
      }
    }
  }
};
function vo(o = {}, ...r) {
  const n = K(yo, o), s = L(n, ...r);
  return s.shadows = bo(s.shadows), s;
}
const bo = (o) => Object.assign(o, {
  2: "0px 1px 2px 0px rgba(0,0,0,0.10)",
  // Raised
  8: "0px 4px 8px 0px rgba(0,0,0,0.10)",
  // Overlay
  12: "0px 6px 12px 0px rgba(0,0,0,0.10)",
  // Sticky Nav
  16: "0px 8px 16px 0px rgba(0,0,0,0.10)",
  // Temporary Nav
  24: "0px 12px 24px 0px rgba(0,0,0,0.10)"
  // Pop out
}), t = (o, r, n = "main") => {
  var F;
  const { color: s = "primary" } = r;
  return (F = o.palette) == null ? void 0 : F[s === "inherit" ? "primary" : s === "default" ? "neutral" : s][n];
};
export {
  To as ToastContainer,
  vo as createTheme,
  go as palette
};
