@okta/odyssey-react-mui 1.29.0 → 1.32.0

package/src/icons.generated/Custom.tsx

@@ -10,40 +10,41 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-// Code automatically generated by svgr; DO NOT EDIT.
+// Code automatically generated; DO NOT EDIT.
 
-import { forwardRef } from "react";
-import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+import { forwardRef, memo } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon.js";
 
 export type CustomIconProps = SvgIconNoChildrenProps;
 
-export const CustomIcon = forwardRef<SVGSVGElement, CustomIconProps>(
-  (props, ref) => {
-    return (
-      <SvgIcon
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        ref={ref}
-        {...props}
-      >
-        <>
-          <path
-            d="M12 13.4H7v13.5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V13.4h-5m-8 0V6.9c0-1.5 1.146-3.8 3.5-3.8h1c1.714 0 3.5 1.36 3.5 3.8v6.5m-8 0h8"
-            stroke="currentColor"
-            strokeWidth={1.5}
-          />
-          <circle
-            cx={15.8687}
-            cy={20.8976}
-            r={2.08081}
-            stroke="currentColor"
-            strokeWidth={1.5}
-          />
-        </>
-      </SvgIcon>
-    );
-  },
-);
+const CustomIcon = forwardRef<SVGSVGElement, CustomIconProps>((props, ref) => {
+  return (
+    <SvgIcon
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <>
+        <path
+          d="M12 13.4H7v13.5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V13.4h-5m-8 0V6.9c0-1.5 1.146-3.8 3.5-3.8h1c1.714 0 3.5 1.36 3.5 3.8v6.5m-8 0h8"
+          stroke="currentColor"
+          strokeWidth={1.5}
+        />
+        <circle
+          cx={15.8687}
+          cy={20.8976}
+          r={2.08081}
+          stroke="currentColor"
+          strokeWidth={1.5}
+        />
+      </>
+    </SvgIcon>
+  );
+});
 
-CustomIcon.displayName = "CustomIcon";
+const MemoizedCustomIcon = memo(CustomIcon);
+MemoizedCustomIcon.displayName = "CustomIcon";
+
+export { MemoizedCustomIcon as CustomIcon };

package/src/icons.generated/DangerDiamond.tsx

@@ -10,35 +10,37 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-// Code automatically generated by svgr; DO NOT EDIT.
+// Code automatically generated; DO NOT EDIT.
 
-import { forwardRef } from "react";
-import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+import { forwardRef, memo } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon.js";
 
 export type DangerDiamondIconProps = SvgIconNoChildrenProps;
 
-export const DangerDiamondIcon = forwardRef<
-  SVGSVGElement,
-  DangerDiamondIconProps
->((props, ref) => {
-  return (
-    <SvgIcon
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      ref={ref}
-      {...props}
-    >
-      <>
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M14.121 1.707a3 3 0 0 0-4.242 0L1.707 9.88a3 3 0 0 0 0 4.242l8.172 8.172a3 3 0 0 0 4.242 0l8.172-8.172a3 3 0 0 0 0-4.242L14.12 1.707Zm-2.828 1.414a1 1 0 0 1 1.414 0l8.172 8.172a1 1 0 0 1 0 1.414l-8.172 8.172a1 1 0 0 1-1.414 0L3.12 12.707a1 1 0 0 1 0-1.414l8.172-8.172ZM12 13a1 1 0 0 1-1-1V7h2v5a1 1 0 0 1-1 1Zm0 1.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"
-          fill="currentColor"
-        />
-      </>
-    </SvgIcon>
-  );
-});
+const DangerDiamondIcon = forwardRef<SVGSVGElement, DangerDiamondIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.121 1.707a3 3 0 0 0-4.242 0L1.707 9.88a3 3 0 0 0 0 4.242l8.172 8.172a3 3 0 0 0 4.242 0l8.172-8.172a3 3 0 0 0 0-4.242L14.12 1.707Zm-2.828 1.414a1 1 0 0 1 1.414 0l8.172 8.172a1 1 0 0 1 0 1.414l-8.172 8.172a1 1 0 0 1-1.414 0L3.12 12.707a1 1 0 0 1 0-1.414l8.172-8.172ZM12 13a1 1 0 0 1-1-1V7h2v5a1 1 0 0 1-1 1Zm0 1.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  },
+);
 
