react-aria-components 1.16.0 → 1.18.0

package/dist/private/NumberField.mjs

@@ -0,0 +1,139 @@
+import {ButtonContext as $7705c033048f6da7$export$24d547caef80ccd1} from "./Button.mjs";
+import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, removeDataAttributes as $7230ffa83bc0c2cf$export$ef03459518577ad4, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, useSlot as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, useSlottedContext as $7230ffa83bc0c2cf$export$fabf2dc03a41866e} from "./utils.mjs";
+import {FieldErrorContext as $1f3c3b1a70cec653$export$ff05c3ac10437e03} from "./FieldError.mjs";
+import {FormContext as $cdaed739b1139372$export$c24727297075ec6a} from "./Form.mjs";
+import {GroupContext as $3a442827418ebe87$export$f9c6924e160136d1} from "./Group.mjs";
+import {InputContext as $41fb335299a4a39e$export$37fb8590cf2c088c} from "./Input.mjs";
+import {LabelContext as $43a3b93638fe5db9$export$75b6ee27786ba447} from "./Label.mjs";
+import {TextContext as $efe09c6d1c304b50$export$9afb8bc826b033ea} from "./Text.mjs";
+import {useNumberField as $kf26I$useNumberField} from "react-aria/useNumberField";
+import {filterDOMProps as $kf26I$filterDOMProps} from "react-aria/filterDOMProps";
+import {useNumberFieldState as $kf26I$useNumberFieldState} from "react-stately/useNumberFieldState";
+import $kf26I$react, {createContext as $kf26I$createContext, forwardRef as $kf26I$forwardRef, useRef as $kf26I$useRef} from "react";
+import {useLocale as $kf26I$useLocale} from "react-aria/I18nProvider";
+
+/*
+ * 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 $10076bcc592bc574$export$b414a48cf5dcbc11 = /*#__PURE__*/ (0, $kf26I$createContext)(null);
+const $10076bcc592bc574$export$6cc906c6cff9bec5 = /*#__PURE__*/ (0, $kf26I$createContext)(null);
+const $10076bcc592bc574$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $kf26I$forwardRef)(function NumberField(props, ref) {
+    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $10076bcc592bc574$export$b414a48cf5dcbc11);
+    let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) || {};
+    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';
+    let { locale: locale } = (0, $kf26I$useLocale)();
+    let state = (0, $kf26I$useNumberFieldState)({
+        ...props,
+        locale: locale,
+        validationBehavior: validationBehavior
+    });
+    let inputRef = (0, $kf26I$useRef)(null);
+    let [labelRef, label] = (0, $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);
+    let { labelProps: labelProps, groupProps: groupProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $kf26I$useNumberField)({
+        ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),
+        label: label,
+        validationBehavior: validationBehavior
+    }, state, inputRef);
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            state: state,
+            isDisabled: props.isDisabled || false,
+            isInvalid: validation.isInvalid || false,
+            isRequired: props.isRequired || false,
+            isReadOnly: props.isReadOnly || false
+        },
+        defaultClassName: 'react-aria-NumberField'
+    });
+    let DOMProps = (0, $kf26I$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, $kf26I$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {
+        values: [
+            [
+                $10076bcc592bc574$export$6cc906c6cff9bec5,
+                state
+            ],
+            [
+                (0, $3a442827418ebe87$export$f9c6924e160136d1),
+                groupProps
+            ],
+            [
+                (0, $41fb335299a4a39e$export$37fb8590cf2c088c),
+                {
+                    ...inputProps,
+                    ref: inputRef
+                }
+            ],
+            [
+                (0, $43a3b93638fe5db9$export$75b6ee27786ba447),
+                {
+                    ...labelProps,
+                    ref: labelRef
+                }
+            ],
+            [
+                (0, $7705c033048f6da7$export$24d547caef80ccd1),
+                {
+                    slots: {
+                        increment: incrementButtonProps,
+                        decrement: decrementButtonProps
+                    }
+                }
+            ],
+            [
+                (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        description: descriptionProps,
+                        errorMessage: errorMessageProps
+                    }
+                }
+            ],
+            [
+                (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),
+                validation
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $kf26I$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...DOMProps,
+        ...renderProps,
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-readonly": props.isReadOnly || undefined,
+        "data-required": props.isRequired || undefined,
+        "data-invalid": validation.isInvalid || undefined
+    }), props.name && /*#__PURE__*/ (0, $kf26I$react).createElement("input", {
+        type: "hidden",
+        name: props.name,
+        form: props.form,
+        value: isNaN(state.numberValue) ? '' : state.numberValue,
+        disabled: props.isDisabled || undefined
+    }));
+});
+
+
+export {$10076bcc592bc574$export$b414a48cf5dcbc11 as NumberFieldContext, $10076bcc592bc574$export$6cc906c6cff9bec5 as NumberFieldStateContext, $10076bcc592bc574$export$63c5fa0b2fdccd2e as NumberField};
+//# sourceMappingURL=NumberField.mjs.map

