@weng-lab/ui-components 2.2.3 → 2.2.4

package/dist/ui-components.es133.js

@@ -1,8 +1,348 @@
-function t(a) {
-  let l;
-  return a < 1 ? l = 5.11916 * a ** 2 : l = 4.5 * Math.log(a + 1) + 2, Math.round(l * 10) / 1e3;
+import * as h from "react";
+import o from "./ui-components.es89.js";
+import { clsx as po } from "./ui-components.es90.js";
+import fo from "./ui-components.es292.js";
+import bo, { getButtonBaseUtilityClass as mo } from "./ui-components.es293.js";
+import { j as U } from "./ui-components.es15.js";
+import { useDefaultProps as ho } from "./ui-components.es95.js";
+import yo from "./ui-components.es294.js";
+import A from "./ui-components.es120.js";
+import x from "./ui-components.es157.js";
+import K from "./ui-components.es161.js";
+import Ro from "./ui-components.es97.js";
+import To from "./ui-components.es37.js";
+import go from "./ui-components.es126.js";
+import Mo from "./ui-components.es125.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 {
-  t as default
+  xo as ButtonBaseRoot,
+  Bo as default
 };
 //# sourceMappingURL=ui-components.es133.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es133.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/styles/getOverlayAlpha.js"],"sourcesContent":["// Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61\nexport default function getOverlayAlpha(elevation) {\n  let alphaValue;\n  if (elevation < 1) {\n    alphaValue = 5.11916 * elevation ** 2;\n  } else {\n    alphaValue = 4.5 * Math.log(elevation + 1) + 2;\n  }\n  return Math.round(alphaValue * 10) / 1000;\n}"],"names":["getOverlayAlpha","elevation","alphaValue"],"mappings":"AACe,SAASA,EAAgBC,GAAW;AACjD,MAAIC;AACJ,SAAID,IAAY,IACdC,IAAa,UAAUD,KAAa,IAEpCC,IAAa,MAAM,KAAK,IAAID,IAAY,CAAC,IAAI,GAExC,KAAK,MAAMC,IAAa,EAAE,IAAI;AACvC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es133.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]}

package/dist/ui-components.es134.js

