@mui/system 9.0.0-alpha.0 → 9.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (349) hide show
  1. package/{esm/Box/Box.d.ts → Box/Box.d.mts} +17 -17
  2. package/Box/Box.d.ts +3 -3
  3. package/{esm/Box/Box.js → Box/Box.mjs} +2 -2
  4. package/Box/index.d.mts +4 -0
  5. package/Box/index.mjs +3 -0
  6. package/CHANGELOG.md +74 -0
  7. package/{esm/Container/Container.d.ts → Container/Container.d.mts} +1 -1
  8. package/{esm/Container/Container.js → Container/Container.mjs} +1 -1
  9. package/{esm/Container/ContainerProps.d.ts → Container/ContainerProps.d.mts} +8 -8
  10. package/Container/ContainerProps.d.ts +5 -5
  11. package/{esm/Container/createContainer.d.ts → Container/createContainer.d.mts} +7 -7
  12. package/Container/createContainer.d.ts +5 -5
  13. package/{esm/Container/createContainer.js → Container/createContainer.mjs} +3 -3
  14. package/Container/index.d.mts +4 -0
  15. package/Container/index.mjs +3 -0
  16. package/{esm/DefaultPropsProvider/index.d.ts → DefaultPropsProvider/index.d.mts} +1 -1
  17. package/{esm/DefaultPropsProvider/index.js → DefaultPropsProvider/index.mjs} +1 -1
  18. package/{esm/GlobalStyles/GlobalStyles.d.ts → GlobalStyles/GlobalStyles.d.mts} +3 -3
  19. package/GlobalStyles/GlobalStyles.d.ts +2 -2
  20. package/{esm/GlobalStyles/GlobalStyles.js → GlobalStyles/GlobalStyles.mjs} +1 -1
  21. package/GlobalStyles/index.d.mts +2 -0
  22. package/GlobalStyles/index.mjs +2 -0
  23. package/{esm/Grid/Grid.d.ts → Grid/Grid.d.mts} +1 -1
  24. package/{esm/Grid/Grid.js → Grid/Grid.mjs} +1 -1
  25. package/{esm/Grid/GridProps.d.ts → Grid/GridProps.d.mts} +14 -15
  26. package/Grid/GridProps.d.ts +12 -13
  27. package/Grid/createGrid.d.mts +13 -0
  28. package/Grid/createGrid.d.ts +4 -4
  29. package/Grid/createGrid.js +1 -6
  30. package/{esm/Grid/createGrid.js → Grid/createGrid.mjs} +6 -11
  31. package/{esm/Grid/gridGenerator.d.ts → Grid/gridGenerator.d.mts} +5 -5
  32. package/Grid/gridGenerator.d.ts +1 -1
  33. package/{esm/Grid/gridGenerator.js → Grid/gridGenerator.mjs} +1 -1
  34. package/Grid/index.d.mts +7 -0
  35. package/Grid/index.mjs +7 -0
  36. package/{esm/Grid/traverseBreakpoints.d.ts → Grid/traverseBreakpoints.d.mts} +1 -1
  37. package/{esm/InitColorSchemeScript/InitColorSchemeScript.d.ts → InitColorSchemeScript/InitColorSchemeScript.d.mts} +7 -7
  38. package/InitColorSchemeScript/InitColorSchemeScript.d.ts +7 -7
  39. package/InitColorSchemeScript/index.d.mts +2 -0
  40. package/InitColorSchemeScript/index.mjs +1 -0
  41. package/{esm/RtlProvider/index.d.ts → RtlProvider/index.d.mts} +1 -1
  42. package/RtlProvider/index.d.ts +1 -1
  43. package/{esm/Stack/Stack.d.ts → Stack/Stack.d.mts} +1 -1
  44. package/{esm/Stack/Stack.js → Stack/Stack.mjs} +1 -1
  45. package/{esm/Stack/StackProps.d.ts → Stack/StackProps.d.mts} +8 -8
  46. package/Stack/StackProps.d.ts +5 -5
  47. package/{esm/Stack/createStack.d.ts → Stack/createStack.d.mts} +7 -7
  48. package/Stack/createStack.d.ts +3 -3
  49. package/{esm/Stack/createStack.js → Stack/createStack.mjs} +6 -6
  50. package/Stack/index.d.mts +5 -0
  51. package/Stack/index.mjs +5 -0
  52. package/{esm/ThemeProvider/ThemeProvider.d.ts → ThemeProvider/ThemeProvider.d.mts} +1 -1
  53. package/ThemeProvider/ThemeProvider.d.ts +1 -1
  54. package/{esm/ThemeProvider/ThemeProvider.js → ThemeProvider/ThemeProvider.mjs} +4 -4
  55. package/ThemeProvider/index.d.mts +2 -0
  56. package/ThemeProvider/index.mjs +1 -0
  57. package/{esm/ThemeProvider/useLayerOrder.d.ts → ThemeProvider/useLayerOrder.d.mts} +1 -1
  58. package/ThemeProvider/useLayerOrder.d.ts +1 -1
  59. package/{esm/ThemeProvider/useLayerOrder.js → ThemeProvider/useLayerOrder.mjs} +2 -2
  60. package/{esm/borders/borders.d.ts → borders/borders.d.mts} +1 -1
  61. package/{esm/borders/borders.js → borders/borders.mjs} +5 -5
  62. package/borders/index.d.mts +2 -0
  63. package/borders/index.mjs +2 -0
  64. package/{esm/breakpoints/breakpoints.d.ts → breakpoints/breakpoints.d.mts} +6 -6
  65. package/breakpoints/breakpoints.d.ts +2 -2
  66. package/{esm/breakpoints/breakpoints.js → breakpoints/breakpoints.mjs} +2 -2
  67. package/breakpoints/index.d.mts +2 -0
  68. package/breakpoints/index.mjs +2 -0
  69. package/{esm/colorManipulator/colorManipulator.d.ts → colorManipulator/colorManipulator.d.mts} +1 -1
  70. package/colorManipulator/colorManipulator.d.ts +1 -1
  71. package/colorManipulator/index.d.mts +1 -0
  72. package/colorManipulator/index.mjs +1 -0
  73. package/{esm/compose/compose.d.ts → compose/compose.d.mts} +1 -1
  74. package/{esm/compose/compose.js → compose/compose.mjs} +1 -1
  75. package/compose/index.d.mts +1 -0
  76. package/compose/index.mjs +1 -0
  77. package/{esm/createBox/createBox.d.ts → createBox/createBox.d.mts} +5 -5
  78. package/createBox/createBox.d.ts +3 -3
  79. package/{esm/createBox/createBox.js → createBox/createBox.mjs} +2 -2
  80. package/createBox/index.d.mts +1 -0
  81. package/createBox/index.mjs +1 -0
  82. package/{esm/createBreakpoints/index.d.ts → createBreakpoints/index.d.mts} +1 -1
  83. package/{esm/createBreakpoints/index.js → createBreakpoints/index.mjs} +1 -1
  84. package/{esm/createStyled/createStyled.d.ts → createStyled/createStyled.d.mts} +15 -15
  85. package/createStyled/createStyled.d.ts +13 -13
  86. package/{esm/createStyled/createStyled.js → createStyled/createStyled.mjs} +3 -3
  87. package/createStyled/index.d.mts +2 -0
  88. package/createStyled/index.mjs +2 -0
  89. package/{esm/createTheme/createSpacing.js → createTheme/createSpacing.mjs} +1 -1
  90. package/{esm/createTheme/createTheme.d.ts → createTheme/createTheme.d.mts} +25 -25
  91. package/createTheme/createTheme.d.ts +18 -18
  92. package/{esm/createTheme/createTheme.js → createTheme/createTheme.mjs} +7 -7
  93. package/createTheme/index.d.mts +4 -0
  94. package/createTheme/index.mjs +3 -0
  95. package/{esm/cssContainerQueries/cssContainerQueries.d.ts → cssContainerQueries/cssContainerQueries.d.mts} +1 -1
  96. package/cssContainerQueries/cssContainerQueries.js +1 -1
  97. package/{esm/cssContainerQueries/cssContainerQueries.js → cssContainerQueries/cssContainerQueries.mjs} +1 -1
  98. package/{esm/cssContainerQueries/index.d.ts → cssContainerQueries/index.d.mts} +3 -3
  99. package/cssContainerQueries/index.mjs +2 -0
  100. package/{esm/cssGrid/cssGrid.d.ts → cssGrid/cssGrid.d.mts} +1 -1
  101. package/{esm/cssGrid/cssGrid.js → cssGrid/cssGrid.mjs} +5 -5
  102. package/cssGrid/index.d.mts +2 -0
  103. package/cssGrid/index.mjs +2 -0
  104. package/{esm/cssVars/createCssVarsProvider.d.ts → cssVars/createCssVarsProvider.d.mts} +21 -21
  105. package/cssVars/createCssVarsProvider.d.ts +18 -18
  106. package/{esm/cssVars/createCssVarsProvider.js → cssVars/createCssVarsProvider.mjs} +3 -3
  107. package/{esm/cssVars/createCssVarsTheme.d.ts → cssVars/createCssVarsTheme.d.mts} +4 -4
  108. package/cssVars/createCssVarsTheme.d.ts +3 -3
  109. package/{esm/cssVars/createCssVarsTheme.js → cssVars/createCssVarsTheme.mjs} +3 -3
  110. package/{esm/cssVars/cssVarsParser.d.ts → cssVars/cssVarsParser.d.mts} +2 -2
  111. package/cssVars/cssVarsParser.d.ts +2 -2
  112. package/{esm/cssVars/index.d.ts → cssVars/index.d.mts} +8 -8
  113. package/{esm/cssVars/index.js → cssVars/index.mjs} +5 -5
  114. package/{esm/cssVars/localStorageManager.d.ts → cssVars/localStorageManager.d.mts} +1 -1
  115. package/cssVars/localStorageManager.d.ts +1 -1
  116. package/cssVars/prepareCssVars.d.mts +17 -0
  117. package/cssVars/prepareCssVars.d.ts +8 -8
  118. package/{esm/cssVars/prepareCssVars.js → cssVars/prepareCssVars.mjs} +1 -1
  119. package/{esm/cssVars/useCurrentColorScheme.d.ts → cssVars/useCurrentColorScheme.d.mts} +7 -7
  120. package/cssVars/useCurrentColorScheme.d.ts +6 -6
  121. package/{esm/cssVars/useCurrentColorScheme.js → cssVars/useCurrentColorScheme.mjs} +2 -2
  122. package/{esm/display/display.d.ts → display/display.d.mts} +1 -1
  123. package/{esm/display/display.js → display/display.mjs} +2 -2
  124. package/display/index.d.mts +2 -0
  125. package/display/index.mjs +2 -0
  126. package/{esm/flexbox/flexbox.d.ts → flexbox/flexbox.d.mts} +1 -1
  127. package/{esm/flexbox/flexbox.js → flexbox/flexbox.mjs} +2 -2
  128. package/flexbox/index.d.mts +2 -0
  129. package/flexbox/index.mjs +2 -0
  130. package/{esm/getThemeValue/getThemeValue.js → getThemeValue/getThemeValue.mjs} +10 -10
  131. package/getThemeValue/index.d.mts +2 -0
  132. package/getThemeValue/index.mjs +2 -0
  133. package/index.d.mts +90 -0
  134. package/index.js +1 -1
  135. package/index.mjs +76 -0
  136. package/{esm/memoTheme.js → memoTheme.mjs} +1 -1
  137. package/memoize/index.d.mts +1 -0
  138. package/memoize/index.mjs +1 -0
  139. package/merge/index.d.mts +1 -0
  140. package/merge/index.mjs +1 -0
  141. package/package.json +583 -16
  142. package/palette/index.d.mts +2 -0
  143. package/palette/index.mjs +2 -0
  144. package/{esm/palette/palette.d.ts → palette/palette.d.mts} +1 -1
  145. package/{esm/palette/palette.js → palette/palette.mjs} +2 -2
  146. package/positions/index.d.mts +2 -0
  147. package/positions/index.mjs +2 -0
  148. package/{esm/positions/positions.d.ts → positions/positions.d.mts} +1 -1
  149. package/{esm/positions/positions.js → positions/positions.mjs} +2 -2
  150. package/propsToClassKey/index.d.mts +1 -0
  151. package/propsToClassKey/index.mjs +1 -0
  152. package/responsivePropType/index.d.mts +1 -0
  153. package/responsivePropType/index.mjs +1 -0
  154. package/shadows/index.d.mts +1 -0
  155. package/shadows/index.mjs +1 -0
  156. package/{esm/shadows/shadows.d.ts → shadows/shadows.d.mts} +1 -1
  157. package/{esm/shadows/shadows.js → shadows/shadows.mjs} +1 -1
  158. package/sizing/index.d.mts +2 -0
  159. package/sizing/index.mjs +2 -0
  160. package/{esm/sizing/sizing.d.ts → sizing/sizing.d.mts} +1 -1
  161. package/{esm/sizing/sizing.js → sizing/sizing.mjs} +3 -3
  162. package/spacing/index.d.mts +2 -0
  163. package/spacing/index.mjs +2 -0
  164. package/{esm/spacing/spacing.d.ts → spacing/spacing.d.mts} +1 -1
  165. package/{esm/spacing/spacing.js → spacing/spacing.mjs} +5 -5
  166. package/style/index.d.mts +2 -0
  167. package/style/index.mjs +2 -0
  168. package/{esm/style/style.d.ts → style/style.d.mts} +4 -4
  169. package/style/style.d.ts +4 -4
  170. package/{esm/style/style.js → style/style.mjs} +2 -2
  171. package/{esm/styleFunctionSx/AliasesCSSProperties.d.ts → styleFunctionSx/AliasesCSSProperties.d.mts} +22 -22
  172. package/styleFunctionSx/AliasesCSSProperties.d.ts +21 -21
  173. package/{esm/styleFunctionSx/OverwriteCSSProperties.d.ts → styleFunctionSx/OverwriteCSSProperties.d.mts} +4 -4
  174. package/styleFunctionSx/OverwriteCSSProperties.d.ts +4 -4
  175. package/{esm/styleFunctionSx/defaultSxConfig.d.ts → styleFunctionSx/defaultSxConfig.d.mts} +5 -5
  176. package/styleFunctionSx/defaultSxConfig.d.ts +4 -4
  177. package/{esm/styleFunctionSx/defaultSxConfig.js → styleFunctionSx/defaultSxConfig.mjs} +5 -5
  178. package/styleFunctionSx/extendSxProp.d.mts +4 -0
  179. package/styleFunctionSx/extendSxProp.d.ts +1 -1
  180. package/{esm/styleFunctionSx/extendSxProp.js → styleFunctionSx/extendSxProp.mjs} +1 -1
  181. package/styleFunctionSx/index.d.mts +9 -0
  182. package/styleFunctionSx/index.mjs +4 -0
  183. package/{esm/styleFunctionSx/styleFunctionSx.d.ts → styleFunctionSx/styleFunctionSx.d.mts} +4 -4
  184. package/styleFunctionSx/styleFunctionSx.d.ts +1 -1
  185. package/{esm/styleFunctionSx/styleFunctionSx.js → styleFunctionSx/styleFunctionSx.mjs} +5 -5
  186. package/styled/index.d.mts +1 -0
  187. package/styled/index.mjs +1 -0
  188. package/styled/styled.d.mts +3 -0
  189. package/styled/styled.mjs +3 -0
  190. package/typography/index.d.mts +2 -0
  191. package/typography/index.mjs +2 -0
  192. package/{esm/typography/typography.d.ts → typography/typography.d.mts} +1 -1
  193. package/{esm/typography/typography.js → typography/typography.mjs} +2 -2
  194. package/useMediaQuery/index.d.mts +2 -0
  195. package/useMediaQuery/index.mjs +2 -0
  196. package/{esm/useMediaQuery/useMediaQuery.d.ts → useMediaQuery/useMediaQuery.d.mts} +6 -6
  197. package/useMediaQuery/useMediaQuery.d.ts +6 -6
  198. package/{esm/useMediaQuery/useMediaQuery.js → useMediaQuery/useMediaQuery.mjs} +2 -2
  199. package/useTheme/index.d.mts +2 -0
  200. package/useTheme/index.mjs +2 -0
  201. package/{esm/useTheme/useTheme.d.ts → useTheme/useTheme.d.mts} +1 -1
  202. package/{esm/useTheme/useTheme.js → useTheme/useTheme.mjs} +2 -2
  203. package/{esm/useThemeProps/getThemeProps.d.ts → useThemeProps/getThemeProps.d.mts} +1 -1
  204. package/useThemeProps/getThemeProps.d.ts +1 -1
  205. package/useThemeProps/index.d.mts +3 -0
  206. package/useThemeProps/index.mjs +2 -0
  207. package/{esm/useThemeProps/useThemeProps.d.ts → useThemeProps/useThemeProps.d.mts} +2 -2
  208. package/useThemeProps/useThemeProps.d.ts +2 -2
  209. package/{esm/useThemeProps/useThemeProps.js → useThemeProps/useThemeProps.mjs} +2 -2
  210. package/useThemeWithoutDefault/index.d.mts +1 -0
  211. package/useThemeWithoutDefault/index.mjs +1 -0
  212. package/version/index.js +2 -2
  213. package/{esm/version/index.js → version/index.mjs} +2 -2
  214. package/Grid/deleteLegacyGridProps.d.ts +0 -11
  215. package/Grid/deleteLegacyGridProps.js +0 -47
  216. package/esm/Box/index.d.ts +0 -4
  217. package/esm/Box/index.js +0 -3
  218. package/esm/Container/index.d.ts +0 -4
  219. package/esm/Container/index.js +0 -3
  220. package/esm/GlobalStyles/index.d.ts +0 -2
  221. package/esm/GlobalStyles/index.js +0 -2
  222. package/esm/Grid/createGrid.d.ts +0 -13
  223. package/esm/Grid/deleteLegacyGridProps.d.ts +0 -11
  224. package/esm/Grid/deleteLegacyGridProps.js +0 -41
  225. package/esm/Grid/index.d.ts +0 -7
  226. package/esm/Grid/index.js +0 -7
  227. package/esm/InitColorSchemeScript/index.d.ts +0 -2
  228. package/esm/InitColorSchemeScript/index.js +0 -1
  229. package/esm/Stack/index.d.ts +0 -5
  230. package/esm/Stack/index.js +0 -5
  231. package/esm/ThemeProvider/index.d.ts +0 -2
  232. package/esm/ThemeProvider/index.js +0 -1
  233. package/esm/borders/index.d.ts +0 -2
  234. package/esm/borders/index.js +0 -2
  235. package/esm/breakpoints/index.d.ts +0 -2
  236. package/esm/breakpoints/index.js +0 -2
  237. package/esm/colorManipulator/index.d.ts +0 -1
  238. package/esm/colorManipulator/index.js +0 -1
  239. package/esm/compose/index.d.ts +0 -1
  240. package/esm/compose/index.js +0 -1
  241. package/esm/createBox/index.d.ts +0 -1
  242. package/esm/createBox/index.js +0 -1
  243. package/esm/createStyled/index.d.ts +0 -2
  244. package/esm/createStyled/index.js +0 -2
  245. package/esm/createTheme/index.d.ts +0 -4
  246. package/esm/createTheme/index.js +0 -3
  247. package/esm/cssContainerQueries/index.js +0 -2
  248. package/esm/cssGrid/index.d.ts +0 -2
  249. package/esm/cssGrid/index.js +0 -2
  250. package/esm/cssVars/prepareCssVars.d.ts +0 -17
  251. package/esm/display/index.d.ts +0 -2
  252. package/esm/display/index.js +0 -2
  253. package/esm/flexbox/index.d.ts +0 -2
  254. package/esm/flexbox/index.js +0 -2
  255. package/esm/getThemeValue/index.d.ts +0 -2
  256. package/esm/getThemeValue/index.js +0 -2
  257. package/esm/index.d.ts +0 -90
  258. package/esm/index.js +0 -76
  259. package/esm/memoize/index.d.ts +0 -1
  260. package/esm/memoize/index.js +0 -1
  261. package/esm/merge/index.d.ts +0 -1
  262. package/esm/merge/index.js +0 -1
  263. package/esm/package.json +0 -1
  264. package/esm/palette/index.d.ts +0 -2
  265. package/esm/palette/index.js +0 -2
  266. package/esm/positions/index.d.ts +0 -2
  267. package/esm/positions/index.js +0 -2
  268. package/esm/propsToClassKey/index.d.ts +0 -1
  269. package/esm/propsToClassKey/index.js +0 -1
  270. package/esm/responsivePropType/index.d.ts +0 -1
  271. package/esm/responsivePropType/index.js +0 -1
  272. package/esm/shadows/index.d.ts +0 -1
  273. package/esm/shadows/index.js +0 -1
  274. package/esm/sizing/index.d.ts +0 -2
  275. package/esm/sizing/index.js +0 -2
  276. package/esm/spacing/index.d.ts +0 -2
  277. package/esm/spacing/index.js +0 -2
  278. package/esm/style/index.d.ts +0 -2
  279. package/esm/style/index.js +0 -2
  280. package/esm/styleFunctionSx/extendSxProp.d.ts +0 -4
  281. package/esm/styleFunctionSx/index.d.ts +0 -9
  282. package/esm/styleFunctionSx/index.js +0 -4
  283. package/esm/styled/index.d.ts +0 -1
  284. package/esm/styled/index.js +0 -1
  285. package/esm/styled/styled.d.ts +0 -3
  286. package/esm/styled/styled.js +0 -3
  287. package/esm/typography/index.d.ts +0 -2
  288. package/esm/typography/index.js +0 -2
  289. package/esm/useMediaQuery/index.d.ts +0 -2
  290. package/esm/useMediaQuery/index.js +0 -2
  291. package/esm/useTheme/index.d.ts +0 -2
  292. package/esm/useTheme/index.js +0 -2
  293. package/esm/useThemeProps/index.d.ts +0 -3
  294. package/esm/useThemeProps/index.js +0 -2
  295. package/esm/useThemeWithoutDefault/index.d.ts +0 -1
  296. package/esm/useThemeWithoutDefault/index.js +0 -1
  297. /package/{esm/Box/boxClasses.d.ts → Box/boxClasses.d.mts} +0 -0
  298. /package/{esm/Box/boxClasses.js → Box/boxClasses.mjs} +0 -0
  299. /package/{esm/CSSProperties.d.ts → CSSProperties.d.mts} +0 -0
  300. /package/{esm/Container/ContainerProps.js → Container/ContainerProps.mjs} +0 -0
  301. /package/{esm/Container/containerClasses.d.ts → Container/containerClasses.d.mts} +0 -0
  302. /package/{esm/Container/containerClasses.js → Container/containerClasses.mjs} +0 -0
  303. /package/{esm/DefaultPropsProvider/DefaultPropsProvider.d.ts → DefaultPropsProvider/DefaultPropsProvider.d.mts} +0 -0
  304. /package/{esm/DefaultPropsProvider/DefaultPropsProvider.js → DefaultPropsProvider/DefaultPropsProvider.mjs} +0 -0
  305. /package/{esm/Grid/GridProps.js → Grid/GridProps.mjs} +0 -0
  306. /package/{esm/Grid/gridClasses.d.ts → Grid/gridClasses.d.mts} +0 -0
  307. /package/{esm/Grid/gridClasses.js → Grid/gridClasses.mjs} +0 -0
  308. /package/{esm/Grid/traverseBreakpoints.js → Grid/traverseBreakpoints.mjs} +0 -0
  309. /package/{esm/InitColorSchemeScript/InitColorSchemeScript.js → InitColorSchemeScript/InitColorSchemeScript.mjs} +0 -0
  310. /package/{esm/RtlProvider/index.js → RtlProvider/index.mjs} +0 -0
  311. /package/{esm/Stack/StackProps.js → Stack/StackProps.mjs} +0 -0
  312. /package/{esm/Stack/stackClasses.d.ts → Stack/stackClasses.d.mts} +0 -0
  313. /package/{esm/Stack/stackClasses.js → Stack/stackClasses.mjs} +0 -0
  314. /package/{esm/colorManipulator/colorManipulator.js → colorManipulator/colorManipulator.mjs} +0 -0
  315. /package/{esm/createBreakpoints/createBreakpoints.d.ts → createBreakpoints/createBreakpoints.d.mts} +0 -0
  316. /package/{esm/createBreakpoints/createBreakpoints.js → createBreakpoints/createBreakpoints.mjs} +0 -0
  317. /package/{esm/createTheme/applyStyles.d.ts → createTheme/applyStyles.d.mts} +0 -0
  318. /package/{esm/createTheme/applyStyles.js → createTheme/applyStyles.mjs} +0 -0
  319. /package/{esm/createTheme/createSpacing.d.ts → createTheme/createSpacing.d.mts} +0 -0
  320. /package/{esm/createTheme/shape.d.ts → createTheme/shape.d.mts} +0 -0
  321. /package/{esm/createTheme/shape.js → createTheme/shape.mjs} +0 -0
  322. /package/{esm/cssVars/createGetCssVar.d.ts → cssVars/createGetCssVar.d.mts} +0 -0
  323. /package/{esm/cssVars/createGetCssVar.js → cssVars/createGetCssVar.mjs} +0 -0
  324. /package/{esm/cssVars/cssVarsParser.js → cssVars/cssVarsParser.mjs} +0 -0
  325. /package/{esm/cssVars/getColorSchemeSelector.d.ts → cssVars/getColorSchemeSelector.d.mts} +0 -0
  326. /package/{esm/cssVars/getColorSchemeSelector.js → cssVars/getColorSchemeSelector.mjs} +0 -0
  327. /package/{esm/cssVars/localStorageManager.js → cssVars/localStorageManager.mjs} +0 -0
  328. /package/{esm/cssVars/prepareTypographyVars.d.ts → cssVars/prepareTypographyVars.d.mts} +0 -0
  329. /package/{esm/cssVars/prepareTypographyVars.js → cssVars/prepareTypographyVars.mjs} +0 -0
  330. /package/{esm/getThemeValue/getThemeValue.d.ts → getThemeValue/getThemeValue.d.mts} +0 -0
  331. /package/{esm/memoTheme.d.ts → memoTheme.d.mts} +0 -0
  332. /package/{esm/memoize/memoize.d.ts → memoize/memoize.d.mts} +0 -0
  333. /package/{esm/memoize/memoize.js → memoize/memoize.mjs} +0 -0
  334. /package/{esm/merge/merge.d.ts → merge/merge.d.mts} +0 -0
  335. /package/{esm/merge/merge.js → merge/merge.mjs} +0 -0
  336. /package/{esm/preprocessStyles.d.ts → preprocessStyles.d.mts} +0 -0
  337. /package/{esm/preprocessStyles.js → preprocessStyles.mjs} +0 -0
  338. /package/{esm/propsToClassKey/propsToClassKey.d.ts → propsToClassKey/propsToClassKey.d.mts} +0 -0
  339. /package/{esm/propsToClassKey/propsToClassKey.js → propsToClassKey/propsToClassKey.mjs} +0 -0
  340. /package/{esm/responsivePropType/responsivePropType.d.ts → responsivePropType/responsivePropType.d.mts} +0 -0
  341. /package/{esm/responsivePropType/responsivePropType.js → responsivePropType/responsivePropType.mjs} +0 -0
  342. /package/{esm/styleFunctionSx/AliasesCSSProperties.js → styleFunctionSx/AliasesCSSProperties.mjs} +0 -0
  343. /package/{esm/styleFunctionSx/OverwriteCSSProperties.js → styleFunctionSx/OverwriteCSSProperties.mjs} +0 -0
  344. /package/{esm/styleFunctionSx/StandardCssProperties.d.ts → styleFunctionSx/StandardCssProperties.d.mts} +0 -0
  345. /package/{esm/styleFunctionSx/StandardCssProperties.js → styleFunctionSx/StandardCssProperties.mjs} +0 -0
  346. /package/{esm/useThemeProps/getThemeProps.js → useThemeProps/getThemeProps.mjs} +0 -0
  347. /package/{esm/useThemeWithoutDefault/useThemeWithoutDefault.d.ts → useThemeWithoutDefault/useThemeWithoutDefault.d.mts} +0 -0
  348. /package/{esm/useThemeWithoutDefault/useThemeWithoutDefault.js → useThemeWithoutDefault/useThemeWithoutDefault.mjs} +0 -0
  349. /package/{esm/version/index.d.ts → version/index.d.mts} +0 -0
