@noxickon/onyx 6.1.0 → 6.1.2

package/dist/node_modules/@base-ui/react/drawer/virtual-keyboard-provider/DrawerVirtualKeyboardProvider.js

@@ -1,274 +0,0 @@
-"use client";
-import { useStableCallback as e } from "../../../utils/useStableCallback.js";
-import { useAnimationFrame as t } from "../../../utils/useAnimationFrame.js";
-import { getComputedStyle as n, getParentNode as r, getWindow as i, isHTMLElement as a } from "../../../../@floating-ui/utils/dist/floating-ui.utils.dom.js";
-import { addEventListener as o } from "../../../utils/addEventListener.js";
-import { ownerDocument as s } from "../../../utils/owner.js";
-import { activeElement as c, contains as l, getTarget as u } from "../../internals/shadowDom.js";
-import { isInteractiveElement as d } from "../../floating-ui-react/utils/element.js";
-import { useDialogRootContext as f } from "../../dialog/root/DialogRootContext.js";
-import { clamp as p } from "../../internals/clamp.js";
-import { findScrollableTouchTarget as m } from "../../utils/scrollable.js";
-import { getElementAtPoint as h } from "../../utils/getElementAtPoint.js";
-import { DrawerVirtualKeyboardContext as g } from "./DrawerVirtualKeyboardContext.js";
-import { DrawerViewportCssVars as _ } from "../viewport/DrawerViewportCssVars.js";
-import * as v from "react";
-import { jsx as y } from "react/jsx-runtime";
-//#region node_modules/@base-ui/react/drawer/virtual-keyboard-provider/DrawerVirtualKeyboardProvider.mjs
-var b = 60, x = 16, S = 48, C = 10, w = 16, T = /* @__PURE__ */ new Set([
-	"email",
-	"number",
-	"password",
-	"search",
-	"tel",
-	"text",
-	"url"
-]), E = Symbol("KeyboardTapBlocked");
-function D(r) {
-	let { children: a } = r, { store: d } = f(), m = d.useState("open"), h = d.useState("mounted"), b = d.useState("nestedOpenDialogCount"), w = d.useState("viewportElement"), T = b > 0, D = v.useRef(!1), O = v.useRef(null), j = v.useRef(null), z = v.useRef(null), B = t(), V = e(() => {
-		let e = z.current;
-		e && (e.element.style.overflowAnchor = e.overflowAnchor, e.element.style.paddingBottom = e.paddingBottom, e.element.style.scrollPaddingBottom = e.scrollPaddingBottom, z.current = null);
-	}), H = e((e, t) => {
-		let r = Math.max(0, Math.ceil(t)), i = z.current;
-		if (i && !i.element.isConnected && (V(), i = null), r === 0) {
-			V();
-			return;
-		}
-		if (i && i.element !== e && (V(), i = null), !i) {
-			let t = n(e);
-			i = {
-				element: e,
-				overflowAnchor: e.style.overflowAnchor,
-				paddingBottom: e.style.paddingBottom,
-				scrollPaddingBottom: e.style.scrollPaddingBottom,
-				computedPaddingBottom: Number.parseFloat(t.paddingBottom) || 0,
-				computedScrollPaddingBottom: Number.parseFloat(t.scrollPaddingBottom) || 0
-			}, z.current = i;
-		}
-		e.style.overflowAnchor = "none", e.style.paddingBottom = `${i.computedPaddingBottom + r}px`, e.style.scrollPaddingBottom = `${i.computedScrollPaddingBottom + x}px`;
-	}), U = e((e, t) => {
-		let n = i(e).matchMedia?.("(prefers-reduced-motion: reduce)")?.matches ? "auto" : "smooth";
-		e.scrollTo({
-			top: t,
-			behavior: n
-		});
-	}), W = e(() => {
-		D.current = !1, O.current = null;
-	});
-	v.useEffect(() => {
-		if (!h || !m) {
-			j.current = null, V(), B.cancel();
-			return;
-		}
-		if (!w) {
-			V();
-			return;
-		}
-		let e = s(w), t = i(w), n = t.visualViewport, r = (e) => {
-			w.style.setProperty(_.keyboardInset, `${Math.max(0, Math.ceil(e))}px`);
-		}, a = () => {
-			r(0);
-		}, d = () => {
-			j.current = null, a(), V(), B.cancel();
-		}, f = () => {
-			let e = j.current;
-			if (T || !e || !l(w, e)) {
-				a(), V();
-				return;
-			}
-			let n = I(t);
-			if (!n) {
-				a(), V();
-				return;
-			}
-			r(L(t, n));
-			let i = F(e, w);
-			if (!i) {
-				V();
-				return;
-			}
-			if (!i.isConnected || !l(w, i)) {
-				a(), V();
-				return;
-			}
-			let o = i.getBoundingClientRect(), s = Math.min(o.bottom, n.bottom), c = Math.max(0, o.bottom - n.bottom);
-			H(i, c > 0 ? c + S : 0);
-			let u = Math.max(0, i.scrollHeight - i.clientHeight);
-			if (u <= 0) return;
-			let d = Math.max(o.top, n.top) + x, f = s - x;
-			if (f <= d) return;
-			let m = e.getBoundingClientRect(), h = (m.top + m.bottom) / 2, g = (d + f) / 2, _ = i.scrollTop + h - g;
-			U(i, p(_, 0, u));
-		}, g = () => {
-			B.request(f);
-		}, v = (e) => {
-			if (T) return !1;
-			let t = k(e);
-			return !t || !l(w, t) ? !1 : (j.current = t, !0);
-		}, y = (e) => {
-			v(u(e)) && g();
-		}, b = (e) => {
-			if (v(e.relatedTarget)) {
-				g();
-				return;
-			}
-			d();
-		}, C = () => {
-			(j.current || v(c(e))) && g();
-		}, E = [];
-		return n && E.push(o(n, "resize", C), o(n, "scroll", C)), E.push(o(e, "focusin", y, !0), o(e, "focusout", b, !0)), v(c(e)) && g(), () => {
-			E.forEach((e) => e()), d(), w.style.removeProperty(_.keyboardInset);
-		};
-	}, [
-		U,
-		B,
-		h,
-		T,
-		m,
-		V,
-		w,
-		H
-	]);
-	let G = e((e) => {
-		if (!m || !h || T) {
-			W();
-			return;
-		}
-		let t = e.touches[0];
-		t && (D.current = !1, O.current = {
-			x: t.clientX,
-			y: t.clientY
-		});
-	}), K = e((e) => {
-		let t = e.touches[0], n = O.current;
-		!t || !n || D.current || (Math.abs(t.clientX - n.x) > C || Math.abs(t.clientY - n.y) > C) && (D.current = !0);
-	}), q = e((e) => {
-		if (!m || !h || T || !w || !O.current || D.current) {
-			W();
-			return;
-		}
-		let t = e.changedTouches[0] ?? e.touches[0], n = s(e.currentTarget), r = u(e.nativeEvent), a = t ? M(n, t.clientX, t.clientY) : null;
-		if (a === E) {
-			W();
-			return;
-		}
-		let o = t && (a ?? A(r));
-		if (o && (!l(w, o.focusTarget) || !l(w, o.clickTarget))) {
-			W();
-			return;
-		}
-		if (o) {
-			let { clickTarget: n, focusTarget: r } = o, a = i(r);
-			if (a.visualViewport && a.visualViewport.scale !== 1) {
-				W();
-				return;
-			}
-			if (c(s(r)) === r && R(a)) {
-				W();
-				return;
-			}
-			e.preventDefault(), P(r), N(n, t), W();
-			return;
-		}
-		W();
-	}), J = v.useMemo(() => ({
-		onTouchStart: G,
-		onTouchMove: K,
-		onTouchEnd: q,
-		onTouchCancel: W
-	}), [
-		q,
-		K,
-		G,
-		W
-	]);
-	return /*#__PURE__*/ y(g.Provider, {
-		value: J,
-		children: a
-	});
-}
-function O(e) {
-	if (e.isContentEditable) return !0;
-	let t = i(e);
-	return e instanceof t.HTMLTextAreaElement || e instanceof t.HTMLInputElement && T.has(e.type) ? !e.matches(":disabled") : !1;
-}
-function k(e) {
-	if (!a(e)) return null;
-	if (O(e)) return e.isContentEditable ? j(e) : e;
-	let t = e.closest("label")?.control ?? null;
-	return a(t) && O(t) ? t : null;
-}
-function A(e) {
-	let t = k(e);
-	return t ? {
-		focusTarget: t,
-		clickTarget: a(e) ? e : t
-	} : null;
-}
-function j(e) {
-	let t = e;
-	for (; t.parentElement?.isContentEditable;) t = t.parentElement;
-	return t;
-}
-function M(e, t, n) {
-	let r = h(e, t, n), i = k(r);
-	if (i) return {
-		focusTarget: i,
-		clickTarget: a(r) ? r : i
-	};
-	if (d(r) || r?.closest("label") != null) return E;
-	for (let [r, i] of [
-		[0, w],
-		[0, -16],
-		[w, 0],
-		[-16, 0]
-	]) {
-		let a = k(h(e, t + r, n + i));
-		if (a) return {
-			focusTarget: a,
-			clickTarget: a
-		};
-	}
-	return null;
-}
-function N(e, t) {
-	let n = i(e), r = n.PointerEvent ?? n.MouseEvent;
-	e.dispatchEvent(new r("click", {
-		bubbles: !0,
-		cancelable: !0,
-		clientX: t.clientX,
-		clientY: t.clientY,
-		detail: 1,
-		view: n
-	}));
-}
-function P(e) {
-	let t = c(s(e)) === e, n = e.style.opacity, r = e.style.transform, i = e.style.transition;
-	e.style.transition = "none", e.style.opacity = "0", e.style.transform = "translateY(-2000px)";
-	try {
-		t && e.blur(), e.focus({ preventScroll: !0 });
-	} finally {
-		e.style.opacity = n, e.style.transform = r, e.style.transition = i;
-	}
-}
-function F(e, t) {
-	let n = r(e);
-	return m(n, t, "vertical") ?? m(n, t, "vertical", !0);
-}
-function I(e) {
-	let t = e.visualViewport;
-	if (!t || t.scale !== 1 || e.innerHeight - t.height <= b) return null;
-	let n = Math.max(0, t.offsetTop);
-	return {
-		top: n,
-		bottom: Math.min(e.innerHeight, n + t.height)
-	};
-}
-function L(e, t) {
-	return Math.max(0, e.innerHeight - t.bottom);
-}
-function R(e) {
-	return !e.visualViewport || I(e) != null;
-}
-//#endregion
-export { D as DrawerVirtualKeyboardProvider };

