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

package/dist/web/StarOnIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const StarOnIcon_StarOnIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const StarOnIcon_StarOnIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/SunIcon.d.ts

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

package/dist/web/SunIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const SunIcon_SunIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const SunIcon_SunIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/Switch2Icon.d.ts

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

package/dist/web/Switch2Icon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const Switch2Icon_Switch2Icon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const Switch2Icon_Switch2Icon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/SwitchIcon.d.ts

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

package/dist/web/SwitchIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const SwitchIcon_SwitchIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const SwitchIcon_SwitchIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TargetIcon.d.ts

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

package/dist/web/TargetIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TargetIcon_TargetIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TargetIcon_TargetIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TelegramIcon.d.ts

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

package/dist/web/TelegramIcon.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-const TelegramIcon_TelegramIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TelegramIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
@@ -31,6 +32,6 @@ const TelegramIcon_TelegramIcon = ({ size = 16, width = size, height = size, col
         ]
     });
 };
-TelegramIcon_TelegramIcon.displayName = 'TelegramIcon|telegram';
-const TelegramIcon = TelegramIcon_TelegramIcon;
-export { TelegramIcon as default };
+TelegramIcon.displayName = 'TelegramIcon|telegram';
+const web_TelegramIcon = TelegramIcon;
+export { web_TelegramIcon as default };

package/dist/web/TestnetsIcon.d.ts

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

package/dist/web/TestnetsIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TestnetsIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TestnetsIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TgChatGroupIcon.d.ts

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

package/dist/web/TgChatGroupIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TgChatGroupIcon_TgChatGroupIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TgChatGroupIcon_TgChatGroupIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/ThemeSwitchIcon.d.ts

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

package/dist/web/ThemeSwitchIcon.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-const ThemeSwitchIcon_ThemeSwitchIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const ThemeSwitchIcon_ThemeSwitchIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,

package/dist/web/TicketIcon.d.ts

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

package/dist/web/TicketIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TicketIcon_TicketIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TicketIcon_TicketIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TiktokIcon.d.ts

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

package/dist/web/TiktokIcon.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-const TiktokIcon_TiktokIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TiktokIcon_TiktokIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,

package/dist/web/TimeEndIcon.d.ts

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

package/dist/web/TimeEndIcon.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-const TimeEndIcon_TimeEndIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TimeEndIcon_TimeEndIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,

package/dist/web/TokenExchangeIcon.d.ts

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

package/dist/web/TokenExchangeIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TokenExchangeIcon_TokenExchangeIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TokenExchangeIcon_TokenExchangeIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/Top10HoldersIcon.d.ts

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

package/dist/web/Top10HoldersIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const Top10HoldersIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const Top10HoldersIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TrackIcon.d.ts

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

package/dist/web/TrackIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TrackIcon_TrackIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TrackIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -15,6 +16,6 @@ const TrackIcon_TrackIcon = ({ size = 16, width = size, height = size, color = '
         })
     });
 };
-TrackIcon_TrackIcon.displayName = 'TrackIcon|track';
-const TrackIcon = TrackIcon_TrackIcon;
-export { TrackIcon as default };
+TrackIcon.displayName = 'TrackIcon|track';
+const web_TrackIcon = TrackIcon;
+export { web_TrackIcon as default };

package/dist/web/TradeIcon.d.ts

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

package/dist/web/TradeIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TradeIcon_TradeIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TradeIcon_TradeIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TradeMainIcon.d.ts

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

package/dist/web/TradeMainIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TradeMainIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TradeMainIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TrainIcon.d.ts

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

package/dist/web/TrainIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TrainIcon_TrainIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TrainIcon_TrainIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TranslateIcon.d.ts

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

