@react-md/material-icons 6.0.0-next.0 → 6.0.0-next.2

package/AddChartAltIcon.js

@@ -0,0 +1,13 @@
+// THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { SVGIcon } from "@react-md/core";
+export default /*#__PURE__*/ forwardRef(function AddChartAltIcon(props, ref) {
+    return /*#__PURE__*/ _jsx(SVGIcon, {
+        ...props,
+        ref: ref,
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M22 5v2h-3v3h-2V7h-3V5h3V2h2v3h3zm-3 14H5V5h6V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6h-2v6zm-4-6v4h2v-4h-2zm-4 4h2V9h-2v8zm-2 0v-6H7v6h2z"
+        })
+    });
+});

package/AddChartAltOutlinedIcon.js

@@ -0,0 +1,13 @@
+// THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { SVGIcon } from "@react-md/core";
+export default /*#__PURE__*/ forwardRef(function AddChartAltOutlinedIcon(props, ref) {
+    return /*#__PURE__*/ _jsx(SVGIcon, {
+        ...props,
+        ref: ref,
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M22 5v2h-3v3h-2V7h-3V5h3V2h2v3h3zm-3 14H5V5h6V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6h-2v6zm-4-6v4h2v-4h-2zm-4 4h2V9h-2v8zm-2 0v-6H7v6h2z"
+        })
+    });
+});

package/AddChartAltRoundedIcon.js

@@ -0,0 +1,13 @@
+// THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { SVGIcon } from "@react-md/core";
+export default /*#__PURE__*/ forwardRef(function AddChartAltRoundedIcon(props, ref) {
+    return /*#__PURE__*/ _jsx(SVGIcon, {
+        ...props,
+        ref: ref,
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M11 10c0-.55.45-1 1-1s1 .45 1 1v7h-2v-7zm9 3c-.55 0-1 .45-1 1v5H5V5h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-5c0-.55-.45-1-1-1zm1-8h-2V3c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1V7h2c.55 0 1-.45 1-1s-.45-1-1-1zm-5 8c-.55 0-1 .45-1 1v3h2v-3c0-.55-.45-1-1-1zm-9-1v5h2v-5c0-.55-.45-1-1-1s-1 .45-1 1z"
+        })
+    });
+});

package/AddChartAltSharpIcon.js

@@ -0,0 +1,13 @@
+// THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { SVGIcon } from "@react-md/core";
+export default /*#__PURE__*/ forwardRef(function AddChartAltSharpIcon(props, ref) {
+    return /*#__PURE__*/ _jsx(SVGIcon, {
+        ...props,
+        ref: ref,
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M11 9h2v8h-2V9zm-2 8v-6H7v6h2zm10 2H5V5h6V3H3v18h18v-8h-2v6zm-4-6v4h2v-4h-2zm4-8V2h-2v3h-3v2h3v3h2V7h3V5h-3z"
+        })
+    });
+});

package/AddChartAltTwoToneIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SVGIconProps } from "@react-md/core"
+declare const _default: import("react").ForwardRefExoticComponent<SVGIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/AddChartAltTwoToneIcon.js

@@ -0,0 +1,13 @@
+// THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { SVGIcon } from "@react-md/core";
+export default /*#__PURE__*/ forwardRef(function AddChartAltTwoToneIcon(props, ref) {
+    return /*#__PURE__*/ _jsx(SVGIcon, {
+        ...props,
+        ref: ref,
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M22 5v2h-3v3h-2V7h-3V5h3V2h2v3h3zm-3 14H5V5h6V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6h-2v6zm-4-6v4h2v-4h-2zm-4 4h2V9h-2v8zm-2 0v-6H7v6h2z"
+        })
+    });
+});

package/AddChartIcon.js

@@ -7,7 +7,7 @@ export default /*#__PURE__*/ forwardRef(function AddChartIcon(props, ref) {
         ...props,
         ref: ref,
         children: /*#__PURE__*/ _jsx("path", {
-            d: "M22 5v2h-3v3h-2V7h-3V5h3V2h2v3h3zm-3 14H5V5h6V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6h-2v6zm-4-6v4h2v-4h-2zm-4 4h2V9h-2v8zm-2 0v-6H7v6h2z"
+            d: "M6 9.99h2v7H6zm8 3h2v4h-2zm-4-6h2v10h-2zM20 7V4h-2v3h-3v2h3v3h2V9h3V7zm-2 12H4V5h12V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-5h-2v5z"
         })
     });
 });