package/dist/node_modules/@base-ui/react/field/control/FieldControl.js

@@ -1,75 +0,0 @@
-"use client";
-import { useControlled as e } from "../../../utils/useControlled.js";
-import { useStableCallback as t } from "../../../utils/useStableCallback.js";
-import { useIsoLayoutEffect as n } from "../../../utils/useIsoLayoutEffect.js";
-import { useRenderElement as r } from "../../internals/useRenderElement.js";
-import { none as i } from "../../internals/reason-parts.js";
-import { createChangeEventDetails as a } from "../../internals/createBaseUIEventDetails.js";
-import { ownerDocument as o } from "../../../utils/owner.js";
-import { activeElement as s } from "../../internals/shadowDom.js";
-import { fieldValidityMapping as c } from "../../internals/field-constants/constants.js";
-import { useFieldRootContext as l } from "../../internals/field-root-context/FieldRootContext.js";
-import { useRegisterFieldControl as u } from "../../internals/field-register-control/useRegisterFieldControl.js";
-import { useFormContext as d } from "../../internals/form-context/FormContext.js";
-import { useLabelableContext as f } from "../../internals/labelable-provider/LabelableContext.js";
-import { useLabelableId as p } from "../../internals/labelable-provider/useLabelableId.js";
-import * as m from "react";
-//#region node_modules/@base-ui/react/field/control/FieldControl.mjs
-var h = /*#__PURE__*/ m.forwardRef(function(h, g) {
-	let { render: _, className: v, id: y, name: b, value: x, disabled: S = !1, onValueChange: C, defaultValue: w, autoFocus: T = !1, style: E, ...D } = h, { state: O, name: k, disabled: A, setTouched: j, setDirty: M, validityData: N, setFocused: P, setFilled: F, validationMode: I, validation: L } = l(), { clearErrors: R } = d(), z = A || S, B = k ?? b, V = {
-		...O,
-		disabled: z
-	}, { labelId: H } = f(), U = p({ id: y });
-	n(() => {
-		let e = x != null;
-		L.inputRef.current?.value || e && x !== "" ? F(!0) : e && x === "" && F(!1);
-	}, [
-		L.inputRef,
-		F,
-		x
-	]);
-	let W = m.useRef(null);
-	n(() => {
-		T && W.current === s(o(W.current)) && P(!0);
-	}, [T, P]);
-	let [G] = e({
-		controlled: x,
-		default: w,
-		name: "FieldControl",
-		state: "value"
-	}), K = x !== void 0, q = K ? G : void 0, J = t(() => L.inputRef.current?.value);
-	return u(L.inputRef, U, q, J, !z, b), r("input", h, {
-		ref: [g, W],
-		state: V,
-		props: [
-			{
-				id: U,
-				disabled: z,
-				name: B,
-				ref: L.inputRef,
-				"aria-labelledby": H,
-				autoFocus: T,
-				...K ? { value: q } : { defaultValue: w },
-				onChange(e) {
-					let t = e.currentTarget.value;
-					C?.(t, a(i, e.nativeEvent)), M(t !== N.initialValue), F(t !== ""), e.nativeEvent.defaultPrevented || (R(B), L.change(t));
-				},
-				onFocus() {
-					P(!0);
-				},
-				onBlur(e) {
-					j(!0), P(!1), I === "onBlur" && L.commit(e.currentTarget.value);
-				},
-				onKeyDown(e) {
-					e.currentTarget.tagName === "INPUT" && e.key === "Enter" && (j(!0), L.commit(e.currentTarget.value));
-				}
-			},
-			D,
-			(e) => L.getValidationProps(z, e)
-		],
-		stateAttributesMapping: c
-	});
-});
-process.env.NODE_ENV !== "production" && (h.displayName = "FieldControl");
-//#endregion
-export { h as FieldControl };

