@particle-network/icons 0.4.0-beta.6 → 0.4.0-beta.8

package/dist/web/TrashIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TrashIcon_TrashIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/TreeIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TreeIcon_TreeIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/TrenchIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TrenchIcon_TrenchIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/TriangleAlertIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TriangleAlertIcon_TriangleAlertIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/TriangleDownIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TriangleDownIcon_TriangleDownIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/TriangleUpIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TriangleUpIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/TrophyIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TrophyIcon_TrophyIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/TruthSocialIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TruthSocialIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/TweetIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TweetIcon_TweetIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/TweetQuoteIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TweetQuoteIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/TwinklingStarsIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TwinklingStarsIcon_TwinklingStarsIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/TwitchAppIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TwitchAppIcon_TwitchAppIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/TwitterIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TwitterIcon_TwitterIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 25 24",
         fill: "none",
         ...props,

package/dist/web/TwitterSearchIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const TwitterSearchIcon_TwitterSearchIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 25 24",
         fill: "none",
         ...props,

package/dist/web/UniversalXTwitterIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const UniversalXTwitterIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/UnlinkIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const UnlinkIcon_UnlinkIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/UpdateIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const UpdateIcon_UpdateIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/UploadIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const UploadIcon_UploadIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/UserBanIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const UserBanIcon_UserBanIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/UserFollowIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const UserFollowIcon_UserFollowIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/UserIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const UserIcon_UserIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/UserStarIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const UserStarIcon_UserStarIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/UserTieIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const UserTieIcon_UserTieIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/Users1Icon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const Users1Icon_Users1Icon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/UsersIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const UsersIcon_UsersIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/VideoIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const VideoIcon_VideoIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/Volume1Icon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const Volume1Icon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/VolumeIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const VolumeIcon_VolumeIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/WalletBackupIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const WalletBackupIcon_WalletBackupIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/WalletCreateIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const WalletCreateIcon_WalletCreateIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/WalletIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const WalletIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/WalletPasswordIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const WalletPasswordIcon_WalletPasswordIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/WishlistIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const WishlistIcon_WishlistIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/WrenchIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const WrenchIcon_WrenchIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/YapsIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const YapsIcon_YapsIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/YoutubeIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { twMerge } from "tailwind-merge";
+import { useWebColor } from "../core/index.js";
 const YoutubeIcon_YoutubeIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' !== color && `text-${color}`;
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: twMerge(clsx, className),
+        className: clsx,
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,