@@ -1,8 +1,8 @@
1
- import { padding, margin } from "../spacing/index.js";
2
- import { borderRadius, borderTransform } from "../borders/index.js";
3
- import { gap, rowGap, columnGap } from "../cssGrid/index.js";
4
- import { paletteTransform } from "../palette/index.js";
5
- import { maxWidth, sizingTransform } from "../sizing/index.js";
1
+ import { padding, margin } from "../spacing/index.mjs";
2
+ import { borderRadius, borderTransform } from "../borders/index.mjs";
3
+ import { gap, rowGap, columnGap } from "../cssGrid/index.mjs";
4
+ import { paletteTransform } from "../palette/index.mjs";
5
+ import { maxWidth, sizingTransform } from "../sizing/index.mjs";
6
6
  const defaultSxConfig = {
7
7
  // borders
8
8
  border: {
@@ -0,0 +1,4 @@
1
+ import { SxProps } from "./styleFunctionSx.mjs";
2
+ export default function extendSxProp<Props extends {
3
+ sx?: SxProps<any> | undefined;
4
+ } = {}>(props: Props): Props;
@@ -1,4 +1,4 @@
1
1
  import { SxProps } from "./styleFunctionSx.js";
2
2
  export default function extendSxProp<Props extends {
3
- sx?: SxProps<any>;
3
+ sx?: SxProps<any> | undefined;
4
4
  } = {}>(props: Props): Props;
@@ -1,5 +1,5 @@
1
1
  import { isPlainObject } from '@mui/utils/deepmerge';
2
- import defaultSxConfig from "./defaultSxConfig.js";
2
+ import defaultSxConfig from "./defaultSxConfig.mjs";
3
3
  const splitProps = props => {
4
4
  const result = {
5
5
  systemProps: {},
@@ -0,0 +1,9 @@
1
+ export { default } from "./styleFunctionSx.mjs";
2
+ export * from "./styleFunctionSx.mjs";
3
+ export * from "./AliasesCSSProperties.mjs";
4
+ export * from "./OverwriteCSSProperties.mjs";
5
+ export * from "./StandardCssProperties.mjs";
6
+ export { default as extendSxProp } from "./extendSxProp.mjs";
7
+ export { default as unstable_defaultSxConfig } from "./defaultSxConfig.mjs";
8
+ export * from "./defaultSxConfig.mjs";
9
+ export * from "./extendSxProp.mjs";
@@ -0,0 +1,4 @@
1
+ export { default } from "./styleFunctionSx.mjs";
2
+ export { unstable_createStyleFunctionSx } from "./styleFunctionSx.mjs";
3
+ export { default as extendSxProp } from "./extendSxProp.mjs";
4
+ export { default as unstable_defaultSxConfig } from "./defaultSxConfig.mjs";
@@ -1,8 +1,8 @@
1
1
  import * as CSS from 'csstype';
2
2
  import { CSSObject } from '@mui/styled-engine';
3
- import { StandardCSSProperties } from "./StandardCssProperties.js";
4
- import { AliasesCSSProperties } from "./AliasesCSSProperties.js";
5
- import { OverwriteCSSProperties } from "./OverwriteCSSProperties.js";
3
+ import { StandardCSSProperties } from "./StandardCssProperties.mjs";
4
+ import { AliasesCSSProperties } from "./AliasesCSSProperties.mjs";
5
+ import { OverwriteCSSProperties } from "./OverwriteCSSProperties.mjs";
6
6
 
7
7
  /**
8
8
  * The `css` function accepts arrays as values for mobile-first responsive styles.
@@ -53,7 +53,7 @@ export type SystemStyleObject<Theme extends object = {}> = SystemCssProperties<T
53
53
  export type SxProps<Theme extends object = {}> = SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>) | ReadonlyArray<boolean | SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>)>;
54
54
  export interface StyleFunctionSx {
55
55
  (props: object): CSSObject;
56
- filterProps?: string[];
56
+ filterProps?: string[] | undefined;
57
57
  }
58
58
 
59
59
  // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -53,7 +53,7 @@ export type SystemStyleObject<Theme extends object = {}> = SystemCssProperties<T
53
53
  export type SxProps<Theme extends object = {}> = SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>) | ReadonlyArray<boolean | SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>)>;
54
54
  export interface StyleFunctionSx {
55
55
  (props: object): CSSObject;
56
- filterProps?: string[];
56
+ filterProps?: string[] | undefined;
57
57
  }
58
58
 
59
59
  // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -1,9 +1,9 @@
1
1
  import capitalize from '@mui/utils/capitalize';
2
- import merge from "../merge/index.js";
3
- import { getPath, getStyleValue as getValue } from "../style/index.js";
4
- import { handleBreakpoints, createEmptyBreakpointObject, removeUnusedBreakpoints } from "../breakpoints/index.js";
5
- import { sortContainerQueries } from "../cssContainerQueries/index.js";
6
- import defaultSxConfig from "./defaultSxConfig.js";
2
+ import merge from "../merge/index.mjs";
3
+ import { getPath, getStyleValue as getValue } from "../style/index.mjs";
4
+ import { handleBreakpoints, createEmptyBreakpointObject, removeUnusedBreakpoints } from "../breakpoints/index.mjs";
5
+ import { sortContainerQueries } from "../cssContainerQueries/index.mjs";
6
+ import defaultSxConfig from "./defaultSxConfig.mjs";
7
7
  function objectsHaveSameKeys(...objects) {
8
8
  const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);
9
9
  const union = new Set(allKeys);
@@ -0,0 +1 @@
1
+ export { default } from "./styled.mjs";
@@ -0,0 +1 @@
1
+ export { default } from "./styled.mjs";
@@ -0,0 +1,3 @@
1
+ import { CreateMUIStyled } from "../createStyled/index.mjs";
2
+ declare const styled: CreateMUIStyled;
3
+ export default styled;
@@ -0,0 +1,3 @@
1
+ import createStyled from "../createStyled/index.mjs";
2
+ const styled = createStyled();
3
+ export default styled;
@@ -0,0 +1,2 @@
1
+ export { default } from "./typography.mjs";
2
+ export * from "./typography.mjs";
@@ -0,0 +1,2 @@
1
+ export { default } from "./typography.mjs";
2
+ export * from "./typography.mjs";
@@ -1,4 +1,4 @@
1
- import { PropsFor, SimpleStyleFunction } from "../style/index.js";
1
+ import { PropsFor, SimpleStyleFunction } from "../style/index.mjs";
2
2
  export const typographyVariant: SimpleStyleFunction<'typography'>;
3
3
  export const fontFamily: SimpleStyleFunction<'fontFamily'>;
4
4
  export const fontSize: SimpleStyleFunction<'fontSize'>;
@@ -1,5 +1,5 @@
1
- import style from "../style/index.js";
2
- import compose from "../compose/index.js";
1
+ import style from "../style/index.mjs";
2
+ import compose from "../compose/index.mjs";
3
3
  export const fontFamily = style({
4
4
  prop: 'fontFamily',
5
5
  themeKey: 'typography'
@@ -0,0 +1,2 @@
1
+ export { default } from "./useMediaQuery.mjs";
2
+ export * from "./useMediaQuery.mjs";
@@ -0,0 +1,2 @@
1
+ export { default } from "./useMediaQuery.mjs";
2
+ export * from "./useMediaQuery.mjs";
@@ -4,12 +4,12 @@ export interface UseMediaQueryOptions {
4
4
  * it returns a default matches during the first mount.
5
5
  * @default false
6
6
  */
7
- defaultMatches?: boolean;
7
+ defaultMatches?: boolean | undefined;
8
8
  /**
9
9
  * You can provide your own implementation of matchMedia.
10
10
  * This can be used for handling an iframe content window.
11
11
  */
12
- matchMedia?: typeof window.matchMedia;
12
+ matchMedia?: typeof window.matchMedia | undefined;
13
13
  /**
14
14
  * To perform the server-side hydration, the hook needs to render twice.
15
15
  * A first time with `defaultMatches`, the value of the server, and a second time with the resolved value.
@@ -17,16 +17,16 @@ export interface UseMediaQueryOptions {
17
17
  * You can set this option to `true` if you use the returned value **only** client-side.
18
18
  * @default false
19
19
  */
20
- noSsr?: boolean;
20
+ noSsr?: boolean | undefined;
21
21
  /**
22
22
  * You can provide your own implementation of `matchMedia`, it's used when rendering server-side.
23
23
  */
24
- ssrMatchMedia?: (query: string) => {
24
+ ssrMatchMedia?: ((query: string) => {
25
25
  matches: boolean;
26
- };
26
+ }) | undefined;
27
27
  }
28
28
  export declare function unstable_createUseMediaQuery(params?: {
29
- themeId?: string;
29
+ themeId?: string | undefined;
30
30
  }): <Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: UseMediaQueryOptions) => boolean;
31
31
  declare const useMediaQuery: <Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: UseMediaQueryOptions) => boolean;
32
32
  export default useMediaQuery;
@@ -4,12 +4,12 @@ export interface UseMediaQueryOptions {
4
4
  * it returns a default matches during the first mount.
5
5
  * @default false
6
6
  */
7
- defaultMatches?: boolean;
7
+ defaultMatches?: boolean | undefined;
8
8
  /**
9
9
  * You can provide your own implementation of matchMedia.
10
10
  * This can be used for handling an iframe content window.
11
11
  */
12
- matchMedia?: typeof window.matchMedia;
12
+ matchMedia?: typeof window.matchMedia | undefined;
13
13
  /**
14
14
  * To perform the server-side hydration, the hook needs to render twice.
15
15
  * A first time with `defaultMatches`, the value of the server, and a second time with the resolved value.
@@ -17,16 +17,16 @@ export interface UseMediaQueryOptions {
17
17
  * You can set this option to `true` if you use the returned value **only** client-side.
18
18
  * @default false
19
19
  */
20
- noSsr?: boolean;
20
+ noSsr?: boolean | undefined;
21
21
  /**
22
22
  * You can provide your own implementation of `matchMedia`, it's used when rendering server-side.
23
23
  */
24
- ssrMatchMedia?: (query: string) => {
24
+ ssrMatchMedia?: ((query: string) => {
25
25
  matches: boolean;
26
- };
26
+ }) | undefined;
27
27
  }
28
28
  export declare function unstable_createUseMediaQuery(params?: {
29
- themeId?: string;
29
+ themeId?: string | undefined;
30
30
  }): <Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: UseMediaQueryOptions) => boolean;
