@vodafone_de/brix-components 3.1.3 → 3.1.6

package/TextareaAutosize/TextareaAutosize.js

@@ -1,263 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _debounce = _interopRequireDefault(require("@mui/utils/debounce"));
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
-var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _ownerWindow = _interopRequireDefault(require("@mui/utils/ownerWindow"));
-var _jsxRuntime = require("react/jsx-runtime");
-function getStyleValue(value) {
-  return parseInt(value, 10) || 0;
-}
-const styles = {
-  shadow: {
-    // Visibility needed to hide the extra text area on iPads
-    visibility: 'hidden',
-    // Remove from the content flow
-    position: 'absolute',
-    // Ignore the scrollbar width
-    overflow: 'hidden',
-    height: 0,
-    top: 0,
-    left: 0,
-    // Create a new layer, increase the isolation of the computed values
-    transform: 'translateZ(0)'
-  }
-};
-function isObjectEmpty(object) {
-  // eslint-disable-next-line
-  for (const _ in object) {
-    return false;
-  }
-  return true;
-}
-function isEmpty(obj) {
-  return isObjectEmpty(obj) || obj.outerHeightStyle === 0 && !obj.overflowing;
-}
-
-/**
- *
- * Demos:
- *
- * - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
- *
- * API:
- *
- * - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
- */
-const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, forwardedRef) {
-  const {
-    onChange,
-    maxRows,
-    minRows = 1,
-    style,
-    value,
-    ...other
-  } = props;
-  const {
-    current: isControlled
-  } = React.useRef(value != null);
-  const textareaRef = React.useRef(null);
-  const handleRef = (0, _useForkRef.default)(forwardedRef, textareaRef);
-  const heightRef = React.useRef(null);
-  const hiddenTextareaRef = React.useRef(null);
-  const calculateTextareaStyles = React.useCallback(() => {
-    const textarea = textareaRef.current;
-    const hiddenTextarea = hiddenTextareaRef.current;
-    if (!textarea || !hiddenTextarea) {
-      return undefined;
-    }
-    const containerWindow = (0, _ownerWindow.default)(textarea);
-    const computedStyle = containerWindow.getComputedStyle(textarea);
-
-    // If input's width is shrunk and it's not visible, don't sync height.
-    if (computedStyle.width === '0px') {
-      return {
-        outerHeightStyle: 0,
-        overflowing: false
-      };
-    }
-    hiddenTextarea.style.width = computedStyle.width;
-    hiddenTextarea.value = textarea.value || props.placeholder || 'x';
-    if (hiddenTextarea.value.slice(-1) === '\n') {
-      // Certain fonts which overflow the line height will cause the textarea
-      // to report a different scrollHeight depending on whether the last line
-      // is empty. Make it non-empty to avoid this issue.
-      hiddenTextarea.value += ' ';
-    }
-    const boxSizing = computedStyle.boxSizing;
-    const padding = getStyleValue(computedStyle.paddingBottom) + getStyleValue(computedStyle.paddingTop);
-    const border = getStyleValue(computedStyle.borderBottomWidth) + getStyleValue(computedStyle.borderTopWidth);
-
-    // The height of the inner content
-    const innerHeight = hiddenTextarea.scrollHeight;
-
-    // Measure height of a textarea with a single row
-    hiddenTextarea.value = 'x';
-    const singleRowHeight = hiddenTextarea.scrollHeight;
-
-    // The height of the outer content
-    let outerHeight = innerHeight;
-    if (minRows) {
-      outerHeight = Math.max(Number(minRows) * singleRowHeight, outerHeight);
-    }
-    if (maxRows) {
-      outerHeight = Math.min(Number(maxRows) * singleRowHeight, outerHeight);
-    }
-    outerHeight = Math.max(outerHeight, singleRowHeight);
-
-    // Take the box sizing into account for applying this value as a style.
-    const outerHeightStyle = outerHeight + (boxSizing === 'border-box' ? padding + border : 0);
-    const overflowing = Math.abs(outerHeight - innerHeight) <= 1;
-    return {
-      outerHeightStyle,
-      overflowing
-    };
-  }, [maxRows, minRows, props.placeholder]);
-  const didHeightChange = (0, _useEventCallback.default)(() => {
-    const textarea = textareaRef.current;
-    const textareaStyles = calculateTextareaStyles();
-    if (!textarea || !textareaStyles || isEmpty(textareaStyles)) {
-      return false;
-    }
-    const outerHeightStyle = textareaStyles.outerHeightStyle;
-    return heightRef.current != null && heightRef.current !== outerHeightStyle;
-  });
-  const syncHeight = React.useCallback(() => {
-    const textarea = textareaRef.current;
-    const textareaStyles = calculateTextareaStyles();
-    if (!textarea || !textareaStyles || isEmpty(textareaStyles)) {
-      return;
-    }
-    const outerHeightStyle = textareaStyles.outerHeightStyle;
-    if (heightRef.current !== outerHeightStyle) {
-      heightRef.current = outerHeightStyle;
-      textarea.style.height = `${outerHeightStyle}px`;
-    }
-    textarea.style.overflow = textareaStyles.overflowing ? 'hidden' : '';
-  }, [calculateTextareaStyles]);
-  const frameRef = React.useRef(-1);
-  (0, _useEnhancedEffect.default)(() => {
-    const debouncedHandleResize = (0, _debounce.default)(syncHeight);
-    const textarea = textareaRef?.current;
-    if (!textarea) {
-      return undefined;
-    }
-    const containerWindow = (0, _ownerWindow.default)(textarea);
-    containerWindow.addEventListener('resize', debouncedHandleResize);
-    let resizeObserver;
-    if (typeof ResizeObserver !== 'undefined') {
-      resizeObserver = new ResizeObserver(() => {
-        if (didHeightChange()) {
-          // avoid "ResizeObserver loop completed with undelivered notifications" error
-          // by temporarily unobserving the textarea element while manipulating the height
-          // and reobserving one frame later
-          resizeObserver.unobserve(textarea);
-          cancelAnimationFrame(frameRef.current);
-          syncHeight();
-          frameRef.current = requestAnimationFrame(() => {
-            resizeObserver.observe(textarea);
-          });
-        }
-      });
-      resizeObserver.observe(textarea);
-    }
-    return () => {
-      debouncedHandleResize.clear();
-      cancelAnimationFrame(frameRef.current);
-      containerWindow.removeEventListener('resize', debouncedHandleResize);
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-      }
-    };
-  }, [calculateTextareaStyles, syncHeight, didHeightChange]);
-  (0, _useEnhancedEffect.default)(() => {
-    syncHeight();
-  });
-  const handleChange = event => {
-    if (!isControlled) {
-      syncHeight();
-    }
-    const textarea = event.target;
-    const countOfCharacters = textarea.value.length;
-    const isLastCharacterNewLine = textarea.value.endsWith('\n');
-    const isEndOfTheLine = textarea.selectionStart === countOfCharacters;
-
-    // Set the cursor position to the very end of the text.
-    if (isLastCharacterNewLine && isEndOfTheLine) {
-      textarea.setSelectionRange(countOfCharacters, countOfCharacters);
-    }
-    if (onChange) {
-      onChange(event);
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
-      value: value,
-      onChange: handleChange,
-      ref: handleRef
-      // Apply the rows prop to get a "correct" first SSR paint
-      ,
-      rows: minRows,
-      style: style,
-      ...other
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
-      "aria-hidden": true,
-      className: props.className,
-      readOnly: true,
-      ref: hiddenTextareaRef,
-      tabIndex: -1,
-      style: {
-        ...styles.shadow,
-        ...style,
-        paddingTop: 0,
-        paddingBottom: 0
-      }
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? TextareaAutosize.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * Maximum number of rows to display.
-   */
-  maxRows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  /**
-   * Minimum number of rows to display.
-   * @default 1
-   */
-  minRows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  /**
-   * @ignore
-   */
-  onChange: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  placeholder: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  style: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.number, _propTypes.default.string])
-} : void 0;
-var _default = exports.default = TextareaAutosize;

