@vodafone_de/brix-components 3.1.3 → 3.1.6

package/Alert/alertClasses.d.ts

@@ -1,100 +0,0 @@
-export interface AlertClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `variant="filled"`. */
-  filled: string;
-  /** Styles applied to the root element if `variant="outlined"`. */
-  outlined: string;
-  /** Styles applied to the root element if `variant="standard"`. */
-  standard: string;
-  /** Styles applied to the root element if `color="success"`. */
-  colorSuccess: string;
-  /** Styles applied to the root element if `color="info"`. */
-  colorInfo: string;
-  /** Styles applied to the root element if `color="warning"`. */
-  colorWarning: string;
-  /** Styles applied to the root element if `color="error"`. */
-  colorError: string;
-  /** Styles applied to the root element if `variant="standard"` and `color="success"`.
-   * @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
-   * and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-colorSuccess) classes instead.
-   * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  standardSuccess: string;
-  /** Styles applied to the root element if `variant="standard"` and `color="info"`.
-   * @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
-   * and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-colorInfo) classes instead.
-   * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  standardInfo: string;
-  /** Styles applied to the root element if `variant="standard"` and `color="warning"`.
-   * @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
-   * and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-colorWarning) classes instead.
-   * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  standardWarning: string;
-  /** Styles applied to the root element if `variant="standard"` and `color="error"`.
-   * @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
-   * and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-colorError) classes instead.
-   * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  standardError: string;
-  /** Styles applied to the root element if `variant="outlined"` and `color="success"`.
-   * @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
-   * and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-colorSuccess) classes instead.
-   * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  outlinedSuccess: string;
-  /** Styles applied to the root element if `variant="outlined"` and `color="info"`.
-   * @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
-   * and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-colorInfo) classes instead.
-   * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  outlinedInfo: string;
-  /** Styles applied to the root element if `variant="outlined"` and `color="warning"`.
-   * @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
-   * and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-colorWarning) classes instead.
-   * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  outlinedWarning: string;
-  /** Styles applied to the root element if `variant="outlined"` and `color="error"`.
-   * @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
-   * and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-colorError) classes instead.
-   * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  outlinedError: string;
-  /** Styles applied to the root element if `variant="filled"` and `color="success"`.
-   * @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
-   * and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-colorSuccess) classes instead.
-   * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  filledSuccess: string;
-  /** Styles applied to the root element if `variant="filled"` and `color="info"`.
-   * @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
-   * and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-colorInfo) classes instead.
-   * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  filledInfo: string;
-  /** Styles applied to the root element if `variant="filled"` and `color="warning"`
-   * @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
-   * and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-colorWarning) classes instead.
-   * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  filledWarning: string;
-  /** Styles applied to the root element if `variant="filled"` and `color="error"`.
-   * @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
-   * and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-colorError) classes instead.
-   * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  filledError: string;
-  /** Styles applied to the icon wrapper element. */
-  icon: string;
-  /** Styles applied to the message wrapper element. */
-  message: string;
-  /** Styles applied to the action wrapper element if `action` is provided. */
-  action: string;
-}
-export type AlertClassKey = keyof AlertClasses;
-export declare function getAlertUtilityClass(slot: string): string;
-declare const alertClasses: AlertClasses;
-export default alertClasses;

package/Alert/alertClasses.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.getAlertUtilityClass = getAlertUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getAlertUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiAlert', slot);
-}
-const alertClasses = (0, _generateUtilityClasses.default)('MuiAlert', ['root', 'action', 'icon', 'message', 'filled', 'colorSuccess', 'colorInfo', 'colorWarning', 'colorError', 'filledSuccess', 'filledInfo', 'filledWarning', 'filledError', 'outlined', 'outlinedSuccess', 'outlinedInfo', 'outlinedWarning', 'outlinedError', 'standard', 'standardSuccess', 'standardInfo', 'standardWarning', 'standardError']);
-var _default = exports.default = alertClasses;

package/Alert/index.d.ts

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

package/Alert/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 = {
-  alertClasses: true
-};
-Object.defineProperty(exports, "alertClasses", {
-  enumerable: true,
-  get: function () {
-    return _alertClasses.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Alert.default;
-  }
-});
-var _Alert = _interopRequireDefault(require("./Alert"));
-var _alertClasses = _interopRequireWildcard(require("./alertClasses"));
-Object.keys(_alertClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _alertClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _alertClasses[key];
-    }
-  });
-});

