@react-aria/toolbar 3.0.0-beta.23 → 3.0.0-beta.25

package/dist/import.mjs

@@ -1,4 +1,4 @@
-import {useToolbar as $2680b1829e803644$export$fa142eb1681c520} from "./useToolbar.mjs";
+import {useToolbar as $3147d56795045efa$re_export$useToolbar} from "react-aria/useToolbar";
 
 /*
  * Copyright 2023 Adobe. All rights reserved.
@@ -13,5 +13,5 @@ import {useToolbar as $2680b1829e803644$export$fa142eb1681c520} from "./useToolb
  */ 
 
 
-export {$2680b1829e803644$export$fa142eb1681c520 as useToolbar};
+export {$3147d56795045efa$re_export$useToolbar as useToolbar};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,22 +1,11 @@
-var $b132ee173e26a273$exports = require("./useToolbar.main.js");
+var $4E5BG$reactariauseToolbar = require("react-aria/useToolbar");
 
 
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
+
+$parcel$export(module.exports, "useToolbar", function () { return $4E5BG$reactariauseToolbar.useToolbar; });
 /*
  * Copyright 2023 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -28,7 +17,6 @@ function $parcel$exportWildcard(dest, source) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-$parcel$exportWildcard(module.exports, $b132ee173e26a273$exports);
 
 
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/toolbar/src/index.ts"],"sourcesContent":["/*\n * Copyright 2023 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\nexport * from './useToolbar';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/toolbar/src/index.ts"],"sourcesContent":["/*\n * Copyright 2023 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\nexport {useToolbar} from 'react-aria/useToolbar';\n\nexport type {AriaToolbarProps, ToolbarAria} from 'react-aria/useToolbar';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,4 +1,4 @@
-import {useToolbar as $2680b1829e803644$export$fa142eb1681c520} from "./useToolbar.module.js";
+import {useToolbar as $3147d56795045efa$re_export$useToolbar} from "react-aria/useToolbar";
 
 /*
  * Copyright 2023 Adobe. All rights reserved.
@@ -13,5 +13,5 @@ import {useToolbar as $2680b1829e803644$export$fa142eb1681c520} from "./useToolb
  */ 
 
 
-export {$2680b1829e803644$export$fa142eb1681c520 as useToolbar};
+export {$3147d56795045efa$re_export$useToolbar as useToolbar};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/toolbar/src/index.ts"],"sourcesContent":["/*\n * Copyright 2023 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\nexport * from './useToolbar';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/toolbar/src/index.ts"],"sourcesContent":["/*\n * Copyright 2023 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\nexport {useToolbar} from 'react-aria/useToolbar';\n\nexport type {AriaToolbarProps, ToolbarAria} from 'react-aria/useToolbar';\n"],"names":[],"version":3,"file":"module.js.map"}

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

@@ -0,0 +1,2 @@
+export { useToolbar } from 'react-aria/useToolbar';
+export type { AriaToolbarProps, ToolbarAria } from 'react-aria/useToolbar';

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@react-aria/toolbar",
-  "version": "3.0.0-beta.23",
+  "version": "3.0.0-beta.25",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
-  "types": "dist/types.d.ts",
+  "types": "dist/types/src/index.d.ts",
   "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"
   },
   "source": "src/index.ts",
   "files": [
@@ -26,11 +26,8 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "^3.21.4",
-    "@react-aria/i18n": "^3.12.15",
-    "@react-aria/utils": "^3.33.0",
-    "@react-types/shared": "^3.33.0",
-    "@swc/helpers": "^0.5.0"
+    "@swc/helpers": "^0.5.0",
+    "react-aria": "3.48.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
@@ -39,5 +36,8 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "66e51757606b43a89ed02c574ca24517323a2ab9"
+  "targets": {
+    "types": false
+  },
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.ts

@@ -10,4 +10,6 @@
  * governing permissions and limitations under the License.
  */
 
-export * from './useToolbar';
+export {useToolbar} from 'react-aria/useToolbar';
+
+export type {AriaToolbarProps, ToolbarAria} from 'react-aria/useToolbar';

package/dist/types.d.ts

