react-aria-components 1.16.0 → 1.18.0

package/dist/private/Button.cjs

@@ -0,0 +1,131 @@
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $ffc270943183f850$exports = require("./ProgressBar.cjs");
+var $hsYW5$reactariaprivateliveannouncerLiveAnnouncer = require("react-aria/private/live-announcer/LiveAnnouncer");
+var $hsYW5$reactariauseButton = require("react-aria/useButton");
+var $hsYW5$reactariaprivatecollectionsHidden = require("react-aria/private/collections/Hidden");
+var $hsYW5$reactariafilterDOMProps = require("react-aria/filterDOMProps");
+var $hsYW5$reactariamergeProps = require("react-aria/mergeProps");
+var $hsYW5$react = require("react");
+var $hsYW5$reactariauseFocusRing = require("react-aria/useFocusRing");
+var $hsYW5$reactariauseHover = require("react-aria/useHover");
+var $hsYW5$reactariauseId = require("react-aria/useId");
+
+
+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, "ButtonContext", function () { return $16c7f9b22cce3838$export$24d547caef80ccd1; });
+$parcel$export(module.exports, "Button", function () { return $16c7f9b22cce3838$export$353f5b6fc5456de1; });
+/*
+ * 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 $16c7f9b22cce3838$export$24d547caef80ccd1 = /*#__PURE__*/ (0, $hsYW5$react.createContext)({});
+const $16c7f9b22cce3838$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $hsYW5$reactariaprivatecollectionsHidden.createHideableComponent)(function Button(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $16c7f9b22cce3838$export$24d547caef80ccd1);
+    let ctx = props;
+    let { isPending: isPending } = ctx;
+    let { buttonProps: buttonProps, isPressed: isPressed } = (0, $hsYW5$reactariauseButton.useButton)(props, ref);
+    buttonProps = $16c7f9b22cce3838$var$useDisableInteractions(buttonProps, isPending);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $hsYW5$reactariauseFocusRing.useFocusRing)(props);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $hsYW5$reactariauseHover.useHover)({
+        ...props,
+        isDisabled: props.isDisabled || isPending
+    });
+    let renderValues = {
+        isHovered: isHovered,
+        isPressed: (ctx.isPressed || isPressed) && !isPending,
+        isFocused: isFocused,
+        isFocusVisible: isFocusVisible,
+        isDisabled: props.isDisabled || false,
+        isPending: isPending ?? false
+    };
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        values: renderValues,
+        defaultClassName: 'react-aria-Button'
+    });
+    let buttonId = (0, $hsYW5$reactariauseId.useId)(buttonProps.id);
+    let progressId = (0, $hsYW5$reactariauseId.useId)();
+    let ariaLabelledby = buttonProps['aria-labelledby'];
+    if (isPending) {
+        // aria-labelledby wins over aria-label
+        // https://www.w3.org/TR/accname-1.2/#computation-steps
+        if (ariaLabelledby) ariaLabelledby = `${ariaLabelledby} ${progressId}`;
+        else if (buttonProps['aria-label']) ariaLabelledby = `${buttonId} ${progressId}`;
+    }
+    let wasPending = (0, $hsYW5$react.useRef)(isPending);
+    (0, $hsYW5$react.useEffect)(()=>{
+        let message = {
+            'aria-labelledby': ariaLabelledby || buttonId
+        };
+        if (!wasPending.current && isFocused && isPending) (0, $hsYW5$reactariaprivateliveannouncerLiveAnnouncer.announce)(message, 'assertive');
+        else if (wasPending.current && isFocused && !isPending) (0, $hsYW5$reactariaprivateliveannouncerLiveAnnouncer.announce)(message, 'assertive');
+        wasPending.current = isPending;
+    }, [
+        isPending,
+        isFocused,
+        ariaLabelledby,
+        buttonId
+    ]);
+    let DOMProps = (0, $hsYW5$reactariafilterDOMProps.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.onClick;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($hsYW5$react))).createElement((0, $048d76b84370f141$exports.dom).button, {
+        ...(0, $hsYW5$reactariamergeProps.mergeProps)(DOMProps, renderProps, buttonProps, focusProps, hoverProps),
+        // When the button is in a pending state, we want to stop implicit form submission (ie. when the user presses enter on a text input).
+        // We do this by changing the button's type to button.
+        type: buttonProps.type === 'submit' && isPending ? 'button' : buttonProps.type,
+        id: buttonId,
+        ref: ref,
+        "aria-labelledby": ariaLabelledby,
+        slot: props.slot || undefined,
+        "aria-disabled": isPending ? 'true' : buttonProps['aria-disabled'],
+        "data-disabled": props.isDisabled || undefined,
+        "data-pressed": renderValues.isPressed || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focused": isFocused || undefined,
+        "data-pending": isPending || undefined,
+        "data-focus-visible": isFocusVisible || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($hsYW5$react))).createElement((0, $ffc270943183f850$exports.ProgressBarContext).Provider, {
+        value: {
+            id: progressId
+        }
+    }, renderProps.children));
+});
+// Events to preserve when isPending is true (for tooltips and other overlays)
+const $16c7f9b22cce3838$var$PRESERVED_EVENT_PATTERN = /Focus|Blur|Hover|Pointer(Enter|Leave|Over|Out)|Mouse(Enter|Leave|Over|Out)/;
+function $16c7f9b22cce3838$var$useDisableInteractions(props, isPending) {
+    if (isPending) {
+        for(const key in props)if (key.startsWith('on') && !$16c7f9b22cce3838$var$PRESERVED_EVENT_PATTERN.test(key)) props[key] = undefined;
+        props.href = undefined;
+        props.target = undefined;
+    }
+    return props;
+}
+
+
+//# sourceMappingURL=Button.cjs.map

