@weng-lab/ui-components 1.3.3 → 2.0.1

package/dist/ui-components.es162.js

@@ -0,0 +1,340 @@
+import * as h from "react";
+import o from "./ui-components.es81.js";
+import { clsx as po } from "./ui-components.es80.js";
+import fo from "./ui-components.es322.js";
+import bo, { getButtonBaseUtilityClass as mo } from "./ui-components.es323.js";
+import { j as F } from "./ui-components.es12.js";
+import { useDefaultProps as ho } from "./ui-components.es85.js";
+import yo from "./ui-components.es324.js";
+import K from "./ui-components.es139.js";
+import x from "./ui-components.es140.js";
+import P from "./ui-components.es144.js";
+import Ro from "./ui-components.es31.js";
+import To from "./ui-components.es86.js";
+import go from "./ui-components.es202.js";
+import Mo from "./ui-components.es122.js";
+const Co = (y) => {
+  const {
+    disabled: l,
+    focusVisible: u,
+    focusVisibleClassName: i,
+    classes: c
+  } = y, R = To({
+    root: ["root", l && "disabled", u && "focusVisible"]
+  }, mo, c);
+  return u && i && (R.root += ` ${i}`), R;
+}, xo = Ro("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(l, u) {
+  const i = ho({
+    props: l,
+    name: "MuiButtonBase"
+  }), {
+    action: c,
+    centerRipple: B = !1,
+    children: R,
+    className: O,
+    component: T = "button",
+    disabled: r = !1,
+    disableRipple: g = !1,
+    disableTouchRipple: n = !1,
+    focusRipple: p = !1,
+    focusVisibleClassName: Do,
+    LinkComponent: A = "a",
+    onBlur: V,
+    onClick: f,
+    onContextMenu: I,
+    onDragLeave: z,
+    onFocus: w,
+    onFocusVisible: E,
+    onKeyDown: L,
+    onKeyUp: N,
+    onMouseDown: q,
+    onMouseLeave: j,
+    onMouseUp: H,
+    onTouchEnd: W,
+    onTouchMove: $,
+    onTouchStart: _,
+    tabIndex: S = 0,
+    TouchRippleProps: G,
+    touchRippleRef: J,
+    type: D,
+    ...d
+  } = i, b = h.useRef(null), t = yo(), Q = K(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 && p && !g && t.pulsate();
+  }, [g, p, 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) => {
+    P(e.target) || M(!1), V && V(e);
+  }, !1), uo = x((e) => {
+    b.current || (b.current = e.currentTarget), P(e.target) && (M(!0), E && E(e)), w && w(e);
+  }), k = () => {
+    const e = b.current;
+    return T && T !== "button" && !(e.tagName === "A" && e.href);
+  }, io = x((e) => {
+    p && !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(), f && f(e));
+  }), ao = x((e) => {
+    p && e.key === " " && a && !e.defaultPrevented && t.stop(e, () => {
+      t.pulsate(e);
+    }), N && N(e), f && e.target === e.currentTarget && k() && e.key === " " && !e.defaultPrevented && f(e);
+  });
+  let C = T;
+  C === "button" && (d.href || d.to) && (C = A);
+  const m = {};
+  C === "button" ? (m.type = D === void 0 ? "button" : D, m.disabled = r) : (!d.href && !d.to && (m.role = "button"), r && (m["aria-disabled"] = r));
+  const co = K(u, b), U = {
+    ...i,
+    centerRipple: B,
+    component: T,
+    disabled: r,
+    disableRipple: g,
+    disableTouchRipple: n,
+    focusRipple: p,
+    tabIndex: S,
+    focusVisible: a
+  }, lo = Co(U);
+  return /* @__PURE__ */ F.jsxs(xo, {
+    as: C,
+    className: po(lo.root, O),
+    ownerState: U,
+    onBlur: ro,
+    onClick: f,
+    onContextMenu: Z,
+    onFocus: uo,
+    onKeyDown: io,
+    onKeyUp: ao,
+    onMouseDown: Y,
+    onMouseLeave: eo,
+    onMouseUp: oo,
+    onDragLeave: v,
+    onTouchEnd: no,
+    onTouchMove: so,
+    onTouchStart: to,
+    ref: co,
+    tabIndex: r ? -1 : S,
+    type: D,
+    ...m,
+    ...d,
+    children: [R, X ? /* @__PURE__ */ F.jsx(fo, {
+      ref: Q,
+      center: B,
+      ...G
+    }) : null]
+  });
+});
+function s(y, l, u, i = !1) {
+  return x((c) => (u && u(c), i || y[l](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
+   */
+  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 {
+  xo as ButtonBaseRoot,
+  Bo as default
+};
+//# sourceMappingURL=ui-components.es162.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-components.es162.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/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    buttonProps.type = type === undefined ? '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  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","handleRef","_jsxs","clsx","_jsx","TouchRipple","rippleAction","eventCallback","skipRippleAction","refType","PropTypes","elementTypeAcceptingRef"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es163.js

@@ -0,0 +1,252 @@
+import * as O from "react";
+import r from "./ui-components.es81.js";
+import { clsx as T } from "./ui-components.es80.js";
+import C from "./ui-components.es82.js";
+import R from "./ui-components.es94.js";
+import { getCircularProgressUtilityClass as M } from "./ui-components.es326.js";
+import { j as h } from "./ui-components.es12.js";
+import { useDefaultProps as N } from "./ui-components.es85.js";
+import g from "./ui-components.es31.js";
+import c from "./ui-components.es98.js";
+import E from "./ui-components.es86.js";
+import z from "./ui-components.es99.js";
+import { css as P, keyframes as w } from "@emotion/react";
+const s = 44, y = w`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`, v = w`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
+  }
+`, F = typeof y != "string" ? P`
+        animation: ${y} 1.4s linear infinite;
+      ` : null, I = typeof v != "string" ? P`
+        animation: ${v} 1.4s ease-in-out infinite;
+      ` : null, U = (e) => {
+  const {
+    classes: t,
+    variant: o,
+    color: a,
+    disableShrink: l
+  } = e, m = {
+    root: ["root", o, `color${c(a)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${c(o)}`, l && "circleDisableShrink"]
+  };
+  return E(m, M, t);
+}, V = g("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.root, t[o.variant], t[`color${c(o.color)}`]];
+  }
+})(C(({
+  theme: e
+}) => ({
+  display: "inline-block",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: e.transitions.create("transform")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: F || {
+      animation: `${y} 1.4s linear infinite`
+    }
+  }, ...Object.entries(e.palette).filter(R()).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      color: (e.vars || e).palette[t].main
+    }
+  }))]
+}))), A = g("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg"
+})({
+  display: "block"
+  // Keeps the progress centered
+}), K = g("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: o
+    } = e;
+    return [t.circle, t[`circle${c(o.variant)}`], o.disableShrink && t.circleDisableShrink];
+  }
+})(C(({
+  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: I || {
+      // 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 = /* @__PURE__ */ O.forwardRef(function(t, o) {
+  const a = N({
+    props: t,
+    name: "MuiCircularProgress"
+  }), {
+    className: l,
+    color: m = "primary",
+    disableShrink: $ = !1,
+    size: p = 40,
+    style: j,
+    thickness: i = 3.6,
+    value: f = 0,
+    variant: k = "indeterminate",
+    ...D
+  } = a, n = {
+    ...a,
+    color: m,
+    disableShrink: $,
+    size: p,
+    thickness: i,
+    value: f,
+    variant: k
+  }, d = U(n), u = {}, x = {}, b = {};
+  if (k === "determinate") {
+    const S = 2 * Math.PI * ((s - i) / 2);
+    u.strokeDasharray = S.toFixed(3), b["aria-valuenow"] = Math.round(f), u.strokeDashoffset = `${((100 - f) / 100 * S).toFixed(3)}px`, x.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ h.jsx(V, {
+    className: T(d.root, l),
+    style: {
+      width: p,
+      height: p,
+      ...x,
+      ...j
+    },
+    ownerState: n,
+    ref: o,
+    role: "progressbar",
+    ...b,
+    ...D,
+    children: /* @__PURE__ */ h.jsx(A, {
+      className: d.svg,
+      ownerState: n,
+      viewBox: `${s / 2} ${s / 2} ${s} ${s}`,
+      children: /* @__PURE__ */ h.jsx(K, {
+        className: d.circle,
+        style: u,
+        ownerState: n,
+        cx: s,
+        cy: s,
+        r: (s - i) / 2,
+        fill: "none",
+        strokeWidth: i
+      })
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (B.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: z(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),
+  /**
+   * 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 {
+  B as default
+};
+//# sourceMappingURL=ui-components.es163.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-components.es163.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/CircularProgress/CircularProgress.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport chainPropTypes from '@mui/utils/chainPropTypes';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { keyframes, css, styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport createSimplePaletteValueFilter from \"../utils/createSimplePaletteValueFilter.js\";\nimport { getCircularProgressUtilityClass } from \"./circularProgressClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst SIZE = 44;\nconst circularRotateKeyframe = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n`;\nconst circularDashKeyframe = keyframes`\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: -126px;\n  }\n`;\n\n// This implementation is for supporting both Styled-components v4+ and Pigment CSS.\n// A global animation has to be created here for Styled-components v4+ (https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#12).\n// which can be done by checking typeof indeterminate1Keyframe !== 'string' (at runtime, Pigment CSS transform keyframes`` to a string).\nconst rotateAnimation = typeof circularRotateKeyframe !== 'string' ? css`\n        animation: ${circularRotateKeyframe} 1.4s linear infinite;\n      ` : null;\nconst dashAnimation = typeof circularDashKeyframe !== 'string' ? css`\n        animation: ${circularDashKeyframe} 1.4s ease-in-out infinite;\n      ` : null;\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    color,\n    disableShrink\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, `color${capitalize(color)}`],\n    svg: ['svg'],\n    circle: ['circle', `circle${capitalize(variant)}`, disableShrink && 'circleDisableShrink']\n  };\n  return composeClasses(slots, getCircularProgressUtilityClass, classes);\n};\nconst CircularProgressRoot = styled('span', {\n  name: 'MuiCircularProgress',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], styles[`color${capitalize(ownerState.color)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  display: 'inline-block',\n  variants: [{\n    props: {\n      variant: 'determinate'\n    },\n    style: {\n      transition: theme.transitions.create('transform')\n    }\n  }, {\n    props: {\n      variant: 'indeterminate'\n    },\n    style: rotateAnimation || {\n      animation: `${circularRotateKeyframe} 1.4s linear infinite`\n    }\n  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color\n    },\n    style: {\n      color: (theme.vars || theme).palette[color].main\n    }\n  }))]\n})));\nconst CircularProgressSVG = styled('svg', {\n  name: 'MuiCircularProgress',\n  slot: 'Svg'\n})({\n  display: 'block' // Keeps the progress centered\n});\nconst CircularProgressCircle = styled('circle', {\n  name: 'MuiCircularProgress',\n  slot: 'Circle',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.circle, styles[`circle${capitalize(ownerState.variant)}`], ownerState.disableShrink && styles.circleDisableShrink];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  stroke: 'currentColor',\n  variants: [{\n    props: {\n      variant: 'determinate'\n    },\n    style: {\n      transition: theme.transitions.create('stroke-dashoffset')\n    }\n  }, {\n    props: {\n      variant: 'indeterminate'\n    },\n    style: {\n      // Some default value that looks fine waiting for the animation to kicks in.\n      strokeDasharray: '80px, 200px',\n      strokeDashoffset: 0 // Add the unit to fix a Edge 16 and below bug.\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.variant === 'indeterminate' && !ownerState.disableShrink,\n    style: dashAnimation || {\n      // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.\n      animation: `${circularDashKeyframe} 1.4s ease-in-out infinite`\n    }\n  }]\n})));\n\n/**\n * ## ARIA\n *\n * If the progress bar is describing the loading progress of a particular region of a page,\n * you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`\n * attribute to `true` on that region until it has finished loading.\n */\nconst CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiCircularProgress'\n  });\n  const {\n    className,\n    color = 'primary',\n    disableShrink = false,\n    size = 40,\n    style,\n    thickness = 3.6,\n    value = 0,\n    variant = 'indeterminate',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    color,\n    disableShrink,\n    size,\n    thickness,\n    value,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  const circleStyle = {};\n  const rootStyle = {};\n  const rootProps = {};\n  if (variant === 'determinate') {\n    const circumference = 2 * Math.PI * ((SIZE - thickness) / 2);\n    circleStyle.strokeDasharray = circumference.toFixed(3);\n    rootProps['aria-valuenow'] = Math.round(value);\n    circleStyle.strokeDashoffset = `${((100 - value) / 100 * circumference).toFixed(3)}px`;\n    rootStyle.transform = 'rotate(-90deg)';\n  }\n  return /*#__PURE__*/_jsx(CircularProgressRoot, {\n    className: clsx(classes.root, className),\n    style: {\n      width: size,\n      height: size,\n      ...rootStyle,\n      ...style\n    },\n    ownerState: ownerState,\n    ref: ref,\n    role: \"progressbar\",\n    ...rootProps,\n    ...other,\n    children: /*#__PURE__*/_jsx(CircularProgressSVG, {\n      className: classes.svg,\n      ownerState: ownerState,\n      viewBox: `${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`,\n      children: /*#__PURE__*/_jsx(CircularProgressCircle, {\n        className: classes.circle,\n        style: circleStyle,\n        ownerState: ownerState,\n        cx: SIZE,\n        cy: SIZE,\n        r: (SIZE - thickness) / 2,\n        fill: \"none\",\n        strokeWidth: thickness\n      })\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? CircularProgress.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   * 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 color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * If `true`, the shrink animation is disabled.\n   * This only works if variant is `indeterminate`.\n   * @default false\n   */\n  disableShrink: chainPropTypes(PropTypes.bool, props => {\n    if (props.disableShrink && props.variant && props.variant !== 'indeterminate') {\n      return new Error('MUI: You have provided the `disableShrink` prop ' + 'with a variant other than `indeterminate`. This will have no effect.');\n    }\n    return null;\n  }),\n  /**\n   * The size of the component.\n   * If using a number, the pixel unit is assumed.\n   * If using a string, you need to provide the CSS unit, for example '3rem'.\n   * @default 40\n   */\n  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\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   * The thickness of the circle.\n   * @default 3.6\n   */\n  thickness: PropTypes.number,\n  /**\n   * The value of the progress indicator for the determinate variant.\n   * Value between 0 and 100.\n   * @default 0\n   */\n  value: PropTypes.number,\n  /**\n   * The variant to use.\n   * Use indeterminate when there is no progress value.\n   * @default 'indeterminate'\n   */\n  variant: PropTypes.oneOf(['determinate', 'indeterminate'])\n} : void 0;\nexport default CircularProgress;"],"names":["SIZE","circularRotateKeyframe","keyframes","circularDashKeyframe","rotateAnimation","css","dashAnimation","useUtilityClasses","ownerState","classes","variant","color","disableShrink","slots","capitalize","composeClasses","getCircularProgressUtilityClass","CircularProgressRoot","styled","props","styles","memoTheme","theme","createSimplePaletteValueFilter","CircularProgressSVG","CircularProgressCircle","CircularProgress","React","inProps","ref","useDefaultProps","className","size","style","thickness","value","other","circleStyle","rootStyle","rootProps","circumference","_jsx","clsx","PropTypes","chainPropTypes"],"mappings":"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","x_google_ignoreList":[0]}