react-aria-components 1.16.0 → 1.18.0

package/dist/private/Separator.js

@@ -0,0 +1,65 @@
+import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415} from "./utils.js";
+import {useSeparator as $6vd2a$useSeparator} from "react-aria/useSeparator";
+import {CollectionNode as $6vd2a$CollectionNode} from "react-aria/private/collections/BaseCollection";
+import {createLeafComponent as $6vd2a$createLeafComponent} from "react-aria/CollectionBuilder";
+import {filterDOMProps as $6vd2a$filterDOMProps} from "react-aria/filterDOMProps";
+import {mergeProps as $6vd2a$mergeProps} from "react-aria/mergeProps";
+import $6vd2a$react, {createContext as $6vd2a$createContext} from "react";
+
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+const $469f9b725520971a$export$6615d83f6de245ce = /*#__PURE__*/ (0, $6vd2a$createContext)({});
+class $469f9b725520971a$export$7750289ca694c0b5 extends (0, $6vd2a$CollectionNode) {
+    filter(collection, newCollection) {
+        let prevItem = newCollection.getItem(this.prevKey);
+        if (prevItem && prevItem.type !== 'separator') {
+            let clone = this.clone();
+            newCollection.addDescendants(clone, collection);
+            return clone;
+        }
+        return null;
+    }
+}
+$469f9b725520971a$export$7750289ca694c0b5.type = 'separator';
+const $469f9b725520971a$export$1ff3c3f08ae963c0 = /*#__PURE__*/ (0, $6vd2a$createLeafComponent)($469f9b725520971a$export$7750289ca694c0b5, function Separator(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $469f9b725520971a$export$6615d83f6de245ce);
+    let { elementType: elementType, orientation: orientation, style: style, className: className, slot: slot, ...otherProps } = props;
+    let Element = elementType || 'hr';
+    if (Element === 'hr' && orientation === 'vertical') Element = 'div';
+    let ElementType = (0, $b7b7a92703138c9b$export$df3a06d6289f983e)[Element];
+    let { separatorProps: separatorProps } = (0, $6vd2a$useSeparator)({
+        ...otherProps,
+        elementType: elementType,
+        orientation: orientation
+    });
+    let DOMProps = (0, $6vd2a$filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $6vd2a$react).createElement(ElementType, {
+        render: props.render,
+        ...(0, $6vd2a$mergeProps)(DOMProps, separatorProps),
+        style: style,
+        className: className !== null && className !== void 0 ? className : 'react-aria-Separator',
+        ref: ref,
+        slot: slot || undefined
+    });
+});
+
+
+export {$469f9b725520971a$export$6615d83f6de245ce as SeparatorContext, $469f9b725520971a$export$7750289ca694c0b5 as SeparatorNode, $469f9b725520971a$export$1ff3c3f08ae963c0 as Separator};
+//# sourceMappingURL=Separator.js.map

package/dist/private/Separator.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA4BM,MAAM,0DAAmB,CAAA,GAAA,oBAAY,EAA6C,CAAC;AAEnF,MAAM,kDAAsB,CAAA,GAAA,qBAAa;IAG9C,OACE,UAA+B,EAC/B,aAAkC,EACN;QAC5B,IAAI,WAAW,cAAc,OAAO,CAAC,IAAI,CAAC,OAAO;QACjD,IAAI,YAAY,SAAS,IAAI,KAAK,aAAa;YAC7C,IAAI,QAAQ,IAAI,CAAC,KAAK;YACtB,cAAc,cAAc,CAAC,OAAO;YACpC,OAAO;QACT;QAEA,OAAO;IACT;AACF;AAhBa,0CACK,OAAO;AAqBlB,MAAM,4CAAY,WAAW,GAAG,CAAA,GAAA,0BAAkB,EACvD,2CACA,SAAS,UAAU,KAAqB,EAAE,GAA8B;IACtE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAE3C,IAAI,eAAC,WAAW,eAAE,WAAW,SAAE,KAAK,aAAE,SAAS,QAAE,IAAI,EAAE,GAAG,YAAW,GAAG;IACxE,IAAI,UAAU,eAAe;IAC7B,IAAI,YAAY,QAAQ,gBAAgB,YACtC,UAAU;IAGZ,IAAI,cAAc,CAAA,GAAA,yCAAE,CAAC,CAAC,QAAQ;IAE9B,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;QAClC,GAAG,UAAU;qBACb;qBACA;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAElD,qBACE,gCAAC;QACC,QAAQ,MAAM,MAAM;QACnB,GAAG,CAAA,GAAA,iBAAS,EAAE,UAAU,eAAe;QACxC,OAAO;QACP,WAAW,sBAAA,uBAAA,YAAa;QACxB,KAAK;QACL,MAAM,QAAQ;;AAGpB","sources":["packages/react-aria-components/src/Separator.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {SeparatorProps as AriaSeparatorProps, useSeparator} from 'react-aria/useSeparator';\n\nimport {BaseCollection, CollectionNode} from 'react-aria/private/collections/BaseCollection';\nimport {ContextValue, dom, DOMRenderProps, SlotProps, StyleProps, useContextProps} from './utils';\nimport {createLeafComponent} from 'react-aria/CollectionBuilder';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {GlobalDOMAttributes} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef} from 'react';\n\nexport interface SeparatorProps\n  extends\n    AriaSeparatorProps,\n    StyleProps,\n    SlotProps,\n    DOMRenderProps<'hr' | 'div', undefined>,\n    GlobalDOMAttributes<HTMLElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element.\n   *\n   * @default 'react-aria-Separator'\n   */\n  className?: string;\n}\n\nexport const SeparatorContext = createContext<ContextValue<SeparatorProps, HTMLElement>>({});\n\nexport class SeparatorNode extends CollectionNode<any> {\n  static readonly type = 'separator';\n\n  filter(\n    collection: BaseCollection<any>,\n    newCollection: BaseCollection<any>\n  ): CollectionNode<any> | null {\n    let prevItem = newCollection.getItem(this.prevKey!);\n    if (prevItem && prevItem.type !== 'separator') {\n      let clone = this.clone();\n      newCollection.addDescendants(clone, collection);\n      return clone;\n    }\n\n    return null;\n  }\n}\n\n/**\n * A separator is a visual divider between two groups of content, e.g. groups of menu items or\n * sections of a page.\n */\nexport const Separator = /*#__PURE__*/ createLeafComponent(\n  SeparatorNode,\n  function Separator(props: SeparatorProps, ref: ForwardedRef<HTMLElement>) {\n    [props, ref] = useContextProps(props, ref, SeparatorContext);\n\n    let {elementType, orientation, style, className, slot, ...otherProps} = props;\n    let Element = elementType || 'hr';\n    if (Element === 'hr' && orientation === 'vertical') {\n      Element = 'div';\n    }\n\n    let ElementType = dom[Element];\n\n    let {separatorProps} = useSeparator({\n      ...otherProps,\n      elementType,\n      orientation\n    });\n\n    let DOMProps = filterDOMProps(props, {global: true});\n\n    return (\n      <ElementType\n        render={props.render}\n        {...mergeProps(DOMProps, separatorProps)}\n        style={style}\n        className={className ?? 'react-aria-Separator'}\n        ref={ref}\n        slot={slot || undefined}\n      />\n    );\n  }\n);\n"],"names":[],"version":3,"file":"Separator.js.map"}

