@redis-ui/components 47.3.2 → 47.4.0

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

@@ -5,21 +5,21 @@ react = require_runtime.__toESM(react, 1);
 //#region ../../node_modules/@radix-ui/react-context/dist/index.mjs
 function createContext2(rootComponentName, defaultContext) {
 	const Context = react.createContext(defaultContext);
-	function Provider(props) {
+	const Provider = (props) => {
 		const { children, ...context } = props;
 		const value = react.useMemo(() => context, Object.values(context));
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Context.Provider, {
 			value,
 			children
 		});
-	}
+	};
+	Provider.displayName = rootComponentName + "Provider";
 	function useContext2(consumerName) {
 		const context = react.useContext(Context);
 		if (context) return context;
 		if (defaultContext !== void 0) return defaultContext;
 		throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
 	}
-	Provider.displayName = rootComponentName + "Provider";
 	return [Provider, useContext2];
 }
 function createContextScope(scopeName, createContextScopeDeps = []) {
@@ -28,23 +28,23 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 		const BaseContext = react.createContext(defaultContext);
 		const index = defaultContexts.length;
 		defaultContexts = [...defaultContexts, defaultContext];
-		function Provider(props) {
+		const Provider = (props) => {
 			const { scope, children, ...context } = props;
-			const Context = scope?.[scopeName][index] || BaseContext;
+			const Context = scope?.[scopeName]?.[index] || BaseContext;
 			const value = react.useMemo(() => context, Object.values(context));
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Context.Provider, {
 				value,
 				children
 			});
-		}
+		};
+		Provider.displayName = rootComponentName + "Provider";
 		function useContext2(consumerName, scope) {
-			const Context = scope?.[scopeName][index] || BaseContext;
+			const Context = scope?.[scopeName]?.[index] || BaseContext;
 			const context = react.useContext(Context);
 			if (context) return context;
 			if (defaultContext !== void 0) return defaultContext;
 			throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
 		}
