@povio/ui 3.4.0-rc.15 → 3.4.0-rc.17

package/dist/components/inputs/shared/InputClear.js

@@ -1,118 +1,46 @@
 import { UIConfig } from "../../../config/uiConfig.context.js";
-import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
+import { InlineIconButton } from "../../inline-icon-button.js";
 import "../../../config/i18n.js";
 import { X } from "lucide-react";
 import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/shared/InputClear.tsx
-var InputClear = (t0) => {
-	const $ = c(17);
-	const { onClear, className, style, show, renderStatic } = t0;
+const InputClear = ({ onClear, className, style, show, renderStatic }) => {
 	const ui = UIConfig.useConfig();
 	const { t } = useTranslation("ui");
 	const alwaysShowClear = ui.input.alwaysShowClear;
-	let clearClassName;
-	let t1;
-	if ($[0] !== alwaysShowClear || $[1] !== className || $[2] !== onClear || $[3] !== renderStatic || $[4] !== show || $[5] !== style || $[6] !== t) {
-		t1 = Symbol.for("react.early_return_sentinel");
-		bb0: {
-			clearClassName = clsx("relative z-raised flex items-center", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className);
-			if (renderStatic) {
-				let t2;
-				if ($[9] !== show || $[10] !== t) {
-					t2 = show ? t(_temp) : void 0;
-					$[9] = show;
-					$[10] = t;
-					$[11] = t2;
-				} else t2 = $[11];
-				let t3;
-				if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-					t3 = /* @__PURE__ */ jsx(X, { className: "h-6 w-6 shrink-0" });
-					$[12] = t3;
-				} else t3 = $[12];
-				t1 = /* @__PURE__ */ jsx("button", {
-					type: "button",
-					"aria-hidden": !show,
-					"aria-label": t2,
-					"data-static-clear-action": true,
-					tabIndex: -1,
-					onClick: onClear,
-					className: clsx("group inline-flex items-center justify-center border border-solid border-support-transparent-outline", "rounded-button-rounding-s p-0 text-interactive-text-secondary-idle", clearClassName),
-					style,
-					children: t3
-				});
-				break bb0;
-			}
-		}
-		$[0] = alwaysShowClear;
-		$[1] = className;
-		$[2] = onClear;
-		$[3] = renderStatic;
-		$[4] = show;
-		$[5] = style;
-		$[6] = t;
-		$[7] = clearClassName;
-		$[8] = t1;
-	} else {
-		clearClassName = $[7];
-		t1 = $[8];
-	}
-	if (t1 !== Symbol.for("react.early_return_sentinel")) return t1;
-	let t2;
-	if ($[13] !== clearClassName || $[14] !== onClear || $[15] !== style) {
-		t2 = /* @__PURE__ */ jsx(InputClearButton, {
-			onClear,
-			className: clearClassName,
-			style
-		});
-		$[13] = clearClassName;
-		$[14] = onClear;
-		$[15] = style;
-		$[16] = t2;
-	} else t2 = $[16];
-	return t2;
+	const clearClassName = clsx("relative z-raised flex items-center", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className);
+	if (renderStatic) return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-hidden": !show,
+		"aria-label": show ? t(($) => $.ui.clearAlt) : void 0,
+		"data-static-clear-action": true,
+		tabIndex: -1,
+		onClick: onClear,
+		className: clsx("group inline-flex items-center justify-center border border-solid border-support-transparent-outline", "rounded-button-rounding-s p-0 text-interactive-text-secondary-idle", clearClassName),
+		style,
+		children: /* @__PURE__ */ jsx(X, { className: "h-6 w-6 shrink-0" })
+	});
+	return /* @__PURE__ */ jsx(InputClearButton, {
+		onClear,
+		className: clearClassName,
+		style
+	});
 };