package/dist/node_modules/@base-ui/react/field/control/FieldControlDataAttributes.js

@@ -1,6 +0,0 @@
-//#region node_modules/@base-ui/react/field/control/FieldControlDataAttributes.mjs
-var e = /*#__PURE__*/ function(e) {
-	return e.disabled = "data-disabled", e.valid = "data-valid", e.invalid = "data-invalid", e.touched = "data-touched", e.dirty = "data-dirty", e.filled = "data-filled", e.focused = "data-focused", e;
-}({});
-//#endregion
-export { e as FieldControlDataAttributes };

package/dist/node_modules/@base-ui/react/field/description/FieldDescription.js

@@ -1,29 +0,0 @@
-"use client";
-import { useIsoLayoutEffect as e } from "../../../utils/useIsoLayoutEffect.js";
-import { useRenderElement as t } from "../../internals/useRenderElement.js";
-import { useBaseUiId as n } from "../../internals/useBaseUiId.js";
-import { fieldValidityMapping as r } from "../../internals/field-constants/constants.js";
-import { useFieldRootContext as i } from "../../internals/field-root-context/FieldRootContext.js";
-import { useLabelableContext as a } from "../../internals/labelable-provider/LabelableContext.js";
-import { useFieldItemContext as o } from "../item/FieldItemContext.js";
-import * as s from "react";
-//#region node_modules/@base-ui/react/field/description/FieldDescription.mjs
-var c = /*#__PURE__*/ s.forwardRef(function(s, c) {
-	let { render: l, id: u, className: d, style: f, ...p } = s, m = n(u), h = i(!1), g = o(), { setMessageIds: _ } = a(), v = {
-		...h.state,
-		disabled: h.disabled || g.disabled
-	};
-	return e(() => {
-		if (m) return _((e) => e.concat(m)), () => {
-			_((e) => e.filter((e) => e !== m));
-		};
-	}, [m, _]), t("p", s, {
-		ref: c,
-		state: v,
-		props: [{ id: m }, p],
-		stateAttributesMapping: r
-	});
-});
-process.env.NODE_ENV !== "production" && (c.displayName = "FieldDescription");
-//#endregion
-export { c as FieldDescription };