-		Provider.displayName = rootComponentName + "Provider";
 		return [Provider, useContext2];
 	}
 	const createScope = () => {

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

@@ -3,21 +3,21 @@ import * as React$1 from "react";
 //#region ../../node_modules/@radix-ui/react-context/dist/index.mjs
 function createContext2(rootComponentName, defaultContext) {
 	const Context = React$1.createContext(defaultContext);
-	function Provider(props) {
+	const Provider = (props) => {
 		const { children, ...context } = props;
 		const value = React$1.useMemo(() => context, Object.values(context));
 		return /* @__PURE__ */ jsx(Context.Provider, {
 			value,
 			children
 		});
-	}
+	};
+	Provider.displayName = rootComponentName + "Provider";
 	function useContext2(consumerName) {
 		const context = React$1.useContext(Context);
 		if (context) return context;
 		if (defaultContext !== void 0) return defaultContext;
 		throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
 	}
-	Provider.displayName = rootComponentName + "Provider";
 	return [Provider, useContext2];
 }
 function createContextScope(scopeName, createContextScopeDeps = []) {
@@ -26,23 +26,23 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 		const BaseContext = React$1.createContext(defaultContext);
 		const index = defaultContexts.length;
 		defaultContexts = [...defaultContexts, defaultContext];
-		function Provider(props) {
+		const Provider = (props) => {
 			const { scope, children, ...context } = props;
-			const Context = scope?.[scopeName][index] || BaseContext;
+			const Context = scope?.[scopeName]?.[index] || BaseContext;
 			const value = React$1.useMemo(() => context, Object.values(context));
 			return /* @__PURE__ */ jsx(Context.Provider, {
 				value,
 				children
 			});
-		}
+		};
+		Provider.displayName = rootComponentName + "Provider";
 		function useContext2(consumerName, scope) {
-			const Context = scope?.[scopeName][index] || BaseContext;
+			const Context = scope?.[scopeName]?.[index] || BaseContext;
 			const context = React$1.useContext(Context);
 			if (context) return context;
 			if (defaultContext !== void 0) return defaultContext;
 			throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
 		}
-		Provider.displayName = rootComponentName + "Provider";
 		return [Provider, useContext2];
 	}
 	const createScope = () => {

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

@@ -25,10 +25,11 @@ var Dialog = (props) => {
 	const { __scopeDialog, children, open: openProp, defaultOpen, onOpenChange, modal = true } = props;
 	const triggerRef = react.useRef(null);
 	const contentRef = react.useRef(null);
-	const [open = false, setOpen] = require_index$11.useControllableState({
+	const [open, setOpen] = require_index$11.useControllableState({
 		prop: openProp,
-		defaultProp: defaultOpen,
-		onChange: onOpenChange
+		defaultProp: defaultOpen ?? false,
+		onChange: onOpenChange,
+		caller: DIALOG_NAME
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogProvider, {
 		scope: __scopeDialog,
@@ -95,11 +96,12 @@ var DialogOverlay = react.forwardRef((props, forwardedRef) => {
 	}) : null;
 });
 DialogOverlay.displayName = OVERLAY_NAME;
+var Slot = require_index$3.createSlot("DialogOverlay.RemoveScroll");
 var DialogOverlayImpl = react.forwardRef((props, forwardedRef) => {
 	const { __scopeDialog, ...overlayProps } = props;
 	const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Combination.default, {
-		as: require_index$3.Slot,
+		as: Slot,
 		allowPinchZoom: true,
 		shards: [context.contentRef],
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$4.Primitive.div, {

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

@@ -2,7 +2,7 @@
 import { composeEventHandlers } from "../../primitive/dist/index.js";
 import { useComposedRefs } from "../../react-compose-refs/dist/index.js";
 import { createContext2, 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 { DismissableLayer } from "../../react-dismissable-layer/dist/index.js";
 import { useFocusGuards } from "../../react-focus-guards/dist/index.js";
@@ -23,10 +23,11 @@ var Dialog = (props) => {
 	const { __scopeDialog, children, open: openProp, defaultOpen, onOpenChange, modal = true } = props;
 	const triggerRef = React$1.useRef(null);
 	const contentRef = React$1.useRef(null);
-	const [open = false, setOpen] = useControllableState({
+	const [open, setOpen] = useControllableState({
 		prop: openProp,
-		defaultProp: defaultOpen,
-		onChange: onOpenChange
+		defaultProp: defaultOpen ?? false,
+		onChange: onOpenChange,
+		caller: DIALOG_NAME
 	});
 	return /* @__PURE__ */ jsx(DialogProvider, {
 		scope: __scopeDialog,
@@ -93,6 +94,7 @@ var DialogOverlay = React$1.forwardRef((props, forwardedRef) => {
 	}) : null;
 });
 DialogOverlay.displayName = OVERLAY_NAME;
+var Slot = createSlot("DialogOverlay.RemoveScroll");
 var DialogOverlayImpl = React$1.forwardRef((props, forwardedRef) => {
 	const { __scopeDialog, ...overlayProps } = props;
 	const context = useDialogContext(OVERLAY_NAME, __scopeDialog);

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

@@ -19,10 +19,11 @@ var DropdownMenu = (props) => {
 	const { __scopeDropdownMenu, children, dir, open: openProp, defaultOpen, onOpenChange, modal = true } = props;
 	const menuScope = useMenuScope(__scopeDropdownMenu);
 	const triggerRef = react.useRef(null);
-	const [open = false, setOpen] = require_index$5.useControllableState({
+	const [open, setOpen] = require_index$5.useControllableState({
 		prop: openProp,
-		defaultProp: defaultOpen,
-		onChange: onOpenChange
+		defaultProp: defaultOpen ?? false,
+		onChange: onOpenChange,
+		caller: DROPDOWN_MENU_NAME
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuProvider, {
 		scope: __scopeDropdownMenu,

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

@@ -17,10 +17,11 @@ var DropdownMenu = (props) => {
 	const { __scopeDropdownMenu, children, dir, open: openProp, defaultOpen, onOpenChange, modal = true } = props;
 	const menuScope = useMenuScope(__scopeDropdownMenu);
 	const triggerRef = React$1.useRef(null);
-	const [open = false, setOpen] = useControllableState({
+	const [open, setOpen] = useControllableState({
 		prop: openProp,
-		defaultProp: defaultOpen,
-		onChange: onOpenChange
+		defaultProp: defaultOpen ?? false,
+		onChange: onOpenChange,
+		caller: DROPDOWN_MENU_NAME
 	});
 	return /* @__PURE__ */ jsx(DropdownMenuProvider, {
 		scope: __scopeDropdownMenu,

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

@@ -20,7 +20,10 @@ function createFocusGuard() {
 	const element = document.createElement("span");
 	element.setAttribute("data-radix-focus-guard", "");
 	element.tabIndex = 0;
-	element.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none";
+	element.style.outline = "none";
+	element.style.opacity = "0";
+	element.style.position = "fixed";
+	element.style.pointerEvents = "none";
 	return element;
 }
 //#endregion

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

@@ -18,7 +18,10 @@ function createFocusGuard() {
 	const element = document.createElement("span");
 	element.setAttribute("data-radix-focus-guard", "");
 	element.tabIndex = 0;
-	element.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none";
+	element.style.outline = "none";
+	element.style.opacity = "0";
+	element.style.position = "fixed";
+	element.style.pointerEvents = "none";
 	return element;
 }
 //#endregion

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

@@ -3,7 +3,7 @@ const require_index = require("../../react-use-layout-effect/dist/index.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
 //#region ../../node_modules/@radix-ui/react-id/dist/index.mjs
-var useReactId = react["useId".toString()] || (() => void 0);
+var useReactId = react[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
 function useId(deterministicId) {
 	const [id, setId] = react.useState(useReactId());

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

@@ -1,7 +1,7 @@
 import { useLayoutEffect2 } from "../../react-use-layout-effect/dist/index.js";
 import * as React$1 from "react";
 //#region ../../node_modules/@radix-ui/react-id/dist/index.mjs
-var useReactId = React$1["useId".toString()] || (() => void 0);
+var useReactId = React$1[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
 function useId(deterministicId) {
 	const [id, setId] = React$1.useState(useReactId());

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

@@ -183,6 +183,7 @@ var MenuRootContentNonModal = react.forwardRef((props, forwardedRef) => {
 		onDismiss: () => context.onOpenChange(false)
 	});
 });
+var Slot = require_index$3.createSlot("MenuContent.ScrollLock");
 var MenuContentImpl = react.forwardRef((props, forwardedRef) => {
 	const { __scopeMenu, loop = false, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEntryFocus, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, disableOutsideScroll, ...contentProps } = props;
 	const context = useMenuContext(CONTENT_NAME, __scopeMenu);
@@ -201,7 +202,7 @@ var MenuContentImpl = react.forwardRef((props, forwardedRef) => {
 	const lastPointerXRef = react.useRef(0);
 	const ScrollLockWrapper = disableOutsideScroll ? require_Combination.default : react.Fragment;
 	const scrollLockWrapperProps = disableOutsideScroll ? {
-		as: require_index$3.Slot,
+		as: Slot,
 		allowPinchZoom: true
 	} : void 0;
 	const handleTypeaheadSearch = (key) => {
@@ -742,10 +743,12 @@ function isPointInPolygon(point, polygon) {
 	const { x, y } = point;
 	let inside = false;
 	for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
-		const xi = polygon[i].x;
-		const yi = polygon[i].y;
-		const xj = polygon[j].x;
-		const yj = polygon[j].y;
+		const ii = polygon[i];
+		const jj = polygon[j];
+		const xi = ii.x;
+		const yi = ii.y;
+		const xj = jj.x;
+		const yj = jj.y;
 		if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) inside = !inside;
 	}
 	return inside;

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

@@ -2,7 +2,7 @@
 import { composeEventHandlers } from "../../primitive/dist/index.js";
 import { composeRefs, 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, dispatchDiscreteCustomEvent } 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";
@@ -180,6 +180,7 @@ var MenuRootContentNonModal = React$1.forwardRef((props, forwardedRef) => {
 		onDismiss: () => context.onOpenChange(false)
 	});
 });
+var Slot = createSlot("MenuContent.ScrollLock");
 var MenuContentImpl = React$1.forwardRef((props, forwardedRef) => {
 	const { __scopeMenu, loop = false, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEntryFocus, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, disableOutsideScroll, ...contentProps } = props;
 	const context = useMenuContext(CONTENT_NAME, __scopeMenu);
@@ -738,10 +739,12 @@ function isPointInPolygon(point, polygon) {
 	const { x, y } = point;
 	let inside = false;
 	for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
-		const xi = polygon[i].x;
-		const yi = polygon[i].y;
-		const xj = polygon[j].x;
-		const yj = polygon[j].y;
+		const ii = polygon[i];
+		const jj = polygon[j];
+		const xi = ii.x;
+		const yi = ii.y;
+		const xj = jj.x;
+		const yj = jj.y;
 		if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) inside = !inside;
 	}
 	return inside;

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

@@ -28,10 +28,11 @@ var Popover = (props) => {
 	const popperScope = usePopperScope(__scopePopover);
 	const triggerRef = react.useRef(null);
 	const [hasCustomAnchor, setHasCustomAnchor] = react.useState(false);
-	const [open = false, setOpen] = require_index$12.useControllableState({
+	const [open, setOpen] = require_index$12.useControllableState({
 		prop: openProp,
-		defaultProp: defaultOpen,
-		onChange: onOpenChange
+		defaultProp: defaultOpen ?? false,
+		onChange: onOpenChange,
+		caller: POPOVER_NAME
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$9.Root2, {
 		...popperScope,
@@ -127,6 +128,7 @@ var PopoverContent = react.forwardRef((props, forwardedRef) => {
 	});
 });
 PopoverContent.displayName = CONTENT_NAME;
+var Slot = require_index$3.createSlot("PopoverContent.RemoveScroll");
 var PopoverContentModal = react.forwardRef((props, forwardedRef) => {
 	const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
 	const contentRef = react.useRef(null);
@@ -137,7 +139,7 @@ var PopoverContentModal = react.forwardRef((props, forwardedRef) => {
 		if (content) return require_index$13.hideOthers(content);
 	}, []);
 	return /* @__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)(PopoverContentImpl, {
 			...props,

package/dist/node_modules/@radix-ui/react-popover/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 { DismissableLayer } from "../../react-dismissable-layer/dist/index.js";
 import { useFocusGuards } from "../../react-focus-guards/dist/index.js";
@@ -26,10 +26,11 @@ var Popover = (props) => {
 	const popperScope = usePopperScope(__scopePopover);
 	const triggerRef = React$1.useRef(null);
 	const [hasCustomAnchor, setHasCustomAnchor] = React$1.useState(false);
-	const [open = false, setOpen] = useControllableState({
+	const [open, setOpen] = useControllableState({
 		prop: openProp,
-		defaultProp: defaultOpen,
-		onChange: onOpenChange
+		defaultProp: defaultOpen ?? false,
+		onChange: onOpenChange,
+		caller: POPOVER_NAME
 	});
 	return /* @__PURE__ */ jsx(Root2$1, {
 		...popperScope,
@@ -125,6 +126,7 @@ var PopoverContent = React$1.forwardRef((props, forwardedRef) => {
 	});
 });
 PopoverContent.displayName = CONTENT_NAME;
+var Slot = createSlot("PopoverContent.RemoveScroll");
 var PopoverContentModal = React$1.forwardRef((props, forwardedRef) => {
 	const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
 	const contentRef = React$1.useRef(null);

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

@@ -33,8 +33,11 @@ var PopperAnchor = react.forwardRef((props, forwardedRef) => {
 	const context = usePopperContext(ANCHOR_NAME, __scopePopper);
 	const ref = react.useRef(null);
 	const composedRefs = require_index.useComposedRefs(forwardedRef, ref);
+	const anchorRef = react.useRef(null);
 	react.useEffect(() => {
-		context.onAnchorChange(virtualRef?.current || ref.current);
+		const previousAnchor = anchorRef.current;
+		anchorRef.current = virtualRef?.current || ref.current;
+		if (previousAnchor !== anchorRef.current) context.onAnchorChange(anchorRef.current);
 	});
 	return virtualRef ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.Primitive.div, {
 		...anchorProps,

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

@@ -31,8 +31,11 @@ var PopperAnchor = React$1.forwardRef((props, forwardedRef) => {
 	const context = usePopperContext(ANCHOR_NAME, __scopePopper);
 	const ref = React$1.useRef(null);
 	const composedRefs = useComposedRefs(forwardedRef, ref);
+	const anchorRef = React$1.useRef(null);
 	React$1.useEffect(() => {
-		context.onAnchorChange(virtualRef?.current || ref.current);
+		const previousAnchor = anchorRef.current;
+		anchorRef.current = virtualRef?.current || ref.current;
+		if (previousAnchor !== anchorRef.current) context.onAnchorChange(anchorRef.current);
 	});
 	return virtualRef ? null : /* @__PURE__ */ jsx(Primitive.div, {
 		...anchorProps,

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

@@ -4,8 +4,6 @@ const require_index = require("../../react-compose-refs/dist/index.cjs");
 const require_index$1 = require("../../react-use-layout-effect/dist/index.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
-let react_dom = require("react-dom");
-react_dom = require_runtime.__toESM(react_dom, 1);
 //#region ../../node_modules/@radix-ui/react-presence/dist/index.mjs
 function useStateMachine(initialState, machine) {
 	return react.useReducer((state, event) => {
@@ -22,7 +20,7 @@ var Presence = (props) => {
 Presence.displayName = "Presence";
 function usePresence(present) {
 	const [node, setNode] = react.useState();
-	const stylesRef = react.useRef({});
+	const stylesRef = react.useRef(null);
 	const prevPresentRef = react.useRef(present);
 	const prevAnimationNameRef = react.useRef("none");
 	const [state, send] = useStateMachine(present ? "mounted" : "unmounted", {
@@ -55,9 +53,20 @@ function usePresence(present) {
 	}, [present, send]);
 	require_index$1.useLayoutEffect2(() => {
 		if (node) {
+			let timeoutId;
+			const ownerWindow = node.ownerDocument.defaultView ?? window;
 			const handleAnimationEnd = (event) => {
-				const isCurrentAnimation = getAnimationName(stylesRef.current).includes(event.animationName);
-				if (event.target === node && isCurrentAnimation) react_dom.flushSync(() => send("ANIMATION_END"));
+				const isCurrentAnimation = getAnimationName(stylesRef.current).includes(CSS.escape(event.animationName));
+				if (event.target === node && isCurrentAnimation) {
+					send("ANIMATION_END");
+					if (!prevPresentRef.current) {
+						const currentFillMode = node.style.animationFillMode;
+						node.style.animationFillMode = "forwards";
+						timeoutId = ownerWindow.setTimeout(() => {
+							if (node.style.animationFillMode === "forwards") node.style.animationFillMode = currentFillMode;
+						});
+					}
+				}
 			};
 			const handleAnimationStart = (event) => {
 				if (event.target === node) prevAnimationNameRef.current = getAnimationName(stylesRef.current);
@@ -66,6 +75,7 @@ function usePresence(present) {
 			node.addEventListener("animationcancel", handleAnimationEnd);
 			node.addEventListener("animationend", handleAnimationEnd);
 			return () => {
+				ownerWindow.clearTimeout(timeoutId);
 				node.removeEventListener("animationstart", handleAnimationStart);
 				node.removeEventListener("animationcancel", handleAnimationEnd);
 				node.removeEventListener("animationend", handleAnimationEnd);
@@ -75,7 +85,7 @@ function usePresence(present) {
 	return {
 		isPresent: ["mounted", "unmountSuspended"].includes(state),
 		ref: react.useCallback((node2) => {
-			if (node2) stylesRef.current = getComputedStyle(node2);
+			stylesRef.current = node2 ? getComputedStyle(node2) : null;
 			setNode(node2);
 		}, [])
 	};

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

@@ -2,7 +2,6 @@
 import { useComposedRefs } from "../../react-compose-refs/dist/index.js";
 import { useLayoutEffect2 } from "../../react-use-layout-effect/dist/index.js";
 import * as React2 from "react";
-import * as ReactDOM$1 from "react-dom";
 //#region ../../node_modules/@radix-ui/react-presence/dist/index.mjs
 function useStateMachine(initialState, machine) {
 	return React2.useReducer((state, event) => {
@@ -19,7 +18,7 @@ var Presence = (props) => {
 Presence.displayName = "Presence";
 function usePresence(present) {
 	const [node, setNode] = React2.useState();
-	const stylesRef = React2.useRef({});
+	const stylesRef = React2.useRef(null);
 	const prevPresentRef = React2.useRef(present);
 	const prevAnimationNameRef = React2.useRef("none");
 	const [state, send] = useStateMachine(present ? "mounted" : "unmounted", {
@@ -52,9 +51,20 @@ function usePresence(present) {
 	}, [present, send]);
 	useLayoutEffect2(() => {
 		if (node) {
+			let timeoutId;
+			const ownerWindow = node.ownerDocument.defaultView ?? window;
 			const handleAnimationEnd = (event) => {
-				const isCurrentAnimation = getAnimationName(stylesRef.current).includes(event.animationName);
-				if (event.target === node && isCurrentAnimation) ReactDOM$1.flushSync(() => send("ANIMATION_END"));
+				const isCurrentAnimation = getAnimationName(stylesRef.current).includes(CSS.escape(event.animationName));
+				if (event.target === node && isCurrentAnimation) {
+					send("ANIMATION_END");
+					if (!prevPresentRef.current) {
+						const currentFillMode = node.style.animationFillMode;
+						node.style.animationFillMode = "forwards";
+						timeoutId = ownerWindow.setTimeout(() => {
+							if (node.style.animationFillMode === "forwards") node.style.animationFillMode = currentFillMode;
+						});
+					}
+				}
 			};
 			const handleAnimationStart = (event) => {
 				if (event.target === node) prevAnimationNameRef.current = getAnimationName(stylesRef.current);
@@ -63,6 +73,7 @@ function usePresence(present) {
 			node.addEventListener("animationcancel", handleAnimationEnd);
 			node.addEventListener("animationend", handleAnimationEnd);
 			return () => {
+				ownerWindow.clearTimeout(timeoutId);
 				node.removeEventListener("animationstart", handleAnimationStart);
 				node.removeEventListener("animationcancel", handleAnimationEnd);
 				node.removeEventListener("animationend", handleAnimationEnd);
@@ -72,7 +83,7 @@ function usePresence(present) {
 	return {
 		isPresent: ["mounted", "unmountSuspended"].includes(state),
 		ref: React2.useCallback((node2) => {
-			if (node2) stylesRef.current = getComputedStyle(node2);
+			stylesRef.current = node2 ? getComputedStyle(node2) : null;
 			setNode(node2);
 		}, [])
 	};

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

@@ -20,13 +20,15 @@ var Primitive = [
 	"nav",
 	"ol",
 	"p",
+	"select",
 	"span",
 	"svg",
 	"ul"
 ].reduce((primitive, node) => {
+	const Slot = require_index.createSlot(`Primitive.${node}`);
 	const Node = react.forwardRef((props, forwardedRef) => {
 		const { asChild, ...primitiveProps } = props;
-		const Comp = asChild ? require_index.Slot : node;
+		const Comp = asChild ? Slot : node;
 		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 			...primitiveProps,

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

@@ -1,4 +1,4 @@
-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 * as ReactDOM$1 from "react-dom";
@@ -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-progress/dist/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../react-context/dist/index.cjs");
-const require_index$1 = require("../../react-primitive/dist/index.cjs");
+const require_index = require("../node_modules/@radix-ui/react-context/dist/index.cjs");
+const require_index$1 = require("../node_modules/@radix-ui/react-primitive/dist/index.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);

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

@@ -1,6 +1,6 @@
 "use client";
-import { createContextScope } from "../../react-context/dist/index.js";
-import { Primitive } from "../../react-primitive/dist/index.js";
+import { createContextScope } from "../node_modules/@radix-ui/react-context/dist/index.js";
+import { Primitive } from "../node_modules/@radix-ui/react-primitive/dist/index.js";
 import { jsx } from "react/jsx-runtime";
 import * as React$1 from "react";
 //#region ../../node_modules/@radix-ui/react-progress/dist/index.mjs

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

@@ -2,11 +2,12 @@ const require_runtime = require("../../../../../../../_virtual/_rolldown/runtime
 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-context/dist/index.mjs
+//#region ../../node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-context/dist/index.mjs
 function createContextScope(scopeName, createContextScopeDeps = []) {
 	let defaultContexts = [];
 	function createContext3(rootComponentName, defaultContext) {
 		const BaseContext = react.createContext(defaultContext);
+		BaseContext.displayName = rootComponentName + "Context";
 		const index = defaultContexts.length;
 		defaultContexts = [...defaultContexts, defaultContext];
 		const Provider = (props) => {

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

@@ -1,10 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import * as React$1 from "react";
-//#region ../../node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-context/dist/index.mjs
+//#region ../../node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-context/dist/index.mjs
 function createContextScope(scopeName, createContextScopeDeps = []) {
 	let defaultContexts = [];
 	function createContext3(rootComponentName, defaultContext) {
 		const BaseContext = React$1.createContext(defaultContext);
+		BaseContext.displayName = rootComponentName + "Context";
 		const index = defaultContexts.length;
 		defaultContexts = [...defaultContexts, defaultContext];
 		const Provider = (props) => {

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

@@ -5,7 +5,7 @@ let react = require("react");
 react = require_runtime.__toESM(react, 1);
 let react_dom = require("react-dom");
 react_dom = require_runtime.__toESM(react_dom, 1);
-//#region ../../node_modules/@radix-ui/react-slider/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",