@weng-lab/ui-components 3.0.0 → 3.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es49.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/InputBase/InputBase.js"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nvar _InputGlobalStyles;\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport isHostComponent from '@mui/utils/isHostComponent';\nimport TextareaAutosize from \"../TextareaAutosize/index.js\";\nimport formControlState from \"../FormControl/formControlState.js\";\nimport FormControlContext from \"../FormControl/FormControlContext.js\";\nimport useFormControl from \"../FormControl/useFormControl.js\";\nimport { styled, globalCss } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport useForkRef from \"../utils/useForkRef.js\";\nimport useEnhancedEffect from \"../utils/useEnhancedEffect.js\";\nimport { isFilled } from \"./utils.js\";\nimport inputBaseClasses, { getInputBaseUtilityClass } from \"./inputBaseClasses.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const rootOverridesResolver = (props, styles) => {\n  const {\n    ownerState\n  } = props;\n  return [styles.root, ownerState.formControl && styles.formControl, ownerState.startAdornment && styles.adornedStart, ownerState.endAdornment && styles.adornedEnd, ownerState.error && styles.error, ownerState.size === 'small' && styles.sizeSmall, ownerState.multiline && styles.multiline, ownerState.color && styles[`color${capitalize(ownerState.color)}`], ownerState.fullWidth && styles.fullWidth, ownerState.hiddenLabel && styles.hiddenLabel];\n};\nexport const inputOverridesResolver = (props, styles) => {\n  const {\n    ownerState\n  } = props;\n  return [styles.input, ownerState.size === 'small' && styles.inputSizeSmall, ownerState.multiline && styles.inputMultiline, ownerState.type === 'search' && styles.inputTypeSearch, ownerState.startAdornment && styles.inputAdornedStart, ownerState.endAdornment && styles.inputAdornedEnd, ownerState.hiddenLabel && styles.inputHiddenLabel];\n};\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    color,\n    disabled,\n    error,\n    endAdornment,\n    focused,\n    formControl,\n    fullWidth,\n    hiddenLabel,\n    multiline,\n    readOnly,\n    size,\n    startAdornment,\n    type\n  } = ownerState;\n  const slots = {\n    root: ['root', `color${capitalize(color)}`, disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', focused && 'focused', formControl && 'formControl', size && size !== 'medium' && `size${capitalize(size)}`, multiline && 'multiline', startAdornment && 'adornedStart', endAdornment && 'adornedEnd', hiddenLabel && 'hiddenLabel', readOnly && 'readOnly'],\n    input: ['input', disabled && 'disabled', type === 'search' && 'inputTypeSearch', multiline && 'inputMultiline', size === 'small' && 'inputSizeSmall', hiddenLabel && 'inputHiddenLabel', startAdornment && 'inputAdornedStart', endAdornment && 'inputAdornedEnd', readOnly && 'readOnly']\n  };\n  return composeClasses(slots, getInputBaseUtilityClass, classes);\n};\nexport const InputBaseRoot = styled('div', {\n  name: 'MuiInputBase',\n  slot: 'Root',\n  overridesResolver: rootOverridesResolver\n})(memoTheme(({\n  theme\n}) => ({\n  ...theme.typography.body1,\n  color: (theme.vars || theme).palette.text.primary,\n  lineHeight: '1.4375em',\n  // 23px\n  boxSizing: 'border-box',\n  // Prevent padding issue with fullWidth.\n  position: 'relative',\n  cursor: 'text',\n  display: 'inline-flex',\n  alignItems: 'center',\n  [`&.${inputBaseClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.text.disabled,\n    cursor: 'default'\n  },\n  variants: [{\n    props: ({\n      ownerState\n    }) => ownerState.multiline,\n    style: {\n      padding: '4px 0 5px'\n    }\n  }, {\n    props: ({\n      ownerState,\n      size\n    }) => ownerState.multiline && size === 'small',\n    style: {\n      paddingTop: 1\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.fullWidth,\n    style: {\n      width: '100%'\n    }\n  }]\n})));\nexport const InputBaseInput = styled('input', {\n  name: 'MuiInputBase',\n  slot: 'Input',\n  overridesResolver: inputOverridesResolver\n})(memoTheme(({\n  theme\n}) => {\n  const light = theme.palette.mode === 'light';\n  const placeholder = {\n    color: 'currentColor',\n    ...(theme.vars ? {\n      opacity: theme.vars.opacity.inputPlaceholder\n    } : {\n      opacity: light ? 0.42 : 0.5\n    }),\n    transition: theme.transitions.create('opacity', {\n      duration: theme.transitions.duration.shorter\n    })\n  };\n  const placeholderHidden = {\n    opacity: '0 !important'\n  };\n  const placeholderVisible = theme.vars ? {\n    opacity: theme.vars.opacity.inputPlaceholder\n  } : {\n    opacity: light ? 0.42 : 0.5\n  };\n  return {\n    font: 'inherit',\n    letterSpacing: 'inherit',\n    color: 'currentColor',\n    padding: '4px 0 5px',\n    border: 0,\n    boxSizing: 'content-box',\n    background: 'none',\n    height: '1.4375em',\n    // Reset 23pxthe native input line-height\n    margin: 0,\n    // Reset for Safari\n    WebkitTapHighlightColor: 'transparent',\n    display: 'block',\n    // Make the flex item shrink with Firefox\n    minWidth: 0,\n    width: '100%',\n    '&::-webkit-input-placeholder': placeholder,\n    '&::-moz-placeholder': placeholder,\n    // Firefox 19+\n    '&::-ms-input-placeholder': placeholder,\n    // Edge\n    '&:focus': {\n      outline: 0\n    },\n    // Reset Firefox invalid required input style\n    '&:invalid': {\n      boxShadow: 'none'\n    },\n    '&::-webkit-search-decoration': {\n      // Remove the padding when type=search.\n      WebkitAppearance: 'none'\n    },\n    // Show and hide the placeholder logic\n    [`label[data-shrink=false] + .${inputBaseClasses.formControl} &`]: {\n      '&::-webkit-input-placeholder': placeholderHidden,\n      '&::-moz-placeholder': placeholderHidden,\n      // Firefox 19+\n      '&::-ms-input-placeholder': placeholderHidden,\n      // Edge\n      '&:focus::-webkit-input-placeholder': placeholderVisible,\n      '&:focus::-moz-placeholder': placeholderVisible,\n      // Firefox 19+\n      '&:focus::-ms-input-placeholder': placeholderVisible // Edge\n    },\n    [`&.${inputBaseClasses.disabled}`]: {\n      opacity: 1,\n      // Reset iOS opacity\n      WebkitTextFillColor: (theme.vars || theme).palette.text.disabled // Fix opacity Safari bug\n    },\n    variants: [{\n      props: ({\n        ownerState\n      }) => !ownerState.disableInjectingGlobalStyles,\n      style: {\n        animationName: 'mui-auto-fill-cancel',\n        animationDuration: '10ms',\n        '&:-webkit-autofill': {\n          animationDuration: '5000s',\n          animationName: 'mui-auto-fill'\n        }\n      }\n    }, {\n      props: {\n        size: 'small'\n      },\n      style: {\n        paddingTop: 1\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.multiline,\n      style: {\n        height: 'auto',\n        resize: 'none',\n        padding: 0,\n        paddingTop: 0\n      }\n    }, {\n      props: {\n        type: 'search'\n      },\n      style: {\n        MozAppearance: 'textfield' // Improve type search style.\n      }\n    }]\n  };\n}));\nconst InputGlobalStyles = globalCss({\n  '@keyframes mui-auto-fill': {\n    from: {\n      display: 'block'\n    }\n  },\n  '@keyframes mui-auto-fill-cancel': {\n    from: {\n      display: 'block'\n    }\n  }\n});\n\n/**\n * `InputBase` contains as few styles as possible.\n * It aims to be a simple building block for creating an input.\n * It contains a load of style reset and some state logic.\n */\nconst InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiInputBase'\n  });\n  const {\n    'aria-describedby': ariaDescribedby,\n    autoComplete,\n    autoFocus,\n    className,\n    color,\n    components = {},\n    componentsProps = {},\n    defaultValue,\n    disabled,\n    disableInjectingGlobalStyles,\n    endAdornment,\n    error,\n    fullWidth = false,\n    id,\n    inputComponent = 'input',\n    inputProps: inputPropsProp = {},\n    inputRef: inputRefProp,\n    margin,\n    maxRows,\n    minRows,\n    multiline = false,\n    name,\n    onBlur,\n    onChange,\n    onClick,\n    onFocus,\n    onKeyDown,\n    onKeyUp,\n    placeholder,\n    readOnly,\n    renderSuffix,\n    rows,\n    size,\n    slotProps = {},\n    slots = {},\n    startAdornment,\n    type = 'text',\n    value: valueProp,\n    ...other\n  } = props;\n  const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;\n  const {\n    current: isControlled\n  } = React.useRef(value != null);\n  const inputRef = React.useRef();\n  const handleInputRefWarning = React.useCallback(instance => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (instance && instance.nodeName !== 'INPUT' && !instance.focus) {\n        console.error(['MUI: You have provided a `inputComponent` to the input component', 'that does not correctly handle the `ref` prop.', 'Make sure the `ref` prop is called with a HTMLInputElement.'].join('\\n'));\n      }\n    }\n  }, []);\n  const handleInputRef = useForkRef(inputRef, inputRefProp, inputPropsProp.ref, handleInputRefWarning);\n  const [focused, setFocused] = React.useState(false);\n  const muiFormControl = useFormControl();\n  if (process.env.NODE_ENV !== 'production') {\n    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (muiFormControl) {\n        return muiFormControl.registerEffect();\n      }\n      return undefined;\n    }, [muiFormControl]);\n  }\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['color', 'disabled', 'error', 'hiddenLabel', 'size', 'required', 'filled']\n  });\n  fcs.focused = muiFormControl ? muiFormControl.focused : focused;\n\n  // The blur won't fire when the disabled state is set on a focused input.\n  // We need to book keep the focused state manually.\n  React.useEffect(() => {\n    if (!muiFormControl && disabled && focused) {\n      setFocused(false);\n      if (onBlur) {\n        onBlur();\n      }\n    }\n  }, [muiFormControl, disabled, focused, onBlur]);\n  const onFilled = muiFormControl && muiFormControl.onFilled;\n  const onEmpty = muiFormControl && muiFormControl.onEmpty;\n  const checkDirty = React.useCallback(obj => {\n    if (isFilled(obj)) {\n      if (onFilled) {\n        onFilled();\n      }\n    } else if (onEmpty) {\n      onEmpty();\n    }\n  }, [onFilled, onEmpty]);\n  useEnhancedEffect(() => {\n    if (isControlled) {\n      checkDirty({\n        value\n      });\n    }\n  }, [value, checkDirty, isControlled]);\n  const handleFocus = event => {\n    if (onFocus) {\n      onFocus(event);\n    }\n    if (inputPropsProp.onFocus) {\n      inputPropsProp.onFocus(event);\n    }\n    if (muiFormControl && muiFormControl.onFocus) {\n      muiFormControl.onFocus(event);\n    } else {\n      setFocused(true);\n    }\n  };\n  const handleBlur = event => {\n    if (onBlur) {\n      onBlur(event);\n    }\n    if (inputPropsProp.onBlur) {\n      inputPropsProp.onBlur(event);\n    }\n    if (muiFormControl && muiFormControl.onBlur) {\n      muiFormControl.onBlur(event);\n    } else {\n      setFocused(false);\n    }\n  };\n  const handleChange = (event, ...args) => {\n    if (!isControlled) {\n      const element = event.target || inputRef.current;\n      if (element == null) {\n        throw new Error(process.env.NODE_ENV !== \"production\" ? 'MUI: Expected valid input target. ' + 'Did you use a custom `inputComponent` and forget to forward refs? ' + 'See https://mui.com/r/input-component-ref-interface for more info.' : _formatErrorMessage(1));\n      }\n      checkDirty({\n        value: element.value\n      });\n    }\n    if (inputPropsProp.onChange) {\n      inputPropsProp.onChange(event, ...args);\n    }\n\n    // Perform in the willUpdate\n    if (onChange) {\n      onChange(event, ...args);\n    }\n  };\n\n  // Check the input state on mount, in case it was filled by the user\n  // or auto filled by the browser before the hydration (for SSR).\n  React.useEffect(() => {\n    checkDirty(inputRef.current);\n    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  const handleClick = event => {\n    if (inputRef.current && event.currentTarget === event.target) {\n      inputRef.current.focus();\n    }\n    if (onClick) {\n      onClick(event);\n    }\n  };\n  let InputComponent = inputComponent;\n  let inputProps = inputPropsProp;\n  if (multiline && InputComponent === 'input') {\n    if (rows) {\n      if (process.env.NODE_ENV !== 'production') {\n        if (minRows || maxRows) {\n          console.warn('MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set.');\n        }\n      }\n      inputProps = {\n        type: undefined,\n        minRows: rows,\n        maxRows: rows,\n        ...inputProps\n      };\n    } else {\n      inputProps = {\n        type: undefined,\n        maxRows,\n        minRows,\n        ...inputProps\n      };\n    }\n    InputComponent = TextareaAutosize;\n  }\n  const handleAutoFill = event => {\n    // Provide a fake value as Chrome might not let you access it for security reasons.\n    checkDirty(event.animationName === 'mui-auto-fill-cancel' ? inputRef.current : {\n      value: 'x'\n    });\n  };\n  React.useEffect(() => {\n    if (muiFormControl) {\n      muiFormControl.setAdornedStart(Boolean(startAdornment));\n    }\n  }, [muiFormControl, startAdornment]);\n  const ownerState = {\n    ...props,\n    color: fcs.color || 'primary',\n    disabled: fcs.disabled,\n    endAdornment,\n    error: fcs.error,\n    focused: fcs.focused,\n    formControl: muiFormControl,\n    fullWidth,\n    hiddenLabel: fcs.hiddenLabel,\n    multiline,\n    size: fcs.size,\n    startAdornment,\n    type\n  };\n  const classes = useUtilityClasses(ownerState);\n  const Root = slots.root || components.Root || InputBaseRoot;\n  const rootProps = slotProps.root || componentsProps.root || {};\n  const Input = slots.input || components.Input || InputBaseInput;\n  inputProps = {\n    ...inputProps,\n    ...(slotProps.input ?? componentsProps.input)\n  };\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [!disableInjectingGlobalStyles && typeof InputGlobalStyles === 'function' && (// For Emotion/Styled-components, InputGlobalStyles will be a function\n    // For Pigment CSS, this has no effect because the InputGlobalStyles will be null.\n    _InputGlobalStyles || (_InputGlobalStyles = /*#__PURE__*/_jsx(InputGlobalStyles, {}))), /*#__PURE__*/_jsxs(Root, {\n      ...rootProps,\n      ref: ref,\n      onClick: handleClick,\n      ...other,\n      ...(!isHostComponent(Root) && {\n        ownerState: {\n          ...ownerState,\n          ...rootProps.ownerState\n        }\n      }),\n      className: clsx(classes.root, rootProps.className, className, readOnly && 'MuiInputBase-readOnly'),\n      children: [startAdornment, /*#__PURE__*/_jsx(FormControlContext.Provider, {\n        value: null,\n        children: /*#__PURE__*/_jsx(Input, {\n          \"aria-invalid\": fcs.error,\n          \"aria-describedby\": ariaDescribedby,\n          autoComplete: autoComplete,\n          autoFocus: autoFocus,\n          defaultValue: defaultValue,\n          disabled: fcs.disabled,\n          id: id,\n          onAnimationStart: handleAutoFill,\n          name: name,\n          placeholder: placeholder,\n          readOnly: readOnly,\n          required: fcs.required,\n          rows: rows,\n          value: value,\n          onKeyDown: onKeyDown,\n          onKeyUp: onKeyUp,\n          type: type,\n          ...inputProps,\n          ...(!isHostComponent(Input) && {\n            as: InputComponent,\n            ownerState: {\n              ...ownerState,\n              ...inputProps.ownerState\n            }\n          }),\n          ref: handleInputRef,\n          className: clsx(classes.input, inputProps.className, readOnly && 'MuiInputBase-readOnly'),\n          onBlur: handleBlur,\n          onChange: handleChange,\n          onFocus: handleFocus\n        })\n      }), endAdornment, renderSuffix ? renderSuffix({\n        ...fcs,\n        startAdornment\n      }) : null]\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? InputBase.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   * @ignore\n   */\n  'aria-describedby': PropTypes.string,\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoComplete: PropTypes.string,\n  /**\n   * If `true`, the `input` element is focused during the first mount.\n   */\n  autoFocus: PropTypes.bool,\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   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The components used for each slot inside.\n   *\n   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Input: PropTypes.elementType,\n    Root: PropTypes.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   *\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    input: PropTypes.object,\n    root: PropTypes.object\n  }),\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: PropTypes.any,\n  /**\n   * If `true`, the component is disabled.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application.\n   * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.\n   * @default false\n   */\n  disableInjectingGlobalStyles: PropTypes.bool,\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment: PropTypes.node,\n  /**\n   * If `true`, the `input` will indicate an error.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the `input` will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * The component used for the `input` element.\n   * Either a string to use a HTML element or a component.\n   * @default 'input'\n   */\n  inputComponent: elementTypeAcceptingRef,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.\n   * @default {}\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /**\n   * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n   * FormControl.\n   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.\n   */\n  margin: PropTypes.oneOf(['dense', 'none']),\n  /**\n   * Maximum number of rows to display when multiline option is set to true.\n   */\n  maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Minimum number of rows to display when multiline option is set to true.\n   */\n  minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.\n   * @default false\n   */\n  multiline: PropTypes.bool,\n  /**\n   * Name attribute of the `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when the `input` is blurred.\n   *\n   * Notice that the first argument (event) might be undefined.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Callback fired when the value is changed.\n   *\n   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   */\n  onChange: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Callback fired when the `input` doesn't satisfy its constraints.\n   */\n  onInvalid: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onKeyUp: PropTypes.func,\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * It prevents the user from changing the value of the field\n   * (not from interacting with the field).\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  renderSuffix: PropTypes.func,\n  /**\n   * If `true`, the `input` element is required.\n   * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n   */\n  required: PropTypes.bool,\n  /**\n   * Number of rows to display when multiline option is set to true.\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * The size of the component.\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    input: PropTypes.object,\n    root: PropTypes.object\n  }),\n  /**\n   * The components used for each slot inside.\n   *\n   * This prop is an alias for the `components` prop, which will be deprecated in the future.\n   *\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    input: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment: PropTypes.node,\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   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).\n   * @default 'text'\n   */\n  type: PropTypes.string,\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default InputBase;"],"names":["_InputGlobalStyles","rootOverridesResolver","props","styles","ownerState","capitalize","inputOverridesResolver","useUtilityClasses","classes","color","disabled","error","endAdornment","focused","formControl","fullWidth","hiddenLabel","multiline","readOnly","size","startAdornment","type","slots","composeClasses","getInputBaseUtilityClass","InputBaseRoot","styled","memoTheme","theme","inputBaseClasses","InputBaseInput","light","placeholder","placeholderHidden","placeholderVisible","InputGlobalStyles","globalCss","InputBase","React","inProps","ref","useDefaultProps","ariaDescribedby","autoComplete","autoFocus","className","components","componentsProps","defaultValue","disableInjectingGlobalStyles","id","inputComponent","inputPropsProp","inputRefProp","margin","maxRows","minRows","name","onBlur","onChange","onClick","onFocus","onKeyDown","onKeyUp","renderSuffix","rows","slotProps","valueProp","other","value","isControlled","inputRef","handleInputRefWarning","instance","handleInputRef","useForkRef","setFocused","muiFormControl","useFormControl","fcs","formControlState","onFilled","onEmpty","checkDirty","obj","isFilled","useEnhancedEffect","handleFocus","event","handleBlur","handleChange","args","element","_formatErrorMessage","handleClick","InputComponent","inputProps","TextareaAutosize","handleAutoFill","Root","rootProps","Input","_jsxs","_jsx","isHostComponent","clsx","FormControlContext","PropTypes","elementTypeAcceptingRef","refType"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es49.js","sources":["../src/components/Table/useContainerResize.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { debounce } from \"@mui/material/utils\";\n\n/**\n * Hook that monitors a container element's width changes and triggers a callback\n * when the width changes (debounced to avoid excessive calls).\n *\n * @param containerRef - Ref to the container element to monitor\n * @param callback - Function to call when width changes\n * @param debounceMs - Debounce delay in milliseconds (default: 200)\n */\nexport const useContainerResize = (\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  callback: () => void,\n  debounceMs: number = 200\n): void => {\n  const prevWidth = useRef<number>(0);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const debouncedResize = debounce(() => {\n      const newWidth = container.offsetWidth;\n\n      // ONLY trigger if the actual pixel width of the container changed.\n      // This ignores cases where the grid content expands horizontally\n      // but the container remains the same size.\n      if (newWidth !== prevWidth.current) {\n        prevWidth.current = newWidth;\n        callback();\n      }\n    }, debounceMs);\n\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        // Use borderBoxSize for more accurate external boundary measurement\n        if (entry.borderBoxSize) {\n          debouncedResize();\n        }\n      }\n    });\n\n    observer.observe(container);\n\n    return () => {\n      debouncedResize.clear();\n      observer.disconnect();\n    };\n  }, [containerRef, callback, debounceMs]);\n};\n"],"names":["useContainerResize","containerRef","callback","t0","$","_c","debounceMs","prevWidth","useRef","t1","t2","container","current","debouncedResize","debounce","newWidth","offsetWidth","observer","ResizeObserver","entries","entry","borderBoxSize","observe","clear","disconnect","useEffect"],"mappings":";;;AAWO,MAAMA,IAAqBA,CAAAC,GAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAGhCC,IAAA,KAEAC,IAAkBC,EAAe,CAAC;AAAE,MAAAC,GAAAC;AAAA,EAAAN,EAAA,CAAA,MAAAF,KAAAE,SAAAH,KAAAG,EAAA,CAAA,MAAAE,KAE1BG,IAAAA,MAAA;AACR,UAAAE,IAAkBV,EAAYW;AAC9B,QAAI,CAACD;AAAS;AAEd,UAAAE,IAAwBC,EAAS,MAAA;AAC/B,YAAAC,IAAiBJ,EAASK;AAK1B,MAAID,MAAaR,EAASK,YACxBL,EAASK,UAAWG,GACpBb,EAAAA;AAAAA,IACD,GACAI,CAAU,GAEbW,IAAiB,IAAIC,eAAeC,CAAAA,MAAA;AAClC,iBAAKC,KAAeD;AAElB,QAAIC,EAAKC,iBACPR,EAAAA;AAAAA,IAEH,CACF;AAEDI,WAAAA,EAAQK,QAASX,CAAS,GAEnB,MAAA;AACLE,MAAAA,EAAeU,MAAAA,GACfN,EAAQO,WAAAA;AAAAA,IAAa;AAAA,EACtB,GACAd,KAACT,GAAcC,GAAUI,CAAU,GAACF,OAAAF,GAAAE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,MAAAD,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,IA/BvCqB,EAAUhB,GA+BPC,CAAoC;AAAC;"}

