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

package/dist/web/OrientationSwitchIcon.d.ts

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

package/dist/web/OrientationSwitchIcon.js

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

package/dist/web/OwnerAddressIcon.d.ts

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

package/dist/web/OwnerAddressIcon.js

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

package/dist/web/PaperHandIcon.d.ts

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

package/dist/web/PaperHandIcon.js

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

package/dist/web/ParticleTwitterIcon.d.ts

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

package/dist/web/ParticleTwitterIcon.js

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

package/dist/web/PartyPopperIcon.d.ts

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

package/dist/web/PartyPopperIcon.js

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

package/dist/web/PasswordIcon.d.ts

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

package/dist/web/PasswordIcon.js

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

package/dist/web/PauseIcon.d.ts

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

package/dist/web/PauseIcon.js

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

package/dist/web/PercentIcon.d.ts

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

package/dist/web/PercentIcon.js

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

package/dist/web/PinIcon.d.ts

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

package/dist/web/PinIcon.js

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

package/dist/web/PinOnIcon.d.ts

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

package/dist/web/PinOnIcon.js

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

package/dist/web/PlayCircleIcon.d.ts

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

package/dist/web/PlayCircleIcon.js

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

package/dist/web/PlayIcon.d.ts

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

package/dist/web/PlayIcon.js

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

package/dist/web/PlayLeftIcon.d.ts

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

package/dist/web/PlayLeftIcon.js

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

package/dist/web/PlusIcon.d.ts

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

package/dist/web/PlusIcon.js

@@ -1,11 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const PlusIcon_PlusIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { twMerge } from "tailwind-merge";
+const PlusIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = 'currentColor' !== color && `text-${color}`;
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
-        className: clsx,
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,
@@ -15,6 +16,6 @@ const PlusIcon_PlusIcon = ({ size = 16, width = size, height = size, color = 'cu
         })
     });
 };
-PlusIcon_PlusIcon.displayName = 'PlusIcon|plus';
-const PlusIcon = PlusIcon_PlusIcon;
-export { PlusIcon as default };
+PlusIcon.displayName = 'PlusIcon|plus';
+const web_PlusIcon = PlusIcon;
+export { web_PlusIcon as default };

package/dist/web/PriorityFeeIcon.d.ts

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

package/dist/web/PriorityFeeIcon.js

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

package/dist/web/PrivacyPolicyIcon.d.ts

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

package/dist/web/PrivacyPolicyIcon.js

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

package/dist/web/ProcessingIcon.d.ts

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

package/dist/web/ProcessingIcon.js

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

package/dist/web/PumpfunIcon.d.ts

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

package/dist/web/PumpfunIcon.js

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

package/dist/web/QrcodeIcon.d.ts

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

package/dist/web/QrcodeIcon.js

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

package/dist/web/QuestionIcon.d.ts

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

package/dist/web/QuestionIcon.js

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

package/dist/web/Radar1Icon.d.ts

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

package/dist/web/Radar1Icon.js

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

package/dist/web/RadarIcon.d.ts

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