package/AlertTitle/AlertTitle.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme, TypographyProps } from "../index.js";
-import { AlertTitleClasses } from "./alertTitleClasses.js";
-export interface AlertTitleProps extends TypographyProps<'div'> {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<AlertTitleClasses>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-
-/**
- *
- * Demos:
- *
- * - [Alert](https://mui.com/material-ui/react-alert/)
- *
- * API:
- *
- * - [AlertTitle API](https://mui.com/material-ui/api/alert-title/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
- */
-export default function AlertTitle(props: AlertTitleProps): React.JSX.Element;

package/AlertTitle/AlertTitle.js

@@ -1,82 +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 _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _zeroStyled = require("../zero-styled");
-var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
-var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _alertTitleClasses = require("./alertTitleClasses");
-var _jsxRuntime = require("react/jsx-runtime");
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return (0, _composeClasses.default)(slots, _alertTitleClasses.getAlertTitleUtilityClass, classes);
-};
-const AlertTitleRoot = (0, _zeroStyled.styled)(_Typography.default, {
-  name: 'MuiAlertTitle',
-  slot: 'Root'
-})((0, _memoTheme.default)(({
-  theme
-}) => {
-  return {
-    fontWeight: theme.typography.fontWeightMedium,
-    marginTop: -2
-  };
-}));
-const AlertTitle = /*#__PURE__*/React.forwardRef(function AlertTitle(inProps, ref) {
-  const props = (0, _DefaultPropsProvider.useDefaultProps)({
-    props: inProps,
-    name: 'MuiAlertTitle'
-  });
-  const {
-    className,
-    ...other
-  } = props;
-  const ownerState = props;
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertTitleRoot, {
-    gutterBottom: true,
-    component: "div",
-    ownerState: ownerState,
-    ref: ref,
-    className: (0, _clsx.default)(classes.root, className),
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? AlertTitle.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 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])
-} : void 0;
-var _default = exports.default = AlertTitle;

package/AlertTitle/alertTitleClasses.d.ts

@@ -1,8 +0,0 @@
-export interface AlertTitleClasses {
-  /** Styles applied to the root element. */
-  root: string;
-}
-export type AlertTitleClassKey = keyof AlertTitleClasses;
-export declare function getAlertTitleUtilityClass(slot: string): string;
-declare const alertTitleClasses: AlertTitleClasses;
-export default alertTitleClasses;

package/AlertTitle/alertTitleClasses.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.getAlertTitleUtilityClass = getAlertTitleUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getAlertTitleUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiAlertTitle', slot);
-}
-const alertTitleClasses = (0, _generateUtilityClasses.default)('MuiAlertTitle', ['root']);
-var _default = exports.default = alertTitleClasses;

package/AlertTitle/index.d.ts

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

package/AlertTitle/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 = {
-  alertTitleClasses: true
-};
-Object.defineProperty(exports, "alertTitleClasses", {
-  enumerable: true,
-  get: function () {
-    return _alertTitleClasses.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _AlertTitle.default;
-  }
-});
-var _AlertTitle = _interopRequireDefault(require("./AlertTitle"));
-var _alertTitleClasses = _interopRequireWildcard(require("./alertTitleClasses"));
-Object.keys(_alertTitleClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _alertTitleClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _alertTitleClasses[key];
-    }
-  });
-});

package/AppBar/AppBar.d.ts

