@react-spectrum/actiongroup 3.11.7 → 3.12.0

package/dist/import.mjs

@@ -1,5 +1,5 @@
-import {ActionGroup as $a04ee251ffcc2690$export$c21a5597f732a168} from "./ActionGroup.mjs";
-import {Item as $d15e9ac28055143d$re_export$Item} from "@react-stately/collections";
+import {ActionGroup as $ad185d44fd8b0d40$re_export$ActionGroup} from "@adobe/react-spectrum/ActionGroup";
+import {Item as $ad185d44fd8b0d40$re_export$Item} from "react-stately/Item";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -16,5 +16,5 @@ import {Item as $d15e9ac28055143d$re_export$Item} from "@react-stately/collectio
 
 
 
-export {$a04ee251ffcc2690$export$c21a5597f732a168 as ActionGroup, $d15e9ac28055143d$re_export$Item as Item};
+export {$ad185d44fd8b0d40$re_export$ActionGroup as ActionGroup, $ad185d44fd8b0d40$re_export$Item as Item};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,13 +1,13 @@
-var $9f46a6387592b67c$exports = require("./ActionGroup.main.js");
-var $8vZTF$reactstatelycollections = require("@react-stately/collections");
+var $dFWqh$adobereactspectrumActionGroup = require("@adobe/react-spectrum/ActionGroup");
+var $dFWqh$reactstatelyItem = require("react-stately/Item");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "ActionGroup", () => $9f46a6387592b67c$exports.ActionGroup);
-$parcel$export(module.exports, "Item", () => $8vZTF$reactstatelycollections.Item);
+$parcel$export(module.exports, "ActionGroup", function () { return $dFWqh$adobereactspectrumActionGroup.ActionGroup; });
+$parcel$export(module.exports, "Item", function () { return $dFWqh$reactstatelyItem.Item; });
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/actiongroup/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {ActionGroup} from './ActionGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionGroupProps} from '@react-types/actiongroup';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/actiongroup/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {ActionGroup} from '@adobe/react-spectrum/ActionGroup';\n\nexport type {SpectrumActionGroupProps} from '@adobe/react-spectrum/ActionGroup';\nexport {Item} from 'react-stately/Item';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,5 +1,5 @@
-import {ActionGroup as $a04ee251ffcc2690$export$c21a5597f732a168} from "./ActionGroup.module.js";
-import {Item as $d15e9ac28055143d$re_export$Item} from "@react-stately/collections";
+import {ActionGroup as $ad185d44fd8b0d40$re_export$ActionGroup} from "@adobe/react-spectrum/ActionGroup";
+import {Item as $ad185d44fd8b0d40$re_export$Item} from "react-stately/Item";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -16,5 +16,5 @@ import {Item as $d15e9ac28055143d$re_export$Item} from "@react-stately/collectio
 
 
 
-export {$a04ee251ffcc2690$export$c21a5597f732a168 as ActionGroup, $d15e9ac28055143d$re_export$Item as Item};
+export {$ad185d44fd8b0d40$re_export$ActionGroup as ActionGroup, $ad185d44fd8b0d40$re_export$Item as Item};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/actiongroup/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {ActionGroup} from './ActionGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionGroupProps} from '@react-types/actiongroup';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/actiongroup/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {ActionGroup} from '@adobe/react-spectrum/ActionGroup';\n\nexport type {SpectrumActionGroupProps} from '@adobe/react-spectrum/ActionGroup';\nexport {Item} from 'react-stately/Item';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,3 @@
+export { ActionGroup } from '@adobe/react-spectrum/ActionGroup';
+export type { SpectrumActionGroupProps } from '@adobe/react-spectrum/ActionGroup';
+export { Item } from 'react-stately/Item';

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@react-spectrum/actiongroup",
-  "version": "3.11.7",
+  "version": "3.12.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
   "exports": {
-    "source": "./src/index.ts",
-    "types": [
-      "./dist/types.d.ts",
-      "./src/index.ts"
-    ],
-    "import": "./dist/import.mjs",
-    "require": "./dist/main.js"
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/import.mjs",
+      "require": "./dist/main.js"
+    },
+    "./package.json": "./package.json"
   },