package/dist/private/Button.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAyFM,MAAM,0DAAgB,CAAA,GAAA,0BAAY,EAAuD,CAAC;AAK1F,MAAM,4CAAS,WAAW,GAAG,CAAA,GAAA,gEAAsB,EAAE,SAAS,OACnE,KAAkB,EAClB,GAAoC;IAEpC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,MAAM;IACV,IAAI,aAAC,SAAS,EAAC,GAAG;IAClB,IAAI,eAAC,WAAW,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,mCAAQ,EAAE,OAAO;IAChD,cAAc,6CAAuB,aAAa;IAClD,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAAE;IAC3D,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,iCAAO,EAAE;QACrC,GAAG,KAAK;QACR,YAAY,MAAM,UAAU,IAAI;IAClC;IACA,IAAI,eAAe;mBACjB;QACA,WAAW,AAAC,CAAA,IAAI,SAAS,IAAI,SAAQ,KAAM,CAAC;mBAC5C;wBACA;QACA,YAAY,MAAM,UAAU,IAAI;QAChC,WAAW,aAAa;IAC1B;IAEA,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,QAAQ;QACR,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,2BAAI,EAAE,YAAY,EAAE;IACnC,IAAI,aAAa,CAAA,GAAA,2BAAI;IAErB,IAAI,iBAAiB,WAAW,CAAC,kBAAkB;IACnD,IAAI,WAAW;QACb,uCAAuC;QACvC,uDAAuD;QACvD,IAAI,gBACF,iBAAiB,GAAG,eAAe,CAAC,EAAE,YAAY;aAC7C,IAAI,WAAW,CAAC,aAAa,EAClC,iBAAiB,GAAG,SAAS,CAAC,EAAE,YAAY;IAEhD;IAEA,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAE;IACxB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,UAAU;YAAC,mBAAmB,kBAAkB;QAAQ;QAC5D,IAAI,CAAC,WAAW,OAAO,IAAI,aAAa,WACtC,CAAA,GAAA,0DAAO,EAAE,SAAS;aACb,IAAI,WAAW,OAAO,IAAI,aAAa,CAAC,WAC7C,CAAA,GAAA,0DAAO,EAAE,SAAS;QAEpB,WAAW,OAAO,GAAG;IACvB,GAAG;QAAC;QAAW;QAAW;QAAgB;KAAS;IAEnD,IAAI,WAAW,CAAA,GAAA,6CAAa,EAAE,OAAO;QAAC,QAAQ;IAAI;IAClD,OAAO,SAAS,OAAO;IAEvB,qBACE,0DAAC,CAAA,GAAA,6BAAE,EAAE,MAAM;QACR,GAAG,CAAA,GAAA,qCAAS,EAAE,UAAU,aAAa,aAAa,YAAY,WAAW;QAC1E,qIAAqI;QACrI,sDAAsD;QACtD,MAAM,YAAY,IAAI,KAAK,YAAY,YAAY,WAAW,YAAY,IAAI;QAC9E,IAAI;QACJ,KAAK;QACL,mBAAiB;QACjB,MAAM,MAAM,IAAI,IAAI;QACpB,iBAAe,YAAY,SAAS,WAAW,CAAC,gBAAgB;QAChE,iBAAe,MAAM,UAAU,IAAI;QACnC,gBAAc,aAAa,SAAS,IAAI;QACxC,gBAAc,aAAa;QAC3B,gBAAc,aAAa;QAC3B,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;qBACtC,0DAAC,CAAA,GAAA,4CAAiB,EAAE,QAAQ;QAAC,OAAO;YAAC,IAAI;QAAU;OAChD,YAAY,QAAQ;AAI7B;AAEA,8EAA8E;AAC9E,MAAM,gDACJ;AAEF,SAAS,6CAAuB,KAAK,EAAE,SAAS;IAC9C,IAAI,WAAW;QACb,IAAK,MAAM,OAAO,MAChB,IAAI,IAAI,UAAU,CAAC,SAAS,CAAC,8CAAwB,IAAI,CAAC,MACxD,KAAK,CAAC,IAAI,GAAG;QAGjB,MAAM,IAAI,GAAG;QACb,MAAM,MAAM,GAAG;IACjB;IACA,OAAO;AACT","sources":["packages/react-aria-components/src/Button.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 {announce} from 'react-aria/private/live-announcer/LiveAnnouncer';\n\nimport {AriaButtonProps, useButton} from 'react-aria/useButton';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {GlobalDOMAttributes} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {ProgressBarContext} from './ProgressBar';\nimport React, {createContext, ForwardedRef, useEffect, useRef} from 'react';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\n\nexport interface ButtonRenderProps {\n  /**\n   * Whether the button is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n  /**\n   * Whether the button is currently in a pressed state.\n   *\n   * @selector [data-pressed]\n   */\n  isPressed: boolean;\n  /**\n   * Whether the button is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the button is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the button is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the button is currently in a pending state.\n   *\n   * @selector [data-pending]\n   */\n  isPending: boolean;\n}\n\nexport interface ButtonProps\n  extends\n    Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>,\n    HoverEvents,\n    SlotProps,\n    RenderProps<ButtonRenderProps, 'button'>,\n    Omit<GlobalDOMAttributes<HTMLButtonElement>, 'onClick'> {\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-Button'\n   */\n  className?: ClassNameOrFunction<ButtonRenderProps>;\n  /**\n   * Whether the button is in a pending state. This disables press and hover events\n   * while retaining focusability, and announces the pending state to screen readers.\n   */\n  isPending?: boolean;\n}\n\ninterface ButtonContextValue extends ButtonProps {\n  isPressed?: boolean;\n}\n\nexport const ButtonContext = createContext<ContextValue<ButtonContextValue, HTMLButtonElement>>({});\n\n/**\n * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.\n */\nexport const Button = /*#__PURE__*/ createHideableComponent(function Button(\n  props: ButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>\n) {\n  [props, ref] = useContextProps(props, ref, ButtonContext);\n  let ctx = props as ButtonContextValue;\n  let {isPending} = ctx;\n  let {buttonProps, isPressed} = useButton(props, ref);\n  buttonProps = useDisableInteractions(buttonProps, isPending);\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: props.isDisabled || isPending\n  });\n  let renderValues = {\n    isHovered,\n    isPressed: (ctx.isPressed || isPressed) && !isPending,\n    isFocused,\n    isFocusVisible,\n    isDisabled: props.isDisabled || false,\n    isPending: isPending ?? false\n  };\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: renderValues,\n    defaultClassName: 'react-aria-Button'\n  });\n\n  let buttonId = useId(buttonProps.id);\n  let progressId = useId();\n\n  let ariaLabelledby = buttonProps['aria-labelledby'];\n  if (isPending) {\n    // aria-labelledby wins over aria-label\n    // https://www.w3.org/TR/accname-1.2/#computation-steps\n    if (ariaLabelledby) {\n      ariaLabelledby = `${ariaLabelledby} ${progressId}`;\n    } else if (buttonProps['aria-label']) {\n      ariaLabelledby = `${buttonId} ${progressId}`;\n    }\n  }\n\n  let wasPending = useRef(isPending);\n  useEffect(() => {\n    let message = {'aria-labelledby': ariaLabelledby || buttonId};\n    if (!wasPending.current && isFocused && isPending) {\n      announce(message, 'assertive');\n    } else if (wasPending.current && isFocused && !isPending) {\n      announce(message, 'assertive');\n    }\n    wasPending.current = isPending;\n  }, [isPending, isFocused, ariaLabelledby, buttonId]);\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.onClick;\n\n  return (\n    <dom.button\n      {...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps)}\n      // When the button is in a pending state, we want to stop implicit form submission (ie. when the user presses enter on a text input).\n      // We do this by changing the button's type to button.\n      type={buttonProps.type === 'submit' && isPending ? 'button' : buttonProps.type}\n      id={buttonId}\n      ref={ref}\n      aria-labelledby={ariaLabelledby}\n      slot={props.slot || undefined}\n      aria-disabled={isPending ? 'true' : buttonProps['aria-disabled']}\n      data-disabled={props.isDisabled || undefined}\n      data-pressed={renderValues.isPressed || undefined}\n      data-hovered={isHovered || undefined}\n      data-focused={isFocused || undefined}\n      data-pending={isPending || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <ProgressBarContext.Provider value={{id: progressId}}>\n        {renderProps.children}\n      </ProgressBarContext.Provider>\n    </dom.button>\n  );\n});\n\n// Events to preserve when isPending is true (for tooltips and other overlays)\nconst PRESERVED_EVENT_PATTERN =\n  /Focus|Blur|Hover|Pointer(Enter|Leave|Over|Out)|Mouse(Enter|Leave|Over|Out)/;\n\nfunction useDisableInteractions(props, isPending) {\n  if (isPending) {\n    for (const key in props) {\n      if (key.startsWith('on') && !PRESERVED_EVENT_PATTERN.test(key)) {\n        props[key] = undefined;\n      }\n    }\n    props.href = undefined;\n    props.target = undefined;\n  }\n  return props;\n}\n"],"names":[],"version":3,"file":"Button.cjs.map"}

