@redis-ui/components 47.3.2 → 47.4.0

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

@@ -14,62 +14,95 @@ react = require_runtime.__toESM(react, 1);
 //#region ../../node_modules/@radix-ui/react-checkbox/dist/index.mjs
 var CHECKBOX_NAME = "Checkbox";
 var [createCheckboxContext, createCheckboxScope] = require_index$2.createContextScope(CHECKBOX_NAME);
-var [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
-var Checkbox = react.forwardRef((props, forwardedRef) => {
-	const { __scopeCheckbox, name, checked: checkedProp, defaultChecked, required, disabled, value = "on", onCheckedChange, ...checkboxProps } = 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 [checked = false, setChecked] = require_index$6.useControllableState({
+var [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
+function CheckboxProvider(props) {
+	const { __scopeCheckbox, checked: checkedProp, children, defaultChecked, disabled, form, name, onCheckedChange, required, value = "on", internal_do_not_use_render } = props;
+	const [checked, setChecked] = require_index$6.useControllableState({
 		prop: checkedProp,
-		defaultProp: defaultChecked,
-		onChange: onCheckedChange
+		defaultProp: defaultChecked ?? false,
+		onChange: onCheckedChange,
+		caller: CHECKBOX_NAME
+	});
+	const [control, setControl] = react.useState(null);
+	const [bubbleInput, setBubbleInput] = react.useState(null);
+	const hasConsumerStoppedPropagationRef = react.useRef(false);
+	const isFormControl = control ? !!form || !!control.closest("form") : true;
+	const context = {
+		checked,
+		disabled,
+		setChecked,
+		control,
+		setControl,
+		name,
+		form,
+		value,
+		hasConsumerStoppedPropagationRef,
+		required,
+		defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked,
+		isFormControl,
+		bubbleInput,
+		setBubbleInput
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxProviderImpl, {
+		scope: __scopeCheckbox,
+		...context,
+		children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
 	});
+}
+var TRIGGER_NAME = "CheckboxTrigger";
+var CheckboxTrigger = react.forwardRef(({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {
+	const { control, value, disabled, checked, required, setControl, setChecked, hasConsumerStoppedPropagationRef, isFormControl, bubbleInput } = useCheckboxContext(TRIGGER_NAME, __scopeCheckbox);
+	const composedRefs = require_index$1.useComposedRefs(forwardedRef, setControl);
 	const initialCheckedStateRef = react.useRef(checked);
 	react.useEffect(() => {
-		const form = button?.form;
+		const form = control?.form;
 		if (form) {
 			const reset = () => setChecked(initialCheckedStateRef.current);
 			form.addEventListener("reset", reset);
 			return () => form.removeEventListener("reset", reset);
 		}
-	}, [button, setChecked]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CheckboxProvider, {
-		scope: __scopeCheckbox,
-		state: checked,
+	}, [control, setChecked]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.Primitive.button, {
+		type: "button",
+		role: "checkbox",
+		"aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+		"aria-required": required,
+		"data-state": getState(checked),
+		"data-disabled": disabled ? "" : void 0,
+		disabled,
+		value,
+		...checkboxProps,
+		ref: composedRefs,
+		onKeyDown: require_index.composeEventHandlers(onKeyDown, (event) => {
+			if (event.key === "Enter") event.preventDefault();
+		}),
+		onClick: require_index.composeEventHandlers(onClick, (event) => {
+			setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);
+			if (bubbleInput && isFormControl) {
+				hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+				if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+			}
+		})
+	});
+});
+CheckboxTrigger.displayName = TRIGGER_NAME;
+var Checkbox = react.forwardRef((props, forwardedRef) => {
+	const { __scopeCheckbox, name, checked, defaultChecked, required, disabled, value, onCheckedChange, form, ...checkboxProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxProvider, {
+		__scopeCheckbox,
+		checked,
+		defaultChecked,
 		disabled,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.Primitive.button, {
-			type: "button",
-			role: "checkbox",
-			"aria-checked": isIndeterminate(checked) ? "mixed" : checked,
-			"aria-required": required,
-			"data-state": getState(checked),
-			"data-disabled": disabled ? "" : void 0,
-			disabled,
-			value,
+		required,
+		onCheckedChange,
+		name,
+		form,
+		value,
+		internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxTrigger, {
 			...checkboxProps,
-			ref: composedRefs,
-			onKeyDown: require_index.composeEventHandlers(props.onKeyDown, (event) => {
-				if (event.key === "Enter") event.preventDefault();
-			}),
-			onClick: require_index.composeEventHandlers(props.onClick, (event) => {
-				setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);
-				if (isFormControl) {
-					hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-					if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-				}
-			})
-		}), isFormControl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BubbleInput, {
-			control: button,
-			bubbles: !hasConsumerStoppedPropagationRef.current,
-			name,
-			value,
-			checked,
-			required,
-			disabled,
-			style: { transform: "translateX(-100%)" }
-		})]
+			ref: forwardedRef,
+			__scopeCheckbox
+		}), isFormControl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxBubbleInput, { __scopeCheckbox })] })
 	});
 });
 Checkbox.displayName = CHECKBOX_NAME;
