@povio/ui 2.3.0-rc.22 → 2.3.0-rc.23

package/dist/components/inputs/Skeleton/InputFrame.js

@@ -1,6 +1,5 @@
 import { UIStyle } from "../../../config/uiStyle.context.js";
 import { typography } from "../../text/Typography/typography.cva.js";
-import { Loader } from "../../status/Loader/Loader.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
 import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
@@ -14,14 +13,14 @@ import { clsx } from "clsx";
 import { isValidElement, useId } from "react";
 //#region src/components/inputs/Skeleton/InputFrame.tsx
 var InputFrame = (props) => {
-	const $ = c(182);
+	const $ = c(181);
 	const ui = UIConfig.useConfig();
 	const inputBaseCva = UIStyle.useCva("input.baseCva", inputBase);
 	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
 	const inputContentWrapperCva = UIStyle.useCva("input.contentWrapperCva", inputContentWrapper);
 	const typographyCva = UIStyle.useCva("typography.cva", typography);
 	const generatedInputId = useId();
-	const { ref, children, formFieldRef, labelProps: labelPropsProp, headerProps, error, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isHeaderHidden, hideLabel: hideLabelProp, headerClassName, errorClassName, className, leadingContent, leadingIcon, actionContent, actionContentPlacement: t0, trailingContent, trailingIcon, trailingAction, unit, isLoading, action, isClearable: isClearableProp, showClear, renderStatic, onStaticInteract, clearClassName, onClear, dataAttributes, typographySize, id: idProp, inputClassName, contentClassName, contentWrapperClassName, contentAndTrailingClassName, wrapContentAndTrailing, wrapTrailingContent: t1, labelPlacement: t2, trailingClassName, onMouseEnter, onFocusCapture, variant: variantProp, as: asProp, size: sizeProp } = props;
+	const { ref, children, formFieldRef, labelProps: labelPropsProp, headerProps, error, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isHeaderHidden, hideLabel: hideLabelProp, headerClassName, errorClassName, className, leadingContent, leadingIcon, actionContent, actionContentPlacement: t0, trailingContent, trailingIcon, trailingAction, unit, action, isClearable: isClearableProp, showClear, renderStatic, onStaticInteract, clearClassName, onClear, dataAttributes, typographySize, id: idProp, inputClassName, contentClassName, contentWrapperClassName, contentAndTrailingClassName, wrapContentAndTrailing, wrapTrailingContent: t1, labelPlacement: t2, trailingClassName, onMouseEnter, onFocusCapture, variant: variantProp, as: asProp, size: sizeProp } = props;
 	const actionContentPlacement = t0 === void 0 ? "content-wrapper" : t0;
 	const wrapTrailingContent = t1 === void 0 ? true : t1;
 	const labelPlacement = t2 === void 0 ? "content-wrapper" : t2;
@@ -44,7 +43,7 @@ var InputFrame = (props) => {
 		$[3] = t4;
 	} else t4 = $[3];
 	const isTrailingIconElement = t4;
-	const hasTrailingContent = hasClear || !!trailingContent || !!unit || !!isLoading || !!action || !!trailingIcon || !!trailingAction;
+	const hasTrailingContent = hasClear || !!trailingContent || !!unit || !!action || !!trailingIcon || !!trailingAction;
 	const isTrailingInteractive = !!action || !!trailingAction || !!isTrailingIconElement || hasClear && !!showClear || !!trailingContent;
 	let dataAttributeProps;
 	let formFieldProps;
@@ -301,7 +300,7 @@ var InputFrame = (props) => {
 	} else t15 = $[111];
 	const contentRow = t15;
 	let t16;
-	if ($[112] !== action || $[113] !== clearClassName || $[114] !== hasClear || $[115] !== hasTrailingContent || $[116] !== isDisabled || $[117] !== isLoading || $[118] !== onClear || $[119] !== renderStatic || $[120] !== showClear || $[121] !== trailingAction || $[122] !== trailingContent || $[123] !== trailingIcon || $[124] !== typographyCva || $[125] !== unit) {
+	if ($[112] !== action || $[113] !== clearClassName || $[114] !== hasClear || $[115] !== hasTrailingContent || $[116] !== isDisabled || $[117] !== onClear || $[118] !== renderStatic || $[119] !== showClear || $[120] !== trailingAction || $[121] !== trailingContent || $[122] !== trailingIcon || $[123] !== typographyCva || $[124] !== unit) {
 		t16 = hasTrailingContent ? /* @__PURE__ */ jsxs(Fragment, { children: [
 			hasClear && /* @__PURE__ */ jsx(InputClear, {
 				onClear: () => onClear?.(),
@@ -319,11 +318,7 @@ var InputFrame = (props) => {
 				}),
 				children: unit
 			}),
-			isLoading && /* @__PURE__ */ jsx("div", {
-				className: "inline-flex",
-				children: /* @__PURE__ */ jsx(Loader, {})
-			}),
-			!isLoading && action && /* @__PURE__ */ jsx(InlineIconButton, {
+			action && /* @__PURE__ */ jsx(InlineIconButton, {
 				color: "secondary",
 				icon: action.icon,
 				isDisabled,
@@ -332,7 +327,7 @@ var InputFrame = (props) => {
 				label: action.altText,
 				className: clsx("border-0!", action.className)
 			}),
-			!isLoading && !action && trailingIcon && renderIconVisual(trailingIcon),
+			!action && trailingIcon && renderIconVisual(trailingIcon),
 			trailingAction
 		] }) : null;
 		$[112] = action;
@@ -340,20 +335,19 @@ var InputFrame = (props) => {
 		$[114] = hasClear;
 		$[115] = hasTrailingContent;
 		$[116] = isDisabled;
-		$[117] = isLoading;
-		$[118] = onClear;
-		$[119] = renderStatic;
-		$[120] = showClear;
-		$[121] = trailingAction;
-		$[122] = trailingContent;
-		$[123] = trailingIcon;
-		$[124] = typographyCva;
-		$[125] = unit;
-		$[126] = t16;
-	} else t16 = $[126];
+		$[117] = onClear;
+		$[118] = renderStatic;
+		$[119] = showClear;
+		$[120] = trailingAction;
+		$[121] = trailingContent;
+		$[122] = trailingIcon;
+		$[123] = typographyCva;
+		$[124] = unit;
+		$[125] = t16;
+	} else t16 = $[125];
 	const trailingContentNodes = t16;
 	let t17;
-	if ($[127] !== as || $[128] !== inputSizeCva || $[129] !== isTrailingInteractive || $[130] !== size || $[131] !== trailingClassName || $[132] !== trailingContentNodes || $[133] !== wrapTrailingContent) {
+	if ($[126] !== as || $[127] !== inputSizeCva || $[128] !== isTrailingInteractive || $[129] !== size || $[130] !== trailingClassName || $[131] !== trailingContentNodes || $[132] !== wrapTrailingContent) {
 		t17 = wrapTrailingContent && trailingContentNodes ? /* @__PURE__ */ jsx("div", {
 			className: clsx("flex items-center gap-input-gap-trailing-elements", inputSizeCva({
 				size,
@@ -361,70 +355,70 @@ var InputFrame = (props) => {
 			}), !isTrailingInteractive && "pointer-events-none", trailingClassName),
 			children: trailingContentNodes
 		}) : trailingContentNodes;
-		$[127] = as;
-		$[128] = inputSizeCva;
-		$[129] = isTrailingInteractive;
-		$[130] = size;
-		$[131] = trailingClassName;
-		$[132] = trailingContentNodes;
-		$[133] = wrapTrailingContent;
-		$[134] = t17;
-	} else t17 = $[134];
+		$[126] = as;
+		$[127] = inputSizeCva;
+		$[128] = isTrailingInteractive;
+		$[129] = size;
+		$[130] = trailingClassName;
+		$[131] = trailingContentNodes;
+		$[132] = wrapTrailingContent;
+		$[133] = t17;
+	} else t17 = $[133];
 	const trailingRow = t17;
 	let t18;
-	if ($[135] !== contentAndTrailingClassName || $[136] !== contentRow || $[137] !== trailingRow || $[138] !== wrapContentAndTrailing) {
+	if ($[134] !== contentAndTrailingClassName || $[135] !== contentRow || $[136] !== trailingRow || $[137] !== wrapContentAndTrailing) {
 		t18 = wrapContentAndTrailing ? /* @__PURE__ */ jsxs("div", {
 			className: clsx("flex w-full items-center gap-input-gap-input-text-to-elements", contentAndTrailingClassName),
 			children: [contentRow, trailingRow]
 		}) : /* @__PURE__ */ jsxs(Fragment, { children: [contentRow, trailingRow] });
-		$[135] = contentAndTrailingClassName;
-		$[136] = contentRow;
-		$[137] = trailingRow;
-		$[138] = wrapContentAndTrailing;
-		$[139] = t18;
-	} else t18 = $[139];
+		$[134] = contentAndTrailingClassName;
+		$[135] = contentRow;
+		$[136] = trailingRow;
+		$[137] = wrapContentAndTrailing;
+		$[138] = t18;
+	} else t18 = $[138];
 	const inputFrameContent = t18;
 	const t19 = as === "inline" ? -1 : void 0;
 	const t20 = as === "inline" ? -1 : void 0;
 	let t21;
-	if ($[140] !== onMouseEnter || $[141] !== onStaticInteract || $[142] !== renderStatic) {
+	if ($[139] !== onMouseEnter || $[140] !== onStaticInteract || $[141] !== renderStatic) {
 		t21 = (event) => {
 			onMouseEnter?.(event);
 			if (renderStatic) onStaticInteract?.(false);
 		};
-		$[140] = onMouseEnter;
-		$[141] = onStaticInteract;
-		$[142] = renderStatic;
-		$[143] = t21;
-	} else t21 = $[143];
+		$[139] = onMouseEnter;
+		$[140] = onStaticInteract;
+		$[141] = renderStatic;
+		$[142] = t21;
+	} else t21 = $[142];
 	let t22;
-	if ($[144] !== onFocusCapture || $[145] !== onStaticInteract || $[146] !== renderStatic) {
+	if ($[143] !== onFocusCapture || $[144] !== onStaticInteract || $[145] !== renderStatic) {
 		t22 = (event_0) => {
 			onFocusCapture?.(event_0);
 			if (renderStatic) onStaticInteract?.(true);
 		};
-		$[144] = onFocusCapture;
-		$[145] = onStaticInteract;
-		$[146] = renderStatic;
-		$[147] = t22;
-	} else t22 = $[147];
+		$[143] = onFocusCapture;
+		$[144] = onStaticInteract;
+		$[145] = renderStatic;
+		$[146] = t22;
+	} else t22 = $[146];
 	let t23;
-	if ($[148] !== as || $[149] !== inputBaseCva || $[150] !== inputClassName || $[151] !== variant) {
+	if ($[147] !== as || $[148] !== inputBaseCva || $[149] !== inputClassName || $[150] !== variant) {
 		t23 = clsx("relative flex cursor-text has-disabled:cursor-default", inputBaseCva({
 			variant,
 			as
 		}), inputClassName);
-		$[148] = as;
-		$[149] = inputBaseCva;
-		$[150] = inputClassName;
-		$[151] = variant;
-		$[152] = t23;
-	} else t23 = $[152];
+		$[147] = as;
+		$[148] = inputBaseCva;
+		$[149] = inputClassName;
+		$[150] = variant;
+		$[151] = t23;
+	} else t23 = $[151];
 	const t24 = renderStatic ? isDisabled ? -1 : 0 : void 0;
 	let t25;
 	let t26;
 	let t27;
-	if ($[153] !== onStaticInteract || $[154] !== renderStatic) {
+	if ($[152] !== onStaticInteract || $[153] !== renderStatic) {
 		t25 = () => {
 			if (renderStatic) onStaticInteract?.(true);
 		};
@@ -434,18 +428,18 @@ var InputFrame = (props) => {
 		t27 = () => {
 			if (renderStatic) onStaticInteract?.(true);
 		};
-		$[153] = onStaticInteract;
-		$[154] = renderStatic;
-		$[155] = t25;
-		$[156] = t26;
-		$[157] = t27;
+		$[152] = onStaticInteract;
+		$[153] = renderStatic;
+		$[154] = t25;
+		$[155] = t26;
+		$[156] = t27;
 	} else {
-		t25 = $[155];
-		t26 = $[156];
-		t27 = $[157];
+		t25 = $[154];
+		t26 = $[155];
+		t27 = $[156];
 	}
 	let t28;
-	if ($[158] !== dataAttributeProps || $[159] !== inputFrameContent || $[160] !== ref || $[161] !== t23 || $[162] !== t24 || $[163] !== t25 || $[164] !== t26 || $[165] !== t27) {
+	if ($[157] !== dataAttributeProps || $[158] !== inputFrameContent || $[159] !== ref || $[160] !== t23 || $[161] !== t24 || $[162] !== t25 || $[163] !== t26 || $[164] !== t27) {
 		t28 = /* @__PURE__ */ jsx("div", {
 			ref,
 			...dataAttributeProps,
@@ -457,18 +451,18 @@ var InputFrame = (props) => {
 			"data-rac": "",
 			children: inputFrameContent
 		});
-		$[158] = dataAttributeProps;
-		$[159] = inputFrameContent;
-		$[160] = ref;
-		$[161] = t23;
-		$[162] = t24;
-		$[163] = t25;
-		$[164] = t26;
-		$[165] = t27;
-		$[166] = t28;
-	} else t28 = $[166];
+		$[157] = dataAttributeProps;
+		$[158] = inputFrameContent;
+		$[159] = ref;
+		$[160] = t23;
+		$[161] = t24;
+		$[162] = t25;
+		$[163] = t26;
+		$[164] = t27;
+		$[165] = t28;
+	} else t28 = $[165];
 	let t29;
-	if ($[167] !== as || $[168] !== dataAttributeProps || $[169] !== formFieldProps || $[170] !== formFieldRef || $[171] !== labelProps || $[172] !== t20 || $[173] !== t21 || $[174] !== t22 || $[175] !== t28) {
+	if ($[166] !== as || $[167] !== dataAttributeProps || $[168] !== formFieldProps || $[169] !== formFieldRef || $[170] !== labelProps || $[171] !== t20 || $[172] !== t21 || $[173] !== t22 || $[174] !== t28) {
 		t29 = /* @__PURE__ */ jsx(FormField, {
 			...formFieldProps,
 			...dataAttributeProps,
@@ -480,31 +474,31 @@ var InputFrame = (props) => {
 			onFocusCapture: t22,
 			children: t28
 		});
-		$[167] = as;
-		$[168] = dataAttributeProps;
-		$[169] = formFieldProps;
-		$[170] = formFieldRef;
-		$[171] = labelProps;
-		$[172] = t20;
-		$[173] = t21;
-		$[174] = t22;
-		$[175] = t28;
-		$[176] = t29;
-	} else t29 = $[176];
+		$[166] = as;
+		$[167] = dataAttributeProps;
+		$[168] = formFieldProps;
+		$[169] = formFieldRef;
+		$[170] = labelProps;
+		$[171] = t20;
+		$[172] = t21;
+		$[173] = t22;
+		$[174] = t28;
+		$[175] = t29;
+	} else t29 = $[175];
 	let t30;
-	if ($[177] !== as || $[178] !== error || $[179] !== t19 || $[180] !== t29) {
+	if ($[176] !== as || $[177] !== error || $[178] !== t19 || $[179] !== t29) {
 		t30 = /* @__PURE__ */ jsx(TooltipWrapper, {
 			as,
 			error,
 			triggerTabIndex: t19,
 			children: t29
 		});
-		$[177] = as;
-		$[178] = error;
-		$[179] = t19;
-		$[180] = t29;
-		$[181] = t30;
-	} else t30 = $[181];
+		$[176] = as;
+		$[177] = error;
+		$[178] = t19;
+		$[179] = t29;
+		$[180] = t30;
+	} else t30 = $[180];
 	return t30;
 };
 var renderIconVisual = (icon) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.3.0-rc.22",
+  "version": "2.3.0-rc.23",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",