package/dist/private/Button.js

@@ -0,0 +1,121 @@
+import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3} from "./utils.js";
+import {ProgressBarContext as $71551be8b98e6856$export$e9f3bf65a26ce129} from "./ProgressBar.js";
+import {announce as $tkAfK$announce} from "react-aria/private/live-announcer/LiveAnnouncer";
+import {useButton as $tkAfK$useButton} from "react-aria/useButton";
+import {createHideableComponent as $tkAfK$createHideableComponent} from "react-aria/private/collections/Hidden";
+import {filterDOMProps as $tkAfK$filterDOMProps} from "react-aria/filterDOMProps";
+import {mergeProps as $tkAfK$mergeProps} from "react-aria/mergeProps";
+import $tkAfK$react, {createContext as $tkAfK$createContext, useRef as $tkAfK$useRef, useEffect as $tkAfK$useEffect} from "react";
+import {useFocusRing as $tkAfK$useFocusRing} from "react-aria/useFocusRing";
+import {useHover as $tkAfK$useHover} from "react-aria/useHover";
+import {useId as $tkAfK$useId} from "react-aria/useId";
+
+/*
+ * 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 $fc203795b9b363cd$export$24d547caef80ccd1 = /*#__PURE__*/ (0, $tkAfK$createContext)({});
+const $fc203795b9b363cd$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $tkAfK$createHideableComponent)(function Button(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $fc203795b9b363cd$export$24d547caef80ccd1);
+    let ctx = props;
+    let { isPending: isPending } = ctx;
+    let { buttonProps: buttonProps, isPressed: isPressed } = (0, $tkAfK$useButton)(props, ref);
+    buttonProps = $fc203795b9b363cd$var$useDisableInteractions(buttonProps, isPending);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $tkAfK$useFocusRing)(props);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $tkAfK$useHover)({
+        ...props,
+        isDisabled: props.isDisabled || isPending
+    });
+    let renderValues = {
+        isHovered: isHovered,
+        isPressed: (ctx.isPressed || isPressed) && !isPending,
+        isFocused: isFocused,
+        isFocusVisible: isFocusVisible,
+        isDisabled: props.isDisabled || false,
+        isPending: isPending !== null && isPending !== void 0 ? isPending : false
+    };
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        values: renderValues,
+        defaultClassName: 'react-aria-Button'
+    });
+    let buttonId = (0, $tkAfK$useId)(buttonProps.id);
+    let progressId = (0, $tkAfK$useId)();
+    let ariaLabelledby = buttonProps['aria-labelledby'];
+    if (isPending) {
+        // aria-labelledby wins over aria-label
+        // https://www.w3.org/TR/accname-1.2/#computation-steps
+        if (ariaLabelledby) ariaLabelledby = `${ariaLabelledby} ${progressId}`;
+        else if (buttonProps['aria-label']) ariaLabelledby = `${buttonId} ${progressId}`;
+    }
+    let wasPending = (0, $tkAfK$useRef)(isPending);
+    (0, $tkAfK$useEffect)(()=>{
+        let message = {
+            'aria-labelledby': ariaLabelledby || buttonId
+        };
+        if (!wasPending.current && isFocused && isPending) (0, $tkAfK$announce)(message, 'assertive');
+        else if (wasPending.current && isFocused && !isPending) (0, $tkAfK$announce)(message, 'assertive');
+        wasPending.current = isPending;
+    }, [
+        isPending,
+        isFocused,
+        ariaLabelledby,
+        buttonId
+    ]);
+    let DOMProps = (0, $tkAfK$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.onClick;
+    return /*#__PURE__*/ (0, $tkAfK$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).button, {
+        ...(0, $tkAfK$mergeProps)(DOMProps, renderProps, buttonProps, focusProps, hoverProps),
+        // When the button is in a pending state, we want to stop implicit form submission (ie. when the user presses enter on a text input).
+        // We do this by changing the button's type to button.
+        type: buttonProps.type === 'submit' && isPending ? 'button' : buttonProps.type,
+        id: buttonId,
+        ref: ref,
+        "aria-labelledby": ariaLabelledby,
+        slot: props.slot || undefined,
+        "aria-disabled": isPending ? 'true' : buttonProps['aria-disabled'],
+        "data-disabled": props.isDisabled || undefined,
+        "data-pressed": renderValues.isPressed || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focused": isFocused || undefined,
+        "data-pending": isPending || undefined,
+        "data-focus-visible": isFocusVisible || undefined
+    }, /*#__PURE__*/ (0, $tkAfK$react).createElement((0, $71551be8b98e6856$export$e9f3bf65a26ce129).Provider, {
+        value: {
+            id: progressId
+        }
+    }, renderProps.children));
+});
+// Events to preserve when isPending is true (for tooltips and other overlays)
+const $fc203795b9b363cd$var$PRESERVED_EVENT_PATTERN = /Focus|Blur|Hover|Pointer(Enter|Leave|Over|Out)|Mouse(Enter|Leave|Over|Out)/;
+function $fc203795b9b363cd$var$useDisableInteractions(props, isPending) {
+    if (isPending) {
+        for(const key in props)if (key.startsWith('on') && !$fc203795b9b363cd$var$PRESERVED_EVENT_PATTERN.test(key)) props[key] = undefined;
+        props.href = undefined;
+        props.target = undefined;
+    }
+    return props;
+}
+
+
+export {$fc203795b9b363cd$export$24d547caef80ccd1 as ButtonContext, $fc203795b9b363cd$export$353f5b6fc5456de1 as Button};
+//# sourceMappingURL=Button.js.map

