react-aria-components 1.5.0 → 1.6.0

package/dist/Autocomplete.main.js

@@ -0,0 +1,80 @@
+var $c5ccf687772c0422$exports = require("./utils.main.js");
+var $a83c69b310385d53$exports = require("./SearchField.main.js");
+var $3f2c5af9d7d8905b$exports = require("./TextField.main.js");
+var $5lGAV$reactariaautocomplete = require("@react-aria/autocomplete");
+var $5lGAV$reactstatelyautocomplete = require("@react-stately/autocomplete");
+var $5lGAV$reactariautils = require("@react-aria/utils");
+var $5lGAV$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "UNSTABLE_AutocompleteContext", () => $33f48720060787fa$export$4581e569cc48eb6b);
+$parcel$export(module.exports, "UNSTABLE_AutocompleteStateContext", () => $33f48720060787fa$export$879ad50d6ce9688);
+$parcel$export(module.exports, "UNSTABLE_InternalAutocompleteContext", () => $33f48720060787fa$export$65d2a03b8800d6e3);
+$parcel$export(module.exports, "UNSTABLE_Autocomplete", () => $33f48720060787fa$export$d834fde4e1147cd8);
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+const $33f48720060787fa$export$4581e569cc48eb6b = /*#__PURE__*/ (0, $5lGAV$react.createContext)(null);
+const $33f48720060787fa$export$879ad50d6ce9688 = /*#__PURE__*/ (0, $5lGAV$react.createContext)(null);
+const $33f48720060787fa$export$65d2a03b8800d6e3 = /*#__PURE__*/ (0, $5lGAV$react.createContext)(null);
+function $33f48720060787fa$export$d834fde4e1147cd8(props) {
+    let ctx = (0, $c5ccf687772c0422$exports.useSlottedContext)($33f48720060787fa$export$4581e569cc48eb6b, props.slot);
+    props = (0, $5lGAV$reactariautils.mergeProps)(ctx, props);
+    let { filter: filter } = props;
+    let state = (0, $5lGAV$reactstatelyautocomplete.UNSTABLE_useAutocompleteState)(props);
+    let collectionRef = (0, $5lGAV$react.useRef)(null);
+    let { textFieldProps: textFieldProps, collectionProps: collectionProps, collectionRef: mergedCollectionRef, filterFn: filterFn } = (0, $5lGAV$reactariaautocomplete.UNSTABLE_useAutocomplete)({
+        ...(0, $c5ccf687772c0422$exports.removeDataAttributes)(props),
+        filter: filter,
+        collectionRef: collectionRef
+    }, state);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5lGAV$react))).createElement((0, $c5ccf687772c0422$exports.Provider), {
+        values: [
+            [
+                $33f48720060787fa$export$879ad50d6ce9688,
+                state
+            ],
+            [
+                (0, $a83c69b310385d53$exports.SearchFieldContext),
+                textFieldProps
+            ],
+            [
+                (0, $3f2c5af9d7d8905b$exports.TextFieldContext),
+                textFieldProps
+            ],
+            [
+                $33f48720060787fa$export$65d2a03b8800d6e3,
+                {
+                    filterFn: filterFn,
+                    collectionProps: collectionProps,
+                    collectionRef: mergedCollectionRef
+                }
+            ]
+        ]
+    }, props.children);
+}
+
+
+//# sourceMappingURL=Autocomplete.main.js.map