-DangerDiamondIcon.displayName = "DangerDiamondIcon";
+const MemoizedDangerDiamondIcon = memo(DangerDiamondIcon);
+MemoizedDangerDiamondIcon.displayName = "DangerDiamondIcon";
+
+export { MemoizedDangerDiamondIcon as DangerDiamondIcon };

package/src/icons.generated/DangerDiamondFilled.tsx

@@ -10,14 +10,14 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-// Code automatically generated by svgr; DO NOT EDIT.
+// Code automatically generated; DO NOT EDIT.
 
-import { forwardRef } from "react";
-import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+import { forwardRef, memo } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon.js";
 
 export type DangerDiamondFilledIconProps = SvgIconNoChildrenProps;
 
-export const DangerDiamondFilledIcon = forwardRef<
+const DangerDiamondFilledIcon = forwardRef<
   SVGSVGElement,
   DangerDiamondFilledIconProps
 >((props, ref) => {
@@ -41,4 +41,7 @@ export const DangerDiamondFilledIcon = forwardRef<
   );
 });
 
-DangerDiamondFilledIcon.displayName = "DangerDiamondFilledIcon";
+const MemoizedDangerDiamondFilledIcon = memo(DangerDiamondFilledIcon);
+MemoizedDangerDiamondFilledIcon.displayName = "DangerDiamondFilledIcon";
+
+export { MemoizedDangerDiamondFilledIcon as DangerDiamondFilledIcon };

package/src/icons.generated/Delete.tsx

@@ -10,34 +10,35 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-// Code automatically generated by svgr; DO NOT EDIT.
+// Code automatically generated; DO NOT EDIT.
 
-import { forwardRef } from "react";
-import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+import { forwardRef, memo } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon.js";
 
 export type DeleteIconProps = SvgIconNoChildrenProps;
 
-export const DeleteIcon = forwardRef<SVGSVGElement, DeleteIconProps>(
-  (props, ref) => {
-    return (
-      <SvgIcon
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        ref={ref}
-        {...props}
-      >
-        <>
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M8.28 1h7.44l.229.684L16.72 4H21v6h-1v8.838c0 .528 0 .982-.03 1.357-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296-.375.031-.83.031-1.357.031H8.162c-.527 0-.981 0-1.356-.03-.395-.033-.789-.104-1.167-.297a3 3 0 0 1-1.311-1.311c-.193-.378-.264-.772-.296-1.167A17.9 17.9 0 0 1 4 18.838V10H3V4h4.28l.771-2.316L8.28 1ZM5 8h14V6H5v2Zm1 2v8.8c0 .577 0 .949.024 1.232.022.272.06.372.085.422a1 1 0 0 0 .437.437c.05.025.15.063.422.085C7.25 21 7.623 21 8.2 21h7.6c.577 0 .949 0 1.232-.024.272-.022.372-.06.422-.085a1 1 0 0 0 .437-.437c.025-.05.063-.15.085-.422C18 19.75 18 19.377 18 18.8V10H6Zm8.28-7 .333 1H9.387l.334-1h4.558Z"
-            fill="currentColor"
-          />
-        </>
-      </SvgIcon>
-    );
-  },
-);
+const DeleteIcon = forwardRef<SVGSVGElement, DeleteIconProps>((props, ref) => {
+  return (
+    <SvgIcon
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.28 1h7.44l.229.684L16.72 4H21v6h-1v8.838c0 .528 0 .982-.03 1.357-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296-.375.031-.83.031-1.357.031H8.162c-.527 0-.981 0-1.356-.03-.395-.033-.789-.104-1.167-.297a3 3 0 0 1-1.311-1.311c-.193-.378-.264-.772-.296-1.167A17.9 17.9 0 0 1 4 18.838V10H3V4h4.28l.771-2.316L8.28 1ZM5 8h14V6H5v2Zm1 2v8.8c0 .577 0 .949.024 1.232.022.272.06.372.085.422a1 1 0 0 0 .437.437c.05.025.15.063.422.085C7.25 21 7.623 21 8.2 21h7.6c.577 0 .949 0 1.232-.024.272-.022.372-.06.422-.085a1 1 0 0 0 .437-.437c.025-.05.063-.15.085-.422C18 19.75 18 19.377 18 18.8V10H6Zm8.28-7 .333 1H9.387l.334-1h4.558Z"
+          fill="currentColor"
+        />
+      </>
+    </SvgIcon>
+  );
+});
 
