@hot-updater/console 0.33.0 → 0.33.2

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

@@ -1,9 +1,9 @@
 import { r as __toESM } from "../../_runtime.mjs";
-import { C as useCallbackRef, D as useLayoutEffect2, N as useComposedRefs, O as createContextScope, P as require_jsx_runtime, k as Primitive } from "./react-alert-dialog+[...].mjs";
 import { a as offset, c as useFloating, i as limitShift, n as flip, o as shift, r as hide, s as size, t as arrow, u as require_react } from "../@floating-ui/react-dom+[...].mjs";
+import { C as useCallbackRef, D as useLayoutEffect2, N as useComposedRefs, O as createContextScope, P as require_jsx_runtime, k as Primitive } from "./react-alert-dialog+[...].mjs";
 import { n as autoUpdate } from "../@floating-ui/dom+[...].mjs";
 import { t as Root } from "../radix-ui__react-arrow.mjs";
-//#region ../../node_modules/.pnpm/@radix-ui+react-use-size@1.1.1_@types+react@19.2.14_react@19.2.4/node_modules/@radix-ui/react-use-size/dist/index.mjs
+//#region ../../node_modules/.pnpm/@radix-ui+react-use-size@1.1.2_@types+react@19.2.15_react@19.2.6/node_modules/@radix-ui/react-use-size/dist/index.mjs
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
 function useSize(element) {
 	const [size, setSize] = import_react.useState(void 0);
@@ -40,7 +40,7 @@ function useSize(element) {
 	return size;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@radix-ui+react-popper@1.2.8_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_13e0521d8aea7ebfbfb8bee1fb615c05/node_modules/@radix-ui/react-popper/dist/index.mjs
+//#region ../../node_modules/.pnpm/@radix-ui+react-popper@1.3.0_@types+react-dom@19.2.3_@types+react@19.2.15__@types+react_dda64ff0e3d08442360b0a4fed563fd9/node_modules/@radix-ui/react-popper/dist/index.mjs
 var import_jsx_runtime = require_jsx_runtime();
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
@@ -48,10 +48,13 @@ var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
 	const { __scopePopper, children } = props;
 	const [anchor, setAnchor] = import_react.useState(null);
+	const [placementState, setPlacementState] = import_react.useState(void 0);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperProvider, {
 		scope: __scopePopper,
 		anchor,
 		onAnchorChange: setAnchor,
+		placementState,
+		setPlacementState,
 		children
 	});
 };
@@ -61,14 +64,24 @@ var PopperAnchor = import_react.forwardRef((props, forwardedRef) => {
 	const { __scopePopper, virtualRef, ...anchorProps } = props;
 	const context = usePopperContext(ANCHOR_NAME, __scopePopper);
 	const ref = import_react.useRef(null);
-	const composedRefs = useComposedRefs(forwardedRef, ref);
+	const onAnchorChange = context.onAnchorChange;
+	const composedRefs = useComposedRefs(forwardedRef, import_react.useCallback((node) => {
+		ref.current = node;
+		if (node) onAnchorChange(node);
+	}, [onAnchorChange]));
 	const anchorRef = import_react.useRef(null);
 	import_react.useEffect(() => {
+		if (!virtualRef) return;
 		const previousAnchor = anchorRef.current;
-		anchorRef.current = virtualRef?.current || ref.current;
-		if (previousAnchor !== anchorRef.current) context.onAnchorChange(anchorRef.current);
+		anchorRef.current = virtualRef.current;
+		if (previousAnchor !== anchorRef.current) onAnchorChange(anchorRef.current);
 	});
+	const sideAndAlign = context.placementState && getSideAndAlignFromPlacement(context.placementState);
+	const placedSide = sideAndAlign?.[0];
+	const placedAlign = sideAndAlign?.[1];
 	return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
+		"data-radix-popper-side": placedSide,
+		"data-radix-popper-align": placedAlign,
 		...anchorProps,
 		ref: composedRefs
 	});