package/dist/node_modules/@base-ui/react/field/error/FieldError.js

@@ -1,60 +0,0 @@
-"use client";
-import { useIsoLayoutEffect as e } from "../../../utils/useIsoLayoutEffect.js";
-import { useRenderElement as t } from "../../internals/useRenderElement.js";
-import { useBaseUiId as n } from "../../internals/useBaseUiId.js";
-import { useTransitionStatus as r } from "../../internals/useTransitionStatus.js";
-import { transitionStatusMapping as i } from "../../internals/stateAttributesMapping.js";
-import { useOpenChangeComplete as a } from "../../internals/useOpenChangeComplete.js";
-import { fieldValidityMapping as o } from "../../internals/field-constants/constants.js";
-import { useFieldRootContext as s } from "../../internals/field-root-context/FieldRootContext.js";
-import { useFormContext as c } from "../../internals/form-context/FormContext.js";
-import { useLabelableContext as l } from "../../internals/labelable-provider/LabelableContext.js";
-import * as u from "react";
-import { jsx as d } from "react/jsx-runtime";
-//#region node_modules/@base-ui/react/field/error/FieldError.mjs
-var f = {
-	...o,
-	...i
-}, p = /*#__PURE__*/ u.forwardRef(function(i, o) {
-	let { render: p, id: m, className: h, match: g, style: _, ...v } = i, y = n(m), { validityData: b, state: x, name: S } = s(!1), { setMessageIds: C } = l(), { errors: w } = c(), T = S && Object.hasOwn(w, S) ? w[S] : null, E = !!(Array.isArray(T) ? T.length : T), D = typeof g == "string", O = !1;
-	O = g === !0 ? !0 : x.disabled ? !1 : D ? !!b.state[g] : E || b.state.valid === !1;
-	let { mounted: k, transitionStatus: A, setMounted: j } = r(O);
-	e(() => {
-		if (!(!O || !y)) return C((e) => e.concat(y)), () => {
-			C((e) => e.filter((e) => e !== y));
-		};
-	}, [
-		O,
-		y,
-		C
-	]);
-	let M = u.useRef(null), [N, P] = u.useState(null), [F, I] = u.useState(null), L = b.error;
-	!D && E ? L = T : b.errors.length > 1 && (L = b.errors);
-	let R = L ?? "";
-	Array.isArray(L) && (R = L.length > 1 ? /*#__PURE__*/ d("ul", { children: L.map((e) => /*#__PURE__*/ d("li", { children: e }, e)) }) : L[0] ?? "");
-	let z = Array.isArray(L) ? JSON.stringify(L) : L;
-	O && z !== F && (I(z), P(R)), a({
-		open: O,
-		ref: M,
-		onComplete() {
-			O || j(!1);
-		}
-	});
-	let B = {
-		...x,
-		transitionStatus: A
-	}, V = t("div", i, {
-		ref: [o, M],
-		state: B,
-		props: [{
-			id: y,
-			children: O ? R : N
-		}, v],
-		stateAttributesMapping: f,
-		enabled: k
-	});
-	return k ? V : null;
-});
-process.env.NODE_ENV !== "production" && (p.displayName = "FieldError");
-//#endregion
-export { p as FieldError };

