react-aria 3.46.0 → 3.48.0

package/dist/private/dialog/useDialog.cjs

@@ -0,0 +1,106 @@
+var $b97366b6eabbb2cc$exports = require("../utils/filterDOMProps.cjs");
+var $4a053a4bf25e52fb$exports = require("../interactions/focusSafely.cjs");
+var $da02ee888921bc9e$exports = require("../utils/shadowdom/DOMFunctions.cjs");
+var $6d3a394e4e7927ef$exports = require("../overlays/Overlay.cjs");
+var $7ac82d1fee77eb8a$exports = require("../utils/useId.cjs");
+var $9X3JZ$react = require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useDialog", function () { return $f80cba525f142541$export$d55e7ee900f34e93; });
+/*
+ * Copyright 2020 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.
+ */ 
+
+
+
+
+
+function $f80cba525f142541$export$d55e7ee900f34e93(props, ref) {
+    let { role: role = 'dialog' } = props;
+    let titleId = (0, $7ac82d1fee77eb8a$exports.useSlotId)();
+    titleId = props['aria-label'] ? undefined : titleId;
+    let isRefocusing = (0, $9X3JZ$react.useRef)(false);
+    // Focus the dialog itself on mount, unless a child element is already focused.
+    (0, $9X3JZ$react.useEffect)(()=>{
+        if (ref.current && !(0, $da02ee888921bc9e$exports.isFocusWithin)(ref.current)) {
+            (0, $4a053a4bf25e52fb$exports.focusSafely)(ref.current);
+            // Safari on iOS does not move the VoiceOver cursor to the dialog
+            // or announce that it has opened until it has rendered. A workaround
+            // is to wait for half a second, then blur and re-focus the dialog.
+            let timeout = setTimeout(()=>{
+                // Check that the dialog is still focused, or focused was lost to the body.
+                if ((0, $da02ee888921bc9e$exports.getActiveElement)() === ref.current || (0, $da02ee888921bc9e$exports.getActiveElement)() === document.body) {
+                    isRefocusing.current = true;
+                    if (ref.current) {
+                        ref.current.blur();
+                        (0, $4a053a4bf25e52fb$exports.focusSafely)(ref.current);
+                    }
+                    isRefocusing.current = false;
+                }
+            }, 500);
+            return ()=>{
+                clearTimeout(timeout);
+            };
+        }
+    }, [
+        ref
+    ]);
+    (0, $6d3a394e4e7927ef$exports.useOverlayFocusContain)();
+    // Warn in dev mode if the dialog has no accessible title.
+    // This catches a common mistake where useDialog and useOverlayTriggerState
+    // are used in the same component, causing the title element to not be
+    // in the DOM when useSlotId queries for it.
+    // Check the DOM element directly since aria-labelledby may be added by
+    // wrapper components (e.g. RAC Dialog uses trigger ID as a fallback).
+    let hasWarned = (0, $9X3JZ$react.useRef)(false);
+    (0, $9X3JZ$react.useEffect)(()=>{
+        if (process.env.NODE_ENV !== 'production' && !hasWarned.current && ref.current) {
+            let el = ref.current;
+            let hasAriaLabel = el.hasAttribute('aria-label');
+            let hasAriaLabelledby = el.hasAttribute('aria-labelledby');
+            if (!hasAriaLabel && !hasAriaLabelledby) {
+                console.warn("A dialog must have a title for accessibility. Either provide an aria-label or aria-labelledby prop, or render a heading element inside the dialog.");
+                hasWarned.current = true;
+            }
+        }
+    });
+    // We do not use aria-modal due to a Safari bug which forces the first focusable element to be focused
+    // on mount when inside an iframe, no matter which element we programmatically focus.
+    // See https://bugs.webkit.org/show_bug.cgi?id=211934.
+    // useModal sets aria-hidden on all elements outside the dialog, so the dialog will behave as a modal
+    // even without aria-modal on the dialog itself.
+    return {
+        dialogProps: {
+            ...(0, $b97366b6eabbb2cc$exports.filterDOMProps)(props, {
+                labelable: true
+            }),
+            role: role,
+            tabIndex: -1,
+            'aria-labelledby': props['aria-labelledby'] || titleId,
+            // Prevent blur events from reaching useOverlay, which may cause
+            // popovers to close. Since focus is contained within the dialog,
+            // we don't want this to occur due to the above useEffect.
+            onBlur: (e)=>{
+                if (isRefocusing.current) e.stopPropagation();
+            }
+        },
+        titleProps: {
+            id: titleId
+        }
+    };
+}
+
+
+//# sourceMappingURL=useDialog.cjs.map

