@photoroom/icons 0.1.28 → 0.1.30

package/monochromes/CommentAddIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CommentAddIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CommentAddIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M24 4.5C24 6.98528 21.9853 9 19.5 9C17.0147 9 15 6.98528 15 4.5C15 2.01472 17.0147 0 19.5 0C21.9853 0 24 2.01472 24 4.5ZM17 4.5C17 4.77612 17.2236 5 17.5 5H19V6.5C19 6.77612 19.2236 7 19.5 7C19.7764 7 20 6.77612 20 6.5V5H21.5C21.6396 5 21.7661 4.94275 21.8569 4.8504C21.9453 4.76019 22 4.63647 22 4.5C22 4.22388 21.7764 4 21.5 4H20V2.5C20 2.22388 19.7764 2 19.5 2C19.2236 2 19 2.22388 19 2.5V4H17.5C17.2236 4 17 4.22388 17 4.5Z",
   clipRule: "evenodd"

package/monochromes/CommentIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CommentIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CommentIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M6.99997 10C6.99997 9.44772 7.44768 9 7.99997 9H16C16.5523 9 17 9.44772 17 10C17 10.5523 16.5523 11 16 11H7.99997C7.44768 11 6.99997 10.5523 6.99997 10Z"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M6.99997 14C6.99997 13.4477 7.44768 13 7.99997 13H14C14.5523 13 15 13.4477 15 14C15 14.5523 14.5523 15 14 15H7.99997C7.44768 15 6.99997 14.5523 6.99997 14Z"

package/monochromes/CommentNoneIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CommentNoneIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CommentNoneIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M2.29288 2.29289C2.6834 1.90237 3.31657 1.90237 3.70709 2.29289L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L18.329 19.7432C16.4926 21.2476 14.245 21.9999 12 21.9999H3C2.59554 21.9999 2.2309 21.7563 2.07612 21.3826C1.92134 21.009 2.00689 20.5788 2.29289 20.2928L4.25673 18.329C1.24775 14.6567 1.24774 9.34328 4.2567 5.67093L2.29288 3.70711C1.90235 3.31658 1.90235 2.68342 2.29288 2.29289ZM6.34313 17.6568C3.45841 14.7721 3.23729 10.2324 5.67977 7.094L16.906 18.3202C15.4673 19.4402 13.7348 19.9999 12 19.9999H5.4142L6.34313 19.071C6.73365 18.6805 6.73365 18.0473 6.34313 17.6568Z",
   clipRule: "evenodd"

package/monochromes/CommentSelectedAddIcon.js

