react-aria-components 1.3.4-nightly.5042 → 1.4.0

package/dist/Breadcrumbs.main.js

@@ -1,6 +1,7 @@
 var $3114c2382242bdc0$exports = require("./Collection.main.js");
 var $c5ccf687772c0422$exports = require("./utils.main.js");
 var $c87397ee936d2bda$exports = require("./Link.main.js");
+var $l7mU3$reactaria = require("react-aria");
 var $l7mU3$reactariacollections = require("@react-aria/collections");
 var $l7mU3$reactariautils = require("@react-aria/utils");
 var $l7mU3$react = require("react");
@@ -33,19 +34,19 @@ $parcel$export(module.exports, "Breadcrumb", () => $afa44b644f65ed30$export$dabc
 
 
 
+
 const $afa44b644f65ed30$export$65596d3621b0a4a0 = /*#__PURE__*/ (0, $l7mU3$react.createContext)(null);
 function $afa44b644f65ed30$var$Breadcrumbs(props, ref) {
     [props, ref] = (0, $c5ccf687772c0422$exports.useContextProps)(props, ref, $afa44b644f65ed30$export$65596d3621b0a4a0);
     let { CollectionRoot: CollectionRoot } = (0, $l7mU3$react.useContext)((0, $3114c2382242bdc0$exports.CollectionRendererContext));
+    let { navProps: navProps } = (0, $l7mU3$reactaria.useBreadcrumbs)(props);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($l7mU3$react))).createElement((0, $l7mU3$reactariacollections.CollectionBuilder), {
         content: /*#__PURE__*/ (0, ($parcel$interopDefault($l7mU3$react))).createElement((0, $l7mU3$reactariacollections.Collection), props)
     }, (collection)=>/*#__PURE__*/ {
         var _props_className;
         return (0, ($parcel$interopDefault($l7mU3$react))).createElement("ol", {
             ref: ref,
-            ...(0, $l7mU3$reactariautils.filterDOMProps)(props, {
-                labelable: true
-            }),
+            ...navProps,
             slot: props.slot || undefined,
             style: props.style,
             className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : 'react-aria-Breadcrumbs'

package/dist/Breadcrumbs.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAkBM,MAAM,0DAAqB,CAAA,GAAA,0BAAY,EAAyD;AAEvG,SAAS,kCAA8B,KAA0B,EAAE,GAAmC;IACpG,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,mDAAwB;IAE1D,qBACE,0DAAC,CAAA,GAAA,6CAAgB;QAAE,uBAAS,0DAAC,CAAA,GAAA,sCAAS,GAAM;OACzC,CAAA;YAMc;eALb,0DAAC;YACC,KAAK;YACJ,GAAG,CAAA,GAAA,oCAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;YAC5C,MAAM,MAAM,IAAI,IAAI;YACpB,OAAO,MAAM,KAAK;YAClB,WAAW,CAAA,mBAAA,MAAM,SAAS,cAAf,8BAAA,mBAAmB;yBAC9B,0DAAC,0CAAmB,QAAQ;YAAC,OAAO;yBAClC,0DAAC;YAAe,YAAY;;IAE5B;AAIZ;AAEA;;CAEC,GACD,MAAM,2CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB;AAwB3D,MAAM,4CAAa,WAAW,GAAG,CAAA,GAAA,+CAAkB,EAAE,QAAQ,SAAS,WAAW,KAAsB,EAAE,GAAgC,EAAE,IAAmB;IACnK,sGAAsG;IACtG,IAAI,YAAY,KAAK,OAAO,IAAI;IAChC,IAAI,cAAC,UAAU,YAAE,QAAQ,EAAC,GAAG,CAAA,GAAA,2CAAgB,EAAE;IAC/C,IAAI,YAAY;QACd,gBAAgB,YAAY,SAAS;QACrC,YAAY,cAAc;QAC1B,SAAS,IAAM,qBAAA,+BAAA,SAAW,KAAK,GAAG;IACpC;IAEA,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK,KAAK;QACb,UAAU,KAAK,QAAQ;QACvB,QAAQ;YAAC,YAAY,cAAc;uBAAW;QAAS;QACvD,kBAAkB;IACpB;IAEA,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,oCAAa,EAAE,MAAa;QAC/B,GAAG,WAAW;QACf,KAAK;QACL,iBAAe,cAAc,aAAa;QAC1C,gBAAc,aAAa;qBAC3B,0DAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;QAAC,OAAO;OAC1B,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/Breadcrumbs.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 */\nimport {AriaBreadcrumbsProps} from 'react-aria';\nimport {Collection, CollectionBuilder, createLeafComponent} from '@react-aria/collections';\nimport {CollectionProps, CollectionRendererContext} from './Collection';\nimport {ContextValue, RenderProps, SlotProps, StyleProps, useContextProps, useRenderProps, useSlottedContext} from './utils';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {forwardRefType, Key} from '@react-types/shared';\nimport {LinkContext} from './Link';\nimport {Node} from 'react-stately';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\n\nexport interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps {\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean,\n  /** Handler that is called when a breadcrumb is clicked. */\n  onAction?: (key: Key) => void\n}\n\nexport const BreadcrumbsContext = createContext<ContextValue<BreadcrumbsProps<any>, HTMLOListElement>>(null);\n\nfunction Breadcrumbs<T extends object>(props: BreadcrumbsProps<T>, ref: ForwardedRef<HTMLOListElement>) {\n  [props, ref] = useContextProps(props, ref, BreadcrumbsContext);\n  let {CollectionRoot} = useContext(CollectionRendererContext);\n\n  return (\n    <CollectionBuilder content={<Collection {...props} />}>\n      {collection => (\n        <ol\n          ref={ref}\n          {...filterDOMProps(props, {labelable: true})}\n          slot={props.slot || undefined}\n          style={props.style}\n          className={props.className ?? 'react-aria-Breadcrumbs'}>\n          <BreadcrumbsContext.Provider value={props}>\n            <CollectionRoot collection={collection} />\n          </BreadcrumbsContext.Provider>\n        </ol>\n      )}\n    </CollectionBuilder>\n  );\n}\n\n/**\n * Breadcrumbs display a hierarchy of links to the current page or resource in an application.\n */\nconst _Breadcrumbs = /*#__PURE__*/ (forwardRef as forwardRefType)(Breadcrumbs);\nexport {_Breadcrumbs as Breadcrumbs};\n\nexport interface BreadcrumbRenderProps {\n  /**\n   * Whether the breadcrumb is for the current page.\n   * @selector [data-current]\n   */\n  isCurrent: boolean,\n  /**\n   * Whether the breadcrumb is disabled.\n   * @selector [data-current]\n   */\n  isDisabled: boolean\n}\n\nexport interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps>  {\n  /** A unique id for the breadcrumb, which will be passed to `onAction` when the breadcrumb is pressed. */\n  id?: Key\n}\n\n/**\n * A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.\n */\nexport const Breadcrumb = /*#__PURE__*/ createLeafComponent('item', function Breadcrumb(props: BreadcrumbProps, ref: ForwardedRef<HTMLLIElement>, node: Node<unknown>) {\n  // Recreating useBreadcrumbItem because we want to use composition instead of having the link builtin.\n  let isCurrent = node.nextKey == null;\n  let {isDisabled, onAction} = useSlottedContext(BreadcrumbsContext)!;\n  let linkProps = {\n    'aria-current': isCurrent ? 'page' : null,\n    isDisabled: isDisabled || isCurrent,\n    onPress: () => onAction?.(node.key)\n  };\n\n  let renderProps = useRenderProps({\n    ...node.props,\n    children: node.rendered,\n    values: {isDisabled: isDisabled || isCurrent, isCurrent},\n    defaultClassName: 'react-aria-Breadcrumb'\n  });\n\n  return (\n    <li\n      {...filterDOMProps(props as any)}\n      {...renderProps}\n      ref={ref}\n      data-disabled={isDisabled || isCurrent || undefined}\n      data-current={isCurrent || undefined}>\n      <LinkContext.Provider value={linkProps}>\n        {renderProps.children}\n      </LinkContext.Provider>\n    </li>\n  );\n});\n"],"names":[],"version":3,"file":"Breadcrumbs.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAkBM,MAAM,0DAAqB,CAAA,GAAA,0BAAY,EAAyD;AAEvG,SAAS,kCAA8B,KAA0B,EAAE,GAAmC;IACpG,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,mDAAwB;IAC1D,IAAI,YAAC,QAAQ,EAAC,GAAG,CAAA,GAAA,+BAAa,EAAE;IAEhC,qBACE,0DAAC,CAAA,GAAA,6CAAgB;QAAE,uBAAS,0DAAC,CAAA,GAAA,sCAAS,GAAM;OACzC,CAAA;YAMc;eALb,0DAAC;YACC,KAAK;YACJ,GAAG,QAAQ;YACZ,MAAM,MAAM,IAAI,IAAI;YACpB,OAAO,MAAM,KAAK;YAClB,WAAW,CAAA,mBAAA,MAAM,SAAS,cAAf,8BAAA,mBAAmB;yBAC9B,0DAAC,0CAAmB,QAAQ;YAAC,OAAO;yBAClC,0DAAC;YAAe,YAAY;;IAE5B;AAIZ;AAEA;;CAEC,GACD,MAAM,2CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB;AAwB3D,MAAM,4CAAa,WAAW,GAAG,CAAA,GAAA,+CAAkB,EAAE,QAAQ,SAAS,WAAW,KAAsB,EAAE,GAAgC,EAAE,IAAmB;IACnK,sGAAsG;IACtG,IAAI,YAAY,KAAK,OAAO,IAAI;IAChC,IAAI,cAAC,UAAU,YAAE,QAAQ,EAAC,GAAG,CAAA,GAAA,2CAAgB,EAAE;IAC/C,IAAI,YAAY;QACd,gBAAgB,YAAY,SAAS;QACrC,YAAY,cAAc;QAC1B,SAAS,IAAM,qBAAA,+BAAA,SAAW,KAAK,GAAG;IACpC;IAEA,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK,KAAK;QACb,UAAU,KAAK,QAAQ;QACvB,QAAQ;YAAC,YAAY,cAAc;uBAAW;QAAS;QACvD,kBAAkB;IACpB;IAEA,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,oCAAa,EAAE,MAAa;QAC/B,GAAG,WAAW;QACf,KAAK;QACL,iBAAe,cAAc,aAAa;QAC1C,gBAAc,aAAa;qBAC3B,0DAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;QAAC,OAAO;OAC1B,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/Breadcrumbs.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 */\nimport {AriaBreadcrumbsProps, useBreadcrumbs} from 'react-aria';\nimport {Collection, CollectionBuilder, createLeafComponent} from '@react-aria/collections';\nimport {CollectionProps, CollectionRendererContext} from './Collection';\nimport {ContextValue, RenderProps, SlotProps, StyleProps, useContextProps, useRenderProps, useSlottedContext} from './utils';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {forwardRefType, Key} from '@react-types/shared';\nimport {LinkContext} from './Link';\nimport {Node} from 'react-stately';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\n\nexport interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps {\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean,\n  /** Handler that is called when a breadcrumb is clicked. */\n  onAction?: (key: Key) => void\n}\n\nexport const BreadcrumbsContext = createContext<ContextValue<BreadcrumbsProps<any>, HTMLOListElement>>(null);\n\nfunction Breadcrumbs<T extends object>(props: BreadcrumbsProps<T>, ref: ForwardedRef<HTMLOListElement>) {\n  [props, ref] = useContextProps(props, ref, BreadcrumbsContext);\n  let {CollectionRoot} = useContext(CollectionRendererContext);\n  let {navProps} = useBreadcrumbs(props);\n\n  return (\n    <CollectionBuilder content={<Collection {...props} />}>\n      {collection => (\n        <ol\n          ref={ref}\n          {...navProps}\n          slot={props.slot || undefined}\n          style={props.style}\n          className={props.className ?? 'react-aria-Breadcrumbs'}>\n          <BreadcrumbsContext.Provider value={props}>\n            <CollectionRoot collection={collection} />\n          </BreadcrumbsContext.Provider>\n        </ol>\n      )}\n    </CollectionBuilder>\n  );\n}\n\n/**\n * Breadcrumbs display a hierarchy of links to the current page or resource in an application.\n */\nconst _Breadcrumbs = /*#__PURE__*/ (forwardRef as forwardRefType)(Breadcrumbs);\nexport {_Breadcrumbs as Breadcrumbs};\n\nexport interface BreadcrumbRenderProps {\n  /**\n   * Whether the breadcrumb is for the current page.\n   * @selector [data-current]\n   */\n  isCurrent: boolean,\n  /**\n   * Whether the breadcrumb is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean\n}\n\nexport interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps>  {\n  /** A unique id for the breadcrumb, which will be passed to `onAction` when the breadcrumb is pressed. */\n  id?: Key\n}\n\n/**\n * A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.\n */\nexport const Breadcrumb = /*#__PURE__*/ createLeafComponent('item', function Breadcrumb(props: BreadcrumbProps, ref: ForwardedRef<HTMLLIElement>, node: Node<unknown>) {\n  // Recreating useBreadcrumbItem because we want to use composition instead of having the link builtin.\n  let isCurrent = node.nextKey == null;\n  let {isDisabled, onAction} = useSlottedContext(BreadcrumbsContext)!;\n  let linkProps = {\n    'aria-current': isCurrent ? 'page' : null,\n    isDisabled: isDisabled || isCurrent,\n    onPress: () => onAction?.(node.key)\n  };\n\n  let renderProps = useRenderProps({\n    ...node.props,\n    children: node.rendered,\n    values: {isDisabled: isDisabled || isCurrent, isCurrent},\n    defaultClassName: 'react-aria-Breadcrumb'\n  });\n\n  return (\n    <li\n      {...filterDOMProps(props as any)}\n      {...renderProps}\n      ref={ref}\n      data-disabled={isDisabled || isCurrent || undefined}\n      data-current={isCurrent || undefined}>\n      <LinkContext.Provider value={linkProps}>\n        {renderProps.children}\n      </LinkContext.Provider>\n    </li>\n  );\n});\n"],"names":[],"version":3,"file":"Breadcrumbs.main.js.map"}

package/dist/Breadcrumbs.mjs

@@ -1,6 +1,7 @@
 import {CollectionRendererContext as $7135fc7d473fd974$export$4feb769f8ddf26c5} from "./Collection.mjs";
 import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3, useSlottedContext as $64fa3d84918910a7$export$fabf2dc03a41866e} from "./utils.mjs";
 import {LinkContext as $4f118338184dc1d9$export$e2509388b49734e7} from "./Link.mjs";
+import {useBreadcrumbs as $c5cc5$useBreadcrumbs} from "react-aria";
 import {CollectionBuilder as $c5cc5$CollectionBuilder, Collection as $c5cc5$Collection, createLeafComponent as $c5cc5$createLeafComponent} from "@react-aria/collections";
 import {filterDOMProps as $c5cc5$filterDOMProps} from "@react-aria/utils";
 import $c5cc5$react, {createContext as $c5cc5$createContext, useContext as $c5cc5$useContext, forwardRef as $c5cc5$forwardRef} from "react";
@@ -21,19 +22,19 @@ import $c5cc5$react, {createContext as $c5cc5$createContext, useContext as $c5cc
 
 
 
+
 const $778035c5624f61e7$export$65596d3621b0a4a0 = /*#__PURE__*/ (0, $c5cc5$createContext)(null);
 function $778035c5624f61e7$var$Breadcrumbs(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $778035c5624f61e7$export$65596d3621b0a4a0);
     let { CollectionRoot: CollectionRoot } = (0, $c5cc5$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let { navProps: navProps } = (0, $c5cc5$useBreadcrumbs)(props);
     return /*#__PURE__*/ (0, $c5cc5$react).createElement((0, $c5cc5$CollectionBuilder), {
         content: /*#__PURE__*/ (0, $c5cc5$react).createElement((0, $c5cc5$Collection), props)
     }, (collection)=>/*#__PURE__*/ {
         var _props_className;
         return (0, $c5cc5$react).createElement("ol", {
             ref: ref,
-            ...(0, $c5cc5$filterDOMProps)(props, {
-                labelable: true
-            }),
+            ...navProps,
             slot: props.slot || undefined,
             style: props.style,
             className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : 'react-aria-Breadcrumbs'

package/dist/Breadcrumbs.module.js

@@ -1,6 +1,7 @@
 import {CollectionRendererContext as $7135fc7d473fd974$export$4feb769f8ddf26c5} from "./Collection.module.js";
 import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3, useSlottedContext as $64fa3d84918910a7$export$fabf2dc03a41866e} from "./utils.module.js";
 import {LinkContext as $4f118338184dc1d9$export$e2509388b49734e7} from "./Link.module.js";
+import {useBreadcrumbs as $c5cc5$useBreadcrumbs} from "react-aria";
 import {CollectionBuilder as $c5cc5$CollectionBuilder, Collection as $c5cc5$Collection, createLeafComponent as $c5cc5$createLeafComponent} from "@react-aria/collections";
 import {filterDOMProps as $c5cc5$filterDOMProps} from "@react-aria/utils";
 import $c5cc5$react, {createContext as $c5cc5$createContext, useContext as $c5cc5$useContext, forwardRef as $c5cc5$forwardRef} from "react";
@@ -21,19 +22,19 @@ import $c5cc5$react, {createContext as $c5cc5$createContext, useContext as $c5cc
 
 
 
+
 const $778035c5624f61e7$export$65596d3621b0a4a0 = /*#__PURE__*/ (0, $c5cc5$createContext)(null);
 function $778035c5624f61e7$var$Breadcrumbs(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $778035c5624f61e7$export$65596d3621b0a4a0);
     let { CollectionRoot: CollectionRoot } = (0, $c5cc5$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let { navProps: navProps } = (0, $c5cc5$useBreadcrumbs)(props);
     return /*#__PURE__*/ (0, $c5cc5$react).createElement((0, $c5cc5$CollectionBuilder), {
         content: /*#__PURE__*/ (0, $c5cc5$react).createElement((0, $c5cc5$Collection), props)
     }, (collection)=>/*#__PURE__*/ {
         var _props_className;
         return (0, $c5cc5$react).createElement("ol", {
             ref: ref,
-            ...(0, $c5cc5$filterDOMProps)(props, {
-                labelable: true
-            }),
+            ...navProps,
             slot: props.slot || undefined,
             style: props.style,
             className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : 'react-aria-Breadcrumbs'

package/dist/Breadcrumbs.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAkBM,MAAM,0DAAqB,CAAA,GAAA,oBAAY,EAAyD;AAEvG,SAAS,kCAA8B,KAA0B,EAAE,GAAmC;IACpG,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAwB;IAE1D,qBACE,gCAAC,CAAA,GAAA,wBAAgB;QAAE,uBAAS,gCAAC,CAAA,GAAA,iBAAS,GAAM;OACzC,CAAA;YAMc;eALb,gCAAC;YACC,KAAK;YACJ,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;YAC5C,MAAM,MAAM,IAAI,IAAI;YACpB,OAAO,MAAM,KAAK;YAClB,WAAW,CAAA,mBAAA,MAAM,SAAS,cAAf,8BAAA,mBAAmB;yBAC9B,gCAAC,0CAAmB,QAAQ;YAAC,OAAO;yBAClC,gCAAC;YAAe,YAAY;;IAE5B;AAIZ;AAEA;;CAEC,GACD,MAAM,2CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB;AAwB3D,MAAM,4CAAa,WAAW,GAAG,CAAA,GAAA,0BAAkB,EAAE,QAAQ,SAAS,WAAW,KAAsB,EAAE,GAAgC,EAAE,IAAmB;IACnK,sGAAsG;IACtG,IAAI,YAAY,KAAK,OAAO,IAAI;IAChC,IAAI,cAAC,UAAU,YAAE,QAAQ,EAAC,GAAG,CAAA,GAAA,yCAAgB,EAAE;IAC/C,IAAI,YAAY;QACd,gBAAgB,YAAY,SAAS;QACrC,YAAY,cAAc;QAC1B,SAAS,IAAM,qBAAA,+BAAA,SAAW,KAAK,GAAG;IACpC;IAEA,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK,KAAK;QACb,UAAU,KAAK,QAAQ;QACvB,QAAQ;YAAC,YAAY,cAAc;uBAAW;QAAS;QACvD,kBAAkB;IACpB;IAEA,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAa;QAC/B,GAAG,WAAW;QACf,KAAK;QACL,iBAAe,cAAc,aAAa;QAC1C,gBAAc,aAAa;qBAC3B,gCAAC,CAAA,GAAA,yCAAU,EAAE,QAAQ;QAAC,OAAO;OAC1B,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/Breadcrumbs.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 */\nimport {AriaBreadcrumbsProps} from 'react-aria';\nimport {Collection, CollectionBuilder, createLeafComponent} from '@react-aria/collections';\nimport {CollectionProps, CollectionRendererContext} from './Collection';\nimport {ContextValue, RenderProps, SlotProps, StyleProps, useContextProps, useRenderProps, useSlottedContext} from './utils';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {forwardRefType, Key} from '@react-types/shared';\nimport {LinkContext} from './Link';\nimport {Node} from 'react-stately';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\n\nexport interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps {\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean,\n  /** Handler that is called when a breadcrumb is clicked. */\n  onAction?: (key: Key) => void\n}\n\nexport const BreadcrumbsContext = createContext<ContextValue<BreadcrumbsProps<any>, HTMLOListElement>>(null);\n\nfunction Breadcrumbs<T extends object>(props: BreadcrumbsProps<T>, ref: ForwardedRef<HTMLOListElement>) {\n  [props, ref] = useContextProps(props, ref, BreadcrumbsContext);\n  let {CollectionRoot} = useContext(CollectionRendererContext);\n\n  return (\n    <CollectionBuilder content={<Collection {...props} />}>\n      {collection => (\n        <ol\n          ref={ref}\n          {...filterDOMProps(props, {labelable: true})}\n          slot={props.slot || undefined}\n          style={props.style}\n          className={props.className ?? 'react-aria-Breadcrumbs'}>\n          <BreadcrumbsContext.Provider value={props}>\n            <CollectionRoot collection={collection} />\n          </BreadcrumbsContext.Provider>\n        </ol>\n      )}\n    </CollectionBuilder>\n  );\n}\n\n/**\n * Breadcrumbs display a hierarchy of links to the current page or resource in an application.\n */\nconst _Breadcrumbs = /*#__PURE__*/ (forwardRef as forwardRefType)(Breadcrumbs);\nexport {_Breadcrumbs as Breadcrumbs};\n\nexport interface BreadcrumbRenderProps {\n  /**\n   * Whether the breadcrumb is for the current page.\n   * @selector [data-current]\n   */\n  isCurrent: boolean,\n  /**\n   * Whether the breadcrumb is disabled.\n   * @selector [data-current]\n   */\n  isDisabled: boolean\n}\n\nexport interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps>  {\n  /** A unique id for the breadcrumb, which will be passed to `onAction` when the breadcrumb is pressed. */\n  id?: Key\n}\n\n/**\n * A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.\n */\nexport const Breadcrumb = /*#__PURE__*/ createLeafComponent('item', function Breadcrumb(props: BreadcrumbProps, ref: ForwardedRef<HTMLLIElement>, node: Node<unknown>) {\n  // Recreating useBreadcrumbItem because we want to use composition instead of having the link builtin.\n  let isCurrent = node.nextKey == null;\n  let {isDisabled, onAction} = useSlottedContext(BreadcrumbsContext)!;\n  let linkProps = {\n    'aria-current': isCurrent ? 'page' : null,\n    isDisabled: isDisabled || isCurrent,\n    onPress: () => onAction?.(node.key)\n  };\n\n  let renderProps = useRenderProps({\n    ...node.props,\n    children: node.rendered,\n    values: {isDisabled: isDisabled || isCurrent, isCurrent},\n    defaultClassName: 'react-aria-Breadcrumb'\n  });\n\n  return (\n    <li\n      {...filterDOMProps(props as any)}\n      {...renderProps}\n      ref={ref}\n      data-disabled={isDisabled || isCurrent || undefined}\n      data-current={isCurrent || undefined}>\n      <LinkContext.Provider value={linkProps}>\n        {renderProps.children}\n      </LinkContext.Provider>\n    </li>\n  );\n});\n"],"names":[],"version":3,"file":"Breadcrumbs.module.js.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAkBM,MAAM,0DAAqB,CAAA,GAAA,oBAAY,EAAyD;AAEvG,SAAS,kCAA8B,KAA0B,EAAE,GAAmC;IACpG,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,kBAAC,cAAc,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAwB;IAC1D,IAAI,YAAC,QAAQ,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;IAEhC,qBACE,gCAAC,CAAA,GAAA,wBAAgB;QAAE,uBAAS,gCAAC,CAAA,GAAA,iBAAS,GAAM;OACzC,CAAA;YAMc;eALb,gCAAC;YACC,KAAK;YACJ,GAAG,QAAQ;YACZ,MAAM,MAAM,IAAI,IAAI;YACpB,OAAO,MAAM,KAAK;YAClB,WAAW,CAAA,mBAAA,MAAM,SAAS,cAAf,8BAAA,mBAAmB;yBAC9B,gCAAC,0CAAmB,QAAQ;YAAC,OAAO;yBAClC,gCAAC;YAAe,YAAY;;IAE5B;AAIZ;AAEA;;CAEC,GACD,MAAM,2CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB;AAwB3D,MAAM,4CAAa,WAAW,GAAG,CAAA,GAAA,0BAAkB,EAAE,QAAQ,SAAS,WAAW,KAAsB,EAAE,GAAgC,EAAE,IAAmB;IACnK,sGAAsG;IACtG,IAAI,YAAY,KAAK,OAAO,IAAI;IAChC,IAAI,cAAC,UAAU,YAAE,QAAQ,EAAC,GAAG,CAAA,GAAA,yCAAgB,EAAE;IAC/C,IAAI,YAAY;QACd,gBAAgB,YAAY,SAAS;QACrC,YAAY,cAAc;QAC1B,SAAS,IAAM,qBAAA,+BAAA,SAAW,KAAK,GAAG;IACpC;IAEA,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK,KAAK;QACb,UAAU,KAAK,QAAQ;QACvB,QAAQ;YAAC,YAAY,cAAc;uBAAW;QAAS;QACvD,kBAAkB;IACpB;IAEA,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAa;QAC/B,GAAG,WAAW;QACf,KAAK;QACL,iBAAe,cAAc,aAAa;QAC1C,gBAAc,aAAa;qBAC3B,gCAAC,CAAA,GAAA,yCAAU,EAAE,QAAQ;QAAC,OAAO;OAC1B,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/Breadcrumbs.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 */\nimport {AriaBreadcrumbsProps, useBreadcrumbs} from 'react-aria';\nimport {Collection, CollectionBuilder, createLeafComponent} from '@react-aria/collections';\nimport {CollectionProps, CollectionRendererContext} from './Collection';\nimport {ContextValue, RenderProps, SlotProps, StyleProps, useContextProps, useRenderProps, useSlottedContext} from './utils';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {forwardRefType, Key} from '@react-types/shared';\nimport {LinkContext} from './Link';\nimport {Node} from 'react-stately';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\n\nexport interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps {\n  /** Whether the breadcrumbs are disabled. */\n  isDisabled?: boolean,\n  /** Handler that is called when a breadcrumb is clicked. */\n  onAction?: (key: Key) => void\n}\n\nexport const BreadcrumbsContext = createContext<ContextValue<BreadcrumbsProps<any>, HTMLOListElement>>(null);\n\nfunction Breadcrumbs<T extends object>(props: BreadcrumbsProps<T>, ref: ForwardedRef<HTMLOListElement>) {\n  [props, ref] = useContextProps(props, ref, BreadcrumbsContext);\n  let {CollectionRoot} = useContext(CollectionRendererContext);\n  let {navProps} = useBreadcrumbs(props);\n\n  return (\n    <CollectionBuilder content={<Collection {...props} />}>\n      {collection => (\n        <ol\n          ref={ref}\n          {...navProps}\n          slot={props.slot || undefined}\n          style={props.style}\n          className={props.className ?? 'react-aria-Breadcrumbs'}>\n          <BreadcrumbsContext.Provider value={props}>\n            <CollectionRoot collection={collection} />\n          </BreadcrumbsContext.Provider>\n        </ol>\n      )}\n    </CollectionBuilder>\n  );\n}\n\n/**\n * Breadcrumbs display a hierarchy of links to the current page or resource in an application.\n */\nconst _Breadcrumbs = /*#__PURE__*/ (forwardRef as forwardRefType)(Breadcrumbs);\nexport {_Breadcrumbs as Breadcrumbs};\n\nexport interface BreadcrumbRenderProps {\n  /**\n   * Whether the breadcrumb is for the current page.\n   * @selector [data-current]\n   */\n  isCurrent: boolean,\n  /**\n   * Whether the breadcrumb is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean\n}\n\nexport interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps>  {\n  /** A unique id for the breadcrumb, which will be passed to `onAction` when the breadcrumb is pressed. */\n  id?: Key\n}\n\n/**\n * A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.\n */\nexport const Breadcrumb = /*#__PURE__*/ createLeafComponent('item', function Breadcrumb(props: BreadcrumbProps, ref: ForwardedRef<HTMLLIElement>, node: Node<unknown>) {\n  // Recreating useBreadcrumbItem because we want to use composition instead of having the link builtin.\n  let isCurrent = node.nextKey == null;\n  let {isDisabled, onAction} = useSlottedContext(BreadcrumbsContext)!;\n  let linkProps = {\n    'aria-current': isCurrent ? 'page' : null,\n    isDisabled: isDisabled || isCurrent,\n    onPress: () => onAction?.(node.key)\n  };\n\n  let renderProps = useRenderProps({\n    ...node.props,\n    children: node.rendered,\n    values: {isDisabled: isDisabled || isCurrent, isCurrent},\n    defaultClassName: 'react-aria-Breadcrumb'\n  });\n\n  return (\n    <li\n      {...filterDOMProps(props as any)}\n      {...renderProps}\n      ref={ref}\n      data-disabled={isDisabled || isCurrent || undefined}\n      data-current={isCurrent || undefined}>\n      <LinkContext.Provider value={linkProps}>\n        {renderProps.children}\n      </LinkContext.Provider>\n    </li>\n  );\n});\n"],"names":[],"version":3,"file":"Breadcrumbs.module.js.map"}

package/dist/Button.main.js

@@ -1,6 +1,5 @@
 var $c5ccf687772c0422$exports = require("./utils.main.js");
 var $0d6436f6a1b0b001$exports = require("./ProgressBar.main.js");
-var $a8a589c28affdc40$exports = require("./Text.main.js");
 var $3vfYa$reactarialiveannouncer = require("@react-aria/live-announcer");
 var $3vfYa$reactaria = require("react-aria");
 var $3vfYa$reactariacollections = require("@react-aria/collections");
@@ -35,7 +34,6 @@ $parcel$export(module.exports, "Button", () => $b856e6788a7ea5bf$export$353f5b6f
 
 
 
-
 const $b856e6788a7ea5bf$var$additionalButtonHTMLAttributes = new Set([
     'form',
     'formAction',
@@ -48,53 +46,50 @@ const $b856e6788a7ea5bf$var$additionalButtonHTMLAttributes = new Set([
 ]);
 const $b856e6788a7ea5bf$export$24d547caef80ccd1 = /*#__PURE__*/ (0, $3vfYa$react.createContext)({});
 function $b856e6788a7ea5bf$var$Button(props, ref) {
-    var _buttonProps_arialabelledby;
     [props, ref] = (0, $c5ccf687772c0422$exports.useContextProps)(props, ref, $b856e6788a7ea5bf$export$24d547caef80ccd1);
     props = $b856e6788a7ea5bf$var$disablePendingProps(props);
     let ctx = props;
     let { isPending: isPending } = ctx;
     let { buttonProps: buttonProps, isPressed: isPressed } = (0, $3vfYa$reactaria.useButton)(props, ref);
     let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $3vfYa$reactaria.useFocusRing)(props);
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $3vfYa$reactaria.useHover)(props);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $3vfYa$reactaria.useHover)({
+        ...props,
+        isDisabled: props.isDisabled || isPending
+    });
     let renderValues = {
         isHovered: isHovered,
-        isPressed: isPressed,
+        isPressed: (ctx.isPressed || isPressed) && !isPending,
         isFocused: isFocused,
         isFocusVisible: isFocusVisible,
         isDisabled: props.isDisabled || false,
-        isPending: isPending
+        isPending: isPending !== null && isPending !== void 0 ? isPending : false
     };
     let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
         ...props,
         values: renderValues,
         defaultClassName: 'react-aria-Button'
     });
-    // an aria label will block children and their labels from being read, this is undesirable for pending state
-    let hasAriaLabel = !!buttonProps['aria-label'] || !!buttonProps['aria-labelledby'];
-    let safariDupeLabellingId = (0, $3vfYa$reactaria.useId)();
     let buttonId = (0, $3vfYa$reactaria.useId)(buttonProps.id);
-    let contentId = (0, $3vfYa$reactaria.useId)();
     let progressId = (0, $3vfYa$reactaria.useId)();
-    const isPendingAriaLiveLabel = `${hasAriaLabel ? buttonProps['aria-label'] : ''}`.trim();
-    var _buttonProps_arialabelledby_replace;
-    let isPendingAriaLiveLabelledby = hasAriaLabel ? (_buttonProps_arialabelledby_replace = (_buttonProps_arialabelledby = buttonProps['aria-labelledby']) === null || _buttonProps_arialabelledby === void 0 ? void 0 : _buttonProps_arialabelledby.replace(buttonId, safariDupeLabellingId)) !== null && _buttonProps_arialabelledby_replace !== void 0 ? _buttonProps_arialabelledby_replace : safariDupeLabellingId : `${contentId} ${safariDupeLabellingId}`.trim();
-    isPendingAriaLiveLabelledby = isPendingAriaLiveLabelledby + ' ' + progressId;
-    let ariaLive = 'polite';
-    if ((0, $3vfYa$reactariautils.isAppleDevice)() && (!hasAriaLabel || (0, $3vfYa$reactariautils.isFirefox)())) ariaLive = 'off';
-    let { textCallbackRef: textCallbackRef, progressCallbackRef: progressCallbackRef } = $b856e6788a7ea5bf$var$useEnforcePendingComponents({
-        ...props,
-        ref: ref
-    });
-    // Forcibly announce the pending state on Apple devices because otherwise it won't be announced
+    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, $3vfYa$react.useRef)(isPending);
     (0, $3vfYa$react.useEffect)(()=>{
-        if (!wasPending.current && isFocused && isPending && (0, $3vfYa$reactariautils.isAppleDevice)()) (0, $3vfYa$reactarialiveannouncer.announce)(isPendingAriaLiveLabelledby, 'assertive', undefined, 'ids');
-        else if (wasPending.current && isFocused && !isPending && (0, $3vfYa$reactariautils.isAppleDevice)()) (0, $3vfYa$reactarialiveannouncer.announce)(buttonId, 'assertive', undefined, 'ids');
+        let message = {
+            'aria-labelledby': ariaLabelledby || buttonId
+        };
+        if (!wasPending.current && isFocused && isPending) (0, $3vfYa$reactarialiveannouncer.announce)(message, 'assertive');
+        else if (wasPending.current && isFocused && !isPending) (0, $3vfYa$reactarialiveannouncer.announce)(message, 'assertive');
         wasPending.current = isPending;
     }, [
         isPending,
         isFocused,
-        isPendingAriaLiveLabelledby,
+        ariaLabelledby,
         buttonId
     ]);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3vfYa$react))).createElement("button", {
@@ -105,82 +100,20 @@ function $b856e6788a7ea5bf$var$Button(props, ref) {
         ...renderProps,
         id: buttonId,
         ref: ref,
-        "aria-label": isPending ? isPendingAriaLiveLabel : buttonProps['aria-label'],
-        "aria-labelledby": isPending ? isPendingAriaLiveLabelledby : buttonProps['aria-labelledby'],
+        "aria-labelledby": ariaLabelledby,
         slot: props.slot || undefined,
-        "aria-disabled": isPending ? 'true' : undefined,
+        "aria-disabled": isPending ? 'true' : buttonProps['aria-disabled'],
         "data-disabled": props.isDisabled || undefined,
-        "data-pressed": ctx.isPressed || isPressed || 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($3vfYa$react))).createElement((0, $c5ccf687772c0422$exports.Provider), {
-        values: [
-            [
-                (0, $a8a589c28affdc40$exports.TextContext),
-                {
-                    id: contentId,
-                    ref: textCallbackRef
-                }
-            ],
-            [
-                (0, $0d6436f6a1b0b001$exports.ProgressBarContext),
-                {
-                    id: progressId,
-                    style: {
-                        display: isPending ? undefined : 'none'
-                    },
-                    isIndeterminate: true,
-                    ref: progressCallbackRef
-                }
-            ]
-        ]
-    }, renderProps.children), /*#__PURE__*/ (0, ($parcel$interopDefault($3vfYa$react))).createElement((0, $3vfYa$reactaria.VisuallyHidden), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3vfYa$react))).createElement("div", {
-        "aria-live": isFocused ? ariaLive : 'off'
-    }, isPending && /*#__PURE__*/ (0, ($parcel$interopDefault($3vfYa$react))).createElement("div", {
-        role: "img",
-        "aria-labelledby": isPendingAriaLiveLabelledby
-    })), /*#__PURE__*/ (0, ($parcel$interopDefault($3vfYa$react))).createElement("div", {
-        id: safariDupeLabellingId,
-        role: "img",
-        "aria-label": isPending ? isPendingAriaLiveLabel : undefined
-    })));
-}
-function $b856e6788a7ea5bf$var$useEnforcePendingComponents(props) {
-    let { isPending: isPending, ref: ref } = props;
-    let textRef = (0, $3vfYa$react.useRef)(null);
-    let progressRef = (0, $3vfYa$react.useRef)(null);
-    let textCallbackRef = (0, $3vfYa$react.useCallback)((node)=>{
-        textRef.current = node;
-        // use a microtask so the unmounting has time to complete before we throw an error
-        queueMicrotask(()=>{
-            if (!textRef.current && ref.current && isPending) throw new Error('Expected <Text> to be used with pending button');
-        });
-    }, [
-        isPending,
-        ref
-    ]);
-    let progressCallbackRef = (0, $3vfYa$react.useCallback)((node)=>{
-        progressRef.current = node;
-        queueMicrotask(()=>{
-            if (!progressRef.current && ref.current && isPending) throw new Error('Expected <ProgressBar> to be used with pending button');
-        });
-    }, [
-        isPending,
-        ref
-    ]);
-    (0, $3vfYa$react.useEffect)(()=>{
-        if (isPending && (!textRef.current || !progressRef.current)) throw new Error('Expected <Text> and <ProgressBar> to be used with pending button');
-    }, [
-        isPending,
-        textRef,
-        progressRef
-    ]);
-    return {
-        textCallbackRef: textCallbackRef,
-        progressCallbackRef: progressCallbackRef
-    };
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3vfYa$react))).createElement((0, $0d6436f6a1b0b001$exports.ProgressBarContext).Provider, {
+        value: {
+            id: progressId
+        }
+    }, renderProps.children));
 }
 function $b856e6788a7ea5bf$var$disablePendingProps(props) {
     // Don't allow interaction while isPending is true

package/dist/Button.main.js.map

@@ -1 +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/live-announcer';\nimport {\n  AriaButtonProps,\n  HoverEvents,\n  mergeProps,\n  useButton,\n  useFocusRing,\n  useHover,\n  useId,\n  VisuallyHidden\n} from 'react-aria';\nimport {\n  ContextValue,\n  Provider,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {createHideableComponent} from '@react-aria/collections';\nimport {filterDOMProps, isAppleDevice, isFirefox} from '@react-aria/utils';\nimport {ProgressBarContext} from './ProgressBar';\nimport React, {createContext, ForwardedRef, useCallback, useEffect, useRef} from 'react';\nimport {TextContext} from './Text';\n\nexport interface ButtonRenderProps {\n  /**\n   * Whether the button is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean,\n  /**\n   * Whether the button is currently in a pressed state.\n   * @selector [data-pressed]\n   */\n  isPressed: boolean,\n  /**\n   * Whether the button is focused, either via a mouse or keyboard.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the button is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the button is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * If the button is currently in the `isPending` state.\n   * @selector [data-pending]\n   */\n  isPending?: boolean\n}\n\nexport interface ButtonProps extends Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>, HoverEvents, SlotProps, RenderProps<ButtonRenderProps> {\n  /**\n   * The `<form>` element to associate the button with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   */\n  form?: string,\n  /**\n   * The URL that processes the information submitted by the button.\n   * Overrides the action attribute of the button's form owner.\n   */\n  formAction?: string,\n  /** Indicates how to encode the form data that is submitted. */\n  formEncType?: string,\n  /** Indicates the HTTP method used to submit the form. */\n  formMethod?: string,\n  /** Indicates that the form is not to be validated when it is submitted. */\n  formNoValidate?: boolean,\n  /** Overrides the target attribute of the button's form owner. */\n  formTarget?: string,\n  /** Submitted as a pair with the button's value as part of the form data. */\n  name?: string,\n  /** The value associated with the button's name when it's submitted with the form data. */\n  value?: string,\n  /**\n   * Whether to disable events immediately and display the `ProgressBar`.\n   */\n  isPending?: boolean\n}\n\ninterface ButtonContextValue extends ButtonProps {\n  isPressed?: boolean\n}\n\nconst additionalButtonHTMLAttributes = new Set(['form', 'formAction', 'formEncType', 'formMethod', 'formNoValidate', 'formTarget', 'name', 'value']);\n\nexport const ButtonContext = createContext<ContextValue<ButtonContextValue, HTMLButtonElement>>({});\n\nfunction Button(props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>) {\n  [props, ref] = useContextProps(props, ref, ButtonContext);\n  props = disablePendingProps(props);\n  let ctx = props as ButtonContextValue;\n  let {isPending} = ctx;\n  let {buttonProps, isPressed} = useButton(props, ref);\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover(props);\n  let renderValues = {isHovered, isPressed, isFocused, isFocusVisible, isDisabled: props.isDisabled || false, isPending};\n  let renderProps = useRenderProps({\n    ...props,\n    values: renderValues,\n    defaultClassName: 'react-aria-Button'\n  });\n\n  // an aria label will block children and their labels from being read, this is undesirable for pending state\n  let hasAriaLabel = !!buttonProps['aria-label'] || !!buttonProps['aria-labelledby'];\n  let safariDupeLabellingId = useId();\n  let buttonId = useId(buttonProps.id);\n  let contentId = useId();\n  let progressId = useId();\n\n  const isPendingAriaLiveLabel = `${hasAriaLabel ? buttonProps['aria-label'] : ''}`.trim();\n  let isPendingAriaLiveLabelledby = hasAriaLabel ? (buttonProps['aria-labelledby']?.replace(buttonId, safariDupeLabellingId) ?? safariDupeLabellingId) : `${contentId} ${safariDupeLabellingId}`.trim();\n  isPendingAriaLiveLabelledby = isPendingAriaLiveLabelledby + ' ' + progressId;\n\n  let ariaLive: 'off' | 'polite' | 'assertive' = 'polite';\n  if (isAppleDevice() && (!hasAriaLabel || isFirefox())) {\n    ariaLive = 'off';\n  }\n\n  let {textCallbackRef, progressCallbackRef} = useEnforcePendingComponents({...props, ref});\n\n  // Forcibly announce the pending state on Apple devices because otherwise it won't be announced\n  let wasPending = useRef(isPending);\n  useEffect(() => {\n    if (!wasPending.current && isFocused && isPending && isAppleDevice()) {\n      announce(isPendingAriaLiveLabelledby, 'assertive', undefined, 'ids');\n    } else if (wasPending.current && isFocused && !isPending && isAppleDevice()) {\n      announce(buttonId, 'assertive', undefined, 'ids');\n    }\n    wasPending.current = isPending;\n  }, [isPending, isFocused, isPendingAriaLiveLabelledby, buttonId]);\n\n  return (\n    <button\n      {...filterDOMProps(props, {propNames: additionalButtonHTMLAttributes})}\n      {...mergeProps(buttonProps, focusProps, hoverProps)}\n      {...renderProps}\n      id={buttonId}\n      ref={ref}\n      aria-label={isPending ? isPendingAriaLiveLabel : buttonProps['aria-label']}\n      aria-labelledby={isPending ? isPendingAriaLiveLabelledby : buttonProps['aria-labelledby']}\n      slot={props.slot || undefined}\n      aria-disabled={isPending ? 'true' : undefined}\n      data-disabled={props.isDisabled || undefined}\n      data-pressed={ctx.isPressed || isPressed || undefined}\n      data-hovered={isHovered || undefined}\n      data-focused={isFocused || undefined}\n      data-pending={isPending || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <Provider\n        values={[\n          [TextContext, {id: contentId, ref: textCallbackRef}],\n          [ProgressBarContext, {id: progressId, style: {display: isPending ? undefined : 'none'}, isIndeterminate: true, ref: progressCallbackRef}]\n        ]}>\n        {renderProps.children}\n      </Provider>\n      <VisuallyHidden>\n        <div aria-live={isFocused ? ariaLive : 'off'}>\n          {isPending &&\n            <div role=\"img\" aria-labelledby={isPendingAriaLiveLabelledby} />\n          }\n        </div>\n        {/* Adding the element here with the same labels as the button itself causes aria-live to pick up the change in Safari.\n      Safari with VO unfortunately doesn't announce changes to *all* of its labels specifically for button\n      https://a11ysupport.io/tests/tech__html__button-name-change#assertion-aria-aria-label_attribute-convey_name_change-html-button_element-vo_macos-safari\n      The aria-live may cause extra announcements in other browsers. */}\n        <div id={safariDupeLabellingId} role=\"img\" aria-label={isPending ? isPendingAriaLiveLabel : undefined} />\n      </VisuallyHidden>\n    </button>\n  );\n}\n\nfunction useEnforcePendingComponents(props) {\n  let {isPending, ref} = props;\n  let textRef = useRef(null);\n  let progressRef = useRef(null);\n  let textCallbackRef = useCallback(node => {\n    textRef.current = node;\n    // use a microtask so the unmounting has time to complete before we throw an error\n    queueMicrotask(() => {\n      if (!textRef.current && ref.current && isPending) {\n        throw new Error('Expected <Text> to be used with pending button');\n      }\n    });\n  }, [isPending, ref]);\n  let progressCallbackRef = useCallback(node => {\n    progressRef.current = node;\n    queueMicrotask(() => {\n      if (!progressRef.current && ref.current && isPending) {\n        throw new Error('Expected <ProgressBar> to be used with pending button');\n      }\n    });\n  }, [isPending, ref]);\n  useEffect(() => {\n    if (isPending && (!textRef.current || !progressRef.current)) {\n      throw new Error('Expected <Text> and <ProgressBar> to be used with pending button');\n    }\n  }, [isPending, textRef, progressRef]);\n  return {textCallbackRef, progressCallbackRef};\n}\n\nfunction disablePendingProps(props) {\n  // Don't allow interaction while isPending is true\n  if (props.isPending) {\n    props.onPress = undefined;\n    props.onPressStart = undefined;\n    props.onPressEnd = undefined;\n    props.onPressChange = undefined;\n    props.onPressUp = undefined;\n    props.onKeyDown = undefined;\n    props.onKeyUp = undefined;\n    props.onClick = undefined;\n    props.href = undefined;\n  }\n  return props;\n}\n\n/**\n * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.\n */\nconst _Button = /*#__PURE__*/ createHideableComponent(Button);\nexport {_Button as Button};\n"],"names":[],"version":3,"file":"Button.main.js.map"}
+{"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/live-announcer';\nimport {\n  AriaButtonProps,\n  HoverEvents,\n  mergeProps,\n  useButton,\n  useFocusRing,\n  useHover,\n  useId\n} from 'react-aria';\nimport {\n  ContextValue,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {createHideableComponent} from '@react-aria/collections';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {ProgressBarContext} from './ProgressBar';\nimport React, {createContext, ForwardedRef, useEffect, useRef} from 'react';\n\nexport interface ButtonRenderProps {\n  /**\n   * Whether the button is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean,\n  /**\n   * Whether the button is currently in a pressed state.\n   * @selector [data-pressed]\n   */\n  isPressed: boolean,\n  /**\n   * Whether the button is focused, either via a mouse or keyboard.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the button is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the button is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * Whether the button is currently in a pending state.\n   * @selector [data-pending]\n   */\n  isPending: boolean\n}\n\nexport interface ButtonProps extends Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>, HoverEvents, SlotProps, RenderProps<ButtonRenderProps> {\n  /**\n   * The `<form>` element to associate the button with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   */\n  form?: string,\n  /**\n   * The URL that processes the information submitted by the button.\n   * Overrides the action attribute of the button's form owner.\n   */\n  formAction?: string,\n  /** Indicates how to encode the form data that is submitted. */\n  formEncType?: string,\n  /** Indicates the HTTP method used to submit the form. */\n  formMethod?: string,\n  /** Indicates that the form is not to be validated when it is submitted. */\n  formNoValidate?: boolean,\n  /** Overrides the target attribute of the button's form owner. */\n  formTarget?: string,\n  /** Submitted as a pair with the button's value as part of the form data. */\n  name?: string,\n  /** The value associated with the button's name when it's submitted with the form data. */\n  value?: string,\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\nconst additionalButtonHTMLAttributes = new Set(['form', 'formAction', 'formEncType', 'formMethod', 'formNoValidate', 'formTarget', 'name', 'value']);\n\nexport const ButtonContext = createContext<ContextValue<ButtonContextValue, HTMLButtonElement>>({});\n\nfunction Button(props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>) {\n  [props, ref] = useContextProps(props, ref, ButtonContext);\n  props = disablePendingProps(props);\n  let ctx = props as ButtonContextValue;\n  let {isPending} = ctx;\n  let {buttonProps, isPressed} = useButton(props, ref);\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  return (\n    <button\n      {...filterDOMProps(props, {propNames: additionalButtonHTMLAttributes})}\n      {...mergeProps(buttonProps, focusProps, hoverProps)}\n      {...renderProps}\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    </button>\n  );\n}\n\nfunction disablePendingProps(props) {\n  // Don't allow interaction while isPending is true\n  if (props.isPending) {\n    props.onPress = undefined;\n    props.onPressStart = undefined;\n    props.onPressEnd = undefined;\n    props.onPressChange = undefined;\n    props.onPressUp = undefined;\n    props.onKeyDown = undefined;\n    props.onKeyUp = undefined;\n    props.onClick = undefined;\n    props.href = undefined;\n  }\n  return props;\n}\n\n/**\n * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.\n */\nconst _Button = /*#__PURE__*/ createHideableComponent(Button);\nexport {_Button as Button};\n"],"names":[],"version":3,"file":"Button.main.js.map"}

package/dist/Button.mjs

@@ -1,11 +1,10 @@
-import {Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.mjs";
+import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.mjs";
 import {ProgressBarContext as $0393f8ab869a0f1a$export$e9f3bf65a26ce129} from "./ProgressBar.mjs";
-import {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from "./Text.mjs";
 import {announce as $fM325$announce} from "@react-aria/live-announcer";
-import {useButton as $fM325$useButton, useFocusRing as $fM325$useFocusRing, useHover as $fM325$useHover, useId as $fM325$useId, mergeProps as $fM325$mergeProps, VisuallyHidden as $fM325$VisuallyHidden} from "react-aria";
+import {useButton as $fM325$useButton, useFocusRing as $fM325$useFocusRing, useHover as $fM325$useHover, useId as $fM325$useId, mergeProps as $fM325$mergeProps} from "react-aria";
 import {createHideableComponent as $fM325$createHideableComponent} from "@react-aria/collections";
-import {isAppleDevice as $fM325$isAppleDevice, isFirefox as $fM325$isFirefox, filterDOMProps as $fM325$filterDOMProps} from "@react-aria/utils";
-import $fM325$react, {createContext as $fM325$createContext, useRef as $fM325$useRef, useEffect as $fM325$useEffect, useCallback as $fM325$useCallback} from "react";
+import {filterDOMProps as $fM325$filterDOMProps} from "@react-aria/utils";
+import $fM325$react, {createContext as $fM325$createContext, useRef as $fM325$useRef, useEffect as $fM325$useEffect} from "react";
 
 /*
  * Copyright 2022 Adobe. All rights reserved.
@@ -24,7 +23,6 @@ import $fM325$react, {createContext as $fM325$createContext, useRef as $fM325$us
 
 
 
-
 const $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = new Set([
     'form',
     'formAction',
@@ -37,53 +35,50 @@ const $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = new Set([
 ]);
 const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /*#__PURE__*/ (0, $fM325$createContext)({});
 function $d2b4bc8c273e7be6$var$Button(props, ref) {
-    var _buttonProps_arialabelledby;
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
     props = $d2b4bc8c273e7be6$var$disablePendingProps(props);
     let ctx = props;
     let { isPending: isPending } = ctx;
     let { buttonProps: buttonProps, isPressed: isPressed } = (0, $fM325$useButton)(props, ref);
     let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $fM325$useFocusRing)(props);
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $fM325$useHover)(props);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $fM325$useHover)({
+        ...props,
+        isDisabled: props.isDisabled || isPending
+    });
     let renderValues = {
         isHovered: isHovered,
-        isPressed: isPressed,
+        isPressed: (ctx.isPressed || isPressed) && !isPending,
         isFocused: isFocused,
         isFocusVisible: isFocusVisible,
         isDisabled: props.isDisabled || false,
-        isPending: isPending
+        isPending: isPending !== null && isPending !== void 0 ? isPending : false
     };
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         values: renderValues,
         defaultClassName: 'react-aria-Button'
     });
-    // an aria label will block children and their labels from being read, this is undesirable for pending state
-    let hasAriaLabel = !!buttonProps['aria-label'] || !!buttonProps['aria-labelledby'];
-    let safariDupeLabellingId = (0, $fM325$useId)();
     let buttonId = (0, $fM325$useId)(buttonProps.id);
-    let contentId = (0, $fM325$useId)();
     let progressId = (0, $fM325$useId)();
-    const isPendingAriaLiveLabel = `${hasAriaLabel ? buttonProps['aria-label'] : ''}`.trim();
-    var _buttonProps_arialabelledby_replace;
-    let isPendingAriaLiveLabelledby = hasAriaLabel ? (_buttonProps_arialabelledby_replace = (_buttonProps_arialabelledby = buttonProps['aria-labelledby']) === null || _buttonProps_arialabelledby === void 0 ? void 0 : _buttonProps_arialabelledby.replace(buttonId, safariDupeLabellingId)) !== null && _buttonProps_arialabelledby_replace !== void 0 ? _buttonProps_arialabelledby_replace : safariDupeLabellingId : `${contentId} ${safariDupeLabellingId}`.trim();
-    isPendingAriaLiveLabelledby = isPendingAriaLiveLabelledby + ' ' + progressId;
-    let ariaLive = 'polite';
-    if ((0, $fM325$isAppleDevice)() && (!hasAriaLabel || (0, $fM325$isFirefox)())) ariaLive = 'off';
-    let { textCallbackRef: textCallbackRef, progressCallbackRef: progressCallbackRef } = $d2b4bc8c273e7be6$var$useEnforcePendingComponents({
-        ...props,
-        ref: ref
-    });
-    // Forcibly announce the pending state on Apple devices because otherwise it won't be announced
+    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, $fM325$useRef)(isPending);
     (0, $fM325$useEffect)(()=>{
-        if (!wasPending.current && isFocused && isPending && (0, $fM325$isAppleDevice)()) (0, $fM325$announce)(isPendingAriaLiveLabelledby, 'assertive', undefined, 'ids');
-        else if (wasPending.current && isFocused && !isPending && (0, $fM325$isAppleDevice)()) (0, $fM325$announce)(buttonId, 'assertive', undefined, 'ids');
+        let message = {
+            'aria-labelledby': ariaLabelledby || buttonId
+        };
+        if (!wasPending.current && isFocused && isPending) (0, $fM325$announce)(message, 'assertive');
+        else if (wasPending.current && isFocused && !isPending) (0, $fM325$announce)(message, 'assertive');
         wasPending.current = isPending;
     }, [
         isPending,
         isFocused,
-        isPendingAriaLiveLabelledby,
+        ariaLabelledby,
         buttonId
     ]);
     return /*#__PURE__*/ (0, $fM325$react).createElement("button", {
@@ -94,82 +89,20 @@ function $d2b4bc8c273e7be6$var$Button(props, ref) {
         ...renderProps,
         id: buttonId,
         ref: ref,
-        "aria-label": isPending ? isPendingAriaLiveLabel : buttonProps['aria-label'],
-        "aria-labelledby": isPending ? isPendingAriaLiveLabelledby : buttonProps['aria-labelledby'],
+        "aria-labelledby": ariaLabelledby,
         slot: props.slot || undefined,
-        "aria-disabled": isPending ? 'true' : undefined,
+        "aria-disabled": isPending ? 'true' : buttonProps['aria-disabled'],
         "data-disabled": props.isDisabled || undefined,
-        "data-pressed": ctx.isPressed || isPressed || 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, $fM325$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
-        values: [
-            [
-                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),
-                {
-                    id: contentId,
-                    ref: textCallbackRef
-                }
-            ],
-            [
-                (0, $0393f8ab869a0f1a$export$e9f3bf65a26ce129),
-                {
-                    id: progressId,
-                    style: {
-                        display: isPending ? undefined : 'none'
-                    },
-                    isIndeterminate: true,
-                    ref: progressCallbackRef
-                }
-            ]
-        ]
-    }, renderProps.children), /*#__PURE__*/ (0, $fM325$react).createElement((0, $fM325$VisuallyHidden), null, /*#__PURE__*/ (0, $fM325$react).createElement("div", {
-        "aria-live": isFocused ? ariaLive : 'off'
-    }, isPending && /*#__PURE__*/ (0, $fM325$react).createElement("div", {
-        role: "img",
-        "aria-labelledby": isPendingAriaLiveLabelledby
-    })), /*#__PURE__*/ (0, $fM325$react).createElement("div", {
-        id: safariDupeLabellingId,
-        role: "img",
-        "aria-label": isPending ? isPendingAriaLiveLabel : undefined
-    })));
-}
-function $d2b4bc8c273e7be6$var$useEnforcePendingComponents(props) {
-    let { isPending: isPending, ref: ref } = props;
-    let textRef = (0, $fM325$useRef)(null);
-    let progressRef = (0, $fM325$useRef)(null);
-    let textCallbackRef = (0, $fM325$useCallback)((node)=>{
-        textRef.current = node;
-        // use a microtask so the unmounting has time to complete before we throw an error
-        queueMicrotask(()=>{
-            if (!textRef.current && ref.current && isPending) throw new Error('Expected <Text> to be used with pending button');
-        });
-    }, [
-        isPending,
-        ref
-    ]);
-    let progressCallbackRef = (0, $fM325$useCallback)((node)=>{
-        progressRef.current = node;
-        queueMicrotask(()=>{
-            if (!progressRef.current && ref.current && isPending) throw new Error('Expected <ProgressBar> to be used with pending button');
-        });
-    }, [
-        isPending,
-        ref
-    ]);
-    (0, $fM325$useEffect)(()=>{
-        if (isPending && (!textRef.current || !progressRef.current)) throw new Error('Expected <Text> and <ProgressBar> to be used with pending button');
-    }, [
-        isPending,
-        textRef,
-        progressRef
-    ]);
-    return {
-        textCallbackRef: textCallbackRef,
-        progressCallbackRef: progressCallbackRef
-    };
+    }, /*#__PURE__*/ (0, $fM325$react).createElement((0, $0393f8ab869a0f1a$export$e9f3bf65a26ce129).Provider, {
+        value: {
+            id: progressId
+        }
+    }, renderProps.children));
 }
 function $d2b4bc8c273e7be6$var$disablePendingProps(props) {
     // Don't allow interaction while isPending is true