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

package/dist/web/LanguagesIcon.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 LanguagesIcon_LanguagesIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const LanguagesIcon_LanguagesIcon = ({ 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: "M16.3483 5.54492C17.4961 5.54504 18.4282 6.47724 18.4284 7.625V19.417C18.4379 20.5662 17.5045 21.498 16.3571 21.498H4.5817C3.42546 21.498 2.49283 20.5665 2.49283 19.418V7.625C2.49298 6.47717 3.42504 5.54492 4.57291 5.54492H16.3483ZM4.57291 6.97559C4.21339 6.97559 3.92267 7.26552 3.92252 7.625V19.418C3.92252 19.7776 4.21329 20.0674 4.57291 20.0674H16.3483C16.7078 20.0672 16.9977 19.7775 16.9977 19.418V7.625C16.9976 7.26563 16.7077 6.97577 16.3483 6.97559H4.57291ZM18.8971 2.49805C20.3406 2.49805 21.5124 3.66982 21.5124 5.11328V16.917C21.5122 17.3167 21.188 17.6542 20.7751 17.6543C20.3637 17.6543 20.0379 17.3283 20.0378 16.917V5.11328C20.0378 4.48277 19.5276 3.97266 18.8971 3.97266H7.07291C6.66165 3.97251 6.3356 3.64665 6.3356 3.23535C6.33571 2.82242 6.67327 2.4982 7.07291 2.49805H18.8971ZM9.90298 9.26855C10.1553 9.16752 10.444 9.1841 10.6823 9.33301L10.6813 9.33398C10.8241 9.41907 10.9255 9.54723 10.9899 9.68652L10.9909 9.68848L14.0534 16.502C14.1025 16.6005 14.1266 16.7099 14.1266 16.8164C14.1265 17.0169 14.0375 17.1946 13.8903 17.3174L13.8883 17.3154C13.7565 17.44 13.5792 17.5132 13.3942 17.501V17.5C13.1042 17.5026 12.8495 17.3276 12.7497 17.0527L12.0651 15.5049H8.42252L7.72916 17.0625L7.7272 17.0615C7.62505 17.3331 7.36493 17.5082 7.07095 17.5V17.501L7.06802 17.5C7.06644 17.4999 7.06473 17.501 7.06314 17.501V17.5C6.87721 17.4981 6.70597 17.4289 6.57193 17.3174C6.4212 17.1917 6.33561 17.0041 6.3356 16.8076C6.33563 16.707 6.35705 16.5974 6.40884 16.502L9.47134 9.68848L9.47232 9.68652C9.53821 9.54401 9.64016 9.41634 9.7897 9.32422L9.79654 9.31934L9.90298 9.26855ZM9.01334 14.1621H11.4723L10.2389 11.3799L9.01334 14.1621Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/Layers2Icon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const Layers2Icon: {
-    <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 Layers2Icon;

package/dist/web/Layers2Icon.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 Layers2Icon_Layers2Icon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const Layers2Icon_Layers2Icon = ({ 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: "M21.0096 11.266C21.7043 11.6411 21.7043 12.6076 21.0096 12.9828L18.7499 14.2015L21.0106 15.4232C21.7047 15.7985 21.7049 16.7648 21.0106 17.14L12.7606 21.5941C12.453 21.76 12.078 21.7601 11.7704 21.5941L3.52039 17.14C2.82643 16.7648 2.82657 15.7986 3.52039 15.4232L5.78015 14.2025L3.52039 12.9828C2.82629 12.6076 2.82644 11.6413 3.52039 11.266L6.26941 9.78162L7.52039 10.4554L4.43347 12.1234L12.2655 16.3529L20.0966 12.1234L17.0096 10.4564L18.2596 9.78162L21.0096 11.266ZM12.7606 17.4369C12.453 17.6028 12.078 17.6029 11.7704 17.4369L7.03015 14.8773L4.43347 16.2806L12.2655 20.5101L20.0975 16.2806L17.4999 14.8773L12.7606 17.4369ZM11.7704 2.12439C12.0782 1.95832 12.4539 1.95822 12.7616 2.12439L21.0106 6.57947C21.705 6.95466 21.705 7.92107 21.0106 8.29626L12.7616 12.7504C12.4538 12.9166 12.0782 12.9166 11.7704 12.7504L3.52136 8.29626C2.82675 7.92108 2.82667 6.95459 3.52136 6.57947L11.7704 2.12439ZM4.43445 7.43689L12.2655 11.6674L20.0975 7.43689L12.2655 3.2074L4.43445 7.43689Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/LayersIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const LayersIcon: {
-    <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 LayersIcon;

package/dist/web/LayersIcon.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 LayersIcon_LayersIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const LayersIcon_LayersIcon = ({ 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: "M20.8149 15.4966C21.1749 15.3287 21.6045 15.4855 21.7729 15.8452C21.9408 16.2054 21.7844 16.6341 21.4243 16.8022L12.4243 21.0024C12.416 21.0062 12.4063 21.0068 12.3979 21.0103C12.3733 21.0206 12.3483 21.0301 12.3227 21.0376C12.3006 21.0441 12.2786 21.0499 12.2563 21.0542C12.2361 21.0581 12.2153 21.0608 12.1948 21.063C12.1697 21.0656 12.1446 21.0679 12.1196 21.0679C12.0948 21.0679 12.0702 21.0656 12.0453 21.063C12.0244 21.0607 12.0034 21.0582 11.9828 21.0542C11.9612 21.0499 11.9399 21.0439 11.9184 21.0376C11.8921 21.0299 11.8665 21.0209 11.8412 21.0103C11.8332 21.0069 11.8228 21.0062 11.8149 21.0024L2.81488 16.8022C2.4554 16.6338 2.29938 16.2051 2.46722 15.8452C2.63537 15.4856 3.06431 15.3293 3.42426 15.4966L12.1196 19.5542L20.8149 15.4966ZM20.8149 11.897C21.175 11.7291 21.6047 11.8856 21.7729 12.2456C21.9405 12.6057 21.7842 13.0345 21.4243 13.2026L12.4243 17.4028C12.4136 17.4077 12.4018 17.4102 12.3911 17.4146C12.3708 17.4228 12.3495 17.4287 12.3286 17.4351C12.3047 17.4423 12.2813 17.4499 12.2573 17.4546C12.2344 17.4591 12.2112 17.4611 12.1879 17.4634C12.1651 17.4655 12.1423 17.4673 12.1196 17.4673C12.0962 17.4673 12.0727 17.4657 12.0493 17.4634C12.0266 17.4611 12.0041 17.459 11.9819 17.4546C11.9566 17.4496 11.9317 17.4419 11.9067 17.4341C11.887 17.4279 11.8672 17.4223 11.8481 17.4146C11.8374 17.4102 11.8254 17.4077 11.8149 17.4028L2.81488 13.2026C2.45502 13.0344 2.29944 12.6057 2.46722 12.2456C2.63543 11.8857 3.06414 11.7292 3.42426 11.897L12.1196 15.9546L20.8149 11.897ZM11.5805 3.7251C11.9181 3.55646 12.3162 3.55656 12.6537 3.7251L20.435 7.61279C21.3195 8.05506 21.3197 9.31816 20.435 9.76025L12.6537 13.6479C12.3163 13.8162 11.9179 13.8165 11.5805 13.6479L3.80023 9.76025L3.64398 9.66846C2.91846 9.164 2.97065 8.02767 3.79926 7.61279L11.5805 3.7251ZM4.8725 8.68604L12.1176 12.3062L19.3627 8.68604L12.1176 5.06689L4.8725 8.68604Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/LayoutBottomIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const LayoutBottomIcon: {
-    <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 LayoutBottomIcon;

package/dist/web/LayoutBottomIcon.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 LayoutBottomIcon_LayoutBottomIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const LayoutBottomIcon_LayoutBottomIcon = ({ 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.1074 2.87012C20.2245 2.87012 21.1299 3.7755 21.1299 4.89258V19.1074C21.1299 20.2245 20.2245 21.1299 19.1074 21.1299H4.89258C3.7755 21.1299 2.87012 20.2245 2.87012 19.1074V4.89258C2.87012 4.35616 3.08261 3.84122 3.46191 3.46191C3.84122 3.08261 4.35616 2.87012 4.89258 2.87012H19.1074ZM4.89258 4.3291C4.58123 4.3291 4.3291 4.58123 4.3291 4.89258V19.1074C4.32896 19.1814 4.34384 19.2549 4.37207 19.3232C4.4003 19.3916 4.44186 19.4536 4.49414 19.5059C4.54642 19.5581 4.60843 19.5997 4.67676 19.6279C4.7451 19.6562 4.81864 19.671 4.89258 19.6709H19.1074C19.1814 19.671 19.2549 19.6562 19.3232 19.6279C19.3916 19.5997 19.4536 19.5581 19.5059 19.5059C19.5581 19.4536 19.5997 19.3916 19.6279 19.3232C19.6562 19.2549 19.671 19.1814 19.6709 19.1074V4.89258C19.671 4.81864 19.6562 4.7451 19.6279 4.67676C19.5997 4.60843 19.5581 4.54642 19.5059 4.49414C19.4536 4.44186 19.3916 4.4003 19.3232 4.37207C19.2549 4.34384 19.1814 4.32896 19.1074 4.3291H4.89258ZM17.0781 12.4707C17.497 12.4707 17.9033 12.5423 18.209 12.7139C18.5212 12.8892 18.7305 13.172 18.7305 13.5703L18.7295 17.6299C18.7295 18.0283 18.5193 18.3101 18.207 18.4854C17.9014 18.6569 17.496 18.7295 17.0771 18.7295H6.92285C6.50403 18.7295 6.09864 18.6569 5.79297 18.4854C5.48072 18.3101 5.27051 18.0283 5.27051 17.6299V13.5703C5.27051 13.1719 5.48072 12.8892 5.79297 12.7139C6.0986 12.5424 6.50419 12.4707 6.92285 12.4707H17.0781ZM6.73047 13.9424V17.2568L6.80469 17.2646L6.92383 17.2705V17.2695H17.0762C17.1453 17.2695 17.2109 17.2645 17.2695 17.2568V13.9434L17.1904 13.9346L17.0713 13.9297H6.92285C6.85423 13.9297 6.78881 13.9348 6.73047 13.9424Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/LayoutFloatIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const LayoutFloatIcon: {
-    <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 LayoutFloatIcon;

package/dist/web/LayoutFloatIcon.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 LayoutFloatIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const LayoutFloatIcon = ({ 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: "M19.1172 2.99951C19.5864 2.99952 20.0363 3.1868 20.3682 3.52002C20.7001 3.85348 20.8867 4.30624 20.8867 4.77783V13.3657C20.8867 13.5229 20.8245 13.6735 20.7139 13.7847C20.6032 13.8958 20.4533 13.9585 20.2969 13.9585C20.1405 13.9584 19.9905 13.8958 19.8799 13.7847C19.7694 13.6735 19.707 13.5228 19.707 13.3657V4.77783C19.707 4.70012 19.6917 4.62308 19.6621 4.55127C19.6325 4.47941 19.5889 4.4139 19.5342 4.35889C19.4794 4.30385 19.4143 4.25977 19.3428 4.22998C19.2712 4.20024 19.1946 4.18506 19.1172 4.18506H4.76953C4.61317 4.18514 4.46311 4.2478 4.35254 4.35889C4.24206 4.47002 4.17969 4.62075 4.17969 4.77783V19.2222C4.17971 19.2999 4.19502 19.3769 4.22461 19.4487C4.25425 19.5206 4.29779 19.5861 4.35254 19.6411C4.40732 19.6962 4.47237 19.7402 4.54395 19.77C4.61541 19.7998 4.69218 19.8149 4.76953 19.8149H13.3828C13.5393 19.8149 13.6892 19.8776 13.7998 19.9888C13.9104 20.0999 13.9727 20.2506 13.9727 20.4077C13.9726 20.5648 13.9104 20.7156 13.7998 20.8267C13.6892 20.9377 13.5392 21.0005 13.3828 21.0005H4.76953C4.30025 21.0004 3.85039 20.8124 3.51855 20.479C3.18673 20.1456 3.00005 19.6937 3 19.2222V4.77783C3 4.30624 3.18665 3.85348 3.51855 3.52002C3.85037 3.18677 4.30036 2.99959 4.76953 2.99951H19.1172ZM19.8203 15.0728C20.6069 15.0728 21 15.468 21 16.2583V19.814C21 20.6042 20.6069 20.9995 19.8203 20.9995H16.2803C15.494 20.9994 15.1006 20.6041 15.1006 19.814V16.2583C15.1006 15.4682 15.494 15.0729 16.2803 15.0728H19.8203Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M19.1172 2.99951L19.1172 2.80665H19.1172V2.99951ZM20.3682 3.52002L20.5049 3.38397L20.5048 3.38393L20.3682 3.52002ZM20.8867 4.77783H21.0796H20.8867ZM20.7139 13.7847L20.8506 13.9207L20.8506 13.9207L20.7139 13.7847ZM20.2969 13.9585L20.2968 14.1514H20.2969V13.9585ZM19.8799 13.7847L19.7431 13.9206L19.7432 13.9207L19.8799 13.7847ZM19.707 13.3657H19.5142H19.707ZM19.6621 4.55127L19.8405 4.47787L19.8404 4.47776L19.6621 4.55127ZM19.5342 4.35889L19.6709 4.22287L19.6709 4.22284L19.5342 4.35889ZM19.3428 4.22998L19.4169 4.05193L19.4168 4.0519L19.3428 4.22998ZM19.1172 4.18506L19.1172 3.9922H19.1172V4.18506ZM4.76953 4.18506V3.9922H4.76944L4.76953 4.18506ZM4.35254 4.35889L4.21585 4.22284L4.21577 4.22292L4.35254 4.35889ZM4.17969 4.77783H3.98683H4.17969ZM4.17969 19.2222H3.98683V19.2222L4.17969 19.2222ZM4.22461 19.4487L4.04629 19.5222L4.04631 19.5222L4.22461 19.4487ZM4.35254 19.6411L4.21583 19.7771L4.21585 19.7772L4.35254 19.6411ZM4.54395 19.77L4.46985 19.9481L4.46987 19.9481L4.54395 19.77ZM4.76953 19.8149L4.76944 20.0078H4.76953V19.8149ZM13.7998 19.9888L13.9365 19.8527L13.9365 19.8527L13.7998 19.9888ZM13.9727 20.4077L14.1655 20.4078V20.4077H13.9727ZM13.7998 20.8267L13.9364 20.9628L13.9365 20.9627L13.7998 20.8267ZM13.3828 21.0005V20.8076V21.0005ZM4.76953 21.0005L4.7695 21.1933H4.76953V21.0005ZM3.51855 20.479L3.38186 20.615L3.38187 20.6151L3.51855 20.479ZM3 19.2222H2.80714V19.2222L3 19.2222ZM3 4.77783H2.80714H3ZM3.51855 3.52002L3.38189 3.38394L3.38187 3.38397L3.51855 3.52002ZM4.76953 2.99951V2.80665H4.7695L4.76953 2.99951ZM16.2803 20.9995L16.2802 21.1924H16.2803V20.9995ZM16.2803 15.0728V14.8799H16.2802L16.2803 15.0728ZM19.1172 2.99951L19.1172 3.19237C19.5349 3.19237 19.9357 3.3591 20.2315 3.65611L20.3682 3.52002L20.5048 3.38393C20.1369 3.01449 19.6378 2.80666 19.1172 2.80665L19.1172 2.99951ZM20.3682 3.52002L20.2315 3.65607C20.5273 3.9533 20.6939 4.3571 20.6939 4.77783H20.8867H21.0796C21.0796 4.25539 20.8728 3.75367 20.5049 3.38397L20.3682 3.52002ZM20.8867 4.77783H20.6939V13.3657H20.8867H21.0796V4.77783H20.8867ZM20.8867 13.3657H20.6939C20.6939 13.4719 20.6518 13.5736 20.5772 13.6486L20.7139 13.7847L20.8506 13.9207C20.9971 13.7734 21.0796 13.5739 21.0796 13.3657H20.8867ZM20.7139 13.7847L20.5772 13.6486C20.5025 13.7237 20.4017 13.7656 20.2969 13.7656V13.9585V14.1514C20.505 14.1514 20.704 14.068 20.8506 13.9207L20.7139 13.7847ZM20.2969 13.9585L20.2969 13.7656C20.1921 13.7656 20.0912 13.7236 20.0166 13.6486L19.8799 13.7847L19.7432 13.9207C19.8897 14.068 20.0888 14.1513 20.2968 14.1514L20.2969 13.9585ZM19.8799 13.7847L20.0166 13.6487C19.942 13.5736 19.8999 13.4718 19.8999 13.3657H19.707H19.5142C19.5142 13.5739 19.5968 13.7734 19.7431 13.9206L19.8799 13.7847ZM19.707 13.3657H19.8999V4.77783H19.707H19.5142V13.3657H19.707ZM19.707 4.77783H19.8999C19.8999 4.67473 19.8795 4.57277 19.8405 4.47787L19.6621 4.55127L19.4838 4.62466C19.5038 4.67339 19.5142 4.72552 19.5142 4.77783H19.707ZM19.6621 4.55127L19.8404 4.47776C19.8012 4.38255 19.7435 4.29581 19.6709 4.22287L19.5342 4.35889L19.3975 4.4949C19.4344 4.532 19.4638 4.57626 19.4838 4.62478L19.6621 4.55127ZM19.5342 4.35889L19.6709 4.22284C19.5986 4.15026 19.5124 4.0917 19.4169 4.05193L19.3428 4.22998L19.2687 4.40803C19.3163 4.42784 19.3602 4.45744 19.3975 4.49494L19.5342 4.35889ZM19.3428 4.22998L19.4168 4.0519C19.3216 4.01233 19.2198 3.9922 19.1172 3.9922L19.1172 4.18506L19.1172 4.37792C19.1694 4.37792 19.2208 4.38815 19.2687 4.40806L19.3428 4.22998ZM19.1172 4.18506V3.9922H4.76953V4.18506V4.37792H19.1172V4.18506ZM4.76953 4.18506L4.76944 3.9922C4.56153 3.9923 4.36239 4.07561 4.21585 4.22284L4.35254 4.35889L4.48923 4.49494C4.56382 4.41999 4.66482 4.37797 4.76963 4.37792L4.76953 4.18506ZM4.35254 4.35889L4.21577 4.22292C4.06943 4.37011 3.98683 4.5697 3.98683 4.77783H4.17969H4.37254C4.37254 4.6718 4.41468 4.56992 4.48931 4.49486L4.35254 4.35889ZM4.17969 4.77783H3.98683V19.2222H4.17969H4.37254V4.77783H4.17969ZM4.17969 19.2222L3.98683 19.2222C3.98686 19.3252 4.00714 19.4272 4.04629 19.5222L4.22461 19.4487L4.40293 19.3753C4.3829 19.3267 4.37256 19.2746 4.37254 19.2221L4.17969 19.2222ZM4.22461 19.4487L4.04631 19.5222C4.08557 19.6175 4.14322 19.7042 4.21583 19.7771L4.35254 19.6411L4.48925 19.5051C4.45235 19.468 4.42293 19.4238 4.40291 19.3752L4.22461 19.4487ZM4.35254 19.6411L4.21585 19.7772C4.28809 19.8497 4.37428 19.9083 4.46985 19.9481L4.54395 19.77L4.61804 19.592C4.57046 19.5722 4.52655 19.5426 4.48923 19.5051L4.35254 19.6411ZM4.54395 19.77L4.46987 19.9481C4.56508 19.9877 4.66702 20.0077 4.76944 20.0078L4.76953 19.8149L4.76963 19.6221C4.71734 19.6221 4.66575 19.6118 4.61803 19.592L4.54395 19.77ZM4.76953 19.8149V20.0078H13.3828V19.8149V19.6221H4.76953V19.8149ZM13.3828 19.8149V20.0078C13.4876 20.0078 13.5884 20.0498 13.6631 20.1248L13.7998 19.9888L13.9365 19.8527C13.7899 19.7055 13.591 19.6221 13.3828 19.6221V19.8149ZM13.7998 19.9888L13.6631 20.1248C13.7377 20.1998 13.7798 20.3016 13.7798 20.4077H13.9727H14.1655C14.1655 20.1996 14.083 20 13.9365 19.8527L13.7998 19.9888ZM13.9727 20.4077L13.7798 20.4076C13.7797 20.5139 13.7376 20.6157 13.6631 20.6906L13.7998 20.8267L13.9365 20.9627C14.0831 20.8154 14.1654 20.6157 14.1655 20.4078L13.9727 20.4077ZM13.7998 20.8267L13.6632 20.6905C13.5884 20.7656 13.4874 20.8076 13.3828 20.8076V21.0005V21.1933C13.5909 21.1933 13.79 21.1098 13.9364 20.9628L13.7998 20.8267ZM13.3828 21.0005V20.8076H4.76953V21.0005V21.1933H13.3828V21.0005ZM4.76953 21.0005L4.76956 20.8076C4.35192 20.8076 3.95114 20.6402 3.65524 20.343L3.51855 20.479L3.38187 20.6151C3.74964 20.9846 4.24858 21.1933 4.7695 21.1933L4.76953 21.0005ZM3.51855 20.479L3.65525 20.343C3.35942 20.0457 3.1929 19.6427 3.19286 19.2221L3 19.2222L2.80714 19.2222C2.8072 19.7446 3.01404 20.2455 3.38186 20.615L3.51855 20.479ZM3 19.2222H3.19286V4.77783H3H2.80714V19.2222H3ZM3 4.77783H3.19286C3.19286 4.3571 3.35941 3.9533 3.65524 3.65607L3.51855 3.52002L3.38187 3.38397C3.01389 3.75367 2.80714 4.25539 2.80714 4.77783H3ZM3.51855 3.52002L3.65522 3.6561C3.95093 3.35911 4.35179 3.19244 4.76956 3.19237L4.76953 2.99951L4.7695 2.80665C4.24894 2.80674 3.74981 3.01444 3.38189 3.38394L3.51855 3.52002ZM4.76953 2.99951V3.19237H19.1172V2.99951V2.80665H4.76953V2.99951ZM19.8203 15.0728V15.2656C20.1836 15.2656 20.4207 15.3567 20.5684 15.5052C20.7163 15.6538 20.8071 15.8926 20.8071 16.2583H21H21.1929C21.1929 15.8337 21.0872 15.4797 20.8418 15.2331C20.5964 14.9864 20.2436 14.8799 19.8203 14.8799V15.0728ZM21 16.2583H20.8071V19.814H21H21.1929V16.2583H21ZM21 19.814H20.8071C20.8071 20.1796 20.7163 20.4184 20.5684 20.5671C20.4207 20.7155 20.1836 20.8067 19.8203 20.8067V20.9995V21.1924C20.2436 21.1924 20.5964 21.0859 20.8418 20.8391C21.0872 20.5926 21.1929 20.2386 21.1929 19.814H21ZM19.8203 20.9995V20.8067H16.2803V20.9995V21.1924H19.8203V20.9995ZM16.2803 20.9995L16.2803 20.8067C15.9171 20.8066 15.68 20.7154 15.5323 20.567C15.3843 20.4183 15.2934 20.1795 15.2934 19.814H15.1006H14.9077C14.9077 20.2386 15.0135 20.5925 15.2589 20.839C15.5044 21.0857 15.8571 21.1923 16.2802 21.1924L16.2803 20.9995ZM15.1006 19.814H15.2934V16.2583H15.1006H14.9077V19.814H15.1006ZM15.1006 16.2583H15.2934C15.2934 15.8928 15.3843 15.654 15.5323 15.5053C15.68 15.3568 15.9171 15.2657 16.2803 15.2656L16.2803 15.0728L16.2802 14.8799C15.8571 14.88 15.5044 14.9865 15.2589 15.2332C15.0135 15.4798 14.9077 15.8337 14.9077 16.2583H15.1006ZM16.2803 15.0728V15.2656H19.8203V15.0728V14.8799H16.2803V15.0728Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });

package/dist/web/LayoutIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const LayoutIcon: {
-    <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 LayoutIcon;

package/dist/web/LayoutIcon.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 LayoutIcon_LayoutIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const LayoutIcon_LayoutIcon = ({ 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: "M20.3308 2.9751C20.5149 2.9751 20.6915 3.04824 20.8217 3.17843C20.9519 3.30863 21.025 3.48521 21.025 3.66933V20.3309C21.025 20.515 20.9519 20.6916 20.8217 20.8218C20.6915 20.952 20.5149 21.0251 20.3308 21.0251H3.66924C3.48512 21.0251 3.30854 20.952 3.17834 20.8218C3.04815 20.6916 2.97501 20.515 2.97501 20.3309V3.66933C2.97501 3.48521 3.04815 3.30863 3.17834 3.17843C3.30854 3.04824 3.48512 2.9751 3.66924 2.9751H20.3308ZM11.537 4.36356H4.36347V19.6366H11.5372L11.537 4.36356ZM19.6365 4.36356H12.4626L12.4628 19.6366H19.6365V12.4629H12.4628V11.5373H19.6365V4.36356Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/LayoutLeftIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const LayoutLeftIcon: {
-    <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 LayoutLeftIcon;

package/dist/web/LayoutLeftIcon.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 LayoutLeftIcon_LayoutLeftIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const LayoutLeftIcon_LayoutLeftIcon = ({ 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.1074 2.87012C19.6438 2.87012 20.1588 3.08261 20.5381 3.46191C20.9174 3.84122 21.1299 4.35616 21.1299 4.89258V19.1074C21.1299 20.2245 20.2245 21.1299 19.1074 21.1299H4.89258C3.7755 21.1299 2.87012 20.2245 2.87012 19.1074V4.89258C2.87012 3.7755 3.7755 2.87012 4.89258 2.87012H19.1074ZM4.89258 4.3291C4.81864 4.32896 4.7451 4.34384 4.67676 4.37207C4.60843 4.4003 4.54642 4.44186 4.49414 4.49414C4.44186 4.54642 4.4003 4.60843 4.37207 4.67676C4.34384 4.7451 4.32896 4.81864 4.3291 4.89258V19.1074C4.32896 19.1814 4.34384 19.2549 4.37207 19.3232C4.4003 19.3916 4.44186 19.4536 4.49414 19.5059C4.54642 19.5581 4.60843 19.5997 4.67676 19.6279C4.7451 19.6562 4.81864 19.671 4.89258 19.6709H19.1074C19.1814 19.671 19.2549 19.6562 19.3232 19.6279C19.3916 19.5997 19.4536 19.5581 19.5059 19.5059C19.5581 19.4536 19.5997 19.3916 19.6279 19.3232C19.6562 19.2549 19.671 19.1814 19.6709 19.1074V4.89258C19.6709 4.58123 19.4188 4.3291 19.1074 4.3291H4.89258ZM10.4297 5.27051C10.8281 5.27051 11.1108 5.48072 11.2861 5.79297C11.4576 6.0986 11.5293 6.50419 11.5293 6.92285V17.0781C11.5293 17.497 11.4577 17.9033 11.2861 18.209C11.1108 18.5212 10.828 18.7305 10.4297 18.7305L6.37012 18.7295C5.97173 18.7295 5.68994 18.5193 5.51465 18.207C5.34306 17.9014 5.27051 17.496 5.27051 17.0771V6.92285C5.27051 6.50403 5.34306 6.09864 5.51465 5.79297C5.68994 5.48072 5.97173 5.27051 6.37012 5.27051H10.4297ZM6.73535 6.80469L6.72949 6.92383L6.73047 17.0762C6.73048 17.1453 6.73547 17.2109 6.74316 17.2695H10.0566L10.0654 17.1904L10.0703 17.0713V6.92285C10.0703 6.85423 10.0652 6.78881 10.0576 6.73047H6.74316L6.73535 6.80469Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/LayoutRightIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const LayoutRightIcon: {
-    <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 LayoutRightIcon;

package/dist/web/LayoutRightIcon.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 LayoutRightIcon_LayoutRightIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const LayoutRightIcon_LayoutRightIcon = ({ 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.1074 3C20.1527 3 21 3.84729 21 4.89257V19.1074C21 20.1527 20.1527 21 19.1074 21H4.89257C4.39063 21 3.90925 20.8006 3.55432 20.4457C3.1994 20.0908 3 19.6094 3 19.1074V4.89257C3 3.84729 3.84729 3 4.89257 3H19.1074ZM19.1074 4.19957H4.89257C4.80152 4.1994 4.71133 4.21721 4.62717 4.25198C4.54302 4.28674 4.46655 4.33778 4.40217 4.40217C4.33778 4.46655 4.28674 4.54302 4.25198 4.62717C4.21721 4.71133 4.1994 4.80152 4.19957 4.89257V19.1074C4.19957 19.4906 4.50943 19.8004 4.89257 19.8004H19.1074C19.1985 19.8006 19.2887 19.7828 19.3728 19.748C19.457 19.7133 19.5334 19.6622 19.5978 19.5978C19.6622 19.5334 19.7133 19.457 19.748 19.3728C19.7828 19.2887 19.8006 19.1985 19.8004 19.1074V4.89257C19.8006 4.80152 19.7828 4.71133 19.748 4.62717C19.7133 4.54302 19.6622 4.46655 19.5978 4.40217C19.5334 4.33778 19.457 4.28674 19.3728 4.25198C19.2887 4.21721 19.1985 4.1994 19.1074 4.19957ZM17.6301 5.40043C18.3167 5.40043 18.5996 6.10886 18.5996 6.92271V17.0773C18.5996 17.8911 18.3167 18.5996 17.6301 18.5996H13.5699C12.8833 18.5996 12.6004 17.8911 12.6004 17.0773V6.92143C12.6004 6.10757 12.8833 5.39914 13.5699 5.39914L17.6301 5.40043ZM17.3653 6.6H13.8334L13.818 6.67714L13.8051 6.79543L13.8 6.924V17.0773C13.8 17.1647 13.8064 17.2483 13.818 17.3216L13.8334 17.4H17.3653L17.382 17.3229L17.3949 17.2046L17.4 17.076V6.924C17.4 6.83657 17.3936 6.753 17.382 6.67971L17.3653 6.60129V6.6Z",
-            fill: _color,
-            stroke: _color,
+            fill: "currentColor",
+            stroke: "currentColor",
             strokeWidth: 0.257143
         })
     });

package/dist/web/LayoutSplitIcon.d.ts

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

package/dist/web/LayoutSplitIcon.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { useWebColor } from "../core/index.js";
+const LayoutSplitIcon_LayoutSplitIcon = ({ 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 3C20.1046 3 21 3.89543 21 5V19C21 20.0357 20.2128 20.887 19.2041 20.9893L19 21H5L4.7959 20.9893C3.85435 20.8938 3.1062 20.1457 3.01074 19.2041L3 19V5C3 3.89543 3.89543 3 5 3H19ZM12 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H12V20Z",
+            fill: "currentColor"
+        })
+    });
+};
+LayoutSplitIcon_LayoutSplitIcon.displayName = 'LayoutSplitIcon|layout-split';
+const LayoutSplitIcon = LayoutSplitIcon_LayoutSplitIcon;
+export { LayoutSplitIcon as default };

package/dist/web/LeaderboardIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const LeaderboardIcon: {
-    <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 LeaderboardIcon;

package/dist/web/LeaderboardIcon.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 LeaderboardIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const LeaderboardIcon = ({ 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: "M15.5034 2.99585C16.0558 2.99581 16.5973 3.14896 17.0679 3.43823C17.5384 3.72756 17.9202 4.14161 18.1694 4.63452L18.2036 4.70776H20.0659L20.1606 4.71167C20.58 4.73488 20.9777 4.90547 21.2837 5.19312C21.5897 5.48076 21.7844 5.86685 21.8335 6.28394L21.8433 6.39624L21.8462 6.49194L21.8442 6.69702C21.7921 10.5169 20.6786 12.6807 18.5044 13.0125L18.4321 13.0212L18.4038 13.1414C18.1011 14.3155 17.4754 15.3815 16.5981 16.2185C15.7209 17.0554 14.6269 17.6295 13.4399 17.8767L13.2495 17.9138L13.146 17.9294V19.3542H15.6938C16.0901 19.3542 16.4214 19.6367 16.4985 20.0105L16.5103 20.0916L16.5142 20.1746C16.5142 20.5998 16.1912 20.9497 15.7778 20.9919L15.6938 20.9958H8.47705C8.26725 20.995 8.06544 20.914 7.91357 20.7693C7.76168 20.6244 7.67137 20.4262 7.66064 20.2166C7.65002 20.0071 7.7198 19.8018 7.85596 19.6423C7.99226 19.4827 8.18437 19.3814 8.39307 19.3591L8.47705 19.3552L11.5054 19.3542V17.9812L11.4097 17.9724C10.1371 17.8324 8.93421 17.3197 7.95264 16.4978C6.97099 15.6757 6.25431 14.5807 5.89307 13.3523L5.84229 13.1716L5.81494 13.0623L5.74951 13.0593C3.42072 12.8965 2.22231 10.7975 2.15967 6.95288L2.15771 6.71558V6.47827C2.1611 6.04354 2.3235 5.62517 2.61377 5.30151C2.90402 4.97792 3.30215 4.77097 3.73389 4.72046L3.84619 4.71167L3.94092 4.70874L6.02197 4.70776L6.05713 4.63452C6.28352 4.18679 6.61902 3.80314 7.03271 3.51929C7.44662 3.23536 7.92586 3.06048 8.42529 3.0105L8.5708 2.99976L8.71729 2.99585H15.5034ZM8.72021 4.63745C8.39518 4.63801 8.08103 4.7564 7.83643 4.97046C7.5919 5.18451 7.43281 5.48045 7.38916 5.80249L7.38037 5.9021L7.37842 5.98413L7.38623 12.5779L7.41748 12.7078C7.62879 13.5446 8.05957 14.3099 8.66553 14.9246C9.27176 15.5394 10.0316 15.9818 10.8657 16.2048L11.0425 16.2478L11.1802 16.2781C12.3687 16.5126 13.602 16.293 14.6372 15.6638C15.6724 15.0346 16.4348 14.0407 16.7739 12.8777L16.8472 12.6013V5.98218C16.8472 5.65726 16.7296 5.34336 16.5161 5.09839C16.3025 4.85329 16.0071 4.69347 15.6851 4.64917L15.5854 4.64038L15.4995 4.63745H8.72021ZM12.1167 7.33081C12.3318 7.32887 12.5439 7.38505 12.73 7.49292C12.9158 7.60078 13.0693 7.75667 13.1743 7.94409L13.2183 8.03394L13.4741 8.57788L14.0454 8.65796C14.2213 8.68202 14.3899 8.74454 14.5386 8.84155C14.6873 8.93867 14.8129 9.06804 14.9058 9.21948L14.9595 9.31519L15.0073 9.41675L15.0405 9.50171C15.1856 9.92361 15.0934 10.3861 14.814 10.7039L14.314 11.2205L14.4224 11.8494C14.4718 12.2113 14.3755 12.5746 14.1626 12.8376L14.0874 12.9216L14.0122 12.991L13.9507 13.0369C13.782 13.1718 13.579 13.2584 13.3647 13.2859C13.1506 13.3133 12.9329 13.2811 12.7358 13.1931L12.6382 13.1433L12.1343 12.8708L11.6206 13.1482C11.5281 13.1973 11.4307 13.2363 11.3296 13.2634L11.2319 13.2849L11.1313 13.2976L11.0317 13.3015C10.7818 13.3015 10.5327 13.217 10.3013 13.0554C9.95272 12.7838 9.76978 12.3632 9.81592 11.9519L9.83252 11.8494L9.93506 11.238L9.49365 10.78C9.37355 10.6535 9.27966 10.5042 9.21924 10.3406C9.15882 10.1769 9.133 10.0021 9.14209 9.82788L9.15186 9.70776L9.17041 9.59839L9.19385 9.50171C9.34023 9.07647 9.66716 8.77177 10.0825 8.67749L10.188 8.65796L10.7583 8.57788L11.0259 8.01343C11.1056 7.85602 11.2179 7.71736 11.355 7.6062C11.4921 7.49502 11.6512 7.41345 11.8218 7.36792L11.9233 7.34644L12.0288 7.33374L12.1167 7.33081ZM12.0991 8.49585L12.0796 8.50952L12.0649 8.5271L11.564 9.59155L11.4888 9.64722L10.3481 9.8064C10.3377 9.80796 10.328 9.81243 10.3198 9.81909C10.3116 9.82582 10.3049 9.83448 10.3013 9.84448C10.2914 9.87872 10.2953 9.91606 10.311 9.948L10.3296 9.97632L11.1431 10.8201L11.1694 10.906L10.9722 12.0613C10.9676 12.0856 10.9766 12.1115 10.9897 12.1228L11.0239 12.1423L11.0503 12.1365L11.0767 12.1238L12.0864 11.5759H12.1812L13.1978 12.1277C13.2152 12.138 13.219 12.1371 13.2632 12.1033C13.2702 12.087 13.2741 12.0692 13.2749 12.0515V12.0261L13.0815 10.8875L13.1079 10.8025L13.9233 9.95581C13.9341 9.94656 13.9423 9.93442 13.9458 9.92065C13.9493 9.90687 13.9479 9.89197 13.9429 9.87866C13.9297 9.83935 13.917 9.81917 13.9019 9.81128L13.8853 9.80737L12.7456 9.64722L12.6704 9.59155L12.1636 8.51636C12.1583 8.50342 12.1509 8.49684 12.1392 8.49292L12.1187 8.48999L12.0991 8.49585ZM3.94092 6.35034C3.90355 6.35034 3.86688 6.36506 3.84033 6.39136C3.81414 6.41753 3.79878 6.45295 3.79834 6.48999C3.77658 9.56054 4.40492 11.1382 5.66162 11.3914L5.74658 11.406L5.73682 6.35034H3.94092ZM18.4888 11.323L18.5571 11.2996C19.581 10.904 20.135 9.47866 20.1997 6.9187L20.2056 6.50073L20.2026 6.46558C20.1987 6.44392 20.1893 6.42373 20.1763 6.40601C20.1631 6.38818 20.1461 6.37325 20.1265 6.36304L20.0981 6.35327L20.061 6.35034H18.4888V11.323Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/LeafIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const LeafIcon: {
-    <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 LeafIcon;

package/dist/web/LeafIcon.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 LeafIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const LeafIcon = ({ 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: "M21.8552 2.48765C21.8176 2.33299 21.7283 2.19531 21.6017 2.09679C21.475 1.99827 21.3184 1.94466 21.1571 1.94458H21.1528C17.37 1.96795 8.17132 2.59315 4.45749 7.87802C2.5284 10.6238 2.3625 14.1889 3.96409 18.474C3.9763 18.5072 4.00144 18.5299 4.01795 18.5603C3.44555 19.9573 3.22362 20.887 3.21788 20.9132C3.1857 21.0938 3.22576 21.2796 3.32965 21.4317C3.43355 21.5838 3.59318 21.6903 3.77503 21.7288C3.95687 21.7673 4.14677 21.7348 4.30483 21.6382C4.4629 21.5415 4.57682 21.3883 4.62268 21.2106C4.63776 21.1383 6.46774 13.866 12.9373 9.61416C13.2677 9.39749 13.3567 8.9578 13.1362 8.63209C12.9158 8.30639 12.4705 8.21789 12.1401 8.43597C8.47153 10.8469 6.21206 14.106 4.88339 16.689C3.93249 13.4475 4.1817 10.7577 5.63894 8.68449C8.50672 4.6033 15.3088 3.61911 19.4148 3.41095C18.5314 4.68614 17.5661 7.02412 17.5661 11.1492C17.5661 13.3583 16.9305 15.059 15.678 16.2047C13.6699 18.0392 10.4078 18.2113 8.02193 18.0343C7.92712 18.0258 7.83154 18.0359 7.74075 18.0642C7.64996 18.0924 7.56577 18.1382 7.49308 18.1988C7.42039 18.2594 7.36064 18.3336 7.31732 18.4172C7.274 18.5008 7.24796 18.592 7.24072 18.6856C7.23349 18.7792 7.24519 18.8732 7.27517 18.9623C7.30514 19.0514 7.35278 19.1337 7.41531 19.2045C7.47785 19.2753 7.55403 19.3331 7.63943 19.3745C7.72483 19.416 7.81774 19.4404 7.91276 19.4461C8.41768 19.4845 8.92391 19.5039 9.43033 19.5042C11.8593 19.5042 14.6926 19.0347 16.654 17.2427C18.2125 15.8188 19.0025 13.769 19.0025 11.1499C19.0025 4.70738 21.466 3.29341 21.4782 3.28704C21.7769 3.13906 21.9335 2.80769 21.8552 2.48765Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/LinkIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const LinkIcon: {
-    <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 LinkIcon;

package/dist/web/LinkIcon.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 LinkIcon_LinkIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const LinkIcon_LinkIcon = ({ 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: "M9.59128 7.74902C7.77314 9.61266 7.77311 12.6125 9.59128 14.4307C9.81857 14.7032 10.2278 14.7033 10.5005 14.4307C10.773 14.2034 10.773 13.7942 10.5005 13.5215C9.86409 12.8851 9.50046 12.0214 9.50046 11.1123C9.50048 10.2032 9.86411 9.33947 10.5005 8.70313L14.8637 4.33984C16.1819 3.02166 18.3639 3.02166 19.6821 4.33984C20.3184 4.9762 20.6821 5.84 20.6821 6.74902C20.682 7.65802 20.3184 8.5219 19.6821 9.1582L17.227 11.6123C16.9545 11.885 16.955 12.2938 17.2729 12.4756C17.5002 12.7483 17.9094 12.7483 18.1821 12.4756L20.6362 10.0215C21.5453 9.11239 22.0005 7.9304 22.0005 6.70313C22.0004 5.52136 21.5452 4.29381 20.6362 3.38477C19.7272 2.52134 18.5455 2.02149 17.2729 2.02149C16.0457 2.02148 14.8636 2.47574 13.9546 3.38477L9.59128 7.74902ZM3.36374 13.9756C1.54556 15.8392 1.54556 18.84 3.36374 20.6582C4.27281 21.5218 5.45489 22.021 6.6821 21.9756C7.90934 21.9756 9.09139 21.5214 10.0005 20.6123L14.3637 16.249C15.2728 15.34 15.727 14.1579 15.727 12.9307C15.727 11.7488 15.2728 10.5214 14.3637 9.61231C14.1365 9.33967 13.7273 9.33961 13.4546 9.61231C13.1819 9.83957 13.1819 10.2488 13.4546 10.5215C14.0909 11.1578 14.4546 12.0216 14.4546 12.9307C14.4545 13.8397 14.0909 14.7035 13.4546 15.3398L9.09128 19.7031C7.7731 21.0213 5.5911 21.0213 4.27292 19.7031C3.63661 19.0668 3.27292 18.203 3.27292 17.2939C3.27299 16.3849 3.63661 15.5211 4.27292 14.8848L6.72702 12.4307C6.99975 12.2034 6.99975 11.7942 6.72702 11.5215C6.49977 11.249 6.09147 11.249 5.81882 11.5215L3.36374 13.9756Z",
-                fill: _color
+                fill: "currentColor"
             }),
             /*#__PURE__*/ jsx("path", {
                 d: "M9.59128 7.74902L9.4839 7.64427L9.4852 7.64297L9.59128 7.74902ZM9.59128 14.4307L9.69778 14.3242L9.70648 14.3346L9.59128 14.4307ZM10.5005 14.4307L10.394 14.3242L10.4044 14.3155L10.5005 14.4307ZM10.5005 13.5215L10.6065 13.4154L10.6065 13.4154L10.5005 13.5215ZM9.50046 11.1123L9.35046 11.1123L9.35046 11.1123L9.50046 11.1123ZM10.5005 8.70313L10.6065 8.80919L10.6065 8.80919L10.5005 8.70313ZM14.8637 4.33984L14.7577 4.23378L14.7577 4.23378L14.8637 4.33984ZM19.6821 4.33984L19.7882 4.23378L19.7882 4.23378L19.6821 4.33984ZM20.6821 6.74902L20.8321 6.74902L20.8321 6.74904L20.6821 6.74902ZM19.6821 9.1582L19.7882 9.26427L19.7881 9.26429L19.6821 9.1582ZM17.227 11.6123L17.1209 11.5063L17.121 11.5062L17.227 11.6123ZM17.2729 12.4756L17.3474 12.3454L17.3708 12.3588L17.3882 12.3796L17.2729 12.4756ZM18.1821 12.4756L18.2882 12.5817L18.2882 12.5817L18.1821 12.4756ZM20.6362 10.0215L20.5301 9.91542L20.5301 9.91542L20.6362 10.0215ZM22.0005 6.70313L22.1505 6.70312L22.1505 6.70313L22.0005 6.70313ZM20.6362 3.38477L20.7395 3.27597L20.7423 3.2787L20.6362 3.38477ZM17.2729 2.02149L17.2729 1.87149L17.2729 1.87149L17.2729 2.02149ZM13.9546 3.38477L13.8485 3.27871L13.8485 3.2787L13.9546 3.38477ZM3.36374 13.9756L3.25636 13.8708L3.25769 13.8695L3.36374 13.9756ZM3.36374 20.6582L3.2604 20.767L3.25767 20.7643L3.36374 20.6582ZM6.6821 21.9756L6.67654 21.8256L6.68209 21.8256L6.6821 21.9756ZM10.0005 20.6123L9.89439 20.5062L9.89439 20.5062L10.0005 20.6123ZM14.3637 16.249L14.4698 16.3551L14.3637 16.249ZM15.727 12.9307L15.877 12.9307L15.877 12.9307L15.727 12.9307ZM14.3637 9.61231L14.2572 9.71881L14.2485 9.70836L14.3637 9.61231ZM13.4546 9.61231L13.5611 9.71881L13.5506 9.72752L13.4546 9.61231ZM13.4546 10.5215L13.3485 10.6276L13.3485 10.6275L13.4546 10.5215ZM14.4546 12.9307L14.6046 12.9307L14.6046 12.9307L14.4546 12.9307ZM13.4546 15.3398L13.5606 15.4459L13.5606 15.4459L13.4546 15.3398ZM9.09128 19.7031L8.98521 19.5971L8.98521 19.5971L9.09128 19.7031ZM4.27292 19.7031L4.16685 19.8092L4.16685 19.8092L4.27292 19.7031ZM3.27292 17.2939L3.12292 17.2939L3.12292 17.2939L3.27292 17.2939ZM4.27292 14.8848L4.16685 14.7787L4.16685 14.7787L4.27292 14.8848ZM6.72702 12.4307L6.62052 12.3242L6.63099 12.3154L6.72702 12.4307ZM6.72702 11.5215L6.62052 11.628L6.61183 11.6176L6.72702 11.5215ZM5.81882 11.5215L5.71277 11.4154L5.71279 11.4154L5.81882 11.5215ZM9.59128 7.74902L9.69865 7.85377C7.93664 9.65988 7.93847 12.5657 9.69734 14.3246L9.59128 14.4307L9.48521 14.5367C7.60775 12.6593 7.60964 9.56545 9.48391 7.64428L9.59128 7.74902ZM9.59128 14.4307L9.70648 14.3346C9.86892 14.5294 10.1744 14.5446 10.3944 14.3246L10.5005 14.4307L10.6065 14.5367C10.2811 14.8621 9.76823 14.8771 9.47607 14.5267L9.59128 14.4307ZM10.5005 14.4307L10.4044 14.3155C10.5991 14.1531 10.6143 13.8475 10.3944 13.6275L10.5005 13.5215L10.6065 13.4154C10.9317 13.7408 10.9469 14.2537 10.5965 14.5459L10.5005 14.4307ZM10.5005 13.5215L10.3944 13.6276C9.73022 12.9634 9.35046 12.0616 9.35046 11.1123L9.50046 11.1123L9.65046 11.1123C9.65046 11.9812 9.99797 12.8069 10.6065 13.4154L10.5005 13.5215ZM9.50046 11.1123L9.35046 11.1123C9.35048 10.163 9.73023 9.26122 10.3944 8.59706L10.5005 8.70313L10.6065 8.80919C9.99799 9.41772 9.65048 10.2435 9.65046 11.1123L9.50046 11.1123ZM10.5005 8.70313L10.3944 8.59706L14.7577 4.23378L14.8637 4.33984L14.9698 4.44591L10.6065 8.80919L10.5005 8.70313ZM14.8637 4.33984L14.7577 4.23378C16.1344 2.85702 18.4114 2.85702 19.7882 4.23378L19.6821 4.33984L19.576 4.44591C18.3164 3.18631 16.2294 3.18631 14.9698 4.44591L14.8637 4.33984ZM19.6821 4.33984L19.7882 4.23378C20.4523 4.89794 20.8321 5.79976 20.8321 6.74902L20.6821 6.74902L20.5321 6.74902C20.5321 5.88023 20.1845 5.05445 19.576 4.4459L19.6821 4.33984ZM20.6821 6.74902L20.8321 6.74904C20.832 7.69824 20.4523 8.60015 19.7882 9.26427L19.6821 9.1582L19.576 9.05214C20.1845 8.44366 20.532 7.61779 20.5321 6.74901L20.6821 6.74902ZM19.6821 9.1582L19.7881 9.26429L17.3331 11.7184L17.227 11.6123L17.121 11.5062L19.5761 9.05212L19.6821 9.1582ZM17.227 11.6123L17.3331 11.7183C17.2228 11.8287 17.1744 11.9599 17.1785 12.0725C17.1824 12.1815 17.235 12.2811 17.3474 12.3454L17.2729 12.4756L17.1984 12.6058C16.9929 12.4883 16.8863 12.2925 16.8787 12.0835C16.8712 11.8781 16.9588 11.6685 17.1209 11.5063L17.227 11.6123ZM17.2729 12.4756L17.3882 12.3796C17.5505 12.5744 17.856 12.5896 18.076 12.3695L18.1821 12.4756L18.2882 12.5817C17.9628 12.9071 17.4499 12.9222 17.1577 12.5716L17.2729 12.4756ZM18.1821 12.4756L18.076 12.3695L20.5301 9.91542L20.6362 10.0215L20.7423 10.1276L18.2882 12.5817L18.1821 12.4756ZM20.6362 10.0215L20.5301 9.91542C21.4098 9.03575 21.8505 7.89248 21.8505 6.70313L22.0005 6.70313L22.1505 6.70313C22.1505 7.96832 21.6808 9.18904 20.7423 10.1276L20.6362 10.0215ZM22.0005 6.70313L21.8505 6.70313C21.8504 5.55851 21.4092 4.36994 20.5301 3.49083L20.6362 3.38477L20.7423 3.2787C21.6813 4.21769 22.1504 5.48421 22.1505 6.70312L22.0005 6.70313ZM20.6362 3.38477L20.5329 3.49353C19.6503 2.6552 18.5051 2.17149 17.2729 2.17149L17.2729 2.02149L17.2729 1.87149C18.5859 1.87149 19.804 2.38749 20.7395 3.27601L20.6362 3.38477ZM17.2729 2.02149L17.2729 2.17149C16.0835 2.17148 14.9402 2.61128 14.0606 3.49084L13.9546 3.38477L13.8485 3.2787C14.787 2.3402 16.0078 1.87148 17.2729 1.87149L17.2729 2.02149ZM13.9546 3.38477L14.0606 3.49082L9.69736 7.85508L9.59128 7.74902L9.4852 7.64297L13.8485 3.27871L13.9546 3.38477ZM3.36374 13.9756L3.47111 14.0803C1.70906 15.8864 1.71091 18.7932 3.4698 20.5521L3.36374 20.6582L3.25767 20.7643C1.3802 18.8868 1.38206 15.792 3.25637 13.8708L3.36374 13.9756ZM3.36374 20.6582L3.46705 20.5494C4.35045 21.3886 5.49439 21.8695 6.67655 21.8257L6.6821 21.9756L6.68765 22.1255C5.41538 22.1726 4.19517 21.6549 3.26043 20.767L3.36374 20.6582ZM6.6821 21.9756L6.68209 21.8256C7.8715 21.8256 9.0148 21.3858 9.89439 20.5062L10.0005 20.6123L10.1065 20.7184C9.16798 21.6569 7.94718 22.1256 6.6821 22.1256L6.6821 21.9756ZM10.0005 20.6123L9.89439 20.5062L14.2577 16.143L14.3637 16.249L14.4698 16.3551L10.1065 20.7184L10.0005 20.6123ZM14.3637 16.249L14.2577 16.143C15.1373 15.2634 15.577 14.1201 15.577 12.9307L15.727 12.9307L15.877 12.9307C15.877 14.1957 15.4083 15.4165 14.4698 16.3551L14.3637 16.249ZM15.727 12.9307L15.577 12.9307C15.577 11.7859 15.1368 10.5975 14.2577 9.71837L14.3637 9.61231L14.4698 9.50624C15.4089 10.4453 15.877 11.7118 15.877 12.9307L15.727 12.9307ZM14.3637 9.61231L14.2485 9.70836C14.0861 9.51354 13.7806 9.49837 13.5606 9.71837L13.4546 9.61231L13.3485 9.50624C13.6739 9.18085 14.1868 9.1658 14.479 9.51626L14.3637 9.61231ZM13.4546 9.61231L13.5506 9.72752C13.3558 9.88989 13.3407 10.1954 13.5606 10.4154L13.4546 10.5215L13.3485 10.6275C13.0232 10.3022 13.008 9.78924 13.3585 9.49709L13.4546 9.61231ZM13.4546 10.5215L13.5606 10.4154C14.2248 11.0796 14.6046 11.9813 14.6046 12.9307L14.4546 12.9307L14.3046 12.9307C14.3046 12.0618 13.957 11.2361 13.3485 10.6276L13.4546 10.5215ZM14.4546 12.9307L14.6046 12.9307C14.6045 13.8799 14.2248 14.7818 13.5606 15.4459L13.4546 15.3398L13.3485 15.2338C13.957 14.6253 14.3045 13.7995 14.3046 12.9307L14.4546 12.9307ZM13.4546 15.3398L13.5606 15.4459L9.19734 19.8092L9.09128 19.7031L8.98521 19.5971L13.3485 15.2338L13.4546 15.3398ZM9.09128 19.7031L9.19734 19.8092C7.82058 21.186 5.54361 21.186 4.16685 19.8092L4.27292 19.7031L4.37898 19.5971C5.63859 20.8567 7.72561 20.8567 8.98521 19.5971L9.09128 19.7031ZM4.27292 19.7031L4.16685 19.8092C3.50273 19.145 3.12292 18.2432 3.12292 17.2939L3.27292 17.2939L3.42292 17.2939C3.42292 18.1628 3.77048 18.9885 4.37899 19.5971L4.27292 19.7031ZM3.27292 17.2939L3.12292 17.2939C3.12299 16.3447 3.50273 15.4428 4.16685 14.7787L4.27292 14.8848L4.37898 14.9908C3.7705 15.5993 3.42298 16.4252 3.42292 17.294L3.27292 17.2939ZM4.27292 14.8848L4.16685 14.7787L6.62095 12.3246L6.72702 12.4307L6.83309 12.5367L4.37898 14.9908L4.27292 14.8848ZM6.72702 12.4307L6.63099 12.3154C6.82585 12.1531 6.84101 11.8476 6.62095 11.6276L6.72702 11.5215L6.83309 11.4154C7.15848 11.7408 7.17365 12.2537 6.82305 12.5459L6.72702 12.4307ZM6.72702 11.5215L6.61183 11.6176C6.44947 11.4229 6.14483 11.4078 5.92484 11.6276L5.81882 11.5215L5.71279 11.4154C6.03811 11.0903 6.55007 11.0752 6.84221 11.4254L6.72702 11.5215ZM5.81882 11.5215L5.92486 11.6276L3.46978 14.0817L3.36374 13.9756L3.25769 13.8695L5.71277 11.4154L5.81882 11.5215Z",
-                fill: _color
+                fill: "currentColor"
             })
         ]
     });

package/dist/web/LiquidityAddIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const LiquidityAddIcon: {
-    <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 LiquidityAddIcon;

package/dist/web/LiquidityAddIcon.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 LiquidityAddIcon_LiquidityAddIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const LiquidityAddIcon_LiquidityAddIcon = ({ 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: "M16.6781 13.1748C17.9273 13.1748 19.2005 13.6425 20.1615 14.625C22.082 16.5455 22.0827 19.6497 20.1625 21.5703C19.2016 22.5312 17.9277 23 16.6781 23C15.5069 22.9999 14.3153 22.5881 13.3793 21.7451L13.1947 21.5703C11.2968 19.6498 11.2967 16.5239 13.1947 14.6035L13.3793 14.4287C14.3153 13.5858 15.5069 13.175 16.6781 13.1748ZM17.014 22.8682C17.0525 22.8655 17.0909 22.8629 17.1293 22.8594C17.0909 22.8629 17.0525 22.8655 17.014 22.8682ZM17.5697 22.7979C17.4351 22.8228 17.3 22.8419 17.1644 22.8555C17.3 22.8419 17.4351 22.8228 17.5697 22.7979ZM16.0062 22.833C16.0397 22.8377 16.0733 22.8418 16.1068 22.8457C16.0733 22.8418 16.0397 22.8377 16.0062 22.833ZM15.7845 22.7979C15.8326 22.8068 15.8809 22.8138 15.9291 22.8213C15.8809 22.8138 15.8326 22.8068 15.7845 22.7979ZM17.6537 22.7812C17.701 22.7716 17.7482 22.7611 17.7953 22.75C17.7482 22.761 17.701 22.7716 17.6537 22.7812ZM15.5804 22.7549C15.6051 22.7606 15.6299 22.7652 15.6547 22.7705C15.6299 22.7652 15.6051 22.7606 15.5804 22.7549ZM17.851 22.7373C17.9082 22.7232 17.965 22.7077 18.0219 22.6914C17.965 22.7076 17.9082 22.7232 17.851 22.7373ZM15.3578 22.6982C15.3856 22.7061 15.4138 22.7124 15.4418 22.7197C15.4138 22.7124 15.3856 22.7061 15.3578 22.6982ZM18.0853 22.6729C18.1292 22.6597 18.1726 22.6453 18.2162 22.6309C18.1726 22.6453 18.1292 22.6597 18.0853 22.6729ZM15.1371 22.6299C15.1683 22.6403 15.1995 22.6504 15.2308 22.6602C15.1995 22.6504 15.1683 22.6403 15.1371 22.6299ZM14.9135 22.5498C14.9559 22.5663 14.9986 22.5815 15.0414 22.5967C14.9986 22.5814 14.9558 22.5663 14.9135 22.5498ZM18.3187 22.5957C18.3559 22.5824 18.3931 22.5689 18.4301 22.5547C18.3931 22.5689 18.3559 22.5824 18.3187 22.5957ZM14.6927 22.458C14.7349 22.4768 14.7772 22.4951 14.8197 22.5127C14.7772 22.4951 14.7349 22.4769 14.6927 22.458ZM18.5375 22.5127C18.5749 22.4972 18.6117 22.4803 18.6488 22.4639C18.6117 22.4803 18.5749 22.4972 18.5375 22.5127ZM14.474 22.3535C14.526 22.38 14.5785 22.4052 14.6312 22.4297C14.5785 22.4052 14.526 22.38 14.474 22.3535ZM18.7357 22.4248C18.7775 22.4053 18.8184 22.3841 18.8597 22.3633C18.8184 22.3841 18.7775 22.4053 18.7357 22.4248ZM14.2543 22.2334C14.3101 22.2656 14.3664 22.2964 14.4232 22.3262C14.3664 22.2964 14.31 22.2656 14.2543 22.2334ZM18.9349 22.3252C18.9854 22.2987 19.0356 22.2716 19.0853 22.2432C19.0356 22.2716 18.9854 22.2987 18.9349 22.3252ZM14.0658 22.1182C14.1201 22.153 14.1745 22.1873 14.2299 22.2197C14.1745 22.1873 14.1201 22.153 14.0658 22.1182ZM19.1312 22.2168C19.1799 22.1882 19.2279 22.1584 19.2758 22.1279C19.2279 22.1584 19.1799 22.1882 19.1312 22.2168ZM13.8422 21.9668C13.9003 22.009 13.9593 22.0496 14.0189 22.0889C13.9593 22.0496 13.9003 22.009 13.8422 21.9668ZM19.3383 22.0889C19.3979 22.0496 19.4569 22.009 19.515 21.9668C19.4569 22.009 19.3979 22.0496 19.3383 22.0889ZM16.1937 21.9775C16.2897 21.9895 16.3863 22.0001 16.4838 22.0049C16.3863 22.0001 16.2897 21.9895 16.1937 21.9775ZM13.6576 21.8252C13.7152 21.8715 13.7732 21.9167 13.8324 21.96C13.7732 21.9167 13.7151 21.8715 13.6576 21.8252ZM19.5267 21.958C19.5591 21.9343 19.5906 21.9094 19.6224 21.8848C19.5906 21.9094 19.5591 21.9343 19.5267 21.958ZM16.6781 14.2842C15.6654 14.2843 14.7145 14.6839 13.9955 15.3809C12.5157 16.8818 12.5172 19.2921 13.9955 20.7705C14.7143 21.4892 15.6648 21.8895 16.6781 21.8896C17.6918 21.8896 18.6433 21.489 19.3627 20.791C20.841 19.29 20.8394 16.8823 19.3617 15.4043C18.6427 14.6854 17.6917 14.2842 16.6781 14.2842ZM13.2787 21.4863C13.3923 21.5999 13.5112 21.7061 13.6332 21.8057C13.5113 21.7062 13.3932 21.5998 13.2797 21.4863C13.2218 21.4278 13.165 21.3684 13.1107 21.3076L13.2787 21.4863ZM10.1976 1C10.2057 1.00873 16.8673 8.24404 17.9066 12.8174H16.4896C15.7746 9.84034 12.4339 5.93989 10.224 3.13184C7.71518 6.36877 3.72434 11.4908 3.724 14.1689C3.724 17.445 6.87009 19.8249 10.224 20.0459L10.1976 21.2803C6.10274 21.0723 2.39783 18.069 2.39783 14.1689C2.39825 9.94371 10.1976 1 10.1976 1ZM12.0853 19.457C12.107 19.5314 12.1303 19.6053 12.1556 19.6787C12.181 19.7521 12.2078 19.8251 12.2367 19.8975C12.2946 20.0422 12.3597 20.1847 12.432 20.3242C12.4682 20.394 12.5065 20.463 12.5463 20.5312C12.6656 20.736 12.8016 20.9335 12.9535 21.1221L12.807 20.9297C12.4779 20.476 12.2372 19.9766 12.0853 19.4561V19.457ZM20.5013 21.001C20.5173 20.9801 20.5336 20.9596 20.5492 20.9385C20.5336 20.9596 20.5173 20.9801 20.5013 21.001ZM13.6429 20.5576C13.7083 20.6378 13.7783 20.7151 13.851 20.791C13.7783 20.7151 13.7083 20.6378 13.6429 20.5576ZM20.6537 20.791C20.6627 20.7778 20.6712 20.7643 20.6801 20.751C20.6712 20.7643 20.6627 20.7778 20.6537 20.791ZM16.6781 15.4629C16.9835 15.4629 17.2335 15.7112 17.2338 16.0166V17.5312H18.7494C19.0549 17.5313 19.304 17.7804 19.3041 18.0859C19.304 18.3914 19.0549 18.6415 18.7494 18.6416H17.2338V20.1572C17.2337 20.4628 16.9837 20.7119 16.6781 20.7119C16.3728 20.7117 16.1244 20.4626 16.1244 20.1572V18.6416H14.6097C14.3043 18.6415 14.0551 18.3914 14.0551 18.0859C14.0551 17.7804 14.3042 17.5313 14.6097 17.5312H16.1244V16.0166C16.1246 15.7114 16.3729 15.4631 16.6781 15.4629ZM16.5961 20.584C16.6227 20.5892 16.65 20.5927 16.6781 20.5928C16.65 20.5927 16.6227 20.5892 16.5961 20.584ZM16.6781 20.5928C16.7061 20.5928 16.7336 20.5891 16.7601 20.584C16.7336 20.5891 16.706 20.5928 16.6781 20.5928ZM20.7816 20.5928C20.7899 20.5792 20.7979 20.5654 20.806 20.5518C20.7979 20.5654 20.7899 20.5792 20.7816 20.5928ZM16.517 20.5605C16.534 20.5674 16.5517 20.5724 16.5697 20.5771C16.5517 20.5724 16.534 20.5674 16.517 20.5605ZM16.7865 20.5771C16.8046 20.5725 16.8221 20.5674 16.8392 20.5605C16.8222 20.5674 16.8045 20.5725 16.7865 20.5771ZM16.4496 20.5264C16.4621 20.5342 16.4754 20.5403 16.4886 20.5469C16.4754 20.5404 16.4621 20.5342 16.4496 20.5264ZM16.8676 20.5469C16.8809 20.5404 16.8941 20.5341 16.9066 20.5264C16.8941 20.5341 16.8809 20.5404 16.8676 20.5469ZM16.3861 20.4775C16.3962 20.4868 16.4065 20.4956 16.4174 20.5039C16.4064 20.4957 16.3962 20.4868 16.3861 20.4775ZM16.9388 20.5039C16.9507 20.495 16.9621 20.4857 16.973 20.4756C16.9621 20.4857 16.9507 20.495 16.9388 20.5039ZM16.9935 20.4561C17.0072 20.4417 17.019 20.4262 17.0306 20.4102C17.0191 20.4262 17.0071 20.4417 16.9935 20.4561ZM16.3304 20.415C16.34 20.4279 16.3498 20.4404 16.3607 20.4521C16.3498 20.4404 16.34 20.4279 16.3304 20.415ZM13.2142 19.9082C13.2738 20.0218 13.34 20.1328 13.4115 20.2412C13.3398 20.1325 13.2739 20.0211 13.2142 19.9072V19.9082ZM20.8929 20.4014C20.903 20.3831 20.9134 20.3651 20.9232 20.3467C20.9134 20.3651 20.903 20.3831 20.8929 20.4014ZM17.0424 20.3945C17.0528 20.3787 17.0614 20.3619 17.0697 20.3447C17.0614 20.3619 17.0528 20.3787 17.0424 20.3945ZM16.2885 20.3467C16.2963 20.3627 16.3042 20.3787 16.3138 20.3936C16.3041 20.3787 16.2963 20.3627 16.2885 20.3467ZM21.0023 20.1895C21.0111 20.1714 21.0192 20.1529 21.0277 20.1348C21.0192 20.1529 21.0111 20.1714 21.0023 20.1895ZM21.0824 20.0156C21.0963 19.9838 21.1102 19.952 21.1234 19.9199C21.1102 19.952 21.0963 19.9838 21.0824 20.0156ZM21.1566 19.834C21.1746 19.7878 21.1929 19.7419 21.2094 19.6953C21.1929 19.7419 21.1746 19.7878 21.1566 19.834ZM21.226 19.6455C21.2445 19.5911 21.2621 19.5364 21.2787 19.4814C21.2621 19.5364 21.2445 19.5911 21.226 19.6455ZM21.3051 19.3906C21.3166 19.3494 21.3278 19.3081 21.3383 19.2666C21.3278 19.3081 21.3166 19.3494 21.3051 19.3906ZM21.3617 19.167C21.37 19.1306 21.3777 19.0941 21.3851 19.0576C21.3777 19.0941 21.37 19.1306 21.3617 19.167ZM21.4047 18.9561C21.4131 18.9096 21.421 18.8631 21.4281 18.8164C21.421 18.8631 21.4131 18.9096 21.4047 18.9561ZM21.4398 18.7305C21.4456 18.6869 21.4509 18.6433 21.4554 18.5996C21.4509 18.6433 21.4456 18.6869 21.4398 18.7305ZM11.8949 17.8564C11.8877 18.0103 11.8876 18.1645 11.8949 18.3184C11.8876 18.1645 11.8877 18.0103 11.8949 17.8564ZM18.8373 18.5127V18.5137C18.8649 18.508 18.8909 18.498 18.9164 18.4873C18.891 18.4979 18.8648 18.507 18.8373 18.5127ZM21.4633 18.5156C21.4676 18.4655 21.4722 18.4154 21.475 18.3652C21.4722 18.4154 21.4676 18.4655 21.4633 18.5156ZM18.9291 18.4814C18.9498 18.472 18.9698 18.4617 18.9886 18.4492C18.9698 18.4617 18.9498 18.472 18.9291 18.4814ZM14.3011 18.3936C14.3211 18.4135 14.3431 18.4314 14.3666 18.4473C14.32 18.4158 14.2799 18.3756 14.2484 18.3291L14.3011 18.3936ZM19.0052 18.4355C19.0206 18.4242 19.0354 18.4126 19.0492 18.3994C19.0354 18.4126 19.0206 18.4242 19.0052 18.4355ZM19.0638 18.3838C19.0768 18.3701 19.0889 18.3561 19.1 18.3408C19.0889 18.356 19.0768 18.3701 19.0638 18.3838ZM19.1166 18.3174C19.1251 18.3039 19.132 18.2898 19.139 18.2754C19.132 18.2898 19.1251 18.3039 19.1166 18.3174ZM12.767 18.084H12.7679H12.767ZM21.4789 18.2666C21.4801 18.2331 21.4813 18.1996 21.4818 18.166C21.4813 18.1996 21.4801 18.2331 21.4789 18.2666ZM19.1537 18.2441C19.1623 18.2224 19.1692 18.2 19.1742 18.1768C19.1692 18.2001 19.1623 18.2224 19.1537 18.2441ZM19.1527 17.9248C19.1729 17.9749 19.1859 18.0289 19.1859 18.0859C19.1859 18.1146 19.1815 18.1427 19.1761 18.1699C19.1815 18.1426 19.1859 18.1147 19.1859 18.0859C19.1859 18.0289 19.1729 17.9748 19.1527 17.9248ZM21.4818 18.0488C21.4813 17.9997 21.4809 17.9505 21.4789 17.9014C21.4809 17.9505 21.4813 17.9997 21.4818 18.0488ZM19.141 17.9004C19.1328 17.8833 19.1249 17.8664 19.1146 17.8506C19.1249 17.8664 19.1328 17.8833 19.141 17.9004ZM19.097 17.8262C19.088 17.8141 19.078 17.803 19.0677 17.792C19.078 17.803 19.088 17.8141 19.097 17.8262ZM21.474 17.8262C21.4716 17.7832 21.4688 17.7402 21.4652 17.6973C21.4688 17.7402 21.4716 17.7832 21.474 17.8262ZM19.0472 17.7705C19.0351 17.7591 19.0225 17.7483 19.0092 17.7383C19.0225 17.7483 19.0351 17.7591 19.0472 17.7705ZM18.9808 17.7178C18.9711 17.7116 18.9608 17.7065 18.9506 17.7012C18.9608 17.7065 18.9711 17.7116 18.9808 17.7178ZM6.37732 14.1328C6.65276 14.0802 6.91896 14.2475 6.97595 14.4941C7.21369 15.569 8.06896 16.4504 9.19958 16.7764C9.46525 16.8558 9.61686 17.1197 9.53162 17.3662C9.45561 17.5689 9.25624 17.7011 9.04724 17.7012C8.99973 17.7012 8.94241 17.6924 8.8949 17.6836C7.4126 17.2429 6.30126 16.0974 5.98767 14.6875C5.93066 14.4319 6.11124 14.1857 6.37732 14.1328ZM21.4554 17.5947C21.451 17.5527 21.4463 17.5107 21.4408 17.4688C21.4463 17.5107 21.451 17.5527 21.4554 17.5947ZM21.4252 17.3555C21.4194 17.3186 21.4123 17.2819 21.4056 17.2451C21.4123 17.2819 21.4194 17.3186 21.4252 17.3555ZM20.2279 16.4395C20.3351 16.6712 20.4193 16.9112 20.4789 17.1562C20.4193 16.9109 20.3353 16.6705 20.2279 16.4385V16.4395ZM21.3881 17.1455C21.3781 17.0961 21.3664 17.0471 21.3549 16.998C21.3664 17.0471 21.3781 17.0961 21.3881 17.1455ZM21.3344 16.9141C21.3238 16.8725 21.3119 16.8313 21.3002 16.79C21.3119 16.8313 21.3238 16.8725 21.3344 16.9141ZM12.1566 16.4961H12.1556H12.1566ZM21.2748 16.7002C21.2606 16.6537 21.2455 16.6076 21.2299 16.5615C21.2455 16.6076 21.2606 16.6537 21.2748 16.7002ZM21.2045 16.4883C21.1906 16.4493 21.1755 16.4108 21.1605 16.3721C21.1755 16.4108 21.1906 16.4493 21.2045 16.4883ZM14.6713 14.7168C14.3982 14.8786 14.143 15.0731 13.9115 15.2979C13.5778 15.6363 13.317 16.0195 13.1293 16.4277L13.2142 16.2549C13.244 16.1977 13.2752 16.141 13.308 16.085C13.3735 15.9728 13.4454 15.8635 13.5228 15.7568C13.6391 15.5968 13.7684 15.443 13.9115 15.2979C14.143 15.0732 14.3983 14.8786 14.6713 14.7168ZM19.3051 15.1855C19.3531 15.2292 19.4005 15.2741 19.4467 15.3203C19.7324 15.6062 19.9643 15.9259 20.1429 16.2666L20.0492 16.0977C19.8854 15.8198 19.6849 15.5576 19.4467 15.3193C19.4003 15.273 19.3523 15.2284 19.3041 15.1846L19.3051 15.1855ZM21.1195 16.2666C21.1024 16.2253 21.0841 16.1845 21.0658 16.1436C21.0841 16.1845 21.1024 16.2253 21.1195 16.2666ZM21.0287 16.0615C21.0083 16.0182 20.9869 15.9754 20.9652 15.9326C20.9869 15.9754 21.0083 16.0182 21.0287 16.0615ZM20.9242 15.8506C20.9027 15.8101 20.8796 15.7704 20.8568 15.7305C20.8796 15.7704 20.9027 15.8101 20.9242 15.8506ZM20.807 15.6436C20.7786 15.5961 20.7483 15.5496 20.7181 15.5029C20.7483 15.5496 20.7786 15.5961 20.807 15.6436ZM20.6888 15.4561C20.6709 15.429 20.6517 15.4027 20.6332 15.376C20.6517 15.4027 20.6709 15.429 20.6888 15.4561ZM18.848 14.8271C18.9543 14.8987 19.0578 14.9754 19.1576 15.0576L19.0052 14.9375C18.9538 14.8991 18.901 14.8628 18.848 14.8271ZM13.2797 14.6875C13.5137 14.4534 13.7665 14.2488 14.0336 14.0742C13.7663 14.2489 13.5129 14.4533 13.2787 14.6875H13.2797ZM18.351 14.542V14.543V14.542ZM15.0912 13.5576C15.0178 13.5829 14.9448 13.6098 14.8724 13.6387L15.0922 13.5576C15.1656 13.5324 15.2395 13.5089 15.3138 13.4873L15.0912 13.5576ZM15.765 13.3789H15.764H15.765Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/LiquidityPoolIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const LiquidityPoolIcon: {
-    <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 LiquidityPoolIcon;

package/dist/web/LiquidityPoolIcon.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 LiquidityPoolIcon_LiquidityPoolIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const _color = isThemeColor(color) ? getHexColorFromCSSVariable(color) : color;
+import { useWebColor } from "../core/index.js";
+const LiquidityPoolIcon_LiquidityPoolIcon = ({ 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.59473 2.41333C9.21347 2.02832 10.029 2.20937 10.4258 2.82446L10.5361 2.99634C14.2314 8.74686 16.0801 12.7084 16.0801 15.0129C16.0801 15.702 15.9752 16.3666 15.7852 16.9934C15.9843 17.0235 16.1867 17.0393 16.3916 17.0393C18.6085 17.0393 20.4053 15.245 20.4053 13.0315C20.4052 11.6075 19.0968 8.79038 16.4785 4.70825L16.3984 4.58423L16.0449 5.1438L15.8057 5.52173L15.5732 5.8938L15.3379 6.27075L15.2139 6.47192L15.0918 6.67114L14.9756 6.86353L14.8789 7.02563L14.8486 7.07739C14.6623 7.39616 14.2525 7.50368 13.9336 7.31763C13.6146 7.13122 13.5069 6.72056 13.6934 6.40161L13.7686 6.27368L13.8262 6.17798L13.9355 5.99731L14.0605 5.79321L14.2471 5.49146L14.4971 5.09106L14.8447 4.53735L15.1982 3.97974L15.2686 3.86743C15.3724 3.70368 15.5108 3.56425 15.6738 3.45923C16.295 3.05926 17.1234 3.23855 17.5234 3.85962C20.3362 8.22827 21.7431 11.2419 21.7432 13.0315C21.7432 15.9842 19.347 18.3772 16.3916 18.3772C16.0074 18.3772 15.6287 18.3355 15.2598 18.2561C14.1115 20.3738 11.8738 21.8118 9.30078 21.8118C5.55672 21.8116 2.52246 18.7671 2.52246 15.0129C2.52248 12.6861 4.40736 8.66825 8.17676 2.82446C8.27989 2.66457 8.41628 2.52819 8.57617 2.42505L8.59473 2.41333ZM9.19238 3.71704C5.6374 9.24926 3.86037 13.0584 3.86035 15.0129C3.86035 18.0292 6.29661 20.4737 9.30078 20.4739C12.3051 20.4739 14.7422 18.0293 14.7422 15.0129C14.7422 13.0594 12.965 9.2505 9.41113 3.71997L9.30078 3.54907L9.19238 3.71704ZM6.36816 12.0754C6.52505 11.7505 6.91528 11.6141 7.24023 11.7708C7.24472 11.7729 7.24946 11.7753 7.25391 11.7776L7.27051 11.7854C7.5929 11.9505 7.72524 12.3424 7.56934 12.6692L7.40527 13.0139L7.37598 13.0793L7.33496 13.176L7.30859 13.2405L7.28223 13.303L7.25684 13.3645L7.2334 13.426L7.18652 13.5452L7.1543 13.6331L7.13379 13.6897L7.12402 13.718L7.10449 13.7737L7.08496 13.8284L7.06738 13.8831C7.06162 13.9008 7.05535 13.9183 7.0498 13.9358L7.03418 13.9885L7.01074 14.0647L7.00391 14.0901L6.98926 14.1399L6.98242 14.1643L6.96973 14.2131L6.95215 14.2834L6.94141 14.3293L6.92676 14.3967C6.91198 14.4661 6.89942 14.5364 6.88965 14.6067L6.88477 14.6458L6.87988 14.6838C6.87675 14.7143 6.87473 14.7451 6.87305 14.7756L6.87109 14.8108C6.87053 14.8277 6.87012 14.8443 6.87012 14.8606C6.87012 15.8295 7.39637 16.6724 8.17285 17.1135C8.2525 17.1587 8.37741 17.2176 8.54785 17.2883L7.84961 18.3772C7.79815 18.4033 7.7243 18.3915 7.62793 18.3411C6.38257 17.6885 5.53223 16.3737 5.53223 14.8606C5.53227 14.6071 5.56906 14.3254 5.6416 14.0139L5.65625 13.9534C5.67948 13.8588 5.70482 13.7645 5.73242 13.6711L5.75195 13.6057C5.76519 13.5623 5.77951 13.5184 5.79395 13.4739L5.81543 13.4065C5.83071 13.3609 5.84728 13.3151 5.86328 13.2698L5.8877 13.2004C5.92235 13.1048 5.95866 13.0098 5.99609 12.9153L6.02539 12.842L6.04004 12.8049L6.07129 12.7307L6.10254 12.6545L6.11816 12.6174L6.18457 12.4631L6.2373 12.3459L6.36816 12.0754Z",
-            fill: _color
+            fill: "currentColor"
         })
     });
 };

package/dist/web/LiquidityRemoveIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const LiquidityRemoveIcon: {
-    <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 LiquidityRemoveIcon;