@@ -77,7 +90,7 @@ PopperAnchor.displayName = ANCHOR_NAME;
 var CONTENT_NAME = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
 var PopperContent = import_react.forwardRef((props, forwardedRef) => {
-	const { __scopePopper, side = "bottom", sideOffset = 0, align = "center", alignOffset = 0, arrowPadding = 0, avoidCollisions = true, collisionBoundary = [], collisionPadding: collisionPaddingProp = 0, sticky = "partial", hideWhenDetached = false, updatePositionStrategy = "optimized", onPlaced, ...contentProps } = props;
+	const { __scopePopper, side = "bottom", sideOffset = 0, align = "center", alignOffset = 0, arrowPadding = 0, avoidCollisions = true, collisionBoundary, collisionPadding: collisionPaddingProp = 0, sticky = "partial", hideWhenDetached = false, updatePositionStrategy = "optimized", onPlaced, ...contentProps } = props;
 	const context = usePopperContext(CONTENT_NAME, __scopePopper);
 	const [content, setContent] = import_react.useState(null);
 	const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
@@ -93,11 +106,11 @@ var PopperContent = import_react.forwardRef((props, forwardedRef) => {
 		left: 0,
 		...collisionPaddingProp
 	};
-	const boundary = Array.isArray(collisionBoundary) ? collisionBoundary : [collisionBoundary];
-	const hasExplicitBoundaries = boundary.length > 0;
+	const boundary = collisionBoundary ? Array.isArray(collisionBoundary) ? collisionBoundary : [collisionBoundary] : void 0;
+	const hasExplicitBoundaries = boundary !== void 0 && boundary.length > 0;
 	const detectOverflowOptions = {
 		padding: collisionPadding,
-		boundary: boundary.filter(isNotNull),
+		boundary: boundary?.filter(isNotNull),
 		altBoundary: hasExplicitBoundaries
 	};
 	const { refs, floatingStyles, placement, isPositioned, middlewareData } = useFloating({
@@ -144,6 +157,13 @@ var PopperContent = import_react.forwardRef((props, forwardedRef) => {
 			})
 		]
 	});
+	const setPlacementState = context.setPlacementState;
+	useLayoutEffect2(() => {
+		setPlacementState(placement);
+		return () => {
+			setPlacementState(void 0);
+		};
+	}, [placement, setPlacementState]);
 	const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
 	const handlePlaced = useCallbackRef(onPlaced);
 	useLayoutEffect2(() => {
@@ -164,7 +184,7 @@ var PopperContent = import_react.forwardRef((props, forwardedRef) => {
 			transform: isPositioned ? floatingStyles.transform : "translate(0, -200%)",
 			minWidth: "max-content",
 			zIndex: contentZIndex,
-			["--radix-popper-transform-origin"]: [middlewareData.transformOrigin?.x, middlewareData.transformOrigin?.y].join(" "),
+			"--radix-popper-transform-origin": [middlewareData.transformOrigin?.x, middlewareData.transformOrigin?.y].join(" "),
 			...middlewareData.hide?.referenceHidden && {
 				visibility: "hidden",
 				pointerEvents: "none"
@@ -174,6 +194,7 @@ var PopperContent = import_react.forwardRef((props, forwardedRef) => {
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperContentProvider, {
 			scope: __scopePopper,
 			placedSide,
+			placedAlign,
 			onArrowChange: setArrow,
 			arrowX,
 			arrowY,

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

@@ -1,12 +1,12 @@
 import { r as __toESM } from "../../_runtime.mjs";
-import { C as useCallbackRef, D as useLayoutEffect2, E as useControllableState, N as useComposedRefs, O as createContextScope, P as require_jsx_runtime, S as DismissableLayer, _ as hideOthers, b as Portal$1, j as createSlot, k as Primitive, v as ReactRemoveScroll, w as useId, x as FocusScope, y as useFocusGuards } from "./react-alert-dialog+[...].mjs";
 import { l as require_react_dom, u as require_react } from "../@floating-ui/react-dom+[...].mjs";
+import { C as useCallbackRef, D as useLayoutEffect2, E as useControllableState, N as useComposedRefs, O as createContextScope, P as require_jsx_runtime, S as DismissableLayer, T as Presence, _ as hideOthers, b as Portal, j as createSlot, k as Primitive, v as ReactRemoveScroll, w as useId, x as FocusScope, y as useFocusGuards } from "./react-alert-dialog+[...].mjs";
 import { t as createCollection } from "../radix-ui__react-collection.mjs";
 import { t as composeEventHandlers } from "../radix-ui__primitive.mjs";
 import { t as useDirection } from "../radix-ui__react-direction.mjs";
-import { a as createPopperScope, i as Root2$1, n as Arrow, r as Content, t as Anchor } from "./react-popper+[...].mjs";
+import { a as createPopperScope, i as Root2, n as Arrow, r as Content, t as Anchor } from "./react-popper+[...].mjs";
 import { t as clamp } from "../radix-ui__number.mjs";
-//#region ../../node_modules/.pnpm/@radix-ui+react-visually-hidden@1.2.3_@types+react-dom@19.2.3_@types+react@19.2.14__@ty_fa89646d7248b32d1762bf88948f6339/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
+//#region ../../node_modules/.pnpm/@radix-ui+react-visually-hidden@1.2.5_@types+react-dom@19.2.3_@types+react@19.2.15__@ty_57907524451428ebc21a88670ca0b799/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
 var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1);
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
 var import_jsx_runtime = require_jsx_runtime();
@@ -36,7 +36,7 @@ var VisuallyHidden = import_react.forwardRef((props, forwardedRef) => {
 VisuallyHidden.displayName = NAME;
 var Root = VisuallyHidden;
 //#endregion
-//#region ../../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@19.2.14_react@19.2.4/node_modules/@radix-ui/react-use-previous/dist/index.mjs
+//#region ../../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.2_@types+react@19.2.15_react@19.2.6/node_modules/@radix-ui/react-use-previous/dist/index.mjs
 function usePrevious(value) {
 	const ref = import_react.useRef({
 		value,
@@ -51,7 +51,7 @@ function usePrevious(value) {
 	}, [value]);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@radix-ui+react-select@2.2.6_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_53894a32562cb9eeb6aef8b357a4f4e3/node_modules/@radix-ui/react-select/dist/index.mjs
+//#region ../../node_modules/.pnpm/@radix-ui+react-select@2.3.0_@types+react-dom@19.2.3_@types+react@19.2.15__@types+react_ac7eb800be9df7939f38bd342d4df42b/node_modules/@radix-ui/react-select/dist/index.mjs
 var OPEN_KEYS = [
 	" ",
 	"Enter",
@@ -63,10 +63,11 @@ var SELECT_NAME = "Select";
 var [Collection, useCollection, createCollectionScope] = createCollection(SELECT_NAME);
 var [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME, [createCollectionScope, createPopperScope]);
 var usePopperScope = createPopperScope();
-var [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
+var [SelectProviderImpl, useSelectContext] = createSelectContext(SELECT_NAME);
 var [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME);
-var Select = (props) => {
-	const { __scopeSelect, children, open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, dir, name, autoComplete, disabled, required, form } = props;
+var PROVIDER_NAME = "SelectProvider";
+function SelectProvider(props) {
+	const { __scopeSelect, children, open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, dir, name, autoComplete, disabled, required, form, internal_do_not_use_render } = props;
 	const popperScope = usePopperScope(__scopeSelect);
 	const [trigger, setTrigger] = import_react.useState(null);
 	const [valueNode, setValueNode] = import_react.useState(null);
@@ -85,58 +86,68 @@ var Select = (props) => {
 		caller: SELECT_NAME
 	});
 	const triggerPointerDownPosRef = import_react.useRef(null);
-	const isFormControl = trigger ? form || !!trigger.closest("form") : true;
+	const isFormControl = trigger ? !!form || !!trigger.closest("form") : true;
 	const [nativeOptionsSet, setNativeOptionsSet] = import_react.useState(/* @__PURE__ */ new Set());
+	const contentId = useId();
 	const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2$1, {
+	const handleNativeOptionAdd = import_react.useCallback((option) => {
+		setNativeOptionsSet((prev) => new Set(prev).add(option));
+	}, []);
+	const handleNativeOptionRemove = import_react.useCallback((option) => {
+		setNativeOptionsSet((prev) => {
+			const optionsSet = new Set(prev);
+			optionsSet.delete(option);
+			return optionsSet;
+		});
+	}, []);
+	const context = {
+		required,
+		trigger,
+		onTriggerChange: setTrigger,
+		valueNode,
+		onValueNodeChange: setValueNode,
+		valueNodeHasChildren,
+		onValueNodeHasChildrenChange: setValueNodeHasChildren,
+		contentId,
+		value,
+		onValueChange: setValue,
+		open,
+		onOpenChange: setOpen,
+		dir: direction,
+		triggerPointerDownPosRef,
+		disabled,
+		name,
+		autoComplete,
+		form,
+		nativeOptions: nativeOptionsSet,
+		nativeSelectKey,
+		isFormControl
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2, {
 		...popperScope,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectProvider, {
-			required,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectProviderImpl, {
 			scope: __scopeSelect,
-			trigger,
-			onTriggerChange: setTrigger,
-			valueNode,
-			onValueNodeChange: setValueNode,
-			valueNodeHasChildren,
-			onValueNodeHasChildrenChange: setValueNodeHasChildren,
-			contentId: useId(),
-			value,
-			onValueChange: setValue,
-			open,
-			onOpenChange: setOpen,
-			dir: direction,
-			triggerPointerDownPosRef,
-			disabled,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, {
+			...context,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, {
 				scope: __scopeSelect,
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectNativeOptionsProvider, {
-					scope: props.__scopeSelect,
-					onNativeOptionAdd: import_react.useCallback((option) => {
-						setNativeOptionsSet((prev) => new Set(prev).add(option));
-					}, []),
-					onNativeOptionRemove: import_react.useCallback((option) => {
-						setNativeOptionsSet((prev) => {
-							const optionsSet = new Set(prev);
-							optionsSet.delete(option);
-							return optionsSet;
-						});
-					}, []),
-					children
+					scope: __scopeSelect,
+					onNativeOptionAdd: handleNativeOptionAdd,
+					onNativeOptionRemove: handleNativeOptionRemove,
+					children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
 				})
-			}), isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectBubbleInput, {
-				"aria-hidden": true,
-				required,
-				tabIndex: -1,
-				name,
-				autoComplete,
-				value,
-				onChange: (event) => setValue(event.target.value),
-				disabled,
-				form,
-				children: [value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "" }) : null, Array.from(nativeOptionsSet)]
-			}, nativeSelectKey) : null]
+			})
 		})
 	});
+}
+SelectProvider.displayName = PROVIDER_NAME;
+var Select = (props) => {
+	const { __scopeSelect, children, ...providerProps } = props;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectProvider, {
+		__scopeSelect,
+		...providerProps,
+		internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [children, isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectBubbleInput, { __scopeSelect }) : null] })
+	});
 };
 Select.displayName = SELECT_NAME;
 var TRIGGER_NAME = "SelectTrigger";
@@ -169,7 +180,7 @@ var SelectTrigger = import_react.forwardRef((props, forwardedRef) => {
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.button, {
 			type: "button",
 			role: "combobox",
-			"aria-controls": context.contentId,
+			"aria-controls": context.open ? context.contentId : void 0,
 			"aria-expanded": context.open,
 			"aria-required": context.required,
 			"aria-autocomplete": "none",
@@ -216,11 +227,13 @@ var SelectValue = import_react.forwardRef((props, forwardedRef) => {
 	useLayoutEffect2(() => {
 		onValueNodeHasChildrenChange(hasChildren);
 	}, [onValueNodeHasChildrenChange, hasChildren]);
+	const showPlaceholder = shouldShowPlaceholder(context.value);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
 		...valueProps,
+		asChild: showPlaceholder ? false : valueProps.asChild,
 		ref: composedRefs,
 		style: { pointerEvents: "none" },
-		children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: placeholder }) : children
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: showPlaceholder ? placeholder : children }, showPlaceholder ? "placeholder" : "value")
 	});
 });
 SelectValue.displayName = VALUE_NAME;
@@ -236,42 +249,62 @@ var SelectIcon = import_react.forwardRef((props, forwardedRef) => {
 });
 SelectIcon.displayName = ICON_NAME;
 var PORTAL_NAME = "SelectPortal";
+var [PortalProvider, usePortalContext] = createSelectContext(PORTAL_NAME, { forceMount: void 0 });
 var SelectPortal = (props) => {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal$1, {
-		asChild: true,
-		...props
+	const { __scopeSelect, forceMount, ...portalProps } = props;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalProvider, {
+		scope: props.__scopeSelect,
+		forceMount,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal, {
+			asChild: true,
+			...portalProps
+		})
 	});
 };
 SelectPortal.displayName = PORTAL_NAME;
 var CONTENT_NAME = "SelectContent";
 var SelectContent = import_react.forwardRef((props, forwardedRef) => {
+	const portalContext = usePortalContext(CONTENT_NAME, props.__scopeSelect);
+	const { forceMount = portalContext.forceMount, ...contentProps } = props;
 	const context = useSelectContext(CONTENT_NAME, props.__scopeSelect);
 	const [fragment, setFragment] = import_react.useState();
 	useLayoutEffect2(() => {
 		setFragment(new DocumentFragment());
 	}, []);
-	if (!context.open) {
-		const frag = fragment;
-		return frag ? import_react_dom.createPortal(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentProvider, {
-			scope: props.__scopeSelect,
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Slot, {
-				scope: props.__scopeSelect,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: props.children })
-			})
-		}), frag) : null;
-	}
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentImpl, {
-		...props,
-		ref: forwardedRef
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Presence, {
+		present: forceMount || context.open,
+		children: ({ present }) => present ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentImpl, {
+			...contentProps,
+			ref: forwardedRef
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentFragment, {
+			...contentProps,
+			fragment
+		})
 	});
 });
 SelectContent.displayName = CONTENT_NAME;