package/dist/private/Button.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/Button.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 {announce} from 'react-aria/private/live-announcer/LiveAnnouncer';\n\nimport {AriaButtonProps, useButton} from 'react-aria/useButton';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {GlobalDOMAttributes} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {ProgressBarContext} from './ProgressBar';\nimport React, {createContext, ForwardedRef, useEffect, useRef} from 'react';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\n\nexport interface ButtonRenderProps {\n  /**\n   * Whether the button is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n  /**\n   * Whether the button is currently in a pressed state.\n   *\n   * @selector [data-pressed]\n   */\n  isPressed: boolean;\n  /**\n   * Whether the button is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the button is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the button is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the button is currently in a pending state.\n   *\n   * @selector [data-pending]\n   */\n  isPending: boolean;\n}\n\nexport interface ButtonProps\n  extends\n    Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>,\n    HoverEvents,\n    SlotProps,\n    RenderProps<ButtonRenderProps, 'button'>,\n    Omit<GlobalDOMAttributes<HTMLButtonElement>, 'onClick'> {\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-Button'\n   */\n  className?: ClassNameOrFunction<ButtonRenderProps>;\n  /**\n   * Whether the button is in a pending state. This disables press and hover events\n   * while retaining focusability, and announces the pending state to screen readers.\n   */\n  isPending?: boolean;\n}\n\ninterface ButtonContextValue extends ButtonProps {\n  isPressed?: boolean;\n}\n\nexport const ButtonContext = createContext<ContextValue<ButtonContextValue, HTMLButtonElement>>({});\n\n/**\n * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.\n */\nexport const Button = /*#__PURE__*/ createHideableComponent(function Button(\n  props: ButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>\n) {\n  [props, ref] = useContextProps(props, ref, ButtonContext);\n  let ctx = props as ButtonContextValue;\n  let {isPending} = ctx;\n  let {buttonProps, isPressed} = useButton(props, ref);\n  buttonProps = useDisableInteractions(buttonProps, isPending);\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: props.isDisabled || isPending\n  });\n  let renderValues = {\n    isHovered,\n    isPressed: (ctx.isPressed || isPressed) && !isPending,\n    isFocused,\n    isFocusVisible,\n    isDisabled: props.isDisabled || false,\n    isPending: isPending ?? false\n  };\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: renderValues,\n    defaultClassName: 'react-aria-Button'\n  });\n\n  let buttonId = useId(buttonProps.id);\n  let progressId = useId();\n\n  let ariaLabelledby = buttonProps['aria-labelledby'];\n  if (isPending) {\n    // aria-labelledby wins over aria-label\n    // https://www.w3.org/TR/accname-1.2/#computation-steps\n    if (ariaLabelledby) {\n      ariaLabelledby = `${ariaLabelledby} ${progressId}`;\n    } else if (buttonProps['aria-label']) {\n      ariaLabelledby = `${buttonId} ${progressId}`;\n    }\n  }\n\n  let wasPending = useRef(isPending);\n  useEffect(() => {\n    let message = {'aria-labelledby': ariaLabelledby || buttonId};\n    if (!wasPending.current && isFocused && isPending) {\n      announce(message, 'assertive');\n    } else if (wasPending.current && isFocused && !isPending) {\n      announce(message, 'assertive');\n    }\n    wasPending.current = isPending;\n  }, [isPending, isFocused, ariaLabelledby, buttonId]);\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.onClick;\n\n  return (\n    <dom.button\n      {...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps)}\n      // When the button is in a pending state, we want to stop implicit form submission (ie. when the user presses enter on a text input).\n      // We do this by changing the button's type to button.\n      type={buttonProps.type === 'submit' && isPending ? 'button' : buttonProps.type}\n      id={buttonId}\n      ref={ref}\n      aria-labelledby={ariaLabelledby}\n      slot={props.slot || undefined}\n      aria-disabled={isPending ? 'true' : buttonProps['aria-disabled']}\n      data-disabled={props.isDisabled || undefined}\n      data-pressed={renderValues.isPressed || undefined}\n      data-hovered={isHovered || undefined}\n      data-focused={isFocused || undefined}\n      data-pending={isPending || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <ProgressBarContext.Provider value={{id: progressId}}>\n        {renderProps.children}\n      </ProgressBarContext.Provider>\n    </dom.button>\n  );\n});\n\n// Events to preserve when isPending is true (for tooltips and other overlays)\nconst PRESERVED_EVENT_PATTERN =\n  /Focus|Blur|Hover|Pointer(Enter|Leave|Over|Out)|Mouse(Enter|Leave|Over|Out)/;\n\nfunction useDisableInteractions(props, isPending) {\n  if (isPending) {\n    for (const key in props) {\n      if (key.startsWith('on') && !PRESERVED_EVENT_PATTERN.test(key)) {\n        props[key] = undefined;\n      }\n    }\n    props.href = undefined;\n    props.target = undefined;\n  }\n  return props;\n}\n"],"names":[],"version":3,"file":"Button.js.map"}

