@depup/react-aria-components 1.19.0-depup.27 → 1.21.0-depup.0

package/dist/private/TokenField.mjs

@@ -0,0 +1,223 @@
+import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, useSlot as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, useSlottedContext as $7230ffa83bc0c2cf$export$fabf2dc03a41866e} from "./utils.mjs";
+import {FieldInputContext as $4b38b5b75ecc6208$export$698f465ec27e93df} from "./Autocomplete.mjs";
+import {LabelContext as $43a3b93638fe5db9$export$75b6ee27786ba447} from "./Label.mjs";
+import {TextContext as $efe09c6d1c304b50$export$9afb8bc826b033ea} from "./Text.mjs";
+import {createHideableComponent as $iRP3W$createHideableComponent} from "react-aria/private/collections/Hidden";
+import {filterDOMProps as $iRP3W$filterDOMProps} from "react-aria/filterDOMProps";
+import {useHover as $iRP3W$useHover} from "react-aria/useHover";
+import {isDocument as $iRP3W$isDocument, isShadowRoot as $iRP3W$isShadowRoot} from "react-aria/private/utils/domHelpers";
+import {mergeProps as $iRP3W$mergeProps} from "react-aria/mergeProps";
+import {mergeRefs as $iRP3W$mergeRefs} from "react-aria/mergeRefs";
+import $iRP3W$react, {createContext as $iRP3W$createContext, forwardRef as $iRP3W$forwardRef, useContext as $iRP3W$useContext, useMemo as $iRP3W$useMemo, memo as $iRP3W$memo} from "react";
+import {useTokenFieldState as $iRP3W$useTokenFieldState} from "react-stately/useTokenFieldState";
+import {useFocusRing as $iRP3W$useFocusRing} from "react-aria/useFocusRing";
+import {useLayoutEffect as $iRP3W$useLayoutEffect} from "react-aria/private/utils/useLayoutEffect";
+import {useObjectRef as $iRP3W$useObjectRef} from "react-aria/useObjectRef";
+import {useTokenField as $iRP3W$useTokenField, useToken as $iRP3W$useToken} from "react-aria/useTokenField";
+
+/*
+ * Copyright 2026 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 $45dd9fe7ca53fba4$export$24532e5e37c56ff2 = /*#__PURE__*/ (0, $iRP3W$createContext)(null);
+const $45dd9fe7ca53fba4$var$TokenInputContext = /*#__PURE__*/ (0, $iRP3W$createContext)(null);
+const $45dd9fe7ca53fba4$export$e4550c392cbe69d7 = /*#__PURE__*/ (0, $iRP3W$createHideableComponent)(function TokenField(props, ref) {
+    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $45dd9fe7ca53fba4$export$24532e5e37c56ff2);
+    let [labelRef, label] = (0, $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);
+    let fieldCtx = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $4b38b5b75ecc6208$export$698f465ec27e93df), props.slot);
+    let { value: _autocompleteValue, onChange: onAutocompleteChange, ref: autocompleteRef, ...autocompleteProps } = fieldCtx ?? {};
+    let inputRef = (0, $iRP3W$useObjectRef)(autocompleteRef);
+    let isDisabled = props.isDisabled || false;
+    let isReadOnly = props.isReadOnly || false;
+    let state = (0, $iRP3W$useTokenFieldState)({
+        ...props,
+        onChange: (value)=>{
+            props.onChange?.(value);
+            onAutocompleteChange?.(value.toString());
+        }
+    });
+    let { tokenFieldProps: tokenFieldProps, labelProps: labelProps, descriptionProps: descriptionProps } = (0, $iRP3W$useTokenField)({
+        ...props,
+        label: // @ts-ignore - not a public prop, used to determine if slot is present
+        label,
+        role: props.role || autocompleteProps['role'] || 'textbox'
+    }, state, inputRef);
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            isDisabled: isDisabled,
+            isReadOnly: isReadOnly
+        },
+        defaultClassName: 'react-aria-TokenField'
+    });
+    let DOMProps = (0, $iRP3W$filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $iRP3W$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...DOMProps,
+        ...renderProps,
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-readonly": isReadOnly || undefined
+    }, /*#__PURE__*/ (0, $iRP3W$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $43a3b93638fe5db9$export$75b6ee27786ba447),
+                {
+                    ...labelProps,
+                    elementType: 'span',
+                    ref: labelRef
+                }
+            ],
+            [
+                (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        description: descriptionProps
+                    }
+                }
+            ],
+            [
+                $45dd9fe7ca53fba4$var$TokenInputContext,
+                {
+                    tokenFieldProps: tokenFieldProps,
+                    state: state,
+                    isDisabled: isDisabled,
+                    isReadOnly: isReadOnly,
+                    autocompleteProps: autocompleteProps,
+                    ref: inputRef
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+const $45dd9fe7ca53fba4$export$4ddf413e820cfcc4 = /*#__PURE__*/ (0, $iRP3W$forwardRef)(function TokenInput(props, forwardedRef) {
+    let { tokenFieldProps: tokenFieldProps, state: state, isDisabled: isDisabled = false, isReadOnly: isReadOnly = false, autocompleteProps: autocompleteProps, ref: contextRef } = (0, $iRP3W$useContext)($45dd9fe7ca53fba4$var$TokenInputContext);
+    let ref = (0, $iRP3W$useMemo)(()=>(0, $iRP3W$mergeRefs)(contextRef, forwardedRef), [
+        contextRef,
+        forwardedRef
+    ]);
+    let { children: children, ...domProps } = props;
+    let { isHovered: isHovered, hoverProps: hoverProps } = (0, $iRP3W$useHover)(domProps);
+    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $iRP3W$useFocusRing)();
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...domProps,
+        defaultClassName: 'react-aria-TokenInput',
+        values: {
+            isHovered: isHovered,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: isDisabled,
+            isReadOnly: isReadOnly
+        }
+    });
+    let DOMProps = (0, $iRP3W$filterDOMProps)(domProps, {
+        global: true
+    });
+    let objectRef = (0, $iRP3W$useObjectRef)(ref);
+    (0, $iRP3W$useLayoutEffect)(()=>$45dd9fe7ca53fba4$var$insertSelectionStyle(objectRef), [
+        objectRef
+    ]);
+    return /*#__PURE__*/ (0, $iRP3W$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...(0, $iRP3W$mergeProps)(DOMProps, renderProps, focusProps, hoverProps, tokenFieldProps, autocompleteProps),
+        ref: objectRef,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-readonly": isReadOnly || undefined,
+        style: {
+            ...renderProps.style,
+            ...tokenFieldProps?.style
+        }
+    }, /*#__PURE__*/ (0, $iRP3W$react).createElement($45dd9fe7ca53fba4$var$CompositionRenderBlocker, {
+        isComposing: state.isComposing
+    }, state.value.segments.map((v, i)=>{
+        switch(v.type){
+            case 'token':
+                {
+                    let token = children(v);
+                    return(// Wrap tokens in zero-width spaces so the cursor is placed correctly.
+                    /*#__PURE__*/ (0, $iRP3W$react).createElement("span", {
+                        key: i,
+                        "data-react-aria-token": true
+                    }, '\u200b', token, '\u200b'));
+                }
+            case 'text':
+                return v.text;
+        }
+    }), state.value.segments.at(-1)?.text.endsWith('\n') && /*#__PURE__*/ (0, $iRP3W$react).createElement("br", null)));
+});
+const $45dd9fe7ca53fba4$export$50792b0e93539fde = /*#__PURE__*/ (0, $iRP3W$forwardRef)(function Token(props, ref) {
+    let { isDisabled: isDisabled } = (0, $iRP3W$useContext)($45dd9fe7ca53fba4$var$TokenInputContext);
+    let objectRef = (0, $iRP3W$useObjectRef)(ref);
+    let { tokenProps: tokenProps, isSelected: isSelected } = (0, $iRP3W$useToken)(props, {}, objectRef);
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-Token',
+        values: {
+            isSelected: isSelected,
+            isDisabled: isDisabled
+        }
+    });
+    let DOMProps = (0, $iRP3W$filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $iRP3W$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).span, {
+        ref: objectRef,
+        ...(0, $iRP3W$mergeProps)(DOMProps, renderProps, tokenProps),
+        "data-selected": isSelected || undefined,
+        "data-disabled": isDisabled || undefined,
+        style: {
+            ...renderProps.style,
+            ...tokenProps.style
+        }
+    }, renderProps.children);
+});
+// Prevents React from re-rendering during composition events.
+const $45dd9fe7ca53fba4$var$CompositionRenderBlocker = /*#__PURE__*/ (0, $iRP3W$memo)(({ children: children })=>children, (prevProps, nextProps)=>nextProps.isComposing ? true : prevProps.children === nextProps.children);
+// Inserts a stylesheet into the document / shadow root that hides the native text selection on tokens.
+function $45dd9fe7ca53fba4$var$insertSelectionStyle(ref) {
+    if (typeof CSSStyleSheet !== 'function' || !ref || !ref.current) return;
+    let root = ref.current.getRootNode();
+    if (!(0, $iRP3W$isDocument)(root) && !(0, $iRP3W$isShadowRoot)(root)) return;
+    if (!root.adoptedStyleSheets) return;
+    // Skip if we already inserted it.
+    let sym = Symbol.for('react-aria-token-style');
+    if (root.adoptedStyleSheets.some((s)=>s[sym])) return;
+    let style = new CSSStyleSheet();
+    style[sym] = true;
+    // Firefox ignores completely transparent selection colors, so use a nearly transparent color instead.
+    style.replaceSync('[data-react-aria-token]::selection,[data-react-aria-token]>*::selection{background:#ffffff01}');
+    root.adoptedStyleSheets.push(style);
+    return ()=>{
+        let index = root.adoptedStyleSheets.indexOf(style);
+        if (index >= 0) root.adoptedStyleSheets.splice(index, 1);
+    };
+}
+
+
+export {$45dd9fe7ca53fba4$export$24532e5e37c56ff2 as TokenFieldContext, $45dd9fe7ca53fba4$export$e4550c392cbe69d7 as TokenField, $45dd9fe7ca53fba4$export$4ddf413e820cfcc4 as TokenInput, $45dd9fe7ca53fba4$export$50792b0e93539fde as Token};
+//# sourceMappingURL=TokenField.mjs.map