-  "types": "dist/types.d.ts",
+  "types": "dist/types/src/index.d.ts",
   "source": "src/index.ts",
   "files": [
     "dist",
@@ -24,50 +24,23 @@
     "*.css"
   ],
   "targets": {
-    "main": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    },
-    "module": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    }
+    "types": false
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/actiongroup": "^3.7.24",
-    "@react-aria/focus": "^3.21.5",
-    "@react-aria/i18n": "^3.12.16",
-    "@react-aria/interactions": "^3.27.1",
-    "@react-aria/utils": "^3.33.1",
-    "@react-spectrum/button": "^3.17.7",
-    "@react-spectrum/menu": "^3.22.11",
-    "@react-spectrum/text": "^3.5.25",
-    "@react-spectrum/tooltip": "^3.8.2",
-    "@react-spectrum/utils": "^3.12.12",
-    "@react-stately/collections": "^3.12.10",
-    "@react-stately/list": "^3.13.4",
-    "@react-types/actiongroup": "^3.4.23",
-    "@react-types/shared": "^3.33.1",
-    "@spectrum-icons/ui": "^3.6.23",
-    "@spectrum-icons/workflow": "^4.2.28",
-    "@swc/helpers": "^0.5.0"
-  },
-  "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
+    "@adobe/react-spectrum": "3.47.0",
+    "@swc/helpers": "^0.5.0",
+    "react-stately": "3.46.0"
   },
   "peerDependencies": {
-    "@react-spectrum/provider": "^3.2.0",
     "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
     "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.ts

@@ -10,6 +10,7 @@
  * governing permissions and limitations under the License.
  */
 /// <reference types="css-module-types" />
-export {ActionGroup} from './ActionGroup';
-export {Item} from '@react-stately/collections';
-export type {SpectrumActionGroupProps} from '@react-types/actiongroup';
+export {ActionGroup} from '@adobe/react-spectrum/ActionGroup';
+
+export type {SpectrumActionGroupProps} from '@adobe/react-spectrum/ActionGroup';
+export {Item} from 'react-stately/Item';

package/dist/ActionGroup.main.js

@@ -1,398 +0,0 @@
-require("./actiongroup.bb161279.css");
-var $afc5a4514aca2340$exports = require("./button_vars_css.main.js");
-var $78d2e63e5b4fce1c$exports = require("./intlStrings.main.js");
-require("./actiongroup.c0b1ee3f.css");
-var $d9f76447f7a8d3f9$exports = require("./actiongroup_vars_css.main.js");
-var $2RJq8$reactspectrumbutton = require("@react-spectrum/button");
-var $2RJq8$spectrumiconsuiChevronDownMedium = require("@spectrum-icons/ui/ChevronDownMedium");
-var $2RJq8$reactspectrumutils = require("@react-spectrum/utils");
-var $2RJq8$reactariautils = require("@react-aria/utils");
-var $2RJq8$reactariafocus = require("@react-aria/focus");
-var $2RJq8$reactspectrummenu = require("@react-spectrum/menu");
-var $2RJq8$reactstatelylist = require("@react-stately/list");
-var $2RJq8$spectrumiconsworkflowMore = require("@spectrum-icons/workflow/More");
-var $2RJq8$reactariainteractions = require("@react-aria/interactions");
-var $2RJq8$reactspectrumprovider = require("@react-spectrum/provider");
-var $2RJq8$react = require("react");
-var $2RJq8$reactspectrumtext = require("@react-spectrum/text");
-var $2RJq8$reactspectrumtooltip = require("@react-spectrum/tooltip");
-var $2RJq8$reactariaactiongroup = require("@react-aria/actiongroup");
-var $2RJq8$reactariai18n = require("@react-aria/i18n");
-
-
-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, "ActionGroup", () => $9f46a6387592b67c$export$c21a5597f732a168);
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $9f46a6387592b67c$export$c21a5597f732a168 = /*#__PURE__*/ (0, $2RJq8$react.forwardRef)(function ActionGroup(props, ref) {
-    props = (0, $2RJq8$reactspectrumprovider.useProviderProps)(props);
-    props = (0, $2RJq8$reactspectrumutils.useSlotProps)(props, 'actionGroup');
-    let { isEmphasized: isEmphasized, density: density, isJustified: isJustified, isDisabled: isDisabled, orientation: orientation = 'horizontal', isQuiet: isQuiet, staticColor: staticColor, overflowMode: overflowMode = 'wrap', onAction: onAction, buttonLabelBehavior: buttonLabelBehavior, summaryIcon: summaryIcon, ...otherProps } = props;
-    let domRef = (0, $2RJq8$reactspectrumutils.useDOMRef)(ref);
-    let wrapperRef = (0, $2RJq8$react.useRef)(null);
-    let state = (0, $2RJq8$reactstatelylist.useListState)({
-        ...props,
-        suppressTextValueWarning: true
-    });
-    let { actionGroupProps: actionGroupProps } = (0, $2RJq8$reactariaactiongroup.useActionGroup)(props, state, domRef);
-    let isVertical = orientation === 'vertical';
-    let providerProps = {
-        isEmphasized: isEmphasized,
-        isDisabled: isDisabled,
-        isQuiet: isQuiet
-    };
-    let { styleProps: styleProps } = (0, $2RJq8$reactspectrumutils.useStyleProps)(props);
-    // Only hide button text if every item contains more than just plain text (we assume an icon).
-    let isIconCollapsible = (0, $2RJq8$react.useMemo)(()=>[
-            ...state.collection
-        ].every((item)=>typeof item.rendered !== 'string'), [
-        state.collection
-    ]);
-    let [{ visibleItems: visibleItems, hideButtonText: hideButtonText, isMeasuring: isMeasuring }, setVisibleItems] = (0, $2RJq8$reactariautils.useValueEffect)({
-        visibleItems: state.collection.size,
-        hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,
-        isMeasuring: false
-    });
-    let selectionMode = state.selectionManager.selectionMode;
-    let updateOverflow = (0, $2RJq8$react.useCallback)(()=>{
-        if (overflowMode === 'wrap') return;
-        if (orientation === 'vertical' && selectionMode !== 'none') // Collapsing vertical action groups with selection is currently unsupported by Spectrum.
-        return;
-        let computeVisibleItems = (visibleItems)=>{
-            if (domRef.current && wrapperRef.current) {
-                let listItems = Array.from(domRef.current.children);
-                let containerSize = orientation === 'horizontal' ? wrapperRef.current.getBoundingClientRect().width : wrapperRef.current.getBoundingClientRect().height;
-                let isShowingMenu = visibleItems < state.collection.size;
-                let calculatedSize = 0;
-                let newVisibleItems = 0;
-                if (isShowingMenu) {
-                    let item = listItems.pop();
-                    if (item) calculatedSize += orientation === 'horizontal' ? $9f46a6387592b67c$var$outerWidth(item, false, true) : $9f46a6387592b67c$var$outerHeight(item, false, true);
-                }
-                for (let [i, item] of listItems.entries()){
-                    calculatedSize += orientation === 'horizontal' ? $9f46a6387592b67c$var$outerWidth(item, i === 0, i === listItems.length - 1) : $9f46a6387592b67c$var$outerHeight(item, i === 0, i === listItems.length - 1);
-                    if (Math.round(calculatedSize) <= Math.round(containerSize)) newVisibleItems++;
-                    else break;
-                }
-                // If selection is enabled, and not all of the items fit, collapse all of them into a dropdown
-                // immediately rather than having some visible and some not.
-                if (selectionMode !== 'none' && newVisibleItems < state.collection.size) return 0;
-                return newVisibleItems;
-            }
-            return visibleItems;
-        };
-        setVisibleItems(function*() {
-            let hideButtonText = buttonLabelBehavior === 'hide' && isIconCollapsible;
-            // Update to show all items.
-            yield {
-                visibleItems: state.collection.size,
-                hideButtonText: hideButtonText,
-                isMeasuring: true
-            };
-            // Measure, and update to show the items that fit.
-            let newVisibleItems = computeVisibleItems(state.collection.size);
-            let isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;
-            // If not all of the buttons fit, and buttonLabelBehavior is 'collapse', then first try hiding
-            // the button text and only showing icons. Only if that still doesn't fit collapse into a menu.
-            if (newVisibleItems < state.collection.size && buttonLabelBehavior === 'collapse' && isIconCollapsible) {
-                yield {
-                    visibleItems: state.collection.size,
-                    hideButtonText: true,
-                    isMeasuring: true
-                };
-                newVisibleItems = computeVisibleItems(state.collection.size);
-                isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;
-                hideButtonText = true;
-            }
-            yield {
-                visibleItems: newVisibleItems,
-                hideButtonText: hideButtonText,
-                isMeasuring: isMeasuring
-            };
-            // If the number of items is less than the number of children,
-            // then update again to ensure that the menu fits.
-            if (isMeasuring) yield {
-                visibleItems: computeVisibleItems(newVisibleItems),
-                hideButtonText: hideButtonText,
-                isMeasuring: false
-            };
-        });
-    }, [
-        domRef,
-        state.collection,
-        setVisibleItems,
-        overflowMode,
-        selectionMode,
-        buttonLabelBehavior,
-        isIconCollapsible,
-        orientation
-    ]);
-    // Watch the parent element for size changes. Watching only the action group itself may not work
-    // in all scenarios because it may not shrink when available space is reduced.
-    let parentRef = (0, $2RJq8$react.useMemo)(()=>({
-            get current () {
-                var _wrapperRef_current;
-                return (_wrapperRef_current = wrapperRef.current) === null || _wrapperRef_current === void 0 ? void 0 : _wrapperRef_current.parentElement;
-            }
-        }), [
-        wrapperRef
-    ]);
-    (0, $2RJq8$reactariautils.useResizeObserver)({
-        ref: overflowMode !== 'wrap' ? parentRef : undefined,
-        onResize: updateOverflow
-    });
-    (0, $2RJq8$reactariautils.useLayoutEffect)(updateOverflow, [
-        updateOverflow,
-        state.collection
-    ]);
-    let children = [
-        ...state.collection
-    ];
-    let menuItem = null;
-    let menuProps = {};
-    // If there are no visible items, don't apply any props to the action group container
-    // and pass all aria labeling props through to the menu button.
-    if (overflowMode === 'collapse' && visibleItems === 0) {
-        menuProps = (0, $2RJq8$reactariautils.filterDOMProps)(props, {
-            labelable: true
-        });
-        actionGroupProps = {};
-    }
-    if (overflowMode === 'collapse' && visibleItems < state.collection.size) {
-        let menuChildren = children.slice(visibleItems);
-        children = children.slice(0, visibleItems);
-        menuItem = /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement($9f46a6387592b67c$var$ActionGroupMenu, {
-            ...menuProps,
-            items: menuChildren,
-            onAction: onAction,
-            isDisabled: isDisabled,
-            isEmphasized: isEmphasized,
-            staticColor: staticColor,
-            state: state,
-            summaryIcon: summaryIcon,
-            hideButtonText: hideButtonText,
-            isOnlyItem: visibleItems === 0,
-            orientation: orientation
-        });
-    }
-    let style = {
-        ...styleProps.style,
-        // While measuring, take up as much space as possible.
-        flexBasis: isMeasuring ? '100%' : undefined
-    };
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement("div", {
-        ...styleProps,
-        style: style,
-        className: (0, $2RJq8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d9f76447f7a8d3f9$exports))), 'flex-container', styleProps.className),
-        ref: wrapperRef
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement("div", {
-        ...actionGroupProps,
-        ref: domRef,
-        className: (0, $2RJq8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d9f76447f7a8d3f9$exports))), 'flex-gap', 'spectrum-ActionGroup', {
-            'spectrum-ActionGroup--quiet': isQuiet,
-            'spectrum-ActionGroup--vertical': isVertical,
-            'spectrum-ActionGroup--compact': density === 'compact',
-            'spectrum-ActionGroup--justified': isJustified && !isMeasuring,
-            'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'
-        }, otherProps.UNSAFE_className)
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactspectrumprovider.Provider), providerProps, children.map((item)=>/*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement($9f46a6387592b67c$var$ActionGroupItem, {
-            key: item.key,
-            onAction: onAction,
-            isDisabled: isDisabled,
-            isEmphasized: isEmphasized,
-            staticColor: staticColor,
-            item: item,
-            state: state,
-            hideButtonText: hideButtonText,
-            orientation: orientation
-        })), menuItem))));
-});
-function $9f46a6387592b67c$var$ActionGroupItem({ item: item, state: state, isDisabled: isDisabled, isEmphasized: isEmphasized, staticColor: staticColor, onAction: onAction, hideButtonText: hideButtonText, orientation: orientation }) {
-    let ref = (0, $2RJq8$react.useRef)(null);
-    let { buttonProps: buttonProps } = (0, $2RJq8$reactariaactiongroup.useActionGroupItem)({
-        key: item.key
-    }, state);
-    isDisabled = isDisabled || state.disabledKeys.has(item.key);
-    let isSelected = state.selectionManager.isSelected(item.key);
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $2RJq8$reactariainteractions.useHover)({
-        isDisabled: isDisabled
-    });
-    let domProps = (0, $2RJq8$reactariautils.filterDOMProps)(item.props);
-    if (onAction && !isDisabled) buttonProps = (0, $2RJq8$reactariautils.mergeProps)(buttonProps, {
-        onPress: ()=>onAction(item.key)
-    });
-    // If button text is hidden, we need to show it as a tooltip instead, so
-    // go find the text element in the DOM after rendering.
-    let textId = (0, $2RJq8$reactariautils.useId)();
-    let [textContent, setTextContent] = (0, $2RJq8$react.useState)('');
-    (0, $2RJq8$reactariautils.useLayoutEffect)(()=>{
-        var _document_getElementById;
-        if (hideButtonText) setTextContent((_document_getElementById = document.getElementById(textId)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.textContent);
-    }, [
-        hideButtonText,
-        item.rendered,
-        textId
-    ]);
-    let button = // Use a PressResponder to send DOM props through.
-    // ActionButton doesn't allow overriding the role by default.
-    /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactariainteractions.PressResponder), (0, $2RJq8$reactariautils.mergeProps)(buttonProps, hoverProps, domProps), /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactspectrumutils.ClearSlots), null, /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactspectrumutils.SlotProvider), {
-        slots: {
-            text: {
-                id: hideButtonText ? textId : null,
-                isHidden: hideButtonText
-            }
-        }
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactspectrumbutton.ActionButton), {
-        ref: ref,
-        // @ts-ignore (private)
-        hideButtonText: hideButtonText,
-        UNSAFE_className: (0, $2RJq8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d9f76447f7a8d3f9$exports))), 'spectrum-ActionGroup-item', {
-            'is-selected': isSelected,
-            'is-hovered': isHovered,
-            'spectrum-ActionGroup-item--iconOnly': hideButtonText,
-            'spectrum-ActionGroup-item--isDisabled': isDisabled
-        }, (0, $2RJq8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), {
-            'spectrum-ActionButton--emphasized': isEmphasized,
-            'is-selected': isSelected
-        })),
-        isDisabled: isDisabled,
-        staticColor: staticColor,
-        "aria-label": item['aria-label'],
-        "aria-labelledby": item['aria-label'] == null && hideButtonText ? textId : undefined
-    }, item.rendered))));
-    if (hideButtonText && textContent) button = /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactspectrumtooltip.TooltipTrigger), {
-        placement: orientation === 'vertical' ? 'end' : 'top'
-    }, button, /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactspectrumtooltip.Tooltip), null, textContent));
-    if (item.wrapper) button = item.wrapper(button);
-    return button;
-}
-function $9f46a6387592b67c$var$ActionGroupMenu({ state: state, isDisabled: isDisabled, isEmphasized: isEmphasized, staticColor: staticColor, items: items, onAction: onAction, summaryIcon: summaryIcon, hideButtonText: hideButtonText, isOnlyItem: isOnlyItem, orientation: orientation, ...otherProps }) {
-    // Use the key of the first item within the menu as the key of the button.
-    // The key must actually exist in the collection for focus to work correctly.
-    let key = items[0].key;
-    let { buttonProps: buttonProps } = (0, $2RJq8$reactariaactiongroup.useActionGroupItem)({
-        key: key
-    }, state);
-    let stringFormatter = (0, $2RJq8$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($78d2e63e5b4fce1c$exports))), '@react-spectrum/actiongroup');
-    // The menu button shouldn't act like an actual action group item.
-    delete buttonProps.onPress;
-    delete buttonProps.role;
-    delete buttonProps['aria-checked'];
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $2RJq8$reactariainteractions.useHover)({
-        isDisabled: isDisabled
-    });
-    // If no aria-label or aria-labelledby is given, provide a default one.
-    let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? undefined : stringFormatter.format('more'));
-    let ariaLabelledby = otherProps['aria-labelledby'];
-    let textId = (0, $2RJq8$reactariautils.useId)();
-    let id = (0, $2RJq8$reactariautils.useId)();
-    // Summary icon only applies when selection is enabled.
-    if (state.selectionManager.selectionMode === 'none') summaryIcon = null;
-    let iconOnly = false;
-    // If there is a selection, show the selected state on the menu button.
-    let isSelected = state.selectionManager.selectionMode !== 'none' && !state.selectionManager.isEmpty;
-    // If single selection and empty selection is not allowed, swap the contents of the button to the selected item (like a Picker).
-    if (!summaryIcon && state.selectionManager.selectionMode === 'single' && state.selectionManager.disallowEmptySelection && state.selectionManager.firstSelectedKey != null) {
-        let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);
-        if (selectedItem) {
-            summaryIcon = selectedItem.rendered;
-            if (typeof summaryIcon === 'string') summaryIcon = /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactspectrumtext.Text), null, summaryIcon);
-            iconOnly = !!hideButtonText;
-            ariaLabelledby = `${ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : id} ${textId}`;
-        }
-    }
-    if (summaryIcon) // If there's a custom summary icon, also add a chevron.
-    summaryIcon = /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, ($parcel$interopDefault($2RJq8$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, ($parcel$interopDefault($2RJq8$spectrumiconsuiChevronDownMedium))), {
-        UNSAFE_className: (0, $2RJq8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d9f76447f7a8d3f9$exports))), 'spectrum-ActionGroup-menu-chevron')
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement("span", {
-        className: (0, $2RJq8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d9f76447f7a8d3f9$exports))), 'spectrum-ActionGroup-menu-contents', {
-            'spectrum-ActionGroup-item--iconOnly': iconOnly
-        })
-    }, summaryIcon));
-    return(// Use a PressResponder to send DOM props through.
-    /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactspectrummenu.MenuTrigger), {
-        align: isOnlyItem ? 'start' : 'end',
-        direction: orientation === 'vertical' ? 'end' : 'bottom'
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactspectrumutils.SlotProvider), {
-        slots: {
-            text: {
-                id: hideButtonText ? textId : null,
-                isHidden: hideButtonText,
-                UNSAFE_className: (0, $2RJq8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d9f76447f7a8d3f9$exports))), 'spectrum-ActionGroup-menu-text')
-            }
-        }
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactariainteractions.PressResponder), (0, $2RJq8$reactariautils.mergeProps)(buttonProps, hoverProps), /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactspectrumbutton.ActionButton), {
-        ...otherProps,
-        id: id,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledby,
-        UNSAFE_className: (0, $2RJq8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($d9f76447f7a8d3f9$exports))), 'spectrum-ActionGroup-item', 'spectrum-ActionGroup-menu', {
-            'is-hovered': isHovered,
-            'is-selected': isSelected
-        }, (0, $2RJq8$reactspectrumutils.classNames)((0, ($parcel$interopDefault($afc5a4514aca2340$exports))), {
-            'is-selected': isSelected,
-            'spectrum-ActionButton--emphasized': isEmphasized
-        })),
-        isDisabled: isDisabled,
-        staticColor: staticColor
-    }, summaryIcon || /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, ($parcel$interopDefault($2RJq8$spectrumiconsworkflowMore))), null)))), /*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactspectrummenu.Menu), {
-        items: items,
-        disabledKeys: state.disabledKeys,
-        selectionMode: state.selectionManager.selectionMode,
-        selectedKeys: state.selectionManager.selectedKeys,
-        disallowEmptySelection: state.selectionManager.disallowEmptySelection,
-        onSelectionChange: (keys)=>state.selectionManager.setSelectedKeys(keys),
-        onAction: onAction
-    }, (node)=>/*#__PURE__*/ (0, ($parcel$interopDefault($2RJq8$react))).createElement((0, $2RJq8$reactspectrummenu.Item), {
-            textValue: node.textValue,
-            ...(0, $2RJq8$reactariautils.filterDOMProps)(node.props)
-        }, node.rendered))));
-}
-function $9f46a6387592b67c$var$outerWidth(element, ignoreLeftMargin, ignoreRightMargin) {
-    let style = window.getComputedStyle(element);
-    return element.getBoundingClientRect().width + (ignoreLeftMargin ? 0 : $9f46a6387592b67c$var$toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : $9f46a6387592b67c$var$toNumber(style.marginRight));
-}
-function $9f46a6387592b67c$var$outerHeight(element, ignoreTopMargin, ignoreBottomMargin) {
-    let style = window.getComputedStyle(element);
-    return element.getBoundingClientRect().height + (ignoreTopMargin ? 0 : $9f46a6387592b67c$var$toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : $9f46a6387592b67c$var$toNumber(style.marginBottom));
-}
-function $9f46a6387592b67c$var$toNumber(value) {
-    let parsed = parseInt(value, 10);
-    return isNaN(parsed) ? 0 : parsed;
-}
-
-
-//# sourceMappingURL=ActionGroup.main.js.map

