@photoroom/icons 0.1.16 → 0.1.18

package/monochromes/CopyIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const CopyIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const CopyIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,9 +13,9 @@ const CopyIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  id: "Copy"
+  id: `${__id}-Copy`
 }, /*#__PURE__*/React.createElement("g", {
-  id: "Vector"
+  id: `${__id}-Vector`
 }, /*#__PURE__*/React.createElement("path", {
   d: "M12 3H5C3.89543 3 3 3.89543 3 5V12C3 13.1046 3.89543 14 5 14C5.55228 14 6 14.4477 6 15C6 15.5523 5.55228 16 5 16C2.79086 16 1 14.2091 1 12V5C1 2.79086 2.79086 1 5 1H12C14.2091 1 16 2.79086 16 5C16 5.55228 15.5523 6 15 6C14.4477 6 14 5.55228 14 5C14 3.89543 13.1046 3 12 3Z"
 }), /*#__PURE__*/React.createElement("path", {
@@ -21,5 +23,6 @@ const CopyIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.
   d: "M8 12C8 9.79086 9.79086 8 12 8H19C21.2091 8 23 9.79086 23 12V19C23 21.2091 21.2091 23 19 23H12C9.79086 23 8 21.2091 8 19V12ZM12 10H19C20.1046 10 21 10.8954 21 12V19C21 20.1046 20.1046 21 19 21H12C10.8954 21 10 20.1046 10 19V12C10 10.8954 10.8954 10 12 10Z",
   clipRule: "evenodd"
 }))));
+};
 const ForwardRef = forwardRef(CopyIcon);
 export { ForwardRef as CopyIcon };

package/monochromes/DropIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const DropIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const DropIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 128 128",
   style: {
     flexShrink: 0
@@ -11,7 +13,7 @@ const DropIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  clipPath: "url(#clip0_590_35670)"
+  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"
 }), /*#__PURE__*/React.createElement("path", {
@@ -45,11 +47,12 @@ const DropIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.
 }), /*#__PURE__*/React.createElement("path", {
   d: "M37.3326 13.3318C37.3326 14.8051 36.1388 15.9988 34.6665 15.9988C33.1933 15.9988 31.9995 14.8051 31.9995 13.3318C31.9995 11.8595 33.1933 10.6658 34.6665 10.6658C36.1388 10.6658 37.3326 11.8595 37.3326 13.3318Z"
 })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-  id: "clip0_590_35670"
+  id: `${__id}-clip0_590_35670`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 128,
   height: 128.001,
   transform: "translate(0 -0.000732422)"
 }))));
+};
 const ForwardRef = forwardRef(DropIcon);
 export { ForwardRef as DropIcon };

package/monochromes/DuplicateIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const DuplicateIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const DuplicateIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,9 +13,9 @@ const DuplicateIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Ob
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  id: "duplicate"
+  id: `${__id}-duplicate`
 }, /*#__PURE__*/React.createElement("g", {
-  id: "Vector"
+  id: `${__id}-Vector`
 }, /*#__PURE__*/React.createElement("path", {
   d: "M5 3H12C13.1046 3 14 3.89543 14 5C14 5.55228 14.4477 6 15 6C15.5523 6 16 5.55228 16 5C16 2.79086 14.2091 1 12 1H5C2.79086 1 1 2.79086 1 5V12C1 14.2091 2.79086 16 5 16C5.55228 16 6 15.5523 6 15C6 14.4477 5.55228 14 5 14C3.89543 14 3 13.1046 3 12V5C3 3.89543 3.89543 3 5 3Z"
 }), /*#__PURE__*/React.createElement("path", {
@@ -23,5 +25,6 @@ const DuplicateIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Ob
   d: "M12 8C9.79086 8 8 9.79086 8 12V19C8 21.2091 9.79086 23 12 23H19C21.2091 23 23 21.2091 23 19V12C23 9.79086 21.2091 8 19 8H12ZM19 10H12C10.8954 10 10 10.8954 10 12V19C10 20.1046 10.8954 21 12 21H19C20.1046 21 21 20.1046 21 19V12C21 10.8954 20.1046 10 19 10Z",
   clipRule: "evenodd"
 }))));
+};
 const ForwardRef = forwardRef(DuplicateIcon);
 export { ForwardRef as DuplicateIcon };

package/monochromes/FileLinesIcon.d.ts

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

