@fuf-stack/pixels 1.7.4 → 1.9.0

package/dist/Alert/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkK25U4BJOcjs = require('../chunk-K25U4BJO.cjs');
+var _chunkI5QMH3J5cjs = require('../chunk-I5QMH3J5.cjs');
 require('../chunk-AHEA4IJV.cjs');
 
 
 
 
-exports.Alert = _chunkK25U4BJOcjs.Alert_default; exports.alertVariants = _chunkK25U4BJOcjs.alertVariants; exports.default = _chunkK25U4BJOcjs.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-Dc0RSQaB.cjs';
-export { b as AlertProps, a as alertVariants } from '../Alert-Dc0RSQaB.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-Dc0RSQaB.js';
-export { b as AlertProps, a as alertVariants } from '../Alert-Dc0RSQaB.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-565TFIAK.js";
+} from "../chunk-SDZX5VJZ.js";
 import "../chunk-OAIRL2FN.js";
 export {
   Alert_default as Alert,

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

@@ -4,37 +4,31 @@ import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import { ReactNode } from 'react';
 
 declare const alertVariants: tailwind_variants.TVReturnType<{
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-        info: {
-            mainWrapper: string;
-            title: string;
-            description: string;
+    hasTitleAndChildren: {
+        true: {
+            iconWrapper: string;
         };
     };
     variant: {
-        solid: {};
-        flat: {};
-        faded: {
+        danger: {
             base: string;
         };
-        bordered: {
+        default: {
             base: string;
         };
-    };
-    sizeLimit: {
-        height: {
+        info: {
+            alertIcon: string;
             base: string;
+            closeButton: string;
+            description: string;
+            iconWrapper: string;
+            mainWrapper: string;
+            title: string;
         };
-        width: {
+        success: {
             base: string;
         };
-        both: {
+        warning: {
             base: string;
         };
     };
@@ -47,37 +41,31 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
     iconWrapper: string;
     alertIcon: string;
 }, undefined, {
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-        info: {
-            mainWrapper: string;
-            title: string;
-            description: string;
+    hasTitleAndChildren: {
+        true: {
+            iconWrapper: string;
         };
     };
     variant: {
-        solid: {};
-        flat: {};
-        faded: {
+        danger: {
             base: string;
         };
-        bordered: {
+        default: {
             base: string;
         };
-    };
-    sizeLimit: {
-        height: {
+        info: {
+            alertIcon: string;
             base: string;
+            closeButton: string;
+            description: string;
+            iconWrapper: string;
+            mainWrapper: string;
+            title: string;
         };
-        width: {
+        success: {
             base: string;
         };
-        both: {
+        warning: {
             base: string;
         };
     };
@@ -90,37 +78,31 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
     iconWrapper: string;
     alertIcon: string;
 }, tailwind_variants.TVReturnType<{
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-        info: {
-            mainWrapper: string;
-            title: string;
-            description: string;
+    hasTitleAndChildren: {
+        true: {
+            iconWrapper: string;
         };
     };
     variant: {
-        solid: {};
-        flat: {};
-        faded: {
+        danger: {
             base: string;
         };
-        bordered: {
+        default: {
             base: string;
         };
-    };
-    sizeLimit: {
-        height: {
+        info: {
+            alertIcon: string;
             base: string;
+            closeButton: string;
+            description: string;
+            iconWrapper: string;
+            mainWrapper: string;
+            title: string;
         };
-        width: {
+        success: {
             base: string;
         };
-        both: {
+        warning: {
             base: string;
         };
     };
@@ -135,25 +117,19 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 type VariantProps = TVProps<typeof alertVariants>;
 type ClassName = TVClassName<typeof alertVariants>;
-interface AlertProps extends VariantProps {
+interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {
     /** Content displayed inside the Alert if no description is given! */
     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 */
     icon?: ReactNode;
     /** Whether the Alert can be closed */
-    isClosable?: boolean;
+    closable?: boolean;
     /** Callback fired when the close button is clicked */
     onClose?: () => void;
-    /** Whether to show the icon at the start */
-    showIcon?: boolean;
-    /** limit height to 150px or width to 480px or both */
-    sizeLimit?: VariantProps['sizeLimit'];
     /** HTML data-testid attribute used in e2e tests */
     testId?: string;
     /** Title displayed in the Alert above the content */
@@ -164,6 +140,6 @@ interface AlertProps extends VariantProps {
 /**
  * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)
  */
-declare const Alert: ({ children, className, color, endContent, icon, isClosable, onClose, sizeLimit, 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-Dc0RSQaB.d.ts → Alert-CWjAMyih.d.ts}

@@ -4,37 +4,31 @@ import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import { ReactNode } from 'react';
 
 declare const alertVariants: tailwind_variants.TVReturnType<{
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-        info: {
-            mainWrapper: string;
-            title: string;
-            description: string;
+    hasTitleAndChildren: {
+        true: {
+            iconWrapper: string;
         };
     };
     variant: {
-        solid: {};
-        flat: {};
-        faded: {
+        danger: {
             base: string;
         };
-        bordered: {
+        default: {
             base: string;
         };
-    };
-    sizeLimit: {
-        height: {
+        info: {
+            alertIcon: string;
             base: string;
+            closeButton: string;
+            description: string;
+            iconWrapper: string;
+            mainWrapper: string;
+            title: string;
         };
-        width: {
+        success: {
             base: string;
         };
-        both: {
+        warning: {
             base: string;
         };
     };
@@ -47,37 +41,31 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
     iconWrapper: string;
     alertIcon: string;
 }, undefined, {
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-        info: {
-            mainWrapper: string;
-            title: string;
-            description: string;
+    hasTitleAndChildren: {
+        true: {
+            iconWrapper: string;
         };
     };
     variant: {
-        solid: {};
-        flat: {};
-        faded: {
+        danger: {
             base: string;
         };
-        bordered: {
+        default: {
             base: string;
         };
-    };
-    sizeLimit: {
-        height: {
+        info: {
+            alertIcon: string;
             base: string;
+            closeButton: string;
+            description: string;
+            iconWrapper: string;
+            mainWrapper: string;
+            title: string;
         };
-        width: {
+        success: {
             base: string;
         };
-        both: {
+        warning: {
             base: string;
         };
     };
@@ -90,37 +78,31 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
     iconWrapper: string;
     alertIcon: string;
 }, tailwind_variants.TVReturnType<{
-    color: {
-        default: {};
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-        info: {
-            mainWrapper: string;
-            title: string;
-            description: string;
+    hasTitleAndChildren: {
+        true: {
+            iconWrapper: string;
         };
     };
     variant: {
-        solid: {};
-        flat: {};
-        faded: {
+        danger: {
             base: string;
         };
-        bordered: {
+        default: {
             base: string;
         };
-    };
-    sizeLimit: {
-        height: {
+        info: {
+            alertIcon: string;
             base: string;
+            closeButton: string;
+            description: string;
+            iconWrapper: string;
+            mainWrapper: string;
+            title: string;
         };
-        width: {
+        success: {
             base: string;
         };
-        both: {
+        warning: {
             base: string;
         };
     };
@@ -135,25 +117,19 @@ declare const alertVariants: tailwind_variants.TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 type VariantProps = TVProps<typeof alertVariants>;
 type ClassName = TVClassName<typeof alertVariants>;
-interface AlertProps extends VariantProps {
+interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {
     /** Content displayed inside the Alert if no description is given! */
     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 */
     icon?: ReactNode;
     /** Whether the Alert can be closed */
-    isClosable?: boolean;
+    closable?: boolean;
     /** Callback fired when the close button is clicked */
     onClose?: () => void;
-    /** Whether to show the icon at the start */
-    showIcon?: boolean;
-    /** limit height to 150px or width to 480px or both */
-    sizeLimit?: VariantProps['sizeLimit'];
     /** HTML data-testid attribute used in e2e tests */
     testId?: string;
     /** Title displayed in the Alert above the content */
@@ -164,6 +140,6 @@ interface AlertProps extends VariantProps {
 /**
  * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)
  */
-declare const Alert: ({ children, className, color, endContent, icon, isClosable, onClose, sizeLimit, 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';