@photoroom/icons 0.1.1

package/README.md

@@ -0,0 +1,34 @@
+# @photoroom/icons
+
+Photoroom icon set — 230+ React icon components.
+
+## Install
+
+```bash
+npm install @photoroom/icons
+```
+
+## Usage
+
+```tsx
+import { SparklesIcon } from "@photoroom/icons";
+
+function App() {
+  return (
+    <button>
+      <SparklesIcon /> Generate
+    </button>
+  );
+}
+```
+
+## What's included
+
+- **Monochromes** — 230+ UI icons (EditIcon, SearchIcon, DownloadIcon, etc.)
+- **Colors** — colored icon variants
+- **Logos** — brand logos
+- **Store buttons** — App Store / Play Store / Web App buttons in 15+ languages
+
+## Links
+
+- [Source](https://github.com/Photoroom/photoroom.com/tree/main/packages/icons)

package/colors/AiShadowsFloatingActiveColorIcon.d.ts

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

package/colors/AiShadowsFloatingActiveColorIcon.js

@@ -0,0 +1,97 @@
+// Code generated by "generateIcons.js"; DO NOT EDIT.
+
+import * as React from "react";
+import { forwardRef } from "react";
+const AiShadowsFloatingActiveColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  fill: "none",
+  viewBox: "0 0 72 72",
+  style: {
+    flexShrink: 0
+  },
+  ref: ref
+}, props), /*#__PURE__*/React.createElement("g", {
+  clipPath: "url(#clip0_54232_10200)"
+}, /*#__PURE__*/React.createElement("mask", {
+  id: "mask0_54232_10200",
+  width: 72,
+  height: 72,
+  x: 0,
+  y: 0,
+  maskUnits: "userSpaceOnUse",
+  style: {
+    maskType: "alpha"
+  }
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#FF0000",
+  fillRule: "evenodd",
+  d: "M72 72H0V0H72V72ZM28 24.5C26.067 24.5 24.5 26.067 24.5 28V44C24.5 45.933 26.067 47.5 28 47.5H44C45.933 47.5 47.5 45.933 47.5 44V28C47.5 26.067 45.933 24.5 44 24.5H28Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("g", {
+  mask: "url(#mask0_54232_10200)"
+}, /*#__PURE__*/React.createElement("g", {
+  filter: "url(#filter0_f_54232_10200)",
+  opacity: 0.5
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M25.2715 53.457C25.718 52.5641 26.6306 52 27.629 52H44.371C45.3694 52 46.282 52.5641 46.7285 53.457C47.3127 54.6253 46.4631 56 45.1568 56H26.8432C25.5369 56 24.6873 54.6253 25.2715 53.457Z"
+}))), /*#__PURE__*/React.createElement("rect", {
+  width: 23,
+  height: 23,
+  x: 24.5,
+  y: 24.5,
+  fill: "#410CD9",
+  opacity: 0.1,
+  rx: 3.5
+}), /*#__PURE__*/React.createElement("g", {
+  opacity: 0.2
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M47.4385 27.3506C47.478 27.5611 47.5 27.778 47.5 28V28.7051L28.7041 47.5H28C27.7777 47.5 27.5604 47.4781 27.3496 47.4385L47.4385 27.3506Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M47.5 35.708L35.708 47.5H34.2939L47.5 34.2939V35.708Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M47.5 42.707L42.708 47.5H41.2939L47.5 41.293V42.707Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M44 24.5C44.2202 24.5 44.4356 24.5207 44.6445 24.5596L24.5596 44.6445C24.5207 44.4356 24.5 44.2202 24.5 44V43.291L43.291 24.5H44Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M24.5 37.7031V36.29L36.292 24.5H37.7061L24.5 37.7031Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M24.5 30.7051V29.29L29.292 24.5H30.7061L24.5 30.7051Z"
+})), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  fillRule: "evenodd",
+  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
+  id: "filter0_f_54232_10200",
+  width: 33.8359,
+  height: 16,
+  x: 19.082,
+  y: 46,
+  colorInterpolationFilters: "sRGB",
+  filterUnits: "userSpaceOnUse"
+}, /*#__PURE__*/React.createElement("feFlood", {
+  floodOpacity: 0,
+  result: "BackgroundImageFix"
+}), /*#__PURE__*/React.createElement("feBlend", {
+  in: "SourceGraphic",
+  in2: "BackgroundImageFix",
+  mode: "normal",
+  result: "shape"
+}), /*#__PURE__*/React.createElement("feGaussianBlur", {
+  result: "effect1_foregroundBlur_54232_10200",
+  stdDeviation: 3
+})), /*#__PURE__*/React.createElement("clipPath", {
+  id: "clip0_54232_10200"
+}, /*#__PURE__*/React.createElement("rect", {
+  width: 72,
+  height: 72,
+  fill: "white"
+}))));
+const ForwardRef = forwardRef(AiShadowsFloatingActiveColorIcon);
+export { ForwardRef as AiShadowsFloatingActiveColorIcon };