package/dist/private/dialog/useDialog.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA8BM,SAAS,0CAAU,KAAsB,EAAE,GAAuC;IACvF,IAAI,QACF,OAAO,UACR,GAAG;IACJ,IAAI,UAA8B,CAAA,GAAA,mCAAQ;IAC1C,UAAU,KAAK,CAAC,aAAa,GAAG,YAAY;IAE5C,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAE;IAE1B,+EAA+E;IAC/E,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,IAAI,OAAO,IAAI,CAAC,CAAA,GAAA,uCAAY,EAAE,IAAI,OAAO,GAAG;YAC9C,CAAA,GAAA,qCAAU,EAAE,IAAI,OAAO;YAEvB,iEAAiE;YACjE,qEAAqE;YACrE,mEAAmE;YACnE,IAAI,UAAU,WAAW;gBACvB,2EAA2E;gBAC3E,IAAI,CAAA,GAAA,0CAAe,QAAQ,IAAI,OAAO,IAAI,CAAA,GAAA,0CAAe,QAAQ,SAAS,IAAI,EAAE;oBAC9E,aAAa,OAAO,GAAG;oBACvB,IAAI,IAAI,OAAO,EAAE;wBACf,IAAI,OAAO,CAAC,IAAI;wBAChB,CAAA,GAAA,qCAAU,EAAE,IAAI,OAAO;oBACzB;oBACA,aAAa,OAAO,GAAG;gBACzB;YACF,GAAG;YAEH,OAAO;gBACL,aAAa;YACf;QACF;IACF,GAAG;QAAC;KAAI;IAER,CAAA,GAAA,gDAAqB;IAErB,0DAA0D;IAC1D,2EAA2E;IAC3E,sEAAsE;IACtE,4CAA4C;IAC5C,uEAAuE;IACvE,sEAAsE;IACtE,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,gBAAgB,CAAC,UAAU,OAAO,IAAI,IAAI,OAAO,EAAE;YAC9E,IAAI,KAAK,IAAI,OAAO;YACpB,IAAI,eAAe,GAAG,YAAY,CAAC;YACnC,IAAI,oBAAoB,GAAG,YAAY,CAAC;YACxC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB;gBACvC,QAAQ,IAAI,CACV;gBAGF,UAAU,OAAO,GAAG;YACtB;QACF;IACF;IAEA,sGAAsG;IACtG,qFAAqF;IACrF,sDAAsD;IACtD,qGAAqG;IACrG,gDAAgD;IAChD,OAAO;QACL,aAAa;YACX,GAAG,CAAA,GAAA,wCAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;kBAC3C;YACA,UAAU;YACV,mBAAmB,KAAK,CAAC,kBAAkB,IAAI;YAC/C,gEAAgE;YAChE,iEAAiE;YACjE,0DAA0D;YAC1D,QAAQ,CAAA;gBACN,IAAI,aAAa,OAAO,EACtB,EAAE,eAAe;YAErB;QACF;QACA,YAAY;YACV,IAAI;QACN;IACF;AACF","sources":["packages/react-aria/src/dialog/useDialog.ts"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaLabelingProps, DOMAttributes, DOMProps, FocusableElement, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {focusSafely} from '../interactions/focusSafely';\nimport {getActiveElement, isFocusWithin} from '../utils/shadowdom/DOMFunctions';\nimport {useEffect, useRef} from 'react';\nimport {useOverlayFocusContain} from '../overlays/Overlay';\nimport {useSlotId} from '../utils/useId';\n\nexport interface AriaDialogProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The accessibility role for the dialog.\n   * @default 'dialog'\n   */\n  role?: 'dialog' | 'alertdialog'\n}\n\nexport interface DialogAria {\n  /** Props for the dialog container element. */\n  dialogProps: DOMAttributes,\n\n  /** Props for the dialog title element. */\n  titleProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a dialog component.\n * A dialog is an overlay shown above other content in an application.\n */\nexport function useDialog(props: AriaDialogProps, ref: RefObject<FocusableElement | null>): DialogAria {\n  let {\n    role = 'dialog'\n  } = props;\n  let titleId: string | undefined = useSlotId();\n  titleId = props['aria-label'] ? undefined : titleId;\n\n  let isRefocusing = useRef(false);\n\n  // Focus the dialog itself on mount, unless a child element is already focused.\n  useEffect(() => {\n    if (ref.current && !isFocusWithin(ref.current)) {\n      focusSafely(ref.current);\n\n      // Safari on iOS does not move the VoiceOver cursor to the dialog\n      // or announce that it has opened until it has rendered. A workaround\n      // is to wait for half a second, then blur and re-focus the dialog.\n      let timeout = setTimeout(() => {\n        // Check that the dialog is still focused, or focused was lost to the body.\n        if (getActiveElement() === ref.current || getActiveElement() === document.body) {\n          isRefocusing.current = true;\n          if (ref.current) {\n            ref.current.blur();\n            focusSafely(ref.current);\n          }\n          isRefocusing.current = false;\n        }\n      }, 500);\n\n      return () => {\n        clearTimeout(timeout);\n      };\n    }\n  }, [ref]);\n\n  useOverlayFocusContain();\n\n  // Warn in dev mode if the dialog has no accessible title.\n  // This catches a common mistake where useDialog and useOverlayTriggerState\n  // are used in the same component, causing the title element to not be\n  // in the DOM when useSlotId queries for it.\n  // Check the DOM element directly since aria-labelledby may be added by\n  // wrapper components (e.g. RAC Dialog uses trigger ID as a fallback).\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && !hasWarned.current && ref.current) {\n      let el = ref.current;\n      let hasAriaLabel = el.hasAttribute('aria-label');\n      let hasAriaLabelledby = el.hasAttribute('aria-labelledby');\n      if (!hasAriaLabel && !hasAriaLabelledby) {\n        console.warn(\n          'A dialog must have a title for accessibility. ' +\n          'Either provide an aria-label or aria-labelledby prop, or render a heading element inside the dialog.'\n        );\n        hasWarned.current = true;\n      }\n    }\n  });\n\n  // We do not use aria-modal due to a Safari bug which forces the first focusable element to be focused\n  // on mount when inside an iframe, no matter which element we programmatically focus.\n  // See https://bugs.webkit.org/show_bug.cgi?id=211934.\n  // useModal sets aria-hidden on all elements outside the dialog, so the dialog will behave as a modal\n  // even without aria-modal on the dialog itself.\n  return {\n    dialogProps: {\n      ...filterDOMProps(props, {labelable: true}),\n      role,\n      tabIndex: -1,\n      'aria-labelledby': props['aria-labelledby'] || titleId,\n      // Prevent blur events from reaching useOverlay, which may cause\n      // popovers to close. Since focus is contained within the dialog,\n      // we don't want this to occur due to the above useEffect.\n      onBlur: e => {\n        if (isRefocusing.current) {\n          e.stopPropagation();\n        }\n      }\n    },\n    titleProps: {\n      id: titleId\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useDialog.cjs.map"}

package/dist/private/dialog/useDialog.js