package/monochromes/FileLinesIcon.js

@@ -0,0 +1,19 @@
+// Code generated by "generateIcons.js"; DO NOT EDIT.
+
+import * as React from "react";
+import { forwardRef } from "react";
+const FileLinesIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  viewBox: "0 0 24 24",
+  style: {
+    flexShrink: 0
+  },
+  fill: "currentColor",
+  "aria-hidden": "true",
+  ref: ref
+}, props), /*#__PURE__*/React.createElement("g", {
+  transform: "translate(4 2)"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M5 8H6C6.26522 8 6.51957 7.89464 6.70711 7.70711C6.89464 7.51957 7 7.26522 7 7C7 6.73478 6.89464 6.48043 6.70711 6.29289C6.51957 6.10536 6.26522 6 6 6H5C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7C4 7.26522 4.10536 7.51957 4.29289 7.70711C4.48043 7.89464 4.73478 8 5 8V8ZM5 10C4.73478 10 4.48043 10.1054 4.29289 10.2929C4.10536 10.4804 4 10.7348 4 11C4 11.2652 4.10536 11.5196 4.29289 11.7071C4.48043 11.8946 4.73478 12 5 12H11C11.2652 12 11.5196 11.8946 11.7071 11.7071C11.8946 11.5196 12 11.2652 12 11C12 10.7348 11.8946 10.4804 11.7071 10.2929C11.5196 10.1054 11.2652 10 11 10H5ZM16 6.94C15.9896 6.84813 15.9695 6.75763 15.94 6.67V6.58C15.8919 6.47718 15.8278 6.38267 15.75 6.3V6.3L9.75 0.3C9.66734 0.222216 9.57282 0.158081 9.47 0.11C9.44015 0.10576 9.40985 0.10576 9.38 0.11C9.27841 0.0517412 9.16622 0.0143442 9.05 0H3C2.20435 0 1.44129 0.316071 0.87868 0.87868C0.316071 1.44129 0 2.20435 0 3V17C0 17.7956 0.316071 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H13C13.7956 20 14.5587 19.6839 15.1213 19.1213C15.6839 18.5587 16 17.7956 16 17V7C16 7 16 7 16 6.94ZM10 3.41L12.59 6H11C10.7348 6 10.4804 5.89464 10.2929 5.70711C10.1054 5.51957 10 5.26522 10 5V3.41ZM14 17C14 17.2652 13.8946 17.5196 13.7071 17.7071C13.5196 17.8946 13.2652 18 13 18H3C2.73478 18 2.48043 17.8946 2.29289 17.7071C2.10536 17.5196 2 17.2652 2 17V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H8V5C8 5.79565 8.31607 6.55871 8.87868 7.12132C9.44129 7.68393 10.2044 8 11 8H14V17ZM11 14H5C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16H11C11.2652 16 11.5196 15.8946 11.7071 15.7071C11.8946 15.5196 12 15.2652 12 15C12 14.7348 11.8946 14.4804 11.7071 14.2929C11.5196 14.1054 11.2652 14 11 14Z"
+})));
+const ForwardRef = forwardRef(FileLinesIcon);
+export { ForwardRef as FileLinesIcon };