package/dist/Autocomplete.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAkBM,MAAM,0DAA+B,CAAA,GAAA,0BAAY,EAA0C;AAC3F,MAAM,yDAAoC,CAAA,GAAA,0BAAY,EAA4B;AAGlF,MAAM,0DAAuC,CAAA,GAAA,0BAAY,EAA2C;AAKpG,SAAS,0CAAsB,KAAwB;IAC5D,IAAI,MAAM,CAAA,GAAA,2CAAgB,EAAE,2CAA8B,MAAM,IAAI;IACpE,QAAQ,CAAA,GAAA,gCAAS,EAAE,KAAK;IACxB,IAAI,UAAC,MAAM,EAAC,GAAG;IACf,IAAI,QAAQ,CAAA,GAAA,6DAA4B,EAAE;IAC1C,IAAI,gBAAgB,CAAA,GAAA,mBAAK,EAAe;IAExC,IAAI,kBACF,cAAc,mBACd,eAAe,EACf,eAAe,mBAAmB,YAClC,QAAQ,EACT,GAAG,CAAA,GAAA,qDAAuB,EAAE;QAC3B,GAAG,CAAA,GAAA,8CAAmB,EAAE,MAAM;gBAC9B;uBACA;IACF,GAAG;IAEH,qBACE,0DAAC,CAAA,GAAA,kCAAO;QACN,QAAQ;YACN;gBAAC;gBAAmC;aAAM;YAC1C;gBAAC,CAAA,GAAA,4CAAiB;gBAAG;aAAe;YACpC;gBAAC,CAAA,GAAA,0CAAe;gBAAG;aAAe;YAClC;gBAAC;gBAAsC;8BACrC;qCACA;oBACA,eAAe;gBACjB;aAAE;SACH;OACA,MAAM,QAAQ;AAGrB","sources":["packages/react-aria-components/src/Autocomplete.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaAutocompleteProps, CollectionOptions, UNSTABLE_useAutocomplete} from '@react-aria/autocomplete';\nimport {AutocompleteState, UNSTABLE_useAutocompleteState} from '@react-stately/autocomplete';\nimport {mergeProps} from '@react-aria/utils';\nimport {Provider, removeDataAttributes, SlotProps, SlottedContextValue, useSlottedContext} from './utils';\nimport React, {createContext, RefObject, useRef} from 'react';\nimport {SearchFieldContext} from './SearchField';\nimport {TextFieldContext} from './TextField';\n\nexport interface AutocompleteProps extends AriaAutocompleteProps, SlotProps {}\n\ninterface InternalAutocompleteContextValue {\n  filterFn?: (nodeTextValue: string) => boolean,\n  collectionProps: CollectionOptions,\n  collectionRef: RefObject<HTMLElement | null>\n}\n\nexport const UNSTABLE_AutocompleteContext = createContext<SlottedContextValue<AutocompleteProps>>(null);\nexport const UNSTABLE_AutocompleteStateContext = createContext<AutocompleteState | null>(null);\n// This context is to pass the register and filter down to whatever collection component is wrapped by the Autocomplete\n// TODO: export from RAC, but rename to something more appropriate\nexport const UNSTABLE_InternalAutocompleteContext = createContext<InternalAutocompleteContextValue | null>(null);\n\n/**\n * A autocomplete combines a text input with a menu, allowing users to filter a list of options to items matching a query.\n */\nexport function UNSTABLE_Autocomplete(props: AutocompleteProps) {\n  let ctx = useSlottedContext(UNSTABLE_AutocompleteContext, props.slot);\n  props = mergeProps(ctx, props);\n  let {filter} = props;\n  let state = UNSTABLE_useAutocompleteState(props);\n  let collectionRef = useRef<HTMLElement>(null);\n\n  let {\n    textFieldProps,\n    collectionProps,\n    collectionRef: mergedCollectionRef,\n    filterFn\n  } = UNSTABLE_useAutocomplete({\n    ...removeDataAttributes(props),\n    filter,\n    collectionRef\n  }, state);\n\n  return (\n    <Provider\n      values={[\n        [UNSTABLE_AutocompleteStateContext, state],\n        [SearchFieldContext, textFieldProps],\n        [TextFieldContext, textFieldProps],\n        [UNSTABLE_InternalAutocompleteContext, {\n          filterFn,\n          collectionProps,\n          collectionRef: mergedCollectionRef\n        }]\n      ]}>\n      {props.children}\n    </Provider>\n  );\n};\n"],"names":[],"version":3,"file":"Autocomplete.main.js.map"}