package/colors/AiShadowsFloatingColorIcon.d.ts

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

package/colors/AiShadowsFloatingColorIcon.js

@@ -0,0 +1,89 @@
+// Code generated by "generateIcons.js"; DO NOT EDIT.
+
+import * as React from "react";
+import { forwardRef } from "react";
+const AiShadowsFloatingColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  fill: "none",
+  viewBox: "0 0 72 72",
+  style: {
+    flexShrink: 0
+  },
+  ref: ref
+}, props), /*#__PURE__*/React.createElement("g", {
+  clipPath: "url(#clip0_26150_11844)"
+}, /*#__PURE__*/React.createElement("mask", {
+  id: "mask0_26150_11844",
+  width: 72,
+  height: 72,
+  x: 0,
+  y: 0,
+  maskUnits: "userSpaceOnUse",
+  style: {
+    maskType: "alpha"
+  }
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#FF0000",
+  fillRule: "evenodd",
+  d: "M72 72H0V0H72V72ZM28 24.5C26.067 24.5 24.5 26.067 24.5 28V44C24.5 45.933 26.067 47.5 28 47.5H44C45.933 47.5 47.5 45.933 47.5 44V28C47.5 26.067 45.933 24.5 44 24.5H28Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("g", {
+  mask: "url(#mask0_26150_11844)"
+}, /*#__PURE__*/React.createElement("g", {
+  filter: "url(#filter0_f_26150_11844)",
+  opacity: 0.5
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M25.2715 53.457C25.718 52.5641 26.6306 52 27.629 52H44.371C45.3694 52 46.282 52.5641 46.7285 53.457C47.3127 54.6253 46.4631 56 45.1568 56H26.8432C25.5369 56 24.6873 54.6253 25.2715 53.457Z"
+}))), /*#__PURE__*/React.createElement("g", {
+  opacity: 0.2
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M47.4385 27.3506C47.478 27.5611 47.5 27.778 47.5 28V28.7051L28.7041 47.5H28C27.7777 47.5 27.5604 47.4781 27.3496 47.4385L47.4385 27.3506Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M47.5 35.708L35.708 47.5H34.2939L47.5 34.2939V35.708Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M47.5 42.707L42.708 47.5H41.2939L47.5 41.293V42.707Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M44 24.5C44.2202 24.5 44.4356 24.5207 44.6445 24.5596L24.5596 44.6445C24.5207 44.4356 24.5 44.2202 24.5 44V43.291L43.291 24.5H44Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M24.5 37.7031V36.29L36.292 24.5H37.7061L24.5 37.7031Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M24.5 30.7051V29.29L29.292 24.5H30.7061L24.5 30.7051Z"
+})), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  fillRule: "evenodd",
+  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
+  id: "filter0_f_26150_11844",
+  width: 33.8359,
+  height: 16,
+  x: 19.082,
+  y: 46,
+  colorInterpolationFilters: "sRGB",
+  filterUnits: "userSpaceOnUse"
+}, /*#__PURE__*/React.createElement("feFlood", {
+  floodOpacity: 0,
+  result: "BackgroundImageFix"
+}), /*#__PURE__*/React.createElement("feBlend", {
+  in: "SourceGraphic",
+  in2: "BackgroundImageFix",
+  mode: "normal",
+  result: "shape"
+}), /*#__PURE__*/React.createElement("feGaussianBlur", {
+  result: "effect1_foregroundBlur_26150_11844",
+  stdDeviation: 3
+})), /*#__PURE__*/React.createElement("clipPath", {
+  id: "clip0_26150_11844"
+}, /*#__PURE__*/React.createElement("rect", {
+  width: 72,
+  height: 72,
+  fill: "white"
+}))));
+const ForwardRef = forwardRef(AiShadowsFloatingColorIcon);
+export { ForwardRef as AiShadowsFloatingColorIcon };

package/colors/AiShadowsHardActiveColorIcon.d.ts

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

package/colors/AiShadowsHardActiveColorIcon.js

