@weng-lab/ui-components 2.1.1 → 2.2.0

package/dist/ui-components.es144.js

@@ -1,28 +1,348 @@
-import * as t from "react";
-function a(...e) {
-  const r = t.useRef(void 0), f = t.useCallback((n) => {
-    const o = e.map((u) => {
-      if (u == null)
-        return null;
-      if (typeof u == "function") {
-        const l = u, c = l(n);
-        return typeof c == "function" ? c : () => {
-          l(null);
-        };
-      }
-      return u.current = n, () => {
-        u.current = null;
-      };
-    });
-    return () => {
-      o.forEach((u) => u?.());
-    };
-  }, e);
-  return t.useMemo(() => e.every((n) => n == null) ? null : (n) => {
-    r.current && (r.current(), r.current = void 0), n != null && (r.current = f(n));
-  }, e);
+import * as h from "react";
+import o from "./ui-components.es87.js";
+import { clsx as po } from "./ui-components.es86.js";
+import fo from "./ui-components.es306.js";
+import bo, { getButtonBaseUtilityClass as mo } from "./ui-components.es307.js";
+import { j as U } from "./ui-components.es15.js";
+import { useDefaultProps as ho } from "./ui-components.es91.js";
+import yo from "./ui-components.es308.js";
+import A from "./ui-components.es132.js";
+import x from "./ui-components.es163.js";
+import K from "./ui-components.es167.js";
+import Ro from "./ui-components.es92.js";
+import To from "./ui-components.es34.js";
+import go from "./ui-components.es137.js";
+import Mo from "./ui-components.es136.js";
+const Co = (y) => {
+  const {
+    disabled: p,
+    focusVisible: i,
+    focusVisibleClassName: u,
+    classes: c
+  } = y, R = Ro({
+    root: ["root", p && "disabled", i && "focusVisible"]
+  }, mo, c);
+  return i && u && (R.root += ` ${u}`), R;
+}, xo = To("button", {
+  name: "MuiButtonBase",
+  slot: "Root"
+})({
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  position: "relative",
+  boxSizing: "border-box",
+  WebkitTapHighlightColor: "transparent",
+  backgroundColor: "transparent",
+  // Reset default value
+  // We disable the focus ring for mouse, touch and keyboard users.
+  outline: 0,
+  border: 0,
+  margin: 0,
+  // Remove the margin in Safari
+  borderRadius: 0,
+  padding: 0,
+  // Remove the padding in Firefox
+  cursor: "pointer",
+  userSelect: "none",
+  verticalAlign: "middle",
+  MozAppearance: "none",
+  // Reset
+  WebkitAppearance: "none",
+  // Reset
+  textDecoration: "none",
+  // So we take precedent over the style of a native <a /> element.
+  color: "inherit",
+  "&::-moz-focus-inner": {
+    borderStyle: "none"
+    // Remove Firefox dotted outline.
+  },
+  [`&.${bo.disabled}`]: {
+    pointerEvents: "none",
+    // Disable link interactions
+    cursor: "default"
+  },
+  "@media print": {
+    colorAdjust: "exact"
+  }
+}), Bo = /* @__PURE__ */ h.forwardRef(function(p, i) {
+  const u = ho({
+    props: p,
+    name: "MuiButtonBase"
+  }), {
+    action: c,
+    centerRipple: B = !1,
+    children: R,
+    className: O,
+    component: T = "button",
+    disabled: r = !1,
+    disableRipple: g = !1,
+    disableTouchRipple: n = !1,
+    focusRipple: f = !1,
+    focusVisibleClassName: Do,
+    LinkComponent: P = "a",
+    onBlur: V,
+    onClick: d,
+    onContextMenu: I,
+    onDragLeave: z,
+    onFocus: w,
+    onFocusVisible: E,
+    onKeyDown: L,
+    onKeyUp: N,
+    onMouseDown: q,
+    onMouseLeave: j,
+    onMouseUp: H,
+    onTouchEnd: W,
+    onTouchMove: $,
+    onTouchStart: _,
+    tabIndex: F = 0,
+    TouchRippleProps: G,
+    touchRippleRef: J,
+    type: D,
+    ...l
+  } = u, b = h.useRef(null), t = yo(), Q = A(t.ref, J), [a, M] = h.useState(!1);
+  r && a && M(!1), h.useImperativeHandle(c, () => ({
+    focusVisible: () => {
+      M(!0), b.current.focus();
+    }
+  }), []);
+  const X = t.shouldMount && !g && !r;
+  h.useEffect(() => {
+    a && f && !g && t.pulsate();
+  }, [g, f, a, t]);
+  const Y = s(t, "start", q, n), Z = s(t, "stop", I, n), v = s(t, "stop", z, n), oo = s(t, "stop", H, n), eo = s(t, "stop", (e) => {
+    a && e.preventDefault(), j && j(e);
+  }, n), to = s(t, "start", _, n), no = s(t, "stop", W, n), so = s(t, "stop", $, n), ro = s(t, "stop", (e) => {
+    K(e.target) || M(!1), V && V(e);
+  }, !1), io = x((e) => {
+    b.current || (b.current = e.currentTarget), K(e.target) && (M(!0), E && E(e)), w && w(e);
+  }), k = () => {
+    const e = b.current;
+    return T && T !== "button" && !(e.tagName === "A" && e.href);
+  }, uo = x((e) => {
+    f && !e.repeat && a && e.key === " " && t.stop(e, () => {
+      t.start(e);
+    }), e.target === e.currentTarget && k() && e.key === " " && e.preventDefault(), L && L(e), e.target === e.currentTarget && k() && e.key === "Enter" && !r && (e.preventDefault(), d && d(e));
+  }), ao = x((e) => {
+    f && e.key === " " && a && !e.defaultPrevented && t.stop(e, () => {
+      t.pulsate(e);
+    }), N && N(e), d && e.target === e.currentTarget && k() && e.key === " " && !e.defaultPrevented && d(e);
+  });
+  let C = T;
+  C === "button" && (l.href || l.to) && (C = P);
+  const m = {};
+  if (C === "button") {
+    const e = !!l.formAction;
+    m.type = D === void 0 && !e ? "button" : D, m.disabled = r;
+  } else
+    !l.href && !l.to && (m.role = "button"), r && (m["aria-disabled"] = r);
+  const co = A(i, b), S = {
+    ...u,
+    centerRipple: B,
+    component: T,
+    disabled: r,
+    disableRipple: g,
+    disableTouchRipple: n,
+    focusRipple: f,
+    tabIndex: F,
+    focusVisible: a
+  }, lo = Co(S);
+  return /* @__PURE__ */ U.jsxs(xo, {
+    as: C,
+    className: po(lo.root, O),
+    ownerState: S,
+    onBlur: ro,
+    onClick: d,
+    onContextMenu: Z,
+    onFocus: io,
+    onKeyDown: uo,
+    onKeyUp: ao,
+    onMouseDown: Y,
+    onMouseLeave: eo,
+    onMouseUp: oo,
+    onDragLeave: v,
+    onTouchEnd: no,
+    onTouchMove: so,
+    onTouchStart: to,
+    ref: co,
+    tabIndex: r ? -1 : F,
+    type: D,
+    ...m,
+    ...l,
+    children: [R, X ? /* @__PURE__ */ U.jsx(fo, {
+      ref: Q,
+      center: B,
+      ...G
+    }) : null]
+  });
+});
+function s(y, p, i, u = !1) {
+  return x((c) => (i && i(c), u || y[p](c), !0));
 }
+process.env.NODE_ENV !== "production" && (Bo.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * A ref for imperative actions.
+   * It currently only supports `focusVisible()` action.
+   */
+  action: Mo,
+  /**
+   * If `true`, the ripples are centered.
+   * They won't start at the cursor interaction position.
+   * @default false
+   */
+  centerRipple: o.bool,
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: go,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: o.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: o.bool,
+  /**
+   * If `true`, the touch ripple effect is disabled.
+   * @default false
+   */
+  disableTouchRipple: o.bool,
+  /**
+   * If `true`, the base button will have a keyboard focus ripple.
+   * @default false
+   */
+  focusRipple: o.bool,
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName: o.string,
+  /**
+   * @ignore
+   */
+  formAction: o.oneOfType([o.func, o.string]),
+  /**
+   * @ignore
+   */
+  href: o.any,
+  /**
+   * The component used to render a link when the `href` prop is provided.
+   * @default 'a'
+   */
+  LinkComponent: o.elementType,
+  /**
+   * @ignore
+   */
+  onBlur: o.func,
+  /**
+   * @ignore
+   */
+  onClick: o.func,
+  /**
+   * @ignore
+   */
+  onContextMenu: o.func,
+  /**
+   * @ignore
+   */
+  onDragLeave: o.func,
+  /**
+   * @ignore
+   */
+  onFocus: o.func,
+  /**
+   * Callback fired when the component is focused with a keyboard.
+   * We trigger a `onFocus` callback too.
+   */
+  onFocusVisible: o.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: o.func,
+  /**
+   * @ignore
+   */
+  onKeyUp: o.func,
+  /**
+   * @ignore
+   */
+  onMouseDown: o.func,
+  /**
+   * @ignore
+   */
+  onMouseLeave: o.func,
+  /**
+   * @ignore
+   */
+  onMouseUp: o.func,
+  /**
+   * @ignore
+   */
+  onTouchEnd: o.func,
+  /**
+   * @ignore
+   */
+  onTouchMove: o.func,
+  /**
+   * @ignore
+   */
+  onTouchStart: o.func,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * @default 0
+   */
+  tabIndex: o.number,
+  /**
+   * Props applied to the `TouchRipple` element.
+   */
+  TouchRippleProps: o.object,
+  /**
+   * A ref that points to the `TouchRipple` element.
+   */
+  touchRippleRef: o.oneOfType([o.func, o.shape({
+    current: o.shape({
+      pulsate: o.func.isRequired,
+      start: o.func.isRequired,
+      stop: o.func.isRequired
+    })
+  })]),
+  /**
+   * @ignore
+   */
+  type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string])
+});
 export {
-  a as default
+  xo as ButtonBaseRoot,
+  Bo as default
 };
 //# sourceMappingURL=ui-components.es144.js.map