package/dist/private/TokenField.mjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/TokenField.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 {AriaTokenFieldProps} from 'react-aria/useTokenField';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport {FieldInputContext} from './Autocomplete';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {HoverProps, useHover} from 'react-aria/useHover';\nimport {isDocument, isShadowRoot} from 'react-aria/private/utils/domHelpers';\nimport {LabelContext} from './Label';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  memo,\n  RefObject,\n  useContext,\n  useMemo\n} from 'react';\nimport {TextContext} from './Text';\nimport {\n  TokenFieldState,\n  TokenFieldValue,\n  TokenSegment,\n  useTokenFieldState\n} from 'react-stately/useTokenFieldState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useToken, useTokenField} from 'react-aria/useTokenField';\n\nexport interface TokenFieldRenderProps {\n  /**\n   * Whether the token field is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the token field is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n}\n\nexport interface TokenFieldProps<T extends TokenFieldValue = TokenFieldValue>\n  extends\n    AriaTokenFieldProps<T>,\n    RenderProps<TokenFieldRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TokenField'\n   */\n  className?: ClassNameOrFunction<TokenFieldRenderProps>;\n}\n\nexport interface TokenInputRenderProps {\n  /**\n   * Whether the token input is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n  /**\n   * Whether the token input is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the token input is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the token input is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the token input is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n}\n\nexport interface TokenInputProps<T extends TokenFieldValue = TokenFieldValue>\n  extends\n    HoverProps,\n    StyleRenderProps<TokenInputRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * A function that renders a token for each segment in the token field.\n   */\n  children: (\n    segment: TokenSegment<T extends TokenFieldValue<infer V> ? V : never>\n  ) => React.ReactElement;\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TokenInput'\n   */\n  className?: ClassNameOrFunction<TokenInputRenderProps>;\n}\n\ninterface TokenInputContextValue<T extends TokenFieldValue = TokenFieldValue> {\n  tokenFieldProps: HTMLAttributes<HTMLDivElement>;\n  state: TokenFieldState<T>;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  autocompleteProps?: HTMLAttributes<HTMLDivElement>;\n  ref: RefObject<HTMLDivElement | null>;\n}\n\nexport const TokenFieldContext = createContext<ContextValue<TokenFieldProps, HTMLDivElement>>(null);\nconst TokenInputContext = createContext<TokenInputContextValue | null>(null);\n\n/**\n * A token field allows users to enter text with inline tokens. Use it to build AI prompt fields,\n * tag inputs, structured search fields, mention inputs, and multi-select comboboxes.\n */\nexport const TokenField = /*#__PURE__*/ createHideableComponent(function TokenField<\n  T extends TokenFieldValue = TokenFieldValue\n>(props: TokenFieldProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, TokenFieldContext);\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n\n  let fieldCtx = useSlottedContext(FieldInputContext, props.slot);\n  let {\n    value: _autocompleteValue,\n    onChange: onAutocompleteChange,\n    ref: autocompleteRef,\n    ...autocompleteProps\n  } = fieldCtx ?? {};\n  let inputRef = useObjectRef(autocompleteRef);\n\n  let isDisabled = props.isDisabled || false;\n  let isReadOnly = props.isReadOnly || false;\n\n  let state = useTokenFieldState<T>({\n    ...props,\n    onChange: (value: T) => {\n      props.onChange?.(value);\n      onAutocompleteChange?.(value.toString());\n    }\n  });\n\n  let {tokenFieldProps, labelProps, descriptionProps} = useTokenField(\n    {\n      ...props,\n      // @ts-ignore - not a public prop, used to determine if slot is present\n      label,\n      role: props.role || autocompleteProps['role'] || 'textbox'\n    },\n    state,\n    inputRef\n  );\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      isDisabled,\n      isReadOnly\n    },\n    defaultClassName: 'react-aria-TokenField'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...DOMProps}\n      {...renderProps}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-disabled={isDisabled || undefined}\n      data-readonly={isReadOnly || undefined}>\n      <Provider\n        values={[\n          [LabelContext, {...labelProps, elementType: 'span', ref: labelRef}],\n          [\n            TextContext,\n            {\n              slots: {\n                description: descriptionProps\n              }\n            }\n          ],\n          [\n            TokenInputContext,\n            {\n              tokenFieldProps,\n              state: state as any,\n              isDisabled,\n              isReadOnly,\n              autocompleteProps: autocompleteProps as HTMLAttributes<HTMLDivElement>,\n              ref: inputRef as RefObject<HTMLDivElement | null>\n            }\n          ]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </dom.div>\n  );\n});\n\n/**\n * A token input represents the editable area within a token field.\n */\nexport const TokenInput = /*#__PURE__*/ (forwardRef as forwardRefType)(function TokenInput<\n  T extends TokenFieldValue = TokenFieldValue\n>(props: TokenInputProps<T>, forwardedRef: ForwardedRef<HTMLDivElement | null>) {\n  let {\n    tokenFieldProps,\n    state,\n    isDisabled = false,\n    isReadOnly = false,\n    autocompleteProps,\n    ref: contextRef\n  } = useContext(TokenInputContext)!;\n  let ref = useMemo(() => mergeRefs(contextRef, forwardedRef), [contextRef, forwardedRef]);\n  let {children, ...domProps} = props;\n\n  let {isHovered, hoverProps} = useHover(domProps);\n  let {isFocused, isFocusVisible, focusProps} = useFocusRing();\n\n  let renderProps = useRenderProps({\n    ...domProps,\n    defaultClassName: 'react-aria-TokenInput',\n    values: {\n      isHovered,\n      isFocused,\n      isFocusVisible,\n      isDisabled,\n      isReadOnly\n    }\n  });\n\n  let DOMProps = filterDOMProps(domProps, {global: true});\n  let objectRef = useObjectRef(ref);\n  useLayoutEffect(() => insertSelectionStyle(objectRef), [objectRef]);\n\n  return (\n    <dom.div\n      {...mergeProps(\n        DOMProps,\n        renderProps,\n        focusProps,\n        hoverProps,\n        tokenFieldProps,\n        autocompleteProps\n      )}\n      ref={objectRef}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={isDisabled || undefined}\n      data-readonly={isReadOnly || undefined}\n      style={{...renderProps.style, ...tokenFieldProps?.style}}>\n      <CompositionRenderBlocker isComposing={state.isComposing}>\n        {state.value.segments.map((v, i) => {\n          switch (v.type) {\n            case 'token': {\n              let token = children(v);\n              return (\n                // Wrap tokens in zero-width spaces so the cursor is placed correctly.\n                <span key={i} data-react-aria-token>\n                  {'\\u200b'}\n                  {token}\n                  {'\\u200b'}\n                </span>\n              );\n            }\n            case 'text':\n              return v.text;\n          }\n        })}\n        {/* Force cursor to the next line if the last segment ends with a newline. */}\n        {state.value.segments.at(-1)?.text.endsWith('\\n') && <br />}\n      </CompositionRenderBlocker>\n    </dom.div>\n  );\n});\n\nexport interface TokenRenderProps {\n  /**\n   * Whether the token is selected.\n   *\n   * @selector [data-selected]\n   */\n  isSelected: boolean;\n  /**\n   * Whether the token is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n}\n\nexport interface TokenProps\n  extends RenderProps<TokenRenderProps, 'span'>, GlobalDOMAttributes<HTMLSpanElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Token'\n   */\n  className?: ClassNameOrFunction<TokenRenderProps>;\n}\n\n/**\n * A token represents an inline segment within a token field.\n */\nexport const Token = forwardRef(function Token(\n  props: TokenProps,\n  ref: ForwardedRef<HTMLSpanElement>\n) {\n  let {isDisabled} = useContext(TokenInputContext)!;\n  let objectRef = useObjectRef(ref);\n  let {tokenProps, isSelected} = useToken(props, {}, objectRef);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Token',\n    values: {\n      isSelected,\n      isDisabled\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.span\n      ref={objectRef}\n      {...mergeProps(DOMProps, renderProps, tokenProps)}\n      data-selected={isSelected || undefined}\n      data-disabled={isDisabled || undefined}\n      style={{\n        ...renderProps.style,\n        ...tokenProps.style\n      }}>\n      {renderProps.children}\n    </dom.span>\n  );\n});\n\n// Prevents React from re-rendering during composition events.\nconst CompositionRenderBlocker = memo(\n  ({children}: {children: React.ReactNode; isComposing: boolean}) => children,\n  (prevProps, nextProps) =>\n    nextProps.isComposing ? true : prevProps.children === nextProps.children\n);\n\n// Inserts a stylesheet into the document / shadow root that hides the native text selection on tokens.\nfunction insertSelectionStyle(ref: RefObject<HTMLDivElement | null> | null) {\n  if (typeof CSSStyleSheet !== 'function' || !ref || !ref.current) {\n    return;\n  }\n\n  let root = ref.current.getRootNode();\n  if (!isDocument(root) && !isShadowRoot(root)) {\n    return;\n  }\n\n  if (!root.adoptedStyleSheets) {\n    return;\n  }\n\n  // Skip if we already inserted it.\n  let sym = Symbol.for('react-aria-token-style');\n  if (root.adoptedStyleSheets.some(s => s[sym])) {\n    return;\n  }\n\n  let style = new CSSStyleSheet();\n  style[sym] = true;\n  // Firefox ignores completely transparent selection colors, so use a nearly transparent color instead.\n  style.replaceSync(\n    '[data-react-aria-token]::selection,[data-react-aria-token]>*::selection{background:#ffffff01}'\n  );\n  root.adoptedStyleSheets.push(style);\n\n  return () => {\n    let index = root.adoptedStyleSheets.indexOf(style);\n    if (index >= 0) {\n      root.adoptedStyleSheets.splice(index, 1);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"TokenField.mjs.map"}

package/dist/private/Tooltip.cjs

@@ -74,7 +74,10 @@ const $1f7d7e07fe5bbfc5$export$28c660c63b792dea = /*#__PURE__*/ (0, $cQApC$react
     let contextState = (0, $cQApC$react.useContext)($1f7d7e07fe5bbfc5$export$7a7623236eec67fa);
     let localState = (0, $cQApC$reactstatelyuseTooltipTriggerState.useTooltipTriggerState)(props);
     let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
-    let isExiting = (0, $cQApC$reactariaprivateutilsanimation.useExitAnimation)(ref, state.isOpen) || props.isExiting || false;
+    // Skip the automatic exit animation when closing instantly (e.g. swapping between tooltips
+    // during warmup). An explicitly provided isExiting prop still takes precedence.
+    let exitAnimation = (0, $cQApC$reactariaprivateutilsanimation.useExitAnimation)(ref, state.isOpen);
+    let isExiting = props.isExiting || !state.shouldSkipAnimation && exitAnimation || false;
     if (!state.isOpen && !isExiting) return null;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($cQApC$react))).createElement((0, $cQApC$reactariaprivateoverlaysuseModal.OverlayContainer), {
         portalContainer: UNSTABLE_portalContainer
@@ -100,7 +103,10 @@ function $1f7d7e07fe5bbfc5$var$TooltipInner(props) {
         containerPadding: props.containerPadding,
         onClose: ()=>state.close(true)
     });
-    let isEntering = (0, $cQApC$reactariaprivateutilsanimation.useEnterAnimation)(props.tooltipRef, !!placement) || props.isEntering || false;
+    // Skip the automatic entry animation when opening instantly (e.g. swapping between tooltips
+    // during warmup). An explicitly provided isEntering prop still takes precedence.
+    let enterAnimation = (0, $cQApC$reactariaprivateutilsanimation.useEnterAnimation)(props.tooltipRef, !!placement);
+    let isEntering = props.isEntering || !state.shouldSkipAnimation && enterAnimation || false;
     let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
         ...props,
         defaultClassName: 'react-aria-Tooltip',
@@ -116,6 +122,7 @@ function $1f7d7e07fe5bbfc5$var$TooltipInner(props) {
     let DOMProps = (0, $cQApC$reactariafilterDOMProps.filterDOMProps)(props, {
         global: true
     });
+    // oxlint-disable react/react-compiler
     return /*#__PURE__*/ (0, ($parcel$interopDefault($cQApC$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
         ...(0, $cQApC$reactariamergeProps.mergeProps)(DOMProps, renderProps, tooltipProps),
         ref: props.tooltipRef,
@@ -134,6 +141,7 @@ function $1f7d7e07fe5bbfc5$var$TooltipInner(props) {
             ref: arrowRef
         }
     }, renderProps.children));
+// oxlint-enable react/react-compiler
 }
 
 

package/dist/private/Tooltip.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/src/Tooltip.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 {\n  AriaLabelingProps,\n  FocusableElement,\n  forwardRefType,\n  GlobalDOMAttributes,\n  RefObject\n} from '@react-types/shared';\nimport {\n  AriaPositionProps,\n  Placement,\n  PlacementAxis,\n  PositionProps,\n  useOverlayPosition\n} from 'react-aria/useOverlayPosition';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {OverlayArrowContext} from './OverlayArrow';\nimport {OverlayContainer} from 'react-aria/private/overlays/useModal';\nimport {OverlayTriggerProps} from 'react-stately/useOverlayTriggerState';\nimport React, {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactNode,\n  useContext,\n  useRef\n} from 'react';\nimport {\n  TooltipTriggerProps,\n  TooltipTriggerState,\n  useTooltipTriggerState\n} from 'react-stately/useTooltipTriggerState';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useTooltip, useTooltipTrigger} from 'react-aria/useTooltipTrigger';\n\nexport interface TooltipTriggerComponentProps extends TooltipTriggerProps {\n  children: ReactNode;\n}\n\nexport interface TooltipProps\n  extends\n    PositionProps,\n    Pick<AriaPositionProps, 'arrowBoundaryOffset'>,\n    OverlayTriggerProps,\n    AriaLabelingProps,\n    RenderProps<TooltipRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Tooltip'\n   */\n  className?: ClassNameOrFunction<TooltipRenderProps>;\n  /**\n   * The ref for the element which the tooltip positions itself with respect to.\n   *\n   * When used within a TooltipTrigger this is set automatically. It is only required when used\n   * standalone.\n   */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Whether the tooltip is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the tooltip is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * The container element in which the overlay portal will be placed. This may have unknown\n   * behavior depending on where it is portalled to.\n   *\n   * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.\n   * @default document.body\n   */\n  UNSTABLE_portalContainer?: Element;\n  /**\n   * The placement of the tooltip with respect to the trigger.\n   *\n   * @default 'top'\n   */\n  placement?: Placement;\n}\n\nexport interface TooltipRenderProps {\n  /**\n   * The placement of the tooltip relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the tooltip is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the tooltip is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the tooltip.\n   */\n  state: TooltipTriggerState;\n}\n\nexport const TooltipTriggerStateContext = createContext<TooltipTriggerState | null>(null);\nexport const TooltipContext = createContext<ContextValue<TooltipProps, HTMLDivElement>>(null);\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: TooltipTriggerComponentProps): JSX.Element {\n  let state = useTooltipTriggerState(props);\n  let ref = useRef<FocusableElement>(null);\n  let {triggerProps, tooltipProps} = useTooltipTrigger(props, state, ref);\n\n  return (\n    <Provider\n      values={[\n        [TooltipTriggerStateContext, state],\n        [TooltipContext, {...tooltipProps, triggerRef: ref}]\n      ]}>\n      <FocusableProvider {...triggerProps} ref={ref}>\n        {props.children}\n      </FocusableProvider>\n    </Provider>\n  );\n}\n\n/**\n * A tooltip displays a description of an element on hover or focus.\n */\nexport const Tooltip = /*#__PURE__*/ (forwardRef as forwardRefType)(function Tooltip(\n  {UNSTABLE_portalContainer, ...props}: TooltipProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, TooltipContext);\n  let contextState = useContext(TooltipTriggerStateContext);\n  let localState = useTooltipTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  let isExiting = useExitAnimation(ref, state.isOpen) || props.isExiting || false;\n  if (!state.isOpen && !isExiting) {\n    return null;\n  }\n\n  return (\n    <OverlayContainer portalContainer={UNSTABLE_portalContainer}>\n      <TooltipInner {...props} tooltipRef={ref} isExiting={isExiting} />\n    </OverlayContainer>\n  );\n});\n\nfunction TooltipInner(\n  props: TooltipProps & {isExiting: boolean; tooltipRef: RefObject<HTMLDivElement | null>}\n) {\n  let state = useContext(TooltipTriggerStateContext)!;\n  let arrowRef = useRef<HTMLDivElement>(null);\n\n  let {overlayProps, arrowProps, placement, triggerAnchorPoint} = useOverlayPosition({\n    placement: props.placement || 'top',\n    targetRef: props.triggerRef!,\n    overlayRef: props.tooltipRef,\n    arrowRef,\n    offset: props.offset,\n    crossOffset: props.crossOffset,\n    isOpen: state.isOpen,\n    arrowBoundaryOffset: props.arrowBoundaryOffset,\n    shouldFlip: props.shouldFlip,\n    containerPadding: props.containerPadding,\n    onClose: () => state.close(true)\n  });\n\n  let isEntering = useEnterAnimation(props.tooltipRef, !!placement) || props.isEntering || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Tooltip',\n    values: {\n      placement,\n      isEntering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  props = mergeProps(props, overlayProps);\n  let {tooltipProps} = useTooltip(props, state);\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, tooltipProps)}\n      ref={props.tooltipRef}\n      style={\n        {\n          ...overlayProps.style,\n          '--trigger-anchor-point': triggerAnchorPoint\n            ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px`\n            : undefined,\n          ...renderProps.style\n        } as CSSProperties\n      }\n      data-placement={placement ?? undefined}\n      data-entering={isEntering || undefined}\n      data-exiting={props.isExiting || undefined}>\n      <OverlayArrowContext.Provider value={{...arrowProps, placement, ref: arrowRef}}>\n        {renderProps.children}\n      </OverlayArrowContext.Provider>\n    </dom.div>\n  );\n}\n"],"names":[],"version":3,"file":"Tooltip.cjs.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/Tooltip.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 {\n  AriaLabelingProps,\n  FocusableElement,\n  forwardRefType,\n  GlobalDOMAttributes,\n  RefObject\n} from '@react-types/shared';\nimport {\n  AriaPositionProps,\n  Placement,\n  PlacementAxis,\n  PositionProps,\n  useOverlayPosition\n} from 'react-aria/useOverlayPosition';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {OverlayArrowContext} from './OverlayArrow';\nimport {OverlayContainer} from 'react-aria/private/overlays/useModal';\nimport {OverlayTriggerProps} from 'react-stately/useOverlayTriggerState';\nimport React, {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactNode,\n  useContext,\n  useRef\n} from 'react';\nimport {\n  TooltipTriggerProps,\n  TooltipTriggerState,\n  useTooltipTriggerState\n} from 'react-stately/useTooltipTriggerState';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useTooltip, useTooltipTrigger} from 'react-aria/useTooltipTrigger';\n\nexport interface TooltipTriggerComponentProps extends TooltipTriggerProps {\n  children: ReactNode;\n}\n\nexport interface TooltipProps\n  extends\n    PositionProps,\n    Pick<AriaPositionProps, 'arrowBoundaryOffset'>,\n    OverlayTriggerProps,\n    AriaLabelingProps,\n    RenderProps<TooltipRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Tooltip'\n   */\n  className?: ClassNameOrFunction<TooltipRenderProps>;\n  /**\n   * The ref for the element which the tooltip positions itself with respect to.\n   *\n   * When used within a TooltipTrigger this is set automatically. It is only required when used\n   * standalone.\n   */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Whether the tooltip is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the tooltip is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * The container element in which the overlay portal will be placed. This may have unknown\n   * behavior depending on where it is portalled to.\n   *\n   * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.\n   * @default document.body\n   */\n  UNSTABLE_portalContainer?: Element;\n  /**\n   * The placement of the tooltip with respect to the trigger.\n   *\n   * @default 'top'\n   */\n  placement?: Placement;\n}\n\nexport interface TooltipRenderProps {\n  /**\n   * The placement of the tooltip relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the tooltip is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the tooltip is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the tooltip.\n   */\n  state: TooltipTriggerState;\n}\n\nexport const TooltipTriggerStateContext = createContext<TooltipTriggerState | null>(null);\nexport const TooltipContext = createContext<ContextValue<TooltipProps, HTMLDivElement>>(null);\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: TooltipTriggerComponentProps): JSX.Element {\n  let state = useTooltipTriggerState(props);\n  let ref = useRef<FocusableElement>(null);\n  let {triggerProps, tooltipProps} = useTooltipTrigger(props, state, ref);\n\n  return (\n    <Provider\n      values={[\n        [TooltipTriggerStateContext, state],\n        [TooltipContext, {...tooltipProps, triggerRef: ref}]\n      ]}>\n      <FocusableProvider {...triggerProps} ref={ref}>\n        {props.children}\n      </FocusableProvider>\n    </Provider>\n  );\n}\n\n/**\n * A tooltip displays a description of an element on hover or focus.\n */\nexport const Tooltip = /*#__PURE__*/ (forwardRef as forwardRefType)(function Tooltip(\n  {UNSTABLE_portalContainer, ...props}: TooltipProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, TooltipContext);\n  let contextState = useContext(TooltipTriggerStateContext);\n  let localState = useTooltipTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  // Skip the automatic exit animation when closing instantly (e.g. swapping between tooltips\n  // during warmup). An explicitly provided isExiting prop still takes precedence.\n  let exitAnimation = useExitAnimation(ref, state.isOpen);\n  let isExiting = props.isExiting || (!state.shouldSkipAnimation && exitAnimation) || false;\n  if (!state.isOpen && !isExiting) {\n    return null;\n  }\n\n  return (\n    <OverlayContainer portalContainer={UNSTABLE_portalContainer}>\n      <TooltipInner {...props} tooltipRef={ref} isExiting={isExiting} />\n    </OverlayContainer>\n  );\n});\n\nfunction TooltipInner(\n  props: TooltipProps & {isExiting: boolean; tooltipRef: RefObject<HTMLDivElement | null>}\n) {\n  let state = useContext(TooltipTriggerStateContext)!;\n  let arrowRef = useRef<HTMLDivElement>(null);\n\n  let {overlayProps, arrowProps, placement, triggerAnchorPoint} = useOverlayPosition({\n    placement: props.placement || 'top',\n    targetRef: props.triggerRef!,\n    overlayRef: props.tooltipRef,\n    arrowRef,\n    offset: props.offset,\n    crossOffset: props.crossOffset,\n    isOpen: state.isOpen,\n    arrowBoundaryOffset: props.arrowBoundaryOffset,\n    shouldFlip: props.shouldFlip,\n    containerPadding: props.containerPadding,\n    onClose: () => state.close(true)\n  });\n\n  // Skip the automatic entry animation when opening instantly (e.g. swapping between tooltips\n  // during warmup). An explicitly provided isEntering prop still takes precedence.\n  let enterAnimation = useEnterAnimation(props.tooltipRef, !!placement);\n  let isEntering = props.isEntering || (!state.shouldSkipAnimation && enterAnimation) || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Tooltip',\n    values: {\n      placement,\n      isEntering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  props = mergeProps(props, overlayProps);\n  let {tooltipProps} = useTooltip(props, state);\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  // oxlint-disable react/react-compiler\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, tooltipProps)}\n      ref={props.tooltipRef}\n      style={\n        {\n          ...overlayProps.style,\n          '--trigger-anchor-point': triggerAnchorPoint\n            ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px`\n            : undefined,\n          ...renderProps.style\n        } as CSSProperties\n      }\n      data-placement={placement ?? undefined}\n      data-entering={isEntering || undefined}\n      data-exiting={props.isExiting || undefined}>\n      <OverlayArrowContext.Provider value={{...arrowProps, placement, ref: arrowRef}}>\n        {renderProps.children}\n      </OverlayArrowContext.Provider>\n    </dom.div>\n  );\n  // oxlint-enable react/react-compiler\n}\n"],"names":[],"version":3,"file":"Tooltip.cjs.map"}

