@vodafone_de/brix-components 3.1.3 → 3.1.6

package/ToggleButton/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  toggleButtonClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _ToggleButton.default;
-  }
-});
-Object.defineProperty(exports, "toggleButtonClasses", {
-  enumerable: true,
-  get: function () {
-    return _toggleButtonClasses.default;
-  }
-});
-var _ToggleButton = _interopRequireDefault(require("./ToggleButton"));
-var _toggleButtonClasses = _interopRequireWildcard(require("./toggleButtonClasses"));
-Object.keys(_toggleButtonClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _toggleButtonClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _toggleButtonClasses[key];
-    }
-  });
-});

package/ToggleButton/toggleButtonClasses.d.ts

@@ -1,26 +0,0 @@
-export interface ToggleButtonClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** State class applied to the root element if `disabled={true}`. */
-  disabled: string;
-  /** State class applied to the root element if `selected={true}`. */
-  selected: string;
-  /** State class applied to the root element if `color="standard"`. */
-  standard: string;
-  /** State class applied to the root element if `color="primary"`. */
-  primary: string;
-  /** State class applied to the root element if `color="secondary"`. */
-  secondary: string;
-  /** Styles applied to the root element if `size="small"`. */
-  sizeSmall: string;
-  /** Styles applied to the root element if `size="medium"`. */
-  sizeMedium: string;
-  /** Styles applied to the root element if `size="large"`. */
-  sizeLarge: string;
-  /** Styles applied to the root element if `fullWidth={true}`. */
-  fullWidth: string;
-}
-export type ToggleButtonClassKey = keyof ToggleButtonClasses;
-export declare function getToggleButtonUtilityClass(slot: string): string;
-declare const toggleButtonClasses: ToggleButtonClasses;
-export default toggleButtonClasses;

