@particle-network/icons 0.4.0-beta.0 → 0.4.0-beta.10

package/dist/web/PinIcon.js

@@ -1,23 +1,23 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const PinIcon_PinIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const PinIcon_PinIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: [
             /*#__PURE__*/ jsx("path", {
                 d: "M3.89297 21.0002C3.66407 21.0002 3.43562 20.9108 3.25978 20.7349C2.94139 20.4156 2.90361 19.9254 3.17029 19.5688L6.91547 14.5006L3.98022 11.5653C3.69375 11.2789 3.63709 10.831 3.84216 10.4757C3.98247 10.254 5.19039 8.49247 7.87605 9.15714C7.92057 9.16254 7.96869 9.16659 8.02041 9.17108C8.13059 9.18053 8.25381 9.19177 8.38737 9.21336C8.9558 9.30555 9.96091 8.84909 10.8333 8.10527C11.6694 7.39338 12.2095 6.56277 12.2095 5.98984C12.2095 5.85672 12.2063 5.71506 12.2032 5.5761C12.1807 5.0378 12.1465 4.21034 12.7653 3.59198C13.4974 2.85896 14.6559 2.80005 15.4595 3.45392C15.4757 3.46697 15.4905 3.48091 15.5049 3.49575C15.9371 3.91847 20.3667 8.34407 20.4131 8.39084C20.7944 8.77219 21.0044 9.27901 21.0053 9.81776C21.0058 10.357 20.7962 10.8629 20.4158 11.2433C19.8001 11.8594 18.9681 11.8244 18.4195 11.801C18.2895 11.7983 18.1474 11.7951 18.0148 11.7951C17.4729 11.7951 16.8248 12.1747 16.1916 12.8632C15.2985 13.8346 14.7485 15.0893 14.7957 15.6514C14.8155 15.8317 14.8524 16.1501 14.8591 16.1951C15.5076 18.825 13.7497 20.0244 13.5473 20.1521C13.1835 20.3716 12.7325 20.3171 12.4397 20.0248L9.30388 16.889C9.12804 16.7132 9.12804 16.4289 9.30388 16.2531C9.47972 16.0773 9.76393 16.0773 9.93977 16.2531L13.0756 19.3889C13.2137 19.2994 14.4836 18.4284 13.9777 16.3696C13.9687 16.3282 13.9242 15.9554 13.9008 15.7373C13.8253 14.8388 14.5264 13.3462 15.5301 12.2547C16.1003 11.635 16.9939 10.8962 18.0148 10.8962C18.1537 10.8962 18.303 10.8993 18.4483 10.9025C19.0181 10.9263 19.4687 10.9196 19.7803 10.6075C19.9908 10.397 20.1064 10.1173 20.1064 9.81911C20.1059 9.52006 19.989 9.23899 19.7776 9.02718C19.7313 8.98086 15.0138 4.27015 14.8749 4.13658C14.4481 3.78986 13.8077 3.82224 13.4021 4.22832C13.0873 4.54312 13.0801 4.99283 13.103 5.54822C13.1066 5.70292 13.1098 5.85133 13.1098 5.99029C13.1098 6.84069 12.477 7.88761 11.4175 8.79018C10.5478 9.53085 9.25576 10.2634 8.24481 10.1015C8.13418 10.0835 8.033 10.075 7.94261 10.0674C7.88415 10.0624 7.82973 10.0575 7.77891 10.0512C7.73574 10.0498 7.69347 10.0417 7.65255 10.0282C5.58253 9.51781 4.7065 10.7918 4.61341 10.9389L7.82568 14.1386C7.98308 14.296 8.00197 14.5447 7.86931 14.7241L3.89252 20.1058L9.30388 16.2531C9.5049 16.1061 9.78597 16.151 9.93212 16.3516C10.0783 16.5522 10.0342 16.8332 9.83364 16.9794L4.41868 20.8249C4.26129 20.9422 4.07735 21.0002 3.89297 21.0002Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M9.30388 16.2531C9.12804 16.4289 9.12804 16.7132 9.30388 16.889L12.4397 20.0248C12.7325 20.3171 13.1835 20.3716 13.5473 20.1521C13.7497 20.0244 15.5076 18.825 14.8591 16.1951C14.8524 16.1501 14.8155 15.8317 14.7957 15.6514C14.7485 15.0893 15.2985 13.8346 16.1916 12.8632C16.8248 12.1747 17.4729 11.7951 18.0148 11.7951C18.1474 11.7951 18.2895 11.7983 18.4195 11.801C18.9681 11.8244 19.8001 11.8594 20.4158 11.2433C20.7962 10.8629 21.0058 10.357 21.0053 9.81776C21.0044 9.27901 20.7944 8.77219 20.4131 8.39084C20.3667 8.34407 15.9371 3.91847 15.5049 3.49575C15.4905 3.48091 15.4757 3.46697 15.4595 3.45392C14.6559 2.80005 13.4974 2.85896 12.7653 3.59198C12.1465 4.21034 12.1807 5.0378 12.2032 5.5761C12.2063 5.71506 12.2095 5.85672 12.2095 5.98984C12.2095 6.56277 11.6694 7.39338 10.8333 8.10527C9.9609 8.84909 8.9558 9.30555 8.38737 9.21336C8.25381 9.19177 8.13059 9.18053 8.02041 9.17108C7.96869 9.16659 7.92057 9.16254 7.87605 9.15714C5.19039 8.49247 3.98247 10.254 3.84216 10.4757C3.63709 10.831 3.69375 11.2789 3.98022 11.5653L6.91547 14.5006L3.17029 19.5688C2.90361 19.9254 2.94139 20.4156 3.25978 20.7349C3.43562 20.9108 3.66407 21.0002 3.89297 21.0002C4.07735 21.0002 4.26129 20.9422 4.41868 20.8249L9.83364 16.9794C10.0342 16.8332 10.0783 16.5522 9.93212 16.3516C9.78597 16.151 9.5049 16.1061 9.30388 16.2531ZM9.30388 16.2531C9.47972 16.0773 9.76393 16.0773 9.93977 16.2531L13.0756 19.3889C13.2137 19.2994 14.4836 18.4284 13.9777 16.3696C13.9687 16.3282 13.9242 15.9554 13.9008 15.7373C13.8253 14.8388 14.5264 13.3462 15.5301 12.2547C16.1003 11.635 16.9939 10.8962 18.0148 10.8962C18.1537 10.8962 18.303 10.8993 18.4483 10.9025C19.0181 10.9263 19.4687 10.9196 19.7803 10.6075C19.9908 10.397 20.1064 10.1173 20.1064 9.81911C20.1059 9.52006 19.989 9.23899 19.7776 9.02718C19.7313 8.98086 15.0138 4.27015 14.8749 4.13658C14.4481 3.78986 13.8077 3.82224 13.4021 4.22832C13.0873 4.54312 13.0801 4.99283 13.103 5.54822C13.1066 5.70292 13.1098 5.85133 13.1098 5.99029C13.1098 6.84069 12.477 7.88761 11.4175 8.79018C10.5478 9.53085 9.25576 10.2634 8.24481 10.1015C8.13418 10.0835 8.033 10.075 7.94261 10.0674C7.88415 10.0624 7.82973 10.0575 7.77891 10.0512C7.73574 10.0498 7.69347 10.0417 7.65255 10.0282C5.58253 9.51781 4.7065 10.7918 4.61341 10.9389L7.82568 14.1386C7.98308 14.296 8.00197 14.5447 7.86931 14.7241L3.89252 20.1058L9.30388 16.2531Z",
-                stroke: _color,
+                stroke: "currentColor",
                 strokeWidth: 0.540527
             })
         ]

package/dist/web/PinOnIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const PinOnIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default PinOnIcon;

package/dist/web/PinOnIcon.js