package/dist/private/Tooltip.js

@@ -61,7 +61,10 @@ const $86371daa326220e5$export$28c660c63b792dea = /*#__PURE__*/ (0, $kbHsW$forwa
     let contextState = (0, $kbHsW$useContext)($86371daa326220e5$export$7a7623236eec67fa);
     let localState = (0, $kbHsW$useTooltipTriggerState)(props);
     let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
-    let isExiting = (0, $kbHsW$useExitAnimation)(ref, state.isOpen) || props.isExiting || false;
+    // Skip the automatic exit animation when closing instantly (e.g. swapping between tooltips
+    // during warmup). An explicitly provided isExiting prop still takes precedence.
+    let exitAnimation = (0, $kbHsW$useExitAnimation)(ref, state.isOpen);
+    let isExiting = props.isExiting || !state.shouldSkipAnimation && exitAnimation || false;
     if (!state.isOpen && !isExiting) return null;
     return /*#__PURE__*/ (0, $kbHsW$react).createElement((0, $kbHsW$OverlayContainer), {
         portalContainer: UNSTABLE_portalContainer
@@ -87,7 +90,10 @@ function $86371daa326220e5$var$TooltipInner(props) {
         containerPadding: props.containerPadding,
         onClose: ()=>state.close(true)
     });
-    let isEntering = (0, $kbHsW$useEnterAnimation)(props.tooltipRef, !!placement) || props.isEntering || false;
+    // Skip the automatic entry animation when opening instantly (e.g. swapping between tooltips
+    // during warmup). An explicitly provided isEntering prop still takes precedence.
+    let enterAnimation = (0, $kbHsW$useEnterAnimation)(props.tooltipRef, !!placement);
+    let isEntering = props.isEntering || !state.shouldSkipAnimation && enterAnimation || false;
     let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: 'react-aria-Tooltip',
@@ -103,6 +109,7 @@ function $86371daa326220e5$var$TooltipInner(props) {
     let DOMProps = (0, $kbHsW$filterDOMProps)(props, {
         global: true
     });
+    // oxlint-disable react/react-compiler
     return /*#__PURE__*/ (0, $kbHsW$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
         ...(0, $kbHsW$mergeProps)(DOMProps, renderProps, tooltipProps),
         ref: props.tooltipRef,
@@ -121,6 +128,7 @@ function $86371daa326220e5$var$TooltipInner(props) {
             ref: arrowRef
         }
     }, renderProps.children));
+// oxlint-enable react/react-compiler
 }
 
 