package/ToggleButton/toggleButtonClasses.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getToggleButtonUtilityClass = getToggleButtonUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getToggleButtonUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiToggleButton', slot);
-}
-const toggleButtonClasses = (0, _generateUtilityClasses.default)('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'fullWidth']);
-var _default = exports.default = toggleButtonClasses;

package/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -1,82 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import { InternalStandardProps as StandardProps } from "../index.js";
-import { Theme } from "../styles/index.js";
-import { ToggleButtonGroupClasses } from "./toggleButtonGroupClasses.js";
-export interface ToggleButtonGroupPropsSizeOverrides {}
-export interface ToggleButtonGroupPropsColorOverrides {}
-export interface ToggleButtonGroupProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'children'> {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<ToggleButtonGroupClasses>;
-  /**
-   * The color of the button when it is selected.
-   * 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', ToggleButtonGroupPropsColorOverrides>;
-  /**
-   * If `true`, only allow one of the child ToggleButton values to be selected.
-   * @default false
-   */
-  exclusive?: boolean;
-  /**
-   * If `true`, the component is disabled. This implies that all ToggleButton children will be disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * If `true`, the button group will take up the full width of its container.
-   * @default false
-   */
-  fullWidth?: boolean;
-  /**
-   * Callback fired when the value changes.
-   *
-   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
-   * @param {any} value of the selected buttons. When `exclusive` is true
-   * this is a single value; when false an array of selected values. If no value
-   * is selected and `exclusive` is true the value is null; when false an empty array.
-   */
-  onChange?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
-  /**
-   * The component orientation (layout flow direction).
-   * @default 'horizontal'
-   */
-  orientation?: 'horizontal' | 'vertical';
-  /**
-   * The size of the component.
-   * @default 'medium'
-   */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', ToggleButtonGroupPropsSizeOverrides>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The currently selected value within the group or an array of selected
-   * values when `exclusive` is false.
-   *
-   * The value must have reference equality with the option in order to be selected.
-   */
-  value?: any;
-}
-
-/**
- *
- * Demos:
- *
- * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
- *
- * API:
- *
- * - [ToggleButtonGroup API](https://mui.com/material-ui/api/toggle-button-group/)
- */
-export default function ToggleButtonGroup(props: ToggleButtonGroupProps): React.JSX.Element;

package/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1,288 +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 _reactIs = require("react-is");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _getValidReactChildren = _interopRequireDefault(require("@mui/utils/getValidReactChildren"));
-var _zeroStyled = require("../zero-styled");
-var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
-var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-var _toggleButtonGroupClasses = _interopRequireWildcard(require("./toggleButtonGroupClasses"));
-var _ToggleButtonGroupContext = _interopRequireDefault(require("./ToggleButtonGroupContext"));
-var _ToggleButtonGroupButtonContext = _interopRequireDefault(require("./ToggleButtonGroupButtonContext"));
-var _toggleButtonClasses = _interopRequireDefault(require("../ToggleButton/toggleButtonClasses"));
-var _jsxRuntime = require("react/jsx-runtime");
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    orientation,
-    fullWidth,
-    disabled
-  } = ownerState;
-  const slots = {
-    root: ['root', orientation, fullWidth && 'fullWidth'],
-    grouped: ['grouped', `grouped${(0, _capitalize.default)(orientation)}`, disabled && 'disabled'],
-    firstButton: ['firstButton'],
-    lastButton: ['lastButton'],
-    middleButton: ['middleButton']
-  };
-  return (0, _composeClasses.default)(slots, _toggleButtonGroupClasses.getToggleButtonGroupUtilityClass, classes);
-};
-const ToggleButtonGroupRoot = (0, _zeroStyled.styled)('div', {
-  name: 'MuiToggleButtonGroup',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [{
-      [`& .${_toggleButtonGroupClasses.default.grouped}`]: styles.grouped
-    }, {
-      [`& .${_toggleButtonGroupClasses.default.grouped}`]: styles[`grouped${(0, _capitalize.default)(ownerState.orientation)}`]
-    }, {
-      [`& .${_toggleButtonGroupClasses.default.firstButton}`]: styles.firstButton
-    }, {
-      [`& .${_toggleButtonGroupClasses.default.lastButton}`]: styles.lastButton
-    }, {
-      [`& .${_toggleButtonGroupClasses.default.middleButton}`]: styles.middleButton
-    }, styles.root, ownerState.orientation === 'vertical' && styles.vertical, ownerState.fullWidth && styles.fullWidth];
-  }
-})((0, _memoTheme.default)(({
-  theme
-}) => ({
-  display: 'inline-flex',
-  borderRadius: (theme.vars || theme).shape.borderRadius,
-  variants: [{
-    props: {
-      orientation: 'vertical'
-    },
-    style: {
-      flexDirection: 'column',
-      [`& .${_toggleButtonGroupClasses.default.grouped}`]: {
-        [`&.${_toggleButtonGroupClasses.default.selected} + .${_toggleButtonGroupClasses.default.grouped}.${_toggleButtonGroupClasses.default.selected}`]: {
-          borderTop: 0,
-          marginTop: 0
-        }
-      },
-      [`& .${_toggleButtonGroupClasses.default.firstButton},& .${_toggleButtonGroupClasses.default.middleButton}`]: {
-        borderBottomLeftRadius: 0,
-        borderBottomRightRadius: 0
-      },
-      [`& .${_toggleButtonGroupClasses.default.lastButton},& .${_toggleButtonGroupClasses.default.middleButton}`]: {
-        marginTop: -1,
-        borderTop: '1px solid transparent',
-        borderTopLeftRadius: 0,
-        borderTopRightRadius: 0
-      },
-      [`& .${_toggleButtonGroupClasses.default.lastButton}.${_toggleButtonClasses.default.disabled},& .${_toggleButtonGroupClasses.default.middleButton}.${_toggleButtonClasses.default.disabled}`]: {
-        borderTop: '1px solid transparent'
-      }
-    }
-  }, {
-    props: {
-      fullWidth: true
-    },
-    style: {
-      width: '100%'
-    }
-  }, {
-    props: {
-      orientation: 'horizontal'
-    },
-    style: {
-      [`& .${_toggleButtonGroupClasses.default.grouped}`]: {
-        [`&.${_toggleButtonGroupClasses.default.selected} + .${_toggleButtonGroupClasses.default.grouped}.${_toggleButtonGroupClasses.default.selected}`]: {
-          borderLeft: 0,
-          marginLeft: 0
-        }
-      },
-      [`& .${_toggleButtonGroupClasses.default.firstButton},& .${_toggleButtonGroupClasses.default.middleButton}`]: {
-        borderTopRightRadius: 0,
-        borderBottomRightRadius: 0
-      },
-      [`& .${_toggleButtonGroupClasses.default.lastButton},& .${_toggleButtonGroupClasses.default.middleButton}`]: {
-        marginLeft: -1,
-        borderLeft: '1px solid transparent',
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0
-      },
-      [`& .${_toggleButtonGroupClasses.default.lastButton}.${_toggleButtonClasses.default.disabled},& .${_toggleButtonGroupClasses.default.middleButton}.${_toggleButtonClasses.default.disabled}`]: {
-        borderLeft: '1px solid transparent'
-      }
-    }
-  }]
-})));
-const ToggleButtonGroup = /*#__PURE__*/React.forwardRef(function ToggleButtonGroup(inProps, ref) {
-  const props = (0, _DefaultPropsProvider.useDefaultProps)({
-    props: inProps,
-    name: 'MuiToggleButtonGroup'
-  });
-  const {
-    children,
-    className,
-    color = 'standard',
-    disabled = false,
-    exclusive = false,
-    fullWidth = false,
-    onChange,
-    orientation = 'horizontal',
-    size = 'medium',
-    value,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    disabled,
-    fullWidth,
-    orientation,
-    size
-  };
-  const classes = useUtilityClasses(ownerState);
-  const handleChange = React.useCallback((event, buttonValue) => {
-    if (!onChange) {
-      return;
-    }
-    const index = value && value.indexOf(buttonValue);
-    let newValue;
-    if (value && index >= 0) {
-      newValue = value.slice();
-      newValue.splice(index, 1);
-    } else {
-      newValue = value ? value.concat(buttonValue) : [buttonValue];
-    }
-    onChange(event, newValue);
-  }, [onChange, value]);
-  const handleExclusiveChange = React.useCallback((event, buttonValue) => {
-    if (!onChange) {
-      return;
-    }
-    onChange(event, value === buttonValue ? null : buttonValue);
-  }, [onChange, value]);
-  const context = React.useMemo(() => ({
-    className: classes.grouped,
-    onChange: exclusive ? handleExclusiveChange : handleChange,
-    value,
-    size,
-    fullWidth,
-    color,
-    disabled
-  }), [classes.grouped, exclusive, handleExclusiveChange, handleChange, value, size, fullWidth, color, disabled]);
-  const validChildren = (0, _getValidReactChildren.default)(children);
-  const childrenCount = validChildren.length;
-  const getButtonPositionClassName = index => {
-    const isFirstButton = index === 0;
-    const isLastButton = index === childrenCount - 1;
-    if (isFirstButton && isLastButton) {
-      return '';
-    }
-    if (isFirstButton) {
-      return classes.firstButton;
-    }
-    if (isLastButton) {
-      return classes.lastButton;
-    }
-    return classes.middleButton;
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleButtonGroupRoot, {
-    role: "group",
-    className: (0, _clsx.default)(classes.root, className),
-    ref: ref,
-    ownerState: ownerState,
-    ...other,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToggleButtonGroupContext.default.Provider, {
-      value: context,
-      children: validChildren.map((child, index) => {
-        if (process.env.NODE_ENV !== 'production') {
-          if ((0, _reactIs.isFragment)(child)) {
-            console.error(["MUI: The ToggleButtonGroup component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
-          }
-        }
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToggleButtonGroupButtonContext.default.Provider, {
-          value: getButtonPositionClassName(index),
-          children: child
-        }, index);
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? ToggleButtonGroup.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 selected.
-   * 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. This implies that all ToggleButton children will be disabled.
-   * @default false
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * If `true`, only allow one of the child ToggleButton values to be selected.
-   * @default false
-   */
-  exclusive: _propTypes.default.bool,
-  /**
-   * If `true`, the button group will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: _propTypes.default.bool,
-  /**
-   * Callback fired when the value changes.
-   *
-   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
-   * @param {any} value of the selected buttons. When `exclusive` is true
-   * this is a single value; when false an array of selected values. If no value
-   * is selected and `exclusive` is true the value is null; when false an empty array.
-   */
-  onChange: _propTypes.default.func,
-  /**
-   * The component orientation (layout flow direction).
-   * @default 'horizontal'
-   */
-  orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
-  /**
-   * The size of the 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 currently selected value within the group or an array of selected
-   * values when `exclusive` is false.
-   *
-   * The value must have reference equality with the option in order to be selected.
-   */
-  value: _propTypes.default.any
-} : void 0;
-var _default = exports.default = ToggleButtonGroup;

package/ToggleButtonGroup/ToggleButtonGroupButtonContext.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-/**
- * @ignore - internal component.
- */
-declare const ToggleButtonGroupButtonContext: React.Context<string | undefined>;
-export default ToggleButtonGroupButtonContext;

package/ToggleButtonGroup/ToggleButtonGroupButtonContext.js

@@ -1,17 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-/**
- * @ignore - internal component.
- */
-const ToggleButtonGroupButtonContext = /*#__PURE__*/React.createContext(undefined);
-if (process.env.NODE_ENV !== 'production') {
-  ToggleButtonGroupButtonContext.displayName = 'ToggleButtonGroupButtonContext';
-}
-var _default = exports.default = ToggleButtonGroupButtonContext;

package/ToggleButtonGroup/ToggleButtonGroupContext.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import type { ToggleButtonGroupProps } from "./ToggleButtonGroup.js";
-interface ToggleButtonGroupContextType {
-  className?: string;
-  onChange?: ToggleButtonGroupProps['onChange'];
-  value?: ToggleButtonGroupProps['value'];
-  size?: ToggleButtonGroupProps['size'];
-  fullWidth?: ToggleButtonGroupProps['fullWidth'];
-  color?: ToggleButtonGroupProps['color'];
-  disabled?: ToggleButtonGroupProps['disabled'];
-}
-/**
- * @ignore - internal component.
- */
-declare const ToggleButtonGroupContext: React.Context<ToggleButtonGroupContextType>;
-export default ToggleButtonGroupContext;

package/ToggleButtonGroup/ToggleButtonGroupContext.js

@@ -1,17 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-/**
- * @ignore - internal component.
- */
-const ToggleButtonGroupContext = /*#__PURE__*/React.createContext({});
-if (process.env.NODE_ENV !== 'production') {
-  ToggleButtonGroupContext.displayName = 'ToggleButtonGroupContext';
-}
-var _default = exports.default = ToggleButtonGroupContext;

package/ToggleButtonGroup/index.d.ts

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

package/ToggleButtonGroup/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  toggleButtonGroupClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _ToggleButtonGroup.default;
-  }
-});
-Object.defineProperty(exports, "toggleButtonGroupClasses", {
-  enumerable: true,
-  get: function () {
-    return _toggleButtonGroupClasses.default;
-  }
-});
-var _ToggleButtonGroup = _interopRequireDefault(require("./ToggleButtonGroup"));
-var _toggleButtonGroupClasses = _interopRequireWildcard(require("./toggleButtonGroupClasses"));
-Object.keys(_toggleButtonGroupClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _toggleButtonGroupClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _toggleButtonGroupClasses[key];
-    }
-  });
-});