package/AddChartOutlinedIcon.js

@@ -1,13 +1,18 @@
 // THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { SVGIcon } from "@react-md/core";
 export default /*#__PURE__*/ forwardRef(function AddChartOutlinedIcon(props, ref) {
-    return /*#__PURE__*/ _jsx(SVGIcon, {
+    return /*#__PURE__*/ _jsxs(SVGIcon, {
         ...props,
         ref: ref,
-        children: /*#__PURE__*/ _jsx("path", {
-            d: "M22 5v2h-3v3h-2V7h-3V5h3V2h2v3h3zm-3 14H5V5h6V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6h-2v6zm-4-6v4h2v-4h-2zm-4 4h2V9h-2v8zm-2 0v-6H7v6h2z"
-        })
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M19 19H5V5h9V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-9h-2v9z"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M15 13h2v4h-2zm-8-3h2v7H7zm4-3h2v10h-2zm8-2V3h-2v2h-2v2h2v2h2V7h2V5z"
+            })
+        ]
     });
 });

package/AddChartRoundedIcon.js

@@ -1,13 +1,21 @@
 // THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { SVGIcon } from "@react-md/core";
 export default /*#__PURE__*/ forwardRef(function AddChartRoundedIcon(props, ref) {
-    return /*#__PURE__*/ _jsx(SVGIcon, {
+    return /*#__PURE__*/ _jsxs(SVGIcon, {
         ...props,
         ref: ref,
-        children: /*#__PURE__*/ _jsx("path", {
-            d: "M11 10c0-.55.45-1 1-1s1 .45 1 1v7h-2v-7zm9 3c-.55 0-1 .45-1 1v5H5V5h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-5c0-.55-.45-1-1-1zm1-8h-2V3c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1V7h2c.55 0 1-.45 1-1s-.45-1-1-1zm-5 8c-.55 0-1 .45-1 1v3h2v-3c0-.55-.45-1-1-1zm-9-1v5h2v-5c0-.55-.45-1-1-1s-1 .45-1 1z"
-        })
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M16 17c.55 0 1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1v2c0 .55.45 1 1 1z"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M20 10c-.55 0-1 .45-1 1v8H5V5h8c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-.55-.45-1-1-1z"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M7 11v5c0 .55.45 1 1 1s1-.45 1-1v-5c0-.55-.45-1-1-1s-1 .45-1 1zm4-3v8c0 .55.45 1 1 1s1-.45 1-1V8c0-.55-.45-1-1-1s-1 .45-1 1zm5-1h1v1c0 .55.45 1 1 1s1-.45 1-1V7h1c.55 0 1-.45 1-1s-.45-1-1-1h-1V4c0-.55-.45-1-1-1s-1 .45-1 1v1h-1c-.55 0-1 .45-1 1s.45 1 1 1z"
+            })
+        ]
     });
 });

package/AddChartSharpIcon.js

@@ -1,13 +1,18 @@
 // THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { SVGIcon } from "@react-md/core";
 export default /*#__PURE__*/ forwardRef(function AddChartSharpIcon(props, ref) {
-    return /*#__PURE__*/ _jsx(SVGIcon, {
+    return /*#__PURE__*/ _jsxs(SVGIcon, {
         ...props,
         ref: ref,
-        children: /*#__PURE__*/ _jsx("path", {
-            d: "M11 9h2v8h-2V9zm-2 8v-6H7v6h2zm10 2H5V5h6V3H3v18h18v-8h-2v6zm-4-6v4h2v-4h-2zm4-8V2h-2v3h-3v2h3v3h2V7h3V5h-3z"
-        })
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M19 19H5V5h9V3H3v18h18V10h-2z"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M11 7h2v10h-2zm4 6h2v4h-2zm-8-3h2v7H7zm12-5V3h-2v2h-2v2h2v2h2V7h2V5z"
+            })
+        ]
     });
 });

package/AddChartTwoToneIcon.js