package/dist/private/Tooltip.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/src/Tooltip.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 {\n  AriaLabelingProps,\n  FocusableElement,\n  forwardRefType,\n  GlobalDOMAttributes,\n  RefObject\n} from '@react-types/shared';\nimport {\n  AriaPositionProps,\n  Placement,\n  PlacementAxis,\n  PositionProps,\n  useOverlayPosition\n} from 'react-aria/useOverlayPosition';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {OverlayArrowContext} from './OverlayArrow';\nimport {OverlayContainer} from 'react-aria/private/overlays/useModal';\nimport {OverlayTriggerProps} from 'react-stately/useOverlayTriggerState';\nimport React, {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactNode,\n  useContext,\n  useRef\n} from 'react';\nimport {\n  TooltipTriggerProps,\n  TooltipTriggerState,\n  useTooltipTriggerState\n} from 'react-stately/useTooltipTriggerState';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useTooltip, useTooltipTrigger} from 'react-aria/useTooltipTrigger';\n\nexport interface TooltipTriggerComponentProps extends TooltipTriggerProps {\n  children: ReactNode;\n}\n\nexport interface TooltipProps\n  extends\n    PositionProps,\n    Pick<AriaPositionProps, 'arrowBoundaryOffset'>,\n    OverlayTriggerProps,\n    AriaLabelingProps,\n    RenderProps<TooltipRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Tooltip'\n   */\n  className?: ClassNameOrFunction<TooltipRenderProps>;\n  /**\n   * The ref for the element which the tooltip positions itself with respect to.\n   *\n   * When used within a TooltipTrigger this is set automatically. It is only required when used\n   * standalone.\n   */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Whether the tooltip is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the tooltip is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * The container element in which the overlay portal will be placed. This may have unknown\n   * behavior depending on where it is portalled to.\n   *\n   * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.\n   * @default document.body\n   */\n  UNSTABLE_portalContainer?: Element;\n  /**\n   * The placement of the tooltip with respect to the trigger.\n   *\n   * @default 'top'\n   */\n  placement?: Placement;\n}\n\nexport interface TooltipRenderProps {\n  /**\n   * The placement of the tooltip relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the tooltip is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the tooltip is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the tooltip.\n   */\n  state: TooltipTriggerState;\n}\n\nexport const TooltipTriggerStateContext = createContext<TooltipTriggerState | null>(null);\nexport const TooltipContext = createContext<ContextValue<TooltipProps, HTMLDivElement>>(null);\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: TooltipTriggerComponentProps): JSX.Element {\n  let state = useTooltipTriggerState(props);\n  let ref = useRef<FocusableElement>(null);\n  let {triggerProps, tooltipProps} = useTooltipTrigger(props, state, ref);\n\n  return (\n    <Provider\n      values={[\n        [TooltipTriggerStateContext, state],\n        [TooltipContext, {...tooltipProps, triggerRef: ref}]\n      ]}>\n      <FocusableProvider {...triggerProps} ref={ref}>\n        {props.children}\n      </FocusableProvider>\n    </Provider>\n  );\n}\n\n/**\n * A tooltip displays a description of an element on hover or focus.\n */\nexport const Tooltip = /*#__PURE__*/ (forwardRef as forwardRefType)(function Tooltip(\n  {UNSTABLE_portalContainer, ...props}: TooltipProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, TooltipContext);\n  let contextState = useContext(TooltipTriggerStateContext);\n  let localState = useTooltipTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  let isExiting = useExitAnimation(ref, state.isOpen) || props.isExiting || false;\n  if (!state.isOpen && !isExiting) {\n    return null;\n  }\n\n  return (\n    <OverlayContainer portalContainer={UNSTABLE_portalContainer}>\n      <TooltipInner {...props} tooltipRef={ref} isExiting={isExiting} />\n    </OverlayContainer>\n  );\n});\n\nfunction TooltipInner(\n  props: TooltipProps & {isExiting: boolean; tooltipRef: RefObject<HTMLDivElement | null>}\n) {\n  let state = useContext(TooltipTriggerStateContext)!;\n  let arrowRef = useRef<HTMLDivElement>(null);\n\n  let {overlayProps, arrowProps, placement, triggerAnchorPoint} = useOverlayPosition({\n    placement: props.placement || 'top',\n    targetRef: props.triggerRef!,\n    overlayRef: props.tooltipRef,\n    arrowRef,\n    offset: props.offset,\n    crossOffset: props.crossOffset,\n    isOpen: state.isOpen,\n    arrowBoundaryOffset: props.arrowBoundaryOffset,\n    shouldFlip: props.shouldFlip,\n    containerPadding: props.containerPadding,\n    onClose: () => state.close(true)\n  });\n\n  let isEntering = useEnterAnimation(props.tooltipRef, !!placement) || props.isEntering || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Tooltip',\n    values: {\n      placement,\n      isEntering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  props = mergeProps(props, overlayProps);\n  let {tooltipProps} = useTooltip(props, state);\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, tooltipProps)}\n      ref={props.tooltipRef}\n      style={\n        {\n          ...overlayProps.style,\n          '--trigger-anchor-point': triggerAnchorPoint\n            ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px`\n            : undefined,\n          ...renderProps.style\n        } as CSSProperties\n      }\n      data-placement={placement ?? undefined}\n      data-entering={isEntering || undefined}\n      data-exiting={props.isExiting || undefined}>\n      <OverlayArrowContext.Provider value={{...arrowProps, placement, ref: arrowRef}}>\n        {renderProps.children}\n      </OverlayArrowContext.Provider>\n    </dom.div>\n  );\n}\n"],"names":[],"version":3,"file":"Tooltip.js.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/Tooltip.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 {\n  AriaLabelingProps,\n  FocusableElement,\n  forwardRefType,\n  GlobalDOMAttributes,\n  RefObject\n} from '@react-types/shared';\nimport {\n  AriaPositionProps,\n  Placement,\n  PlacementAxis,\n  PositionProps,\n  useOverlayPosition\n} from 'react-aria/useOverlayPosition';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {OverlayArrowContext} from './OverlayArrow';\nimport {OverlayContainer} from 'react-aria/private/overlays/useModal';\nimport {OverlayTriggerProps} from 'react-stately/useOverlayTriggerState';\nimport React, {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactNode,\n  useContext,\n  useRef\n} from 'react';\nimport {\n  TooltipTriggerProps,\n  TooltipTriggerState,\n  useTooltipTriggerState\n} from 'react-stately/useTooltipTriggerState';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useTooltip, useTooltipTrigger} from 'react-aria/useTooltipTrigger';\n\nexport interface TooltipTriggerComponentProps extends TooltipTriggerProps {\n  children: ReactNode;\n}\n\nexport interface TooltipProps\n  extends\n    PositionProps,\n    Pick<AriaPositionProps, 'arrowBoundaryOffset'>,\n    OverlayTriggerProps,\n    AriaLabelingProps,\n    RenderProps<TooltipRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Tooltip'\n   */\n  className?: ClassNameOrFunction<TooltipRenderProps>;\n  /**\n   * The ref for the element which the tooltip positions itself with respect to.\n   *\n   * When used within a TooltipTrigger this is set automatically. It is only required when used\n   * standalone.\n   */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Whether the tooltip is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the tooltip is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * The container element in which the overlay portal will be placed. This may have unknown\n   * behavior depending on where it is portalled to.\n   *\n   * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.\n   * @default document.body\n   */\n  UNSTABLE_portalContainer?: Element;\n  /**\n   * The placement of the tooltip with respect to the trigger.\n   *\n   * @default 'top'\n   */\n  placement?: Placement;\n}\n\nexport interface TooltipRenderProps {\n  /**\n   * The placement of the tooltip relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the tooltip is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the tooltip is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the tooltip.\n   */\n  state: TooltipTriggerState;\n}\n\nexport const TooltipTriggerStateContext = createContext<TooltipTriggerState | null>(null);\nexport const TooltipContext = createContext<ContextValue<TooltipProps, HTMLDivElement>>(null);\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: TooltipTriggerComponentProps): JSX.Element {\n  let state = useTooltipTriggerState(props);\n  let ref = useRef<FocusableElement>(null);\n  let {triggerProps, tooltipProps} = useTooltipTrigger(props, state, ref);\n\n  return (\n    <Provider\n      values={[\n        [TooltipTriggerStateContext, state],\n        [TooltipContext, {...tooltipProps, triggerRef: ref}]\n      ]}>\n      <FocusableProvider {...triggerProps} ref={ref}>\n        {props.children}\n      </FocusableProvider>\n    </Provider>\n  );\n}\n\n/**\n * A tooltip displays a description of an element on hover or focus.\n */\nexport const Tooltip = /*#__PURE__*/ (forwardRef as forwardRefType)(function Tooltip(\n  {UNSTABLE_portalContainer, ...props}: TooltipProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, TooltipContext);\n  let contextState = useContext(TooltipTriggerStateContext);\n  let localState = useTooltipTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  // Skip the automatic exit animation when closing instantly (e.g. swapping between tooltips\n  // during warmup). An explicitly provided isExiting prop still takes precedence.\n  let exitAnimation = useExitAnimation(ref, state.isOpen);\n  let isExiting = props.isExiting || (!state.shouldSkipAnimation && exitAnimation) || false;\n  if (!state.isOpen && !isExiting) {\n    return null;\n  }\n\n  return (\n    <OverlayContainer portalContainer={UNSTABLE_portalContainer}>\n      <TooltipInner {...props} tooltipRef={ref} isExiting={isExiting} />\n    </OverlayContainer>\n  );\n});\n\nfunction TooltipInner(\n  props: TooltipProps & {isExiting: boolean; tooltipRef: RefObject<HTMLDivElement | null>}\n) {\n  let state = useContext(TooltipTriggerStateContext)!;\n  let arrowRef = useRef<HTMLDivElement>(null);\n\n  let {overlayProps, arrowProps, placement, triggerAnchorPoint} = useOverlayPosition({\n    placement: props.placement || 'top',\n    targetRef: props.triggerRef!,\n    overlayRef: props.tooltipRef,\n    arrowRef,\n    offset: props.offset,\n    crossOffset: props.crossOffset,\n    isOpen: state.isOpen,\n    arrowBoundaryOffset: props.arrowBoundaryOffset,\n    shouldFlip: props.shouldFlip,\n    containerPadding: props.containerPadding,\n    onClose: () => state.close(true)\n  });\n\n  // Skip the automatic entry animation when opening instantly (e.g. swapping between tooltips\n  // during warmup). An explicitly provided isEntering prop still takes precedence.\n  let enterAnimation = useEnterAnimation(props.tooltipRef, !!placement);\n  let isEntering = props.isEntering || (!state.shouldSkipAnimation && enterAnimation) || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Tooltip',\n    values: {\n      placement,\n      isEntering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  props = mergeProps(props, overlayProps);\n  let {tooltipProps} = useTooltip(props, state);\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  // oxlint-disable react/react-compiler\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, tooltipProps)}\n      ref={props.tooltipRef}\n      style={\n        {\n          ...overlayProps.style,\n          '--trigger-anchor-point': triggerAnchorPoint\n            ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px`\n            : undefined,\n          ...renderProps.style\n        } as CSSProperties\n      }\n      data-placement={placement ?? undefined}\n      data-entering={isEntering || undefined}\n      data-exiting={props.isExiting || undefined}>\n      <OverlayArrowContext.Provider value={{...arrowProps, placement, ref: arrowRef}}>\n        {renderProps.children}\n      </OverlayArrowContext.Provider>\n    </dom.div>\n  );\n  // oxlint-enable react/react-compiler\n}\n"],"names":[],"version":3,"file":"Tooltip.js.map"}