package/monochromes/FireIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const FireIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const FireIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,10 +13,11 @@ const FireIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  id: "fire"
+  id: `${__id}-fire`
 }, /*#__PURE__*/React.createElement("path", {
-  id: "Vector",
+  id: `${__id}-Vector`,
   d: "M8.46777 8.39445L8.46552 8.39628L8.46338 8.39836L8.46777 8.39445ZM18.4219 8.20792C18.3523 8.14087 18.2751 8.0822 18.1919 8.03311C18.0741 7.96377 17.9433 7.91934 17.8076 7.90255C17.6719 7.88577 17.5343 7.89699 17.4031 7.93552C17.2719 7.97406 17.1501 8.03909 17.0451 8.12659C16.94 8.21409 16.8541 8.32221 16.7925 8.44425C16.448 9.12294 15.9729 9.72694 15.3945 10.2216C15.4829 9.7232 15.5275 9.21801 15.5278 8.71182C15.5296 7.17192 15.1234 5.65903 14.3504 4.32719C13.5775 2.99534 12.4654 1.89211 11.1274 1.12982C10.98 1.04627 10.8138 1.00153 10.6444 0.999808C10.4749 0.998083 10.3079 1.03943 10.1588 1.11996C10.0097 1.2005 9.88358 1.31758 9.79217 1.46023C9.70075 1.60288 9.64707 1.76642 9.63617 1.93549C9.58021 2.88367 9.33233 3.81061 8.90756 4.66016C8.48279 5.50971 7.88996 6.26418 7.165 6.87785L6.93453 7.06535C6.17644 7.57544 5.50543 8.20425 4.94723 8.92765C4.07955 10.0208 3.47848 11.301 3.19169 12.6668C2.9049 14.0327 2.94028 15.4465 3.29503 16.7963C3.64977 18.1461 4.31412 19.3947 5.2354 20.443C6.15667 21.4914 7.30953 22.3106 8.60254 22.8359C8.75436 22.8979 8.91911 22.9216 9.08226 22.9049C9.24542 22.8882 9.40195 22.8317 9.53807 22.7402C9.67419 22.6487 9.7857 22.5251 9.86277 22.3804C9.93984 22.2356 9.9801 22.0741 9.98 21.9101C9.97928 21.804 9.96249 21.6986 9.9302 21.5976C9.70647 20.7566 9.64205 19.8812 9.74025 19.0165C10.6865 20.8012 12.2054 22.2159 14.0528 23.0331C14.2782 23.134 14.5332 23.1476 14.7681 23.0712C16.2277 22.6001 17.5425 21.7636 18.5877 20.6413C19.633 19.5189 20.3738 18.1479 20.74 16.6585C21.1061 15.1692 21.0853 13.6109 20.6796 12.1318C20.2739 10.6528 19.4967 9.30202 18.4219 8.20792ZM14.5171 21.039C13.6454 20.5972 12.8765 19.9769 12.2602 19.2185C11.644 18.46 11.1943 17.5803 10.9404 16.6366C10.8629 16.3189 10.8029 15.9971 10.7607 15.6728C10.7322 15.4662 10.6398 15.2738 10.4965 15.1223C10.3532 14.9708 10.1661 14.868 9.96143 14.828C9.89838 14.8156 9.83426 14.8094 9.77 14.8095C9.59424 14.8094 9.42158 14.8557 9.26941 14.9437C9.11725 15.0316 8.99096 15.1582 8.9033 15.3105C8.07357 16.7416 7.6563 18.3745 7.69773 20.0283C6.96797 19.4609 6.35808 18.7543 5.90341 17.9495C5.44873 17.1446 5.15832 16.2576 5.049 15.3397C4.93968 14.4218 5.01363 13.4913 5.26655 12.6022C5.51948 11.7131 5.94636 10.883 6.52244 10.1601C6.95985 9.59194 7.48753 9.09939 8.08444 8.7021C8.11029 8.68542 8.13507 8.66716 8.15866 8.64741C8.15866 8.64741 8.45535 8.40193 8.46549 8.39631C9.89019 7.19127 10.9035 5.57183 11.3642 3.76362C12.4538 4.77085 13.1803 6.10965 13.431 7.57213C13.6816 9.03461 13.4424 10.5389 12.7505 11.8515C12.659 12.0267 12.6215 12.225 12.6427 12.4214C12.6638 12.6178 12.7427 12.8036 12.8693 12.9553C12.9959 13.107 13.1646 13.2178 13.3541 13.2737C13.5436 13.3296 13.7454 13.3282 13.9341 13.2695C15.4658 12.7893 16.8138 11.8514 17.7964 10.582C18.3869 11.4543 18.773 12.4486 18.9259 13.4909C19.0787 14.5331 18.9944 15.5964 18.6792 16.6016C18.364 17.6067 17.826 18.5277 17.1054 19.2961C16.3847 20.0644 15.5 20.6602 14.5171 21.039L14.5171 21.039Z"
 })));
+};
 const ForwardRef = forwardRef(FireIcon);
 export { ForwardRef as FireIcon };