package/ToggleButtonGroup/isValueSelected.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = isValueSelected;
-// Determine if the toggle button value matches, or is contained in, the
-// candidate group value.
-function isValueSelected(value, candidate) {
-  if (candidate === undefined || value === undefined) {
-    return false;
-  }
-  if (Array.isArray(candidate)) {
-    return candidate.includes(value);
-  }
-  return value === candidate;
-}

package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts

@@ -1,34 +0,0 @@
-export interface ToggleButtonGroupClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** State class applied to the root element if `selected={true}`. */
-  selected: string;
-  /** Styles applied to the root element if `orientation="horizontal"`. */
-  horizontal: string;
-  /** Styles applied to the root element if `orientation="vertical"`. */
-  vertical: string;
-  /** State class applied to the root element if `disabled={true}`. */
-  disabled: string;
-  /** Styles applied to the children. */
-  grouped: string;
-  /** Styles applied to the children if `orientation="horizontal"`.
-   *  @deprecated Combine the [.MuiToggleButtonGroup-horizontal](/material-ui/api/toggle-button-group/#toggle-button-group-classes-horizontal) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  groupedHorizontal: string;
-  /** Styles applied to the children if `orientation="vertical"`.
-   * @deprecated Combine the [.MuiToggleButtonGroup-vertical](/material-ui/api/toggle-button-group/#toggle-button-group-classes-vertical) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  groupedVertical: string;
-  /** Styles applied to the root element if `fullWidth={true}`. */
-  fullWidth: string;
-  /** Styles applied to the first button in the toggle button group. */
-  firstButton: string;
-  /** Styles applied to the last button in the toggle button group. */
-  lastButton: string;
-  /** Styles applied to buttons in the middle of the toggle button group. */
-  middleButton: string;
-}
-export type ToggleButtonGroupClassKey = keyof ToggleButtonGroupClasses;
-export declare function getToggleButtonGroupUtilityClass(slot: string): string;
-declare const toggleButtonGroupClasses: ToggleButtonGroupClasses;
-export default toggleButtonGroupClasses;