-var InputClearButton = (t0) => {
-	const $ = c(7);
-	const { onClear, className, style } = t0;
+const InputClearButton = ({ onClear, className, style }) => {
 	const { t } = useTranslation("ui");
-	let t1;
-	if ($[0] !== t) {
-		t1 = t(_temp2);
-		$[0] = t;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== className || $[3] !== onClear || $[4] !== style || $[5] !== t1) {
-		t2 = /* @__PURE__ */ jsx(InlineIconButton, {
-			color: "secondary",
-			className,
-			label: t1,
-			icon: X,
-			onPress: onClear,
-			isDisabled: false,
-			onMouseDown: _temp3,
-			excludeFromTabOrder: true,
-			style
-		});
-		$[2] = className;
-		$[3] = onClear;
-		$[4] = style;
-		$[5] = t1;
-		$[6] = t2;
-	} else t2 = $[6];
-	return t2;
+	return /* @__PURE__ */ jsx(InlineIconButton, {
+		color: "secondary",
+		className,
+		label: t(($) => $.ui.clearAlt),
+		icon: X,
+		onPress: onClear,
+		isDisabled: false,
+		onMouseDown: (e) => e.preventDefault(),
+		excludeFromTabOrder: true,
+		style
+	});
 };
-function _temp($) {
-	return $.ui.clearAlt;
-}
-function _temp2($) {
-	return $.ui.clearAlt;
-}
-function _temp3(e) {
-	return e.preventDefault();
-}
 //#endregion
 export { InputClear };

package/dist/components/inputs/shared/TooltipWrapper.js

@@ -1,60 +1,25 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
+import { Tooltip } from "../../tooltip.js";
 import { tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/TooltipWrapper.tsx
-var TooltipWrapper = (props) => {
-	const $ = c(14);
+const TooltipWrapper = (props) => {
 	const tooltipWrapperTriggerCva = UIOverrides.useCva("tooltipWrapper.triggerCva", tooltipWrapperTriggerDefinition);
 	if (props.as !== "inline") return props.children;
-	const t0 = props.error || void 0;
-	const t1 = !props.error;
-	let t2;
-	if ($[0] !== props.triggerClassName || $[1] !== tooltipWrapperTriggerCva) {
-		t2 = tooltipWrapperTriggerCva({ className: props.triggerClassName });
-		$[0] = props.triggerClassName;
-		$[1] = tooltipWrapperTriggerCva;
-		$[2] = t2;
-	} else t2 = $[2];
-	const t3 = props.triggerTabIndex;
-	let t4;
-	if ($[3] !== tooltipWrapperTriggerCva) {
-		t4 = tooltipWrapperTriggerCva({});
-		$[3] = tooltipWrapperTriggerCva;
-		$[4] = t4;
-	} else t4 = $[4];
-	let t5;
-	if ($[5] !== props.children || $[6] !== t4) {
-		t5 = /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsx(Tooltip, {
+		text: props.error || void 0,
+		placement: "bottom",
+		color: "error",
+		hidden: !props.error,
+		isNonInteractiveTrigger: true,
+		triggerClassName: tooltipWrapperTriggerCva({ className: props.triggerClassName }),
+		triggerTabIndex: props.triggerTabIndex,
+		children: /* @__PURE__ */ jsx("div", {
 			tabIndex: -1,
-			className: t4,
+			className: tooltipWrapperTriggerCva({}),
 			children: props.children
-		});
-		$[5] = props.children;
-		$[6] = t4;
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] !== props.triggerTabIndex || $[9] !== t0 || $[10] !== t1 || $[11] !== t2 || $[12] !== t5) {
-		t6 = /* @__PURE__ */ jsx(Tooltip, {
-			text: t0,
-			placement: "bottom",
-			color: "error",
-			hidden: t1,
-			isNonInteractiveTrigger: true,
-			triggerClassName: t2,
-			triggerTabIndex: t3,
-			children: t5
-		});
-		$[8] = props.triggerTabIndex;
-		$[9] = t0;
-		$[10] = t1;
-		$[11] = t2;
-		$[12] = t5;
-		$[13] = t6;
-	} else t6 = $[13];
-	return t6;
+		})
+	});
 };
 //#endregion
 export { TooltipWrapper };

package/dist/components/inputs/shared/form.binding.d.ts