package/monochromes/FoodIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const FoodIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const FoodIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,10 +13,11 @@ const FoodIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  id: "food"
+  id: `${__id}-food`
 }, /*#__PURE__*/React.createElement("path", {
-  id: "Vector",
+  id: `${__id}-Vector`,
   d: "M8.51033 12.484C8.31255 12.484 8.11921 12.5426 7.95476 12.6525C7.79031 12.7624 7.66214 12.9186 7.58645 13.1013C7.51077 13.284 7.49096 13.4851 7.52955 13.6791C7.56813 13.873 7.66337 14.0512 7.80323 14.1911C7.94308 14.3309 8.12126 14.4262 8.31524 14.4648C8.50922 14.5033 8.71029 14.4835 8.89302 14.4079C9.07574 14.3322 9.23192 14.204 9.3418 14.0395C9.45168 13.8751 9.51033 13.6818 9.51033 13.484C9.51033 13.2188 9.40498 12.9644 9.21744 12.7769C9.0299 12.5893 8.77555 12.484 8.51033 12.484ZM8.51033 8.00397C8.31255 8.00397 8.11921 8.06262 7.95476 8.1725C7.79031 8.28239 7.66214 8.43856 7.58645 8.62129C7.51077 8.80402 7.49096 9.00508 7.52955 9.19906C7.56813 9.39305 7.66337 9.57123 7.80323 9.71108C7.94308 9.85093 8.12126 9.94617 8.31524 9.98476C8.50922 10.0233 8.71029 10.0035 8.89302 9.92785C9.07574 9.85217 9.23192 9.72399 9.3418 9.55955C9.45168 9.3951 9.51033 9.20176 9.51033 9.00397C9.51033 8.73876 9.40498 8.4844 9.21744 8.29687C9.0299 8.10933 8.77555 8.00397 8.51033 8.00397ZM12.0003 10.004C11.7351 10.004 11.4808 10.1093 11.2932 10.2969C11.1057 10.4844 11.0003 10.7388 11.0003 11.004V12.004C11.0003 12.2692 11.1057 12.5235 11.2932 12.7111C11.4808 12.8986 11.7351 13.004 12.0003 13.004C12.2655 13.004 12.5199 12.8986 12.7074 12.7111C12.895 12.5235 13.0003 12.2692 13.0003 12.004V11.004C13.0003 10.7388 12.895 10.4844 12.7074 10.2969C12.5199 10.1093 12.2655 10.004 12.0003 10.004ZM20.5003 8.57397C20.1554 8.37549 19.7743 8.24763 19.3795 8.19784C18.9846 8.14805 18.5838 8.17733 18.2003 8.28397C17.8013 8.39087 17.4296 8.5818 17.1103 8.84397L5.51033 2.13397C5.35831 2.04621 5.18587 2 5.01033 2C4.8348 2 4.66235 2.04621 4.51033 2.13397C4.35587 2.2208 4.22724 2.34711 4.13763 2.49998C4.04802 2.65285 4.00064 2.82678 4.00033 3.00397V16.174C3.41019 16.373 2.8985 16.7544 2.53906 17.263C2.17961 17.7716 1.99097 18.3812 2.00033 19.004C2.00005 19.786 2.30512 20.5371 2.85054 21.0975C3.39596 21.6579 4.13863 21.9831 4.92033 22.004H5.50033C8.77707 21.9963 11.9934 21.1217 14.8229 19.469C17.6523 17.8163 19.994 15.4443 21.6103 12.594C21.9836 11.912 22.0776 11.1117 21.8724 10.3618C21.6672 9.61186 21.1789 8.9709 20.5103 8.57397H20.5003ZM6.00033 4.73397L15.8903 10.444C14.7931 12.0812 13.3263 13.4375 11.6083 14.4033C9.89033 15.3691 7.9693 15.9174 6.00033 16.004V4.73397ZM19.8703 11.614C18.3858 14.2296 16.2177 16.3922 13.5983 17.8702C10.9789 19.3481 8.00681 20.0857 5.00033 20.004C4.73512 20.004 4.48076 19.8986 4.29323 19.7111C4.10569 19.5235 4.00033 19.2692 4.00033 19.004C3.99955 18.87 4.0257 18.7372 4.07724 18.6135C4.12877 18.4898 4.20464 18.3778 4.30033 18.284C4.4882 18.1029 4.7394 18.0024 5.00033 18.004H5.51033C8.07805 18.0029 10.5994 17.3201 12.8167 16.0252C15.034 14.7303 16.8677 12.8698 18.1303 10.634C18.191 10.5243 18.274 10.4285 18.3739 10.3527C18.4737 10.2769 18.5883 10.2229 18.7103 10.194C18.9625 10.1248 19.2317 10.1571 19.4603 10.284C19.6898 10.4073 19.862 10.6153 19.9405 10.8637C20.0189 11.1121 19.9973 11.3813 19.8803 11.614H19.8703Z"
 })));