+var SelectContentFragment = import_react.forwardRef((props, forwardedRef) => {
+	const { __scopeSelect, children, fragment } = props;
+	if (!fragment) return null;
+	return import_react_dom.createPortal(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentProvider, {
+		scope: __scopeSelect,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Slot, {
+			scope: __scopeSelect,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				ref: forwardedRef,
+				children
+			})
+		})
+	}), fragment);
+});
+SelectContentFragment.displayName = "SelectContentFragment";
 var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
 var Slot = createSlot("SelectContent.RemoveScroll");
 var SelectContentImpl = import_react.forwardRef((props, forwardedRef) => {
-	const { __scopeSelect, position = "item-aligned", onCloseAutoFocus, onEscapeKeyDown, onPointerDownOutside, side, sideOffset, align, alignOffset, arrowPadding, collisionBoundary, collisionPadding, sticky, hideWhenDetached, avoidCollisions, ...contentProps } = props;
+	const { __scopeSelect } = props;
+	const { position = "item-aligned", onCloseAutoFocus, onEscapeKeyDown, onPointerDownOutside, side, sideOffset, align, alignOffset, arrowPadding, collisionBoundary, collisionPadding, sticky, hideWhenDetached, avoidCollisions, ...contentProps } = props;
 	const context = useSelectContext(CONTENT_NAME, __scopeSelect);
 	const [content, setContent] = import_react.useState(null);
 	const [viewport, setViewport] = import_react.useState(null);
@@ -321,7 +354,7 @@ var SelectContentImpl = import_react.forwardRef((props, forwardedRef) => {
 			};
 			const handlePointerUp = (event) => {
 				if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10) event.preventDefault();
-				else if (!content.contains(event.target)) onOpenChange(false);
+				else if (!event.composedPath().includes(content)) onOpenChange(false);
 				document.removeEventListener("pointermove", handlePointerMove);
 				triggerPointerDownPosRef.current = null;
 			};
@@ -911,9 +944,7 @@ var ARROW_NAME = "SelectArrow";
 var SelectArrow = import_react.forwardRef((props, forwardedRef) => {
 	const { __scopeSelect, ...arrowProps } = props;
 	const popperScope = usePopperScope(__scopeSelect);
-	const context = useSelectContext(ARROW_NAME, __scopeSelect);
-	const contentContext = useSelectContentContext(ARROW_NAME, __scopeSelect);
-	return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {
+	return useSelectContentContext(ARROW_NAME, __scopeSelect).position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {
 		...popperScope,
 		...arrowProps,
 		ref: forwardedRef
@@ -921,32 +952,48 @@ var SelectArrow = import_react.forwardRef((props, forwardedRef) => {
 });
 SelectArrow.displayName = ARROW_NAME;
 var BUBBLE_INPUT_NAME = "SelectBubbleInput";
-var SelectBubbleInput = import_react.forwardRef(({ __scopeSelect, value, ...props }, forwardedRef) => {
+var SelectBubbleInput = import_react.forwardRef(({ __scopeSelect, ...props }, forwardedRef) => {
+	const context = useSelectContext(BUBBLE_INPUT_NAME, __scopeSelect);
+	const { value, onValueChange, required, disabled, name, autoComplete, form } = context;
+	const { nativeOptions, nativeSelectKey } = context;
 	const ref = import_react.useRef(null);
 	const composedRefs = useComposedRefs(forwardedRef, ref);
-	const prevValue = usePrevious(value);
+	const selectValue = value ?? "";
+	const prevValue = usePrevious(selectValue);
 	import_react.useEffect(() => {
 		const select = ref.current;
 		if (!select) return;
 		const selectProto = window.HTMLSelectElement.prototype;
 		const setValue = Object.getOwnPropertyDescriptor(selectProto, "value").set;
-		if (prevValue !== value && setValue) {
+		if (prevValue !== selectValue && setValue) {
 			const event = new Event("change", { bubbles: true });
-			setValue.call(select, value);
+			setValue.call(select, selectValue);
 			select.dispatchEvent(event);
 		}
-	}, [prevValue, value]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.select, {
+	}, [prevValue, selectValue]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Primitive.select, {
+		"aria-hidden": true,
+		required,
+		tabIndex: -1,
+		name,
+		autoComplete,
+		disabled,
+		form,
+		onChange: (event) => onValueChange(event.target.value),
 		...props,
 		style: {
 			...VISUALLY_HIDDEN_STYLES,
 			...props.style
 		},
 		ref: composedRefs,
-		defaultValue: value
-	});
+		defaultValue: selectValue,
+		children: [shouldShowPlaceholder(value) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "" }) : null, Array.from(nativeOptions)]
+	}, nativeSelectKey);
 });
 SelectBubbleInput.displayName = BUBBLE_INPUT_NAME;
+function isFunction(value) {
+	return typeof value === "function";
+}
 function shouldShowPlaceholder(value) {
 	return value === "" || value === void 0;
 }
@@ -987,17 +1034,5 @@ function findNextItem(items, search, currentItem) {
 function wrapArray(array, startIndex) {
 	return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
-var Root2 = Select;
-var Trigger = SelectTrigger;
-var Value = SelectValue;
-var Icon = SelectIcon;
-var Portal = SelectPortal;
-var Content2 = SelectContent;
-var Viewport = SelectViewport;
-var Item = SelectItem;
-var ItemText = SelectItemText;
-var ItemIndicator = SelectItemIndicator;
-var ScrollUpButton = SelectScrollUpButton;
-var ScrollDownButton = SelectScrollDownButton;
 //#endregion
-export { ItemText as a, ScrollDownButton as c, Value as d, Viewport as f, ItemIndicator as i, ScrollUpButton as l, Root as m, Icon as n, Portal as o, usePrevious as p, Item as r, Root2 as s, Content2 as t, Trigger as u };
+export { SelectItemIndicator as a, SelectScrollDownButton as c, SelectValue as d, SelectViewport as f, SelectItem as i, SelectScrollUpButton as l, Root as m, SelectContent as n, SelectItemText as o, usePrevious as p, SelectIcon as r, SelectPortal as s, Select as t, SelectTrigger as u };