@@ -4,15 +4,16 @@ import * as React from "react";
 import { forwardRef } from "react";
 const CommentSelectedAddIcon = (props, ref) => {
   const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("g", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("g", {
   clipPath: `url(#${__id}-clip0_30849_3511)`
 }, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",

package/monochromes/CommentSelectedIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CommentSelectedIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CommentSelectedIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M1.99996 12C1.99996 6.47715 6.47711 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C10.2942 22 8.68589 21.5721 7.27896 20.8174L3.27469 21.9615C2.92549 22.0613 2.54965 21.9639 2.29286 21.7071C2.03606 21.4503 1.93867 21.0745 2.03844 20.7253L3.18252 16.721C2.42782 15.3141 1.99996 13.7057 1.99996 12ZM7.99994 9C7.44765 9 6.99994 9.44772 6.99994 10C6.99994 10.5523 7.44765 11 7.99994 11H15.9999C16.5522 11 16.9999 10.5523 16.9999 10C16.9999 9.44772 16.5522 9 15.9999 9H7.99994ZM7.99994 13C7.44765 13 6.99994 13.4477 6.99994 14C6.99994 14.5523 7.44765 15 7.99994 15H13.9999C14.5522 15 14.9999 14.5523 14.9999 14C14.9999 13.4477 14.5522 13 13.9999 13H7.99994Z",
   clipRule: "evenodd"

package/monochromes/CopyIcon.js

@@ -4,15 +4,16 @@ import * as React from "react";
 import { forwardRef } from "react";
 const CopyIcon = (props, ref) => {
   const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("g", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("g", {
   id: `${__id}-Copy`
 }, /*#__PURE__*/React.createElement("g", {
   id: `${__id}-Vector`

package/monochromes/CornerRadiusIcon.d.ts

@@ -0,0 +1,4 @@
+// Code generated by "generateIcons.js"; DO NOT EDIT.
+
+import * as React from 'react';
+export function CornerRadiusIcon(props: React.ComponentProps<'svg'> & { title?: string, titleId?: string }): React.JSX.Element;

package/monochromes/CornerRadiusIcon.js

@@ -0,0 +1,18 @@
+// Code generated by "generateIcons.js"; DO NOT EDIT.
+
+import * as React from "react";
+import { forwardRef } from "react";
+const CornerRadiusIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 20 20",
+  style: {
+    flexShrink: 0
+  },
+  fill: "currentColor",
+  "aria-hidden": "true",
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M3.33301 15.833C3.79324 15.833 4.16699 16.2068 4.16699 16.667C4.16682 17.1271 3.79314 17.5 3.33301 17.5C2.87303 17.4998 2.50018 17.127 2.5 16.667C2.5 16.2069 2.87292 15.8332 3.33301 15.833ZM6.66699 15.833C7.12708 15.8332 7.5 16.2069 7.5 16.667C7.49982 17.127 7.12697 17.4998 6.66699 17.5C6.20686 17.5 5.83318 17.1271 5.83301 16.667C5.83301 16.2068 6.20675 15.833 6.66699 15.833ZM10 15.833C10.4602 15.833 10.833 16.2068 10.833 16.667C10.8328 17.1271 10.4601 17.5 10 17.5C9.53987 17.5 9.16717 17.1271 9.16699 16.667C9.16699 16.2068 9.53976 15.833 10 15.833ZM13.333 15.833C13.7932 15.833 14.167 16.2068 14.167 16.667C14.1668 17.1271 13.7931 17.5 13.333 17.5C12.873 17.4998 12.5002 17.127 12.5 16.667C12.5 16.2069 12.8729 15.8332 13.333 15.833ZM16.667 15.833C17.1271 15.8332 17.5 16.2069 17.5 16.667C17.4998 17.127 17.127 17.4998 16.667 17.5C16.2069 17.5 15.8332 17.1271 15.833 16.667C15.833 16.2068 16.2068 15.833 16.667 15.833ZM3.33301 12.5C3.79314 12.5 4.16682 12.8729 4.16699 13.333C4.16699 13.7932 3.79324 14.167 3.33301 14.167C2.87292 14.1668 2.5 13.7931 2.5 13.333C2.50017 12.873 2.87303 12.5002 3.33301 12.5ZM16.667 12.5C17.127 12.5002 17.4998 12.873 17.5 13.333C17.5 13.7931 17.1271 14.1668 16.667 14.167C16.2068 14.167 15.833 13.7932 15.833 13.333C15.8332 12.8729 16.2069 12.5 16.667 12.5ZM10 2.5C10.4601 2.5 10.8328 2.87292 10.833 3.33301C10.833 3.79324 10.4602 4.16699 10 4.16699H8.33301C6.03208 4.16717 4.16717 6.03208 4.16699 8.33301V10C4.16699 10.4602 3.79324 10.833 3.33301 10.833C2.87292 10.8328 2.5 10.4601 2.5 10V8.33301C2.50018 5.1116 5.1116 2.50018 8.33301 2.5H10ZM16.667 9.16699C17.1271 9.16717 17.5 9.53987 17.5 10C17.5 10.4601 17.1271 10.8328 16.667 10.833C16.2068 10.833 15.833 10.4602 15.833 10C15.833 9.53976 16.2068 9.16699 16.667 9.16699ZM16.667 5.83301C17.1271 5.83318 17.5 6.20686 17.5 6.66699C17.4998 7.12697 17.127 7.49982 16.667 7.5C16.2069 7.5 15.8332 7.12708 15.833 6.66699C15.833 6.20675 16.2068 5.83301 16.667 5.83301ZM13.333 2.5C13.7931 2.5 14.1668 2.87292 14.167 3.33301C14.167 3.79324 13.7932 4.16699 13.333 4.16699C12.8729 4.16682 12.5 3.79314 12.5 3.33301C12.5002 2.87303 12.873 2.50018 13.333 2.5ZM16.667 2.5C17.127 2.50018 17.4998 2.87303 17.5 3.33301C17.5 3.79314 17.1271 4.16682 16.667 4.16699C16.2068 4.16699 15.833 3.79324 15.833 3.33301C15.8332 2.87292 16.2069 2.5 16.667 2.5Z"
+}));
+const ForwardRef = forwardRef(CornerRadiusIcon);
+export { ForwardRef as CornerRadiusIcon };

package/monochromes/CreateIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CreateIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CreateIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M3 5.5C3 4.11929 4.11929 3 5.5 3H8.5C9.88071 3 11 4.11929 11 5.5V8.5C11 9.88071 9.88071 11 8.5 11H5.5C4.11929 11 3 9.88071 3 8.5V5.5ZM5.5 5C5.22386 5 5 5.22386 5 5.5V8.5C5 8.77614 5.22386 9 5.5 9H8.5C8.77614 9 9 8.77614 9 8.5V5.5C9 5.22386 8.77614 5 8.5 5H5.5Z",
   clipRule: "evenodd"

package/monochromes/CreateSelectedIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CreateSelectedIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CreateSelectedIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M3 5.5C3 4.11929 4.11929 3 5.5 3H8.5C9.88071 3 11 4.11929 11 5.5V8.5C11 9.88071 9.88071 11 8.5 11H5.5C4.11929 11 3 9.88071 3 8.5V5.5Z",
   clipRule: "evenodd"

package/monochromes/CreditCardIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CreditCardIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CreditCardIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M7 15H10C10.2652 15 10.5196 14.8946 10.7071 14.7071C10.8946 14.5196 11 14.2652 11 14C11 13.7348 10.8946 13.4804 10.7071 13.2929C10.5196 13.1054 10.2652 13 10 13H7C6.73478 13 6.48043 13.1054 6.29289 13.2929C6.10536 13.4804 6 13.7348 6 14C6 14.2652 6.10536 14.5196 6.29289 14.7071C6.48043 14.8946 6.73478 15 7 15ZM19 5H5C4.20435 5 3.44129 5.31607 2.87868 5.87868C2.31607 6.44129 2 7.20435 2 8V17C2 17.7956 2.31607 18.5587 2.87868 19.1213C3.44129 19.6839 4.20435 20 5 20H19C19.7956 20 20.5587 19.6839 21.1213 19.1213C21.6839 18.5587 22 17.7956 22 17V8C22 7.20435 21.6839 6.44129 21.1213 5.87868C20.5587 5.31607 19.7956 5 19 5ZM20 17C20 17.2652 19.8946 17.5196 19.7071 17.7071C19.5196 17.8946 19.2652 18 19 18H5C4.73478 18 4.48043 17.8946 4.29289 17.7071C4.10536 17.5196 4 17.2652 4 17V11H20V17ZM20 9H4V8C4 7.73478 4.10536 7.48043 4.29289 7.29289C4.48043 7.10536 4.73478 7 5 7H19C19.2652 7 19.5196 7.10536 19.7071 7.29289C19.8946 7.48043 20 7.73478 20 8V9Z"
 }));
 const ForwardRef = forwardRef(CreditCardIcon);

package/monochromes/CropIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CropIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CropIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 20 20",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M5.00033 1.66699C5.46056 1.66699 5.83366 2.04009 5.83366 2.50033V13.3337C5.83366 13.7939 6.20675 14.167 6.66699 14.167H13.3337V15.8337H6.66699C5.28628 15.8337 4.16699 14.7144 4.16699 13.3337V5.83366H2.50033C2.04009 5.83366 1.66699 5.46056 1.66699 5.00033C1.66699 4.54009 2.04009 4.16699 2.50033 4.16699H4.16699V2.50033C4.16699 2.04009 4.54009 1.66699 5.00033 1.66699Z"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M6.66699 5.83366H13.3337C13.7939 5.83366 14.167 6.20675 14.167 6.66699V17.5003C14.167 17.9606 14.5401 18.3337 15.0003 18.3337C15.4606 18.3337 15.8337 17.9606 15.8337 17.5003V15.8337H17.5003C17.9606 15.8337 18.3337 15.4606 18.3337 15.0003C18.3337 14.5401 17.9606 14.167 17.5003 14.167H15.8337V6.66699C15.8337 5.28628 14.7144 4.16699 13.3337 4.16699H6.66699V5.83366Z"

package/monochromes/CrossIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CrossIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CrossIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M13.4099 12.0002L19.7099 5.71019C19.8982 5.52188 20.004 5.26649 20.004 5.00019C20.004 4.73388 19.8982 4.47849 19.7099 4.29019C19.5216 4.10188 19.2662 3.99609 18.9999 3.99609C18.7336 3.99609 18.4782 4.10188 18.2899 4.29019L11.9999 10.5902L5.70994 4.29019C5.52164 4.10188 5.26624 3.99609 4.99994 3.99609C4.73364 3.99609 4.47824 4.10188 4.28994 4.29019C4.10164 4.47849 3.99585 4.73388 3.99585 5.00019C3.99585 5.26649 4.10164 5.52188 4.28994 5.71019L10.5899 12.0002L4.28994 18.2902C4.19621 18.3831 4.12182 18.4937 4.07105 18.6156C4.02028 18.7375 3.99414 18.8682 3.99414 19.0002C3.99414 19.1322 4.02028 19.2629 4.07105 19.3848C4.12182 19.5066 4.19621 19.6172 4.28994 19.7102C4.3829 19.8039 4.4935 19.8783 4.61536 19.9291C4.73722 19.9798 4.86793 20.006 4.99994 20.006C5.13195 20.006 5.26266 19.9798 5.38452 19.9291C5.50638 19.8783 5.61698 19.8039 5.70994 19.7102L11.9999 13.4102L18.2899 19.7102C18.3829 19.8039 18.4935 19.8783 18.6154 19.9291C18.7372 19.9798 18.8679 20.006 18.9999 20.006C19.132 20.006 19.2627 19.9798 19.3845 19.9291C19.5064 19.8783 19.617 19.8039 19.7099 19.7102C19.8037 19.6172 19.8781 19.5066 19.9288 19.3848C19.9796 19.2629 20.0057 19.1322 20.0057 19.0002C20.0057 18.8682 19.9796 18.7375 19.9288 18.6156C19.8781 18.4937 19.8037 18.3831 19.7099 18.2902L13.4099 12.0002Z"
 }));
 const ForwardRef = forwardRef(CrossIcon);

