@tw1934/mui-material 7.3.7

package/esm/Popper/BasePopper.types.d.ts

@@ -0,0 +1,129 @@
+import * as React from 'react';
+import { Instance, Options, OptionsGeneric, VirtualElement } from '@popperjs/core';
+import { PortalProps } from "../Portal/index.js";
+import { SlotComponentProps } from "../utils/types.js";
+import { PolymorphicProps } from "../utils/PolymorphicComponent.js";
+export type PopperPlacementType = Options['placement'];
+export interface PopperRootSlotPropsOverrides {}
+export interface PopperTransitionProps {
+  in: boolean;
+  onEnter: () => void;
+  onExited: () => void;
+}
+export interface PopperChildrenProps {
+  placement: PopperPlacementType;
+  TransitionProps?: PopperTransitionProps;
+}
+export interface PopperOwnProps {
+  /**
+   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
+   * or a function that returns either.
+   * It's used to set the position of the popper.
+   * The return value will passed as the reference object of the Popper instance.
+   */
+  anchorEl?: null | VirtualElement | HTMLElement | (() => HTMLElement) | (() => VirtualElement);
+  /**
+   * Popper render function or node.
+   */
+  children?: React.ReactNode | ((props: PopperChildrenProps) => React.ReactNode);
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container?: PortalProps['container'];
+  /**
+   * Direction of the text.
+   * @default 'ltr'
+   */
+  direction?: 'ltr' | 'rtl';
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal?: PortalProps['disablePortal'];
+  /**
+   * Always keep the children in the DOM.
+   * This prop can be useful in SEO situation or
+   * when you want to maximize the responsiveness of the Popper.
+   * @default false
+   */
+  keepMounted?: boolean;
+  /**
+   * Popper.js is based on a "plugin-like" architecture,
+   * most of its features are fully encapsulated "modifiers".
+   *
+   * A modifier is a function that is called each time Popper.js needs to
+   * compute the position of the popper.
+   * For this reason, modifiers should be very performant to avoid bottlenecks.
+   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
+   */
+  modifiers?: Options['modifiers'];
+  /**
+   * If `true`, the component is shown.
+   */
+  open: boolean;
+  /**
+   * Popper placement.
+   * @default 'bottom'
+   */
+  placement?: PopperPlacementType;
+  /**
+   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
+   * @default {}
+   */
+  popperOptions?: Partial<OptionsGeneric<any>>;
+  /**
+   * A ref that points to the used popper instance.
+   */
+  popperRef?: React.Ref<Instance>;
+  /**
+   * The props used for each slot inside the Popper.
+   * @default {}
+   */
+  slotProps?: {
+    root?: SlotComponentProps<'div', PopperRootSlotPropsOverrides, PopperOwnerState>;
+  };
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots?: PopperSlots;
+  /**
+   * Help supporting a react-transition-group/Transition component.
+   * @default false
+   */
+  transition?: boolean;
+}
+export interface PopperSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root?: React.ElementType;
+}
+export type PopperOwnerState = PopperOwnProps;
+export interface PopperTypeMap<AdditionalProps = {}, RootComponentType extends React.ElementType = 'div'> {
+  props: PopperOwnProps & AdditionalProps;
+  defaultComponent: RootComponentType;
+}
+export type PopperProps<RootComponentType extends React.ElementType = PopperTypeMap['defaultComponent']> = PolymorphicProps<PopperTypeMap<{}, RootComponentType>, RootComponentType>;
+export type PopperTooltipOwnProps = Omit<PopperOwnProps, 'container' | 'keepMounted' | 'transition'> & {
+  TransitionProps?: PopperTransitionProps;
+};
+export interface PopperTooltipTypeMap<AdditionalProps = {}, RootComponentType extends React.ElementType = 'div'> {
+  props: PopperTooltipOwnProps & AdditionalProps;
+  defaultComponent: RootComponentType;
+}
+export type PopperTooltipProps<RootComponentType extends React.ElementType = PopperTooltipTypeMap['defaultComponent']> = PolymorphicProps<PopperTooltipTypeMap<{}, RootComponentType>, RootComponentType>;
+export interface PopperRootSlotProps {
+  className?: string;
+  ref: React.Ref<any>;
+  ownerState: PopperOwnerState;
+}

package/esm/Popper/BasePopper.types.js

@@ -0,0 +1 @@
+export {};

package/esm/Popper/Popper.d.ts

