@sisense/sdk-shared-ui 1.28.0 → 1.30.0

package/dist/Button-D5ZAS_sd.js

@@ -0,0 +1,569 @@
+import { jsxs as G, jsx as y } from "react/jsx-runtime";
+import * as b from "react";
+import { forwardRef as U } from "react";
+import { d as A } from "./deepmerge-DNqbOtFI.js";
+import { siColors as i, sfColors as S } from "./lib/themes/themes.js";
+import { g as F, b as K, s as C, r as Y, d as l, m as q, e as J, f as $, h as Q, j as g, a as X, T as Z } from "./ThemeProvider-BCsnqK18.js";
+import { P as t } from "./index-D0lMis-I.js";
+import { c as oo } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { B as to } from "./ButtonBase-DPVWpC8-.js";
+function k(o, r) {
+  const a = {
+    ...r
+  };
+  for (const e in o)
+    if (Object.prototype.hasOwnProperty.call(o, e)) {
+      const n = e;
+      if (n === "components" || n === "slots")
+        a[n] = {
+          ...o[n],
+          ...a[n]
+        };
+      else if (n === "componentsProps" || n === "slotProps") {
+        const s = o[n], d = r[n];
+        if (!d)
+          a[n] = s || {};
+        else if (!s)
+          a[n] = d;
+        else {
+          a[n] = {
+            ...d
+          };
+          for (const p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p)) {
+              const c = p;
+              a[n][c] = k(s[c], d[c]);
+            }
+        }
+      } else a[n] === void 0 && (a[n] = o[n]);
+    }
+  return a;
+}
+function ao(o) {
+  return F("MuiButton", o);
+}
+const u = K("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"]), T = /* @__PURE__ */ b.createContext({});
+process.env.NODE_ENV !== "production" && (T.displayName = "ButtonGroupContext");
+const R = /* @__PURE__ */ b.createContext(void 0);
+process.env.NODE_ENV !== "production" && (R.displayName = "ButtonGroupButtonContext");
+const ro = (o) => {
+  const {
+    color: r,
+    disableElevation: a,
+    fullWidth: e,
+    size: n,
+    variant: s,
+    classes: d
+  } = o, p = {
+    root: ["root", s, `${s}${l(r)}`, `size${l(n)}`, `${s}Size${l(n)}`, `color${l(r)}`, a && "disableElevation", e && "fullWidth"],
+    label: ["label"],
+    startIcon: ["icon", "startIcon", `iconSize${l(n)}`],
+    endIcon: ["icon", "endIcon", `iconSize${l(n)}`]
+  }, c = Q(p, ao, d);
+  return {
+    ...d,
+    // forward the focused, disabled, etc. classes to the ButtonBase
+    ...c
+  };
+}, O = [{
+  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
+    }
+  }
+}], no = C(to, {
+  shouldForwardProp: (o) => Y(o) || o === "classes",
+  name: "MuiButton",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: a
+    } = o;
+    return [r.root, r[a.variant], r[`${a.variant}${l(a.color)}`], r[`size${l(a.size)}`], r[`${a.variant}Size${l(a.size)}`], a.color === "inherit" && r.colorInherit, a.disableElevation && r.disableElevation, a.fullWidth && r.fullWidth];
+  }
+})(q(({
+  theme: o
+}) => {
+  const r = 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 {
+    ...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"
+    },
+    [`&.${u.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]
+        },
+        [`&.${u.focusVisible}`]: {
+          boxShadow: (o.vars || o).shadows[6]
+        },
+        [`&.${u.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)",
+        [`&.${u.disabled}`]: {
+          border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
+        }
+      }
+    }, {
+      props: {
+        variant: "text"
+      },
+      style: {
+        padding: "6px 8px",
+        color: "var(--variant-textColor)",
+        backgroundColor: "var(--variant-textBg)"
+      }
+    }, ...Object.entries(o.palette).filter(oo()).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)` : g(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})` : g(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})` : g(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 : r,
+        "@media (hover: hover)": {
+          "&:hover": {
+            "--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})` : g(o.palette.text.primary, o.palette.action.hoverOpacity),
+            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : g(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
+      },
+      style: {
+        boxShadow: "none",
+        "&:hover": {
+          boxShadow: "none"
+        },
+        [`&.${u.focusVisible}`]: {
+          boxShadow: "none"
+        },
+        "&:active": {
+          boxShadow: "none"
+        },
+        [`&.${u.disabled}`]: {
+          boxShadow: "none"
+        }
+      }
+    }, {
+      props: {
+        fullWidth: !0
+      },
+      style: {
+        width: "100%"
+      }
+    }]
+  };
+})), eo = C("span", {
+  name: "MuiButton",
+  slot: "StartIcon",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: a
+    } = o;
+    return [r.startIcon, r[`iconSize${l(a.size)}`]];
+  }
+})({
+  display: "inherit",
+  marginRight: 8,
+  marginLeft: -4,
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      marginLeft: -2
+    }
+  }, ...O]
+}), io = C("span", {
+  name: "MuiButton",
+  slot: "EndIcon",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: a
+    } = o;
+    return [r.endIcon, r[`iconSize${l(a.size)}`]];
+  }
+})({
+  display: "inherit",
+  marginRight: -4,
+  marginLeft: 8,
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      marginRight: -2
+    }
+  }, ...O]
+}), E = /* @__PURE__ */ b.forwardRef(function(r, a) {
+  const e = b.useContext(T), n = b.useContext(R), s = k(e, r), d = J({
+    props: s,
+    name: "MuiButton"
+  }), {
+    children: p,
+    color: c = "primary",
+    component: m = "button",
+    className: N,
+    disabled: B = !1,
+    disableElevation: P = !1,
+    disableFocusRipple: z = !1,
+    endIcon: w,
+    focusVisibleClassName: M,
+    fullWidth: W = !1,
+    size: H = "medium",
+    startIcon: h,
+    type: I,
+    variant: L = "text",
+    ...V
+  } = d, x = {
+    ...d,
+    color: c,
+    component: m,
+    disabled: B,
+    disableElevation: P,
+    disableFocusRipple: z,
+    fullWidth: W,
+    size: H,
+    type: I,
+    variant: L
+  }, v = ro(x), j = h && /* @__PURE__ */ y(eo, {
+    className: v.startIcon,
+    ownerState: x,
+    children: h
+  }), _ = w && /* @__PURE__ */ y(io, {
+    className: v.endIcon,
+    ownerState: x,
+    children: w
+  }), D = n || "";
+  return /* @__PURE__ */ G(no, {
+    ownerState: x,
+    className: $(e.className, v.root, N, D),
+    component: m,
+    disabled: B,
+    focusRipple: !z,
+    focusVisibleClassName: $(v.focusVisible, M),
+    ref: a,
+    type: I,
+    ...V,
+    classes: v,
+    children: [j, p, _]
+  });
+});
+process.env.NODE_ENV !== "production" && (E.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 f = X({
+  components: {
+    MuiButton: {
+      variants: [
+        {
+          props: { variant: "gray" },
+          style: {
+            backgroundColor: i.StUiColors.guiding,
+            color: i.StInteractionColors.linkHovered,
+            "&:hover": {
+              backgroundColor: i.StInteractionColors.guidingHover
+            },
+            "&:disabled": {
+              backgroundColor: i.StBackgroundColors.workspace
+            }
+          }
+        },
+        {
+          props: { variant: "primary" },
+          style: {
+            "&:disabled": {
+              backgroundColor: i.StPrimaryColors.primary
+            }
+          }
+        },
+        {
+          props: { variant: "secondary" },
+          style: {
+            backgroundColor: i.StBackgroundColors.workspace,
+            color: i.StInteractionColors.linkHovered,
+            border: `1px solid ${S.$SHUTTLE_GRAY_DARK}`,
+            "&:hover": {
+              backgroundColor: i.StBackgroundColors.workspace,
+              border: `1px solid ${S.$SHUTTLE_GRAY_DARK}`
+            },
+            "&:disabled": {
+              backgroundColor: i.StBackgroundColors.workspace
+            }
+          }
+        },
+        {
+          props: { variant: "text" },
+          style: {
+            color: i.StTextColors.link,
+            "&:hover": {
+              backgroundColor: i.StInteractionColors.guidingHover
+            },
+            "&:disabled": {
+              backgroundColor: i.StBackgroundColors.workspace
+            }
+          }
+        }
+      ],
+      styleOverrides: {
+        root: {
+          borderRadius: "4px",
+          height: "28px",
+          lineHeight: "24px",
+          minHeight: 0,
+          textTransform: "none",
+          color: i.StTextColors.active,
+          boxShadow: "none",
+          "&:hover": {
+            backgroundColor: i.StInteractionColors.primaryHovered,
+            boxShadow: "none"
+          },
+          "&:disabled": {
+            color: S.$SHUTTLE_GRAY_DARK,
+            opacity: ".3"
+          }
+        }
+      }
+    }
+  }
+});
+f.shadows[1] = "0px 0px 5px rgba(58, 67, 86, 0.2)";
+f.shadows[2] = "0 1px 3px 1px rgba(58, 67, 86, 0.3)";
+const xo = U((o, r) => {
+  const { children: a, theme: e, ...n } = o, s = e ? A(f, {
+    components: {
+      MuiButton: e
+    }
+  }) : f;
+  return /* @__PURE__ */ y(Z, { theme: s, children: /* @__PURE__ */ y(E, { ...n, ref: r, children: a }) });
+});
+export {
+  xo as B,
+  f as b
+};

package/dist/ButtonBase-Camgk6s8.cjs

@@ -0,0 +1,74 @@
+"use strict";var xe=Object.defineProperty;var Ee=(n,e,t)=>e in n?xe(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var ne=(n,e,t)=>Ee(n,typeof e!="symbol"?e+"":e,t);const P=require("react"),o=require("./index-B-zZeebW.cjs"),h=require("./ThemeProvider-BjBWRt7C.cjs"),F=require("react/jsx-runtime"),b=require("./useTimeout-DQN9lwd_.cjs"),Ce=require("./setPrototypeOf-BmHXYjK5.cjs"),Ve=require("./extends-q0Hkx4pQ.cjs"),De=require("./assertThisInitialized-BSnhOY1M.cjs");function ve(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,l.get?l:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const d=ve(P);function Ne(n){const{prototype:e={}}=n;return!!e.isReactComponent}function Se(n,e,t,l,s){const r=n[e],i=s||e;if(r==null||typeof window>"u")return null;let u;return typeof r=="function"&&!Ne(r)&&(u="Did you accidentally provide a plain function component instead?"),u!==void 0?new Error(`Invalid ${l} \`${i}\` supplied to \`${t}\`. Expected an element type that can hold a ref. ${u} For more information see https://mui.com/r/caveat-with-refs-guide`):null}const oe=b.chainPropTypes(o.PropTypes.elementType,Se);class G{constructor(){ne(this,"mountEffect",()=>{this.shouldMount&&!this.didMount&&this.ref.current!==null&&(this.didMount=!0,this.mounted.resolve())});this.ref={current:null},this.mounted=null,this.didMount=!1,this.shouldMount=!1,this.setShouldMount=null}static create(){return new G}static use(){const e=b.useLazyRef(G.create).current,[t,l]=d.useState(!1);return e.shouldMount=t,e.setShouldMount=l,d.useEffect(e.mountEffect,[t]),e}mount(){return this.mounted||(this.mounted=je(),this.shouldMount=!0,this.setShouldMount(this.shouldMount)),this.mounted}start(...e){this.mount().then(()=>{var t;return(t=this.ref.current)==null?void 0:t.start(...e)})}stop(...e){this.mount().then(()=>{var t;return(t=this.ref.current)==null?void 0:t.stop(...e)})}pulsate(...e){this.mount().then(()=>{var t;return(t=this.ref.current)==null?void 0:t.pulsate(...e)})}}function we(){return G.use()}function je(){let n,e;const t=new Promise((l,s)=>{n=l,e=s});return t.resolve=n,t.reject=e,t}function Z(n,e){var t=function(r){return e&&P.isValidElement(r)?e(r):r},l=Object.create(null);return n&&P.Children.map(n,function(s){return s}).forEach(function(s){l[s.key]=t(s)}),l}function ke(n,e){n=n||{},e=e||{};function t(m){return m in e?e[m]:n[m]}var l=Object.create(null),s=[];for(var r in n)r in e?s.length&&(l[r]=s,s=[]):s.push(r);var i,u={};for(var p in e){if(l[p])for(i=0;i<l[p].length;i++){var f=l[p][i];u[l[p][i]]=t(f)}u[p]=t(p)}for(i=0;i<s.length;i++)u[s[i]]=t(s[i]);return u}function $(n,e,t){return t[e]!=null?t[e]:n.props[e]}function Be(n,e){return Z(n.children,function(t){return P.cloneElement(t,{onExited:e.bind(null,t),in:!0,appear:$(t,"appear",n),enter:$(t,"enter",n),exit:$(t,"exit",n)})})}function Oe(n,e,t){var l=Z(n.children),s=ke(e,l);return Object.keys(s).forEach(function(r){var i=s[r];if(P.isValidElement(i)){var u=r in e,p=r in l,f=e[r],m=P.isValidElement(f)&&!f.props.in;p&&(!u||m)?s[r]=P.cloneElement(i,{onExited:t.bind(null,i),in:!0,exit:$(i,"exit",n),enter:$(i,"enter",n)}):!p&&u&&!m?s[r]=P.cloneElement(i,{in:!1}):p&&u&&P.isValidElement(f)&&(s[r]=P.cloneElement(i,{onExited:t.bind(null,i),in:f.props.in,exit:$(i,"exit",n),enter:$(i,"enter",n)}))}}),s}var Le=Object.values||function(n){return Object.keys(n).map(function(e){return n[e]})},$e={component:"div",childFactory:function(e){return e}},ee=function(n){b._inheritsLoose(e,n);function e(l,s){var r;r=n.call(this,l,s)||this;var i=r.handleExited.bind(De._assertThisInitialized(r));return r.state={contextValue:{isMounting:!0},handleExited:i,firstRender:!0},r}var t=e.prototype;return t.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},t.componentWillUnmount=function(){this.mounted=!1},e.getDerivedStateFromProps=function(s,r){var i=r.children,u=r.handleExited,p=r.firstRender;return{children:p?Be(s,u):Oe(s,i,u),firstRender:!1}},t.handleExited=function(s,r){var i=Z(this.props.children);s.key in i||(s.props.onExited&&s.props.onExited(r),this.mounted&&this.setState(function(u){var p=Ve._extends({},u.children);return delete p[s.key],{children:p}}))},t.render=function(){var s=this.props,r=s.component,i=s.childFactory,u=Ce._objectWithoutPropertiesLoose(s,["component","childFactory"]),p=this.state.contextValue,f=Le(this.state.children).map(i);return delete u.appear,delete u.enter,delete u.exit,r===null?P.createElement(b.TransitionGroupContext.Provider,{value:p},f):P.createElement(b.TransitionGroupContext.Provider,{value:p},P.createElement(r,u,f))},e}(P.Component);ee.propTypes=process.env.NODE_ENV!=="production"?{component:o.PropTypes.any,children:o.PropTypes.node,appear:o.PropTypes.bool,enter:o.PropTypes.bool,exit:o.PropTypes.bool,childFactory:o.PropTypes.func}:{};ee.defaultProps=$e;function se(n){const{className:e,classes:t,pulsate:l=!1,rippleX:s,rippleY:r,rippleSize:i,in:u,onExited:p,timeout:f}=n,[m,y]=d.useState(!1),M=h.clsx(e,t.ripple,t.rippleVisible,l&&t.ripplePulsate),N={width:i,height:i,top:-(i/2)+r,left:-(i/2)+s},g=h.clsx(t.child,m&&t.childLeaving,l&&t.childPulsate);return!u&&!m&&y(!0),d.useEffect(()=>{if(!u&&p!=null){const k=setTimeout(p,f);return()=>{clearTimeout(k)}}},[p,u,f]),F.jsx("span",{className:M,style:N,children:F.jsx("span",{className:g})})}process.env.NODE_ENV!=="production"&&(se.propTypes={classes:o.PropTypes.object.isRequired,className:o.PropTypes.string,in:o.PropTypes.bool,onExited:o.PropTypes.func,pulsate:o.PropTypes.bool,rippleSize:o.PropTypes.number,rippleX:o.PropTypes.number,rippleY:o.PropTypes.number,timeout:o.PropTypes.number.isRequired});const R=h.generateUtilityClasses("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Q=550,Fe=80,Ie=h.keyframes`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`,Ue=h.keyframes`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`,qe=h.keyframes`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`,ze=h.styled("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),_e=h.styled(se,{name:"MuiTouchRipple",slot:"Ripple"})`
+  opacity: 0;
+  position: absolute;
+
+  &.${R.rippleVisible} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${Ie};
+    animation-duration: ${Q}ms;
+    animation-timing-function: ${({theme:n})=>n.transitions.easing.easeInOut};
+  }
+
+  &.${R.ripplePulsate} {
+    animation-duration: ${({theme:n})=>n.transitions.duration.shorter}ms;
+  }
+
+  & .${R.child} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${R.childLeaving} {
+    opacity: 0;
+    animation-name: ${Ue};
+    animation-duration: ${Q}ms;
+    animation-timing-function: ${({theme:n})=>n.transitions.easing.easeInOut};
+  }
+
+  & .${R.childPulsate} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${qe};
+    animation-duration: 2500ms;
+    animation-timing-function: ${({theme:n})=>n.transitions.easing.easeInOut};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`,re=d.forwardRef(function(e,t){const l=h.useDefaultProps({props:e,name:"MuiTouchRipple"}),{center:s=!1,classes:r={},className:i,...u}=l,[p,f]=d.useState([]),m=d.useRef(0),y=d.useRef(null);d.useEffect(()=>{y.current&&(y.current(),y.current=null)},[p]);const M=d.useRef(!1),N=b.useTimeout(),g=d.useRef(null),k=d.useRef(null),V=d.useCallback(c=>{const{pulsate:E,rippleX:x,rippleY:q,rippleSize:B,cb:z}=c;f(C=>[...C,F.jsx(_e,{classes:{ripple:h.clsx(r.ripple,R.ripple),rippleVisible:h.clsx(r.rippleVisible,R.rippleVisible),ripplePulsate:h.clsx(r.ripplePulsate,R.ripplePulsate),child:h.clsx(r.child,R.child),childLeaving:h.clsx(r.childLeaving,R.childLeaving),childPulsate:h.clsx(r.childPulsate,R.childPulsate)},timeout:Q,pulsate:E,rippleX:x,rippleY:q,rippleSize:B},m.current)]),m.current+=1,y.current=z},[r]),I=d.useCallback((c={},E={},x=()=>{})=>{const{pulsate:q=!1,center:B=s||E.pulsate,fakeElement:z=!1}=E;if((c==null?void 0:c.type)==="mousedown"&&M.current){M.current=!1;return}(c==null?void 0:c.type)==="touchstart"&&(M.current=!0);const C=z?null:k.current,S=C?C.getBoundingClientRect():{width:0,height:0,left:0,top:0};let w,D,j;if(B||c===void 0||c.clientX===0&&c.clientY===0||!c.clientX&&!c.touches)w=Math.round(S.width/2),D=Math.round(S.height/2);else{const{clientX:_,clientY:O}=c.touches&&c.touches.length>0?c.touches[0]:c;w=Math.round(_-S.left),D=Math.round(O-S.top)}if(B)j=Math.sqrt((2*S.width**2+S.height**2)/3),j%2===0&&(j+=1);else{const _=Math.max(Math.abs((C?C.clientWidth:0)-w),w)*2+2,O=Math.max(Math.abs((C?C.clientHeight:0)-D),D)*2+2;j=Math.sqrt(_**2+O**2)}c!=null&&c.touches?g.current===null&&(g.current=()=>{V({pulsate:q,rippleX:w,rippleY:D,rippleSize:j,cb:x})},N.start(Fe,()=>{g.current&&(g.current(),g.current=null)})):V({pulsate:q,rippleX:w,rippleY:D,rippleSize:j,cb:x})},[s,V,N]),K=d.useCallback(()=>{I({},{pulsate:!0})},[I]),U=d.useCallback((c,E)=>{if(N.clear(),(c==null?void 0:c.type)==="touchend"&&g.current){g.current(),g.current=null,N.start(0,()=>{U(c,E)});return}g.current=null,f(x=>x.length>0?x.slice(1):x),y.current=E},[N]);return d.useImperativeHandle(t,()=>({pulsate:K,start:I,stop:U}),[K,I,U]),F.jsx(ze,{className:h.clsx(R.root,r.root,i),ref:k,...u,children:F.jsx(ee,{component:null,exit:!0,children:p})})});process.env.NODE_ENV!=="production"&&(re.propTypes={center:o.PropTypes.bool,classes:o.PropTypes.object,className:o.PropTypes.string});function Ae(n){return h.generateUtilityClass("MuiButtonBase",n)}const Xe=h.generateUtilityClasses("MuiButtonBase",["root","disabled","focusVisible"]),Ye=n=>{const{disabled:e,focusVisible:t,focusVisibleClassName:l,classes:s}=n,r={root:["root",e&&"disabled",t&&"focusVisible"]},i=h.composeClasses(r,Ae,s);return t&&l&&(i.root+=` ${l}`),i},Ke=h.styled("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(n,e)=>e.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${Xe.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),ie=d.forwardRef(function(e,t){const l=h.useDefaultProps({props:e,name:"MuiButtonBase"}),{action:s,centerRipple:r=!1,children:i,className:u,component:p="button",disabled:f=!1,disableRipple:m=!1,disableTouchRipple:y=!1,focusRipple:M=!1,focusVisibleClassName:N,LinkComponent:g="a",onBlur:k,onClick:V,onContextMenu:I,onDragLeave:K,onFocus:U,onFocusVisible:c,onKeyDown:E,onKeyUp:x,onMouseDown:q,onMouseLeave:B,onMouseUp:z,onTouchEnd:C,onTouchMove:S,onTouchStart:w,tabIndex:D=0,TouchRippleProps:j,touchRippleRef:_,type:O,...A}=l,X=d.useRef(null),T=we(),le=b.useForkRef(T.ref,_),[L,H]=d.useState(!1);f&&L&&H(!1),d.useImperativeHandle(s,()=>({focusVisible:()=>{H(!0),X.current.focus()}}),[]);const ae=T.shouldMount&&!m&&!f;d.useEffect(()=>{L&&M&&!m&&T.pulsate()},[m,M,L,T]);const ue=v(T,"start",q,y),pe=v(T,"stop",I,y),ce=v(T,"stop",K,y),fe=v(T,"stop",z,y),de=v(T,"stop",a=>{L&&a.preventDefault(),B&&B(a)},y),he=v(T,"start",w,y),me=v(T,"stop",C,y),ye=v(T,"stop",S,y),Te=v(T,"stop",a=>{b.isFocusVisible(a.target)||H(!1),k&&k(a)},!1),be=b.useEventCallback(a=>{X.current||(X.current=a.currentTarget),b.isFocusVisible(a.target)&&(H(!0),c&&c(a)),U&&U(a)}),J=()=>{const a=X.current;return p&&p!=="button"&&!(a.tagName==="A"&&a.href)},Pe=b.useEventCallback(a=>{M&&!a.repeat&&L&&a.key===" "&&T.stop(a,()=>{T.start(a)}),a.target===a.currentTarget&&J()&&a.key===" "&&a.preventDefault(),E&&E(a),a.target===a.currentTarget&&J()&&a.key==="Enter"&&!f&&(a.preventDefault(),V&&V(a))}),ge=b.useEventCallback(a=>{M&&a.key===" "&&L&&!a.defaultPrevented&&T.stop(a,()=>{T.pulsate(a)}),x&&x(a),V&&a.target===a.currentTarget&&J()&&a.key===" "&&!a.defaultPrevented&&V(a)});let W=p;W==="button"&&(A.href||A.to)&&(W=g);const Y={};W==="button"?(Y.type=O===void 0?"button":O,Y.disabled=f):(!A.href&&!A.to&&(Y.role="button"),f&&(Y["aria-disabled"]=f));const Re=b.useForkRef(t,X),te={...l,centerRipple:r,component:p,disabled:f,disableRipple:m,disableTouchRipple:y,focusRipple:M,tabIndex:D,focusVisible:L},Me=Ye(te);return F.jsxs(Ke,{as:W,className:h.clsx(Me.root,u),ownerState:te,onBlur:Te,onClick:V,onContextMenu:pe,onFocus:be,onKeyDown:Pe,onKeyUp:ge,onMouseDown:ue,onMouseLeave:de,onMouseUp:fe,onDragLeave:ce,onTouchEnd:me,onTouchMove:ye,onTouchStart:he,ref:Re,tabIndex:f?-1:D,type:O,...Y,...A,children:[i,ae?F.jsx(re,{ref:le,center:r,...j}):null]})});function v(n,e,t,l=!1){return b.useEventCallback(s=>(t&&t(s),l||n[e](s),!0))}process.env.NODE_ENV!=="production"&&(ie.propTypes={action:b.refType,centerRipple:o.PropTypes.bool,children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,component:oe,disabled:o.PropTypes.bool,disableRipple:o.PropTypes.bool,disableTouchRipple:o.PropTypes.bool,focusRipple:o.PropTypes.bool,focusVisibleClassName:o.PropTypes.string,href:o.PropTypes.any,LinkComponent:o.PropTypes.elementType,onBlur:o.PropTypes.func,onClick:o.PropTypes.func,onContextMenu:o.PropTypes.func,onDragLeave:o.PropTypes.func,onFocus:o.PropTypes.func,onFocusVisible:o.PropTypes.func,onKeyDown:o.PropTypes.func,onKeyUp:o.PropTypes.func,onMouseDown:o.PropTypes.func,onMouseLeave:o.PropTypes.func,onMouseUp:o.PropTypes.func,onTouchEnd:o.PropTypes.func,onTouchMove:o.PropTypes.func,onTouchStart:o.PropTypes.func,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),tabIndex:o.PropTypes.number,TouchRippleProps:o.PropTypes.object,touchRippleRef:o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.shape({current:o.PropTypes.shape({pulsate:o.PropTypes.func.isRequired,start:o.PropTypes.func.isRequired,stop:o.PropTypes.func.isRequired})})]),type:o.PropTypes.oneOfType([o.PropTypes.oneOf(["button","reset","submit"]),o.PropTypes.string])});exports.ButtonBase=ie;exports.elementTypeAcceptingRef=oe;