package/monochromes/CurvatureIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CurvatureIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CurvatureIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M7.99998 6C7.99998 5.44772 8.44769 5 8.99998 5H15C15.5523 5 16 5.44772 16 6C16 6.55228 15.5523 7 15 7H13V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V7H8.99998C8.44769 7 7.99998 6.55228 7.99998 6Z"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M4.62467 19.7809C6.97783 17.8983 9.26322 17 12 17C14.7367 17 17.0221 17.8983 19.3753 19.7809C19.8065 20.1259 20.4358 20.056 20.7808 19.6247C21.1259 19.1934 21.0559 18.5641 20.6247 18.2191C17.9778 16.1017 15.2632 15 12 15C8.73674 15 6.02212 16.1017 3.37528 18.2191C2.94402 18.5641 2.8741 19.1934 3.21911 19.6247C3.56412 20.056 4.19341 20.1259 4.62467 19.7809Z"

package/monochromes/CutoutIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CutoutIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CutoutIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M5.29289 3.29289C5.68342 2.90237 6.31658 2.90237 6.70711 3.29289L16.6483 13.2341C17.0706 13.0826 17.5256 13 18 13C20.2091 13 22 14.7909 22 17C22 19.2091 20.2091 21 18 21C15.7909 21 14 19.2091 14 17C14 16.0009 14.3663 15.0873 14.972 14.3862L12 11.4142L9.02799 14.3862C9.63367 15.0873 10 16.0009 10 17C10 19.2091 8.20914 21 6 21C3.79086 21 2 19.2091 2 17C2 14.7909 3.79086 13 6 13C6.47437 13 6.92945 13.0826 7.35165 13.2341L10.5858 10L5.29289 4.70711C4.90237 4.31658 4.90237 3.68342 5.29289 3.29289ZM18.7071 3.29289C19.0976 3.68342 19.0976 4.31658 18.7071 4.70711L14.7071 8.70711C14.3166 9.09763 13.6834 9.09763 13.2929 8.70711C12.9024 8.31658 12.9024 7.68342 13.2929 7.29289L17.2929 3.29289C17.6834 2.90237 18.3166 2.90237 18.7071 3.29289ZM6 15C4.89543 15 4 15.8954 4 17C4 18.1046 4.89543 19 6 19C7.10457 19 8 18.1046 8 17C8 15.8954 7.10457 15 6 15ZM18 15C16.8954 15 16 15.8954 16 17C16 18.1046 16.8954 19 18 19C19.1046 19 20 18.1046 20 17C20 15.8954 19.1046 15 18 15Z",
   clipRule: "evenodd"