@@ -0,0 +1,101 @@
+import {filterDOMProps as $6a28a4717b9a4e1c$export$457c3d6518dd4c6f} from "../utils/filterDOMProps.js";
+import {focusSafely as $56c81cdebdc6a696$export$80f3e147d781571c} from "../interactions/focusSafely.js";
+import {getActiveElement as $d8ac7ed472840322$export$cd4e5573fbe2b576, isFocusWithin as $d8ac7ed472840322$export$b4f377a2b6254582} from "../utils/shadowdom/DOMFunctions.js";
+import {useOverlayFocusContain as $0a6ccf9bf972d929$export$14c98a7594375490} from "../overlays/Overlay.js";
+import {useSlotId as $0292efe68908de6b$export$b4cc09c592e8fdb8} from "../utils/useId.js";
+import {useRef as $9DK7h$useRef, useEffect as $9DK7h$useEffect} from "react";
+
+/*
+ * Copyright 2020 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.
+ */ 
+
+
+
+
+
+function $0d89cc846b391ea6$export$d55e7ee900f34e93(props, ref) {
+    let { role: role = 'dialog' } = props;
+    let titleId = (0, $0292efe68908de6b$export$b4cc09c592e8fdb8)();
+    titleId = props['aria-label'] ? undefined : titleId;
+    let isRefocusing = (0, $9DK7h$useRef)(false);
+    // Focus the dialog itself on mount, unless a child element is already focused.
+    (0, $9DK7h$useEffect)(()=>{
+        if (ref.current && !(0, $d8ac7ed472840322$export$b4f377a2b6254582)(ref.current)) {
+            (0, $56c81cdebdc6a696$export$80f3e147d781571c)(ref.current);
+            // Safari on iOS does not move the VoiceOver cursor to the dialog
+            // or announce that it has opened until it has rendered. A workaround
+            // is to wait for half a second, then blur and re-focus the dialog.
+            let timeout = setTimeout(()=>{
+                // Check that the dialog is still focused, or focused was lost to the body.
+                if ((0, $d8ac7ed472840322$export$cd4e5573fbe2b576)() === ref.current || (0, $d8ac7ed472840322$export$cd4e5573fbe2b576)() === document.body) {
+                    isRefocusing.current = true;
+                    if (ref.current) {
+                        ref.current.blur();
+                        (0, $56c81cdebdc6a696$export$80f3e147d781571c)(ref.current);
+                    }
+                    isRefocusing.current = false;
+                }
+            }, 500);
+            return ()=>{
+                clearTimeout(timeout);
+            };
+        }
+    }, [
+        ref
+    ]);
+    (0, $0a6ccf9bf972d929$export$14c98a7594375490)();
+    // Warn in dev mode if the dialog has no accessible title.
+    // This catches a common mistake where useDialog and useOverlayTriggerState
+    // are used in the same component, causing the title element to not be
+    // in the DOM when useSlotId queries for it.
+    // Check the DOM element directly since aria-labelledby may be added by
+    // wrapper components (e.g. RAC Dialog uses trigger ID as a fallback).
+    let hasWarned = (0, $9DK7h$useRef)(false);
+    (0, $9DK7h$useEffect)(()=>{
+        if (process.env.NODE_ENV !== 'production' && !hasWarned.current && ref.current) {
+            let el = ref.current;
+            let hasAriaLabel = el.hasAttribute('aria-label');
+            let hasAriaLabelledby = el.hasAttribute('aria-labelledby');
+            if (!hasAriaLabel && !hasAriaLabelledby) {
+                console.warn("A dialog must have a title for accessibility. Either provide an aria-label or aria-labelledby prop, or render a heading element inside the dialog.");
+                hasWarned.current = true;
+            }
+        }
+    });
+    // We do not use aria-modal due to a Safari bug which forces the first focusable element to be focused
+    // on mount when inside an iframe, no matter which element we programmatically focus.
+    // See https://bugs.webkit.org/show_bug.cgi?id=211934.
+    // useModal sets aria-hidden on all elements outside the dialog, so the dialog will behave as a modal
+    // even without aria-modal on the dialog itself.
+    return {
+        dialogProps: {
+            ...(0, $6a28a4717b9a4e1c$export$457c3d6518dd4c6f)(props, {
+                labelable: true
+            }),
+            role: role,
+            tabIndex: -1,
+            'aria-labelledby': props['aria-labelledby'] || titleId,
+            // Prevent blur events from reaching useOverlay, which may cause
+            // popovers to close. Since focus is contained within the dialog,
+            // we don't want this to occur due to the above useEffect.
+            onBlur: (e)=>{
+                if (isRefocusing.current) e.stopPropagation();
+            }
+        },
+        titleProps: {
+            id: titleId
+        }
+    };
+}
+
+
+export {$0d89cc846b391ea6$export$d55e7ee900f34e93 as useDialog};
+//# sourceMappingURL=useDialog.js.map

