@photoroom/icons 0.1.28 → 0.1.30

package/monochromes/OtherIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const OtherIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const OtherIcon = (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", {
   d: "M33.999 55C36.7604 55 38.999 52.7614 38.999 50C38.999 47.2386 36.7604 45 33.999 45C31.2376 45 28.999 47.2386 28.999 50C28.999 52.7614 31.2376 55 33.999 55Z"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M70.999 50C70.999 52.7614 68.7604 55 65.999 55C63.2376 55 60.999 52.7614 60.999 50C60.999 47.2386 63.2376 45 65.999 45C68.7604 45 70.999 47.2386 70.999 50Z"

package/monochromes/OutlineIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const OutlineIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const OutlineIcon = (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 19.3636C16.0668 19.3636 19.3636 16.0668 19.3636 12C19.3636 7.93318 16.0668 4.63636 12 4.63636C7.93318 4.63636 4.63636 7.93318 4.63636 12C4.63636 16.0668 7.93318 19.3636 12 19.3636ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z",
   clipRule: "evenodd"

package/monochromes/OutlineWidthIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const OutlineWidthIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const OutlineWidthIcon = (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: "M16.75 14.166C17.4402 14.166 17.9998 14.7258 18 15.416C18 16.1064 17.4404 16.666 16.75 16.666H4.25C3.55964 16.666 3 16.1064 3 15.416C3.00018 14.7258 3.55975 14.166 4.25 14.166H16.75ZM17.167 9.16602C17.6271 9.16619 18 9.53987 18 10C17.9998 10.46 17.627 10.8328 17.167 10.833H3.83301C3.37303 10.8328 3.00018 10.46 3 10C3 9.53987 3.37292 9.16619 3.83301 9.16602H17.167ZM17.583 5C17.813 5 17.9998 5.18605 18 5.41602C18 5.64613 17.8131 5.83301 17.583 5.83301H3.41699C3.18687 5.83301 3 5.64613 3 5.41602C3.00018 5.18605 3.18698 5 3.41699 5H17.583Z"
 }));
 const ForwardRef = forwardRef(OutlineWidthIcon);