package/dist/Autocomplete.mjs

@@ -0,0 +1,68 @@
+import {Provider as $64fa3d84918910a7$export$2881499e37b75b9a, removeDataAttributes as $64fa3d84918910a7$export$ef03459518577ad4, useSlottedContext as $64fa3d84918910a7$export$fabf2dc03a41866e} from "./utils.mjs";
+import {SearchFieldContext as $440f4836bcb56932$export$d1c4e4c63cb03a11} from "./SearchField.mjs";
+import {TextFieldContext as $bcdf0525bf22703d$export$2129e27b3ef0d483} from "./TextField.mjs";
+import {UNSTABLE_useAutocomplete as $llkzs$UNSTABLE_useAutocomplete} from "@react-aria/autocomplete";
+import {UNSTABLE_useAutocompleteState as $llkzs$UNSTABLE_useAutocompleteState} from "@react-stately/autocomplete";
+import {mergeProps as $llkzs$mergeProps} from "@react-aria/utils";
+import $llkzs$react, {createContext as $llkzs$createContext, useRef as $llkzs$useRef} from "react";
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+const $d2f53cda644affe3$export$4581e569cc48eb6b = /*#__PURE__*/ (0, $llkzs$createContext)(null);
+const $d2f53cda644affe3$export$879ad50d6ce9688 = /*#__PURE__*/ (0, $llkzs$createContext)(null);
+const $d2f53cda644affe3$export$65d2a03b8800d6e3 = /*#__PURE__*/ (0, $llkzs$createContext)(null);
+function $d2f53cda644affe3$export$d834fde4e1147cd8(props) {
+    let ctx = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)($d2f53cda644affe3$export$4581e569cc48eb6b, props.slot);
+    props = (0, $llkzs$mergeProps)(ctx, props);
+    let { filter: filter } = props;
+    let state = (0, $llkzs$UNSTABLE_useAutocompleteState)(props);
+    let collectionRef = (0, $llkzs$useRef)(null);
+    let { textFieldProps: textFieldProps, collectionProps: collectionProps, collectionRef: mergedCollectionRef, filterFn: filterFn } = (0, $llkzs$UNSTABLE_useAutocomplete)({
+        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
+        filter: filter,
+        collectionRef: collectionRef
+    }, state);
+    return /*#__PURE__*/ (0, $llkzs$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                $d2f53cda644affe3$export$879ad50d6ce9688,
+                state
+            ],
+            [
+                (0, $440f4836bcb56932$export$d1c4e4c63cb03a11),
+                textFieldProps
+            ],
+            [
+                (0, $bcdf0525bf22703d$export$2129e27b3ef0d483),
+                textFieldProps
+            ],
+            [
+                $d2f53cda644affe3$export$65d2a03b8800d6e3,
+                {
+                    filterFn: filterFn,
+                    collectionProps: collectionProps,
+                    collectionRef: mergedCollectionRef
+                }
+            ]
+        ]
+    }, props.children);
+}
+
+
+export {$d2f53cda644affe3$export$4581e569cc48eb6b as UNSTABLE_AutocompleteContext, $d2f53cda644affe3$export$879ad50d6ce9688 as UNSTABLE_AutocompleteStateContext, $d2f53cda644affe3$export$65d2a03b8800d6e3 as UNSTABLE_InternalAutocompleteContext, $d2f53cda644affe3$export$d834fde4e1147cd8 as UNSTABLE_Autocomplete};
+//# sourceMappingURL=Autocomplete.module.js.map

package/dist/Autocomplete.module.js