+};
 const ForwardRef = forwardRef(FoodIcon);
 export { ForwardRef as FoodIcon };

package/monochromes/KeyIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const KeyIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const KeyIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,10 +13,11 @@ const KeyIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.a
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  id: "key"
+  id: `${__id}-key`
 }, /*#__PURE__*/React.createElement("path", {
-  id: "Vector",
+  id: `${__id}-Vector`,
   d: "M21.71 6.52994L20.29 5.11994L21.71 3.70994C21.8983 3.52164 22.0041 3.26624 22.0041 2.99994C22.0041 2.73364 21.8983 2.47824 21.71 2.28994C21.5217 2.10164 21.2663 1.99585 21 1.99585C20.7337 1.99585 20.4783 2.10164 20.29 2.28994L9.74997 12.8299C8.71601 12.1478 7.46564 11.8737 6.24114 12.0608C5.01664 12.248 3.90519 12.883 3.12216 13.8428C2.33913 14.8026 1.94026 16.0189 2.00285 17.2561C2.06544 18.4932 2.58503 19.6631 3.46093 20.539C4.33684 21.4149 5.5067 21.9345 6.74383 21.9971C7.98097 22.0597 9.19729 21.6608 10.1571 20.8778C11.117 20.0947 11.752 18.9833 11.9391 17.7588C12.1262 16.5343 11.8521 15.2839 11.17 14.2499L16.05 9.35994L17.46 10.7799C17.5534 10.8726 17.6642 10.9459 17.7861 10.9957C17.9079 11.0455 18.0384 11.0707 18.17 11.0699C18.3016 11.0707 18.432 11.0455 18.5539 10.9957C18.6757 10.9459 18.7865 10.8726 18.88 10.7799C18.9737 10.687 19.0481 10.5764 19.0989 10.4545C19.1496 10.3327 19.1758 10.202 19.1758 10.0699C19.1758 9.93793 19.1496 9.80722 19.0989 9.68537C19.0481 9.56351 18.9737 9.4529 18.88 9.35994L17.46 7.99994L18.88 6.57994L20.29 7.99994C20.3834 8.09262 20.4942 8.16595 20.6161 8.21571C20.7379 8.26548 20.8684 8.2907 21 8.28994C21.1316 8.2907 21.262 8.26548 21.3839 8.21571C21.5057 8.16595 21.6165 8.09262 21.71 7.99994C21.8115 7.9063 21.8925 7.79265 21.9479 7.66615C22.0033 7.53965 22.0319 7.40304 22.0319 7.26494C22.0319 7.12684 22.0033 6.99023 21.9479 6.86374C21.8925 6.73724 21.8115 6.62358 21.71 6.52994ZM6.99997 19.9999C6.40663 19.9999 5.82661 19.824 5.33326 19.4944C4.83992 19.1647 4.4554 18.6962 4.22834 18.148C4.00127 17.5998 3.94186 16.9966 4.05762 16.4147C4.17337 15.8327 4.4591 15.2982 4.87865 14.8786C5.29821 14.4591 5.83276 14.1733 6.4147 14.0576C6.99665 13.9418 7.59985 14.0012 8.14802 14.2283C8.6962 14.4554 9.16474 14.8399 9.49438 15.3332C9.82403 15.8266 9.99997 16.4066 9.99997 16.9999C9.99997 17.7956 9.6839 18.5587 9.12129 19.1213C8.55869 19.6839 7.79562 19.9999 6.99997 19.9999Z"
 })));
+};
 const ForwardRef = forwardRef(KeyIcon);
 export { ForwardRef as KeyIcon };