@@ -1,27 +1,7 @@
-import { DeepKeys, DeepValue, UIForm } from '../../../hooks/useForm';
-export type FieldValues = Record<string, any>;
-export type FieldPath<TFieldValues extends FieldValues> = DeepKeys<TFieldValues>;
-export type FieldPathValue<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = DeepValue<TFieldValues, TName>;
-export type FormInstance<TFieldValues extends FieldValues> = UIForm<TFieldValues>;
-interface FieldControllerProps<TFieldValues extends FieldValues> {
-    control: UIForm<TFieldValues>;
-    name: DeepKeys<TFieldValues>;
-    render: (props: {
-        field: {
-            disabled: boolean;
-            name: string;
-            onBlur: () => void;
-            onChange: (value: any) => void;
-            ref: () => void;
-            value: any;
-        };
-        fieldState: {
-            error?: {
-                message: string;
-            };
-            isDirty: boolean;
-        };
-    }) => React.ReactNode;
-}
-export declare function FieldController<TFieldValues extends FieldValues>({ control: form, name, render, }: FieldControllerProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
-export {};
+import { DeepKeys, UIForm } from "../../../hooks/useForm.js";
+//#region src/components/inputs/shared/form.binding.d.ts
+type FieldValues = Record<string, any>;
+type FieldPath<TFieldValues extends FieldValues> = DeepKeys<TFieldValues>;
+type FormInstance<TFieldValues extends FieldValues> = UIForm<TFieldValues>;
+//#endregion
+export { FieldPath, FieldValues, FormInstance };

package/dist/components/inputs/shared/form.binding.js

@@ -1,21 +1,11 @@
 import { getFieldError } from "./form.types.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/form.binding.tsx
-function FieldController(t0) {
-	const $ = c(12);
-	const { control: form, name, render } = t0;
-	const T0 = form.Field;
-	let t1;
-	if ($[0] !== form || $[1] !== name) {
-		t1 = form.getFieldValidators(name);
-		$[0] = form;
-		$[1] = name;
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== form || $[4] !== name || $[5] !== render) {
-		t2 = (field) => render({
+function FieldController({ control: form, name, render }) {
+	return /* @__PURE__ */ jsx(form.Field, {
+		name,
+		validators: form.getFieldValidators(name),
+		children: (field) => render({
 			field: {
 				disabled: form.disabled,
 				name: field.name,
@@ -24,34 +14,15 @@ function FieldController(t0) {
 					form.notifyBlur(name);
 				},
 				onChange: field.handleChange,
-				ref: _temp,
+				ref: () => void 0,
 				value: field.state.value
 			},
 			fieldState: {
 				error: getFieldError(field.state.meta.errors) ? { message: getFieldError(field.state.meta.errors) } : void 0,
 				isDirty: field.state.meta.isDirty
 			}
-		});
-		$[3] = form;
-		$[4] = name;
-		$[5] = render;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== form.Field || $[8] !== name || $[9] !== t1 || $[10] !== t2) {
-		t3 = /* @__PURE__ */ jsx(T0, {
-			name,
-			validators: t1,
-			children: t2
-		});
-		$[7] = form.Field;
-		$[8] = name;
-		$[9] = t1;
-		$[10] = t2;
-		$[11] = t3;
-	} else t3 = $[11];
-	return t3;
+		})
+	});
 }
-function _temp() {}
 //#endregion
 export { FieldController };

package/dist/components/inputs/shared/form.types.d.ts

@@ -1,13 +1,13 @@
-import { DeepKeys, DeepValue, UIForm } from '../../../hooks/useForm';
-export type ControlKeys<TProps, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = TValueProp | "onChange" | "onBlur";
-export interface FormControl<TFieldValues extends Record<string, unknown>, TType> {
-    form: UIForm<TFieldValues>;
-    name: {
-        [K in DeepKeys<TFieldValues>]: DeepValue<TFieldValues, K> extends TType ? K : never;
-    }[DeepKeys<TFieldValues>];
+import { DeepKeys, DeepValue, UIForm } from "../../../hooks/useForm.js";
+//#region src/components/inputs/shared/form.types.d.ts
+type ControlKeys<TProps, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = TValueProp | "onChange" | "onBlur";
+interface FormControl<TFieldValues extends Record<string, unknown>, TType> {
+  form: UIForm<TFieldValues>;
+  name: { [K in DeepKeys<TFieldValues>]: DeepValue<TFieldValues, K> extends TType ? K : never; }[DeepKeys<TFieldValues>];
 }
-export type FormControlProps<TProps, TFieldValues extends Record<string, unknown>, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = {
-    field: FormControl<TFieldValues, TProps[TValueProp] | null>;
+type FormControlProps<TProps, TFieldValues extends Record<string, unknown>, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = {
+  field: FormControl<TFieldValues, TProps[TValueProp] | null>;
 } & Omit<TProps, ControlKeys<TProps, TValueProp>> & Partial<Record<ControlKeys<TProps, TValueProp>, never>>;
-export type ControlProps<TProps, TFieldValues extends Record<string, unknown>, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = FormControlProps<TProps, TFieldValues, TValueProp> | TProps;
-export declare const getFieldError: (errors: unknown[]) => string | undefined;
+type ControlProps<TProps, TFieldValues extends Record<string, unknown>, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = FormControlProps<TProps, TFieldValues, TValueProp> | TProps;
+//#endregion
+export { ControlKeys, ControlProps, FormControl, FormControlProps };

package/dist/components/inputs/shared/form.types.js

@@ -1,5 +1,5 @@
 //#region src/components/inputs/shared/form.types.ts
-var getFieldError = (errors) => errors.flatMap((error) => {
+const getFieldError = (errors) => errors.flatMap((error) => {
 	if (typeof error === "string") return [error];
 	if (error && typeof error === "object" && "message" in error) return [String(error.message)];
 	return [];

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

@@ -1,90 +1,81 @@
-import { ClassProp } from 'class-variance-authority/types';
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const inputBaseDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly outlined: "";
-            readonly filled: "";
-        };
-        readonly as: {
-            readonly default: "rounded-input-rounding-default";
-            readonly floating: "rounded-input-rounding-default";
-            readonly filter: "rounded-input-rounding-default";
-            readonly 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"];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import { ClassProp } from "class-variance-authority/types";
+//#region src/components/inputs/shared/input.cva.d.ts
+declare const inputBaseDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly outlined: "";
+      readonly filled: "";
+    };
+    readonly as: {
+      readonly default: "rounded-input-rounding-default";
+      readonly floating: "rounded-input-rounding-default";
+      readonly filter: "rounded-input-rounding-default";
+      readonly 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"];
+    };
+  }>;
 };
-export type InputBaseConfig = NonNullable<typeof inputBaseDefinition.config>;
-export interface InputBaseProps extends UIOverrides.VariantProps<InputBaseConfig> {
-}
-export declare const inputSizeDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly "extra-small": "text-label-1";
-            readonly small: "text-label-1";
-            readonly default: "text-label-1";
-            readonly large: "text-label-1";
-        };
-        readonly as: {
-            readonly default: "";
-            readonly 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))]"];
-            readonly filter: "";
-            readonly inline: "";
-        };
-    }>;
+type InputBaseConfig = NonNullable<typeof inputBaseDefinition.config>;
+interface InputBaseProps extends UIOverrides.VariantProps<InputBaseConfig> {}
+declare const inputSizeDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly "extra-small": "text-label-1";
+      readonly small: "text-label-1";
+      readonly default: "text-label-1";
+      readonly large: "text-label-1";
+    };
+    readonly as: {
+      readonly default: "";
+      readonly 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))]"];
+      readonly filter: "";
+      readonly inline: "";
+    };
+  }>;
 };