@@ -0,0 +1,46 @@
+import { SxProps } from '@mui/system';
+import * as React from 'react';
+import { PopperProps as BasePopperProps } from "./BasePopper.types.js";
+import { Theme } from "../styles/index.js";
+export interface PopperProps extends Omit<BasePopperProps, 'direction'> {
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component?: React.ElementType;
+  /**
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   *
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @default {}
+   */
+  components?: {
+    Root?: React.ElementType;
+  };
+  /**
+   * The props used for each slot inside the Popper.
+   *
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @default {}
+   */
+  componentsProps?: BasePopperProps['slotProps'];
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
+ * - [Menu](https://mui.com/material-ui/react-menu/)
+ * - [Popper](https://mui.com/material-ui/react-popper/)
+ *
+ * API:
+ *
+ * - [Popper API](https://mui.com/material-ui/api/popper/)
+ */
+declare const Popper: React.ForwardRefExoticComponent<PopperProps & React.RefAttributes<HTMLDivElement>>;
+export default Popper;

package/esm/Popper/Popper.js

@@ -0,0 +1,75 @@
+'use client';
+
+import { useRtl } from '@mui/system/RtlProvider';
+import * as React from 'react';
+import BasePopper from "./BasePopper.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const PopperRoot = styled(BasePopper, {
+  name: 'MuiPopper',
+  slot: 'Root'
+})({});
+
+/**
+ *
+ * Demos:
+ *
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
+ * - [Menu](https://mui.com/material-ui/react-menu/)
+ * - [Popper](https://mui.com/material-ui/react-popper/)
+ *
+ * API:
+ *
+ * - [Popper API](https://mui.com/material-ui/api/popper/)
+ */
+const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
+  const isRtl = useRtl();
+  const props = useDefaultProps({
+    props: inProps,
+    name: 'MuiPopper'
+  });
+  const {
+    anchorEl,
+    component,
+    components,
+    componentsProps,
+    container,
+    disablePortal,
+    keepMounted,
+    modifiers,
+    open,
+    placement,
+    popperOptions,
+    popperRef,
+    transition,
+    slots,
+    slotProps,
+    ...other
+  } = props;
+  const RootComponent = slots?.root ?? components?.Root;
+  const otherProps = {
+    anchorEl,
+    container,
+    disablePortal,
+    keepMounted,
+    modifiers,
+    open,
+    placement,
+    popperOptions,
+    popperRef,
+    transition,
+    ...other
+  };
+  return /*#__PURE__*/_jsx(PopperRoot, {
+    as: component,
+    direction: isRtl ? 'rtl' : 'ltr',
+    slots: {
+      root: RootComponent
+    },
+    slotProps: slotProps ?? componentsProps,
+    ...otherProps,
+    ref: ref
+  });
+});
+export default Popper;

package/esm/Popper/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./Popper.js";
+export * from "./Popper.js";
+export * from "./popperClasses.js";
+export { PopperPlacementType } from "./BasePopper.types.js";

package/esm/Popper/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Popper.js";
+export * from "./popperClasses.js";

package/esm/Popper/popperClasses.d.ts

@@ -0,0 +1,8 @@
+export interface PopperClasses {
+  /** Class name applied to the root element. */
+  root: string;
+}
+export type PopperClassKey = keyof PopperClasses;
+export declare function getPopperUtilityClass(slot: string): string;
+declare const popperClasses: PopperClasses;
+export default popperClasses;

package/esm/Popper/popperClasses.js

@@ -0,0 +1,7 @@
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+export function getPopperUtilityClass(slot) {
+  return generateUtilityClass('MuiPopper', slot);
+}
+const popperClasses = generateUtilityClasses('MuiPopper', ['root']);
+export default popperClasses;

package/esm/Portal/Portal.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { PortalProps } from "./Portal.types.js";
+/**
+ * Portals provide a first-class way to render children into a DOM node
+ * that exists outside the DOM hierarchy of the parent component.
+ *
+ * Demos:
+ *
+ * - [Portal](https://mui.com/material-ui/react-portal/)
+ *
+ * API:
+ *
+ * - [Portal API](https://mui.com/material-ui/api/portal/)
+ */
+declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<Element>>;
+export default Portal;

package/esm/Portal/Portal.js