@@ -0,0 +1,76 @@
+// Code generated by "generateIcons.js"; DO NOT EDIT.
+
+import * as React from "react";
+import { forwardRef } from "react";
+const AiShadowsHardActiveColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  fill: "none",
+  viewBox: "0 0 72 72",
+  style: {
+    flexShrink: 0
+  },
+  ref: ref
+}, props), /*#__PURE__*/React.createElement("g", {
+  clipPath: "url(#clip0_54232_10187)"
+}, /*#__PURE__*/React.createElement("mask", {
+  id: "mask0_54232_10187",
+  width: 72,
+  height: 72,
+  x: 0,
+  y: 0,
+  maskUnits: "userSpaceOnUse",
+  style: {
+    maskType: "alpha"
+  }
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#FF0000",
+  fillRule: "evenodd",
+  d: "M72 72H0V0H72V72ZM28 24.5C26.067 24.5 24.5 26.067 24.5 28V44C24.5 45.933 26.067 47.5 28 47.5H44C45.933 47.5 47.5 45.933 47.5 44V28C47.5 26.067 45.933 24.5 44 24.5H28Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("g", {
+  mask: "url(#mask0_54232_10187)"
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M35.4 32.8C35.7777 32.2964 36.3705 32 37 32H56C57.6481 32 58.5889 33.8815 57.6 35.2L50.4 44.8C48.8892 46.8144 46.5181 48 44 48H40C33.4076 48 29.6446 40.4739 33.6 35.2L35.4 32.8Z",
+  opacity: 0.5
+})), /*#__PURE__*/React.createElement("rect", {
+  width: 23,
+  height: 23,
+  x: 24.5,
+  y: 24.5,
+  fill: "#410CD9",
+  opacity: 0.1,
+  rx: 3.5
+}), /*#__PURE__*/React.createElement("g", {
+  opacity: 0.2
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M47.4385 27.3506C47.478 27.5611 47.5 27.778 47.5 28V28.7051L28.7041 47.5H28C27.7777 47.5 27.5604 47.4781 27.3496 47.4385L47.4385 27.3506Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M47.5 35.708L35.708 47.5H34.2939L47.5 34.2939V35.708Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M47.5 42.707L42.708 47.5H41.2939L47.5 41.293V42.707Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M44 24.5C44.2202 24.5 44.4356 24.5207 44.6445 24.5596L24.5596 44.6445C24.5207 44.4356 24.5 44.2202 24.5 44V43.291L43.291 24.5H44Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M24.5 37.7031V36.29L36.292 24.5H37.7061L24.5 37.7031Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M24.5 30.7051V29.29L29.292 24.5H30.7061L24.5 30.7051Z"
+})), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  fillRule: "evenodd",
+  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  id: "clip0_54232_10187"
+}, /*#__PURE__*/React.createElement("rect", {
+  width: 72,
+  height: 72,
+  fill: "white"
+}))));
+const ForwardRef = forwardRef(AiShadowsHardActiveColorIcon);
+export { ForwardRef as AiShadowsHardActiveColorIcon };

package/colors/AiShadowsHardColorIcon.d.ts

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

package/colors/AiShadowsHardColorIcon.js

@@ -0,0 +1,68 @@
+// Code generated by "generateIcons.js"; DO NOT EDIT.
+
+import * as React from "react";
+import { forwardRef } from "react";
+const AiShadowsHardColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  fill: "none",
+  viewBox: "0 0 72 72",
+  style: {
+    flexShrink: 0
+  },
+  ref: ref
+}, props), /*#__PURE__*/React.createElement("g", {
+  clipPath: "url(#clip0_26150_11840)"
+}, /*#__PURE__*/React.createElement("mask", {
+  id: "mask0_26150_11840",
+  width: 72,
+  height: 72,
+  x: 0,
+  y: 0,
+  maskUnits: "userSpaceOnUse",
+  style: {
+    maskType: "alpha"
+  }
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#FF0000",
+  fillRule: "evenodd",
+  d: "M72 72H0V0H72V72ZM28 24.5C26.067 24.5 24.5 26.067 24.5 28V44C24.5 45.933 26.067 47.5 28 47.5H44C45.933 47.5 47.5 45.933 47.5 44V28C47.5 26.067 45.933 24.5 44 24.5H28Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("g", {
+  mask: "url(#mask0_26150_11840)"
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M35.4 32.8C35.7777 32.2964 36.3705 32 37 32H56C57.6481 32 58.5889 33.8815 57.6 35.2L50.4 44.8C48.8892 46.8144 46.5181 48 44 48H40C33.4076 48 29.6446 40.4739 33.6 35.2L35.4 32.8Z",
+  opacity: 0.5
+})), /*#__PURE__*/React.createElement("g", {
+  opacity: 0.2
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M47.4385 27.3506C47.478 27.5611 47.5 27.778 47.5 28V28.7051L28.7041 47.5H28C27.7777 47.5 27.5604 47.4781 27.3496 47.4385L47.4385 27.3506Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M47.5 35.708L35.708 47.5H34.2939L47.5 34.2939V35.708Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M47.5 42.707L42.708 47.5H41.2939L47.5 41.293V42.707Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M44 24.5C44.2202 24.5 44.4356 24.5207 44.6445 24.5596L24.5596 44.6445C24.5207 44.4356 24.5 44.2202 24.5 44V43.291L43.291 24.5H44Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M24.5 37.7031V36.29L36.292 24.5H37.7061L24.5 37.7031Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M24.5 30.7051V29.29L29.292 24.5H30.7061L24.5 30.7051Z"
+})), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  fillRule: "evenodd",
+  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  id: "clip0_26150_11840"
+}, /*#__PURE__*/React.createElement("rect", {
+  width: 72,
+  height: 72,
+  fill: "white"
+}))));
+const ForwardRef = forwardRef(AiShadowsHardColorIcon);
+export { ForwardRef as AiShadowsHardColorIcon };

