@aivex/ui 1.1.0-dev.5 → 1.1.0-dev.6

package/dist/index.js

@@ -7530,45 +7530,46 @@ function Ya({ className: e, label: t, helperText: n, error: r, disabled: i, size
 }
 //#endregion
 //#region src/components/Textbox/Textbox.tsx
-function Xa({ className: e, label: t, helperText: n, error: r, disabled: s, clearable: c, leadingElement: l, trailingElement: u, size: d = "md", id: p, ref: m, value: h, defaultValue: _, onChange: v, onFocus: y, onBlur: b, ...x }) {
-	let [S, C] = f(!1), [w, T] = f(typeof _ == "string" ? _ : _?.toString() ?? ""), E = h !== void 0, D = E ? String(h ?? "") : w, O = c && D.length > 0;
+function Xa({ className: e, containerClassName: t, label: n, helperText: r, error: s, disabled: c, clearable: l, leadingElement: u, trailingElement: d, size: p = "md", id: m, ref: h, value: _, defaultValue: v, onChange: y, onFocus: b, onBlur: x, ...S }) {
+	let [C, w] = f(!1), [T, E] = f(typeof v == "string" ? v : v?.toString() ?? ""), D = _ !== void 0, O = D ? String(_ ?? "") : T, k = l && O.length > 0;
 	return /* @__PURE__ */ a(Z, {
-		id: p,
-		label: t,
-		helperText: n,
-		error: r,
-		disabled: s,
-		focused: S,
-		size: d,
+		id: m,
+		label: n,
+		helperText: r,
+		error: s,
+		disabled: c,
+		focused: C,
+		size: p,
 		layout: "inline",
-		leadingElement: l,
-		trailingElement: u || O ? /* @__PURE__ */ o(i, { children: [u, O && /* @__PURE__ */ a("button", {
+		leadingElement: u,
+		trailingElement: d || k ? /* @__PURE__ */ o(i, { children: [d, k && /* @__PURE__ */ a("button", {
 			type: "button",
 			onClick: () => {
-				E || T(""), v?.({ target: { value: "" } });
+				D || E(""), y?.({ target: { value: "" } });
 			},
 			tabIndex: -1,
 			className: "aivex:flex aivex:items-center aivex:justify-center aivex:text-text-tertiary aivex:hover:text-text-secondary aivex:transition-colors aivex:cursor-pointer",
 			"aria-label": "입력값 삭제",
-			children: /* @__PURE__ */ a(F, { size: d === "sm" ? 14 : 16 })
+			children: /* @__PURE__ */ a(F, { size: p === "sm" ? 14 : 16 })
 		})] }) : void 0,
+		containerClassName: t,
 		children: /* @__PURE__ */ a("input", {
-			ref: m,
-			id: p,
-			disabled: s,
-			value: c ? D : h,
-			defaultValue: c ? void 0 : _,
-			onChange: c || E ? (e) => {
-				E || T(e.target.value), v?.(e);
-			} : v,
-			className: g("aivex:m-0 aivex:w-full aivex:min-w-0 aivex:appearance-none aivex:border-0 aivex:bg-transparent aivex:p-0 aivex:text-text-primary aivex:placeholder:text-text-tertiary aivex:outline-none", d === "sm" ? "aivex:text-body-md-regular" : "aivex:text-body-lg-regular", e),
+			ref: h,
+			id: m,
+			disabled: c,
+			value: l ? O : _,
+			defaultValue: l ? void 0 : v,
+			onChange: l || D ? (e) => {
+				D || E(e.target.value), y?.(e);
+			} : y,
+			className: g("aivex:m-0 aivex:w-full aivex:min-w-0 aivex:appearance-none aivex:border-0 aivex:bg-transparent aivex:p-0 aivex:text-text-primary aivex:placeholder:text-text-tertiary aivex:outline-none", p === "sm" ? "aivex:text-body-md-regular" : "aivex:text-body-lg-regular", e),
 			onFocus: (e) => {
-				C(!0), y?.(e);
+				w(!0), b?.(e);
 			},
 			onBlur: (e) => {
-				C(!1), b?.(e);
+				w(!1), x?.(e);
 			},
-			...x
+			...S
 		})
 	});
 }