@redis-ui/components 47.3.2 → 47.4.0

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

@@ -2,7 +2,7 @@
 import { composeEventHandlers } from "../../primitive/dist/index.js";
 import { useComposedRefs } from "../../react-compose-refs/dist/index.js";
 import { createContextScope } from "../../react-context/dist/index.js";
-import { Slot } from "../../react-slot/dist/index.js";
+import { createSlot } from "../../react-slot/dist/index.js";
 import { Primitive } from "../../react-primitive/dist/index.js";
 import { useCallbackRef } from "../../react-use-callback-ref/dist/index.js";
 import { DismissableLayer } from "../../react-dismissable-layer/dist/index.js";
@@ -15,7 +15,7 @@ import { Portal as Portal$1 } from "../../react-portal/dist/index.js";
 import { useControllableState } from "../../react-use-controllable-state/dist/index.js";
 import { hideOthers } from "../../../aria-hidden/dist/es2015/index.js";
 import ReactRemoveScroll from "../../../react-remove-scroll/dist/es2015/Combination.js";
-import { VisuallyHidden } from "../../react-visually-hidden/dist/index.js";
+import { VISUALLY_HIDDEN_STYLES } from "../../react-visually-hidden/dist/index.js";
 import { createCollection } from "../../react-collection/dist/index.js";
 import { useDirection } from "../../react-direction/dist/index.js";
 import { usePrevious } from "../../react-use-previous/dist/index.js";
@@ -38,24 +38,26 @@ var usePopperScope = 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$1.useState(null);
 	const [valueNode, setValueNode] = React$1.useState(null);
 	const [valueNodeHasChildren, setValueNodeHasChildren] = React$1.useState(false);
 	const direction = useDirection(dir);
-	const [open = false, setOpen] = useControllableState({
+	const [open, setOpen] = useControllableState({
 		prop: openProp,
-		defaultProp: defaultOpen,
-		onChange: onOpenChange
+		defaultProp: defaultOpen ?? false,
+		onChange: onOpenChange,
+		caller: SELECT_NAME
 	});
 	const [value, setValue] = useControllableState({
 		prop: valueProp,
 		defaultProp: defaultValue,
-		onChange: onValueChange
+		onChange: onValueChange,
+		caller: SELECT_NAME
 	});
 	const triggerPointerDownPosRef = React$1.useRef(null);
-	const isFormControl = trigger ? Boolean(trigger.closest("form")) : true;
+	const isFormControl = trigger ? form || !!trigger.closest("form") : true;
 	const [nativeOptionsSet, setNativeOptionsSet] = React$1.useState(/* @__PURE__ */ new Set());
 	const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
 	return /* @__PURE__ */ jsx(Root2$1, {
@@ -93,7 +95,7 @@ var Select = (props) => {
 					}, []),
 					children
 				})
-			}), isFormControl ? /* @__PURE__ */ jsxs(BubbleSelect, {
+			}), isFormControl ? /* @__PURE__ */ jsxs(SelectBubbleInput, {
 				"aria-hidden": true,
 				required,
 				tabIndex: -1,
@@ -102,6 +104,7 @@ var Select = (props) => {
 				value,
 				onChange: (event) => setValue(event.target.value),
 				disabled,
+				form,
 				children: [value === void 0 ? /* @__PURE__ */ jsx("option", { value: "" }) : null, Array.from(nativeOptionsSet)]
 			}, nativeSelectKey) : null]
 		})