-export type InputSizeConfig = NonNullable<typeof inputSizeDefinition.config>;
-export interface InputSizeProps extends UIOverrides.VariantProps<InputSizeConfig> {
-}
-export declare const inputContentWrapperDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly as: {
-            readonly default: "";
-            readonly floating: "flex-col";
-            readonly filter: "gap-input-gap-input-text-to-elements";
-            readonly inline: "";
-        };
-    }>;
+type InputSizeConfig = NonNullable<typeof inputSizeDefinition.config>;
+interface InputSizeProps extends UIOverrides.VariantProps<InputSizeConfig> {}
+declare const inputContentWrapperDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly as: {
+      readonly default: "";
+      readonly floating: "flex-col";
+      readonly filter: "gap-input-gap-input-text-to-elements";
+      readonly inline: "";
+    };
+  }>;
 };
-export type InputContentWrapperConfig = NonNullable<typeof inputContentWrapperDefinition.config>;
-export interface InputContentWrapperProps extends UIOverrides.VariantProps<InputContentWrapperConfig> {
-}
-export declare const inputClearClassDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly as: {
-            readonly default: "";
-            readonly floating: "";
-            readonly filter: "";
-            readonly inline: "";
-        };
-    }>;
+declare const inputClearClassDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly as: {
+      readonly default: "";
+      readonly floating: "";
+      readonly filter: "";
+      readonly inline: "";
+    };
+  }>;
 };