package/dist/private/NumberField.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAuFM,MAAM,0DACX,CAAA,GAAA,oBAAY,EAAkD;AACzD,MAAM,0DAA0B,CAAA,GAAA,oBAAY,EAA2B;AAMvE,MAAM,4CAA4B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,YAC/E,KAAuB,EACvB,GAAiC;IAEjC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,EAAC,oBAAoB,sBAAsB,EAAC,GAAG,CAAA,GAAA,yCAAgB,EAAE,CAAA,GAAA,yCAAU,MAAM,CAAC;IACtF,IAAI,qBAAqB,MAAM,kBAAkB,IAAI,0BAA0B;IAC/E,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,IAAI,QAAQ,CAAA,GAAA,0BAAkB,EAAE;QAC9B,GAAG,KAAK;gBACR;4BACA;IACF;IAEA,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,CAAC,UAAU,MAAM,GAAG,CAAA,GAAA,yCAAM,EAAE,CAAC,KAAK,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,kBAAkB;IACjF,IAAI,cACF,UAAU,cACV,UAAU,cACV,UAAU,wBACV,oBAAoB,wBACpB,oBAAoB,oBACpB,gBAAgB,qBAChB,iBAAiB,EACjB,GAAG,YACJ,GAAG,CAAA,GAAA,qBAAa,EACf;QACE,GAAG,CAAA,GAAA,yCAAmB,EAAE,MAAM;eAC9B;4BACA;IACF,GACA,OACA;IAGF,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,QAAQ;mBACN;YACA,YAAY,MAAM,UAAU,IAAI;YAChC,WAAW,WAAW,SAAS,IAAI;YACnC,YAAY,MAAM,UAAU,IAAI;YAChC,YAAY,MAAM,UAAU,IAAI;QAClC;QACA,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAClD,OAAO,SAAS,EAAE;IAElB,qBACE,gCAAC,CAAA,GAAA,yCAAO;QACN,QAAQ;YACN;gBAAC;gBAAyB;aAAM;YAChC;gBAAC,CAAA,GAAA,yCAAW;gBAAG;aAAW;YAC1B;gBAAC,CAAA,GAAA,yCAAW;gBAAG;oBAAC,GAAG,UAAU;oBAAE,KAAK;gBAAQ;aAAE;YAC9C;gBAAC,CAAA,GAAA,yCAAW;gBAAG;oBAAC,GAAG,UAAU;oBAAE,KAAK;gBAAQ;aAAE;YAC9C;gBACE,CAAA,GAAA,yCAAY;gBACZ;oBACE,OAAO;wBACL,WAAW;wBACX,WAAW;oBACb;gBACF;aACD;YACD;gBACE,CAAA,GAAA,yCAAU;gBACV;oBACE,OAAO;wBACL,aAAa;wBACb,cAAc;oBAChB;gBACF;aACD;YACD;gBAAC,CAAA,GAAA,yCAAgB;gBAAG;aAAW;SAChC;qBACD,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,QAAQ;QACX,GAAG,WAAW;QACf,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,iBAAe,MAAM,UAAU,IAAI;QACnC,iBAAe,MAAM,UAAU,IAAI;QACnC,iBAAe,MAAM,UAAU,IAAI;QACnC,gBAAc,WAAW,SAAS,IAAI;QAEvC,MAAM,IAAI,kBACT,gCAAC;QACC,MAAK;QACL,MAAM,MAAM,IAAI;QAChB,MAAM,MAAM,IAAI;QAChB,OAAO,MAAM,MAAM,WAAW,IAAI,KAAK,MAAM,WAAW;QACxD,UAAU,MAAM,UAAU,IAAI;;AAKxC","sources":["packages/react-aria-components/src/NumberField.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 {AriaNumberFieldProps, useNumberField} from 'react-aria/useNumberField';\n\nimport {ButtonContext} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RACValidation,\n  removeDataAttributes,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {FieldErrorContext} from './FieldError';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FormContext} from './Form';\nimport {forwardRefType, GlobalDOMAttributes, InputDOMProps} from '@react-types/shared';\nimport {GroupContext} from './Group';\nimport {InputContext} from './Input';\nimport {LabelContext} from './Label';\nimport {NumberFieldState, useNumberFieldState} from 'react-stately/useNumberFieldState';\nimport React, {createContext, ForwardedRef, forwardRef, useRef} from 'react';\nimport {TextContext} from './Text';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface NumberFieldRenderProps {\n  /**\n   * Whether the number field is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the number field is invalid.\n   *\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean;\n  /**\n   * Whether the number field is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n  /**\n   * Whether the number field is required.\n   *\n   * @selector [data-required]\n   */\n  isRequired: boolean;\n  /**\n   * State of the number field.\n   */\n  state: NumberFieldState;\n}\n\nexport interface NumberFieldProps\n  extends\n    Omit<\n      AriaNumberFieldProps,\n      | 'label'\n      | 'placeholder'\n      | 'description'\n      | 'errorMessage'\n      | 'validationState'\n      | 'validationBehavior'\n    >,\n    RACValidation,\n    InputDOMProps,\n    RenderProps<NumberFieldRenderProps>,\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-NumberField'\n   */\n  className?: ClassNameOrFunction<NumberFieldRenderProps>;\n}\n\nexport const NumberFieldContext =\n  createContext<ContextValue<NumberFieldProps, HTMLDivElement>>(null);\nexport const NumberFieldStateContext = createContext<NumberFieldState | null>(null);\n\n/**\n * A number field allows a user to enter a number, and increment or decrement the value using\n * stepper buttons.\n */\nexport const NumberField = /*#__PURE__*/ (forwardRef as forwardRefType)(function NumberField(\n  props: NumberFieldProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, NumberFieldContext);\n  let {validationBehavior: formValidationBehavior} = useSlottedContext(FormContext) || {};\n  let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n  let {locale} = useLocale();\n  let state = useNumberFieldState({\n    ...props,\n    locale,\n    validationBehavior\n  });\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let {\n    labelProps,\n    groupProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    descriptionProps,\n    errorMessageProps,\n    ...validation\n  } = useNumberField(\n    {\n      ...removeDataAttributes(props),\n      label,\n      validationBehavior\n    },\n    state,\n    inputRef\n  );\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      state,\n      isDisabled: props.isDisabled || false,\n      isInvalid: validation.isInvalid || false,\n      isRequired: props.isRequired || false,\n      isReadOnly: props.isReadOnly || false\n    },\n    defaultClassName: 'react-aria-NumberField'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <Provider\n      values={[\n        [NumberFieldStateContext, state],\n        [GroupContext, groupProps],\n        [InputContext, {...inputProps, ref: inputRef}],\n        [LabelContext, {...labelProps, ref: labelRef}],\n        [\n          ButtonContext,\n          {\n            slots: {\n              increment: incrementButtonProps,\n              decrement: decrementButtonProps\n            }\n          }\n        ],\n        [\n          TextContext,\n          {\n            slots: {\n              description: descriptionProps,\n              errorMessage: errorMessageProps\n            }\n          }\n        ],\n        [FieldErrorContext, validation]\n      ]}>\n      <dom.div\n        {...DOMProps}\n        {...renderProps}\n        ref={ref}\n        slot={props.slot || undefined}\n        data-disabled={props.isDisabled || undefined}\n        data-readonly={props.isReadOnly || undefined}\n        data-required={props.isRequired || undefined}\n        data-invalid={validation.isInvalid || undefined}\n      />\n      {props.name && (\n        <input\n          type=\"hidden\"\n          name={props.name}\n          form={props.form}\n          value={isNaN(state.numberValue) ? '' : state.numberValue}\n          disabled={props.isDisabled || undefined}\n        />\n      )}\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"NumberField.mjs.map"}

package/dist/private/OverlayArrow.cjs

@@ -0,0 +1,64 @@
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $71mAU$reactariafilterDOMProps = require("react-aria/filterDOMProps");
+var $71mAU$react = require("react");
+
+
+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, "OverlayArrowContext", function () { return $89c727392dd0ab84$export$2de4954e8ae13b9f; });
+$parcel$export(module.exports, "OverlayArrow", function () { return $89c727392dd0ab84$export$746d02f47f4d381; });
+/*
+ * 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 $89c727392dd0ab84$export$2de4954e8ae13b9f = /*#__PURE__*/ (0, $71mAU$react.createContext)({
+    placement: 'bottom'
+});
+const $89c727392dd0ab84$export$746d02f47f4d381 = /*#__PURE__*/ (0, $71mAU$react.forwardRef)(function OverlayArrow(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $89c727392dd0ab84$export$2de4954e8ae13b9f);
+    let placement = props.placement;
+    let style = {
+        position: 'absolute',
+        transform: placement === 'top' || placement === 'bottom' ? 'translateX(-50%)' : 'translateY(-50%)'
+    };
+    if (placement != null) style[placement] = '100%';
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        defaultClassName: 'react-aria-OverlayArrow',
+        values: {
+            placement: placement
+        }
+    });
+    // remove undefined values from renderProps.style object so that it can be
+    // spread merged with the other style object
+    if (renderProps.style) Object.keys(renderProps.style).forEach((key)=>renderProps.style[key] === undefined && delete renderProps.style[key]);
+    let DOMProps = (0, $71mAU$reactariafilterDOMProps.filterDOMProps)(props);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($71mAU$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...DOMProps,
+        ...renderProps,
+        style: {
+            ...style,
+            ...renderProps.style
+        },
+        ref: ref,
+        "data-placement": placement
+    });
+});
+
+
+//# sourceMappingURL=OverlayArrow.cjs.map