@@ -1,28 +1,28 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const PinOnIcon_PinOnIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const PinOnIcon_PinOnIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: [
             /*#__PURE__*/ jsx("path", {
                 d: "M4.27895 20.5713C4.06095 20.5713 3.84338 20.4861 3.67591 20.3186C3.37268 20.0145 3.3367 19.5477 3.59068 19.208L7.15752 14.3812L4.36204 11.5857C4.08922 11.3129 4.03525 10.8863 4.23055 10.5479C4.36418 10.3368 5.51458 8.65915 8.07236 9.29217C8.11476 9.29731 8.16058 9.30117 8.20984 9.30545C8.31477 9.31444 8.43212 9.32515 8.55933 9.34571C9.10069 9.43351 10.0579 8.99879 10.8888 8.29039C11.685 7.6124 12.1994 6.82134 12.1994 6.27569C12.1994 6.14892 12.1964 6.01401 12.1934 5.88166C12.172 5.369 12.1394 4.58093 12.7288 3.99203C13.426 3.29391 14.5293 3.2378 15.2947 3.86054C15.3101 3.87296 15.3242 3.88624 15.3379 3.90037C15.7495 4.30297 19.9682 8.51782 20.0123 8.56236C20.3755 8.92555 20.5756 9.40824 20.5764 9.92134C20.5768 10.4349 20.3773 10.9167 20.0149 11.279C19.4286 11.8658 18.6362 11.8324 18.1137 11.8101C17.9899 11.8075 17.8546 11.8045 17.7283 11.8045C17.2122 11.8045 16.595 12.166 15.9919 12.8217C15.1414 13.7469 14.6176 14.9418 14.6625 15.4772C14.6814 15.6489 14.7165 15.9522 14.7229 15.995C15.3405 18.4996 13.6663 19.6419 13.4736 19.7635C13.1271 19.9726 12.6975 19.9207 12.4187 19.6423L9.43219 16.6558C9.26473 16.4884 9.26473 16.2177 9.43219 16.0502C9.59965 15.8828 9.87034 15.8828 10.0378 16.0502L13.0243 19.0367C13.1558 18.9515 14.3653 18.1219 13.8835 16.1612C13.8749 16.1218 13.8325 15.7667 13.8102 15.559C13.7383 14.7032 14.406 13.2817 15.3619 12.2423C15.905 11.6521 16.756 10.9484 17.7283 10.9484C17.8606 10.9484 18.0028 10.9514 18.1411 10.9544C18.6838 10.9771 19.1129 10.9707 19.4097 10.6734C19.6102 10.473 19.7203 10.2066 19.7203 9.92262C19.7198 9.63781 19.6085 9.37012 19.4072 9.1684C19.3631 9.12428 14.8702 4.6379 14.7379 4.51069C14.3315 4.18048 13.7216 4.21132 13.3352 4.59807C13.0354 4.89787 13.0286 5.32617 13.0504 5.85511C13.0538 6.00244 13.0568 6.14378 13.0568 6.27612C13.0568 7.08603 12.4542 8.0831 11.4452 8.94268C10.6169 9.64809 9.38636 10.3458 8.42356 10.1916C8.3182 10.1745 8.22183 10.1663 8.13574 10.159C8.08006 10.1543 8.02824 10.1496 7.97984 10.1436C7.93873 10.1423 7.89847 10.1346 7.85949 10.1218C5.88805 9.63567 5.05374 10.849 4.96508 10.9891L8.02439 14.0364C8.17429 14.1863 8.19228 14.4231 8.06593 14.594L4.27852 19.7194L9.43219 16.0502C9.62364 15.9102 9.89132 15.953 10.0305 16.144C10.1697 16.335 10.1277 16.6027 9.93672 16.7419L4.77963 20.4043C4.62972 20.5161 4.45455 20.5713 4.27895 20.5713Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M9.43219 16.0502C9.26473 16.2177 9.26473 16.4884 9.43219 16.6558L12.4187 19.6423C12.6975 19.9207 13.1271 19.9726 13.4736 19.7635C13.6663 19.6419 15.3405 18.4996 14.7229 15.995C14.7165 15.9522 14.6814 15.6489 14.6625 15.4772C14.6176 14.9418 15.1414 13.7469 15.9919 12.8217C16.595 12.166 17.2122 11.8045 17.7283 11.8045C17.8546 11.8045 17.9899 11.8075 18.1137 11.8101C18.6362 11.8324 19.4286 11.8658 20.0149 11.279C20.3773 10.9167 20.5768 10.4349 20.5764 9.92134C20.5756 9.40824 20.3755 8.92555 20.0123 8.56236C19.9682 8.51782 15.7495 4.30297 15.3379 3.90037C15.3242 3.88624 15.3101 3.87296 15.2947 3.86054C14.5293 3.2378 13.426 3.29391 12.7288 3.99203C12.1394 4.58093 12.172 5.369 12.1934 5.88166C12.1964 6.01401 12.1994 6.14892 12.1994 6.27569C12.1994 6.82134 11.685 7.6124 10.8888 8.29039C10.0579 8.99879 9.10069 9.43351 8.55933 9.34571C8.43212 9.32515 8.31477 9.31444 8.20984 9.30545C8.16058 9.30117 8.11476 9.29731 8.07236 9.29217C5.51458 8.65915 4.36418 10.3368 4.23055 10.5479C4.03525 10.8863 4.08922 11.3129 4.36204 11.5857L7.15752 14.3812L3.59068 19.208C3.3367 19.5477 3.37268 20.0145 3.67591 20.3186C3.84338 20.4861 4.06095 20.5713 4.27895 20.5713C4.45455 20.5713 4.62972 20.5161 4.77963 20.4043L9.93672 16.7419C10.1277 16.6027 10.1697 16.335 10.0305 16.144C9.89132 15.953 9.62364 15.9102 9.43219 16.0502ZM9.43219 16.0502C9.59965 15.8828 9.87034 15.8828 10.0378 16.0502L13.0243 19.0367C13.1558 18.9515 14.3653 18.1219 13.8835 16.1612C13.8749 16.1218 13.8325 15.7667 13.8102 15.559C13.7383 14.7032 14.406 13.2817 15.3619 12.2423C15.905 11.6521 16.756 10.9484 17.7283 10.9484C17.8606 10.9484 18.0028 10.9514 18.1411 10.9544C18.6838 10.9771 19.1129 10.9707 19.4097 10.6734C19.6102 10.473 19.7203 10.2066 19.7203 9.92262C19.7198 9.63781 19.6085 9.37012 19.4072 9.1684C19.3631 9.12428 14.8702 4.6379 14.7379 4.51069C14.3315 4.18048 13.7216 4.21132 13.3352 4.59807C13.0354 4.89787 13.0286 5.32617 13.0504 5.85511C13.0538 6.00244 13.0568 6.14378 13.0568 6.27612C13.0568 7.08603 12.4542 8.0831 11.4452 8.94268C10.6169 9.64809 9.38636 10.3458 8.42356 10.1916C8.3182 10.1745 8.22183 10.1663 8.13574 10.159C8.08006 10.1543 8.02824 10.1496 7.97984 10.1436C7.93873 10.1423 7.89847 10.1346 7.85949 10.1218C5.88805 9.63567 5.05374 10.849 4.96508 10.9891L8.02439 14.0364C8.17429 14.1863 8.19228 14.4231 8.06593 14.594L4.27852 19.7194L9.43219 16.0502Z",
-                stroke: _color,
+                stroke: "currentColor",
                 strokeWidth: 0.514787
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M4 20L7.5 14.5L4.5 11L6.5 9.5H9.5L11.5 8.5L12.5 6L13 4H14.5L20 9.5V11C17.6667 11.3333 13.2 12.7 14 15.5C14.8 18.3 13.3333 19.3333 12.5 19.5L9.5 16.5L4 20Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });

package/dist/web/PlayCircleIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const PlayCircleIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default PlayCircleIcon;

package/dist/web/PlayCircleIcon.js

@@ -1,18 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const PlayCircleIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const PlayCircleIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M8.1859 2.64584C10.6387 1.67715 13.3732 1.70665 15.805 2.72689C18.2369 3.74722 20.1732 5.67788 21.2006 8.10678C22.2279 10.5358 22.2649 13.2702 21.3031 15.7259C20.3414 18.1815 18.4576 20.1641 16.0541 21.2494C14.8107 21.7817 13.4721 22.0574 12.1195 22.0599C9.78594 22.0636 7.52294 21.2592 5.7152 19.7835C3.90745 18.3078 2.66602 16.2513 2.20251 13.9642C1.73903 11.6771 2.08171 9.29976 3.17223 7.23666C4.26286 5.1735 6.03489 3.55096 8.1859 2.64584ZM12.1195 3.43685C7.41454 3.43689 3.59913 7.25243 3.59899 11.9574C3.59899 16.6624 7.41446 20.4778 12.1195 20.4779C16.8246 20.4779 20.64 16.6427 20.64 11.9574C20.6399 7.27217 16.8047 3.43685 12.1195 3.43685ZM10.4105 7.11068C10.7636 7.11978 11.1081 7.22332 11.4076 7.41049L15.9945 10.2767C16.2805 10.4539 16.5164 10.7015 16.68 10.9954C16.8437 11.2895 16.93 11.6208 16.93 11.9574C16.93 12.2939 16.8438 12.6252 16.68 12.9193C16.5164 13.2132 16.2805 13.4608 15.9945 13.638L11.4076 16.4847C11.0987 16.6761 10.7426 16.7791 10.3793 16.7816L10.3597 16.8011C10.0986 16.8011 9.84001 16.7493 9.59899 16.6488C9.35799 16.5482 9.1392 16.4007 8.95544 16.2152C8.7716 16.0295 8.62588 15.8089 8.5277 15.5667C8.42955 15.3246 8.38056 15.0653 8.38317 14.804V9.09115C8.38246 8.73805 8.47595 8.39081 8.65465 8.08627C8.83347 7.78167 9.09101 7.53027 9.39977 7.35873C9.70845 7.18724 10.0575 7.10165 10.4105 7.11068ZM10.3597 8.69564C10.29 8.69849 10.2223 8.71916 10.1625 8.75521C10.1033 8.78937 10.0536 8.83792 10.0189 8.89682C9.9843 8.95569 9.96532 9.02286 9.96422 9.09115V14.804C9.96315 14.8759 9.98179 14.947 10.0179 15.0091C10.054 15.0711 10.1065 15.122 10.1693 15.1566C10.2323 15.1911 10.3045 15.2083 10.3763 15.2054C10.448 15.2024 10.5176 15.1794 10.5775 15.14L15.1634 12.2738C15.2206 12.2383 15.2684 12.189 15.3011 12.1302C15.3339 12.0714 15.3509 12.0051 15.3509 11.9378C15.3509 11.8706 15.3338 11.8042 15.3011 11.7454C15.2684 11.6866 15.2207 11.6374 15.1634 11.6019L10.558 8.75521C10.5011 8.71034 10.4319 8.68285 10.3597 8.67611V8.69564Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/PlayIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const PlayIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default PlayIcon;

package/dist/web/PlayIcon.js

@@ -1,18 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const PlayIcon_PlayIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const PlayIcon_PlayIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M17.8391 11.2651C17.9681 11.3396 18.0752 11.4467 18.1497 11.5758C18.2242 11.7048 18.2634 11.8511 18.2634 12.0001C18.2634 12.1491 18.2242 12.2954 18.1497 12.4244C18.0752 12.5535 17.9681 12.6606 17.8391 12.7351L7.2997 18.9148C6.72133 19.2543 5.9872 18.8435 5.9872 18.1798L5.9872 5.8204C5.9872 5.15715 6.72133 4.7459 7.2997 5.0854L17.8391 11.2651ZM18.7272 9.79465L8.18914 3.61497C6.45183 2.5969 4.25033 3.82934 4.25033 5.8204L4.25033 18.1798C4.25033 20.1704 6.45183 21.4033 8.1887 20.3848L18.7272 14.2055C20.4243 13.2107 20.4243 10.7895 18.7272 9.79465Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/PlayLeftIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const PlayLeftIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default PlayLeftIcon;

package/dist/web/PlayLeftIcon.js

@@ -1,18 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const PlayLeftIcon_PlayLeftIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const PlayLeftIcon_PlayLeftIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M6.16092 12.7349C6.03191 12.6604 5.92479 12.5533 5.85031 12.4242C5.77583 12.2952 5.73662 12.1489 5.73662 11.9999C5.73662 11.8509 5.77583 11.7046 5.85031 11.5756C5.92479 11.4465 6.03191 11.3394 6.16092 11.2649L16.7003 5.08522C17.2787 4.74572 18.0128 5.15654 18.0128 5.82022L18.0128 18.1796C18.0128 18.8428 17.2787 19.2541 16.7003 18.9146L6.16092 12.7349ZM5.2728 14.2053L15.8109 20.385C17.5482 21.4031 19.7497 20.1707 19.7497 18.1796L19.7497 5.82022C19.7497 3.8296 17.5482 2.59672 15.8113 3.61522L5.2728 9.79447C3.57574 10.7893 3.57574 13.2105 5.2728 14.2053Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/PlusIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const PlusIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default PlusIcon;

package/dist/web/PlusIcon.js

@@ -1,18 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const PlusIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const PlusIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M17.3443 11.0415H13.2728V6.96997C13.2728 6.43698 12.8429 6.00719 12.31 6.00719C11.7771 6.00719 11.3472 6.43698 11.3472 6.96997V11.0415H7.28134C6.74835 11.0415 6.31857 11.4713 6.31857 12.0042C6.31857 12.5372 6.74835 12.9671 7.28134 12.9671H11.3472V17.0387C11.3472 17.5717 11.7771 18.0015 12.31 18.0015C12.8429 18.0015 13.2728 17.5717 13.2728 17.0387V12.9671H17.3443C17.8773 12.9671 18.3071 12.5372 18.3071 12.0042C18.3071 11.4713 17.8773 11.0415 17.3443 11.0415Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/PriorityFeeIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const PriorityFeeIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default PriorityFeeIcon;

package/dist/web/PriorityFeeIcon.js

@@ -1,18 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const PriorityFeeIcon_PriorityFeeIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const PriorityFeeIcon_PriorityFeeIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M11.8536 14.5461C14.3253 14.2815 16.2718 14.5504 17.6808 15.386L18.5685 15.9133L20.1759 16.7053L20.1779 16.7063C20.3308 16.7899 20.4456 16.9298 20.4982 17.0959C20.5506 17.2621 20.5371 17.4426 20.4601 17.5989C20.383 17.7547 20.2484 17.8753 20.0851 17.9348C19.9215 17.9941 19.7404 17.9884 19.5812 17.9182L19.5792 17.9172L17.9259 17.1008L17.922 17.0989L16.9923 16.5481C15.7908 15.8338 13.9597 15.6204 11.4904 15.9485H11.4865L11.4005 15.9543H11.3976C11.2083 15.9537 11.0537 15.9663 10.9366 15.9856C10.8496 16 10.7859 16.0193 10.7433 16.0374C10.7452 16.0431 10.7482 16.0491 10.7501 16.0559C10.7518 16.0573 10.7547 16.0599 10.7589 16.0627C10.7711 16.0708 10.7905 16.0821 10.8175 16.095C10.8716 16.1208 10.9525 16.1534 11.0587 16.1897C11.2717 16.2624 11.5851 16.3496 11.9874 16.4299L12.8361 16.5881C13.1207 16.6438 13.3542 16.6927 13.5431 16.7444C13.7317 16.796 13.8802 16.8522 13.9933 16.9241C14.1077 16.9969 14.1867 17.086 14.2355 17.2024C14.2835 17.3171 14.3009 17.4553 14.3009 17.6233C14.3007 18.1698 13.814 18.5719 13.1144 18.8352C12.4097 19.1002 11.4653 19.2356 10.5001 19.2356C9.86559 19.2354 9.23413 18.9914 8.39563 18.5002L8.02356 18.2747C7.86931 18.1783 7.71524 18.0806 7.56262 17.9817C6.93399 17.5759 6.51101 17.3153 6.20325 17.1565C5.90281 17.0015 5.71689 16.9472 5.56067 16.9446H5.54895C5.39049 16.9446 5.25602 16.9506 5.14563 16.9553C5.25131 17.0567 5.37887 17.1742 5.52649 17.303H5.52551C6.12745 17.8193 6.75118 18.3116 7.39172 18.7795C8.13569 19.3266 8.85469 19.8078 9.41907 20.1526C9.70128 20.325 9.9448 20.4634 10.1329 20.5579C10.2269 20.6051 10.3068 20.6412 10.3702 20.6653C10.4349 20.6899 10.4776 20.7003 10.5001 20.7004C10.9978 20.7004 11.8535 20.5497 12.755 20.3186C13.6555 20.0878 14.5968 19.7776 15.2657 19.4602C15.8118 19.201 16.3546 19.1346 16.8741 19.2542C17.3913 19.3733 17.8816 19.6765 18.3282 20.1487C18.4779 20.2437 18.5842 20.3938 18.6241 20.5667C18.6643 20.741 18.634 20.9247 18.5392 21.0764C18.4443 21.228 18.2925 21.336 18.1183 21.3762C17.944 21.4163 17.7602 21.386 17.6085 21.2913C17.5136 21.2319 17.4264 21.16 17.3497 21.0784C17.089 20.8014 16.8457 20.6397 16.6036 20.5774C16.3632 20.5157 16.1166 20.5501 15.8448 20.679C15.0879 21.038 14.0549 21.3814 13.0616 21.634C12.069 21.8864 11.1094 22.05 10.5001 22.05C10.3345 22.0499 10.1024 21.9819 9.82922 21.8665C9.5541 21.7502 9.23013 21.5833 8.87805 21.3811C8.17339 20.9765 7.35148 20.4268 6.56848 19.8489C5.78551 19.2709 5.04014 18.6631 4.49036 18.1399C4.2157 17.8785 3.988 17.6374 3.82922 17.4309C3.74995 17.3278 3.68716 17.2316 3.64368 17.1458C3.60065 17.0607 3.57443 16.9806 3.57434 16.9104C3.57435 16.4116 3.69412 16.0735 4.01379 15.8665C4.32673 15.6641 4.82233 15.594 5.54895 15.594C6.27365 15.594 6.74504 15.8493 8.29504 16.8489H8.29602C8.47845 16.9672 8.60943 17.0515 8.73743 17.1311C9.15425 17.3905 9.49964 17.58 9.78918 17.7043C10.0789 17.8287 10.3105 17.8859 10.5001 17.886C10.9376 17.8855 11.3741 17.8455 11.8048 17.7708L11.7238 17.7551C11.0464 17.6194 10.529 17.4787 10.1564 17.2756C9.78107 17.071 9.54996 16.8014 9.44739 16.4114C9.29443 15.8322 9.42226 15.3779 9.77161 15.0696C10.1163 14.7656 10.6686 14.611 11.3527 14.6057L11.8536 14.5461ZM11.463 1.95532C12.9434 1.90685 14.4126 2.23249 15.7335 2.90259C17.0546 3.57282 18.1853 4.5659 19.0206 5.78931C19.8559 7.01268 20.3686 8.42725 20.5118 9.90161C20.655 11.3759 20.4241 12.8627 19.84 14.2239L19.8273 14.2542H19.8243C19.7821 14.3455 19.7205 14.4272 19.6427 14.4915C19.556 14.5629 19.4523 14.6117 19.3419 14.6331C19.2315 14.6543 19.117 14.6477 19.0099 14.6135C18.9295 14.5878 18.8543 14.5474 18.7892 14.4944L18.7277 14.4377C18.6338 14.3406 18.5718 14.2164 18.549 14.0833C18.5263 13.9508 18.5433 13.8141 18.5988 13.6917L18.7706 13.2542C19.1378 12.2245 19.2749 11.1244 19.1691 10.0325C19.048 8.78421 18.6134 7.58589 17.9064 6.55005C17.1994 5.51439 16.2423 4.67419 15.1241 4.10669C14.0058 3.53918 12.7623 3.26307 11.5089 3.30396C10.2556 3.34491 9.03212 3.70091 7.95325 4.34009C6.87455 4.9793 5.97395 5.88071 5.33606 6.96021C4.69823 8.03978 4.3433 9.26355 4.30383 10.5168C4.26446 11.7698 4.54205 13.0128 5.11047 14.1301L5.16223 14.2542C5.17545 14.297 5.18507 14.3412 5.18958 14.386C5.1985 14.4758 5.18888 14.5674 5.16223 14.6536C5.13553 14.7396 5.09132 14.82 5.03333 14.8889C4.97529 14.9577 4.90353 15.015 4.82336 15.0559C4.74319 15.0967 4.65526 15.1217 4.56555 15.1282C4.47562 15.1346 4.38433 15.123 4.29895 15.094C4.21373 15.065 4.13481 15.019 4.0675 14.9592C4.00009 14.8993 3.94519 14.8258 3.90637 14.7444V14.7434C3.23506 13.4238 2.90687 11.9556 2.95325 10.4758C2.99977 8.9956 3.41981 7.55077 4.17297 6.27563C4.92636 5.00037 5.98961 3.93512 7.26379 3.17993C8.53801 2.42483 9.98267 2.0039 11.463 1.95532ZM11.7277 4.00024C12.0005 4.0005 12.225 4.22414 12.2521 4.51099L12.255 4.56958V4.94653C13.3305 5.09316 14.2285 5.6728 14.5197 6.50806C14.6221 6.80192 14.4844 7.12982 14.212 7.24048C13.9568 7.34455 13.6733 7.22023 13.5538 6.96216L13.5323 6.90845C13.4052 6.54599 12.9091 6.21775 12.255 6.09692V8.11938C13.7762 8.24817 14.785 8.94472 14.7853 10.26C14.7853 11.5755 13.7766 12.2722 12.255 12.4016V12.7639C12.255 13.0783 12.0187 13.333 11.7277 13.3333C11.4547 13.3333 11.2293 13.1095 11.2023 12.8225L11.2003 12.7639V12.3938C10.0542 12.2631 9.09034 11.6996 8.76086 10.8694C8.64663 10.5806 8.77002 10.2456 9.03821 10.1223C9.28877 10.0061 9.57785 10.117 9.70715 10.3694L9.73059 10.4221C9.8801 10.7968 10.4547 11.1372 11.2003 11.2473V9.21411C9.71766 9.08251 8.71615 8.3595 8.81555 7.02759C8.91083 5.7504 9.819 5.06544 11.2003 4.93384V4.56958C11.2003 4.25504 11.4365 4.00024 11.7277 4.00024ZM12.255 11.26C13.2192 11.1643 13.7306 10.799 13.7306 10.26C13.7303 9.72077 13.2189 9.3571 12.255 9.26099V11.26ZM11.2003 6.07544C10.3511 6.17296 9.91034 6.53011 9.86633 7.11841C9.829 7.62149 10.3034 7.97684 11.2003 8.07251V6.07544Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/PrivacyPolicyIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const PrivacyPolicyIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default PrivacyPolicyIcon;

package/dist/web/PrivacyPolicyIcon.js

@@ -1,18 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const PrivacyPolicyIcon_PrivacyPolicyIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const PrivacyPolicyIcon_PrivacyPolicyIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M17.9833 2.02502C19.0851 2.02502 19.9784 2.91833 19.9784 4.02014V15.9899C19.9784 19.1919 17.4638 21.807 14.3016 21.9674L13.993 21.9752H6.01355L5.80945 21.9645C4.87062 21.8691 4.12463 21.123 4.02917 20.1842L4.01843 19.9801V4.02014C4.01843 2.98721 4.80348 2.13795 5.80945 2.03577L6.01355 2.02502H17.9833ZM6.01355 3.42151C5.68301 3.42151 5.41492 3.6896 5.41492 4.02014V19.9801C5.41496 20.3106 5.68303 20.5787 6.01355 20.5787H13.993C16.5272 20.5787 18.5819 18.524 18.5819 15.9899V4.02014C18.5819 3.6896 18.3138 3.42151 17.9833 3.42151H6.01355ZM11.9989 6.01526C13.6515 6.01526 14.9919 7.35488 14.9921 9.00745L14.9882 9.16174C14.92 10.504 13.966 11.6093 12.7001 11.9137V12.9977H13.7928C14.1785 12.9977 14.4911 13.3103 14.4911 13.6959C14.491 14.0814 14.1784 14.3942 13.7928 14.3942H12.7001V14.9928H13.7928C14.1785 14.9928 14.4911 15.3054 14.4911 15.691C14.4909 16.0765 14.1784 16.3893 13.7928 16.3893H12.6893C12.6406 16.7273 12.3533 16.9879 12.0018 16.9879C11.6163 16.9879 11.3038 16.6751 11.3036 16.2897V11.9166C9.98669 11.6028 9.00683 10.4204 9.00671 9.00745C9.00688 7.35498 10.3464 6.01543 11.9989 6.01526ZM11.9989 7.41174C11.1177 7.41191 10.4034 8.12625 10.4032 9.00745C10.4033 9.88868 11.1177 10.604 11.9989 10.6041C12.8803 10.6041 13.5954 9.88878 13.5956 9.00745C13.5954 8.12614 12.8802 7.41174 11.9989 7.41174Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/ProcessingIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const ProcessingIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ProcessingIcon;

package/dist/web/ProcessingIcon.js

@@ -1,29 +1,29 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const ProcessingIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const ProcessingIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: [
             /*#__PURE__*/ jsx("path", {
                 d: "M20.5342 10.4289C21.5843 11.2128 21.5843 12.7865 20.5342 13.5705L16.5665 16.5334C16.1327 16.8571 15.5182 16.7679 15.1944 16.3341C14.8708 15.9004 14.9599 15.2859 15.3936 14.9621L19.3614 12.0002L15.3936 9.03727C14.9602 8.71349 14.871 8.09982 15.1944 7.66617C15.5182 7.23241 16.1327 7.14311 16.5665 7.46695L20.5342 10.4289Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 opacity: 0.5,
                 d: "M14.044 10.4289C15.0941 11.2128 15.094 12.7865 14.044 13.5705L10.0762 16.5334C9.64248 16.8571 9.02798 16.7679 8.70417 16.3341C8.38052 15.9004 8.4697 15.2859 8.90338 14.9621L12.8712 12.0002L8.90339 9.03727C8.47 8.71349 8.38081 8.09982 8.70417 7.66617C9.02801 7.23241 9.64247 7.14311 10.0762 7.46695L14.044 10.4289Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 opacity: 0.2,
                 d: "M7.55402 10.4289C8.60407 11.2128 8.60406 12.7865 7.55402 13.5705L3.58625 16.5334C3.15249 16.8571 2.53799 16.7679 2.21418 16.3341C1.89053 15.9004 1.97971 15.2859 2.41339 14.9621L6.38117 12.0002L2.41339 9.03727C1.98001 8.71349 1.89082 8.09982 2.21418 7.66617C2.53802 7.23241 3.15248 7.14311 3.58625 7.46695L7.55402 10.4289Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });

package/dist/web/PumpfunIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const PumpfunIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default PumpfunIcon;

package/dist/web/PumpfunIcon.js

@@ -1,18 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const PumpfunIcon_PumpfunIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const PumpfunIcon_PumpfunIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M19.0785 4.92381C18.1602 4.00569 16.9393 3.5 15.6408 3.5C14.3424 3.5 13.1214 4.00569 12.2032 4.92381L4.92154 12.2029C3.02615 14.098 3.02615 17.1817 4.92154 19.0769C5.83977 19.9949 7.06071 20.5 8.35917 20.5C9.65774 20.5 10.8786 19.9949 11.7971 19.0769L19.0785 11.7971C20.9738 9.90197 20.9738 6.81885 19.0785 4.92381ZM10.982 18.262C10.2815 18.9623 9.35004 19.3481 8.35917 19.3481C7.36829 19.3481 6.43715 18.9623 5.73663 18.262C4.29027 16.816 4.29027 14.4636 5.73663 13.0178L8.96981 9.78569L14.2151 15.0296L10.982 18.262ZM18.2634 10.9825L15.0301 14.2146L9.78479 8.97105L13.0182 5.73833C13.7188 5.03805 14.65 4.65249 15.6408 4.65249C16.6317 4.65249 17.5629 5.03805 18.2634 5.73833C19.7096 7.18424 19.7096 9.53659 18.2634 10.9825Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/QrcodeIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const QrcodeIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default QrcodeIcon;

package/dist/web/QrcodeIcon.js

@@ -1,19 +1,19 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const QrcodeIcon_QrcodeIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const QrcodeIcon_QrcodeIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M9.92026 5.48806V10.2274H5.18093V5.48806H9.92026ZM9.92026 4.30322H5.18093C4.5269 4.30322 3.99609 4.83403 3.99609 5.48806V10.2274C3.99609 10.8814 4.5269 11.4122 5.18093 11.4122H9.92026C10.5743 11.4122 11.1051 10.8814 11.1051 10.2274V5.48806C11.1051 4.83403 10.5743 4.30322 9.92026 4.30322ZM18.8113 5.48806V10.2274H14.0719V5.48806H18.8113ZM18.8113 4.30322H14.0719C13.4179 4.30322 12.8871 4.83403 12.8871 5.48806V10.2274C12.8871 10.8814 13.4179 11.4122 14.0719 11.4122H18.8113C19.4653 11.4122 19.9961 10.8814 19.9961 10.2274V5.48806C19.9961 4.83403 19.4653 4.30322 18.8113 4.30322ZM9.92026 13.7819V18.5212H5.18093V13.7819H9.92026ZM9.92026 12.5971H5.18093C4.5269 12.5971 3.99609 13.1279 3.99609 13.7819V18.5212C3.99609 19.1753 4.5269 19.7061 5.18093 19.7061H9.92026C10.5743 19.7061 11.1051 19.1753 11.1051 18.5212V13.7819C11.1051 13.1279 10.5743 12.5971 9.92026 12.5971ZM13.4748 19.1089C13.1146 19.1089 12.8776 18.8719 12.8776 18.5118V13.7724C12.8776 13.4122 13.1146 13.1753 13.4748 13.1753C13.835 13.1753 14.0719 13.4122 14.0719 13.7724V18.5118C14.0719 18.8151 13.7781 19.1089 13.4748 19.1089ZM16.3847 19.1089C16.0245 19.1089 15.7876 18.8719 15.7876 18.5118V13.7724C15.7876 13.4122 16.0245 13.1753 16.3847 13.1753C16.7449 13.1753 16.9819 13.4122 16.9819 13.7724V18.5118C16.9724 18.8151 16.6786 19.1089 16.3847 19.1089ZM19.3989 19.1089C19.0387 19.1089 18.8018 18.8719 18.8018 18.5118V13.7724C18.8018 13.4122 19.0387 13.1753 19.3989 13.1753C19.7591 13.1753 19.9961 13.4122 19.9961 13.7724V18.5118C19.9961 18.8151 19.7023 19.1089 19.3989 19.1089Z",
-            fill: _color,
-            stroke: _color,
+            fill: "currentColor",
+            stroke: "currentColor",
             strokeWidth: 0.2
         })
     });