package/dist/private/Tooltip.mjs

@@ -61,7 +61,10 @@ const $05a50f7d78b03ad9$export$28c660c63b792dea = /*#__PURE__*/ (0, $4nVq8$forwa
     let contextState = (0, $4nVq8$useContext)($05a50f7d78b03ad9$export$7a7623236eec67fa);
     let localState = (0, $4nVq8$useTooltipTriggerState)(props);
     let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
-    let isExiting = (0, $4nVq8$useExitAnimation)(ref, state.isOpen) || props.isExiting || false;
+    // Skip the automatic exit animation when closing instantly (e.g. swapping between tooltips
+    // during warmup). An explicitly provided isExiting prop still takes precedence.
+    let exitAnimation = (0, $4nVq8$useExitAnimation)(ref, state.isOpen);
+    let isExiting = props.isExiting || !state.shouldSkipAnimation && exitAnimation || false;
     if (!state.isOpen && !isExiting) return null;
     return /*#__PURE__*/ (0, $4nVq8$react).createElement((0, $4nVq8$OverlayContainer), {
         portalContainer: UNSTABLE_portalContainer
@@ -87,7 +90,10 @@ function $05a50f7d78b03ad9$var$TooltipInner(props) {
         containerPadding: props.containerPadding,
         onClose: ()=>state.close(true)
     });
-    let isEntering = (0, $4nVq8$useEnterAnimation)(props.tooltipRef, !!placement) || props.isEntering || false;
+    // Skip the automatic entry animation when opening instantly (e.g. swapping between tooltips
+    // during warmup). An explicitly provided isEntering prop still takes precedence.
+    let enterAnimation = (0, $4nVq8$useEnterAnimation)(props.tooltipRef, !!placement);
+    let isEntering = props.isEntering || !state.shouldSkipAnimation && enterAnimation || false;
     let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: 'react-aria-Tooltip',
@@ -103,6 +109,7 @@ function $05a50f7d78b03ad9$var$TooltipInner(props) {
     let DOMProps = (0, $4nVq8$filterDOMProps)(props, {
         global: true
     });
+    // oxlint-disable react/react-compiler
     return /*#__PURE__*/ (0, $4nVq8$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
         ...(0, $4nVq8$mergeProps)(DOMProps, renderProps, tooltipProps),
         ref: props.tooltipRef,
@@ -121,6 +128,7 @@ function $05a50f7d78b03ad9$var$TooltipInner(props) {
             ref: arrowRef
         }
     }, renderProps.children));
+// oxlint-enable react/react-compiler
 }
 
 