package/colors/AiShadowsNoneActiveColorIcon.d.ts

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

package/colors/AiShadowsNoneActiveColorIcon.js

@@ -0,0 +1,47 @@
+// Code generated by "generateIcons.js"; DO NOT EDIT.
+
+import * as React from "react";
+import { forwardRef } from "react";
+const AiShadowsNoneActiveColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  fill: "none",
+  viewBox: "0 0 72 72",
+  style: {
+    flexShrink: 0
+  },
+  ref: ref
+}, props), /*#__PURE__*/React.createElement("rect", {
+  width: 23,
+  height: 23,
+  x: 24.5,
+  y: 24.5,
+  fill: "#410CD9",
+  opacity: 0.1,
+  rx: 3.5
+}), /*#__PURE__*/React.createElement("g", {
+  opacity: 0.2
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M47.4385 27.3506C47.478 27.5611 47.5 27.778 47.5 28V28.7051L28.7041 47.5H28C27.7777 47.5 27.5604 47.4781 27.3496 47.4385L47.4385 27.3506Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M47.5 35.708L35.708 47.5H34.2939L47.5 34.2939V35.708Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M47.5 42.707L42.708 47.5H41.2939L47.5 41.293V42.707Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M44 24.5C44.2202 24.5 44.4356 24.5207 44.6445 24.5596L24.5596 44.6445C24.5207 44.4356 24.5 44.2202 24.5 44V43.291L43.291 24.5H44Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M24.5 37.7031V36.29L36.292 24.5H37.7061L24.5 37.7031Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M24.5 30.7051V29.29L29.292 24.5H30.7061L24.5 30.7051Z"
+})), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  fillRule: "evenodd",
+  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
+  clipRule: "evenodd"
+}));
+const ForwardRef = forwardRef(AiShadowsNoneActiveColorIcon);
+export { ForwardRef as AiShadowsNoneActiveColorIcon };

package/colors/AiShadowsNoneColorIcon.d.ts

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

package/colors/AiShadowsNoneColorIcon.js

@@ -0,0 +1,39 @@
+// Code generated by "generateIcons.js"; DO NOT EDIT.
+
+import * as React from "react";
+import { forwardRef } from "react";
+const AiShadowsNoneColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  fill: "none",
+  viewBox: "0 0 72 72",
+  style: {
+    flexShrink: 0
+  },
+  ref: ref
+}, props), /*#__PURE__*/React.createElement("g", {
+  opacity: 0.2
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M47.4385 27.3506C47.478 27.5611 47.5 27.778 47.5 28V28.7051L28.7041 47.5H28C27.7777 47.5 27.5604 47.4781 27.3496 47.4385L47.4385 27.3506Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M47.5 35.708L35.708 47.5H34.2939L47.5 34.2939V35.708Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M47.5 42.707L42.708 47.5H41.2939L47.5 41.293V42.707Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M44 24.5C44.2202 24.5 44.4356 24.5207 44.6445 24.5596L24.5596 44.6445C24.5207 44.4356 24.5 44.2202 24.5 44V43.291L43.291 24.5H44Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M24.5 37.7031V36.29L36.292 24.5H37.7061L24.5 37.7031Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  d: "M24.5 30.7051V29.29L29.292 24.5H30.7061L24.5 30.7051Z"
+})), /*#__PURE__*/React.createElement("path", {
+  fill: "#93949A",
+  fillRule: "evenodd",
+  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
+  clipRule: "evenodd"
+}));
+const ForwardRef = forwardRef(AiShadowsNoneColorIcon);
+export { ForwardRef as AiShadowsNoneColorIcon };

