@fuf-stack/pixels 1.8.0 → 1.9.0

package/dist/Alert/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkLUAK6GQGcjs = require('../chunk-LUAK6GQG.cjs');
+var _chunkI5QMH3J5cjs = require('../chunk-I5QMH3J5.cjs');
 require('../chunk-AHEA4IJV.cjs');
 
 
 
 
-exports.Alert = _chunkLUAK6GQGcjs.Alert_default; exports.alertVariants = _chunkLUAK6GQGcjs.alertVariants; exports.default = _chunkLUAK6GQGcjs.Alert_default2;
+exports.Alert = _chunkI5QMH3J5cjs.Alert_default; exports.alertVariants = _chunkI5QMH3J5cjs.alertVariants; exports.default = _chunkI5QMH3J5cjs.Alert_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Alert/index.d.cts

@@ -1,5 +1,5 @@
-import { A as Alert } from '../Alert-BidIEsLA.cjs';
-export { b as AlertProps, a as alertVariants } from '../Alert-BidIEsLA.cjs';
+import { A as Alert } from '../Alert-CWjAMyih.cjs';
+export { b as AlertProps, a as alertVariants } from '../Alert-CWjAMyih.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/Alert/index.d.ts

@@ -1,5 +1,5 @@
-import { A as Alert } from '../Alert-BidIEsLA.js';
-export { b as AlertProps, a as alertVariants } from '../Alert-BidIEsLA.js';
+import { A as Alert } from '../Alert-CWjAMyih.js';
+export { b as AlertProps, a as alertVariants } from '../Alert-CWjAMyih.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/Alert/index.js