package/dist/private/Separator.mjs

@@ -0,0 +1,67 @@
+import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415} from "./utils.mjs";
+import {useSeparator as $adn6H$useSeparator} from "react-aria/useSeparator";
+import {CollectionNode as $adn6H$CollectionNode} from "react-aria/private/collections/BaseCollection";
+import {createLeafComponent as $adn6H$createLeafComponent} from "react-aria/CollectionBuilder";
+import {filterDOMProps as $adn6H$filterDOMProps} from "react-aria/filterDOMProps";
+import {mergeProps as $adn6H$mergeProps} from "react-aria/mergeProps";
+import $adn6H$react, {createContext as $adn6H$createContext} from "react";
+
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+const $e28ab3efe3e87743$export$6615d83f6de245ce = /*#__PURE__*/ (0, $adn6H$createContext)({});
+class $e28ab3efe3e87743$export$7750289ca694c0b5 extends (0, $adn6H$CollectionNode) {
+    static{
+        this.type = 'separator';
+    }
+    filter(collection, newCollection) {
+        let prevItem = newCollection.getItem(this.prevKey);
+        if (prevItem && prevItem.type !== 'separator') {
+            let clone = this.clone();
+            newCollection.addDescendants(clone, collection);
+            return clone;
+        }
+        return null;
+    }
+}
+const $e28ab3efe3e87743$export$1ff3c3f08ae963c0 = /*#__PURE__*/ (0, $adn6H$createLeafComponent)($e28ab3efe3e87743$export$7750289ca694c0b5, function Separator(props, ref) {
+    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $e28ab3efe3e87743$export$6615d83f6de245ce);
+    let { elementType: elementType, orientation: orientation, style: style, className: className, slot: slot, ...otherProps } = props;
+    let Element = elementType || 'hr';
+    if (Element === 'hr' && orientation === 'vertical') Element = 'div';
+    let ElementType = (0, $7230ffa83bc0c2cf$export$df3a06d6289f983e)[Element];
+    let { separatorProps: separatorProps } = (0, $adn6H$useSeparator)({
+        ...otherProps,
+        elementType: elementType,
+        orientation: orientation
+    });
+    let DOMProps = (0, $adn6H$filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $adn6H$react).createElement(ElementType, {
+        render: props.render,
+        ...(0, $adn6H$mergeProps)(DOMProps, separatorProps),
+        style: style,
+        className: className ?? 'react-aria-Separator',
+        ref: ref,
+        slot: slot || undefined
+    });
+});
+
+
+export {$e28ab3efe3e87743$export$6615d83f6de245ce as SeparatorContext, $e28ab3efe3e87743$export$7750289ca694c0b5 as SeparatorNode, $e28ab3efe3e87743$export$1ff3c3f08ae963c0 as Separator};
+//# sourceMappingURL=Separator.mjs.map

