@povio/ui 2.3.2 → 3.0.0

package/dist/components/inputs/shared/input.cva.js

@@ -1,292 +1,300 @@
-import { UIStyle } from "../../../config/uiStyle.context.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { clsx } from "clsx";
-import { cva } from "class-variance-authority";
 //#region src/components/inputs/shared/input.cva.ts
-var inputBase = cva([uiOutlineClass, "flex w-full not-[textarea]:truncate"], {
-	variants: {
-		variant: {
-			outlined: "",
-			filled: ""
+var inputBaseDefinition = UIOverrides.defineConfig({
+	base: [uiOutlineClass, "flex w-full not-[textarea]:truncate"],
+	config: {
+		variants: {
+			variant: {
+				outlined: "",
+				filled: ""
+			},
+			as: {
+				default: "rounded-input-rounding-default",
+				floating: "rounded-input-rounding-default",
+				filter: "rounded-input-rounding-default",
+				inline: [
+					"h-full",
+					"border-transparent border-b-0 bg-transparent text-text-default-1",
+					"hover:border-input-outlined-outline-hover",
+					"focus-within:border-input-outlined-outline-active",
+					"invalid:border-input-outlined-outline-error",
+					"has-invalid:border-input-outlined-outline-error",
+					"disabled:hover:border-transparent",
+					"has-disabled:hover:border-transparent"
+				]
+			}
 		},
-		as: {
-			default: "rounded-input-rounding-default",
-			floating: "rounded-input-rounding-default",
-			filter: "rounded-input-rounding-default",
-			inline: [
-				"h-full",
-				"border-transparent border-b-0 bg-transparent text-text-default-1",
-				"hover:border-input-outlined-outline-hover",
-				"focus-within:border-input-outlined-outline-active",
-				"invalid:border-input-outlined-outline-error",
-				"has-invalid:border-input-outlined-outline-error",
-				"disabled:hover:border-transparent",
-				"has-disabled:hover:border-transparent"
-			]
-		}
-	},
-	compoundVariants: [
-		{
-			variant: "outlined",
-			as: "default",
-			className: [
-				"border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
-				"hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
-				"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
-				"invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
-				"has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
-				"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
-				"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
-				"placeholder:text-text-default-3",
-				"disabled:placeholder:text-interactive-text-secondary-disabled",
-				"has-disabled:placeholder:text-interactive-text-secondary-disabled",
-				"focus-visible:outline-interactive-contained-primary-focus",
-				"has-focus-visible:outline-interactive-contained-primary-focus"
-			]
-		},
-		{
-			variant: "filled",
-			as: "default",
-			className: [
-				"border border-transparent border-solid bg-input-filled-idle text-text-default-1",
-				"hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
-				"focus-within:border-input-filled-outline-active focus-within:border-solid focus-within:bg-input-filled-active focus-within:text-text-default-1",
-				"invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
-				"has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
-				"disabled:bg-input-filled-disabled disabled:text-text-default-3",
-				"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-3",
-				"placeholder:text-text-default-3",
-				"disabled:placeholder:text-interactive-text-secondary-disabled",
-				"has-disabled:placeholder:text-interactive-text-secondary-disabled",
-				"focus-visible:outline-interactive-contained-primary-focus",
-				"has-focus-visible:outline-interactive-contained-primary-focus"
-			]
-		},
-		{
+		compoundVariants: [
+			{
+				variant: "outlined",
+				as: "default",
+				className: [
+					"border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
+					"hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
+					"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
+					"invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
+					"has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
+					"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
+					"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
+					"placeholder:text-text-default-3",
+					"disabled:placeholder:text-interactive-text-secondary-disabled",
+					"has-disabled:placeholder:text-interactive-text-secondary-disabled",
+					"focus-visible:outline-interactive-contained-primary-focus",
+					"has-focus-visible:outline-interactive-contained-primary-focus"
+				]
+			},
+			{
+				variant: "filled",
+				as: "default",
+				className: [
+					"border border-transparent border-solid bg-input-filled-idle text-text-default-1",
+					"hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
+					"focus-within:border-input-filled-outline-active focus-within:border-solid focus-within:bg-input-filled-active focus-within:text-text-default-1",
+					"invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
+					"has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
+					"disabled:bg-input-filled-disabled disabled:text-text-default-3",
+					"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-3",
+					"placeholder:text-text-default-3",
+					"disabled:placeholder:text-interactive-text-secondary-disabled",
+					"has-disabled:placeholder:text-interactive-text-secondary-disabled",
+					"focus-visible:outline-interactive-contained-primary-focus",
+					"has-focus-visible:outline-interactive-contained-primary-focus"
+				]
+			},
+			{
+				variant: "outlined",
+				as: "floating",
+				className: [
+					"border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
+					"hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
+					"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
+					"invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
+					"has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
+					"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
+					"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
+					"placeholder:text-text-default-3",
+					"disabled:placeholder:text-interactive-text-secondary-disabled",
+					"has-disabled:placeholder:text-interactive-text-secondary-disabled",
+					"focus-visible:outline-interactive-contained-primary-focus",
+					"has-focus-visible:outline-interactive-contained-primary-focus"
+				]
+			},
+			{
+				variant: "filled",
+				as: "floating",
+				className: [
+					"border border-transparent border-solid bg-input-filled-idle text-text-default-1",
+					"hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
+					"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-idle focus-within:text-text-default-1",
+					"invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
+					"has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
+					"disabled:bg-input-filled-disabled disabled:text-text-default-3",
+					"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-3",
+					"placeholder:text-text-default-3",
+					"disabled:placeholder:text-interactive-text-secondary-disabled",
+					"has-disabled:placeholder:text-interactive-text-secondary-disabled",
+					"focus-visible:outline-interactive-contained-primary-focus",
+					"has-focus-visible:outline-interactive-contained-primary-focus"
+				]
+			},
+			{
+				variant: "outlined",
+				as: "filter",
+				className: [
+					"border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
+					"hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
+					"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
+					"invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
+					"has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
+					"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
+					"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
+					"placeholder:text-text-default-3",
+					"disabled:placeholder:text-interactive-text-secondary-disabled",
+					"has-disabled:placeholder:text-interactive-text-secondary-disabled",
+					"focus-visible:outline-interactive-contained-primary-focus",
+					"has-focus-visible:outline-interactive-contained-primary-focus"
+				]
+			},
+			{
+				variant: "filled",
+				as: "filter",
+				className: [
+					"border border-transparent border-solid bg-input-filled-idle text-text-default-1",
+					"hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
+					"focus-within:border-input-filled-outline-active focus-within:border-solid focus-within:bg-input-filled-active focus-within:text-text-default-1",
+					"has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
+					"invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
+					"disabled:bg-input-filled-disabled disabled:text-text-default-1",
+					"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-1",
+					"placeholder:text-text-default-3",
+					"disabled:placeholder:text-interactive-text-secondary-disabled",
+					"has-disabled:placeholder:text-interactive-text-secondary-disabled",
+					"focus-visible:outline-interactive-contained-primary-focus",
+					"has-focus-visible:outline-interactive-contained-primary-focus"
+				]
+			}
+		],
+		defaultVariants: {
 			variant: "outlined",
-			as: "floating",
-			className: [
-				"border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
-				"hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
-				"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
-				"invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
-				"has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
-				"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
-				"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
-				"placeholder:text-text-default-3",
-				"disabled:placeholder:text-interactive-text-secondary-disabled",
-				"has-disabled:placeholder:text-interactive-text-secondary-disabled",
-				"focus-visible:outline-interactive-contained-primary-focus",
-				"has-focus-visible:outline-interactive-contained-primary-focus"
-			]
-		},
-		{
-			variant: "filled",
-			as: "floating",
-			className: [
-				"border border-transparent border-solid bg-input-filled-idle text-text-default-1",
-				"hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
-				"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-idle focus-within:text-text-default-1",
-				"invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
-				"has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
-				"disabled:bg-input-filled-disabled disabled:text-text-default-3",
-				"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-3",
-				"placeholder:text-text-default-3",
-				"disabled:placeholder:text-interactive-text-secondary-disabled",
-				"has-disabled:placeholder:text-interactive-text-secondary-disabled",
-				"focus-visible:outline-interactive-contained-primary-focus",
-				"has-focus-visible:outline-interactive-contained-primary-focus"
-			]
-		},
-		{
-			variant: "outlined",
-			as: "filter",
-			className: [
-				"border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
-				"hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
-				"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
-				"invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
-				"has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
-				"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
-				"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
-				"placeholder:text-text-default-3",
-				"disabled:placeholder:text-interactive-text-secondary-disabled",
-				"has-disabled:placeholder:text-interactive-text-secondary-disabled",
-				"focus-visible:outline-interactive-contained-primary-focus",
-				"has-focus-visible:outline-interactive-contained-primary-focus"
-			]
-		},
-		{
-			variant: "filled",
-			as: "filter",
-			className: [
-				"border border-transparent border-solid bg-input-filled-idle text-text-default-1",
-				"hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
-				"focus-within:border-input-filled-outline-active focus-within:border-solid focus-within:bg-input-filled-active focus-within:text-text-default-1",
-				"has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
-				"invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
-				"disabled:bg-input-filled-disabled disabled:text-text-default-1",
-				"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-1",
-				"placeholder:text-text-default-3",
-				"disabled:placeholder:text-interactive-text-secondary-disabled",
-				"has-disabled:placeholder:text-interactive-text-secondary-disabled",
-				"focus-visible:outline-interactive-contained-primary-focus",
-				"has-focus-visible:outline-interactive-contained-primary-focus"
-			]
+			as: "default"
 		}
-	],
-	defaultVariants: {
-		variant: "outlined",
-		as: "default"
 	}
 });
-var inputSize = cva("", {
-	variants: {
-		size: {
-			"extra-small": "text-label-1",
-			small: "text-label-1",
-			default: "text-label-1",
-			large: "text-label-1"
+var inputSizeDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: {
+			size: {
+				"extra-small": "text-label-1",
+				small: "text-label-1",
+				default: "text-label-1",
+				large: "text-label-1"
+			},
+			as: {
+				default: "",
+				floating: [
+					"px-input-side-m",
+					"py-floating-label-input-height-empty",
+					"input-filled:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]",
+					"input-filled:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]"
+				],
+				filter: "",
+				inline: ""
+			}
 		},
-		as: {
-			default: "",
-			floating: [
-				"px-input-side-m",
-				"py-floating-label-input-height-empty",
-				"input-filled:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]",
-				"input-filled:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]"
-			],
-			filter: "",
-			inline: ""
-		}
-	},
-	compoundVariants: [
-		{
-			as: [
-				"default",
-				"filter",
-				"inline"
-			],
-			size: "extra-small",
-			className: "px-input-side-xs py-input-height-xs"
-		},
-		{
-			as: [
-				"default",
-				"filter",
-				"inline"
-			],
-			size: "small",
-			className: "px-input-side-s py-input-height-s"
-		},
-		{
-			as: [
-				"default",
-				"filter",
-				"inline"
-			],
+		compoundVariants: [
+			{
+				as: [
+					"default",
+					"filter",
+					"inline"
+				],
+				size: "extra-small",
+				className: "px-input-side-xs py-input-height-xs"
+			},
+			{
+				as: [
+					"default",
+					"filter",
+					"inline"
+				],
+				size: "small",
+				className: "px-input-side-s py-input-height-s"
+			},
+			{
+				as: [
+					"default",
+					"filter",
+					"inline"
+				],
+				size: "default",
+				className: "px-input-side-m py-input-height-m"
+			},
+			{
+				as: [
+					"default",
+					"filter",
+					"inline"
+				],
+				size: "large",
+				className: "px-input-side-l py-input-height-l"
+			}
+		],
+		defaultVariants: {
 			size: "default",
-			className: "px-input-side-m py-input-height-m"
-		},
-		{
-			as: [
-				"default",
-				"filter",
-				"inline"
-			],
-			size: "large",
-			className: "px-input-side-l py-input-height-l"
+			as: "default"
 		}
-	],
-	defaultVariants: {
-		size: "default",
-		as: "default"
 	}
 });
-var inputSide = cva("", {
-	variants: {
-		size: {
-			"extra-small": "",
-			small: "",
-			default: "",
-			large: ""
-		},
-		type: {
-			left: "",
-			right: "",
-			var: ""
-		}
-	},
-	compoundVariants: [
-		{
-			type: "left",
-			size: "extra-small",
-			className: "left-input-side-xs"
-		},
-		{
-			type: "right",
-			size: "extra-small",
-			className: "right-input-side-xs"
+var inputSideDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: {
+			size: {
+				"extra-small": "",
+				small: "",
+				default: "",
+				large: ""
+			},
+			type: {
+				left: "",
+				right: "",
+				var: ""
+			}
 		},
-		{
-			type: "var",
-			size: "extra-small",
-			className: "--spacing-input-side-xs"
-		},
-		{
-			type: "left",
-			size: "small",
-			className: "left-input-side-s"
-		},
-		{
-			type: "right",
-			size: "small",
-			className: "right-input-side-s"
-		},
-		{
-			type: "var",
-			size: "small",
-			className: "--spacing-input-side-s"
-		},
-		{
-			type: "left",
-			size: "default",
-			className: "left-input-side-m"
-		},
-		{
-			type: "right",
-			size: "default",
-			className: "right-input-side-m"
-		},
-		{
-			type: "var",
-			size: "default",
-			className: "--spacing-input-side-m"
-		},
-		{
-			type: "left",
-			size: "large",
-			className: "left-input-side-l"
-		},
-		{
-			type: "right",
-			size: "large",
-			className: "right-input-side-l"
-		},
-		{
-			type: "var",
-			size: "large",
-			className: "--spacing-input-side-l"
-		}
-	],
-	defaultVariants: { size: "default" }
+		compoundVariants: [
+			{
+				type: "left",
+				size: "extra-small",
+				className: "left-input-side-xs"
+			},
+			{
+				type: "right",
+				size: "extra-small",
+				className: "right-input-side-xs"
+			},
+			{
+				type: "var",
+				size: "extra-small",
+				className: "--spacing-input-side-xs"
+			},
+			{
+				type: "left",
+				size: "small",
+				className: "left-input-side-s"
+			},
+			{
+				type: "right",
+				size: "small",
+				className: "right-input-side-s"
+			},
+			{
+				type: "var",
+				size: "small",
+				className: "--spacing-input-side-s"
+			},
+			{
+				type: "left",
+				size: "default",
+				className: "left-input-side-m"
+			},
+			{
+				type: "right",
+				size: "default",
+				className: "right-input-side-m"
+			},
+			{
+				type: "var",
+				size: "default",
+				className: "--spacing-input-side-m"
+			},
+			{
+				type: "left",
+				size: "large",
+				className: "left-input-side-l"
+			},
+			{
+				type: "right",
+				size: "large",
+				className: "right-input-side-l"
+			},
+			{
+				type: "var",
+				size: "large",
+				className: "--spacing-input-side-l"
+			}
+		],
+		defaultVariants: { size: "default" }
+	}
 });
 var useInputCva = () => {
-	const inputBaseCva = UIStyle.useCva("input.baseCva", inputBase);
-	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
 	return ({ className, ...rest }) => {
 		return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
 	};
 };
 //#endregion
-export { inputBase, inputSide, inputSize, useInputCva };
+export { inputBaseDefinition, inputSideDefinition, inputSizeDefinition, useInputCva };

package/dist/components/inputs/shared/label.cva.d.ts

@@ -1,10 +1,19 @@
-import { VariantProps } from 'class-variance-authority';
 import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-export declare const labelBase: (props?: ({
-    as?: "filter" | "default" | "floating" | "inline" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface LabelBaseProps extends VariantProps<typeof labelBase> {
+import { UIOverrides } from '../../../config/uiOverrides.context';
+export declare const labelDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly as: {
+            readonly default: ["flex items-start gap-1 text-text-default-1 input-disabled:text-text-default-3"];
+            readonly filter: ["text-text-default-1 input-disabled:text-text-default-3"];
+            readonly inline: ["flex items-start gap-1 text-text-default-1"];
+            readonly floating: ["pointer-events-none", "absolute transition-all duration-75", "top-1/2 -translate-y-1/2", "text-text-default-3", "input-disabled:text-interactive-text-secondary-disabled!", "input-filled:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]", "input-filled:translate-y-0", "input-filled:text-text-default-1", "input-filled:font-semibold!", "input-filled:text-label-3!", "group-data-[text-area]/text-area:top-floating-label-input-height-empty group-data-[text-area]/text-area:translate-y-0", "group-has-[textarea:not(:placeholder-shown)]/text-area:hidden", "group-data-[text-editor]/text-editor:top-floating-label-input-height-empty group-data-[text-editor]/text-editor:left-input-side-default group-data-[text-editor]/text-editor:translate-y-0", "group-data-[is-filled=true]/text-editor:hidden"];
+        };
+    }>;
+};
+export type LabelConfig = NonNullable<typeof labelDefinition.config>;
+export interface LabelBaseProps extends UIOverrides.VariantProps<LabelConfig> {
 }
 export declare const labelTypography: (props: {
-    as?: "filter" | "default" | "floating" | "inline" | null | undefined;
+    readonly as?: "filter" | "default" | "inline" | "floating" | null | undefined;
 }) => TypographyVariantProps | undefined;