@@ -1,10 +1,278 @@
-import t from "./ui-components.es113.js";
-import i from "./ui-components.es98.js";
-function l(e) {
-  return t("MuiPaper", e);
-}
-i("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
+import * as D from "react";
+import r from "./ui-components.es89.js";
+import { clsx as M } from "./ui-components.es90.js";
+import g from "./ui-components.es93.js";
+import N from "./ui-components.es128.js";
+import { getCircularProgressUtilityClass as R } from "./ui-components.es296.js";
+import { j as l } from "./ui-components.es15.js";
+import { useDefaultProps as E } from "./ui-components.es95.js";
+import p from "./ui-components.es96.js";
+import z from "./ui-components.es97.js";
+import m from "./ui-components.es37.js";
+import F from "./ui-components.es105.js";
+import { css as w, keyframes as T } from "@emotion/react";
+const o = 44, k = T`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`, v = T`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
+  }
+`, I = typeof k != "string" ? w`
+        animation: ${k} 1.4s linear infinite;
+      ` : null, U = typeof v != "string" ? w`
+        animation: ${v} 1.4s ease-in-out infinite;
+      ` : null, V = (e) => {
+  const {
+    classes: t,
+    variant: s,
+    color: n,
+    disableShrink: f
+  } = e, u = {
+    root: ["root", s, `color${p(n)}`],
+    svg: ["svg"],
+    track: ["track"],
+    circle: ["circle", `circle${p(s)}`, f && "circleDisableShrink"]
+  };
+  return z(u, R, t);
+}, A = m("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: s
+    } = e;
+    return [t.root, t[s.variant], t[`color${p(s.color)}`]];
+  }
+})(g(({
+  theme: e
+}) => ({
+  display: "inline-block",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: e.transitions.create("transform")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: I || {
+      animation: `${k} 1.4s linear infinite`
+    }
+  }, ...Object.entries(e.palette).filter(N()).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      color: (e.vars || e).palette[t].main
+    }
+  }))]
+}))), K = m("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg"
+})({
+  display: "block"
+  // Keeps the progress centered
+}), W = m("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: s
+    } = e;
+    return [t.circle, t[`circle${p(s.variant)}`], s.disableShrink && t.circleDisableShrink];
+  }
+})(g(({
+  theme: e
+}) => ({
+  stroke: "currentColor",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: e.transitions.create("stroke-dashoffset")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: {
+      // Some default value that looks fine waiting for the animation to kicks in.
+      strokeDasharray: "80px, 200px",
+      strokeDashoffset: 0
+      // Add the unit to fix a Edge 16 and below bug.
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.variant === "indeterminate" && !t.disableShrink,
+    style: U || {
+      // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
+      animation: `${v} 1.4s ease-in-out infinite`
+    }
+  }]
+}))), B = m("circle", {
+  name: "MuiCircularProgress",
+  slot: "Track"
+})(g(({
+  theme: e
+}) => ({
+  stroke: "currentColor",
+  opacity: (e.vars || e).palette.action.activatedOpacity
+}))), G = /* @__PURE__ */ D.forwardRef(function(t, s) {
+  const n = E({
+    props: t,
+    name: "MuiCircularProgress"
+  }), {
+    className: f,
+    color: u = "primary",
+    disableShrink: $ = !1,
+    enableTrackSlot: b = !1,
+    size: d = 40,
+    style: j,
+    thickness: a = 3.6,
+    value: h = 0,
+    variant: x = "indeterminate",
+    ...O
+  } = n, i = {
+    ...n,
+    color: u,
+    disableShrink: $,
+    size: d,
+    thickness: a,
+    value: h,
+    variant: x,
+    enableTrackSlot: b
+  }, c = V(i), y = {}, S = {}, C = {};
+  if (x === "determinate") {
+    const P = 2 * Math.PI * ((o - a) / 2);
+    y.strokeDasharray = P.toFixed(3), C["aria-valuenow"] = Math.round(h), y.strokeDashoffset = `${((100 - h) / 100 * P).toFixed(3)}px`, S.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ l.jsx(A, {
+    className: M(c.root, f),
+    style: {
+      width: d,
+      height: d,
+      ...S,
+      ...j
+    },
+    ownerState: i,
+    ref: s,
+    role: "progressbar",
+    ...C,
+    ...O,
+    children: /* @__PURE__ */ l.jsxs(K, {
+      className: c.svg,
+      ownerState: i,
+      viewBox: `${o / 2} ${o / 2} ${o} ${o}`,
+      children: [b ? /* @__PURE__ */ l.jsx(B, {
+        className: c.track,
+        ownerState: i,
+        cx: o,
+        cy: o,
+        r: (o - a) / 2,
+        fill: "none",
+        strokeWidth: a,
+        "aria-hidden": "true"
+      }) : null, /* @__PURE__ */ l.jsx(W, {
+        className: c.circle,
+        style: y,
+        ownerState: i,
+        cx: o,
+        cy: o,
+        r: (o - a) / 2,
+        fill: "none",
+        strokeWidth: a
+      })]
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (G.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.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: r.oneOfType([r.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * If `true`, the shrink animation is disabled.
+   * This only works if variant is `indeterminate`.
+   * @default false
+   */
+  disableShrink: F(r.bool, (e) => e.disableShrink && e.variant && e.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
+  /**
+   * If `true`, a track circle slot is mounted to show a subtle background for the progress.
+   * The `size` and `thickness` apply to the track slot to be consistent with the progress circle.
+   * @default false
+   */
+  enableTrackSlot: r.bool,
+  /**
+   * The size of the component.
+   * If using a number, the pixel unit is assumed.
+   * If using a string, you need to provide the CSS unit, for example '3rem'.
+   * @default 40
+   */
+  size: r.oneOfType([r.number, r.string]),
+  /**
+   * @ignore
+   */
+  style: r.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The thickness of the circle.
+   * @default 3.6
+   */
+  thickness: r.number,
+  /**
+   * The value of the progress indicator for the determinate variant.
+   * Value between 0 and 100.
+   * @default 0
+   */
+  value: r.number,
+  /**
+   * The variant to use.
+   * Use indeterminate when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: r.oneOf(["determinate", "indeterminate"])
+});
 export {
-  l as getPaperUtilityClass
+  G as default
 };
 //# sourceMappingURL=ui-components.es134.js.map