@@ -0,0 +1,68 @@
+import {Provider as $64fa3d84918910a7$export$2881499e37b75b9a, removeDataAttributes as $64fa3d84918910a7$export$ef03459518577ad4, useSlottedContext as $64fa3d84918910a7$export$fabf2dc03a41866e} from "./utils.module.js";
+import {SearchFieldContext as $440f4836bcb56932$export$d1c4e4c63cb03a11} from "./SearchField.module.js";
+import {TextFieldContext as $bcdf0525bf22703d$export$2129e27b3ef0d483} from "./TextField.module.js";
+import {UNSTABLE_useAutocomplete as $llkzs$UNSTABLE_useAutocomplete} from "@react-aria/autocomplete";
+import {UNSTABLE_useAutocompleteState as $llkzs$UNSTABLE_useAutocompleteState} from "@react-stately/autocomplete";
+import {mergeProps as $llkzs$mergeProps} from "@react-aria/utils";
+import $llkzs$react, {createContext as $llkzs$createContext, useRef as $llkzs$useRef} from "react";
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+const $d2f53cda644affe3$export$4581e569cc48eb6b = /*#__PURE__*/ (0, $llkzs$createContext)(null);
+const $d2f53cda644affe3$export$879ad50d6ce9688 = /*#__PURE__*/ (0, $llkzs$createContext)(null);
+const $d2f53cda644affe3$export$65d2a03b8800d6e3 = /*#__PURE__*/ (0, $llkzs$createContext)(null);
+function $d2f53cda644affe3$export$d834fde4e1147cd8(props) {
+    let ctx = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)($d2f53cda644affe3$export$4581e569cc48eb6b, props.slot);
+    props = (0, $llkzs$mergeProps)(ctx, props);
+    let { filter: filter } = props;
+    let state = (0, $llkzs$UNSTABLE_useAutocompleteState)(props);
+    let collectionRef = (0, $llkzs$useRef)(null);
+    let { textFieldProps: textFieldProps, collectionProps: collectionProps, collectionRef: mergedCollectionRef, filterFn: filterFn } = (0, $llkzs$UNSTABLE_useAutocomplete)({
+        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),
+        filter: filter,
+        collectionRef: collectionRef
+    }, state);
+    return /*#__PURE__*/ (0, $llkzs$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                $d2f53cda644affe3$export$879ad50d6ce9688,
+                state
+            ],
+            [
+                (0, $440f4836bcb56932$export$d1c4e4c63cb03a11),
+                textFieldProps
+            ],
+            [
+                (0, $bcdf0525bf22703d$export$2129e27b3ef0d483),
+                textFieldProps
+            ],
+            [
+                $d2f53cda644affe3$export$65d2a03b8800d6e3,
+                {
+                    filterFn: filterFn,
+                    collectionProps: collectionProps,
+                    collectionRef: mergedCollectionRef
+                }
+            ]
+        ]
+    }, props.children);
+}
+
+
+export {$d2f53cda644affe3$export$4581e569cc48eb6b as UNSTABLE_AutocompleteContext, $d2f53cda644affe3$export$879ad50d6ce9688 as UNSTABLE_AutocompleteStateContext, $d2f53cda644affe3$export$65d2a03b8800d6e3 as UNSTABLE_InternalAutocompleteContext, $d2f53cda644affe3$export$d834fde4e1147cd8 as UNSTABLE_Autocomplete};
+//# sourceMappingURL=Autocomplete.module.js.map

