@fuf-stack/pixels 0.43.10 → 0.44.0

package/dist/Alert/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkQ2SVN66Acjs = require('../chunk-Q2SVN66A.cjs');
+var _chunkKWSGA623cjs = require('../chunk-KWSGA623.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Alert = _chunkQ2SVN66Acjs.Alert_default; exports.alertVariants = _chunkQ2SVN66Acjs.alertVariants; exports.default = _chunkQ2SVN66Acjs.Alert_default2;
+exports.Alert = _chunkKWSGA623cjs.Alert_default; exports.alertVariants = _chunkKWSGA623cjs.alertVariants; exports.default = _chunkKWSGA623cjs.Alert_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Alert/index.js

@@ -2,7 +2,7 @@ import {
   Alert_default,
   Alert_default2,
   alertVariants
-} from "../chunk-OXXSHHVG.js";
+} from "../chunk-DBVM5SIA.js";
 import "../chunk-J7N2552D.js";
 export {
   Alert_default as Alert,

package/dist/Button/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkAN7A66NScjs = require('../chunk-AN7A66NS.cjs');
+var _chunkK6UF4AGXcjs = require('../chunk-K6UF4AGX.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Button = _chunkAN7A66NScjs.Button_default; exports.buttonVariants = _chunkAN7A66NScjs.buttonVariants; exports.default = _chunkAN7A66NScjs.Button_default2;
+exports.Button = _chunkK6UF4AGXcjs.Button_default; exports.buttonVariants = _chunkK6UF4AGXcjs.buttonVariants; exports.default = _chunkK6UF4AGXcjs.Button_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Button/index.d.cts

@@ -1,5 +1,5 @@
-import { B as Button } from '../Button-DykH6Lmz.cjs';
-export { a as ButtonProps, b as buttonVariants } from '../Button-DykH6Lmz.cjs';
+import { B as Button } from '../Button-BNrJYJDH.cjs';
+export { a as ButtonProps, b as buttonVariants } from '../Button-BNrJYJDH.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Button/index.d.ts

@@ -1,5 +1,5 @@
-import { B as Button } from '../Button-DykH6Lmz.js';
-export { a as ButtonProps, b as buttonVariants } from '../Button-DykH6Lmz.js';
+import { B as Button } from '../Button-BNrJYJDH.js';
+export { a as ButtonProps, b as buttonVariants } from '../Button-BNrJYJDH.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Button/index.js

@@ -2,7 +2,7 @@ import {
   Button_default,
   Button_default2,
   buttonVariants
-} from "../chunk-RELR2OCI.js";
+} from "../chunk-6XNLMOET.js";
 import "../chunk-J7N2552D.js";
 export {
   Button_default as Button,

package/dist/{Button-DykH6Lmz.d.cts → Button-BNrJYJDH.d.cts}

@@ -196,6 +196,8 @@ interface ButtonProps extends VariantProps {
     onClick?: ButtonProps$1['onPress'];
     /** border radius size */
     radius?: ButtonProps$1['radius'];
+    /** enable ripple animation effect on click */
+    ripple?: boolean;
     /** size options */
     size?: ButtonProps$1['size'];
     /** HTML data-testid attribute used in e2e tests */
@@ -208,6 +210,6 @@ interface ButtonProps extends VariantProps {
 /**
  * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)
  */
-declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, radius, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ ariaLabel, children, className, color, disableAnimation, disabled, icon, loading, onClick, radius, ripple, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 export { Button as B, type ButtonProps as a, buttonVariants as b };

package/dist/{Button-DykH6Lmz.d.ts → Button-BNrJYJDH.d.ts}

@@ -196,6 +196,8 @@ interface ButtonProps extends VariantProps {
     onClick?: ButtonProps$1['onPress'];
     /** border radius size */
     radius?: ButtonProps$1['radius'];
+    /** enable ripple animation effect on click */
+    ripple?: boolean;
     /** size options */
     size?: ButtonProps$1['size'];
     /** HTML data-testid attribute used in e2e tests */
@@ -208,6 +210,6 @@ interface ButtonProps extends VariantProps {
 /**
  * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)
  */
-declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, radius, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ ariaLabel, children, className, color, disableAnimation, disabled, icon, loading, onClick, radius, ripple, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 export { Button as B, type ButtonProps as a, buttonVariants as b };

package/dist/Json/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkPYXJNORHcjs = require('../chunk-PYXJNORH.cjs');
-require('../chunk-AN7A66NS.cjs');
+var _chunkJ44KQ3VWcjs = require('../chunk-J44KQ3VW.cjs');
+require('../chunk-K6UF4AGX.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Json = _chunkPYXJNORHcjs.Json_default; exports.default = _chunkPYXJNORHcjs.Json_default2;
+exports.Json = _chunkJ44KQ3VWcjs.Json_default; exports.default = _chunkJ44KQ3VWcjs.Json_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Json/index.js

@@ -1,8 +1,8 @@
 import {
   Json_default,
   Json_default2
-} from "../chunk-5BUCFDWR.js";
-import "../chunk-RELR2OCI.js";
+} from "../chunk-PUMF3NYY.js";
+import "../chunk-6XNLMOET.js";
 import "../chunk-J7N2552D.js";
 export {
   Json_default as Json,

package/dist/Label/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkPLJWIGRScjs = require('../chunk-PLJWIGRS.cjs');
+var _chunkPHQVYJS2cjs = require('../chunk-PHQVYJS2.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Label = _chunkPLJWIGRScjs.Label_default; exports.default = _chunkPLJWIGRScjs.Label_default2; exports.labelVariants = _chunkPLJWIGRScjs.labelVariants;
+exports.Label = _chunkPHQVYJS2cjs.Label_default; exports.default = _chunkPHQVYJS2cjs.Label_default2; exports.labelVariants = _chunkPHQVYJS2cjs.labelVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Label/index.d.cts

@@ -1,5 +1,5 @@
-import { L as Label } from '../Label-Bp9WZiDB.cjs';
-export { a as LabelProps, l as labelVariants } from '../Label-Bp9WZiDB.cjs';
+import { L as Label } from '../Label-B1a1krk8.cjs';
+export { a as LabelProps, l as labelVariants } from '../Label-B1a1krk8.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Label/index.d.ts

@@ -1,5 +1,5 @@
-import { L as Label } from '../Label-Bp9WZiDB.js';
-export { a as LabelProps, l as labelVariants } from '../Label-Bp9WZiDB.js';
+import { L as Label } from '../Label-B1a1krk8.js';
+export { a as LabelProps, l as labelVariants } from '../Label-B1a1krk8.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Label/index.js

@@ -2,7 +2,7 @@ import {
   Label_default,
   Label_default2,
   labelVariants
-} from "../chunk-KIRRQFSZ.js";
+} from "../chunk-X6JZFO33.js";
 import "../chunk-J7N2552D.js";
 export {
   Label_default as Label,

package/dist/Label-B1a1krk8.d.cts

@@ -0,0 +1,432 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ChipProps } from '@heroui/chip';
+import { ReactNode } from 'react';
+
+declare const labelVariants: tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    closeButton: string;
+    content: string;
+    dot: string;
+    icon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}, {
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}>, {
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    closeButton: string;
+    content: string;
+    dot: string;
+    icon: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    closeButton: string;
+    content: string;
+    dot: string;
+    icon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}, {
+    color: {
+        default: {
+            dot: string;
+        };
+        primary: {
+            dot: string;
+        };
+        secondary: {
+            dot: string;
+        };
+        success: {
+            dot: string;
+        };
+        warning: {
+            dot: string;
+        };
+        danger: {
+            dot: string;
+        };
+        info: {
+            dot: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        flat: {};
+        faded: {
+            base: string;
+        };
+        shadow: {};
+        dot: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof labelVariants>;
+type ClassName = TVClassName<typeof labelVariants>;
+interface LabelProps extends VariantProps {
+    /** content of the label */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** color of the label */
+    color?: VariantProps['color'];
+    /** element to be rendered in the right side of the label */
+    endContent?: ChipProps['endContent'];
+    /** optional label icon, when only icon provided without children and endContent  */
+    icon?: ReactNode;
+    /** add close button to endContent */
+    onClose?: ChipProps['onClose'];
+    /** radius of the label */
+    radius?: ChipProps['radius'];
+    /** size of the label */
+    size?: ChipProps['size'];
+    /** style variant of the label */
+    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';
+}
+/**
+ * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)
+ */
+declare const Label: ({ children, className: _className, color, endContent, icon, onClose, radius, size, variant, }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+export { Label as L, type LabelProps as a, labelVariants as l };