@@ -1,13 +1,21 @@
 // THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { SVGIcon } from "@react-md/core";
 export default /*#__PURE__*/ forwardRef(function AddChartTwoToneIcon(props, ref) {
-    return /*#__PURE__*/ _jsx(SVGIcon, {
+    return /*#__PURE__*/ _jsxs(SVGIcon, {
         ...props,
         ref: ref,
-        children: /*#__PURE__*/ _jsx("path", {
-            d: "M22 5v2h-3v3h-2V7h-3V5h3V2h2v3h3zm-3 14H5V5h6V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6h-2v6zm-4-6v4h2v-4h-2zm-4 4h2V9h-2v8zm-2 0v-6H7v6h2z"
-        })
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M11 7h2v10h-2zm4 6h2v4h-2z"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M19 19H5V5h9V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-9h-2v9z"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M7 10h2v7H7zm12-5V3h-2v2h-2v2h2v2h2V7h2V5z"
+            })
+        ]
     });
 });

package/CHANGELOG.md

@@ -1,5 +1,80 @@
 # @react-md/material-icons
 
+## 6.0.0-next.2
+
+### Major Changes
+
+- Updated custom properties to require a defined value instead of always providing a fallback. This decreases the bundle size by a good amount.
+
+  Also updated the `Snackbar` so that it no longer has a `role="status"` to fix accessibility. Instead, each toast will have `role="status"` or `role="alert"`.
+
+### Patch Changes
+
+- Updated dependencies
+  - @react-md/core@1.0.0-next.2
+
+## 6.0.0-next.1
+
+### Major Changes
+
+- 117350ed79: The next preview of v6.0.0.
+
+  Breaking Changes:
+
+  - An accessible label is now required for `CircularProgress` and `LinearProgress`
+    - Updated `AsyncButton` to pass props to the progress component and other
+      accessibility teaks
+    - Updated `CircularProgressSuspense` to default the `aria-label` to `"Loading"`
+  - Removed the `VerticalDivider` component
+  - Rename `hoverTime`/`leaveTime` to `hoverTimeout`/`leaveTimeout` for hover mode
+  - Removed the `forceSize`/`forceFontSize` props from the `FontIcon`
+  - Removed the `useOverflowTooltip` and instead integrate it into the
+    `useTooltip` hook. It's cheaper to check on the start event instead of having
+    a resize observer always active
+  - Removed the `LinkProvider` since it was only used for the `Tree` component and
+    it's easier to pass the custom link component down
+
+  Features:
+
+  - Added `TRANSITION_CONFIG` so transitions can be disabled
+    - Updated the `@react-md/test-utils/jest-setup` to always disable transitions
+      in tests
+  - Added `MATERIAL_CONFIG` to override defaults instead of using context
+  - Adding support for including `data-testid` in all HTMLAttributes by including
+    `@react-md/test-utils/data-testid` somewhere (normally `setupTests.ts`)
+  - Added `theme` to `Avatar`
+  - Update `Dialog` to be an `alertdialog` by default when `modal` is enabled and
+    added `aria-modal` when `modal` is enabled
+  - Add additional props to `Slider` to customize the tooltip
+  - Updated all table styling utility functions to be in separate files so they
+    aren't forced as client code
+  - Added `iconRotatorProps` for the `TableCell`
+  - Updated `isStickyActive` to provide the `isInTableContainer` boolean and
+    export `isTableFooterStickyActive` default function
+  - Add support for `stickyActiveClassName`
+  - Added support for `TableRadio` component
+  - Updated `DropdownMenu` to support controlling the visibility
+
+  Bug Fixes:
+
+  - Improved performance for multiple transitions by no longer causing layout
+    shifts
+  - Add some missing custom properties to inline styles for Typescript
+  - Update `Tooltip` to default to temporary again. There's no need to create 1000
+    nodes in large apps on startup
+  - Fixed styles for `MenuItemCheckbox`, `MenuItemRadio`, and `MenuItemSwitch`
+  - Fix `Slider` marks when the min value is not `0`
+  - Fixed the default anchor for the `Menu` component when using a floating action
+    button
+  - Update `Tooltip` to use `textOverflow` instead of `disableLineWrap`
+  - Update `Switch` to no longer be a client component
+  - Update `Switch` to support rendering components within the ball
+
+### Patch Changes
+
+- Updated dependencies [117350ed79]
+  - @react-md/core@1.0.0-next.1
+
 ## 6.0.0-next.0
 
 ### Major Changes

package/InsertChartBorderedIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SVGIconProps } from "@react-md/core"
+declare const _default: import("react").ForwardRefExoticComponent<SVGIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/InsertChartBorderedIcon.js