package/dist/Autocomplete.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAkBM,MAAM,0DAA+B,CAAA,GAAA,oBAAY,EAA0C;AAC3F,MAAM,yDAAoC,CAAA,GAAA,oBAAY,EAA4B;AAGlF,MAAM,0DAAuC,CAAA,GAAA,oBAAY,EAA2C;AAKpG,SAAS,0CAAsB,KAAwB;IAC5D,IAAI,MAAM,CAAA,GAAA,yCAAgB,EAAE,2CAA8B,MAAM,IAAI;IACpE,QAAQ,CAAA,GAAA,iBAAS,EAAE,KAAK;IACxB,IAAI,UAAC,MAAM,EAAC,GAAG;IACf,IAAI,QAAQ,CAAA,GAAA,oCAA4B,EAAE;IAC1C,IAAI,gBAAgB,CAAA,GAAA,aAAK,EAAe;IAExC,IAAI,kBACF,cAAc,mBACd,eAAe,EACf,eAAe,mBAAmB,YAClC,QAAQ,EACT,GAAG,CAAA,GAAA,+BAAuB,EAAE;QAC3B,GAAG,CAAA,GAAA,yCAAmB,EAAE,MAAM;gBAC9B;uBACA;IACF,GAAG;IAEH,qBACE,gCAAC,CAAA,GAAA,yCAAO;QACN,QAAQ;YACN;gBAAC;gBAAmC;aAAM;YAC1C;gBAAC,CAAA,GAAA,yCAAiB;gBAAG;aAAe;YACpC;gBAAC,CAAA,GAAA,yCAAe;gBAAG;aAAe;YAClC;gBAAC;gBAAsC;8BACrC;qCACA;oBACA,eAAe;gBACjB;aAAE;SACH;OACA,MAAM,QAAQ;AAGrB","sources":["packages/react-aria-components/src/Autocomplete.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaAutocompleteProps, CollectionOptions, UNSTABLE_useAutocomplete} from '@react-aria/autocomplete';\nimport {AutocompleteState, UNSTABLE_useAutocompleteState} from '@react-stately/autocomplete';\nimport {mergeProps} from '@react-aria/utils';\nimport {Provider, removeDataAttributes, SlotProps, SlottedContextValue, useSlottedContext} from './utils';\nimport React, {createContext, RefObject, useRef} from 'react';\nimport {SearchFieldContext} from './SearchField';\nimport {TextFieldContext} from './TextField';\n\nexport interface AutocompleteProps extends AriaAutocompleteProps, SlotProps {}\n\ninterface InternalAutocompleteContextValue {\n  filterFn?: (nodeTextValue: string) => boolean,\n  collectionProps: CollectionOptions,\n  collectionRef: RefObject<HTMLElement | null>\n}\n\nexport const UNSTABLE_AutocompleteContext = createContext<SlottedContextValue<AutocompleteProps>>(null);\nexport const UNSTABLE_AutocompleteStateContext = createContext<AutocompleteState | null>(null);\n// This context is to pass the register and filter down to whatever collection component is wrapped by the Autocomplete\n// TODO: export from RAC, but rename to something more appropriate\nexport const UNSTABLE_InternalAutocompleteContext = createContext<InternalAutocompleteContextValue | null>(null);\n\n/**\n * A autocomplete combines a text input with a menu, allowing users to filter a list of options to items matching a query.\n */\nexport function UNSTABLE_Autocomplete(props: AutocompleteProps) {\n  let ctx = useSlottedContext(UNSTABLE_AutocompleteContext, props.slot);\n  props = mergeProps(ctx, props);\n  let {filter} = props;\n  let state = UNSTABLE_useAutocompleteState(props);\n  let collectionRef = useRef<HTMLElement>(null);\n\n  let {\n    textFieldProps,\n    collectionProps,\n    collectionRef: mergedCollectionRef,\n    filterFn\n  } = UNSTABLE_useAutocomplete({\n    ...removeDataAttributes(props),\n    filter,\n    collectionRef\n  }, state);\n\n  return (\n    <Provider\n      values={[\n        [UNSTABLE_AutocompleteStateContext, state],\n        [SearchFieldContext, textFieldProps],\n        [TextFieldContext, textFieldProps],\n        [UNSTABLE_InternalAutocompleteContext, {\n          filterFn,\n          collectionProps,\n          collectionRef: mergedCollectionRef\n        }]\n      ]}>\n      {props.children}\n    </Provider>\n  );\n};\n"],"names":[],"version":3,"file":"Autocomplete.module.js.map"}

package/dist/Breadcrumbs.main.js