-DeleteIcon.displayName = "DeleteIcon";
+const MemoizedDeleteIcon = memo(DeleteIcon);
+MemoizedDeleteIcon.displayName = "DeleteIcon";
+
+export { MemoizedDeleteIcon as DeleteIcon };

package/src/icons.generated/Deny.tsx

@@ -10,34 +10,35 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-// Code automatically generated by svgr; DO NOT EDIT.
+// Code automatically generated; DO NOT EDIT.
 
-import { forwardRef } from "react";
-import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+import { forwardRef, memo } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon.js";
 
 export type DenyIconProps = SvgIconNoChildrenProps;
 
-export const DenyIcon = forwardRef<SVGSVGElement, DenyIconProps>(
-  (props, ref) => {
-    return (
-      <SvgIcon
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        ref={ref}
-        {...props}
-      >
-        <>
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M3 12a9 9 0 0 1 14.618-7.032l-12.65 12.65A8.962 8.962 0 0 1 3 12Zm3.382 7.032a9 9 0 0 0 12.65-12.65l-12.65 12.65ZM12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1Z"
-            fill="currentColor"
-          />
-        </>
-      </SvgIcon>
-    );
-  },
-);
+const DenyIcon = forwardRef<SVGSVGElement, DenyIconProps>((props, ref) => {
+  return (
+    <SvgIcon
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M3 12a9 9 0 0 1 14.618-7.032l-12.65 12.65A8.962 8.962 0 0 1 3 12Zm3.382 7.032a9 9 0 0 0 12.65-12.65l-12.65 12.65ZM12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1Z"
+          fill="currentColor"
+        />
+      </>
+    </SvgIcon>
+  );
+});
 
-DenyIcon.displayName = "DenyIcon";
+const MemoizedDenyIcon = memo(DenyIcon);
+MemoizedDenyIcon.displayName = "DenyIcon";
+
+export { MemoizedDenyIcon as DenyIcon };

package/src/icons.generated/Devices.tsx

@@ -10,14 +10,14 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-// Code automatically generated by svgr; DO NOT EDIT.
+// Code automatically generated; DO NOT EDIT.
 
-import { forwardRef } from "react";
-import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+import { forwardRef, memo } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon.js";
 
 export type DevicesIconProps = SvgIconNoChildrenProps;
 