package/dist/private/OverlayArrow.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAmBM,MAAM,0DAAsB,CAAA,GAAA,0BAAY,EAE7C;IACA,WAAW;AACb;AA6BO,MAAM,2CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,aAChF,KAAwB,EACxB,GAAiC;IAEjC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,YAAY,AAAC,MAAmC,SAAS;IAC7D,IAAI,QAAuB;QACzB,UAAU;QACV,WACE,cAAc,SAAS,cAAc,WAAW,qBAAqB;IACzE;IACA,IAAI,aAAa,MACf,KAAK,CAAC,UAAU,GAAG;IAGrB,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;uBACN;QACF;IACF;IACA,0EAA0E;IAC1E,4CAA4C;IAC5C,IAAI,YAAY,KAAK,EACnB,OAAO,IAAI,CAAC,YAAY,KAAK,EAAE,OAAO,CACpC,CAAA,MAAO,YAAY,KAAK,AAAC,CAAC,IAAI,KAAK,aAAa,OAAO,YAAY,KAAK,AAAC,CAAC,IAAI;IAIlF,IAAI,WAAW,CAAA,GAAA,6CAAa,EAAE;IAE9B,qBACE,0DAAC,CAAA,GAAA,6BAAE,EAAE,GAAG;QACL,GAAG,QAAQ;QACX,GAAG,WAAW;QACf,OAAO;YACL,GAAG,KAAK;YACR,GAAG,YAAY,KAAK;QACtB;QACA,KAAK;QACL,kBAAgB;;AAGtB","sources":["packages/react-aria-components/src/OverlayArrow.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  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DOMProps, forwardRefType} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {PlacementAxis} from 'react-aria/useOverlayPosition';\nimport React, {createContext, CSSProperties, ForwardedRef, forwardRef, HTMLAttributes} from 'react';\n\ninterface OverlayArrowContextValue extends OverlayArrowProps {\n  placement: PlacementAxis | null;\n}\n\nexport const OverlayArrowContext = createContext<\n  ContextValue<OverlayArrowContextValue, HTMLDivElement>\n>({\n  placement: 'bottom'\n});\n\nexport interface OverlayArrowProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'render' | 'children'>,\n    RenderProps<OverlayArrowRenderProps>,\n    DOMProps {\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-OverlayArrow'\n   */\n  className?: ClassNameOrFunction<OverlayArrowRenderProps>;\n}\n\nexport interface OverlayArrowRenderProps {\n  /**\n   * The placement of the overlay relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n}\n\n/**\n * An OverlayArrow renders a custom arrow element relative to an overlay element\n * such as a popover or tooltip such that it aligns with a trigger element.\n */\nexport const OverlayArrow = /*#__PURE__*/ (forwardRef as forwardRefType)(function OverlayArrow(\n  props: OverlayArrowProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, OverlayArrowContext);\n  let placement = (props as OverlayArrowContextValue).placement;\n  let style: CSSProperties = {\n    position: 'absolute',\n    transform:\n      placement === 'top' || placement === 'bottom' ? 'translateX(-50%)' : 'translateY(-50%)'\n  };\n  if (placement != null) {\n    style[placement] = '100%';\n  }\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-OverlayArrow',\n    values: {\n      placement\n    }\n  });\n  // remove undefined values from renderProps.style object so that it can be\n  // spread merged with the other style object\n  if (renderProps.style) {\n    Object.keys(renderProps.style).forEach(\n      key => renderProps.style![key] === undefined && delete renderProps.style![key]\n    );\n  }\n\n  let DOMProps = filterDOMProps(props);\n\n  return (\n    <dom.div\n      {...DOMProps}\n      {...renderProps}\n      style={{\n        ...style,\n        ...renderProps.style\n      }}\n      ref={ref}\n      data-placement={placement}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"OverlayArrow.cjs.map"}

package/dist/private/OverlayArrow.js

@@ -0,0 +1,54 @@
+import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3} from "./utils.js";
+import {filterDOMProps as $hygGF$filterDOMProps} from "react-aria/filterDOMProps";
+import $hygGF$react, {createContext as $hygGF$createContext, forwardRef as $hygGF$forwardRef} 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 $5cdd5922a5c055ad$export$2de4954e8ae13b9f = /*#__PURE__*/ (0, $hygGF$createContext)({
+    placement: 'bottom'
+});
+const $5cdd5922a5c055ad$export$746d02f47f4d381 = /*#__PURE__*/ (0, $hygGF$forwardRef)(function OverlayArrow(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $5cdd5922a5c055ad$export$2de4954e8ae13b9f);
+    let placement = props.placement;
+    let style = {
+        position: 'absolute',
+        transform: placement === 'top' || placement === 'bottom' ? 'translateX(-50%)' : 'translateY(-50%)'
+    };
+    if (placement != null) style[placement] = '100%';
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-OverlayArrow',
+        values: {
+            placement: placement
+        }
+    });
+    // remove undefined values from renderProps.style object so that it can be
+    // spread merged with the other style object
+    if (renderProps.style) Object.keys(renderProps.style).forEach((key)=>renderProps.style[key] === undefined && delete renderProps.style[key]);
+    let DOMProps = (0, $hygGF$filterDOMProps)(props);
+    return /*#__PURE__*/ (0, $hygGF$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...DOMProps,
+        ...renderProps,
+        style: {
+            ...style,
+            ...renderProps.style
+        },
+        ref: ref,
+        "data-placement": placement
+    });
+});
+
+
+export {$5cdd5922a5c055ad$export$2de4954e8ae13b9f as OverlayArrowContext, $5cdd5922a5c055ad$export$746d02f47f4d381 as OverlayArrow};
+//# sourceMappingURL=OverlayArrow.js.map

package/dist/private/OverlayArrow.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAmBM,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAE7C;IACA,WAAW;AACb;AA6BO,MAAM,2CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,aAChF,KAAwB,EACxB,GAAiC;IAEjC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,YAAY,AAAC,MAAmC,SAAS;IAC7D,IAAI,QAAuB;QACzB,UAAU;QACV,WACE,cAAc,SAAS,cAAc,WAAW,qBAAqB;IACzE;IACA,IAAI,aAAa,MACf,KAAK,CAAC,UAAU,GAAG;IAGrB,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;uBACN;QACF;IACF;IACA,0EAA0E;IAC1E,4CAA4C;IAC5C,IAAI,YAAY,KAAK,EACnB,OAAO,IAAI,CAAC,YAAY,KAAK,EAAE,OAAO,CACpC,CAAA,MAAO,YAAY,KAAK,AAAC,CAAC,IAAI,KAAK,aAAa,OAAO,YAAY,KAAK,AAAC,CAAC,IAAI;IAIlF,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE;IAE9B,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,QAAQ;QACX,GAAG,WAAW;QACf,OAAO;YACL,GAAG,KAAK;YACR,GAAG,YAAY,KAAK;QACtB;QACA,KAAK;QACL,kBAAgB;;AAGtB","sources":["packages/react-aria-components/src/OverlayArrow.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  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DOMProps, forwardRefType} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {PlacementAxis} from 'react-aria/useOverlayPosition';\nimport React, {createContext, CSSProperties, ForwardedRef, forwardRef, HTMLAttributes} from 'react';\n\ninterface OverlayArrowContextValue extends OverlayArrowProps {\n  placement: PlacementAxis | null;\n}\n\nexport const OverlayArrowContext = createContext<\n  ContextValue<OverlayArrowContextValue, HTMLDivElement>\n>({\n  placement: 'bottom'\n});\n\nexport interface OverlayArrowProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'render' | 'children'>,\n    RenderProps<OverlayArrowRenderProps>,\n    DOMProps {\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-OverlayArrow'\n   */\n  className?: ClassNameOrFunction<OverlayArrowRenderProps>;\n}\n\nexport interface OverlayArrowRenderProps {\n  /**\n   * The placement of the overlay relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n}\n\n/**\n * An OverlayArrow renders a custom arrow element relative to an overlay element\n * such as a popover or tooltip such that it aligns with a trigger element.\n */\nexport const OverlayArrow = /*#__PURE__*/ (forwardRef as forwardRefType)(function OverlayArrow(\n  props: OverlayArrowProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, OverlayArrowContext);\n  let placement = (props as OverlayArrowContextValue).placement;\n  let style: CSSProperties = {\n    position: 'absolute',\n    transform:\n      placement === 'top' || placement === 'bottom' ? 'translateX(-50%)' : 'translateY(-50%)'\n  };\n  if (placement != null) {\n    style[placement] = '100%';\n  }\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-OverlayArrow',\n    values: {\n      placement\n    }\n  });\n  // remove undefined values from renderProps.style object so that it can be\n  // spread merged with the other style object\n  if (renderProps.style) {\n    Object.keys(renderProps.style).forEach(\n      key => renderProps.style![key] === undefined && delete renderProps.style![key]\n    );\n  }\n\n  let DOMProps = filterDOMProps(props);\n\n  return (\n    <dom.div\n      {...DOMProps}\n      {...renderProps}\n      style={{\n        ...style,\n        ...renderProps.style\n      }}\n      ref={ref}\n      data-placement={placement}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"OverlayArrow.js.map"}