package/dist/web/QuestionIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const QuestionIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default QuestionIcon;

package/dist/web/QuestionIcon.js

@@ -1,18 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const QuestionIcon_QuestionIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const QuestionIcon_QuestionIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: /*#__PURE__*/ jsx("path", {
             d: "M12.0115 19.9545L12.0047 19.9506H11.9939L11.993 19.9515C11.99 19.9528 11.9871 19.9554 11.9871 19.9554L11.9861 19.9574V19.9594L11.9881 19.9613C11.9881 19.9613 11.9909 19.9634 11.993 19.9642C11.993 19.9642 11.9967 19.9651 11.9988 19.9652L11.9998 19.9662C12.0036 19.9662 12.0072 19.9648 12.0096 19.9633C12.0116 19.9618 12.0135 19.9594 12.0135 19.9594V19.9574L12.0115 19.9545ZM12.8865 19.9574C12.8865 20.1325 12.8347 20.305 12.7381 20.4515C12.6415 20.5979 12.504 20.7134 12.3416 20.7816C12.1789 20.8499 11.9991 20.8673 11.826 20.8324C11.6529 20.7975 11.4945 20.7115 11.3709 20.5863C11.2476 20.4613 11.1644 20.3029 11.1307 20.1312C11.0969 19.9593 11.1141 19.7808 11.1805 19.6185L11.2391 19.5013C11.3056 19.389 11.3963 19.2912 11.5057 19.2172L11.6189 19.1527C11.7373 19.096 11.8672 19.0658 11.9998 19.0658L12.0877 19.0697C12.1457 19.0755 12.2029 19.0878 12.2586 19.1049L12.3416 19.1342L12.4197 19.1722C12.471 19.2 12.5194 19.2327 12.5643 19.2699L12.6287 19.3295L12.6873 19.3939C12.7239 19.4391 12.7559 19.488 12.783 19.5394L12.8201 19.6185L12.8484 19.7006C12.8734 19.7838 12.8865 19.8703 12.8865 19.9574ZM12.8865 16.8636C12.8864 17.0981 12.7941 17.324 12.6287 17.4916C12.4629 17.6595 12.2368 17.7552 11.9998 17.7552C11.7629 17.7552 11.5366 17.6595 11.3709 17.4916C11.2056 17.324 11.1142 17.0981 11.1141 16.8636V15.0492C11.1147 14.6578 11.1933 14.2703 11.3465 13.9105C11.4997 13.5507 11.724 13.2254 12.0057 12.9554C12.3981 12.5802 12.7797 12.2432 13.1385 11.9232C14.6215 10.6043 15.4773 9.80806 15.4773 8.46326C15.4773 6.51237 13.9112 4.93494 11.9998 4.93494C10.0885 4.93504 8.52232 6.51244 8.52226 8.46326C8.52226 8.69794 8.43094 8.92443 8.26543 9.09216C8.0997 9.26006 7.87345 9.35579 7.63652 9.35583C7.39957 9.35583 7.17337 9.26005 7.00761 9.09216C6.84205 8.92443 6.7498 8.69798 6.7498 8.46326C6.74977 7.76636 6.88589 7.07618 7.14922 6.43201C7.41256 5.78783 7.79874 5.202 8.28593 4.70837C8.77313 4.2148 9.35175 3.82252 9.98906 3.55505C10.6264 3.28763 11.3096 3.14981 11.9998 3.14978C12.6901 3.14978 13.3741 3.28755 14.0115 3.55505C14.6488 3.82255 15.2275 4.21478 15.7146 4.70837C16.2018 5.20202 16.588 5.78782 16.8514 6.43201C17.1147 7.07616 17.2498 7.76639 17.2498 8.46326C17.2498 9.48471 16.9446 10.3735 16.3103 11.2347C15.7744 11.9625 15.0395 12.6124 14.3123 13.2592C13.9561 13.5761 13.5939 13.8973 13.2264 14.2484C13.1193 14.3509 13.0341 14.4758 12.9754 14.6136C12.9167 14.7514 12.8867 14.9007 12.8865 15.0511V16.8636Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/Radar1Icon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const Radar1Icon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Radar1Icon;

package/dist/web/Radar1Icon.js

@@ -1,23 +1,23 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { isThemeColor } from "../core/index.js";
-import { getHexColorFromCSSVariable } from "@particle-network/ui-shared";
-const Radar1Icon_Radar1Icon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const Radar1Icon_Radar1Icon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
         children: [
             /*#__PURE__*/ jsx("path", {
                 d: "M12.0002 2.71143C12.146 2.71148 12.2858 2.76948 12.3889 2.87256C12.492 2.97565 12.5499 3.11545 12.55 3.26123V9.95166C12.6401 9.97572 12.7289 10.0056 12.8157 10.0415C13.2053 10.2029 13.5384 10.4761 13.7727 10.8267C14.007 11.1774 14.1321 11.5904 14.1321 12.0122C14.1314 12.5775 13.9068 13.1193 13.5071 13.519C13.1074 13.9187 12.5655 14.1434 12.0002 14.144C11.5784 14.1441 11.1655 14.019 10.8147 13.7847C10.4641 13.5503 10.1909 13.2172 10.0295 12.8276C9.86814 12.438 9.82617 12.0089 9.90845 11.5952C9.99078 11.1817 10.1933 10.8016 10.4915 10.5034C10.7574 10.2375 11.0886 10.0471 11.4504 9.95068V7.75244C9.34262 8.02358 7.70825 9.82967 7.70825 12.0103C7.70847 14.3772 9.63342 16.3042 12.0002 16.3042C14.3671 16.3041 16.2932 14.3779 16.2932 12.0112C16.2938 11.5338 16.2137 11.0592 16.0579 10.6079C16.0104 10.4702 16.0196 10.319 16.0833 10.188C16.1471 10.0568 16.2608 9.95637 16.3987 9.90869C16.5366 9.86104 16.6874 9.87031 16.8186 9.93408C16.9497 9.99785 17.0502 10.1107 17.0979 10.2485C17.2938 10.8158 17.3936 11.4121 17.3928 12.0122C17.3938 14.9851 14.9739 17.4047 12.0002 17.4048C9.02667 17.4048 6.60669 14.9848 6.60669 12.0112C6.60684 9.22359 8.73366 6.92177 11.4504 6.64502V3.82959C7.18397 4.11371 3.80025 7.67486 3.80005 12.0112C3.80005 16.5325 7.47898 20.2114 12.0002 20.2114C16.5214 20.2113 20.1995 16.5324 20.1995 12.0112C20.1995 10.6467 19.8595 9.30322 19.2102 8.10303C19.1758 8.03964 19.1543 7.96966 19.1467 7.89795C19.1392 7.82639 19.1459 7.75407 19.1663 7.68506C19.1867 7.61587 19.2205 7.55074 19.2659 7.49463C19.3113 7.43851 19.3675 7.39142 19.4309 7.35693C19.4943 7.32249 19.5642 7.30106 19.636 7.29346C19.7077 7.2859 19.7807 7.29255 19.8499 7.31299C19.9191 7.33348 19.9842 7.3672 20.0403 7.4126C20.0963 7.45793 20.1425 7.51437 20.177 7.57764C20.9137 8.93911 21.3 10.4632 21.3 12.0112C21.3 17.1391 17.1282 21.3119 12.0002 21.312C6.87215 21.312 2.70044 17.1391 2.70044 12.0112C2.70065 6.88352 6.87228 2.71143 12.0002 2.71143ZM12.0002 10.979C11.7961 10.979 11.5958 11.0404 11.426 11.1538C11.2565 11.2672 11.1242 11.4282 11.0461 11.6167C10.968 11.8053 10.9477 12.0131 10.9875 12.2134C11.0274 12.4135 11.1255 12.5974 11.2698 12.7417C11.4141 12.886 11.5979 12.984 11.7981 13.0239C11.9984 13.0638 12.2061 13.0435 12.3948 12.9653C12.5833 12.8872 12.7442 12.7551 12.8577 12.5854C12.971 12.4158 13.0324 12.2163 13.0325 12.0122C13.0322 11.7385 12.9232 11.4753 12.7297 11.2817C12.5363 11.0883 12.2738 10.9794 12.0002 10.979Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M12.0002 2.71143L12.0003 2.51564H12.0002V2.71143ZM12.3889 2.87256L12.5274 2.73411L12.5273 2.73408L12.3889 2.87256ZM12.55 3.26123H12.7458V3.26109L12.55 3.26123ZM12.55 9.95166H12.3543V10.102L12.4995 10.1408L12.55 9.95166ZM12.8157 10.0415L12.8906 9.86062L12.8906 9.86061L12.8157 10.0415ZM13.7727 10.8267L13.9355 10.7179L13.9355 10.7179L13.7727 10.8267ZM14.1321 12.0122L14.3279 12.0125V12.0122L14.1321 12.0122ZM13.5071 13.519L13.6455 13.6575L13.6455 13.6575L13.5071 13.519ZM12.0002 14.144L12.0003 14.3398H12.0005L12.0002 14.144ZM10.8147 13.7847L10.7059 13.9474L10.7059 13.9475L10.8147 13.7847ZM10.0295 12.8276L9.84865 12.9026L9.84866 12.9026L10.0295 12.8276ZM9.90845 11.5952L9.71643 11.557L9.71642 11.557L9.90845 11.5952ZM10.4915 10.5034L10.353 10.365L10.353 10.365L10.4915 10.5034ZM11.4504 9.95068L11.5009 10.1399L11.6462 10.1011V9.95068H11.4504ZM11.4504 7.75244H11.6462V7.52985L11.4255 7.55825L11.4504 7.75244ZM7.70825 12.0103H7.51246V12.0103L7.70825 12.0103ZM12.0002 16.3042V16.5H12.0003L12.0002 16.3042ZM16.2932 12.0112L16.0974 12.011V12.0112H16.2932ZM16.0579 10.6079L15.8728 10.6717L15.8728 10.6718L16.0579 10.6079ZM16.0833 10.188L15.9072 10.1024L15.9071 10.1024L16.0833 10.188ZM16.3987 9.90869L16.3347 9.72364L16.3347 9.72365L16.3987 9.90869ZM16.8186 9.93408L16.9042 9.758L16.9042 9.75799L16.8186 9.93408ZM17.0979 10.2485L17.283 10.1846L17.2829 10.1845L17.0979 10.2485ZM17.3928 12.0122L17.197 12.012V12.0123L17.3928 12.0122ZM12.0002 17.4048V17.6006H12.0002L12.0002 17.4048ZM6.60669 12.0112L6.4109 12.0112V12.0112H6.60669ZM11.4504 6.64502L11.4703 6.8398L11.6462 6.82188V6.64502H11.4504ZM11.4504 3.82959H11.6462V3.62033L11.4374 3.63423L11.4504 3.82959ZM3.80005 12.0112L3.60426 12.0112V12.0112H3.80005ZM12.0002 20.2114V20.4072H12.0002L12.0002 20.2114ZM20.1995 12.0112L20.0037 12.0112V12.0112H20.1995ZM19.2102 8.10303L19.3824 8.00987L19.3823 8.00971L19.2102 8.10303ZM19.1467 7.89795L18.952 7.9183L18.952 7.91846L19.1467 7.89795ZM19.1663 7.68506L18.9785 7.62949L18.9785 7.62965L19.1663 7.68506ZM19.2659 7.49463L19.1137 7.37145L19.1136 7.37153L19.2659 7.49463ZM19.4309 7.35693L19.3374 7.18489L19.3374 7.18492L19.4309 7.35693ZM19.636 7.29346L19.6155 7.09874L19.6154 7.09876L19.636 7.29346ZM19.8499 7.31299L19.9054 7.12525L19.9053 7.12522L19.8499 7.31299ZM20.0403 7.4126L20.1635 7.26041L20.1634 7.26037L20.0403 7.4126ZM20.177 7.57764L20.3492 7.48446L20.3489 7.48398L20.177 7.57764ZM21.3 12.0112H21.4958V12.0112L21.3 12.0112ZM12.0002 21.312V21.5078H12.0002L12.0002 21.312ZM2.70044 12.0112L2.50465 12.0112V12.0112H2.70044ZM12.0002 10.979L12.0005 10.7832H12.0003L12.0002 10.979ZM11.426 11.1538L11.3173 10.991L11.3172 10.9911L11.426 11.1538ZM11.0461 11.6167L10.8653 11.5417L10.8653 11.5418L11.0461 11.6167ZM10.9875 12.2134L10.7955 12.2516L10.7955 12.2516L10.9875 12.2134ZM11.2698 12.7417L11.1313 12.8801L11.1313 12.8801L11.2698 12.7417ZM11.7981 13.0239L11.7598 13.2159L11.7599 13.216L11.7981 13.0239ZM12.3948 12.9653L12.4697 13.1462L12.4697 13.1462L12.3948 12.9653ZM12.8577 12.5854L13.0204 12.6943L13.0205 12.6942L12.8577 12.5854ZM13.0325 12.0122L13.2283 12.0123V12.012L13.0325 12.0122ZM12.7297 11.2817L12.8682 11.1433L12.8682 11.1433L12.7297 11.2817ZM12.0002 2.71143L12.0002 2.90722C12.094 2.90725 12.184 2.94457 12.2505 3.01104L12.3889 2.87256L12.5273 2.73408C12.3876 2.5944 12.1981 2.5157 12.0003 2.51564L12.0002 2.71143ZM12.3889 2.87256L12.2505 3.011C12.3169 3.07739 12.3542 3.16745 12.3543 3.26137L12.55 3.26123L12.7458 3.26109C12.7457 3.06345 12.6671 2.8739 12.5274 2.73411L12.3889 2.87256ZM12.55 3.26123H12.3543V9.95166H12.55H12.7458V3.26123H12.55ZM12.55 9.95166L12.4995 10.1408C12.5816 10.1627 12.6622 10.1898 12.7408 10.2224L12.8157 10.0415L12.8906 9.86061C12.7956 9.82126 12.6987 9.78871 12.6006 9.7625L12.55 9.95166ZM12.8157 10.0415L12.7407 10.2224C13.0946 10.369 13.3971 10.6171 13.6099 10.9355L13.7727 10.8267L13.9355 10.7179C13.6796 10.335 13.3159 10.0368 12.8906 9.86062L12.8157 10.0415ZM13.7727 10.8267L13.6099 10.9354C13.8227 11.2539 13.9363 11.629 13.9363 12.0122L14.1321 12.0122L14.3279 12.0122C14.3279 11.5517 14.1914 11.1009 13.9355 10.7179L13.7727 10.8267ZM14.1321 12.0122L13.9363 12.012C13.9356 12.5254 13.7316 13.0176 13.3686 13.3806L13.5071 13.519L13.6455 13.6575C14.0819 13.2211 14.3271 12.6295 14.3279 12.0125L14.1321 12.0122ZM13.5071 13.519L13.3686 13.3806C13.0056 13.7436 12.5135 13.9476 12 13.9483L12.0002 14.144L12.0005 14.3398C12.6175 14.3391 13.2091 14.0939 13.6455 13.6575L13.5071 13.519ZM12.0002 14.144L12.0002 13.9483C11.6171 13.9483 11.242 13.8347 10.9235 13.6219L10.8147 13.7847L10.7059 13.9475C11.0889 14.2033 11.5398 14.3399 12.0003 14.3398L12.0002 14.144ZM10.8147 13.7847L10.9235 13.6219C10.6051 13.4091 10.357 13.1066 10.2104 12.7527L10.0295 12.8276L9.84866 12.9026C10.0248 13.3279 10.3231 13.6916 10.7059 13.9474L10.8147 13.7847ZM10.0295 12.8276L10.2104 12.7527C10.0639 12.3989 10.0257 12.0092 10.1005 11.6334L9.90845 11.5952L9.71642 11.557C9.62661 12.0086 9.6724 12.477 9.84865 12.9026L10.0295 12.8276ZM9.90845 11.5952L10.1005 11.6334C10.1753 11.2577 10.3593 10.9125 10.6299 10.6419L10.4915 10.5034L10.353 10.365C10.0274 10.6907 9.80628 11.1057 9.71643 11.557L9.90845 11.5952ZM10.4915 10.5034L10.6299 10.6419C10.8714 10.4003 11.1722 10.2275 11.5009 10.1399L11.4504 9.95068L11.4 9.7615C11.005 9.8668 10.6434 10.0746 10.353 10.365L10.4915 10.5034ZM11.4504 9.95068H11.6462V7.75244H11.4504H11.2547V9.95068H11.4504ZM11.4504 7.75244L11.4255 7.55825C9.22134 7.84178 7.51246 9.72982 7.51246 12.0103H7.70825H7.90404C7.90404 9.92952 9.4639 8.20538 11.4754 7.94663L11.4504 7.75244ZM7.70825 12.0103L7.51246 12.0103C7.51269 14.4852 9.52516 16.5 12.0002 16.5V16.3042V16.1084C9.74168 16.1084 7.90424 14.2692 7.90404 12.0102L7.70825 12.0103ZM12.0002 16.3042L12.0003 16.5C14.4753 16.4999 16.489 14.4861 16.489 12.0112H16.2932H16.0974C16.0974 14.2698 14.259 16.1083 12.0002 16.1084L12.0002 16.3042ZM16.2932 12.0112L16.489 12.0115C16.4896 11.512 16.4058 11.0158 16.2429 10.544L16.0579 10.6079L15.8728 10.6718C16.0215 11.1027 16.098 11.5556 16.0974 12.011L16.2932 12.0112ZM16.0579 10.6079L16.243 10.5441C16.2124 10.4555 16.2183 10.3581 16.2594 10.2735L16.0833 10.188L15.9071 10.1024C15.8209 10.28 15.8083 10.4849 15.8728 10.6717L16.0579 10.6079ZM16.0833 10.188L16.2593 10.2736C16.3003 10.1894 16.3735 10.1246 16.4627 10.0937L16.3987 9.90869L16.3347 9.72365C16.148 9.78818 15.9938 9.92414 15.9072 10.1024L16.0833 10.188ZM16.3987 9.90869L16.4626 10.0937C16.5512 10.0631 16.6483 10.069 16.733 10.1102L16.8186 9.93408L16.9042 9.75799C16.7265 9.67163 16.5219 9.65896 16.3347 9.72364L16.3987 9.90869ZM16.8186 9.93408L16.733 10.1102C16.8176 10.1513 16.8822 10.224 16.9129 10.3126L17.0979 10.2485L17.2829 10.1845C17.2182 9.99747 17.0819 9.84438 16.9042 9.758L16.8186 9.93408ZM17.0979 10.2485L16.9128 10.3124C17.1016 10.8591 17.1977 11.4337 17.197 12.012L17.3928 12.0122L17.5886 12.0124C17.5894 11.3905 17.486 10.7725 17.283 10.1846L17.0979 10.2485ZM17.3928 12.0122L17.197 12.0123C17.198 14.8769 14.8659 17.2089 12.0002 17.209L12.0002 17.4048L12.0002 17.6006C15.082 17.6005 17.5897 15.0932 17.5886 12.0121L17.3928 12.0122ZM12.0002 17.4048V17.209C9.1348 17.209 6.80248 14.8767 6.80248 12.0112H6.60669H6.4109C6.4109 15.0929 8.91853 17.6006 12.0002 17.6006V17.4048ZM6.60669 12.0112L6.80248 12.0112C6.80262 9.32514 8.85234 7.10648 11.4703 6.8398L11.4504 6.64502L11.4306 6.45024C8.61499 6.73705 6.41105 9.12204 6.4109 12.0112L6.60669 12.0112ZM11.4504 6.64502H11.6462V3.82959H11.4504H11.2547V6.64502H11.4504ZM11.4504 3.82959L11.4374 3.63423C7.06886 3.92515 3.60446 7.57102 3.60426 12.0112L3.80005 12.0112L3.99584 12.0112C3.99603 7.77871 7.29907 4.30226 11.4634 4.02495L11.4504 3.82959ZM3.80005 12.0112H3.60426C3.60426 16.6406 7.37085 20.4072 12.0002 20.4072V20.2114V20.0156C7.58712 20.0156 3.99584 16.4244 3.99584 12.0112H3.80005ZM12.0002 20.2114L12.0002 20.4072C16.6296 20.4071 20.3953 16.6405 20.3953 12.0112H20.1995H20.0037C20.0037 16.4243 16.4133 20.0155 12.0002 20.0156L12.0002 20.2114ZM20.1995 12.0112L20.3953 12.0112C20.3953 10.6142 20.0472 9.23868 19.3824 8.00987L19.2102 8.10303L19.038 8.19619C19.6718 9.36776 20.0037 10.6792 20.0037 12.0112L20.1995 12.0112ZM19.2102 8.10303L19.3823 8.00971C19.3603 7.96912 19.3463 7.92391 19.3414 7.87744L19.1467 7.89795L18.952 7.91846C18.9622 8.01541 18.9914 8.11016 19.0381 8.19634L19.2102 8.10303ZM19.1467 7.89795L19.3415 7.8776C19.3366 7.83154 19.3409 7.78495 19.354 7.74047L19.1663 7.68506L18.9785 7.62965C18.9509 7.72318 18.9419 7.82124 18.952 7.9183L19.1467 7.89795ZM19.1663 7.68506L19.354 7.74063C19.3674 7.69532 19.3894 7.65329 19.4181 7.61773L19.2659 7.49463L19.1136 7.37153C19.0516 7.44819 19.0061 7.53641 18.9785 7.62949L19.1663 7.68506ZM19.2659 7.49463L19.4181 7.61781C19.4476 7.5813 19.484 7.55094 19.5244 7.52894L19.4309 7.35693L19.3374 7.18492C19.251 7.2319 19.175 7.29573 19.1137 7.37145L19.2659 7.49463ZM19.4309 7.35693L19.5244 7.52898C19.5647 7.50706 19.6098 7.49311 19.6566 7.48816L19.636 7.29346L19.6154 7.09876C19.5186 7.109 19.4239 7.13793 19.3374 7.18489L19.4309 7.35693ZM19.636 7.29346L19.6565 7.48817C19.7027 7.4833 19.7498 7.4876 19.7944 7.50076L19.8499 7.31299L19.9053 7.12522C19.8115 7.0975 19.7127 7.0885 19.6155 7.09874L19.636 7.29346ZM19.8499 7.31299L19.7943 7.50073C19.8396 7.51415 19.8816 7.53607 19.9172 7.56482L20.0403 7.4126L20.1634 7.26037C20.0867 7.19832 19.9985 7.1528 19.9054 7.12525L19.8499 7.31299ZM20.0403 7.4126L19.9171 7.56478C19.9523 7.5933 19.9823 7.62958 20.0051 7.67129L20.177 7.57764L20.3489 7.48398C20.3027 7.39917 20.2402 7.32255 20.1635 7.26041L20.0403 7.4126ZM20.177 7.57764L20.0048 7.67082C20.7261 9.0037 21.1042 10.4958 21.1043 12.0112L21.3 12.0112L21.4958 12.0112C21.4958 10.4306 21.1014 8.87452 20.3492 7.48446L20.177 7.57764ZM21.3 12.0112H21.1043C21.1043 17.0309 17.0201 21.1161 12.0002 21.1162L12.0002 21.312L12.0002 21.5078C17.2364 21.5077 21.4958 17.2472 21.4958 12.0112H21.3ZM12.0002 21.312V21.1162C6.98031 21.1162 2.89623 17.031 2.89623 12.0112H2.70044H2.50465C2.50465 17.2472 6.76399 21.5078 12.0002 21.5078V21.312ZM2.70044 12.0112L2.89623 12.0112C2.89643 6.99164 6.98042 2.90722 12.0002 2.90722V2.71143V2.51564C6.76414 2.51564 2.50486 6.7754 2.50465 12.0112L2.70044 12.0112ZM12.0002 10.979L12.0003 10.7832C11.7569 10.7832 11.5189 10.8563 11.3173 10.991L11.426 11.1538L11.5348 11.3166C11.6728 11.2245 11.8352 11.1748 12.0002 11.1748L12.0002 10.979ZM11.426 11.1538L11.3172 10.9911C11.1155 11.1259 10.9582 11.3175 10.8653 11.5417L11.0461 11.6167L11.227 11.6917C11.2903 11.539 11.3974 11.4085 11.5349 11.3166L11.426 11.1538ZM11.0461 11.6167L10.8653 11.5418C10.7722 11.7663 10.7482 12.0135 10.7955 12.2516L10.9875 12.2134L11.1796 12.1752C11.1473 12.0128 11.1638 11.8443 11.227 11.6916L11.0461 11.6167ZM10.9875 12.2134L10.7955 12.2516C10.8429 12.4896 10.9596 12.7084 11.1313 12.8801L11.2698 12.7417L11.4082 12.6033C11.2914 12.4864 11.2119 12.3374 11.1796 12.1751L10.9875 12.2134ZM11.2698 12.7417L11.1313 12.8801C11.3031 13.052 11.5219 13.1685 11.7598 13.2159L11.7981 13.0239L11.8364 12.8319C11.674 12.7996 11.525 12.7201 11.4082 12.6033L11.2698 12.7417ZM11.7981 13.0239L11.7599 13.216C11.998 13.2633 12.2452 13.2392 12.4697 13.1462L12.3948 12.9653L12.3199 12.7844C12.1671 12.8477 11.9987 12.8642 11.8363 12.8319L11.7981 13.0239ZM12.3948 12.9653L12.4697 13.1462C12.694 13.0533 12.8855 12.896 13.0204 12.6943L12.8577 12.5854L12.6949 12.4766C12.603 12.6141 12.4725 12.7212 12.3198 12.7844L12.3948 12.9653ZM12.8577 12.5854L13.0205 12.6942C13.155 12.4928 13.2282 12.2555 13.2283 12.0123L13.0325 12.0122L12.8367 12.0121C12.8366 12.177 12.787 12.3388 12.6949 12.4767L12.8577 12.5854ZM13.0325 12.0122L13.2283 12.012C13.2279 11.6866 13.0984 11.3736 12.8682 11.1433L12.7297 11.2817L12.5913 11.4202C12.748 11.577 12.8365 11.7905 12.8367 12.0124L13.0325 12.0122ZM12.7297 11.2817L12.8682 11.1433C12.6381 10.9132 12.3259 10.7837 12.0005 10.7832L12.0002 10.979L12 11.1748C12.2217 11.1751 12.4345 11.2634 12.5913 11.4202L12.7297 11.2817Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });

package/dist/web/RadarIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const RadarIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default RadarIcon;