dawn-ui-react 1.0.0-alpha

package/dist/Input-Br91lfPH.js

@@ -0,0 +1,76 @@
+import { V as e, X as t, Z as n } from "./form-context-CzC_p5DL.js";
+import { P as r, W as i, c as a, i as o, n as s, o as c, p as l, r as u, s as d, t as f } from "./useLabelableId-VWw8rfpn.js";
+import * as p from "react";
+import { jsx as m } from "react/jsx-runtime";
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@date-_b8638dac2a3c723a96c38fd0e25c7d53/node_modules/@base-ui/react/esm/field/control/FieldControl.js
+var h = /* @__PURE__ */ p.forwardRef(function(m, h) {
+	let { render: g, className: _, id: v, name: y, value: b, disabled: x = !1, onValueChange: S, defaultValue: C, autoFocus: w = !1, style: T, ...E } = m, { state: D, name: O, disabled: k, setTouched: A, setDirty: j, validityData: M, setFocused: N, setFilled: P, validationMode: F, validation: I } = o(), L = k || x, R = O ?? y, z = {
+		...D,
+		disabled: L
+	}, { labelId: B } = s(), V = f({ id: v });
+	t(() => {
+		let e = b != null;
+		I.inputRef.current?.value || e && b !== "" ? P(!0) : e && b === "" && P(!1);
+	}, [
+		I.inputRef,
+		P,
+		b
+	]);
+	let H = p.useRef(null);
+	t(() => {
+		w && H.current === a(d(H.current)) && N(!0);
+	}, [w, N]);
+	let [U] = i({
+		controlled: b,
+		default: C,
+		name: "FieldControl",
+		state: "value"
+	}), W = b !== void 0, G = W ? U : void 0, K = n(() => I.inputRef.current?.value);
+	return u(I.inputRef, {
+		id: V,
+		value: G,
+		getValue: K
+	}), e("input", m, {
+		ref: [h, H],
+		state: z,
+		props: [
+			{
+				id: V,
+				disabled: L,
+				name: R,
+				ref: I.inputRef,
+				"aria-labelledby": B,
+				autoFocus: w,
+				...W ? { value: G } : { defaultValue: C },
+				onChange(e) {
+					let t = e.currentTarget.value;
+					S?.(t, l(r, e.nativeEvent)), j(t !== M.initialValue), P(t !== "");
+				},
+				onFocus() {
+					N(!0);
+				},
+				onBlur(e) {
+					A(!0), N(!1), F === "onBlur" && I.commit(e.currentTarget.value);
+				},
+				onKeyDown(e) {
+					e.currentTarget.tagName === "INPUT" && e.key === "Enter" && (A(!0), I.commit(e.currentTarget.value));
+				}
+			},
+			I.getInputValidationProps(),
+			E
+		],
+		stateAttributesMapping: c
+	});
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "FieldControl");
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@date-_b8638dac2a3c723a96c38fd0e25c7d53/node_modules/@base-ui/react/esm/input/Input.js
+var g = /* @__PURE__ */ p.forwardRef(function(e, t) {
+	return /* @__PURE__ */ m(h, {
+		ref: t,
+		...e
+	});
+});
+process.env.NODE_ENV !== "production" && (g.displayName = "Input");
+//#endregion
+export { g as t };