package/monochromes/LayersIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const LayersIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const LayersIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,9 +13,9 @@ const LayersIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Objec
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  id: "Layers"
+  id: `${__id}-Layers`
 }, /*#__PURE__*/React.createElement("g", {
-  id: "Vector"
+  id: `${__id}-Vector`
 }, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   d: "M12.447 2.60557C12.1654 2.46481 11.8341 2.46481 11.5525 2.60557L1.55254 7.60557C1.21376 7.77496 0.999756 8.12123 0.999756 8.5C0.999756 8.87877 1.21376 9.22504 1.55254 9.39443L11.5525 14.3944C11.8341 14.5352 12.1654 14.5352 12.447 14.3944L22.447 9.39443C22.7858 9.22504 22.9998 8.87877 22.9998 8.5C22.9998 8.12123 22.7858 7.77496 22.447 7.60557L12.447 2.60557ZM11.9998 12.382L4.23582 8.5L11.9998 4.61803L19.7637 8.5L11.9998 12.382Z",
@@ -21,5 +23,6 @@ const LayersIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Objec
 }), /*#__PURE__*/React.createElement("path", {
   d: "M5.44721 14.8946C5.94119 14.6477 6.14142 14.047 5.89443 13.553C5.64744 13.059 5.04676 12.8588 4.55279 13.1058L1.55279 14.6058C1.214 14.7752 1 15.1214 1 15.5002C1 15.879 1.214 16.2253 1.55279 16.3946L11.5528 21.3946C11.8343 21.5354 12.1657 21.5354 12.4472 21.3946L22.4472 16.3946C22.786 16.2253 23 15.879 23 15.5002C23 15.1214 22.786 14.7752 22.4472 14.6058L19.4472 13.1058C18.9532 12.8588 18.3526 13.059 18.1056 13.553C17.8586 14.047 18.0588 14.6477 18.5528 14.8946L19.7639 15.5002L12 19.3822L4.23607 15.5002L5.44721 14.8946Z"
 }))));
+};
 const ForwardRef = forwardRef(LayersIcon);
 export { ForwardRef as LayersIcon };

package/monochromes/ListOlIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const ListOlIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const ListOlIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,13 +13,14 @@ const ListOlIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Objec
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  clipPath: "url(#a)"
+  clipPath: `url(#${__id}-a)`
 }, /*#__PURE__*/React.createElement("path", {
   d: "M6 13a1 1 0 0 1 1 1v2.5a1 1 0 0 1-1 1H4v.5h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1v-2.5a1 1 0 0 1 1-1h2V15H3a1 1 0 0 1 0-2zM21 16a1 1 0 0 1 0 2H10a1 1 0 0 1 0-2zM21 11a1 1 0 0 1 0 2H10a1 1 0 0 1 0-2zM3.945 4.168A1 1 0 0 1 5.5 5v4H6a1 1 0 0 1 0 2H3a1 1 0 0 1 0-2h.5V6.864a.999.999 0 0 1-1.055-1.696zM21 6a1 1 0 0 1 0 2H10a1 1 0 0 1 0-2z"
 })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-  id: "a"
+  id: `${__id}-a`
 }, /*#__PURE__*/React.createElement("path", {
   d: "M0 0h24v24H0z"
 }))));
+};
 const ForwardRef = forwardRef(ListOlIcon);
 export { ForwardRef as ListOlIcon };

package/monochromes/MoveBackIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const MoveBackIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const MoveBackIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,10 +13,10 @@ const MoveBackIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Obj
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  id: "move_back",
-  clipPath: "url(#clip0_37414_4860)"
+  id: `${__id}-move_back`,
+  clipPath: `url(#${__id}-clip0_37414_4860)`
 }, /*#__PURE__*/React.createElement("g", {
-  id: "Union"
+  id: `${__id}-Union`
 }, /*#__PURE__*/React.createElement("path", {
   d: "M8.44721 9.10582C8.94119 9.35281 9.14142 9.95348 8.89443 10.4475C8.64744 10.9414 8.04676 11.1417 7.55279 10.8947L1.55279 7.89467C1.214 7.72528 1 7.37902 1 7.00024C1 6.62147 1.214 6.27521 1.55279 6.10582L11.5528 1.10582C11.8343 0.965053 12.1657 0.965053 12.4472 1.10582L22.4472 6.10582C22.786 6.27521 23 6.62147 23 7.00024C23 7.37902 22.786 7.72528 22.4472 7.89467L16.4472 10.8947C15.9532 11.1417 15.3526 10.9414 15.1056 10.4475C14.8586 9.95348 15.0588 9.35281 15.5528 9.10582L19.7639 7.00024L12 3.11828L4.23607 7.00024L8.44721 9.10582Z"
 }), /*#__PURE__*/React.createElement("path", {
@@ -24,10 +26,11 @@ const MoveBackIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Obj
 }), /*#__PURE__*/React.createElement("path", {
   d: "M21.5528 11.1056C22.0468 10.8586 22.6475 11.0588 22.8945 11.5528C23.1414 12.0468 22.9412 12.6475 22.4472 12.8944L16.4472 15.8944C15.9533 16.1414 15.3526 15.9412 15.1056 15.4472C14.8586 14.9533 15.0588 14.3526 15.5528 14.1056L21.5528 11.1056Z"
 }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-  id: "clip0_37414_4860"
+  id: `${__id}-clip0_37414_4860`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 24,
   height: 24
 }))));