package/dist/ui-components.es144.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es144.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useForkRef/useForkRef.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * Merges refs into a single memoized callback ref or `null`.\n *\n * ```tsx\n * const rootRef = React.useRef<Instance>(null);\n * const refFork = useForkRef(rootRef, props.ref);\n *\n * return (\n *   <Root {...props} ref={refFork} />\n * );\n * ```\n *\n * @param {Array<React.Ref<Instance> | undefined>} refs The ref array.\n * @returns {React.RefCallback<Instance> | null} The new ref callback.\n */\nexport default function useForkRef(...refs) {\n  const cleanupRef = React.useRef(undefined);\n  const refEffect = React.useCallback(instance => {\n    const cleanups = refs.map(ref => {\n      if (ref == null) {\n        return null;\n      }\n      if (typeof ref === 'function') {\n        const refCallback = ref;\n        const refCleanup = refCallback(instance);\n        return typeof refCleanup === 'function' ? refCleanup : () => {\n          refCallback(null);\n        };\n      }\n      ref.current = instance;\n      return () => {\n        ref.current = null;\n      };\n    });\n    return () => {\n      cleanups.forEach(refCleanup => refCleanup?.());\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, refs);\n  return React.useMemo(() => {\n    if (refs.every(ref => ref == null)) {\n      return null;\n    }\n    return value => {\n      if (cleanupRef.current) {\n        cleanupRef.current();\n        cleanupRef.current = undefined;\n      }\n      if (value != null) {\n        cleanupRef.current = refEffect(value);\n      }\n    };\n    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler -- intentionally ignoring that the dependency array must be an array literal\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, refs);\n}"],"names":["useForkRef","refs","cleanupRef","React","refEffect","instance","cleanups","ref","refCallback","refCleanup","value"],"mappings":";AAmBe,SAASA,KAAcC,GAAM;AAC1C,QAAMC,IAAaC,EAAM,OAAO,MAAS,GACnCC,IAAYD,EAAM,YAAY,CAAAE,MAAY;AAC9C,UAAMC,IAAWL,EAAK,IAAI,CAAAM,MAAO;AAC/B,UAAIA,KAAO;AACT,eAAO;AAET,UAAI,OAAOA,KAAQ,YAAY;AAC7B,cAAMC,IAAcD,GACdE,IAAaD,EAAYH,CAAQ;AACvC,eAAO,OAAOI,KAAe,aAAaA,IAAa,MAAM;AAC3D,UAAAD,EAAY,IAAI;AAAA,QAClB;AAAA,MACF;AACA,aAAAD,EAAI,UAAUF,GACP,MAAM;AACX,QAAAE,EAAI,UAAU;AAAA,MAChB;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AACX,MAAAD,EAAS,QAAQ,CAAAG,MAAcA,KAAc;AAAA,IAC/C;AAAA,EAEF,GAAGR,CAAI;AACP,SAAOE,EAAM,QAAQ,MACfF,EAAK,MAAM,CAAAM,MAAOA,KAAO,IAAI,IACxB,OAEF,CAAAG,MAAS;AACd,IAAIR,EAAW,YACbA,EAAW,QAAO,GAClBA,EAAW,UAAU,SAEnBQ,KAAS,SACXR,EAAW,UAAUE,EAAUM,CAAK;AAAA,EAExC,GAGCT,CAAI;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es144.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/ButtonBase/ButtonBase.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';\nimport composeClasses from '@mui/utils/composeClasses';\nimport isFocusVisible from '@mui/utils/isFocusVisible';\nimport { styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport useForkRef from \"../utils/useForkRef.js\";\nimport useEventCallback from \"../utils/useEventCallback.js\";\nimport useLazyRipple from \"../useLazyRipple/index.js\";\nimport TouchRipple from \"./TouchRipple.js\";\nimport buttonBaseClasses, { getButtonBaseUtilityClass } from \"./buttonBaseClasses.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    disabled,\n    focusVisible,\n    focusVisibleClassName,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', disabled && 'disabled', focusVisible && 'focusVisible']\n  };\n  const composedClasses = composeClasses(slots, getButtonBaseUtilityClass, classes);\n  if (focusVisible && focusVisibleClassName) {\n    composedClasses.root += ` ${focusVisibleClassName}`;\n  }\n  return composedClasses;\n};\nexport const ButtonBaseRoot = styled('button', {\n  name: 'MuiButtonBase',\n  slot: 'Root'\n})({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  position: 'relative',\n  boxSizing: 'border-box',\n  WebkitTapHighlightColor: 'transparent',\n  backgroundColor: 'transparent',\n  // Reset default value\n  // We disable the focus ring for mouse, touch and keyboard users.\n  outline: 0,\n  border: 0,\n  margin: 0,\n  // Remove the margin in Safari\n  borderRadius: 0,\n  padding: 0,\n  // Remove the padding in Firefox\n  cursor: 'pointer',\n  userSelect: 'none',\n  verticalAlign: 'middle',\n  MozAppearance: 'none',\n  // Reset\n  WebkitAppearance: 'none',\n  // Reset\n  textDecoration: 'none',\n  // So we take precedent over the style of a native <a /> element.\n  color: 'inherit',\n  '&::-moz-focus-inner': {\n    borderStyle: 'none' // Remove Firefox dotted outline.\n  },\n  [`&.${buttonBaseClasses.disabled}`]: {\n    pointerEvents: 'none',\n    // Disable link interactions\n    cursor: 'default'\n  },\n  '@media print': {\n    colorAdjust: 'exact'\n  }\n});\n\n/**\n * `ButtonBase` contains as few styles as possible.\n * It aims to be a simple building block for creating a button.\n * It contains a load of style reset and some focus/ripple logic.\n */\nconst ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiButtonBase'\n  });\n  const {\n    action,\n    centerRipple = false,\n    children,\n    className,\n    component = 'button',\n    disabled = false,\n    disableRipple = false,\n    disableTouchRipple = false,\n    focusRipple = false,\n    focusVisibleClassName,\n    LinkComponent = 'a',\n    onBlur,\n    onClick,\n    onContextMenu,\n    onDragLeave,\n    onFocus,\n    onFocusVisible,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseLeave,\n    onMouseUp,\n    onTouchEnd,\n    onTouchMove,\n    onTouchStart,\n    tabIndex = 0,\n    TouchRippleProps,\n    touchRippleRef,\n    type,\n    ...other\n  } = props;\n  const buttonRef = React.useRef(null);\n  const ripple = useLazyRipple();\n  const handleRippleRef = useForkRef(ripple.ref, touchRippleRef);\n  const [focusVisible, setFocusVisible] = React.useState(false);\n  if (disabled && focusVisible) {\n    setFocusVisible(false);\n  }\n  React.useImperativeHandle(action, () => ({\n    focusVisible: () => {\n      setFocusVisible(true);\n      buttonRef.current.focus();\n    }\n  }), []);\n  const enableTouchRipple = ripple.shouldMount && !disableRipple && !disabled;\n  React.useEffect(() => {\n    if (focusVisible && focusRipple && !disableRipple) {\n      ripple.pulsate();\n    }\n  }, [disableRipple, focusRipple, focusVisible, ripple]);\n  const handleMouseDown = useRippleHandler(ripple, 'start', onMouseDown, disableTouchRipple);\n  const handleContextMenu = useRippleHandler(ripple, 'stop', onContextMenu, disableTouchRipple);\n  const handleDragLeave = useRippleHandler(ripple, 'stop', onDragLeave, disableTouchRipple);\n  const handleMouseUp = useRippleHandler(ripple, 'stop', onMouseUp, disableTouchRipple);\n  const handleMouseLeave = useRippleHandler(ripple, 'stop', event => {\n    if (focusVisible) {\n      event.preventDefault();\n    }\n    if (onMouseLeave) {\n      onMouseLeave(event);\n    }\n  }, disableTouchRipple);\n  const handleTouchStart = useRippleHandler(ripple, 'start', onTouchStart, disableTouchRipple);\n  const handleTouchEnd = useRippleHandler(ripple, 'stop', onTouchEnd, disableTouchRipple);\n  const handleTouchMove = useRippleHandler(ripple, 'stop', onTouchMove, disableTouchRipple);\n  const handleBlur = useRippleHandler(ripple, 'stop', event => {\n    if (!isFocusVisible(event.target)) {\n      setFocusVisible(false);\n    }\n    if (onBlur) {\n      onBlur(event);\n    }\n  }, false);\n  const handleFocus = useEventCallback(event => {\n    // Fix for https://github.com/facebook/react/issues/7769\n    if (!buttonRef.current) {\n      buttonRef.current = event.currentTarget;\n    }\n    if (isFocusVisible(event.target)) {\n      setFocusVisible(true);\n      if (onFocusVisible) {\n        onFocusVisible(event);\n      }\n    }\n    if (onFocus) {\n      onFocus(event);\n    }\n  });\n  const isNonNativeButton = () => {\n    const button = buttonRef.current;\n    return component && component !== 'button' && !(button.tagName === 'A' && button.href);\n  };\n  const handleKeyDown = useEventCallback(event => {\n    // Check if key is already down to avoid repeats being counted as multiple activations\n    if (focusRipple && !event.repeat && focusVisible && event.key === ' ') {\n      ripple.stop(event, () => {\n        ripple.start(event);\n      });\n    }\n    if (event.target === event.currentTarget && isNonNativeButton() && event.key === ' ') {\n      event.preventDefault();\n    }\n    if (onKeyDown) {\n      onKeyDown(event);\n    }\n\n    // Keyboard accessibility for non interactive elements\n    if (event.target === event.currentTarget && isNonNativeButton() && event.key === 'Enter' && !disabled) {\n      event.preventDefault();\n      if (onClick) {\n        onClick(event);\n      }\n    }\n  });\n  const handleKeyUp = useEventCallback(event => {\n    // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed\n    // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0\n    if (focusRipple && event.key === ' ' && focusVisible && !event.defaultPrevented) {\n      ripple.stop(event, () => {\n        ripple.pulsate(event);\n      });\n    }\n    if (onKeyUp) {\n      onKeyUp(event);\n    }\n\n    // Keyboard accessibility for non interactive elements\n    if (onClick && event.target === event.currentTarget && isNonNativeButton() && event.key === ' ' && !event.defaultPrevented) {\n      onClick(event);\n    }\n  });\n  let ComponentProp = component;\n  if (ComponentProp === 'button' && (other.href || other.to)) {\n    ComponentProp = LinkComponent;\n  }\n  const buttonProps = {};\n  if (ComponentProp === 'button') {\n    const hasFormAttributes = !!other.formAction;\n    // ButtonBase was defaulting to type=\"button\" when no type prop was provided, which prevented form submission and broke formAction functionality.\n    // The fix checks for form-related attributes and skips the default type to allow the browser's natural submit behavior (type=\"submit\").\n    buttonProps.type = type === undefined && !hasFormAttributes ? 'button' : type;\n    buttonProps.disabled = disabled;\n  } else {\n    if (!other.href && !other.to) {\n      buttonProps.role = 'button';\n    }\n    if (disabled) {\n      buttonProps['aria-disabled'] = disabled;\n    }\n  }\n  const handleRef = useForkRef(ref, buttonRef);\n  const ownerState = {\n    ...props,\n    centerRipple,\n    component,\n    disabled,\n    disableRipple,\n    disableTouchRipple,\n    focusRipple,\n    tabIndex,\n    focusVisible\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(ButtonBaseRoot, {\n    as: ComponentProp,\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    onBlur: handleBlur,\n    onClick: onClick,\n    onContextMenu: handleContextMenu,\n    onFocus: handleFocus,\n    onKeyDown: handleKeyDown,\n    onKeyUp: handleKeyUp,\n    onMouseDown: handleMouseDown,\n    onMouseLeave: handleMouseLeave,\n    onMouseUp: handleMouseUp,\n    onDragLeave: handleDragLeave,\n    onTouchEnd: handleTouchEnd,\n    onTouchMove: handleTouchMove,\n    onTouchStart: handleTouchStart,\n    ref: handleRef,\n    tabIndex: disabled ? -1 : tabIndex,\n    type: type,\n    ...buttonProps,\n    ...other,\n    children: [children, enableTouchRipple ? /*#__PURE__*/_jsx(TouchRipple, {\n      ref: handleRippleRef,\n      center: centerRipple,\n      ...TouchRippleProps\n    }) : null]\n  });\n});\nfunction useRippleHandler(ripple, rippleAction, eventCallback, skipRippleAction = false) {\n  return useEventCallback(event => {\n    if (eventCallback) {\n      eventCallback(event);\n    }\n    if (!skipRippleAction) {\n      ripple[rippleAction](event);\n    }\n    return true;\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? ButtonBase.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * A ref for imperative actions.\n   * It currently only supports `focusVisible()` action.\n   */\n  action: refType,\n  /**\n   * If `true`, the ripples are centered.\n   * They won't start at the cursor interaction position.\n   * @default false\n   */\n  centerRipple: PropTypes.bool,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: elementTypeAcceptingRef,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   *\n   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\n   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * If `true`, the touch ripple effect is disabled.\n   * @default false\n   */\n  disableTouchRipple: PropTypes.bool,\n  /**\n   * If `true`, the base button will have a keyboard focus ripple.\n   * @default false\n   */\n  focusRipple: PropTypes.bool,\n  /**\n   * This prop can help identify which element has keyboard focus.\n   * The class name will be applied when the element gains the focus through keyboard interaction.\n   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\n   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\n   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\n   * if needed.\n   */\n  focusVisibleClassName: PropTypes.string,\n  /**\n   * @ignore\n   */\n  formAction: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),\n  /**\n   * @ignore\n   */\n  href: PropTypes /* @typescript-to-proptypes-ignore */.any,\n  /**\n   * The component used to render a link when the `href` prop is provided.\n   * @default 'a'\n   */\n  LinkComponent: PropTypes.elementType,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onContextMenu: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onDragLeave: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onKeyUp: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseDown: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseLeave: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseUp: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onTouchEnd: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onTouchMove: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onTouchStart: PropTypes.func,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * @default 0\n   */\n  tabIndex: PropTypes.number,\n  /**\n   * Props applied to the `TouchRipple` element.\n   */\n  TouchRippleProps: PropTypes.object,\n  /**\n   * A ref that points to the `TouchRipple` element.\n   */\n  touchRippleRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({\n    current: PropTypes.shape({\n      pulsate: PropTypes.func.isRequired,\n      start: PropTypes.func.isRequired,\n      stop: PropTypes.func.isRequired\n    })\n  })]),\n  /**\n   * @ignore\n   */\n  type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string])\n} : void 0;\nexport default ButtonBase;"],"names":["useUtilityClasses","ownerState","disabled","focusVisible","focusVisibleClassName","classes","composedClasses","composeClasses","getButtonBaseUtilityClass","ButtonBaseRoot","styled","buttonBaseClasses","ButtonBase","React","inProps","ref","props","useDefaultProps","action","centerRipple","children","className","component","disableRipple","disableTouchRipple","focusRipple","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type","other","buttonRef","ripple","useLazyRipple","handleRippleRef","useForkRef","setFocusVisible","enableTouchRipple","handleMouseDown","useRippleHandler","handleContextMenu","handleDragLeave","handleMouseUp","handleMouseLeave","event","handleTouchStart","handleTouchEnd","handleTouchMove","handleBlur","isFocusVisible","handleFocus","useEventCallback","isNonNativeButton","button","handleKeyDown","handleKeyUp","ComponentProp","buttonProps","hasFormAttributes","handleRef","_jsxs","clsx","_jsx","TouchRipple","rippleAction","eventCallback","skipRippleAction","refType","PropTypes","elementTypeAcceptingRef"],"mappings":"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","x_google_ignoreList":[0]}