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

package/dist/web/NavWalletIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const NavWalletIcon_NavWalletIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/OrderIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const OrderIcon_OrderIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/OrientationSwitchIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/OwnerAddressIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PaperHandIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/ParticleTwitterIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PartyPopperIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PasswordIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PauseIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PercentIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PinIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PinOnIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PlayCircleIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PlayIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PlayLeftIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PlusIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PriorityFeeIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PrivacyPolicyIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/ProcessingIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/PumpfunIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/QrcodeIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/QuestionIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/Radar1Icon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/RadarIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const RadarIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/RadioOffIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const RadioOffIcon_RadioOffIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/RadioOnIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const RadioOnIcon_RadioOnIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/ReceiveIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ReceiveIcon_ReceiveIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/RecordBuyIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const RecordBuyIcon_RecordBuyIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/RecordSellIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const RecordSellIcon_RecordSellIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/RedPacketIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const RedPacketIcon_RedPacketIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/RedditIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const RedditIcon_RedditIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 25 24",
         fill: "none",
         ...props,

package/dist/web/RefreshCwIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const RefreshCwIcon_RefreshCwIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/RocketIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const RocketIcon_RocketIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/RotateCwIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const RotateCwIcon_RotateCwIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/ScanFaceIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ScanFaceIcon_ScanFaceIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/SearchIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const SearchIcon_SearchIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/SearchListIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const SearchListIcon_SearchListIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/SearchPlusIcon.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const SearchPlusIcon_SearchPlusIcon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,

package/dist/web/SecureTips1Icon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const SecureTips1Icon_SecureTips1Icon = ({ 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: cn(clsx, className),
+        className: twMerge(clsx, className),
         viewBox: "0 0 24 24",
         fill: "none",
         ...props,