@@ -0,0 +1,13 @@
+// THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { SVGIcon } from "@react-md/core";
+export default /*#__PURE__*/ forwardRef(function InsertChartBorderedIcon(props, ref) {
+    return /*#__PURE__*/ _jsx(SVGIcon, {
+        ...props,
+        ref: ref,
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4zm2.5 2.1h-15V5h15v14.1zm0-16.1h-15c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+        })
+    });
+});

package/InsertChartBorderedOutlinedIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SVGIconProps } from "@react-md/core"
+declare const _default: import("react").ForwardRefExoticComponent<SVGIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/{InsertChartOutlinedOutlinedIcon.js → InsertChartBorderedOutlinedIcon.js}

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { SVGIcon } from "@react-md/core";
-export default /*#__PURE__*/ forwardRef(function InsertChartOutlinedOutlinedIcon(props, ref) {
+export default /*#__PURE__*/ forwardRef(function InsertChartBorderedOutlinedIcon(props, ref) {
     return /*#__PURE__*/ _jsx(SVGIcon, {
         ...props,
         ref: ref,

package/InsertChartBorderedRoundedIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SVGIconProps } from "@react-md/core"
+declare const _default: import("react").ForwardRefExoticComponent<SVGIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/{InsertChartOutlinedRoundedIcon.js → InsertChartBorderedRoundedIcon.js}

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { SVGIcon } from "@react-md/core";
-export default /*#__PURE__*/ forwardRef(function InsertChartOutlinedRoundedIcon(props, ref) {
+export default /*#__PURE__*/ forwardRef(function InsertChartBorderedRoundedIcon(props, ref) {
     return /*#__PURE__*/ _jsx(SVGIcon, {
         ...props,
         ref: ref,

package/InsertChartBorderedSharpIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SVGIconProps } from "@react-md/core"
+declare const _default: import("react").ForwardRefExoticComponent<SVGIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/{InsertChartOutlinedSharpIcon.js → InsertChartBorderedSharpIcon.js}

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { SVGIcon } from "@react-md/core";
-export default /*#__PURE__*/ forwardRef(function InsertChartOutlinedSharpIcon(props, ref) {
+export default /*#__PURE__*/ forwardRef(function InsertChartBorderedSharpIcon(props, ref) {
     return /*#__PURE__*/ _jsx(SVGIcon, {
         ...props,
         ref: ref,

package/InsertChartBorderedTwoToneIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SVGIconProps } from "@react-md/core"
+declare const _default: import("react").ForwardRefExoticComponent<SVGIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/{InsertChartOutlinedTwoToneIcon.js → InsertChartBorderedTwoToneIcon.js}

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { SVGIcon } from "@react-md/core";
-export default /*#__PURE__*/ forwardRef(function InsertChartOutlinedTwoToneIcon(props, ref) {
+export default /*#__PURE__*/ forwardRef(function InsertChartBorderedTwoToneIcon(props, ref) {
     return /*#__PURE__*/ _jsx(SVGIcon, {
         ...props,
         ref: ref,

package/PieChartBorderedIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SVGIconProps } from "@react-md/core"
+declare const _default: import("react").ForwardRefExoticComponent<SVGIconProps & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/PieChartBorderedIcon.js

@@ -0,0 +1,13 @@
+// THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { SVGIcon } from "@react-md/core";
+export default /*#__PURE__*/ forwardRef(function PieChartBorderedIcon(props, ref) {
+    return /*#__PURE__*/ _jsx(SVGIcon, {
+        ...props,
+        ref: ref,
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 2.07c3.61.45 6.48 3.33 6.93 6.93H13V4.07zM4 12c0-4.06 3.07-7.44 7-7.93v15.87c-3.93-.5-7-3.88-7-7.94zm9 7.93V13h6.93A8.002 8.002 0 0 1 13 19.93z"
+        })
+    });
+});

package/PieChartOutlinedIcon.js

@@ -7,7 +7,7 @@ export default /*#__PURE__*/ forwardRef(function PieChartOutlinedIcon(props, ref
         ...props,
         ref: ref,
         children: /*#__PURE__*/ _jsx("path", {
-            d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 2.07c3.61.45 6.48 3.33 6.93 6.93H13V4.07zM4 12c0-4.06 3.07-7.44 7-7.93v15.87c-3.93-.5-7-3.88-7-7.94zm9 7.93V13h6.93A8.002 8.002 0 0 1 13 19.93z"
+            d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm7.93 9H13V4.07c3.61.45 6.48 3.32 6.93 6.93zM4 12c0-4.07 3.06-7.44 7-7.93v15.86c-3.94-.49-7-3.86-7-7.93zm9 7.93V13h6.93A8.002 8.002 0 0 1 13 19.93z"
         })
     });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-md/material-icons",
-  "version": "6.0.0-next.0",
+  "version": "6.0.0-next.2",
   "description": "Material Design Icon components for react-md",
   "type": "module",
   "exports": {
@@ -29,11 +29,20 @@
   "license": "MIT",
   "dependencies": {
     "cnbuilder": "^3.1.0",
-    "@react-md/core": "1.0.0-next.0"
+    "@react-md/core": "1.0.0-next.2"
   },
   "devDependencies": {
-    "@swc/core": "1.3.92",
-    "glob": "^10.3.10"
+    "@swc/core": "1.3.96",
+    "@types/lodash": "^4.14.201",
+    "@types/node": "^20.9.0",
+    "@types/react": "^18.2.37",
+    "glob": "^10.3.10",
+    "lodash": "^4.17.21",
+    "prettier": "^3.1.0",
+    "pretty-ms": "^8.0.0",
+    "svgo": "^3.0.3",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "react": ">= 18",
@@ -51,7 +60,9 @@
     "access": "public"
   },
   "scripts": {
-    "build": "node scripts/build.js",
+    "run-script": "ts-node -P scripts/tsconfig.json",
+    "update-icons": "pnpm run run-script scripts/updateMaterialIcons.ts",
+    "build": "pnpm run run-script scripts/build.ts",
     "clean": "rm -rf .turbo node_modules *Icon.d.ts *Icon.js"
   }
 }

package/scripts/{build.js → build.ts}

@@ -15,6 +15,10 @@ const SRC_DIR = "src";
 const existing = await glob(["*Icon.d.ts", "*Icon.js"]);
 await Promise.all(existing.map((fileName) => rm(fileName)));
 
+if (process.argv.includes("--clean-only")) {
+  process.exit(0);
+}
+
 const components = await glob("*.tsx", {
   cwd: SRC_DIR,
 });

package/scripts/constants.ts

@@ -0,0 +1,2 @@
+export const GENERATED_FILE_BANNER =
+  "// THIS FILE WAS GENERATED BY A SCRIPT AND SHOULD NOT BE UPDATED MANUALLY";

package/scripts/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "noEmit": true,
+    "jsx": "preserve",
+    "strict": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "downlevelIteration": true,
+    "resolveJsonModule": true,
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "forceConsistentCasingInFileNames": true,
+    "lib": ["esnext", "dom"]
+  },
+  "include": ["**/*.ts"],
+  "exclude": ["node_modules"],
+  "ts-node": {
+    "esm": true,
+    "transpileOnly": true
+  }
+}

package/scripts/updateMaterialIcons.ts

@@ -0,0 +1,57 @@
+import { wait } from "@react-md/core";
+import { glob } from "glob";
+import lodash from "lodash";
+import { execSync } from "node:child_process";
+import { rm } from "node:fs/promises";
+import { join } from "node:path";
+import prettyMilliseconds from "pretty-ms";
+import { createCoreMetadataFIle } from "./utils/createCoreMetadataFile.js";
+import { createDocsMetadataFile } from "./utils/createDocsMetadataFile.js";
+import { createIconComponent } from "./utils/createIconComponent.js";
+import { getMaterialMetadata } from "./utils/getMaterialMetadata.js";
+
+console.log("Generating material icon components...");
+
+const startTime = Date.now();
+const projectRoot = execSync("git rev-parse --show-toplevel").toString().trim();
+const metadata = await getMaterialMetadata();
+const materialIconsSrc = join(projectRoot, "packages", "material-icons", "src");
+
+await createDocsMetadataFile(metadata, projectRoot);
+await createCoreMetadataFIle(metadata, projectRoot);
+
+const { components } = metadata;
+const existingComponents = await glob("*.tsx", {
+  cwd: materialIconsSrc,
+});
+
+const total = components.length;
+console.log(`Creating ${total} icon components ... `);
+
+let remaining = total;
+const chunks = lodash.chunk(components, 50);
+const created = new Set<string>();
+for (const requests of chunks) {
+  await Promise.all(
+    requests.map((req) =>
+      createIconComponent({
+        ...req,
+        created,
+        iconNameFixes: metadata.iconNameFixes,
+        materialIconsSrc,
+      })
+    )
+  );
+  remaining -= requests.length;
+  console.log(`${remaining} icons remaining ... `);
+
+  await wait(1000);
+}
+
+const toRemove = lodash.difference(existingComponents, [...created]);
+await Promise.all(
+  toRemove.map((fileName) => rm(join(materialIconsSrc, fileName)))
+);
+
+const totalDuration = Date.now() - startTime;
+console.log(`Completed in ${prettyMilliseconds(totalDuration)}!`);

package/scripts/utils/converters.ts

@@ -0,0 +1,63 @@
+import { type MaterialIconFamily } from "@react-md/core";
+
+export interface MaterialComponentMetadata {
+  host: string;
+  name: string;
+  version: number;
+  family: string;
+  iconFamily: MaterialIconFamily;
+}
+
+export type MaterialIconType = "icon" | "symbol";
+export type IconsByCategory = Record<string, readonly string[]>;
+export type IconsByCategoryMap = Map<string, Set<string>>;
+export type CategoriesByFamilyType = Record<string, IconsByCategory>;
+export type CategoriesByFamilyTypeMap = Map<string, IconsByCategoryMap>;
+
+export function printConst(
+  name: string,
+  value: unknown,
+  type?: string
+): string {
+  const t = type ? `: ${type}` : "";
+  const cast = type ? "" : " as const";
+
+  return `export const ${name}${t} = ${JSON.stringify(value)}${cast}`;
+}
+
+export function printTypeUnion(
+  name: string,
+  values: readonly string[]
+): string {
+  const union = values.map((value) => `| "${value}"`).join("");
+
+  return `export type ${name} = ${union}`;
+}
+
+export function categoriesMapToObject(
+  categories: CategoriesByFamilyTypeMap
+): CategoriesByFamilyType {
+  const lookup: Record<string, Record<string, string[]>> = {};
+  categories.forEach((categoryLookup, familyType) => {
+    lookup[familyType] = {};
+    categoryLookup.forEach((iconNames, category) => {
+      lookup[familyType][category] = [...iconNames];
+    });
+  });
+
+  return lookup;
+}
+
+export function getSortedCategories(
+  lookup: CategoriesByFamilyTypeMap
+): readonly string[] {
+  const categories = new Set<string>();
+  lookup.forEach((value) => {
+    value.forEach((_value, category) => {
+      categories.add(category);
+    });
+  });
+
+  const sorted = [...categories].sort();
+  return sorted;
+}

package/scripts/utils/createCoreMetadataFile.ts

@@ -0,0 +1,43 @@
+import { writeFile } from "node:fs/promises";
+import { join } from "node:path";
+import { GENERATED_FILE_BANNER } from "../constants.js";
+import { printTypeUnion } from "./converters.js";
+import { format } from "./format.js";
+import { MaterialIconAndSymbolMetadata } from "./getMaterialMetadata.js";
+
+export async function createCoreMetadataFIle(
+  metadata: MaterialIconAndSymbolMetadata,
+  projectRoot: string
+): Promise<void> {
+  const { iconNames, iconFamilyTypes, symbolNames, symbolFamilyTypes } =
+    metadata;
+
+  const generatedTypes = await format(
+    `${GENERATED_FILE_BANNER}
+
+/** @remarks \\@since 6.0.0 */
+${printTypeUnion("MaterialIconFamily", iconFamilyTypes)}
+
+/** @remarks \\@since 6.0.0 */
+${printTypeUnion("MaterialIconName", [...iconNames])}
+
+/** @remarks \\@since 6.0.0 */
+${printTypeUnion("MaterialSymbolFamily", symbolFamilyTypes)}
+
+/** @remarks \\@since 6.0.0 */
+${printTypeUnion("MaterialSymbolName", [...symbolNames])}
+
+`
+  );
+
+  const materialTypesPath = join(
+    projectRoot,
+    "packages",
+    "core",
+    "src",
+    "icon",
+    "material.ts"
+  );
+  await writeFile(materialTypesPath, generatedTypes, "utf8");
+  console.log(`Wrote "${materialTypesPath}"`);
+}