package/colors/AiShadowsSoftActiveColorIcon.d.ts

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

package/colors/AiShadowsSoftActiveColorIcon.js

@@ -0,0 +1,97 @@
+// Code generated by "generateIcons.js"; DO NOT EDIT.
+
+import * as React from "react";
+import { forwardRef } from "react";
+const AiShadowsSoftActiveColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
+  fill: "none",
+  viewBox: "0 0 72 72",
+  style: {
+    flexShrink: 0
+  },
+  ref: ref
+}, props), /*#__PURE__*/React.createElement("g", {
+  clipPath: "url(#clip0_54232_10176)"
+}, /*#__PURE__*/React.createElement("mask", {
+  id: "mask0_54232_10176",
+  width: 72,
+  height: 72,
+  x: 0,
+  y: 0,
+  maskUnits: "userSpaceOnUse",
+  style: {
+    maskType: "alpha"
+  }
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#FF0000",
+  fillRule: "evenodd",
+  d: "M72 72H0V0H72V72ZM28 24.5C26.067 24.5 24.5 26.067 24.5 28V44C24.5 45.933 26.067 47.5 28 47.5H44C45.933 47.5 47.5 45.933 47.5 44V28C47.5 26.067 45.933 24.5 44 24.5H28Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("g", {
+  mask: "url(#mask0_54232_10176)"
+}, /*#__PURE__*/React.createElement("g", {
+  filter: "url(#filter0_f_54232_10176)",
+  opacity: 0.5
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M33.2 35.4C34.3331 33.8892 36.1115 33 38 33H55C56.6481 33 57.5889 34.8815 56.6 36.2L48.8 46.6C47.6669 48.1108 45.8885 49 44 49H27C25.3519 49 24.4111 47.1185 25.4 45.8L33.2 35.4Z"
+}))), /*#__PURE__*/React.createElement("rect", {
+  width: 23,
+  height: 23,
+  x: 24.5,
+  y: 24.5,
+  fill: "#410CD9",
+  opacity: 0.1,
+  rx: 3.5
+}), /*#__PURE__*/React.createElement("g", {
+  opacity: 0.2
+}, /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M47.4385 27.3506C47.478 27.5611 47.5 27.778 47.5 28V28.7051L28.7041 47.5H28C27.7777 47.5 27.5604 47.4781 27.3496 47.4385L47.4385 27.3506Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M47.5 35.708L35.708 47.5H34.2939L47.5 34.2939V35.708Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M47.5 42.707L42.708 47.5H41.2939L47.5 41.293V42.707Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M44 24.5C44.2202 24.5 44.4356 24.5207 44.6445 24.5596L24.5596 44.6445C24.5207 44.4356 24.5 44.2202 24.5 44V43.291L43.291 24.5H44Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M24.5 37.7031V36.29L36.292 24.5H37.7061L24.5 37.7031Z"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  d: "M24.5 30.7051V29.29L29.292 24.5H30.7061L24.5 30.7051Z"
+})), /*#__PURE__*/React.createElement("path", {
+  fill: "#410CD9",
+  fillRule: "evenodd",
+  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
+  clipRule: "evenodd"
+})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
+  id: "filter0_f_54232_10176",
+  width: 48.0078,
+  height: 32,
+  x: 16.9961,
+  y: 25,
+  colorInterpolationFilters: "sRGB",
+  filterUnits: "userSpaceOnUse"
+}, /*#__PURE__*/React.createElement("feFlood", {
+  floodOpacity: 0,
+  result: "BackgroundImageFix"
+}), /*#__PURE__*/React.createElement("feBlend", {
+  in: "SourceGraphic",
+  in2: "BackgroundImageFix",
+  mode: "normal",
+  result: "shape"
+}), /*#__PURE__*/React.createElement("feGaussianBlur", {
+  result: "effect1_foregroundBlur_54232_10176",
+  stdDeviation: 4
+})), /*#__PURE__*/React.createElement("clipPath", {
+  id: "clip0_54232_10176"
+}, /*#__PURE__*/React.createElement("rect", {
+  width: 72,
+  height: 72,
+  fill: "white"
+}))));
+const ForwardRef = forwardRef(AiShadowsSoftActiveColorIcon);
+export { ForwardRef as AiShadowsSoftActiveColorIcon };

package/colors/AiShadowsSoftColorIcon.d.ts

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