@@ -78,9 +111,9 @@ var CheckboxIndicator = react.forwardRef((props, forwardedRef) => {
 	const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
 	const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$5.Presence, {
-		present: forceMount || isIndeterminate(context.state) || context.state === true,
+		present: forceMount || isIndeterminate(context.checked) || context.checked === true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.Primitive.span, {
-			"data-state": getState(context.state),
+			"data-state": getState(context.checked),
 			"data-disabled": context.disabled ? "" : void 0,
 			...indicatorProps,
 			ref: forwardedRef,
@@ -92,15 +125,18 @@ var CheckboxIndicator = react.forwardRef((props, forwardedRef) => {
 	});
 });
 CheckboxIndicator.displayName = INDICATOR_NAME;
-var BubbleInput = (props) => {
-	const { control, checked, bubbles = true, ...inputProps } = props;
-	const ref = react.useRef(null);
+var BUBBLE_INPUT_NAME = "CheckboxBubbleInput";
+var CheckboxBubbleInput = react.forwardRef(({ __scopeCheckbox, ...props }, forwardedRef) => {
+	const { control, hasConsumerStoppedPropagationRef, checked, defaultChecked, required, disabled, name, value, form, bubbleInput, setBubbleInput } = useCheckboxContext(BUBBLE_INPUT_NAME, __scopeCheckbox);
+	const composedRefs = require_index$1.useComposedRefs(forwardedRef, setBubbleInput);
 	const prevChecked = require_index$7.usePrevious(checked);
 	const controlSize = require_index$4.useSize(control);
 	react.useEffect(() => {
-		const input = ref.current;
+		const input = bubbleInput;
+		if (!input) return;
 		const inputProto = window.HTMLInputElement.prototype;
 		const setChecked = Object.getOwnPropertyDescriptor(inputProto, "checked").set;
+		const bubbles = !hasConsumerStoppedPropagationRef.current;
 		if (prevChecked !== checked && setChecked) {
 			const event = new Event("click", { bubbles });
 			input.indeterminate = isIndeterminate(checked);
@@ -108,35 +144,45 @@ var BubbleInput = (props) => {
 			input.dispatchEvent(event);
 		}
 	}, [
+		bubbleInput,
 		prevChecked,
 		checked,
-		bubbles
+		hasConsumerStoppedPropagationRef
 	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+	const defaultCheckedRef = react.useRef(isIndeterminate(checked) ? false : checked);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.Primitive.input, {
 		type: "checkbox",
 		"aria-hidden": true,
-		defaultChecked: isIndeterminate(checked) ? false : checked,
-		...inputProps,
+		defaultChecked: defaultChecked ?? defaultCheckedRef.current,
+		required,
+		disabled,
+		name,
+		value,
+		form,
+		...props,
 		tabIndex: -1,
-		ref,
+		ref: composedRefs,
 		style: {
 			...props.style,
 			...controlSize,
 			position: "absolute",
 			pointerEvents: "none",
 			opacity: 0,
-			margin: 0
+			margin: 0,
+			transform: "translateX(-100%)"
 		}
 	});
-};
+});
+CheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME;
+function isFunction(value) {
+	return typeof value === "function";
+}
 function isIndeterminate(checked) {
 	return checked === "indeterminate";
 }
 function getState(checked) {
 	return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
-var Root = Checkbox;
-var Indicator = CheckboxIndicator;
 //#endregion
-exports.Indicator = Indicator;
-exports.Root = Root;
+exports.Checkbox = Checkbox;
+exports.CheckboxIndicator = CheckboxIndicator;

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

@@ -7,67 +7,100 @@ import { useSize } from "../../react-use-size/dist/index.js";
 import { Presence } from "../../react-presence/dist/index.js";
 import { useControllableState } from "../../react-use-controllable-state/dist/index.js";
 import { usePrevious } from "../../react-use-previous/dist/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 //#region ../../node_modules/@radix-ui/react-checkbox/dist/index.mjs
 var CHECKBOX_NAME = "Checkbox";
 var [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);
-var [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
-var Checkbox = React$1.forwardRef((props, forwardedRef) => {
-	const { __scopeCheckbox, name, checked: checkedProp, defaultChecked, required, disabled, value = "on", onCheckedChange, ...checkboxProps } = props;
-	const [button, setButton] = React$1.useState(null);
-	const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
-	const hasConsumerStoppedPropagationRef = React$1.useRef(false);
-	const isFormControl = button ? Boolean(button.closest("form")) : true;
-	const [checked = false, setChecked] = useControllableState({
+var [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
+function CheckboxProvider(props) {
+	const { __scopeCheckbox, checked: checkedProp, children, defaultChecked, disabled, form, name, onCheckedChange, required, value = "on", internal_do_not_use_render } = props;
+	const [checked, setChecked] = useControllableState({
 		prop: checkedProp,
-		defaultProp: defaultChecked,
-		onChange: onCheckedChange
+		defaultProp: defaultChecked ?? false,
+		onChange: onCheckedChange,
+		caller: CHECKBOX_NAME
+	});
+	const [control, setControl] = React$1.useState(null);
+	const [bubbleInput, setBubbleInput] = React$1.useState(null);
+	const hasConsumerStoppedPropagationRef = React$1.useRef(false);
+	const isFormControl = control ? !!form || !!control.closest("form") : true;
+	const context = {
+		checked,
+		disabled,
+		setChecked,
+		control,
+		setControl,
+		name,
+		form,
+		value,
+		hasConsumerStoppedPropagationRef,
+		required,
+		defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked,
+		isFormControl,
+		bubbleInput,
+		setBubbleInput
+	};
+	return /* @__PURE__ */ jsx(CheckboxProviderImpl, {
+		scope: __scopeCheckbox,
+		...context,
+		children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
 	});
+}
+var TRIGGER_NAME = "CheckboxTrigger";
+var CheckboxTrigger = React$1.forwardRef(({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {
+	const { control, value, disabled, checked, required, setControl, setChecked, hasConsumerStoppedPropagationRef, isFormControl, bubbleInput } = useCheckboxContext(TRIGGER_NAME, __scopeCheckbox);
+	const composedRefs = useComposedRefs(forwardedRef, setControl);
 	const initialCheckedStateRef = React$1.useRef(checked);
 	React$1.useEffect(() => {
-		const form = button?.form;
+		const form = control?.form;
 		if (form) {
 			const reset = () => setChecked(initialCheckedStateRef.current);
 			form.addEventListener("reset", reset);
 			return () => form.removeEventListener("reset", reset);
 		}
-	}, [button, setChecked]);
-	return /* @__PURE__ */ jsxs(CheckboxProvider, {
-		scope: __scopeCheckbox,
-		state: checked,
+	}, [control, setChecked]);
+	return /* @__PURE__ */ jsx(Primitive.button, {
+		type: "button",
+		role: "checkbox",
+		"aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+		"aria-required": required,
+		"data-state": getState(checked),
+		"data-disabled": disabled ? "" : void 0,
+		disabled,
+		value,
+		...checkboxProps,
+		ref: composedRefs,
+		onKeyDown: composeEventHandlers(onKeyDown, (event) => {
+			if (event.key === "Enter") event.preventDefault();
+		}),
+		onClick: composeEventHandlers(onClick, (event) => {
+			setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);
+			if (bubbleInput && isFormControl) {
+				hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+				if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+			}
+		})
+	});
+});
+CheckboxTrigger.displayName = TRIGGER_NAME;
+var Checkbox = React$1.forwardRef((props, forwardedRef) => {
+	const { __scopeCheckbox, name, checked, defaultChecked, required, disabled, value, onCheckedChange, form, ...checkboxProps } = props;
+	return /* @__PURE__ */ jsx(CheckboxProvider, {
+		__scopeCheckbox,
+		checked,
+		defaultChecked,
 		disabled,
-		children: [/* @__PURE__ */ jsx(Primitive.button, {
-			type: "button",
-			role: "checkbox",
-			"aria-checked": isIndeterminate(checked) ? "mixed" : checked,
-			"aria-required": required,
-			"data-state": getState(checked),
-			"data-disabled": disabled ? "" : void 0,
-			disabled,
-			value,
+		required,
+		onCheckedChange,
+		name,
+		form,
+		value,
+		internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CheckboxTrigger, {
 			...checkboxProps,
-			ref: composedRefs,
-			onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
-				if (event.key === "Enter") event.preventDefault();
-			}),
-			onClick: composeEventHandlers(props.onClick, (event) => {
-				setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);
-				if (isFormControl) {
-					hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-					if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-				}
-			})
-		}), isFormControl && /* @__PURE__ */ jsx(BubbleInput, {
-			control: button,
-			bubbles: !hasConsumerStoppedPropagationRef.current,
-			name,
-			value,
-			checked,
-			required,
-			disabled,
-			style: { transform: "translateX(-100%)" }
-		})]
+			ref: forwardedRef,
+			__scopeCheckbox
+		}), isFormControl && /* @__PURE__ */ jsx(CheckboxBubbleInput, { __scopeCheckbox })] })
 	});
 });
 Checkbox.displayName = CHECKBOX_NAME;
@@ -76,9 +109,9 @@ var CheckboxIndicator = React$1.forwardRef((props, forwardedRef) => {
 	const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
 	const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
 	return /* @__PURE__ */ jsx(Presence, {
-		present: forceMount || isIndeterminate(context.state) || context.state === true,
+		present: forceMount || isIndeterminate(context.checked) || context.checked === true,
 		children: /* @__PURE__ */ jsx(Primitive.span, {
-			"data-state": getState(context.state),
+			"data-state": getState(context.checked),
 			"data-disabled": context.disabled ? "" : void 0,
 			...indicatorProps,
 			ref: forwardedRef,
@@ -90,15 +123,18 @@ var CheckboxIndicator = React$1.forwardRef((props, forwardedRef) => {
 	});
 });
 CheckboxIndicator.displayName = INDICATOR_NAME;
-var BubbleInput = (props) => {
-	const { control, checked, bubbles = true, ...inputProps } = props;
-	const ref = React$1.useRef(null);
+var BUBBLE_INPUT_NAME = "CheckboxBubbleInput";
+var CheckboxBubbleInput = React$1.forwardRef(({ __scopeCheckbox, ...props }, forwardedRef) => {
+	const { control, hasConsumerStoppedPropagationRef, checked, defaultChecked, required, disabled, name, value, form, bubbleInput, setBubbleInput } = useCheckboxContext(BUBBLE_INPUT_NAME, __scopeCheckbox);
+	const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
 	const prevChecked = usePrevious(checked);
 	const controlSize = useSize(control);
 	React$1.useEffect(() => {
-		const input = ref.current;
+		const input = bubbleInput;
+		if (!input) return;
 		const inputProto = window.HTMLInputElement.prototype;
 		const setChecked = Object.getOwnPropertyDescriptor(inputProto, "checked").set;
+		const bubbles = !hasConsumerStoppedPropagationRef.current;
 		if (prevChecked !== checked && setChecked) {
 			const event = new Event("click", { bubbles });
 			input.indeterminate = isIndeterminate(checked);
@@ -106,34 +142,44 @@ var BubbleInput = (props) => {
 			input.dispatchEvent(event);
 		}
 	}, [
+		bubbleInput,
 		prevChecked,
 		checked,
-		bubbles
+		hasConsumerStoppedPropagationRef
 	]);
-	return /* @__PURE__ */ jsx("input", {
+	const defaultCheckedRef = React$1.useRef(isIndeterminate(checked) ? false : checked);
+	return /* @__PURE__ */ jsx(Primitive.input, {
 		type: "checkbox",
 		"aria-hidden": true,
-		defaultChecked: isIndeterminate(checked) ? false : checked,
-		...inputProps,
+		defaultChecked: defaultChecked ?? defaultCheckedRef.current,
+		required,
+		disabled,
+		name,
+		value,
+		form,
+		...props,
 		tabIndex: -1,
-		ref,
+		ref: composedRefs,
 		style: {
 			...props.style,
 			...controlSize,
 			position: "absolute",
 			pointerEvents: "none",
 			opacity: 0,
-			margin: 0
+			margin: 0,
+			transform: "translateX(-100%)"
 		}
 	});
-};
+});
+CheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME;
+function isFunction(value) {
+	return typeof value === "function";
+}
 function isIndeterminate(checked) {
 	return checked === "indeterminate";
 }
 function getState(checked) {
 	return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
-var Root = Checkbox;
-var Indicator = CheckboxIndicator;
 //#endregion
-export { Indicator, Root };
+export { Checkbox, CheckboxIndicator };

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

@@ -17,10 +17,11 @@ var [createCollapsibleContext, createCollapsibleScope] = require_index$2.createC
 var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
 var Collapsible = react.forwardRef((props, forwardedRef) => {
 	const { __scopeCollapsible, open: openProp, defaultOpen, disabled, onOpenChange, ...collapsibleProps } = props;
-	const [open = false, setOpen] = require_index$7.useControllableState({
+	const [open, setOpen] = require_index$7.useControllableState({
 		prop: openProp,
-		defaultProp: defaultOpen,
-		onChange: onOpenChange
+		defaultProp: defaultOpen ?? false,
+		onChange: onOpenChange,
+		caller: COLLAPSIBLE_NAME
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleProvider, {
 		scope: __scopeCollapsible,
@@ -80,7 +81,7 @@ var CollapsibleContentImpl = react.forwardRef((props, forwardedRef) => {
 	const width = widthRef.current;
 	const isOpen = context.open || isPresent;
 	const isMountAnimationPreventedRef = react.useRef(isOpen);
-	const originalStylesRef = react.useRef();
+	const originalStylesRef = react.useRef(void 0);
 	react.useEffect(() => {
 		const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
 		return () => cancelAnimationFrame(rAF);

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

@@ -15,10 +15,11 @@ var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLL
 var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
 var Collapsible = React$1.forwardRef((props, forwardedRef) => {
 	const { __scopeCollapsible, open: openProp, defaultOpen, disabled, onOpenChange, ...collapsibleProps } = props;
-	const [open = false, setOpen] = useControllableState({
+	const [open, setOpen] = useControllableState({
 		prop: openProp,
-		defaultProp: defaultOpen,
-		onChange: onOpenChange
+		defaultProp: defaultOpen ?? false,
+		onChange: onOpenChange,
+		caller: COLLAPSIBLE_NAME
 	});
 	return /* @__PURE__ */ jsx(CollapsibleProvider, {
 		scope: __scopeCollapsible,
@@ -78,7 +79,7 @@ var CollapsibleContentImpl = React$1.forwardRef((props, forwardedRef) => {
 	const width = widthRef.current;
 	const isOpen = context.open || isPresent;
 	const isMountAnimationPreventedRef = React$1.useRef(isOpen);
-	const originalStylesRef = React$1.useRef();
+	const originalStylesRef = React$1.useRef(void 0);
 	React$1.useEffect(() => {
 		const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
 		return () => cancelAnimationFrame(rAF);

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

@@ -27,9 +27,10 @@ function createCollection(name) {
 	};
 	CollectionProvider.displayName = PROVIDER_NAME;
 	const COLLECTION_SLOT_NAME = name + "CollectionSlot";
+	const CollectionSlotImpl = require_index$2.createSlot(COLLECTION_SLOT_NAME);
 	const CollectionSlot = react.default.forwardRef((props, forwardedRef) => {
 		const { scope, children } = props;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.Slot, {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollectionSlotImpl, {
 			ref: require_index.useComposedRefs(forwardedRef, useCollectionContext(COLLECTION_SLOT_NAME, scope).collectionRef),
 			children
 		});
@@ -37,6 +38,7 @@ function createCollection(name) {
 	CollectionSlot.displayName = COLLECTION_SLOT_NAME;
 	const ITEM_SLOT_NAME = name + "CollectionItemSlot";
 	const ITEM_DATA_ATTR = "data-radix-collection-item";
+	const CollectionItemSlotImpl = require_index$2.createSlot(ITEM_SLOT_NAME);
 	const CollectionItemSlot = react.default.forwardRef((props, forwardedRef) => {
 		const { scope, children, ...itemData } = props;
 		const ref = react.default.useRef(null);
@@ -49,7 +51,7 @@ function createCollection(name) {
 			});
 			return () => void context.itemMap.delete(ref);
 		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.Slot, {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollectionItemSlotImpl, {
 			[ITEM_DATA_ATTR]: "",
 			ref: composedRefs,
 			children

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

@@ -1,7 +1,7 @@
 "use client";
 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 { jsx } from "react/jsx-runtime";
 import React from "react";
 //#region ../../node_modules/@radix-ui/react-collection/dist/index.mjs
@@ -25,9 +25,10 @@ function createCollection(name) {
 	};
 	CollectionProvider.displayName = PROVIDER_NAME;
 	const COLLECTION_SLOT_NAME = name + "CollectionSlot";
+	const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
 	const CollectionSlot = React.forwardRef((props, forwardedRef) => {
 		const { scope, children } = props;
-		return /* @__PURE__ */ jsx(Slot, {
+		return /* @__PURE__ */ jsx(CollectionSlotImpl, {
 			ref: useComposedRefs(forwardedRef, useCollectionContext(COLLECTION_SLOT_NAME, scope).collectionRef),
 			children
 		});
@@ -35,6 +36,7 @@ function createCollection(name) {
 	CollectionSlot.displayName = COLLECTION_SLOT_NAME;
 	const ITEM_SLOT_NAME = name + "CollectionItemSlot";
 	const ITEM_DATA_ATTR = "data-radix-collection-item";
+	const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
 	const CollectionItemSlot = React.forwardRef((props, forwardedRef) => {
 		const { scope, children, ...itemData } = props;
 		const ref = React.useRef(null);
@@ -47,7 +49,7 @@ function createCollection(name) {
 			});
 			return () => void context.itemMap.delete(ref);
 		});
-		return /* @__PURE__ */ jsx(Slot, {
+		return /* @__PURE__ */ jsx(CollectionItemSlotImpl, {
 			[ITEM_DATA_ATTR]: "",
 			ref: composedRefs,
 			children

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

@@ -3,11 +3,25 @@ let react = require("react");
 react = require_runtime.__toESM(react, 1);
 //#region ../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs
 function setRef(ref, value) {
-	if (typeof ref === "function") ref(value);
+	if (typeof ref === "function") return ref(value);
 	else if (ref !== null && ref !== void 0) ref.current = value;
 }
 function composeRefs(...refs) {
-	return (node) => refs.forEach((ref) => setRef(ref, node));
+	return (node) => {
+		let hasCleanup = false;
+		const cleanups = refs.map((ref) => {
+			const cleanup = setRef(ref, node);
+			if (!hasCleanup && typeof cleanup == "function") hasCleanup = true;
+			return cleanup;
+		});
+		if (hasCleanup) return () => {
+			for (let i = 0; i < cleanups.length; i++) {
+				const cleanup = cleanups[i];
+				if (typeof cleanup == "function") cleanup();
+				else setRef(refs[i], null);
+			}
+		};
+	};
 }
 function useComposedRefs(...refs) {
 	return react.useCallback(composeRefs(...refs), refs);

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

@@ -1,11 +1,25 @@
 import * as React$1 from "react";
 //#region ../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs
 function setRef(ref, value) {
-	if (typeof ref === "function") ref(value);
+	if (typeof ref === "function") return ref(value);
 	else if (ref !== null && ref !== void 0) ref.current = value;
 }
 function composeRefs(...refs) {
-	return (node) => refs.forEach((ref) => setRef(ref, node));
+	return (node) => {
+		let hasCleanup = false;
+		const cleanups = refs.map((ref) => {
+			const cleanup = setRef(ref, node);
+			if (!hasCleanup && typeof cleanup == "function") hasCleanup = true;
+			return cleanup;
+		});
+		if (hasCleanup) return () => {
+			for (let i = 0; i < cleanups.length; i++) {
+				const cleanup = cleanups[i];
+				if (typeof cleanup == "function") cleanup();
+				else setRef(refs[i], null);
+			}
+		};
+	};
 }
 function useComposedRefs(...refs) {
 	return React$1.useCallback(composeRefs(...refs), refs);