package/dist/private/Button.mjs

@@ -0,0 +1,121 @@
+import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from "./utils.mjs";
+import {ProgressBarContext as $6c0095e7e99364f2$export$e9f3bf65a26ce129} from "./ProgressBar.mjs";
+import {announce as $9s8kH$announce} from "react-aria/private/live-announcer/LiveAnnouncer";
+import {useButton as $9s8kH$useButton} from "react-aria/useButton";
+import {createHideableComponent as $9s8kH$createHideableComponent} from "react-aria/private/collections/Hidden";
+import {filterDOMProps as $9s8kH$filterDOMProps} from "react-aria/filterDOMProps";
+import {mergeProps as $9s8kH$mergeProps} from "react-aria/mergeProps";
+import $9s8kH$react, {createContext as $9s8kH$createContext, useRef as $9s8kH$useRef, useEffect as $9s8kH$useEffect} from "react";
+import {useFocusRing as $9s8kH$useFocusRing} from "react-aria/useFocusRing";
+import {useHover as $9s8kH$useHover} from "react-aria/useHover";
+import {useId as $9s8kH$useId} from "react-aria/useId";
+
+/*
+ * 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 $7705c033048f6da7$export$24d547caef80ccd1 = /*#__PURE__*/ (0, $9s8kH$createContext)({});
+const $7705c033048f6da7$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $9s8kH$createHideableComponent)(function Button(props, ref) {
+    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $7705c033048f6da7$export$24d547caef80ccd1);
+    let ctx = props;
+    let { isPending: isPending } = ctx;
+    let { buttonProps: buttonProps, isPressed: isPressed } = (0, $9s8kH$useButton)(props, ref);
+    buttonProps = $7705c033048f6da7$var$useDisableInteractions(buttonProps, isPending);
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $9s8kH$useFocusRing)(props);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $9s8kH$useHover)({
+        ...props,
+        isDisabled: props.isDisabled || isPending
+    });
+    let renderValues = {
+        isHovered: isHovered,
+        isPressed: (ctx.isPressed || isPressed) && !isPending,
+        isFocused: isFocused,
+        isFocusVisible: isFocusVisible,
+        isDisabled: props.isDisabled || false,
+        isPending: isPending ?? false
+    };
+    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+        ...props,
+        values: renderValues,
+        defaultClassName: 'react-aria-Button'
+    });
+    let buttonId = (0, $9s8kH$useId)(buttonProps.id);
+    let progressId = (0, $9s8kH$useId)();
+    let ariaLabelledby = buttonProps['aria-labelledby'];
+    if (isPending) {
+        // aria-labelledby wins over aria-label
+        // https://www.w3.org/TR/accname-1.2/#computation-steps
+        if (ariaLabelledby) ariaLabelledby = `${ariaLabelledby} ${progressId}`;
+        else if (buttonProps['aria-label']) ariaLabelledby = `${buttonId} ${progressId}`;
+    }
+    let wasPending = (0, $9s8kH$useRef)(isPending);
+    (0, $9s8kH$useEffect)(()=>{
+        let message = {
+            'aria-labelledby': ariaLabelledby || buttonId
+        };
+        if (!wasPending.current && isFocused && isPending) (0, $9s8kH$announce)(message, 'assertive');
+        else if (wasPending.current && isFocused && !isPending) (0, $9s8kH$announce)(message, 'assertive');
+        wasPending.current = isPending;
+    }, [
+        isPending,
+        isFocused,
+        ariaLabelledby,
+        buttonId
+    ]);
+    let DOMProps = (0, $9s8kH$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.onClick;
+    return /*#__PURE__*/ (0, $9s8kH$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).button, {
+        ...(0, $9s8kH$mergeProps)(DOMProps, renderProps, buttonProps, focusProps, hoverProps),
+        // When the button is in a pending state, we want to stop implicit form submission (ie. when the user presses enter on a text input).
+        // We do this by changing the button's type to button.
+        type: buttonProps.type === 'submit' && isPending ? 'button' : buttonProps.type,
+        id: buttonId,
+        ref: ref,
+        "aria-labelledby": ariaLabelledby,
+        slot: props.slot || undefined,
+        "aria-disabled": isPending ? 'true' : buttonProps['aria-disabled'],
+        "data-disabled": props.isDisabled || undefined,
+        "data-pressed": renderValues.isPressed || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focused": isFocused || undefined,
+        "data-pending": isPending || undefined,
+        "data-focus-visible": isFocusVisible || undefined
+    }, /*#__PURE__*/ (0, $9s8kH$react).createElement((0, $6c0095e7e99364f2$export$e9f3bf65a26ce129).Provider, {
+        value: {
+            id: progressId
+        }
+    }, renderProps.children));
+});
+// Events to preserve when isPending is true (for tooltips and other overlays)
+const $7705c033048f6da7$var$PRESERVED_EVENT_PATTERN = /Focus|Blur|Hover|Pointer(Enter|Leave|Over|Out)|Mouse(Enter|Leave|Over|Out)/;
+function $7705c033048f6da7$var$useDisableInteractions(props, isPending) {
+    if (isPending) {
+        for(const key in props)if (key.startsWith('on') && !$7705c033048f6da7$var$PRESERVED_EVENT_PATTERN.test(key)) props[key] = undefined;
+        props.href = undefined;
+        props.target = undefined;
+    }
+    return props;
+}
+
+
+export {$7705c033048f6da7$export$24d547caef80ccd1 as ButtonContext, $7705c033048f6da7$export$353f5b6fc5456de1 as Button};
+//# sourceMappingURL=Button.mjs.map