package/dist/private/dialog/useDialog.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA8BM,SAAS,0CAAU,KAAsB,EAAE,GAAuC;IACvF,IAAI,QACF,OAAO,UACR,GAAG;IACJ,IAAI,UAA8B,CAAA,GAAA,yCAAQ;IAC1C,UAAU,KAAK,CAAC,aAAa,GAAG,YAAY;IAE5C,IAAI,eAAe,CAAA,GAAA,aAAK,EAAE;IAE1B,+EAA+E;IAC/E,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,IAAI,OAAO,IAAI,CAAC,CAAA,GAAA,yCAAY,EAAE,IAAI,OAAO,GAAG;YAC9C,CAAA,GAAA,yCAAU,EAAE,IAAI,OAAO;YAEvB,iEAAiE;YACjE,qEAAqE;YACrE,mEAAmE;YACnE,IAAI,UAAU,WAAW;gBACvB,2EAA2E;gBAC3E,IAAI,CAAA,GAAA,yCAAe,QAAQ,IAAI,OAAO,IAAI,CAAA,GAAA,yCAAe,QAAQ,SAAS,IAAI,EAAE;oBAC9E,aAAa,OAAO,GAAG;oBACvB,IAAI,IAAI,OAAO,EAAE;wBACf,IAAI,OAAO,CAAC,IAAI;wBAChB,CAAA,GAAA,yCAAU,EAAE,IAAI,OAAO;oBACzB;oBACA,aAAa,OAAO,GAAG;gBACzB;YACF,GAAG;YAEH,OAAO;gBACL,aAAa;YACf;QACF;IACF,GAAG;QAAC;KAAI;IAER,CAAA,GAAA,yCAAqB;IAErB,0DAA0D;IAC1D,2EAA2E;IAC3E,sEAAsE;IACtE,4CAA4C;IAC5C,uEAAuE;IACvE,sEAAsE;IACtE,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,gBAAgB,CAAC,UAAU,OAAO,IAAI,IAAI,OAAO,EAAE;YAC9E,IAAI,KAAK,IAAI,OAAO;YACpB,IAAI,eAAe,GAAG,YAAY,CAAC;YACnC,IAAI,oBAAoB,GAAG,YAAY,CAAC;YACxC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB;gBACvC,QAAQ,IAAI,CACV;gBAGF,UAAU,OAAO,GAAG;YACtB;QACF;IACF;IAEA,sGAAsG;IACtG,qFAAqF;IACrF,sDAAsD;IACtD,qGAAqG;IACrG,gDAAgD;IAChD,OAAO;QACL,aAAa;YACX,GAAG,CAAA,GAAA,yCAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;kBAC3C;YACA,UAAU;YACV,mBAAmB,KAAK,CAAC,kBAAkB,IAAI;YAC/C,gEAAgE;YAChE,iEAAiE;YACjE,0DAA0D;YAC1D,QAAQ,CAAA;gBACN,IAAI,aAAa,OAAO,EACtB,EAAE,eAAe;YAErB;QACF;QACA,YAAY;YACV,IAAI;QACN;IACF;AACF","sources":["packages/react-aria/src/dialog/useDialog.ts"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaLabelingProps, DOMAttributes, DOMProps, FocusableElement, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {focusSafely} from '../interactions/focusSafely';\nimport {getActiveElement, isFocusWithin} from '../utils/shadowdom/DOMFunctions';\nimport {useEffect, useRef} from 'react';\nimport {useOverlayFocusContain} from '../overlays/Overlay';\nimport {useSlotId} from '../utils/useId';\n\nexport interface AriaDialogProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The accessibility role for the dialog.\n   * @default 'dialog'\n   */\n  role?: 'dialog' | 'alertdialog'\n}\n\nexport interface DialogAria {\n  /** Props for the dialog container element. */\n  dialogProps: DOMAttributes,\n\n  /** Props for the dialog title element. */\n  titleProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a dialog component.\n * A dialog is an overlay shown above other content in an application.\n */\nexport function useDialog(props: AriaDialogProps, ref: RefObject<FocusableElement | null>): DialogAria {\n  let {\n    role = 'dialog'\n  } = props;\n  let titleId: string | undefined = useSlotId();\n  titleId = props['aria-label'] ? undefined : titleId;\n\n  let isRefocusing = useRef(false);\n\n  // Focus the dialog itself on mount, unless a child element is already focused.\n  useEffect(() => {\n    if (ref.current && !isFocusWithin(ref.current)) {\n      focusSafely(ref.current);\n\n      // Safari on iOS does not move the VoiceOver cursor to the dialog\n      // or announce that it has opened until it has rendered. A workaround\n      // is to wait for half a second, then blur and re-focus the dialog.\n      let timeout = setTimeout(() => {\n        // Check that the dialog is still focused, or focused was lost to the body.\n        if (getActiveElement() === ref.current || getActiveElement() === document.body) {\n          isRefocusing.current = true;\n          if (ref.current) {\n            ref.current.blur();\n            focusSafely(ref.current);\n          }\n          isRefocusing.current = false;\n        }\n      }, 500);\n\n      return () => {\n        clearTimeout(timeout);\n      };\n    }\n  }, [ref]);\n\n  useOverlayFocusContain();\n\n  // Warn in dev mode if the dialog has no accessible title.\n  // This catches a common mistake where useDialog and useOverlayTriggerState\n  // are used in the same component, causing the title element to not be\n  // in the DOM when useSlotId queries for it.\n  // Check the DOM element directly since aria-labelledby may be added by\n  // wrapper components (e.g. RAC Dialog uses trigger ID as a fallback).\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && !hasWarned.current && ref.current) {\n      let el = ref.current;\n      let hasAriaLabel = el.hasAttribute('aria-label');\n      let hasAriaLabelledby = el.hasAttribute('aria-labelledby');\n      if (!hasAriaLabel && !hasAriaLabelledby) {\n        console.warn(\n          'A dialog must have a title for accessibility. ' +\n          'Either provide an aria-label or aria-labelledby prop, or render a heading element inside the dialog.'\n        );\n        hasWarned.current = true;\n      }\n    }\n  });\n\n  // We do not use aria-modal due to a Safari bug which forces the first focusable element to be focused\n  // on mount when inside an iframe, no matter which element we programmatically focus.\n  // See https://bugs.webkit.org/show_bug.cgi?id=211934.\n  // useModal sets aria-hidden on all elements outside the dialog, so the dialog will behave as a modal\n  // even without aria-modal on the dialog itself.\n  return {\n    dialogProps: {\n      ...filterDOMProps(props, {labelable: true}),\n      role,\n      tabIndex: -1,\n      'aria-labelledby': props['aria-labelledby'] || titleId,\n      // Prevent blur events from reaching useOverlay, which may cause\n      // popovers to close. Since focus is contained within the dialog,\n      // we don't want this to occur due to the above useEffect.\n      onBlur: e => {\n        if (isRefocusing.current) {\n          e.stopPropagation();\n        }\n      }\n    },\n    titleProps: {\n      id: titleId\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useDialog.js.map"}

package/dist/private/dialog/useDialog.mjs

@@ -0,0 +1,101 @@
+import {filterDOMProps as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f} from "../utils/filterDOMProps.mjs";
+import {focusSafely as $f192c2f16961cbe0$export$80f3e147d781571c} from "../interactions/focusSafely.mjs";
+import {getActiveElement as $23f2114a1b82827e$export$cd4e5573fbe2b576, isFocusWithin as $23f2114a1b82827e$export$b4f377a2b6254582} from "../utils/shadowdom/DOMFunctions.mjs";
+import {useOverlayFocusContain as $d7a937236970dc7f$export$14c98a7594375490} from "../overlays/Overlay.mjs";
+import {useSlotId as $390e54f620492c70$export$b4cc09c592e8fdb8} from "../utils/useId.mjs";
+import {useRef as $8glMc$useRef, useEffect as $8glMc$useEffect} from "react";
+
+/*
+ * Copyright 2020 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.
+ */ 
+
+
+
+
+
+function $13150e6629d46e45$export$d55e7ee900f34e93(props, ref) {
+    let { role: role = 'dialog' } = props;
+    let titleId = (0, $390e54f620492c70$export$b4cc09c592e8fdb8)();
+    titleId = props['aria-label'] ? undefined : titleId;
+    let isRefocusing = (0, $8glMc$useRef)(false);
+    // Focus the dialog itself on mount, unless a child element is already focused.
+    (0, $8glMc$useEffect)(()=>{
+        if (ref.current && !(0, $23f2114a1b82827e$export$b4f377a2b6254582)(ref.current)) {
+            (0, $f192c2f16961cbe0$export$80f3e147d781571c)(ref.current);
+            // Safari on iOS does not move the VoiceOver cursor to the dialog
+            // or announce that it has opened until it has rendered. A workaround
+            // is to wait for half a second, then blur and re-focus the dialog.
+            let timeout = setTimeout(()=>{
+                // Check that the dialog is still focused, or focused was lost to the body.
+                if ((0, $23f2114a1b82827e$export$cd4e5573fbe2b576)() === ref.current || (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)() === document.body) {
+                    isRefocusing.current = true;
+                    if (ref.current) {
+                        ref.current.blur();
+                        (0, $f192c2f16961cbe0$export$80f3e147d781571c)(ref.current);
+                    }
+                    isRefocusing.current = false;
+                }
+            }, 500);
+            return ()=>{
+                clearTimeout(timeout);
+            };
+        }
+    }, [
+        ref
+    ]);
+    (0, $d7a937236970dc7f$export$14c98a7594375490)();
+    // Warn in dev mode if the dialog has no accessible title.
+    // This catches a common mistake where useDialog and useOverlayTriggerState
+    // are used in the same component, causing the title element to not be
+    // in the DOM when useSlotId queries for it.
+    // Check the DOM element directly since aria-labelledby may be added by
+    // wrapper components (e.g. RAC Dialog uses trigger ID as a fallback).
+    let hasWarned = (0, $8glMc$useRef)(false);
+    (0, $8glMc$useEffect)(()=>{
+        if (process.env.NODE_ENV !== 'production' && !hasWarned.current && ref.current) {
+            let el = ref.current;
+            let hasAriaLabel = el.hasAttribute('aria-label');
+            let hasAriaLabelledby = el.hasAttribute('aria-labelledby');
+            if (!hasAriaLabel && !hasAriaLabelledby) {
+                console.warn("A dialog must have a title for accessibility. Either provide an aria-label or aria-labelledby prop, or render a heading element inside the dialog.");
+                hasWarned.current = true;
+            }
+        }
+    });
+    // We do not use aria-modal due to a Safari bug which forces the first focusable element to be focused
+    // on mount when inside an iframe, no matter which element we programmatically focus.
+    // See https://bugs.webkit.org/show_bug.cgi?id=211934.
+    // useModal sets aria-hidden on all elements outside the dialog, so the dialog will behave as a modal
+    // even without aria-modal on the dialog itself.
+    return {
+        dialogProps: {
+            ...(0, $8e9d2fae0ecb9001$export$457c3d6518dd4c6f)(props, {
+                labelable: true
+            }),
+            role: role,
+            tabIndex: -1,
+            'aria-labelledby': props['aria-labelledby'] || titleId,
+            // Prevent blur events from reaching useOverlay, which may cause
+            // popovers to close. Since focus is contained within the dialog,
+            // we don't want this to occur due to the above useEffect.
+            onBlur: (e)=>{
+                if (isRefocusing.current) e.stopPropagation();
+            }
+        },
+        titleProps: {
+            id: titleId
+        }
+    };
+}
+
+
+export {$13150e6629d46e45$export$d55e7ee900f34e93 as useDialog};
+//# sourceMappingURL=useDialog.mjs.map

