@fuf-stack/pixels 0.43.9 → 0.44.0

package/dist/Alert/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkYVPRFCWIcjs = require('../chunk-YVPRFCWI.cjs');
+var _chunkKWSGA623cjs = require('../chunk-KWSGA623.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.default = _chunkYVPRFCWIcjs.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-MG3PTEMK.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.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Json/theme.css"],"sourcesContent":["/********************************************************************\n * light theme variables\n  * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\n ********************************************************************/\n :root {\n  --w-rjv-font-family: monospace;\n  --w-rjv-color: #002b36;\n  --w-rjv-key-string: #002b36;\n  --w-rjv-background-color: unset;\n  --w-rjv-line-color: #ebebeb;\n  --w-rjv-arrow-color: var(--w-rjv-color);\n  --w-rjv-edit-color: var(--w-rjv-color);\n  --w-rjv-info-color: rgba(0, 0, 0, 0.3);\n  --w-rjv-update-color: #ebcb8b;\n  --w-rjv-copied-color: #002b36;\n  --w-rjv-copied-success-color: #28a745;\n\n  --w-rjv-curlybraces-color: #236a7c;\n  --w-rjv-colon-color: #002b36;\n  --w-rjv-brackets-color: #236a7c;\n  --w-rjv-quotes-color: var(--w-rjv-key-string);\n  --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n  --w-rjv-type-string-color: #cb4b16;\n  --w-rjv-type-int-color: #268bd2;\n  --w-rjv-type-float-color: #859900;\n  --w-rjv-type-bigint-color: #268bd2;\n  --w-rjv-type-boolean-color: #2aa198;\n  --w-rjv-type-date-color: #586e75;\n  --w-rjv-type-url-color: #0969da;\n  --w-rjv-type-null-color: #d33682;\n  --w-rjv-type-nan-color: #859900;\n  --w-rjv-type-undefined-color: #586e75;\n}\n\n/********************************************************************\n * dark theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\n ********************************************************************/\n:root[data-theme=\"dark\"] {\n  --w-rjv-font-family: monospace;\n  --w-rjv-color: #9cdcfe;\n  --w-rjv-key-string: #9cdcfe;\n  --w-rjv-background-color: unset;\n  --w-rjv-line-color: rgba(54, 51, 66, 0.5);\n  --w-rjv-arrow-color: #838383;\n  --w-rjv-edit-color: var(--w-rjv-color);\n  --w-rjv-info-color: rgba(156, 156, 156, 0.48);\n  --w-rjv-update-color: #9cdcfe;\n  --w-rjv-copied-color: #9cdcfe;\n  --w-rjv-copied-success-color: #28a745;\n\n  --w-rjv-curlybraces-color: #d4d4d4;\n  --w-rjv-colon-color: #d4d4d4;\n  --w-rjv-brackets-color: #d4d4d4;\n  --w-rjv-quotes-color: var(--w-rjv-key-string);\n  --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n  --w-rjv-type-string-color: #ce9178;\n  --w-rjv-type-int-color: #b5cea8;\n  --w-rjv-type-float-color: #b5cea8;\n  --w-rjv-type-bigint-color: #b5cea8;\n  --w-rjv-type-boolean-color: #569cd6;\n  --w-rjv-type-date-color: #b5cea8;\n  --w-rjv-type-url-color: #3b89cf;\n  --w-rjv-type-null-color: #569cd6;\n  --w-rjv-type-nan-color: #859900;\n  --w-rjv-type-undefined-color: #569cd6;\n}\n"],"mappings":";AAIC;AACC,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB;AACpB,uBAAqB,IAAI;AACzB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAClC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;AAMA,KAAK,CAAC;AACJ,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACrC,uBAAqB;AACrB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;","names":[]}
+{"version":3,"sources":["../../src/Json/theme.css"],"sourcesContent":["/********************************************************************\n * light theme variables\n  * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\n ********************************************************************/\n:root {\n  --w-rjv-font-family: monospace;\n  --w-rjv-color: #002b36;\n  --w-rjv-key-string: #002b36;\n  --w-rjv-background-color: unset;\n  --w-rjv-line-color: #ebebeb;\n  --w-rjv-arrow-color: var(--w-rjv-color);\n  --w-rjv-edit-color: var(--w-rjv-color);\n  --w-rjv-info-color: rgba(0, 0, 0, 0.3);\n  --w-rjv-update-color: #ebcb8b;\n  --w-rjv-copied-color: #002b36;\n  --w-rjv-copied-success-color: #28a745;\n\n  --w-rjv-curlybraces-color: #236a7c;\n  --w-rjv-colon-color: #002b36;\n  --w-rjv-brackets-color: #236a7c;\n  --w-rjv-quotes-color: var(--w-rjv-key-string);\n  --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n  --w-rjv-type-string-color: #cb4b16;\n  --w-rjv-type-int-color: #268bd2;\n  --w-rjv-type-float-color: #859900;\n  --w-rjv-type-bigint-color: #268bd2;\n  --w-rjv-type-boolean-color: #2aa198;\n  --w-rjv-type-date-color: #586e75;\n  --w-rjv-type-url-color: #0969da;\n  --w-rjv-type-null-color: #d33682;\n  --w-rjv-type-nan-color: #859900;\n  --w-rjv-type-undefined-color: #586e75;\n}\n\n/********************************************************************\n * dark theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\n ********************************************************************/\n:root[data-theme='dark'] {\n  --w-rjv-font-family: monospace;\n  --w-rjv-color: #9cdcfe;\n  --w-rjv-key-string: #9cdcfe;\n  --w-rjv-background-color: unset;\n  --w-rjv-line-color: rgba(54, 51, 66, 0.5);\n  --w-rjv-arrow-color: #838383;\n  --w-rjv-edit-color: var(--w-rjv-color);\n  --w-rjv-info-color: rgba(156, 156, 156, 0.48);\n  --w-rjv-update-color: #9cdcfe;\n  --w-rjv-copied-color: #9cdcfe;\n  --w-rjv-copied-success-color: #28a745;\n\n  --w-rjv-curlybraces-color: #d4d4d4;\n  --w-rjv-colon-color: #d4d4d4;\n  --w-rjv-brackets-color: #d4d4d4;\n  --w-rjv-quotes-color: var(--w-rjv-key-string);\n  --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n  --w-rjv-type-string-color: #ce9178;\n  --w-rjv-type-int-color: #b5cea8;\n  --w-rjv-type-float-color: #b5cea8;\n  --w-rjv-type-bigint-color: #b5cea8;\n  --w-rjv-type-boolean-color: #569cd6;\n  --w-rjv-type-date-color: #b5cea8;\n  --w-rjv-type-url-color: #3b89cf;\n  --w-rjv-type-null-color: #569cd6;\n  --w-rjv-type-nan-color: #859900;\n  --w-rjv-type-undefined-color: #569cd6;\n}\n"],"mappings":";AAIA;AACE,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB;AACpB,uBAAqB,IAAI;AACzB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAClC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;AAMA,KAAK,CAAC;AACJ,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACrC,uBAAqB;AACrB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;","names":[]}

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 };