@@ -0,0 +1,58 @@
+'use client';
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import useForkRef from '@mui/utils/useForkRef';
+import setRef from '@mui/utils/setRef';
+import getReactElementRef from '@mui/utils/getReactElementRef';
+function getContainer(container) {
+  return typeof container === 'function' ? container() : container;
+}
+
+/**
+ * Portals provide a first-class way to render children into a DOM node
+ * that exists outside the DOM hierarchy of the parent component.
+ *
+ * Demos:
+ *
+ * - [Portal](https://mui.com/material-ui/react-portal/)
+ *
+ * API:
+ *
+ * - [Portal API](https://mui.com/material-ui/api/portal/)
+ */
+const Portal = /*#__PURE__*/React.forwardRef(function Portal(props, forwardedRef) {
+  const {
+    children,
+    container,
+    disablePortal = false
+  } = props;
+  const [mountNode, setMountNode] = React.useState(null);
+  const handleRef = useForkRef(/*#__PURE__*/React.isValidElement(children) ? getReactElementRef(children) : null, forwardedRef);
+  useEnhancedEffect(() => {
+    if (!disablePortal) {
+      setMountNode(getContainer(container) || document.body);
+    }
+  }, [container, disablePortal]);
+  useEnhancedEffect(() => {
+    if (mountNode && !disablePortal) {
+      setRef(forwardedRef, mountNode);
+      return () => {
+        setRef(forwardedRef, null);
+      };
+    }
+    return undefined;
+  }, [forwardedRef, mountNode, disablePortal]);
+  if (disablePortal) {
+    if (/*#__PURE__*/React.isValidElement(children)) {
+      const newProps = {
+        ref: handleRef
+      };
+      return /*#__PURE__*/React.cloneElement(children, newProps);
+    }
+    return children;
+  }
+  return mountNode ? /*#__PURE__*/ReactDOM.createPortal(children, mountNode) : mountNode;
+});
+export default Portal;

package/esm/Portal/Portal.types.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export interface PortalProps {
+  /**
+   * The children to render into the `container`.
+   */
+  children?: React.ReactNode;
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container?: Element | (() => Element | null) | null;
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal?: boolean;
+}

package/esm/Portal/Portal.types.js

@@ -0,0 +1 @@
+export {};

package/esm/Portal/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./Portal.js";
+export * from "./Portal.js";
+export * from "./Portal.types.js";

package/esm/Portal/index.js

@@ -0,0 +1 @@
+export { default } from "./Portal.js";

package/esm/Radio/Radio.d.ts