package/monochromes/PaddingBottomIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PaddingBottomIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PaddingBottomIcon = (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: "M11.6681 6.66675C12.5878 6.66767 13.3332 7.41351 13.3332 8.33341V11.6667C13.3332 12.5872 12.587 13.3334 11.6665 13.3334H8.33317C7.4127 13.3334 6.6665 12.5872 6.6665 11.6667V8.33341C6.6665 7.41294 7.4127 6.66675 8.33317 6.66675H11.6681ZM8.33317 11.6667H11.6665V8.33341H8.33317V11.6667Z",
   clipRule: "evenodd"

package/monochromes/PaddingLeftIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PaddingLeftIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PaddingLeftIcon = (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: "M2.49984 1.66675C2.96007 1.66675 3.33317 2.03984 3.33317 2.50008V17.5001C3.33317 17.9603 2.96007 18.3334 2.49984 18.3334C2.0396 18.3334 1.6665 17.9603 1.6665 17.5001V2.50008C1.6665 2.03984 2.0396 1.66675 2.49984 1.66675Z"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",

package/monochromes/PaddingRightIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PaddingRightIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PaddingRightIcon = (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: "M17.4998 1.66675C17.9601 1.66675 18.3332 2.03984 18.3332 2.50008V17.5001C18.3332 17.9603 17.9601 18.3334 17.4998 18.3334C17.0396 18.3334 16.6665 17.9603 16.6665 17.5001V2.50008C16.6665 2.03984 17.0396 1.66675 17.4998 1.66675Z"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",

package/monochromes/PaddingTopIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PaddingTopIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PaddingTopIcon = (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: "M11.6681 6.66675C12.5878 6.66767 13.3332 7.41351 13.3332 8.33342V11.6667C13.3332 12.5872 12.587 13.3334 11.6665 13.3334H8.33317C7.4127 13.3334 6.6665 12.5872 6.6665 11.6667V8.33342C6.6665 7.41294 7.4127 6.66675 8.33317 6.66675H11.6681ZM8.33317 11.6667H11.6665V8.33342H8.33317V11.6667Z",
   clipRule: "evenodd"

package/monochromes/PadlockIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PadlockIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PadlockIcon = (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: "M12 13C11.6955 12.9964 11.3973 13.0862 11.1454 13.2573C10.8936 13.4284 10.7001 13.6725 10.5912 13.9568C10.4823 14.2411 10.4631 14.552 10.5361 14.8476C10.6092 15.1431 10.7711 15.4092 11 15.61V17C11 17.2652 11.1054 17.5196 11.2929 17.7071C11.4804 17.8946 11.7348 18 12 18C12.2652 18 12.5196 17.8946 12.7071 17.7071C12.8946 17.5196 13 17.2652 13 17V15.61C13.2289 15.4092 13.3908 15.1431 13.4639 14.8476C13.5369 14.552 13.5177 14.2411 13.4088 13.9568C13.2999 13.6725 13.1064 13.4284 12.8546 13.2573C12.6027 13.0862 12.3045 12.9964 12 13ZM17 9V7C17 5.67392 16.4732 4.40215 15.5355 3.46447C14.5979 2.52678 13.3261 2 12 2C10.6739 2 9.40215 2.52678 8.46447 3.46447C7.52678 4.40215 7 5.67392 7 7V9C6.20435 9 5.44129 9.31607 4.87868 9.87868C4.31607 10.4413 4 11.2044 4 12V19C4 19.7956 4.31607 20.5587 4.87868 21.1213C5.44129 21.6839 6.20435 22 7 22H17C17.7956 22 18.5587 21.6839 19.1213 21.1213C19.6839 20.5587 20 19.7956 20 19V12C20 11.2044 19.6839 10.4413 19.1213 9.87868C18.5587 9.31607 17.7956 9 17 9ZM9 7C9 6.20435 9.31607 5.44129 9.87868 4.87868C10.4413 4.31607 11.2044 4 12 4C12.7956 4 13.5587 4.31607 14.1213 4.87868C14.6839 5.44129 15 6.20435 15 7V9H9V7ZM18 19C18 19.2652 17.8946 19.5196 17.7071 19.7071C17.5196 19.8946 17.2652 20 17 20H7C6.73478 20 6.48043 19.8946 6.29289 19.7071C6.10536 19.5196 6 19.2652 6 19V12C6 11.7348 6.10536 11.4804 6.29289 11.2929C6.48043 11.1054 6.73478 11 7 11H17C17.2652 11 17.5196 11.1054 17.7071 11.2929C17.8946 11.4804 18 11.7348 18 12V19Z"
 }));
 const ForwardRef = forwardRef(PadlockIcon);

package/monochromes/PadlockOpenIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PadlockOpenIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PadlockOpenIcon = (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: "M11.1454 13.2582C11.3973 13.0871 11.6955 12.9973 12 13.0009C12.3045 12.9973 12.6027 13.0871 12.8546 13.2582C13.1064 13.4293 13.2999 13.6734 13.4088 13.9577C13.5177 14.242 13.5369 14.5529 13.4639 14.8485C13.3908 15.144 13.2289 15.4101 13 15.6109V17.0009C13 17.2661 12.8946 17.5205 12.7071 17.708C12.5196 17.8955 12.2652 18.0009 12 18.0009C11.7348 18.0009 11.4804 17.8955 11.2929 17.708C11.1054 17.5205 11 17.2661 11 17.0009V15.6109C10.7711 15.4101 10.6092 15.144 10.5361 14.8485C10.4631 14.5529 10.4823 14.242 10.5912 13.9577C10.7001 13.6734 10.8936 13.4293 11.1454 13.2582Z"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",

package/monochromes/PaletteIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PaletteIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PaletteIcon = (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.3249 19.1126L12.2983 19.0794C12.031 18.7453 11.73 18.2076 11.73 17.5C11.73 16.1154 12.8454 15 14.23 15H16C18.2054 15 20 13.2054 20 11C20 7.3377 16.609 4 12 4C7.59457 4 4 7.59457 4 12C4 16.4054 7.59457 20 12 20C12.2754 20 12.5 19.7754 12.5 19.5C12.5 19.3982 12.4618 19.2696 12.3529 19.1447L12.3249 19.1126ZM16 17C19.31 17 22 14.31 22 11C22 6.04 17.51 2 12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C13.38 22 14.5 20.88 14.5 19.5C14.5 19.3311 14.4824 19.1637 14.4482 19C14.4471 18.9948 14.446 18.9897 14.4449 18.9845C14.3997 18.775 14.3273 18.5715 14.23 18.3786C14.1315 18.1833 14.0074 17.9989 13.86 17.83C13.78 17.73 13.73 17.62 13.73 17.5C13.73 17.22 13.95 17 14.23 17H16Z",
   clipRule: "evenodd"

package/monochromes/PersonAddIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PersonAddIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PersonAddIcon = (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: "M19.5 9C21.9853 9 24 6.98528 24 4.5C24 2.01472 21.9853 0 19.5 0C17.0147 0 15 2.01472 15 4.5C15 6.98528 17.0147 9 19.5 9ZM17.5 5C17.2236 5 17 4.77612 17 4.5C17 4.22388 17.2236 4 17.5 4H19V2.5C19 2.22388 19.2236 2 19.5 2C19.7764 2 20 2.22388 20 2.5V4H21.5C21.7764 4 22 4.22388 22 4.5C22 4.63647 21.9453 4.76019 21.8569 4.8504C21.7661 4.94275 21.6396 5 21.5 5H20V6.5C20 6.77612 19.7764 7 19.5 7C19.2236 7 19 6.77612 19 6.5V5H17.5Z",
   clipRule: "evenodd"

package/monochromes/PersonCircleIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PersonCircleIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PersonCircleIcon = (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: "M10 1.66669C8.38373 1.66976 6.80324 2.14278 5.45102 3.02814C4.09881 3.91349 3.03325 5.17297 2.38412 6.65316C1.73499 8.13335 1.53031 9.77037 1.79502 11.3648C2.05973 12.9593 2.7824 14.4423 3.875 15.6334C4.65535 16.4792 5.60245 17.1543 6.65661 17.616C7.71078 18.0778 8.84915 18.3161 10 18.3161C11.1508 18.3161 12.2892 18.0778 13.3434 17.616C14.3975 17.1543 15.3446 16.4792 16.125 15.6334C17.2176 14.4423 17.9403 12.9593 18.205 11.3648C18.4697 9.77037 18.265 8.13335 17.6159 6.65316C16.9668 5.17297 15.9012 3.91349 14.549 3.02814C13.1968 2.14278 11.6163 1.66976 10 1.66669ZM10 16.6667C8.27372 16.6641 6.61576 15.9919 5.375 14.7917C5.7517 13.8746 6.39253 13.0903 7.21604 12.5383C8.03956 11.9863 9.00859 11.6915 10 11.6915C10.9914 11.6915 11.9604 11.9863 12.784 12.5383C13.6075 13.0903 14.2483 13.8746 14.625 14.7917C13.3842 15.9919 11.7263 16.6641 10 16.6667ZM8.33333 8.33335C8.33333 8.00372 8.43108 7.68149 8.61422 7.4074C8.79735 7.13332 9.05765 6.9197 9.36219 6.79355C9.66674 6.66741 10.0018 6.6344 10.3252 6.69871C10.6485 6.76302 10.9454 6.92176 11.1785 7.15484C11.4116 7.38793 11.5703 7.6849 11.6346 8.0082C11.699 8.33151 11.6659 8.66662 11.5398 8.97116C11.4137 9.2757 11.2 9.536 10.926 9.71914C10.6519 9.90227 10.3296 10 10 10C9.55797 10 9.13405 9.82443 8.82149 9.51187C8.50893 9.1993 8.33333 8.77538 8.33333 8.33335ZM15.7583 13.3334C15.0138 12.0598 13.8678 11.0692 12.5 10.5167C12.9243 10.0356 13.2008 9.44224 13.2962 8.80788C13.3917 8.17353 13.3021 7.52511 13.0381 6.94043C12.7742 6.35575 12.3472 5.85965 11.8083 5.51166C11.2694 5.16366 10.6415 4.97856 10 4.97856C9.35851 4.97856 8.73064 5.16366 8.19174 5.51166C7.65285 5.85965 7.22581 6.35575 6.96187 6.94043C6.69794 7.52511 6.60832 8.17353 6.70377 8.80788C6.79923 9.44224 7.07569 10.0356 7.5 10.5167C6.13217 11.0692 4.98622 12.0598 4.24167 13.3334C3.64829 12.3226 3.33477 11.1721 3.33333 10C3.33333 8.23191 4.03571 6.53622 5.28596 5.28598C6.5362 4.03573 8.23189 3.33335 10 3.33335C11.7681 3.33335 13.4638 4.03573 14.714 5.28598C15.9643 6.53622 16.6667 8.23191 16.6667 10C16.6652 11.1721 16.3517 12.3226 15.7583 13.3334Z"
 }));
 const ForwardRef = forwardRef(PersonCircleIcon);

package/monochromes/PersonIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PersonIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PersonIcon = (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.7105 12.7099C16.6909 11.9385 17.4065 10.8808 17.7577 9.68382C18.109 8.48684 18.0784 7.21015 17.6703 6.03135C17.2621 4.85255 16.4967 3.83027 15.4806 3.10674C14.4644 2.3832 13.2479 1.99438 12.0005 1.99438C10.753 1.99438 9.5366 2.3832 8.52041 3.10674C7.50423 3.83027 6.73883 4.85255 6.3307 6.03135C5.92257 7.21015 5.892 8.48684 6.24325 9.68382C6.59449 10.8808 7.31009 11.9385 8.29048 12.7099C6.61056 13.3829 5.14477 14.4992 4.04938 15.9398C2.95398 17.3804 2.27005 19.0912 2.07048 20.8899C2.05604 21.0212 2.0676 21.1541 2.10451 21.2809C2.14142 21.4078 2.20295 21.5261 2.2856 21.6292C2.4525 21.8374 2.69527 21.9707 2.96049 21.9999C3.2257 22.0291 3.49164 21.9517 3.69981 21.7848C3.90798 21.6179 4.04131 21.3751 4.07049 21.1099C4.29007 19.1551 5.22217 17.3497 6.6887 16.0387C8.15524 14.7277 10.0534 14.0029 12.0205 14.0029C13.9876 14.0029 15.8857 14.7277 17.3523 16.0387C18.8188 17.3497 19.7509 19.1551 19.9705 21.1099C19.9977 21.3556 20.1149 21.5825 20.2996 21.7469C20.4843 21.9113 20.7233 22.0014 20.9705 21.9999H21.0805C21.3426 21.9697 21.5822 21.8372 21.747 21.6311C21.9119 21.4251 21.9886 21.1622 21.9605 20.8999C21.76 19.0961 21.0724 17.3809 19.9713 15.9381C18.8703 14.4953 17.3974 13.3794 15.7105 12.7099ZM12.0005 11.9999C11.2094 11.9999 10.436 11.7653 9.7782 11.3258C9.12041 10.8862 8.60772 10.2615 8.30497 9.53061C8.00222 8.79971 7.923 7.99544 8.07734 7.21952C8.23168 6.4436 8.61265 5.73086 9.17206 5.17145C9.73147 4.61204 10.4442 4.23108 11.2201 4.07674C11.996 3.9224 12.8003 4.00161 13.5312 4.30436C14.2621 4.60711 14.8868 5.1198 15.3264 5.7776C15.7659 6.4354 16.0005 7.20876 16.0005 7.99988C16.0005 9.06075 15.5791 10.0782 14.8289 10.8283C14.0788 11.5785 13.0614 11.9999 12.0005 11.9999Z"
 }));
 const ForwardRef = forwardRef(PersonIcon);

package/monochromes/PictureAddIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PictureAddIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PictureAddIcon = (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: "M19.5 9C21.9853 9 24 6.98528 24 4.5C24 2.01472 21.9853 0 19.5 0C17.0147 0 15 2.01472 15 4.5C15 6.98528 17.0147 9 19.5 9ZM17.5 5C17.2236 5 17 4.77612 17 4.5C17 4.22388 17.2236 4 17.5 4H19V2.5C19 2.22388 19.2236 2 19.5 2C19.7764 2 20 2.22388 20 2.5V4H21.5C21.7764 4 22 4.22388 22 4.5C22 4.63647 21.9453 4.76019 21.8569 4.8504C21.7661 4.94275 21.6396 5 21.5 5H20V6.5C20 6.77612 19.7764 7 19.5 7C19.2236 7 19 6.77612 19 6.5V5H17.5Z",
   clipRule: "evenodd"

package/monochromes/PictureEyedropperIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PictureEyedropperIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PictureEyedropperIcon = (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: "M13 8C13 7.44772 13.4477 7 14 7H14.01C14.5623 7 15.01 7.44772 15.01 8C15.01 8.55228 14.5623 9 14.01 9H14C13.4477 9 13 8.55228 13 8Z",
   clipRule: "evenodd"

package/monochromes/PictureIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PictureIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PictureIcon = (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.87868 3.87868C4.44129 3.31607 5.20435 3 6 3H18C18.7956 3 19.5587 3.31607 20.1213 3.87868C20.6839 4.44129 21 5.20435 21 6V13.999C21 13.9997 21 14.0003 21 14.001V18C21 18.7957 20.6839 19.5587 20.1213 20.1213C19.5587 20.6839 18.7957 21 18 21H6C5.20435 21 4.44129 20.6839 3.87868 20.1213C3.31607 19.5587 3 18.7956 3 18V16.0002C3 16.0001 3 16.0003 3 16.0002V6C3 5.20435 3.31607 4.44129 3.87868 3.87868ZM5 16.4142V18C5 18.2652 5.10536 18.5196 5.29289 18.7071C5.48043 18.8946 5.73478 19 6 19H18C18.2652 19 18.5196 18.8946 18.7071 18.7071C18.8946 18.5196 19 18.2652 19 18V14.4142L17.707 13.1212C17.707 13.1212 17.707 13.1212 17.707 13.1212C17.5195 12.9338 17.2651 12.8284 17 12.8284C16.7349 12.8284 16.4806 12.9337 16.2931 13.1211C16.2931 13.1211 16.2931 13.1211 16.2931 13.1211L15.4142 14L16.7071 15.2929C17.0976 15.6834 17.0976 16.3166 16.7071 16.7071C16.3166 17.0976 15.6834 17.0976 15.2929 16.7071L10.707 12.1212C10.707 12.1212 10.707 12.1212 10.707 12.1212C10.5195 11.9338 10.2651 11.8284 10 11.8284C9.73489 11.8284 9.48062 11.9337 9.29311 12.1211C9.29307 12.1211 9.29314 12.1211 9.29311 12.1211L5 16.4142ZM14 12.5858L12.1211 10.7069C11.5585 10.1445 10.7955 9.82843 10 9.82843C9.20451 9.82843 8.44158 10.1444 7.879 10.7068L5 13.5858V6C5 5.73478 5.10536 5.48043 5.29289 5.29289C5.48043 5.10536 5.73478 5 6 5H18C18.2652 5 18.5196 5.10536 18.7071 5.29289C18.8946 5.48043 19 5.73478 19 6V11.5924C18.4515 11.1017 17.7398 10.8284 17 10.8284C16.2045 10.8284 15.4416 11.1444 14.879 11.7068L14 12.5858ZM13 8C13 7.44772 13.4477 7 14 7H14.01C14.5623 7 15.01 7.44772 15.01 8C15.01 8.55228 14.5623 9 14.01 9H14C13.4477 9 13 8.55228 13 8Z",
   clipRule: "evenodd"

package/monochromes/PictureMultipleIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PictureMultipleIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PictureMultipleIcon = (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("g", null, /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
   d: "m13 8.50002c.5523 0 1-.44771 1-1 0-.55228-.4477-1-1-1s-1 .44772-1 1c0 .55229.4477 1 1 1z"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",

package/monochromes/PictureNoneIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PictureNoneIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PictureNoneIcon = (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: "M2.29302 2.29306C2.68354 1.90257 3.31656 1.90255 3.70708 2.29306L21.7071 20.2931C22.0975 20.6836 22.0975 21.3166 21.7071 21.7071C21.3166 22.0976 20.6835 22.0975 20.293 21.7071L2.29302 3.70712C1.90249 3.3166 1.90249 2.68359 2.29302 2.29306Z"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M5.00005 7.82822V13.586L7.87895 10.7071L9.29302 12.1212L5.00005 16.4142V18.0001C5.00007 18.2653 5.1055 18.5196 5.29302 18.7071C5.48054 18.8946 5.73487 19.0001 6.00005 19.0001H16.1719L18.1631 20.9913C18.1089 20.9943 18.0546 21.0001 18 21.0001H6.00005C5.20444 21.0001 4.44155 20.6837 3.87895 20.1212C3.31637 19.5586 3.00007 18.7957 3.00005 18.0001V6.00009C3.00005 5.9452 3.00487 5.89056 3.00786 5.83603L5.00005 7.82822Z"

package/monochromes/PictureReplaceIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PictureReplaceIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PictureReplaceIcon = (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: "M16 3C17.6569 3 19 4.34315 19 6V8V9.5V16.0858L20.7929 14.2929C21.1834 13.9024 21.8166 13.9024 22.2071 14.2929C22.5976 14.6834 22.5976 15.3166 22.2071 15.7071L18.7071 19.2071C18.3166 19.5976 17.6834 19.5976 17.2929 19.2071L13.7929 15.7071C13.4024 15.3166 13.4024 14.6834 13.7929 14.2929C14.1834 13.9024 14.8166 13.9024 15.2071 14.2929L17 16.0858L17 9.50126L17 9.5L17 8L17 6C17 5.44772 16.5523 5 16 5H13.5C12.9477 5 12.5 4.55228 12.5 4C12.5 3.44772 12.9477 3 13.5 3H16ZM8.79289 9.20711C9.18342 9.59763 9.81658 9.59763 10.2071 9.20711C10.5976 8.81658 10.5976 8.18342 10.2071 7.79289L6.70711 4.29289C6.31658 3.90237 5.68342 3.90237 5.29289 4.29289L1.79289 7.79289C1.40237 8.18342 1.40237 8.81658 1.79289 9.20711C2.18342 9.59763 2.81658 9.59763 3.20711 9.20711L5 7.41421V11.5V15.5V17.5C5 19.1569 6.34315 20.5 8 20.5H10.5C11.0523 20.5 11.5 20.0523 11.5 19.5C11.5 18.9477 11.0523 18.5 10.5 18.5H8C7.44772 18.5 7 18.0523 7 17.5V15.5V11.5V7.41421L8.79289 9.20711Z",
   clipRule: "evenodd"

package/monochromes/PicturesIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PicturesIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PicturesIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 18 17",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M9.83333 5.08346C10.2936 5.08346 10.6667 4.71036 10.6667 4.25012C10.6667 3.78988 10.2936 3.41679 9.83333 3.41679C9.3731 3.41679 9 3.78988 9 4.25012C9 4.71036 9.3731 5.08346 9.83333 5.08346Z"
 }), /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",

package/monochromes/PlaceholderIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PlaceholderIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PlaceholderIcon = (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 7C2 4.23858 4.23858 2 7 2H17C19.7614 2 22 4.23858 22 7V17C22 19.7614 19.7614 22 17 22H7C4.23858 22 2 19.7614 2 17V7ZM7 4H17C17.4632 4 17.9019 4.10497 18.2935 4.29242L4.29242 18.2935C4.10497 17.9019 4 17.4632 4 17V7C4 5.34315 5.34315 4 7 4ZM5.70669 19.7077C6.0983 19.8951 6.53689 20 7 20H17C18.6569 20 20 18.6569 20 17V7C20 6.53689 19.8951 6.0983 19.7077 5.70669L5.70669 19.7077Z",
   clipRule: "evenodd"

package/monochromes/PlaceholderSelectedIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PlaceholderSelectedIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PlaceholderSelectedIcon = (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: "M19.7574 2.82841C18.967 2.30488 18.0191 2 17 2H7C4.23858 2 2 4.23858 2 7V17C2 18.0191 2.30488 18.967 2.82841 19.7574L19.7574 2.82841Z"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M4.24263 21.1716C5.03306 21.6951 5.98093 22 7 22H17C19.7614 22 22 19.7614 22 17V7C22 5.98093 21.6951 5.03306 21.1716 4.24263L4.24263 21.1716Z"

package/monochromes/PlayIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PlayIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PlayIcon = (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 10.268C21.3333 11.0378 21.3333 12.9623 20 13.7321L8 20.6603C6.66667 21.4301 5 20.4678 5 18.9282L5 5.07183C5 3.53223 6.66667 2.56998 8 3.33978L20 10.268Z"
 }));
 const ForwardRef = forwardRef(PlayIcon);

package/monochromes/PortraitIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PortraitIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PortraitIcon = (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: "M4 5C4 3.34315 5.34315 2 7 2H17C18.6569 2 20 3.34315 20 5V12.9993C20 12.9998 20 13.0002 20 13.0007V19C20 20.6569 18.6569 22 17 22H7C5.34315 22 4 20.6569 4 19V15.0002C4 15.0001 4 15.0003 4 15.0002V5ZM6 15.4142V19C6 19.5523 6.44772 20 7 20H17C17.5523 20 18 19.5523 18 19V13.4142L17.707 13.1212C17.707 13.1212 17.707 13.1212 17.707 13.1212C17.5195 12.9338 17.2651 12.8284 17 12.8284C16.7349 12.8284 16.4806 12.9337 16.2931 13.1211C16.2931 13.1211 16.2931 13.1211 16.2931 13.1211L15.4142 14L16.7071 15.2929C17.0976 15.6834 17.0976 16.3166 16.7071 16.7071C16.3166 17.0976 15.6834 17.0976 15.2929 16.7071L10.707 12.1212C10.707 12.1212 10.707 12.1212 10.707 12.1212C10.5195 11.9338 10.2651 11.8284 10 11.8284C9.73489 11.8284 9.48062 11.9337 9.29311 12.1211C9.29307 12.1211 9.29314 12.1211 9.29311 12.1211L6 15.4142ZM14 12.5858L12.1211 10.7069C11.5585 10.1445 10.7955 9.82843 10 9.82843C9.20451 9.82843 8.44158 10.1444 7.879 10.7068L6 12.5858V5C6 4.44772 6.44772 4 7 4H17C17.5523 4 18 4.44772 18 5V11C17.6818 10.8875 17.3439 10.8284 17 10.8284C16.2045 10.8284 15.4416 11.1444 14.879 11.7068L14 12.5858ZM13 8C13 7.44772 13.4477 7 14 7H14.01C14.5623 7 15.01 7.44772 15.01 8C15.01 8.55228 14.5623 9 14.01 9H14C13.4477 9 13 8.55228 13 8Z",
   clipRule: "evenodd"

package/monochromes/PositionCenterIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PositionCenterIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PositionCenterIcon = (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: "M3 9C3.26522 9 3.51957 8.89464 3.70711 8.70711C3.89464 8.51957 4 8.26522 4 8V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H8C8.26522 4 8.51957 3.89464 8.70711 3.70711C8.89464 3.51957 9 3.26522 9 3C9 2.73478 8.89464 2.48043 8.70711 2.29289C8.51957 2.10536 8.26522 2 8 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V8C2 8.26522 2.10536 8.51957 2.29289 8.70711C2.48043 8.89464 2.73478 9 3 9ZM8 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V16C4 15.7348 3.89464 15.4804 3.70711 15.2929C3.51957 15.1054 3.26522 15 3 15C2.73478 15 2.48043 15.1054 2.29289 15.2929C2.10536 15.4804 2 15.7348 2 16V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H8C8.26522 22 8.51957 21.8946 8.70711 21.7071C8.89464 21.5196 9 21.2652 9 21C9 20.7348 8.89464 20.4804 8.70711 20.2929C8.51957 20.1054 8.26522 20 8 20ZM19 2H16C15.7348 2 15.4804 2.10536 15.2929 2.29289C15.1054 2.48043 15 2.73478 15 3C15 3.26522 15.1054 3.51957 15.2929 3.70711C15.4804 3.89464 15.7348 4 16 4H19C19.2652 4 19.5196 4.10536 19.7071 4.29289C19.8946 4.48043 20 4.73478 20 5V8C20 8.26522 20.1054 8.51957 20.2929 8.70711C20.4804 8.89464 20.7348 9 21 9C21.2652 9 21.5196 8.89464 21.7071 8.70711C21.8946 8.51957 22 8.26522 22 8V5C22 4.20435 21.6839 3.44129 21.1213 2.87868C20.5587 2.31607 19.7956 2 19 2ZM21 15C20.7348 15 20.4804 15.1054 20.2929 15.2929C20.1054 15.4804 20 15.7348 20 16V19C20 19.2652 19.8946 19.5196 19.7071 19.7071C19.5196 19.8946 19.2652 20 19 20H16C15.7348 20 15.4804 20.1054 15.2929 20.2929C15.1054 20.4804 15 20.7348 15 21C15 21.2652 15.1054 21.5196 15.2929 21.7071C15.4804 21.8946 15.7348 22 16 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V16C22 15.7348 21.8946 15.4804 21.7071 15.2929C21.5196 15.1054 21.2652 15 21 15Z"
 }));
 const ForwardRef = forwardRef(PositionCenterIcon);

package/monochromes/PositionIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PositionIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PositionIcon = (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 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6ZM6 4C4.89543 4 4 4.89543 4 6V18C4 19.1046 4.89543 20 6 20H18C19.1046 20 20 19.1046 20 18V6C20 4.89543 19.1046 4 18 4H6ZM10 6C10 5.44772 10.4477 5 11 5H13C13.5523 5 14 5.44772 14 6C14 6.55228 13.5523 7 13 7H11C10.4477 7 10 6.55228 10 6ZM6 10C6.55228 10 7 10.4477 7 11V13C7 13.5523 6.55228 14 6 14C5.44772 14 5 13.5523 5 13V11C5 10.4477 5.44772 10 6 10ZM18 10C18.5523 10 19 10.4477 19 11V13C19 13.5523 18.5523 14 18 14C17.4477 14 17 13.5523 17 13V11C17 10.4477 17.4477 10 18 10ZM10 18C10 17.4477 10.4477 17 11 17H13C13.5523 17 14 17.4477 14 18C14 18.5523 13.5523 19 13 19H11C10.4477 19 10 18.5523 10 18Z",
   clipRule: "evenodd"

package/monochromes/PriceTagIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PriceTagIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PriceTagIcon = (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.5 6.00002C7.20333 6.00002 6.91332 6.08799 6.66665 6.25281C6.41997 6.41763 6.22771 6.6519 6.11418 6.92599C6.00065 7.20008 5.97095 7.50168 6.02882 7.79265C6.0867 8.08362 6.22956 8.3509 6.43934 8.56068C6.64912 8.77046 6.91639 8.91332 7.20737 8.97119C7.49834 9.02907 7.79994 8.99937 8.07403 8.88584C8.34812 8.7723 8.58238 8.58005 8.74721 8.33337C8.91203 8.0867 9 7.79669 9 7.50002C9 7.10219 8.84197 6.72066 8.56066 6.43936C8.27936 6.15805 7.89783 6.00002 7.5 6.00002ZM21.12 10.71L12.71 2.29002C12.6166 2.19734 12.5057 2.12401 12.3839 2.07425C12.2621 2.02448 12.1316 1.99926 12 2.00002H3C2.73478 2.00002 2.48043 2.10537 2.29289 2.29291C2.10536 2.48045 2 2.7348 2 3.00002V12C1.99924 12.1316 2.02447 12.2621 2.07423 12.3839C2.12399 12.5058 2.19732 12.6166 2.29 12.71L10.71 21.12C11.2725 21.6818 12.035 21.9974 12.83 21.9974C13.625 21.9974 14.3875 21.6818 14.95 21.12L21.12 15C21.6818 14.4375 21.9974 13.675 21.9974 12.88C21.9974 12.085 21.6818 11.3225 21.12 10.76V10.71ZM19.71 13.53L13.53 19.7C13.3426 19.8863 13.0892 19.9908 12.825 19.9908C12.5608 19.9908 12.3074 19.8863 12.12 19.7L4 11.59V4.00002H11.59L19.71 12.12C19.8027 12.2135 19.876 12.3243 19.9258 12.4461C19.9755 12.5679 20.0008 12.6984 20 12.83C19.9989 13.0924 19.8947 13.3438 19.71 13.53Z"
 }));
 const ForwardRef = forwardRef(PriceTagIcon);

package/monochromes/PricingApiIcon.js

@@ -2,15 +2,16 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const PricingApiIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const PricingApiIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
   viewBox: "0 0 32 32",
   style: {
     flexShrink: 0
   },
   fill: "currentColor",
   "aria-hidden": "true",
-  ref: ref
-}, props), /*#__PURE__*/React.createElement("path", {
+  ref: ref,
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
   d: "M0 6C0 2.68629 2.68629 0 6 0H26C29.3137 0 32 2.68629 32 6V26C32 29.3137 29.3137 32 26 32H6C2.68629 32 0 29.3137 0 26V6Z"
 }), /*#__PURE__*/React.createElement("path", {
   stroke: "white",