package/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getToggleButtonGroupUtilityClass = getToggleButtonGroupUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getToggleButtonGroupUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiToggleButtonGroup', slot);
-}
-const toggleButtonGroupClasses = (0, _generateUtilityClasses.default)('MuiToggleButtonGroup', ['root', 'selected', 'horizontal', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
-var _default = exports.default = toggleButtonGroupClasses;

package/Toolbar/Toolbar.d.ts

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import { Theme } from "../index.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { ToolbarClasses } from "./toolbarClasses.js";
-export interface ToolbarPropsVariantOverrides {}
-export interface ToolbarOwnProps {
-  /**
-   * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
-   * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<ToolbarClasses>;
-  /**
-   * If `true`, disables gutter padding.
-   * @default false
-   */
-  disableGutters?: boolean;
-  /**
-   * The variant to use.
-   * @default 'regular'
-   */
-  variant?: OverridableStringUnion<'regular' | 'dense', ToolbarPropsVariantOverrides>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface ToolbarTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & ToolbarOwnProps;
-  defaultComponent: RootComponent;
-}
-/**
- *
- * Demos:
- *
- * - [App Bar](https://mui.com/material-ui/react-app-bar/)
- *
- * API:
- *
- * - [Toolbar API](https://mui.com/material-ui/api/toolbar/)
- */
-declare const Toolbar: OverridableComponent<ToolbarTypeMap>;
-export type ToolbarProps<RootComponent extends React.ElementType = ToolbarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToolbarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default Toolbar;