package/dist/web/TranslateIcon.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { useWebColor } from "../core/index.js";
+const TranslateIcon_TranslateIcon = ({ 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: "M7.18058 2.82324C6.99825 2.82324 6.82338 2.89567 6.69445 3.02461C6.56552 3.15354 6.49308 3.32841 6.49308 3.51074V4.21887H3.51208C3.32975 4.21887 3.15488 4.2913 3.02595 4.42023C2.89702 4.54916 2.82458 4.72403 2.82458 4.90637C2.82458 5.0887 2.89702 5.26357 3.02595 5.3925C3.15488 5.52143 3.32975 5.59387 3.51208 5.59387H4.58183C4.60292 6.78828 5.02092 7.92495 5.83583 9.00387C5.93392 9.13403 6.03658 9.26008 6.14383 9.38199C5.39217 9.88158 4.47779 10.2207 3.40071 10.3995H3.39933C3.31022 10.4143 3.2249 10.4465 3.14824 10.4943C3.07158 10.5421 3.00508 10.6045 2.95254 10.678C2.9 10.7514 2.86245 10.8346 2.84203 10.9225C2.82161 11.0105 2.81872 11.1017 2.83352 11.1908C2.84833 11.2799 2.88054 11.3652 2.92832 11.4419C2.9761 11.5186 3.03851 11.5851 3.11199 11.6376C3.18547 11.6901 3.26858 11.7277 3.35658 11.7481C3.44457 11.7685 3.53572 11.7714 3.62483 11.7566C5.03192 11.522 6.21717 11.049 7.18058 10.3376C8.144 11.049 9.32879 11.522 10.735 11.7566C10.8334 11.7727 10.9342 11.7673 11.0304 11.7407C11.1266 11.7141 11.2158 11.6669 11.292 11.6025C11.3682 11.538 11.4296 11.4579 11.4718 11.3674C11.514 11.277 11.5361 11.1785 11.5366 11.0787C11.5365 10.916 11.4787 10.7586 11.3735 10.6344C11.2682 10.5103 11.1224 10.4276 10.9618 10.4009C9.88567 10.2212 8.97129 9.88203 8.21871 9.38337C8.32504 9.26145 8.42725 9.13541 8.52533 9.00524C9.34025 7.92633 9.75825 6.7892 9.77933 5.59387H10.8518C11.0342 5.59387 11.209 5.52143 11.338 5.3925C11.4669 5.26357 11.5393 5.0887 11.5393 4.90637C11.5393 4.72403 11.4669 4.54916 11.338 4.42023C11.209 4.2913 11.0342 4.21887 10.8518 4.21887H7.86808V3.51074C7.86808 3.32841 7.79565 3.15354 7.66672 3.02461C7.53779 2.89567 7.36292 2.82324 7.18058 2.82324ZM18.4418 3.06249H14.2178C14.0355 3.06249 13.8606 3.13493 13.7317 3.26386C13.6028 3.39279 13.5303 3.56766 13.5303 3.74999C13.5303 3.93233 13.6028 4.1072 13.7317 4.23613C13.8606 4.36506 14.0355 4.43749 14.2178 4.43749H18.4391C18.7489 4.43749 19.0134 4.54703 19.2325 4.76612C19.4515 4.9852 19.5611 5.24966 19.5611 5.55949V9.78074C19.5611 9.96308 19.6335 10.1379 19.7624 10.2669C19.8914 10.3958 20.0662 10.4682 20.2486 10.4682C20.4309 10.4682 20.6058 10.3958 20.7347 10.2669C20.8637 10.1379 20.9361 9.96308 20.9361 9.78074V5.55949C20.9361 4.87016 20.6923 4.28166 20.2046 3.79399C19.7169 3.30633 19.1289 3.06249 18.4405 3.06249H18.4418ZM5.95683 5.59249H8.40433C8.38233 6.48166 8.05692 7.34333 7.42808 8.17749C7.34925 8.28108 7.26675 8.38191 7.18058 8.47999C7.09442 8.38191 7.01192 8.28016 6.93308 8.17474C6.30425 7.34241 5.97883 6.48212 5.95683 5.59387V5.59249ZM19.8718 20.8577L18.6096 18.259H15.0305L13.7696 20.8577C13.7302 20.939 13.6752 21.0117 13.6078 21.0717C13.5403 21.1317 13.4617 21.1778 13.3764 21.2075C13.2911 21.2371 13.2008 21.2496 13.1107 21.2444C13.0206 21.2391 12.9323 21.2161 12.8511 21.1767C12.7698 21.1374 12.6971 21.0824 12.6371 21.0149C12.5771 20.9475 12.531 20.8689 12.5014 20.7836C12.4717 20.6983 12.4592 20.608 12.4645 20.5178C12.4697 20.4277 12.4927 20.3395 12.5321 20.2582L15.9503 13.2127C16.1263 12.8488 16.416 12.6669 16.8193 12.6669C17.2227 12.6669 17.5128 12.8488 17.6897 13.2127L21.108 20.2582C21.1473 20.3395 21.1703 20.4277 21.1756 20.5178C21.1808 20.608 21.1683 20.6983 21.1387 20.7836C21.1091 20.8689 21.0629 20.9475 21.0029 21.0149C20.9429 21.0824 20.8702 21.1374 20.789 21.1767C20.7077 21.2161 20.6195 21.2391 20.5294 21.2444C20.4392 21.2496 20.3489 21.2371 20.2636 21.2075C20.1784 21.1778 20.0997 21.1317 20.0323 21.0717C19.9648 21.0117 19.9098 20.939 19.8705 20.8577H19.8718ZM4.34946 18.5271V14.3059C4.34946 14.1235 4.27703 13.9487 4.1481 13.8197C4.01916 13.6908 3.8443 13.6184 3.66196 13.6184C3.47962 13.6184 3.30476 13.6908 3.17582 13.8197C3.04689 13.9487 2.97446 14.1235 2.97446 14.3059V18.5271C2.97446 19.2165 3.21829 19.805 3.70596 20.2926C4.19363 20.7794 4.78213 21.0227 5.47146 21.0227H9.69271C9.87505 21.0227 10.0499 20.9503 10.1788 20.8214C10.3078 20.6924 10.3802 20.5176 10.3802 20.3352C10.3802 20.1529 10.3078 19.978 10.1788 19.8491C10.0499 19.7202 9.87505 19.6477 9.69271 19.6477H5.47146C5.16163 19.6477 4.89717 19.5387 4.67808 19.3205C4.459 19.1005 4.34946 18.836 4.34946 18.5271ZM16.818 14.5699L15.696 16.884H17.9413L16.818 14.5699Z",
+            fill: "currentColor"
+        })
+    });
+};
+TranslateIcon_TranslateIcon.displayName = 'TranslateIcon|translate';
+const TranslateIcon = TranslateIcon_TranslateIcon;
+export { TranslateIcon as default };

package/dist/web/TrashAllIcon.d.ts

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

package/dist/web/TrashAllIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TrashAllIcon_TrashAllIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TrashAllIcon_TrashAllIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TrashIcon.d.ts

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

package/dist/web/TrashIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TrashIcon_TrashIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TrashIcon_TrashIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TreeIcon.d.ts

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

package/dist/web/TreeIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TreeIcon_TreeIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TreeIcon_TreeIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TrenchIcon.d.ts

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

package/dist/web/TrenchIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TrenchIcon_TrenchIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TrenchIcon_TrenchIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TriangleAlertIcon.d.ts

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

package/dist/web/TriangleAlertIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TriangleAlertIcon_TriangleAlertIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TriangleAlertIcon_TriangleAlertIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TriangleDownIcon.d.ts

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

package/dist/web/TriangleDownIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const TriangleDownIcon_TriangleDownIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const TriangleDownIcon_TriangleDownIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/TriangleUpIcon.d.ts

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