@@ -2,7 +2,7 @@ import {
   Alert_default,
   Alert_default2,
   alertVariants
-} from "../chunk-PKG3L2TJ.js";
+} from "../chunk-SDZX5VJZ.js";
 import "../chunk-OAIRL2FN.js";
 export {
   Alert_default as Alert,

package/dist/{Alert-BidIEsLA.d.cts → Alert-CWjAMyih.d.cts}

@@ -9,24 +9,28 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+    variant: {
+        danger: {
+            base: string;
+        };
+        default: {
+            base: string;
+        };
         info: {
+            alertIcon: string;
+            base: string;
+            closeButton: string;
+            description: string;
+            iconWrapper: string;
             mainWrapper: string;
             title: string;
-            description: string;
         };
-    };
-    variant: {
-        bordered: {
+        success: {
+            base: string;
+        };
+        warning: {
             base: string;
         };
-        solid: {};
     };
 }, {
     base: string;
@@ -42,24 +46,28 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+    variant: {
+        danger: {
+            base: string;
+        };
+        default: {
+            base: string;
+        };
         info: {
+            alertIcon: string;
+            base: string;
+            closeButton: string;
+            description: string;
+            iconWrapper: string;
             mainWrapper: string;
             title: string;
-            description: string;
         };
-    };
-    variant: {
-        bordered: {
+        success: {
+            base: string;
+        };
+        warning: {
             base: string;
         };
-        solid: {};
     };
 }, {
     base: string;
@@ -75,24 +83,28 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+    variant: {
+        danger: {
+            base: string;
+        };
+        default: {
+            base: string;
+        };
         info: {
+            alertIcon: string;
+            base: string;
+            closeButton: string;
+            description: string;
+            iconWrapper: string;
             mainWrapper: string;
             title: string;
-            description: string;
         };
-    };
-    variant: {
-        bordered: {
+        success: {
+            base: string;
+        };
+        warning: {
             base: string;
         };
-        solid: {};
     };
 }, {
     base: string;
@@ -110,8 +122,6 @@ interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {
     children?: ReactNode;
     /** CSS class name */
     className?: ClassName;
-    /** Color scheme of the Alert */
-    color?: VariantProps['color'];
     /** Content displayed at the end of the Alert */
     endContent?: ReactNode;
     /** Icon displayed at the start of the Alert */
@@ -120,8 +130,6 @@ interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {
     closable?: boolean;
     /** Callback fired when the close button is clicked */
     onClose?: () => void;
-    /** Whether to show the icon at the start */
-    showIcon?: boolean;
     /** HTML data-testid attribute used in e2e tests */
     testId?: string;
     /** Title displayed in the Alert above the content */
@@ -132,6 +140,6 @@ interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {
 /**
  * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)
  */
-declare const Alert: ({ children, className, color, endContent, icon, closable, onClose, showIcon, testId, title, variant, }: AlertProps) => react_jsx_runtime.JSX.Element;
+declare const Alert: ({ children, className, endContent, icon, closable, onClose, testId, title, variant, }: AlertProps) => react_jsx_runtime.JSX.Element;
 
 export { Alert as A, alertVariants as a, type AlertProps as b };

package/dist/{Alert-BidIEsLA.d.ts → Alert-CWjAMyih.d.ts}

@@ -9,24 +9,28 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+    variant: {
+        danger: {
+            base: string;
+        };
+        default: {
+            base: string;
+        };
         info: {
+            alertIcon: string;
+            base: string;
+            closeButton: string;
+            description: string;
+            iconWrapper: string;
             mainWrapper: string;
             title: string;
-            description: string;
         };
-    };
-    variant: {
-        bordered: {
+        success: {
+            base: string;
+        };
+        warning: {
             base: string;
         };
-        solid: {};
     };
 }, {
     base: string;
@@ -42,24 +46,28 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+    variant: {
+        danger: {
+            base: string;
+        };
+        default: {
+            base: string;
+        };
         info: {
+            alertIcon: string;
+            base: string;
+            closeButton: string;
+            description: string;
+            iconWrapper: string;
             mainWrapper: string;
             title: string;
-            description: string;
         };
-    };
-    variant: {
-        bordered: {
+        success: {
+            base: string;
+        };
+        warning: {
             base: string;
         };
-        solid: {};
     };
 }, {
     base: string;
@@ -75,24 +83,28 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
+    variant: {
+        danger: {
+            base: string;
+        };
+        default: {
+            base: string;
+        };
         info: {
+            alertIcon: string;
+            base: string;
+            closeButton: string;
+            description: string;
+            iconWrapper: string;
             mainWrapper: string;
             title: string;
-            description: string;
         };
-    };
-    variant: {
-        bordered: {
+        success: {
+            base: string;
+        };
+        warning: {
             base: string;
         };
-        solid: {};
     };
 }, {
     base: string;
@@ -110,8 +122,6 @@ interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {
     children?: ReactNode;
     /** CSS class name */
     className?: ClassName;
-    /** Color scheme of the Alert */
-    color?: VariantProps['color'];
     /** Content displayed at the end of the Alert */
     endContent?: ReactNode;
     /** Icon displayed at the start of the Alert */
@@ -120,8 +130,6 @@ interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {
     closable?: boolean;
     /** Callback fired when the close button is clicked */
     onClose?: () => void;
-    /** Whether to show the icon at the start */
-    showIcon?: boolean;
     /** HTML data-testid attribute used in e2e tests */
     testId?: string;
     /** Title displayed in the Alert above the content */
@@ -132,6 +140,6 @@ interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {
 /**
  * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)
  */
-declare const Alert: ({ children, className, color, endContent, icon, closable, onClose, showIcon, testId, title, variant, }: AlertProps) => react_jsx_runtime.JSX.Element;
+declare const Alert: ({ children, className, endContent, icon, closable, onClose, testId, title, variant, }: AlertProps) => react_jsx_runtime.JSX.Element;
 
 export { Alert as A, alertVariants as a, type AlertProps as b };

package/dist/Avatar/index.d.cts

@@ -1,7 +1,8 @@
-import { A as Avatar } from '../Avatar-DjZ3H25h.cjs';
-export { a as AvatarProps } from '../Avatar-DjZ3H25h.cjs';
+import { A as Avatar } from '../Avatar-DTg6mH8E.cjs';
+export { a as AvatarProps } from '../Avatar-DTg6mH8E.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
+import 'tailwind-merge';
 import '@fuf-stack/pixel-utils';
 import 'react';
 

package/dist/Avatar/index.d.ts

@@ -1,7 +1,8 @@
-import { A as Avatar } from '../Avatar-DjZ3H25h.js';
-export { a as AvatarProps } from '../Avatar-DjZ3H25h.js';
+import { A as Avatar } from '../Avatar-DTg6mH8E.js';
+export { a as AvatarProps } from '../Avatar-DTg6mH8E.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
+import 'tailwind-merge';
 import '@fuf-stack/pixel-utils';
 import 'react';
 

package/dist/{Avatar-DjZ3H25h.d.cts → Avatar-DTg6mH8E.d.cts}

@@ -1,26 +1,27 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import react__default from 'react';
 
 declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            img?: tailwind_variants.ClassValue;
-            name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            fallback?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            img?: tailwind_merge.ClassNameValue;
+            name?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+            fallback?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            img?: tailwind_variants.ClassValue;
-            name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            fallback?: tailwind_variants.ClassValue;
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            img?: tailwind_merge.ClassNameValue;
+            name?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+            fallback?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -31,12 +32,12 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     name: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            img?: tailwind_variants.ClassValue;
-            name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            fallback?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            img?: tailwind_merge.ClassNameValue;
+            name?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+            fallback?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/{Avatar-DjZ3H25h.d.ts → Avatar-DTg6mH8E.d.ts}

@@ -1,26 +1,27 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import react__default from 'react';
 
 declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            img?: tailwind_variants.ClassValue;
-            name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            fallback?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            img?: tailwind_merge.ClassNameValue;
+            name?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+            fallback?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            img?: tailwind_variants.ClassValue;
-            name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            fallback?: tailwind_variants.ClassValue;
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            img?: tailwind_merge.ClassNameValue;
+            name?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+            fallback?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -31,12 +32,12 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     name: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            img?: tailwind_variants.ClassValue;
-            name?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
-            fallback?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            img?: tailwind_merge.ClassNameValue;
+            name?: tailwind_merge.ClassNameValue;
+            icon?: tailwind_merge.ClassNameValue;
+            fallback?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/AvatarGroup/index.d.cts

@@ -1,9 +1,10 @@
-import { A as AvatarGroup } from '../AvatarGroup-BujXZ7Vy.cjs';
-export { a as AvatarGroupProps } from '../AvatarGroup-BujXZ7Vy.cjs';
+import { A as AvatarGroup } from '../AvatarGroup-BYAaERBV.cjs';
+export { a as AvatarGroupProps } from '../AvatarGroup-BYAaERBV.cjs';
 import 'react/jsx-runtime';
 import 'react';
-import '../Avatar-DjZ3H25h.cjs';
+import '../Avatar-DTg6mH8E.cjs';
 import 'tailwind-variants';
+import 'tailwind-merge';
 import '@fuf-stack/pixel-utils';
 
 

package/dist/AvatarGroup/index.d.ts

@@ -1,9 +1,10 @@
-import { A as AvatarGroup } from '../AvatarGroup-B1Tdw57Q.js';
-export { a as AvatarGroupProps } from '../AvatarGroup-B1Tdw57Q.js';
+import { A as AvatarGroup } from '../AvatarGroup-9wz1iZH4.js';
+export { a as AvatarGroupProps } from '../AvatarGroup-9wz1iZH4.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../Avatar-DjZ3H25h.js';
+import '../Avatar-DTg6mH8E.js';
 import 'tailwind-variants';
+import 'tailwind-merge';
 import '@fuf-stack/pixel-utils';
 
 

package/dist/{AvatarGroup-B1Tdw57Q.d.ts → AvatarGroup-9wz1iZH4.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { JSX } from 'react';
-import { a as AvatarProps } from './Avatar-DjZ3H25h.js';
+import { a as AvatarProps } from './Avatar-DTg6mH8E.js';
 
 interface AvatarGroupProps {
     bordered?: boolean;

package/dist/{AvatarGroup-BujXZ7Vy.d.cts → AvatarGroup-BYAaERBV.d.cts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { JSX } from 'react';
-import { a as AvatarProps } from './Avatar-DjZ3H25h.cjs';
+import { a as AvatarProps } from './Avatar-DTg6mH8E.cjs';
 
 interface AvatarGroupProps {
     bordered?: boolean;

package/dist/Badge/index.d.cts

@@ -1,6 +1,7 @@
-import { A as Avatar } from '../Badge-L8r9mgSs.cjs';
-export { B as BadgeProps } from '../Badge-L8r9mgSs.cjs';
+import { A as Avatar } from '../Badge-DkO-EJif.cjs';
+export { B as BadgeProps } from '../Badge-DkO-EJif.cjs';
 import 'tailwind-variants';
+import 'tailwind-merge';
 import '@fuf-stack/pixel-utils';
 import '@heroui/badge';
 import 'react';

package/dist/Badge/index.d.ts

@@ -1,6 +1,7 @@
-import { A as Avatar } from '../Badge-L8r9mgSs.js';
-export { B as BadgeProps } from '../Badge-L8r9mgSs.js';
+import { A as Avatar } from '../Badge-DkO-EJif.js';
+export { B as BadgeProps } from '../Badge-DkO-EJif.js';
 import 'tailwind-variants';
+import 'tailwind-merge';
 import '@fuf-stack/pixel-utils';
 import '@heroui/badge';
 import 'react';

package/dist/{Badge-L8r9mgSs.d.cts → Badge-DkO-EJif.d.cts}

@@ -1,20 +1,21 @@
 import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import { BadgeProps as BadgeProps$1 } from '@heroui/badge';
 import { ReactNode } from 'react';
 
 declare const badgeVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            badge?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            badge?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            badge?: tailwind_variants.ClassValue;
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            badge?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -22,9 +23,9 @@ declare const badgeVariants: tailwind_variants.TVReturnType<{
     base: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            badge?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            badge?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/{Badge-L8r9mgSs.d.ts → Badge-DkO-EJif.d.ts}

@@ -1,20 +1,21 @@
 import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import { BadgeProps as BadgeProps$1 } from '@heroui/badge';
 import { ReactNode } from 'react';
 
 declare const badgeVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            badge?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            badge?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            badge?: tailwind_variants.ClassValue;
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            badge?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -22,9 +23,9 @@ declare const badgeVariants: tailwind_variants.TVReturnType<{
     base: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            badge?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            badge?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/Breadcrumb/index.d.cts

@@ -1,7 +1,8 @@
-import { B as Breadcrumb } from '../Breadcrumb-Cvt5Xa5D.cjs';
-export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-Cvt5Xa5D.cjs';
+import { B as Breadcrumb } from '../Breadcrumb-CW1qsIoL.cjs';
+export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-CW1qsIoL.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
+import 'tailwind-merge';
 import '@fuf-stack/pixel-utils';
 import 'react';
 

package/dist/Breadcrumb/index.d.ts

@@ -1,7 +1,8 @@
-import { B as Breadcrumb } from '../Breadcrumb-Cvt5Xa5D.js';
-export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-Cvt5Xa5D.js';
+import { B as Breadcrumb } from '../Breadcrumb-CW1qsIoL.js';
+export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-CW1qsIoL.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
+import 'tailwind-merge';
 import '@fuf-stack/pixel-utils';
 import 'react';