package/dist/private/Tooltip.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/src/Tooltip.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 {\n  AriaLabelingProps,\n  FocusableElement,\n  forwardRefType,\n  GlobalDOMAttributes,\n  RefObject\n} from '@react-types/shared';\nimport {\n  AriaPositionProps,\n  Placement,\n  PlacementAxis,\n  PositionProps,\n  useOverlayPosition\n} from 'react-aria/useOverlayPosition';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {OverlayArrowContext} from './OverlayArrow';\nimport {OverlayContainer} from 'react-aria/private/overlays/useModal';\nimport {OverlayTriggerProps} from 'react-stately/useOverlayTriggerState';\nimport React, {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactNode,\n  useContext,\n  useRef\n} from 'react';\nimport {\n  TooltipTriggerProps,\n  TooltipTriggerState,\n  useTooltipTriggerState\n} from 'react-stately/useTooltipTriggerState';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useTooltip, useTooltipTrigger} from 'react-aria/useTooltipTrigger';\n\nexport interface TooltipTriggerComponentProps extends TooltipTriggerProps {\n  children: ReactNode;\n}\n\nexport interface TooltipProps\n  extends\n    PositionProps,\n    Pick<AriaPositionProps, 'arrowBoundaryOffset'>,\n    OverlayTriggerProps,\n    AriaLabelingProps,\n    RenderProps<TooltipRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Tooltip'\n   */\n  className?: ClassNameOrFunction<TooltipRenderProps>;\n  /**\n   * The ref for the element which the tooltip positions itself with respect to.\n   *\n   * When used within a TooltipTrigger this is set automatically. It is only required when used\n   * standalone.\n   */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Whether the tooltip is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the tooltip is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * The container element in which the overlay portal will be placed. This may have unknown\n   * behavior depending on where it is portalled to.\n   *\n   * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.\n   * @default document.body\n   */\n  UNSTABLE_portalContainer?: Element;\n  /**\n   * The placement of the tooltip with respect to the trigger.\n   *\n   * @default 'top'\n   */\n  placement?: Placement;\n}\n\nexport interface TooltipRenderProps {\n  /**\n   * The placement of the tooltip relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the tooltip is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the tooltip is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the tooltip.\n   */\n  state: TooltipTriggerState;\n}\n\nexport const TooltipTriggerStateContext = createContext<TooltipTriggerState | null>(null);\nexport const TooltipContext = createContext<ContextValue<TooltipProps, HTMLDivElement>>(null);\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: TooltipTriggerComponentProps): JSX.Element {\n  let state = useTooltipTriggerState(props);\n  let ref = useRef<FocusableElement>(null);\n  let {triggerProps, tooltipProps} = useTooltipTrigger(props, state, ref);\n\n  return (\n    <Provider\n      values={[\n        [TooltipTriggerStateContext, state],\n        [TooltipContext, {...tooltipProps, triggerRef: ref}]\n      ]}>\n      <FocusableProvider {...triggerProps} ref={ref}>\n        {props.children}\n      </FocusableProvider>\n    </Provider>\n  );\n}\n\n/**\n * A tooltip displays a description of an element on hover or focus.\n */\nexport const Tooltip = /*#__PURE__*/ (forwardRef as forwardRefType)(function Tooltip(\n  {UNSTABLE_portalContainer, ...props}: TooltipProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, TooltipContext);\n  let contextState = useContext(TooltipTriggerStateContext);\n  let localState = useTooltipTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  let isExiting = useExitAnimation(ref, state.isOpen) || props.isExiting || false;\n  if (!state.isOpen && !isExiting) {\n    return null;\n  }\n\n  return (\n    <OverlayContainer portalContainer={UNSTABLE_portalContainer}>\n      <TooltipInner {...props} tooltipRef={ref} isExiting={isExiting} />\n    </OverlayContainer>\n  );\n});\n\nfunction TooltipInner(\n  props: TooltipProps & {isExiting: boolean; tooltipRef: RefObject<HTMLDivElement | null>}\n) {\n  let state = useContext(TooltipTriggerStateContext)!;\n  let arrowRef = useRef<HTMLDivElement>(null);\n\n  let {overlayProps, arrowProps, placement, triggerAnchorPoint} = useOverlayPosition({\n    placement: props.placement || 'top',\n    targetRef: props.triggerRef!,\n    overlayRef: props.tooltipRef,\n    arrowRef,\n    offset: props.offset,\n    crossOffset: props.crossOffset,\n    isOpen: state.isOpen,\n    arrowBoundaryOffset: props.arrowBoundaryOffset,\n    shouldFlip: props.shouldFlip,\n    containerPadding: props.containerPadding,\n    onClose: () => state.close(true)\n  });\n\n  let isEntering = useEnterAnimation(props.tooltipRef, !!placement) || props.isEntering || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Tooltip',\n    values: {\n      placement,\n      isEntering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  props = mergeProps(props, overlayProps);\n  let {tooltipProps} = useTooltip(props, state);\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, tooltipProps)}\n      ref={props.tooltipRef}\n      style={\n        {\n          ...overlayProps.style,\n          '--trigger-anchor-point': triggerAnchorPoint\n            ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px`\n            : undefined,\n          ...renderProps.style\n        } as CSSProperties\n      }\n      data-placement={placement ?? undefined}\n      data-entering={isEntering || undefined}\n      data-exiting={props.isExiting || undefined}>\n      <OverlayArrowContext.Provider value={{...arrowProps, placement, ref: arrowRef}}>\n        {renderProps.children}\n      </OverlayArrowContext.Provider>\n    </dom.div>\n  );\n}\n"],"names":[],"version":3,"file":"Tooltip.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/Tooltip.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 {\n  AriaLabelingProps,\n  FocusableElement,\n  forwardRefType,\n  GlobalDOMAttributes,\n  RefObject\n} from '@react-types/shared';\nimport {\n  AriaPositionProps,\n  Placement,\n  PlacementAxis,\n  PositionProps,\n  useOverlayPosition\n} from 'react-aria/useOverlayPosition';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusableProvider} from 'react-aria/private/interactions/useFocusable';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {OverlayArrowContext} from './OverlayArrow';\nimport {OverlayContainer} from 'react-aria/private/overlays/useModal';\nimport {OverlayTriggerProps} from 'react-stately/useOverlayTriggerState';\nimport React, {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactNode,\n  useContext,\n  useRef\n} from 'react';\nimport {\n  TooltipTriggerProps,\n  TooltipTriggerState,\n  useTooltipTriggerState\n} from 'react-stately/useTooltipTriggerState';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useTooltip, useTooltipTrigger} from 'react-aria/useTooltipTrigger';\n\nexport interface TooltipTriggerComponentProps extends TooltipTriggerProps {\n  children: ReactNode;\n}\n\nexport interface TooltipProps\n  extends\n    PositionProps,\n    Pick<AriaPositionProps, 'arrowBoundaryOffset'>,\n    OverlayTriggerProps,\n    AriaLabelingProps,\n    RenderProps<TooltipRenderProps>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Tooltip'\n   */\n  className?: ClassNameOrFunction<TooltipRenderProps>;\n  /**\n   * The ref for the element which the tooltip positions itself with respect to.\n   *\n   * When used within a TooltipTrigger this is set automatically. It is only required when used\n   * standalone.\n   */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Whether the tooltip is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the tooltip is currently performing an exit animation.\n   */\n  isExiting?: boolean;\n  /**\n   * The container element in which the overlay portal will be placed. This may have unknown\n   * behavior depending on where it is portalled to.\n   *\n   * @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.\n   * @default document.body\n   */\n  UNSTABLE_portalContainer?: Element;\n  /**\n   * The placement of the tooltip with respect to the trigger.\n   *\n   * @default 'top'\n   */\n  placement?: Placement;\n}\n\nexport interface TooltipRenderProps {\n  /**\n   * The placement of the tooltip relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the tooltip is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the tooltip is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n  /**\n   * State of the tooltip.\n   */\n  state: TooltipTriggerState;\n}\n\nexport const TooltipTriggerStateContext = createContext<TooltipTriggerState | null>(null);\nexport const TooltipContext = createContext<ContextValue<TooltipProps, HTMLDivElement>>(null);\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: TooltipTriggerComponentProps): JSX.Element {\n  let state = useTooltipTriggerState(props);\n  let ref = useRef<FocusableElement>(null);\n  let {triggerProps, tooltipProps} = useTooltipTrigger(props, state, ref);\n\n  return (\n    <Provider\n      values={[\n        [TooltipTriggerStateContext, state],\n        [TooltipContext, {...tooltipProps, triggerRef: ref}]\n      ]}>\n      <FocusableProvider {...triggerProps} ref={ref}>\n        {props.children}\n      </FocusableProvider>\n    </Provider>\n  );\n}\n\n/**\n * A tooltip displays a description of an element on hover or focus.\n */\nexport const Tooltip = /*#__PURE__*/ (forwardRef as forwardRefType)(function Tooltip(\n  {UNSTABLE_portalContainer, ...props}: TooltipProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, TooltipContext);\n  let contextState = useContext(TooltipTriggerStateContext);\n  let localState = useTooltipTriggerState(props);\n  let state =\n    props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n  // Skip the automatic exit animation when closing instantly (e.g. swapping between tooltips\n  // during warmup). An explicitly provided isExiting prop still takes precedence.\n  let exitAnimation = useExitAnimation(ref, state.isOpen);\n  let isExiting = props.isExiting || (!state.shouldSkipAnimation && exitAnimation) || false;\n  if (!state.isOpen && !isExiting) {\n    return null;\n  }\n\n  return (\n    <OverlayContainer portalContainer={UNSTABLE_portalContainer}>\n      <TooltipInner {...props} tooltipRef={ref} isExiting={isExiting} />\n    </OverlayContainer>\n  );\n});\n\nfunction TooltipInner(\n  props: TooltipProps & {isExiting: boolean; tooltipRef: RefObject<HTMLDivElement | null>}\n) {\n  let state = useContext(TooltipTriggerStateContext)!;\n  let arrowRef = useRef<HTMLDivElement>(null);\n\n  let {overlayProps, arrowProps, placement, triggerAnchorPoint} = useOverlayPosition({\n    placement: props.placement || 'top',\n    targetRef: props.triggerRef!,\n    overlayRef: props.tooltipRef,\n    arrowRef,\n    offset: props.offset,\n    crossOffset: props.crossOffset,\n    isOpen: state.isOpen,\n    arrowBoundaryOffset: props.arrowBoundaryOffset,\n    shouldFlip: props.shouldFlip,\n    containerPadding: props.containerPadding,\n    onClose: () => state.close(true)\n  });\n\n  // Skip the automatic entry animation when opening instantly (e.g. swapping between tooltips\n  // during warmup). An explicitly provided isEntering prop still takes precedence.\n  let enterAnimation = useEnterAnimation(props.tooltipRef, !!placement);\n  let isEntering = props.isEntering || (!state.shouldSkipAnimation && enterAnimation) || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Tooltip',\n    values: {\n      placement,\n      isEntering,\n      isExiting: props.isExiting,\n      state\n    }\n  });\n\n  props = mergeProps(props, overlayProps);\n  let {tooltipProps} = useTooltip(props, state);\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  // oxlint-disable react/react-compiler\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, tooltipProps)}\n      ref={props.tooltipRef}\n      style={\n        {\n          ...overlayProps.style,\n          '--trigger-anchor-point': triggerAnchorPoint\n            ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px`\n            : undefined,\n          ...renderProps.style\n        } as CSSProperties\n      }\n      data-placement={placement ?? undefined}\n      data-entering={isEntering || undefined}\n      data-exiting={props.isExiting || undefined}>\n      <OverlayArrowContext.Provider value={{...arrowProps, placement, ref: arrowRef}}>\n        {renderProps.children}\n      </OverlayArrowContext.Provider>\n    </dom.div>\n  );\n  // oxlint-enable react/react-compiler\n}\n"],"names":[],"version":3,"file":"Tooltip.mjs.map"}

