@mui/material 7.3.1 → 7.3.3

package/locale/zhHK.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zhHK = void 0;
+const zhHK = exports.zhHK = {
+  components: {
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: '展開'
+      }
+    },
+    MuiTablePagination: {
+      defaultProps: {
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return '第一頁';
+          }
+          if (type === 'last') {
+            return '最後一頁';
+          }
+          if (type === 'next') {
+            return '下一頁';
+          }
+          return '上一頁';
+        },
+        labelRowsPerPage: '每頁行數:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `第 ${from} 項至第 ${to} 項，${count !== -1 ? `共 ${count} 項` : `超過 ${to} 項`}`
+      }
+    },
+    MuiRating: {
+      defaultProps: {
+        getLabelText: value => `${value} 粒星`,
+        emptyLabelText: '無標籤'
+      }
+    },
+    MuiAutocomplete: {
+      defaultProps: {
+        clearText: '清除',
+        closeText: '關閉',
+        loadingText: '載入中……',
+        noOptionsText: '沒有可用選項',
+        openText: '開啟'
+      }
+    },
+    MuiAlert: {
+      defaultProps: {
+        closeText: '關閉'
+      }
+    }
+  }
+};

package/locale/zhTW.d.ts

@@ -0,0 +1,2 @@
+import type { Localization } from "./utils/LocaleTextApi.js";
+export declare const zhTW: Localization;

package/locale/zhTW.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zhTW = void 0;
+const zhTW = exports.zhTW = {
+  components: {
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: '展開'
+      }
+    },
+    MuiTablePagination: {
+      defaultProps: {
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return '第一頁';
+          }
+          if (type === 'last') {
+            return '最後一頁';
+          }
+          if (type === 'next') {
+            return '下一頁';
+          }
+          return '上一頁';
+        },
+        labelRowsPerPage: '每頁數量:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from} ~ ${to} / ${count !== -1 ? count : `${to} 以上`}`
+      }
+    },
+    MuiRating: {
+      defaultProps: {
+        getLabelText: value => `${value} 顆星`,
+        emptyLabelText: '無標籤'
+      }
+    },
+    MuiAutocomplete: {
+      defaultProps: {
+        clearText: '清空',
+        closeText: '關閉',
+        loadingText: '載入中…',
+        noOptionsText: '沒有可用選項',
+        openText: '打開'
+      }
+    },
+    MuiAlert: {
+      defaultProps: {
+        closeText: '關閉'
+      }
+    }
+  }
+};

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@mui/material",
-  "version": "7.3.1",
+  "version": "7.3.3",
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
-  "main": "./index.js",
   "keywords": [
     "react",
     "react-component",
@@ -26,7 +25,7 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.28.2",
+    "@babel/runtime": "^7.28.4",
     "@popperjs/core": "^2.11.8",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
@@ -34,10 +33,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^19.1.1",
     "react-transition-group": "^4.4.5",
-    "@mui/system": "^7.3.1",
-    "@mui/types": "^7.4.5",
-    "@mui/core-downloads-tracker": "^7.3.1",
-    "@mui/utils": "^7.3.1"
+    "@mui/system": "^7.3.3",
+    "@mui/core-downloads-tracker": "^7.3.3",
+    "@mui/types": "^7.4.7",
+    "@mui/utils": "^7.3.3"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -45,7 +44,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@mui/material-pigment-css": "^7.3.1"
+    "@mui/material-pigment-css": "^7.3.3"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -68,6 +67,21 @@
   "engines": {
     "node": ">=14.0.0"
   },
+  "pigment-css": {
+    "vite": {
+      "include": [
+        "prop-types",
+        "react-is",
+        "hoist-non-react-statics",
+        "react",
+        "react-dom",
+        "@emotion/react"
+      ]
+    }
+  },
+  "type": "commonjs",
+  "main": "./index.js",
+  "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
@@ -75,46 +89,31 @@
         "types": "./index.d.ts",
         "default": "./index.js"
       },
-      "import": {
+      "default": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
       }
     },
+    "./ButtonBase/TouchRipple": {
+      "require": {
+        "types": "./ButtonBase/TouchRipple.d.ts",
+        "default": "./ButtonBase/TouchRipple.js"
+      },
+      "default": {
+        "types": "./esm/ButtonBase/TouchRipple.d.ts",
+        "default": "./esm/ButtonBase/TouchRipple.js"
+      }
+    },
     "./*": {
       "require": {
         "types": "./*/index.d.ts",
         "default": "./*/index.js"
       },
-      "import": {
+      "default": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
       }
     },