@@ -36,7 +36,7 @@ $parcel$export(module.exports, "Breadcrumb", () => $afa44b644f65ed30$export$dabc
 
 
 const $afa44b644f65ed30$export$65596d3621b0a4a0 = /*#__PURE__*/ (0, $l7mU3$react.createContext)(null);
-function $afa44b644f65ed30$var$Breadcrumbs(props, ref) {
+const $afa44b644f65ed30$export$2dc68d50d56fbbd = /*#__PURE__*/ (0, $l7mU3$react.forwardRef)(function 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);
@@ -56,10 +56,7 @@ function $afa44b644f65ed30$var$Breadcrumbs(props, ref) {
             collection: collection
         })));
     });
-}
-/**
- * Breadcrumbs display a hierarchy of links to the current page or resource in an application.
- */ const $afa44b644f65ed30$export$2dc68d50d56fbbd = /*#__PURE__*/ (0, $l7mU3$react.forwardRef)($afa44b644f65ed30$var$Breadcrumbs);
+});
 const $afa44b644f65ed30$export$dabcc1ec9dd9d1cc = /*#__PURE__*/ (0, $l7mU3$reactariacollections.createLeafComponent)('item', function Breadcrumb(props, ref, node) {
     // Recreating useBreadcrumbItem because we want to use composition instead of having the link builtin.
     let isCurrent = node.nextKey == null;

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;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;6BALb,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;;;AAMxC;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"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAkBM,MAAM,0DAAqB,CAAA,GAAA,0BAAY,EAAyD;AAKhG,MAAM,2CAA4B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,YAA8B,KAA0B,EAAE,GAAmC;IAC5K,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;6BALb,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;;;AAMxC;AAuBO,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\n/**\n * Breadcrumbs display a hierarchy of links to the current page or resource in an application.\n */\nexport const Breadcrumbs = /*#__PURE__*/ (forwardRef as forwardRefType)(function 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\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

@@ -4,7 +4,7 @@ import {LinkContext as $4f118338184dc1d9$export$e2509388b49734e7} from "./Link.m
 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";
+import $c5cc5$react, {createContext as $c5cc5$createContext, forwardRef as $c5cc5$forwardRef, useContext as $c5cc5$useContext} from "react";
 
 /*
  * Copyright 2022 Adobe. All rights reserved.
@@ -24,7 +24,7 @@ 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) {
+const $778035c5624f61e7$export$2dc68d50d56fbbd = /*#__PURE__*/ (0, $c5cc5$forwardRef)(function 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);
@@ -44,10 +44,7 @@ function $778035c5624f61e7$var$Breadcrumbs(props, ref) {
             collection: collection
         })));
     });
-}
-/**
- * Breadcrumbs display a hierarchy of links to the current page or resource in an application.
- */ const $778035c5624f61e7$export$2dc68d50d56fbbd = /*#__PURE__*/ (0, $c5cc5$forwardRef)($778035c5624f61e7$var$Breadcrumbs);
+});
 const $778035c5624f61e7$export$dabcc1ec9dd9d1cc = /*#__PURE__*/ (0, $c5cc5$createLeafComponent)('item', function Breadcrumb(props, ref, node) {
     // Recreating useBreadcrumbItem because we want to use composition instead of having the link builtin.
     let isCurrent = node.nextKey == null;

package/dist/Breadcrumbs.module.js

@@ -4,7 +4,7 @@ import {LinkContext as $4f118338184dc1d9$export$e2509388b49734e7} from "./Link.m
 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";
+import $c5cc5$react, {createContext as $c5cc5$createContext, forwardRef as $c5cc5$forwardRef, useContext as $c5cc5$useContext} from "react";
 
 /*
  * Copyright 2022 Adobe. All rights reserved.
@@ -24,7 +24,7 @@ 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) {
+const $778035c5624f61e7$export$2dc68d50d56fbbd = /*#__PURE__*/ (0, $c5cc5$forwardRef)(function 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);
@@ -44,10 +44,7 @@ function $778035c5624f61e7$var$Breadcrumbs(props, ref) {
             collection: collection
         })));
     });