-export type InputClearClassConfig = NonNullable<typeof inputClearClassDefinition.config>;
-export interface InputClearClassProps extends UIOverrides.VariantProps<InputClearClassConfig> {
-}
-export declare const inputSideDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly "extra-small": "";
-            readonly small: "";
-            readonly default: "";
-            readonly large: "";
-        };
-        readonly type: {
-            readonly left: "";
-            readonly right: "";
-            readonly var: "";
-        };
-    }>;
+declare const inputSideDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly "extra-small": "";
+      readonly small: "";
+      readonly default: "";
+      readonly large: "";
+    };
+    readonly type: {
+      readonly left: "";
+      readonly right: "";
+      readonly var: "";
+    };
+  }>;
 };
-export type InputSideConfig = NonNullable<typeof inputSideDefinition.config>;
-export interface InputSideProps extends UIOverrides.VariantProps<InputSideConfig> {
-}
-export interface InputVariantProps extends InputBaseProps, InputSizeProps {
-}
-export declare const useInputCva: () => ({ className, ...rest }: InputVariantProps & ClassProp) => string;
+interface InputVariantProps extends InputBaseProps, InputSizeProps {}
+//#endregion
+export { InputBaseConfig, InputBaseProps, InputSizeConfig, InputSizeProps, InputVariantProps, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition };

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

@@ -1,9 +1,8 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { uiOutlineClass } from "../../outline.clsx.js";
 import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
 //#region src/components/inputs/shared/input.cva.ts
-var inputBaseDefinition = UIOverrides.defineConfig({
+const inputBaseDefinition = UIOverrides.defineConfig({
 	base: [uiOutlineClass, "flex w-full not-[textarea]:truncate"],
 	config: {
 		variants: {
@@ -143,7 +142,7 @@ var inputBaseDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var inputSizeDefinition = UIOverrides.defineConfig({
+const inputSizeDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: {
@@ -209,7 +208,7 @@ var inputSizeDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var inputContentWrapperDefinition = UIOverrides.defineConfig({
+const inputContentWrapperDefinition = UIOverrides.defineConfig({
 	base: ["flex min-w-0 w-full"],
 	config: {
 		variants: { as: {
@@ -221,7 +220,7 @@ var inputContentWrapperDefinition = UIOverrides.defineConfig({
 		defaultVariants: { as: "default" }
 	}
 });
-var inputClearClassDefinition = UIOverrides.defineConfig({
+const inputClearClassDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { as: {
@@ -233,7 +232,7 @@ var inputClearClassDefinition = UIOverrides.defineConfig({
 		defaultVariants: { as: "default" }
 	}
 });
-var inputSideDefinition = UIOverrides.defineConfig({
+const inputSideDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: {
@@ -314,21 +313,12 @@ var inputSideDefinition = UIOverrides.defineConfig({
 		defaultVariants: { size: "default" }
 	}
 });
-var useInputCva = () => {
-	const $ = c(3);
+const useInputCva = () => {
 	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	let t0;
-	if ($[0] !== inputBaseCva || $[1] !== inputSizeCva) {
-		t0 = (t1) => {
-			const { className, ...rest } = t1;
-			return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
-		};
-		$[0] = inputBaseCva;
-		$[1] = inputSizeCva;
-		$[2] = t0;
-	} else t0 = $[2];
-	return t0;
+	return ({ className, ...rest }) => {
+		return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
+	};
 };
 //#endregion
 export { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, useInputCva };

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

@@ -1,19 +1,19 @@
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-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"];
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import "../../text/Typography/typography.cva.js";
+//#region src/components/inputs/shared/label.cva.d.ts
+declare const labelDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly as: {
+      default: ["flex items-start gap-1 text-text-default-1 input-disabled:text-text-default-3"];
+      filter: ["text-text-default-1 input-disabled:text-text-default-3"];
+      inline: ["flex items-start gap-1 text-text-default-1"];
+      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: {
-    readonly as?: "filter" | "default" | "inline" | "floating" | null | undefined;
-}) => TypographyVariantProps | undefined;
+type LabelConfig = NonNullable<typeof labelDefinition.config>;
+interface LabelBaseProps extends UIOverrides.VariantProps<LabelConfig> {}
+//#endregion
+export { LabelBaseProps, LabelConfig, labelDefinition };