package/dist/private/dialog/useDialog.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA8BM,SAAS,0CAAU,KAAsB,EAAE,GAAuC;IACvF,IAAI,QACF,OAAO,UACR,GAAG;IACJ,IAAI,UAA8B,CAAA,GAAA,yCAAQ;IAC1C,UAAU,KAAK,CAAC,aAAa,GAAG,YAAY;IAE5C,IAAI,eAAe,CAAA,GAAA,aAAK,EAAE;IAE1B,+EAA+E;IAC/E,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,IAAI,OAAO,IAAI,CAAC,CAAA,GAAA,yCAAY,EAAE,IAAI,OAAO,GAAG;YAC9C,CAAA,GAAA,yCAAU,EAAE,IAAI,OAAO;YAEvB,iEAAiE;YACjE,qEAAqE;YACrE,mEAAmE;YACnE,IAAI,UAAU,WAAW;gBACvB,2EAA2E;gBAC3E,IAAI,CAAA,GAAA,yCAAe,QAAQ,IAAI,OAAO,IAAI,CAAA,GAAA,yCAAe,QAAQ,SAAS,IAAI,EAAE;oBAC9E,aAAa,OAAO,GAAG;oBACvB,IAAI,IAAI,OAAO,EAAE;wBACf,IAAI,OAAO,CAAC,IAAI;wBAChB,CAAA,GAAA,yCAAU,EAAE,IAAI,OAAO;oBACzB;oBACA,aAAa,OAAO,GAAG;gBACzB;YACF,GAAG;YAEH,OAAO;gBACL,aAAa;YACf;QACF;IACF,GAAG;QAAC;KAAI;IAER,CAAA,GAAA,yCAAqB;IAErB,0DAA0D;IAC1D,2EAA2E;IAC3E,sEAAsE;IACtE,4CAA4C;IAC5C,uEAAuE;IACvE,sEAAsE;IACtE,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,gBAAgB,CAAC,UAAU,OAAO,IAAI,IAAI,OAAO,EAAE;YAC9E,IAAI,KAAK,IAAI,OAAO;YACpB,IAAI,eAAe,GAAG,YAAY,CAAC;YACnC,IAAI,oBAAoB,GAAG,YAAY,CAAC;YACxC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB;gBACvC,QAAQ,IAAI,CACV;gBAGF,UAAU,OAAO,GAAG;YACtB;QACF;IACF;IAEA,sGAAsG;IACtG,qFAAqF;IACrF,sDAAsD;IACtD,qGAAqG;IACrG,gDAAgD;IAChD,OAAO;QACL,aAAa;YACX,GAAG,CAAA,GAAA,yCAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;kBAC3C;YACA,UAAU;YACV,mBAAmB,KAAK,CAAC,kBAAkB,IAAI;YAC/C,gEAAgE;YAChE,iEAAiE;YACjE,0DAA0D;YAC1D,QAAQ,CAAA;gBACN,IAAI,aAAa,OAAO,EACtB,EAAE,eAAe;YAErB;QACF;QACA,YAAY;YACV,IAAI;QACN;IACF;AACF","sources":["packages/react-aria/src/dialog/useDialog.ts"],"sourcesContent":["/*\n * Copyright 2020 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 {AriaLabelingProps, DOMAttributes, DOMProps, FocusableElement, RefObject} from '@react-types/shared';\nimport {filterDOMProps} from '../utils/filterDOMProps';\nimport {focusSafely} from '../interactions/focusSafely';\nimport {getActiveElement, isFocusWithin} from '../utils/shadowdom/DOMFunctions';\nimport {useEffect, useRef} from 'react';\nimport {useOverlayFocusContain} from '../overlays/Overlay';\nimport {useSlotId} from '../utils/useId';\n\nexport interface AriaDialogProps extends DOMProps, AriaLabelingProps {\n  /**\n   * The accessibility role for the dialog.\n   * @default 'dialog'\n   */\n  role?: 'dialog' | 'alertdialog'\n}\n\nexport interface DialogAria {\n  /** Props for the dialog container element. */\n  dialogProps: DOMAttributes,\n\n  /** Props for the dialog title element. */\n  titleProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a dialog component.\n * A dialog is an overlay shown above other content in an application.\n */\nexport function useDialog(props: AriaDialogProps, ref: RefObject<FocusableElement | null>): DialogAria {\n  let {\n    role = 'dialog'\n  } = props;\n  let titleId: string | undefined = useSlotId();\n  titleId = props['aria-label'] ? undefined : titleId;\n\n  let isRefocusing = useRef(false);\n\n  // Focus the dialog itself on mount, unless a child element is already focused.\n  useEffect(() => {\n    if (ref.current && !isFocusWithin(ref.current)) {\n      focusSafely(ref.current);\n\n      // Safari on iOS does not move the VoiceOver cursor to the dialog\n      // or announce that it has opened until it has rendered. A workaround\n      // is to wait for half a second, then blur and re-focus the dialog.\n      let timeout = setTimeout(() => {\n        // Check that the dialog is still focused, or focused was lost to the body.\n        if (getActiveElement() === ref.current || getActiveElement() === document.body) {\n          isRefocusing.current = true;\n          if (ref.current) {\n            ref.current.blur();\n            focusSafely(ref.current);\n          }\n          isRefocusing.current = false;\n        }\n      }, 500);\n\n      return () => {\n        clearTimeout(timeout);\n      };\n    }\n  }, [ref]);\n\n  useOverlayFocusContain();\n\n  // Warn in dev mode if the dialog has no accessible title.\n  // This catches a common mistake where useDialog and useOverlayTriggerState\n  // are used in the same component, causing the title element to not be\n  // in the DOM when useSlotId queries for it.\n  // Check the DOM element directly since aria-labelledby may be added by\n  // wrapper components (e.g. RAC Dialog uses trigger ID as a fallback).\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && !hasWarned.current && ref.current) {\n      let el = ref.current;\n      let hasAriaLabel = el.hasAttribute('aria-label');\n      let hasAriaLabelledby = el.hasAttribute('aria-labelledby');\n      if (!hasAriaLabel && !hasAriaLabelledby) {\n        console.warn(\n          'A dialog must have a title for accessibility. ' +\n          'Either provide an aria-label or aria-labelledby prop, or render a heading element inside the dialog.'\n        );\n        hasWarned.current = true;\n      }\n    }\n  });\n\n  // We do not use aria-modal due to a Safari bug which forces the first focusable element to be focused\n  // on mount when inside an iframe, no matter which element we programmatically focus.\n  // See https://bugs.webkit.org/show_bug.cgi?id=211934.\n  // useModal sets aria-hidden on all elements outside the dialog, so the dialog will behave as a modal\n  // even without aria-modal on the dialog itself.\n  return {\n    dialogProps: {\n      ...filterDOMProps(props, {labelable: true}),\n      role,\n      tabIndex: -1,\n      'aria-labelledby': props['aria-labelledby'] || titleId,\n      // Prevent blur events from reaching useOverlay, which may cause\n      // popovers to close. Since focus is contained within the dialog,\n      // we don't want this to occur due to the above useEffect.\n      onBlur: e => {\n        if (isRefocusing.current) {\n          e.stopPropagation();\n        }\n      }\n    },\n    titleProps: {\n      id: titleId\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useDialog.mjs.map"}

package/dist/private/disclosure/useDisclosure.cjs

@@ -0,0 +1,129 @@
+var $6e76e65001bbcda2$exports = require("../utils/useEvent.cjs");
+var $7ac82d1fee77eb8a$exports = require("../utils/useId.cjs");
+var $25c7fefe1bb8073e$exports = require("../ssr/SSRProvider.cjs");
+var $429333cab433657c$exports = require("../utils/useLayoutEffect.cjs");
+var $2caKR$reactdom = require("react-dom");
+var $2caKR$react = require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useDisclosure", function () { return $c381658a388f70e2$export$6e3e27031a30522f; });
+/*
+ * Copyright 2024 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.
+ */ 
+
+
+
+
+
+function $c381658a388f70e2$export$6e3e27031a30522f(props, state, ref) {
+    let { isDisabled: isDisabled } = props;
+    let triggerId = (0, $7ac82d1fee77eb8a$exports.useId)();
+    let panelId = (0, $7ac82d1fee77eb8a$exports.useId)();
+    let isSSR = (0, $25c7fefe1bb8073e$exports.useIsSSR)();
+    let raf = (0, $2caKR$react.useRef)(null);
+    let handleBeforeMatch = (0, $2caKR$react.useCallback)(()=>{
+        // Wait a frame to revert browser's removal of hidden attribute
+        raf.current = requestAnimationFrame(()=>{
+            if (ref.current) ref.current.setAttribute('hidden', 'until-found');
+        });
+        // Force sync state update
+        (0, $2caKR$reactdom.flushSync)(()=>{
+            state.toggle();
+        });
+    }, [
+        ref,
+        state
+    ]);
+    // @ts-ignore https://github.com/facebook/react/pull/24741
+    (0, $6e76e65001bbcda2$exports.useEvent)(ref, 'beforematch', handleBeforeMatch);
+    let isExpandedRef = (0, $2caKR$react.useRef)(null);
+    (0, $429333cab433657c$exports.useLayoutEffect)(()=>{
+        // Cancel any pending RAF to prevent stale updates
+        if (raf.current) cancelAnimationFrame(raf.current);
+        if (ref.current && !isSSR) {
+            let panel = ref.current;
+            if (isExpandedRef.current == null || typeof panel.getAnimations !== 'function') {
+                // On initial render (and in tests), set attributes without animation.
+                if (state.isExpanded) {
+                    panel.removeAttribute('hidden');
+                    panel.style.setProperty('--disclosure-panel-width', 'auto');
+                    panel.style.setProperty('--disclosure-panel-height', 'auto');
+                } else {
+                    panel.setAttribute('hidden', 'until-found');
+                    panel.style.setProperty('--disclosure-panel-width', '0px');
+                    panel.style.setProperty('--disclosure-panel-height', '0px');
+                }
+            } else if (state.isExpanded !== isExpandedRef.current) {
+                if (state.isExpanded) {
+                    panel.removeAttribute('hidden');
+                    // Set the width and height as pixels so they can be animated.
+                    panel.style.setProperty('--disclosure-panel-width', panel.scrollWidth + 'px');
+                    panel.style.setProperty('--disclosure-panel-height', panel.scrollHeight + 'px');
+                    Promise.all(panel.getAnimations().map((a)=>a.finished)).then(()=>{
+                        // After the animations complete, switch back to auto so the content can resize.
+                        panel.style.setProperty('--disclosure-panel-width', 'auto');
+                        panel.style.setProperty('--disclosure-panel-height', 'auto');
+                    }).catch(()=>{});
+                } else {
+                    panel.style.setProperty('--disclosure-panel-width', panel.scrollWidth + 'px');
+                    panel.style.setProperty('--disclosure-panel-height', panel.scrollHeight + 'px');
+                    // Force style re-calculation to trigger animations.
+                    window.getComputedStyle(panel).height;
+                    // Animate to zero size.
+                    panel.style.setProperty('--disclosure-panel-width', '0px');
+                    panel.style.setProperty('--disclosure-panel-height', '0px');
+                    // Wait for animations to apply the hidden attribute.
+                    Promise.all(panel.getAnimations().map((a)=>a.finished)).then(()=>panel.setAttribute('hidden', 'until-found')).catch(()=>{});
+                }
+            }
+            isExpandedRef.current = state.isExpanded;
+        }
+    }, [
+        isDisabled,
+        ref,
+        state.isExpanded,
+        isSSR
+    ]);
+    (0, $2caKR$react.useEffect)(()=>{
+        return ()=>{
+            if (raf.current) cancelAnimationFrame(raf.current);
+        };
+    }, []);
+    return {
+        buttonProps: {
+            id: triggerId,
+            'aria-expanded': state.isExpanded,
+            'aria-controls': panelId,
+            onPress: (e)=>{
+                if (!isDisabled && e.pointerType !== 'keyboard') state.toggle();
+            },
+            isDisabled: isDisabled,
+            onPressStart (e) {
+                if (e.pointerType === 'keyboard' && !isDisabled) state.toggle();
+            }
+        },
+        panelProps: {
+            id: panelId,
+            // This can be overridden at the panel element level.
+            role: 'group',
+            'aria-labelledby': triggerId,
+            'aria-hidden': !state.isExpanded,
+            hidden: isSSR ? !state.isExpanded : undefined
+        }
+    };
+}
+
+
+//# sourceMappingURL=useDisclosure.cjs.map

package/dist/private/disclosure/useDisclosure.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria/src/disclosure/useDisclosure.ts"],"sourcesContent":["/*\n * Copyright 2024 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 {AriaButtonProps} from '../button/useButton';\n\nimport {DisclosureState} from 'react-stately/useDisclosureState';\nimport {flushSync} from 'react-dom';\nimport {HTMLAttributes, RefObject, useCallback, useEffect, useRef} from 'react';\nimport {useEvent} from '../utils/useEvent';\nimport {useId} from '../utils/useId';\nimport {useIsSSR} from '../ssr/SSRProvider';\nimport {useLayoutEffect} from '../utils/useLayoutEffect';\n\nexport interface AriaDisclosureProps {\n  /** Whether the disclosure is disabled. */\n  isDisabled?: boolean,\n  /** Handler that is called when the disclosure's expanded state changes. */\n  onExpandedChange?: (isExpanded: boolean) => void,\n  /** Whether the disclosure is expanded (controlled). */\n  isExpanded?: boolean,\n  /** Whether the disclosure is expanded by default (uncontrolled). */\n  defaultExpanded?: boolean\n}\n\nexport interface DisclosureAria {\n  /** Props for the disclosure button. */\n  buttonProps: AriaButtonProps,\n  /** Props for the disclosure panel. */\n  panelProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a disclosure component.\n * @param props - Props for the disclosure.\n * @param state - State for the disclosure, as returned by `useDisclosureState`.\n * @param ref - A ref for the disclosure panel.\n */\nexport function useDisclosure(props: AriaDisclosureProps, state: DisclosureState, ref: RefObject<HTMLElement | null>): DisclosureAria {\n  let {\n    isDisabled\n  } = props;\n  let triggerId = useId();\n  let panelId = useId();\n  let isSSR = useIsSSR();\n\n  let raf = useRef<number | null>(null);\n\n  let handleBeforeMatch = useCallback(() => {\n    // Wait a frame to revert browser's removal of hidden attribute\n    raf.current = requestAnimationFrame(() => {\n      if (ref.current) {\n        ref.current.setAttribute('hidden', 'until-found');\n      }\n    });\n    // Force sync state update\n    flushSync(() => {\n      state.toggle();\n    });\n  }, [ref, state]);\n\n  // @ts-ignore https://github.com/facebook/react/pull/24741\n  useEvent(ref, 'beforematch', handleBeforeMatch);\n\n  let isExpandedRef = useRef<boolean | null>(null);\n  useLayoutEffect(() => {\n    // Cancel any pending RAF to prevent stale updates\n    if (raf.current) {\n      cancelAnimationFrame(raf.current);\n    }\n    if (ref.current && !isSSR) {\n      let panel = ref.current;\n\n      if (isExpandedRef.current == null || typeof panel.getAnimations !== 'function') {\n        // On initial render (and in tests), set attributes without animation.\n        if (state.isExpanded) {\n          panel.removeAttribute('hidden');\n          panel.style.setProperty('--disclosure-panel-width', 'auto');\n          panel.style.setProperty('--disclosure-panel-height', 'auto');\n        } else {\n          panel.setAttribute('hidden', 'until-found');\n          panel.style.setProperty('--disclosure-panel-width', '0px');\n          panel.style.setProperty('--disclosure-panel-height', '0px');\n        }\n      } else if (state.isExpanded !== isExpandedRef.current) {\n        if (state.isExpanded) {\n          panel.removeAttribute('hidden');\n\n          // Set the width and height as pixels so they can be animated.\n          panel.style.setProperty('--disclosure-panel-width', panel.scrollWidth + 'px');\n          panel.style.setProperty('--disclosure-panel-height', panel.scrollHeight + 'px');\n\n          Promise.all(panel.getAnimations().map(a => a.finished))\n            .then(() => {\n              // After the animations complete, switch back to auto so the content can resize.\n              panel.style.setProperty('--disclosure-panel-width', 'auto');\n              panel.style.setProperty('--disclosure-panel-height', 'auto');\n            })\n            .catch(() => {});\n        } else {\n          panel.style.setProperty('--disclosure-panel-width', panel.scrollWidth + 'px');\n          panel.style.setProperty('--disclosure-panel-height', panel.scrollHeight + 'px');\n\n          // Force style re-calculation to trigger animations.\n          window.getComputedStyle(panel).height;\n\n          // Animate to zero size.\n          panel.style.setProperty('--disclosure-panel-width', '0px');\n          panel.style.setProperty('--disclosure-panel-height', '0px');\n\n          // Wait for animations to apply the hidden attribute.\n          Promise.all(panel.getAnimations().map(a => a.finished))\n            .then(() => panel.setAttribute('hidden', 'until-found'))\n            .catch(() => {});\n        }\n      }\n\n      isExpandedRef.current = state.isExpanded;\n    }\n  }, [isDisabled, ref, state.isExpanded, isSSR]);\n\n  useEffect(() => {\n    return () => {\n      if (raf.current) {\n        cancelAnimationFrame(raf.current);\n      }\n    };\n  }, []);\n\n  return {\n    buttonProps: {\n      id: triggerId,\n      'aria-expanded': state.isExpanded,\n      'aria-controls': panelId,\n      onPress: (e) => {\n        if (!isDisabled && e.pointerType !== 'keyboard') {\n          state.toggle();\n        }\n      },\n      isDisabled,\n      onPressStart(e) {\n        if (e.pointerType === 'keyboard' && !isDisabled) {\n          state.toggle();\n        }\n      }\n    },\n    panelProps: {\n      id: panelId,\n      // This can be overridden at the panel element level.\n      role: 'group',\n      'aria-labelledby': triggerId,\n      'aria-hidden': !state.isExpanded,\n      hidden: isSSR ? !state.isExpanded : undefined\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useDisclosure.cjs.map"}

package/dist/private/disclosure/useDisclosure.js

@@ -0,0 +1,124 @@
+import {useEvent as $c3cab330536504ec$export$90fc3a17d93f704c} from "../utils/useEvent.js";
+import {useId as $0292efe68908de6b$export$f680877a34711e37} from "../utils/useId.js";
+import {useIsSSR as $85138adc03e1f057$export$535bd6ca7f90a273} from "../ssr/SSRProvider.js";
+import {useLayoutEffect as $53fed047b798be36$export$e5c5a5f917a5871c} from "../utils/useLayoutEffect.js";
+import {flushSync as $fP5FB$flushSync} from "react-dom";
+import {useRef as $fP5FB$useRef, useCallback as $fP5FB$useCallback, useEffect as $fP5FB$useEffect} from "react";
+
+/*
+ * Copyright 2024 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.
+ */ 
+
+
+
+
+
+function $0009ddef725d8da3$export$6e3e27031a30522f(props, state, ref) {
+    let { isDisabled: isDisabled } = props;
+    let triggerId = (0, $0292efe68908de6b$export$f680877a34711e37)();
+    let panelId = (0, $0292efe68908de6b$export$f680877a34711e37)();
+    let isSSR = (0, $85138adc03e1f057$export$535bd6ca7f90a273)();
+    let raf = (0, $fP5FB$useRef)(null);
+    let handleBeforeMatch = (0, $fP5FB$useCallback)(()=>{
+        // Wait a frame to revert browser's removal of hidden attribute
+        raf.current = requestAnimationFrame(()=>{
+            if (ref.current) ref.current.setAttribute('hidden', 'until-found');
+        });
+        // Force sync state update
+        (0, $fP5FB$flushSync)(()=>{
+            state.toggle();
+        });
+    }, [
+        ref,
+        state
+    ]);
+    // @ts-ignore https://github.com/facebook/react/pull/24741
+    (0, $c3cab330536504ec$export$90fc3a17d93f704c)(ref, 'beforematch', handleBeforeMatch);
+    let isExpandedRef = (0, $fP5FB$useRef)(null);
+    (0, $53fed047b798be36$export$e5c5a5f917a5871c)(()=>{
+        // Cancel any pending RAF to prevent stale updates
+        if (raf.current) cancelAnimationFrame(raf.current);
+        if (ref.current && !isSSR) {
+            let panel = ref.current;
+            if (isExpandedRef.current == null || typeof panel.getAnimations !== 'function') {
+                // On initial render (and in tests), set attributes without animation.
+                if (state.isExpanded) {
+                    panel.removeAttribute('hidden');
+                    panel.style.setProperty('--disclosure-panel-width', 'auto');
+                    panel.style.setProperty('--disclosure-panel-height', 'auto');
+                } else {
+                    panel.setAttribute('hidden', 'until-found');
+                    panel.style.setProperty('--disclosure-panel-width', '0px');
+                    panel.style.setProperty('--disclosure-panel-height', '0px');
+                }
+            } else if (state.isExpanded !== isExpandedRef.current) {
+                if (state.isExpanded) {
+                    panel.removeAttribute('hidden');
+                    // Set the width and height as pixels so they can be animated.
+                    panel.style.setProperty('--disclosure-panel-width', panel.scrollWidth + 'px');
+                    panel.style.setProperty('--disclosure-panel-height', panel.scrollHeight + 'px');
+                    Promise.all(panel.getAnimations().map((a)=>a.finished)).then(()=>{
+                        // After the animations complete, switch back to auto so the content can resize.
+                        panel.style.setProperty('--disclosure-panel-width', 'auto');
+                        panel.style.setProperty('--disclosure-panel-height', 'auto');
+                    }).catch(()=>{});
+                } else {
+                    panel.style.setProperty('--disclosure-panel-width', panel.scrollWidth + 'px');
+                    panel.style.setProperty('--disclosure-panel-height', panel.scrollHeight + 'px');
+                    // Force style re-calculation to trigger animations.
+                    window.getComputedStyle(panel).height;
+                    // Animate to zero size.
+                    panel.style.setProperty('--disclosure-panel-width', '0px');
+                    panel.style.setProperty('--disclosure-panel-height', '0px');
+                    // Wait for animations to apply the hidden attribute.
+                    Promise.all(panel.getAnimations().map((a)=>a.finished)).then(()=>panel.setAttribute('hidden', 'until-found')).catch(()=>{});
+                }
+            }
+            isExpandedRef.current = state.isExpanded;
+        }
+    }, [
+        isDisabled,
+        ref,
+        state.isExpanded,
+        isSSR
+    ]);
+    (0, $fP5FB$useEffect)(()=>{
+        return ()=>{
+            if (raf.current) cancelAnimationFrame(raf.current);
+        };
+    }, []);
+    return {
+        buttonProps: {
+            id: triggerId,
+            'aria-expanded': state.isExpanded,
+            'aria-controls': panelId,
+            onPress: (e)=>{
+                if (!isDisabled && e.pointerType !== 'keyboard') state.toggle();
+            },
+            isDisabled: isDisabled,
+            onPressStart (e) {
+                if (e.pointerType === 'keyboard' && !isDisabled) state.toggle();
+            }
+        },
+        panelProps: {
+            id: panelId,
+            // This can be overridden at the panel element level.
+            role: 'group',
+            'aria-labelledby': triggerId,
+            'aria-hidden': !state.isExpanded,
+            hidden: isSSR ? !state.isExpanded : undefined
+        }
+    };
+}
+
+
+export {$0009ddef725d8da3$export$6e3e27031a30522f as useDisclosure};
+//# sourceMappingURL=useDisclosure.js.map