-}
-/**
- * Breadcrumbs display a hierarchy of links to the current page or resource in an application.
- */ const $778035c5624f61e7$export$2dc68d50d56fbbd = /*#__PURE__*/ (0, $c5cc5$forwardRef)($778035c5624f61e7$var$Breadcrumbs);
+});
 const $778035c5624f61e7$export$dabcc1ec9dd9d1cc = /*#__PURE__*/ (0, $c5cc5$createLeafComponent)('item', function Breadcrumb(props, ref, node) {
     // Recreating useBreadcrumbItem because we want to use composition instead of having the link builtin.
     let isCurrent = node.nextKey == null;

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;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;6BALb,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;;;AAMxC;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"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAkBM,MAAM,0DAAqB,CAAA,GAAA,oBAAY,EAAyD;AAKhG,MAAM,2CAA4B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,YAA8B,KAA0B,EAAE,GAAmC;IAC5K,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;6BALb,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;;;AAMxC;AAuBO,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\n/**\n * Breadcrumbs display a hierarchy of links to the current page or resource in an application.\n */\nexport const Breadcrumbs = /*#__PURE__*/ (forwardRef as forwardRefType)(function 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\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

@@ -45,7 +45,7 @@ const $b856e6788a7ea5bf$var$additionalButtonHTMLAttributes = new Set([
     'value'
 ]);
 const $b856e6788a7ea5bf$export$24d547caef80ccd1 = /*#__PURE__*/ (0, $3vfYa$react.createContext)({});
-function $b856e6788a7ea5bf$var$Button(props, ref) {
+const $b856e6788a7ea5bf$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $3vfYa$reactariacollections.createHideableComponent)(function Button(props, ref) {
     [props, ref] = (0, $c5ccf687772c0422$exports.useContextProps)(props, ref, $b856e6788a7ea5bf$export$24d547caef80ccd1);
     props = $b856e6788a7ea5bf$var$disablePendingProps(props);
     let ctx = props;
@@ -92,12 +92,15 @@ function $b856e6788a7ea5bf$var$Button(props, ref) {
         ariaLabelledby,
         buttonId
     ]);
+    // 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.
     return /*#__PURE__*/ (0, ($parcel$interopDefault($3vfYa$react))).createElement("button", {
         ...(0, $3vfYa$reactariautils.filterDOMProps)(props, {
             propNames: $b856e6788a7ea5bf$var$additionalButtonHTMLAttributes
         }),
         ...(0, $3vfYa$reactaria.mergeProps)(buttonProps, focusProps, hoverProps),
         ...renderProps,
+        type: buttonProps.type === 'submit' && isPending ? 'button' : buttonProps.type,
         id: buttonId,
         ref: ref,
         "aria-labelledby": ariaLabelledby,
@@ -114,7 +117,7 @@ function $b856e6788a7ea5bf$var$Button(props, ref) {
             id: progressId
         }
     }, renderProps.children));
-}
+});
 function $b856e6788a7ea5bf$var$disablePendingProps(props) {
     // Don't allow interaction while isPending is true
     if (props.isPending) {
@@ -130,9 +133,6 @@ function $b856e6788a7ea5bf$var$disablePendingProps(props) {
     }
     return props;
 }
-/**
- * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
- */ const $b856e6788a7ea5bf$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $3vfYa$reactariacollections.createHideableComponent)($b856e6788a7ea5bf$var$Button);
 
 
 //# sourceMappingURL=Button.main.js.map

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} 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"}
+{"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\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(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  // 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  return (\n    <button\n      {...filterDOMProps(props, {propNames: additionalButtonHTMLAttributes})}\n      {...mergeProps(buttonProps, focusProps, hoverProps)}\n      {...renderProps}\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    </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"],"names":[],"version":3,"file":"Button.main.js.map"}

package/dist/Button.mjs

@@ -34,7 +34,7 @@ const $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = new Set([
     'value'
 ]);
 const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /*#__PURE__*/ (0, $fM325$createContext)({});