@@ -1,24 +0,0 @@
-import { AriaLabelingProps, Orientation, RefObject } from "@react-types/shared";
-import { HTMLAttributes } from "react";
-export interface AriaToolbarProps extends AriaLabelingProps {
-    /**
-     * The orientation of the entire toolbar.
-     * @default 'horizontal'
-     */
-    orientation?: Orientation;
-}
-export interface ToolbarAria {
-    /**
-     * Props for the toolbar container.
-     */
-    toolbarProps: HTMLAttributes<HTMLElement>;
-}
-/**
- * Provides the behavior and accessibility implementation for a toolbar.
- * A toolbar is a container for a set of interactive controls with arrow key navigation.
- * @param props - Props to be applied to the toolbar.
- * @param ref - A ref to a DOM element for the toolbar.
- */
-export function useToolbar(props: AriaToolbarProps, ref: RefObject<HTMLElement | null>): ToolbarAria;
-
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";;AAkBA,iCAAkC,SAAQ,iBAAiB;IACzD;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED;IACE;;OAEG;IACH,YAAY,EAAE,eAAe,WAAW,CAAC,CAAA;CAC1C;AAED;;;;;GAKG;AACH,2BAA2B,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,UAAU,WAAW,GAAG,IAAI,CAAC,GAAG,WAAW,CA2FnG","sources":["packages/@react-aria/toolbar/src/packages/@react-aria/toolbar/src/useToolbar.ts","packages/@react-aria/toolbar/src/packages/@react-aria/toolbar/src/index.ts","packages/@react-aria/toolbar/src/index.ts"],"sourcesContent":[null,null,"/*\n * Copyright 2023 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\nexport * from './useToolbar';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/useToolbar.main.js

@@ -1,96 +0,0 @@
-var $37ePF$reactariafocus = require("@react-aria/focus");
-var $37ePF$reactariautils = require("@react-aria/utils");
-var $37ePF$react = require("react");
-var $37ePF$reactariai18n = require("@react-aria/i18n");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useToolbar", () => $b132ee173e26a273$export$fa142eb1681c520);
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-function $b132ee173e26a273$export$fa142eb1681c520(props, ref) {
-    const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, orientation: orientation = 'horizontal' } = props;
-    let [isInToolbar, setInToolbar] = (0, $37ePF$react.useState)(false);
-    // should be safe because re-calling set state with the same value it already has is a no-op
-    // this will allow us to react should a parent re-render and change its role though
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (0, $37ePF$reactariautils.useLayoutEffect)(()=>{
-        var _ref_current_parentElement;
-        setInToolbar(!!(ref.current && ((_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === void 0 ? void 0 : _ref_current_parentElement.closest('[role="toolbar"]'))));
-    });
-    const { direction: direction } = (0, $37ePF$reactariai18n.useLocale)();
-    const shouldReverse = direction === 'rtl' && orientation === 'horizontal';
-    let focusManager = (0, $37ePF$reactariafocus.createFocusManager)(ref);
-    const onKeyDown = (e)=>{
-        // don't handle portalled events
-        if (!(0, $37ePF$reactariautils.nodeContains)(e.currentTarget, e.target)) return;
-        if (orientation === 'horizontal' && e.key === 'ArrowRight' || orientation === 'vertical' && e.key === 'ArrowDown') {
-            if (shouldReverse) focusManager.focusPrevious();
-            else focusManager.focusNext();
-        } else if (orientation === 'horizontal' && e.key === 'ArrowLeft' || orientation === 'vertical' && e.key === 'ArrowUp') {
-            if (shouldReverse) focusManager.focusNext();
-            else focusManager.focusPrevious();
-        } else if (e.key === 'Tab') {
-            // When the tab key is pressed, we want to move focus
-            // out of the entire toolbar. To do this, move focus
-            // to the first or last focusable child, and let the
-            // browser handle the Tab key as usual from there.
-            e.stopPropagation();
-            lastFocused.current = document.activeElement;
-            if (e.shiftKey) focusManager.focusFirst();
-            else focusManager.focusLast();
-            return;
-        } else // if we didn't handle anything, return early so we don't preventDefault
-        return;
-        // Prevent arrow keys from being handled by nested action groups.
-        e.stopPropagation();
-        e.preventDefault();
-    };
-    // Record the last focused child when focus moves out of the toolbar.
-    const lastFocused = (0, $37ePF$react.useRef)(null);
-    const onBlur = (e)=>{
-        if (!(0, $37ePF$reactariautils.nodeContains)(e.currentTarget, e.relatedTarget) && !lastFocused.current) lastFocused.current = e.target;
-    };
-    // Restore focus to the last focused child when focus returns into the toolbar.
-    // If the element was removed, do nothing, either the first item in the first group,
-    // or the last item in the last group will be focused, depending on direction.
-    const onFocus = (e)=>{
-        if (lastFocused.current && !(0, $37ePF$reactariautils.nodeContains)(e.currentTarget, e.relatedTarget) && (0, $37ePF$reactariautils.nodeContains)(ref.current, e.target)) {
-            var _lastFocused_current;
-            (_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.focus();
-            lastFocused.current = null;
-        }
-    };
-    return {
-        toolbarProps: {
-            ...(0, $37ePF$reactariautils.filterDOMProps)(props, {
-                labelable: true
-            }),
-            role: !isInToolbar ? 'toolbar' : 'group',
-            'aria-orientation': orientation,
-            'aria-label': ariaLabel,
-            'aria-labelledby': ariaLabel == null ? ariaLabelledBy : undefined,
-            onKeyDownCapture: !isInToolbar ? onKeyDown : undefined,
-            onFocusCapture: !isInToolbar ? onFocus : undefined,
-            onBlurCapture: !isInToolbar ? onBlur : undefined
-        }
-    };
-}
-
-
-//# sourceMappingURL=useToolbar.main.js.map

package/dist/useToolbar.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AA6BM,SAAS,yCAAW,KAAuB,EAAE,GAAkC;IACpF,MAAM,EACJ,cAAc,SAAS,EACvB,mBAAmB,cAAc,eACjC,cAAc,cACf,GAAG;IACJ,IAAI,CAAC,aAAa,aAAa,GAAG,CAAA,GAAA,qBAAO,EAAE;IAC3C,4FAA4F;IAC5F,mFAAmF;IACnF,uDAAuD;IACvD,CAAA,GAAA,qCAAc,EAAE;YACiB;QAA/B,aAAa,CAAC,CAAE,CAAA,IAAI,OAAO,MAAI,6BAAA,IAAI,OAAO,CAAC,aAAa,cAAzB,iDAAA,2BAA2B,OAAO,CAAC,oBAAkB;IACtF;IACA,MAAM,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,8BAAQ;IAC5B,MAAM,gBAAgB,cAAc,SAAS,gBAAgB;IAC7D,IAAI,eAAe,CAAA,GAAA,wCAAiB,EAAE;IAEtC,MAAM,YAAkC,CAAC;QACvC,gCAAgC;QAChC,IAAI,CAAC,CAAA,GAAA,kCAAW,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,GACzC;QAEF,IACE,AAAC,gBAAgB,gBAAgB,EAAE,GAAG,KAAK,gBACvC,gBAAgB,cAAc,EAAE,GAAG,KAAK;YAC5C,IAAI,eACF,aAAa,aAAa;iBAE1B,aAAa,SAAS;eAEnB,IACL,AAAC,gBAAgB,gBAAgB,EAAE,GAAG,KAAK,eACvC,gBAAgB,cAAc,EAAE,GAAG,KAAK;YAC5C,IAAI,eACF,aAAa,SAAS;iBAEtB,aAAa,aAAa;eAEvB,IAAI,EAAE,GAAG,KAAK,OAAO;YAC1B,qDAAqD;YACrD,oDAAoD;YACpD,oDAAoD;YACpD,kDAAkD;YAClD,EAAE,eAAe;YACjB,YAAY,OAAO,GAAG,SAAS,aAAa;YAC5C,IAAI,EAAE,QAAQ,EACZ,aAAa,UAAU;iBAEvB,aAAa,SAAS;YAExB;QACF,OACE,wEAAwE;QACxE;QAGF,iEAAiE;QACjE,EAAE,eAAe;QACjB,EAAE,cAAc;IAClB;IAEA,qEAAqE;IACrE,MAAM,cAAc,CAAA,GAAA,mBAAK,EAAsB;IAC/C,MAAM,SAAS,CAAC;QACd,IAAI,CAAC,CAAA,GAAA,kCAAW,EAAE,EAAE,aAAa,EAAE,EAAE,aAAa,KAAK,CAAC,YAAY,OAAO,EACzE,YAAY,OAAO,GAAG,EAAE,MAAM;IAElC;IAEA,+EAA+E;IAC/E,oFAAoF;IACpF,8EAA8E;IAC9E,MAAM,UAAU,CAAC;QACf,IAAI,YAAY,OAAO,IAAI,CAAC,CAAA,GAAA,kCAAW,EAAE,EAAE,aAAa,EAAE,EAAE,aAAa,KAAK,CAAA,GAAA,kCAAW,EAAE,IAAI,OAAO,EAAE,EAAE,MAAM,GAAG;gBACjH;aAAA,uBAAA,YAAY,OAAO,cAAnB,2CAAA,qBAAqB,KAAK;YAC1B,YAAY,OAAO,GAAG;QACxB;IACF;IAEA,OAAO;QACL,cAAc;YACZ,GAAG,CAAA,GAAA,oCAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;YAC3C,MAAM,CAAC,cAAc,YAAY;YACjC,oBAAoB;YACpB,cAAc;YACd,mBAAmB,aAAa,OAAO,iBAAiB;YACxD,kBAAkB,CAAC,cAAc,YAAY;YAC7C,gBAAgB,CAAC,cAAc,UAAU;YACzC,eAAe,CAAC,cAAc,SAAS;QACzC;IACF;AACF","sources":["packages/@react-aria/toolbar/src/useToolbar.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, Orientation, RefObject} from '@react-types/shared';\nimport {createFocusManager} from '@react-aria/focus';\nimport {filterDOMProps, nodeContains, useLayoutEffect} from '@react-aria/utils';\nimport {HTMLAttributes, KeyboardEventHandler, useRef, useState} from 'react';\nimport {useLocale} from '@react-aria/i18n';\n\nexport interface AriaToolbarProps extends AriaLabelingProps {\n  /**\n   * The orientation of the entire toolbar.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation\n}\n\nexport interface ToolbarAria {\n  /**\n   * Props for the toolbar container.\n   */\n  toolbarProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a toolbar.\n * A toolbar is a container for a set of interactive controls with arrow key navigation.\n * @param props - Props to be applied to the toolbar.\n * @param ref - A ref to a DOM element for the toolbar.\n */\nexport function useToolbar(props: AriaToolbarProps, ref: RefObject<HTMLElement | null>): ToolbarAria {\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    orientation = 'horizontal'\n  } = props;\n  let [isInToolbar, setInToolbar] = useState(false);\n  // should be safe because re-calling set state with the same value it already has is a no-op\n  // this will allow us to react should a parent re-render and change its role though\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role=\"toolbar\"]')));\n  });\n  const {direction} = useLocale();\n  const shouldReverse = direction === 'rtl' && orientation === 'horizontal';\n  let focusManager = createFocusManager(ref);\n\n  const onKeyDown: KeyboardEventHandler = (e) => {\n    // don't handle portalled events\n    if (!nodeContains(e.currentTarget, e.target as HTMLElement)) {\n      return;\n    }\n    if (\n      (orientation === 'horizontal' && e.key === 'ArrowRight')\n      || (orientation === 'vertical' && e.key === 'ArrowDown')) {\n      if (shouldReverse) {\n        focusManager.focusPrevious();\n      } else {\n        focusManager.focusNext();\n      }\n    } else if (\n      (orientation === 'horizontal' && e.key === 'ArrowLeft')\n      || (orientation === 'vertical' && e.key === 'ArrowUp')) {\n      if (shouldReverse) {\n        focusManager.focusNext();\n      } else {\n        focusManager.focusPrevious();\n      }\n    } else if (e.key === 'Tab') {\n      // When the tab key is pressed, we want to move focus\n      // out of the entire toolbar. To do this, move focus\n      // to the first or last focusable child, and let the\n      // browser handle the Tab key as usual from there.\n      e.stopPropagation();\n      lastFocused.current = document.activeElement as HTMLElement;\n      if (e.shiftKey) {\n        focusManager.focusFirst();\n      } else {\n        focusManager.focusLast();\n      }\n      return;\n    } else {\n      // if we didn't handle anything, return early so we don't preventDefault\n      return;\n    }\n\n    // Prevent arrow keys from being handled by nested action groups.\n    e.stopPropagation();\n    e.preventDefault();\n  };\n\n  // Record the last focused child when focus moves out of the toolbar.\n  const lastFocused = useRef<HTMLElement | null>(null);\n  const onBlur = (e) => {\n    if (!nodeContains(e.currentTarget, e.relatedTarget) && !lastFocused.current) {\n      lastFocused.current = e.target;\n    }\n  };\n\n  // Restore focus to the last focused child when focus returns into the toolbar.\n  // If the element was removed, do nothing, either the first item in the first group,\n  // or the last item in the last group will be focused, depending on direction.\n  const onFocus = (e) => {\n    if (lastFocused.current && !nodeContains(e.currentTarget, e.relatedTarget) && nodeContains(ref.current, e.target)) {\n      lastFocused.current?.focus();\n      lastFocused.current = null;\n    }\n  };\n\n  return {\n    toolbarProps: {\n      ...filterDOMProps(props, {labelable: true}),\n      role: !isInToolbar ? 'toolbar' : 'group',\n      'aria-orientation': orientation,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabel == null ? ariaLabelledBy : undefined,\n      onKeyDownCapture: !isInToolbar ? onKeyDown : undefined,\n      onFocusCapture: !isInToolbar ? onFocus : undefined,\n      onBlurCapture: !isInToolbar ? onBlur : undefined\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useToolbar.main.js.map"}

package/dist/useToolbar.mjs

@@ -1,91 +0,0 @@
-import {createFocusManager as $k3LOe$createFocusManager} from "@react-aria/focus";
-import {useLayoutEffect as $k3LOe$useLayoutEffect, nodeContains as $k3LOe$nodeContains, filterDOMProps as $k3LOe$filterDOMProps} from "@react-aria/utils";
-import {useState as $k3LOe$useState, useRef as $k3LOe$useRef} from "react";
-import {useLocale as $k3LOe$useLocale} from "@react-aria/i18n";
-
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
-    const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, orientation: orientation = 'horizontal' } = props;
-    let [isInToolbar, setInToolbar] = (0, $k3LOe$useState)(false);
-    // should be safe because re-calling set state with the same value it already has is a no-op
-    // this will allow us to react should a parent re-render and change its role though
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (0, $k3LOe$useLayoutEffect)(()=>{
-        var _ref_current_parentElement;
-        setInToolbar(!!(ref.current && ((_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === void 0 ? void 0 : _ref_current_parentElement.closest('[role="toolbar"]'))));
-    });
-    const { direction: direction } = (0, $k3LOe$useLocale)();
-    const shouldReverse = direction === 'rtl' && orientation === 'horizontal';
-    let focusManager = (0, $k3LOe$createFocusManager)(ref);
-    const onKeyDown = (e)=>{
-        // don't handle portalled events
-        if (!(0, $k3LOe$nodeContains)(e.currentTarget, e.target)) return;
-        if (orientation === 'horizontal' && e.key === 'ArrowRight' || orientation === 'vertical' && e.key === 'ArrowDown') {
-            if (shouldReverse) focusManager.focusPrevious();
-            else focusManager.focusNext();
-        } else if (orientation === 'horizontal' && e.key === 'ArrowLeft' || orientation === 'vertical' && e.key === 'ArrowUp') {
-            if (shouldReverse) focusManager.focusNext();
-            else focusManager.focusPrevious();
-        } else if (e.key === 'Tab') {
-            // When the tab key is pressed, we want to move focus
-            // out of the entire toolbar. To do this, move focus
-            // to the first or last focusable child, and let the
-            // browser handle the Tab key as usual from there.
-            e.stopPropagation();
-            lastFocused.current = document.activeElement;
-            if (e.shiftKey) focusManager.focusFirst();
-            else focusManager.focusLast();
-            return;
-        } else // if we didn't handle anything, return early so we don't preventDefault
-        return;
-        // Prevent arrow keys from being handled by nested action groups.
-        e.stopPropagation();
-        e.preventDefault();
-    };
-    // Record the last focused child when focus moves out of the toolbar.
-    const lastFocused = (0, $k3LOe$useRef)(null);
-    const onBlur = (e)=>{
-        if (!(0, $k3LOe$nodeContains)(e.currentTarget, e.relatedTarget) && !lastFocused.current) lastFocused.current = e.target;
-    };
-    // Restore focus to the last focused child when focus returns into the toolbar.
-    // If the element was removed, do nothing, either the first item in the first group,
-    // or the last item in the last group will be focused, depending on direction.
-    const onFocus = (e)=>{
-        if (lastFocused.current && !(0, $k3LOe$nodeContains)(e.currentTarget, e.relatedTarget) && (0, $k3LOe$nodeContains)(ref.current, e.target)) {
-            var _lastFocused_current;
-            (_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.focus();
-            lastFocused.current = null;
-        }
-    };
-    return {
-        toolbarProps: {
-            ...(0, $k3LOe$filterDOMProps)(props, {
-                labelable: true
-            }),
-            role: !isInToolbar ? 'toolbar' : 'group',
-            'aria-orientation': orientation,
-            'aria-label': ariaLabel,
-            'aria-labelledby': ariaLabel == null ? ariaLabelledBy : undefined,
-            onKeyDownCapture: !isInToolbar ? onKeyDown : undefined,
-            onFocusCapture: !isInToolbar ? onFocus : undefined,
-            onBlurCapture: !isInToolbar ? onBlur : undefined
-        }
-    };
-}
-
-
-export {$2680b1829e803644$export$fa142eb1681c520 as useToolbar};
-//# sourceMappingURL=useToolbar.module.js.map

package/dist/useToolbar.module.js

@@ -1,91 +0,0 @@
-import {createFocusManager as $k3LOe$createFocusManager} from "@react-aria/focus";
-import {useLayoutEffect as $k3LOe$useLayoutEffect, nodeContains as $k3LOe$nodeContains, filterDOMProps as $k3LOe$filterDOMProps} from "@react-aria/utils";
-import {useState as $k3LOe$useState, useRef as $k3LOe$useRef} from "react";
-import {useLocale as $k3LOe$useLocale} from "@react-aria/i18n";
-
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
-    const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, orientation: orientation = 'horizontal' } = props;
-    let [isInToolbar, setInToolbar] = (0, $k3LOe$useState)(false);
-    // should be safe because re-calling set state with the same value it already has is a no-op
-    // this will allow us to react should a parent re-render and change its role though
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (0, $k3LOe$useLayoutEffect)(()=>{
-        var _ref_current_parentElement;
-        setInToolbar(!!(ref.current && ((_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === void 0 ? void 0 : _ref_current_parentElement.closest('[role="toolbar"]'))));
-    });
-    const { direction: direction } = (0, $k3LOe$useLocale)();
-    const shouldReverse = direction === 'rtl' && orientation === 'horizontal';
-    let focusManager = (0, $k3LOe$createFocusManager)(ref);
-    const onKeyDown = (e)=>{
-        // don't handle portalled events
-        if (!(0, $k3LOe$nodeContains)(e.currentTarget, e.target)) return;
-        if (orientation === 'horizontal' && e.key === 'ArrowRight' || orientation === 'vertical' && e.key === 'ArrowDown') {
-            if (shouldReverse) focusManager.focusPrevious();
-            else focusManager.focusNext();
-        } else if (orientation === 'horizontal' && e.key === 'ArrowLeft' || orientation === 'vertical' && e.key === 'ArrowUp') {
-            if (shouldReverse) focusManager.focusNext();
-            else focusManager.focusPrevious();
-        } else if (e.key === 'Tab') {
-            // When the tab key is pressed, we want to move focus
-            // out of the entire toolbar. To do this, move focus
-            // to the first or last focusable child, and let the
-            // browser handle the Tab key as usual from there.
-            e.stopPropagation();
-            lastFocused.current = document.activeElement;
-            if (e.shiftKey) focusManager.focusFirst();
-            else focusManager.focusLast();
-            return;
-        } else // if we didn't handle anything, return early so we don't preventDefault
-        return;
-        // Prevent arrow keys from being handled by nested action groups.
-        e.stopPropagation();
-        e.preventDefault();
-    };
-    // Record the last focused child when focus moves out of the toolbar.
-    const lastFocused = (0, $k3LOe$useRef)(null);
-    const onBlur = (e)=>{
-        if (!(0, $k3LOe$nodeContains)(e.currentTarget, e.relatedTarget) && !lastFocused.current) lastFocused.current = e.target;
-    };
-    // Restore focus to the last focused child when focus returns into the toolbar.
-    // If the element was removed, do nothing, either the first item in the first group,
-    // or the last item in the last group will be focused, depending on direction.
-    const onFocus = (e)=>{
-        if (lastFocused.current && !(0, $k3LOe$nodeContains)(e.currentTarget, e.relatedTarget) && (0, $k3LOe$nodeContains)(ref.current, e.target)) {
-            var _lastFocused_current;
-            (_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.focus();
-            lastFocused.current = null;
-        }
-    };
-    return {
-        toolbarProps: {
-            ...(0, $k3LOe$filterDOMProps)(props, {
-                labelable: true
-            }),
-            role: !isInToolbar ? 'toolbar' : 'group',
-            'aria-orientation': orientation,
-            'aria-label': ariaLabel,
-            'aria-labelledby': ariaLabel == null ? ariaLabelledBy : undefined,
-            onKeyDownCapture: !isInToolbar ? onKeyDown : undefined,
-            onFocusCapture: !isInToolbar ? onFocus : undefined,
-            onBlurCapture: !isInToolbar ? onBlur : undefined
-        }
-    };
-}
-
-
-export {$2680b1829e803644$export$fa142eb1681c520 as useToolbar};
-//# sourceMappingURL=useToolbar.module.js.map

package/dist/useToolbar.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AA6BM,SAAS,yCAAW,KAAuB,EAAE,GAAkC;IACpF,MAAM,EACJ,cAAc,SAAS,EACvB,mBAAmB,cAAc,eACjC,cAAc,cACf,GAAG;IACJ,IAAI,CAAC,aAAa,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IAC3C,4FAA4F;IAC5F,mFAAmF;IACnF,uDAAuD;IACvD,CAAA,GAAA,sBAAc,EAAE;YACiB;QAA/B,aAAa,CAAC,CAAE,CAAA,IAAI,OAAO,MAAI,6BAAA,IAAI,OAAO,CAAC,aAAa,cAAzB,iDAAA,2BAA2B,OAAO,CAAC,oBAAkB;IACtF;IACA,MAAM,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAC5B,MAAM,gBAAgB,cAAc,SAAS,gBAAgB;IAC7D,IAAI,eAAe,CAAA,GAAA,yBAAiB,EAAE;IAEtC,MAAM,YAAkC,CAAC;QACvC,gCAAgC;QAChC,IAAI,CAAC,CAAA,GAAA,mBAAW,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,GACzC;QAEF,IACE,AAAC,gBAAgB,gBAAgB,EAAE,GAAG,KAAK,gBACvC,gBAAgB,cAAc,EAAE,GAAG,KAAK;YAC5C,IAAI,eACF,aAAa,aAAa;iBAE1B,aAAa,SAAS;eAEnB,IACL,AAAC,gBAAgB,gBAAgB,EAAE,GAAG,KAAK,eACvC,gBAAgB,cAAc,EAAE,GAAG,KAAK;YAC5C,IAAI,eACF,aAAa,SAAS;iBAEtB,aAAa,aAAa;eAEvB,IAAI,EAAE,GAAG,KAAK,OAAO;YAC1B,qDAAqD;YACrD,oDAAoD;YACpD,oDAAoD;YACpD,kDAAkD;YAClD,EAAE,eAAe;YACjB,YAAY,OAAO,GAAG,SAAS,aAAa;YAC5C,IAAI,EAAE,QAAQ,EACZ,aAAa,UAAU;iBAEvB,aAAa,SAAS;YAExB;QACF,OACE,wEAAwE;QACxE;QAGF,iEAAiE;QACjE,EAAE,eAAe;QACjB,EAAE,cAAc;IAClB;IAEA,qEAAqE;IACrE,MAAM,cAAc,CAAA,GAAA,aAAK,EAAsB;IAC/C,MAAM,SAAS,CAAC;QACd,IAAI,CAAC,CAAA,GAAA,mBAAW,EAAE,EAAE,aAAa,EAAE,EAAE,aAAa,KAAK,CAAC,YAAY,OAAO,EACzE,YAAY,OAAO,GAAG,EAAE,MAAM;IAElC;IAEA,+EAA+E;IAC/E,oFAAoF;IACpF,8EAA8E;IAC9E,MAAM,UAAU,CAAC;QACf,IAAI,YAAY,OAAO,IAAI,CAAC,CAAA,GAAA,mBAAW,EAAE,EAAE,aAAa,EAAE,EAAE,aAAa,KAAK,CAAA,GAAA,mBAAW,EAAE,IAAI,OAAO,EAAE,EAAE,MAAM,GAAG;gBACjH;aAAA,uBAAA,YAAY,OAAO,cAAnB,2CAAA,qBAAqB,KAAK;YAC1B,YAAY,OAAO,GAAG;QACxB;IACF;IAEA,OAAO;QACL,cAAc;YACZ,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO;gBAAC,WAAW;YAAI,EAAE;YAC3C,MAAM,CAAC,cAAc,YAAY;YACjC,oBAAoB;YACpB,cAAc;YACd,mBAAmB,aAAa,OAAO,iBAAiB;YACxD,kBAAkB,CAAC,cAAc,YAAY;YAC7C,gBAAgB,CAAC,cAAc,UAAU;YACzC,eAAe,CAAC,cAAc,SAAS;QACzC;IACF;AACF","sources":["packages/@react-aria/toolbar/src/useToolbar.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, Orientation, RefObject} from '@react-types/shared';\nimport {createFocusManager} from '@react-aria/focus';\nimport {filterDOMProps, nodeContains, useLayoutEffect} from '@react-aria/utils';\nimport {HTMLAttributes, KeyboardEventHandler, useRef, useState} from 'react';\nimport {useLocale} from '@react-aria/i18n';\n\nexport interface AriaToolbarProps extends AriaLabelingProps {\n  /**\n   * The orientation of the entire toolbar.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation\n}\n\nexport interface ToolbarAria {\n  /**\n   * Props for the toolbar container.\n   */\n  toolbarProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a toolbar.\n * A toolbar is a container for a set of interactive controls with arrow key navigation.\n * @param props - Props to be applied to the toolbar.\n * @param ref - A ref to a DOM element for the toolbar.\n */\nexport function useToolbar(props: AriaToolbarProps, ref: RefObject<HTMLElement | null>): ToolbarAria {\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    orientation = 'horizontal'\n  } = props;\n  let [isInToolbar, setInToolbar] = useState(false);\n  // should be safe because re-calling set state with the same value it already has is a no-op\n  // this will allow us to react should a parent re-render and change its role though\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role=\"toolbar\"]')));\n  });\n  const {direction} = useLocale();\n  const shouldReverse = direction === 'rtl' && orientation === 'horizontal';\n  let focusManager = createFocusManager(ref);\n\n  const onKeyDown: KeyboardEventHandler = (e) => {\n    // don't handle portalled events\n    if (!nodeContains(e.currentTarget, e.target as HTMLElement)) {\n      return;\n    }\n    if (\n      (orientation === 'horizontal' && e.key === 'ArrowRight')\n      || (orientation === 'vertical' && e.key === 'ArrowDown')) {\n      if (shouldReverse) {\n        focusManager.focusPrevious();\n      } else {\n        focusManager.focusNext();\n      }\n    } else if (\n      (orientation === 'horizontal' && e.key === 'ArrowLeft')\n      || (orientation === 'vertical' && e.key === 'ArrowUp')) {\n      if (shouldReverse) {\n        focusManager.focusNext();\n      } else {\n        focusManager.focusPrevious();\n      }\n    } else if (e.key === 'Tab') {\n      // When the tab key is pressed, we want to move focus\n      // out of the entire toolbar. To do this, move focus\n      // to the first or last focusable child, and let the\n      // browser handle the Tab key as usual from there.\n      e.stopPropagation();\n      lastFocused.current = document.activeElement as HTMLElement;\n      if (e.shiftKey) {\n        focusManager.focusFirst();\n      } else {\n        focusManager.focusLast();\n      }\n      return;\n    } else {\n      // if we didn't handle anything, return early so we don't preventDefault\n      return;\n    }\n\n    // Prevent arrow keys from being handled by nested action groups.\n    e.stopPropagation();\n    e.preventDefault();\n  };\n\n  // Record the last focused child when focus moves out of the toolbar.\n  const lastFocused = useRef<HTMLElement | null>(null);\n  const onBlur = (e) => {\n    if (!nodeContains(e.currentTarget, e.relatedTarget) && !lastFocused.current) {\n      lastFocused.current = e.target;\n    }\n  };\n\n  // Restore focus to the last focused child when focus returns into the toolbar.\n  // If the element was removed, do nothing, either the first item in the first group,\n  // or the last item in the last group will be focused, depending on direction.\n  const onFocus = (e) => {\n    if (lastFocused.current && !nodeContains(e.currentTarget, e.relatedTarget) && nodeContains(ref.current, e.target)) {\n      lastFocused.current?.focus();\n      lastFocused.current = null;\n    }\n  };\n\n  return {\n    toolbarProps: {\n      ...filterDOMProps(props, {labelable: true}),\n      role: !isInToolbar ? 'toolbar' : 'group',\n      'aria-orientation': orientation,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabel == null ? ariaLabelledBy : undefined,\n      onKeyDownCapture: !isInToolbar ? onKeyDown : undefined,\n      onFocusCapture: !isInToolbar ? onFocus : undefined,\n      onBlurCapture: !isInToolbar ? onBlur : undefined\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useToolbar.module.js.map"}

package/src/useToolbar.ts

@@ -1,131 +0,0 @@
-/*
- * Copyright 2023 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.
- */
-
-import {AriaLabelingProps, Orientation, RefObject} from '@react-types/shared';
-import {createFocusManager} from '@react-aria/focus';
-import {filterDOMProps, nodeContains, useLayoutEffect} from '@react-aria/utils';
-import {HTMLAttributes, KeyboardEventHandler, useRef, useState} from 'react';
-import {useLocale} from '@react-aria/i18n';
-
-export interface AriaToolbarProps extends AriaLabelingProps {
-  /**
-   * The orientation of the entire toolbar.
-   * @default 'horizontal'
-   */
-  orientation?: Orientation
-}
-
-export interface ToolbarAria {
-  /**
-   * Props for the toolbar container.
-   */
-  toolbarProps: HTMLAttributes<HTMLElement>
-}
-
-/**
- * Provides the behavior and accessibility implementation for a toolbar.
- * A toolbar is a container for a set of interactive controls with arrow key navigation.
- * @param props - Props to be applied to the toolbar.
- * @param ref - A ref to a DOM element for the toolbar.
- */
-export function useToolbar(props: AriaToolbarProps, ref: RefObject<HTMLElement | null>): ToolbarAria {
-  const {
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy,
-    orientation = 'horizontal'
-  } = props;
-  let [isInToolbar, setInToolbar] = useState(false);
-  // should be safe because re-calling set state with the same value it already has is a no-op
-  // this will allow us to react should a parent re-render and change its role though
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useLayoutEffect(() => {
-    setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role="toolbar"]')));
-  });
-  const {direction} = useLocale();
-  const shouldReverse = direction === 'rtl' && orientation === 'horizontal';
-  let focusManager = createFocusManager(ref);
-
-  const onKeyDown: KeyboardEventHandler = (e) => {
-    // don't handle portalled events
-    if (!nodeContains(e.currentTarget, e.target as HTMLElement)) {
-      return;
-    }
-    if (
-      (orientation === 'horizontal' && e.key === 'ArrowRight')
-      || (orientation === 'vertical' && e.key === 'ArrowDown')) {
-      if (shouldReverse) {
-        focusManager.focusPrevious();
-      } else {
-        focusManager.focusNext();
-      }
-    } else if (
-      (orientation === 'horizontal' && e.key === 'ArrowLeft')
-      || (orientation === 'vertical' && e.key === 'ArrowUp')) {
-      if (shouldReverse) {
-        focusManager.focusNext();
-      } else {
-        focusManager.focusPrevious();
-      }
-    } else if (e.key === 'Tab') {
-      // When the tab key is pressed, we want to move focus
-      // out of the entire toolbar. To do this, move focus
-      // to the first or last focusable child, and let the
-      // browser handle the Tab key as usual from there.
-      e.stopPropagation();
-      lastFocused.current = document.activeElement as HTMLElement;
-      if (e.shiftKey) {
-        focusManager.focusFirst();
-      } else {
-        focusManager.focusLast();
-      }
-      return;
-    } else {
-      // if we didn't handle anything, return early so we don't preventDefault
-      return;
-    }
-
-    // Prevent arrow keys from being handled by nested action groups.
-    e.stopPropagation();
-    e.preventDefault();
-  };
-
-  // Record the last focused child when focus moves out of the toolbar.
-  const lastFocused = useRef<HTMLElement | null>(null);
-  const onBlur = (e) => {
-    if (!nodeContains(e.currentTarget, e.relatedTarget) && !lastFocused.current) {
-      lastFocused.current = e.target;
-    }
-  };
-
-  // Restore focus to the last focused child when focus returns into the toolbar.
-  // If the element was removed, do nothing, either the first item in the first group,
-  // or the last item in the last group will be focused, depending on direction.
-  const onFocus = (e) => {
-    if (lastFocused.current && !nodeContains(e.currentTarget, e.relatedTarget) && nodeContains(ref.current, e.target)) {
-      lastFocused.current?.focus();
-      lastFocused.current = null;
-    }
-  };
-
-  return {
-    toolbarProps: {
-      ...filterDOMProps(props, {labelable: true}),
-      role: !isInToolbar ? 'toolbar' : 'group',
-      'aria-orientation': orientation,
-      'aria-label': ariaLabel,
-      'aria-labelledby': ariaLabel == null ? ariaLabelledBy : undefined,
-      onKeyDownCapture: !isInToolbar ? onKeyDown : undefined,
-      onFocusCapture: !isInToolbar ? onFocus : undefined,
-      onBlurCapture: !isInToolbar ? onBlur : undefined
-    }
-  };
-}