package/dist/private/Separator.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA4BM,MAAM,0DAAmB,CAAA,GAAA,oBAAY,EAA6C,CAAC;AAEnF,MAAM,kDAAsB,CAAA,GAAA,qBAAa;;aAC9B,OAAO;;IAEvB,OACE,UAA+B,EAC/B,aAAkC,EACN;QAC5B,IAAI,WAAW,cAAc,OAAO,CAAC,IAAI,CAAC,OAAO;QACjD,IAAI,YAAY,SAAS,IAAI,KAAK,aAAa;YAC7C,IAAI,QAAQ,IAAI,CAAC,KAAK;YACtB,cAAc,cAAc,CAAC,OAAO;YACpC,OAAO;QACT;QAEA,OAAO;IACT;AACF;AAMO,MAAM,4CAAY,WAAW,GAAG,CAAA,GAAA,0BAAkB,EACvD,2CACA,SAAS,UAAU,KAAqB,EAAE,GAA8B;IACtE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAE3C,IAAI,eAAC,WAAW,eAAE,WAAW,SAAE,KAAK,aAAE,SAAS,QAAE,IAAI,EAAE,GAAG,YAAW,GAAG;IACxE,IAAI,UAAU,eAAe;IAC7B,IAAI,YAAY,QAAQ,gBAAgB,YACtC,UAAU;IAGZ,IAAI,cAAc,CAAA,GAAA,yCAAE,CAAC,CAAC,QAAQ;IAE9B,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;QAClC,GAAG,UAAU;qBACb;qBACA;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAElD,qBACE,gCAAC;QACC,QAAQ,MAAM,MAAM;QACnB,GAAG,CAAA,GAAA,iBAAS,EAAE,UAAU,eAAe;QACxC,OAAO;QACP,WAAW,aAAa;QACxB,KAAK;QACL,MAAM,QAAQ;;AAGpB","sources":["packages/react-aria-components/src/Separator.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {SeparatorProps as AriaSeparatorProps, useSeparator} from 'react-aria/useSeparator';\n\nimport {BaseCollection, CollectionNode} from 'react-aria/private/collections/BaseCollection';\nimport {ContextValue, dom, DOMRenderProps, SlotProps, StyleProps, useContextProps} from './utils';\nimport {createLeafComponent} from 'react-aria/CollectionBuilder';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {GlobalDOMAttributes} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef} from 'react';\n\nexport interface SeparatorProps\n  extends\n    AriaSeparatorProps,\n    StyleProps,\n    SlotProps,\n    DOMRenderProps<'hr' | 'div', undefined>,\n    GlobalDOMAttributes<HTMLElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element.\n   *\n   * @default 'react-aria-Separator'\n   */\n  className?: string;\n}\n\nexport const SeparatorContext = createContext<ContextValue<SeparatorProps, HTMLElement>>({});\n\nexport class SeparatorNode extends CollectionNode<any> {\n  static readonly type = 'separator';\n\n  filter(\n    collection: BaseCollection<any>,\n    newCollection: BaseCollection<any>\n  ): CollectionNode<any> | null {\n    let prevItem = newCollection.getItem(this.prevKey!);\n    if (prevItem && prevItem.type !== 'separator') {\n      let clone = this.clone();\n      newCollection.addDescendants(clone, collection);\n      return clone;\n    }\n\n    return null;\n  }\n}\n\n/**\n * A separator is a visual divider between two groups of content, e.g. groups of menu items or\n * sections of a page.\n */\nexport const Separator = /*#__PURE__*/ createLeafComponent(\n  SeparatorNode,\n  function Separator(props: SeparatorProps, ref: ForwardedRef<HTMLElement>) {\n    [props, ref] = useContextProps(props, ref, SeparatorContext);\n\n    let {elementType, orientation, style, className, slot, ...otherProps} = props;\n    let Element = elementType || 'hr';\n    if (Element === 'hr' && orientation === 'vertical') {\n      Element = 'div';\n    }\n\n    let ElementType = dom[Element];\n\n    let {separatorProps} = useSeparator({\n      ...otherProps,\n      elementType,\n      orientation\n    });\n\n    let DOMProps = filterDOMProps(props, {global: true});\n\n    return (\n      <ElementType\n        render={props.render}\n        {...mergeProps(DOMProps, separatorProps)}\n        style={style}\n        className={className ?? 'react-aria-Separator'}\n        ref={ref}\n        slot={slot || undefined}\n      />\n    );\n  }\n);\n"],"names":[],"version":3,"file":"Separator.mjs.map"}

package/dist/private/SharedElementTransition.cjs

@@ -0,0 +1,140 @@
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $hIb80$reactdom = require("react-dom");
+var $hIb80$react = require("react");
+var $hIb80$reactariaprivateutilsuseLayoutEffect = require("react-aria/private/utils/useLayoutEffect");
+var $hIb80$reactariauseObjectRef = require("react-aria/useObjectRef");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "SharedElementTransition", function () { return $9a60bd90621ebc78$export$758399f318e6385a; });
+$parcel$export(module.exports, "SharedElement", function () { return $9a60bd90621ebc78$export$c34620ff8881d89f; });
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+const $9a60bd90621ebc78$var$SharedElementContext = /*#__PURE__*/ (0, $hIb80$react.createContext)(null);
+function $9a60bd90621ebc78$export$758399f318e6385a(props) {
+    let ref = (0, $hIb80$react.useRef)({});
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($hIb80$react))).createElement($9a60bd90621ebc78$var$SharedElementContext.Provider, {
+        value: ref
+    }, props.children);
+}
+const $9a60bd90621ebc78$export$c34620ff8881d89f = /*#__PURE__*/ (0, $hIb80$react.forwardRef)(function SharedElement(props, ref) {
+    let { name: name, isVisible: isVisible = true, children: children, className: className, style: style, render: render, ...divProps } = props;
+    let [state, setState] = (0, $hIb80$react.useState)(isVisible ? 'visible' : 'hidden');
+    let scopeRef = (0, $hIb80$react.useContext)($9a60bd90621ebc78$var$SharedElementContext);
+    if (!scopeRef) throw new Error('<SharedElement> must be rendered inside a <SharedElementTransition>');
+    if (isVisible && state === 'hidden') setState('visible');
+    ref = (0, $hIb80$reactariauseObjectRef.useObjectRef)(ref);
+    (0, $hIb80$reactariaprivateutilsuseLayoutEffect.useLayoutEffect)(()=>{
+        let element = ref.current;
+        let scope = scopeRef.current;
+        let prevSnapshot = scope[name];
+        let frame = null;
+        if (element && isVisible && prevSnapshot) {
+            // Element is transitioning from a previous instance.
+            setState('visible');
+            let animations = element.getAnimations();
+            // Set properties to animate from.
+            let values = prevSnapshot.style.map(([property, prevValue])=>{
+                let value = element.style[property];
+                if (property === 'translate') {
+                    let prevRect = prevSnapshot.rect;
+                    let currentItem = element.getBoundingClientRect();
+                    let deltaX = prevRect.left - currentItem?.left;
+                    let deltaY = prevRect.top - currentItem?.top;
+                    element.style.translate = `${deltaX}px ${deltaY}px`;
+                } else element.style[property] = prevValue;
+                return [
+                    property,
+                    value
+                ];
+            });
+            // Cancel any new animations triggered by these properties.
+            for (let a of element.getAnimations())if (!animations.includes(a)) a.cancel();
+            // Remove overrides after one frame to animate to the current values.
+            frame = requestAnimationFrame(()=>{
+                frame = null;
+                for (let [property, value] of values)element.style[property] = value;
+            });
+            delete scope[name];
+        } else if (element && isVisible && !prevSnapshot) {
+            // No previous instance exists, apply the entering state.
+            queueMicrotask(()=>(0, $hIb80$reactdom.flushSync)(()=>setState('entering')));
+            frame = requestAnimationFrame(()=>{
+                frame = null;
+                setState('visible');
+            });
+        } else if (element && !isVisible) // Wait until layout effects finish, and check if a snapshot still exists.
+        // If so, no new SharedElement consumed it, so enter the exiting state.
+        queueMicrotask(()=>{
+            if (scope[name]) {
+                delete scope[name];
+                (0, $hIb80$reactdom.flushSync)(()=>setState('exiting'));
+                Promise.all(element.getAnimations().map((a)=>a.finished)).then(()=>setState('hidden')).catch(()=>{});
+            } else // Snapshot was consumed by another instance, unmount.
+            setState('hidden');
+        });
+        return ()=>{
+            if (frame != null) cancelAnimationFrame(frame);
+            if (element && element.isConnected && !element.hasAttribute('data-exiting')) {
+                // On unmount, store a snapshot of the rectangle and computed style for transitioning properties.
+                let style = window.getComputedStyle(element);
+                if (style.transitionProperty !== 'none') {
+                    let transitionProperty = style.transitionProperty.split(/\s*,\s*/);
+                    scope[name] = {
+                        rect: element.getBoundingClientRect(),
+                        style: transitionProperty.map((p)=>[
+                                p,
+                                style[p]
+                            ])
+                    };
+                }
+            }
+        };
+    }, [
+        ref,
+        scopeRef,
+        name,
+        isVisible
+    ]);
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        children: children,
+        className: className,
+        style: style,
+        render: render,
+        values: {
+            isEntering: state === 'entering',
+            isExiting: state === 'exiting'
+        }
+    });
+    if (state === 'hidden') return null;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($hIb80$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...divProps,
+        ...renderProps,
+        ref: ref,
+        "data-entering": state === 'entering' || undefined,
+        "data-exiting": state === 'exiting' || undefined
+    });
+});
+
+
+//# sourceMappingURL=SharedElementTransition.cjs.map