package/dist/private/OverlayArrow.mjs

@@ -0,0 +1,54 @@
+import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from "./utils.mjs";
+import {filterDOMProps as $cVyXW$filterDOMProps} from "react-aria/filterDOMProps";
+import $cVyXW$react, {createContext as $cVyXW$createContext, forwardRef as $cVyXW$forwardRef} 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 $4fcfe18fac72dabd$export$2de4954e8ae13b9f = /*#__PURE__*/ (0, $cVyXW$createContext)({
+    placement: 'bottom'
+});
+const $4fcfe18fac72dabd$export$746d02f47f4d381 = /*#__PURE__*/ (0, $cVyXW$forwardRef)(function OverlayArrow(props, ref) {
+    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $4fcfe18fac72dabd$export$2de4954e8ae13b9f);
+    let placement = props.placement;
+    let style = {
+        position: 'absolute',
+        transform: placement === 'top' || placement === 'bottom' ? 'translateX(-50%)' : 'translateY(-50%)'
+    };
+    if (placement != null) style[placement] = '100%';
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-OverlayArrow',
+        values: {
+            placement: placement
+        }
+    });
+    // remove undefined values from renderProps.style object so that it can be
+    // spread merged with the other style object
+    if (renderProps.style) Object.keys(renderProps.style).forEach((key)=>renderProps.style[key] === undefined && delete renderProps.style[key]);
+    let DOMProps = (0, $cVyXW$filterDOMProps)(props);
+    return /*#__PURE__*/ (0, $cVyXW$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+        ...DOMProps,
+        ...renderProps,
+        style: {
+            ...style,
+            ...renderProps.style
+        },
+        ref: ref,
+        "data-placement": placement
+    });
+});
+
+
+export {$4fcfe18fac72dabd$export$2de4954e8ae13b9f as OverlayArrowContext, $4fcfe18fac72dabd$export$746d02f47f4d381 as OverlayArrow};
+//# sourceMappingURL=OverlayArrow.mjs.map

package/dist/private/OverlayArrow.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAmBM,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAE7C;IACA,WAAW;AACb;AA6BO,MAAM,2CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,aAChF,KAAwB,EACxB,GAAiC;IAEjC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,YAAY,AAAC,MAAmC,SAAS;IAC7D,IAAI,QAAuB;QACzB,UAAU;QACV,WACE,cAAc,SAAS,cAAc,WAAW,qBAAqB;IACzE;IACA,IAAI,aAAa,MACf,KAAK,CAAC,UAAU,GAAG;IAGrB,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;uBACN;QACF;IACF;IACA,0EAA0E;IAC1E,4CAA4C;IAC5C,IAAI,YAAY,KAAK,EACnB,OAAO,IAAI,CAAC,YAAY,KAAK,EAAE,OAAO,CACpC,CAAA,MAAO,YAAY,KAAK,AAAC,CAAC,IAAI,KAAK,aAAa,OAAO,YAAY,KAAK,AAAC,CAAC,IAAI;IAIlF,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE;IAE9B,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,GAAG;QACL,GAAG,QAAQ;QACX,GAAG,WAAW;QACf,OAAO;YACL,GAAG,KAAK;YACR,GAAG,YAAY,KAAK;QACtB;QACA,KAAK;QACL,kBAAgB;;AAGtB","sources":["packages/react-aria-components/src/OverlayArrow.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  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DOMProps, forwardRefType} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {PlacementAxis} from 'react-aria/useOverlayPosition';\nimport React, {createContext, CSSProperties, ForwardedRef, forwardRef, HTMLAttributes} from 'react';\n\ninterface OverlayArrowContextValue extends OverlayArrowProps {\n  placement: PlacementAxis | null;\n}\n\nexport const OverlayArrowContext = createContext<\n  ContextValue<OverlayArrowContextValue, HTMLDivElement>\n>({\n  placement: 'bottom'\n});\n\nexport interface OverlayArrowProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'render' | 'children'>,\n    RenderProps<OverlayArrowRenderProps>,\n    DOMProps {\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-OverlayArrow'\n   */\n  className?: ClassNameOrFunction<OverlayArrowRenderProps>;\n}\n\nexport interface OverlayArrowRenderProps {\n  /**\n   * The placement of the overlay relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n}\n\n/**\n * An OverlayArrow renders a custom arrow element relative to an overlay element\n * such as a popover or tooltip such that it aligns with a trigger element.\n */\nexport const OverlayArrow = /*#__PURE__*/ (forwardRef as forwardRefType)(function OverlayArrow(\n  props: OverlayArrowProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, OverlayArrowContext);\n  let placement = (props as OverlayArrowContextValue).placement;\n  let style: CSSProperties = {\n    position: 'absolute',\n    transform:\n      placement === 'top' || placement === 'bottom' ? 'translateX(-50%)' : 'translateY(-50%)'\n  };\n  if (placement != null) {\n    style[placement] = '100%';\n  }\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-OverlayArrow',\n    values: {\n      placement\n    }\n  });\n  // remove undefined values from renderProps.style object so that it can be\n  // spread merged with the other style object\n  if (renderProps.style) {\n    Object.keys(renderProps.style).forEach(\n      key => renderProps.style![key] === undefined && delete renderProps.style![key]\n    );\n  }\n\n  let DOMProps = filterDOMProps(props);\n\n  return (\n    <dom.div\n      {...DOMProps}\n      {...renderProps}\n      style={{\n        ...style,\n        ...renderProps.style\n      }}\n      ref={ref}\n      data-placement={placement}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"OverlayArrow.mjs.map"}

package/dist/private/Popover.cjs