package/dist/ActionGroup.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-spectrum/actiongroup/src/ActionGroup.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {AriaLabelingProps, DOMProps, DOMRef, Key, Node, StyleProps} from '@react-types/shared';\nimport buttonStyles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n  classNames,\n  ClearSlots,\n  SlotProvider,\n  useDOMRef,\n  useSlotProps,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport {filterDOMProps, mergeProps, useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {Item, Menu, MenuTrigger} from '@react-spectrum/menu';\nimport {ListState, useListState} from '@react-stately/list';\nimport More from '@spectrum-icons/workflow/More';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {forwardRef, ReactElement, ReactNode, useCallback, useMemo, useRef, useState} from 'react';\nimport {SpectrumActionGroupProps} from '@react-types/actiongroup';\nimport styles from '@adobe/spectrum-css-temp/components/actiongroup/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';\nimport {useActionGroup, useActionGroupItem} from '@react-aria/actiongroup';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\n\n/**\n * An ActionGroup is a grouping of ActionButtons that are related to one another.\n */\nexport const ActionGroup = forwardRef(function ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  props = useSlotProps(props, 'actionGroup');\n\n  let {\n    isEmphasized,\n    density,\n    isJustified,\n    isDisabled,\n    orientation = 'horizontal',\n    isQuiet,\n    staticColor,\n    overflowMode = 'wrap',\n    onAction,\n    buttonLabelBehavior,\n    summaryIcon,\n    ...otherProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let wrapperRef = useRef<HTMLDivElement>(null);\n  let state = useListState({...props, suppressTextValueWarning: true});\n  let {actionGroupProps} = useActionGroup(props, state, domRef);\n  let isVertical = orientation === 'vertical';\n  let providerProps = {isEmphasized, isDisabled, isQuiet};\n  let {styleProps} = useStyleProps(props);\n\n  // Only hide button text if every item contains more than just plain text (we assume an icon).\n  let isIconCollapsible = useMemo(() => [...state.collection].every(item => typeof item.rendered !== 'string'), [state.collection]);\n  let [{visibleItems, hideButtonText, isMeasuring}, setVisibleItems] = useValueEffect({\n    visibleItems: state.collection.size,\n    hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,\n    isMeasuring: false\n  });\n\n  let selectionMode = state.selectionManager.selectionMode;\n  let updateOverflow = useCallback(() => {\n    if (overflowMode === 'wrap') {\n      return;\n    }\n\n    if (orientation === 'vertical' && selectionMode !== 'none') {\n      // Collapsing vertical action groups with selection is currently unsupported by Spectrum.\n      return;\n    }\n\n    let computeVisibleItems = (visibleItems: number) => {\n      if (domRef.current && wrapperRef.current) {\n        let listItems = Array.from(domRef.current.children) as HTMLLIElement[];\n        let containerSize = orientation === 'horizontal' ? wrapperRef.current.getBoundingClientRect().width : wrapperRef.current.getBoundingClientRect().height;\n\n        let isShowingMenu = visibleItems < state.collection.size;\n        let calculatedSize = 0;\n        let newVisibleItems = 0;\n\n        if (isShowingMenu) {\n          let item = listItems.pop();\n          if (item) {\n            calculatedSize += orientation === 'horizontal'\n              ? outerWidth(item, false, true)\n              : outerHeight(item, false, true);\n          }\n        }\n\n        for (let [i, item] of listItems.entries()) {\n          calculatedSize += orientation === 'horizontal'\n            ? outerWidth(item, i === 0, i === listItems.length - 1)\n            : outerHeight(item, i === 0, i === listItems.length - 1);\n          if (Math.round(calculatedSize) <= Math.round(containerSize)) {\n            newVisibleItems++;\n          } else {\n            break;\n          }\n        }\n\n        // If selection is enabled, and not all of the items fit, collapse all of them into a dropdown\n        // immediately rather than having some visible and some not.\n        if (selectionMode !== 'none' && newVisibleItems < state.collection.size) {\n          return 0;\n        }\n\n        return newVisibleItems;\n      }\n      return visibleItems;\n    };\n\n    setVisibleItems(function *() {\n      let hideButtonText = buttonLabelBehavior === 'hide' && isIconCollapsible;\n\n      // Update to show all items.\n      yield {\n        visibleItems: state.collection.size,\n        hideButtonText,\n        isMeasuring: true\n      };\n\n      // Measure, and update to show the items that fit.\n      let newVisibleItems = computeVisibleItems(state.collection.size);\n      let isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n\n      // If not all of the buttons fit, and buttonLabelBehavior is 'collapse', then first try hiding\n      // the button text and only showing icons. Only if that still doesn't fit collapse into a menu.\n      if (newVisibleItems < state.collection.size && buttonLabelBehavior === 'collapse' && isIconCollapsible) {\n        yield {\n          visibleItems: state.collection.size,\n          hideButtonText: true,\n          isMeasuring: true\n        };\n\n        newVisibleItems = computeVisibleItems(state.collection.size);\n        isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n        hideButtonText = true;\n      }\n\n      yield {\n        visibleItems: newVisibleItems,\n        hideButtonText,\n        isMeasuring\n      };\n\n      // If the number of items is less than the number of children,\n      // then update again to ensure that the menu fits.\n      if (isMeasuring) {\n        yield {\n          visibleItems: computeVisibleItems(newVisibleItems),\n          hideButtonText,\n          isMeasuring: false\n        };\n      }\n    });\n  }, [domRef, state.collection, setVisibleItems, overflowMode, selectionMode, buttonLabelBehavior, isIconCollapsible, orientation]);\n\n  // Watch the parent element for size changes. Watching only the action group itself may not work\n  // in all scenarios because it may not shrink when available space is reduced.\n  let parentRef = useMemo(() => ({\n    get current() {\n      return wrapperRef.current?.parentElement;\n    }\n  }), [wrapperRef]);\n  useResizeObserver({ref: overflowMode !== 'wrap' ? parentRef : undefined, onResize: updateOverflow});\n  useLayoutEffect(updateOverflow, [updateOverflow, state.collection]);\n\n  let children = [...state.collection];\n  let menuItem: ReactElement | null = null;\n  let menuProps = {};\n\n  // If there are no visible items, don't apply any props to the action group container\n  // and pass all aria labeling props through to the menu button.\n  if (overflowMode === 'collapse' && visibleItems === 0) {\n    menuProps = filterDOMProps(props, {labelable: true});\n    actionGroupProps = {};\n  }\n\n  if (overflowMode === 'collapse' && visibleItems < state.collection.size) {\n    let menuChildren = children.slice(visibleItems);\n    children = children.slice(0, visibleItems);\n    menuItem = (\n      <ActionGroupMenu\n        {...menuProps}\n        items={menuChildren}\n        onAction={onAction}\n        isDisabled={isDisabled}\n        isEmphasized={isEmphasized}\n        staticColor={staticColor}\n        state={state}\n        summaryIcon={summaryIcon}\n        hideButtonText={hideButtonText}\n        isOnlyItem={visibleItems === 0}\n        orientation={orientation} />\n    );\n  }\n\n  let style = {\n    ...styleProps.style,\n    // While measuring, take up as much space as possible.\n    flexBasis: isMeasuring ? '100%' : undefined\n  };\n\n  return (\n    <FocusScope>\n      <div {...styleProps} style={style} className={classNames(styles, 'flex-container', styleProps.className)} ref={wrapperRef}>\n        <div\n          {...actionGroupProps}\n          ref={domRef}\n          className={\n            classNames(\n              styles,\n              'flex-gap',\n              'spectrum-ActionGroup',\n              {\n                'spectrum-ActionGroup--quiet': isQuiet,\n                'spectrum-ActionGroup--vertical': isVertical,\n                'spectrum-ActionGroup--compact': density === 'compact',\n                'spectrum-ActionGroup--justified': isJustified && !isMeasuring,\n                'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'\n              },\n              otherProps.UNSAFE_className\n            )\n          }>\n          <Provider {...providerProps}>\n            {children.map((item) => (\n              <ActionGroupItem\n                key={item.key}\n                onAction={onAction}\n                isDisabled={isDisabled}\n                isEmphasized={isEmphasized}\n                staticColor={staticColor}\n                item={item}\n                state={state}\n                hideButtonText={hideButtonText}\n                orientation={orientation} />\n            ))}\n            {menuItem}\n          </Provider>\n        </div>\n      </div>\n    </FocusScope>\n  );\n}) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface ActionGroupItemProps<T> extends DOMProps, StyleProps {\n  item: Node<T>,\n  state: ListState<T>,\n  isDisabled?: boolean,\n  isEmphasized?: boolean,\n  staticColor?: 'white' | 'black',\n  hideButtonText?: boolean,\n  orientation?: 'horizontal' | 'vertical',\n  onAction?: (key: Key) => void\n}\n\nfunction ActionGroupItem<T>({item, state, isDisabled, isEmphasized, staticColor, onAction, hideButtonText, orientation}: ActionGroupItemProps<T>) {\n  let ref = useRef(null);\n  let {buttonProps} = useActionGroupItem({key: item.key}, state);\n  isDisabled = isDisabled || state.disabledKeys.has(item.key);\n  let isSelected = state.selectionManager.isSelected(item.key);\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domProps = filterDOMProps(item.props);\n\n  if (onAction && !isDisabled) {\n    buttonProps = mergeProps(buttonProps, {\n      onPress: () => onAction(item.key)\n    });\n  }\n\n  // If button text is hidden, we need to show it as a tooltip instead, so\n  // go find the text element in the DOM after rendering.\n  let textId = useId();\n  let [textContent, setTextContent] = useState<string | null | undefined>('');\n  useLayoutEffect(() => {\n    if (hideButtonText) {\n      setTextContent(document.getElementById(textId)?.textContent);\n    }\n  }, [hideButtonText, item.rendered, textId]);\n\n  let button = (\n    // Use a PressResponder to send DOM props through.\n    // ActionButton doesn't allow overriding the role by default.\n    <PressResponder {...mergeProps(buttonProps, hoverProps, domProps)}>\n      <ClearSlots>\n        <SlotProvider\n          slots={{\n            text: {\n              id: hideButtonText ? textId : null,\n              isHidden: hideButtonText\n            }\n          }}>\n          <ActionButton\n            ref={ref}\n            // @ts-ignore (private)\n            hideButtonText={hideButtonText}\n            UNSAFE_className={\n              classNames(\n                styles,\n                'spectrum-ActionGroup-item',\n                {\n                  'is-selected': isSelected,\n                  'is-hovered': isHovered,\n                  'spectrum-ActionGroup-item--iconOnly': hideButtonText,\n                  'spectrum-ActionGroup-item--isDisabled': isDisabled\n                },\n                classNames(\n                  buttonStyles,\n                  {\n                    'spectrum-ActionButton--emphasized': isEmphasized,\n                    'is-selected': isSelected\n                  }\n                )\n              )\n            }\n            isDisabled={isDisabled}\n            staticColor={staticColor}\n            aria-label={item['aria-label']}\n            aria-labelledby={item['aria-label'] == null && hideButtonText ? textId : undefined}>\n            {item.rendered}\n          </ActionButton>\n        </SlotProvider>\n      </ClearSlots>\n    </PressResponder>\n  );\n\n  if (hideButtonText && textContent) {\n    button = (\n      <TooltipTrigger placement={orientation === 'vertical' ? 'end' : 'top'}>\n        {button}\n        <Tooltip>{textContent}</Tooltip>\n      </TooltipTrigger>\n    );\n  }\n\n  if (item.wrapper) {\n    button = item.wrapper(button);\n  }\n\n  return button;\n}\n\ninterface ActionGroupMenuProps<T> extends AriaLabelingProps {\n  state: ListState<T>,\n  isDisabled?: boolean,\n  isEmphasized?: boolean,\n  staticColor?: 'white' | 'black',\n  items: Node<T>[],\n  hideButtonText?: boolean,\n  summaryIcon?: ReactNode,\n  isOnlyItem?: boolean,\n  orientation?: 'horizontal' | 'vertical',\n  onAction?: (key: Key) => void\n}\n\nfunction ActionGroupMenu<T>({state, isDisabled, isEmphasized, staticColor, items, onAction, summaryIcon, hideButtonText, isOnlyItem, orientation, ...otherProps}: ActionGroupMenuProps<T>) {\n  // Use the key of the first item within the menu as the key of the button.\n  // The key must actually exist in the collection for focus to work correctly.\n  let key = items[0].key;\n  let {buttonProps} = useActionGroupItem({key}, state);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/actiongroup');\n\n  // The menu button shouldn't act like an actual action group item.\n  delete buttonProps.onPress;\n  delete buttonProps.role;\n  delete buttonProps['aria-checked'];\n\n  let {hoverProps, isHovered} = useHover({isDisabled});\n\n  // If no aria-label or aria-labelledby is given, provide a default one.\n  let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? undefined : stringFormatter.format('more'));\n  let ariaLabelledby = otherProps['aria-labelledby'];\n  let textId = useId();\n  let id = useId();\n\n  // Summary icon only applies when selection is enabled.\n  if (state.selectionManager.selectionMode === 'none') {\n    summaryIcon = null;\n  }\n\n  let iconOnly = false;\n\n  // If there is a selection, show the selected state on the menu button.\n  let isSelected = state.selectionManager.selectionMode !== 'none' && !state.selectionManager.isEmpty;\n\n  // If single selection and empty selection is not allowed, swap the contents of the button to the selected item (like a Picker).\n  if (!summaryIcon && state.selectionManager.selectionMode === 'single' && state.selectionManager.disallowEmptySelection && state.selectionManager.firstSelectedKey != null) {\n    let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);\n    if (selectedItem) {\n      summaryIcon = selectedItem.rendered;\n      if (typeof summaryIcon === 'string') {\n        summaryIcon = <Text>{summaryIcon}</Text>;\n      }\n      iconOnly = !!hideButtonText;\n      ariaLabelledby = `${ariaLabelledby ?? id} ${textId}`;\n    }\n  }\n\n  if (summaryIcon) {\n    // If there's a custom summary icon, also add a chevron.\n    summaryIcon = (\n      <>\n        <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-ActionGroup-menu-chevron')} />\n        <span className={classNames(styles, 'spectrum-ActionGroup-menu-contents', {'spectrum-ActionGroup-item--iconOnly': iconOnly})}>\n          {summaryIcon}\n        </span>\n      </>\n    );\n  }\n\n  return (\n    // Use a PressResponder to send DOM props through.\n    <MenuTrigger align={isOnlyItem ? 'start' : 'end'} direction={orientation === 'vertical' ? 'end' : 'bottom'}>\n      <SlotProvider\n        slots={{\n          text: {\n            id: hideButtonText ? textId : null,\n            isHidden: hideButtonText,\n            UNSAFE_className: classNames(styles, 'spectrum-ActionGroup-menu-text')\n          }\n        }}>\n        <PressResponder {...mergeProps(buttonProps, hoverProps)}>\n          <ActionButton\n            {...otherProps}\n            id={id}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            UNSAFE_className={\n              classNames(\n                styles,\n                'spectrum-ActionGroup-item',\n                'spectrum-ActionGroup-menu',\n                {\n                  'is-hovered': isHovered,\n                  'is-selected': isSelected\n                },\n                classNames(\n                  buttonStyles,\n                  {\n                    'is-selected': isSelected,\n                    'spectrum-ActionButton--emphasized': isEmphasized\n                  }\n                )\n              )\n            }\n            isDisabled={isDisabled}\n            staticColor={staticColor}>\n            {summaryIcon || <More />}\n          </ActionButton>\n        </PressResponder>\n      </SlotProvider>\n      <Menu\n        items={items}\n        disabledKeys={state.disabledKeys}\n        selectionMode={state.selectionManager.selectionMode}\n        selectedKeys={state.selectionManager.selectedKeys}\n        disallowEmptySelection={state.selectionManager.disallowEmptySelection}\n        onSelectionChange={(keys) => state.selectionManager.setSelectedKeys(keys)}\n        onAction={onAction}>\n        {node => <Item textValue={node.textValue} {...filterDOMProps(node.props)}>{node.rendered}</Item>}\n      </Menu>\n    </MenuTrigger>\n  );\n}\n\nfunction outerWidth(element: HTMLElement, ignoreLeftMargin: boolean, ignoreRightMargin: boolean) {\n  let style = window.getComputedStyle(element);\n  return element.getBoundingClientRect().width + (ignoreLeftMargin ? 0 : toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : toNumber(style.marginRight));\n}\n\n\nfunction outerHeight(element: HTMLElement, ignoreTopMargin: boolean, ignoreBottomMargin: boolean) {\n  let style = window.getComputedStyle(element);\n  return element.getBoundingClientRect().height + (ignoreTopMargin ? 0 : toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : toNumber(style.marginBottom));\n}\n\nfunction toNumber(value: string) {\n  let parsed = parseInt(value, 10);\n  return isNaN(parsed) ? 0 : parsed;\n}\n"],"names":[],"version":3,"file":"ActionGroup.main.js.map"}