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

package/dist/web/CaIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CaIcon_CaIcon = ({ 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/CabalIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CabalIcon_CabalIcon = ({ 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/CabalLeaderIcon.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 CabalLeaderIcon = ({ 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 20 20",
         fill: "none",
         ...props,

package/dist/web/CalendarCheckIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CalendarCheckIcon_CalendarCheckIcon = ({ 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/CalendarIcon.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 CalendarIcon_CalendarIcon = ({ 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/CameraIcon.js

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

package/dist/web/Candle2Icon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const Candle2Icon_Candle2Icon = ({ 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/CandleIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CandleIcon_CandleIcon = ({ 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/CarIcon.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 CarIcon_CarIcon = ({ 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/CashBagIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CashBagIcon = ({ 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/CashInIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CashInIcon_CashInIcon = ({ 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/CashOutIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CashOutIcon_CashOutIcon = ({ 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/CashRewardsIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CashRewardsIcon_CashRewardsIcon = ({ 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/CatIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CatIcon = ({ 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/CexWalletIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CexWalletIcon = ({ 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/ChartColorSwitchIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChartColorSwitchIcon_ChartColorSwitchIcon = ({ 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/ChartLine2Icon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChartLine2Icon_ChartLine2Icon = ({ 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/ChartLineCheckedIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChartLineCheckedIcon_ChartLineCheckedIcon = ({ 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/ChartLineIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChartLineIcon_ChartLineIcon = ({ 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/ChartPieIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChartPieIcon = ({ 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/ChartUpIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChartUpIcon_ChartUpIcon = ({ 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/CheckIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CheckIcon_CheckIcon = ({ 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/ChefIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChefIcon_ChefIcon = ({ 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/ChefOffIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChefOffIcon_ChefOffIcon = ({ 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/ChevronDownIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChevronDownIcon_ChevronDownIcon = ({ 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/ChevronDownSmallIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChevronDownSmallIcon_ChevronDownSmallIcon = ({ 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/ChevronLeftIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChevronLeftIcon_ChevronLeftIcon = ({ 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/ChevronLeftSmallIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChevronLeftSmallIcon_ChevronLeftSmallIcon = ({ 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/ChevronRightIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChevronRightIcon_ChevronRightIcon = ({ 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/ChevronRightSmallIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChevronRightSmallIcon_ChevronRightSmallIcon = ({ 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/ChevronUpIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChevronUpIcon_ChevronUpIcon = ({ 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/ChevronUpSmallIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChevronUpSmallIcon_ChevronUpSmallIcon = ({ 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/ChevronsLeftIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChevronsLeftIcon_ChevronsLeftIcon = ({ 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/ChevronsUpIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const ChevronsUpIcon_ChevronsUpIcon = ({ 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/CircleAlertIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CircleAlertIcon_CircleAlertIcon = ({ 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/CircleCheckFadedIcon.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 CircleCheckFadedIcon_CircleCheckFadedIcon = ({ 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/CircleCheckFilledIcon.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 CircleCheckFilledIcon_CircleCheckFilledIcon = ({ 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/CircleCheckIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CircleCheckIcon = ({ 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/CircleChevronDownIcon.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-import { cn } from "@heroui/theme";
+import { twMerge } from "tailwind-merge";
 const CircleChevronDownIcon = ({ 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,