@@ -0,0 +1,224 @@
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $89c727392dd0ab84$exports = require("./OverlayArrow.cjs");
+var $88595bf043e542ec$exports = require("./Dialog.cjs");
+var $kmEDY$reactariausePopover = require("react-aria/usePopover");
+var $kmEDY$reactariaOverlay = require("react-aria/Overlay");
+var $kmEDY$reactariafilterDOMProps = require("react-aria/filterDOMProps");
+var $kmEDY$reactariaprivateinteractionsfocusSafely = require("react-aria/private/interactions/focusSafely");
+var $kmEDY$reactariaprivateinteractionsuseFocusVisible = require("react-aria/private/interactions/useFocusVisible");
+var $kmEDY$reactariaprivateutilsshadowdomDOMFunctions = require("react-aria/private/utils/shadowdom/DOMFunctions");
+var $kmEDY$reactariamergeProps = require("react-aria/mergeProps");
+var $kmEDY$reactstatelyuseOverlayTriggerState = require("react-stately/useOverlayTriggerState");
+var $kmEDY$react = require("react");
+var $kmEDY$reactariaprivateutilsanimation = require("react-aria/private/utils/animation");
+var $kmEDY$reactariaprivatecollectionsHidden = require("react-aria/private/collections/Hidden");
+var $kmEDY$reactariaprivateutilsuseLayoutEffect = require("react-aria/private/utils/useLayoutEffect");
+var $kmEDY$reactariaI18nProvider = require("react-aria/I18nProvider");
+var $kmEDY$reactariaprivateutilsuseResizeObserver = require("react-aria/private/utils/useResizeObserver");
+
+
+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, "PopoverContext", function () { return $74e35a768d38d46b$export$9b9a0cd73afb7ca4; });
+$parcel$export(module.exports, "Popover", function () { return $74e35a768d38d46b$export$5b6b19405a83ff9d; });
+/*
+ * 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 $74e35a768d38d46b$export$9b9a0cd73afb7ca4 = /*#__PURE__*/ (0, $kmEDY$react.createContext)(null);
+// Stores a ref for the portal container for a group of popovers (e.g. submenus).
+const $74e35a768d38d46b$var$PopoverGroupContext = /*#__PURE__*/ (0, $kmEDY$react.createContext)(null);
+const $74e35a768d38d46b$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $kmEDY$react.forwardRef)(function Popover(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $74e35a768d38d46b$export$9b9a0cd73afb7ca4);
+    let contextState = (0, $kmEDY$react.useContext)((0, $88595bf043e542ec$exports.OverlayTriggerStateContext));
+    let localState = (0, $kmEDY$reactstatelyuseOverlayTriggerState.useOverlayTriggerState)(props);
+    let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
+    let isExiting = (0, $kmEDY$reactariaprivateutilsanimation.useExitAnimation)(ref, state.isOpen) || props.isExiting || false;
+    let isHidden = (0, $kmEDY$reactariaprivatecollectionsHidden.useIsHidden)();
+    let { direction: direction } = (0, $kmEDY$reactariaI18nProvider.useLocale)();
+    // If we are in a hidden tree, we still need to preserve our children.
+    if (isHidden) {
+        let children = props.children;
+        if (typeof children === 'function') children = children({
+            trigger: props.trigger || null,
+            placement: 'bottom',
+            isEntering: false,
+            isExiting: false,
+            defaultChildren: null
+        });
+        return /*#__PURE__*/ (0, ($parcel$interopDefault($kmEDY$react))).createElement((0, ($parcel$interopDefault($kmEDY$react))).Fragment, null, children);
+    }
+    if (state && !state.isOpen && !isExiting) return null;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($kmEDY$react))).createElement($74e35a768d38d46b$var$PopoverInner, {
+        ...props,
+        triggerRef: props.triggerRef,
+        state: state,
+        popoverRef: ref,
+        isExiting: isExiting,
+        dir: direction
+    });
+});
+function $74e35a768d38d46b$var$PopoverInner({ state: state, isExiting: isExiting, UNSTABLE_portalContainer: UNSTABLE_portalContainer, clearContexts: clearContexts, ...props }) {
+    // Calculate the arrow size internally (and remove props.arrowSize from PopoverProps)
+    // Referenced from: packages/@react-spectrum/tooltip/src/TooltipTrigger.tsx
+    let arrowRef = (0, $kmEDY$react.useRef)(null);
+    let containerRef = (0, $kmEDY$react.useRef)(null);
+    let groupCtx = (0, $kmEDY$react.useContext)($74e35a768d38d46b$var$PopoverGroupContext);
+    let isSubPopover = groupCtx && props.trigger === 'SubmenuTrigger';
+    let { popoverProps: popoverProps, underlayProps: underlayProps, arrowProps: arrowProps, placement: placement, triggerAnchorPoint: triggerAnchorPoint } = (0, $kmEDY$reactariausePopover.usePopover)({
+        ...props,
+        offset: props.offset ?? 8,
+        arrowRef: arrowRef,
+        // If this is a submenu/subdialog, use the root popover's container
+        // to detect outside interaction and add aria-hidden.
+        groupRef: isSubPopover ? groupCtx : containerRef
+    }, state);
+    let ref = props.popoverRef;
+    let isEntering = (0, $kmEDY$reactariaprivateutilsanimation.useEnterAnimation)(ref, !!placement) || props.isEntering || false;
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        defaultClassName: 'react-aria-Popover',
+        values: {
+            trigger: props.trigger || null,
+            placement: placement,
+            isEntering: isEntering,
+            isExiting: isExiting
+        }
+    });
+    // Automatically render Popover with role=dialog except when isNonModal is true,
+    // or a dialog is already nested inside the popover.
+    let shouldBeDialog = !props.isNonModal || props.trigger === 'SubmenuTrigger';
+    let [isDialog, setDialog] = (0, $kmEDY$react.useState)(false);
+    (0, $kmEDY$reactariaprivateutilsuseLayoutEffect.useLayoutEffect)(()=>{
+        if (ref.current) setDialog(shouldBeDialog && !ref.current.querySelector('[role=dialog]'));
+    }, [
+        ref,
+        shouldBeDialog
+    ]);
+    // Focus the popover itself on mount, unless a child element is already focused.
+    // Skip this for submenus since hovering a submenutrigger should keep focus on the trigger
+    (0, $kmEDY$react.useEffect)(()=>{
+        if (isDialog && (props.trigger !== 'SubmenuTrigger' || (0, $kmEDY$reactariaprivateinteractionsuseFocusVisible.getInteractionModality)() !== 'pointer') && ref.current && !(0, $kmEDY$reactariaprivateutilsshadowdomDOMFunctions.isFocusWithin)(ref.current)) (0, $kmEDY$reactariaprivateinteractionsfocusSafely.focusSafely)(ref.current);
+    }, [
+        isDialog,
+        ref,
+        props.trigger
+    ]);
+    let children = (0, $kmEDY$react.useMemo)(()=>{
+        let children = renderProps.children;
+        if (clearContexts) for (let Context of clearContexts)children = /*#__PURE__*/ (0, ($parcel$interopDefault($kmEDY$react))).createElement(Context.Provider, {
+            value: null
+        }, children);
+        return children;
+    }, [
+        renderProps.children,
+        clearContexts
+    ]);
+    let [triggerWidth, setTriggerWidth] = (0, $kmEDY$react.useState)(null);
+    let onResize = (0, $kmEDY$react.useCallback)(()=>{
+        if (props.triggerRef.current) setTriggerWidth(props.triggerRef.current.getBoundingClientRect().width + 'px');
+    }, [
+        props.triggerRef
+    ]);
+    (0, $kmEDY$reactariaprivateutilsuseLayoutEffect.useLayoutEffect)(onResize, [
+        onResize
+    ]);
+    (0, $kmEDY$reactariaprivateutilsuseResizeObserver.useResizeObserver)({
+        ref: renderProps.style?.['--trigger-width'] ? undefined : props.triggerRef,
+        onResize: onResize
+    });
+    let style = {
+        ...popoverProps.style,
+        '--trigger-anchor-point': triggerAnchorPoint ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px` : undefined,
+        ...renderProps.style,
+        '--trigger-width': renderProps.style?.['--trigger-width'] || triggerWidth
+    };
+    let overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($kmEDY$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...(0, $kmEDY$reactariamergeProps.mergeProps)((0, $kmEDY$reactariafilterDOMProps.filterDOMProps)(props, {
+            global: true
+        }), popoverProps),
+        ...renderProps,
+        role: isDialog ? 'dialog' : undefined,
+        tabIndex: isDialog ? -1 : undefined,
+        "aria-label": props['aria-label'],
+        "aria-labelledby": props['aria-labelledby'],
+        ref: ref,
+        slot: props.slot || undefined,
+        style: style,
+        dir: props.dir,
+        "data-trigger": props.trigger,
+        "data-placement": placement,
+        "data-entering": isEntering || undefined,
+        "data-exiting": isExiting || undefined
+    }, !props.isNonModal && /*#__PURE__*/ (0, ($parcel$interopDefault($kmEDY$react))).createElement((0, $kmEDY$reactariaOverlay.DismissButton), {
+        onDismiss: state.close
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($kmEDY$react))).createElement((0, $89c727392dd0ab84$exports.OverlayArrowContext).Provider, {
+        value: {
+            ...arrowProps,
+            placement: placement,
+            ref: arrowRef
+        }
+    }, children), /*#__PURE__*/ (0, ($parcel$interopDefault($kmEDY$react))).createElement((0, $kmEDY$reactariaOverlay.DismissButton), {
+        onDismiss: state.close
+    }));
+    // If this is a root popover, render an extra div to act as the portal container for submenus/subdialogs.
+    if (!isSubPopover) return /*#__PURE__*/ (0, ($parcel$interopDefault($kmEDY$react))).createElement((0, $kmEDY$reactariaOverlay.Overlay), {
+        ...props,
+        shouldContainFocus: isDialog,
+        isExiting: isExiting,
+        portalContainer: UNSTABLE_portalContainer
+    }, !props.isNonModal && state.isOpen && /*#__PURE__*/ (0, ($parcel$interopDefault($kmEDY$react))).createElement("div", {
+        "data-testid": "underlay",
+        ...underlayProps,
+        style: {
+            position: 'fixed',
+            inset: 0
+        }
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($kmEDY$react))).createElement("div", {
+        ref: containerRef,
+        style: {
+            display: 'contents'
+        }
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($kmEDY$react))).createElement($74e35a768d38d46b$var$PopoverGroupContext.Provider, {
+        value: containerRef
+    }, overlay)));
+    // Submenus/subdialogs are mounted into the root popover's container.
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($kmEDY$react))).createElement((0, $kmEDY$reactariaOverlay.Overlay), {
+        ...props,
+        shouldContainFocus: isDialog,
+        isExiting: isExiting,
+        portalContainer: UNSTABLE_portalContainer ?? groupCtx?.current ?? undefined
+    }, overlay);
+}
+
+
+//# sourceMappingURL=Popover.cjs.map

package/dist/private/Popover.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;AAwIM,MAAM,0DAAiB,CAAA,GAAA,0BAAY,EAAkD;AAE5F,iFAAiF;AACjF,MAAM,0DAAsB,CAAA,GAAA,0BAAY,EAAoC;AAKrE,MAAM,4CAAwB,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,QAC3E,KAAmB,EACnB,GAA8B;IAE9B,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,eAAe,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,oDAAyB;IACvD,IAAI,aAAa,CAAA,GAAA,gEAAqB,EAAE;IACxC,IAAI,QACF,MAAM,MAAM,IAAI,QAAQ,MAAM,WAAW,IAAI,QAAQ,CAAC,eAAe,aAAa;IACpF,IAAI,YAAY,CAAA,GAAA,sDAAe,EAAE,KAAK,MAAM,MAAM,KAAK,MAAM,SAAS,IAAI;IAC1E,IAAI,WAAW,CAAA,GAAA,oDAAU;IACzB,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,sCAAQ;IAE1B,sEAAsE;IACtE,IAAI,UAAU;QACZ,IAAI,WAAW,MAAM,QAAQ;QAC7B,IAAI,OAAO,aAAa,YACtB,WAAW,SAAS;YAClB,SAAS,MAAM,OAAO,IAAI;YAC1B,WAAW;YACX,YAAY;YACZ,WAAW;YACX,iBAAiB;QACnB;QAGF,qBAAO,sHAAG;IACZ;IAEA,IAAI,SAAS,CAAC,MAAM,MAAM,IAAI,CAAC,WAC7B,OAAO;IAGT,qBACE,0DAAC;QACE,GAAG,KAAK;QACT,YAAY,MAAM,UAAU;QAC5B,OAAO;QACP,YAAY;QACZ,WAAW;QACX,KAAK;;AAGX;AAYA,SAAS,mCAAa,SACpB,KAAK,aACL,SAAS,4BACT,wBAAwB,iBACxB,aAAa,EACb,GAAG,OACe;IAClB,qFAAqF;IACrF,2EAA2E;IAC3E,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAkB;IACtC,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAyB;IACjD,IAAI,WAAW,CAAA,GAAA,uBAAS,EAAE;IAC1B,IAAI,eAAe,YAAY,MAAM,OAAO,KAAK;IAEjD,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,aAAE,SAAS,sBAAE,kBAAkB,EAAC,GAAG,CAAA,GAAA,qCAAS,EACtF;QACE,GAAG,KAAK;QACR,QAAQ,MAAM,MAAM,IAAI;kBACxB;QACA,mEAAmE;QACnE,qDAAqD;QACrD,UAAU,eAAe,WAAY;IACvC,GACA;IAGF,IAAI,MAAM,MAAM,UAAU;IAC1B,IAAI,aAAa,CAAA,GAAA,uDAAgB,EAAE,KAAK,CAAC,CAAC,cAAc,MAAM,UAAU,IAAI;IAC5E,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;YACN,SAAS,MAAM,OAAO,IAAI;uBAC1B;wBACA;uBACA;QACF;IACF;IAEA,gFAAgF;IAChF,oDAAoD;IACpD,IAAI,iBAAiB,CAAC,MAAM,UAAU,IAAI,MAAM,OAAO,KAAK;IAC5D,IAAI,CAAC,UAAU,UAAU,GAAG,CAAA,GAAA,qBAAO,EAAE;IACrC,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,IAAI,OAAO,EACb,UAAU,kBAAkB,CAAC,IAAI,OAAO,CAAC,aAAa,CAAC;IAE3D,GAAG;QAAC;QAAK;KAAe;IAExB,gFAAgF;IAChF,0FAA0F;IAC1F,CAAA,GAAA,sBAAQ,EAAE;QACR,IACE,YACC,CAAA,MAAM,OAAO,KAAK,oBAAoB,CAAA,GAAA,yEAAqB,QAAQ,SAAQ,KAC5E,IAAI,OAAO,IACX,CAAC,CAAA,GAAA,+DAAY,EAAE,IAAI,OAAO,GAE1B,CAAA,GAAA,0DAAU,EAAE,IAAI,OAAO;IAE3B,GAAG;QAAC;QAAU;QAAK,MAAM,OAAO;KAAC;IAEjC,IAAI,WAAW,CAAA,GAAA,oBAAM,EAAE;QACrB,IAAI,WAAW,YAAY,QAAQ;QACnC,IAAI,eACF,KAAK,IAAI,WAAW,cAClB,yBAAW,0DAAC,QAAQ,QAAQ;YAAC,OAAO;WAAO;QAG/C,OAAO;IACT,GAAG;QAAC,YAAY,QAAQ;QAAE;KAAc;IAExC,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,qBAAO,EAAiB;IAC9D,IAAI,WAAW,CAAA,GAAA,wBAAU,EAAE;QACzB,IAAI,MAAM,UAAU,CAAC,OAAO,EAC1B,gBAAgB,MAAM,UAAU,CAAC,OAAO,CAAC,qBAAqB,GAAG,KAAK,GAAG;IAE7E,GAAG;QAAC,MAAM,UAAU;KAAC;IAErB,CAAA,GAAA,2DAAc,EAAE,UAAU;QAAC;KAAS;IACpC,CAAA,GAAA,+DAAgB,EAAE;QAChB,KAAK,YAAY,KAAK,EAAE,CAAC,kBAAkB,GAAG,YAAY,MAAM,UAAU;QAC1E,UAAU;IACZ;IAEA,IAAI,QAAQ;QACV,GAAG,aAAa,KAAK;QACrB,0BAA0B,qBACtB,GAAG,mBAAmB,CAAC,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,GACrD;QACJ,GAAG,YAAY,KAAK;QACpB,mBAAmB,YAAY,KAAK,EAAE,CAAC,kBAAkB,IAAI;IAC/D;IAEA,IAAI,wBACF,0DAAC,CAAA,GAAA,6BAAE,EAAE,GAAG;QACL,GAAG,CAAA,GAAA,qCAAS,EAAE,CAAA,GAAA,6CAAa,EAAE,OAAO;YAAC,QAAQ;QAAI,IAAI,aAAa;QAClE,GAAG,WAAW;QACf,MAAM,WAAW,WAAW;QAC5B,UAAU,WAAW,KAAK;QAC1B,cAAY,KAAK,CAAC,aAAa;QAC/B,mBAAiB,KAAK,CAAC,kBAAkB;QACzC,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,OAAO;QACP,KAAK,MAAM,GAAG;QACd,gBAAc,MAAM,OAAO;QAC3B,kBAAgB;QAChB,iBAAe,cAAc;QAC7B,gBAAc,aAAa;OAC1B,CAAC,MAAM,UAAU,kBAAI,0DAAC,CAAA,GAAA,qCAAY;QAAE,WAAW,MAAM,KAAK;sBAC3D,0DAAC,CAAA,GAAA,6CAAkB,EAAE,QAAQ;QAAC,OAAO;YAAC,GAAG,UAAU;uBAAE;YAAW,KAAK;QAAQ;OAC1E,yBAEH,0DAAC,CAAA,GAAA,qCAAY;QAAE,WAAW,MAAM,KAAK;;IAIzC,yGAAyG;IACzG,IAAI,CAAC,cACH,qBACE,0DAAC,CAAA,GAAA,+BAAM;QACJ,GAAG,KAAK;QACT,oBAAoB;QACpB,WAAW;QACX,iBAAiB;OAChB,CAAC,MAAM,UAAU,IAAI,MAAM,MAAM,kBAChC,0DAAC;QAAI,eAAY;QAAY,GAAG,aAAa;QAAE,OAAO;YAAC,UAAU;YAAS,OAAO;QAAC;sBAEpF,0DAAC;QAAI,KAAK;QAAc,OAAO;YAAC,SAAS;QAAU;qBACjD,0DAAC,0CAAoB,QAAQ;QAAC,OAAO;OAClC;IAOX,qEAAqE;IACrE,qBACE,0DAAC,CAAA,GAAA,+BAAM;QACJ,GAAG,KAAK;QACT,oBAAoB;QACpB,WAAW;QACX,iBAAiB,4BAA4B,UAAU,WAAW;OACjE;AAGP","sources":["packages/react-aria-components/src/Popover.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  forwardRefType,\n  GlobalDOMAttributes,\n  RefObject\n} from '@react-types/shared';\nimport {AriaPopoverProps, usePopover} from 'react-aria/usePopover';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {DismissButton, Overlay} from 'react-aria/Overlay';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {focusSafely} from 'react-aria/private/interactions/focusSafely';\nimport {getInteractionModality} from 'react-aria/private/interactions/useFocusVisible';\nimport {isFocusWithin} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {OverlayArrowContext} from './OverlayArrow';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport {PlacementAxis, PositionProps} from 'react-aria/useOverlayPosition';\nimport React, {\n  Context,\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';\nimport {useIsHidden} from 'react-aria/private/collections/Hidden';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\n\nexport interface PopoverProps\n  extends\n    Omit<PositionProps, 'isOpen'>,\n    Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef' | 'groupRef' | 'offset' | 'arrowSize'>,\n    OverlayTriggerProps,\n    RenderProps<PopoverRenderProps>,\n    SlotProps,\n    AriaLabelingProps,\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-Popover'\n   */\n  className?: ClassNameOrFunction<PopoverRenderProps>;\n  /**\n   * The name of the component that triggered the popover. This is reflected on the element\n   * as the `data-trigger` attribute, and can be used to provide specific\n   * styles for the popover depending on which element triggered it.\n   */\n  trigger?: string;\n  /**\n   * The ref for the element which the popover positions itself with respect to.\n   *\n   * When used within a trigger component such as DialogTrigger, MenuTrigger, Select, etc.,\n   * this is set automatically. It is only required when used standalone.\n   */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Whether the popover is currently performing an entry animation.\n   */\n  isEntering?: boolean;\n  /**\n   * Whether the popover 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 additional offset applied along the main axis between the element and its\n   * anchor element.\n   *\n   * @default 8\n   */\n  offset?: number;\n}\n\nexport interface PopoverRenderProps {\n  /**\n   * The name of the component that triggered the popover, e.g. \"DialogTrigger\" or \"ComboBox\".\n   *\n   * @selector [data-trigger=\"...\"]\n   */\n  trigger: string | null;\n  /**\n   * The placement of the popover relative to the trigger.\n   *\n   * @selector [data-placement=\"left | right | top | bottom\"]\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the popover is currently entering. Use this to apply animations.\n   *\n   * @selector [data-entering]\n   */\n  isEntering: boolean;\n  /**\n   * Whether the popover is currently exiting. Use this to apply animations.\n   *\n   * @selector [data-exiting]\n   */\n  isExiting: boolean;\n}\n\ninterface PopoverContextValue extends PopoverProps {\n  /** Contexts to clear. */\n  clearContexts?: Context<any>[];\n}\n\nexport const PopoverContext = createContext<ContextValue<PopoverContextValue, HTMLElement>>(null);\n\n// Stores a ref for the portal container for a group of popovers (e.g. submenus).\nconst PopoverGroupContext = createContext<RefObject<Element | null> | null>(null);\n\n/**\n * A popover is an overlay element positioned relative to a trigger.\n */\nexport const Popover = /*#__PURE__*/ (forwardRef as forwardRefType)(function Popover(\n  props: PopoverProps,\n  ref: ForwardedRef<HTMLElement>\n) {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  let contextState = useContext(OverlayTriggerStateContext);\n  let localState = useOverlayTriggerState(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  let isHidden = useIsHidden();\n  let {direction} = useLocale();\n\n  // If we are in a hidden tree, we still need to preserve our children.\n  if (isHidden) {\n    let children = props.children;\n    if (typeof children === 'function') {\n      children = children({\n        trigger: props.trigger || null,\n        placement: 'bottom',\n        isEntering: false,\n        isExiting: false,\n        defaultChildren: null\n      });\n    }\n\n    return <>{children}</>;\n  }\n\n  if (state && !state.isOpen && !isExiting) {\n    return null;\n  }\n\n  return (\n    <PopoverInner\n      {...props}\n      triggerRef={props.triggerRef!}\n      state={state}\n      popoverRef={ref}\n      isExiting={isExiting}\n      dir={direction}\n    />\n  );\n});\n\ninterface PopoverInnerProps extends AriaPopoverProps, RenderProps<PopoverRenderProps>, SlotProps {\n  state: OverlayTriggerState;\n  isEntering?: boolean;\n  isExiting: boolean;\n  UNSTABLE_portalContainer?: Element;\n  trigger?: string;\n  dir?: 'ltr' | 'rtl';\n  clearContexts?: Context<any>[];\n}\n\nfunction PopoverInner({\n  state,\n  isExiting,\n  UNSTABLE_portalContainer,\n  clearContexts,\n  ...props\n}: PopoverInnerProps) {\n  // Calculate the arrow size internally (and remove props.arrowSize from PopoverProps)\n  // Referenced from: packages/@react-spectrum/tooltip/src/TooltipTrigger.tsx\n  let arrowRef = useRef<HTMLDivElement>(null);\n  let containerRef = useRef<HTMLDivElement | null>(null);\n  let groupCtx = useContext(PopoverGroupContext);\n  let isSubPopover = groupCtx && props.trigger === 'SubmenuTrigger';\n\n  let {popoverProps, underlayProps, arrowProps, placement, triggerAnchorPoint} = usePopover(\n    {\n      ...props,\n      offset: props.offset ?? 8,\n      arrowRef,\n      // If this is a submenu/subdialog, use the root popover's container\n      // to detect outside interaction and add aria-hidden.\n      groupRef: isSubPopover ? groupCtx! : containerRef\n    },\n    state\n  );\n\n  let ref = props.popoverRef as RefObject<HTMLDivElement | null>;\n  let isEntering = useEnterAnimation(ref, !!placement) || props.isEntering || false;\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Popover',\n    values: {\n      trigger: props.trigger || null,\n      placement,\n      isEntering,\n      isExiting\n    }\n  });\n\n  // Automatically render Popover with role=dialog except when isNonModal is true,\n  // or a dialog is already nested inside the popover.\n  let shouldBeDialog = !props.isNonModal || props.trigger === 'SubmenuTrigger';\n  let [isDialog, setDialog] = useState(false);\n  useLayoutEffect(() => {\n    if (ref.current) {\n      setDialog(shouldBeDialog && !ref.current.querySelector('[role=dialog]'));\n    }\n  }, [ref, shouldBeDialog]);\n\n  // Focus the popover itself on mount, unless a child element is already focused.\n  // Skip this for submenus since hovering a submenutrigger should keep focus on the trigger\n  useEffect(() => {\n    if (\n      isDialog &&\n      (props.trigger !== 'SubmenuTrigger' || getInteractionModality() !== 'pointer') &&\n      ref.current &&\n      !isFocusWithin(ref.current)\n    ) {\n      focusSafely(ref.current);\n    }\n  }, [isDialog, ref, props.trigger]);\n\n  let children = useMemo(() => {\n    let children = renderProps.children;\n    if (clearContexts) {\n      for (let Context of clearContexts) {\n        children = <Context.Provider value={null}>{children}</Context.Provider>;\n      }\n    }\n    return children;\n  }, [renderProps.children, clearContexts]);\n\n  let [triggerWidth, setTriggerWidth] = useState<string | null>(null);\n  let onResize = useCallback(() => {\n    if (props.triggerRef.current) {\n      setTriggerWidth(props.triggerRef.current.getBoundingClientRect().width + 'px');\n    }\n  }, [props.triggerRef]);\n\n  useLayoutEffect(onResize, [onResize]);\n  useResizeObserver({\n    ref: renderProps.style?.['--trigger-width'] ? undefined : props.triggerRef,\n    onResize: onResize\n  });\n\n  let style = {\n    ...popoverProps.style,\n    '--trigger-anchor-point': triggerAnchorPoint\n      ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px`\n      : undefined,\n    ...renderProps.style,\n    '--trigger-width': renderProps.style?.['--trigger-width'] || triggerWidth\n  };\n\n  let overlay = (\n    <dom.div\n      {...mergeProps(filterDOMProps(props, {global: true}), popoverProps)}\n      {...renderProps}\n      role={isDialog ? 'dialog' : undefined}\n      tabIndex={isDialog ? -1 : undefined}\n      aria-label={props['aria-label']}\n      aria-labelledby={props['aria-labelledby']}\n      ref={ref}\n      slot={props.slot || undefined}\n      style={style}\n      dir={props.dir}\n      data-trigger={props.trigger}\n      data-placement={placement}\n      data-entering={isEntering || undefined}\n      data-exiting={isExiting || undefined}>\n      {!props.isNonModal && <DismissButton onDismiss={state.close} />}\n      <OverlayArrowContext.Provider value={{...arrowProps, placement, ref: arrowRef}}>\n        {children}\n      </OverlayArrowContext.Provider>\n      <DismissButton onDismiss={state.close} />\n    </dom.div>\n  );\n\n  // If this is a root popover, render an extra div to act as the portal container for submenus/subdialogs.\n  if (!isSubPopover) {\n    return (\n      <Overlay\n        {...props}\n        shouldContainFocus={isDialog}\n        isExiting={isExiting}\n        portalContainer={UNSTABLE_portalContainer}>\n        {!props.isNonModal && state.isOpen && (\n          <div data-testid=\"underlay\" {...underlayProps} style={{position: 'fixed', inset: 0}} />\n        )}\n        <div ref={containerRef} style={{display: 'contents'}}>\n          <PopoverGroupContext.Provider value={containerRef}>\n            {overlay}\n          </PopoverGroupContext.Provider>\n        </div>\n      </Overlay>\n    );\n  }\n\n  // Submenus/subdialogs are mounted into the root popover's container.\n  return (\n    <Overlay\n      {...props}\n      shouldContainFocus={isDialog}\n      isExiting={isExiting}\n      portalContainer={UNSTABLE_portalContainer ?? groupCtx?.current ?? undefined}>\n      {overlay}\n    </Overlay>\n  );\n}\n"],"names":[],"version":3,"file":"Popover.cjs.map"}