-    "./esm": null,
-    "./modern": null,
-    "./ButtonBase/TouchRipple": {
-      "require": {
-        "types": "./ButtonBase/TouchRipple.d.ts",
-        "default": "./ButtonBase/TouchRipple.js"
-      },
-      "import": {
-        "types": "./esm/ButtonBase/TouchRipple.d.ts",
-        "default": "./esm/ButtonBase/TouchRipple.js"
-      }
-    }
-  },
-  "pigment-css": {
-    "vite": {
-      "include": [
-        "prop-types",
-        "react-is",
-        "hoist-non-react-statics",
-        "react",
-        "react-dom",
-        "@emotion/react"
-      ]
-    }
-  },
-  "private": false,
-  "types": "./index.d.ts"
+    "./esm": null
+  }
 }

package/styles/createColorScheme.js

@@ -36,7 +36,7 @@ function createColorScheme(options) {
     opacity,
     overlays,
     colorSpace,
-    ...rest
+    ...other
   } = options;
   // need to cast because `colorSpace` is considered internal at the moment.
   const palette = (0, _createPalette.default)({
@@ -50,6 +50,6 @@ function createColorScheme(options) {
       ...opacity
     },
     overlays: overlays || getOverlays(palette.mode),
-    ...rest
+    ...other
   };
 }

package/styles/createTheme.js

@@ -40,7 +40,7 @@ function createTheme(options = {},
       light: true
     } : undefined,
     defaultColorScheme: initialDefaultColorScheme = palette?.mode,
-    ...rest
+    ...other
   } = options;
   const defaultColorSchemeInput = initialDefaultColorScheme || 'light';
   const defaultScheme = initialColorSchemes?.[defaultColorSchemeInput];
@@ -97,7 +97,7 @@ function createTheme(options = {},
     colorSchemesInput.light = true;
   }
   return (0, _createThemeWithVars.default)({
-    ...rest,
+    ...other,
     colorSchemes: colorSchemesInput,
     defaultColorScheme: defaultColorSchemeInput,
     ...(typeof cssVariables !== 'boolean' && cssVariables)

package/useAutocomplete/useAutocomplete.js

@@ -494,10 +494,10 @@ function useAutocomplete(props) {
     }, [componentName]);
   }
   React.useEffect(() => {
-    if (filteredOptionsChanged) {
+    if (filteredOptionsChanged || popupOpen) {
       syncHighlightedIndex();
     }
-  }, [syncHighlightedIndex, filteredOptionsChanged]);
+  }, [syncHighlightedIndex, filteredOptionsChanged, popupOpen]);
   const handleOpen = event => {
     if (open) {
       return;

package/utils/shouldSpreadAdditionalProps.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _isHostComponent = _interopRequireDefault(require("./isHostComponent"));
+var _isHostComponent = _interopRequireDefault(require("@mui/utils/isHostComponent"));
 const shouldSpreadAdditionalProps = Slot => {
   return !Slot || !(0, _isHostComponent.default)(Slot);
 };

package/version/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "7.3.1";
+const version = exports.version = "7.3.3";
 const major = exports.major = Number("7");
 const minor = exports.minor = Number("3");
-const patch = exports.patch = Number("1");
+const patch = exports.patch = Number("3");
 const prerelease = exports.prerelease = undefined;
 var _default = exports.default = version;

package/esm/utils/isHostComponent.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-/**
- * Determines if a given element is a DOM element name (i.e. not a React component).
- */
-declare function isHostComponent(element: React.ElementType): element is "symbol" | "object" | "center" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "clipPath" | "filter" | "menuitem" | "mask" | "marker" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "sup" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view";
-export default isHostComponent;

package/esm/utils/isHostComponent.js

@@ -1,7 +0,0 @@
-/**
- * Determines if a given element is a DOM element name (i.e. not a React component).
- */
-function isHostComponent(element) {
-  return typeof element === 'string';
-}
-export default isHostComponent;

package/utils/isHostComponent.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-/**
- * Determines if a given element is a DOM element name (i.e. not a React component).
- */
-declare function isHostComponent(element: React.ElementType): element is "symbol" | "object" | "center" | "button" | "meter" | "textarea" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "clipPath" | "filter" | "menuitem" | "mask" | "marker" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "sup" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view";
-export default isHostComponent;

package/utils/isHostComponent.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/**
- * Determines if a given element is a DOM element name (i.e. not a React component).
- */
-function isHostComponent(element) {
-  return typeof element === 'string';
-}
-var _default = exports.default = isHostComponent;