package/monochromes/DashMediumIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const DashMediumIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const DashMediumIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 20 20",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M4 10C4 9.44772 4.53726 9 5.2 9H14.8C15.4627 9 16 9.44772 16 10C16 10.5523 15.4627 11 14.8 11H5.2C4.53726 11 4 10.5523 4 10Z",
   clipRule: "evenodd"

package/monochromes/DeleteIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const DeleteIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const DeleteIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M20 6H16V5C16 4.20435 15.6839 3.44129 15.1213 2.87868C14.5587 2.31607 13.7956 2 13 2H11C10.2044 2 9.44129 2.31607 8.87868 2.87868C8.31607 3.44129 8 4.20435 8 5V6H4C3.73478 6 3.48043 6.10536 3.29289 6.29289C3.10536 6.48043 3 6.73478 3 7C3 7.26522 3.10536 7.51957 3.29289 7.70711C3.48043 7.89464 3.73478 8 4 8H5V19C5 19.7956 5.31607 20.5587 5.87868 21.1213C6.44129 21.6839 7.20435 22 8 22H16C16.7956 22 17.5587 21.6839 18.1213 21.1213C18.6839 20.5587 19 19.7956 19 19V8H20C20.2652 8 20.5196 7.89464 20.7071 7.70711C20.8946 7.51957 21 7.26522 21 7C21 6.73478 20.8946 6.48043 20.7071 6.29289C20.5196 6.10536 20.2652 6 20 6ZM10 5C10 4.73478 10.1054 4.48043 10.2929 4.29289C10.4804 4.10536 10.7348 4 11 4H13C13.2652 4 13.5196 4.10536 13.7071 4.29289C13.8946 4.48043 14 4.73478 14 5V6H10V5ZM17 19C17 19.2652 16.8946 19.5196 16.7071 19.7071C16.5196 19.8946 16.2652 20 16 20H8C7.73478 20 7.48043 19.8946 7.29289 19.7071C7.10536 19.5196 7 19.2652 7 19V8H17V19Z"
 }));
 const ForwardRef = forwardRef(DeleteIcon);

