strata-ui-react 0.1.5 → 0.1.6

package/dist/strata-ui-react.es.js

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
-import React, { createContext, createElement, useContext, useEffect, useLayoutEffect, useMemo, useState } from "react";
+import * as React from "react";
+import { createContext, createElement, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import * as ReactDOM from "react-dom";
 var __commonJSMin = (t, n) => () => (n || t((n = { exports: {} }).exports, n), n.exports), __require = /* @__PURE__ */ ((t) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(t, { get: (t, n) => (typeof require < "u" ? require : t)[n] }) : t)(function(t) {
 	if (typeof require < "u") return require.apply(this, arguments);
@@ -26,7 +26,7 @@ function formatErrorMessage(t, ...n) {
 }
 var UNINITIALIZED = {};
 function useRefWithInit(n, i) {
-	let s = React$1.useRef(UNINITIALIZED);
+	let s = React.useRef(UNINITIALIZED);
 	return s.current === UNINITIALIZED && (s.current = n(i)), s;
 }
 function useMergedRefs(t, n, i, s) {
@@ -96,12 +96,12 @@ function update(t, n) {
 		}
 	};
 }
-var majorVersion = parseInt(React$1.version, 10);
+var majorVersion = parseInt(React.version, 10);
 function isReactVersionAtLeast(t) {
 	return majorVersion >= t;
 }
 function getReactElementRef(n) {
-	if (!/* @__PURE__ */ React$1.isValidElement(n)) return null;
+	if (!/* @__PURE__ */ React.isValidElement(n)) return null;
 	let i = n, s = i.props;
 	return (isReactVersionAtLeast(19) ? s?.ref : i.ref) ?? null;
 }
@@ -219,26 +219,26 @@ function evaluateRenderProp(n, i, s, c) {
 	if (i) {
 		if (typeof i == "function") return i(s, c);
 		let n = mergeProps(s, i.props);
-		return n.ref = s.ref, /* @__PURE__ */ React$1.cloneElement(i, n);
+		return n.ref = s.ref, /* @__PURE__ */ React.cloneElement(i, n);
 	}
 	if (n && typeof n == "string") return renderTag(n, s);
 	throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(8) : "Base UI: Render element or function are not defined.");
 }
-function renderTag(n, i) {
+function renderTag(n, s) {
 	return n === "button" ? /* @__PURE__ */ createElement("button", {
 		type: "button",
-		...i,
-		key: i.key
+		...s,
+		key: s.key
 	}) : n === "img" ? /* @__PURE__ */ createElement("img", {
 		alt: "",
-		...i,
-		key: i.key
-	}) : /* @__PURE__ */ React$1.createElement(n, i);
+		...s,
+		key: s.key
+	}) : /* @__PURE__ */ React.createElement(n, s);
 }
-const AvatarRootContext = /* @__PURE__ */ React$1.createContext(void 0);
+const AvatarRootContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (AvatarRootContext.displayName = "AvatarRootContext");
 function useAvatarRootContext() {
-	let n = React$1.useContext(AvatarRootContext);
+	let n = React.useContext(AvatarRootContext);
 	if (n === void 0) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(13) : "Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>.");
 	return n;
 }
@@ -428,8 +428,8 @@ var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((t) =>
 })), import_jsx_runtime = (/* @__PURE__ */ __commonJSMin(((t, n) => {
 	process.env.NODE_ENV === "production" ? n.exports = require_react_jsx_runtime_production() : n.exports = require_react_jsx_runtime_development();
 })))();