@@ -0,0 +1,87 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion } from '@mui/types';
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { SwitchBaseProps } from "../internal/SwitchBase.js";
+import { RadioClasses } from "./radioClasses.js";
+export interface RadioPropsSizeOverrides {}
+export interface RadioPropsColorOverrides {}
+export interface RadioRootSlotPropsOverrides {}
+export interface RadioInputSlotPropsOverrides {}
+export interface RadioSlots {
+  /**
+   * The component that renders the root slot.
+   * @default SwitchBase
+   */
+  root: React.ElementType;
+  /**
+   * The component that renders the input slot.
+   * @default SwitchBase's input
+   */
+  input: React.ElementType;
+}
+export type RadioSlotsAndSlotProps = CreateSlotsAndSlotProps<RadioSlots, {
+  /**
+   * Props forwarded to the root slot.
+   * By default, the available props are based on the span element.
+   */
+  root: SlotProps<React.ElementType<SwitchBaseProps>, RadioRootSlotPropsOverrides, RadioOwnerState>;
+  /**
+   * Props forwarded to the input slot.
+   * By default, the available props are based on the input element.
+   */
+  input: SlotProps<'input', RadioInputSlotPropsOverrides, RadioOwnerState>;
+}>;
+export interface RadioProps extends StandardProps<SwitchBaseProps, 'checkedIcon' | 'color' | 'icon' | 'type' | 'slots' | 'slotProps'>, RadioSlotsAndSlotProps {
+  /**
+   * The icon to display when the component is checked.
+   * @default <RadioButtonIcon checked />
+   */
+  checkedIcon?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<RadioClasses>;
+  /**
+   * 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?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default', RadioPropsColorOverrides>;
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * The icon to display when the component is unchecked.
+   * @default <RadioButtonIcon />
+   */
+  icon?: React.ReactNode;
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense radio styling.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium', RadioPropsSizeOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface RadioOwnerState extends Omit<RadioProps, 'slots' | 'slotProps'> {}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
+ *
+ * API:
+ *
+ * - [Radio API](https://mui.com/material-ui/api/radio/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ */
+export default function Radio(props: RadioProps): React.JSX.Element;

package/esm/Radio/Radio.js

@@ -0,0 +1,201 @@
+'use client';
+
+import * as React from 'react';
+import clsx from 'clsx';
+import composeClasses from '@mui/utils/composeClasses';
+import SwitchBase from "../internal/SwitchBase.js";
+import RadioButtonIcon from "./RadioButtonIcon.js";
+import capitalize from "../utils/capitalize.js";
+import createChainedFunction from "../utils/createChainedFunction.js";
+import useFormControl from "../FormControl/useFormControl.js";
+import useRadioGroup from "../RadioGroup/useRadioGroup.js";
+import radioClasses, { getRadioUtilityClass } from "./radioClasses.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.js";
+import useSlot from "../utils/useSlot.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    color,
+    size
+  } = ownerState;
+  const slots = {
+    root: ['root', `color${capitalize(color)}`, size !== 'medium' && `size${capitalize(size)}`]
+  };
+  return {
+    ...classes,
+    ...composeClasses(slots, getRadioUtilityClass, classes)
+  };
+};
+const RadioRoot = styled(SwitchBase, {
+  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
+  name: 'MuiRadio',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, ownerState.size !== 'medium' && styles[`size${capitalize(ownerState.size)}`], styles[`color${capitalize(ownerState.color)}`]];
+  }
+})(memoTheme(({
+  theme
+}) => ({
+  color: (theme.vars || theme).palette.text.secondary,
+  [`&.${radioClasses.disabled}`]: {
+    color: (theme.vars || theme).palette.action.disabled
+  },
+  variants: [{
+    props: {
+      color: 'default',
+      disabled: false,
+      disableRipple: false
+    },
+    style: {
+      '&:hover': {
+        backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity)
+      }
+    }
+  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
+    props: {
+      color,
+      disabled: false,
+      disableRipple: false
+    },
+    style: {
+      '&:hover': {
+        backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity)
+      }
+    }
+  })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
+    props: {
+      color,
+      disabled: false
+    },
+    style: {
+      [`&.${radioClasses.checked}`]: {
+        color: (theme.vars || theme).palette[color].main
+      }
+    }
+  })), {
+    // Should be last to override other colors
+    props: {
+      disableRipple: false
+    },
+    style: {
+      // Reset on touch devices, it doesn't add specificity
+      '&:hover': {
+        '@media (hover: none)': {
+          backgroundColor: 'transparent'
+        }
+      }
+    }
+  }]
+})));
+function areEqualValues(a, b) {
+  if (typeof b === 'object' && b !== null) {
+    return a === b;
+  }
+
+  // The value could be a number, the DOM will stringify it anyway.
+  return String(a) === String(b);
+}
+const defaultCheckedIcon = /*#__PURE__*/_jsx(RadioButtonIcon, {
+  checked: true
+});
+const defaultIcon = /*#__PURE__*/_jsx(RadioButtonIcon, {});
+const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: 'MuiRadio'
+  });
+  const {
+    checked: checkedProp,
+    checkedIcon = defaultCheckedIcon,
+    color = 'primary',
+    icon = defaultIcon,
+    name: nameProp,
+    onChange: onChangeProp,
+    size = 'medium',
+    className,
+    disabled: disabledProp,
+    disableRipple = false,
+    slots = {},
+    slotProps = {},
+    inputProps,
+    ...other
+  } = props;
+  const muiFormControl = useFormControl();
+  let disabled = disabledProp;
+  if (muiFormControl) {
+    if (typeof disabled === 'undefined') {
+      disabled = muiFormControl.disabled;
+    }
+  }
+  disabled ??= false;
+  const ownerState = {
+    ...props,
+    disabled,
+    disableRipple,
+    color,
+    size
+  };
+  const classes = useUtilityClasses(ownerState);
+  const radioGroup = useRadioGroup();
+  let checked = checkedProp;
+  const onChange = createChainedFunction(onChangeProp, radioGroup && radioGroup.onChange);
+  let name = nameProp;
+  if (radioGroup) {
+    if (typeof checked === 'undefined') {
+      checked = areEqualValues(radioGroup.value, props.value);
+    }
+    if (typeof name === 'undefined') {
+      name = radioGroup.name;
+    }
+  }
+  const externalInputProps = slotProps.input ?? inputProps;
+  const [RootSlot, rootSlotProps] = useSlot('root', {
+    ref,
+    elementType: RadioRoot,
+    className: clsx(classes.root, className),
+    shouldForwardComponentProp: true,
+    externalForwardedProps: {
+      slots,
+      slotProps,
+      ...other
+    },
+    getSlotProps: handlers => ({
+      ...handlers,
+      onChange: (event, ...args) => {
+        handlers.onChange?.(event, ...args);
+        onChange(event, ...args);
+      }
+    }),
+    ownerState,
+    additionalProps: {
+      type: 'radio',
+      icon: /*#__PURE__*/React.cloneElement(icon, {
+        fontSize: icon.props.fontSize ?? size
+      }),
+      checkedIcon: /*#__PURE__*/React.cloneElement(checkedIcon, {
+        fontSize: checkedIcon.props.fontSize ?? size
+      }),
+      disabled,
+      name,
+      checked,
+      slots,
+      slotProps: {
+        // Do not forward `slotProps.root` again because it's already handled by the `RootSlot` in this file.
+        input: typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps
+      }
+    }
+  });
+  return /*#__PURE__*/_jsx(RootSlot, {
+    ...rootSlotProps,
+    classes: classes
+  });
+});
+export default Radio;