package/TextareaAutosize/TextareaAutosize.types.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-export interface TextareaAutosizeProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'rows'> {
-  ref?: React.Ref<HTMLTextAreaElement>;
-  /**
-   * Maximum number of rows to display.
-   */
-  maxRows?: string | number;
-  /**
-   * Minimum number of rows to display.
-   * @default 1
-   */
-  minRows?: string | number;
-}

package/TextareaAutosize/TextareaAutosize.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/TextareaAutosize/index.d.ts

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

package/TextareaAutosize/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _TextareaAutosize.default;
-  }
-});
-var _TextareaAutosize = _interopRequireDefault(require("./TextareaAutosize"));

package/ToggleButton/ToggleButton.d.ts

@@ -1,95 +0,0 @@
-import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import * as React from 'react';
-import { Theme } from "../index.js";
-import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
-import { OverrideProps } from "../OverridableComponent/index.js";
-import { ToggleButtonClasses } from "./toggleButtonClasses.js";
-export interface ToggleButtonPropsSizeOverrides {}
-export interface ToggleButtonPropsColorOverrides {}
-export interface ToggleButtonOwnProps {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<ToggleButtonClasses>;
-  /**
-   * The color of the button when it is in an active state.
-   * 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 'standard'
-   */
-  color?: OverridableStringUnion<'standard' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ToggleButtonPropsColorOverrides>;
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple?: boolean;
-  /**
-   * If `true`, the button will take up the full width of its container.
-   * @default false
-   */
-  fullWidth?: boolean;
-  /**
-   * Callback fired when the state changes.
-   *
-   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
-   * @param {any} value of the selected button.
-   */
-  onChange?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
-  /**
-   * Callback fired when the button is clicked.
-   *
-   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
-   * @param {any} value of the selected button.
-   */
-  onClick?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
-  /**
-   * If `true`, the button is rendered in an active state.
-   */
-  selected?: boolean;
-  /**
-   * The size of the component.
-   * The prop defaults to the value inherited from the parent ToggleButtonGroup component.
-   * @default 'medium'
-   */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', ToggleButtonPropsSizeOverrides>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The value to associate with the button when selected in a
-   * ToggleButtonGroup.
-   */
-  value: NonNullable<unknown>;
-}
-export type ToggleButtonTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'button'> = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & ToggleButtonOwnProps;
-  defaultComponent: RootComponent;
-}>;
-
-/**
- *
- * Demos:
- *
- * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
- *
- * API:
- *
- * - [ToggleButton API](https://mui.com/material-ui/api/toggle-button/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
- */
-declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
-export type ToggleButtonProps<RootComponent extends React.ElementType = ToggleButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToggleButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default ToggleButton;