package/dist/private/SharedElementTransition.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/SharedElementTransition.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {dom, RenderProps, useRenderProps} from './utils';\nimport {flushSync} from 'react-dom';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useContext,\n  useRef,\n  useState\n} from 'react';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\ninterface Snapshot {\n  rect: DOMRect;\n  style: [string, string][];\n}\n\nconst SharedElementContext = createContext<RefObject<{[name: string]: Snapshot}> | null>(null);\n\nexport interface SharedElementTransitionProps {\n  children: ReactNode;\n}\n\n/**\n * A scope for SharedElements, which animate between parents.\n */\nexport function SharedElementTransition(props: SharedElementTransitionProps) {\n  let ref = useRef({});\n  return (\n    <SharedElementContext.Provider value={ref}>{props.children}</SharedElementContext.Provider>\n  );\n}\n\nexport interface SharedElementRenderProps {\n  /**\n   * Whether the element is currently entering.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the element is currently exiting.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n}\n\nexport interface SharedElementPropsBase\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>,\n    RenderProps<SharedElementRenderProps> {}\n\nexport interface SharedElementProps extends SharedElementPropsBase {\n  name: string;\n  isVisible?: boolean;\n}\n\n/**\n * An element that animates between its old and new position when moving between parents.\n */\nexport const SharedElement = forwardRef(function SharedElement(\n  props: SharedElementProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let {name, isVisible = true, children, className, style, render, ...divProps} = props;\n  let [state, setState] = useState(isVisible ? 'visible' : 'hidden');\n  let scopeRef = useContext(SharedElementContext);\n  if (!scopeRef) {\n    throw new Error('<SharedElement> must be rendered inside a <SharedElementTransition>');\n  }\n\n  if (isVisible && state === 'hidden') {\n    setState('visible');\n  }\n\n  ref = useObjectRef(ref);\n  useLayoutEffect(() => {\n    let element = ref.current;\n    let scope = scopeRef.current;\n    let prevSnapshot = scope[name];\n    let frame: number | null = null;\n\n    if (element && isVisible && prevSnapshot) {\n      // Element is transitioning from a previous instance.\n      setState('visible');\n      let animations = element.getAnimations();\n\n      // Set properties to animate from.\n      let values = prevSnapshot.style.map(([property, prevValue]) => {\n        let value = element.style[property];\n        if (property === 'translate') {\n          let prevRect = prevSnapshot.rect;\n          let currentItem = element.getBoundingClientRect();\n          let deltaX = prevRect.left - currentItem?.left;\n          let deltaY = prevRect.top - currentItem?.top;\n          element.style.translate = `${deltaX}px ${deltaY}px`;\n        } else {\n          element.style[property] = prevValue;\n        }\n        return [property, value];\n      });\n\n      // Cancel any new animations triggered by these properties.\n      for (let a of element.getAnimations()) {\n        if (!animations.includes(a)) {\n          a.cancel();\n        }\n      }\n\n      // Remove overrides after one frame to animate to the current values.\n      frame = requestAnimationFrame(() => {\n        frame = null;\n        for (let [property, value] of values) {\n          element.style[property] = value;\n        }\n      });\n\n      delete scope[name];\n    } else if (element && isVisible && !prevSnapshot) {\n      // No previous instance exists, apply the entering state.\n      queueMicrotask(() => flushSync(() => setState('entering')));\n      frame = requestAnimationFrame(() => {\n        frame = null;\n        setState('visible');\n      });\n    } else if (element && !isVisible) {\n      // Wait until layout effects finish, and check if a snapshot still exists.\n      // If so, no new SharedElement consumed it, so enter the exiting state.\n      queueMicrotask(() => {\n        if (scope[name]) {\n          delete scope[name];\n          flushSync(() => setState('exiting'));\n          Promise.all(element.getAnimations().map(a => a.finished))\n            .then(() => setState('hidden'))\n            .catch(() => {});\n        } else {\n          // Snapshot was consumed by another instance, unmount.\n          setState('hidden');\n        }\n      });\n    }\n\n    return () => {\n      if (frame != null) {\n        cancelAnimationFrame(frame);\n      }\n\n      if (element && element.isConnected && !element.hasAttribute('data-exiting')) {\n        // On unmount, store a snapshot of the rectangle and computed style for transitioning properties.\n        let style = window.getComputedStyle(element);\n        if (style.transitionProperty !== 'none') {\n          let transitionProperty = style.transitionProperty.split(/\\s*,\\s*/);\n          scope[name] = {\n            rect: element.getBoundingClientRect(),\n            style: transitionProperty.map(p => [p, style[p]])\n          };\n        }\n      }\n    };\n  }, [ref, scopeRef, name, isVisible]);\n\n  let renderProps = useRenderProps({\n    children,\n    className,\n    style,\n    render,\n    values: {\n      isEntering: state === 'entering',\n      isExiting: state === 'exiting'\n    }\n  });\n\n  if (state === 'hidden') {\n    return null;\n  }\n\n  return (\n    <dom.div\n      {...divProps}\n      {...renderProps}\n      ref={ref}\n      data-entering={state === 'entering' || undefined}\n      data-exiting={state === 'exiting' || undefined}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"SharedElementTransition.cjs.map"}

package/dist/private/SharedElementTransition.js

@@ -0,0 +1,130 @@
+import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3} from "./utils.js";
+import {flushSync as $3qGVM$flushSync} from "react-dom";
+import $3qGVM$react, {createContext as $3qGVM$createContext, useRef as $3qGVM$useRef, forwardRef as $3qGVM$forwardRef, useState as $3qGVM$useState, useContext as $3qGVM$useContext} from "react";
+import {useLayoutEffect as $3qGVM$useLayoutEffect} from "react-aria/private/utils/useLayoutEffect";
+import {useObjectRef as $3qGVM$useObjectRef} from "react-aria/useObjectRef";
+
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+const $347bc273c4058e94$var$SharedElementContext = /*#__PURE__*/ (0, $3qGVM$createContext)(null);
+function $347bc273c4058e94$export$758399f318e6385a(props) {
+    let ref = (0, $3qGVM$useRef)({});
+    return /*#__PURE__*/ (0, $3qGVM$react).createElement($347bc273c4058e94$var$SharedElementContext.Provider, {
+        value: ref
+    }, props.children);
+}
+const $347bc273c4058e94$export$c34620ff8881d89f = /*#__PURE__*/ (0, $3qGVM$forwardRef)(function SharedElement(props, ref) {
+    let { name: name, isVisible: isVisible = true, children: children, className: className, style: style, render: render, ...divProps } = props;
+    let [state, setState] = (0, $3qGVM$useState)(isVisible ? 'visible' : 'hidden');
+    let scopeRef = (0, $3qGVM$useContext)($347bc273c4058e94$var$SharedElementContext);
+    if (!scopeRef) throw new Error('<SharedElement> must be rendered inside a <SharedElementTransition>');
+    if (isVisible && state === 'hidden') setState('visible');
+    ref = (0, $3qGVM$useObjectRef)(ref);
+    (0, $3qGVM$useLayoutEffect)(()=>{
+        let element = ref.current;
+        let scope = scopeRef.current;
+        let prevSnapshot = scope[name];
+        let frame = null;
+        if (element && isVisible && prevSnapshot) {
+            // Element is transitioning from a previous instance.
+            setState('visible');
+            let animations = element.getAnimations();
+            // Set properties to animate from.
+            let values = prevSnapshot.style.map(([property, prevValue])=>{
+                let value = element.style[property];
+                if (property === 'translate') {
+                    let prevRect = prevSnapshot.rect;
+                    let currentItem = element.getBoundingClientRect();
+                    let deltaX = prevRect.left - (currentItem === null || currentItem === void 0 ? void 0 : currentItem.left);
+                    let deltaY = prevRect.top - (currentItem === null || currentItem === void 0 ? void 0 : currentItem.top);
+                    element.style.translate = `${deltaX}px ${deltaY}px`;
+                } else element.style[property] = prevValue;
+                return [
+                    property,
+                    value
+                ];
+            });
+            // Cancel any new animations triggered by these properties.
+            for (let a of element.getAnimations())if (!animations.includes(a)) a.cancel();
+            // Remove overrides after one frame to animate to the current values.
+            frame = requestAnimationFrame(()=>{
+                frame = null;
+                for (let [property, value] of values)element.style[property] = value;
+            });
+            delete scope[name];
+        } else if (element && isVisible && !prevSnapshot) {
+            // No previous instance exists, apply the entering state.
+            queueMicrotask(()=>(0, $3qGVM$flushSync)(()=>setState('entering')));
+            frame = requestAnimationFrame(()=>{
+                frame = null;
+                setState('visible');
+            });
+        } else if (element && !isVisible) // Wait until layout effects finish, and check if a snapshot still exists.
+        // If so, no new SharedElement consumed it, so enter the exiting state.
+        queueMicrotask(()=>{
+            if (scope[name]) {
+                delete scope[name];
+                (0, $3qGVM$flushSync)(()=>setState('exiting'));
+                Promise.all(element.getAnimations().map((a)=>a.finished)).then(()=>setState('hidden')).catch(()=>{});
+            } else // Snapshot was consumed by another instance, unmount.
+            setState('hidden');
+        });
+        return ()=>{
+            if (frame != null) cancelAnimationFrame(frame);
+            if (element && element.isConnected && !element.hasAttribute('data-exiting')) {
+                // On unmount, store a snapshot of the rectangle and computed style for transitioning properties.
+                let style = window.getComputedStyle(element);
+                if (style.transitionProperty !== 'none') {
+                    let transitionProperty = style.transitionProperty.split(/\s*,\s*/);
+                    scope[name] = {
+                        rect: element.getBoundingClientRect(),
+                        style: transitionProperty.map((p)=>[
+                                p,
+                                style[p]
+                            ])
+                    };
+                }
+            }
+        };
+    }, [
+        ref,
+        scopeRef,
+        name,
+        isVisible
+    ]);
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        children: children,
+        className: className,
+        style: style,
+        render: render,
+        values: {
+            isEntering: state === 'entering',
+            isExiting: state === 'exiting'
+        }
+    });
+    if (state === 'hidden') return null;
+    return /*#__PURE__*/ (0, $3qGVM$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...divProps,
+        ...renderProps,
+        ref: ref,
+        "data-entering": state === 'entering' || undefined,
+        "data-exiting": state === 'exiting' || undefined
+    });
+});
+
+
+export {$347bc273c4058e94$export$758399f318e6385a as SharedElementTransition, $347bc273c4058e94$export$c34620ff8881d89f as SharedElement};
+//# sourceMappingURL=SharedElementTransition.js.map

package/dist/private/SharedElementTransition.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/SharedElementTransition.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {dom, RenderProps, useRenderProps} from './utils';\nimport {flushSync} from 'react-dom';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useContext,\n  useRef,\n  useState\n} from 'react';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\ninterface Snapshot {\n  rect: DOMRect;\n  style: [string, string][];\n}\n\nconst SharedElementContext = createContext<RefObject<{[name: string]: Snapshot}> | null>(null);\n\nexport interface SharedElementTransitionProps {\n  children: ReactNode;\n}\n\n/**\n * A scope for SharedElements, which animate between parents.\n */\nexport function SharedElementTransition(props: SharedElementTransitionProps) {\n  let ref = useRef({});\n  return (\n    <SharedElementContext.Provider value={ref}>{props.children}</SharedElementContext.Provider>\n  );\n}\n\nexport interface SharedElementRenderProps {\n  /**\n   * Whether the element is currently entering.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the element is currently exiting.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n}\n\nexport interface SharedElementPropsBase\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>,\n    RenderProps<SharedElementRenderProps> {}\n\nexport interface SharedElementProps extends SharedElementPropsBase {\n  name: string;\n  isVisible?: boolean;\n}\n\n/**\n * An element that animates between its old and new position when moving between parents.\n */\nexport const SharedElement = forwardRef(function SharedElement(\n  props: SharedElementProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let {name, isVisible = true, children, className, style, render, ...divProps} = props;\n  let [state, setState] = useState(isVisible ? 'visible' : 'hidden');\n  let scopeRef = useContext(SharedElementContext);\n  if (!scopeRef) {\n    throw new Error('<SharedElement> must be rendered inside a <SharedElementTransition>');\n  }\n\n  if (isVisible && state === 'hidden') {\n    setState('visible');\n  }\n\n  ref = useObjectRef(ref);\n  useLayoutEffect(() => {\n    let element = ref.current;\n    let scope = scopeRef.current;\n    let prevSnapshot = scope[name];\n    let frame: number | null = null;\n\n    if (element && isVisible && prevSnapshot) {\n      // Element is transitioning from a previous instance.\n      setState('visible');\n      let animations = element.getAnimations();\n\n      // Set properties to animate from.\n      let values = prevSnapshot.style.map(([property, prevValue]) => {\n        let value = element.style[property];\n        if (property === 'translate') {\n          let prevRect = prevSnapshot.rect;\n          let currentItem = element.getBoundingClientRect();\n          let deltaX = prevRect.left - currentItem?.left;\n          let deltaY = prevRect.top - currentItem?.top;\n          element.style.translate = `${deltaX}px ${deltaY}px`;\n        } else {\n          element.style[property] = prevValue;\n        }\n        return [property, value];\n      });\n\n      // Cancel any new animations triggered by these properties.\n      for (let a of element.getAnimations()) {\n        if (!animations.includes(a)) {\n          a.cancel();\n        }\n      }\n\n      // Remove overrides after one frame to animate to the current values.\n      frame = requestAnimationFrame(() => {\n        frame = null;\n        for (let [property, value] of values) {\n          element.style[property] = value;\n        }\n      });\n\n      delete scope[name];\n    } else if (element && isVisible && !prevSnapshot) {\n      // No previous instance exists, apply the entering state.\n      queueMicrotask(() => flushSync(() => setState('entering')));\n      frame = requestAnimationFrame(() => {\n        frame = null;\n        setState('visible');\n      });\n    } else if (element && !isVisible) {\n      // Wait until layout effects finish, and check if a snapshot still exists.\n      // If so, no new SharedElement consumed it, so enter the exiting state.\n      queueMicrotask(() => {\n        if (scope[name]) {\n          delete scope[name];\n          flushSync(() => setState('exiting'));\n          Promise.all(element.getAnimations().map(a => a.finished))\n            .then(() => setState('hidden'))\n            .catch(() => {});\n        } else {\n          // Snapshot was consumed by another instance, unmount.\n          setState('hidden');\n        }\n      });\n    }\n\n    return () => {\n      if (frame != null) {\n        cancelAnimationFrame(frame);\n      }\n\n      if (element && element.isConnected && !element.hasAttribute('data-exiting')) {\n        // On unmount, store a snapshot of the rectangle and computed style for transitioning properties.\n        let style = window.getComputedStyle(element);\n        if (style.transitionProperty !== 'none') {\n          let transitionProperty = style.transitionProperty.split(/\\s*,\\s*/);\n          scope[name] = {\n            rect: element.getBoundingClientRect(),\n            style: transitionProperty.map(p => [p, style[p]])\n          };\n        }\n      }\n    };\n  }, [ref, scopeRef, name, isVisible]);\n\n  let renderProps = useRenderProps({\n    children,\n    className,\n    style,\n    render,\n    values: {\n      isEntering: state === 'entering',\n      isExiting: state === 'exiting'\n    }\n  });\n\n  if (state === 'hidden') {\n    return null;\n  }\n\n  return (\n    <dom.div\n      {...divProps}\n      {...renderProps}\n      ref={ref}\n      data-entering={state === 'entering' || undefined}\n      data-exiting={state === 'exiting' || undefined}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"SharedElementTransition.js.map"}

package/dist/private/SharedElementTransition.mjs

@@ -0,0 +1,130 @@
+import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from "./utils.mjs";
+import {flushSync as $3Lq00$flushSync} from "react-dom";
+import $3Lq00$react, {createContext as $3Lq00$createContext, useRef as $3Lq00$useRef, forwardRef as $3Lq00$forwardRef, useState as $3Lq00$useState, useContext as $3Lq00$useContext} from "react";
+import {useLayoutEffect as $3Lq00$useLayoutEffect} from "react-aria/private/utils/useLayoutEffect";
+import {useObjectRef as $3Lq00$useObjectRef} from "react-aria/useObjectRef";
+
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+const $792f28e438b9ad5f$var$SharedElementContext = /*#__PURE__*/ (0, $3Lq00$createContext)(null);
+function $792f28e438b9ad5f$export$758399f318e6385a(props) {
+    let ref = (0, $3Lq00$useRef)({});
+    return /*#__PURE__*/ (0, $3Lq00$react).createElement($792f28e438b9ad5f$var$SharedElementContext.Provider, {
+        value: ref
+    }, props.children);
+}
+const $792f28e438b9ad5f$export$c34620ff8881d89f = /*#__PURE__*/ (0, $3Lq00$forwardRef)(function SharedElement(props, ref) {
+    let { name: name, isVisible: isVisible = true, children: children, className: className, style: style, render: render, ...divProps } = props;
+    let [state, setState] = (0, $3Lq00$useState)(isVisible ? 'visible' : 'hidden');
+    let scopeRef = (0, $3Lq00$useContext)($792f28e438b9ad5f$var$SharedElementContext);
+    if (!scopeRef) throw new Error('<SharedElement> must be rendered inside a <SharedElementTransition>');
+    if (isVisible && state === 'hidden') setState('visible');
+    ref = (0, $3Lq00$useObjectRef)(ref);
+    (0, $3Lq00$useLayoutEffect)(()=>{
+        let element = ref.current;
+        let scope = scopeRef.current;
+        let prevSnapshot = scope[name];
+        let frame = null;
+        if (element && isVisible && prevSnapshot) {
+            // Element is transitioning from a previous instance.
+            setState('visible');
+            let animations = element.getAnimations();
+            // Set properties to animate from.
+            let values = prevSnapshot.style.map(([property, prevValue])=>{
+                let value = element.style[property];
+                if (property === 'translate') {
+                    let prevRect = prevSnapshot.rect;
+                    let currentItem = element.getBoundingClientRect();
+                    let deltaX = prevRect.left - currentItem?.left;
+                    let deltaY = prevRect.top - currentItem?.top;
+                    element.style.translate = `${deltaX}px ${deltaY}px`;
+                } else element.style[property] = prevValue;
+                return [
+                    property,
+                    value
+                ];
+            });
+            // Cancel any new animations triggered by these properties.
+            for (let a of element.getAnimations())if (!animations.includes(a)) a.cancel();
+            // Remove overrides after one frame to animate to the current values.
+            frame = requestAnimationFrame(()=>{
+                frame = null;
+                for (let [property, value] of values)element.style[property] = value;
+            });
+            delete scope[name];
+        } else if (element && isVisible && !prevSnapshot) {
+            // No previous instance exists, apply the entering state.
+            queueMicrotask(()=>(0, $3Lq00$flushSync)(()=>setState('entering')));
+            frame = requestAnimationFrame(()=>{
+                frame = null;
+                setState('visible');
+            });
+        } else if (element && !isVisible) // Wait until layout effects finish, and check if a snapshot still exists.
+        // If so, no new SharedElement consumed it, so enter the exiting state.
+        queueMicrotask(()=>{
+            if (scope[name]) {
+                delete scope[name];
+                (0, $3Lq00$flushSync)(()=>setState('exiting'));
+                Promise.all(element.getAnimations().map((a)=>a.finished)).then(()=>setState('hidden')).catch(()=>{});
+            } else // Snapshot was consumed by another instance, unmount.
+            setState('hidden');
+        });
+        return ()=>{
+            if (frame != null) cancelAnimationFrame(frame);
+            if (element && element.isConnected && !element.hasAttribute('data-exiting')) {
+                // On unmount, store a snapshot of the rectangle and computed style for transitioning properties.
+                let style = window.getComputedStyle(element);
+                if (style.transitionProperty !== 'none') {
+                    let transitionProperty = style.transitionProperty.split(/\s*,\s*/);
+                    scope[name] = {
+                        rect: element.getBoundingClientRect(),
+                        style: transitionProperty.map((p)=>[
+                                p,
+                                style[p]
+                            ])
+                    };
+                }
+            }
+        };
+    }, [
+        ref,
+        scopeRef,
+        name,
+        isVisible
+    ]);
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        children: children,
+        className: className,
+        style: style,
+        render: render,
+        values: {
+            isEntering: state === 'entering',
+            isExiting: state === 'exiting'
+        }
+    });
+    if (state === 'hidden') return null;
+    return /*#__PURE__*/ (0, $3Lq00$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...divProps,
+        ...renderProps,
+        ref: ref,
+        "data-entering": state === 'entering' || undefined,
+        "data-exiting": state === 'exiting' || undefined
+    });
+});
+
+
+export {$792f28e438b9ad5f$export$758399f318e6385a as SharedElementTransition, $792f28e438b9ad5f$export$c34620ff8881d89f as SharedElement};
+//# sourceMappingURL=SharedElementTransition.mjs.map

package/dist/private/SharedElementTransition.mjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/SharedElementTransition.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {dom, RenderProps, useRenderProps} from './utils';\nimport {flushSync} from 'react-dom';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useContext,\n  useRef,\n  useState\n} from 'react';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\ninterface Snapshot {\n  rect: DOMRect;\n  style: [string, string][];\n}\n\nconst SharedElementContext = createContext<RefObject<{[name: string]: Snapshot}> | null>(null);\n\nexport interface SharedElementTransitionProps {\n  children: ReactNode;\n}\n\n/**\n * A scope for SharedElements, which animate between parents.\n */\nexport function SharedElementTransition(props: SharedElementTransitionProps) {\n  let ref = useRef({});\n  return (\n    <SharedElementContext.Provider value={ref}>{props.children}</SharedElementContext.Provider>\n  );\n}\n\nexport interface SharedElementRenderProps {\n  /**\n   * Whether the element is currently entering.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the element is currently exiting.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n}\n\nexport interface SharedElementPropsBase\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'>,\n    RenderProps<SharedElementRenderProps> {}\n\nexport interface SharedElementProps extends SharedElementPropsBase {\n  name: string;\n  isVisible?: boolean;\n}\n\n/**\n * An element that animates between its old and new position when moving between parents.\n */\nexport const SharedElement = forwardRef(function SharedElement(\n  props: SharedElementProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let {name, isVisible = true, children, className, style, render, ...divProps} = props;\n  let [state, setState] = useState(isVisible ? 'visible' : 'hidden');\n  let scopeRef = useContext(SharedElementContext);\n  if (!scopeRef) {\n    throw new Error('<SharedElement> must be rendered inside a <SharedElementTransition>');\n  }\n\n  if (isVisible && state === 'hidden') {\n    setState('visible');\n  }\n\n  ref = useObjectRef(ref);\n  useLayoutEffect(() => {\n    let element = ref.current;\n    let scope = scopeRef.current;\n    let prevSnapshot = scope[name];\n    let frame: number | null = null;\n\n    if (element && isVisible && prevSnapshot) {\n      // Element is transitioning from a previous instance.\n      setState('visible');\n      let animations = element.getAnimations();\n\n      // Set properties to animate from.\n      let values = prevSnapshot.style.map(([property, prevValue]) => {\n        let value = element.style[property];\n        if (property === 'translate') {\n          let prevRect = prevSnapshot.rect;\n          let currentItem = element.getBoundingClientRect();\n          let deltaX = prevRect.left - currentItem?.left;\n          let deltaY = prevRect.top - currentItem?.top;\n          element.style.translate = `${deltaX}px ${deltaY}px`;\n        } else {\n          element.style[property] = prevValue;\n        }\n        return [property, value];\n      });\n\n      // Cancel any new animations triggered by these properties.\n      for (let a of element.getAnimations()) {\n        if (!animations.includes(a)) {\n          a.cancel();\n        }\n      }\n\n      // Remove overrides after one frame to animate to the current values.\n      frame = requestAnimationFrame(() => {\n        frame = null;\n        for (let [property, value] of values) {\n          element.style[property] = value;\n        }\n      });\n\n      delete scope[name];\n    } else if (element && isVisible && !prevSnapshot) {\n      // No previous instance exists, apply the entering state.\n      queueMicrotask(() => flushSync(() => setState('entering')));\n      frame = requestAnimationFrame(() => {\n        frame = null;\n        setState('visible');\n      });\n    } else if (element && !isVisible) {\n      // Wait until layout effects finish, and check if a snapshot still exists.\n      // If so, no new SharedElement consumed it, so enter the exiting state.\n      queueMicrotask(() => {\n        if (scope[name]) {\n          delete scope[name];\n          flushSync(() => setState('exiting'));\n          Promise.all(element.getAnimations().map(a => a.finished))\n            .then(() => setState('hidden'))\n            .catch(() => {});\n        } else {\n          // Snapshot was consumed by another instance, unmount.\n          setState('hidden');\n        }\n      });\n    }\n\n    return () => {\n      if (frame != null) {\n        cancelAnimationFrame(frame);\n      }\n\n      if (element && element.isConnected && !element.hasAttribute('data-exiting')) {\n        // On unmount, store a snapshot of the rectangle and computed style for transitioning properties.\n        let style = window.getComputedStyle(element);\n        if (style.transitionProperty !== 'none') {\n          let transitionProperty = style.transitionProperty.split(/\\s*,\\s*/);\n          scope[name] = {\n            rect: element.getBoundingClientRect(),\n            style: transitionProperty.map(p => [p, style[p]])\n          };\n        }\n      }\n    };\n  }, [ref, scopeRef, name, isVisible]);\n\n  let renderProps = useRenderProps({\n    children,\n    className,\n    style,\n    render,\n    values: {\n      isEntering: state === 'entering',\n      isExiting: state === 'exiting'\n    }\n  });\n\n  if (state === 'hidden') {\n    return null;\n  }\n\n  return (\n    <dom.div\n      {...divProps}\n      {...renderProps}\n      ref={ref}\n      data-entering={state === 'entering' || undefined}\n      data-exiting={state === 'exiting' || undefined}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"SharedElementTransition.mjs.map"}