@particle-network/icons 0.4.0-beta.5 → 0.4.0-beta.7

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.d.ts

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

package/dist/web/Users1Icon.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { useWebColor } from "../core/index.js";
+const Users1Icon_Users1Icon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
+    return /*#__PURE__*/ jsx("svg", {
+        width: width,
+        height: height,
+        className: clsx,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M9.74316 3.31152C11.1377 3.31156 12.4528 3.85511 13.4395 4.8418C14.4261 5.82851 14.9697 7.14358 14.9697 8.53809C14.9697 9.93259 14.4261 11.2477 13.4395 12.2344C13.1941 12.4797 12.9276 12.6967 12.6455 12.8857C12.748 12.9245 12.85 12.9648 12.9512 13.0078C13.9332 13.4227 14.8152 14.0174 15.5723 14.7744C16.3293 15.5314 16.924 16.4135 17.3389 17.3955C17.77 18.4102 17.9883 19.4904 17.9883 20.6035H16.582C16.582 18.7778 15.8695 17.0599 14.5781 15.7686C13.2868 14.4772 11.5689 13.7647 9.74316 13.7646C7.91747 13.7646 6.19959 14.4773 4.9082 15.7686C3.61684 17.0599 2.90435 18.7778 2.9043 20.6035H1.49805C1.49807 19.4905 1.71539 18.4102 2.14648 17.3955C2.56133 16.4135 3.15703 15.5314 3.91406 14.7744C4.67099 14.0175 5.55233 13.4226 6.53418 13.0078C6.63532 12.9649 6.73748 12.9244 6.83984 12.8857C6.55804 12.6968 6.29213 12.4796 6.04688 12.2344C5.06016 11.2477 4.5166 9.93262 4.5166 8.53809C4.5166 7.14355 5.06016 5.82852 6.04688 4.8418C7.03359 3.85512 8.34866 3.31152 9.74316 3.31152ZM14.2686 3.30762C15.649 3.30762 16.9525 3.78789 17.9346 4.66211C18.9422 5.55503 19.4951 6.7525 19.4951 8.02734C19.4951 9.36012 18.8748 10.6049 17.8223 11.4863C18.8933 11.9971 19.8541 12.7524 20.625 13.7041C21.8413 15.2088 22.5117 17.1237 22.5117 19.0947H21.1055C21.1055 17.4448 20.545 15.8441 19.5303 14.5879C18.5318 13.3551 17.1535 12.5207 15.6465 12.2441L15.9023 10.8613C15.9842 10.8765 16.0653 10.8943 16.1465 10.9121C17.3449 10.322 18.0918 9.2178 18.0918 8.02734C18.0917 6.19926 16.3755 4.71387 14.2686 4.71387V3.30762ZM9.74316 4.71289C7.63613 4.71289 5.91992 6.4291 5.91992 8.53613C5.92013 10.643 7.63626 12.3584 9.74316 12.3584C11.85 12.3583 13.5652 10.6429 13.5654 8.53613C13.5631 6.42914 11.8501 4.71296 9.74316 4.71289Z",
+            fill: "currentColor"
+        })
+    });
+};
+Users1Icon_Users1Icon.displayName = 'Users1Icon|users-1';
+const Users1Icon = Users1Icon_Users1Icon;
+export { Users1Icon as default };

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,

package/dist/web/index.d.ts

@@ -317,6 +317,7 @@ export { default as UserFollowIcon } from './UserFollowIcon';
 export { default as UserStarIcon } from './UserStarIcon';
 export { default as UserTieIcon } from './UserTieIcon';
 export { default as UserIcon } from './UserIcon';
+export { default as Users1Icon } from './Users1Icon';
 export { default as UsersIcon } from './UsersIcon';
 export { default as VideoIcon } from './VideoIcon';
 export { default as Volume1Icon } from './Volume1Icon';