package/dist/private/Tree.cjs

@@ -263,11 +263,13 @@ function $8b1888e80597ea2d$var$TreeInner({ props: props, collection: collection,
     let dragPreview = null;
     let preview = (0, $av2Q0$react.useRef)(null);
     if (hasDragHooks && dragAndDropHooks) {
+        // oxlint-disable-next-line react/react-compiler
         dragState = dragAndDropHooks.useDraggableCollectionState({
             collection: state.collection,
             selectionManager: state.selectionManager,
             preview: dragAndDropHooks.renderDragPreview ? preview : undefined
         });
+        // oxlint-disable-next-line react/react-compiler
         dragAndDropHooks.useDraggableCollection({}, dragState, ref);
         let DragPreview = dragAndDropHooks.DragPreview;
         dragPreview = dragAndDropHooks.renderDragPreview ? /*#__PURE__*/ (0, ($parcel$interopDefault($av2Q0$react))).createElement(DragPreview, {
@@ -276,6 +278,7 @@ function $8b1888e80597ea2d$var$TreeInner({ props: props, collection: collection,
     }
     let [treeDropTargetDelegate] = (0, $av2Q0$react.useState)(()=>new (0, $56f56e0916461149$exports.TreeDropTargetDelegate)());
     if (hasDropHooks && dragAndDropHooks) {
+        // oxlint-disable-next-line react/react-compiler
         dropState = dragAndDropHooks.useDroppableCollectionState({
             collection: state.collection,
             selectionManager: state.selectionManager
@@ -293,6 +296,7 @@ function $8b1888e80597ea2d$var$TreeInner({ props: props, collection: collection,
             direction: direction,
             layoutDelegate: layoutDelegate
         });
+        // oxlint-disable-next-line react/react-compiler
         droppableCollection = dragAndDropHooks.useDroppableCollection({
             keyboardDelegate: keyboardDelegate,
             dropTargetDelegate: treeDropTargetDelegate,
@@ -429,7 +433,9 @@ const $8b1888e80597ea2d$export$53d36ab85dc89436 = /*#__PURE__*/ (0, $av2Q0$react
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     let { rowProps: rowProps, gridCellProps: gridCellProps, expandButtonProps: expandButtonProps, descriptionProps: descriptionProps, ...states } = (0, $av2Q0$reactariauseTree.useTreeItem)({
         node: item,
-        shouldSelectOnPressUp: !!dragState
+        shouldSelectOnPressUp: !!dragState,
+        focusMode: props.focusMode,
+        allowsArrowNavigation: props.allowsArrowNavigation
     }, state, ref);
     let isExpanded = rowProps['aria-expanded'] === true;
     let hasChildItems = props.hasChildItems || [
@@ -605,6 +611,7 @@ const $8b1888e80597ea2d$export$53d36ab85dc89436 = /*#__PURE__*/ (0, $av2Q0$react
                 (0, $365d89633c2041bc$exports.CheckboxContext),
                 {
                     slots: {
+                        [(0, $048d76b84370f141$exports.DEFAULT_SLOT)]: {},
                         selection: checkboxProps
                     }
                 }
@@ -613,6 +620,7 @@ const $8b1888e80597ea2d$export$53d36ab85dc89436 = /*#__PURE__*/ (0, $av2Q0$react
                 (0, $365d89633c2041bc$exports.CheckboxFieldContext),
                 {
                     slots: {
+                        [(0, $048d76b84370f141$exports.DEFAULT_SLOT)]: {},
                         selection: checkboxProps
                     }
                 }
@@ -725,6 +733,7 @@ function $8b1888e80597ea2d$var$TreeDropIndicatorWrapper(props, ref) {
     ref = (0, $av2Q0$reactariauseObjectRef.useObjectRef)(ref);
     let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $av2Q0$react.useContext)((0, $d3d8871226fc64f2$exports.DragAndDropContext));
     let buttonRef = (0, $av2Q0$react.useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps, isHidden: isHidden, isDropTarget: isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, buttonRef);
     if (isHidden) return null;
     let level = dropState && props.target.type === 'item' ? (dropState.collection.getItem(props.target.key)?.level || 0) + 1 : 1;
@@ -771,6 +780,7 @@ const $8b1888e80597ea2d$var$TreeDropIndicatorForwardRef = /*#__PURE__*/ (0, $av2
 function $8b1888e80597ea2d$var$RootDropIndicator() {
     let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $av2Q0$react.useContext)((0, $d3d8871226fc64f2$exports.DragAndDropContext));
     let ref = (0, $av2Q0$react.useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
         target: {
             type: 'root'