-export const DevicesIcon = forwardRef<SVGSVGElement, DevicesIconProps>(
+const DevicesIcon = forwardRef<SVGSVGElement, DevicesIconProps>(
   (props, ref) => {
     return (
       <SvgIcon
@@ -40,4 +40,7 @@ export const DevicesIcon = forwardRef<SVGSVGElement, DevicesIconProps>(
   },
 );
 
-DevicesIcon.displayName = "DevicesIcon";
+const MemoizedDevicesIcon = memo(DevicesIcon);
+MemoizedDevicesIcon.displayName = "DevicesIcon";
+
+export { MemoizedDevicesIcon as DevicesIcon };

package/src/icons.generated/Directory.tsx

@@ -10,14 +10,14 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-// Code automatically generated by svgr; DO NOT EDIT.
+// Code automatically generated; DO NOT EDIT.
 
-import { forwardRef } from "react";
-import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+import { forwardRef, memo } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon.js";
 
 export type DirectoryIconProps = SvgIconNoChildrenProps;
 
-export const DirectoryIcon = forwardRef<SVGSVGElement, DirectoryIconProps>(
+const DirectoryIcon = forwardRef<SVGSVGElement, DirectoryIconProps>(
   (props, ref) => {
     return (
       <SvgIcon
@@ -40,4 +40,7 @@ export const DirectoryIcon = forwardRef<SVGSVGElement, DirectoryIconProps>(
   },
 );
 
-DirectoryIcon.displayName = "DirectoryIcon";
+const MemoizedDirectoryIcon = memo(DirectoryIcon);
+MemoizedDirectoryIcon.displayName = "DirectoryIcon";
+
+export { MemoizedDirectoryIcon as DirectoryIcon };

package/src/icons.generated/Documentation.tsx

@@ -10,35 +10,37 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-// Code automatically generated by svgr; DO NOT EDIT.
+// Code automatically generated; DO NOT EDIT.
 
-import { forwardRef } from "react";
-import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+import { forwardRef, memo } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon.js";
 
 export type DocumentationIconProps = SvgIconNoChildrenProps;
 
-export const DocumentationIcon = forwardRef<
-  SVGSVGElement,
-  DocumentationIconProps
->((props, ref) => {
-  return (
-    <SvgIcon
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      ref={ref}
-      {...props}
-    >
-      <>
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M2 3H1v18h7.667c1.093 0 2.003.199 2.67.75l.004.002.015.012a.688.688 0 0 0 .062.047l.003.002a1.012 1.012 0 0 0 .696.168c.3-.033.494-.192.522-.215l.003-.002c.029-.023.05-.043.058-.05a.808.808 0 0 0 .018-.017C13.228 21.21 14.08 21 15.2 21H23V3h-8.932a2.798 2.798 0 0 0-2.106.953 3.82 3.82 0 0 0-.232-.226A2.866 2.866 0 0 0 9.822 3H2Zm9 3.562c0-.513-.219-1.001-.601-1.343A.866.866 0 0 0 9.822 5H3v14h5.667c.746 0 1.553.076 2.333.331V6.561Zm0 14.4v.01-.01Zm2 0v.005-.008.003Zm0-1.666c.736-.232 1.509-.296 2.2-.296H21V5h-6.932a.8.8 0 0 0-.559.228A1.7 1.7 0 0 0 13 6.441v12.854ZM9 11H5V9h4v2Zm6 0h4V9h-4v2Zm4 4h-4v-2h4v2ZM5 15h4v-2H5v2Z"
-          fill="currentColor"
-        />
-      </>
-    </SvgIcon>
-  );
-});
+const DocumentationIcon = forwardRef<SVGSVGElement, DocumentationIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2 3H1v18h7.667c1.093 0 2.003.199 2.67.75l.004.002.015.012a.688.688 0 0 0 .062.047l.003.002a1.012 1.012 0 0 0 .696.168c.3-.033.494-.192.522-.215l.003-.002c.029-.023.05-.043.058-.05a.808.808 0 0 0 .018-.017C13.228 21.21 14.08 21 15.2 21H23V3h-8.932a2.798 2.798 0 0 0-2.106.953 3.82 3.82 0 0 0-.232-.226A2.866 2.866 0 0 0 9.822 3H2Zm9 3.562c0-.513-.219-1.001-.601-1.343A.866.866 0 0 0 9.822 5H3v14h5.667c.746 0 1.553.076 2.333.331V6.561Zm0 14.4v.01-.01Zm2 0v.005-.008.003Zm0-1.666c.736-.232 1.509-.296 2.2-.296H21V5h-6.932a.8.8 0 0 0-.559.228A1.7 1.7 0 0 0 13 6.441v12.854ZM9 11H5V9h4v2Zm6 0h4V9h-4v2Zm4 4h-4v-2h4v2ZM5 15h4v-2H5v2Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  },
+);
 
-DocumentationIcon.displayName = "DocumentationIcon";
+const MemoizedDocumentationIcon = memo(DocumentationIcon);
+MemoizedDocumentationIcon.displayName = "DocumentationIcon";
+
+export { MemoizedDocumentationIcon as DocumentationIcon };

package/src/icons.generated/Download.tsx

@@ -10,14 +10,14 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-// Code automatically generated by svgr; DO NOT EDIT.
+// Code automatically generated; DO NOT EDIT.
 
-import { forwardRef } from "react";
-import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+import { forwardRef, memo } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon.js";
 
 export type DownloadIconProps = SvgIconNoChildrenProps;
 
-export const DownloadIcon = forwardRef<SVGSVGElement, DownloadIconProps>(
+const DownloadIcon = forwardRef<SVGSVGElement, DownloadIconProps>(
   (props, ref) => {
     return (
       <SvgIcon
@@ -40,4 +40,7 @@ export const DownloadIcon = forwardRef<SVGSVGElement, DownloadIconProps>(
   },
 );
 
-DownloadIcon.displayName = "DownloadIcon";
+const MemoizedDownloadIcon = memo(DownloadIcon);
+MemoizedDownloadIcon.displayName = "DownloadIcon";
+
+export { MemoizedDownloadIcon as DownloadIcon };

package/src/icons.generated/DragIndicator.tsx

@@ -10,35 +10,37 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-// Code automatically generated by svgr; DO NOT EDIT.
+// Code automatically generated; DO NOT EDIT.
 
-import { forwardRef } from "react";
-import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+import { forwardRef, memo } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon.js";
 
 export type DragIndicatorIconProps = SvgIconNoChildrenProps;
 
-export const DragIndicatorIcon = forwardRef<
-  SVGSVGElement,
-  DragIndicatorIconProps
->((props, ref) => {
-  return (
-    <SvgIcon
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      ref={ref}
-      {...props}
-    >
-      <>
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M9 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 5.667a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 4.166a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-9-11.333a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9 14.833a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
-          fill="currentColor"
-        />
-      </>
-    </SvgIcon>
-  );
-});
+const DragIndicatorIcon = forwardRef<SVGSVGElement, DragIndicatorIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 5.667a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 4.166a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-9-11.333a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9 14.833a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  },
+);
 
-DragIndicatorIcon.displayName = "DragIndicatorIcon";
+const MemoizedDragIndicatorIcon = memo(DragIndicatorIcon);
+MemoizedDragIndicatorIcon.displayName = "DragIndicatorIcon";
+
+export { MemoizedDragIndicatorIcon as DragIndicatorIcon };

package/src/icons.generated/Duo.tsx

@@ -10,14 +10,14 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-// Code automatically generated by svgr; DO NOT EDIT.
+// Code automatically generated; DO NOT EDIT.
 
-import { forwardRef } from "react";
-import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+import { forwardRef, memo } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon.js";
 
 export type DuoIconProps = SvgIconNoChildrenProps;
 
-export const DuoIcon = forwardRef<SVGSVGElement, DuoIconProps>((props, ref) => {
+const DuoIcon = forwardRef<SVGSVGElement, DuoIconProps>((props, ref) => {
   return (
     <SvgIcon
       viewBox="0 0 24 24"
@@ -56,4 +56,7 @@ export const DuoIcon = forwardRef<SVGSVGElement, DuoIconProps>((props, ref) => {
   );
 });
 
-DuoIcon.displayName = "DuoIcon";
+const MemoizedDuoIcon = memo(DuoIcon);
+MemoizedDuoIcon.displayName = "DuoIcon";
+
+export { MemoizedDuoIcon as DuoIcon };

package/src/icons.generated/Edit.tsx

@@ -10,34 +10,35 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-// Code automatically generated by svgr; DO NOT EDIT.
+// Code automatically generated; DO NOT EDIT.
 
-import { forwardRef } from "react";
-import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+import { forwardRef, memo } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon.js";
 
 export type EditIconProps = SvgIconNoChildrenProps;
 
-export const EditIcon = forwardRef<SVGSVGElement, EditIconProps>(
-  (props, ref) => {
-    return (
-      <SvgIcon
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        ref={ref}
-        {...props}
-      >
-        <>
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M16.707 3.121a1 1 0 0 0-1.414 0L13.914 4.5 17.5 8.086l1.379-1.379a1 1 0 0 0 0-1.414L16.707 3.12ZM5 13.414l7.5-7.5L16.086 9.5l-7.5 7.5H5v-3.586Zm8.879-11.707a3 3 0 0 1 4.242 0l2.172 2.172a3 3 0 0 1 0 4.242L9.707 18.707 9.414 19H3v-6.414l.293-.293L13.879 1.707ZM3 23h18v-2H3v2Z"
-            fill="currentColor"
-          />
-        </>
-      </SvgIcon>
-    );
-  },
-);
+const EditIcon = forwardRef<SVGSVGElement, EditIconProps>((props, ref) => {
+  return (
+    <SvgIcon
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M16.707 3.121a1 1 0 0 0-1.414 0L13.914 4.5 17.5 8.086l1.379-1.379a1 1 0 0 0 0-1.414L16.707 3.12ZM5 13.414l7.5-7.5L16.086 9.5l-7.5 7.5H5v-3.586Zm8.879-11.707a3 3 0 0 1 4.242 0l2.172 2.172a3 3 0 0 1 0 4.242L9.707 18.707 9.414 19H3v-6.414l.293-.293L13.879 1.707ZM3 23h18v-2H3v2Z"
+          fill="currentColor"
+        />
+      </>
+    </SvgIcon>
+  );
+});
 
-EditIcon.displayName = "EditIcon";
+const MemoizedEditIcon = memo(EditIcon);
+MemoizedEditIcon.displayName = "EditIcon";
+
+export { MemoizedEditIcon as EditIcon };