package/monochromes/DesktopIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const DesktopIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const DesktopIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 20 20",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M15.8334 2.5H4.16675C3.50371 2.5 2.86782 2.76339 2.39898 3.23223C1.93014 3.70107 1.66675 4.33696 1.66675 5V11.6667C1.66675 12.3297 1.93014 12.9656 2.39898 13.4344C2.86782 13.9033 3.50371 14.1667 4.16675 14.1667H9.16675V15.8333H5.83341C5.6124 15.8333 5.40044 15.9211 5.24416 16.0774C5.08788 16.2337 5.00008 16.4457 5.00008 16.6667C5.00008 16.8877 5.08788 17.0996 5.24416 17.2559C5.40044 17.4122 5.6124 17.5 5.83341 17.5H14.1667C14.3878 17.5 14.5997 17.4122 14.756 17.2559C14.9123 17.0996 15.0001 16.8877 15.0001 16.6667C15.0001 16.4457 14.9123 16.2337 14.756 16.0774C14.5997 15.9211 14.3878 15.8333 14.1667 15.8333H10.8334V14.1667H15.8334C16.4965 14.1667 17.1323 13.9033 17.6012 13.4344C18.07 12.9656 18.3334 12.3297 18.3334 11.6667V5C18.3334 4.33696 18.07 3.70107 17.6012 3.23223C17.1323 2.76339 16.4965 2.5 15.8334 2.5ZM16.6667 11.6667C16.6667 11.8877 16.579 12.0996 16.4227 12.2559C16.2664 12.4122 16.0544 12.5 15.8334 12.5H4.16675C3.94573 12.5 3.73377 12.4122 3.57749 12.2559C3.42121 12.0996 3.33341 11.8877 3.33341 11.6667V5C3.33341 4.77899 3.42121 4.56702 3.57749 4.41074C3.73377 4.25446 3.94573 4.16667 4.16675 4.16667H15.8334C16.0544 4.16667 16.2664 4.25446 16.4227 4.41074C16.579 4.56702 16.6667 4.77899 16.6667 5V11.6667Z"
 }));
 const ForwardRef = forwardRef(DesktopIcon);

package/monochromes/DisclosureTriangleIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const DisclosureTriangleIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const DisclosureTriangleIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 10 10",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M8.9824 4.364L3.1475 0.717187C2.64796 0.404977 2 0.764109 2 1.35319L2 8.64681C2 9.23589 2.64796 9.59502 3.1475 9.28281L8.9824 5.636C9.4524 5.34225 9.4524 4.65775 8.9824 4.364Z"
 }));
 const ForwardRef = forwardRef(DisclosureTriangleIcon);

package/monochromes/DoubleArrowHorizontalIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const DoubleArrowHorizontalIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const DoubleArrowHorizontalIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M21.9209 11.6199C21.8733 11.4972 21.8019 11.385 21.7109 11.2899L17.7109 7.28994C17.6176 7.1967 17.5069 7.12274 17.3851 7.07228C17.2633 7.02182 17.1327 6.99585 17.0009 6.99585C16.7346 6.99585 16.4792 7.10164 16.2909 7.28994C16.1026 7.47825 15.9968 7.73364 15.9968 7.99994C15.9968 8.26624 16.1026 8.52164 16.2909 8.70994L18.5909 10.9999H5.41087L7.71087 8.70994C7.80411 8.6167 7.87807 8.50601 7.92853 8.38419C7.97899 8.26237 8.00496 8.1318 8.00496 7.99994C8.00496 7.86808 7.97899 7.73751 7.92853 7.61569C7.87807 7.49387 7.80411 7.38318 7.71087 7.28994C7.61763 7.1967 7.50694 7.12274 7.38512 7.07228C7.2633 7.02182 7.13273 6.99585 7.00087 6.99585C6.86901 6.99585 6.73845 7.02182 6.61662 7.07228C6.4948 7.12274 6.38411 7.1967 6.29087 7.28994L2.29087 11.2899C2.19983 11.385 2.12847 11.4972 2.08087 11.6199C1.98085 11.8634 1.98085 12.1365 2.08087 12.3799C2.12847 12.5027 2.19983 12.6148 2.29087 12.7099L6.29087 16.7099C6.38384 16.8037 6.49444 16.8781 6.6163 16.9288C6.73816 16.9796 6.86886 17.0057 7.00087 17.0057C7.13288 17.0057 7.26359 16.9796 7.38545 16.9288C7.50731 16.8781 7.61791 16.8037 7.71087 16.7099C7.8046 16.617 7.879 16.5064 7.92976 16.3845C7.98053 16.2627 8.00667 16.132 8.00667 15.9999C8.00667 15.8679 7.98053 15.7372 7.92976 15.6154C7.879 15.4935 7.8046 15.3829 7.71087 15.2899L5.41087 12.9999H18.5909L16.2909 15.2899C16.1971 15.3829 16.1227 15.4935 16.072 15.6154C16.0212 15.7372 15.9951 15.8679 15.9951 15.9999C15.9951 16.132 16.0212 16.2627 16.072 16.3845C16.1227 16.5064 16.1971 16.617 16.2909 16.7099C16.3838 16.8037 16.4944 16.8781 16.6163 16.9288C16.7382 16.9796 16.8689 17.0057 17.0009 17.0057C17.1329 17.0057 17.2636 16.9796 17.3854 16.9288C17.5073 16.8781 17.6179 16.8037 17.7109 16.7099L21.7109 12.7099C21.8019 12.6148 21.8733 12.5027 21.9209 12.3799C22.0209 12.1365 22.0209 11.8634 21.9209 11.6199Z"
 }));
 const ForwardRef = forwardRef(DoubleArrowHorizontalIcon);

package/monochromes/DoubleArrowVerticalIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const DoubleArrowVerticalIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const DoubleArrowVerticalIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M15.2902 16.29L13.0002 18.59V5.41002L15.2902 7.71002C15.3831 7.80375 15.4937 7.87814 15.6156 7.92891C15.7375 7.97968 15.8682 8.00582 16.0002 8.00582C16.1322 8.00582 16.2629 7.97968 16.3848 7.92891C16.5066 7.87814 16.6172 7.80375 16.7102 7.71002C16.8039 7.61706 16.8783 7.50645 16.9291 7.3846C16.9798 7.26274 17.006 7.13203 17.006 7.00002C17.006 6.86801 16.9798 6.7373 16.9291 6.61544C16.8783 6.49358 16.8039 6.38298 16.7102 6.29002L12.7102 2.29002C12.6151 2.19898 12.5029 2.12761 12.3802 2.08002C12.1367 1.98 11.8636 1.98 11.6202 2.08002C11.4974 2.12761 11.3853 2.19898 11.2902 2.29002L7.29019 6.29002C7.19695 6.38326 7.12299 6.49395 7.07253 6.61577C7.02207 6.73759 6.99609 6.86816 6.99609 7.00002C6.99609 7.13188 7.02207 7.26245 7.07253 7.38427C7.12299 7.50609 7.19695 7.61678 7.29019 7.71002C7.38342 7.80326 7.49411 7.87722 7.61594 7.92768C7.73776 7.97814 7.86833 8.00411 8.00019 8.00411C8.13204 8.00411 8.26261 7.97814 8.38444 7.92768C8.50626 7.87722 8.61695 7.80326 8.71019 7.71002L11.0002 5.41002V18.59L8.71019 16.29C8.52188 16.1017 8.26649 15.9959 8.00019 15.9959C7.73388 15.9959 7.47849 16.1017 7.29019 16.29C7.10188 16.4783 6.99609 16.7337 6.99609 17C6.99609 17.2663 7.10188 17.5217 7.29019 17.71L11.2902 21.71C11.3853 21.8011 11.4974 21.8724 11.6202 21.92C11.7399 21.9729 11.8693 22.0003 12.0002 22.0003C12.1311 22.0003 12.2605 21.9729 12.3802 21.92C12.5029 21.8724 12.6151 21.8011 12.7102 21.71L16.7102 17.71C16.8985 17.5217 17.0043 17.2663 17.0043 17C17.0043 16.7337 16.8985 16.4783 16.7102 16.29C16.6169 16.1968 16.5063 16.1228 16.3844 16.0724C16.2626 16.0219 16.132 15.9959 16.0002 15.9959C15.7339 15.9959 15.4785 16.1017 15.2902 16.29Z"
 }));
 const ForwardRef = forwardRef(DoubleArrowVerticalIcon);

package/monochromes/DoubleChevronHorizontalIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const DoubleChevronHorizontalIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const DoubleChevronHorizontalIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M15.4454 5.16806C15.9049 4.8617 16.5258 4.98588 16.8322 5.44541L20.8322 11.4454C21.0561 11.7813 21.0561 12.2189 20.8322 12.5548L16.8322 18.5548C16.5258 19.0143 15.9049 19.1385 15.4454 18.8322C14.9859 18.5258 14.8617 17.9049 15.1681 17.4454L18.7983 12.0001L15.1681 6.55481C14.8617 6.09528 14.9859 5.47441 15.4454 5.16806Z",
   clipRule: "evenodd"

package/monochromes/DoubleChevronVerticalIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const DoubleChevronVerticalIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const DoubleChevronVerticalIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M5.16799 8.5547C4.86164 8.09517 4.98582 7.4743 5.44535 7.16795L11.4453 3.16795C11.7812 2.94402 12.2188 2.94402 12.5547 3.16795L18.5547 7.16795C19.0143 7.4743 19.1384 8.09517 18.8321 8.5547C18.5257 9.01423 17.9049 9.1384 17.4453 8.83205L12 5.20185L6.55475 8.83205C6.09522 9.1384 5.47435 9.01423 5.16799 8.5547Z",
   clipRule: "evenodd"

package/monochromes/DownloadIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const DownloadIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const DownloadIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M12 2C12.5523 2 13 2.44772 13 3V12.5858L16.2929 9.29289C16.6834 8.90237 17.3166 8.90237 17.7071 9.29289C18.0976 9.68342 18.0976 10.3166 17.7071 10.7071L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L6.29289 10.7071C5.90237 10.3166 5.90237 9.68342 6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289L11 12.5858V3C11 2.44772 11.4477 2 12 2ZM3 14C3.55228 14 4 14.4477 4 15V19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V15C20 14.4477 20.4477 14 21 14C21.5523 14 22 14.4477 22 15V19C22 19.7957 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7957 22 19 22H5C4.20435 22 3.44129 21.6839 2.87868 21.1213C2.31607 20.5587 2 19.7957 2 19V15C2 14.4477 2.44772 14 3 14Z",
   clipRule: "evenodd"

package/monochromes/DragIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const DragIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const DragIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M4 8H20C20.552 8 21 8.448 21 9C21 9.552 20.552 10 20 10H4C3.448 10 3 9.552 3 9C3 8.448 3.448 8 4 8ZM4 15H20C20.552 15 21 15.448 21 16C21 16.552 20.552 17 20 17H4C3.448 17 3 16.552 3 16C3 15.448 3.448 15 4 15Z"
 }));
 const ForwardRef = forwardRef(DragIcon);

package/monochromes/DropIcon.js