package/dist/private/Button.mjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/Button.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 {announce} from 'react-aria/private/live-announcer/LiveAnnouncer';\n\nimport {AriaButtonProps, useButton} from 'react-aria/useButton';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {GlobalDOMAttributes} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {ProgressBarContext} from './ProgressBar';\nimport React, {createContext, ForwardedRef, useEffect, useRef} from 'react';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\n\nexport interface ButtonRenderProps {\n  /**\n   * Whether the button is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n  /**\n   * Whether the button is currently in a pressed state.\n   *\n   * @selector [data-pressed]\n   */\n  isPressed: boolean;\n  /**\n   * Whether the button is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the button is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the button is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the button is currently in a pending state.\n   *\n   * @selector [data-pending]\n   */\n  isPending: boolean;\n}\n\nexport interface ButtonProps\n  extends\n    Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>,\n    HoverEvents,\n    SlotProps,\n    RenderProps<ButtonRenderProps, 'button'>,\n    Omit<GlobalDOMAttributes<HTMLButtonElement>, 'onClick'> {\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-Button'\n   */\n  className?: ClassNameOrFunction<ButtonRenderProps>;\n  /**\n   * Whether the button is in a pending state. This disables press and hover events\n   * while retaining focusability, and announces the pending state to screen readers.\n   */\n  isPending?: boolean;\n}\n\ninterface ButtonContextValue extends ButtonProps {\n  isPressed?: boolean;\n}\n\nexport const ButtonContext = createContext<ContextValue<ButtonContextValue, HTMLButtonElement>>({});\n\n/**\n * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.\n */\nexport const Button = /*#__PURE__*/ createHideableComponent(function Button(\n  props: ButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>\n) {\n  [props, ref] = useContextProps(props, ref, ButtonContext);\n  let ctx = props as ButtonContextValue;\n  let {isPending} = ctx;\n  let {buttonProps, isPressed} = useButton(props, ref);\n  buttonProps = useDisableInteractions(buttonProps, isPending);\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: props.isDisabled || isPending\n  });\n  let renderValues = {\n    isHovered,\n    isPressed: (ctx.isPressed || isPressed) && !isPending,\n    isFocused,\n    isFocusVisible,\n    isDisabled: props.isDisabled || false,\n    isPending: isPending ?? false\n  };\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: renderValues,\n    defaultClassName: 'react-aria-Button'\n  });\n\n  let buttonId = useId(buttonProps.id);\n  let progressId = useId();\n\n  let ariaLabelledby = buttonProps['aria-labelledby'];\n  if (isPending) {\n    // aria-labelledby wins over aria-label\n    // https://www.w3.org/TR/accname-1.2/#computation-steps\n    if (ariaLabelledby) {\n      ariaLabelledby = `${ariaLabelledby} ${progressId}`;\n    } else if (buttonProps['aria-label']) {\n      ariaLabelledby = `${buttonId} ${progressId}`;\n    }\n  }\n\n  let wasPending = useRef(isPending);\n  useEffect(() => {\n    let message = {'aria-labelledby': ariaLabelledby || buttonId};\n    if (!wasPending.current && isFocused && isPending) {\n      announce(message, 'assertive');\n    } else if (wasPending.current && isFocused && !isPending) {\n      announce(message, 'assertive');\n    }\n    wasPending.current = isPending;\n  }, [isPending, isFocused, ariaLabelledby, buttonId]);\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.onClick;\n\n  return (\n    <dom.button\n      {...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps)}\n      // When the button is in a pending state, we want to stop implicit form submission (ie. when the user presses enter on a text input).\n      // We do this by changing the button's type to button.\n      type={buttonProps.type === 'submit' && isPending ? 'button' : buttonProps.type}\n      id={buttonId}\n      ref={ref}\n      aria-labelledby={ariaLabelledby}\n      slot={props.slot || undefined}\n      aria-disabled={isPending ? 'true' : buttonProps['aria-disabled']}\n      data-disabled={props.isDisabled || undefined}\n      data-pressed={renderValues.isPressed || undefined}\n      data-hovered={isHovered || undefined}\n      data-focused={isFocused || undefined}\n      data-pending={isPending || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <ProgressBarContext.Provider value={{id: progressId}}>\n        {renderProps.children}\n      </ProgressBarContext.Provider>\n    </dom.button>\n  );\n});\n\n// Events to preserve when isPending is true (for tooltips and other overlays)\nconst PRESERVED_EVENT_PATTERN =\n  /Focus|Blur|Hover|Pointer(Enter|Leave|Over|Out)|Mouse(Enter|Leave|Over|Out)/;\n\nfunction useDisableInteractions(props, isPending) {\n  if (isPending) {\n    for (const key in props) {\n      if (key.startsWith('on') && !PRESERVED_EVENT_PATTERN.test(key)) {\n        props[key] = undefined;\n      }\n    }\n    props.href = undefined;\n    props.target = undefined;\n  }\n  return props;\n}\n"],"names":[],"version":3,"file":"Button.mjs.map"}