+};
 const ForwardRef = forwardRef(MoveBackIcon);
 export { ForwardRef as MoveBackIcon };

package/monochromes/MoveFrontIcon.js

@@ -2,7 +2,9 @@
 
 import * as React from "react";
 import { forwardRef } from "react";
-const MoveFrontIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+const MoveFrontIcon = (props, ref) => {
+  const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
   viewBox: "0 0 24 24",
   style: {
     flexShrink: 0
@@ -11,10 +13,10 @@ const MoveFrontIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Ob
   "aria-hidden": "true",
   ref: ref
 }, props), /*#__PURE__*/React.createElement("g", {
-  id: "move_front",
-  clipPath: "url(#clip0_37414_4855)"
+  id: `${__id}-move_front`,
+  clipPath: `url(#${__id}-clip0_37414_4855)`
 }, /*#__PURE__*/React.createElement("g", {
-  id: "Vector"
+  id: `${__id}-Vector`
 }, /*#__PURE__*/React.createElement("path", {
   d: "M12.7071 0.292893C12.3166 -0.0976311 11.6834 -0.0976311 11.2929 0.292893L7.29289 4.29289C6.90237 4.68342 6.90237 5.31658 7.29289 5.70711C7.68342 6.09763 8.31658 6.09763 8.70711 5.70711L11 3.41421V12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12V3.41421L15.2929 5.70711C15.6834 6.09763 16.3166 6.09763 16.7071 5.70711C17.0976 5.31658 17.0976 4.68342 16.7071 4.29289L12.7071 0.292893Z"
 }), /*#__PURE__*/React.createElement("path", {
@@ -22,10 +24,11 @@ const MoveFrontIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Ob
 }), /*#__PURE__*/React.createElement("path", {
   d: "M2.44743 16.1058C1.95345 15.8588 1.35278 16.059 1.10579 16.553C0.858803 17.047 1.05903 17.6477 1.55301 17.8946L11.553 22.8946C11.8345 23.0354 12.1659 23.0354 12.4474 22.8946L22.4474 17.8946C22.9414 17.6477 23.1416 17.047 22.8946 16.553C22.6477 16.059 22.047 15.8588 21.553 16.1058L12.0002 20.8822L2.44743 16.1058Z"
 }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-  id: "clip0_37414_4855"
+  id: `${__id}-clip0_37414_4855`
 }, /*#__PURE__*/React.createElement("rect", {
   width: 24,
   height: 24
 }))));
+};
 const ForwardRef = forwardRef(MoveFrontIcon);
 export { ForwardRef as MoveFrontIcon };

package/monochromes/index.d.ts

@@ -117,6 +117,7 @@ export { FigmaGlobeIcon } from './FigmaGlobeIcon'
 export { FigmaMagnifierIcon } from './FigmaMagnifierIcon'
 export { FigmaMenuIcon } from './FigmaMenuIcon'
 export { FigmaRefreshIcon } from './FigmaRefreshIcon'
+export { FileLinesIcon } from './FileLinesIcon'
 export { FilterIcon } from './FilterIcon'
 export { FireIcon } from './FireIcon'
 export { FixDetailsIcon } from './FixDetailsIcon'

package/monochromes/index.js

@@ -117,6 +117,7 @@ export { FigmaGlobeIcon } from './FigmaGlobeIcon.js'
 export { FigmaMagnifierIcon } from './FigmaMagnifierIcon.js'
 export { FigmaMenuIcon } from './FigmaMenuIcon.js'
 export { FigmaRefreshIcon } from './FigmaRefreshIcon.js'
+export { FileLinesIcon } from './FileLinesIcon.js'
 export { FilterIcon } from './FilterIcon.js'
 export { FireIcon } from './FireIcon.js'
 export { FixDetailsIcon } from './FixDetailsIcon.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/icons",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "private": false,
   "description": "Photoroom icon components",
   "sideEffects": false,