31
31
  declare const useMediaQuery: <Theme = unknown>(queryInput: string | ((theme: Theme) => string), options?: UseMediaQueryOptions) => boolean;
32
32
  export default useMediaQuery;
@@ -2,8 +2,8 @@
2
2
 
3
3
  import * as React from 'react';
4
4
  import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
5
- import { getThemeProps } from "../useThemeProps/index.js";
6
- import useTheme from "../useThemeWithoutDefault/index.js";
5
+ import { getThemeProps } from "../useThemeProps/index.mjs";
6
+ import useTheme from "../useThemeWithoutDefault/index.mjs";
7
7
  // TODO React 17: Remove `useMediaQueryOld` once React 17 support is removed
8
8
  function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
9
9
  const [match, setMatch] = React.useState(() => {
@@ -0,0 +1,2 @@
1
+ export { default } from "./useTheme.mjs";
2
+ export * from "./useTheme.mjs";
@@ -0,0 +1,2 @@
1
+ export { default } from "./useTheme.mjs";
2
+ export * from "./useTheme.mjs";
@@ -1,2 +1,2 @@
1
- import { Theme } from "../createTheme/index.js";
1
+ import { Theme } from "../createTheme/index.mjs";
2
2
  export default function useTheme<T = Theme>(defaultTheme?: T): T;
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
 
3
- import createTheme from "../createTheme/index.js";
4
- import useThemeWithoutDefault from "../useThemeWithoutDefault/index.js";
3
+ import createTheme from "../createTheme/index.mjs";
4
+ import useThemeWithoutDefault from "../useThemeWithoutDefault/index.mjs";
5
5
  export const systemDefaultTheme = createTheme();
6
6
  function useTheme(defaultTheme = systemDefaultTheme) {
7
7
  return useThemeWithoutDefault(defaultTheme);
@@ -7,5 +7,5 @@ type ThemedProps<Theme, Name extends keyof any> = Theme extends {
7
7
  export default function getThemeProps<Theme, Props, Name extends keyof any>(params: {
8
8
  props: Props;
9
9
  name: Name;
10
- theme?: Theme;
10
+ theme?: Theme | undefined;
11
11
  }): Props & ThemedProps<Theme, Name>;
@@ -7,5 +7,5 @@ type ThemedProps<Theme, Name extends keyof any> = Theme extends {
7
7
  export default function getThemeProps<Theme, Props, Name extends keyof any>(params: {
8
8
  props: Props;
9
9
  name: Name;
10
- theme?: Theme;
10
+ theme?: Theme | undefined;
11
11
  }): Props & ThemedProps<Theme, Name>;
@@ -0,0 +1,3 @@
1
+ export { default } from "./useThemeProps.mjs";
2
+ export * from "./useThemeProps.mjs";
3
+ export { default as getThemeProps } from "./getThemeProps.mjs";
@@ -0,0 +1,2 @@
1
+ export { default } from "./useThemeProps.mjs";
2
+ export { default as getThemeProps } from "./getThemeProps.mjs";
@@ -9,6 +9,6 @@ export type ThemedProps<Theme, Name extends keyof any> = Theme extends {
9
9
  export default function useThemeProps<Theme extends ThemeWithProps, Props, Name extends keyof any>(params: {
10
10
  props: Props;
11
11
  name: Name;
12
- defaultTheme?: Theme;
13
- themeId?: string;
12
+ defaultTheme?: Theme | undefined;
13
+ themeId?: string | undefined;
14
14
  }): Props & ThemedProps<Theme, Name>;
@@ -9,6 +9,6 @@ export type ThemedProps<Theme, Name extends keyof any> = Theme extends {
9
9
  export default function useThemeProps<Theme extends ThemeWithProps, Props, Name extends keyof any>(params: {
10
10
  props: Props;
11
11
  name: Name;
12
- defaultTheme?: Theme;
13
- themeId?: string;
12
+ defaultTheme?: Theme | undefined;
13
+ themeId?: string | undefined;
14
14
  }): Props & ThemedProps<Theme, Name>;
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
 
3
- import getThemeProps from "./getThemeProps.js";
4
- import useTheme from "../useTheme/index.js";
3
+ import getThemeProps from "./getThemeProps.mjs";
4
+ import useTheme from "../useTheme/index.mjs";
5
5
  export default function useThemeProps({
6
6
  props,
7
7
  name,
@@ -0,0 +1 @@
1
+ export { default } from "./useThemeWithoutDefault.mjs";
@@ -0,0 +1 @@
1
+ export { default } from "./useThemeWithoutDefault.mjs";
package/version/index.js CHANGED
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.version = exports.prerelease = exports.patch = exports.minor = exports.major = exports.default = void 0;
7
- const version = exports.version = "9.0.0-alpha.0";
7
+ const version = exports.version = "9.0.0-alpha.2";
8
8
  const major = exports.major = Number("9");
9
9
  const minor = exports.minor = Number("0");
10
10
  const patch = exports.patch = Number("0");
11
- const prerelease = exports.prerelease = "alpha.0";
11
+ const prerelease = exports.prerelease = "alpha.2";
12
12
  var _default = exports.default = version;
@@ -1,6 +1,6 @@
1
- export const version = "9.0.0-alpha.0";
1
+ export const version = "9.0.0-alpha.2";
2
2
  export const major = Number("9");
3
3
  export const minor = Number("0");
4
4
  export const patch = Number("0");
5
- export const prerelease = "alpha.0";
5
+ export const prerelease = "alpha.2";
6
6
  export default version;
@@ -1,11 +0,0 @@
1
- import { Breakpoint, Breakpoints } from "../createTheme/index.js";
2
- /**
3
- * Deletes the legacy Grid component props from the `props` object and warns once about them if found.
4
- *
5
- * @param {object} props The props object to remove the legacy Grid props from.
6
- * @param {Breakpoints} breakpoints The breakpoints object.
7
- */
8
- export default function deleteLegacyGridProps(props: {
9
- item?: boolean;
10
- zeroMinWidth?: boolean;
11
- } & Partial<Record<Breakpoint, 'auto' | number | boolean>> & Record<string, any>, breakpoints: Breakpoints): void;
@@ -1,47 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = deleteLegacyGridProps;
7
- const getLegacyGridWarning = propName => {
8
- if (['item', 'zeroMinWidth'].includes(propName)) {
9
- return `The \`${propName}\` prop has been removed and is no longer necessary. You can safely remove it.`;
10
- }
11
-
12
- // #host-reference
13
- return `The \`${propName}\` prop has been removed. See https://next.mui.com/material-ui/migration/upgrade-to-grid-v2/ for migration instructions.`;
14
- };
15
- const warnedAboutProps = [];
16
-
17
- /**
18
- * Deletes the legacy Grid component props from the `props` object and warns once about them if found.
19
- *
20
- * @param {object} props The props object to remove the legacy Grid props from.
21
- * @param {Breakpoints} breakpoints The breakpoints object.
22
- */
23
- function deleteLegacyGridProps(props, breakpoints) {
24
- const propsToWarn = [];
25
- if (props.item !== undefined) {
26
- delete props.item;
27
- propsToWarn.push('item');
28
- }
29
- if (props.zeroMinWidth !== undefined) {
30
- delete props.zeroMinWidth;
31
- propsToWarn.push('zeroMinWidth');
32
- }
33
- breakpoints.keys.forEach(breakpoint => {
34
- if (props[breakpoint] !== undefined) {
35
- propsToWarn.push(breakpoint);
36
- delete props[breakpoint];
37
- }
38
- });
39
- if (process.env.NODE_ENV !== 'production') {
40
- propsToWarn.forEach(prop => {
41
- if (!warnedAboutProps.includes(prop)) {
42
- warnedAboutProps.push(prop);
43
- console.warn(`MUI Grid: ${getLegacyGridWarning(prop)}\n`);
44
- }
45
- });
46
- }
47
- }
@@ -1,4 +0,0 @@
1
- export { default } from "./Box.js";
2
- export * from "./Box.js";
3
- export { default as boxClasses } from "./boxClasses.js";
4
- export * from "./boxClasses.js";
package/esm/Box/index.js DELETED
@@ -1,3 +0,0 @@
1
- export { default } from "./Box.js";
2
- export { default as boxClasses } from "./boxClasses.js";
3
- export * from "./boxClasses.js";
@@ -1,4 +0,0 @@
1
- export { default } from "./Container.js";
2
- export * from "./ContainerProps.js";
3
- export { default as containerClasses } from "./containerClasses.js";
4
- export * from "./containerClasses.js";
@@ -1,3 +0,0 @@
1
- export { default } from "./Container.js";
2
- export { default as containerClasses } from "./containerClasses.js";
3
- export * from "./containerClasses.js";
@@ -1,2 +0,0 @@
1
- export { default } from "./GlobalStyles.js";
2
- export * from "./GlobalStyles.js";
@@ -1,2 +0,0 @@
1
- export { default } from "./GlobalStyles.js";
2
- export * from "./GlobalStyles.js";
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- import { OverridableComponent } from '@mui/types';
3
- import useThemeSystem from "../useTheme/index.js";
4
- import { GridTypeMap } from "./GridProps.js";
5
- declare const defaultCreateStyledComponent: import("@mui/styled-engine").CreateStyledComponent<import("../index.js").MUIStyledCommonProps<any>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}, any>;
6
- declare function useThemePropsDefault<T extends {}>(props: T): T;
7
- export default function createGrid(options?: {
8
- createStyledComponent?: typeof defaultCreateStyledComponent;
9
- useThemeProps?: typeof useThemePropsDefault;
10
- useTheme?: typeof useThemeSystem;
11
- componentName?: string;
12
- }): OverridableComponent<GridTypeMap<{}, "div">>;
13
- export {};
@@ -1,11 +0,0 @@
1
- import { Breakpoint, Breakpoints } from "../createTheme/index.js";
2
- /**
3
- * Deletes the legacy Grid component props from the `props` object and warns once about them if found.
4
- *
5
- * @param {object} props The props object to remove the legacy Grid props from.
6
- * @param {Breakpoints} breakpoints The breakpoints object.
7
- */
8
- export default function deleteLegacyGridProps(props: {
9
- item?: boolean;
10
- zeroMinWidth?: boolean;
11
- } & Partial<Record<Breakpoint, 'auto' | number | boolean>> & Record<string, any>, breakpoints: Breakpoints): void;
@@ -1,41 +0,0 @@
1
- const getLegacyGridWarning = propName => {
2
- if (['item', 'zeroMinWidth'].includes(propName)) {
3
- return `The \`${propName}\` prop has been removed and is no longer necessary. You can safely remove it.`;
4
- }
5
-
6
- // #host-reference
7
- return `The \`${propName}\` prop has been removed. See https://next.mui.com/material-ui/migration/upgrade-to-grid-v2/ for migration instructions.`;
8
- };
9
- const warnedAboutProps = [];
10
-
11
- /**
12
- * Deletes the legacy Grid component props from the `props` object and warns once about them if found.
13
- *
14
- * @param {object} props The props object to remove the legacy Grid props from.
15
- * @param {Breakpoints} breakpoints The breakpoints object.
16
- */
17
- export default function deleteLegacyGridProps(props, breakpoints) {
18
- const propsToWarn = [];
19
- if (props.item !== undefined) {
20
- delete props.item;
21
- propsToWarn.push('item');
22
- }
23
- if (props.zeroMinWidth !== undefined) {
24
- delete props.zeroMinWidth;
25
- propsToWarn.push('zeroMinWidth');
26
- }
27
- breakpoints.keys.forEach(breakpoint => {
28
- if (props[breakpoint] !== undefined) {
29
- propsToWarn.push(breakpoint);
30
- delete props[breakpoint];
31
- }
32
- });
33
- if (process.env.NODE_ENV !== 'production') {
34
- propsToWarn.forEach(prop => {
35
- if (!warnedAboutProps.includes(prop)) {
36
- warnedAboutProps.push(prop);
37
- console.warn(`MUI Grid: ${getLegacyGridWarning(prop)}\n`);
38
- }
39
- });
40
- }
41
- }
@@ -1,7 +0,0 @@
1
- export { default } from "./Grid.js";
2
- export { default as createGrid } from "./createGrid.js";
3
- export * from "./GridProps.js";
4
- export { default as gridClasses } from "./gridClasses.js";
5
- export * from "./gridClasses.js";
6
- export { traverseBreakpoints as unstable_traverseBreakpoints } from "./traverseBreakpoints.js";
7
- export { generateDirectionClasses as unstable_generateDirectionClasses, generateSizeClassNames as unstable_generateSizeClassNames, generateSpacingClassNames as unstable_generateSpacingClassNames } from "./gridGenerator.js";
package/esm/Grid/index.js DELETED
@@ -1,7 +0,0 @@
1
- export { default } from "./Grid.js";
2
- export { default as createGrid } from "./createGrid.js";
3
- export * from "./GridProps.js";
4
- export { default as gridClasses } from "./gridClasses.js";
5
- export * from "./gridClasses.js";
6
- export { traverseBreakpoints as unstable_traverseBreakpoints } from "./traverseBreakpoints.js";
7
- export { generateDirectionClasses as unstable_generateDirectionClasses, generateSizeClassNames as unstable_generateSizeClassNames, generateSpacingClassNames as unstable_generateSpacingClassNames } from "./gridGenerator.js";
@@ -1,2 +0,0 @@
1
- export { default } from "./InitColorSchemeScript.js";
2
- export type { InitColorSchemeScriptProps } from "./InitColorSchemeScript.js";
@@ -1 +0,0 @@
1
- export { default } from "./InitColorSchemeScript.js";
@@ -1,5 +0,0 @@
1
- export { default } from "./Stack.js";
2
- export { default as createStack } from "./createStack.js";
3
- export * from "./StackProps.js";
4
- export { default as stackClasses } from "./stackClasses.js";
5
- export * from "./stackClasses.js";
@@ -1,5 +0,0 @@
1
- export { default } from "./Stack.js";
2
- export { default as createStack } from "./createStack.js";
3
- export * from "./StackProps.js";
4
- export { default as stackClasses } from "./stackClasses.js";
5
- export * from "./stackClasses.js";
@@ -1,2 +0,0 @@
1
- export { default } from "./ThemeProvider.js";
2
- export * from "./ThemeProvider.js";
@@ -1 +0,0 @@
1
- export { default } from "./ThemeProvider.js";
@@ -1,2 +0,0 @@
1
- export { default } from "./borders.js";
2
- export * from "./borders.js";
@@ -1,2 +0,0 @@
1
- export { default } from "./borders.js";
2
- export * from "./borders.js";
@@ -1,2 +0,0 @@
1
- export { default } from "./breakpoints.js";
2
- export * from "./breakpoints.js";
@@ -1,2 +0,0 @@
1
- export { default } from "./breakpoints.js";
2
- export * from "./breakpoints.js";
@@ -1 +0,0 @@
1
- export * from "./colorManipulator.js";
@@ -1 +0,0 @@
1
- export * from "./colorManipulator.js";
@@ -1 +0,0 @@
1
- export { default, type ComposedStyleFunction } from "./compose.js";
@@ -1 +0,0 @@
1
- export { default } from "./compose.js";
@@ -1 +0,0 @@
1
- export { default } from "./createBox.js";
@@ -1 +0,0 @@
1
- export { default } from "./createBox.js";
@@ -1,2 +0,0 @@
1
- export { default } from "./createStyled.js";
2
- export * from "./createStyled.js";
@@ -1,2 +0,0 @@
1
- export { default } from "./createStyled.js";
2
- export * from "./createStyled.js";
@@ -1,4 +0,0 @@
1
- export { default } from "./createTheme.js";
2
- export * from "./createTheme.js";
3
- export { default as unstable_applyStyles } from "./applyStyles.js";
4
- export * from "./applyStyles.js";
@@ -1,3 +0,0 @@
1
- export { default } from "./createTheme.js";
2
- export { default as private_createBreakpoints } from "../createBreakpoints/createBreakpoints.js";
3
- export { default as unstable_applyStyles } from "./applyStyles.js";