package/ToggleButton/ToggleButton.js

@@ -1,275 +0,0 @@
-"use strict";
-'use client';
-
-// @inheritedComponent ButtonBase
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _resolveProps = _interopRequireDefault(require("@mui/utils/resolveProps"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _colorManipulator = require("@mui/system/colorManipulator");
-var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-var _zeroStyled = require("../zero-styled");
-var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
-var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
-var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _toggleButtonClasses = _interopRequireWildcard(require("./toggleButtonClasses"));
-var _ToggleButtonGroupContext = _interopRequireDefault(require("../ToggleButtonGroup/ToggleButtonGroupContext"));
-var _ToggleButtonGroupButtonContext = _interopRequireDefault(require("../ToggleButtonGroup/ToggleButtonGroupButtonContext"));
-var _isValueSelected = _interopRequireDefault(require("../ToggleButtonGroup/isValueSelected"));
-var _jsxRuntime = require("react/jsx-runtime");
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    fullWidth,
-    selected,
-    disabled,
-    size,
-    color
-  } = ownerState;
-  const slots = {
-    root: ['root', selected && 'selected', disabled && 'disabled', fullWidth && 'fullWidth', `size${(0, _capitalize.default)(size)}`, color]
-  };
-  return (0, _composeClasses.default)(slots, _toggleButtonClasses.getToggleButtonUtilityClass, classes);
-};
-const ToggleButtonRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
-  name: 'MuiToggleButton',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[`size${(0, _capitalize.default)(ownerState.size)}`]];
-  }
-})((0, _memoTheme.default)(({
-  theme
-}) => ({
-  ...theme.typography.button,
-  borderRadius: (theme.vars || theme).shape.borderRadius,
-  padding: 11,
-  border: `1px solid ${(theme.vars || theme).palette.divider}`,
-  color: (theme.vars || theme).palette.action.active,
-  [`&.${_toggleButtonClasses.default.disabled}`]: {
-    color: (theme.vars || theme).palette.action.disabled,
-    border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
-  },
-  '&:hover': {
-    textDecoration: 'none',
-    // Reset on mouse devices
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _colorManipulator.alpha)(theme.palette.text.primary, theme.palette.action.hoverOpacity),
-    '@media (hover: none)': {
-      backgroundColor: 'transparent'
-    }
-  },
-  variants: [{
-    props: {
-      color: 'standard'
-    },
-    style: {
-      [`&.${_toggleButtonClasses.default.selected}`]: {
-        color: (theme.vars || theme).palette.text.primary,
-        backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _colorManipulator.alpha)(theme.palette.text.primary, theme.palette.action.selectedOpacity),
-        '&:hover': {
-          backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : (0, _colorManipulator.alpha)(theme.palette.text.primary, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
-          // Reset on touch devices, it doesn't add specificity
-          '@media (hover: none)': {
-            backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _colorManipulator.alpha)(theme.palette.text.primary, theme.palette.action.selectedOpacity)
-          }
-        }
-      }
-    }
-  }, ...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)()).map(([color]) => ({
-    props: {
-      color
-    },
-    style: {
-      [`&.${_toggleButtonClasses.default.selected}`]: {
-        color: (theme.vars || theme).palette[color].main,
-        backgroundColor: theme.vars ? `rgba(${theme.vars.palette[color].mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _colorManipulator.alpha)(theme.palette[color].main, theme.palette.action.selectedOpacity),
-        '&:hover': {
-          backgroundColor: theme.vars ? `rgba(${theme.vars.palette[color].mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : (0, _colorManipulator.alpha)(theme.palette[color].main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
-          // Reset on touch devices, it doesn't add specificity
-          '@media (hover: none)': {
-            backgroundColor: theme.vars ? `rgba(${theme.vars.palette[color].mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _colorManipulator.alpha)(theme.palette[color].main, theme.palette.action.selectedOpacity)
-          }
-        }
-      }
-    }
-  })), {
-    props: {
-      fullWidth: true
-    },
-    style: {
-      width: '100%'
-    }
-  }, {
-    props: {
-      size: 'small'
-    },
-    style: {
-      padding: 7,
-      fontSize: theme.typography.pxToRem(13)
-    }
-  }, {
-    props: {
-      size: 'large'
-    },
-    style: {
-      padding: 15,
-      fontSize: theme.typography.pxToRem(15)
-    }
-  }]
-})));
-const ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(inProps, ref) {
-  // props priority: `inProps` > `contextProps` > `themeDefaultProps`
-  const {
-    value: contextValue,
-    ...contextProps
-  } = React.useContext(_ToggleButtonGroupContext.default);
-  const toggleButtonGroupButtonContextPositionClassName = React.useContext(_ToggleButtonGroupButtonContext.default);
-  const resolvedProps = (0, _resolveProps.default)({
-    ...contextProps,
-    selected: (0, _isValueSelected.default)(inProps.value, contextValue)
-  }, inProps);
-  const props = (0, _DefaultPropsProvider.useDefaultProps)({
-    props: resolvedProps,
-    name: 'MuiToggleButton'
-  });
-  const {
-    children,
-    className,
-    color = 'standard',
-    disabled = false,
-    disableFocusRipple = false,
-    fullWidth = false,
-    onChange,
-    onClick,
-    selected,
-    size = 'medium',
-    value,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    color,
-    disabled,
-    disableFocusRipple,
-    fullWidth,
-    size
-  };
-  const classes = useUtilityClasses(ownerState);
-  const handleChange = event => {
-    if (onClick) {
-      onClick(event, value);
-      if (event.defaultPrevented) {
-        return;
-      }
-    }
-    if (onChange) {
-      onChange(event, value);
-    }
-  };
-  const positionClassName = toggleButtonGroupButtonContextPositionClassName || '';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleButtonRoot, {
-    className: (0, _clsx.default)(contextProps.className, classes.root, className, positionClassName),
-    disabled: disabled,
-    focusRipple: !disableFocusRipple,
-    ref: ref,
-    onClick: handleChange,
-    onChange: onChange,
-    value: value,
-    ownerState: ownerState,
-    "aria-pressed": selected,
-    ...other,
-    children: children
-  });
-});
-process.env.NODE_ENV !== "production" ? ToggleButton.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: _propTypes.default.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * The color of the button when it is in an active state.
-   * 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 'standard'
-   */
-  color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['standard', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), _propTypes.default.string]),
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: _propTypes.default.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: _propTypes.default.bool,
-  /**
-   * If `true`, the button will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: _propTypes.default.bool,
-  /**
-   * Callback fired when the state changes.
-   *
-   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
-   * @param {any} value of the selected button.
-   */
-  onChange: _propTypes.default.func,
-  /**
-   * Callback fired when the button is clicked.
-   *
-   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
-   * @param {any} value of the selected button.
-   */
-  onClick: _propTypes.default.func,
-  /**
-   * If `true`, the button is rendered in an active state.
-   */
-  selected: _propTypes.default.bool,
-  /**
-   * The size of the component.
-   * The prop defaults to the value inherited from the parent ToggleButtonGroup component.
-   * @default 'medium'
-   */
-  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['small', 'medium', 'large']), _propTypes.default.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-  /**
-   * The value to associate with the button when selected in a
-   * ToggleButtonGroup.
-   */
-  value: _propTypes.default /* @typescript-to-proptypes-ignore */.any.isRequired
-} : void 0;
-var _default = exports.default = ToggleButton;

package/ToggleButton/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./ToggleButton.js";
-export * from "./ToggleButton.js";
-export { default as toggleButtonClasses } from "./toggleButtonClasses.js";
-export * from "./toggleButtonClasses.js";