package/dist/node_modules/@base-ui/react/field/item/FieldItem.js

@@ -1,31 +0,0 @@
-"use client";
-import { useRenderElement as e } from "../../internals/useRenderElement.js";
-import { fieldValidityMapping as t } from "../../internals/field-constants/constants.js";
-import { useFieldRootContext as n } from "../../internals/field-root-context/FieldRootContext.js";
-import { FieldItemContext as r } from "./FieldItemContext.js";
-import { useCheckboxGroupContext as i } from "../../checkbox-group/CheckboxGroupContext.js";
-import { LabelableProvider as a } from "../../internals/labelable-provider/LabelableProvider.js";
-import * as o from "react";
-import { jsx as s } from "react/jsx-runtime";
-//#region node_modules/@base-ui/react/field/item/FieldItem.mjs
-var c = /*#__PURE__*/ o.forwardRef(function(c, l) {
-	let { render: u, className: d, style: f, disabled: p = !1, ...m } = c, { state: h, disabled: g } = n(!1), _ = g || p, v = {
-		...h,
-		disabled: _
-	}, y = i(), b = y?.allValues === void 0 ? void 0 : y?.parent.id, x = o.useMemo(() => ({ disabled: _ }), [_]), S = e("div", c, {
-		ref: l,
-		state: v,
-		props: m,
-		stateAttributesMapping: t
-	});
-	return /*#__PURE__*/ s(a, {
-		controlId: b,
-		children: /*#__PURE__*/ s(r.Provider, {
-			value: x,
-			children: S
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (c.displayName = "FieldItem");
-//#endregion
-export { c as FieldItem };

package/dist/node_modules/@base-ui/react/field/item/FieldItemContext.js

@@ -1,10 +0,0 @@
-"use client";
-import * as e from "react";
-//#region node_modules/@base-ui/react/field/item/FieldItemContext.mjs
-var t = /*#__PURE__*/ e.createContext({ disabled: !1 });
-process.env.NODE_ENV !== "production" && (t.displayName = "FieldItemContext");
-function n() {
-	return e.useContext(t);
-}
-//#endregion
-export { t as FieldItemContext, n as useFieldItemContext };

package/dist/node_modules/@base-ui/react/field/label/FieldLabel.js

@@ -1,33 +0,0 @@
-"use client";
-import { error as e } from "../../../utils/error.js";
-import { SafeReact as t } from "../../../utils/safeReact.js";
-import { useRenderElement as n } from "../../internals/useRenderElement.js";
-import { fieldValidityMapping as r } from "../../internals/field-constants/constants.js";
-import { useFieldRootContext as i } from "../../internals/field-root-context/FieldRootContext.js";
-import { useLabelableContext as a } from "../../internals/labelable-provider/LabelableContext.js";
-import { useLabel as o } from "../../internals/labelable-provider/useLabel.js";
-import { useFieldItemContext as s } from "../item/FieldItemContext.js";
-import * as c from "react";
-//#region node_modules/@base-ui/react/field/label/FieldLabel.mjs
-var l = /*#__PURE__*/ c.forwardRef(function(l, u) {
-	let { render: d, className: f, style: p, id: m, nativeLabel: h = !0, ...g } = l, _ = i(!1), v = s(), { labelId: y } = a(), b = {
-		..._.state,
-		disabled: _.disabled || v.disabled
-	}, x = c.useRef(null), S = o({
-		id: y ?? m,
-		native: h
-	});
-	return process.env.NODE_ENV !== "production" && c.useEffect(() => {
-		if (!x.current) return;
-		let n = x.current.tagName === "LABEL";
-		h ? n || e(`<Field.Label> expected a <label> element because the \`nativeLabel\` prop is true. Rendering a non-<label> disables native label association, so \`htmlFor\` will not work. Use a real <label> in the \`render\` prop, or set \`nativeLabel\` to \`false\`.${t.captureOwnerStack?.() || ""}`) : n && e(`<Field.Label> expected a non-<label> element because the \`nativeLabel\` prop is false. Rendering a <label> assumes native label behavior while Base UI treats it as non-native, which can cause unexpected pointer behavior. Use a non-<label> in the \`render\` prop, or set \`nativeLabel\` to \`true\`.${t.captureOwnerStack?.() || ""}`);
-	}, [h]), n("label", l, {
-		ref: [u, x],
-		state: b,
-		props: [S, g],
-		stateAttributesMapping: r
-	});
-});
-process.env.NODE_ENV !== "production" && (l.displayName = "FieldLabel");
-//#endregion
-export { l as FieldLabel };

package/dist/node_modules/@base-ui/react/field/root/FieldRoot.js

@@ -1,129 +0,0 @@
-"use client";
-import { useStableCallback as e } from "../../../utils/useStableCallback.js";
-import { useIsoLayoutEffect as t } from "../../../utils/useIsoLayoutEffect.js";
-import { useRenderElement as n } from "../../internals/useRenderElement.js";
-import { DEFAULT_VALIDITY_STATE as r, fieldValidityMapping as i } from "../../internals/field-constants/constants.js";
-import { FieldRootContext as ee } from "../../internals/field-root-context/FieldRootContext.js";
-import { useFormContext as a } from "../../internals/form-context/FormContext.js";
-import { useFieldsetRootContext as o } from "../../fieldset/root/FieldsetRootContext.js";
-import { LabelableProvider as s } from "../../internals/labelable-provider/LabelableProvider.js";
-import { useFieldValidation as c } from "./useFieldValidation.js";
-import { useFieldControlRegistration as l } from "../../internals/field-register-control/useFieldControlRegistration.js";
-import * as u from "react";
-import { jsx as d } from "react/jsx-runtime";
-//#region node_modules/@base-ui/react/field/root/FieldRoot.mjs
-var f = /*#__PURE__*/ u.forwardRef(function(s, f) {
-	let { errors: p, validationMode: te, submitAttemptedRef: ne } = a(), { render: re, className: ie, validate: m, validationDebounceTime: h = 0, validationMode: g = te, name: _, disabled: v = !1, invalid: y, dirty: b, touched: x, actionsRef: S, style: ae, ...C } = s, w = o(!0)?.disabled, T = e(m || (() => null)), E = w || v, [oe, se] = u.useState(!1), [ce, D] = u.useState(!1), [O, k] = u.useState(!1), [A, j] = u.useState(!1), M = b ?? ce, N = x ?? oe, P = u.useRef(M), F = u.useRef(void 0), [I, L] = u.useState(), R = _ ?? I;
-	t(() => {
-		b !== void 0 && (P.current = b);
-	}, [b]);
-	let z = u.useCallback(() => F.current, []), B = u.useCallback((e) => {
-		F.current = e;
-	}, []), V = e((e) => {
-		b === void 0 && (e && (P.current = !0), D(e));
-	}), H = e((e) => {
-		x === void 0 && se(e);
-	}), U = e(() => g === "onChange" || g === "onSubmit" && ne.current), W = R && Object.hasOwn(p, R) ? p[R] : null, G = !!(Array.isArray(W) ? W.length : W), K = y === !0 || G, [q, J] = u.useState({
-		state: r,
-		error: "",
-		errors: [],
-		value: null,
-		initialValue: null
-	}), Y = E ? null : !K && q.state.valid, X = u.useMemo(() => ({
-		disabled: E,
-		touched: N,
-		dirty: M,
-		valid: Y,
-		filled: O,
-		focused: A
-	}), [
-		E,
-		N,
-		M,
-		Y,
-		O,
-		A
-	]), Z = c({
-		setValidityData: J,
-		validate: T,
-		validityData: q,
-		validationDebounceTime: h,
-		invalid: K,
-		markedDirtyRef: P,
-		state: X,
-		shouldValidateOnChange: U,
-		getRegisteredFieldId: z
-	}), [Q, $] = l({
-		commit: Z.commit,
-		invalid: K,
-		markedDirtyRef: P,
-		name: _,
-		setRegisteredFieldName: L,
-		setRegisteredFieldId: B,
-		setValidityData: J,
-		validityData: q
-	});
-	u.useImperativeHandle(S, () => ({ validate: Q }), [Q]);
-	let le = u.useMemo(() => ({
-		invalid: K,
-		name: R,
-		validityData: q,
-		setValidityData: J,
-		disabled: E,
-		touched: N,
-		setTouched: H,
-		dirty: M,
-		setDirty: V,
-		filled: O,
-		setFilled: k,
-		focused: A,
-		setFocused: j,
-		validate: T,
-		validationMode: g,
-		validationDebounceTime: h,
-		shouldValidateOnChange: U,
-		state: X,
-		markedDirtyRef: P,
-		registerFieldControl: $,
-		validation: Z
-	}), [
-		K,
-		R,
-		q,
-		E,
-		N,
-		H,
-		M,
-		V,
-		O,
-		k,
-		A,
-		j,
-		T,
-		g,
-		h,
-		U,
-		X,
-		$,
-		Z
-	]), ue = n("div", s, {
-		ref: f,
-		state: X,
-		props: C,
-		stateAttributesMapping: i
-	});
-	return /*#__PURE__*/ d(ee.Provider, {
-		value: le,
-		children: ue
-	});
-});
-process.env.NODE_ENV !== "production" && (f.displayName = "FieldRootInner");
-var p = /*#__PURE__*/ u.forwardRef(function(e, t) {
-	return /*#__PURE__*/ d(s, { children: /*#__PURE__*/ d(f, {
-		...e,
-		ref: t
-	}) });
-});
-process.env.NODE_ENV !== "production" && (p.displayName = "FieldRoot");
-//#endregion
-export { p as FieldRoot };