@notificationapi/react 0.0.37 → 1.0.1

package/dist/assets/WebPushOptInMessage.js

@@ -1,406 +1,798 @@
-import { jsx as S, jsxs as P } from "react/jsx-runtime";
-import * as i from "react";
-import { useContext as ie } from "react";
-import { NotificationAPIContext as le } from "../components/Provider/index.js";
-import { a as $, c as z } from "./presets.js";
-import { I as E } from "./AntdIcon.js";
-import { R as ce } from "./compact-item.js";
-import { R as se } from "./CloseOutlined.js";
-import { g as ae, r as de, u as V, f as ue, a as pe, e as me, i as fe, j as ge, k as _, l as ve, n as ye, o as Ce, _ as he, b as be } from "./reactNode.js";
-import { p as Ie } from "./pickAttrs.js";
-import { B as H } from "./button.js";
-var Se = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" } }] }, name: "check-circle", theme: "filled" }, xe = function(e, n) {
-  return /* @__PURE__ */ i.createElement(E, $({}, e, {
-    ref: n,
-    icon: Se
-  }));
-}, k = /* @__PURE__ */ i.forwardRef(xe);
-process.env.NODE_ENV !== "production" && (k.displayName = "CheckCircleFilled");
-var $e = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "exclamation-circle", theme: "filled" }, Ee = function(e, n) {
-  return /* @__PURE__ */ i.createElement(E, $({}, e, {
-    ref: n,
-    icon: $e
-  }));
-}, D = /* @__PURE__ */ i.forwardRef(Ee);
-process.env.NODE_ENV !== "production" && (D.displayName = "ExclamationCircleFilled");
-var ze = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "info-circle", theme: "filled" }, Ne = function(e, n) {
-  return /* @__PURE__ */ i.createElement(E, $({}, e, {
-    ref: n,
-    icon: ze
-  }));
-}, W = /* @__PURE__ */ i.forwardRef(Ne);
-process.env.NODE_ENV !== "production" && (W.displayName = "InfoCircleFilled");
-const x = (o, e, n, t, l) => ({
-  background: o,
-  border: `${V(t.lineWidth)} ${t.lineType} ${e}`,
-  [`${l}-icon`]: {
-    color: n
-  }
-}), we = (o) => {
+import { jsx as r, jsxs as R } from "react/jsx-runtime";
+import * as I from "react";
+import { useContext as oo } from "react";
+import { NotificationAPIContext as to } from "../components/Provider/context.js";
+import { c as m } from "./createSvgIcon.js";
+import { g as G, a as _, s as S, h as i, m as Z, r as j, t as V, u as Y, c as L, P as t, f as q, v as eo, b as O, w as no } from "./DefaultPropsProvider.js";
+import { u as H, B as ao } from "./ButtonBase.js";
+import { c as P } from "./createSimplePaletteValueFilter.js";
+import { P as ro } from "./Paper.js";
+import { I as so } from "./IconButton.js";
+function io(o) {
+  return _("MuiAlert", o);
+}
+const F = G("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSuccess", "colorInfo", "colorWarning", "colorError", "filledSuccess", "filledInfo", "filledWarning", "filledError", "outlined", "outlinedSuccess", "outlinedInfo", "outlinedWarning", "outlinedError", "standard", "standardSuccess", "standardInfo", "standardWarning", "standardError"]), lo = m(/* @__PURE__ */ r("path", {
+  d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"
+}), "SuccessOutlined"), co = m(/* @__PURE__ */ r("path", {
+  d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+}), "ReportProblemOutlined"), po = m(/* @__PURE__ */ r("path", {
+  d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+}), "ErrorOutline"), uo = m(/* @__PURE__ */ r("path", {
+  d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"
+}), "InfoOutlined"), vo = m(/* @__PURE__ */ r("path", {
+  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), "Close"), go = (o) => {
   const {
-    componentCls: e,
-    motionDurationSlow: n,
-    marginXS: t,
-    marginSM: l,
-    fontSize: c,
-    fontSizeLG: a,
-    lineHeight: p,
-    borderRadiusLG: d,
-    motionEaseInOutCirc: m,
-    withDescriptionIconSize: v,
-    colorText: y,
-    colorTextHeading: C,
-    withDescriptionPadding: h,
-    defaultPadding: s
-  } = o;
+    variant: n,
+    color: a,
+    severity: e,
+    classes: s
+  } = o, l = {
+    root: ["root", `color${i(a || e)}`, `${n}${i(a || e)}`, `${n}`],
+    icon: ["icon"],
+    message: ["message"],
+    action: ["action"]
+  };
+  return q(l, io, s);
+}, fo = S(ro, {
+  name: "MuiAlert",
+  slot: "Root",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: a
+    } = o;
+    return [n.root, n[a.variant], n[`${a.variant}${i(a.color || a.severity)}`]];
+  }
+})(Z(({
+  theme: o
+}) => {
+  const n = o.palette.mode === "light" ? j : V, a = o.palette.mode === "light" ? V : j;
   return {
-    [e]: Object.assign(Object.assign({}, de(o)), {
-      position: "relative",
-      display: "flex",
-      alignItems: "center",
-      padding: s,
-      wordWrap: "break-word",
-      borderRadius: d,
-      [`&${e}-rtl`]: {
-        direction: "rtl"
-      },
-      [`${e}-content`]: {
-        flex: 1,
-        minWidth: 0
-      },
-      [`${e}-icon`]: {
-        marginInlineEnd: t,
-        lineHeight: 0
-      },
-      "&-description": {
-        display: "none",
-        fontSize: c,
-        lineHeight: p
-      },
-      "&-message": {
-        color: C
-      },
-      [`&${e}-motion-leave`]: {
-        overflow: "hidden",
-        opacity: 1,
-        transition: `max-height ${n} ${m}, opacity ${n} ${m},
-        padding-top ${n} ${m}, padding-bottom ${n} ${m},
-        margin-bottom ${n} ${m}`
+    ...o.typography.body2,
+    backgroundColor: "transparent",
+    display: "flex",
+    padding: "6px 16px",
+    variants: [...Object.entries(o.palette).filter(P(["light"])).map(([e]) => ({
+      props: {
+        colorSeverity: e,
+        variant: "standard"
       },
-      [`&${e}-motion-leave-active`]: {
-        maxHeight: 0,
-        marginBottom: "0 !important",
-        paddingTop: 0,
-        paddingBottom: 0,
-        opacity: 0
+      style: {
+        color: o.vars ? o.vars.palette.Alert[`${e}Color`] : n(o.palette[e].light, 0.6),
+        backgroundColor: o.vars ? o.vars.palette.Alert[`${e}StandardBg`] : a(o.palette[e].light, 0.9),
+        [`& .${F.icon}`]: o.vars ? {
+          color: o.vars.palette.Alert[`${e}IconColor`]
+        } : {
+          color: o.palette[e].main
+        }
       }
-    }),
-    [`${e}-with-description`]: {
-      alignItems: "flex-start",
-      padding: h,
-      [`${e}-icon`]: {
-        marginInlineEnd: l,
-        fontSize: v,
-        lineHeight: 0
+    })), ...Object.entries(o.palette).filter(P(["light"])).map(([e]) => ({
+      props: {
+        colorSeverity: e,
+        variant: "outlined"
       },
-      [`${e}-message`]: {
-        display: "block",
-        marginBottom: t,
-        color: C,
-        fontSize: a
+      style: {
+        color: o.vars ? o.vars.palette.Alert[`${e}Color`] : n(o.palette[e].light, 0.6),
+        border: `1px solid ${(o.vars || o).palette[e].light}`,
+        [`& .${F.icon}`]: o.vars ? {
+          color: o.vars.palette.Alert[`${e}IconColor`]
+        } : {
+          color: o.palette[e].main
+        }
+      }
+    })), ...Object.entries(o.palette).filter(P(["dark"])).map(([e]) => ({
+      props: {
+        colorSeverity: e,
+        variant: "filled"
       },
-      [`${e}-description`]: {
-        display: "block",
-        color: y
+      style: {
+        fontWeight: o.typography.fontWeightMedium,
+        ...o.vars ? {
+          color: o.vars.palette.Alert[`${e}FilledColor`],
+          backgroundColor: o.vars.palette.Alert[`${e}FilledBg`]
+        } : {
+          backgroundColor: o.palette.mode === "dark" ? o.palette[e].dark : o.palette[e].main,
+          color: o.palette.getContrastText(o.palette[e].main)
+        }
       }
+    }))]
+  };
+})), yo = S("div", {
+  name: "MuiAlert",
+  slot: "Icon",
+  overridesResolver: (o, n) => n.icon
+})({
+  marginRight: 12,
+  padding: "7px 0",
+  display: "flex",
+  fontSize: 22,
+  opacity: 0.9
+}), xo = S("div", {
+  name: "MuiAlert",
+  slot: "Message",
+  overridesResolver: (o, n) => n.message
+})({
+  padding: "8px 0",
+  minWidth: 0,
+  overflow: "auto"
+}), D = S("div", {
+  name: "MuiAlert",
+  slot: "Action",
+  overridesResolver: (o, n) => n.action
+})({
+  display: "flex",
+  alignItems: "flex-start",
+  padding: "4px 0 0 16px",
+  marginLeft: "auto",
+  marginRight: -8
+}), U = {
+  success: /* @__PURE__ */ r(lo, {
+    fontSize: "inherit"
+  }),
+  warning: /* @__PURE__ */ r(co, {
+    fontSize: "inherit"
+  }),
+  error: /* @__PURE__ */ r(po, {
+    fontSize: "inherit"
+  }),
+  info: /* @__PURE__ */ r(uo, {
+    fontSize: "inherit"
+  })
+}, J = /* @__PURE__ */ I.forwardRef(function(n, a) {
+  const e = Y({
+    props: n,
+    name: "MuiAlert"
+  }), {
+    action: s,
+    children: l,
+    className: d,
+    closeText: u = "Close",
+    color: c,
+    components: v = {},
+    componentsProps: h = {},
+    icon: g,
+    iconMapping: B = U,
+    onClose: f,
+    role: w = "alert",
+    severity: C = "success",
+    slotProps: A = {},
+    slots: T = {},
+    variant: $ = "standard",
+    ...M
+  } = e, p = {
+    ...e,
+    color: c,
+    severity: C,
+    variant: $,
+    colorSeverity: c || C
+  }, y = go(p), x = {
+    slots: {
+      closeButton: v.CloseButton,
+      closeIcon: v.CloseIcon,
+      ...T
     },
-    [`${e}-banner`]: {
-      marginBottom: 0,
-      border: "0 !important",
-      borderRadius: 0
+    slotProps: {
+      ...h,
+      ...A
     }
-  };
-}, Oe = (o) => {
+  }, [b, N] = H("closeButton", {
+    elementType: so,
+    externalForwardedProps: x,
+    ownerState: p
+  }), [E, W] = H("closeIcon", {
+    elementType: vo,
+    externalForwardedProps: x,
+    ownerState: p
+  });
+  return /* @__PURE__ */ R(fo, {
+    role: w,
+    elevation: 0,
+    ownerState: p,
+    className: L(y.root, d),
+    ref: a,
+    ...M,
+    children: [g !== !1 ? /* @__PURE__ */ r(yo, {
+      ownerState: p,
+      className: y.icon,
+      children: g || B[C] || U[C]
+    }) : null, /* @__PURE__ */ r(xo, {
+      ownerState: p,
+      className: y.message,
+      children: l
+    }), s != null ? /* @__PURE__ */ r(D, {
+      ownerState: p,
+      className: y.action,
+      children: s
+    }) : null, s == null && f ? /* @__PURE__ */ r(D, {
+      ownerState: p,
+      className: y.action,
+      children: /* @__PURE__ */ r(b, {
+        size: "small",
+        "aria-label": u,
+        title: u,
+        color: "inherit",
+        onClick: f,
+        ...N,
+        children: /* @__PURE__ */ r(E, {
+          fontSize: "small",
+          ...W
+        })
+      })
+    }) : null]
+  });
+});
+process.env.NODE_ENV !== "production" && (J.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The action to display. It renders after the message, at the end of the alert.
+   */
+  action: t.node,
+  /**
+   * The content of the component.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * Override the default label for the *close popup* icon button.
+   *
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @default 'Close'
+   */
+  closeText: t.string,
+  /**
+   * The color of the component. Unless provided, the value is taken from the `severity` prop.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   */
+  color: t.oneOfType([t.oneOf(["error", "info", "success", "warning"]), t.string]),
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  components: t.shape({
+    CloseButton: t.elementType,
+    CloseIcon: t.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  componentsProps: t.shape({
+    closeButton: t.object,
+    closeIcon: t.object
+  }),
+  /**
+   * Override the icon displayed before the children.
+   * Unless provided, the icon is mapped to the value of the `severity` prop.
+   * Set to `false` to remove the `icon`.
+   */
+  icon: t.node,
+  /**
+   * The component maps the `severity` prop to a range of different icons,
+   * for instance success to `<SuccessOutlined>`.
+   * If you wish to change this mapping, you can provide your own.
+   * Alternatively, you can use the `icon` prop to override the icon displayed.
+   */
+  iconMapping: t.shape({
+    error: t.node,
+    info: t.node,
+    success: t.node,
+    warning: t.node
+  }),
+  /**
+   * Callback fired when the component requests to be closed.
+   * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   */
+  onClose: t.func,
+  /**
+   * The ARIA role attribute of the element.
+   * @default 'alert'
+   */
+  role: t.string,
+  /**
+   * The severity of the alert. This defines the color and icon used.
+   * @default 'success'
+   */
+  severity: t.oneOfType([t.oneOf(["error", "info", "success", "warning"]), t.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: t.shape({
+    closeButton: t.oneOfType([t.func, t.object]),
+    closeIcon: t.oneOfType([t.func, t.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: t.shape({
+    closeButton: t.elementType,
+    closeIcon: t.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * The variant to use.
+   * @default 'standard'
+   */
+  variant: t.oneOfType([t.oneOf(["filled", "outlined", "standard"]), t.string])
+});
+function bo(o) {
+  return _("MuiButton", o);
+}
+const z = G("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), K = /* @__PURE__ */ I.createContext({});
+process.env.NODE_ENV !== "production" && (K.displayName = "ButtonGroupContext");
+const Q = /* @__PURE__ */ I.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Q.displayName = "ButtonGroupButtonContext");
+const So = (o) => {
   const {
-    componentCls: e,
-    colorSuccess: n,
-    colorSuccessBorder: t,
-    colorSuccessBg: l,
-    colorWarning: c,
-    colorWarningBorder: a,
-    colorWarningBg: p,
-    colorError: d,
-    colorErrorBorder: m,
-    colorErrorBg: v,
-    colorInfo: y,
-    colorInfoBorder: C,
-    colorInfoBg: h
-  } = o;
+    color: n,
+    disableElevation: a,
+    fullWidth: e,
+    size: s,
+    variant: l,
+    classes: d
+  } = o, u = {
+    root: ["root", l, `${l}${i(n)}`, `size${i(s)}`, `${l}Size${i(s)}`, `color${i(n)}`, a && "disableElevation", e && "fullWidth"],
+    label: ["label"],
+    startIcon: ["icon", "startIcon", `iconSize${i(s)}`],
+    endIcon: ["icon", "endIcon", `iconSize${i(s)}`]
+  }, c = q(u, bo, d);
   return {
-    [e]: {
-      "&-success": x(l, t, n, o, e),
-      "&-info": x(h, C, y, o, e),
-      "&-warning": x(p, a, c, o, e),
-      "&-error": Object.assign(Object.assign({}, x(v, m, d, o, e)), {
-        [`${e}-description > pre`]: {
-          margin: 0,
-          padding: 0
-        }
-      })
-    }
+    ...d,
+    // forward the focused, disabled, etc. classes to the ButtonBase
+    ...c
   };
-}, Me = (o) => {
-  const {
-    componentCls: e,
-    iconCls: n,
-    motionDurationMid: t,
-    marginXS: l,
-    fontSizeIcon: c,
-    colorIcon: a,
-    colorIconHover: p
-  } = o;
+}, X = [{
+  props: {
+    size: "small"
+  },
+  style: {
+    "& > *:nth-of-type(1)": {
+      fontSize: 18
+    }
+  }
+}, {
+  props: {
+    size: "medium"
+  },
+  style: {
+    "& > *:nth-of-type(1)": {
+      fontSize: 20
+    }
+  }
+}, {
+  props: {
+    size: "large"
+  },
+  style: {
+    "& > *:nth-of-type(1)": {
+      fontSize: 22
+    }
+  }
+}], Co = S(ao, {
+  shouldForwardProp: (o) => eo(o) || o === "classes",
+  name: "MuiButton",
+  slot: "Root",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: a
+    } = o;
+    return [n.root, n[a.variant], n[`${a.variant}${i(a.color)}`], n[`size${i(a.size)}`], n[`${a.variant}Size${i(a.size)}`], a.color === "inherit" && n.colorInherit, a.disableElevation && n.disableElevation, a.fullWidth && n.fullWidth];
+  }
+})(Z(({
+  theme: o
+}) => {
+  const n = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], a = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
   return {
-    [e]: {
-      "&-action": {
-        marginInlineStart: l
+    ...o.typography.button,
+    minWidth: 64,
+    padding: "6px 16px",
+    border: 0,
+    borderRadius: (o.vars || o).shape.borderRadius,
+    transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
+      duration: o.transitions.duration.short
+    }),
+    "&:hover": {
+      textDecoration: "none"
+    },
+    [`&.${z.disabled}`]: {
+      color: (o.vars || o).palette.action.disabled
+    },
+    variants: [{
+      props: {
+        variant: "contained"
+      },
+      style: {
+        color: "var(--variant-containedColor)",
+        backgroundColor: "var(--variant-containedBg)",
+        boxShadow: (o.vars || o).shadows[2],
+        "&:hover": {
+          boxShadow: (o.vars || o).shadows[4],
+          // Reset on touch devices, it doesn't add specificity
+          "@media (hover: none)": {
+            boxShadow: (o.vars || o).shadows[2]
+          }
+        },
+        "&:active": {
+          boxShadow: (o.vars || o).shadows[8]
+        },
+        [`&.${z.focusVisible}`]: {
+          boxShadow: (o.vars || o).shadows[6]
+        },
+        [`&.${z.disabled}`]: {
+          color: (o.vars || o).palette.action.disabled,
+          boxShadow: (o.vars || o).shadows[0],
+          backgroundColor: (o.vars || o).palette.action.disabledBackground
+        }
+      }
+    }, {
+      props: {
+        variant: "outlined"
+      },
+      style: {
+        padding: "5px 15px",
+        border: "1px solid currentColor",
+        borderColor: "var(--variant-outlinedBorder, currentColor)",
+        backgroundColor: "var(--variant-outlinedBg)",
+        color: "var(--variant-outlinedColor)",
+        [`&.${z.disabled}`]: {
+          border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
+        }
+      }
+    }, {
+      props: {
+        variant: "text"
       },
-      [`${e}-close-icon`]: {
-        marginInlineStart: l,
-        padding: 0,
-        overflow: "hidden",
-        fontSize: c,
-        lineHeight: V(c),
-        backgroundColor: "transparent",
-        border: "none",
-        outline: "none",
-        cursor: "pointer",
-        [`${n}-close`]: {
-          color: a,
-          transition: `color ${t}`,
+      style: {
+        padding: "6px 8px",
+        color: "var(--variant-textColor)",
+        backgroundColor: "var(--variant-textBg)"
+      }
+    }, ...Object.entries(o.palette).filter(P()).map(([e]) => ({
+      props: {
+        color: e
+      },
+      style: {
+        "--variant-textColor": (o.vars || o).palette[e].main,
+        "--variant-outlinedColor": (o.vars || o).palette[e].main,
+        "--variant-outlinedBorder": o.vars ? `rgba(${o.vars.palette[e].mainChannel} / 0.5)` : O(o.palette[e].main, 0.5),
+        "--variant-containedColor": (o.vars || o).palette[e].contrastText,
+        "--variant-containedBg": (o.vars || o).palette[e].main,
+        "@media (hover: hover)": {
+          "&:hover": {
+            "--variant-containedBg": (o.vars || o).palette[e].dark,
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette[e].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : O(o.palette[e].main, o.palette.action.hoverOpacity),
+            "--variant-outlinedBorder": (o.vars || o).palette[e].main,
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette[e].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : O(o.palette[e].main, o.palette.action.hoverOpacity)
+          }
+        }
+      }
+    })), {
+      props: {
+        color: "inherit"
+      },
+      style: {
+        color: "inherit",
+        borderColor: "currentColor",
+        "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedBg : n,
+        "@media (hover: hover)": {
           "&:hover": {
-            color: p
+            "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedHoverBg : a,
+            "--variant-textBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : O(o.palette.text.primary, o.palette.action.hoverOpacity),
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : O(o.palette.text.primary, o.palette.action.hoverOpacity)
           }
         }
+      }
+    }, {
+      props: {
+        size: "small",
+        variant: "text"
+      },
+      style: {
+        padding: "4px 5px",
+        fontSize: o.typography.pxToRem(13)
+      }
+    }, {
+      props: {
+        size: "large",
+        variant: "text"
+      },
+      style: {
+        padding: "8px 11px",
+        fontSize: o.typography.pxToRem(15)
+      }
+    }, {
+      props: {
+        size: "small",
+        variant: "outlined"
+      },
+      style: {
+        padding: "3px 9px",
+        fontSize: o.typography.pxToRem(13)
+      }
+    }, {
+      props: {
+        size: "large",
+        variant: "outlined"
+      },
+      style: {
+        padding: "7px 21px",
+        fontSize: o.typography.pxToRem(15)
+      }
+    }, {
+      props: {
+        size: "small",
+        variant: "contained"
+      },
+      style: {
+        padding: "4px 10px",
+        fontSize: o.typography.pxToRem(13)
+      }
+    }, {
+      props: {
+        size: "large",
+        variant: "contained"
+      },
+      style: {
+        padding: "8px 22px",
+        fontSize: o.typography.pxToRem(15)
+      }
+    }, {
+      props: {
+        disableElevation: !0
       },
-      "&-close-text": {
-        color: a,
-        transition: `color ${t}`,
+      style: {
+        boxShadow: "none",
         "&:hover": {
-          color: p
+          boxShadow: "none"
+        },
+        [`&.${z.focusVisible}`]: {
+          boxShadow: "none"
+        },
+        "&:active": {
+          boxShadow: "none"
+        },
+        [`&.${z.disabled}`]: {
+          boxShadow: "none"
         }
       }
-    }
-  };
-}, Be = (o) => ({
-  withDescriptionIconSize: o.fontSizeHeading3,
-  defaultPadding: `${o.paddingContentVerticalSM}px 12px`,
-  withDescriptionPadding: `${o.paddingMD}px ${o.paddingContentHorizontalLG}px`
-}), Re = ae("Alert", (o) => [we(o), Oe(o), Me(o)], Be);
-var j = function(o, e) {
-  var n = {};
-  for (var t in o) Object.prototype.hasOwnProperty.call(o, t) && e.indexOf(t) < 0 && (n[t] = o[t]);
-  if (o != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, t = Object.getOwnPropertySymbols(o); l < t.length; l++)
-    e.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(o, t[l]) && (n[t[l]] = o[t[l]]);
-  return n;
-};
-const Pe = {
-  success: k,
-  info: W,
-  error: ce,
-  warning: D
-}, _e = (o) => {
-  const {
-    icon: e,
-    prefixCls: n,
-    type: t
-  } = o, l = Pe[t] || null;
-  return e ? ge(e, /* @__PURE__ */ i.createElement("span", {
-    className: `${n}-icon`
-  }, e), () => ({
-    className: z(`${n}-icon`, {
-      [e.props.className]: e.props.className
-    })
-  })) : /* @__PURE__ */ i.createElement(l, {
-    className: `${n}-icon`
-  });
-}, He = (o) => {
-  const {
-    isClosable: e,
-    prefixCls: n,
-    closeIcon: t,
-    handleClose: l,
-    ariaProps: c
-  } = o, a = t === !0 || t === void 0 ? /* @__PURE__ */ i.createElement(se, null) : t;
-  return e ? /* @__PURE__ */ i.createElement("button", Object.assign({
-    type: "button",
-    onClick: l,
-    className: `${n}-close-icon`,
-    tabIndex: 0
-  }, c), a) : null;
-}, N = /* @__PURE__ */ i.forwardRef((o, e) => {
-  const {
-    description: n,
-    prefixCls: t,
-    message: l,
-    banner: c,
-    className: a,
-    rootClassName: p,
-    style: d,
-    onMouseEnter: m,
-    onMouseLeave: v,
-    onClick: y,
-    afterClose: C,
-    showIcon: h,
-    closable: s,
-    closeText: I,
-    closeIcon: b,
-    action: w,
-    id: T
-  } = o, L = j(o, ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"]), [O, G] = i.useState(!1);
-  process.env.NODE_ENV !== "production" && ue("Alert").deprecated(!I, "closeText", "closable.closeIcon");
-  const M = i.useRef(null);
-  i.useImperativeHandle(e, () => ({
-    nativeElement: M.current
-  }));
-  const {
-    getPrefixCls: X,
-    direction: U,
-    alert: r
-  } = i.useContext(pe), u = X("alert", t), [Y, q, J] = Re(u), K = (f) => {
-    var g;
-    G(!0), (g = o.onClose) === null || g === void 0 || g.call(o, f);
-  }, B = i.useMemo(() => o.type !== void 0 ? o.type : c ? "warning" : "info", [o.type, c]), Q = i.useMemo(() => typeof s == "object" && s.closeIcon || I ? !0 : typeof s == "boolean" ? s : b !== !1 && b !== null && b !== void 0 ? !0 : !!(r != null && r.closable), [I, b, s, r == null ? void 0 : r.closable]), R = c && h === void 0 ? !0 : h, Z = z(u, `${u}-${B}`, {
-    [`${u}-with-description`]: !!n,
-    [`${u}-no-icon`]: !R,
-    [`${u}-banner`]: !!c,
-    [`${u}-rtl`]: U === "rtl"
-  }, r == null ? void 0 : r.className, a, p, J, q), ee = Ie(L, {
-    aria: !0,
-    data: !0
-  }), oe = i.useMemo(() => {
-    var f, g;
-    return typeof s == "object" && s.closeIcon ? s.closeIcon : I || (b !== void 0 ? b : typeof (r == null ? void 0 : r.closable) == "object" && (!((f = r == null ? void 0 : r.closable) === null || f === void 0) && f.closeIcon) ? (g = r == null ? void 0 : r.closable) === null || g === void 0 ? void 0 : g.closeIcon : r == null ? void 0 : r.closeIcon);
-  }, [b, s, I, r == null ? void 0 : r.closeIcon]), ne = i.useMemo(() => {
-    const f = s ?? (r == null ? void 0 : r.closable);
-    return typeof f == "object" ? j(f, ["closeIcon"]) : {};
-  }, [s, r == null ? void 0 : r.closable]);
-  return Y(/* @__PURE__ */ i.createElement(me, {
-    visible: !O,
-    motionName: `${u}-motion`,
-    motionAppear: !1,
-    motionEnter: !1,
-    onLeaveStart: (f) => ({
-      maxHeight: f.offsetHeight
-    }),
-    onLeaveEnd: C
-  }, (f, g) => {
-    let {
-      className: te,
-      style: re
-    } = f;
-    return /* @__PURE__ */ i.createElement("div", Object.assign({
-      id: T,
-      ref: fe(M, g),
-      "data-show": !O,
-      className: z(Z, te),
-      style: Object.assign(Object.assign(Object.assign({}, r == null ? void 0 : r.style), d), re),
-      onMouseEnter: m,
-      onMouseLeave: v,
-      onClick: y,
-      role: "alert"
-    }, ee), R ? /* @__PURE__ */ i.createElement(_e, {
-      description: n,
-      icon: o.icon,
-      prefixCls: u,
-      type: B
-    }) : null, /* @__PURE__ */ i.createElement("div", {
-      className: `${u}-content`
-    }, l ? /* @__PURE__ */ i.createElement("div", {
-      className: `${u}-message`
-    }, l) : null, n ? /* @__PURE__ */ i.createElement("div", {
-      className: `${u}-description`
-    }, n) : null), w ? /* @__PURE__ */ i.createElement("div", {
-      className: `${u}-action`
-    }, w) : null, /* @__PURE__ */ i.createElement(He, {
-      isClosable: Q,
-      prefixCls: u,
-      closeIcon: oe,
-      handleClose: K,
-      ariaProps: ne
-    }));
-  }));
-});
-process.env.NODE_ENV !== "production" && (N.displayName = "Alert");
-function je(o, e, n) {
-  return e = _(e), ve(o, ye() ? Reflect.construct(e, n || [], _(o).constructor) : e.apply(o, n));
-}
-let Ve = /* @__PURE__ */ function(o) {
-  function e() {
-    var n;
-    return be(this, e), n = je(this, e, arguments), n.state = {
-      error: void 0,
-      info: {
-        componentStack: ""
+    }, {
+      props: {
+        fullWidth: !0
+      },
+      style: {
+        width: "100%"
       }
-    }, n;
+    }]
+  };
+})), zo = S("span", {
+  name: "MuiButton",
+  slot: "StartIcon",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: a
+    } = o;
+    return [n.startIcon, n[`iconSize${i(a.size)}`]];
   }
-  return Ce(e, o), he(e, [{
-    key: "componentDidCatch",
-    value: function(t, l) {
-      this.setState({
-        error: t,
-        info: l
-      });
+})({
+  display: "inherit",
+  marginRight: 8,
+  marginLeft: -4,
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      marginLeft: -2
     }
-  }, {
-    key: "render",
-    value: function() {
-      const {
-        message: t,
-        description: l,
-        id: c,
-        children: a
-      } = this.props, {
-        error: p,
-        info: d
-      } = this.state, m = (d == null ? void 0 : d.componentStack) || null, v = typeof t > "u" ? (p || "").toString() : t, y = typeof l > "u" ? m : l;
-      return p ? /* @__PURE__ */ i.createElement(N, {
-        id: c,
-        type: "error",
-        message: v,
-        description: /* @__PURE__ */ i.createElement("pre", {
-          style: {
-            fontSize: "0.9em",
-            overflowX: "auto"
-          }
-        }, y)
-      }) : a;
+  }, ...X]
+}), Io = S("span", {
+  name: "MuiButton",
+  slot: "EndIcon",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: a
+    } = o;
+    return [n.endIcon, n[`iconSize${i(a.size)}`]];
+  }
+})({
+  display: "inherit",
+  marginRight: -4,
+  marginLeft: 8,
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      marginRight: -2
     }
-  }]);
-}(i.Component);
-const A = N;
-A.ErrorBoundary = Ve;
-var ke = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M854.4 800.9c.2-.3.5-.6.7-.9C920.6 722.1 960 621.7 960 512s-39.4-210.1-104.8-288c-.2-.3-.5-.5-.7-.8-1.1-1.3-2.1-2.5-3.2-3.7-.4-.5-.8-.9-1.2-1.4l-4.1-4.7-.1-.1c-1.5-1.7-3.1-3.4-4.6-5.1l-.1-.1c-3.2-3.4-6.4-6.8-9.7-10.1l-.1-.1-4.8-4.8-.3-.3c-1.5-1.5-3-2.9-4.5-4.3-.5-.5-1-1-1.6-1.5-1-1-2-1.9-3-2.8-.3-.3-.7-.6-1-1C736.4 109.2 629.5 64 512 64s-224.4 45.2-304.3 119.2c-.3.3-.7.6-1 1-1 .9-2 1.9-3 2.9-.5.5-1 1-1.6 1.5-1.5 1.4-3 2.9-4.5 4.3l-.3.3-4.8 4.8-.1.1c-3.3 3.3-6.5 6.7-9.7 10.1l-.1.1c-1.6 1.7-3.1 3.4-4.6 5.1l-.1.1c-1.4 1.5-2.8 3.1-4.1 4.7-.4.5-.8.9-1.2 1.4-1.1 1.2-2.1 2.5-3.2 3.7-.2.3-.5.5-.7.8C103.4 301.9 64 402.3 64 512s39.4 210.1 104.8 288c.2.3.5.6.7.9l3.1 3.7c.4.5.8.9 1.2 1.4l4.1 4.7c0 .1.1.1.1.2 1.5 1.7 3 3.4 4.6 5l.1.1c3.2 3.4 6.4 6.8 9.6 10.1l.1.1c1.6 1.6 3.1 3.2 4.7 4.7l.3.3c3.3 3.3 6.7 6.5 10.1 9.6 80.1 74 187 119.2 304.5 119.2s224.4-45.2 304.3-119.2a300 300 0 0010-9.6l.3-.3c1.6-1.6 3.2-3.1 4.7-4.7l.1-.1c3.3-3.3 6.5-6.7 9.6-10.1l.1-.1c1.5-1.7 3.1-3.3 4.6-5 0-.1.1-.1.1-.2 1.4-1.5 2.8-3.1 4.1-4.7.4-.5.8-.9 1.2-1.4a99 99 0 003.3-3.7zm4.1-142.6c-13.8 32.6-32 62.8-54.2 90.2a444.07 444.07 0 00-81.5-55.9c11.6-46.9 18.8-98.4 20.7-152.6H887c-3 40.9-12.6 80.6-28.5 118.3zM887 484H743.5c-1.9-54.2-9.1-105.7-20.7-152.6 29.3-15.6 56.6-34.4 81.5-55.9A373.86 373.86 0 01887 484zM658.3 165.5c39.7 16.8 75.8 40 107.6 69.2a394.72 394.72 0 01-59.4 41.8c-15.7-45-35.8-84.1-59.2-115.4 3.7 1.4 7.4 2.9 11 4.4zm-90.6 700.6c-9.2 7.2-18.4 12.7-27.7 16.4V697a389.1 389.1 0 01115.7 26.2c-8.3 24.6-17.9 47.3-29 67.8-17.4 32.4-37.8 58.3-59 75.1zm59-633.1c11 20.6 20.7 43.3 29 67.8A389.1 389.1 0 01540 327V141.6c9.2 3.7 18.5 9.1 27.7 16.4 21.2 16.7 41.6 42.6 59 75zM540 640.9V540h147.5c-1.6 44.2-7.1 87.1-16.3 127.8l-.3 1.2A445.02 445.02 0 00540 640.9zm0-156.9V383.1c45.8-2.8 89.8-12.5 130.9-28.1l.3 1.2c9.2 40.7 14.7 83.5 16.3 127.8H540zm-56 56v100.9c-45.8 2.8-89.8 12.5-130.9 28.1l-.3-1.2c-9.2-40.7-14.7-83.5-16.3-127.8H484zm-147.5-56c1.6-44.2 7.1-87.1 16.3-127.8l.3-1.2c41.1 15.6 85 25.3 130.9 28.1V484H336.5zM484 697v185.4c-9.2-3.7-18.5-9.1-27.7-16.4-21.2-16.7-41.7-42.7-59.1-75.1-11-20.6-20.7-43.3-29-67.8 37.2-14.6 75.9-23.3 115.8-26.1zm0-370a389.1 389.1 0 01-115.7-26.2c8.3-24.6 17.9-47.3 29-67.8 17.4-32.4 37.8-58.4 59.1-75.1 9.2-7.2 18.4-12.7 27.7-16.4V327zM365.7 165.5c3.7-1.5 7.3-3 11-4.4-23.4 31.3-43.5 70.4-59.2 115.4-21-12-40.9-26-59.4-41.8 31.8-29.2 67.9-52.4 107.6-69.2zM165.5 365.7c13.8-32.6 32-62.8 54.2-90.2 24.9 21.5 52.2 40.3 81.5 55.9-11.6 46.9-18.8 98.4-20.7 152.6H137c3-40.9 12.6-80.6 28.5-118.3zM137 540h143.5c1.9 54.2 9.1 105.7 20.7 152.6a444.07 444.07 0 00-81.5 55.9A373.86 373.86 0 01137 540zm228.7 318.5c-39.7-16.8-75.8-40-107.6-69.2 18.5-15.8 38.4-29.7 59.4-41.8 15.7 45 35.8 84.1 59.2 115.4-3.7-1.4-7.4-2.9-11-4.4zm292.6 0c-3.7 1.5-7.3 3-11 4.4 23.4-31.3 43.5-70.4 59.2-115.4 21 12 40.9 26 59.4 41.8a373.81 373.81 0 01-107.6 69.2z" } }] }, name: "global", theme: "outlined" }, De = function(e, n) {
-  return /* @__PURE__ */ i.createElement(E, $({}, e, {
-    ref: n,
-    icon: ke
-  }));
-}, F = /* @__PURE__ */ i.forwardRef(De);
-process.env.NODE_ENV !== "production" && (F.displayName = "GlobalOutlined");
-const Je = ({
+  }, ...X]
+}), k = /* @__PURE__ */ I.forwardRef(function(n, a) {
+  const e = I.useContext(K), s = I.useContext(Q), l = no(e, n), d = Y({
+    props: l,
+    name: "MuiButton"
+  }), {
+    children: u,
+    color: c = "primary",
+    component: v = "button",
+    className: h,
+    disabled: g = !1,
+    disableElevation: B = !1,
+    disableFocusRipple: f = !1,
+    endIcon: w,
+    focusVisibleClassName: C,
+    fullWidth: A = !1,
+    size: T = "medium",
+    startIcon: $,
+    type: M,
+    variant: p = "text",
+    ...y
+  } = d, x = {
+    ...d,
+    color: c,
+    component: v,
+    disabled: g,
+    disableElevation: B,
+    disableFocusRipple: f,
+    fullWidth: A,
+    size: T,
+    type: M,
+    variant: p
+  }, b = So(x), N = $ && /* @__PURE__ */ r(zo, {
+    className: b.startIcon,
+    ownerState: x,
+    children: $
+  }), E = w && /* @__PURE__ */ r(Io, {
+    className: b.endIcon,
+    ownerState: x,
+    children: w
+  }), W = s || "";
+  return /* @__PURE__ */ R(Co, {
+    ownerState: x,
+    className: L(e.className, b.root, h, W),
+    component: v,
+    disabled: g,
+    focusRipple: !f,
+    focusVisibleClassName: L(b.focusVisible, C),
+    ref: a,
+    type: M,
+    ...y,
+    classes: b,
+    children: [N, u, E]
+  });
+});
+process.env.NODE_ENV !== "production" && (k.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: t.oneOfType([t.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), t.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: t.elementType,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: t.bool,
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation: t.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: t.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: t.bool,
+  /**
+   * Element placed after the children.
+   */
+  endIcon: t.node,
+  /**
+   * @ignore
+   */
+  focusVisibleClassName: t.string,
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: t.bool,
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href: t.string,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
+  /**
+   * Element placed before the children.
+   */
+  startIcon: t.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * @ignore
+   */
+  type: t.oneOfType([t.oneOf(["button", "reset", "submit"]), t.string]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
+});
+const mo = m(/* @__PURE__ */ r("path", {
+  d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2m6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56M12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96M4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56m2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8M12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96M14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2m.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2z"
+}), "LanguageOutlined"), To = ({
   hideAfterInteraction: o,
-  alertContainerStyle: e,
-  descriptionStyle: n,
-  buttonContainerStyle: t,
-  yesButtonStyle: l,
-  cancelButtonStyle: c,
-  description: a,
-  icon: p
+  alertContainerStyle: n,
+  descriptionStyle: a,
+  buttonContainerStyle: e,
+  yesButtonStyle: s,
+  cancelButtonStyle: l,
+  description: d,
+  icon: u
 }) => {
-  const d = ie(le);
-  if (!d)
+  const c = oo(to);
+  if (!c)
     return null;
-  const m = {
+  const v = {
     marginBottom: "10px",
     borderRadius: "5px",
     padding: "10px",
@@ -411,55 +803,53 @@ const Je = ({
     display: "flex",
     alignItems: "center",
     // Align items vertically
-    ...e
-  }, v = {
+    ...n
+  }, h = {
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
     // Align items vertically
     fontSize: "12px",
     width: "100%",
-    ...n
-  }, y = {
+    ...a
+  }, g = {
     display: "flex",
     alignItems: "center",
-    ...t
-  }, C = {
+    ...e
+  }, B = {
     marginLeft: "10px",
     marginRight: "10px",
     fontSize: "10px",
-    ...l
-  }, h = {
+    ...s
+  }, f = {
     fontSize: "10px",
-    ...c
+    ...l
   };
-  return /* @__PURE__ */ S(
-    A,
+  return /* @__PURE__ */ r(
+    J,
     {
-      type: "info",
-      showIcon: !0,
-      icon: p ?? /* @__PURE__ */ S(F, { type: "text" }),
-      style: m,
-      description: /* @__PURE__ */ P("div", { style: v, children: [
-        /* @__PURE__ */ S("span", { children: a ?? "Would you like to enable web push notifications to stay updated?" }),
-        /* @__PURE__ */ P("div", { style: y, children: [
-          /* @__PURE__ */ S(
-            H,
+      severity: "info",
+      icon: u ?? /* @__PURE__ */ r(mo, { type: "text" }),
+      style: v,
+      children: /* @__PURE__ */ R("div", { style: h, children: [
+        /* @__PURE__ */ r("span", { children: d ?? "Would you like to enable web push notifications to stay updated?" }),
+        /* @__PURE__ */ R("div", { style: g, children: [
+          /* @__PURE__ */ r(
+            k,
             {
-              type: "primary",
-              style: C,
+              style: B,
               onClick: () => {
-                o && localStorage.setItem("hideWebPushOptInMessage", "true"), d.setWebPushOptIn(!0), d.setWebPushOptInMessage(!1);
+                o && localStorage.setItem("hideWebPushOptInMessage", "true"), c.setWebPushOptIn(!0), c.setWebPushOptInMessage(!1);
               },
               children: "Yes"
             }
           ),
-          /* @__PURE__ */ S(
-            H,
+          /* @__PURE__ */ r(
+            k,
             {
-              style: h,
+              style: f,
               onClick: () => {
-                o && localStorage.setItem("hideWebPushOptInMessage", "true"), d.setWebPushOptInMessage(!1);
+                o && localStorage.setItem("hideWebPushOptInMessage", "true"), c.setWebPushOptInMessage(!1);
               },
               children: "No"
             }
@@ -470,9 +860,6 @@ const Je = ({
   );
 };
 export {
-  F as R,
-  Je as W,
-  D as a,
-  k as b,
-  W as c
+  mo as L,
+  To as W
 };