package/dist/ui-components.es5.js

@@ -1,13 +1,13 @@
 import { j as c } from "./ui-components.es15.js";
-import { c as y } from "./ui-components.es17.js";
+import { c as y } from "./ui-components.es16.js";
 import { useGridApiRef as E, useKeepGroupedColumnsHidden as z, DataGridPremium as P } from "@mui/x-data-grid-premium";
 import { useRef as k, useMemo as A, useCallback as D, useEffect as j } from "react";
-import w from "./ui-components.es26.js";
-import { CustomToolbar as G } from "./ui-components.es27.js";
-import { HeaderWithTooltip as $ } from "./ui-components.es28.js";
-import { useContainerResize as F } from "./ui-components.es29.js";
-import M from "./ui-components.es30.js";
-import O from "./ui-components.es31.js";
+import w from "./ui-components.es46.js";
+import { CustomToolbar as G } from "./ui-components.es47.js";
+import { HeaderWithTooltip as $ } from "./ui-components.es48.js";
+import { useContainerResize as F } from "./ui-components.es49.js";
+import M from "./ui-components.es50.js";
+import O from "./ui-components.es51.js";
 const C = {
   expand: !0,
   includeHeaders: !0,

package/dist/ui-components.es50.js

@@ -1,298 +1,256 @@
-import * as f from "react";
-import e from "./ui-components.es89.js";
-import { clsx as T } from "./ui-components.es102.js";
-import B from "./ui-components.es105.js";
-import R from "./ui-components.es108.js";
-import x, { getIconButtonUtilityClass as C } from "./ui-components.es159.js";
-import { j as l } from "./ui-components.es15.js";
-import { useDefaultProps as w } from "./ui-components.es92.js";
-import P from "./ui-components.es124.js";
-import a from "./ui-components.es113.js";
-import S from "./ui-components.es114.js";
-import z from "./ui-components.es48.js";
-import $ from "./ui-components.es148.js";
-import k from "./ui-components.es149.js";
-import N from "./ui-components.es115.js";
-const E = (o) => {
+import * as v from "react";
+import { clsx as w } from "./ui-components.es88.js";
+import t from "./ui-components.es89.js";
+import C from "./ui-components.es90.js";
+import { getSkeletonUtilityClass as k } from "./ui-components.es91.js";
+import { j as x } from "./ui-components.es15.js";
+import R from "./ui-components.es34.js";
+import { getUnit as O, toUnitless as T } from "./ui-components.es92.js";
+import { useDefaultProps as $ } from "./ui-components.es93.js";
+import S from "./ui-components.es94.js";
+import { keyframes as f, css as h } from "@emotion/react";
+const j = (e) => {
   const {
-    classes: t,
-    disabled: r,
-    color: n,
-    edge: s,
-    size: p,
-    loading: d
-  } = o, c = {
-    root: ["root", d && "loading", r && "disabled", n !== "default" && `color${a(n)}`, s && `edge${a(s)}`, `size${a(p)}`],
-    loadingIndicator: ["loadingIndicator"],
-    loadingWrapper: ["loadingWrapper"]
-  };
-  return S(c, C, t);
-}, L = z($, {
-  name: "MuiIconButton",
+    classes: n,
+    variant: o,
+    animation: a,
+    hasChildren: r,
+    width: s,
+    height: i
+  } = e;
+  return S({
+    root: ["root", o, a, r && "withChildren", r && !s && "fitContent", r && !i && "heightAuto"]
+  }, k, n);
+}, l = f`
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.4;
+  }
+
+  100% {
+    opacity: 1;
+  }
+`, p = f`
+  0% {
+    transform: translateX(-100%);
+  }
+
+  50% {
+    /* +0.5s of delay between each loop */
+    transform: translateX(100%);
+  }
+
+  100% {
+    transform: translateX(100%);
+  }
+`, N = typeof l != "string" ? h`
+        animation: ${l} 2s ease-in-out 0.5s infinite;
+      ` : null, U = typeof p != "string" ? h`
+        &::after {
+          animation: ${p} 2s linear 0.5s infinite;
+        }
+      ` : null, A = R("span", {
+  name: "MuiSkeleton",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (e, n) => {
     const {
-      ownerState: r
-    } = o;
-    return [t.root, r.loading && t.loading, r.color !== "default" && t[`color${a(r.color)}`], r.edge && t[`edge${a(r.edge)}`], t[`size${a(r.size)}`]];
+      ownerState: o
+    } = e;
+    return [n.root, n[o.variant], o.animation !== !1 && n[o.animation], o.hasChildren && n.withChildren, o.hasChildren && !o.width && n.fitContent, o.hasChildren && !o.height && n.heightAuto];
   }
-})(B(({
-  theme: o
-}) => ({
-  textAlign: "center",
-  flex: "0 0 auto",
-  fontSize: o.typography.pxToRem(24),
-  padding: 8,
-  borderRadius: "50%",
-  color: (o.vars || o).palette.action.active,
-  transition: o.transitions.create("background-color", {
-    duration: o.transitions.duration.shortest
-  }),
-  variants: [{
-    props: (t) => !t.disableRipple,
-    style: {
-      "--IconButton-hoverBg": o.alpha((o.vars || o).palette.action.active, (o.vars || o).palette.action.hoverOpacity),
-      "&:hover": {
-        backgroundColor: "var(--IconButton-hoverBg)",
-        // Reset on touch devices, it doesn't add specificity
-        "@media (hover: none)": {
-          backgroundColor: "transparent"
+})(C(({
+  theme: e
+}) => {
+  const n = O(e.shape.borderRadius) || "px", o = T(e.shape.borderRadius);
+  return {
+    display: "block",
+    // Create a "on paper" color with sufficient contrast retaining the color
+    backgroundColor: e.vars ? e.vars.palette.Skeleton.bg : e.alpha(e.palette.text.primary, e.palette.mode === "light" ? 0.11 : 0.13),
+    height: "1.2em",
+    variants: [{
+      props: {
+        variant: "text"
+      },
+      style: {
+        marginTop: 0,
+        marginBottom: 0,
+        height: "auto",
+        transformOrigin: "0 55%",
+        transform: "scale(1, 0.60)",
+        borderRadius: `${o}${n}/${Math.round(o / 0.6 * 10) / 10}${n}`,
+        "&:empty:before": {
+          content: '"\\00a0"'
         }
       }
-    }
-  }, {
-    props: {
-      edge: "start"
-    },
-    style: {
-      marginLeft: -12
-    }
-  }, {
-    props: {
-      edge: "start",
-      size: "small"
-    },
-    style: {
-      marginLeft: -3
-    }
-  }, {
-    props: {
-      edge: "end"
-    },
-    style: {
-      marginRight: -12
-    }
-  }, {
-    props: {
-      edge: "end",
-      size: "small"
-    },
-    style: {
-      marginRight: -3
-    }
-  }]
-})), B(({
-  theme: o
-}) => ({
-  variants: [{
-    props: {
-      color: "inherit"
-    },
-    style: {
-      color: "inherit"
-    }
-  }, ...Object.entries(o.palette).filter(R()).map(([t]) => ({
-    props: {
-      color: t
-    },
-    style: {
-      color: (o.vars || o).palette[t].main
-    }
-  })), ...Object.entries(o.palette).filter(R()).map(([t]) => ({
-    props: {
-      color: t
-    },
-    style: {
-      "--IconButton-hoverBg": o.alpha((o.vars || o).palette[t].main, (o.vars || o).palette.action.hoverOpacity)
-    }
-  })), {
-    props: {
-      size: "small"
-    },
-    style: {
-      padding: 5,
-      fontSize: o.typography.pxToRem(18)
-    }
-  }, {
-    props: {
-      size: "large"
-    },
-    style: {
-      padding: 12,
-      fontSize: o.typography.pxToRem(28)
-    }
-  }],
-  [`&.${x.disabled}`]: {
-    backgroundColor: "transparent",
-    color: (o.vars || o).palette.action.disabled
-  },
-  [`&.${x.loading}`]: {
-    color: "transparent"
-  }
-}))), M = z("span", {
-  name: "MuiIconButton",
-  slot: "LoadingIndicator"
-})(({
-  theme: o
-}) => ({
-  display: "none",
-  position: "absolute",
-  visibility: "visible",
-  top: "50%",
-  left: "50%",
-  transform: "translate(-50%, -50%)",
-  color: (o.vars || o).palette.action.disabled,
-  variants: [{
-    props: {
-      loading: !0
-    },
-    style: {
-      display: "flex"
-    }
-  }]
-})), F = /* @__PURE__ */ f.forwardRef(function(t, r) {
-  const n = w({
-    props: t,
-    name: "MuiIconButton"
-  }), {
-    edge: s = !1,
-    children: p,
-    className: d,
-    color: c = "default",
-    disabled: m = !1,
-    disableFocusRipple: y = !1,
-    size: O = "medium",
-    id: b,
-    loading: i = null,
-    loadingIndicator: h,
-    ...j
-  } = n, v = P(b), I = h ?? /* @__PURE__ */ l.jsx(k, {
-    "aria-labelledby": v,
-    color: "inherit",
-    size: 16
-  }), g = {
-    ...n,
-    edge: s,
-    color: c,
-    disabled: m,
-    disableFocusRipple: y,
-    loading: i,
-    loadingIndicator: I,
-    size: O
-  }, u = E(g);
-  return /* @__PURE__ */ l.jsxs(L, {
-    id: i ? v : b,
-    className: T(u.root, d),
-    centerRipple: !0,
-    focusRipple: !y,
-    disabled: m || i,
-    ref: r,
-    ...j,
-    ownerState: g,
-    children: [typeof i == "boolean" && // use plain HTML span to minimize the runtime overhead
-    /* @__PURE__ */ l.jsx("span", {
-      className: u.loadingWrapper,
+    }, {
+      props: {
+        variant: "circular"
+      },
       style: {
-        display: "contents"
+        borderRadius: "50%"
+      }
+    }, {
+      props: {
+        variant: "rounded"
+      },
+      style: {
+        borderRadius: (e.vars || e).shape.borderRadius
+      }
+    }, {
+      props: ({
+        ownerState: a
+      }) => a.hasChildren,
+      style: {
+        "& > *": {
+          visibility: "hidden"
+        }
+      }
+    }, {
+      props: ({
+        ownerState: a
+      }) => a.hasChildren && !a.width,
+      style: {
+        maxWidth: "fit-content"
+      }
+    }, {
+      props: ({
+        ownerState: a
+      }) => a.hasChildren && !a.height,
+      style: {
+        height: "auto"
+      }
+    }, {
+      props: {
+        animation: "pulse"
       },
-      children: /* @__PURE__ */ l.jsx(M, {
-        className: u.loadingIndicator,
-        ownerState: g,
-        children: i && I
-      })
-    }), p]
+      style: N || {
+        animation: `${l} 2s ease-in-out 0.5s infinite`
+      }
+    }, {
+      props: {
+        animation: "wave"
+      },
+      style: {
+        position: "relative",
+        overflow: "hidden",
+        /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
+        WebkitMaskImage: "-webkit-radial-gradient(white, black)",
+        "&::after": {
+          background: `linear-gradient(
+                90deg,
+                transparent,
+                ${(e.vars || e).palette.action.hover},
+                transparent
+              )`,
+          content: '""',
+          position: "absolute",
+          transform: "translateX(-100%)",
+          bottom: 0,
+          left: 0,
+          right: 0,
+          top: 0
+        }
+      }
+    }, {
+      props: {
+        animation: "wave"
+      },
+      style: U || {
+        "&::after": {
+          animation: `${p} 2s linear 0.5s infinite`
+        }
+      }
+    }]
+  };
+})), M = /* @__PURE__ */ v.forwardRef(function(n, o) {
+  const a = $({
+    props: n,
+    name: "MuiSkeleton"
+  }), {
+    animation: r = "pulse",
+    className: s,
+    component: i = "span",
+    height: m,
+    style: u,
+    variant: y = "text",
+    width: g,
+    ...c
+  } = a, d = {
+    ...a,
+    animation: r,
+    component: i,
+    variant: y,
+    hasChildren: !!c.children
+  }, b = j(d);
+  return /* @__PURE__ */ x.jsx(A, {
+    as: i,
+    ref: o,
+    className: w(b.root, s),
+    ownerState: d,
+    ...c,
+    style: {
+      width: g,
+      height: m,
+      ...u
+    }
   });
 });
-process.env.NODE_ENV !== "production" && (F.propTypes = {
+process.env.NODE_ENV !== "production" && (M.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
   // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * The icon to display.
+   * The animation.
+   * If `false` the animation effect is disabled.
+   * @default 'pulse'
    */
-  children: N(e.node, (o) => f.Children.toArray(o.children).some((r) => /* @__PURE__ */ f.isValidElement(r) && r.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
-`)) : null),
+  animation: t.oneOf(["pulse", "wave", !1]),
   /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
+   * Optional children to infer width and height from.
    */
-  className: e.string,
+  children: t.node,
   /**
-   * 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 'default'
-   */
-  color: e.oneOfType([e.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * If `true`, the component is disabled.
-   * @default false
+   * Override or extend the styles applied to the component.
    */
-  disabled: e.bool,
+  classes: t.object,
   /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
+   * @ignore
    */
-  disableFocusRipple: e.bool,
+  className: t.string,
   /**
-   * 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
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
    */
-  disableRipple: e.bool,
+  component: t.elementType,
   /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   * @default false
+   * Height of the skeleton.
+   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
    */
-  edge: e.oneOf(["end", "start", !1]),
+  height: t.oneOfType([t.number, t.string]),
   /**
    * @ignore
    */
-  id: e.string,
+  style: t.object,
   /**
-   * If `true`, the loading indicator is visible and the button is disabled.
-   * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
-   * @default null
-   */
-  loading: e.bool,
-  /**
-   * Element placed before the children if the button is in loading state.
-   * The node should contain an element with `role="progressbar"` with an accessible name.
-   * By default, it renders a `CircularProgress` that is labeled by the button itself.
-   * @default <CircularProgress color="inherit" size={16} />
+   * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  loadingIndicator: e.node,
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   * @default 'medium'
+   * The type of content that will be rendered.
+   * @default 'text'
    */
-  size: e.oneOfType([e.oneOf(["small", "medium", "large"]), e.string]),
+  variant: t.oneOfType([t.oneOf(["circular", "rectangular", "rounded", "text"]), t.string]),
   /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
+   * Width of the skeleton.
+   * Useful when the skeleton is inside an inline element with no width of its own.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+  width: t.oneOfType([t.number, t.string])
 });
 export {
-  F as default
+  M as default
 };
 //# sourceMappingURL=ui-components.es50.js.map