@@ -4,15 +4,16 @@ import * as React from "react";
 import { forwardRef } from "react";
 const DropIcon = (props, ref) => {
   const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 128 128",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("g", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("g", {
   clipPath: `url(#${__id}-clip0_590_35670)`
 }, /*#__PURE__*/React.createElement("path", {
   d: "M93.3329 50.6665C93.3329 49.1941 92.1383 47.9995 90.6668 47.9995H88.8159C88.357 47.4718 87.9891 46.8852 87.4883 46.3834L79.9998 38.8958V13.3323C79.9998 5.98328 74.0212 -0.000732422 66.6667 -0.000732422H13.334C5.97853 -0.000732422 0 5.98328 0 13.3323V66.6651C0 74.015 5.97853 79.999 13.3331 79.999H40.0006C41.4729 79.999 42.6676 78.8044 42.6676 77.3321C42.6676 75.8606 41.4729 74.666 40.0006 74.666H13.3331C8.92231 74.666 5.33304 71.0767 5.33304 66.666V26.6659H74.6658V35.8124C72.1168 35.4017 69.4123 36.1588 67.4498 38.116C66.4739 39.0865 65.7962 40.2436 65.4069 41.4705C62.5006 40.4624 59.0284 41.2089 56.7829 43.449C55.5615 44.6705 54.799 46.1793 54.4944 47.7581C51.9568 47.3911 49.3006 48.2661 47.4508 50.116C45.6802 51.8866 44.8802 54.2598 45.0348 56.5803C43.2428 56.8258 41.5785 57.6419 40.2777 58.9428C37.0347 62.1858 37.0347 67.4706 40.2777 70.7133L42.667 73.1026V82.6652C42.667 87.0062 44.7839 90.8357 48.0108 93.2732C48.0108 93.2955 48.0001 93.3107 48.0001 93.3321V95.9991C48.0001 97.4714 49.1947 98.6661 50.667 98.6661C52.1385 98.6661 53.3331 97.4714 53.3331 95.9991V95.7268C54.1974 95.9027 55.0885 95.9991 56.0001 95.9991H66.9331C82.9599 95.9991 96.0006 82.9588 96.0052 66.9384C96.0052 61.8822 94.6025 57.0822 92.1917 52.7946C92.864 52.3089 93.3328 51.5571 93.3328 50.6669L93.3329 50.6665ZM5.33265 21.3315V13.3315C5.33265 8.92073 8.92192 5.33147 13.3327 5.33147H66.6654C71.0771 5.33147 74.6663 8.92073 74.6663 13.3315V21.3315H5.33265ZM66.9328 90.6666H55.9998C51.589 90.6666 47.9997 87.0773 47.9997 82.6665V78.437L54.1168 84.5541C55.157 85.5943 56.8471 85.5943 57.8873 84.5541C58.4052 84.0318 58.6668 83.3487 58.6668 82.6666C58.6668 81.9835 58.4052 81.3014 57.8882 80.7835L44.048 66.9433C42.8801 65.7754 42.8801 63.8815 44.048 62.7138C45.173 61.5834 47.1515 61.5834 48.2775 62.7138L54.1177 68.554C55.1579 69.5942 56.848 69.5942 57.8882 68.554C58.4052 68.0317 58.6668 67.3487 58.6668 66.6665C58.6668 65.9835 58.4052 65.3013 57.8882 64.7835L51.2212 58.1165C50.0534 56.9486 50.0534 55.0548 51.2212 53.887C52.3463 52.7566 54.3248 52.7566 55.4507 53.887L59.4508 57.887C60.4909 58.9272 62.181 58.9272 63.2213 57.887C63.7382 57.3647 63.9998 56.6825 63.9998 55.9995C63.9998 55.3165 63.7382 54.6343 63.2159 54.1218L60.5489 51.4548C59.3811 50.287 59.3811 48.3931 60.5489 47.2253C61.7168 46.0576 63.6107 46.0575 64.7784 47.2253L67.4454 49.8923C68.4856 50.9325 70.1757 50.9325 71.2159 49.8923C71.7329 49.37 71.9945 48.687 71.9945 48.0039C71.9945 47.3209 71.7382 46.6387 71.2159 46.1155C70.0481 44.9477 70.0481 43.0538 71.2159 41.886C72.3838 40.7182 74.2777 40.7182 75.4454 41.886L83.7124 50.153C88.1972 54.6342 90.667 60.5915 90.667 66.9325C90.667 80.021 80.0214 90.6674 66.932 90.6674L66.9328 90.6666Z"

package/monochromes/DuplicateIcon.js

@@ -4,15 +4,16 @@ import * as React from "react";
 import { forwardRef } from "react";
 const DuplicateIcon = (props, ref) => {
   const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("g", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("g", {
   id: `${__id}-duplicate`
 }, /*#__PURE__*/React.createElement("g", {
   id: `${__id}-Vector`

package/monochromes/EcommerceIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const EcommerceIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const EcommerceIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 100 100",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M16.999 25V61.9091L8.70286 73.9762C8.24444 74.643 7.99902 75.4332 7.99902 76.2424V79C7.99902 81.2091 9.78988 83 11.999 83H87.999C90.2082 83 91.999 81.2091 91.999 79V76.2424C91.999 75.4332 91.7536 74.643 91.2952 73.9762L82.999 61.9091V25C82.999 20.5817 79.4173 17 74.999 17H24.999C20.5807 17 16.999 20.5817 16.999 25ZM74.999 23H24.999C23.8945 23 22.999 23.8954 22.999 25V59H76.999V25C76.999 23.8954 76.1036 23 74.999 23ZM60.999 69H38.999L34.999 75H64.999L60.999 69Z",
   clipRule: "evenodd"

package/monochromes/EditIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const EditIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const EditIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M14.4645 4.12132C15.1972 3.38856 16.2368 3 17.2305 3C19.3722 3 21 4.74175 21 6.82843C21 7.84379 20.5967 8.81756 19.8787 9.53553L9.70712 19.7071C9.56752 19.8467 9.38972 19.9419 9.19613 19.9806L4.19613 20.9806C3.86827 21.0462 3.52933 20.9435 3.29291 20.7071C3.05649 20.4707 2.95386 20.1317 3.01944 19.8039L4.01944 14.8039C4.05815 14.6103 4.15331 14.4325 4.29291 14.2929L14.4645 4.12132ZM17.2305 5C16.7239 5 16.2068 5.20743 15.8787 5.53553L15.4142 6L18 8.58579L18.4645 8.12132C18.8074 7.77842 19 7.31336 19 6.82843C19 5.79091 18.213 5 17.2305 5ZM16.5858 10L14 7.41421L5.92122 15.493L5.27477 18.7252L8.507 18.0788L16.5858 10Z",
   clipRule: "evenodd"