-const AvatarRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { className: s, render: c, ...l } = n, [u, d] = React$1.useState("idle"), f = React$1.useMemo(() => ({ imageLoadingStatus: u }), [u]), m = React$1.useMemo(() => ({
+const AvatarRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { className: s, render: c, ...l } = n, [u, d] = React.useState("idle"), f = React.useMemo(() => ({ imageLoadingStatus: u }), [u]), m = React.useMemo(() => ({
 		imageLoadingStatus: u,
 		setImageLoadingStatus: d
 	}), [u, d]), h = useRenderElement("span", n, {
@@ -444,7 +444,7 @@ const AvatarRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	});
 });
 process.env.NODE_ENV !== "production" && (AvatarRoot.displayName = "AvatarRoot");
-var useInsertionEffect = React$1[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)], useSafeInsertionEffect = useInsertionEffect && useInsertionEffect !== React$1.useLayoutEffect ? useInsertionEffect : (t) => t();
+var useInsertionEffect = React[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)], useSafeInsertionEffect = useInsertionEffect && useInsertionEffect !== React.useLayoutEffect ? useInsertionEffect : (t) => t();
 function useStableCallback(t) {
 	let n = useRefWithInit(createStableCallback).current;
 	return n.next = t, useSafeInsertionEffect(n.effect), n.trampoline;
@@ -463,9 +463,9 @@ function createStableCallback() {
 function assertNotCalled() {
 	if (process.env.NODE_ENV !== "production") throw Error("Base UI: Cannot call an event handler while rendering.");
 }
-const useIsoLayoutEffect = typeof document < "u" ? React$1.useLayoutEffect : () => {};
+const useIsoLayoutEffect = typeof document < "u" ? React.useLayoutEffect : () => {};
 function useImageLoadingStatus(n, { referrerPolicy: i, crossOrigin: s }) {
-	let [c, l] = React$1.useState("idle");
+	let [c, l] = React.useState("idle");
 	return useIsoLayoutEffect(() => {
 		if (!n) return l("error"), NOOP;
 		let t = !0, c = new window.Image(), u = (n) => () => {
@@ -480,7 +480,7 @@ function useImageLoadingStatus(n, { referrerPolicy: i, crossOrigin: s }) {
 		i
 	]), c;
 }
-const AvatarImage$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const AvatarImage$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { className: s, render: c, onLoadingStatusChange: l, referrerPolicy: u, crossOrigin: d, ...f } = n, m = useAvatarRootContext(), h = useImageLoadingStatus(n.src, {
 		referrerPolicy: u,
 		crossOrigin: d
@@ -490,7 +490,7 @@ const AvatarImage$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	return useIsoLayoutEffect(() => {
 		h !== "idle" && g(h);
 	}, [h, g]), useRenderElement("img", n, {
-		state: React$1.useMemo(() => ({ imageLoadingStatus: h }), [h]),
+		state: React.useMemo(() => ({ imageLoadingStatus: h }), [h]),
 		ref: i,
 		props: f,
 		stateAttributesMapping: avatarStateAttributesMapping,
@@ -500,7 +500,7 @@ const AvatarImage$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 process.env.NODE_ENV !== "production" && (AvatarImage$1.displayName = "AvatarImage");
 var EMPTY$2 = [];
 function useOnMount(n) {
-	React$1.useEffect(n, EMPTY$2);
+	React.useEffect(n, EMPTY$2);
 }
 var EMPTY$1 = 0, Timeout = class t {
 	static create() {
@@ -524,10 +524,10 @@ function useTimeout() {
 	let t = useRefWithInit(Timeout.create).current;
 	return useOnMount(t.disposeEffect), t;
 }
-const AvatarFallback$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { className: s, render: c, delay: l, ...u } = n, { imageLoadingStatus: d } = useAvatarRootContext(), [f, m] = React$1.useState(l === void 0), h = useTimeout();
-	return React$1.useEffect(() => (l !== void 0 && h.start(l, () => m(!0)), h.clear), [h, l]), useRenderElement("span", n, {
-		state: React$1.useMemo(() => ({ imageLoadingStatus: d }), [d]),
+const AvatarFallback$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { className: s, render: c, delay: l, ...u } = n, { imageLoadingStatus: d } = useAvatarRootContext(), [f, m] = React.useState(l === void 0), h = useTimeout();
+	return React.useEffect(() => (l !== void 0 && h.start(l, () => m(!0)), h.clear), [h, l]), useRenderElement("span", n, {
+		state: React.useMemo(() => ({ imageLoadingStatus: d }), [d]),
 		ref: i,
 		props: u,
 		stateAttributesMapping: avatarStateAttributesMapping,
@@ -2880,9 +2880,9 @@ function Button(t) {
 	}), n[12] = i, n[13] = c, n[14] = f, n[15] = m) : m = n[15], m;
 }
 function useControlled({ controlled: n, default: i, name: s, state: c = "value" }) {
-	let { current: l } = React$1.useRef(n !== void 0), [u, d] = React$1.useState(i), f = l ? n : u;
+	let { current: l } = React.useRef(n !== void 0), [u, d] = React.useState(i), f = l ? n : u;
 	if (process.env.NODE_ENV !== "production") {
-		React$1.useEffect(() => {
+		React.useEffect(() => {
 			l !== (n !== void 0) && console.error([
 				`Base UI: A component is changing the ${l ? "" : "un"}controlled ${c} state of ${s} to be ${l ? "un" : ""}controlled.`,
 				"Elements should not switch from uncontrolled to controlled (or vice versa).",
@@ -2895,12 +2895,12 @@ function useControlled({ controlled: n, default: i, name: s, state: c = "value"
 			s,
 			n
 		]);
-		let { current: u } = React$1.useRef(i);
-		React$1.useEffect(() => {
+		let { current: u } = React.useRef(i);
+		React.useEffect(() => {
 			!l && JSON.stringify(u) !== JSON.stringify(i) && console.error([`Base UI: A component is changing the default ${c} state of an uncontrolled ${s} after being initialized. To suppress this warning opt to use a controlled ${s}.`].join("\n"));
 		}, [JSON.stringify(i)]);
 	}
-	return [f, React$1.useCallback((t) => {
+	return [f, React.useCallback((t) => {
 		l || d(t);
 	}, [])];
 }
@@ -2938,18 +2938,18 @@ const DEFAULT_VALIDITY_STATE = {
 	return t === null ? null : t ? { [FieldControlDataAttributes.valid]: "" } : { [FieldControlDataAttributes.invalid]: "" };
 } };
 function useStateAttributesMapping(n) {
-	return React$1.useMemo(() => ({
+	return React.useMemo(() => ({
 		checked(t) {
 			return n.indeterminate ? {} : t ? { [CheckboxRootDataAttributes.checked]: "" } : { [CheckboxRootDataAttributes.unchecked]: "" };
 		},
 		...fieldValidityMapping
 	}), [n.indeterminate]);
 }
-const SafeReact = { ...React$1 };
+const SafeReact = { ...React };
 var globalId = 0;
 function useGlobalId(n, i = "mui") {
-	let [s, c] = React$1.useState(n), l = n || s;
-	return React$1.useEffect(() => {
+	let [s, c] = React.useState(n), l = n || s;
+	return React.useEffect(() => {
 		s ?? (globalId += 1, c(`${i}-${globalId}`));
 	}, [s, i]), l;
 }
@@ -3096,16 +3096,16 @@ function error(...t) {
 		set.has(n) || (set.add(n), console.error(`Base UI: ${n}`));
 	}
 }
-const CompositeRootContext = /* @__PURE__ */ React$1.createContext(void 0);
+const CompositeRootContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (CompositeRootContext.displayName = "CompositeRootContext");
 function useCompositeRootContext(n = !1) {
-	let i = React$1.useContext(CompositeRootContext);
+	let i = React.useContext(CompositeRootContext);
 	if (i === void 0 && !n) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(16) : "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>.");
 	return i;
 }
 function useFocusableWhenDisabled(n) {
 	let { focusableWhenDisabled: i, disabled: s, composite: c = !1, tabIndex: l = 0, isNativeButton: u } = n, d = c && i !== !1, f = c && i === !1;
-	return { props: React$1.useMemo(() => {
+	return { props: React.useMemo(() => {
 		let t = { onKeyDown(t) {
 			s && i && t.key !== "Tab" && t.preventDefault();
 		} };
@@ -3121,7 +3121,7 @@ function useFocusableWhenDisabled(n) {
 	]) };
 }
 function useButton(n = {}) {
-	let { disabled: i = !1, focusableWhenDisabled: s, tabIndex: c = 0, native: l = !0 } = n, u = React$1.useRef(null), d = useCompositeRootContext(!0) !== void 0, f = useStableCallback(() => {
+	let { disabled: i = !1, focusableWhenDisabled: s, tabIndex: c = 0, native: l = !0 } = n, u = React.useRef(null), d = useCompositeRootContext(!0) !== void 0, f = useStableCallback(() => {
 		let t = u.current;
 		return !!(t?.tagName === "A" && t?.href);
 	}), { props: m } = useFocusableWhenDisabled({
@@ -3131,12 +3131,12 @@ function useButton(n = {}) {
 		tabIndex: c,
 		isNativeButton: l
 	});
-	process.env.NODE_ENV !== "production" && React$1.useEffect(() => {
+	process.env.NODE_ENV !== "production" && React.useEffect(() => {
 		if (!u.current) return;
 		let t = u.current.tagName === "BUTTON";
 		l ? t || error("A component that acts as a button was not rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is a real <button>, or set the `nativeButton` prop on the component to `false`.") : t && error("A component that acts as a button was rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is not a real <button>, or set the `nativeButton` prop on the component to `true`.");
 	}, [l]);
-	let h = React$1.useCallback(() => {
+	let h = React.useCallback(() => {
 		let t = u.current;
 		isButtonElement(t) && d && i && m.disabled === void 0 && t.disabled && (t.disabled = !1);
 	}, [
@@ -3145,7 +3145,7 @@ function useButton(n = {}) {
 		d
 	]);
 	return useIsoLayoutEffect(h, [h]), {
-		getButtonProps: React$1.useCallback((t = {}) => {
+		getButtonProps: React.useCallback((t = {}) => {
 			let { onClick: n, onMouseDown: s, onKeyUp: c, onKeyDown: u, onPointerDown: d, ...h } = t;
 			return mergeProps({
 				type: l ? "button" : void 0,
@@ -3189,7 +3189,7 @@ function useButton(n = {}) {
 function isButtonElement(t) {
 	return isHTMLElement(t) && t.tagName === "BUTTON";
 }
-const FieldRootContext = /* @__PURE__ */ React$1.createContext({
+const FieldRootContext = /* @__PURE__ */ React.createContext({
 	invalid: void 0,
 	name: void 0,
 	validityData: {
@@ -3231,14 +3231,14 @@ const FieldRootContext = /* @__PURE__ */ React$1.createContext({
 });
 process.env.NODE_ENV !== "production" && (FieldRootContext.displayName = "FieldRootContext");
 function useFieldRootContext(n = !0) {
-	let i = React$1.useContext(FieldRootContext);
+	let i = React.useContext(FieldRootContext);
 	if (i.setValidityData === NOOP && !n) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(28) : "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.");
 	return i;
 }
-const FieldItemContext = /* @__PURE__ */ React$1.createContext({ disabled: !1 });
+const FieldItemContext = /* @__PURE__ */ React.createContext({ disabled: !1 });
 process.env.NODE_ENV !== "production" && (FieldItemContext.displayName = "FieldItemContext");
 function useFieldItemContext() {
-	return React$1.useContext(FieldItemContext);
+	return React.useContext(FieldItemContext);
 }
 function getCombinedFieldValidityData(t, n) {
 	return {
@@ -3249,7 +3249,7 @@ function getCombinedFieldValidityData(t, n) {
 		}
 	};
 }
-const FormContext = /* @__PURE__ */ React$1.createContext({
+const FormContext = /* @__PURE__ */ React.createContext({
 	formRef: { current: { fields: /* @__PURE__ */ new Map() } },
 	errors: {},
 	clearErrors: NOOP,
@@ -3258,7 +3258,7 @@ const FormContext = /* @__PURE__ */ React$1.createContext({
 });
 process.env.NODE_ENV !== "production" && (FormContext.displayName = "FormContext");
 function useFormContext() {
-	return React$1.useContext(FormContext);
+	return React.useContext(FormContext);
 }
 function useField(t) {
 	let { enabled: n = !0, value: i, id: s, name: c, controlRef: l, commit: u } = t, { formRef: d } = useFormContext(), { invalid: f, markedDirtyRef: h, validityData: g, setValidityData: _ } = useFieldRootContext(), v = useStableCallback(t.getValue);
@@ -3305,7 +3305,7 @@ function useField(t) {
 		};
 	}, [d, s]);
 }
-const LabelableContext = /* @__PURE__ */ React$1.createContext({
+const LabelableContext = /* @__PURE__ */ React.createContext({
 	controlId: void 0,
 	setControlId: NOOP,
 	labelId: void 0,
@@ -3316,19 +3316,19 @@ const LabelableContext = /* @__PURE__ */ React$1.createContext({
 });
 process.env.NODE_ENV !== "production" && (LabelableContext.displayName = "LabelableContext");
 function useLabelableContext() {
-	return React$1.useContext(LabelableContext);
+	return React.useContext(LabelableContext);
 }
-const CheckboxGroupContext = /* @__PURE__ */ React$1.createContext(void 0);
+const CheckboxGroupContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (CheckboxGroupContext.displayName = "CheckboxGroupContext");
 function useCheckboxGroupContext(n = !0) {
-	let i = React$1.useContext(CheckboxGroupContext);
+	let i = React.useContext(CheckboxGroupContext);
 	if (i === void 0 && !n) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(3) : "Base UI: CheckboxGroupContext is missing. CheckboxGroup parts must be placed within <CheckboxGroup>.");
 	return i;
 }
-const CheckboxRootContext = /* @__PURE__ */ React$1.createContext(void 0);
+const CheckboxRootContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (CheckboxRootContext.displayName = "CheckboxRootContext");
 function useCheckboxRootContext() {
-	let n = React$1.useContext(CheckboxRootContext);
+	let n = React.useContext(CheckboxRootContext);
 	if (n === void 0) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(14) : "Base UI: CheckboxRootContext is missing. Checkbox parts must be placed within <Checkbox.Root>.");
 	return n;
 }
@@ -3355,19 +3355,19 @@ function createChangeEventDetails(t, n, i, s) {
 	};
 }
 function useValueChanged(n, i) {
-	let s = React$1.useRef(n), c = useStableCallback(i);
+	let s = React.useRef(n), c = useStableCallback(i);
 	useIsoLayoutEffect(() => {
 		s.current !== n && c(s.current);
 	}, [n, c]), useIsoLayoutEffect(() => {
 		s.current = n;
 	}, [n]);
 }
-const CheckboxRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const CheckboxRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { checked: s, className: c, defaultChecked: l = !1, disabled: u = !1, id: d, indeterminate: f = !1, inputRef: m, name: h, onCheckedChange: g, parent: _ = !1, readOnly: v = !1, render: y, required: b = !1, uncheckedValue: x, value: S, nativeButton: w = !1, ...T } = n, { clearErrors: E } = useFormContext(), { disabled: D, name: O, setDirty: k, setFilled: A, setFocused: j, setTouched: M, state: N, validationMode: P, validityData: F, shouldValidateOnChange: I, validation: R } = useFieldRootContext(), z = useFieldItemContext(), { labelId: B, controlId: V, setControlId: H, getDescriptionProps: U } = useLabelableContext(), W = useCheckboxGroupContext(), G = W?.parent, K = G && W.allValues, q = D || z.disabled || W?.disabled || u, Y = O ?? h, Z = S ?? Y, Q = useBaseUiId(), fh = useBaseUiId(), $ = V;
 	K ? $ = _ ? fh : `${G.id}-${Z}` : d && ($ = d);
 	let mh = {};
 	K && (_ ? mh = W.parent.getParentProps() : Z && (mh = W.parent.getChildProps(Z)));
-	let hh = useStableCallback(g), { checked: gh = s, indeterminate: _h = f, onCheckedChange: vh, ...yh } = mh, bh = W?.value, Sh = W?.setValue, Ch = W?.defaultValue, wh = React$1.useRef(null), { getButtonProps: Th, buttonRef: Eh } = useButton({
+	let hh = useStableCallback(g), { checked: gh = s, indeterminate: _h = f, onCheckedChange: vh, ...yh } = mh, bh = W?.value, Sh = W?.setValue, Ch = W?.defaultValue, wh = React.useRef(null), { getButtonProps: Th, buttonRef: Eh } = useButton({
 		disabled: q,
 		native: w
 	}), Dh = W?.validation ?? R, [Oh, kh] = useControlled({
@@ -3394,7 +3394,7 @@ const CheckboxRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		name: Y,
 		getValue: () => Oh
 	});
-	let Ah = React$1.useRef(null), jh = useMergedRefs(m, Ah, Dh.inputRef);
+	let Ah = React.useRef(null), jh = useMergedRefs(m, Ah, Dh.inputRef);
 	useIsoLayoutEffect(() => {
 		Ah.current && (Ah.current.indeterminate = _h, Oh && A(!0));
 	}, [
@@ -3424,14 +3424,14 @@ const CheckboxRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 			wh.current?.focus();
 		}
 	}, S === void 0 ? EMPTY_OBJECT : { value: (W ? Oh && S : S) || "" }, U, W ? Dh.getValidationProps : Dh.getInputValidationProps), Nh = K ? !!gh : Oh, Ph = K && _h || f;
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		G && Z && G.disabledStatesRef.current.set(Z, q);
 	}, [
 		G,
 		q,
 		Z
 	]);
-	let Fh = React$1.useMemo(() => ({
+	let Fh = React.useMemo(() => ({
 		...N,
 		checked: Nh,
 		disabled: q,
@@ -3580,7 +3580,7 @@ function useAnimationsFinished(t, n = !1, i = !0) {
 }
 function useOpenChangeComplete(n) {
 	let { enabled: i = !0, open: s, ref: c, onComplete: l } = n, u = useValueAsRef(s), d = useStableCallback(l), f = useAnimationsFinished(c, s);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		i && f(() => {
 			s === u.current && d();
 		});
@@ -3593,7 +3593,7 @@ function useOpenChangeComplete(n) {
 	]);
 }
 function useTransitionStatus(n, i = !1, s = !1) {
-	let [c, l] = React$1.useState(n && i ? "idle" : void 0), [u, d] = React$1.useState(n);
+	let [c, l] = React.useState(n && i ? "idle" : void 0), [u, d] = React.useState(n);
 	return n && !u && (d(!0), l("starting")), !n && u && c !== "ending" && !s && l("ending"), !n && !u && c === "ending" && l(void 0), useIsoLayoutEffect(() => {
 		if (!n && u && c !== "ending" && s) {
 			let t = AnimationFrame.request(() => {
@@ -3631,7 +3631,7 @@ function useTransitionStatus(n, i = !1, s = !1) {
 		u,
 		l,
 		c
-	]), React$1.useMemo(() => ({
+	]), React.useMemo(() => ({
 		mounted: u,
 		setMounted: d,
 		transitionStatus: c
@@ -3643,8 +3643,8 @@ let TransitionStatusDataAttributes = /* @__PURE__ */ function(t) {
 var STARTING_HOOK = { [TransitionStatusDataAttributes.startingStyle]: "" }, ENDING_HOOK = { [TransitionStatusDataAttributes.endingStyle]: "" };
 const transitionStatusMapping = { transitionStatus(t) {
 	return t === "starting" ? STARTING_HOOK : t === "ending" ? ENDING_HOOK : null;
-} }, CheckboxIndicator$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { render: s, className: c, keepMounted: l = !1, ...u } = n, d = useCheckboxRootContext(), f = d.checked || d.indeterminate, { transitionStatus: m, setMounted: h } = useTransitionStatus(f), g = React$1.useRef(null), _ = React$1.useMemo(() => ({
+} }, CheckboxIndicator$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { render: s, className: c, keepMounted: l = !1, ...u } = n, d = useCheckboxRootContext(), f = d.checked || d.indeterminate, { transitionStatus: m, setMounted: h } = useTransitionStatus(f), g = React.useRef(null), _ = React.useMemo(() => ({
 		...d,
 		transitionStatus: m
 	}), [d, m]);
@@ -3655,7 +3655,7 @@ const transitionStatusMapping = { transitionStatus(t) {
 			f || h(!1);
 		}
 	});
-	let v = useStateAttributesMapping(d), y = React$1.useMemo(() => ({
+	let v = useStateAttributesMapping(d), y = React.useMemo(() => ({
 		...v,
 		...transitionStatusMapping,
 		...fieldValidityMapping
@@ -3682,43 +3682,43 @@ const CheckboxIndicator = (t) => {
 	}), n[5] = s, n[6] = c, n[7] = l) : l = n[7], l;
 };
 var a$2 = /* @__PURE__ */ new Map([
-	["bold", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z" }))],
-	["duotone", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", {
+	["bold", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z" }))],
+	["duotone", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", {
 		d: "M208,160H48l80-80Z",
 		opacity: "0.2"
-	}), /* @__PURE__ */ React$1.createElement("path", { d: "M213.66,154.34l-80-80a8,8,0,0,0-11.32,0l-80,80A8,8,0,0,0,48,168H208a8,8,0,0,0,5.66-13.66ZM67.31,152,128,91.31,188.69,152Z" }))],
-	["fill", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M215.39,163.06A8,8,0,0,1,208,168H48a8,8,0,0,1-5.66-13.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,215.39,163.06Z" }))],
-	["light", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M212.24,164.24a6,6,0,0,1-8.48,0L128,88.49,52.24,164.24a6,6,0,0,1-8.48-8.48l80-80a6,6,0,0,1,8.48,0l80,80A6,6,0,0,1,212.24,164.24Z" }))],
-	["regular", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }))],
-	["thin", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M210.83,162.83a4,4,0,0,1-5.66,0L128,85.66,50.83,162.83a4,4,0,0,1-5.66-5.66l80-80a4,4,0,0,1,5.66,0l80,80A4,4,0,0,1,210.83,162.83Z" }))]
+	}), /* @__PURE__ */ React.createElement("path", { d: "M213.66,154.34l-80-80a8,8,0,0,0-11.32,0l-80,80A8,8,0,0,0,48,168H208a8,8,0,0,0,5.66-13.66ZM67.31,152,128,91.31,188.69,152Z" }))],
+	["fill", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M215.39,163.06A8,8,0,0,1,208,168H48a8,8,0,0,1-5.66-13.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,215.39,163.06Z" }))],
+	["light", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M212.24,164.24a6,6,0,0,1-8.48,0L128,88.49,52.24,164.24a6,6,0,0,1-8.48-8.48l80-80a6,6,0,0,1,8.48,0l80,80A6,6,0,0,1,212.24,164.24Z" }))],
+	["regular", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }))],
+	["thin", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M210.83,162.83a4,4,0,0,1-5.66,0L128,85.66,50.83,162.83a4,4,0,0,1-5.66-5.66l80-80a4,4,0,0,1,5.66,0l80,80A4,4,0,0,1,210.83,162.83Z" }))]
 ]), a$1 = /* @__PURE__ */ new Map([
-	["bold", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" }))],
-	["duotone", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", {
+	["bold", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" }))],
+	["duotone", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", {
 		d: "M232,56V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56Z",
 		opacity: "0.2"
-	}), /* @__PURE__ */ React$1.createElement("path", { d: "M205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z" }))],
-	["fill", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z" }))],
-	["light", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z" }))],
-	["regular", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z" }))],
-	["thin", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M226.83,74.83l-128,128a4,4,0,0,1-5.66,0l-56-56a4,4,0,0,1,5.66-5.66L96,194.34,221.17,69.17a4,4,0,1,1,5.66,5.66Z" }))]
+	}), /* @__PURE__ */ React.createElement("path", { d: "M205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z" }))],
+	["fill", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z" }))],
+	["light", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z" }))],
+	["regular", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z" }))],
+	["thin", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M226.83,74.83l-128,128a4,4,0,0,1-5.66,0l-56-56a4,4,0,0,1,5.66-5.66L96,194.34,221.17,69.17a4,4,0,1,1,5.66,5.66Z" }))]
 ]), a = /* @__PURE__ */ new Map([
-	["bold", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))],
-	["duotone", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", {
+	["bold", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))],
+	["duotone", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", {
 		d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
 		opacity: "0.2"
-	}), /* @__PURE__ */ React$1.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))],
-	["fill", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))],
-	["light", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))],
-	["regular", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))],
-	["thin", /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))]
+	}), /* @__PURE__ */ React.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))],
+	["fill", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))],
+	["light", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))],
+	["regular", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))],
+	["thin", /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))]
 ]), o$2 = createContext({
 	color: "currentColor",
 	size: "1em",
 	weight: "regular",
 	mirrored: !1
-}), p = React$1.forwardRef((n, i) => {
-	let { alt: s, color: c, size: l, weight: u, mirrored: d, children: f, weights: m, ...h } = n, { color: g = "currentColor", size: _, weight: v = "regular", mirrored: y = !1, ...b } = React$1.useContext(o$2);
-	return /* @__PURE__ */ React$1.createElement("svg", {
+}), p = React.forwardRef((n, i) => {
+	let { alt: s, color: c, size: l, weight: u, mirrored: d, children: f, weights: m, ...h } = n, { color: g = "currentColor", size: _, weight: v = "regular", mirrored: y = !1, ...b } = React.useContext(o$2);
+	return /* @__PURE__ */ React.createElement("svg", {
 		ref: i,
 		xmlns: "http://www.w3.org/2000/svg",
 		width: l ?? _,
@@ -3728,22 +3728,22 @@ var a$2 = /* @__PURE__ */ new Map([
 		transform: d || y ? "scale(-1, 1)" : void 0,
 		...b,
 		...h
-	}, !!s && /* @__PURE__ */ React$1.createElement("title", null, s), f, m.get(u ?? v));
+	}, !!s && /* @__PURE__ */ React.createElement("title", null, s), f, m.get(u ?? v));
 });
 p.displayName = "IconBase";
-var o = React$1.forwardRef((n, i) => /* @__PURE__ */ React$1.createElement(p, {
+var o = React.forwardRef((n, i) => /* @__PURE__ */ React.createElement(p, {
 	ref: i,
 	...n,
 	weights: a$2
 }));
 o.displayName = "CaretUpIcon";
-var o$1 = React$1.forwardRef((n, i) => /* @__PURE__ */ React$1.createElement(p, {
+var o$1 = React.forwardRef((n, i) => /* @__PURE__ */ React.createElement(p, {
 	ref: i,
 	...n,
 	weights: a$1
 }));
 o$1.displayName = "CheckIcon";
-var e = React$1.forwardRef((n, i) => /* @__PURE__ */ React$1.createElement(p, {
+var e = React.forwardRef((n, i) => /* @__PURE__ */ React.createElement(p, {
 	ref: i,
 	...n,
 	weights: a
@@ -3777,10 +3777,10 @@ const Checkbox = (t) => {
 		className: "flex items-center gap-2",
 		children: [h, g]
 	}), n[20] = h, n[21] = g, n[22] = _) : _ = n[22], _;
-}, DialogRootContext = /* @__PURE__ */ React$1.createContext(void 0);
+}, DialogRootContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (DialogRootContext.displayName = "DialogRootContext");
 function useDialogRootContext(n) {
-	let i = React$1.useContext(DialogRootContext);
+	let i = React.useContext(DialogRootContext);
 	if (n === !1 && i === void 0) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(27) : "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.");
 	return i;
 }
@@ -3806,10 +3806,10 @@ var stateAttributesMapping$5 = {
 	...popupStateMapping,
 	...transitionStatusMapping
 };
-const DialogBackdrop = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const DialogBackdrop = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { render: s, className: c, forceRender: l = !1, ...u } = n, { store: d } = useDialogRootContext(), f = d.useState("open"), m = d.useState("nested"), h = d.useState("mounted"), g = d.useState("transitionStatus");
 	return useRenderElement("div", n, {
-		state: React$1.useMemo(() => ({
+		state: React.useMemo(() => ({
 			open: f,
 			transitionStatus: g
 		}), [f, g]),
@@ -3827,7 +3827,7 @@ const DialogBackdrop = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	});
 });
 process.env.NODE_ENV !== "production" && (DialogBackdrop.displayName = "DialogBackdrop");
-const DialogClose$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const DialogClose$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { render: s, className: c, disabled: l = !1, nativeButton: u = !0, ...d } = n, { store: f } = useDialogRootContext(), m = f.useState("open");
 	function h(t) {
 		m && f.setOpen(!1, createChangeEventDetails("close-press", t.nativeEvent));
@@ -3837,7 +3837,7 @@ const DialogClose$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		native: u
 	});
 	return useRenderElement("button", n, {
-		state: React$1.useMemo(() => ({ disabled: l }), [l]),
+		state: React.useMemo(() => ({ disabled: l }), [l]),
 		ref: [i, _],
 		props: [
 			{ onClick: h },
@@ -3847,7 +3847,7 @@ const DialogClose$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	});
 });
 process.env.NODE_ENV !== "production" && (DialogClose$1.displayName = "DialogClose");
-const DialogDescription$1 = /* @__PURE__ */ React$1.forwardRef(function(t, n) {
+const DialogDescription$1 = /* @__PURE__ */ React.forwardRef(function(t, n) {
 	let { render: i, className: s, id: c, ...l } = t, { store: u } = useDialogRootContext(), d = useBaseUiId(c);
 	return u.useSyncedValueWithCleanup("descriptionElementId", d), useRenderElement("p", t, {
 		ref: n,
@@ -4442,12 +4442,12 @@ function createEventEmitter() {
 		}
 	};
 }
-var FloatingNodeContext = /* @__PURE__ */ React$1.createContext(null);
+var FloatingNodeContext = /* @__PURE__ */ React.createContext(null);
 process.env.NODE_ENV !== "production" && (FloatingNodeContext.displayName = "FloatingNodeContext");
-var FloatingTreeContext = /* @__PURE__ */ React$1.createContext(null);
+var FloatingTreeContext = /* @__PURE__ */ React.createContext(null);
 process.env.NODE_ENV !== "production" && (FloatingTreeContext.displayName = "FloatingTreeContext");
-const useFloatingParentNodeId = () => React$1.useContext(FloatingNodeContext)?.id || null, useFloatingTree = (n) => {
-	let i = React$1.useContext(FloatingTreeContext);
+const useFloatingParentNodeId = () => React.useContext(FloatingNodeContext)?.id || null, useFloatingTree = (n) => {
+	let i = React.useContext(FloatingTreeContext);
 	return n ?? i;
 };
 function createAttribute(t) {
@@ -4463,7 +4463,7 @@ function getDelay(t, n, i) {
 	}
 	return t?.[n];
 }
-var FloatingDelayGroupContext = /* @__PURE__ */ React$1.createContext({
+var FloatingDelayGroupContext = /* @__PURE__ */ React.createContext({
 	hasProvider: !1,
 	timeoutMs: 0,
 	delayRef: { current: 0 },
@@ -4474,9 +4474,9 @@ var FloatingDelayGroupContext = /* @__PURE__ */ React$1.createContext({
 });
 process.env.NODE_ENV !== "production" && (FloatingDelayGroupContext.displayName = "FloatingDelayGroupContext");
 function FloatingDelayGroup(n) {
-	let { children: i, delay: s, timeoutMs: c = 0 } = n, l = React$1.useRef(s), u = React$1.useRef(s), d = React$1.useRef(null), f = React$1.useRef(null), m = useTimeout();
+	let { children: i, delay: s, timeoutMs: c = 0 } = n, l = React.useRef(s), u = React.useRef(s), d = React.useRef(null), f = React.useRef(null), m = useTimeout();
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FloatingDelayGroupContext.Provider, {
-		value: React$1.useMemo(() => ({
+		value: React.useMemo(() => ({
 			hasProvider: !0,
 			delayRef: l,
 			initialDelayRef: u,
@@ -4489,7 +4489,7 @@ function FloatingDelayGroup(n) {
 	});
 }
 function useDelayGroup(n, i = { open: !1 }) {
-	let s = "rootStore" in n ? n.rootStore : n, c = s.useState("floatingId"), { enabled: l = !0, open: u } = i, { currentIdRef: d, delayRef: f, timeoutMs: m, initialDelayRef: h, currentContextRef: g, hasProvider: _, timeout: v } = React$1.useContext(FloatingDelayGroupContext), [y, b] = React$1.useState(!1);
+	let s = "rootStore" in n ? n.rootStore : n, c = s.useState("floatingId"), { enabled: l = !0, open: u } = i, { currentIdRef: d, delayRef: f, timeoutMs: m, initialDelayRef: h, currentContextRef: g, hasProvider: _, timeout: v } = React.useContext(FloatingDelayGroupContext), [y, b] = React.useState(!1);
 	return useIsoLayoutEffect(() => {
 		function t() {
 			b(!1), g.current?.setIsInstantPhase(!1), d.current = null, g.current = null, f.current = h.current;
@@ -4539,7 +4539,7 @@ function useDelayGroup(n, i = { open: !1 }) {
 		v
 	]), useIsoLayoutEffect(() => () => {
 		g.current = null;
-	}, [g]), React$1.useMemo(() => ({
+	}, [g]), React.useMemo(() => ({
 		hasProvider: _,
 		delayRef: f,
 		isInstantPhase: y
@@ -4552,8 +4552,8 @@ function useDelayGroup(n, i = { open: !1 }) {
 function ownerDocument(t) {
 	return t?.ownerDocument || document;
 }
-const FocusGuard = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let [s, c] = React$1.useState();
+const FocusGuard = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let [s, c] = React.useState();
 	useIsoLayoutEffect(() => {
 		isSafari && c("button");
 	}, []);
@@ -4619,12 +4619,12 @@ function markOthers(t, n = !1, i = !1) {
 	let s = getDocument(t[0]).body;
 	return applyAttributeToOthers(t.concat(Array.from(s.querySelectorAll("[aria-live]"))), s, n, i);
 }
-var PortalContext = /* @__PURE__ */ React$1.createContext(null);
+var PortalContext = /* @__PURE__ */ React.createContext(null);
 process.env.NODE_ENV !== "production" && (PortalContext.displayName = "PortalContext");
-const usePortalContext = () => React$1.useContext(PortalContext);
+const usePortalContext = () => React.useContext(PortalContext);
 var attr = createAttribute("portal");
 function useFloatingPortalNode(n = {}) {
-	let { ref: i, container: s, componentProps: c = EMPTY_OBJECT, elementProps: l, elementState: u } = n, d = useId(), f = usePortalContext()?.portalNode, [h, g] = React$1.useState(null), [_, v] = React$1.useState(null), y = React$1.useRef(null);
+	let { ref: i, container: s, componentProps: c = EMPTY_OBJECT, elementProps: l, elementState: u } = n, d = useId(), f = usePortalContext()?.portalNode, [h, g] = React.useState(null), [_, v] = React.useState(null), y = React.useRef(null);
 	useIsoLayoutEffect(() => {
 		if (s === null) {
 			y.current && (y.current = null, v(null), g(null));
@@ -4655,14 +4655,14 @@ function useFloatingPortalNode(n = {}) {
 		portalSubtree: h && b ? /* @__PURE__ */ ReactDOM.createPortal(b, h) : null
 	};
 }
-const FloatingPortal = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const FloatingPortal = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { children: s, container: c, className: l, render: u, renderGuards: d, ...f } = n, { portalNode: h, portalSubtree: g } = useFloatingPortalNode({
 		container: c,
 		ref: i,
 		componentProps: n,
 		elementProps: f
-	}), _ = React$1.useRef(null), v = React$1.useRef(null), y = React$1.useRef(null), b = React$1.useRef(null), [x, S] = React$1.useState(null), C = x?.modal, w = x?.open, T = typeof d == "boolean" ? d : !!x && !x.modal && x.open && !!h;
-	React$1.useEffect(() => {
+	}), _ = React.useRef(null), v = React.useRef(null), y = React.useRef(null), b = React.useRef(null), [x, S] = React.useState(null), C = x?.modal, w = x?.open, T = typeof d == "boolean" ? d : !!x && !x.modal && x.open && !!h;
+	React.useEffect(() => {
 		if (!h || C) return;
 		function t(t) {
 			h && isOutsideEvent(t) && (t.type === "focusin" ? enableFocusInside : disableFocusInside)(h);
@@ -4670,10 +4670,10 @@ const FloatingPortal = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		return h.addEventListener("focusin", t, !0), h.addEventListener("focusout", t, !0), () => {
 			h.removeEventListener("focusin", t, !0), h.removeEventListener("focusout", t, !0);
 		};
-	}, [h, C]), React$1.useEffect(() => {
+	}, [h, C]), React.useEffect(() => {
 		!h || w || enableFocusInside(h);
 	}, [w, h]);
-	let E = React$1.useMemo(() => ({
+	let E = React.useMemo(() => ({
 		beforeOutsideRef: _,
 		afterOutsideRef: v,
 		beforeInsideRef: y,
@@ -4681,7 +4681,7 @@ const FloatingPortal = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		portalNode: h,
 		setFocusManagerState: S
 	}), [h]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(React$1.Fragment, { children: [g, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PortalContext.Provider, {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(React.Fragment, { children: [g, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PortalContext.Provider, {
 		value: E,
 		children: [
 			T && h && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusGuard, {
@@ -4738,11 +4738,11 @@ function handleTabIndex(t, n) {
 	n.current.includes("floating") || s.length === 0 ? c !== "0" && t.setAttribute("tabindex", "0") : (c !== "-1" || t.hasAttribute("data-tabindex") && t.getAttribute("data-tabindex") !== "-1") && (t.setAttribute("tabindex", "-1"), t.setAttribute("data-tabindex", "-1"));
 }
 function FloatingFocusManager(n) {
-	let { context: i, children: s, disabled: c = !1, order: l = ["content"], initialFocus: u = !0, returnFocus: d = !0, restoreFocus: f = !1, modal: m = !0, closeOnFocusOut: h = !0, openInteractionType: g = "", getInsideElements: _ = () => [], nextFocusableElement: v, previousFocusableElement: y, beforeContentFocusGuardRef: b, externalTree: x } = n, S = "rootStore" in i ? i.rootStore : i, w = S.useState("open"), T = S.useState("domReferenceElement"), E = S.useState("floatingElement"), { events: D, dataRef: O } = S.context, k = useStableCallback(() => O.current.floatingContext?.nodeId), A = useStableCallback(_), j = u === !1, M = isTypeableCombobox(T) && j, N = useValueAsRef(l), P = useValueAsRef(u), F = useValueAsRef(d), I = useValueAsRef(g), L = useFloatingTree(x), R = usePortalContext(), z = React$1.useRef(null), B = React$1.useRef(null), V = React$1.useRef(!1), H = React$1.useRef(!1), U = React$1.useRef(!1), W = React$1.useRef(-1), G = React$1.useRef(""), K = React$1.useRef(""), q = useTimeout(), J = useTimeout(), Y = useAnimationFrame(), X = R != null, Z = getFloatingFocusElement(E), Q = useStableCallback((t = Z) => t ? tabbable(t, getTabbableOptions()) : []), fh = useStableCallback((t) => {
+	let { context: i, children: s, disabled: c = !1, order: l = ["content"], initialFocus: u = !0, returnFocus: d = !0, restoreFocus: f = !1, modal: m = !0, closeOnFocusOut: h = !0, openInteractionType: g = "", getInsideElements: _ = () => [], nextFocusableElement: v, previousFocusableElement: y, beforeContentFocusGuardRef: b, externalTree: x } = n, S = "rootStore" in i ? i.rootStore : i, w = S.useState("open"), T = S.useState("domReferenceElement"), E = S.useState("floatingElement"), { events: D, dataRef: O } = S.context, k = useStableCallback(() => O.current.floatingContext?.nodeId), A = useStableCallback(_), j = u === !1, M = isTypeableCombobox(T) && j, N = useValueAsRef(l), P = useValueAsRef(u), F = useValueAsRef(d), I = useValueAsRef(g), L = useFloatingTree(x), R = usePortalContext(), z = React.useRef(null), B = React.useRef(null), V = React.useRef(!1), H = React.useRef(!1), U = React.useRef(!1), W = React.useRef(-1), G = React.useRef(""), K = React.useRef(""), q = useTimeout(), J = useTimeout(), Y = useAnimationFrame(), X = R != null, Z = getFloatingFocusElement(E), Q = useStableCallback((t = Z) => t ? tabbable(t, getTabbableOptions()) : []), fh = useStableCallback((t) => {
 		let n = Q(t);
 		return N.current.map(() => n).filter(Boolean).flat();
 	});
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (c || !m) return;
 		function t(t) {
 			t.key === "Tab" && contains(Z, activeElement(getDocument(Z))) && Q().length === 0 && !M && stopEvent(t);
@@ -4760,7 +4760,7 @@ function FloatingFocusManager(n) {
 		M,
 		Q,
 		fh
-	]), React$1.useEffect(() => {
+	]), React.useEffect(() => {
 		if (c || !E) return;
 		function t(t) {
 			let n = getTarget(t), i = Q().indexOf(n);
@@ -4773,7 +4773,7 @@ function FloatingFocusManager(n) {
 		c,
 		E,
 		Q
-	]), React$1.useEffect(() => {
+	]), React.useEffect(() => {
 		if (c || !w) return;
 		let t = getDocument(Z);
 		function n() {
@@ -4796,7 +4796,7 @@ function FloatingFocusManager(n) {
 		Z,
 		w,
 		R
-	]), React$1.useEffect(() => {
+	]), React.useEffect(() => {
 		if (c || !h) return;
 		function t() {
 			H.current = !0, J.start(0, () => {
@@ -4861,8 +4861,8 @@ function FloatingFocusManager(n) {
 		J,
 		Y
 	]);
-	let ph = React$1.useRef(null), $ = React$1.useRef(null), mh = useMergedRefs(ph, b, R?.beforeInsideRef), hh = useMergedRefs($, R?.afterInsideRef);
-	React$1.useEffect(() => {
+	let ph = React.useRef(null), $ = React.useRef(null), mh = useMergedRefs(ph, b, R?.beforeInsideRef), hh = useMergedRefs($, R?.afterInsideRef);
+	React.useEffect(() => {
 		if (c || !E || !w) return;
 		let t = Array.from(R?.portalNode?.querySelectorAll(`[${createAttribute("portal")}]`) || []), n = markOthers([
 			E,
@@ -4959,11 +4959,11 @@ function FloatingFocusManager(n) {
 		X,
 		T,
 		k
-	]), React$1.useEffect(() => {
+	]), React.useEffect(() => {
 		queueMicrotask(() => {
 			V.current = !1;
 		});
-	}, [c]), React$1.useEffect(() => {
+	}, [c]), React.useEffect(() => {
 		if (c || !w) return;
 		function t(t) {
 			getTarget(t)?.closest("[data-base-ui-click-trigger]") && (H.current = !0);
@@ -5004,7 +5004,7 @@ function FloatingFocusManager(n) {
 		N
 	]);
 	let gh = !c && (m ? !M : !0) && (X || m);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(React$1.Fragment, { children: [
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(React.Fragment, { children: [
 		gh && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusGuard, {
 			"data-type": "inside",
 			ref: mh,
@@ -5026,7 +5026,7 @@ function FloatingFocusManager(n) {
 	] });
 }
 function useClick(n, i = {}) {
-	let s = "rootStore" in n ? n.rootStore : n, c = s.context.dataRef, { enabled: l = !0, event: u = "click", toggle: d = !0, ignoreMouse: f = !1, stickIfOpen: m = !0, touchOpenDelay: h = 0 } = i, g = React$1.useRef(void 0), _ = useAnimationFrame(), v = useTimeout(), y = React$1.useMemo(() => ({
+	let s = "rootStore" in n ? n.rootStore : n, c = s.context.dataRef, { enabled: l = !0, event: u = "click", toggle: d = !0, ignoreMouse: f = !1, stickIfOpen: m = !0, touchOpenDelay: h = 0 } = i, g = React.useRef(void 0), _ = useAnimationFrame(), v = useTimeout(), y = React.useMemo(() => ({
 		onPointerDown(t) {
 			g.current = t.pointerType;
 		},
@@ -5076,7 +5076,7 @@ function useClick(n, i = {}) {
 		v,
 		h
 	]);
-	return React$1.useMemo(() => l ? { reference: y } : EMPTY_OBJECT, [l, y]);
+	return React.useMemo(() => l ? { reference: y } : EMPTY_OBJECT, [l, y]);
 }
 function createVirtualElement(t, n) {
 	let i = null, s = null, c = !1;
@@ -5106,7 +5106,7 @@ function isMouseBasedEvent(t) {
 	return t != null && t.clientX != null;
 }
 function useClientPoint(n, i = {}) {
-	let s = "rootStore" in n ? n.rootStore : n, c = s.useState("open"), l = s.useState("floatingElement"), u = s.useState("domReferenceElement"), d = s.context.dataRef, { enabled: f = !0, axis: m = "both", x: h = null, y: g = null } = i, _ = React$1.useRef(!1), v = React$1.useRef(null), [y, b] = React$1.useState(), [x, S] = React$1.useState([]), C = useStableCallback((t, n) => {
+	let s = "rootStore" in n ? n.rootStore : n, c = s.useState("open"), l = s.useState("floatingElement"), u = s.useState("domReferenceElement"), d = s.context.dataRef, { enabled: f = !0, axis: m = "both", x: h = null, y: g = null } = i, _ = React.useRef(!1), v = React.useRef(null), [y, b] = React.useState(), [x, S] = React.useState([]), C = useStableCallback((t, n) => {
 		_.current || d.current.openEvent && !isMouseBasedEvent(d.current.openEvent) || s.set("positionReference", createVirtualElement(u, {
 			x: t,
 			y: n,
@@ -5116,7 +5116,7 @@ function useClientPoint(n, i = {}) {
 		}));
 	}), w = useStableCallback((t) => {
 		h != null || g != null || (c ? v.current || S([]) : C(t.clientX, t.clientY));
-	}), T = isMouseLikePointerType(y) ? l : c, E = React$1.useCallback(() => {
+	}), T = isMouseLikePointerType(y) ? l : c, E = React.useCallback(() => {
 		if (!T || !f || h != null || g != null) return;
 		let t = getWindow(l);
 		function n(i) {
@@ -5141,9 +5141,9 @@ function useClientPoint(n, i = {}) {
 		s,
 		C
 	]);
-	React$1.useEffect(() => E(), [E, x]), React$1.useEffect(() => {
+	React.useEffect(() => E(), [E, x]), React.useEffect(() => {
 		f && !l && (_.current = !1);
-	}, [f, l]), React$1.useEffect(() => {
+	}, [f, l]), React.useEffect(() => {
 		!f && c && (_.current = !0);
 	}, [f, c]), useIsoLayoutEffect(() => {
 		f && (h != null || g != null) && (_.current = !1, C(h, g));
@@ -5153,7 +5153,7 @@ function useClientPoint(n, i = {}) {
 		g,
 		C
 	]);
-	let D = React$1.useMemo(() => {
+	let D = React.useMemo(() => {
 		function t(t) {
 			b(t.pointerType);
 		}
@@ -5164,7 +5164,7 @@ function useClientPoint(n, i = {}) {
 			onMouseEnter: w
 		};
 	}, [w]);
-	return React$1.useMemo(() => f ? { reference: D } : {}, [f, D]);
+	return React.useMemo(() => f ? { reference: D } : {}, [f, D]);
 }
 function computeCoordsFromPlacement(t, n, i) {
 	let { reference: s, floating: c } = t, l = getSideAxis(n), u = getAlignmentAxis(n), d = getAxisLength(u), f = getSide(n), m = l === "y", h = s.x + s.width / 2 - c.width / 2, g = s.y + s.height / 2 - c.height / 2, _ = s[d] / 2 - c[d] / 2, v;
@@ -5849,27 +5849,27 @@ function roundByDPR(t, n) {
 	return Math.round(n * i) / i;
 }
 function useLatestRef(n) {
-	let i = React$1.useRef(n);
+	let i = React.useRef(n);
 	return index(() => {
 		i.current = n;
 	}), i;
 }
 function useFloating$1(n) {
 	n === void 0 && (n = {});
-	let { placement: i = "bottom", strategy: s = "absolute", middleware: c = [], platform: l, elements: { reference: u, floating: d } = {}, transform: f = !0, whileElementsMounted: h, open: g } = n, [_, v] = React$1.useState({
+	let { placement: i = "bottom", strategy: s = "absolute", middleware: c = [], platform: l, elements: { reference: u, floating: d } = {}, transform: f = !0, whileElementsMounted: h, open: g } = n, [_, v] = React.useState({
 		x: 0,
 		y: 0,
 		strategy: s,
 		placement: i,
 		middlewareData: {},
 		isPositioned: !1
-	}), [y, b] = React$1.useState(c);
+	}), [y, b] = React.useState(c);
 	deepEqual(y, c) || b(c);
-	let [x, S] = React$1.useState(null), [C, w] = React$1.useState(null), T = React$1.useCallback((t) => {
+	let [x, S] = React.useState(null), [C, w] = React.useState(null), T = React.useCallback((t) => {
 		t !== k.current && (k.current = t, S(t));
-	}, []), E = React$1.useCallback((t) => {
+	}, []), E = React.useCallback((t) => {
 		t !== A.current && (A.current = t, w(t));
-	}, []), D = u || x, O = d || C, k = React$1.useRef(null), A = React$1.useRef(null), j = React$1.useRef(_), M = h != null, N = useLatestRef(h), P = useLatestRef(l), F = useLatestRef(g), I = React$1.useCallback(() => {
+	}, []), D = u || x, O = d || C, k = React.useRef(null), A = React.useRef(null), j = React.useRef(_), M = h != null, N = useLatestRef(h), P = useLatestRef(l), F = useLatestRef(g), I = React.useCallback(() => {
 		if (!k.current || !A.current) return;
 		let t = {
 			placement: i,
@@ -5898,7 +5898,7 @@ function useFloating$1(n) {
 			isPositioned: !1
 		})));
 	}, [g]);
-	let L = React$1.useRef(!1);
+	let L = React.useRef(!1);
 	index(() => (L.current = !0, () => {
 		L.current = !1;
 	}), []), index(() => {
@@ -5913,15 +5913,15 @@ function useFloating$1(n) {
 		N,
 		M
 	]);
-	let R = React$1.useMemo(() => ({
+	let R = React.useMemo(() => ({
 		reference: k,
 		floating: A,
 		setReference: T,
 		setFloating: E
-	}), [T, E]), z = React$1.useMemo(() => ({
+	}), [T, E]), z = React.useMemo(() => ({
 		reference: D,
 		floating: O
-	}), [D, O]), B = React$1.useMemo(() => {
+	}), [D, O]), B = React.useMemo(() => {
 		let t = {
 			position: s,
 			left: 0,
@@ -5945,7 +5945,7 @@ function useFloating$1(n) {
 		_.x,
 		_.y
 	]);
-	return React$1.useMemo(() => ({
+	return React.useMemo(() => ({
 		..._,
 		update: I,
 		refs: R,
@@ -5988,9 +5988,9 @@ function normalizeProp(t) {
 	};
 }
 function useDismiss(n, i = {}) {
-	let s = "rootStore" in n ? n.rootStore : n, c = s.useState("open"), l = s.useState("floatingElement"), u = s.useState("referenceElement"), d = s.useState("domReferenceElement"), { onOpenChange: f, dataRef: m } = s.context, { enabled: h = !0, escapeKey: g = !0, outsidePress: _ = !0, outsidePressEvent: v = "sloppy", referencePress: y = !1, referencePressEvent: b = "sloppy", ancestorScroll: x = !1, bubbles: S, externalTree: C } = i, w = useFloatingTree(C), T = useStableCallback(typeof _ == "function" ? _ : () => !1), E = typeof _ == "function" ? T : _, D = React$1.useRef(!1), { escapeKey: O, outsidePress: k } = normalizeProp(S), A = React$1.useRef(null), j = useTimeout(), M = useTimeout(), N = useStableCallback(() => {
+	let s = "rootStore" in n ? n.rootStore : n, c = s.useState("open"), l = s.useState("floatingElement"), u = s.useState("referenceElement"), d = s.useState("domReferenceElement"), { onOpenChange: f, dataRef: m } = s.context, { enabled: h = !0, escapeKey: g = !0, outsidePress: _ = !0, outsidePressEvent: v = "sloppy", referencePress: y = !1, referencePressEvent: b = "sloppy", ancestorScroll: x = !1, bubbles: S, externalTree: C } = i, w = useFloatingTree(C), T = useStableCallback(typeof _ == "function" ? _ : () => !1), E = typeof _ == "function" ? T : _, D = React.useRef(!1), { escapeKey: O, outsidePress: k } = normalizeProp(S), A = React.useRef(null), j = useTimeout(), M = useTimeout(), N = useStableCallback(() => {
 		M.clear(), m.current.insideReactTree = !1;
-	}), P = React$1.useRef(!1), F = React$1.useRef(""), I = useStableCallback((t) => {
+	}), P = React.useRef(!1), F = React.useRef(""), I = useStableCallback((t) => {
 		F.current = t.pointerType;
 	}), L = useStableCallback(() => {
 		let t = F.current, n = t === "pen" || !t ? "mouse" : t, i = typeof v == "function" ? v() : v;
@@ -6093,7 +6093,7 @@ function useDismiss(n, i = {}) {
 		}
 		n?.addEventListener(t.type, i);
 	});
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (!c || !h) return;
 		m.current.__escapeKeyBubbles = O, m.current.__outsidePressBubbles = k;
 		let t = new Timeout();
@@ -6140,8 +6140,8 @@ function useDismiss(n, i = {}) {
 		Y,
 		I,
 		s
-	]), React$1.useEffect(N, [E, N]);
-	let X = React$1.useMemo(() => ({
+	]), React.useEffect(N, [E, N]);
+	let X = React.useMemo(() => ({
 		onKeyDown: R,
 		...y && {
 			[bubbleHandlerKeys[b]]: (t) => {
@@ -6159,7 +6159,7 @@ function useDismiss(n, i = {}) {
 	]), Z = useStableCallback((t) => {
 		let n = getTarget(t.nativeEvent);
 		!contains(s.select("floatingElement"), n) || t.button !== 0 || (D.current = !0);
-	}), Q = React$1.useMemo(() => ({
+	}), Q = React.useMemo(() => ({
 		onKeyDown: R,
 		onPointerDown: Z,
 		onMouseDown: Z,
@@ -6175,7 +6175,7 @@ function useDismiss(n, i = {}) {
 		Z,
 		B
 	]);
-	return React$1.useMemo(() => h ? {
+	return React.useMemo(() => h ? {
 		reference: X,
 		floating: Q,
 		trigger: X
@@ -6653,7 +6653,7 @@ function useStore$1(t, n, i, s, c) {
 	return useStoreImplementation(t, n, i, s, c);
 }
 function useStoreR19(n, i, s, c, l) {
-	let u = React$1.useCallback(() => i(n.getSnapshot(), s, c, l), [
+	let u = React.useCallback(() => i(n.getSnapshot(), s, c, l), [
 		n,
 		i,
 		s,
@@ -6707,7 +6707,7 @@ var Store$1 = class t {
 	}
 	controlledValues = /* @__PURE__ */ new Map();
 	useSyncedValue(n, i) {
-		React$1.useDebugValue(n), useIsoLayoutEffect(() => {
+		React.useDebugValue(n), useIsoLayoutEffect(() => {
 			this.state[n] !== i && this.set(n, i);
 		}, [n, i]);
 	}
@@ -6718,8 +6718,8 @@ var Store$1 = class t {
 	}
 	useSyncedValues(n) {
 		if (process.env.NODE_ENV !== "production") {
-			React$1.useDebugValue(n, (t) => Object.keys(t));
-			let i = React$1.useRef(Object.keys(n)).current, s = Object.keys(n);
+			React.useDebugValue(n, (t) => Object.keys(t));
+			let i = React.useRef(Object.keys(n)).current, s = Object.keys(n);
 			(i.length !== s.length || i.some((t, n) => t !== s[n])) && console.error("ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.");
 		}
 		useIsoLayoutEffect(() => {
@@ -6727,7 +6727,7 @@ var Store$1 = class t {
 		}, Object.values(n));
 	}
 	useControlledProp(n, i, s) {
-		React$1.useDebugValue(n);
+		React.useDebugValue(n);
 		let c = i !== void 0;
 		if (process.env.NODE_ENV !== "production") {
 			let t = this.controlledValues.get(n);
@@ -6775,17 +6775,17 @@ var Store$1 = class t {
 		return c(this.state, n, i, s);
 	};
 	useState = (n, i, s, c) => {
-		React$1.useDebugValue(n);
+		React.useDebugValue(n);
 		let l = this.selectors[n];
 		return useStore$1(this, l, i, s, c);
 	};
 	useContextCallback(n, i) {
-		React$1.useDebugValue(n);
+		React.useDebugValue(n);
 		let s = useStableCallback(i ?? NOOP);
 		this.context[n] = s;
 	}
 	useStateSetter(n) {
-		let i = React$1.useRef(void 0);
+		let i = React.useRef(void 0);
 		return i.current === void 0 && (i.current = (t) => {
 			this.set(n, t);
 		}), i.current;
@@ -6804,8 +6804,8 @@ var Store$1 = class t {
 	}
 };
 function useForcedRerendering() {
-	let [, n] = React$1.useState({});
-	return React$1.useCallback(() => {
+	let [, n] = React.useState({});
+	return React.useCallback(() => {
 		n({});
 	}, []);
 }
@@ -6846,8 +6846,8 @@ var selectors$2 = {
 	};
 };
 function useTriggerRegistration(n, i) {
-	let s = React$1.useRef(null);
-	return React$1.useCallback((t) => {
+	let s = React.useRef(null);
+	return React.useCallback((t) => {
 		n !== void 0 && (s.current !== null && (i.context.triggerElements.delete(s.current), s.current = null), t !== null && (s.current = n, i.context.triggerElements.add(n, t)));
 	}, [i, n]);
 }
@@ -7024,7 +7024,7 @@ function useFloating(n = {}) {
 		reference: l.useState("referenceElement"),
 		floating: l.useState("floatingElement"),
 		domReference: l.useState("domReferenceElement")
-	}, [d, f] = React$1.useState(null), m = React$1.useRef(null), h = useFloatingTree(s);
+	}, [d, f] = React.useState(null), m = React.useRef(null), h = useFloatingTree(s);
 	useIsoLayoutEffect(() => {
 		u.domReference && (m.current = u.domReference);
 	}, [u.domReference]);
@@ -7034,20 +7034,20 @@ function useFloating(n = {}) {
 			...u,
 			...d && { reference: d }
 		}
-	}), _ = React$1.useCallback((t) => {
+	}), _ = React.useCallback((t) => {
 		let n = isElement(t) ? {
 			getBoundingClientRect: () => t.getBoundingClientRect(),
 			getClientRects: () => t.getClientRects(),
 			contextElement: t
 		} : t;
 		f(n), g.refs.setReference(n);
-	}, [g.refs]), [v, y] = React$1.useState(null), [b, x] = React$1.useState(null);
+	}, [g.refs]), [v, y] = React.useState(null), [b, x] = React.useState(null);
 	l.useSyncedValue("referenceElement", v), l.useSyncedValue("domReferenceElement", isElement(v) ? v : null), l.useSyncedValue("floatingElement", b);
-	let S = React$1.useCallback((t) => {
+	let S = React.useCallback((t) => {
 		(isElement(t) || t === null) && (m.current = t, y(t)), (isElement(g.refs.reference.current) || g.refs.reference.current === null || t !== null && !isElement(t)) && g.refs.setReference(t);
-	}, [g.refs, y]), C = React$1.useCallback((t) => {
+	}, [g.refs, y]), C = React.useCallback((t) => {
 		x(t), g.refs.setFloating(t);
-	}, [g.refs]), w = React$1.useMemo(() => ({
+	}, [g.refs]), w = React.useMemo(() => ({
 		...g.refs,
 		setReference: S,
 		setFloating: C,
@@ -7058,10 +7058,10 @@ function useFloating(n = {}) {
 		S,
 		C,
 		_
-	]), T = React$1.useMemo(() => ({
+	]), T = React.useMemo(() => ({
 		...g.elements,
 		domReference: u.domReference
-	}), [g.elements, u.domReference]), E = l.useState("open"), D = l.useState("floatingId"), O = React$1.useMemo(() => ({
+	}), [g.elements, u.domReference]), E = l.useState("open"), D = l.useState("floatingId"), O = React.useMemo(() => ({
 		...g,
 		dataRef: l.context.dataRef,
 		open: E,
@@ -7085,7 +7085,7 @@ function useFloating(n = {}) {
 		l.context.dataRef.current.floatingContext = O;
 		let t = h?.nodesRef.current.find((t) => t.id === i);
 		t && (t.context = O);
-	}), React$1.useMemo(() => ({
+	}), React.useMemo(() => ({
 		...g,
 		context: O,
 		refs: w,
@@ -7128,8 +7128,8 @@ function useSyncedFloatingRootContext(t) {
 }
 var isMacSafari = isMac && isSafari;
 function useFocus(n, i = {}) {
-	let s = "rootStore" in n ? n.rootStore : n, { events: c, dataRef: l } = s.context, { enabled: u = !0, visibleOnly: d = !0 } = i, f = React$1.useRef(!1), m = useTimeout(), h = React$1.useRef(!0);
-	React$1.useEffect(() => {
+	let s = "rootStore" in n ? n.rootStore : n, { events: c, dataRef: l } = s.context, { enabled: u = !0, visibleOnly: d = !0 } = i, f = React.useRef(!1), m = useTimeout(), h = React.useRef(!0);
+	React.useEffect(() => {
 		let t = s.select("domReferenceElement");
 		if (!u) return;
 		let n = getWindow(t);
@@ -7145,7 +7145,7 @@ function useFocus(n, i = {}) {
 		return n.addEventListener("blur", i), isMacSafari && (n.addEventListener("keydown", c, !0), n.addEventListener("pointerdown", l, !0)), () => {
 			n.removeEventListener("blur", i), isMacSafari && (n.removeEventListener("keydown", c, !0), n.removeEventListener("pointerdown", l, !0));
 		};
-	}, [s, u]), React$1.useEffect(() => {
+	}, [s, u]), React.useEffect(() => {
 		if (!u) return;
 		function t(t) {
 			(t.reason === "trigger-press" || t.reason === "escape-key") && (f.current = !0);
@@ -7154,7 +7154,7 @@ function useFocus(n, i = {}) {
 			c.off("openchange", t);
 		};
 	}, [c, u]);
-	let g = React$1.useMemo(() => ({
+	let g = React.useMemo(() => ({
 		onMouseLeave() {
 			f.current = !1;
 		},
@@ -7182,7 +7182,7 @@ function useFocus(n, i = {}) {
 		d,
 		m
 	]);
-	return React$1.useMemo(() => u ? {
+	return React.useMemo(() => u ? {
 		reference: g,
 		trigger: g
 	} : {}, [u, g]);
@@ -7193,8 +7193,8 @@ function isInteractiveElement(t) {
 	return t ? !!t.closest(interactiveSelector) : !1;
 }
 function useHoverInteractionSharedState(n) {
-	let i = React$1.useRef(void 0), s = React$1.useRef(!1), c = React$1.useRef(void 0), l = React$1.useRef(!0), u = React$1.useRef(!1), d = React$1.useRef(() => {}), f = React$1.useRef(!1), m = useTimeout(), h = useTimeout(), g = React$1.useRef(void 0);
-	return React$1.useMemo(() => {
+	let i = React.useRef(void 0), s = React.useRef(!1), c = React.useRef(void 0), l = React.useRef(!0), u = React.useRef(!1), d = React.useRef(() => {}), f = React.useRef(!1), m = useTimeout(), h = useTimeout(), g = React.useRef(void 0);
+	return React.useMemo(() => {
 		let t = n.context.dataRef.current;
 		return t.hoverInteractionState ||= {
 			pointerTypeRef: i,
@@ -7227,7 +7227,7 @@ function useHoverFloatingInteraction(n, i = {}) {
 	let s = "rootStore" in n ? n.rootStore : n, c = s.useState("open"), l = s.useState("floatingElement"), u = s.useState("domReferenceElement"), { dataRef: d } = s.context, { enabled: f = !0, closeDelay: m = 0, externalTree: h } = i, { pointerTypeRef: g, interactedInsideRef: _, handlerRef: v, performedPointerEventsMutationRef: y, unbindMouseMoveRef: b, restTimeoutPendingRef: x, openChangeTimeout: S, handleCloseOptionsRef: C } = useHoverInteractionSharedState(s), w = useFloatingTree(h), T = useFloatingParentNodeId(), E = useStableCallback(() => _.current ? !0 : d.current.openEvent ? clickLikeEvents.has(d.current.openEvent.type) : !1), D = useStableCallback(() => {
 		let t = d.current.openEvent?.type;
 		return t?.includes("mouse") && t !== "mousedown";
-	}), O = React$1.useCallback((t, n = !0) => {
+	}), O = React.useCallback((t, n = !0) => {
 		let i = getDelay$1(m, g.current);
 		i && !v.current ? S.start(i, () => s.setOpen(!1, createChangeEventDetails(triggerHover, t))) : n && (S.clear(), s.setOpen(!1, createChangeEventDetails(triggerHover, t)));
 	}, [
@@ -7259,9 +7259,9 @@ function useHoverFloatingInteraction(n, i = {}) {
 		_,
 		k,
 		A
-	]), React$1.useEffect(() => () => {
+	]), React.useEffect(() => () => {
 		k();
-	}, [k]), React$1.useEffect(() => A, [A]), useIsoLayoutEffect(() => {
+	}, [k]), React.useEffect(() => A, [A]), useIsoLayoutEffect(() => {
 		if (f && c && C.current?.blockPointerEvents && D() && isElement(u) && l) {
 			y.current = !0;
 			let t = getDocument(l).body;
@@ -7281,7 +7281,7 @@ function useHoverFloatingInteraction(n, i = {}) {
 		w,
 		T,
 		y
-	]), React$1.useEffect(() => {
+	]), React.useEffect(() => {
 		if (!f) return;
 		function t(t) {
 			if (E() || !d.current.floatingContext || !s.select("open")) return;
@@ -7310,7 +7310,7 @@ var EMPTY_REF = { current: null };
 function useHoverReferenceInteraction(n, i = {}) {
 	let s = "rootStore" in n ? n.rootStore : n, { dataRef: c, events: l } = s.context, { enabled: u = !0, delay: d = 0, handleClose: f = null, mouseOnly: h = !1, restMs: g = 0, move: _ = !0, triggerElementRef: v = EMPTY_REF, externalTree: y, isActiveTrigger: b = !0 } = i, x = useFloatingTree(y), { pointerTypeRef: S, interactedInsideRef: C, handlerRef: w, blockMouseMoveRef: T, performedPointerEventsMutationRef: E, unbindMouseMoveRef: D, restTimeoutPendingRef: O, openChangeTimeout: k, restTimeout: A, handleCloseOptionsRef: j } = useHoverInteractionSharedState(s), M = useValueAsRef(f), N = useValueAsRef(d), P = useValueAsRef(g);
 	b && (j.current = M.current?.__options);
-	let F = useStableCallback(() => C.current ? !0 : c.current.openEvent ? ["click", "mousedown"].includes(c.current.openEvent.type) : !1), I = React$1.useCallback((t, n = !0) => {
+	let F = useStableCallback(() => C.current ? !0 : c.current.openEvent ? ["click", "mousedown"].includes(c.current.openEvent.type) : !1), I = React.useCallback((t, n = !0) => {
 		let i = getDelay(N.current, "close", S.current);
 		i && !w.current ? k.start(i, () => s.setOpen(!1, createChangeEventDetails(triggerHover, t))) : n && (k.clear(), s.setOpen(!1, createChangeEventDetails(triggerHover, t)));
 	}, [
@@ -7327,7 +7327,7 @@ function useHoverReferenceInteraction(n, i = {}) {
 			t.style.pointerEvents = "", t.removeAttribute(safePolygonIdentifier), E.current = !1;
 		}
 	});
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (!u) return;
 		function t(t) {
 			t.open || (k.clear(), A.clear(), T.current = !0, O.current = !1);
@@ -7358,7 +7358,7 @@ function useHoverReferenceInteraction(n, i = {}) {
 			}
 		})(t);
 	});
-	return React$1.useEffect(() => {
+	return React.useEffect(() => {
 		if (!u) return;
 		let t = v.current ?? (b ? s.select("domReferenceElement") : null);
 		if (!isElement(t)) return;
@@ -7430,7 +7430,7 @@ function useHoverReferenceInteraction(n, i = {}) {
 		x,
 		D,
 		w
-	]), React$1.useMemo(() => {
+	]), React.useMemo(() => {
 		function t(t) {
 			S.current = t.pointerType;
 		}
@@ -7460,8 +7460,8 @@ function useHoverReferenceInteraction(n, i = {}) {
 	]);
 }
 function useInteractions(n = []) {
-	let i = n.map((t) => t?.reference), s = n.map((t) => t?.floating), c = n.map((t) => t?.item), l = n.map((t) => t?.trigger), u = React$1.useCallback((t) => mergeProps$1(t, n, "reference"), i), d = React$1.useCallback((t) => mergeProps$1(t, n, "floating"), s), f = React$1.useCallback((t) => mergeProps$1(t, n, "item"), c), m = React$1.useCallback((t) => mergeProps$1(t, n, "trigger"), l);
-	return React$1.useMemo(() => ({
+	let i = n.map((t) => t?.reference), s = n.map((t) => t?.floating), c = n.map((t) => t?.item), l = n.map((t) => t?.trigger), u = React.useCallback((t) => mergeProps$1(t, n, "reference"), i), d = React.useCallback((t) => mergeProps$1(t, n, "floating"), s), f = React.useCallback((t) => mergeProps$1(t, n, "item"), c), m = React.useCallback((t) => mergeProps$1(t, n, "trigger"), l);
+	return React.useMemo(() => ({
 		getReferenceProps: u,
 		getFloatingProps: d,
 		getItemProps: f,
@@ -7494,7 +7494,7 @@ var componentRoleToAriaRoleMap = new Map([
 	["label", !1]
 ]);
 function useRole(n, i = {}) {
-	let s = "rootStore" in n ? n.rootStore : n, c = s.useState("open"), l = s.useState("floatingId"), u = s.useState("domReferenceElement"), d = s.useState("floatingElement"), { enabled: f = !0, role: m = "dialog" } = i, h = useId(), g = u?.id || h, _ = React$1.useMemo(() => getFloatingFocusElement(d)?.id || l, [d, l]), v = componentRoleToAriaRoleMap.get(m) ?? m, y = useFloatingParentNodeId() != null, b = React$1.useMemo(() => v === "tooltip" || m === "label" ? EMPTY_OBJECT : {
+	let s = "rootStore" in n ? n.rootStore : n, c = s.useState("open"), l = s.useState("floatingId"), u = s.useState("domReferenceElement"), d = s.useState("floatingElement"), { enabled: f = !0, role: m = "dialog" } = i, h = useId(), g = u?.id || h, _ = React.useMemo(() => getFloatingFocusElement(d)?.id || l, [d, l]), v = componentRoleToAriaRoleMap.get(m) ?? m, y = useFloatingParentNodeId() != null, b = React.useMemo(() => v === "tooltip" || m === "label" ? EMPTY_OBJECT : {
 		"aria-haspopup": v === "alertdialog" ? "dialog" : v,
 		"aria-expanded": "false",
 		...v === "listbox" && { role: "combobox" },
@@ -7505,7 +7505,7 @@ function useRole(n, i = {}) {
 		v,
 		y,
 		m
-	]), x = React$1.useMemo(() => v === "tooltip" || m === "label" ? { [`aria-${m === "label" ? "labelledby" : "describedby"}`]: c ? _ : void 0 } : {
+	]), x = React.useMemo(() => v === "tooltip" || m === "label" ? { [`aria-${m === "label" ? "labelledby" : "describedby"}`]: c ? _ : void 0 } : {
 		...b,
 		"aria-expanded": c ? "true" : "false",
 		"aria-controls": c ? _ : void 0,
@@ -7517,7 +7517,7 @@ function useRole(n, i = {}) {
 		g,
 		m,
 		b
-	]), S = React$1.useMemo(() => {
+	]), S = React.useMemo(() => {
 		let t = {
 			id: _,
 			...v && { role: v }
@@ -7531,7 +7531,7 @@ function useRole(n, i = {}) {
 		_,
 		g,
 		m
-	]), C = React$1.useCallback(({ active: t, selected: n }) => {
+	]), C = React.useCallback(({ active: t, selected: n }) => {
 		let i = {
 			role: "option",
 			...t && { id: `${_}-fui-option` }
@@ -7546,7 +7546,7 @@ function useRole(n, i = {}) {
 		}
 		return {};
 	}, [_, m]);
-	return React$1.useMemo(() => f ? {
+	return React.useMemo(() => f ? {
 		reference: x,
 		floating: S,
 		item: C,
@@ -7671,10 +7671,10 @@ let DialogPopupCssVars = /* @__PURE__ */ function(t) {
 }({}), DialogPopupDataAttributes = function(t) {
 	return t[t.open = CommonPopupDataAttributes.open] = "open", t[t.closed = CommonPopupDataAttributes.closed] = "closed", t[t.startingStyle = CommonPopupDataAttributes.startingStyle] = "startingStyle", t[t.endingStyle = CommonPopupDataAttributes.endingStyle] = "endingStyle", t.nested = "data-nested", t.nestedDialogOpen = "data-nested-dialog-open", t;
 }({});
-const DialogPortalContext = /* @__PURE__ */ React$1.createContext(void 0);
+const DialogPortalContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (DialogPortalContext.displayName = "DialogPortalContext");
 function useDialogPortalContext() {
-	let n = React$1.useContext(DialogPortalContext);
+	let n = React.useContext(DialogPortalContext);
 	if (n === void 0) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(26) : "Base UI: <Dialog.Portal> is missing.");
 	return n;
 }
@@ -7753,7 +7753,7 @@ var stateAttributesMapping$4 = {
 		return t ? { [DialogPopupDataAttributes.nestedDialogOpen]: "" } : null;
 	}
 };
-const DialogPopup$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const DialogPopup$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { className: s, finalFocus: c, initialFocus: l, render: u, ...d } = n, { store: f } = useDialogRootContext(), m = f.useState("descriptionElementId"), h = f.useState("disablePointerDismissal"), g = f.useState("floatingRootContext"), _ = f.useState("popupProps"), v = f.useState("modal"), y = f.useState("mounted"), b = f.useState("nested"), x = f.useState("nestedOpenDialogCount"), S = f.useState("open"), C = f.useState("openMethod"), w = f.useState("titleElementId"), T = f.useState("transitionStatus"), E = f.useState("role");
 	useDialogPortalContext(), useOpenChangeComplete({
 		open: S,
@@ -7766,7 +7766,7 @@ const DialogPopup$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		return t === "touch" ? f.context.popupRef.current : !0;
 	}
 	let O = l === void 0 ? D : l, k = x > 0, A = useRenderElement("div", n, {
-		state: React$1.useMemo(() => ({
+		state: React.useMemo(() => ({
 			open: S,
 			nested: b,
 			transitionStatus: T,
@@ -7815,7 +7815,7 @@ process.env.NODE_ENV !== "production" && (DialogPopup$1.displayName = "DialogPop
 function inertValue(t) {
 	return isReactVersionAtLeast(19) ? t : t ? "true" : void 0;
 }
-const InternalBackdrop = /* @__PURE__ */ React$1.forwardRef(function(t, n) {
+const InternalBackdrop = /* @__PURE__ */ React.forwardRef(function(t, n) {
 	let { cutout: i, ...s } = t, c;
 	if (i) {
 		let t = i?.getBoundingClientRect();
@@ -7847,7 +7847,7 @@ const InternalBackdrop = /* @__PURE__ */ React$1.forwardRef(function(t, n) {
 	});
 });
 process.env.NODE_ENV !== "production" && (InternalBackdrop.displayName = "InternalBackdrop");
-const DialogPortal = /* @__PURE__ */ React$1.forwardRef(function(t, n) {
+const DialogPortal = /* @__PURE__ */ React.forwardRef(function(t, n) {
 	let { keepMounted: i = !1, ...s } = t, { store: c } = useDialogRootContext(), l = c.useState("mounted"), u = c.useState("modal");
 	return l || i ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortalContext.Provider, {
 		value: i,
@@ -7950,11 +7950,11 @@ function useScrollLock(t = !0, n = null) {
 	}, [t, n]);
 }
 function useEnhancedClickHandler(n) {
-	let i = React$1.useRef(""), s = React$1.useCallback((t) => {
+	let i = React.useRef(""), s = React.useCallback((t) => {
 		t.defaultPrevented || (i.current = t.pointerType, n(t, t.pointerType));
 	}, [n]);
 	return {
-		onClick: React$1.useCallback((t) => {
+		onClick: React.useCallback((t) => {
 			if (t.detail === 0) {
 				n(t, "keyboard");
 				return;
@@ -7965,12 +7965,12 @@ function useEnhancedClickHandler(n) {
 	};
 }
 function useOpenInteractionType(n) {
-	let [i, s] = React$1.useState(null), c = useStableCallback((t, i) => {
+	let [i, s] = React.useState(null), c = useStableCallback((t, i) => {
 		n || s(i);
-	}), l = React$1.useCallback(() => {
+	}), l = React.useCallback(() => {
 		s(null);
 	}, []), { onClick: u, onPointerDown: d } = useEnhancedClickHandler(c);
-	return React$1.useMemo(() => ({
+	return React.useMemo(() => ({
 		openMethod: i,
 		reset: l,
 		triggerProps: {
@@ -7994,10 +7994,10 @@ function useDialogRoot(n) {
 		return n.preventUnmountOnClose = () => {
 			i.set("preventUnmountingOnClose", !0);
 		}, n;
-	}), y = React$1.useCallback(() => {
+	}), y = React.useCallback(() => {
 		i.setOpen(!1, v(imperativeAction));
 	}, [i, v]);
-	React$1.useImperativeHandle(c, () => ({
+	React.useImperativeHandle(c, () => ({
 		unmount: _,
 		close: y
 	}), [_, y]);
@@ -8006,7 +8006,7 @@ function useDialogRoot(n) {
 		onOpenChange: i.setOpen,
 		treatPopupAsFloatingElement: !0,
 		noEmit: !0
-	}), [x, S] = React$1.useState(0), C = x === 0, w = useRole(b), T = useDismiss(b, {
+	}), [x, S] = React.useState(0), C = x === 0, w = useRole(b), T = useDismiss(b, {
 		outsidePressEvent() {
 			return i.context.internalBackdropRef.current || i.context.backdropRef.current ? "intentional" : {
 				mouse: d === "trap-focus" ? "sloppy" : "intentional",
@@ -8030,14 +8030,14 @@ function useDialogRoot(n) {
 		S(t + 1);
 	}), i.useContextCallback("onNestedDialogClose", () => {
 		S(0);
-	}), React$1.useEffect(() => (s?.onNestedDialogOpen && l && s.onNestedDialogOpen(x), s?.onNestedDialogClose && !l && s.onNestedDialogClose(), () => {
+	}), React.useEffect(() => (s?.onNestedDialogOpen && l && s.onNestedDialogOpen(x), s?.onNestedDialogClose && !l && s.onNestedDialogClose(), () => {
 		s?.onNestedDialogClose && l && s.onNestedDialogClose();
 	}), [
 		l,
 		s,
 		x
 	]);
-	let k = React$1.useMemo(() => E(h), [E, h]), A = React$1.useMemo(() => O(h), [O, h]), j = React$1.useMemo(() => D(), [D]);
+	let k = React.useMemo(() => E(h), [E, h]), A = React.useMemo(() => O(h), [O, h]), j = React.useMemo(() => D(), [D]);
 	i.useSyncedValues({
 		openMethod: m,
 		activeTriggerProps: k,
@@ -8061,9 +8061,9 @@ var selectors$1 = {
 }, DialogStore = class extends ReactStore {
 	constructor(n) {
 		super(createInitialState$1(n), {
-			popupRef: /* @__PURE__ */ React$1.createRef(),
-			backdropRef: /* @__PURE__ */ React$1.createRef(),
-			internalBackdropRef: /* @__PURE__ */ React$1.createRef(),
+			popupRef: /* @__PURE__ */ React.createRef(),
+			backdropRef: /* @__PURE__ */ React.createRef(),
+			internalBackdropRef: /* @__PURE__ */ React.createRef(),
 			triggerElements: new PopupTriggerMap(),
 			onOpenChange: void 0,
 			onOpenChangeComplete: void 0
@@ -8121,13 +8121,13 @@ function DialogRoot(n) {
 		onOpenChange: l,
 		triggerIdProp: g
 	});
-	let C = React$1.useMemo(() => ({ store: b }), [b]);
+	let C = React.useMemo(() => ({ store: b }), [b]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogRootContext.Provider, {
 		value: C,
 		children: typeof i == "function" ? i({ payload: x }) : i
 	});
 }
-const DialogTitle$1 = /* @__PURE__ */ React$1.forwardRef(function(t, n) {
+const DialogTitle$1 = /* @__PURE__ */ React.forwardRef(function(t, n) {
 	let { render: i, className: s, id: c, ...l } = t, { store: u } = useDialogRootContext(), d = useBaseUiId(c);
 	return u.useSyncedValueWithCleanup("titleElementId", d), useRenderElement("h2", t, {
 		ref: n,
@@ -8135,13 +8135,13 @@ const DialogTitle$1 = /* @__PURE__ */ React$1.forwardRef(function(t, n) {
 	});
 });
 process.env.NODE_ENV !== "production" && (DialogTitle$1.displayName = "DialogTitle");
-const DialogTrigger$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const DialogTrigger$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { render: s, className: c, disabled: l = !1, nativeButton: u = !0, id: d, payload: f, handle: m, ...h } = n, g = useDialogRootContext(!0), _ = m?.store ?? g?.store;
 	if (!_) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(79) : "Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle.");
-	let v = useBaseUiId(d), y = _.useState("floatingRootContext"), x = _.useState("isOpenedByTrigger", v), S = React$1.useRef(null), { registerTrigger: C, isMountedByThisTrigger: w } = useTriggerDataForwarding(v, S, _, { payload: f }), { getButtonProps: T, buttonRef: E } = useButton({
+	let v = useBaseUiId(d), y = _.useState("floatingRootContext"), x = _.useState("isOpenedByTrigger", v), S = React.useRef(null), { registerTrigger: C, isMountedByThisTrigger: w } = useTriggerDataForwarding(v, S, _, { payload: f }), { getButtonProps: T, buttonRef: E } = useButton({
 		disabled: l,
 		native: u
-	}), D = useInteractions([useClick(y, { enabled: y != null })]), O = React$1.useMemo(() => ({
+	}), D = useInteractions([useClick(y, { enabled: y != null })]), O = React.useMemo(() => ({
 		disabled: l,
 		open: x
 	}), [l, x]), k = _.useState("triggerProps", w);
@@ -9891,7 +9891,7 @@ function useField$1(t) {
 		form: t.form,
 		name: t.name
 	}));
-	let l = useStore(s.store, t.mode === "array" ? (t) => Object.keys(t.value ?? []).length : (t) => t.value), u = useStore(s.store, (t) => t.meta.isTouched), m = useStore(s.store, (t) => t.meta.isBlurred), h = useStore(s.store, (t) => t.meta.isDirty), g = useStore(s.store, (t) => t.meta.errorMap), _ = useStore(s.store, (t) => t.meta.errorSourceMap), v = useStore(s.store, (t) => t.meta.isValidating), y = useMemo(() => {
+	let l = useStore(s.store, t.mode === "array" ? (t) => Object.keys(t.value ?? []).length : (t) => t.value), d = useStore(s.store, (t) => t.meta.isTouched), m = useStore(s.store, (t) => t.meta.isBlurred), h = useStore(s.store, (t) => t.meta.isDirty), g = useStore(s.store, (t) => t.meta.errorMap), _ = useStore(s.store, (t) => t.meta.errorSourceMap), v = useStore(s.store, (t) => t.meta.isValidating), y = useMemo(() => {
 		let n = {
 			...s,
 			get state() {
@@ -9900,7 +9900,7 @@ function useField$1(t) {
 					get meta() {
 						return {
 							...s.state.meta,
-							isTouched: u,
+							isTouched: d,
 							isBlurred: m,
 							isDirty: h,
 							errorMap: g,
@@ -9916,7 +9916,7 @@ function useField$1(t) {
 		s,
 		t.mode,
 		l,
-		u,
+		d,
 		m,
 		h,
 		g,
@@ -9934,7 +9934,7 @@ var Field = (({ children: t, ...n }) => {
 function useUUID() {
 	return useState(() => uuid())[0];
 }
-var useFormId = React$1.version.split(".")[0] === "17" ? useUUID : React$1.useId;
+var useFormId = React.version.split(".")[0] === "17" ? useUUID : React.useId;
 function LocalSubscribe$1({ form: t, selector: n, children: i }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: functionalUpdate(i, useStore(t.store, n)) });
 }
@@ -9950,7 +9950,7 @@ function useForm(t) {
 			formId: i
 		})), s(i);
 	}
-	let u = useMemo(() => {
+	let d = useMemo(() => {
 		let t = {
 			...c,
 			handleSubmit: ((...t) => c._handleSubmit(...t)),
@@ -9976,7 +9976,7 @@ function useForm(t) {
 	}, [c]);
 	return useIsomorphicLayoutEffect$1(c.mount, []), useIsomorphicLayoutEffect$1(() => {
 		c.update(t);
-	}), u;
+	}), d;
 }
 function LocalSubscribe({ lens: t, selector: n, children: i }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: functionalUpdate(i, useStore(t.store, n)) });
@@ -10021,7 +10021,7 @@ function createFormHookContexts() {
 }
 function createFormHook({ fieldComponents: t, fieldContext: n, formContext: i, formComponents: s }) {
 	function c(c) {
-		let l = useForm(c), u = useMemo(() => ({ children: t }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(i.Provider, {
+		let l = useForm(c), d = useMemo(() => ({ children: t }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(i.Provider, {
 			value: l,
 			children: t
 		}), [l]), f = useMemo(() => (({ children: i, ...s }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(l.Field, {
@@ -10033,12 +10033,12 @@ function createFormHook({ fieldComponents: t, fieldContext: n, formContext: i, f
 		})), [l]);
 		return useMemo(() => Object.assign(l, {
 			AppField: f,
-			AppForm: u,
+			AppForm: d,
 			...s
 		}), [
 			l,
 			f,
-			u
+			d
 		]);
 	}
 	function l({ render: t, props: n }) {
@@ -10047,7 +10047,7 @@ function createFormHook({ fieldComponents: t, fieldContext: n, formContext: i, f
 			...i
 		});
 	}
-	function u({ render: t, props: n, defaultValues: i }) {
+	function d({ render: t, props: n, defaultValues: i }) {
 		return function(c) {
 			let l = useFieldGroup(useMemo(() => ({
 				form: c.form,
@@ -10065,7 +10065,7 @@ function createFormHook({ fieldComponents: t, fieldContext: n, formContext: i, f
 	return {
 		useAppForm: c,
 		withForm: l,
-		withFieldGroup: u
+		withFieldGroup: d
 	};
 }
 const { fieldContext, useFieldContext, formContext, useFormContext: useFormContext$1 } = createFormHookContexts();
@@ -10115,8 +10115,8 @@ function useLabelableId(t = {}) {
 		u
 	]), c ?? u;
 }
-const FieldControl = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { render: s, className: c, id: l, name: u, value: d, disabled: f = !1, onValueChange: m, defaultValue: h, ...g } = n, { state: _, name: v, disabled: y } = useFieldRootContext(), b = y || f, x = v ?? u, S = React$1.useMemo(() => ({
+const FieldControl = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { render: s, className: c, id: l, name: u, value: d, disabled: f = !1, onValueChange: m, defaultValue: h, ...g } = n, { state: _, name: v, disabled: y } = useFieldRootContext(), b = y || f, x = v ?? u, S = React.useMemo(() => ({
 		..._,
 		disabled: b
 	}), [_, b]), { setTouched: C, setDirty: w, validityData: T, setFocused: E, setFilled: D, validationMode: O, validation: k } = useFieldRootContext(), { labelId: A } = useLabelableContext(), j = useLabelableId({ id: l });
@@ -10175,7 +10175,7 @@ const FieldControl = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	});
 });
 process.env.NODE_ENV !== "production" && (FieldControl.displayName = "FieldControl");
-const Input$1 = /* @__PURE__ */ React$1.forwardRef(function(t, n) {
+const Input$1 = /* @__PURE__ */ React.forwardRef(function(t, n) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldControl, {
 		ref: n,
 		...t
@@ -10198,33 +10198,33 @@ const Separator = (t) => {
 };
 var import_compiler_runtime$16 = require_compiler_runtime();
 const Input = (t) => {
-	let i = (0, import_compiler_runtime$16.c)(20), s, c, l, u, d;
-	i[0] === t ? (s = i[1], c = i[2], l = i[3], u = i[4], d = i[5]) : ({leadingIcon: c, showSeparator: d, className: s, ref: u, ...l} = t, i[0] = t, i[1] = s, i[2] = c, i[3] = l, i[4] = u, i[5] = d);
+	let n = (0, import_compiler_runtime$16.c)(20), s, c, l, u, d;
+	n[0] === t ? (s = n[1], c = n[2], l = n[3], u = n[4], d = n[5]) : ({leadingIcon: c, showSeparator: d, className: s, ref: u, ...l} = t, n[0] = t, n[1] = s, n[2] = c, n[3] = l, n[4] = u, n[5] = d);
 	let f = d === void 0 ? !0 : d, m = l.disabled, h = l.disabled, g;
-	i[6] === s ? g = i[7] : (g = cn("flex items-center gap-xs px-md w-full py-sm group h-xl inset-shadow-2-shadow inset-shadow-sm bg-surface-dim rounded-xl data-[disabled=true]:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:hover:outline-transparent outline-2 outline-transparent hover:not-focus-within:outline-outline focus-within:outline-primary focus-within:caret-primary transition-all", s), i[6] = s, i[7] = g);
+	n[6] === s ? g = n[7] : (g = cn("flex items-center gap-xs px-md w-full py-sm group h-xl inset-shadow-2-shadow inset-shadow-sm bg-surface-dim rounded-xl data-[disabled=true]:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:hover:outline-transparent outline-2 outline-transparent hover:not-focus-within:outline-outline focus-within:outline-primary focus-within:caret-primary transition-all", s), n[6] = s, n[7] = g);
 	let _;
-	i[8] !== c || i[9] !== f ? (_ = c && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	n[8] !== c || n[9] !== f ? (_ = c && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: cn("flex items-center text-on-surface-variant justify-center [&>svg]:size-s group-focus-within:text-primary transition-all"),
-		children: React.createElement(c, { weight: "bold" })
+		children: createElement(c, { weight: "bold" })
 	}), f && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, {
 		orientation: "vertical",
 		className: "group-focus-within:bg-primary"
-	})] }), i[8] = c, i[9] = f, i[10] = _) : _ = i[10];
+	})] }), n[8] = c, n[9] = f, n[10] = _) : _ = n[10];
 	let v;
-	i[11] === Symbol.for("react.memo_cache_sentinel") ? (v = cn("outline-none w-full", "placeholder:opacity-60", "disabled:text-text-neutral-primary-disabled disabled:cursor-not-allowed", "overflow-ellipsis"), i[11] = v) : v = i[11];
+	n[11] === Symbol.for("react.memo_cache_sentinel") ? (v = cn("outline-none w-full", "placeholder:opacity-60", "disabled:text-text-neutral-primary-disabled disabled:cursor-not-allowed", "overflow-ellipsis"), n[11] = v) : v = n[11];
 	let y;
-	i[12] !== l || i[13] !== u ? (y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
+	n[12] !== l || n[13] !== u ? (y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
 		className: v,
 		ref: u,
 		...l
-	}), i[12] = l, i[13] = u, i[14] = y) : y = i[14];
+	}), n[12] = l, n[13] = u, n[14] = y) : y = n[14];
 	let b;
-	return i[15] !== l.disabled || i[16] !== g || i[17] !== _ || i[18] !== y ? (b = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+	return n[15] !== l.disabled || n[16] !== g || n[17] !== _ || n[18] !== y ? (b = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		"aria-disabled": m,
 		"data-disabled": h,
 		className: g,
 		children: [_, y]
-	}), i[15] = l.disabled, i[16] = g, i[17] = _, i[18] = y, i[19] = b) : b = i[19], b;
+	}), n[15] = l.disabled, n[16] = g, n[17] = _, n[18] = y, n[19] = b) : b = n[19], b;
 };
 var import_compiler_runtime$15 = require_compiler_runtime();
 const FieldInput = (t) => {
@@ -10374,10 +10374,10 @@ const Profile = (t) => {
 		...u,
 		children: [S, D]
 	}), n[30] = u, n[31] = d, n[32] = D, n[33] = y, n[34] = S, n[35] = O) : O = n[35], O;
-}, ScrollAreaRootContext = /* @__PURE__ */ React$1.createContext(void 0);
+}, ScrollAreaRootContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (ScrollAreaRootContext.displayName = "ScrollAreaRootContext");
 function useScrollAreaRootContext() {
-	let n = React$1.useContext(ScrollAreaRootContext);
+	let n = React.useContext(ScrollAreaRootContext);
 	if (n === void 0) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(53) : "Base UI: ScrollAreaRootContext is missing. ScrollArea parts must be placed within <ScrollArea.Root>.");
 	return n;
 }
@@ -10422,11 +10422,11 @@ var DEFAULT_SIZE = {
 	yStart: !1,
 	yEnd: !1
 };
-const ScrollAreaRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { render: s, className: c, overflowEdgeThreshold: l, ...u } = n, [d, f] = React$1.useState(!1), [m, h] = React$1.useState(!1), [g, _] = React$1.useState(!1), [v, y] = React$1.useState(DEFAULT_SIZE), [b, x] = React$1.useState(DEFAULT_SIZE), [S, C] = React$1.useState(!1), [w, T] = React$1.useState(DEFAULT_OVERFLOW_EDGES), E = useBaseUiId(), D = React$1.useRef(null), O = React$1.useRef(null), k = React$1.useRef(null), A = React$1.useRef(null), j = React$1.useRef(null), M = React$1.useRef(null), N = React$1.useRef(null), P = React$1.useRef(!1), F = React$1.useRef(0), I = React$1.useRef(0), L = React$1.useRef(0), R = React$1.useRef(0), z = React$1.useRef("vertical"), B = useTimeout(), V = useTimeout(), H = React$1.useRef({
+const ScrollAreaRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { render: s, className: c, overflowEdgeThreshold: l, ...u } = n, [d, f] = React.useState(!1), [m, h] = React.useState(!1), [g, _] = React.useState(!1), [v, y] = React.useState(DEFAULT_SIZE), [b, x] = React.useState(DEFAULT_SIZE), [S, C] = React.useState(!1), [w, T] = React.useState(DEFAULT_OVERFLOW_EDGES), E = useBaseUiId(), D = React.useRef(null), O = React.useRef(null), k = React.useRef(null), A = React.useRef(null), j = React.useRef(null), M = React.useRef(null), N = React.useRef(null), P = React.useRef(!1), F = React.useRef(0), I = React.useRef(0), L = React.useRef(0), R = React.useRef(0), z = React.useRef("vertical"), B = useTimeout(), V = useTimeout(), H = React.useRef({
 		x: 0,
 		y: 0
-	}), [U, W] = React$1.useState({
+	}), [U, W] = React.useState({
 		scrollbarYHidden: !1,
 		scrollbarXHidden: !1,
 		cornerHidden: !1
@@ -10464,7 +10464,7 @@ const ScrollAreaRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		let n = t.pointerType === "touch";
 		C(n), n || f(contains(D.current, t.target));
 	}
-	let Z = React$1.useMemo(() => ({
+	let Z = React.useMemo(() => ({
 		hasOverflowX: !U.scrollbarXHidden,
 		hasOverflowY: !U.scrollbarYHidden,
 		overflowXStart: w.xStart,
@@ -10497,7 +10497,7 @@ const ScrollAreaRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		ref: [i, D],
 		props: [Q, u],
 		stateAttributesMapping: scrollAreaStateAttributesMapping
-	}), $ = React$1.useMemo(() => ({
+	}), $ = React.useMemo(() => ({
 		handlePointerDown: q,
 		handlePointerMove: J,
 		handlePointerUp: Y,
@@ -10577,12 +10577,12 @@ function normalizeOverflowEdgeThreshold(t) {
 		yEnd: Math.max(0, t?.yEnd || 0)
 	};
 }
-const ScrollAreaViewportContext = /* @__PURE__ */ React$1.createContext(void 0);
+const ScrollAreaViewportContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (ScrollAreaViewportContext.displayName = "ScrollAreaViewportContext");
-const DirectionContext = /* @__PURE__ */ React$1.createContext(void 0);
+const DirectionContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (DirectionContext.displayName = "DirectionContext");
 function useDirection() {
-	return React$1.useContext(DirectionContext)?.direction ?? "ltr";
+	return React.useContext(DirectionContext)?.direction ?? "ltr";
 }
 function clamp$1(t, n = -(2 ** 53 - 1), i = 2 ** 53 - 1) {
 	return Math.max(n, Math.min(t, i));
@@ -10619,8 +10619,8 @@ function removeCSSVariableInheritance() {
 		} catch {}
 	}), scrollAreaOverflowVarsRegistered = !0);
 }
-const ScrollAreaViewport = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { render: s, className: c, ...l } = n, { viewportRef: u, scrollbarYRef: d, scrollbarXRef: f, thumbYRef: h, thumbXRef: g, cornerRef: _, setCornerSize: v, setThumbSize: y, rootId: b, setHiddenState: x, hiddenState: S, handleScroll: C, setHovering: w, setOverflowEdges: T, overflowEdges: E, overflowEdgeThreshold: D } = useScrollAreaRootContext(), O = useDirection(), k = React$1.useRef(!0), A = useTimeout(), j = useTimeout();
+const ScrollAreaViewport = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { render: s, className: c, ...l } = n, { viewportRef: u, scrollbarYRef: d, scrollbarXRef: f, thumbYRef: h, thumbXRef: g, cornerRef: _, setCornerSize: v, setThumbSize: y, rootId: b, setHiddenState: x, hiddenState: S, handleScroll: C, setHovering: w, setOverflowEdges: T, overflowEdges: E, overflowEdgeThreshold: D } = useScrollAreaRootContext(), O = useDirection(), k = React.useRef(!0), A = useTimeout(), j = useTimeout();
 	function M() {
 		let t = u.current, n = d.current, i = f.current, s = h.current, c = g.current, l = _.current;
 		if (!t) return;
@@ -10682,7 +10682,7 @@ const ScrollAreaViewport = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		O
 	]), useIsoLayoutEffect(() => {
 		u.current?.matches(":hover") && w(!0);
-	}, [u, w]), React$1.useEffect(() => {
+	}, [u, w]), React.useEffect(() => {
 		let t = u.current;
 		if (typeof ResizeObserver > "u" || !t) return;
 		let n = new ResizeObserver(N);
@@ -10718,7 +10718,7 @@ const ScrollAreaViewport = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		onPointerMove: P,
 		onPointerEnter: P,
 		onKeyDown: P
-	}, I = React$1.useMemo(() => ({
+	}, I = React.useMemo(() => ({
 		hasOverflowX: !S.scrollbarXHidden,
 		hasOverflowY: !S.scrollbarYHidden,
 		overflowXStart: E.xStart,
@@ -10736,25 +10736,25 @@ const ScrollAreaViewport = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		state: I,
 		props: [F, l],
 		stateAttributesMapping: scrollAreaStateAttributesMapping
-	}), R = React$1.useMemo(() => ({ computeThumbPosition: N }), [N]);
+	}), R = React.useMemo(() => ({ computeThumbPosition: N }), [N]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaViewportContext.Provider, {
 		value: R,
 		children: L
 	});
 });
 process.env.NODE_ENV !== "production" && (ScrollAreaViewport.displayName = "ScrollAreaViewport");
-const ScrollAreaScrollbarContext = /* @__PURE__ */ React$1.createContext(void 0);
+const ScrollAreaScrollbarContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (ScrollAreaScrollbarContext.displayName = "ScrollAreaScrollbarContext");
 function useScrollAreaScrollbarContext() {
-	let n = React$1.useContext(ScrollAreaScrollbarContext);
+	let n = React.useContext(ScrollAreaScrollbarContext);
 	if (n === void 0) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(54) : "Base UI: ScrollAreaScrollbarContext is missing. ScrollAreaScrollbar parts must be placed within <ScrollArea.Scrollbar>.");
 	return n;
 }
 let ScrollAreaScrollbarCssVars = /* @__PURE__ */ function(t) {
 	return t.scrollAreaThumbHeight = "--scroll-area-thumb-height", t.scrollAreaThumbWidth = "--scroll-area-thumb-width", t;
 }({});
-const ScrollAreaScrollbar = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { render: s, className: c, orientation: l = "vertical", keepMounted: u = !1, ...d } = n, { hovering: f, scrollingX: m, scrollingY: h, hiddenState: g, overflowEdges: _, scrollbarYRef: v, scrollbarXRef: y, viewportRef: b, thumbYRef: x, thumbXRef: S, handlePointerDown: C, handlePointerUp: w, rootId: T, thumbSize: E } = useScrollAreaRootContext(), D = React$1.useMemo(() => ({
+const ScrollAreaScrollbar = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { render: s, className: c, orientation: l = "vertical", keepMounted: u = !1, ...d } = n, { hovering: f, scrollingX: m, scrollingY: h, hiddenState: g, overflowEdges: _, scrollbarYRef: v, scrollbarXRef: y, viewportRef: b, thumbYRef: x, thumbXRef: S, handlePointerDown: C, handlePointerUp: w, rootId: T, thumbSize: E } = useScrollAreaRootContext(), D = React.useMemo(() => ({
 		hovering: f,
 		scrolling: {
 			horizontal: m,
@@ -10776,7 +10776,7 @@ const ScrollAreaScrollbar = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		g,
 		_
 	]), O = useDirection();
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		let t = b.current, n = l === "vertical" ? v.current : y.current;
 		if (!n) return;
 		function i(i) {
@@ -10838,15 +10838,15 @@ const ScrollAreaScrollbar = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		state: D,
 		props: [k, d],
 		stateAttributesMapping: scrollAreaStateAttributesMapping
-	}), j = React$1.useMemo(() => ({ orientation: l }), [l]), M = l === "vertical" ? g.scrollbarYHidden : g.scrollbarXHidden;
+	}), j = React.useMemo(() => ({ orientation: l }), [l]), M = l === "vertical" ? g.scrollbarYHidden : g.scrollbarXHidden;
 	return u || !M ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaScrollbarContext.Provider, {
 		value: j,
 		children: A
 	}) : null;
 });
 process.env.NODE_ENV !== "production" && (ScrollAreaScrollbar.displayName = "ScrollAreaScrollbar");
-const ScrollAreaThumb = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { render: s, className: c, ...l } = n, { thumbYRef: u, thumbXRef: d, handlePointerDown: f, handlePointerMove: m, handlePointerUp: h, setScrollingX: g, setScrollingY: _ } = useScrollAreaRootContext(), { orientation: v } = useScrollAreaScrollbarContext(), y = React$1.useMemo(() => ({ orientation: v }), [v]);
+const ScrollAreaThumb = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { render: s, className: c, ...l } = n, { thumbYRef: u, thumbXRef: d, handlePointerDown: f, handlePointerMove: m, handlePointerUp: h, setScrollingX: g, setScrollingY: _ } = useScrollAreaRootContext(), { orientation: v } = useScrollAreaScrollbarContext(), y = React.useMemo(() => ({ orientation: v }), [v]);
 	return useRenderElement("div", n, {
 		ref: [i, v === "vertical" ? u : d],
 		state: y,
@@ -10864,7 +10864,7 @@ const ScrollAreaThumb = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	});
 });
 process.env.NODE_ENV !== "production" && (ScrollAreaThumb.displayName = "ScrollAreaThumb");
-const ScrollAreaCorner = /* @__PURE__ */ React$1.forwardRef(function(t, n) {
+const ScrollAreaCorner = /* @__PURE__ */ React.forwardRef(function(t, n) {
 	let { render: i, className: s, ...c } = t, { cornerRef: l, cornerSize: u, hiddenState: d } = useScrollAreaRootContext(), f = useRenderElement("div", t, {
 		ref: [n, l],
 		props: [{ style: {
@@ -10912,10 +10912,10 @@ const ScrollArea = (t) => {
 			x
 		]
 	}), n[20] = c, n[21] = l, n[22] = m, n[23] = h, n[24] = b, n[25] = S) : S = n[25], S;
-}, TooltipRootContext = /* @__PURE__ */ React$1.createContext(void 0);
+}, TooltipRootContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (TooltipRootContext.displayName = "TooltipRootContext");
 function useTooltipRootContext(n) {
-	let i = React$1.useContext(TooltipRootContext);
+	let i = React.useContext(TooltipRootContext);
 	if (i === void 0 && !n) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(72) : "Base UI: TooltipRootContext is missing. Tooltip parts must be placed within <Tooltip.Root>.");
 	return i;
 }
@@ -10934,7 +10934,7 @@ var selectors = {
 			...createInitialState(),
 			...n
 		}, {
-			popupRef: /* @__PURE__ */ React$1.createRef(),
+			popupRef: /* @__PURE__ */ React.createRef(),
 			onOpenChange: void 0,
 			onOpenChangeComplete: void 0,
 			triggerElements: new PopupTriggerMap()
@@ -10995,7 +10995,7 @@ function TooltipRoot(n) {
 		i,
 		y
 	]), y.useSyncedValue("disabled", i), useImplicitActiveTrigger(y);
-	let { forceUnmount: w, transitionStatus: T } = useOpenStateTransitions(C, y), E = y.useState("isInstantPhase"), D = y.useState("instantType"), O = y.useState("lastOpenChangeReason"), k = React$1.useRef(null);
+	let { forceUnmount: w, transitionStatus: T } = useOpenStateTransitions(C, y), E = y.useState("isInstantPhase"), D = y.useState("instantType"), O = y.useState("lastOpenChangeReason"), k = React.useRef(null);
 	useIsoLayoutEffect(() => {
 		T === "ending" && O === "none" || T !== "ending" && E ? (D !== "delay" && (k.current = D), y.set("instantType", "delay")) : k.current !== null && (y.set("instantType", k.current), k.current = null);
 	}, [
@@ -11011,10 +11011,10 @@ function TooltipRoot(n) {
 		x,
 		C
 	]);
-	let A = React$1.useCallback(() => {
+	let A = React.useCallback(() => {
 		y.setOpen(!1, createTooltipEventDetails(y, imperativeAction));
 	}, [y]);
-	React$1.useImperativeHandle(d, () => ({
+	React.useImperativeHandle(d, () => ({
 		unmount: w,
 		close: A
 	}), [w, A]);
@@ -11028,7 +11028,7 @@ function TooltipRoot(n) {
 			enabled: !i && u !== "none",
 			axis: u === "none" ? void 0 : u
 		})
-	]), F = React$1.useMemo(() => M(), [M]), I = React$1.useMemo(() => P(), [P]), L = React$1.useMemo(() => N(), [N]);
+	]), F = React.useMemo(() => M(), [M]), I = React.useMemo(() => P(), [P]), L = React.useMemo(() => N(), [N]);
 	return y.useSyncedValues({
 		floatingRootContext: j,
 		activeTriggerProps: F,
@@ -11045,15 +11045,15 @@ function createTooltipEventDetails(t, n) {
 		t.set("preventUnmountingOnClose", !0);
 	}, i;
 }
-const TooltipProviderContext = /* @__PURE__ */ React$1.createContext(void 0);
+const TooltipProviderContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (TooltipProviderContext.displayName = "TooltipProviderContext");
 function useTooltipProviderContext() {
-	return React$1.useContext(TooltipProviderContext);
+	return React.useContext(TooltipProviderContext);
 }
-const TooltipTrigger$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const TooltipTrigger$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { className: s, render: c, handle: l, payload: u, disabled: d, delay: f, closeDelay: m, id: h, ...g } = n, _ = useTooltipRootContext(!0), v = l?.store ?? _;
 	if (!v) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(82) : "Base UI: <Tooltip.Trigger> must be either used within a <Tooltip.Root> component or provided with a handle.");
-	let y = useBaseUiId(h), x = v.useState("isTriggerActive", y), S = v.useState("floatingRootContext"), C = v.useState("isOpenedByTrigger", y), w = React$1.useRef(null), T = f ?? 600, E = m ?? 0, { registerTrigger: D, isMountedByThisTrigger: O } = useTriggerDataForwarding(y, w, v, {
+	let y = useBaseUiId(h), x = v.useState("isTriggerActive", y), S = v.useState("floatingRootContext"), C = v.useState("isOpenedByTrigger", y), w = React.useRef(null), T = f ?? 600, E = m ?? 0, { registerTrigger: D, isMountedByThisTrigger: O } = useTriggerDataForwarding(y, w, v, {
 		payload: u,
 		closeDelay: E
 	}), k = useTooltipProviderContext(), { delayRef: A, isInstantPhase: j, hasProvider: M } = useDelayGroup(S, { open: C });
@@ -11073,7 +11073,7 @@ const TooltipTrigger$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		},
 		triggerElementRef: w,
 		isActiveTrigger: x
-	}), R = React$1.useMemo(() => ({ open: C }), [C]), z = v.useState("triggerProps", O);
+	}), R = React.useMemo(() => ({ open: C }), [C]), z = v.useState("triggerProps", O);
 	return useRenderElement("button", n, {
 		state: R,
 		ref: [
@@ -11091,24 +11091,24 @@ const TooltipTrigger$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	});
 });
 process.env.NODE_ENV !== "production" && (TooltipTrigger$1.displayName = "TooltipTrigger");
-const TooltipPortalContext = /* @__PURE__ */ React$1.createContext(void 0);
+const TooltipPortalContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (TooltipPortalContext.displayName = "TooltipPortalContext");
 function useTooltipPortalContext() {
-	let n = React$1.useContext(TooltipPortalContext);
+	let n = React.useContext(TooltipPortalContext);
 	if (n === void 0) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(70) : "Base UI: <Tooltip.Portal> is missing.");
 	return n;
 }
-const FloatingPortalLite = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const FloatingPortalLite = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { children: s, container: c, className: l, render: u, ...d } = n, { portalNode: f, portalSubtree: h } = useFloatingPortalNode({
 		container: c,
 		ref: i,
 		componentProps: n,
 		elementProps: d
 	});
-	return !h && !f ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(React$1.Fragment, { children: [h, f && /* @__PURE__ */ ReactDOM.createPortal(s, f)] });
+	return !h && !f ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(React.Fragment, { children: [h, f && /* @__PURE__ */ ReactDOM.createPortal(s, f)] });
 });
 process.env.NODE_ENV !== "production" && (FloatingPortalLite.displayName = "FloatingPortalLite");
-const TooltipPortal = /* @__PURE__ */ React$1.forwardRef(function(t, n) {
+const TooltipPortal = /* @__PURE__ */ React.forwardRef(function(t, n) {
 	let { keepMounted: i = !1, ...s } = t;
 	return useTooltipRootContext().useState("mounted") || i ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPortalContext.Provider, {
 		value: i,
@@ -11119,10 +11119,10 @@ const TooltipPortal = /* @__PURE__ */ React$1.forwardRef(function(t, n) {
 	}) : null;
 });
 process.env.NODE_ENV !== "production" && (TooltipPortal.displayName = "TooltipPortal");
-const TooltipPositionerContext = /* @__PURE__ */ React$1.createContext(void 0);
+const TooltipPositionerContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (TooltipPositionerContext.displayName = "TooltipPositionerContext");
 function useTooltipPositionerContext() {
-	let n = React$1.useContext(TooltipPositionerContext);
+	let n = React.useContext(TooltipPositionerContext);
 	if (n === void 0) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(71) : "Base UI: TooltipPositionerContext is missing. TooltipPositioner parts must be placed within <Tooltip.Positioner>.");
 	return n;
 }
@@ -11222,7 +11222,7 @@ function getOffsetData(t, n, i) {
 	};
 }
 function useAnchorPositioning(n) {
-	let { anchor: i, positionMethod: s = "absolute", side: c = "bottom", sideOffset: l = 0, align: u = "center", alignOffset: d = 0, collisionBoundary: f, collisionPadding: m = 5, sticky: h = !1, arrowPadding: g = 5, disableAnchorTracking: _ = !1, keepMounted: v = !1, floatingRootContext: y, mounted: b, collisionAvoidance: x, shiftCrossAxis: S = !1, nodeId: C, adaptiveOrigin: w, lazyFlip: T = !1, externalTree: E } = n, [D, O] = React$1.useState(null);
+	let { anchor: i, positionMethod: s = "absolute", side: c = "bottom", sideOffset: l = 0, align: u = "center", alignOffset: d = 0, collisionBoundary: f, collisionPadding: m = 5, sticky: h = !1, arrowPadding: g = 5, disableAnchorTracking: _ = !1, keepMounted: v = !1, floatingRootContext: y, mounted: b, collisionAvoidance: x, shiftCrossAxis: S = !1, nodeId: C, adaptiveOrigin: w, lazyFlip: T = !1, externalTree: E } = n, [D, O] = React.useState(null);
 	!b && D !== null && O(null);
 	let k = x.side || "flip", A = x.align || "flip", j = x.fallbackAxisSide || "end", M = typeof i == "function" ? i : void 0, N = useStableCallback(M), P = M ? N : i, F = useValueAsRef(i), I = useDirection() === "rtl", L = D || {
 		top: "top",
@@ -11246,7 +11246,7 @@ function useAnchorPositioning(n) {
 	let W = {
 		boundary: f === "clipping-ancestors" ? "clippingAncestors" : f,
 		padding: z
-	}, G = React$1.useRef(null), K = useValueAsRef(l), q = useValueAsRef(d), J = [offset((t) => {
+	}, G = React.useRef(null), K = useValueAsRef(l), q = useValueAsRef(d), J = [offset((t) => {
 		let n = getOffsetData(t, c, I), i = typeof K.current == "function" ? K.current(n) : K.current, s = typeof q.current == "function" ? q.current(n) : q.current;
 		return {
 			mainAxis: i,
@@ -11328,7 +11328,7 @@ function useAnchorPositioning(n) {
 			domReferenceElement: null
 		});
 	}, [b, y]);
-	let fh = React$1.useMemo(() => ({
+	let fh = React.useMemo(() => ({
 		elementResize: !_ && typeof ResizeObserver < "u",
 		layoutShift: !_ && typeof IntersectionObserver < "u"
 	}), [_]), { refs: ph, elements: $, x: mh, y: hh, middlewareData: gh, update: _h, placement: vh, context: yh, isPositioned: bh, floatingStyles: xh } = useFloating({
@@ -11339,7 +11339,7 @@ function useAnchorPositioning(n) {
 		whileElementsMounted: v ? void 0 : (...t) => autoUpdate(...t, fh),
 		nodeId: C,
 		externalTree: E
-	}), { sideX: Sh, sideY: Ch } = gh.adaptiveOrigin || DEFAULT_SIDES, wh = bh ? s : "fixed", Th = React$1.useMemo(() => w ? {
+	}), { sideX: Sh, sideY: Ch } = gh.adaptiveOrigin || DEFAULT_SIDES, wh = bh ? s : "fixed", Th = React.useMemo(() => w ? {
 		position: wh,
 		[Sh]: mh,
 		[Ch]: hh
@@ -11354,7 +11354,7 @@ function useAnchorPositioning(n) {
 		Ch,
 		hh,
 		xh
-	]), Eh = React$1.useRef(null);
+	]), Eh = React.useRef(null);
 	useIsoLayoutEffect(() => {
 		if (!b) return;
 		let t = F.current, n = typeof t == "function" ? t() : t, i = (isRef(n) ? n.current : n) || null;
@@ -11364,7 +11364,7 @@ function useAnchorPositioning(n) {
 		ph,
 		P,
 		F
-	]), React$1.useEffect(() => {
+	]), React.useEffect(() => {
 		if (!b) return;
 		let t = F.current;
 		typeof t != "function" && isRef(t) && t.current !== Eh.current && (ph.setPositionReference(t.current), Eh.current = t.current);
@@ -11373,7 +11373,7 @@ function useAnchorPositioning(n) {
 		ph,
 		P,
 		F
-	]), React$1.useEffect(() => {
+	]), React.useEffect(() => {
 		if (v && b && $.domReference && $.floating) return autoUpdate($.domReference, $.floating, _h, fh);
 	}, [
 		v,
@@ -11391,12 +11391,12 @@ function useAnchorPositioning(n) {
 		bh,
 		Dh
 	]);
-	let jh = React$1.useMemo(() => ({
+	let jh = React.useMemo(() => ({
 		position: "absolute",
 		top: gh.arrow?.y,
 		left: gh.arrow?.x
 	}), [gh.arrow]), Mh = gh.arrow?.centerOffset !== 0;
-	return React$1.useMemo(() => ({
+	return React.useMemo(() => ({
 		positionerStyles: Th,
 		arrowStyles: jh,
 		arrowRef: G,
@@ -11430,7 +11430,7 @@ function isRef(t) {
 function getDisabledMountTransitionStyles(t) {
 	return t === "starting" ? DISABLED_TRANSITIONS_STYLE : EMPTY_OBJECT;
 }
-const TooltipPositioner = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const TooltipPositioner = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { render: s, className: c, anchor: l, positionMethod: u = "absolute", side: d = "top", align: f = "center", sideOffset: m = 0, alignOffset: h = 0, collisionBoundary: g = "clipping-ancestors", collisionPadding: _ = 5, arrowPadding: v = 5, sticky: y = !1, disableAnchorTracking: b = !1, collisionAvoidance: x = POPUP_COLLISION_AVOIDANCE, ...S } = n, C = useTooltipRootContext(), w = useTooltipPortalContext(), T = C.useState("open"), E = C.useState("mounted"), D = C.useState("trackCursorAxis"), O = C.useState("disableHoverablePopup"), k = C.useState("floatingRootContext"), A = C.useState("instantType"), j = C.useState("transitionStatus"), M = useAnchorPositioning({
 		anchor: l,
 		positionMethod: u,
@@ -11448,7 +11448,7 @@ const TooltipPositioner = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		keepMounted: w,
 		collisionAvoidance: x,
 		adaptiveOrigin
-	}), N = React$1.useMemo(() => {
+	}), N = React.useMemo(() => {
 		let t = {};
 		return (!T || D === "both" || O) && (t.pointerEvents = "none"), {
 			role: "presentation",
@@ -11464,7 +11464,7 @@ const TooltipPositioner = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		O,
 		E,
 		M.positionerStyles
-	]), P = React$1.useMemo(() => ({
+	]), P = React.useMemo(() => ({
 		open: T,
 		side: M.side,
 		align: M.align,
@@ -11477,7 +11477,7 @@ const TooltipPositioner = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		M.anchorHidden,
 		D,
 		A
-	]), F = React$1.useMemo(() => ({
+	]), F = React.useMemo(() => ({
 		...P,
 		arrowRef: M.arrowRef,
 		arrowStyles: M.arrowStyles,
@@ -11512,7 +11512,7 @@ function getCssDimensions(t) {
 }
 var supportsResizeObserver = typeof ResizeObserver < "u", DEFAULT_ENABLED = () => !0;
 function usePopupAutoResize(n) {
-	let { popupElement: i, positionerElement: s, content: c, mounted: l, enabled: u = DEFAULT_ENABLED, onMeasureLayout: d, onMeasureLayoutComplete: f, side: m, direction: h } = n, g = React$1.useRef(!0), _ = useAnimationsFinished(i, !0, !1), v = useAnimationFrame(), y = React$1.useRef(null), b = useStableCallback(d), x = useStableCallback(f), S = React$1.useMemo(() => {
+	let { popupElement: i, positionerElement: s, content: c, mounted: l, enabled: u = DEFAULT_ENABLED, onMeasureLayout: d, onMeasureLayoutComplete: f, side: m, direction: h } = n, g = React.useRef(!0), _ = useAnimationsFinished(i, !0, !1), v = useAnimationFrame(), y = React.useRef(null), b = useStableCallback(d), x = useStableCallback(f), S = React.useMemo(() => {
 		let t = m === "top", n = m === "left";
 		return h === "rtl" ? (t ||= m === "inline-end", n ||= m === "inline-end") : (t ||= m === "inline-start", n ||= m === "inline-start"), t ? {
 			position: "absolute",
@@ -11579,7 +11579,7 @@ var stateAttributesMapping$3 = {
 	...popupStateMapping,
 	...transitionStatusMapping
 };
-const TooltipPopup = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const TooltipPopup = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { className: s, render: c, ...l } = n, u = useTooltipRootContext(), { side: d, align: f } = useTooltipPositionerContext(), m = u.useState("open"), h = u.useState("mounted"), g = u.useState("instantType"), _ = u.useState("transitionStatus"), v = u.useState("popupProps"), y = u.useState("payload"), b = u.useState("popupElement"), x = u.useState("positionerElement"), S = u.useState("floatingRootContext"), C = useDirection();
 	useOpenChangeComplete({
 		open: m,
@@ -11602,7 +11602,7 @@ const TooltipPopup = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		positionerElement: x,
 		mounted: h,
 		content: y,
-		enabled: React$1.useCallback(() => u.context.triggerElements.size > 1, [u]),
+		enabled: React.useCallback(() => u.context.triggerElements.size > 1, [u]),
 		onMeasureLayout: w,
 		onMeasureLayoutComplete: T,
 		side: d,
@@ -11613,7 +11613,7 @@ const TooltipPopup = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		enabled: !E,
 		closeDelay: D
 	}), useRenderElement("div", n, {
-		state: React$1.useMemo(() => ({
+		state: React.useMemo(() => ({
 			open: m,
 			side: d,
 			align: f,
@@ -11640,10 +11640,10 @@ const TooltipPopup = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	});
 });
 process.env.NODE_ENV !== "production" && (TooltipPopup.displayName = "TooltipPopup");
-const TooltipArrow = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const TooltipArrow = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { className: s, render: c, ...l } = n, u = useTooltipRootContext().useState("instantType"), { open: d, arrowRef: f, side: m, align: h, arrowUncentered: g, arrowStyles: _ } = useTooltipPositionerContext();
 	return useRenderElement("div", n, {
-		state: React$1.useMemo(() => ({
+		state: React.useMemo(() => ({
 			open: d,
 			side: m,
 			align: h,
@@ -11666,10 +11666,10 @@ const TooltipArrow = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 });
 process.env.NODE_ENV !== "production" && (TooltipArrow.displayName = "TooltipArrow");
 const TooltipProvider = function(n) {
-	let { delay: i, closeDelay: s, timeout: c = 400 } = n, l = React$1.useMemo(() => ({
+	let { delay: i, closeDelay: s, timeout: c = 400 } = n, l = React.useMemo(() => ({
 		delay: i,
 		closeDelay: s
-	}), [i, s]), u = React$1.useMemo(() => ({
+	}), [i, s]), u = React.useMemo(() => ({
 		open: i,
 		close: s
 	}), [i, s]);
@@ -11726,30 +11726,30 @@ const TooltipContent = (t) => {
 			children: [u, i]
 		})
 	}) }), n[7] = i, n[8] = c, n[9] = l, n[10] = d) : d = n[10], d;
-}, SliderHandle = ({ sliderInstance: n, isActive: i, onKeyDownHandler: s, onMouseDownHandler: c, onTouchStart: l, value: u, className: d, children: f, ref: m, ...h }) => {
-	let [g, _] = React$1.useState(!1);
+}, SliderHandle = ({ sliderInstance: t, isActive: n, onKeyDownHandler: i, onMouseDownHandler: s, onTouchStart: c, value: l, className: u, children: d, ref: m, ...h }) => {
+	let [g, _] = useState(!1);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip, {
-		open: i || g,
+		open: n || g,
 		trackCursorAxis: "x",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger, { render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-			onKeyDown: s,
-			onMouseDown: c,
-			onTouchStart: l,
+			onKeyDown: i,
+			onMouseDown: s,
+			onTouchStart: c,
 			onMouseEnter: () => _(!0),
 			onMouseLeave: () => _(!1),
 			role: "slider",
-			"aria-valuemin": n.options.min,
-			"aria-valuemax": n.options.max,
-			"aria-valuenow": u,
+			"aria-valuemin": t.options.min,
+			"aria-valuemax": t.options.max,
+			"aria-valuenow": l,
 			style: {
-				left: `${n.getPercentageForValue(u)}%`,
-				zIndex: i ? "1" : "0"
+				left: `${t.getPercentageForValue(l)}%`,
+				zIndex: n ? "1" : "0"
 			},
-			className: cn("absolute top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full outline-none border-2 border-primary bg-surface-container hover:cursor-pointer active:border-secondary hover:border-secondary transition-[width,height,border] aspect-square", i ? "size-md shadow-4-shadow" : "size-sm shadow-1-shadow", d),
+			className: cn("absolute top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full outline-none border-2 border-primary bg-surface-container hover:cursor-pointer active:border-secondary hover:border-secondary transition-[width,height,border] aspect-square", n ? "size-md shadow-4-shadow" : "size-sm shadow-1-shadow", u),
 			ref: m,
 			...h,
-			children: f
-		}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: u }) })]
+			children: d
+		}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: l }) })]
 	});
 }, SliderSegment = ({ index: t, steps: n, left: i, width: s, className: c, children: l, ref: u, ...d }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 	className: cn("absolute bg-primary h-full rounded-full inset-shadow-1-shadow", c),
@@ -11891,57 +11891,57 @@ var getBoundingClientRect = (t) => {
 			...t
 		};
 	}
-}, useIsomorphicLayoutEffect = typeof window < "u" ? React$1.useLayoutEffect : React$1.useEffect;
+}, useIsomorphicLayoutEffect = typeof window < "u" ? React.useLayoutEffect : React.useEffect;
 function useRanger(n) {
-	let i = React$1.useReducer(() => ({}), {})[1], s = {
+	let i = React.useReducer(() => ({}), {})[1], s = {
 		...n,
 		rerender: i,
 		onChange: (t) => {
 			i(), n.onChange?.(t);
 		}
-	}, [c] = React$1.useState(() => new Ranger(s));
+	}, [c] = React.useState(() => new Ranger(s));
 	return c.setOptions(s), useIsomorphicLayoutEffect(() => c._willUpdate()), c;
 }
-const Slider = ({ leadingIcon: n, trailingIcon: i, min: s, max: c, stepSize: l, defaultValues: u, showTickLabels: d, label: f, className: m, ref: h, ...g }) => {
-	let _ = React$1.useRef(null), [v, y] = React$1.useState(u || [50]), b = useRanger({
-		getRangerElement: () => _.current,
-		values: v,
-		min: s ?? 0,
-		max: c ?? 100,
-		stepSize: l ?? 1,
+const Slider = ({ leadingIcon: t, trailingIcon: n, min: i, max: s, stepSize: c, defaultValues: l, showTickLabels: u, label: m, className: h, ref: g, ..._ }) => {
+	let v = useRef(null), [y, b] = useState(l || [50]), x = useRanger({
+		getRangerElement: () => v.current,
+		values: y,
+		min: i ?? 0,
+		max: s ?? 100,
+		stepSize: c ?? 1,
 		onChange: (t) => {
-			y(t.sortedValues);
+			b(t.sortedValues);
 		}
 	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		ref: h,
-		className: cn("space-y-2xs", m),
-		...g,
-		children: [f && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		ref: g,
+		className: cn("space-y-2xs", h),
+		..._,
+		children: [m && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
 			className: "style-text-default--1 text-on-surface-variant",
-			children: f
+			children: m
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			className: "flex items-center w-full gap-sm",
 			children: [
-				n && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(n, {
+				t && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(t, {
 					className: "size-sm",
 					weight: "bold"
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SliderTrack, {
-					sliderRef: _,
+					sliderRef: v,
 					children: [
-						d && b.getTicks().map(({ value: t, key: n, percentage: i }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderTick, {
+						u && x.getTicks().map(({ value: t, key: n, percentage: i }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderTick, {
 							percentage: i,
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderTickLabel, { children: t })
 						}, n)),
-						b.getSteps().map(({ left: t, width: n }, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderSegment, {
+						x.getSteps().map(({ left: t, width: n }, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderSegment, {
 							index: i,
-							steps: b.getSteps().length,
+							steps: x.getSteps().length,
 							left: t,
 							width: n
 						}, i)),
-						b.handles().map(({ isActive: t, onKeyDownHandler: n, onMouseDownHandler: i, onTouchStart: s, value: c }, l) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderHandle, {
-							sliderInstance: b,
+						x.handles().map(({ isActive: t, onKeyDownHandler: n, onMouseDownHandler: i, onTouchStart: s, value: c }, l) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderHandle, {
+							sliderInstance: x,
 							isActive: t,
 							onKeyDownHandler: n,
 							onMouseDownHandler: i,
@@ -11950,17 +11950,17 @@ const Slider = ({ leadingIcon: n, trailingIcon: i, min: s, max: c, stepSize: l,
 						}, l))
 					]
 				}),
-				i && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(i, {
+				n && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(n, {
 					className: "size-sm",
 					weight: "bold"
 				})
 			]
 		})]
 	});
-}, SwitchRootContext = /* @__PURE__ */ React$1.createContext(void 0);
+}, SwitchRootContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (SwitchRootContext.displayName = "SwitchRootContext");
 function useSwitchRootContext() {
-	let n = React$1.useContext(SwitchRootContext);
+	let n = React.useContext(SwitchRootContext);
 	if (n === void 0) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(63) : "Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>.");
 	return n;
 }
@@ -11972,8 +11972,8 @@ const stateAttributesMapping$2 = {
 	checked(t) {
 		return t ? { [SwitchRootDataAttributes.checked]: "" } : { [SwitchRootDataAttributes.unchecked]: "" };
 	}
-}, SwitchRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { checked: s, className: c, defaultChecked: l, id: u, inputRef: d, name: f, nativeButton: m = !1, onCheckedChange: h, readOnly: g = !1, required: _ = !1, disabled: v = !1, render: y, uncheckedValue: b, ...x } = n, { clearErrors: S } = useFormContext(), { state: w, setTouched: T, setDirty: E, validityData: D, setFilled: O, setFocused: k, shouldValidateOnChange: A, validationMode: j, disabled: M, name: N, validation: P } = useFieldRootContext(), { labelId: F } = useLabelableContext(), I = M || v, R = N ?? f, z = useStableCallback(h), B = React$1.useRef(null), V = useMergedRefs(B, d, P.inputRef), H = React$1.useRef(null), U = useBaseUiId(), W = useLabelableId({
+}, SwitchRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { checked: s, className: c, defaultChecked: l, id: u, inputRef: d, name: f, nativeButton: m = !1, onCheckedChange: h, readOnly: g = !1, required: _ = !1, disabled: v = !1, render: y, uncheckedValue: b, ...x } = n, { clearErrors: S } = useFormContext(), { state: w, setTouched: T, setDirty: E, validityData: D, setFilled: O, setFocused: k, shouldValidateOnChange: A, validationMode: j, disabled: M, name: N, validation: P } = useFieldRootContext(), { labelId: F } = useLabelableContext(), I = M || v, R = N ?? f, z = useStableCallback(h), B = React.useRef(null), V = useMergedRefs(B, d, P.inputRef), H = React.useRef(null), U = useBaseUiId(), W = useLabelableId({
 		id: u,
 		implicit: !1,
 		controlRef: H
@@ -12014,7 +12014,7 @@ const stateAttributesMapping$2 = {
 		onClick(t) {
 			g || I || (t.preventDefault(), B?.current?.click());
 		}
-	}, X = React$1.useMemo(() => mergeProps({
+	}, X = React.useMemo(() => mergeProps({
 		checked: G,
 		disabled: I,
 		id: W,
@@ -12043,7 +12043,7 @@ const stateAttributesMapping$2 = {
 		_,
 		K,
 		P
-	]), Z = React$1.useMemo(() => ({
+	]), Z = React.useMemo(() => ({
 		...w,
 		checked: G,
 		disabled: I,
@@ -12084,7 +12084,7 @@ const stateAttributesMapping$2 = {
 	});
 });
 process.env.NODE_ENV !== "production" && (SwitchRoot.displayName = "SwitchRoot");
-const SwitchThumb = /* @__PURE__ */ React$1.forwardRef(function(t, n) {
+const SwitchThumb = /* @__PURE__ */ React.forwardRef(function(t, n) {
 	let { render: i, className: s, ...c } = t, { state: l } = useFieldRootContext(), u = useSwitchRootContext();
 	return useRenderElement("span", t, {
 		state: {
@@ -12122,7 +12122,7 @@ const Switch = (t) => {
 		className: "flex items-center gap-xs",
 		children: [f, m]
 	}), n[15] = f, n[16] = m, n[17] = h) : h = n[17], h;
-}, TabsOrientationContext = React$1.createContext("vertical"), CompositeListContext = /* @__PURE__ */ React$1.createContext({
+}, TabsOrientationContext = createContext("vertical"), CompositeListContext = /* @__PURE__ */ React.createContext({
 	register: () => {},
 	unregister: () => {},
 	subscribeMapChange: () => () => {},
@@ -12131,14 +12131,14 @@ const Switch = (t) => {
 });
 process.env.NODE_ENV !== "production" && (CompositeListContext.displayName = "CompositeListContext");
 function useCompositeListContext() {
-	return React$1.useContext(CompositeListContext);
+	return React.useContext(CompositeListContext);
 }
 function CompositeList(n) {
-	let { children: i, elementsRef: s, labelsRef: c, onMapChange: l } = n, u = useStableCallback(l), d = React$1.useRef(0), f = useRefWithInit(createListeners).current, m = useRefWithInit(createMap).current, [h, g] = React$1.useState(0), _ = React$1.useRef(h), v = useStableCallback((t, n) => {
+	let { children: i, elementsRef: s, labelsRef: c, onMapChange: l } = n, u = useStableCallback(l), d = React.useRef(0), f = useRefWithInit(createListeners).current, m = useRefWithInit(createMap).current, [h, g] = React.useState(0), _ = React.useRef(h), v = useStableCallback((t, n) => {
 		m.set(t, n ?? null), _.current += 1, g(_.current);
 	}), y = useStableCallback((t) => {
 		m.delete(t), _.current += 1, g(_.current);
-	}), b = React$1.useMemo(() => {
+	}), b = React.useMemo(() => {
 		let t = /* @__PURE__ */ new Map();
 		return Array.from(m.keys()).filter((t) => t.isConnected).sort(sortByDocumentPosition).forEach((n, i) => {
 			let s = m.get(n) ?? {};
@@ -12180,7 +12180,7 @@ function CompositeList(n) {
 	useIsoLayoutEffect(() => {
 		f.forEach((t) => t(b));
 	}, [f, b]);
-	let C = React$1.useMemo(() => ({
+	let C = React.useMemo(() => ({
 		register: v,
 		unregister: y,
 		subscribeMapChange: x,
@@ -12210,23 +12210,23 @@ function sortByDocumentPosition(t, n) {
 	let i = t.compareDocumentPosition(n);
 	return i & Node.DOCUMENT_POSITION_FOLLOWING || i & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING || i & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
 }
-const TabsRootContext = /* @__PURE__ */ React$1.createContext(void 0);
+const TabsRootContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (TabsRootContext.displayName = "TabsRootContext");
 function useTabsRootContext() {
-	let n = React$1.useContext(TabsRootContext);
+	let n = React.useContext(TabsRootContext);
 	if (n === void 0) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(64) : "Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>.");
 	return n;
 }
 let TabsRootDataAttributes = /* @__PURE__ */ function(t) {
 	return t.activationDirection = "data-activation-direction", t.orientation = "data-orientation", t;
 }({});
-const tabsStateAttributesMapping = { tabActivationDirection: (t) => ({ [TabsRootDataAttributes.activationDirection]: t }) }, TabsRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { className: s, defaultValue: c = 0, onValueChange: l, orientation: u = "horizontal", render: d, value: f, ...m } = n, h = useDirection(), g = Object.hasOwn(n, "defaultValue"), _ = React$1.useRef([]), [v, y] = React$1.useState(() => /* @__PURE__ */ new Map()), [b, x] = useControlled({
+const tabsStateAttributesMapping = { tabActivationDirection: (t) => ({ [TabsRootDataAttributes.activationDirection]: t }) }, TabsRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { className: s, defaultValue: c = 0, onValueChange: l, orientation: u = "horizontal", render: d, value: f, ...m } = n, h = useDirection(), g = Object.hasOwn(n, "defaultValue"), _ = React.useRef([]), [v, y] = React.useState(() => /* @__PURE__ */ new Map()), [b, x] = useControlled({
 		controlled: f,
 		default: c,
 		name: "Tabs",
 		state: "value"
-	}), S = f !== void 0, [C, w] = React$1.useState(() => /* @__PURE__ */ new Map()), [T, E] = React$1.useState("none"), D = useStableCallback((t, n) => {
+	}), S = f !== void 0, [C, w] = React.useState(() => /* @__PURE__ */ new Map()), [T, E] = React.useState("none"), D = useStableCallback((t, n) => {
 		l?.(t, n), !n.isCanceled && (x(t), E(n.activationDirection));
 	}), O = useStableCallback((t, n) => {
 		y((i) => {
@@ -12240,13 +12240,13 @@ const tabsStateAttributesMapping = { tabActivationDirection: (t) => ({ [TabsRoot
 			let s = new Map(i);
 			return s.delete(t), s;
 		});
-	}), A = React$1.useCallback((t) => v.get(t), [v]), j = React$1.useCallback((t) => {
+	}), A = React.useCallback((t) => v.get(t), [v]), j = React.useCallback((t) => {
 		for (let n of C.values()) if (t === n?.value) return n?.id;
-	}, [C]), M = React$1.useCallback((t) => {
+	}, [C]), M = React.useCallback((t) => {
 		if (t === void 0) return null;
 		for (let [n, i] of C.entries()) if (i != null && t === (i.value ?? i.index)) return n;
 		return null;
-	}, [C]), N = React$1.useMemo(() => ({
+	}, [C]), N = React.useMemo(() => ({
 		direction: h,
 		getTabElementBySelectedValue: M,
 		getTabIdByPanelValue: j,
@@ -12270,9 +12270,9 @@ const tabsStateAttributesMapping = { tabActivationDirection: (t) => ({ [TabsRoot
 		k,
 		T,
 		b
-	]), P = React$1.useMemo(() => {
+	]), P = React.useMemo(() => {
 		for (let t of C.values()) if (t != null && t.value === b) return t;
-	}, [C, b]), F = React$1.useMemo(() => {
+	}, [C, b]), F = React.useMemo(() => {
 		for (let t of C.values()) if (t != null && !t.disabled) return t.value;
 	}, [C]);
 	useIsoLayoutEffect(() => {
@@ -12314,13 +12314,13 @@ let IndexGuessBehavior = /* @__PURE__ */ function(t) {
 	return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
 }({});
 function useCompositeListItem(n = {}) {
-	let { label: i, metadata: s, textRef: c, indexGuessBehavior: l, index: u } = n, { register: d, unregister: f, subscribeMapChange: m, elementsRef: h, labelsRef: g, nextIndexRef: _ } = useCompositeListContext(), v = React$1.useRef(-1), [y, b] = React$1.useState(u ?? (l === IndexGuessBehavior.GuessFromOrder ? () => {
+	let { label: i, metadata: s, textRef: c, indexGuessBehavior: l, index: u } = n, { register: d, unregister: f, subscribeMapChange: m, elementsRef: h, labelsRef: g, nextIndexRef: _ } = useCompositeListContext(), v = React.useRef(-1), [y, b] = React.useState(u ?? (l === IndexGuessBehavior.GuessFromOrder ? () => {
 		if (v.current === -1) {
 			let t = _.current;
 			_.current += 1, v.current = t;
 		}
 		return v.current;
-	} : -1)), x = React$1.useRef(null), S = React$1.useCallback((t) => {
+	} : -1)), x = React.useRef(null), S = React.useCallback((t) => {
 		if (x.current = t, y !== -1 && t !== null && (h.current[y] = t, g)) {
 			let n = i !== void 0;
 			g.current[y] = n ? i : c?.current?.textContent ?? t.textContent;
@@ -12352,15 +12352,15 @@ function useCompositeListItem(n = {}) {
 		u,
 		m,
 		b
-	]), React$1.useMemo(() => ({
+	]), React.useMemo(() => ({
 		ref: S,
 		index: y
 	}), [y, S]);
 }
 function useCompositeItem(n = {}) {
-	let { highlightItemOnHover: i, highlightedIndex: s, onHighlightedIndexChange: c } = useCompositeRootContext(), { ref: l, index: u } = useCompositeListItem(n), d = s === u, f = React$1.useRef(null), m = useMergedRefs(l, f);
+	let { highlightItemOnHover: i, highlightedIndex: s, onHighlightedIndexChange: c } = useCompositeRootContext(), { ref: l, index: u } = useCompositeListItem(n), d = s === u, f = React.useRef(null), m = useMergedRefs(l, f);
 	return {
-		compositeProps: React$1.useMemo(() => ({
+		compositeProps: React.useMemo(() => ({
 			tabIndex: d ? 0 : -1,
 			onFocus() {
 				c(u);
@@ -12381,15 +12381,15 @@ function useCompositeItem(n = {}) {
 		index: u
 	};
 }
-const TabsListContext = /* @__PURE__ */ React$1.createContext(void 0);
+const TabsListContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (TabsListContext.displayName = "TabsListContext");
 function useTabsListContext() {
-	let n = React$1.useContext(TabsListContext);
+	let n = React.useContext(TabsListContext);
 	if (n === void 0) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(65) : "Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.");
 	return n;
 }
-const TabsTab$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { className: s, disabled: c = !1, render: l, value: u, id: d, nativeButton: f = !0, ...m } = n, { value: h, getTabPanelIdByValue: g, orientation: _ } = useTabsRootContext(), { activateOnFocus: v, highlightedTabIndex: y, onTabActivation: b, setHighlightedTabIndex: x, tabsListElement: S } = useTabsListContext(), C = useBaseUiId(d), { compositeProps: w, compositeRef: T, index: E } = useCompositeItem({ metadata: React$1.useMemo(() => ({
+const TabsTab$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { className: s, disabled: c = !1, render: l, value: u, id: d, nativeButton: f = !0, ...m } = n, { value: h, getTabPanelIdByValue: g, orientation: _ } = useTabsRootContext(), { activateOnFocus: v, highlightedTabIndex: y, onTabActivation: b, setHighlightedTabIndex: x, tabsListElement: S } = useTabsListContext(), C = useBaseUiId(d), { compositeProps: w, compositeRef: T, index: E } = useCompositeItem({ metadata: React.useMemo(() => ({
 		disabled: c,
 		id: C,
 		value: u
@@ -12397,7 +12397,7 @@ const TabsTab$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		c,
 		C,
 		u
-	]) }), D = u === h, O = React$1.useRef(!1);
+	]) }), D = u === h, O = React.useRef(!1);
 	useIsoLayoutEffect(() => {
 		if (O.current) {
 			O.current = !1;
@@ -12422,7 +12422,7 @@ const TabsTab$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		disabled: c,
 		native: f,
 		focusableWhenDisabled: !0
-	}), j = g(u), M = React$1.useRef(!1), N = React$1.useRef(!1);
+	}), j = g(u), M = React.useRef(!1), N = React.useRef(!1);
 	function P(t) {
 		D || c || b(u, createChangeEventDetails(none, t.nativeEvent, void 0, { activationDirection: "none" }));
 	}
@@ -12438,7 +12438,7 @@ const TabsTab$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		(!t.button || t.button === 0) && (N.current = !0, ownerDocument(t.currentTarget).addEventListener("pointerup", n, { once: !0 }));
 	}
 	return useRenderElement("button", n, {
-		state: React$1.useMemo(() => ({
+		state: React.useMemo(() => ({
 			disabled: c,
 			active: D,
 			orientation: _
@@ -12481,11 +12481,11 @@ var stateAttributesMapping$1 = {
 	activeTabPosition: () => null,
 	activeTabSize: () => null
 };
-const TabsIndicator$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { className: s, render: c, renderBeforeHydration: l = !1, ...u } = n, { getTabElementBySelectedValue: d, orientation: f, tabActivationDirection: m, value: h } = useTabsRootContext(), { tabsListElement: g } = useTabsListContext(), [_, v] = React$1.useState(!1), { value: y } = useTabsRootContext();
+const TabsIndicator$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { className: s, render: c, renderBeforeHydration: l = !1, ...u } = n, { getTabElementBySelectedValue: d, orientation: f, tabActivationDirection: m, value: h } = useTabsRootContext(), { tabsListElement: g } = useTabsListContext(), [_, v] = React.useState(!1), { value: y } = useTabsRootContext();
 	useOnMount(() => v(!0));
 	let b = useForcedRerendering();
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (h != null && g != null && typeof ResizeObserver < "u") {
 			let t = new ResizeObserver(b);
 			return t.observe(g), () => {
@@ -12509,7 +12509,7 @@ const TabsIndicator$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 			T = n, E = i, S = g.scrollWidth - x - T, w = g.scrollHeight - C - E;
 		}
 	}
-	let O = React$1.useMemo(() => D ? {
+	let O = React.useMemo(() => D ? {
 		left: x,
 		right: S,
 		top: C,
@@ -12520,14 +12520,14 @@ const TabsIndicator$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		C,
 		w,
 		D
-	]), k = React$1.useMemo(() => D ? {
+	]), k = React.useMemo(() => D ? {
 		width: T,
 		height: E
 	} : null, [
 		T,
 		E,
 		D
-	]), A = React$1.useMemo(() => {
+	]), A = React.useMemo(() => {
 		if (D) return {
 			[TabsIndicatorCssVars.activeTabLeft]: `${x}px`,
 			[TabsIndicatorCssVars.activeTabRight]: `${S}px`,
@@ -12545,7 +12545,7 @@ const TabsIndicator$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		E,
 		D
 	]), j = D && T > 0 && E > 0, M = useRenderElement("span", n, {
-		state: React$1.useMemo(() => ({
+		state: React.useMemo(() => ({
 			orientation: f,
 			activeTabPosition: O,
 			activeTabSize: k,
@@ -12568,7 +12568,7 @@ const TabsIndicator$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		],
 		stateAttributesMapping: stateAttributesMapping$1
 	});
-	return y == null ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(React$1.Fragment, { children: [M, !_ && l && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", {
+	return y == null ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(React.Fragment, { children: [M, !_ && l && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", {
 		dangerouslySetInnerHTML: { __html: "!function(){const t=document.currentScript.previousElementSibling;if(!t)return;const e=t.closest('[role=\"tablist\"]');if(!e)return;const i=e.querySelector(\"[data-active]\");if(!i)return;if(0===i.offsetWidth||0===e.offsetWidth)return;let o=0,n=0,h=0,l=0,r=0,f=0;function s(t){const e=getComputedStyle(t);let i=parseFloat(e.width)||0,o=parseFloat(e.height)||0;return(Math.round(i)!==t.offsetWidth||Math.round(o)!==t.offsetHeight)&&(i=t.offsetWidth,o=t.offsetHeight),{width:i,height:o}}if(null!=i&&null!=e){const{width:t,height:c}=s(i),{width:u,height:d}=s(e),a=i.getBoundingClientRect(),g=e.getBoundingClientRect(),p=u>0?g.width/u:1,b=d>0?g.height/d:1;if(Math.abs(p)>Number.EPSILON&&Math.abs(b)>Number.EPSILON){const t=a.left-g.left,i=a.top-g.top;o=t/p+e.scrollLeft-e.clientLeft,h=i/b+e.scrollTop-e.clientTop}else o=i.offsetLeft,h=i.offsetTop;r=t,f=c,n=e.scrollWidth-o-r,l=e.scrollHeight-h-f}function c(e,i){t.style.setProperty(`--active-tab-${e}`,`${i}px`)}c(\"left\",o),c(\"right\",n),c(\"top\",h),c(\"bottom\",l),c(\"width\",r),c(\"height\",f),r>0&&f>0&&t.removeAttribute(\"hidden\")}();" },
 		suppressHydrationWarning: !0
 	})] });
@@ -12577,12 +12577,12 @@ process.env.NODE_ENV !== "production" && (TabsIndicator$1.displayName = "TabsInd
 let TabsPanelDataAttributes = /* @__PURE__ */ function(t) {
 	return t.index = "data-index", t.activationDirection = "data-activation-direction", t.orientation = "data-orientation", t.hidden = "data-hidden", t;
 }({});
-const TabsPanel$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { className: s, value: c, render: l, keepMounted: u = !1, ...d } = n, { value: f, getTabIdByPanelValue: m, orientation: h, tabActivationDirection: g, registerMountedTabPanel: _, unregisterMountedTabPanel: v } = useTabsRootContext(), y = useBaseUiId(), { ref: b, index: x } = useCompositeListItem({ metadata: React$1.useMemo(() => ({
+const TabsPanel$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { className: s, value: c, render: l, keepMounted: u = !1, ...d } = n, { value: f, getTabIdByPanelValue: m, orientation: h, tabActivationDirection: g, registerMountedTabPanel: _, unregisterMountedTabPanel: v } = useTabsRootContext(), y = useBaseUiId(), { ref: b, index: x } = useCompositeListItem({ metadata: React.useMemo(() => ({
 		id: y,
 		value: c
 	}), [y, c]) }), S = c !== f, C = m(c), w = useRenderElement("div", n, {
-		state: React$1.useMemo(() => ({
+		state: React.useMemo(() => ({
 			hidden: S,
 			orientation: h,
 			tabActivationDirection: g
@@ -12621,7 +12621,7 @@ function isElementDisabled(t) {
 }
 var EMPTY_ARRAY$1 = [];
 function useCompositeRoot(n) {
-	let { itemSizes: i, cols: s = 1, loopFocus: c = !0, dense: l = !1, orientation: u = "both", direction: d, highlightedIndex: f, onHighlightedIndexChange: m, rootRef: h, enableHomeAndEndKeys: g = !1, stopEventPropagation: _ = !1, disabledIndices: v, modifierKeys: y = EMPTY_ARRAY$1 } = n, [b, x] = React$1.useState(0), S = s > 1, w = React$1.useRef(null), T = useMergedRefs(w, h), E = React$1.useRef([]), D = React$1.useRef(!1), O = f ?? b, k = useStableCallback((t, n = !1) => {
+	let { itemSizes: i, cols: s = 1, loopFocus: c = !0, dense: l = !1, orientation: u = "both", direction: d, highlightedIndex: f, onHighlightedIndexChange: m, rootRef: h, enableHomeAndEndKeys: g = !1, stopEventPropagation: _ = !1, disabledIndices: v, modifierKeys: y = EMPTY_ARRAY$1 } = n, [b, x] = React.useState(0), S = s > 1, w = React.useRef(null), T = useMergedRefs(w, h), E = React.useRef([]), D = React.useRef(!1), O = f ?? b, k = useStableCallback((t, n = !1) => {
 		if ((m ?? x)(t), n) {
 			let n = E.current[t];
 			scrollIntoViewIfNeeded(w.current, n, d, u);
@@ -12631,7 +12631,7 @@ function useCompositeRoot(n) {
 		D.current = !0;
 		let n = Array.from(t.keys()), i = n.find((t) => t?.hasAttribute("data-composite-item-active")) ?? null, s = i ? n.indexOf(i) : -1;
 		s !== -1 && k(s), scrollIntoViewIfNeeded(w.current, i, d, u);
-	}), j = React$1.useMemo(() => ({
+	}), j = React.useMemo(() => ({
 		"aria-orientation": u === "both" ? void 0 : u,
 		ref: T,
 		onFocus(t) {
@@ -12709,7 +12709,7 @@ function useCompositeRoot(n) {
 		u,
 		_
 	]);
-	return React$1.useMemo(() => ({
+	return React.useMemo(() => ({
 		props: j,
 		highlightedIndex: O,
 		onHighlightedIndexChange: k,
@@ -12754,7 +12754,7 @@ function CompositeRoot(n) {
 			O
 		],
 		stateAttributesMapping: d
-	}), I = React$1.useMemo(() => ({
+	}), I = React.useMemo(() => ({
 		highlightedIndex: A,
 		onHighlightedIndexChange: j,
 		highlightItemOnHover: E,
@@ -12776,16 +12776,16 @@ function CompositeRoot(n) {
 		})
 	});
 }
-const TabsList$1 = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { activateOnFocus: s = !1, className: c, loopFocus: l = !0, render: u, ...d } = n, { getTabElementBySelectedValue: f, onValueChange: m, orientation: h, value: g, setTabMap: _, tabActivationDirection: v } = useTabsRootContext(), [y, b] = React$1.useState(0), [x, S] = React$1.useState(null), C = useActivationDirectionDetector(g, h, x, f), w = useStableCallback((t, n) => {
+const TabsList$1 = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { activateOnFocus: s = !1, className: c, loopFocus: l = !0, render: u, ...d } = n, { getTabElementBySelectedValue: f, onValueChange: m, orientation: h, value: g, setTabMap: _, tabActivationDirection: v } = useTabsRootContext(), [y, b] = React.useState(0), [x, S] = React.useState(null), C = useActivationDirectionDetector(g, h, x, f), w = useStableCallback((t, n) => {
 		t !== g && (n.activationDirection = C(t), m(t, n));
-	}), T = React$1.useMemo(() => ({
+	}), T = React.useMemo(() => ({
 		orientation: h,
 		tabActivationDirection: v
 	}), [h, v]), E = {
 		"aria-orientation": h === "vertical" ? "vertical" : void 0,
 		role: "tablist"
-	}, D = React$1.useMemo(() => ({
+	}, D = React.useMemo(() => ({
 		activateOnFocus: s,
 		highlightedTabIndex: y,
 		onTabActivation: w,
@@ -12828,7 +12828,7 @@ function getInset(t, n) {
 	};
 }
 function useActivationDirectionDetector(n, i, s, c) {
-	let [l, u] = React$1.useState(null);
+	let [l, u] = React.useState(null);
 	return useIsoLayoutEffect(() => {
 		if (n == null || s == null) {
 			u(null);
@@ -12846,7 +12846,7 @@ function useActivationDirectionDetector(n, i, s, c) {
 		c,
 		s,
 		n
-	]), React$1.useCallback((t) => {
+	]), React.useCallback((t) => {
 		if (t === n) return "none";
 		if (t == null) return u(null), "none";
 		if (t != null && s != null) {
@@ -12871,56 +12871,56 @@ function useActivationDirectionDetector(n, i, s, c) {
 	]);
 }
 var import_compiler_runtime$5 = require_compiler_runtime();
-const TabsIndicator = (n) => {
-	let i = (0, import_compiler_runtime$5.c)(13), s, c;
-	if (i[0] === n ? (s = i[1], c = i[2]) : ({className: s, ...c} = n, i[0] = n, i[1] = s, i[2] = c), React$1.useContext(TabsOrientationContext) === "horizontal") {
+const TabsIndicator = (t) => {
+	let n = (0, import_compiler_runtime$5.c)(13), i, c;
+	if (n[0] === t ? (i = n[1], c = n[2]) : ({className: i, ...c} = t, n[0] = t, n[1] = i, n[2] = c), useContext(TabsOrientationContext) === "horizontal") {
 		let t;
-		i[3] === s ? t = i[4] : (t = cn("absolute left-1/2 h-11 md:h-12 top-0 z-[-1] w-(--active-tab-width) translate-y-(--active-tab-top) -translate-x-1/2 rounded-2xl md:rounded-full bg-surface-brand-primary-default transition-all duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]", s), i[3] = s, i[4] = t);
-		let n;
-		return i[5] !== c || i[6] !== t ? (n = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsIndicator$1, {
+		n[3] === i ? t = n[4] : (t = cn("absolute left-1/2 h-11 md:h-12 top-0 z-[-1] w-(--active-tab-width) translate-y-(--active-tab-top) -translate-x-1/2 rounded-2xl md:rounded-full bg-surface-brand-primary-default transition-all duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]", i), n[3] = i, n[4] = t);
+		let s;
+		return n[5] !== c || n[6] !== t ? (s = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsIndicator$1, {
 			className: t,
 			...c
-		}), i[5] = c, i[6] = t, i[7] = n) : n = i[7], n;
+		}), n[5] = c, n[6] = t, n[7] = s) : s = n[7], s;
 	}
 	let l;
-	i[8] === s ? l = i[9] : (l = cn("absolute top-1/2 h-11 md:h-12 left-0 z-[-1] w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-1/2 rounded-full bg-surface-brand-primary-default transition-all duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]", s), i[8] = s, i[9] = l);
+	n[8] === i ? l = n[9] : (l = cn("absolute top-1/2 h-11 md:h-12 left-0 z-[-1] w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-1/2 rounded-full bg-surface-brand-primary-default transition-all duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]", i), n[8] = i, n[9] = l);
 	let u;
-	return i[10] !== c || i[11] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsIndicator$1, {
+	return n[10] !== c || n[11] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsIndicator$1, {
 		className: l,
 		...c
-	}), i[10] = c, i[11] = l, i[12] = u) : u = i[12], u;
+	}), n[10] = c, n[11] = l, n[12] = u) : u = n[12], u;
 };
 var import_compiler_runtime$4 = require_compiler_runtime();
-const TabsList = (n) => {
-	let i = (0, import_compiler_runtime$4.c)(13), s, c;
-	if (i[0] === n ? (s = i[1], c = i[2]) : ({className: s, ...c} = n, i[0] = n, i[1] = s, i[2] = c), React$1.useContext(TabsOrientationContext) === "horizontal") {
+const TabsList = (t) => {
+	let n = (0, import_compiler_runtime$4.c)(13), i, c;
+	if (n[0] === t ? (i = n[1], c = n[2]) : ({className: i, ...c} = t, n[0] = t, n[1] = i, n[2] = c), useContext(TabsOrientationContext) === "horizontal") {
 		let t;
-		i[3] === s ? t = i[4] : (t = cn("relative z-0 flex flex-col h-fit grow gap-2 p-2 bg-surface-neutral-primary-default rounded-3xl", s), i[3] = s, i[4] = t);
-		let n;
-		return i[5] !== c || i[6] !== t ? (n = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsList$1, {
+		n[3] === i ? t = n[4] : (t = cn("relative z-0 flex flex-col h-fit grow gap-2 p-2 bg-surface-neutral-primary-default rounded-3xl", i), n[3] = i, n[4] = t);
+		let s;
+		return n[5] !== c || n[6] !== t ? (s = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsList$1, {
 			className: t,
 			...c
-		}), i[5] = c, i[6] = t, i[7] = n) : n = i[7], n;
+		}), n[5] = c, n[6] = t, n[7] = s) : s = n[7], s;
 	}
 	let l;
-	i[8] === s ? l = i[9] : (l = cn("relative z-0 flex gap-1 p-2 bg-surface-neutral-primary-default rounded-full", s), i[8] = s, i[9] = l);
+	n[8] === i ? l = n[9] : (l = cn("relative z-0 flex gap-1 p-2 bg-surface-neutral-primary-default rounded-full", i), n[8] = i, n[9] = l);
 	let u;
-	return i[10] !== c || i[11] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsList$1, {
+	return n[10] !== c || n[11] !== l ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsList$1, {
 		className: l,
 		...c
-	}), i[10] = c, i[11] = l, i[12] = u) : u = i[12], u;
+	}), n[10] = c, n[11] = l, n[12] = u) : u = n[12], u;
 };
 var import_compiler_runtime$3 = require_compiler_runtime();
-const TabsPanel = (n) => {
-	let i = (0, import_compiler_runtime$3.c)(9), s, c;
-	i[0] === n ? (s = i[1], c = i[2]) : ({className: s, ...c} = n, i[0] = n, i[1] = s, i[2] = c);
-	let l = React$1.useContext(TabsOrientationContext) === "horizontal" ? "flex-1 min-h-0 h-full" : "grow", u;
-	i[3] !== s || i[4] !== l ? (u = cn("relative rounded-xl bg-surface-neutral-primary-default", l, "flex items-center justify-center p-4 overflow-auto", s), i[3] = s, i[4] = l, i[5] = u) : u = i[5];
+const TabsPanel = (t) => {
+	let n = (0, import_compiler_runtime$3.c)(9), i, c;
+	n[0] === t ? (i = n[1], c = n[2]) : ({className: i, ...c} = t, n[0] = t, n[1] = i, n[2] = c);
+	let l = useContext(TabsOrientationContext) === "horizontal" ? "flex-1 min-h-0 h-full" : "grow", u;
+	n[3] !== i || n[4] !== l ? (u = cn("relative rounded-xl bg-surface-neutral-primary-default", l, "flex items-center justify-center p-4 overflow-auto", i), n[3] = i, n[4] = l, n[5] = u) : u = n[5];
 	let d;
-	return i[6] !== c || i[7] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPanel$1, {
+	return n[6] !== c || n[7] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPanel$1, {
 		className: u,
 		...c
-	}), i[6] = c, i[7] = u, i[8] = d) : d = i[8], d;
+	}), n[6] = c, n[7] = u, n[8] = d) : d = n[8], d;
 };
 var import_compiler_runtime$2 = require_compiler_runtime();
 const TabsTab = (t) => {
@@ -12935,45 +12935,45 @@ const TabsTab = (t) => {
 	}), n[5] = s, n[6] = c, n[7] = l) : l = n[7], l;
 };
 var import_compiler_runtime$1 = require_compiler_runtime();
-const Tabs = (n) => {
-	let i = (0, import_compiler_runtime$1.c)(15), { className: s, ref: c, ...l } = n, [u, d] = React$1.useState(l.orientation ?? "vertical");
-	if (React$1.useEffect(() => {
+const Tabs = (t) => {
+	let n = (0, import_compiler_runtime$1.c)(15), { className: i, ref: s, ...l } = t, [u, d] = useState(l.orientation ?? "vertical");
+	if (useEffect(() => {
 		let t = () => {
 			window.innerWidth < 768 ? d("horizontal") : d(l.orientation ?? "vertical");
 		};
 		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
 	}, [l.orientation]), l.orientation = u, l.orientation === "horizontal") {
-		let t = l.orientation, n;
-		i[0] === s ? n = i[1] : (n = cn("flex flex-wrap gap-4 overflow-auto", s), i[0] = s, i[1] = n);
+		let t = l.orientation, c;
+		n[0] === i ? c = n[1] : (c = cn("flex flex-wrap gap-4 overflow-auto", i), n[0] = i, n[1] = c);
 		let u;
-		i[2] !== l || i[3] !== c || i[4] !== n ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRoot, {
-			className: n,
-			ref: c,
+		n[2] !== l || n[3] !== s || n[4] !== c ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRoot, {
+			className: c,
+			ref: s,
 			...l
-		}), i[2] = l, i[3] = c, i[4] = n, i[5] = u) : u = i[5];
+		}), n[2] = l, n[3] = s, n[4] = c, n[5] = u) : u = n[5];
 		let d;
-		return i[6] !== l.orientation || i[7] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsOrientationContext.Provider, {
+		return n[6] !== l.orientation || n[7] !== u ? (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsOrientationContext.Provider, {
 			value: t,
 			children: u
-		}), i[6] = l.orientation, i[7] = u, i[8] = d) : d = i[8], d;
+		}), n[6] = l.orientation, n[7] = u, n[8] = d) : d = n[8], d;
 	}
-	let f;
-	i[9] === s ? f = i[10] : (f = cn("flex flex-col gap-2 overflow-clip", s), i[9] = s, i[10] = f);
 	let m;
-	return i[11] !== l || i[12] !== c || i[13] !== f ? (m = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRoot, {
-		className: f,
-		ref: c,
+	n[9] === i ? m = n[10] : (m = cn("flex flex-col gap-2 overflow-clip", i), n[9] = i, n[10] = m);
+	let h;
+	return n[11] !== l || n[12] !== s || n[13] !== m ? (h = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRoot, {
+		className: m,
+		ref: s,
 		...l
-	}), i[11] = l, i[12] = c, i[13] = f, i[14] = m) : m = i[14], m;
+	}), n[11] = l, n[12] = s, n[13] = m, n[14] = h) : h = n[14], h;
 };
 var counter = 0;
 function generateId(t) {
 	return counter += 1, `${t}-${Math.random().toString(36).slice(2, 6)}-${counter}`;
 }
-const ToastContext = /* @__PURE__ */ React$1.createContext(void 0);
+const ToastContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (ToastContext.displayName = "ToastContext");
 function useToastContext() {
-	let n = React$1.useContext(ToastContext);
+	let n = React.useContext(ToastContext);
 	if (!n) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(73) : "Base UI: useToastManager must be used within <Toast.Provider>.");
 	return n;
 }
@@ -12986,9 +12986,9 @@ function resolvePromiseOptions(t, n) {
 	return t;
 }
 const ToastProvider$1 = function(n) {
-	let { children: i, timeout: s = 5e3, limit: c = 3, toastManager: l } = n, [u, d] = React$1.useState([]), [f, m] = React$1.useState(!1), [h, g] = React$1.useState(!1), [_, v] = React$1.useState(null);
+	let { children: i, timeout: s = 5e3, limit: c = 3, toastManager: l } = n, [u, d] = React.useState([]), [f, m] = React.useState(!1), [h, g] = React.useState(!1), [_, v] = React.useState(null);
 	u.length === 0 && (f && m(!1), h && g(!1));
-	let y = f || h, b = React$1.useRef(/* @__PURE__ */ new Map()), x = React$1.useRef(null), S = React$1.useRef(!0), C = React$1.useRef(!1);
+	let y = f || h, b = React.useRef(/* @__PURE__ */ new Map()), x = React.useRef(null), S = React.useRef(!0), C = React.useRef(!1);
 	function w(t) {
 		let n = activeElement(ownerDocument(x.current));
 		if (!x.current || !contains(x.current, n) || !matchesFocusVisible(n)) return;
@@ -13107,7 +13107,7 @@ const ToastProvider$1 = function(n) {
 		});
 		return {}.hasOwnProperty.call(n, "setPromise") && n.setPromise(c), c;
 	});
-	React$1.useEffect(function() {
+	React.useEffect(function() {
 		if (l) return l[" subscribe"](({ action: t, options: n }) => {
 			let i = n.id;
 			t === "promise" && n.promise ? M(n.promise, n) : t === "update" && i ? j(i, n) : t === "close" && i ? D(i) : A(n);
@@ -13121,7 +13121,7 @@ const ToastProvider$1 = function(n) {
 		M,
 		D
 	]);
-	let N = React$1.useMemo(() => ({
+	let N = React.useMemo(() => ({
 		toasts: u,
 		setToasts: d,
 		hovering: f,
@@ -13162,14 +13162,14 @@ const ToastProvider$1 = function(n) {
 	});
 };
 process.env.NODE_ENV !== "production" && (ToastProvider$1.displayName = "ToastProvider");
-const ToastViewportContext = /* @__PURE__ */ React$1.createContext(void 0);
+const ToastViewportContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (ToastViewportContext.displayName = "ToastViewportContext");
 let ToastViewportCssVars = /* @__PURE__ */ function(t) {
 	return t.frontmostHeight = "--toast-frontmost-height", t;
 }({});
-const ToastViewport = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { render: s, className: c, children: l, ...u } = n, { toasts: d, pauseTimers: f, resumeTimers: m, setHovering: h, setFocused: g, viewportRef: _, windowFocusedRef: v, prevFocusElement: y, setPrevFocusElement: b, expanded: x, focused: S } = useToastContext(), C = React$1.useRef(!1), w = React$1.useRef(!1), T = d.length, E = d[0]?.height ?? 0, D = React$1.useMemo(() => d.some((t) => t.transitionStatus === "ending"), [d]);
-	React$1.useEffect(() => {
+const ToastViewport = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { render: s, className: c, children: l, ...u } = n, { toasts: d, pauseTimers: f, resumeTimers: m, setHovering: h, setFocused: g, viewportRef: _, windowFocusedRef: v, prevFocusElement: y, setPrevFocusElement: b, expanded: x, focused: S } = useToastContext(), C = React.useRef(!1), w = React.useRef(!1), T = d.length, E = d[0]?.height ?? 0, D = React.useMemo(() => d.some((t) => t.transitionStatus === "ending"), [d]);
+	React.useEffect(() => {
 		if (!_.current) return;
 		function t(t) {
 			T !== 0 && t.key === "F6" && t.target !== _.current && (t.preventDefault(), b(activeElement(ownerDocument(_.current))), _.current?.focus({ preventScroll: !0 }), f(), g(!0));
@@ -13184,7 +13184,7 @@ const ToastViewport = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		b,
 		T,
 		_
-	]), React$1.useEffect(() => {
+	]), React.useEffect(() => {
 		if (!_.current || !T) return;
 		let t = getWindow(_.current);
 		function n(n) {
@@ -13207,7 +13207,7 @@ const ToastViewport = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		v,
 		g,
 		T
-	]), React$1.useEffect(() => {
+	]), React.useEffect(() => {
 		let t = _.current;
 		if (!t || T === 0) return;
 		let n = ownerDocument(t);
@@ -13230,7 +13230,7 @@ const ToastViewport = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	function k(t) {
 		t.key === "Tab" && t.shiftKey && t.target === _.current && (t.preventDefault(), y?.focus({ preventScroll: !0 }), m());
 	}
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		!v.current || D || !w.current || (m(), h(!1), w.current = !1);
 	}, [
 		D,
@@ -13268,20 +13268,20 @@ const ToastViewport = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		onBlur: N,
 		onKeyDown: k,
 		onClick: M
-	}, F = React$1.useMemo(() => ({ expanded: x }), [x]), I = useRenderElement("div", n, {
+	}, F = React.useMemo(() => ({ expanded: x }), [x]), I = useRenderElement("div", n, {
 		ref: [i, _],
 		state: F,
 		props: [
 			P,
 			{ style: { [ToastViewportCssVars.frontmostHeight]: E ? `${E}px` : void 0 } },
 			u,
-			{ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(React$1.Fragment, { children: [
+			{ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(React.Fragment, { children: [
 				T > 0 && y && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusGuard, { onFocus: O }),
 				l,
 				T > 0 && y && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusGuard, { onFocus: O })
 			] }) }
 		]
-	}), L = React$1.useMemo(() => ({ viewportRef: _ }), [_]), R = React$1.useMemo(() => d.filter((t) => t.priority === "high"), [d]);
+	}), L = React.useMemo(() => ({ viewportRef: _ }), [_]), R = React.useMemo(() => d.filter((t) => t.priority === "high"), [d]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToastViewportContext.Provider, {
 		value: L,
 		children: [
@@ -13299,10 +13299,10 @@ const ToastViewport = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	});
 });
 process.env.NODE_ENV !== "production" && (ToastViewport.displayName = "ToastViewport");
-const ToastRootContext = /* @__PURE__ */ React$1.createContext(void 0);
+const ToastRootContext = /* @__PURE__ */ React.createContext(void 0);
 process.env.NODE_ENV !== "production" && (ToastRootContext.displayName = "ToastRootContext");
 function useToastRootContext() {
-	let n = React$1.useContext(ToastRootContext);
+	let n = React.useContext(ToastRootContext);
 	if (!n) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(66) : "Base UI: ToastRootContext is missing. Toast parts must be used within <Toast.Root>.");
 	return n;
 }
@@ -13339,27 +13339,27 @@ function getElementTransform(t) {
 		scale: c
 	};
 }
-const ToastRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const ToastRoot = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { toast: s, render: c, className: l, swipeDirection: u = ["down", "right"], ...d } = n, f = s.positionerProps?.anchor !== void 0, h = [];
 	f || (h = Array.isArray(u) ? u : [u]);
-	let g = h.length > 0, { toasts: _, focused: v, close: y, remove: b, setToasts: x, pauseTimers: S, expanded: C, setHovering: w } = useToastContext(), [T, E] = React$1.useState(void 0), [D, O] = React$1.useState(!1), [k, A] = React$1.useState(!1), [j, M] = React$1.useState(!1), [N, P] = React$1.useState({
+	let g = h.length > 0, { toasts: _, focused: v, close: y, remove: b, setToasts: x, pauseTimers: S, expanded: C, setHovering: w } = useToastContext(), [T, E] = React.useState(void 0), [D, O] = React.useState(!1), [k, A] = React.useState(!1), [j, M] = React.useState(!1), [N, P] = React.useState({
 		x: 0,
 		y: 0
-	}), [F, I] = React$1.useState({
+	}), [F, I] = React.useState({
 		x: 0,
 		y: 0,
 		scale: 1
-	}), [L, R] = React$1.useState(), [z, B] = React$1.useState(), [V, H] = React$1.useState(null), U = React$1.useRef(null), W = React$1.useRef({
+	}), [L, R] = React.useState(), [z, B] = React.useState(), [V, H] = React.useState(null), U = React.useRef(null), W = React.useRef({
 		x: 0,
 		y: 0
-	}), G = React$1.useRef({
+	}), G = React.useRef({
 		x: 0,
 		y: 0,
 		scale: 1
-	}), K = React$1.useRef(void 0), q = React$1.useRef(0), J = React$1.useRef(!1), Y = React$1.useRef({
+	}), K = React.useRef(void 0), q = React.useRef(0), J = React.useRef(!1), Y = React.useRef({
 		x: 0,
 		y: 0
-	}), X = React$1.useRef(!1), Z = React$1.useMemo(() => _.indexOf(s), [s, _]), Q = React$1.useMemo(() => _.filter((t) => t.transitionStatus !== "ending").indexOf(s), [s, _]), fh = React$1.useMemo(() => _.slice(0, _.indexOf(s)).reduce((t, n) => t + (n.height || 0), 0), [_, s]);
+	}), X = React.useRef(!1), Z = React.useMemo(() => _.indexOf(s), [s, _]), Q = React.useMemo(() => _.filter((t) => t.transitionStatus !== "ending").indexOf(s), [s, _]), fh = React.useMemo(() => _.slice(0, _.indexOf(s)).reduce((t, n) => t + (n.height || 0), 0), [_, s]);
 	useOpenChangeComplete({
 		open: s.transitionStatus !== "ending",
 		ref: U,
@@ -13480,7 +13480,7 @@ const ToastRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 			y(s.id);
 		}
 	}
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (!g) return;
 		let t = U.current;
 		if (!t) return;
@@ -13522,7 +13522,7 @@ const ToastRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 			[ToastRootCssVars.offsetY]: `${fh}px`,
 			[ToastRootCssVars.height]: s.height ? `${s.height}px` : void 0
 		}
-	}, Ch = React$1.useMemo(() => ({
+	}, Ch = React.useMemo(() => ({
 		rootRef: U,
 		toast: s,
 		titleId: L,
@@ -13545,7 +13545,7 @@ const ToastRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 		Z,
 		Q,
 		C
-	]), wh = React$1.useMemo(() => ({
+	]), wh = React.useMemo(() => ({
 		transitionStatus: s.transitionStatus,
 		expanded: C,
 		limited: s.limited || !1,
@@ -13571,7 +13571,7 @@ const ToastRoot = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	});
 });
 process.env.NODE_ENV !== "production" && (ToastRoot.displayName = "ToastRoot");
-const ToastDescription = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const ToastDescription = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { render: s, className: c, id: l, children: u, ...d } = n, { toast: f } = useToastRootContext(), m = u ?? f.description, h = !!m, g = useId(l), { setDescriptionId: _ } = useToastRootContext();
 	useIsoLayoutEffect(() => {
 		if (h) return _(g), () => {
@@ -13584,7 +13584,7 @@ const ToastDescription = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	]);
 	let v = useRenderElement("p", n, {
 		ref: i,
-		state: React$1.useMemo(() => ({ type: f.type }), [f.type]),
+		state: React.useMemo(() => ({ type: f.type }), [f.type]),
 		props: {
 			...d,
 			id: g,
@@ -13594,7 +13594,7 @@ const ToastDescription = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	return h ? v : null;
 });
 process.env.NODE_ENV !== "production" && (ToastDescription.displayName = "ToastDescription");
-const ToastTitle = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
+const ToastTitle = /* @__PURE__ */ React.forwardRef(function(n, i) {
 	let { render: s, className: c, id: l, children: u, ...d } = n, { toast: f } = useToastRootContext(), m = u ?? f.title, h = !!m, g = useId(l), { setTitleId: _ } = useToastRootContext();
 	useIsoLayoutEffect(() => {
 		if (h) return _(g), () => {
@@ -13607,7 +13607,7 @@ const ToastTitle = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	]);
 	let v = useRenderElement("h2", n, {
 		ref: i,
-		state: React$1.useMemo(() => ({ type: f.type }), [f.type]),
+		state: React.useMemo(() => ({ type: f.type }), [f.type]),
 		props: {
 			...d,
 			id: g,
@@ -13617,11 +13617,11 @@ const ToastTitle = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 	return h ? v : null;
 });
 process.env.NODE_ENV !== "production" && (ToastTitle.displayName = "ToastTitle");
-const ToastClose = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
-	let { render: s, className: c, disabled: l, nativeButton: u = !0, ...d } = n, { close: f, expanded: m } = useToastContext(), { toast: h } = useToastRootContext(), [g, _] = React$1.useState(!1), { getButtonProps: v, buttonRef: y } = useButton({
+const ToastClose = /* @__PURE__ */ React.forwardRef(function(n, i) {
+	let { render: s, className: c, disabled: l, nativeButton: u = !0, ...d } = n, { close: f, expanded: m } = useToastContext(), { toast: h } = useToastRootContext(), [g, _] = React.useState(!1), { getButtonProps: v, buttonRef: y } = useButton({
 		disabled: l,
 		native: u
-	}), b = React$1.useMemo(() => ({ type: h.type }), [h.type]);
+	}), b = React.useMemo(() => ({ type: h.type }), [h.type]);
 	return useRenderElement("button", n, {
 		ref: [i, y],
 		state: b,
@@ -13646,10 +13646,10 @@ const ToastClose = /* @__PURE__ */ React$1.forwardRef(function(n, i) {
 process.env.NODE_ENV !== "production" && (ToastClose.displayName = "ToastClose");
 const ToastPortal = FloatingPortalLite;
 function useToastManager() {
-	let n = React$1.useContext(ToastContext);
+	let n = React.useContext(ToastContext);
 	if (!n) throw Error(process.env.NODE_ENV === "production" ? formatErrorMessage(73) : "Base UI: useToastManager must be used within <Toast.Provider>.");
 	let { toasts: i, add: s, close: c, update: l, promise: u } = n;
-	return React$1.useMemo(() => ({
+	return React.useMemo(() => ({
 		toasts: i,
 		add: s,
 		close: c,