@@ -116,16 +119,21 @@ var SelectTrigger = React$1.forwardRef((props, forwardedRef) => {
 	const isDisabled = context.disabled || disabled;
 	const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange);
 	const getItems = useCollection(__scopeSelect);
+	const pointerTypeRef = React$1.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__ */ jsx(Anchor, {
 		asChild: true,
@@ -146,16 +154,14 @@ var SelectTrigger = React$1.forwardRef((props, forwardedRef) => {
 			ref: composedRefs,
 			onClick: composeEventHandlers(triggerProps.onClick, (event) => {
 				event.currentTarget.focus();
+				if (pointerTypeRef.current !== "mouse") handleOpen(event);
 			}),
 			onPointerDown: 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();
 				}
 			}),
@@ -235,6 +241,7 @@ SelectContent.displayName = CONTENT_NAME;
 var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
+var Slot = createSlot("SelectContent.RemoveScroll");
 var SelectContentImpl = React$1.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);
@@ -448,7 +455,8 @@ var SelectItemAlignedPosition = React$1.forwardRef((props, forwardedRef) => {
 				const leftDelta = triggerRect.left - left;
 				const minContentWidth = triggerRect.width + leftDelta;
 				const contentWidth = Math.max(minContentWidth, contentRect.width);
-				const clampedLeft = clamp(left, [CONTENT_MARGIN, window.innerWidth - CONTENT_MARGIN - contentWidth]);
+				const rightEdge = window.innerWidth - CONTENT_MARGIN;
+				const clampedLeft = clamp(left, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, rightEdge - contentWidth)]);
 				contentWrapper.style.minWidth = minContentWidth + "px";
 				contentWrapper.style.left = clampedLeft + "px";
 			} else {
@@ -457,7 +465,8 @@ var SelectItemAlignedPosition = React$1.forwardRef((props, forwardedRef) => {
 				const rightDelta = window.innerWidth - triggerRect.right - right;
 				const minContentWidth = triggerRect.width + rightDelta;
 				const contentWidth = Math.max(minContentWidth, contentRect.width);
-				const clampedRight = clamp(right, [CONTENT_MARGIN, window.innerWidth - CONTENT_MARGIN - contentWidth]);
+				const leftEdge = window.innerWidth - CONTENT_MARGIN;
+				const clampedRight = clamp(right, [CONTENT_MARGIN, Math.max(CONTENT_MARGIN, leftEdge - contentWidth)]);
 				contentWrapper.style.minWidth = minContentWidth + "px";
 				contentWrapper.style.right = clampedRight + "px";
 			}
@@ -481,13 +490,13 @@ var SelectItemAlignedPosition = React$1.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";
@@ -590,7 +599,7 @@ var SelectViewport = React$1.forwardRef((props, forwardedRef) => {
 			style: {
 				position: "relative",
 				flex: 1,
-				overflow: "auto",
+				overflow: "hidden auto",
 				...viewportProps.style
 			},
 			onScroll: composeEventHandlers(viewportProps.onScroll, (event) => {
@@ -660,6 +669,7 @@ var SelectItem = React$1.forwardRef((props, forwardedRef) => {
 	const [isFocused, setIsFocused] = React$1.useState(false);
 	const composedRefs = useComposedRefs(forwardedRef, (node) => contentContext.itemRefCallback?.(node, value, disabled));
 	const textId = useId();
+	const pointerTypeRef = React$1.useRef("touch");
 	const handleSelect = () => {
 		if (!disabled) {
 			context.onValueChange(value);
@@ -694,10 +704,19 @@ var SelectItem = React$1.forwardRef((props, forwardedRef) => {
 				ref: composedRefs,
 				onFocus: composeEventHandlers(itemProps.onFocus, () => setIsFocused(true)),
 				onBlur: composeEventHandlers(itemProps.onBlur, () => setIsFocused(false)),
-				onPointerUp: composeEventHandlers(itemProps.onPointerUp, handleSelect),
+				onClick: composeEventHandlers(itemProps.onClick, () => {
+					if (pointerTypeRef.current !== "mouse") handleSelect();
+				}),
+				onPointerUp: composeEventHandlers(itemProps.onPointerUp, () => {
+					if (pointerTypeRef.current === "mouse") handleSelect();
+				}),
+				onPointerDown: composeEventHandlers(itemProps.onPointerDown, (event) => {
+					pointerTypeRef.current = event.pointerType;
+				}),
 				onPointerMove: 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: composeEventHandlers(itemProps.onPointerLeave, (event) => {
 					if (event.currentTarget === document.activeElement) contentContext.onItemLeave?.();
@@ -872,16 +891,14 @@ var SelectArrow = React$1.forwardRef((props, forwardedRef) => {
 	}) : null;
 });
 SelectArrow.displayName = ARROW_NAME;
-function shouldShowPlaceholder(value) {
-	return value === "" || value === void 0;
-}
-var BubbleSelect = React$1.forwardRef((props, forwardedRef) => {
-	const { value, ...selectProps } = props;
+var BUBBLE_INPUT_NAME = "SelectBubbleInput";
+var SelectBubbleInput = React$1.forwardRef(({ __scopeSelect, value, ...props }, forwardedRef) => {
 	const ref = React$1.useRef(null);
 	const composedRefs = useComposedRefs(forwardedRef, ref);
 	const prevValue = usePrevious(value);
 	React$1.useEffect(() => {
 		const select = ref.current;
+		if (!select) return;
 		const selectProto = window.HTMLSelectElement.prototype;
 		const setValue = Object.getOwnPropertyDescriptor(selectProto, "value").set;
 		if (prevValue !== value && setValue) {
@@ -890,16 +907,20 @@ var BubbleSelect = React$1.forwardRef((props, forwardedRef) => {
 			select.dispatchEvent(event);
 		}
 	}, [prevValue, value]);
-	return /* @__PURE__ */ jsx(VisuallyHidden, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx("select", {
-			...selectProps,
-			ref: composedRefs,
-			defaultValue: value
-		})
+	return /* @__PURE__ */ jsx(Primitive.select, {
+		...props,
+		style: {
+			...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 = useCallbackRef(onSearchChange);
 	const searchRef = React$1.useRef("");

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

@@ -1,15 +1,15 @@
 "use client";
 const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../node_modules/@radix-ui/number/dist/index.cjs");
-const require_index$1 = require("../node_modules/@radix-ui/primitive/dist/index.cjs");
-const require_index$2 = require("../node_modules/@radix-ui/react-compose-refs/dist/index.cjs");
-const require_index$3 = require("../node_modules/@radix-ui/react-context/dist/index.cjs");
-const require_index$4 = require("../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs");
-const require_index$5 = require("../node_modules/@radix-ui/react-direction/dist/index.cjs");
-const require_index$6 = require("../node_modules/@radix-ui/react-use-previous/dist/index.cjs");
-const require_index$7 = require("../node_modules/@radix-ui/react-use-size/dist/index.cjs");
-const require_index$8 = require("../node_modules/@radix-ui/react-primitive/dist/index.cjs");
-const require_index$9 = require("../node_modules/@radix-ui/react-collection/dist/index.cjs");
+const require_index = require("../../primitive/dist/index.cjs");
+const require_index$1 = require("../../react-compose-refs/dist/index.cjs");
+const require_index$2 = require("../../react-context/dist/index.cjs");
+const require_index$3 = require("../../react-primitive/dist/index.cjs");
+const require_index$4 = require("../../react-use-size/dist/index.cjs");
+const require_index$5 = require("../../react-use-controllable-state/dist/index.cjs");
+const require_index$6 = require("../../react-collection/dist/index.cjs");
+const require_index$7 = require("../../react-direction/dist/index.cjs");
+const require_index$8 = require("../../react-use-previous/dist/index.cjs");
+const require_index$9 = require("../../number/dist/index.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
@@ -48,15 +48,15 @@ var BACK_KEYS = {
 	]
 };
 var SLIDER_NAME = "Slider";
-var [Collection, useCollection, createCollectionScope] = require_index$9.createCollection(SLIDER_NAME);
-var [createSliderContext, createSliderScope] = require_index$3.createContextScope(SLIDER_NAME, [createCollectionScope]);
+var [Collection, useCollection, createCollectionScope] = require_index$6.createCollection(SLIDER_NAME);
+var [createSliderContext, createSliderScope] = require_index$2.createContextScope(SLIDER_NAME, [createCollectionScope]);
 var [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME);
 var Slider = react.forwardRef((props, forwardedRef) => {
 	const { name, min = 0, max = 100, step = 1, orientation = "horizontal", disabled = false, minStepsBetweenThumbs = 0, defaultValue = [min], value, onValueChange = () => {}, onValueCommit = () => {}, inverted = false, form, ...sliderProps } = props;
 	const thumbRefs = react.useRef(/* @__PURE__ */ new Set());
 	const valueIndexToChangeRef = react.useRef(0);
 	const SliderOrientation = orientation === "horizontal" ? SliderHorizontal : SliderVertical;
-	const [values = [], setValues] = require_index$4.useControllableState({
+	const [values = [], setValues] = require_index$5.useControllableState({
 		prop: value,
 		defaultProp: defaultValue,
 		onChange: (value2) => {
@@ -77,7 +77,7 @@ var Slider = react.forwardRef((props, forwardedRef) => {
 	}
 	function updateValues(value2, atIndex, { commit } = { commit: false }) {
 		const decimalCount = getDecimalCount(step);
-		const nextValue = require_index.clamp(roundValue(Math.round((value2 - min) / step) * step + min, decimalCount), [min, max]);
+		const nextValue = require_index$9.clamp(roundValue(Math.round((value2 - min) / step) * step + min, decimalCount), [min, max]);
 		setValues((prevValues = []) => {
 			const nextValues = getNextSortedValues(prevValues, nextValue, atIndex);
 			if (hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {
@@ -108,7 +108,7 @@ var Slider = react.forwardRef((props, forwardedRef) => {
 					"data-disabled": disabled ? "" : void 0,
 					...sliderProps,
 					ref: forwardedRef,
-					onPointerDown: require_index$1.composeEventHandlers(sliderProps.onPointerDown, () => {
+					onPointerDown: require_index.composeEventHandlers(sliderProps.onPointerDown, () => {
 						if (!disabled) valuesBeforeSlideStartRef.current = values;
 					}),
 					min,
@@ -142,9 +142,9 @@ var [SliderOrientationProvider, useSliderOrientationContext] = createSliderConte
 var SliderHorizontal = react.forwardRef((props, forwardedRef) => {
 	const { min, max, dir, inverted, onSlideStart, onSlideMove, onSlideEnd, onStepKeyDown, ...sliderProps } = props;
 	const [slider, setSlider] = react.useState(null);
-	const composedRefs = require_index$2.useComposedRefs(forwardedRef, (node) => setSlider(node));
+	const composedRefs = require_index$1.useComposedRefs(forwardedRef, (node) => setSlider(node));
 	const rectRef = react.useRef(void 0);
-	const direction = require_index$5.useDirection(dir);
+	const direction = require_index$7.useDirection(dir);
 	const isDirectionLTR = direction === "ltr";
 	const isSlidingFromLeft = isDirectionLTR && !inverted || !isDirectionLTR && inverted;
 	function getValueFromPointer(pointerPosition) {
@@ -193,7 +193,7 @@ var SliderHorizontal = react.forwardRef((props, forwardedRef) => {
 var SliderVertical = react.forwardRef((props, forwardedRef) => {
 	const { min, max, inverted, onSlideStart, onSlideMove, onSlideEnd, onStepKeyDown, ...sliderProps } = props;
 	const sliderRef = react.useRef(null);
-	const ref = require_index$2.useComposedRefs(forwardedRef, sliderRef);
+	const ref = require_index$1.useComposedRefs(forwardedRef, sliderRef);
 	const rectRef = react.useRef(void 0);
 	const isSlidingFromBottom = !inverted;
 	function getValueFromPointer(pointerPosition) {
@@ -241,10 +241,10 @@ var SliderVertical = react.forwardRef((props, forwardedRef) => {
 var SliderImpl = react.forwardRef((props, forwardedRef) => {
 	const { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, ...sliderProps } = props;
 	const context = useSliderContext(SLIDER_NAME, __scopeSlider);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$8.Primitive.span, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.Primitive.span, {
 		...sliderProps,
 		ref: forwardedRef,
-		onKeyDown: require_index$1.composeEventHandlers(props.onKeyDown, (event) => {
+		onKeyDown: require_index.composeEventHandlers(props.onKeyDown, (event) => {
 			if (event.key === "Home") {
 				onHomeKeyDown(event);
 				event.preventDefault();
@@ -256,17 +256,17 @@ var SliderImpl = react.forwardRef((props, forwardedRef) => {
 				event.preventDefault();
 			}
 		}),
-		onPointerDown: require_index$1.composeEventHandlers(props.onPointerDown, (event) => {
+		onPointerDown: require_index.composeEventHandlers(props.onPointerDown, (event) => {
 			const target = event.target;
 			target.setPointerCapture(event.pointerId);
 			event.preventDefault();
 			if (context.thumbs.has(target)) target.focus();
 			else onSlideStart(event);
 		}),
-		onPointerMove: require_index$1.composeEventHandlers(props.onPointerMove, (event) => {
+		onPointerMove: require_index.composeEventHandlers(props.onPointerMove, (event) => {
 			if (event.target.hasPointerCapture(event.pointerId)) onSlideMove(event);
 		}),
-		onPointerUp: require_index$1.composeEventHandlers(props.onPointerUp, (event) => {
+		onPointerUp: require_index.composeEventHandlers(props.onPointerUp, (event) => {
 			const target = event.target;
 			if (target.hasPointerCapture(event.pointerId)) {
 				target.releasePointerCapture(event.pointerId);
@@ -279,7 +279,7 @@ var TRACK_NAME = "SliderTrack";
 var SliderTrack = react.forwardRef((props, forwardedRef) => {
 	const { __scopeSlider, ...trackProps } = props;
 	const context = useSliderContext(TRACK_NAME, __scopeSlider);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$8.Primitive.span, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.Primitive.span, {
 		"data-disabled": context.disabled ? "" : void 0,
 		"data-orientation": context.orientation,
 		...trackProps,
@@ -292,12 +292,12 @@ var SliderRange = react.forwardRef((props, forwardedRef) => {
 	const { __scopeSlider, ...rangeProps } = props;
 	const context = useSliderContext(RANGE_NAME, __scopeSlider);
 	const orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider);
-	const composedRefs = require_index$2.useComposedRefs(forwardedRef, react.useRef(null));
+	const composedRefs = require_index$1.useComposedRefs(forwardedRef, react.useRef(null));
 	const valuesCount = context.values.length;
 	const percentages = context.values.map((value) => convertValueToPercentage(value, context.min, context.max));
 	const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;
 	const offsetEnd = 100 - Math.max(...percentages);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$8.Primitive.span, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.Primitive.span, {
 		"data-orientation": context.orientation,
 		"data-disabled": context.disabled ? "" : void 0,
 		...rangeProps,
@@ -314,7 +314,7 @@ var THUMB_NAME = "SliderThumb";
 var SliderThumb = react.forwardRef((props, forwardedRef) => {
 	const getItems = useCollection(props.__scopeSlider);
 	const [thumb, setThumb] = react.useState(null);
-	const composedRefs = require_index$2.useComposedRefs(forwardedRef, (node) => setThumb(node));
+	const composedRefs = require_index$1.useComposedRefs(forwardedRef, (node) => setThumb(node));
 	const index = react.useMemo(() => thumb ? getItems().findIndex((item) => item.ref.current === thumb) : -1, [getItems, thumb]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderThumbImpl, {
 		...props,
@@ -327,9 +327,9 @@ var SliderThumbImpl = react.forwardRef((props, forwardedRef) => {
 	const context = useSliderContext(THUMB_NAME, __scopeSlider);
 	const orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider);
 	const [thumb, setThumb] = react.useState(null);
-	const composedRefs = require_index$2.useComposedRefs(forwardedRef, (node) => setThumb(node));
+	const composedRefs = require_index$1.useComposedRefs(forwardedRef, (node) => setThumb(node));
 	const isFormControl = thumb ? context.form || !!thumb.closest("form") : true;
-	const size = require_index$7.useSize(thumb);
+	const size = require_index$4.useSize(thumb);
 	const value = context.values[index];
 	const percent = value === void 0 ? 0 : convertValueToPercentage(value, context.min, context.max);
 	const label = getLabel(index, context.values.length);
@@ -351,7 +351,7 @@ var SliderThumbImpl = react.forwardRef((props, forwardedRef) => {
 		},
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Collection.ItemSlot, {
 			scope: props.__scopeSlider,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$8.Primitive.span, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.Primitive.span, {
 				role: "slider",
 				"aria-label": props["aria-label"] || label,
 				"aria-valuemin": context.min,
@@ -364,7 +364,7 @@ var SliderThumbImpl = react.forwardRef((props, forwardedRef) => {
 				...thumbProps,
 				ref: composedRefs,
 				style: value === void 0 ? { display: "none" } : props.style,
-				onFocus: require_index$1.composeEventHandlers(props.onFocus, () => {
+				onFocus: require_index.composeEventHandlers(props.onFocus, () => {
 					context.valueIndexToChangeRef.current = index;
 				})
 			})
@@ -379,8 +379,8 @@ SliderThumb.displayName = THUMB_NAME;
 var BUBBLE_INPUT_NAME = "RadioBubbleInput";
 var SliderBubbleInput = react.forwardRef(({ __scopeSlider, value, ...props }, forwardedRef) => {
 	const ref = react.useRef(null);
-	const composedRefs = require_index$2.useComposedRefs(ref, forwardedRef);
-	const prevValue = require_index$6.usePrevious(value);
+	const composedRefs = require_index$1.useComposedRefs(ref, forwardedRef);
+	const prevValue = require_index$8.usePrevious(value);
 	react.useEffect(() => {
 		const input = ref.current;
 		if (!input) return;
@@ -392,7 +392,7 @@ var SliderBubbleInput = react.forwardRef(({ __scopeSlider, value, ...props }, fo
 			input.dispatchEvent(event);
 		}
 	}, [prevValue, value]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$8.Primitive.input, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.Primitive.input, {
 		style: { display: "none" },
 		...props,
 		ref: composedRefs,
@@ -406,7 +406,7 @@ function getNextSortedValues(prevValues = [], nextValue, atIndex) {
 	return nextValues.sort((a, b) => a - b);
 }
 function convertValueToPercentage(value, min, max) {
-	return require_index.clamp(100 / (max - min) * (value - min), [0, 100]);
+	return require_index$9.clamp(100 / (max - min) * (value - min), [0, 100]);
 }
 function getLabel(index, totalValues) {
 	if (totalValues > 2) return `Value ${index + 1} of ${totalValues}`;

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

@@ -1,14 +1,14 @@
 "use client";
-import { clamp } from "../node_modules/@radix-ui/number/dist/index.js";
-import { composeEventHandlers } from "../node_modules/@radix-ui/primitive/dist/index.js";
-import { useComposedRefs } from "../node_modules/@radix-ui/react-compose-refs/dist/index.js";
-import { createContextScope } from "../node_modules/@radix-ui/react-context/dist/index.js";
-import { useControllableState } from "../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
-import { useDirection } from "../node_modules/@radix-ui/react-direction/dist/index.js";
-import { usePrevious } from "../node_modules/@radix-ui/react-use-previous/dist/index.js";
-import { useSize } from "../node_modules/@radix-ui/react-use-size/dist/index.js";
-import { Primitive } from "../node_modules/@radix-ui/react-primitive/dist/index.js";
-import { createCollection } from "../node_modules/@radix-ui/react-collection/dist/index.js";
+import { composeEventHandlers } from "../../primitive/dist/index.js";
+import { useComposedRefs } from "../../react-compose-refs/dist/index.js";
+import { createContextScope } from "../../react-context/dist/index.js";
+import { Primitive } from "../../react-primitive/dist/index.js";
+import { useSize } from "../../react-use-size/dist/index.js";
+import { useControllableState } from "../../react-use-controllable-state/dist/index.js";
+import { createCollection } from "../../react-collection/dist/index.js";
+import { useDirection } from "../../react-direction/dist/index.js";
+import { usePrevious } from "../../react-use-previous/dist/index.js";
+import { clamp } from "../../number/dist/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 //#region ../../node_modules/@radix-ui/react-slider/dist/index.mjs

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

@@ -4,48 +4,63 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
 //#region ../../node_modules/@radix-ui/react-slot/dist/index.mjs
-var Slot = react.forwardRef((props, forwardedRef) => {
-	const { children, ...slotProps } = props;
-	const childrenArray = react.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.Children.count(newElement) > 1) return react.Children.only(null);
-				return react.isValidElement(newElement) ? newElement.props.children : null;
-			} else return child;
-		});
+/* @__NO_SIDE_EFFECTS__ */
+function createSlot(ownerName) {
+	const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+	const Slot2 = react.forwardRef((props, forwardedRef) => {
+		const { children, ...slotProps } = props;
+		const childrenArray = react.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.Children.count(newElement) > 1) return react.Children.only(null);
+					return react.isValidElement(newElement) ? newElement.props.children : null;
+				} else return child;
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SlotClone, {
+				...slotProps,
+				ref: forwardedRef,
+				children: react.isValidElement(newElement) ? react.cloneElement(newElement, void 0, newChildren) : null
+			});
+		}
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SlotClone, {
 			...slotProps,
 			ref: forwardedRef,
-			children: react.isValidElement(newElement) ? react.cloneElement(newElement, void 0, newChildren) : null
+			children
 		});
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SlotClone, {
-		...slotProps,
-		ref: forwardedRef,
-		children
 	});
-});
-Slot.displayName = "Slot";
-var SlotClone = react.forwardRef((props, forwardedRef) => {
-	const { children, ...slotProps } = props;
-	if (react.isValidElement(children)) {
-		const childrenRef = getElementRef(children);
-		return react.cloneElement(children, {
-			...mergeProps(slotProps, children.props),
-			ref: forwardedRef ? require_index.composeRefs(forwardedRef, childrenRef) : childrenRef
-		});
-	}
-	return react.Children.count(children) > 1 ? react.Children.only(null) : null;
-});
-SlotClone.displayName = "SlotClone";
-var Slottable = ({ children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
-};
+	Slot2.displayName = `${ownerName}.Slot`;
+	return Slot2;
+}
+/* @__NO_SIDE_EFFECTS__ */
+function createSlotClone(ownerName) {
+	const SlotClone = react.forwardRef((props, forwardedRef) => {
+		const { children, ...slotProps } = props;
+		if (react.isValidElement(children)) {
+			const childrenRef = getElementRef(children);
+			const props2 = mergeProps(slotProps, children.props);
+			if (children.type !== react.Fragment) props2.ref = forwardedRef ? require_index.composeRefs(forwardedRef, childrenRef) : childrenRef;
+			return react.cloneElement(children, props2);
+		}
+		return react.Children.count(children) > 1 ? react.Children.only(null) : null;
+	});
+	SlotClone.displayName = `${ownerName}.SlotClone`;
+	return SlotClone;
+}
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+/* @__NO_SIDE_EFFECTS__ */
+function createSlottable(ownerName) {
+	const Slottable2 = ({ children }) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+	};
+	Slottable2.displayName = `${ownerName}.Slottable`;
+	Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
+	return Slottable2;
+}
 function isSlottable(child) {
-	return react.isValidElement(child) && child.type === Slottable;
+	return react.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
 function mergeProps(slotProps, childProps) {
 	const overrideProps = { ...childProps };
@@ -54,8 +69,9 @@ function mergeProps(slotProps, childProps) {
 		const childPropValue = childProps[propName];
 		if (/^on[A-Z]/.test(propName)) {
 			if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
-				childPropValue(...args);
+				const result = childPropValue(...args);
 				slotPropValue(...args);
+				return result;
 			};
 			else if (slotPropValue) overrideProps[propName] = slotPropValue;
 		} else if (propName === "style") overrideProps[propName] = {
@@ -79,5 +95,5 @@ function getElementRef(element) {
 	return element.props.ref || element.ref;
 }
 //#endregion
-exports.Slot = Slot;
-exports.Slottable = Slottable;
+exports.createSlot = createSlot;
+exports.createSlottable = createSlottable;