@@ -1,59 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { PropTypes, Theme } from "../index.js";
-import { AppBarClasses } from "./appBarClasses.js";
-import { ExtendPaperTypeMap } from "../Paper/Paper.js";
-export interface AppBarPropsColorOverrides {}
-export interface AppBarOwnProps {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<AppBarClasses>;
-  /**
-   * 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<PropTypes.Color | 'transparent' | 'error' | 'info' | 'success' | 'warning', AppBarPropsColorOverrides>;
-  /**
-   * If true, the `color` prop is applied in dark mode.
-   * @default false
-   */
-  enableColorOnDark?: boolean;
-  /**
-   * The positioning type. The behavior of the different options is described
-   * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/position).
-   * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
-   * @default 'fixed'
-   */
-  position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export type AppBarTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'header'> = ExtendPaperTypeMap<{
-  props: AdditionalProps & AppBarOwnProps;
-  defaultComponent: RootComponent;
-}, 'position' | 'color' | 'classes'>;
-
-/**
- *
- * Demos:
- *
- * - [App Bar](https://mui.com/material-ui/react-app-bar/)
- *
- * API:
- *
- * - [AppBar API](https://mui.com/material-ui/api/app-bar/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
- */
-
-declare const AppBar: OverridableComponent<AppBarTypeMap>;
-export type AppBarProps<RootComponent extends React.ElementType = AppBarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AppBarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default AppBar;

package/AppBar/AppBar.js

@@ -1,234 +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 _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _zeroStyled = require("../zero-styled");
-var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
-var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
-var _Paper = _interopRequireDefault(require("../Paper"));
-var _appBarClasses = require("./appBarClasses");
-var _jsxRuntime = require("react/jsx-runtime");
-const useUtilityClasses = ownerState => {
-  const {
-    color,
-    position,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root', `color${(0, _capitalize.default)(color)}`, `position${(0, _capitalize.default)(position)}`]
-  };
-  return (0, _composeClasses.default)(slots, _appBarClasses.getAppBarUtilityClass, classes);
-};
-
-// var2 is the fallback.
-// Ex. var1: 'var(--a)', var2: 'var(--b)'; return: 'var(--a, var(--b))'
-const joinVars = (var1, var2) => var1 ? `${var1?.replace(')', '')}, ${var2})` : var2;
-const AppBarRoot = (0, _zeroStyled.styled)(_Paper.default, {
-  name: 'MuiAppBar',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[`position${(0, _capitalize.default)(ownerState.position)}`], styles[`color${(0, _capitalize.default)(ownerState.color)}`]];
-  }
-})((0, _memoTheme.default)(({
-  theme
-}) => ({
-  display: 'flex',
-  flexDirection: 'column',
-  width: '100%',
-  boxSizing: 'border-box',
-  // Prevent padding issue with the Modal and fixed positioned AppBar.
-  flexShrink: 0,
-  variants: [{
-    props: {
-      position: 'fixed'
-    },
-    style: {
-      position: 'fixed',
-      zIndex: (theme.vars || theme).zIndex.appBar,
-      top: 0,
-      left: 'auto',
-      right: 0,
-      '@media print': {
-        // Prevent the app bar to be visible on each printed page.
-        position: 'absolute'
-      }
-    }
-  }, {
-    props: {
-      position: 'absolute'
-    },
-    style: {
-      position: 'absolute',
-      zIndex: (theme.vars || theme).zIndex.appBar,
-      top: 0,
-      left: 'auto',
-      right: 0
-    }
-  }, {
-    props: {
-      position: 'sticky'
-    },
-    style: {
-      position: 'sticky',
-      zIndex: (theme.vars || theme).zIndex.appBar,
-      top: 0,
-      left: 'auto',
-      right: 0
-    }
-  }, {
-    props: {
-      position: 'static'
-    },
-    style: {
-      position: 'static'
-    }
-  }, {
-    props: {
-      position: 'relative'
-    },
-    style: {
-      position: 'relative'
-    }
-  }, {
-    props: {
-      color: 'inherit'
-    },
-    style: {
-      '--AppBar-color': 'inherit'
-    }
-  }, {
-    props: {
-      color: 'default'
-    },
-    style: {
-      '--AppBar-background': theme.vars ? theme.vars.palette.AppBar.defaultBg : theme.palette.grey[100],
-      '--AppBar-color': theme.vars ? theme.vars.palette.text.primary : theme.palette.getContrastText(theme.palette.grey[100]),
-      ...theme.applyStyles('dark', {
-        '--AppBar-background': theme.vars ? theme.vars.palette.AppBar.defaultBg : theme.palette.grey[900],
-        '--AppBar-color': theme.vars ? theme.vars.palette.text.primary : theme.palette.getContrastText(theme.palette.grey[900])
-      })
-    }
-  }, ...Object.entries(theme.palette).filter((0, _createSimplePaletteValueFilter.default)(['contrastText'])).map(([color]) => ({
-    props: {
-      color
-    },
-    style: {
-      '--AppBar-background': (theme.vars ?? theme).palette[color].main,
-      '--AppBar-color': (theme.vars ?? theme).palette[color].contrastText
-    }
-  })), {
-    props: props => props.enableColorOnDark === true && !['inherit', 'transparent'].includes(props.color),
-    style: {
-      backgroundColor: 'var(--AppBar-background)',
-      color: 'var(--AppBar-color)'
-    }
-  }, {
-    props: props => props.enableColorOnDark === false && !['inherit', 'transparent'].includes(props.color),
-    style: {
-      backgroundColor: 'var(--AppBar-background)',
-      color: 'var(--AppBar-color)',
-      ...theme.applyStyles('dark', {
-        backgroundColor: theme.vars ? joinVars(theme.vars.palette.AppBar.darkBg, 'var(--AppBar-background)') : null,
-        color: theme.vars ? joinVars(theme.vars.palette.AppBar.darkColor, 'var(--AppBar-color)') : null
-      })
-    }
-  }, {
-    props: {
-      color: 'transparent'
-    },
-    style: {
-      '--AppBar-background': 'transparent',
-      '--AppBar-color': 'inherit',
-      backgroundColor: 'var(--AppBar-background)',
-      color: 'var(--AppBar-color)',
-      ...theme.applyStyles('dark', {
-        backgroundImage: 'none'
-      })
-    }
-  }]
-})));
-const AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
-  const props = (0, _DefaultPropsProvider.useDefaultProps)({
-    props: inProps,
-    name: 'MuiAppBar'
-  });
-  const {
-    className,
-    color = 'primary',
-    enableColorOnDark = false,
-    position = 'fixed',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    color,
-    position,
-    enableColorOnDark
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AppBarRoot, {
-    square: true,
-    component: "header",
-    ownerState: ownerState,
-    elevation: 4,
-    className: (0, _clsx.default)(classes.root, className, position === 'fixed' && 'mui-fixed'),
-    ref: ref,
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? AppBar.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 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: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['default', 'inherit', 'primary', 'secondary', 'transparent', 'error', 'info', 'success', 'warning']), _propTypes.default.string]),
-  /**
-   * If true, the `color` prop is applied in dark mode.
-   * @default false
-   */
-  enableColorOnDark: _propTypes.default.bool,
-  /**
-   * The positioning type. The behavior of the different options is described
-   * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/position).
-   * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
-   * @default 'fixed'
-   */
-  position: _propTypes.default.oneOf(['absolute', 'fixed', 'relative', 'static', 'sticky']),
-  /**
-   * 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])
-} : void 0;
-var _default = exports.default = AppBar;

package/AppBar/appBarClasses.d.ts

@@ -1,36 +0,0 @@
-export interface AppBarClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `position="fixed"`. */
-  positionFixed: string;
-  /** Styles applied to the root element if `position="absolute"`. */
-  positionAbsolute: string;
-  /** Styles applied to the root element if `position="sticky"`. */
-  positionSticky: string;
-  /** Styles applied to the root element if `position="static"`. */
-  positionStatic: string;
-  /** Styles applied to the root element if `position="relative"`. */
-  positionRelative: string;
-  /** Styles applied to the root element if `color="default"`. */
-  colorDefault: string;
-  /** Styles applied to the root element if `color="primary"`. */
-  colorPrimary: string;
-  /** Styles applied to the root element if `color="secondary"`. */
-  colorSecondary: string;
-  /** Styles applied to the root element if `color="inherit"`. */
-  colorInherit: string;
-  /** Styles applied to the root element if `color="transparent"`. */
-  colorTransparent: string;
-  /** Styles applied to the root element if `color="error"`. */
-  colorError: string;
-  /** Styles applied to the root element if `color="info"`. */
-  colorInfo: string;
-  /** Styles applied to the root element if `color="success"`. */
-  colorSuccess: string;
-  /** Styles applied to the root element if `color="warning"`. */
-  colorWarning: string;
-}
-export type AppBarClassKey = keyof AppBarClasses;
-export declare function getAppBarUtilityClass(slot: string): string;
-declare const appBarClasses: AppBarClasses;
-export default appBarClasses;