-function $d2b4bc8c273e7be6$var$Button(props, ref) {
+const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $fM325$createHideableComponent)(function Button(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
     props = $d2b4bc8c273e7be6$var$disablePendingProps(props);
     let ctx = props;
@@ -81,12 +81,15 @@ function $d2b4bc8c273e7be6$var$Button(props, ref) {
         ariaLabelledby,
         buttonId
     ]);
+    // 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.
     return /*#__PURE__*/ (0, $fM325$react).createElement("button", {
         ...(0, $fM325$filterDOMProps)(props, {
             propNames: $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes
         }),
         ...(0, $fM325$mergeProps)(buttonProps, focusProps, hoverProps),
         ...renderProps,
+        type: buttonProps.type === 'submit' && isPending ? 'button' : buttonProps.type,
         id: buttonId,
         ref: ref,
         "aria-labelledby": ariaLabelledby,
@@ -103,7 +106,7 @@ function $d2b4bc8c273e7be6$var$Button(props, ref) {
             id: progressId
         }
     }, renderProps.children));
-}
+});
 function $d2b4bc8c273e7be6$var$disablePendingProps(props) {
     // Don't allow interaction while isPending is true
     if (props.isPending) {
@@ -119,9 +122,6 @@ function $d2b4bc8c273e7be6$var$disablePendingProps(props) {
     }
     return props;
 }
-/**
- * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
- */ const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $fM325$createHideableComponent)($d2b4bc8c273e7be6$var$Button);
 
 
 export {$d2b4bc8c273e7be6$export$24d547caef80ccd1 as ButtonContext, $d2b4bc8c273e7be6$export$353f5b6fc5456de1 as Button};

package/dist/Button.module.js

@@ -34,7 +34,7 @@ const $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = new Set([
     'value'
 ]);
 const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /*#__PURE__*/ (0, $fM325$createContext)({});
-function $d2b4bc8c273e7be6$var$Button(props, ref) {
+const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $fM325$createHideableComponent)(function Button(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
     props = $d2b4bc8c273e7be6$var$disablePendingProps(props);
     let ctx = props;
@@ -81,12 +81,15 @@ function $d2b4bc8c273e7be6$var$Button(props, ref) {
         ariaLabelledby,
         buttonId
     ]);
+    // 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.
     return /*#__PURE__*/ (0, $fM325$react).createElement("button", {
         ...(0, $fM325$filterDOMProps)(props, {
             propNames: $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes
         }),
         ...(0, $fM325$mergeProps)(buttonProps, focusProps, hoverProps),
         ...renderProps,
+        type: buttonProps.type === 'submit' && isPending ? 'button' : buttonProps.type,
         id: buttonId,
         ref: ref,
         "aria-labelledby": ariaLabelledby,
@@ -103,7 +106,7 @@ function $d2b4bc8c273e7be6$var$Button(props, ref) {
             id: progressId
         }
     }, renderProps.children));
-}
+});
 function $d2b4bc8c273e7be6$var$disablePendingProps(props) {
     // Don't allow interaction while isPending is true
     if (props.isPending) {
@@ -119,9 +122,6 @@ function $d2b4bc8c273e7be6$var$disablePendingProps(props) {
     }
     return props;
 }
-/**
- * A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
- */ const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $fM325$createHideableComponent)($d2b4bc8c273e7be6$var$Button);
 
 
 export {$d2b4bc8c273e7be6$export$24d547caef80ccd1 as ButtonContext, $d2b4bc8c273e7be6$export$353f5b6fc5456de1 as Button};

package/dist/Button.module.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} 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.module.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\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(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  // 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  return (\n    <button\n      {...filterDOMProps(props, {propNames: additionalButtonHTMLAttributes})}\n      {...mergeProps(buttonProps, focusProps, hoverProps)}\n      {...renderProps}\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    </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"],"names":[],"version":3,"file":"Button.module.js.map"}