@hot-updater/console 1.0.0-rc.2 → 1.0.0-rc.3

package/.output/server/_libs/@base-ui/react+[...].mjs

@@ -1,4 +1,4 @@
-import { r as __toESM, t as __commonJSMin } from "../../_runtime.mjs";
+import { i as __toESM, t as __commonJSMin } from "../../_runtime.mjs";
 //#region ../../node_modules/.pnpm/react@19.2.6/node_modules/react/cjs/react.production.js
 /**
 * @license React
@@ -9902,903 +9902,241 @@ function useControlled({ controlled, default: defaultProp, name, state = "value"
 	}, [])];
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/toggle-group/ToggleGroupContext.js
-var ToggleGroupContext = /* @__PURE__ */ import_react.createContext(void 0);
-function useToggleGroupContext(optional = true) {
-	const context = import_react.useContext(ToggleGroupContext);
-	if (context === void 0 && !optional) throw new Error(formatErrorMessage(7));
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/root/SelectRootContext.js
+var SelectRootContext = /* @__PURE__ */ import_react.createContext(null);
+var SelectFloatingContext = /* @__PURE__ */ import_react.createContext(null);
+function useSelectRootContext() {
+	const context = import_react.useContext(SelectRootContext);
+	if (context === null) throw new Error(formatErrorMessage(60));
+	return context;
+}
+function useSelectFloatingContext() {
+	const context = import_react.useContext(SelectFloatingContext);
+	if (context === null) throw new Error(formatErrorMessage(61));
 	return context;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/list/CompositeListContext.js
-var CompositeListContext = /* @__PURE__ */ import_react.createContext({
-	register: () => {},
-	unregister: () => {},
-	subscribeMapChange: () => {
-		return () => {};
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/field/control/FieldControlDataAttributes.js
+var FieldControlDataAttributes = /* @__PURE__ */ function(FieldControlDataAttributes) {
+	/**
+	* Present when the field is disabled.
+	*/
+	FieldControlDataAttributes["disabled"] = "data-disabled";
+	/**
+	* Present when the field is in a valid state.
+	*/
+	FieldControlDataAttributes["valid"] = "data-valid";
+	/**
+	* Present when the field is in an invalid state.
+	*/
+	FieldControlDataAttributes["invalid"] = "data-invalid";
+	/**
+	* Present when the field has been touched.
+	*/
+	FieldControlDataAttributes["touched"] = "data-touched";
+	/**
+	* Present when the field's value has changed.
+	*/
+	FieldControlDataAttributes["dirty"] = "data-dirty";
+	/**
+	* Present when the field is filled.
+	*/
+	FieldControlDataAttributes["filled"] = "data-filled";
+	/**
+	* Present when the field control is focused.
+	*/
+	FieldControlDataAttributes["focused"] = "data-focused";
+	return FieldControlDataAttributes;
+}({});
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/field-constants/constants.js
+var DEFAULT_VALIDITY_STATE = {
+	badInput: false,
+	customError: false,
+	patternMismatch: false,
+	rangeOverflow: false,
+	rangeUnderflow: false,
+	stepMismatch: false,
+	tooLong: false,
+	tooShort: false,
+	typeMismatch: false,
+	valid: null,
+	valueMissing: false
+};
+var DEFAULT_FIELD_STATE_ATTRIBUTES = {
+	valid: null,
+	touched: false,
+	dirty: false,
+	filled: false,
+	focused: false
+};
+var DEFAULT_FIELD_ROOT_STATE = {
+	disabled: false,
+	...DEFAULT_FIELD_STATE_ATTRIBUTES
+};
+var fieldValidityMapping = { valid(value) {
+	if (value === null) return null;
+	if (value) return { [FieldControlDataAttributes.valid]: "" };
+	return { [FieldControlDataAttributes.invalid]: "" };
+} };
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/field-root-context/FieldRootContext.js
+var DEFAULT_FIELD_ROOT_CONTEXT = {
+	invalid: void 0,
+	name: void 0,
+	validityData: {
+		state: DEFAULT_VALIDITY_STATE,
+		errors: [],
+		error: "",
+		value: "",
+		initialValue: null
 	},
-	elementsRef: { current: [] },
-	nextIndexRef: { current: 0 }
-});
-function useCompositeListContext() {
-	return import_react.useContext(CompositeListContext);
+	setValidityData: NOOP,
+	disabled: void 0,
+	touched: DEFAULT_FIELD_STATE_ATTRIBUTES.touched,
+	setTouched: NOOP,
+	dirty: DEFAULT_FIELD_STATE_ATTRIBUTES.dirty,
+	setDirty: NOOP,
+	filled: DEFAULT_FIELD_STATE_ATTRIBUTES.filled,
+	setFilled: NOOP,
+	focused: DEFAULT_FIELD_STATE_ATTRIBUTES.focused,
+	setFocused: NOOP,
+	validate: () => null,
+	validationMode: "onSubmit",
+	validationDebounceTime: 0,
+	shouldValidateOnChange: () => false,
+	state: DEFAULT_FIELD_ROOT_STATE,
+	markedDirtyRef: { current: false },
+	registerFieldControl: NOOP,
+	validation: {
+		getValidationProps: (props = EMPTY_OBJECT) => props,
+		getInputValidationProps: (props = EMPTY_OBJECT) => props,
+		inputRef: { current: null },
+		commit: async () => {}
+	}
+};
+var FieldRootContext = /* @__PURE__ */ import_react.createContext(DEFAULT_FIELD_ROOT_CONTEXT);
+function useFieldRootContext(optional = true) {
+	const context = import_react.useContext(FieldRootContext);
+	if (context.setValidityData === NOOP && !optional) throw new Error(formatErrorMessage(28));
+	return context;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/list/useCompositeListItem.js
-var IndexGuessBehavior = /* @__PURE__ */ function(IndexGuessBehavior) {
-	IndexGuessBehavior[IndexGuessBehavior["None"] = 0] = "None";
-	IndexGuessBehavior[IndexGuessBehavior["GuessFromOrder"] = 1] = "GuessFromOrder";
-	return IndexGuessBehavior;
-}({});
-/**
-* Used to register a list item and its index (DOM position) in the `CompositeList`.
-*/
-function useCompositeListItem(params = {}) {
-	const { label, metadata, textRef, indexGuessBehavior, index: externalIndex } = params;
-	const { register, unregister, subscribeMapChange, elementsRef, labelsRef, nextIndexRef } = useCompositeListContext();
-	const indexRef = import_react.useRef(-1);
-	const [index, setIndex] = import_react.useState(externalIndex ?? (indexGuessBehavior === IndexGuessBehavior.GuessFromOrder ? () => {
-		if (indexRef.current === -1) {
-			const newIndex = nextIndexRef.current;
-			nextIndexRef.current += 1;
-			indexRef.current = newIndex;
-		}
-		return indexRef.current;
-	} : -1));
-	const componentRef = import_react.useRef(null);
-	const ref = import_react.useCallback((node) => {
-		componentRef.current = node;
-		if (index !== -1 && node !== null) {
-			elementsRef.current[index] = node;
-			if (labelsRef) {
-				const isLabelDefined = label !== void 0;
-				labelsRef.current[index] = isLabelDefined ? label : textRef?.current?.textContent ?? node.textContent;
-			}
-		}
-	}, [
-		index,
-		elementsRef,
-		labelsRef,
-		label,
-		textRef
-	]);
-	useIsoLayoutEffect(() => {
-		if (externalIndex != null) return;
-		const node = componentRef.current;
-		if (node) {
-			register(node, metadata);
-			return () => {
-				unregister(node);
-			};
-		}
-	}, [
-		externalIndex,
-		register,
-		unregister,
-		metadata
-	]);
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/field-register-control/useRegisterFieldControl.js
+function useRegisterFieldControl(controlRef, id, value, getFormValueOverride, enabled = true) {
+	const { registerFieldControl } = useFieldRootContext();
+	const sourceRef = import_react.useRef(null);
+	if (!sourceRef.current) sourceRef.current = Symbol();
 	useIsoLayoutEffect(() => {
-		if (externalIndex != null) return;
-		return subscribeMapChange((map) => {
-			const i = componentRef.current ? map.get(componentRef.current)?.index : null;
-			if (i != null) setIndex(i);
+		const source = sourceRef.current;
+		if (!source || !enabled) return;
+		registerFieldControl(source, {
+			controlRef,
+			getValue: getFormValueOverride,
+			id,
+			value
 		});
+		return () => {
+			registerFieldControl(source, void 0);
+		};
 	}, [
-		externalIndex,
-		subscribeMapChange,
-		setIndex
+		controlRef,
+		enabled,
+		getFormValueOverride,
+		id,
+		registerFieldControl,
+		value
 	]);
-	return import_react.useMemo(() => ({
-		ref,
-		index
-	}), [index, ref]);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/item/useCompositeItem.js
-function useCompositeItem(params = {}) {
-	const { highlightItemOnHover, highlightedIndex, onHighlightedIndexChange } = useCompositeRootContext();
-	const { ref, index } = useCompositeListItem(params);
-	const isHighlighted = highlightedIndex === index;
-	const itemRef = import_react.useRef(null);
-	const mergedRef = useMergedRefs(ref, itemRef);
-	return {
-		compositeProps: import_react.useMemo(() => ({
-			tabIndex: isHighlighted ? 0 : -1,
-			onFocus() {
-				onHighlightedIndexChange(index);
-			},
-			onMouseMove() {
-				const item = itemRef.current;
-				if (!highlightItemOnHover || !item) return;
-				const disabled = item.hasAttribute("disabled") || item.ariaDisabled === "true";
-				if (!isHighlighted && !disabled) item.focus();
-			}
-		}), [
-			isHighlighted,
-			onHighlightedIndexChange,
-			index,
-			highlightItemOnHover
-		]),
-		compositeRef: mergedRef,
-		index
-	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/item/CompositeItem.js
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/labelable-provider/LabelableContext.js
 /**
-* @internal
+* A context for providing [labelable elements](https://html.spec.whatwg.org/multipage/forms.html#category-label)\
+* with an accessible name (label) and description.
 */
-function CompositeItem(componentProps) {
-	const { render, className, style, state = EMPTY_OBJECT, props = EMPTY_ARRAY$1, refs = EMPTY_ARRAY$1, metadata, stateAttributesMapping, tag = "div", ...elementProps } = componentProps;
-	const { compositeProps, compositeRef } = useCompositeItem({ metadata });
-	return useRenderElement(tag, componentProps, {
-		state,
-		ref: [...refs, compositeRef],
-		props: [
-			compositeProps,
-			...props,
-			elementProps
-		],
-		stateAttributesMapping
-	});
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/toggle/Toggle.js
-/**
-* A two-state button that can be on or off.
-* Renders a `<button>` element.
-*
-* Documentation: [Base UI Toggle](https://base-ui.com/react/components/toggle)
-*/
-var Toggle = /* @__PURE__ */ import_react.forwardRef(function Toggle(componentProps, forwardedRef) {
-	const { className, defaultPressed: defaultPressedProp = false, disabled: disabledProp = false, form, onPressedChange, pressed: pressedProp, render, type, value: valueProp, nativeButton = true, style, ...elementProps } = componentProps;
-	const value = useBaseUiId(valueProp || void 0);
-	const groupContext = useToggleGroupContext();
-	const groupValue = groupContext?.value ?? [];
-	const defaultPressed = groupContext ? void 0 : defaultPressedProp;
-	const disabled = (disabledProp || groupContext?.disabled) ?? false;
-	const [pressed, setPressedState] = useControlled({
-		controlled: groupContext ? value !== void 0 && groupValue.indexOf(value) > -1 : pressedProp,
-		default: defaultPressed,
-		name: "Toggle",
-		state: "pressed"
-	});
-	const { getButtonProps, buttonRef } = useButton({
-		disabled,
-		native: nativeButton
-	});
-	const state = {
-		disabled,
-		pressed
-	};
-	const refs = [buttonRef, forwardedRef];
-	const props = [
-		{
-			"aria-pressed": pressed,
-			onClick(event) {
-				const nextPressed = !pressed;
-				const details = createChangeEventDetails(none, event.nativeEvent);
-				if (value) groupContext?.setGroupValue?.(value, nextPressed, details);
-				onPressedChange?.(nextPressed, details);
-				if (details.isCanceled) return;
-				setPressedState(nextPressed);
-			}
-		},
-		elementProps,
-		getButtonProps
-	];
-	const element = useRenderElement("button", componentProps, {
-		enabled: !groupContext,
-		state,
-		ref: refs,
-		props
-	});
-	if (groupContext) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompositeItem, {
-		tag: "button",
-		render,
-		className,
-		style,
-		state,
-		refs,
-		props
-	});
-	return element;
+var LabelableContext = /* @__PURE__ */ import_react.createContext({
+	controlId: void 0,
+	registerControlId: NOOP,
+	labelId: void 0,
+	setLabelId: NOOP,
+	messageIds: [],
+	setMessageIds: NOOP,
+	getDescriptionProps: (externalProps) => externalProps
 });
+function useLabelableContext() {
+	return import_react.useContext(LabelableContext);
+}
 //#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/list/CompositeList.js
-/**
-* Provides context for a list of items in a composite component.
-* @internal
-*/
-function CompositeList(props) {
-	const { children, elementsRef, labelsRef, onMapChange: onMapChangeProp } = props;
-	const onMapChange = useStableCallback(onMapChangeProp);
-	const nextIndexRef = import_react.useRef(0);
-	const listeners = useRefWithInit(createListeners).current;
-	const map = useRefWithInit(createMap).current;
-	const [mapTick, setMapTick] = import_react.useState(0);
-	const lastTickRef = import_react.useRef(mapTick);
-	const register = useStableCallback((node, metadata) => {
-		map.set(node, metadata ?? null);
-		lastTickRef.current += 1;
-		setMapTick(lastTickRef.current);
-	});
-	const unregister = useStableCallback((node) => {
-		map.delete(node);
-		lastTickRef.current += 1;
-		setMapTick(lastTickRef.current);
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/labelable-provider/useLabelableId.js
+function useLabelableId(params = {}) {
+	const { id, implicit = false, controlRef } = params;
+	const { controlId, registerControlId } = useLabelableContext();
+	const defaultId = useBaseUiId(id);
+	const controlIdForEffect = implicit ? controlId : void 0;
+	const controlSourceRef = useRefWithInit(() => Symbol("labelable-control"));
+	const hasRegisteredRef = import_react.useRef(false);
+	const hadExplicitIdRef = import_react.useRef(id != null);
+	const unregisterControlId = useStableCallback(() => {
+		if (!hasRegisteredRef.current || registerControlId === NOOP) return;
+		hasRegisteredRef.current = false;
+		registerControlId(controlSourceRef.current, void 0);
 	});
-	const sortedMap = import_react.useMemo(() => {
-		disableEslintWarning(mapTick);
-		const newMap = /* @__PURE__ */ new Map();
-		Array.from(map.keys()).filter((node) => node.isConnected).sort(sortByDocumentPosition).forEach((node, index) => {
-			const metadata = map.get(node) ?? {};
-			newMap.set(node, {
-				...metadata,
-				index
-			});
-		});
-		return newMap;
-	}, [map, mapTick]);
-	useIsoLayoutEffect(() => {
-		if (typeof MutationObserver !== "function" || sortedMap.size === 0) return;
-		const mutationObserver = new MutationObserver((entries) => {
-			const diff = /* @__PURE__ */ new Set();
-			const updateDiff = (node) => diff.has(node) ? diff.delete(node) : diff.add(node);
-			entries.forEach((entry) => {
-				entry.removedNodes.forEach(updateDiff);
-				entry.addedNodes.forEach(updateDiff);
-			});
-			if (diff.size === 0) {
-				lastTickRef.current += 1;
-				setMapTick(lastTickRef.current);
-			}
-		});
-		sortedMap.forEach((_, node) => {
-			if (node.parentElement) mutationObserver.observe(node.parentElement, { childList: true });
-		});
-		return () => {
-			mutationObserver.disconnect();
-		};
-	}, [sortedMap]);
 	useIsoLayoutEffect(() => {
-		if (lastTickRef.current === mapTick) {
-			if (elementsRef.current.length !== sortedMap.size) elementsRef.current.length = sortedMap.size;
-			if (labelsRef && labelsRef.current.length !== sortedMap.size) labelsRef.current.length = sortedMap.size;
-			nextIndexRef.current = sortedMap.size;
+		if (registerControlId === NOOP) return;
+		let nextId;
+		if (implicit) {
+			const elem = controlRef?.current;
+			if (isElement(elem) && elem.closest("label") != null) nextId = id ?? null;
+			else nextId = controlIdForEffect ?? defaultId;
+		} else if (id != null) {
+			hadExplicitIdRef.current = true;
+			nextId = id;
+		} else if (hadExplicitIdRef.current) nextId = defaultId;
+		else {
+			unregisterControlId();
+			return;
 		}
-		onMapChange(sortedMap);
+		if (nextId === void 0) {
+			unregisterControlId();
+			return;
+		}
+		hasRegisteredRef.current = true;
+		registerControlId(controlSourceRef.current, nextId);
 	}, [
-		onMapChange,
-		sortedMap,
-		elementsRef,
-		labelsRef,
-		mapTick
-	]);
-	useIsoLayoutEffect(() => {
-		return () => {
-			elementsRef.current = [];
-		};
-	}, [elementsRef]);
-	useIsoLayoutEffect(() => {
-		return () => {
-			if (labelsRef) labelsRef.current = [];
-		};
-	}, [labelsRef]);
-	const subscribeMapChange = useStableCallback((fn) => {
-		listeners.add(fn);
-		return () => {
-			listeners.delete(fn);
-		};
-	});
-	useIsoLayoutEffect(() => {
-		listeners.forEach((l) => l(sortedMap));
-	}, [listeners, sortedMap]);
-	const contextValue = import_react.useMemo(() => ({
-		register,
-		unregister,
-		subscribeMapChange,
-		elementsRef,
-		labelsRef,
-		nextIndexRef
-	}), [
-		register,
-		unregister,
-		subscribeMapChange,
-		elementsRef,
-		labelsRef,
-		nextIndexRef
+		id,
+		controlRef,
+		controlIdForEffect,
+		registerControlId,
+		implicit,
+		defaultId,
+		controlSourceRef,
+		unregisterControlId
 	]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompositeListContext.Provider, {
-		value: contextValue,
-		children
-	});
+	import_react.useEffect(() => {
+		return unregisterControlId;
+	}, [unregisterControlId]);
+	return controlId ?? defaultId;
 }
-function createMap() {
-	return /* @__PURE__ */ new Map();
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/itemEquality.js
+var defaultItemEquality = (itemValue, selectedValue) => Object.is(itemValue, selectedValue);
+function compareItemEquality(itemValue, selectedValue, comparer) {
+	if (itemValue == null || selectedValue == null) return Object.is(itemValue, selectedValue);
+	return comparer(itemValue, selectedValue);
 }
-function createListeners() {
-	return /* @__PURE__ */ new Set();
+function selectedValueIncludes(selectedValues, itemValue, comparer) {
+	if (!selectedValues || selectedValues.length === 0) return false;
+	return selectedValues.some((selectedValue) => {
+		if (selectedValue === void 0) return false;
+		return compareItemEquality(itemValue, selectedValue, comparer);
+	});
 }
-function sortByDocumentPosition(a, b) {
-	const position = a.compareDocumentPosition(b);
-	if (position & Node.DOCUMENT_POSITION_FOLLOWING || position & Node.DOCUMENT_POSITION_CONTAINED_BY) return -1;
-	if (position & Node.DOCUMENT_POSITION_PRECEDING || position & Node.DOCUMENT_POSITION_CONTAINS) return 1;
-	return 0;
-}
-function disableEslintWarning(_) {}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+utils@0.2.9_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/utils/esm/isElementDisabled.js
-function isElementDisabled(element) {
-	return element == null || element.hasAttribute("disabled") || element.getAttribute("aria-disabled") === "true";
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/root/useCompositeRoot.js
-var EMPTY_ARRAY = [];
-function useCompositeRoot(params) {
-	const { itemSizes, cols = 1, loopFocus = true, onLoop, dense = false, orientation = "both", direction, highlightedIndex: externalHighlightedIndex, onHighlightedIndexChange: externalSetHighlightedIndex, rootRef: externalRef, enableHomeAndEndKeys = false, stopEventPropagation = false, disabledIndices, modifierKeys = EMPTY_ARRAY } = params;
-	const [internalHighlightedIndex, internalSetHighlightedIndex] = import_react.useState(0);
-	const isGrid = cols > 1;
-	const rootRef = import_react.useRef(null);
-	const mergedRef = useMergedRefs(rootRef, externalRef);
-	const elementsRef = import_react.useRef([]);
-	const hasSetDefaultIndexRef = import_react.useRef(false);
-	const highlightedIndex = externalHighlightedIndex ?? internalHighlightedIndex;
-	const onHighlightedIndexChange = useStableCallback((index, shouldScrollIntoView = false) => {
-		(externalSetHighlightedIndex ?? internalSetHighlightedIndex)(index);
-		if (shouldScrollIntoView) {
-			const newActiveItem = elementsRef.current[index];
-			scrollIntoViewIfNeeded(rootRef.current, newActiveItem, direction, orientation);
-		}
-	});
-	const onMapChange = useStableCallback((map) => {
-		if (map.size === 0 || hasSetDefaultIndexRef.current) return;
-		hasSetDefaultIndexRef.current = true;
-		const sortedElements = Array.from(map.keys());
-		const activeItem = sortedElements.find((compositeElement) => compositeElement?.hasAttribute("data-composite-item-active")) ?? null;
-		const activeIndex = activeItem ? sortedElements.indexOf(activeItem) : -1;
-		if (activeIndex !== -1) onHighlightedIndexChange(activeIndex);
-		scrollIntoViewIfNeeded(rootRef.current, activeItem, direction, orientation);
-	});
-	const wrappedOnLoop = useStableCallback((event, prevIndex, nextIndex) => {
-		if (!onLoop) return nextIndex;
-		return onLoop?.(event, prevIndex, nextIndex, elementsRef);
-	});
-	const props = import_react.useMemo(() => ({
-		"aria-orientation": orientation === "both" ? void 0 : orientation,
-		ref: mergedRef,
-		onFocus(event) {
-			const element = rootRef.current;
-			const target = getTarget(event.nativeEvent);
-			if (!element || target == null || !isNativeInput(target)) return;
-			target.setSelectionRange(0, target.value.length ?? 0);
-		},
-		onKeyDown(event) {
-			const RELEVANT_KEYS = enableHomeAndEndKeys ? COMPOSITE_KEYS : ARROW_KEYS;
-			if (!RELEVANT_KEYS.has(event.key)) return;
-			if (isModifierKeySet(event, modifierKeys)) return;
-			if (!rootRef.current) return;
-			const isRtl = direction === "rtl";
-			const horizontalForwardKey = isRtl ? ARROW_LEFT : ARROW_RIGHT;
-			const forwardKey = {
-				horizontal: horizontalForwardKey,
-				vertical: ARROW_DOWN,
-				both: horizontalForwardKey
-			}[orientation];
-			const horizontalBackwardKey = isRtl ? ARROW_RIGHT : ARROW_LEFT;
-			const backwardKey = {
-				horizontal: horizontalBackwardKey,
-				vertical: ARROW_UP,
-				both: horizontalBackwardKey
-			}[orientation];
-			const target = getTarget(event.nativeEvent);
-			if (target != null && isNativeInput(target) && !isElementDisabled(target)) {
-				const selectionStart = target.selectionStart;
-				const selectionEnd = target.selectionEnd;
-				const textContent = target.value ?? "";
-				if (selectionStart == null || event.shiftKey || selectionStart !== selectionEnd) return;
-				if (event.key !== backwardKey && selectionStart < textContent.length) return;
-				if (event.key !== forwardKey && selectionStart > 0) return;
-			}
-			let nextIndex = highlightedIndex;
-			const minIndex = getMinListIndex(elementsRef, disabledIndices);
-			const maxIndex = getMaxListIndex(elementsRef, disabledIndices);
-			if (isGrid) {
-				const sizes = itemSizes || Array.from({ length: elementsRef.current.length }, () => ({
-					width: 1,
-					height: 1
-				}));
-				const cellMap = createGridCellMap(sizes, cols, dense);
-				const minGridIndex = cellMap.findIndex((index) => index != null && !isListIndexDisabled(elementsRef.current, index, disabledIndices));
-				const maxGridIndex = cellMap.reduce((foundIndex, index, cellIndex) => index != null && !isListIndexDisabled(elementsRef.current, index, disabledIndices) ? cellIndex : foundIndex, -1);
-				nextIndex = cellMap[getGridNavigatedIndex(cellMap.map((itemIndex) => itemIndex != null ? elementsRef.current[itemIndex] : null), {
-					event,
-					orientation,
-					loopFocus,
-					onLoop: wrappedOnLoop,
-					cols,
-					disabledIndices: getGridCellIndices([...disabledIndices || elementsRef.current.map((_, index) => isListIndexDisabled(elementsRef.current, index) ? index : void 0), void 0], cellMap),
-					minIndex: minGridIndex,
-					maxIndex: maxGridIndex,
-					prevIndex: getGridCellIndexOfCorner(highlightedIndex > maxIndex ? minIndex : highlightedIndex, sizes, cellMap, cols, event.key === "ArrowDown" ? "bl" : event.key === "ArrowRight" ? "tr" : "tl"),
-					rtl: isRtl
-				})];
-			}
-			const forwardKeys = {
-				horizontal: [horizontalForwardKey],
-				vertical: [ARROW_DOWN],
-				both: [horizontalForwardKey, ARROW_DOWN]
-			}[orientation];
-			const backwardKeys = {
-				horizontal: [horizontalBackwardKey],
-				vertical: [ARROW_UP],
-				both: [horizontalBackwardKey, ARROW_UP]
-			}[orientation];
-			const preventedKeys = isGrid ? RELEVANT_KEYS : {
-				horizontal: enableHomeAndEndKeys ? HORIZONTAL_KEYS_WITH_EXTRA_KEYS : HORIZONTAL_KEYS,
-				vertical: enableHomeAndEndKeys ? VERTICAL_KEYS_WITH_EXTRA_KEYS : VERTICAL_KEYS,
-				both: RELEVANT_KEYS
-			}[orientation];
-			if (enableHomeAndEndKeys) {
-				if (event.key === "Home") nextIndex = minIndex;
-				else if (event.key === "End") nextIndex = maxIndex;
-			}
-			if (nextIndex === highlightedIndex && (forwardKeys.includes(event.key) || backwardKeys.includes(event.key))) if (loopFocus && nextIndex === maxIndex && forwardKeys.includes(event.key)) {
-				nextIndex = minIndex;
-				if (onLoop) nextIndex = onLoop(event, highlightedIndex, nextIndex, elementsRef);
-			} else if (loopFocus && nextIndex === minIndex && backwardKeys.includes(event.key)) {
-				nextIndex = maxIndex;
-				if (onLoop) nextIndex = onLoop(event, highlightedIndex, nextIndex, elementsRef);
-			} else nextIndex = findNonDisabledListIndex(elementsRef.current, {
-				startingIndex: nextIndex,
-				decrement: backwardKeys.includes(event.key),
-				disabledIndices
-			});
-			if (nextIndex !== highlightedIndex && !isIndexOutOfListBounds(elementsRef.current, nextIndex)) {
-				if (stopEventPropagation) event.stopPropagation();
-				if (preventedKeys.has(event.key)) event.preventDefault();
-				onHighlightedIndexChange(nextIndex, true);
-				queueMicrotask(() => {
-					elementsRef.current[nextIndex]?.focus();
-				});
-			}
-		}
-	}), [
-		cols,
-		dense,
-		direction,
-		disabledIndices,
-		elementsRef,
-		enableHomeAndEndKeys,
-		highlightedIndex,
-		isGrid,
-		itemSizes,
-		loopFocus,
-		onLoop,
-		wrappedOnLoop,
-		mergedRef,
-		modifierKeys,
-		onHighlightedIndexChange,
-		orientation,
-		stopEventPropagation
-	]);
-	return import_react.useMemo(() => ({
-		props,
-		highlightedIndex,
-		onHighlightedIndexChange,
-		elementsRef,
-		disabledIndices,
-		onMapChange,
-		relayKeyboardEvent: props.onKeyDown
-	}), [
-		props,
-		highlightedIndex,
-		onHighlightedIndexChange,
-		elementsRef,
-		disabledIndices,
-		onMapChange
-	]);
-}
-function isModifierKeySet(event, ignoredModifierKeys) {
-	for (const key of MODIFIER_KEYS.values()) {
-		if (ignoredModifierKeys.includes(key)) continue;
-		if (event.getModifierState(key)) return true;
-	}
-	return false;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/root/CompositeRoot.js
-/**
-* @internal
-*/
-function CompositeRoot(componentProps) {
-	const { render, className, style, refs = EMPTY_ARRAY$1, props = EMPTY_ARRAY$1, state = EMPTY_OBJECT, stateAttributesMapping, highlightedIndex: highlightedIndexProp, onHighlightedIndexChange: onHighlightedIndexChangeProp, orientation, dense, itemSizes, loopFocus, onLoop, cols, enableHomeAndEndKeys, onMapChange: onMapChangeProp, stopEventPropagation = true, rootRef, disabledIndices, modifierKeys, highlightItemOnHover = false, tag = "div", ...elementProps } = componentProps;
-	const { props: defaultProps, highlightedIndex, onHighlightedIndexChange, elementsRef, onMapChange: onMapChangeUnwrapped, relayKeyboardEvent } = useCompositeRoot({
-		itemSizes,
-		cols,
-		loopFocus,
-		onLoop,
-		dense,
-		orientation,
-		highlightedIndex: highlightedIndexProp,
-		onHighlightedIndexChange: onHighlightedIndexChangeProp,
-		rootRef,
-		stopEventPropagation,
-		enableHomeAndEndKeys,
-		direction: useDirection(),
-		disabledIndices,
-		modifierKeys
-	});
-	const element = useRenderElement(tag, componentProps, {
-		state,
-		ref: refs,
-		props: [
-			defaultProps,
-			...props,
-			elementProps
-		],
-		stateAttributesMapping
-	});
-	const contextValue = import_react.useMemo(() => ({
-		highlightedIndex,
-		onHighlightedIndexChange,
-		highlightItemOnHover,
-		relayKeyboardEvent
-	}), [
-		highlightedIndex,
-		onHighlightedIndexChange,
-		highlightItemOnHover,
-		relayKeyboardEvent
-	]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompositeRootContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompositeList, {
-			elementsRef,
-			onMapChange: (newMap) => {
-				onMapChangeProp?.(newMap);
-				onMapChangeUnwrapped(newMap);
-			},
-			children: element
-		})
-	});
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/toolbar/root/ToolbarRootContext.js
-var ToolbarRootContext = /* @__PURE__ */ import_react.createContext(void 0);
-function useToolbarRootContext(optional) {
-	const context = import_react.useContext(ToolbarRootContext);
-	if (context === void 0 && !optional) throw new Error(formatErrorMessage(69));
-	return context;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/toggle-group/ToggleGroupDataAttributes.js
-var ToggleGroupDataAttributes = /* @__PURE__ */ function(ToggleGroupDataAttributes) {
-	/**
-	* Present when the toggle group is disabled.
-	*/
-	ToggleGroupDataAttributes["disabled"] = "data-disabled";
-	/**
-	* Indicates the orientation of the toggle group.
-	* @type {'horizontal' | 'vertical'}
-	*/
-	ToggleGroupDataAttributes["orientation"] = "data-orientation";
-	/**
-	* Present when the toggle group allows multiple buttons to be in the pressed state at the same time.
-	*/
-	ToggleGroupDataAttributes["multiple"] = "data-multiple";
-	return ToggleGroupDataAttributes;
-}({});
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/toggle-group/ToggleGroup.js
-var stateAttributesMapping$4 = { multiple(value) {
-	if (value) return { [ToggleGroupDataAttributes.multiple]: "" };
-	return null;
-} };
-/**
-* Provides a shared state to a series of toggle buttons.
-*
-* Documentation: [Base UI Toggle Group](https://base-ui.com/react/components/toggle-group)
-*/
-var ToggleGroup = /* @__PURE__ */ import_react.forwardRef(function ToggleGroup(componentProps, forwardedRef) {
-	const { defaultValue: defaultValueProp, disabled: disabledProp = false, loopFocus = true, onValueChange, orientation = "horizontal", multiple = false, value: valueProp, className, render, style, ...elementProps } = componentProps;
-	const toolbarContext = useToolbarRootContext(true);
-	const isValueInitialized = import_react.useMemo(() => valueProp !== void 0 || defaultValueProp !== void 0, [valueProp, defaultValueProp]);
-	const disabled = (toolbarContext?.disabled ?? false) || disabledProp;
-	const [groupValue, setValueState] = useControlled({
-		controlled: valueProp,
-		default: valueProp === void 0 ? defaultValueProp ?? EMPTY_ARRAY$1 : void 0,
-		name: "ToggleGroup",
-		state: "value"
-	});
-	const setGroupValue = useStableCallback((newValue, nextPressed, eventDetails) => {
-		let newGroupValue;
-		if (multiple) {
-			newGroupValue = groupValue.slice();
-			if (nextPressed) newGroupValue.push(newValue);
-			else newGroupValue.splice(groupValue.indexOf(newValue), 1);
-		} else newGroupValue = nextPressed ? [newValue] : [];
-		onValueChange?.(newGroupValue, eventDetails);
-		if (eventDetails.isCanceled) return;
-		setValueState(newGroupValue);
-	});
-	const state = {
-		disabled,
-		multiple,
-		orientation
-	};
-	const contextValue = import_react.useMemo(() => ({
-		disabled,
-		orientation,
-		setGroupValue,
-		value: groupValue,
-		isValueInitialized
-	}), [
-		disabled,
-		orientation,
-		setGroupValue,
-		groupValue,
-		isValueInitialized
-	]);
-	const defaultProps = { role: "group" };
-	const element = useRenderElement("div", componentProps, {
-		enabled: Boolean(toolbarContext),
-		state,
-		ref: forwardedRef,
-		props: [defaultProps, elementProps],
-		stateAttributesMapping: stateAttributesMapping$4
-	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupContext.Provider, {
-		value: contextValue,
-		children: toolbarContext ? element : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompositeRoot, {
-			render,
-			className,
-			style,
-			state,
-			refs: [forwardedRef],
-			props: [defaultProps, elementProps],
-			stateAttributesMapping: stateAttributesMapping$4,
-			loopFocus,
-			enableHomeAndEndKeys: true,
-			orientation
-		})
-	});
-});
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/root/SelectRootContext.js
-var SelectRootContext = /* @__PURE__ */ import_react.createContext(null);
-var SelectFloatingContext = /* @__PURE__ */ import_react.createContext(null);
-function useSelectRootContext() {
-	const context = import_react.useContext(SelectRootContext);
-	if (context === null) throw new Error(formatErrorMessage(60));
-	return context;
-}
-function useSelectFloatingContext() {
-	const context = import_react.useContext(SelectFloatingContext);
-	if (context === null) throw new Error(formatErrorMessage(61));
-	return context;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/field/control/FieldControlDataAttributes.js
-var FieldControlDataAttributes = /* @__PURE__ */ function(FieldControlDataAttributes) {
-	/**
-	* Present when the field is disabled.
-	*/
-	FieldControlDataAttributes["disabled"] = "data-disabled";
-	/**
-	* Present when the field is in a valid state.
-	*/
-	FieldControlDataAttributes["valid"] = "data-valid";
-	/**
-	* Present when the field is in an invalid state.
-	*/
-	FieldControlDataAttributes["invalid"] = "data-invalid";
-	/**
-	* Present when the field has been touched.
-	*/
-	FieldControlDataAttributes["touched"] = "data-touched";
-	/**
-	* Present when the field's value has changed.
-	*/
-	FieldControlDataAttributes["dirty"] = "data-dirty";
-	/**
-	* Present when the field is filled.
-	*/
-	FieldControlDataAttributes["filled"] = "data-filled";
-	/**
-	* Present when the field control is focused.
-	*/
-	FieldControlDataAttributes["focused"] = "data-focused";
-	return FieldControlDataAttributes;
-}({});
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/field-constants/constants.js
-var DEFAULT_VALIDITY_STATE = {
-	badInput: false,
-	customError: false,
-	patternMismatch: false,
-	rangeOverflow: false,
-	rangeUnderflow: false,
-	stepMismatch: false,
-	tooLong: false,
-	tooShort: false,
-	typeMismatch: false,
-	valid: null,
-	valueMissing: false
-};
-var DEFAULT_FIELD_STATE_ATTRIBUTES = {
-	valid: null,
-	touched: false,
-	dirty: false,
-	filled: false,
-	focused: false
-};
-var DEFAULT_FIELD_ROOT_STATE = {
-	disabled: false,
-	...DEFAULT_FIELD_STATE_ATTRIBUTES
-};
-var fieldValidityMapping = { valid(value) {
-	if (value === null) return null;
-	if (value) return { [FieldControlDataAttributes.valid]: "" };
-	return { [FieldControlDataAttributes.invalid]: "" };
-} };
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/field-root-context/FieldRootContext.js
-var DEFAULT_FIELD_ROOT_CONTEXT = {
-	invalid: void 0,
-	name: void 0,
-	validityData: {
-		state: DEFAULT_VALIDITY_STATE,
-		errors: [],
-		error: "",
-		value: "",
-		initialValue: null
-	},
-	setValidityData: NOOP,
-	disabled: void 0,
-	touched: DEFAULT_FIELD_STATE_ATTRIBUTES.touched,
-	setTouched: NOOP,
-	dirty: DEFAULT_FIELD_STATE_ATTRIBUTES.dirty,
-	setDirty: NOOP,
-	filled: DEFAULT_FIELD_STATE_ATTRIBUTES.filled,
-	setFilled: NOOP,
-	focused: DEFAULT_FIELD_STATE_ATTRIBUTES.focused,
-	setFocused: NOOP,
-	validate: () => null,
-	validationMode: "onSubmit",
-	validationDebounceTime: 0,
-	shouldValidateOnChange: () => false,
-	state: DEFAULT_FIELD_ROOT_STATE,
-	markedDirtyRef: { current: false },
-	registerFieldControl: NOOP,
-	validation: {
-		getValidationProps: (props = EMPTY_OBJECT) => props,
-		getInputValidationProps: (props = EMPTY_OBJECT) => props,
-		inputRef: { current: null },
-		commit: async () => {}
-	}
-};
-var FieldRootContext = /* @__PURE__ */ import_react.createContext(DEFAULT_FIELD_ROOT_CONTEXT);
-function useFieldRootContext(optional = true) {
-	const context = import_react.useContext(FieldRootContext);
-	if (context.setValidityData === NOOP && !optional) throw new Error(formatErrorMessage(28));
-	return context;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/field-register-control/useRegisterFieldControl.js
-function useRegisterFieldControl(controlRef, id, value, getFormValueOverride, enabled = true) {
-	const { registerFieldControl } = useFieldRootContext();
-	const sourceRef = import_react.useRef(null);
-	if (!sourceRef.current) sourceRef.current = Symbol();
-	useIsoLayoutEffect(() => {
-		const source = sourceRef.current;
-		if (!source || !enabled) return;
-		registerFieldControl(source, {
-			controlRef,
-			getValue: getFormValueOverride,
-			id,
-			value
-		});
-		return () => {
-			registerFieldControl(source, void 0);
-		};
-	}, [
-		controlRef,
-		enabled,
-		getFormValueOverride,
-		id,
-		registerFieldControl,
-		value
-	]);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/labelable-provider/LabelableContext.js
-/**
-* A context for providing [labelable elements](https://html.spec.whatwg.org/multipage/forms.html#category-label)\
-* with an accessible name (label) and description.
-*/
-var LabelableContext = /* @__PURE__ */ import_react.createContext({
-	controlId: void 0,
-	registerControlId: NOOP,
-	labelId: void 0,
-	setLabelId: NOOP,
-	messageIds: [],
-	setMessageIds: NOOP,
-	getDescriptionProps: (externalProps) => externalProps
-});
-function useLabelableContext() {
-	return import_react.useContext(LabelableContext);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/labelable-provider/useLabelableId.js
-function useLabelableId(params = {}) {
-	const { id, implicit = false, controlRef } = params;
-	const { controlId, registerControlId } = useLabelableContext();
-	const defaultId = useBaseUiId(id);
-	const controlIdForEffect = implicit ? controlId : void 0;
-	const controlSourceRef = useRefWithInit(() => Symbol("labelable-control"));
-	const hasRegisteredRef = import_react.useRef(false);
-	const hadExplicitIdRef = import_react.useRef(id != null);
-	const unregisterControlId = useStableCallback(() => {
-		if (!hasRegisteredRef.current || registerControlId === NOOP) return;
-		hasRegisteredRef.current = false;
-		registerControlId(controlSourceRef.current, void 0);
-	});
-	useIsoLayoutEffect(() => {
-		if (registerControlId === NOOP) return;
-		let nextId;
-		if (implicit) {
-			const elem = controlRef?.current;
-			if (isElement(elem) && elem.closest("label") != null) nextId = id ?? null;
-			else nextId = controlIdForEffect ?? defaultId;
-		} else if (id != null) {
-			hadExplicitIdRef.current = true;
-			nextId = id;
-		} else if (hadExplicitIdRef.current) nextId = defaultId;
-		else {
-			unregisterControlId();
-			return;
-		}
-		if (nextId === void 0) {
-			unregisterControlId();
-			return;
-		}
-		hasRegisteredRef.current = true;
-		registerControlId(controlSourceRef.current, nextId);
-	}, [
-		id,
-		controlRef,
-		controlIdForEffect,
-		registerControlId,
-		implicit,
-		defaultId,
-		controlSourceRef,
-		unregisterControlId
-	]);
-	import_react.useEffect(() => {
-		return unregisterControlId;
-	}, [unregisterControlId]);
-	return controlId ?? defaultId;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/itemEquality.js
-var defaultItemEquality = (itemValue, selectedValue) => Object.is(itemValue, selectedValue);
-function compareItemEquality(itemValue, selectedValue, comparer) {
-	if (itemValue == null || selectedValue == null) return Object.is(itemValue, selectedValue);
-	return comparer(itemValue, selectedValue);
-}
-function selectedValueIncludes(selectedValues, itemValue, comparer) {
-	if (!selectedValues || selectedValues.length === 0) return false;
-	return selectedValues.some((selectedValue) => {
-		if (selectedValue === void 0) return false;
-		return compareItemEquality(itemValue, selectedValue, comparer);
-	});
-}
-function findItemIndex(itemValues, selectedValue, comparer) {
-	if (!itemValues || itemValues.length === 0) return -1;
-	return itemValues.findIndex((itemValue) => {
-		if (itemValue === void 0) return false;
-		return compareItemEquality(itemValue, selectedValue, comparer);
-	});
+function findItemIndex(itemValues, selectedValue, comparer) {
+	if (!itemValues || itemValues.length === 0) return -1;
+	return itemValues.findIndex((itemValue) => {
+		if (itemValue === void 0) return false;
+		return compareItemEquality(itemValue, selectedValue, comparer);
+	});
 }
 function removeItem(selectedValues, itemValue, comparer) {
 	return selectedValues.filter((selectedValue) => !compareItemEquality(itemValue, selectedValue, comparer));
@@ -11392,7 +10730,7 @@ function getPseudoElementBounds(element) {
 //#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/trigger/SelectTrigger.js
 var BOUNDARY_OFFSET = 2;
 var SELECTED_DELAY = 400;
-var stateAttributesMapping$3 = {
+var stateAttributesMapping$4 = {
 	...pressableTriggerOpenStateMapping,
 	...fieldValidityMapping,
 	popupSide: (side) => side ? { "data-popup-side": side } : null,
@@ -11517,13 +10855,13 @@ var SelectTrigger = /* @__PURE__ */ import_react.forwardRef(function SelectTrigg
 	return useRenderElement("button", componentProps, {
 		ref: [forwardedRef, triggerRef],
 		state,
-		stateAttributesMapping: stateAttributesMapping$3,
+		stateAttributesMapping: stateAttributesMapping$4,
 		props
 	});
 });
 //#endregion
 //#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/value/SelectValue.js
-var stateAttributesMapping$2 = { value: () => null };
+var stateAttributesMapping$3 = { value: () => null };
 /**
 * A text label of the currently selected item.
 * Renders a `<span>` element.
@@ -11553,7 +10891,7 @@ var SelectValue = /* @__PURE__ */ import_react.forwardRef(function SelectValue(c
 		state,
 		ref: [forwardedRef, valueRef],
 		props: [{ children }, elementProps],
-		stateAttributesMapping: stateAttributesMapping$2
+		stateAttributesMapping: stateAttributesMapping$3
 	});
 });
 //#endregion
@@ -11603,6 +10941,143 @@ var SelectPortal = /* @__PURE__ */ import_react.forwardRef(function SelectPortal
 	});
 });
 //#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/list/CompositeListContext.js
+var CompositeListContext = /* @__PURE__ */ import_react.createContext({
+	register: () => {},
+	unregister: () => {},
+	subscribeMapChange: () => {
+		return () => {};
+	},
+	elementsRef: { current: [] },
+	nextIndexRef: { current: 0 }
+});
+function useCompositeListContext() {
+	return import_react.useContext(CompositeListContext);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/list/CompositeList.js
+/**
+* Provides context for a list of items in a composite component.
+* @internal
+*/
+function CompositeList(props) {
+	const { children, elementsRef, labelsRef, onMapChange: onMapChangeProp } = props;
+	const onMapChange = useStableCallback(onMapChangeProp);
+	const nextIndexRef = import_react.useRef(0);
+	const listeners = useRefWithInit(createListeners).current;
+	const map = useRefWithInit(createMap).current;
+	const [mapTick, setMapTick] = import_react.useState(0);
+	const lastTickRef = import_react.useRef(mapTick);
+	const register = useStableCallback((node, metadata) => {
+		map.set(node, metadata ?? null);
+		lastTickRef.current += 1;
+		setMapTick(lastTickRef.current);
+	});
+	const unregister = useStableCallback((node) => {
+		map.delete(node);
+		lastTickRef.current += 1;
+		setMapTick(lastTickRef.current);
+	});
+	const sortedMap = import_react.useMemo(() => {
+		disableEslintWarning(mapTick);
+		const newMap = /* @__PURE__ */ new Map();
+		Array.from(map.keys()).filter((node) => node.isConnected).sort(sortByDocumentPosition).forEach((node, index) => {
+			const metadata = map.get(node) ?? {};
+			newMap.set(node, {
+				...metadata,
+				index
+			});
+		});
+		return newMap;
+	}, [map, mapTick]);
+	useIsoLayoutEffect(() => {
+		if (typeof MutationObserver !== "function" || sortedMap.size === 0) return;
+		const mutationObserver = new MutationObserver((entries) => {
+			const diff = /* @__PURE__ */ new Set();
+			const updateDiff = (node) => diff.has(node) ? diff.delete(node) : diff.add(node);
+			entries.forEach((entry) => {
+				entry.removedNodes.forEach(updateDiff);
+				entry.addedNodes.forEach(updateDiff);
+			});
+			if (diff.size === 0) {
+				lastTickRef.current += 1;
+				setMapTick(lastTickRef.current);
+			}
+		});
+		sortedMap.forEach((_, node) => {
+			if (node.parentElement) mutationObserver.observe(node.parentElement, { childList: true });
+		});
+		return () => {
+			mutationObserver.disconnect();
+		};
+	}, [sortedMap]);
+	useIsoLayoutEffect(() => {
+		if (lastTickRef.current === mapTick) {
+			if (elementsRef.current.length !== sortedMap.size) elementsRef.current.length = sortedMap.size;
+			if (labelsRef && labelsRef.current.length !== sortedMap.size) labelsRef.current.length = sortedMap.size;
+			nextIndexRef.current = sortedMap.size;
+		}
+		onMapChange(sortedMap);
+	}, [
+		onMapChange,
+		sortedMap,
+		elementsRef,
+		labelsRef,
+		mapTick
+	]);
+	useIsoLayoutEffect(() => {
+		return () => {
+			elementsRef.current = [];
+		};
+	}, [elementsRef]);
+	useIsoLayoutEffect(() => {
+		return () => {
+			if (labelsRef) labelsRef.current = [];
+		};
+	}, [labelsRef]);
+	const subscribeMapChange = useStableCallback((fn) => {
+		listeners.add(fn);
+		return () => {
+			listeners.delete(fn);
+		};
+	});
+	useIsoLayoutEffect(() => {
+		listeners.forEach((l) => l(sortedMap));
+	}, [listeners, sortedMap]);
+	const contextValue = import_react.useMemo(() => ({
+		register,
+		unregister,
+		subscribeMapChange,
+		elementsRef,
+		labelsRef,
+		nextIndexRef
+	}), [
+		register,
+		unregister,
+		subscribeMapChange,
+		elementsRef,
+		labelsRef,
+		nextIndexRef
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompositeListContext.Provider, {
+		value: contextValue,
+		children
+	});
+}
+function createMap() {
+	return /* @__PURE__ */ new Map();
+}
+function createListeners() {
+	return /* @__PURE__ */ new Set();
+}
+function sortByDocumentPosition(a, b) {
+	const position = a.compareDocumentPosition(b);
+	if (position & Node.DOCUMENT_POSITION_FOLLOWING || position & Node.DOCUMENT_POSITION_CONTAINED_BY) return -1;
+	if (position & Node.DOCUMENT_POSITION_PRECEDING || position & Node.DOCUMENT_POSITION_CONTAINS) return 1;
+	return 0;
+}
+function disableEslintWarning(_) {}
+//#endregion
 //#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/positioner/SelectPositionerContext.js
 var SelectPositionerContext = /* @__PURE__ */ import_react.createContext(void 0);
 function useSelectPositionerContext() {
@@ -11800,6 +11275,14 @@ var styleDisableScrollbar = {
 	}
 };
 //#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/toolbar/root/ToolbarRootContext.js
+var ToolbarRootContext = /* @__PURE__ */ import_react.createContext(void 0);
+function useToolbarRootContext(optional) {
+	const context = import_react.useContext(ToolbarRootContext);
+	if (context === void 0 && !optional) throw new Error(formatErrorMessage(69));
+	return context;
+}
+//#endregion
 //#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/csp-context/CSPContext.js
 /**
 * @internal
@@ -11814,7 +11297,7 @@ function useCSPContext() {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/popup/SelectPopup.js
-var stateAttributesMapping$1 = {
+var stateAttributesMapping$2 = {
 	...popupStateMapping,
 	...transitionStatusMapping
 };
@@ -12093,7 +11576,7 @@ var SelectPopup = /* @__PURE__ */ import_react.forwardRef(function SelectPopup(c
 	const element = useRenderElement("div", componentProps, {
 		ref: [forwardedRef, popupRef],
 		state,
-		stateAttributesMapping: stateAttributesMapping$1,
+		stateAttributesMapping: stateAttributesMapping$2,
 		props: [
 			popupProps,
 			defaultProps,
@@ -12153,38 +11636,108 @@ function unsetTransformStyles(popupElement) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/list/SelectList.js
-/**
-* A container for the select items.
-* Renders a `<div>` element.
-*
-* Documentation: [Base UI Select](https://base-ui.com/react/components/select)
-*/
-var SelectList = /* @__PURE__ */ import_react.forwardRef(function SelectList(componentProps, forwardedRef) {
-	const { render, className, style, ...elementProps } = componentProps;
-	const { store, scrollHandlerRef } = useSelectRootContext();
-	const { alignItemWithTriggerActive } = useSelectPositionerContext();
-	const hasScrollArrows = useStore(store, selectors.hasScrollArrows);
-	const openMethod = useStore(store, selectors.openMethod);
-	const multiple = useStore(store, selectors.multiple);
-	const defaultProps = {
-		id: `${useStore(store, selectors.id)}-list`,
-		role: "listbox",
-		"aria-multiselectable": multiple || void 0,
-		onScroll(event) {
-			scrollHandlerRef.current?.(event.currentTarget);
-		},
-		...alignItemWithTriggerActive && { style: LIST_FUNCTIONAL_STYLES },
-		className: hasScrollArrows && openMethod !== "touch" ? styleDisableScrollbar.className : void 0
-	};
-	return useRenderElement("div", componentProps, {
-		ref: [forwardedRef, useStableCallback((element) => {
-			store.set("listElement", element);
-		})],
-		props: [defaultProps, elementProps]
-	});
-});
-//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/list/SelectList.js
+/**
+* A container for the select items.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+*/
+var SelectList = /* @__PURE__ */ import_react.forwardRef(function SelectList(componentProps, forwardedRef) {
+	const { render, className, style, ...elementProps } = componentProps;
+	const { store, scrollHandlerRef } = useSelectRootContext();
+	const { alignItemWithTriggerActive } = useSelectPositionerContext();
+	const hasScrollArrows = useStore(store, selectors.hasScrollArrows);
+	const openMethod = useStore(store, selectors.openMethod);
+	const multiple = useStore(store, selectors.multiple);
+	const defaultProps = {
+		id: `${useStore(store, selectors.id)}-list`,
+		role: "listbox",
+		"aria-multiselectable": multiple || void 0,
+		onScroll(event) {
+			scrollHandlerRef.current?.(event.currentTarget);
+		},
+		...alignItemWithTriggerActive && { style: LIST_FUNCTIONAL_STYLES },
+		className: hasScrollArrows && openMethod !== "touch" ? styleDisableScrollbar.className : void 0
+	};
+	return useRenderElement("div", componentProps, {
+		ref: [forwardedRef, useStableCallback((element) => {
+			store.set("listElement", element);
+		})],
+		props: [defaultProps, elementProps]
+	});
+});
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/list/useCompositeListItem.js
+var IndexGuessBehavior = /* @__PURE__ */ function(IndexGuessBehavior) {
+	IndexGuessBehavior[IndexGuessBehavior["None"] = 0] = "None";
+	IndexGuessBehavior[IndexGuessBehavior["GuessFromOrder"] = 1] = "GuessFromOrder";
+	return IndexGuessBehavior;
+}({});
+/**
+* Used to register a list item and its index (DOM position) in the `CompositeList`.
+*/
+function useCompositeListItem(params = {}) {
+	const { label, metadata, textRef, indexGuessBehavior, index: externalIndex } = params;
+	const { register, unregister, subscribeMapChange, elementsRef, labelsRef, nextIndexRef } = useCompositeListContext();
+	const indexRef = import_react.useRef(-1);
+	const [index, setIndex] = import_react.useState(externalIndex ?? (indexGuessBehavior === IndexGuessBehavior.GuessFromOrder ? () => {
+		if (indexRef.current === -1) {
+			const newIndex = nextIndexRef.current;
+			nextIndexRef.current += 1;
+			indexRef.current = newIndex;
+		}
+		return indexRef.current;
+	} : -1));
+	const componentRef = import_react.useRef(null);
+	const ref = import_react.useCallback((node) => {
+		componentRef.current = node;
+		if (index !== -1 && node !== null) {
+			elementsRef.current[index] = node;
+			if (labelsRef) {
+				const isLabelDefined = label !== void 0;
+				labelsRef.current[index] = isLabelDefined ? label : textRef?.current?.textContent ?? node.textContent;
+			}
+		}
+	}, [
+		index,
+		elementsRef,
+		labelsRef,
+		label,
+		textRef
+	]);
+	useIsoLayoutEffect(() => {
+		if (externalIndex != null) return;
+		const node = componentRef.current;
+		if (node) {
+			register(node, metadata);
+			return () => {
+				unregister(node);
+			};
+		}
+	}, [
+		externalIndex,
+		register,
+		unregister,
+		metadata
+	]);
+	useIsoLayoutEffect(() => {
+		if (externalIndex != null) return;
+		return subscribeMapChange((map) => {
+			const i = componentRef.current ? map.get(componentRef.current)?.index : null;
+			if (i != null) setIndex(i);
+		});
+	}, [
+		externalIndex,
+		subscribeMapChange,
+		setIndex
+	]);
+	return import_react.useMemo(() => ({
+		ref,
+		index
+	}), [index, ref]);
+}
+//#endregion
 //#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/item/SelectItemContext.js
 var SelectItemContext = /* @__PURE__ */ import_react.createContext(void 0);
 function useSelectItemContext() {
@@ -12425,172 +11978,619 @@ var SelectItemText = /* @__PURE__ */ import_react.memo(/* @__PURE__ */ import_re
 			forwardedRef,
 			textRef
 		],
-		props: elementProps
+		props: elementProps
+	});
+}));
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/scroll-arrow/SelectScrollArrow.js
+/**
+* @internal
+*/
+var SelectScrollArrow = /* @__PURE__ */ import_react.forwardRef(function SelectScrollArrow(componentProps, forwardedRef) {
+	const { render, className, style, direction, keepMounted = false, ...elementProps } = componentProps;
+	const isUp = direction === "up";
+	const { store, popupRef, listRef, handleScrollArrowVisibility, scrollArrowsMountedCountRef } = useSelectRootContext();
+	const { side, scrollDownArrowRef, scrollUpArrowRef } = useSelectPositionerContext();
+	const stateVisible = useStore(store, isUp ? selectors.scrollUpArrowVisible : selectors.scrollDownArrowVisible);
+	const openMethod = useStore(store, selectors.openMethod);
+	const visible = stateVisible && openMethod !== "touch";
+	const timeout = useTimeout();
+	const scrollArrowRef = isUp ? scrollUpArrowRef : scrollDownArrowRef;
+	const { transitionStatus, setMounted } = useTransitionStatus(visible);
+	useIsoLayoutEffect(() => {
+		scrollArrowsMountedCountRef.current += 1;
+		if (!store.state.hasScrollArrows) store.set("hasScrollArrows", true);
+		return () => {
+			scrollArrowsMountedCountRef.current = Math.max(0, scrollArrowsMountedCountRef.current - 1);
+			if (scrollArrowsMountedCountRef.current === 0 && store.state.hasScrollArrows) store.set("hasScrollArrows", false);
+		};
+	}, [store, scrollArrowsMountedCountRef]);
+	useOpenChangeComplete({
+		open: visible,
+		ref: scrollArrowRef,
+		onComplete() {
+			if (!visible) setMounted(false);
+		}
+	});
+	const element = useRenderElement("div", componentProps, {
+		ref: [forwardedRef, scrollArrowRef],
+		state: {
+			direction,
+			visible,
+			side,
+			transitionStatus
+		},
+		props: [{
+			"aria-hidden": true,
+			children: isUp ? "▲" : "▼",
+			style: { position: "absolute" },
+			onMouseMove(event) {
+				if (event.movementX === 0 && event.movementY === 0 || timeout.isStarted()) return;
+				store.set("activeIndex", null);
+				function scrollNextItem() {
+					const scroller = store.state.listElement ?? popupRef.current;
+					if (!scroller) return;
+					store.set("activeIndex", null);
+					handleScrollArrowVisibility();
+					const maxScrollTop = getMaxScrollOffset(scroller.scrollHeight, scroller.clientHeight);
+					const scrollTop = normalizeScrollOffset(scroller.scrollTop, maxScrollTop);
+					const isScrolledToEdge = scrollTop === (isUp ? 0 : maxScrollTop);
+					const items = listRef.current;
+					if (scrollTop !== scroller.scrollTop) scroller.scrollTop = scrollTop;
+					if (items.length === 0) store.set(isUp ? "scrollUpArrowVisible" : "scrollDownArrowVisible", !isScrolledToEdge);
+					if (isScrolledToEdge) {
+						timeout.clear();
+						return;
+					}
+					if (items.length > 0) {
+						const scrollArrowHeight = scrollArrowRef.current?.offsetHeight || 0;
+						scroller.scrollTop = getTargetScrollTop(items, isUp, scrollTop, scroller.clientHeight, scrollArrowHeight, maxScrollTop);
+					}
+					timeout.start(40, scrollNextItem);
+				}
+				timeout.start(40, scrollNextItem);
+			},
+			onMouseLeave() {
+				timeout.clear();
+			}
+		}, elementProps]
+	});
+	if (!(visible || keepMounted)) return null;
+	return element;
+});
+function getTargetScrollTop(items, isUp, scrollTop, clientHeight, scrollArrowHeight, maxScrollTop) {
+	if (isUp) {
+		let firstVisibleIndex = 0;
+		const visibleTop = scrollTop + scrollArrowHeight - 1;
+		for (let i = 0; i < items.length; i += 1) {
+			const item = items[i];
+			if (item && item.offsetTop >= visibleTop) {
+				firstVisibleIndex = i;
+				break;
+			}
+		}
+		const targetIndex = Math.max(0, firstVisibleIndex - 1);
+		const targetItem = items[targetIndex];
+		return targetIndex < firstVisibleIndex && targetItem ? normalizeScrollOffset(targetItem.offsetTop - scrollArrowHeight, maxScrollTop) : 0;
+	}
+	let lastVisibleIndex = items.length - 1;
+	const visibleBottom = scrollTop + clientHeight - scrollArrowHeight + 1;
+	for (let i = 0; i < items.length; i += 1) {
+		const item = items[i];
+		if (item && item.offsetTop + item.offsetHeight > visibleBottom) {
+			lastVisibleIndex = Math.max(0, i - 1);
+			break;
+		}
+	}
+	const targetIndex = Math.min(items.length - 1, lastVisibleIndex + 1);
+	const targetItem = items[targetIndex];
+	return targetIndex > lastVisibleIndex && targetItem ? normalizeScrollOffset(targetItem.offsetTop + targetItem.offsetHeight - clientHeight + scrollArrowHeight, maxScrollTop) : maxScrollTop;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/scroll-down-arrow/SelectScrollDownArrow.js
+/**
+* An element that scrolls the select popup down when hovered. Does not render when using touch input.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+*/
+var SelectScrollDownArrow = /* @__PURE__ */ import_react.forwardRef(function SelectScrollDownArrow(props, forwardedRef) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollArrow, {
+		...props,
+		ref: forwardedRef,
+		direction: "down"
+	});
+});
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/scroll-up-arrow/SelectScrollUpArrow.js
+/**
+* An element that scrolls the select popup up when hovered. Does not render when using touch input.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+*/
+var SelectScrollUpArrow = /* @__PURE__ */ import_react.forwardRef(function SelectScrollUpArrow(props, forwardedRef) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollArrow, {
+		...props,
+		ref: forwardedRef,
+		direction: "up"
+	});
+});
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/group/SelectGroupContext.js
+var SelectGroupContext = /* @__PURE__ */ import_react.createContext(void 0);
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/group/SelectGroup.js
+/**
+* Groups related select items with the corresponding label.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+*/
+var SelectGroup = /* @__PURE__ */ import_react.forwardRef(function SelectGroup(componentProps, forwardedRef) {
+	const { render, className, style, ...elementProps } = componentProps;
+	const [labelId, setLabelId] = import_react.useState();
+	const contextValue = import_react.useMemo(() => ({
+		labelId,
+		setLabelId
+	}), [labelId, setLabelId]);
+	const element = useRenderElement("div", componentProps, {
+		ref: forwardedRef,
+		props: [{
+			role: "group",
+			"aria-labelledby": labelId
+		}, elementProps]
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroupContext.Provider, {
+		value: contextValue,
+		children: element
+	});
+});
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/toggle-group/ToggleGroupContext.js
+var ToggleGroupContext = /* @__PURE__ */ import_react.createContext(void 0);
+function useToggleGroupContext(optional = true) {
+	const context = import_react.useContext(ToggleGroupContext);
+	if (context === void 0 && !optional) throw new Error(formatErrorMessage(7));
+	return context;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/item/useCompositeItem.js
+function useCompositeItem(params = {}) {
+	const { highlightItemOnHover, highlightedIndex, onHighlightedIndexChange } = useCompositeRootContext();
+	const { ref, index } = useCompositeListItem(params);
+	const isHighlighted = highlightedIndex === index;
+	const itemRef = import_react.useRef(null);
+	const mergedRef = useMergedRefs(ref, itemRef);
+	return {
+		compositeProps: import_react.useMemo(() => ({
+			tabIndex: isHighlighted ? 0 : -1,
+			onFocus() {
+				onHighlightedIndexChange(index);
+			},
+			onMouseMove() {
+				const item = itemRef.current;
+				if (!highlightItemOnHover || !item) return;
+				const disabled = item.hasAttribute("disabled") || item.ariaDisabled === "true";
+				if (!isHighlighted && !disabled) item.focus();
+			}
+		}), [
+			isHighlighted,
+			onHighlightedIndexChange,
+			index,
+			highlightItemOnHover
+		]),
+		compositeRef: mergedRef,
+		index
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/item/CompositeItem.js
+/**
+* @internal
+*/
+function CompositeItem(componentProps) {
+	const { render, className, style, state = EMPTY_OBJECT, props = EMPTY_ARRAY$1, refs = EMPTY_ARRAY$1, metadata, stateAttributesMapping, tag = "div", ...elementProps } = componentProps;
+	const { compositeProps, compositeRef } = useCompositeItem({ metadata });
+	return useRenderElement(tag, componentProps, {
+		state,
+		ref: [...refs, compositeRef],
+		props: [
+			compositeProps,
+			...props,
+			elementProps
+		],
+		stateAttributesMapping
 	});
-}));
+}
 //#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/scroll-arrow/SelectScrollArrow.js
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/toggle/Toggle.js
 /**
-* @internal
+* A two-state button that can be on or off.
+* Renders a `<button>` element.
+*
+* Documentation: [Base UI Toggle](https://base-ui.com/react/components/toggle)
 */
-var SelectScrollArrow = /* @__PURE__ */ import_react.forwardRef(function SelectScrollArrow(componentProps, forwardedRef) {
-	const { render, className, style, direction, keepMounted = false, ...elementProps } = componentProps;
-	const isUp = direction === "up";
-	const { store, popupRef, listRef, handleScrollArrowVisibility, scrollArrowsMountedCountRef } = useSelectRootContext();
-	const { side, scrollDownArrowRef, scrollUpArrowRef } = useSelectPositionerContext();
-	const stateVisible = useStore(store, isUp ? selectors.scrollUpArrowVisible : selectors.scrollDownArrowVisible);
-	const openMethod = useStore(store, selectors.openMethod);
-	const visible = stateVisible && openMethod !== "touch";
-	const timeout = useTimeout();
-	const scrollArrowRef = isUp ? scrollUpArrowRef : scrollDownArrowRef;
-	const { transitionStatus, setMounted } = useTransitionStatus(visible);
-	useIsoLayoutEffect(() => {
-		scrollArrowsMountedCountRef.current += 1;
-		if (!store.state.hasScrollArrows) store.set("hasScrollArrows", true);
-		return () => {
-			scrollArrowsMountedCountRef.current = Math.max(0, scrollArrowsMountedCountRef.current - 1);
-			if (scrollArrowsMountedCountRef.current === 0 && store.state.hasScrollArrows) store.set("hasScrollArrows", false);
-		};
-	}, [store, scrollArrowsMountedCountRef]);
-	useOpenChangeComplete({
-		open: visible,
-		ref: scrollArrowRef,
-		onComplete() {
-			if (!visible) setMounted(false);
-		}
+var Toggle = /* @__PURE__ */ import_react.forwardRef(function Toggle(componentProps, forwardedRef) {
+	const { className, defaultPressed: defaultPressedProp = false, disabled: disabledProp = false, form, onPressedChange, pressed: pressedProp, render, type, value: valueProp, nativeButton = true, style, ...elementProps } = componentProps;
+	const value = useBaseUiId(valueProp || void 0);
+	const groupContext = useToggleGroupContext();
+	const groupValue = groupContext?.value ?? [];
+	const defaultPressed = groupContext ? void 0 : defaultPressedProp;
+	const disabled = (disabledProp || groupContext?.disabled) ?? false;
+	const [pressed, setPressedState] = useControlled({
+		controlled: groupContext ? value !== void 0 && groupValue.indexOf(value) > -1 : pressedProp,
+		default: defaultPressed,
+		name: "Toggle",
+		state: "pressed"
 	});
-	const element = useRenderElement("div", componentProps, {
-		ref: [forwardedRef, scrollArrowRef],
-		state: {
-			direction,
-			visible,
-			side,
-			transitionStatus
-		},
-		props: [{
-			"aria-hidden": true,
-			children: isUp ? "▲" : "▼",
-			style: { position: "absolute" },
-			onMouseMove(event) {
-				if (event.movementX === 0 && event.movementY === 0 || timeout.isStarted()) return;
-				store.set("activeIndex", null);
-				function scrollNextItem() {
-					const scroller = store.state.listElement ?? popupRef.current;
-					if (!scroller) return;
-					store.set("activeIndex", null);
-					handleScrollArrowVisibility();
-					const maxScrollTop = getMaxScrollOffset(scroller.scrollHeight, scroller.clientHeight);
-					const scrollTop = normalizeScrollOffset(scroller.scrollTop, maxScrollTop);
-					const isScrolledToEdge = scrollTop === (isUp ? 0 : maxScrollTop);
-					const items = listRef.current;
-					if (scrollTop !== scroller.scrollTop) scroller.scrollTop = scrollTop;
-					if (items.length === 0) store.set(isUp ? "scrollUpArrowVisible" : "scrollDownArrowVisible", !isScrolledToEdge);
-					if (isScrolledToEdge) {
-						timeout.clear();
-						return;
-					}
-					if (items.length > 0) {
-						const scrollArrowHeight = scrollArrowRef.current?.offsetHeight || 0;
-						scroller.scrollTop = getTargetScrollTop(items, isUp, scrollTop, scroller.clientHeight, scrollArrowHeight, maxScrollTop);
-					}
-					timeout.start(40, scrollNextItem);
-				}
-				timeout.start(40, scrollNextItem);
-			},
-			onMouseLeave() {
-				timeout.clear();
+	const { getButtonProps, buttonRef } = useButton({
+		disabled,
+		native: nativeButton
+	});
+	const state = {
+		disabled,
+		pressed
+	};
+	const refs = [buttonRef, forwardedRef];
+	const props = [
+		{
+			"aria-pressed": pressed,
+			onClick(event) {
+				const nextPressed = !pressed;
+				const details = createChangeEventDetails(none, event.nativeEvent);
+				if (value) groupContext?.setGroupValue?.(value, nextPressed, details);
+				onPressedChange?.(nextPressed, details);
+				if (details.isCanceled) return;
+				setPressedState(nextPressed);
 			}
-		}, elementProps]
+		},
+		elementProps,
+		getButtonProps
+	];
+	const element = useRenderElement("button", componentProps, {
+		enabled: !groupContext,
+		state,
+		ref: refs,
+		props
+	});
+	if (groupContext) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompositeItem, {
+		tag: "button",
+		render,
+		className,
+		style,
+		state,
+		refs,
+		props
 	});
-	if (!(visible || keepMounted)) return null;
 	return element;
 });
-function getTargetScrollTop(items, isUp, scrollTop, clientHeight, scrollArrowHeight, maxScrollTop) {
-	if (isUp) {
-		let firstVisibleIndex = 0;
-		const visibleTop = scrollTop + scrollArrowHeight - 1;
-		for (let i = 0; i < items.length; i += 1) {
-			const item = items[i];
-			if (item && item.offsetTop >= visibleTop) {
-				firstVisibleIndex = i;
-				break;
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+utils@0.2.9_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/utils/esm/isElementDisabled.js
+function isElementDisabled(element) {
+	return element == null || element.hasAttribute("disabled") || element.getAttribute("aria-disabled") === "true";
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/root/useCompositeRoot.js
+var EMPTY_ARRAY = [];
+function useCompositeRoot(params) {
+	const { itemSizes, cols = 1, loopFocus = true, onLoop, dense = false, orientation = "both", direction, highlightedIndex: externalHighlightedIndex, onHighlightedIndexChange: externalSetHighlightedIndex, rootRef: externalRef, enableHomeAndEndKeys = false, stopEventPropagation = false, disabledIndices, modifierKeys = EMPTY_ARRAY } = params;
+	const [internalHighlightedIndex, internalSetHighlightedIndex] = import_react.useState(0);
+	const isGrid = cols > 1;
+	const rootRef = import_react.useRef(null);
+	const mergedRef = useMergedRefs(rootRef, externalRef);
+	const elementsRef = import_react.useRef([]);
+	const hasSetDefaultIndexRef = import_react.useRef(false);
+	const highlightedIndex = externalHighlightedIndex ?? internalHighlightedIndex;
+	const onHighlightedIndexChange = useStableCallback((index, shouldScrollIntoView = false) => {
+		(externalSetHighlightedIndex ?? internalSetHighlightedIndex)(index);
+		if (shouldScrollIntoView) {
+			const newActiveItem = elementsRef.current[index];
+			scrollIntoViewIfNeeded(rootRef.current, newActiveItem, direction, orientation);
+		}
+	});
+	const onMapChange = useStableCallback((map) => {
+		if (map.size === 0 || hasSetDefaultIndexRef.current) return;
+		hasSetDefaultIndexRef.current = true;
+		const sortedElements = Array.from(map.keys());
+		const activeItem = sortedElements.find((compositeElement) => compositeElement?.hasAttribute("data-composite-item-active")) ?? null;
+		const activeIndex = activeItem ? sortedElements.indexOf(activeItem) : -1;
+		if (activeIndex !== -1) onHighlightedIndexChange(activeIndex);
+		scrollIntoViewIfNeeded(rootRef.current, activeItem, direction, orientation);
+	});
+	const wrappedOnLoop = useStableCallback((event, prevIndex, nextIndex) => {
+		if (!onLoop) return nextIndex;
+		return onLoop?.(event, prevIndex, nextIndex, elementsRef);
+	});
+	const props = import_react.useMemo(() => ({
+		"aria-orientation": orientation === "both" ? void 0 : orientation,
+		ref: mergedRef,
+		onFocus(event) {
+			const element = rootRef.current;
+			const target = getTarget(event.nativeEvent);
+			if (!element || target == null || !isNativeInput(target)) return;
+			target.setSelectionRange(0, target.value.length ?? 0);
+		},
+		onKeyDown(event) {
+			const RELEVANT_KEYS = enableHomeAndEndKeys ? COMPOSITE_KEYS : ARROW_KEYS;
+			if (!RELEVANT_KEYS.has(event.key)) return;
+			if (isModifierKeySet(event, modifierKeys)) return;
+			if (!rootRef.current) return;
+			const isRtl = direction === "rtl";
+			const horizontalForwardKey = isRtl ? ARROW_LEFT : ARROW_RIGHT;
+			const forwardKey = {
+				horizontal: horizontalForwardKey,
+				vertical: ARROW_DOWN,
+				both: horizontalForwardKey
+			}[orientation];
+			const horizontalBackwardKey = isRtl ? ARROW_RIGHT : ARROW_LEFT;
+			const backwardKey = {
+				horizontal: horizontalBackwardKey,
+				vertical: ARROW_UP,
+				both: horizontalBackwardKey
+			}[orientation];
+			const target = getTarget(event.nativeEvent);
+			if (target != null && isNativeInput(target) && !isElementDisabled(target)) {
+				const selectionStart = target.selectionStart;
+				const selectionEnd = target.selectionEnd;
+				const textContent = target.value ?? "";
+				if (selectionStart == null || event.shiftKey || selectionStart !== selectionEnd) return;
+				if (event.key !== backwardKey && selectionStart < textContent.length) return;
+				if (event.key !== forwardKey && selectionStart > 0) return;
+			}
+			let nextIndex = highlightedIndex;
+			const minIndex = getMinListIndex(elementsRef, disabledIndices);
+			const maxIndex = getMaxListIndex(elementsRef, disabledIndices);
+			if (isGrid) {
+				const sizes = itemSizes || Array.from({ length: elementsRef.current.length }, () => ({
+					width: 1,
+					height: 1
+				}));
+				const cellMap = createGridCellMap(sizes, cols, dense);
+				const minGridIndex = cellMap.findIndex((index) => index != null && !isListIndexDisabled(elementsRef.current, index, disabledIndices));
+				const maxGridIndex = cellMap.reduce((foundIndex, index, cellIndex) => index != null && !isListIndexDisabled(elementsRef.current, index, disabledIndices) ? cellIndex : foundIndex, -1);
+				nextIndex = cellMap[getGridNavigatedIndex(cellMap.map((itemIndex) => itemIndex != null ? elementsRef.current[itemIndex] : null), {
+					event,
+					orientation,
+					loopFocus,
+					onLoop: wrappedOnLoop,
+					cols,
+					disabledIndices: getGridCellIndices([...disabledIndices || elementsRef.current.map((_, index) => isListIndexDisabled(elementsRef.current, index) ? index : void 0), void 0], cellMap),
+					minIndex: minGridIndex,
+					maxIndex: maxGridIndex,
+					prevIndex: getGridCellIndexOfCorner(highlightedIndex > maxIndex ? minIndex : highlightedIndex, sizes, cellMap, cols, event.key === "ArrowDown" ? "bl" : event.key === "ArrowRight" ? "tr" : "tl"),
+					rtl: isRtl
+				})];
+			}
+			const forwardKeys = {
+				horizontal: [horizontalForwardKey],
+				vertical: [ARROW_DOWN],
+				both: [horizontalForwardKey, ARROW_DOWN]
+			}[orientation];
+			const backwardKeys = {
+				horizontal: [horizontalBackwardKey],
+				vertical: [ARROW_UP],
+				both: [horizontalBackwardKey, ARROW_UP]
+			}[orientation];
+			const preventedKeys = isGrid ? RELEVANT_KEYS : {
+				horizontal: enableHomeAndEndKeys ? HORIZONTAL_KEYS_WITH_EXTRA_KEYS : HORIZONTAL_KEYS,
+				vertical: enableHomeAndEndKeys ? VERTICAL_KEYS_WITH_EXTRA_KEYS : VERTICAL_KEYS,
+				both: RELEVANT_KEYS
+			}[orientation];
+			if (enableHomeAndEndKeys) {
+				if (event.key === "Home") nextIndex = minIndex;
+				else if (event.key === "End") nextIndex = maxIndex;
+			}
+			if (nextIndex === highlightedIndex && (forwardKeys.includes(event.key) || backwardKeys.includes(event.key))) if (loopFocus && nextIndex === maxIndex && forwardKeys.includes(event.key)) {
+				nextIndex = minIndex;
+				if (onLoop) nextIndex = onLoop(event, highlightedIndex, nextIndex, elementsRef);
+			} else if (loopFocus && nextIndex === minIndex && backwardKeys.includes(event.key)) {
+				nextIndex = maxIndex;
+				if (onLoop) nextIndex = onLoop(event, highlightedIndex, nextIndex, elementsRef);
+			} else nextIndex = findNonDisabledListIndex(elementsRef.current, {
+				startingIndex: nextIndex,
+				decrement: backwardKeys.includes(event.key),
+				disabledIndices
+			});
+			if (nextIndex !== highlightedIndex && !isIndexOutOfListBounds(elementsRef.current, nextIndex)) {
+				if (stopEventPropagation) event.stopPropagation();
+				if (preventedKeys.has(event.key)) event.preventDefault();
+				onHighlightedIndexChange(nextIndex, true);
+				queueMicrotask(() => {
+					elementsRef.current[nextIndex]?.focus();
+				});
 			}
 		}
-		const targetIndex = Math.max(0, firstVisibleIndex - 1);
-		const targetItem = items[targetIndex];
-		return targetIndex < firstVisibleIndex && targetItem ? normalizeScrollOffset(targetItem.offsetTop - scrollArrowHeight, maxScrollTop) : 0;
-	}
-	let lastVisibleIndex = items.length - 1;
-	const visibleBottom = scrollTop + clientHeight - scrollArrowHeight + 1;
-	for (let i = 0; i < items.length; i += 1) {
-		const item = items[i];
-		if (item && item.offsetTop + item.offsetHeight > visibleBottom) {
-			lastVisibleIndex = Math.max(0, i - 1);
-			break;
-		}
+	}), [
+		cols,
+		dense,
+		direction,
+		disabledIndices,
+		elementsRef,
+		enableHomeAndEndKeys,
+		highlightedIndex,
+		isGrid,
+		itemSizes,
+		loopFocus,
+		onLoop,
+		wrappedOnLoop,
+		mergedRef,
+		modifierKeys,
+		onHighlightedIndexChange,
+		orientation,
+		stopEventPropagation
+	]);
+	return import_react.useMemo(() => ({
+		props,
+		highlightedIndex,
+		onHighlightedIndexChange,
+		elementsRef,
+		disabledIndices,
+		onMapChange,
+		relayKeyboardEvent: props.onKeyDown
+	}), [
+		props,
+		highlightedIndex,
+		onHighlightedIndexChange,
+		elementsRef,
+		disabledIndices,
+		onMapChange
+	]);
+}
+function isModifierKeySet(event, ignoredModifierKeys) {
+	for (const key of MODIFIER_KEYS.values()) {
+		if (ignoredModifierKeys.includes(key)) continue;
+		if (event.getModifierState(key)) return true;
 	}
-	const targetIndex = Math.min(items.length - 1, lastVisibleIndex + 1);
-	const targetItem = items[targetIndex];
-	return targetIndex > lastVisibleIndex && targetItem ? normalizeScrollOffset(targetItem.offsetTop + targetItem.offsetHeight - clientHeight + scrollArrowHeight, maxScrollTop) : maxScrollTop;
+	return false;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/scroll-down-arrow/SelectScrollDownArrow.js
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/root/CompositeRoot.js
 /**
-* An element that scrolls the select popup down when hovered. Does not render when using touch input.
-* Renders a `<div>` element.
-*
-* Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+* @internal
 */
-var SelectScrollDownArrow = /* @__PURE__ */ import_react.forwardRef(function SelectScrollDownArrow(props, forwardedRef) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollArrow, {
-		...props,
-		ref: forwardedRef,
-		direction: "down"
+function CompositeRoot(componentProps) {
+	const { render, className, style, refs = EMPTY_ARRAY$1, props = EMPTY_ARRAY$1, state = EMPTY_OBJECT, stateAttributesMapping, highlightedIndex: highlightedIndexProp, onHighlightedIndexChange: onHighlightedIndexChangeProp, orientation, dense, itemSizes, loopFocus, onLoop, cols, enableHomeAndEndKeys, onMapChange: onMapChangeProp, stopEventPropagation = true, rootRef, disabledIndices, modifierKeys, highlightItemOnHover = false, tag = "div", ...elementProps } = componentProps;
+	const { props: defaultProps, highlightedIndex, onHighlightedIndexChange, elementsRef, onMapChange: onMapChangeUnwrapped, relayKeyboardEvent } = useCompositeRoot({
+		itemSizes,
+		cols,
+		loopFocus,
+		onLoop,
+		dense,
+		orientation,
+		highlightedIndex: highlightedIndexProp,
+		onHighlightedIndexChange: onHighlightedIndexChangeProp,
+		rootRef,
+		stopEventPropagation,
+		enableHomeAndEndKeys,
+		direction: useDirection(),
+		disabledIndices,
+		modifierKeys
 	});
-});
-//#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/scroll-up-arrow/SelectScrollUpArrow.js
-/**
-* An element that scrolls the select popup up when hovered. Does not render when using touch input.
-* Renders a `<div>` element.
-*
-* Documentation: [Base UI Select](https://base-ui.com/react/components/select)
-*/
-var SelectScrollUpArrow = /* @__PURE__ */ import_react.forwardRef(function SelectScrollUpArrow(props, forwardedRef) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollArrow, {
-		...props,
-		ref: forwardedRef,
-		direction: "up"
+	const element = useRenderElement(tag, componentProps, {
+		state,
+		ref: refs,
+		props: [
+			defaultProps,
+			...props,
+			elementProps
+		],
+		stateAttributesMapping
 	});
-});
+	const contextValue = import_react.useMemo(() => ({
+		highlightedIndex,
+		onHighlightedIndexChange,
+		highlightItemOnHover,
+		relayKeyboardEvent
+	}), [
+		highlightedIndex,
+		onHighlightedIndexChange,
+		highlightItemOnHover,
+		relayKeyboardEvent
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompositeRootContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompositeList, {
+			elementsRef,
+			onMapChange: (newMap) => {
+				onMapChangeProp?.(newMap);
+				onMapChangeUnwrapped(newMap);
+			},
+			children: element
+		})
+	});
+}
 //#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/group/SelectGroupContext.js
-var SelectGroupContext = /* @__PURE__ */ import_react.createContext(void 0);
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/toggle-group/ToggleGroupDataAttributes.js
+var ToggleGroupDataAttributes = /* @__PURE__ */ function(ToggleGroupDataAttributes) {
+	/**
+	* Present when the toggle group is disabled.
+	*/
+	ToggleGroupDataAttributes["disabled"] = "data-disabled";
+	/**
+	* Indicates the orientation of the toggle group.
+	* @type {'horizontal' | 'vertical'}
+	*/
+	ToggleGroupDataAttributes["orientation"] = "data-orientation";
+	/**
+	* Present when the toggle group allows multiple buttons to be in the pressed state at the same time.
+	*/
+	ToggleGroupDataAttributes["multiple"] = "data-multiple";
+	return ToggleGroupDataAttributes;
+}({});
 //#endregion
-//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/select/group/SelectGroup.js
+//#region ../../node_modules/.pnpm/@base-ui+react@1.5.0_@types+react@19.2.15_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/toggle-group/ToggleGroup.js
+var stateAttributesMapping$1 = { multiple(value) {
+	if (value) return { [ToggleGroupDataAttributes.multiple]: "" };
+	return null;
+} };
 /**
-* Groups related select items with the corresponding label.
-* Renders a `<div>` element.
+* Provides a shared state to a series of toggle buttons.
 *
-* Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+* Documentation: [Base UI Toggle Group](https://base-ui.com/react/components/toggle-group)
 */
-var SelectGroup = /* @__PURE__ */ import_react.forwardRef(function SelectGroup(componentProps, forwardedRef) {
-	const { render, className, style, ...elementProps } = componentProps;
-	const [labelId, setLabelId] = import_react.useState();
+var ToggleGroup = /* @__PURE__ */ import_react.forwardRef(function ToggleGroup(componentProps, forwardedRef) {
+	const { defaultValue: defaultValueProp, disabled: disabledProp = false, loopFocus = true, onValueChange, orientation = "horizontal", multiple = false, value: valueProp, className, render, style, ...elementProps } = componentProps;
+	const toolbarContext = useToolbarRootContext(true);
+	const isValueInitialized = import_react.useMemo(() => valueProp !== void 0 || defaultValueProp !== void 0, [valueProp, defaultValueProp]);
+	const disabled = (toolbarContext?.disabled ?? false) || disabledProp;
+	const [groupValue, setValueState] = useControlled({
+		controlled: valueProp,
+		default: valueProp === void 0 ? defaultValueProp ?? EMPTY_ARRAY$1 : void 0,
+		name: "ToggleGroup",
+		state: "value"
+	});
+	const setGroupValue = useStableCallback((newValue, nextPressed, eventDetails) => {
+		let newGroupValue;
+		if (multiple) {
+			newGroupValue = groupValue.slice();
+			if (nextPressed) newGroupValue.push(newValue);
+			else newGroupValue.splice(groupValue.indexOf(newValue), 1);
+		} else newGroupValue = nextPressed ? [newValue] : [];
+		onValueChange?.(newGroupValue, eventDetails);
+		if (eventDetails.isCanceled) return;
+		setValueState(newGroupValue);
+	});
+	const state = {
+		disabled,
+		multiple,
+		orientation
+	};
 	const contextValue = import_react.useMemo(() => ({
-		labelId,
-		setLabelId
-	}), [labelId, setLabelId]);
+		disabled,
+		orientation,
+		setGroupValue,
+		value: groupValue,
+		isValueInitialized
+	}), [
+		disabled,
+		orientation,
+		setGroupValue,
+		groupValue,
+		isValueInitialized
+	]);
+	const defaultProps = { role: "group" };
 	const element = useRenderElement("div", componentProps, {
+		enabled: Boolean(toolbarContext),
+		state,
 		ref: forwardedRef,
-		props: [{
-			role: "group",
-			"aria-labelledby": labelId
-		}, elementProps]
+		props: [defaultProps, elementProps],
+		stateAttributesMapping: stateAttributesMapping$1
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroupContext.Provider, {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupContext.Provider, {
 		value: contextValue,
-		children: element
+		children: toolbarContext ? element : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompositeRoot, {
+			render,
+			className,
+			style,
+			state,
+			refs: [forwardedRef],
+			props: [defaultProps, elementProps],
+			stateAttributesMapping: stateAttributesMapping$1,
+			loopFocus,
+			enableHomeAndEndKeys: true,
+			orientation
+		})
 	});
 });
 //#endregion
@@ -13987,4 +13987,4 @@ var SwitchThumb = /* @__PURE__ */ import_react.forwardRef(function SwitchThumb(c
 	});
 });
 //#endregion
-export { DialogDescription as A, TooltipRoot as B, Toggle as C, DialogTitle as D, DialogTrigger as E, TooltipArrow as F, useRender as G, require_react_dom as H, TooltipPopup as I, require_react as J, mergeProps as K, TooltipPositioner as L, DialogBackdrop as M, AlertDialogRoot as N, DialogPortal as O, TooltipProvider as P, TooltipPortal as R, ToggleGroup as S, AlertDialogTrigger as T, Separator as U, require_with_selector as V, Button as W, SelectPortal as _, SliderTrack as a, SelectTrigger as b, SelectGroup as c, SelectItemText as d, SelectItemIndicator as f, SelectPositioner as g, SelectPopup as h, SliderThumb as i, DialogClose as j, DialogPopup as k, SelectScrollUpArrow as l, SelectList as m, SwitchRoot as n, SliderControl as o, SelectItem as p, require_jsx_runtime as q, SliderIndicator as r, SliderRoot as s, SwitchThumb as t, SelectScrollDownArrow as u, SelectIcon as v, DialogRoot as w, SelectRoot as x, SelectValue as y, TooltipTrigger as z };
+export { DialogDescription as A, TooltipRoot as B, SelectRoot as C, DialogTitle as D, DialogTrigger as E, TooltipArrow as F, useRender as G, require_react_dom as H, TooltipPopup as I, require_react as J, mergeProps as K, TooltipPositioner as L, DialogBackdrop as M, AlertDialogRoot as N, DialogPortal as O, TooltipProvider as P, TooltipPortal as R, SelectTrigger as S, AlertDialogTrigger as T, Separator as U, require_with_selector as V, Button as W, SelectPopup as _, SliderTrack as a, SelectIcon as b, ToggleGroup as c, SelectScrollUpArrow as d, SelectScrollDownArrow as f, SelectList as g, SelectItem as h, SliderThumb as i, DialogClose as j, DialogPopup as k, Toggle as l, SelectItemIndicator as m, SwitchRoot as n, SliderControl as o, SelectItemText as p, require_jsx_runtime as q, SliderIndicator as r, SliderRoot as s, SwitchThumb as t, SelectGroup as u, SelectPositioner as v, DialogRoot as w, SelectValue as x, SelectPortal as y, TooltipTrigger as z };