@redis-ui/components 47.3.2 → 47.4.0

package/dist/node_modules/@radix-ui/{react-switch → react-progress}/node_modules/@radix-ui/react-primitive/dist/index.js

@@ -1,8 +1,8 @@
-import { Slot } from "../../react-slot/dist/index.js";
+import { createSlot } from "../../react-slot/dist/index.js";
 import { jsx } from "react/jsx-runtime";
 import * as React$1 from "react";
 import "react-dom";
-//#region ../../node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-primitive/dist/index.mjs
+//#region ../../node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-primitive/dist/index.mjs
 var Primitive = [
 	"a",
 	"button",
@@ -17,10 +17,12 @@ var Primitive = [
 	"nav",
 	"ol",
 	"p",
+	"select",
 	"span",
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
+	const Slot = createSlot(`Primitive.${node}`);
 	const Node = React$1.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
 		const Comp = asChild ? Slot : node;

package/dist/node_modules/@radix-ui/{react-slider → react-progress}/node_modules/@radix-ui/react-slot/dist/index.cjs

@@ -1,14 +1,23 @@
 const require_runtime = require("../../../../../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../react-compose-refs/dist/index.cjs");
+const require_index = require("../../../../../react-compose-refs/dist/index.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
-//#region ../../node_modules/@radix-ui/react-slider/node_modules/@radix-ui/react-slot/dist/index.mjs
+//#region ../../node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-slot/dist/index.mjs
+var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+var use = react[" use ".trim().toString()];
+function isPromiseLike(value) {
+	return typeof value === "object" && value !== null && "then" in value;
+}
+function isLazyComponent(element) {
+	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
+}
 /* @__NO_SIDE_EFFECTS__ */
 function createSlot(ownerName) {
 	const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
 	const Slot2 = react.forwardRef((props, forwardedRef) => {
-		const { children, ...slotProps } = props;
+		let { children, ...slotProps } = props;
+		if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
 		const childrenArray = react.Children.toArray(children);
 		const slottable = childrenArray.find(isSlottable);
 		if (slottable) {
@@ -37,7 +46,8 @@ function createSlot(ownerName) {
 /* @__NO_SIDE_EFFECTS__ */
 function createSlotClone(ownerName) {
 	const SlotClone = react.forwardRef((props, forwardedRef) => {
-		const { children, ...slotProps } = props;
+		let { children, ...slotProps } = props;
+		if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
 		if (react.isValidElement(children)) {
 			const childrenRef = getElementRef(children);
 			const props2 = mergeProps(slotProps, children.props);

package/dist/node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-slot/dist/index.js

@@ -0,0 +1,97 @@
+import { composeRefs } from "../../../../../react-compose-refs/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
+//#region ../../node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-slot/dist/index.mjs
+var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+var use = React$1[" use ".trim().toString()];
+function isPromiseLike(value) {
+	return typeof value === "object" && value !== null && "then" in value;
+}
+function isLazyComponent(element) {
+	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
+}
+/* @__NO_SIDE_EFFECTS__ */
+function createSlot(ownerName) {
+	const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+	const Slot2 = React$1.forwardRef((props, forwardedRef) => {
+		let { children, ...slotProps } = props;
+		if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
+		const childrenArray = React$1.Children.toArray(children);
+		const slottable = childrenArray.find(isSlottable);
+		if (slottable) {
+			const newElement = slottable.props.children;
+			const newChildren = childrenArray.map((child) => {
+				if (child === slottable) {
+					if (React$1.Children.count(newElement) > 1) return React$1.Children.only(null);
+					return React$1.isValidElement(newElement) ? newElement.props.children : null;
+				} else return child;
+			});
+			return /* @__PURE__ */ jsx(SlotClone, {
+				...slotProps,
+				ref: forwardedRef,
+				children: React$1.isValidElement(newElement) ? React$1.cloneElement(newElement, void 0, newChildren) : null
+			});
+		}
+		return /* @__PURE__ */ jsx(SlotClone, {
+			...slotProps,
+			ref: forwardedRef,
+			children
+		});
+	});
+	Slot2.displayName = `${ownerName}.Slot`;
+	return Slot2;
+}
+/* @__NO_SIDE_EFFECTS__ */
+function createSlotClone(ownerName) {
+	const SlotClone = React$1.forwardRef((props, forwardedRef) => {
+		let { children, ...slotProps } = props;
+		if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
+		if (React$1.isValidElement(children)) {
+			const childrenRef = getElementRef(children);
+			const props2 = mergeProps(slotProps, children.props);
+			if (children.type !== React$1.Fragment) props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+			return React$1.cloneElement(children, props2);
+		}
+		return React$1.Children.count(children) > 1 ? React$1.Children.only(null) : null;
+	});
+	SlotClone.displayName = `${ownerName}.SlotClone`;
+	return SlotClone;
+}
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+function isSlottable(child) {
+	return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+function mergeProps(slotProps, childProps) {
+	const overrideProps = { ...childProps };
+	for (const propName in childProps) {
+		const slotPropValue = slotProps[propName];
+		const childPropValue = childProps[propName];
+		if (/^on[A-Z]/.test(propName)) {
+			if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
+				const result = childPropValue(...args);
+				slotPropValue(...args);
+				return result;
+			};
+			else if (slotPropValue) overrideProps[propName] = slotPropValue;
+		} else if (propName === "style") overrideProps[propName] = {
+			...slotPropValue,
+			...childPropValue
+		};
+		else if (propName === "className") overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+	}
+	return {
+		...slotProps,
+		...overrideProps
+	};
+}
+function getElementRef(element) {
+	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+	if (mayWarn) return element.ref;
+	getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+	mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+	if (mayWarn) return element.props.ref;
+	return element.props.ref || element.ref;
+}
+//#endregion
+export { createSlot };

package/dist/node_modules/@radix-ui/react-radio-group/dist/index.cjs

@@ -18,11 +18,11 @@ var RADIO_NAME = "Radio";
 var [createRadioContext, createRadioScope] = require_index$2.createContextScope(RADIO_NAME);
 var [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME);
 var Radio = react.forwardRef((props, forwardedRef) => {
-	const { __scopeRadio, name, checked = false, required, disabled, value = "on", onCheck, ...radioProps } = props;
+	const { __scopeRadio, name, checked = false, required, disabled, value = "on", onCheck, form, ...radioProps } = props;
 	const [button, setButton] = react.useState(null);
 	const composedRefs = require_index$1.useComposedRefs(forwardedRef, (node) => setButton(node));
 	const hasConsumerStoppedPropagationRef = react.useRef(false);
-	const isFormControl = button ? Boolean(button.closest("form")) : true;
+	const isFormControl = button ? form || !!button.closest("form") : true;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(RadioProvider, {
 		scope: __scopeRadio,
 		checked,
@@ -44,7 +44,7 @@ var Radio = react.forwardRef((props, forwardedRef) => {
 					if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
 				}
 			})
-		}), isFormControl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BubbleInput, {
+		}), isFormControl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RadioBubbleInput, {
 			control: button,
 			bubbles: !hasConsumerStoppedPropagationRef.current,
 			name,
@@ -52,6 +52,7 @@ var Radio = react.forwardRef((props, forwardedRef) => {
 			checked,
 			required,
 			disabled,
+			form,
 			style: { transform: "translateX(-100%)" }
 		})]
 	});
@@ -72,13 +73,15 @@ var RadioIndicator = react.forwardRef((props, forwardedRef) => {
 	});
 });
 RadioIndicator.displayName = INDICATOR_NAME;
-var BubbleInput = (props) => {
-	const { control, checked, bubbles = true, ...inputProps } = props;
+var BUBBLE_INPUT_NAME = "RadioBubbleInput";
+var RadioBubbleInput = react.forwardRef(({ __scopeRadio, control, checked, bubbles = true, ...props }, forwardedRef) => {
 	const ref = react.useRef(null);
+	const composedRefs = require_index$1.useComposedRefs(ref, forwardedRef);
 	const prevChecked = require_index$9.usePrevious(checked);
 	const controlSize = require_index$4.useSize(control);
 	react.useEffect(() => {
 		const input = ref.current;
+		if (!input) return;
 		const inputProto = window.HTMLInputElement.prototype;
 		const setChecked = Object.getOwnPropertyDescriptor(inputProto, "checked").set;
 		if (prevChecked !== checked && setChecked) {
@@ -91,13 +94,13 @@ var BubbleInput = (props) => {
 		checked,
 		bubbles
 	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.Primitive.input, {
 		type: "radio",
 		"aria-hidden": true,
 		defaultChecked: checked,
-		...inputProps,
+		...props,
 		tabIndex: -1,
-		ref,
+		ref: composedRefs,
 		style: {
 			...props.style,
 			...controlSize,
@@ -107,7 +110,8 @@ var BubbleInput = (props) => {
 			margin: 0
 		}
 	});
-};
+});
+RadioBubbleInput.displayName = BUBBLE_INPUT_NAME;
 function getState(checked) {
 	return checked ? "checked" : "unchecked";
 }
@@ -128,8 +132,9 @@ var RadioGroup = react.forwardRef((props, forwardedRef) => {
 	const direction = require_index$7.useDirection(dir);
 	const [value, setValue] = require_index$6.useControllableState({
 		prop: valueProp,
-		defaultProp: defaultValue,
-		onChange: onValueChange
+		defaultProp: defaultValue ?? null,
+		onChange: onValueChange,
+		caller: RADIO_GROUP_NAME
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RadioGroupProvider, {
 		scope: __scopeRadioGroup,

package/dist/node_modules/@radix-ui/react-radio-group/dist/index.js

@@ -16,11 +16,11 @@ var RADIO_NAME = "Radio";
 var [createRadioContext, createRadioScope] = createContextScope(RADIO_NAME);
 var [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME);
 var Radio = React2.forwardRef((props, forwardedRef) => {
-	const { __scopeRadio, name, checked = false, required, disabled, value = "on", onCheck, ...radioProps } = props;
+	const { __scopeRadio, name, checked = false, required, disabled, value = "on", onCheck, form, ...radioProps } = props;
 	const [button, setButton] = React2.useState(null);
 	const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
 	const hasConsumerStoppedPropagationRef = React2.useRef(false);
-	const isFormControl = button ? Boolean(button.closest("form")) : true;
+	const isFormControl = button ? form || !!button.closest("form") : true;
 	return /* @__PURE__ */ jsxs(RadioProvider, {
 		scope: __scopeRadio,
 		checked,
@@ -42,7 +42,7 @@ var Radio = React2.forwardRef((props, forwardedRef) => {
 					if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
 				}
 			})
-		}), isFormControl && /* @__PURE__ */ jsx(BubbleInput, {
+		}), isFormControl && /* @__PURE__ */ jsx(RadioBubbleInput, {
 			control: button,
 			bubbles: !hasConsumerStoppedPropagationRef.current,
 			name,
@@ -50,6 +50,7 @@ var Radio = React2.forwardRef((props, forwardedRef) => {
 			checked,
 			required,
 			disabled,
+			form,
 			style: { transform: "translateX(-100%)" }
 		})]
 	});
@@ -70,13 +71,15 @@ var RadioIndicator = React2.forwardRef((props, forwardedRef) => {
 	});
 });
 RadioIndicator.displayName = INDICATOR_NAME;
-var BubbleInput = (props) => {
-	const { control, checked, bubbles = true, ...inputProps } = props;
+var BUBBLE_INPUT_NAME = "RadioBubbleInput";
+var RadioBubbleInput = React2.forwardRef(({ __scopeRadio, control, checked, bubbles = true, ...props }, forwardedRef) => {
 	const ref = React2.useRef(null);
+	const composedRefs = useComposedRefs(ref, forwardedRef);
 	const prevChecked = usePrevious(checked);
 	const controlSize = useSize(control);
 	React2.useEffect(() => {
 		const input = ref.current;
+		if (!input) return;
 		const inputProto = window.HTMLInputElement.prototype;
 		const setChecked = Object.getOwnPropertyDescriptor(inputProto, "checked").set;
 		if (prevChecked !== checked && setChecked) {
@@ -89,13 +92,13 @@ var BubbleInput = (props) => {
 		checked,
 		bubbles
 	]);
-	return /* @__PURE__ */ jsx("input", {
+	return /* @__PURE__ */ jsx(Primitive.input, {
 		type: "radio",
 		"aria-hidden": true,
 		defaultChecked: checked,
-		...inputProps,
+		...props,
 		tabIndex: -1,
-		ref,
+		ref: composedRefs,
 		style: {
 			...props.style,
 			...controlSize,
@@ -105,7 +108,8 @@ var BubbleInput = (props) => {
 			margin: 0
 		}
 	});
-};
+});
+RadioBubbleInput.displayName = BUBBLE_INPUT_NAME;
 function getState(checked) {
 	return checked ? "checked" : "unchecked";
 }
@@ -126,8 +130,9 @@ var RadioGroup = React2.forwardRef((props, forwardedRef) => {
 	const direction = useDirection(dir);
 	const [value, setValue] = useControllableState({
 		prop: valueProp,
-		defaultProp: defaultValue,
-		onChange: onValueChange
+		defaultProp: defaultValue ?? null,
+		onChange: onValueChange,
+		caller: RADIO_GROUP_NAME
 	});
 	return /* @__PURE__ */ jsx(RadioGroupProvider, {
 		scope: __scopeRadioGroup,

package/dist/node_modules/@radix-ui/react-roving-focus/dist/index.cjs

@@ -40,10 +40,11 @@ var RovingFocusGroupImpl = react.forwardRef((props, forwardedRef) => {
 	const ref = react.useRef(null);
 	const composedRefs = require_index$1.useComposedRefs(forwardedRef, ref);
 	const direction = require_index$8.useDirection(dir);
-	const [currentTabStopId = null, setCurrentTabStopId] = require_index$6.useControllableState({
+	const [currentTabStopId, setCurrentTabStopId] = require_index$6.useControllableState({
 		prop: currentTabStopIdProp,
-		defaultProp: defaultCurrentTabStopId,
-		onChange: onCurrentTabStopIdChange
+		defaultProp: defaultCurrentTabStopId ?? null,
+		onChange: onCurrentTabStopIdChange,
+		caller: GROUP_NAME
 	});
 	const [isTabbingBackOut, setIsTabbingBackOut] = react.useState(false);
 	const handleEntryFocus = require_index$4.useCallbackRef(onEntryFocus);
@@ -101,13 +102,13 @@ var RovingFocusGroupImpl = react.forwardRef((props, forwardedRef) => {
 });
 var ITEM_NAME = "RovingFocusGroupItem";
 var RovingFocusGroupItem = react.forwardRef((props, forwardedRef) => {
-	const { __scopeRovingFocusGroup, focusable = true, active = false, tabStopId, ...itemProps } = props;
+	const { __scopeRovingFocusGroup, focusable = true, active = false, tabStopId, children, ...itemProps } = props;
 	const autoId = require_index$5.useId();
 	const id = tabStopId || autoId;
 	const context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup);
 	const isCurrentTabStop = context.currentTabStopId === id;
 	const getItems = useCollection(__scopeRovingFocusGroup);
-	const { onFocusableItemAdd, onFocusableItemRemove } = context;
+	const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
 	react.useEffect(() => {
 		if (focusable) {
 			onFocusableItemAdd();
@@ -152,7 +153,11 @@ var RovingFocusGroupItem = react.forwardRef((props, forwardedRef) => {
 					}
 					setTimeout(() => focusFirst(candidateNodes));
 				}
-			})
+			}),
+			children: typeof children === "function" ? children({
+				isCurrentTabStop,
+				hasTabStop: currentTabStopId != null
+			}) : children
 		})
 	});
 });

package/dist/node_modules/@radix-ui/react-roving-focus/dist/index.js

@@ -38,10 +38,11 @@ var RovingFocusGroupImpl = React$1.forwardRef((props, forwardedRef) => {
 	const ref = React$1.useRef(null);
 	const composedRefs = useComposedRefs(forwardedRef, ref);
 	const direction = useDirection(dir);
-	const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
+	const [currentTabStopId, setCurrentTabStopId] = useControllableState({
 		prop: currentTabStopIdProp,
-		defaultProp: defaultCurrentTabStopId,
-		onChange: onCurrentTabStopIdChange
+		defaultProp: defaultCurrentTabStopId ?? null,
+		onChange: onCurrentTabStopIdChange,
+		caller: GROUP_NAME
 	});
 	const [isTabbingBackOut, setIsTabbingBackOut] = React$1.useState(false);
 	const handleEntryFocus = useCallbackRef(onEntryFocus);
@@ -99,13 +100,13 @@ var RovingFocusGroupImpl = React$1.forwardRef((props, forwardedRef) => {
 });
 var ITEM_NAME = "RovingFocusGroupItem";
 var RovingFocusGroupItem = React$1.forwardRef((props, forwardedRef) => {
-	const { __scopeRovingFocusGroup, focusable = true, active = false, tabStopId, ...itemProps } = props;
+	const { __scopeRovingFocusGroup, focusable = true, active = false, tabStopId, children, ...itemProps } = props;
 	const autoId = useId();
 	const id = tabStopId || autoId;
 	const context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup);
 	const isCurrentTabStop = context.currentTabStopId === id;
 	const getItems = useCollection(__scopeRovingFocusGroup);
-	const { onFocusableItemAdd, onFocusableItemRemove } = context;
+	const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
 	React$1.useEffect(() => {
 		if (focusable) {
 			onFocusableItemAdd();
@@ -150,7 +151,11 @@ var RovingFocusGroupItem = React$1.forwardRef((props, forwardedRef) => {
 					}
 					setTimeout(() => focusFirst(candidateNodes));
 				}
-			})
+			}),
+			children: typeof children === "function" ? children({
+				isCurrentTabStop,
+				hasTabStop: currentTabStopId != null
+			}) : children
 		})
 	});
 });

package/dist/node_modules/@radix-ui/react-select/dist/index.cjs

@@ -41,24 +41,26 @@ var usePopperScope = require_index$11.createPopperScope();
 var [SelectProvider, 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 } = props;
+	const { __scopeSelect, children, open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, dir, name, autoComplete, disabled, required, form } = props;
 	const popperScope = usePopperScope(__scopeSelect);
 	const [trigger, setTrigger] = react.useState(null);
 	const [valueNode, setValueNode] = react.useState(null);
 	const [valueNodeHasChildren, setValueNodeHasChildren] = react.useState(false);
 	const direction = require_index$17.useDirection(dir);
-	const [open = false, setOpen] = require_index$13.useControllableState({
+	const [open, setOpen] = require_index$13.useControllableState({
 		prop: openProp,
-		defaultProp: defaultOpen,
-		onChange: onOpenChange
+		defaultProp: defaultOpen ?? false,
+		onChange: onOpenChange,
+		caller: SELECT_NAME
 	});
 	const [value, setValue] = require_index$13.useControllableState({
 		prop: valueProp,
 		defaultProp: defaultValue,
-		onChange: onValueChange
+		onChange: onValueChange,
+		caller: SELECT_NAME
 	});
 	const triggerPointerDownPosRef = react.useRef(null);
-	const isFormControl = trigger ? Boolean(trigger.closest("form")) : true;
+	const isFormControl = trigger ? form || !!trigger.closest("form") : true;
 	const [nativeOptionsSet, setNativeOptionsSet] = react.useState(/* @__PURE__ */ new Set());
 	const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$11.Root2, {
@@ -96,7 +98,7 @@ var Select = (props) => {
 					}, []),
 					children
 				})
-			}), isFormControl ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(BubbleSelect, {
+			}), isFormControl ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SelectBubbleInput, {
 				"aria-hidden": true,
 				required,
 				tabIndex: -1,
@@ -105,6 +107,7 @@ var Select = (props) => {
 				value,
 				onChange: (event) => setValue(event.target.value),
 				disabled,
+				form,
 				children: [value === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { value: "" }) : null, Array.from(nativeOptionsSet)]
 			}, nativeSelectKey) : null]
 		})
@@ -119,16 +122,21 @@ var SelectTrigger = react.forwardRef((props, forwardedRef) => {
 	const isDisabled = context.disabled || disabled;
 	const composedRefs = require_index$1.useComposedRefs(forwardedRef, context.onTriggerChange);
 	const getItems = useCollection(__scopeSelect);
+	const pointerTypeRef = react.useRef("touch");
 	const [searchRef, handleTypeaheadSearch, resetTypeahead] = useTypeaheadSearch((search) => {
 		const enabledItems = getItems().filter((item) => !item.disabled);
 		const nextItem = findNextItem(enabledItems, search, enabledItems.find((item) => item.value === context.value));
 		if (nextItem !== void 0) context.onValueChange(nextItem.value);
 	});
-	const handleOpen = () => {
+	const handleOpen = (pointerEvent) => {
 		if (!isDisabled) {
 			context.onOpenChange(true);
 			resetTypeahead();
 		}
+		if (pointerEvent) context.triggerPointerDownPosRef.current = {
+			x: Math.round(pointerEvent.pageX),
+			y: Math.round(pointerEvent.pageY)
+		};
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$11.Anchor, {
 		asChild: true,
@@ -149,16 +157,14 @@ var SelectTrigger = react.forwardRef((props, forwardedRef) => {
 			ref: composedRefs,
 			onClick: require_index.composeEventHandlers(triggerProps.onClick, (event) => {
 				event.currentTarget.focus();
+				if (pointerTypeRef.current !== "mouse") handleOpen(event);
 			}),
 			onPointerDown: require_index.composeEventHandlers(triggerProps.onPointerDown, (event) => {
+				pointerTypeRef.current = event.pointerType;
 				const target = event.target;
 				if (target.hasPointerCapture(event.pointerId)) target.releasePointerCapture(event.pointerId);
-				if (event.button === 0 && event.ctrlKey === false) {
-					handleOpen();
-					context.triggerPointerDownPosRef.current = {
-						x: Math.round(event.pageX),
-						y: Math.round(event.pageY)
-					};
+				if (event.button === 0 && event.ctrlKey === false && event.pointerType === "mouse") {
+					handleOpen(event);
 					event.preventDefault();
 				}
 			}),
@@ -238,6 +244,7 @@ SelectContent.displayName = CONTENT_NAME;
 var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
+var Slot = require_index$3.createSlot("SelectContent.RemoveScroll");
 var SelectContentImpl = 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 context = useSelectContext(CONTENT_NAME, __scopeSelect);
@@ -364,7 +371,7 @@ var SelectContentImpl = react.forwardRef((props, forwardedRef) => {
 		isPositioned,
 		searchRef,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Combination.default, {
-			as: require_index$3.Slot,
+			as: Slot,
 			allowPinchZoom: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$8.FocusScope, {
 				asChild: true,
@@ -451,7 +458,8 @@ var SelectItemAlignedPosition = react.forwardRef((props, forwardedRef) => {
 				const leftDelta = triggerRect.left - left;
 				const minContentWidth = triggerRect.width + leftDelta;
 				const contentWidth = Math.max(minContentWidth, contentRect.width);
-				const clampedLeft = require_index$19.clamp(left, [CONTENT_MARGIN, window.innerWidth - CONTENT_MARGIN - contentWidth]);
+				const rightEdge = window.innerWidth - CONTENT_MARGIN;
+				const clampedLeft = require_index$19.clamp(left, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, rightEdge - contentWidth)]);
 				contentWrapper.style.minWidth = minContentWidth + "px";
 				contentWrapper.style.left = clampedLeft + "px";
 			} else {
@@ -460,7 +468,8 @@ var SelectItemAlignedPosition = react.forwardRef((props, forwardedRef) => {
 				const rightDelta = window.innerWidth - triggerRect.right - right;
 				const minContentWidth = triggerRect.width + rightDelta;
 				const contentWidth = Math.max(minContentWidth, contentRect.width);
-				const clampedRight = require_index$19.clamp(right, [CONTENT_MARGIN, window.innerWidth - CONTENT_MARGIN - contentWidth]);
+				const leftEdge = window.innerWidth - CONTENT_MARGIN;
+				const clampedRight = require_index$19.clamp(right, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, leftEdge - contentWidth)]);
 				contentWrapper.style.minWidth = minContentWidth + "px";
 				contentWrapper.style.right = clampedRight + "px";
 			}
@@ -484,13 +493,13 @@ var SelectItemAlignedPosition = react.forwardRef((props, forwardedRef) => {
 			const contentTopToItemMiddle = contentBorderTopWidth + contentPaddingTop + itemOffsetMiddle;
 			const itemMiddleToContentBottom = fullContentHeight - contentTopToItemMiddle;
 			if (contentTopToItemMiddle <= topEdgeToTriggerMiddle) {
-				const isLastItem = selectedItem === items[items.length - 1].ref.current;
+				const isLastItem = items.length > 0 && selectedItem === items[items.length - 1].ref.current;
 				contentWrapper.style.bottom = "0px";
 				const viewportOffsetBottom = content.clientHeight - viewport.offsetTop - viewport.offsetHeight;
 				const height = contentTopToItemMiddle + Math.max(triggerMiddleToBottomEdge, selectedItemHalfHeight + (isLastItem ? viewportPaddingBottom : 0) + viewportOffsetBottom + contentBorderBottomWidth);
 				contentWrapper.style.height = height + "px";
 			} else {
-				const isFirstItem = selectedItem === items[0].ref.current;
+				const isFirstItem = items.length > 0 && selectedItem === items[0].ref.current;
 				contentWrapper.style.top = "0px";
 				const height = Math.max(topEdgeToTriggerMiddle, contentBorderTopWidth + viewport.offsetTop + (isFirstItem ? viewportPaddingTop : 0) + selectedItemHalfHeight) + itemMiddleToContentBottom;
 				contentWrapper.style.height = height + "px";
@@ -594,7 +603,7 @@ var SelectViewport = react.forwardRef((props, forwardedRef) => {
 			style: {
 				position: "relative",
 				flex: 1,
-				overflow: "auto",
+				overflow: "hidden auto",
 				...viewportProps.style
 			},
 			onScroll: require_index.composeEventHandlers(viewportProps.onScroll, (event) => {
@@ -664,6 +673,7 @@ var SelectItem = react.forwardRef((props, forwardedRef) => {
 	const [isFocused, setIsFocused] = react.useState(false);
 	const composedRefs = require_index$1.useComposedRefs(forwardedRef, (node) => contentContext.itemRefCallback?.(node, value, disabled));
 	const textId = require_index$10.useId();
+	const pointerTypeRef = react.useRef("touch");
 	const handleSelect = () => {
 		if (!disabled) {
 			context.onValueChange(value);
@@ -698,10 +708,19 @@ var SelectItem = react.forwardRef((props, forwardedRef) => {
 				ref: composedRefs,
 				onFocus: require_index.composeEventHandlers(itemProps.onFocus, () => setIsFocused(true)),
 				onBlur: require_index.composeEventHandlers(itemProps.onBlur, () => setIsFocused(false)),
-				onPointerUp: require_index.composeEventHandlers(itemProps.onPointerUp, handleSelect),
+				onClick: require_index.composeEventHandlers(itemProps.onClick, () => {
+					if (pointerTypeRef.current !== "mouse") handleSelect();
+				}),
+				onPointerUp: require_index.composeEventHandlers(itemProps.onPointerUp, () => {
+					if (pointerTypeRef.current === "mouse") handleSelect();
+				}),
+				onPointerDown: require_index.composeEventHandlers(itemProps.onPointerDown, (event) => {
+					pointerTypeRef.current = event.pointerType;
+				}),
 				onPointerMove: require_index.composeEventHandlers(itemProps.onPointerMove, (event) => {
+					pointerTypeRef.current = event.pointerType;
 					if (disabled) contentContext.onItemLeave?.();
-					else event.currentTarget.focus({ preventScroll: true });
+					else if (pointerTypeRef.current === "mouse") event.currentTarget.focus({ preventScroll: true });
 				}),
 				onPointerLeave: require_index.composeEventHandlers(itemProps.onPointerLeave, (event) => {
 					if (event.currentTarget === document.activeElement) contentContext.onItemLeave?.();
@@ -876,16 +895,14 @@ var SelectArrow = react.forwardRef((props, forwardedRef) => {
 	}) : null;
 });
 SelectArrow.displayName = ARROW_NAME;
-function shouldShowPlaceholder(value) {
-	return value === "" || value === void 0;
-}
-var BubbleSelect = react.forwardRef((props, forwardedRef) => {
-	const { value, ...selectProps } = props;
+var BUBBLE_INPUT_NAME = "SelectBubbleInput";
+var SelectBubbleInput = react.forwardRef(({ __scopeSelect, value, ...props }, forwardedRef) => {
 	const ref = react.useRef(null);
 	const composedRefs = require_index$1.useComposedRefs(forwardedRef, ref);
 	const prevValue = require_index$18.usePrevious(value);
 	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) {
@@ -894,16 +911,20 @@ var BubbleSelect = react.forwardRef((props, forwardedRef) => {
 			select.dispatchEvent(event);
 		}
 	}, [prevValue, value]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$15.VisuallyHidden, {
-		asChild: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-			...selectProps,
-			ref: composedRefs,
-			defaultValue: value
-		})
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$4.Primitive.select, {
+		...props,
+		style: {
+			...require_index$15.VISUALLY_HIDDEN_STYLES,
+			...props.style
+		},
+		ref: composedRefs,
+		defaultValue: value
 	});
 });
-BubbleSelect.displayName = "BubbleSelect";
+SelectBubbleInput.displayName = BUBBLE_INPUT_NAME;
+function shouldShowPlaceholder(value) {
+	return value === "" || value === void 0;
+}
 function useTypeaheadSearch(onSearchChange) {
 	const handleSearchChange = require_index$5.useCallbackRef(onSearchChange);
 	const searchRef = react.useRef("");