@fluentui/react-tabster 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

package/lib-commonjs/focus/focusVisiblePolyfill.js

@@ -1,77 +1,80 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "applyFocusVisiblePolyfill", {
-    enumerable: true,
-    get: ()=>applyFocusVisiblePolyfill
+  value: true
 });
-const _reactUtilities = require("@fluentui/react-utilities");
-const _keyborg = require("keyborg");
-const _constants = require("./constants");
+exports.applyFocusVisiblePolyfill = void 0;
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const keyborg_1 = /*#__PURE__*/require("keyborg");
+const constants_1 = /*#__PURE__*/require("./constants");
+/**
+ * @internal
+ * @param scope - Applies the ponyfill to all DOM children
+ * @param targetWindow - window
+ */
 function applyFocusVisiblePolyfill(scope, targetWindow) {
-    if (alreadyInScope(scope)) {
-        // Focus visible polyfill already applied at this scope
-        return ()=>undefined;
+  if (alreadyInScope(scope)) {
+    // Focus visible polyfill already applied at this scope
+    return () => undefined;
+  }
+  const state = {
+    current: undefined
+  };
+  const keyborg = keyborg_1.createKeyborg(targetWindow);
+  // When navigation mode changes remove the focus-visible selector
+  keyborg.subscribe(isNavigatingWithKeyboard => {
+    if (!isNavigatingWithKeyboard && state.current) {
+      removeFocusVisibleClass(state.current);
+      state.current = undefined;
+    }
+  });
+  // Keyborg's focusin event is delegated so it's only registered once on the window
+  // and contains metadata about the focus event
+  const keyborgListener = e => {
+    if (state.current) {
+      removeFocusVisibleClass(state.current);
+      state.current = undefined;
+    }
+    if (keyborg.isNavigatingWithKeyboard() && react_utilities_1.isHTMLElement(e.target) && e.target) {
+      // Griffel can't create chained global styles so use the parent element for now
+      state.current = e.target;
+      applyFocusVisibleClass(state.current);
+    }
+  };
+  // Make sure that when focus leaves the scope, the focus visible class is removed
+  const blurListener = e => {
+    if (!e.relatedTarget || react_utilities_1.isHTMLElement(e.relatedTarget) && !scope.contains(e.relatedTarget)) {
+      if (state.current) {
+        removeFocusVisibleClass(state.current);
+        state.current = undefined;
+      }
     }
-    const state = {
-        current: undefined
-    };
-    const keyborg = (0, _keyborg.createKeyborg)(targetWindow);
-    // When navigation mode changes remove the focus-visible selector
-    keyborg.subscribe((isNavigatingWithKeyboard)=>{
-        if (!isNavigatingWithKeyboard && state.current) {
-            removeFocusVisibleClass(state.current);
-            state.current = undefined;
-        }
-    });
-    // Keyborg's focusin event is delegated so it's only registered once on the window
-    // and contains metadata about the focus event
-    const keyborgListener = (e)=>{
-        if (state.current) {
-            removeFocusVisibleClass(state.current);
-            state.current = undefined;
-        }
-        if (keyborg.isNavigatingWithKeyboard() && (0, _reactUtilities.isHTMLElement)(e.target) && e.target) {
-            // Griffel can't create chained global styles so use the parent element for now
-            state.current = e.target;
-            applyFocusVisibleClass(state.current);
-        }
-    };
-    // Make sure that when focus leaves the scope, the focus visible class is removed
-    const blurListener = (e)=>{
-        if (!e.relatedTarget || (0, _reactUtilities.isHTMLElement)(e.relatedTarget) && !scope.contains(e.relatedTarget)) {
-            if (state.current) {
-                removeFocusVisibleClass(state.current);
-                state.current = undefined;
-            }
-        }
-    };
-    scope.addEventListener(_keyborg.KEYBORG_FOCUSIN, keyborgListener);
-    scope.addEventListener("focusout", blurListener);
-    scope.focusVisible = true;
-    // Return disposer
-    return ()=>{
-        scope.removeEventListener(_keyborg.KEYBORG_FOCUSIN, keyborgListener);
-        scope.removeEventListener("focusout", blurListener);
-        delete scope.focusVisible;
-        (0, _keyborg.disposeKeyborg)(keyborg);
-    };
+  };
+  scope.addEventListener(keyborg_1.KEYBORG_FOCUSIN, keyborgListener);
+  scope.addEventListener('focusout', blurListener);
+  scope.focusVisible = true;
+  // Return disposer
+  return () => {
+    scope.removeEventListener(keyborg_1.KEYBORG_FOCUSIN, keyborgListener);
+    scope.removeEventListener('focusout', blurListener);
+    delete scope.focusVisible;
+    keyborg_1.disposeKeyborg(keyborg);
+  };
 }
+exports.applyFocusVisiblePolyfill = applyFocusVisiblePolyfill;
 function applyFocusVisibleClass(el) {
-    el.setAttribute(_constants.FOCUS_VISIBLE_ATTR, "");
+  el.setAttribute(constants_1.FOCUS_VISIBLE_ATTR, '');
 }
 function removeFocusVisibleClass(el) {
-    el.removeAttribute(_constants.FOCUS_VISIBLE_ATTR);
+  el.removeAttribute(constants_1.FOCUS_VISIBLE_ATTR);
 }
 function alreadyInScope(el) {
-    if (!el) {
-        return false;
-    }
-    if (el.focusVisible) {
-        return true;
-    }
-    return alreadyInScope(el?.parentElement);
-} //# sourceMappingURL=focusVisiblePolyfill.js.map
-
+  if (!el) {
+    return false;
+  }
+  if (el.focusVisible) {
+    return true;
+  }
+  return alreadyInScope(el === null || el === void 0 ? void 0 : el.parentElement);
+}
 //# sourceMappingURL=focusVisiblePolyfill.js.map

package/lib-commonjs/focus/focusVisiblePolyfill.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/focus/focusVisiblePolyfill.js"],"sourcesContent":["import { isHTMLElement } from \"@fluentui/react-utilities\";\nimport { KEYBORG_FOCUSIN, createKeyborg, disposeKeyborg } from \"keyborg\";\nimport { FOCUS_VISIBLE_ATTR } from \"./constants\";\n/**\n * @internal\n * @param scope - Applies the ponyfill to all DOM children\n * @param targetWindow - window\n */\nexport function applyFocusVisiblePolyfill(scope, targetWindow) {\n  if (alreadyInScope(scope)) {\n    // Focus visible polyfill already applied at this scope\n    return () => undefined;\n  }\n  const state = {\n    current: undefined\n  };\n  const keyborg = createKeyborg(targetWindow);\n  // When navigation mode changes remove the focus-visible selector\n  keyborg.subscribe(isNavigatingWithKeyboard => {\n    if (!isNavigatingWithKeyboard && state.current) {\n      removeFocusVisibleClass(state.current);\n      state.current = undefined;\n    }\n  });\n  // Keyborg's focusin event is delegated so it's only registered once on the window\n  // and contains metadata about the focus event\n  const keyborgListener = e => {\n    if (state.current) {\n      removeFocusVisibleClass(state.current);\n      state.current = undefined;\n    }\n    if (keyborg.isNavigatingWithKeyboard() && isHTMLElement(e.target) && e.target) {\n      // Griffel can't create chained global styles so use the parent element for now\n      state.current = e.target;\n      applyFocusVisibleClass(state.current);\n    }\n  };\n  // Make sure that when focus leaves the scope, the focus visible class is removed\n  const blurListener = e => {\n    if (!e.relatedTarget || isHTMLElement(e.relatedTarget) && !scope.contains(e.relatedTarget)) {\n      if (state.current) {\n        removeFocusVisibleClass(state.current);\n        state.current = undefined;\n      }\n    }\n  };\n  scope.addEventListener(KEYBORG_FOCUSIN, keyborgListener);\n  scope.addEventListener(\"focusout\", blurListener);\n  scope.focusVisible = true;\n  // Return disposer\n  return () => {\n    scope.removeEventListener(KEYBORG_FOCUSIN, keyborgListener);\n    scope.removeEventListener(\"focusout\", blurListener);\n    delete scope.focusVisible;\n    disposeKeyborg(keyborg);\n  };\n}\nfunction applyFocusVisibleClass(el) {\n  el.setAttribute(FOCUS_VISIBLE_ATTR, \"\");\n}\nfunction removeFocusVisibleClass(el) {\n  el.removeAttribute(FOCUS_VISIBLE_ATTR);\n}\nfunction alreadyInScope(el) {\n  if (!el) {\n    return false;\n  }\n  if (el.focusVisible) {\n    return true;\n  }\n  return alreadyInScope(el?.parentElement);\n}\n//# sourceMappingURL=focusVisiblePolyfill.js.map"],"names":["applyFocusVisiblePolyfill","scope","targetWindow","alreadyInScope","undefined","state","current","keyborg","createKeyborg","subscribe","isNavigatingWithKeyboard","removeFocusVisibleClass","keyborgListener","e","isHTMLElement","target","applyFocusVisibleClass","blurListener","relatedTarget","contains","addEventListener","KEYBORG_FOCUSIN","focusVisible","removeEventListener","disposeKeyborg","el","setAttribute","FOCUS_VISIBLE_ATTR","removeAttribute","parentElement"],"mappings":";;;;+BAQgBA;;aAAAA;;gCARc;yBACiC;2BAC5B;AAM5B,SAASA,0BAA0BC,KAAK,EAAEC,YAAY,EAAE;IAC7D,IAAIC,eAAeF,QAAQ;QACzB,uDAAuD;QACvD,OAAO,IAAMG;IACf,CAAC;IACD,MAAMC,QAAQ;QACZC,SAASF;IACX;IACA,MAAMG,UAAUC,IAAAA,sBAAa,EAACN;IAC9B,iEAAiE;IACjEK,QAAQE,SAAS,CAACC,CAAAA,2BAA4B;QAC5C,IAAI,CAACA,4BAA4BL,MAAMC,OAAO,EAAE;YAC9CK,wBAAwBN,MAAMC,OAAO;YACrCD,MAAMC,OAAO,GAAGF;QAClB,CAAC;IACH;IACA,kFAAkF;IAClF,8CAA8C;IAC9C,MAAMQ,kBAAkBC,CAAAA,IAAK;QAC3B,IAAIR,MAAMC,OAAO,EAAE;YACjBK,wBAAwBN,MAAMC,OAAO;YACrCD,MAAMC,OAAO,GAAGF;QAClB,CAAC;QACD,IAAIG,QAAQG,wBAAwB,MAAMI,IAAAA,6BAAa,EAACD,EAAEE,MAAM,KAAKF,EAAEE,MAAM,EAAE;YAC7E,+EAA+E;YAC/EV,MAAMC,OAAO,GAAGO,EAAEE,MAAM;YACxBC,uBAAuBX,MAAMC,OAAO;QACtC,CAAC;IACH;IACA,iFAAiF;IACjF,MAAMW,eAAeJ,CAAAA,IAAK;QACxB,IAAI,CAACA,EAAEK,aAAa,IAAIJ,IAAAA,6BAAa,EAACD,EAAEK,aAAa,KAAK,CAACjB,MAAMkB,QAAQ,CAACN,EAAEK,aAAa,GAAG;YAC1F,IAAIb,MAAMC,OAAO,EAAE;gBACjBK,wBAAwBN,MAAMC,OAAO;gBACrCD,MAAMC,OAAO,GAAGF;YAClB,CAAC;QACH,CAAC;IACH;IACAH,MAAMmB,gBAAgB,CAACC,wBAAe,EAAET;IACxCX,MAAMmB,gBAAgB,CAAC,YAAYH;IACnChB,MAAMqB,YAAY,GAAG,IAAI;IACzB,kBAAkB;IAClB,OAAO,IAAM;QACXrB,MAAMsB,mBAAmB,CAACF,wBAAe,EAAET;QAC3CX,MAAMsB,mBAAmB,CAAC,YAAYN;QACtC,OAAOhB,MAAMqB,YAAY;QACzBE,IAAAA,uBAAc,EAACjB;IACjB;AACF;AACA,SAASS,uBAAuBS,EAAE,EAAE;IAClCA,GAAGC,YAAY,CAACC,6BAAkB,EAAE;AACtC;AACA,SAAShB,wBAAwBc,EAAE,EAAE;IACnCA,GAAGG,eAAe,CAACD,6BAAkB;AACvC;AACA,SAASxB,eAAesB,EAAE,EAAE;IAC1B,IAAI,CAACA,IAAI;QACP,OAAO,KAAK;IACd,CAAC;IACD,IAAIA,GAAGH,YAAY,EAAE;QACnB,OAAO,IAAI;IACb,CAAC;IACD,OAAOnB,eAAesB,IAAII;AAC5B,EACA,gDAAgD"}
+{"version":3,"names":["react_utilities_1","require","keyborg_1","constants_1","applyFocusVisiblePolyfill","scope","targetWindow","alreadyInScope","undefined","state","current","keyborg","createKeyborg","subscribe","isNavigatingWithKeyboard","removeFocusVisibleClass","keyborgListener","e","isHTMLElement","target","applyFocusVisibleClass","blurListener","relatedTarget","contains","addEventListener","KEYBORG_FOCUSIN","focusVisible","removeEventListener","disposeKeyborg","exports","el","setAttribute","FOCUS_VISIBLE_ATTR","removeAttribute","parentElement"],"sources":["../../../../../../../../packages/react-components/react-tabster/src/focus/focusVisiblePolyfill.ts"],"sourcesContent":["import { isHTMLElement } from '@fluentui/react-utilities';\nimport { KEYBORG_FOCUSIN, KeyborgFocusInEvent, createKeyborg, disposeKeyborg } from 'keyborg';\n\nimport { FOCUS_VISIBLE_ATTR } from './constants';\n\n/**\n * Because `addEventListener` type override falls back to 2nd definition (evt name is unknown string literal)\n * evt is being typed as a base class of MouseEvent -> `Event`.\n * This type is used to override `listener` calls to make TS happy\n */\ntype ListenerOverride = (evt: Event) => void;\n\ntype FocusVisibleState = {\n  /**\n   * Current element with focus visible in state\n   */\n  current: HTMLElement | undefined;\n};\n\ntype HTMLElementWithFocusVisibleScope = {\n  focusVisible: boolean | undefined;\n} & HTMLElement;\n\n/**\n * @internal\n * @param scope - Applies the ponyfill to all DOM children\n * @param targetWindow - window\n */\nexport function applyFocusVisiblePolyfill(scope: HTMLElement, targetWindow: Window): () => void {\n  if (alreadyInScope(scope)) {\n    // Focus visible polyfill already applied at this scope\n    return () => undefined;\n  }\n\n  const state: FocusVisibleState = {\n    current: undefined,\n  };\n\n  const keyborg = createKeyborg(targetWindow);\n\n  // When navigation mode changes remove the focus-visible selector\n  keyborg.subscribe(isNavigatingWithKeyboard => {\n    if (!isNavigatingWithKeyboard && state.current) {\n      removeFocusVisibleClass(state.current);\n      state.current = undefined;\n    }\n  });\n\n  // Keyborg's focusin event is delegated so it's only registered once on the window\n  // and contains metadata about the focus event\n  const keyborgListener = (e: KeyborgFocusInEvent) => {\n    if (state.current) {\n      removeFocusVisibleClass(state.current);\n      state.current = undefined;\n    }\n\n    if (keyborg.isNavigatingWithKeyboard() && isHTMLElement(e.target) && e.target) {\n      // Griffel can't create chained global styles so use the parent element for now\n      state.current = e.target;\n      applyFocusVisibleClass(state.current);\n    }\n  };\n\n  // Make sure that when focus leaves the scope, the focus visible class is removed\n  const blurListener = (e: FocusEvent) => {\n    if (!e.relatedTarget || (isHTMLElement(e.relatedTarget) && !scope.contains(e.relatedTarget))) {\n      if (state.current) {\n        removeFocusVisibleClass(state.current);\n        state.current = undefined;\n      }\n    }\n  };\n\n  scope.addEventListener(KEYBORG_FOCUSIN, keyborgListener as ListenerOverride);\n  scope.addEventListener('focusout', blurListener);\n  (scope as HTMLElementWithFocusVisibleScope).focusVisible = true;\n\n  // Return disposer\n  return () => {\n    scope.removeEventListener(KEYBORG_FOCUSIN, keyborgListener as ListenerOverride);\n    scope.removeEventListener('focusout', blurListener);\n    delete (scope as HTMLElementWithFocusVisibleScope).focusVisible;\n    disposeKeyborg(keyborg);\n  };\n}\n\nfunction applyFocusVisibleClass(el: HTMLElement) {\n  el.setAttribute(FOCUS_VISIBLE_ATTR, '');\n}\n\nfunction removeFocusVisibleClass(el: HTMLElement) {\n  el.removeAttribute(FOCUS_VISIBLE_ATTR);\n}\n\nfunction alreadyInScope(el: HTMLElement | null | undefined): boolean {\n  if (!el) {\n    return false;\n  }\n\n  if ((el as HTMLElementWithFocusVisibleScope).focusVisible) {\n    return true;\n  }\n\n  return alreadyInScope(el?.parentElement);\n}\n"],"mappings":";;;;;;AAAA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,SAAA,gBAAAD,OAAA;AAEA,MAAAE,WAAA,gBAAAF,OAAA;AAoBA;;;;;AAKA,SAAgBG,yBAAyBA,CAACC,KAAkB,EAAEC,YAAoB;EAChF,IAAIC,cAAc,CAACF,KAAK,CAAC,EAAE;IACzB;IACA,OAAO,MAAMG,SAAS;;EAGxB,MAAMC,KAAK,GAAsB;IAC/BC,OAAO,EAAEF;GACV;EAED,MAAMG,OAAO,GAAGT,SAAA,CAAAU,aAAa,CAACN,YAAY,CAAC;EAE3C;EACAK,OAAO,CAACE,SAAS,CAACC,wBAAwB,IAAG;IAC3C,IAAI,CAACA,wBAAwB,IAAIL,KAAK,CAACC,OAAO,EAAE;MAC9CK,uBAAuB,CAACN,KAAK,CAACC,OAAO,CAAC;MACtCD,KAAK,CAACC,OAAO,GAAGF,SAAS;;EAE7B,CAAC,CAAC;EAEF;EACA;EACA,MAAMQ,eAAe,GAAIC,CAAsB,IAAI;IACjD,IAAIR,KAAK,CAACC,OAAO,EAAE;MACjBK,uBAAuB,CAACN,KAAK,CAACC,OAAO,CAAC;MACtCD,KAAK,CAACC,OAAO,GAAGF,SAAS;;IAG3B,IAAIG,OAAO,CAACG,wBAAwB,EAAE,IAAId,iBAAA,CAAAkB,aAAa,CAACD,CAAC,CAACE,MAAM,CAAC,IAAIF,CAAC,CAACE,MAAM,EAAE;MAC7E;MACAV,KAAK,CAACC,OAAO,GAAGO,CAAC,CAACE,MAAM;MACxBC,sBAAsB,CAACX,KAAK,CAACC,OAAO,CAAC;;EAEzC,CAAC;EAED;EACA,MAAMW,YAAY,GAAIJ,CAAa,IAAI;IACrC,IAAI,CAACA,CAAC,CAACK,aAAa,IAAKtB,iBAAA,CAAAkB,aAAa,CAACD,CAAC,CAACK,aAAa,CAAC,IAAI,CAACjB,KAAK,CAACkB,QAAQ,CAACN,CAAC,CAACK,aAAa,CAAE,EAAE;MAC5F,IAAIb,KAAK,CAACC,OAAO,EAAE;QACjBK,uBAAuB,CAACN,KAAK,CAACC,OAAO,CAAC;QACtCD,KAAK,CAACC,OAAO,GAAGF,SAAS;;;EAG/B,CAAC;EAEDH,KAAK,CAACmB,gBAAgB,CAACtB,SAAA,CAAAuB,eAAe,EAAET,eAAmC,CAAC;EAC5EX,KAAK,CAACmB,gBAAgB,CAAC,UAAU,EAAEH,YAAY,CAAC;EAC/ChB,KAA0C,CAACqB,YAAY,GAAG,IAAI;EAE/D;EACA,OAAO,MAAK;IACVrB,KAAK,CAACsB,mBAAmB,CAACzB,SAAA,CAAAuB,eAAe,EAAET,eAAmC,CAAC;IAC/EX,KAAK,CAACsB,mBAAmB,CAAC,UAAU,EAAEN,YAAY,CAAC;IACnD,OAAQhB,KAA0C,CAACqB,YAAY;IAC/DxB,SAAA,CAAA0B,cAAc,CAACjB,OAAO,CAAC;EACzB,CAAC;AACH;AAxDAkB,OAAA,CAAAzB,yBAAA,GAAAA,yBAAA;AA0DA,SAASgB,sBAAsBA,CAACU,EAAe;EAC7CA,EAAE,CAACC,YAAY,CAAC5B,WAAA,CAAA6B,kBAAkB,EAAE,EAAE,CAAC;AACzC;AAEA,SAASjB,uBAAuBA,CAACe,EAAe;EAC9CA,EAAE,CAACG,eAAe,CAAC9B,WAAA,CAAA6B,kBAAkB,CAAC;AACxC;AAEA,SAASzB,cAAcA,CAACuB,EAAkC;EACxD,IAAI,CAACA,EAAE,EAAE;IACP,OAAO,KAAK;;EAGd,IAAKA,EAAuC,CAACJ,YAAY,EAAE;IACzD,OAAO,IAAI;;EAGb,OAAOnB,cAAc,CAACuB,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEI,aAAa,CAAC;AAC1C"}

package/lib-commonjs/focus/focusWithinPolyfill.js

@@ -1,55 +1,58 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "applyFocusWithinPolyfill", {
-    enumerable: true,
-    get: ()=>applyFocusWithinPolyfill
+  value: true
 });
-const _keyborg = require("keyborg");
-const _constants = require("./constants");
+exports.applyFocusWithinPolyfill = void 0;
+const keyborg_1 = /*#__PURE__*/require("keyborg");
+const constants_1 = /*#__PURE__*/require("./constants");
+/**
+ * A ponyfill that allows `:focus-within` to support visibility based on keyboard/mouse navigation
+ * like `:focus-visible` https://github.com/WICG/focus-visible/issues/151
+ * @returns ref to the element that uses `:focus-within` styles
+ */
 function applyFocusWithinPolyfill(element, win) {
-    const keyborg = (0, _keyborg.createKeyborg)(win);
-    // When navigation mode changes to mouse, remove the focus-within selector
-    keyborg.subscribe((isNavigatingWithKeyboard)=>{
-        if (!isNavigatingWithKeyboard) {
-            removeFocusWithinClass(element);
-        }
-    });
-    // Keyborg's focusin event is delegated so it's only registered once on the window
-    // and contains metadata about the focus event
-    const keyborgListener = (e)=>{
-        if (keyborg.isNavigatingWithKeyboard() && isHTMLElement(e.target)) {
-            // Griffel can't create chained global styles so use the parent element for now
-            applyFocusWithinClass(element);
-        }
-    };
-    // Make sure that when focus leaves the scope, the focus within class is removed
-    const blurListener = (e)=>{
-        if (!e.relatedTarget || isHTMLElement(e.relatedTarget) && !element.contains(e.relatedTarget)) {
-            removeFocusWithinClass(element);
-        }
-    };
-    element.addEventListener(_keyborg.KEYBORG_FOCUSIN, keyborgListener);
-    element.addEventListener("focusout", blurListener);
-    // Return disposer
-    return ()=>{
-        element.removeEventListener(_keyborg.KEYBORG_FOCUSIN, keyborgListener);
-        element.removeEventListener("focusout", blurListener);
-        (0, _keyborg.disposeKeyborg)(keyborg);
-    };
+  const keyborg = keyborg_1.createKeyborg(win);
+  // When navigation mode changes to mouse, remove the focus-within selector
+  keyborg.subscribe(isNavigatingWithKeyboard => {
+    if (!isNavigatingWithKeyboard) {
+      removeFocusWithinClass(element);
+    }
+  });
+  // Keyborg's focusin event is delegated so it's only registered once on the window
+  // and contains metadata about the focus event
+  const keyborgListener = e => {
+    if (keyborg.isNavigatingWithKeyboard() && isHTMLElement(e.target)) {
+      // Griffel can't create chained global styles so use the parent element for now
+      applyFocusWithinClass(element);
+    }
+  };
+  // Make sure that when focus leaves the scope, the focus within class is removed
+  const blurListener = e => {
+    if (!e.relatedTarget || isHTMLElement(e.relatedTarget) && !element.contains(e.relatedTarget)) {
+      removeFocusWithinClass(element);
+    }
+  };
+  element.addEventListener(keyborg_1.KEYBORG_FOCUSIN, keyborgListener);
+  element.addEventListener('focusout', blurListener);
+  // Return disposer
+  return () => {
+    element.removeEventListener(keyborg_1.KEYBORG_FOCUSIN, keyborgListener);
+    element.removeEventListener('focusout', blurListener);
+    keyborg_1.disposeKeyborg(keyborg);
+  };
 }
+exports.applyFocusWithinPolyfill = applyFocusWithinPolyfill;
 function applyFocusWithinClass(el) {
-    el.setAttribute(_constants.FOCUS_WITHIN_ATTR, "");
+  el.setAttribute(constants_1.FOCUS_WITHIN_ATTR, '');
 }
 function removeFocusWithinClass(el) {
-    el.removeAttribute(_constants.FOCUS_WITHIN_ATTR);
+  el.removeAttribute(constants_1.FOCUS_WITHIN_ATTR);
 }
 function isHTMLElement(target) {
-    if (!target) {
-        return false;
-    }
-    return Boolean(target && typeof target === "object" && "classList" in target && "contains" in target);
-} //# sourceMappingURL=focusWithinPolyfill.js.map
-
+  if (!target) {
+    return false;
+  }
+  return Boolean(target && typeof target === 'object' && 'classList' in target && 'contains' in target);
+}
 //# sourceMappingURL=focusWithinPolyfill.js.map

package/lib-commonjs/focus/focusWithinPolyfill.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/focus/focusWithinPolyfill.js"],"sourcesContent":["import { KEYBORG_FOCUSIN, createKeyborg, disposeKeyborg } from \"keyborg\";\nimport { FOCUS_WITHIN_ATTR } from \"./constants\";\n/**\n * A ponyfill that allows `:focus-within` to support visibility based on keyboard/mouse navigation\n * like `:focus-visible` https://github.com/WICG/focus-visible/issues/151\n * @returns ref to the element that uses `:focus-within` styles\n */\nexport function applyFocusWithinPolyfill(element, win) {\n  const keyborg = createKeyborg(win);\n  // When navigation mode changes to mouse, remove the focus-within selector\n  keyborg.subscribe(isNavigatingWithKeyboard => {\n    if (!isNavigatingWithKeyboard) {\n      removeFocusWithinClass(element);\n    }\n  });\n  // Keyborg's focusin event is delegated so it's only registered once on the window\n  // and contains metadata about the focus event\n  const keyborgListener = e => {\n    if (keyborg.isNavigatingWithKeyboard() && isHTMLElement(e.target)) {\n      // Griffel can't create chained global styles so use the parent element for now\n      applyFocusWithinClass(element);\n    }\n  };\n  // Make sure that when focus leaves the scope, the focus within class is removed\n  const blurListener = e => {\n    if (!e.relatedTarget || isHTMLElement(e.relatedTarget) && !element.contains(e.relatedTarget)) {\n      removeFocusWithinClass(element);\n    }\n  };\n  element.addEventListener(KEYBORG_FOCUSIN, keyborgListener);\n  element.addEventListener(\"focusout\", blurListener);\n  // Return disposer\n  return () => {\n    element.removeEventListener(KEYBORG_FOCUSIN, keyborgListener);\n    element.removeEventListener(\"focusout\", blurListener);\n    disposeKeyborg(keyborg);\n  };\n}\nfunction applyFocusWithinClass(el) {\n  el.setAttribute(FOCUS_WITHIN_ATTR, \"\");\n}\nfunction removeFocusWithinClass(el) {\n  el.removeAttribute(FOCUS_WITHIN_ATTR);\n}\nfunction isHTMLElement(target) {\n  if (!target) {\n    return false;\n  }\n  return Boolean(target && typeof target === \"object\" && \"classList\" in target && \"contains\" in target);\n}\n//# sourceMappingURL=focusWithinPolyfill.js.map"],"names":["applyFocusWithinPolyfill","element","win","keyborg","createKeyborg","subscribe","isNavigatingWithKeyboard","removeFocusWithinClass","keyborgListener","e","isHTMLElement","target","applyFocusWithinClass","blurListener","relatedTarget","contains","addEventListener","KEYBORG_FOCUSIN","removeEventListener","disposeKeyborg","el","setAttribute","FOCUS_WITHIN_ATTR","removeAttribute","Boolean"],"mappings":";;;;+BAOgBA;;aAAAA;;yBAP+C;2BAC7B;AAM3B,SAASA,yBAAyBC,OAAO,EAAEC,GAAG,EAAE;IACrD,MAAMC,UAAUC,IAAAA,sBAAa,EAACF;IAC9B,0EAA0E;IAC1EC,QAAQE,SAAS,CAACC,CAAAA,2BAA4B;QAC5C,IAAI,CAACA,0BAA0B;YAC7BC,uBAAuBN;QACzB,CAAC;IACH;IACA,kFAAkF;IAClF,8CAA8C;IAC9C,MAAMO,kBAAkBC,CAAAA,IAAK;QAC3B,IAAIN,QAAQG,wBAAwB,MAAMI,cAAcD,EAAEE,MAAM,GAAG;YACjE,+EAA+E;YAC/EC,sBAAsBX;QACxB,CAAC;IACH;IACA,gFAAgF;IAChF,MAAMY,eAAeJ,CAAAA,IAAK;QACxB,IAAI,CAACA,EAAEK,aAAa,IAAIJ,cAAcD,EAAEK,aAAa,KAAK,CAACb,QAAQc,QAAQ,CAACN,EAAEK,aAAa,GAAG;YAC5FP,uBAAuBN;QACzB,CAAC;IACH;IACAA,QAAQe,gBAAgB,CAACC,wBAAe,EAAET;IAC1CP,QAAQe,gBAAgB,CAAC,YAAYH;IACrC,kBAAkB;IAClB,OAAO,IAAM;QACXZ,QAAQiB,mBAAmB,CAACD,wBAAe,EAAET;QAC7CP,QAAQiB,mBAAmB,CAAC,YAAYL;QACxCM,IAAAA,uBAAc,EAAChB;IACjB;AACF;AACA,SAASS,sBAAsBQ,EAAE,EAAE;IACjCA,GAAGC,YAAY,CAACC,4BAAiB,EAAE;AACrC;AACA,SAASf,uBAAuBa,EAAE,EAAE;IAClCA,GAAGG,eAAe,CAACD,4BAAiB;AACtC;AACA,SAASZ,cAAcC,MAAM,EAAE;IAC7B,IAAI,CAACA,QAAQ;QACX,OAAO,KAAK;IACd,CAAC;IACD,OAAOa,QAAQb,UAAU,OAAOA,WAAW,YAAY,eAAeA,UAAU,cAAcA;AAChG,EACA,+CAA+C"}
+{"version":3,"names":["keyborg_1","require","constants_1","applyFocusWithinPolyfill","element","win","keyborg","createKeyborg","subscribe","isNavigatingWithKeyboard","removeFocusWithinClass","keyborgListener","e","isHTMLElement","target","applyFocusWithinClass","blurListener","relatedTarget","contains","addEventListener","KEYBORG_FOCUSIN","removeEventListener","disposeKeyborg","exports","el","setAttribute","FOCUS_WITHIN_ATTR","removeAttribute","Boolean"],"sources":["../../../../../../../../packages/react-components/react-tabster/src/focus/focusWithinPolyfill.ts"],"sourcesContent":["import { KEYBORG_FOCUSIN, KeyborgFocusInEvent, createKeyborg, disposeKeyborg } from 'keyborg';\nimport { FOCUS_WITHIN_ATTR } from './constants';\n\n/**\n * Because `addEventListener` type override falls back to 2nd definition (evt name is unknown string literal)\n * evt is being typed as a base class of MouseEvent -> `Event`.\n * This type is used to override `listener` calls to make TS happy\n */\ntype ListenerOverride = (evt: Event) => void;\n\n/**\n * A ponyfill that allows `:focus-within` to support visibility based on keyboard/mouse navigation\n * like `:focus-visible` https://github.com/WICG/focus-visible/issues/151\n * @returns ref to the element that uses `:focus-within` styles\n */\nexport function applyFocusWithinPolyfill(element: HTMLElement, win: Window): () => void {\n  const keyborg = createKeyborg(win);\n\n  // When navigation mode changes to mouse, remove the focus-within selector\n  keyborg.subscribe(isNavigatingWithKeyboard => {\n    if (!isNavigatingWithKeyboard) {\n      removeFocusWithinClass(element);\n    }\n  });\n\n  // Keyborg's focusin event is delegated so it's only registered once on the window\n  // and contains metadata about the focus event\n  const keyborgListener = (e: KeyborgFocusInEvent) => {\n    if (keyborg.isNavigatingWithKeyboard() && isHTMLElement(e.target)) {\n      // Griffel can't create chained global styles so use the parent element for now\n      applyFocusWithinClass(element);\n    }\n  };\n\n  // Make sure that when focus leaves the scope, the focus within class is removed\n  const blurListener = (e: FocusEvent) => {\n    if (!e.relatedTarget || (isHTMLElement(e.relatedTarget) && !element.contains(e.relatedTarget))) {\n      removeFocusWithinClass(element);\n    }\n  };\n\n  element.addEventListener(KEYBORG_FOCUSIN, keyborgListener as ListenerOverride);\n  element.addEventListener('focusout', blurListener);\n\n  // Return disposer\n  return () => {\n    element.removeEventListener(KEYBORG_FOCUSIN, keyborgListener as ListenerOverride);\n    element.removeEventListener('focusout', blurListener);\n    disposeKeyborg(keyborg);\n  };\n}\n\nfunction applyFocusWithinClass(el: HTMLElement) {\n  el.setAttribute(FOCUS_WITHIN_ATTR, '');\n}\n\nfunction removeFocusWithinClass(el: HTMLElement) {\n  el.removeAttribute(FOCUS_WITHIN_ATTR);\n}\n\nfunction isHTMLElement(target: EventTarget | null): target is HTMLElement {\n  if (!target) {\n    return false;\n  }\n  return Boolean(target && typeof target === 'object' && 'classList' in target && 'contains' in target);\n}\n"],"mappings":";;;;;;AAAA,MAAAA,SAAA,gBAAAC,OAAA;AACA,MAAAC,WAAA,gBAAAD,OAAA;AASA;;;;;AAKA,SAAgBE,wBAAwBA,CAACC,OAAoB,EAAEC,GAAW;EACxE,MAAMC,OAAO,GAAGN,SAAA,CAAAO,aAAa,CAACF,GAAG,CAAC;EAElC;EACAC,OAAO,CAACE,SAAS,CAACC,wBAAwB,IAAG;IAC3C,IAAI,CAACA,wBAAwB,EAAE;MAC7BC,sBAAsB,CAACN,OAAO,CAAC;;EAEnC,CAAC,CAAC;EAEF;EACA;EACA,MAAMO,eAAe,GAAIC,CAAsB,IAAI;IACjD,IAAIN,OAAO,CAACG,wBAAwB,EAAE,IAAII,aAAa,CAACD,CAAC,CAACE,MAAM,CAAC,EAAE;MACjE;MACAC,qBAAqB,CAACX,OAAO,CAAC;;EAElC,CAAC;EAED;EACA,MAAMY,YAAY,GAAIJ,CAAa,IAAI;IACrC,IAAI,CAACA,CAAC,CAACK,aAAa,IAAKJ,aAAa,CAACD,CAAC,CAACK,aAAa,CAAC,IAAI,CAACb,OAAO,CAACc,QAAQ,CAACN,CAAC,CAACK,aAAa,CAAE,EAAE;MAC9FP,sBAAsB,CAACN,OAAO,CAAC;;EAEnC,CAAC;EAEDA,OAAO,CAACe,gBAAgB,CAACnB,SAAA,CAAAoB,eAAe,EAAET,eAAmC,CAAC;EAC9EP,OAAO,CAACe,gBAAgB,CAAC,UAAU,EAAEH,YAAY,CAAC;EAElD;EACA,OAAO,MAAK;IACVZ,OAAO,CAACiB,mBAAmB,CAACrB,SAAA,CAAAoB,eAAe,EAAET,eAAmC,CAAC;IACjFP,OAAO,CAACiB,mBAAmB,CAAC,UAAU,EAAEL,YAAY,CAAC;IACrDhB,SAAA,CAAAsB,cAAc,CAAChB,OAAO,CAAC;EACzB,CAAC;AACH;AAnCAiB,OAAA,CAAApB,wBAAA,GAAAA,wBAAA;AAqCA,SAASY,qBAAqBA,CAACS,EAAe;EAC5CA,EAAE,CAACC,YAAY,CAACvB,WAAA,CAAAwB,iBAAiB,EAAE,EAAE,CAAC;AACxC;AAEA,SAAShB,sBAAsBA,CAACc,EAAe;EAC7CA,EAAE,CAACG,eAAe,CAACzB,WAAA,CAAAwB,iBAAiB,CAAC;AACvC;AAEA,SAASb,aAAaA,CAACC,MAA0B;EAC/C,IAAI,CAACA,MAAM,EAAE;IACX,OAAO,KAAK;;EAEd,OAAOc,OAAO,CAACd,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,WAAW,IAAIA,MAAM,IAAI,UAAU,IAAIA,MAAM,CAAC;AACvG"}

package/lib-commonjs/focus/index.js

@@ -1,12 +1,11 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./createCustomFocusIndicatorStyle"), exports);
-_exportStar(require("./createFocusOutlineStyle"), exports);
-_exportStar(require("./focusVisiblePolyfill"), exports);
-_exportStar(require("./focusWithinPolyfill"), exports);
- //# sourceMappingURL=index.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./createCustomFocusIndicatorStyle"), exports);
+tslib_1.__exportStar(require("./createFocusOutlineStyle"), exports);
+tslib_1.__exportStar(require("./focusVisiblePolyfill"), exports);
+tslib_1.__exportStar(require("./focusWithinPolyfill"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/focus/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/focus/index.js"],"sourcesContent":["export * from \"./createCustomFocusIndicatorStyle\";\nexport * from \"./createFocusOutlineStyle\";\nexport * from \"./focusVisiblePolyfill\";\nexport * from \"./focusWithinPolyfill\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../packages/react-components/react-tabster/src/focus/index.ts"],"sourcesContent":["export * from './createCustomFocusIndicatorStyle';\nexport * from './createFocusOutlineStyle';\nexport * from './focusVisiblePolyfill';\nexport * from './focusWithinPolyfill';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,uCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA"}

package/lib-commonjs/hooks/index.js

@@ -1,16 +1,15 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./useArrowNavigationGroup"), exports);
-_exportStar(require("./useFocusableGroup"), exports);
-_exportStar(require("./useFocusFinders"), exports);
-_exportStar(require("./useFocusVisible"), exports);
-_exportStar(require("./useFocusWithin"), exports);
-_exportStar(require("./useKeyboardNavAttribute"), exports);
-_exportStar(require("./useModalAttributes"), exports);
-_exportStar(require("./useTabsterAttributes"), exports);
- //# sourceMappingURL=index.js.map
-
+const tslib_1 = /*#__PURE__*/require("tslib");
+tslib_1.__exportStar(require("./useArrowNavigationGroup"), exports);
+tslib_1.__exportStar(require("./useFocusableGroup"), exports);
+tslib_1.__exportStar(require("./useFocusFinders"), exports);
+tslib_1.__exportStar(require("./useFocusVisible"), exports);
+tslib_1.__exportStar(require("./useFocusWithin"), exports);
+tslib_1.__exportStar(require("./useKeyboardNavAttribute"), exports);
+tslib_1.__exportStar(require("./useModalAttributes"), exports);
+tslib_1.__exportStar(require("./useTabsterAttributes"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/index.js"],"sourcesContent":["export * from \"./useArrowNavigationGroup\";\nexport * from \"./useFocusableGroup\";\nexport * from \"./useFocusFinders\";\nexport * from \"./useFocusVisible\";\nexport * from \"./useFocusWithin\";\nexport * from \"./useKeyboardNavAttribute\";\nexport * from \"./useModalAttributes\";\nexport * from \"./useTabsterAttributes\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/index.ts"],"sourcesContent":["export * from './useArrowNavigationGroup';\nexport * from './useFocusableGroup';\nexport * from './useFocusFinders';\nexport * from './useFocusVisible';\nexport * from './useFocusWithin';\nexport * from './useKeyboardNavAttribute';\nexport * from './useModalAttributes';\nexport * from './useTabsterAttributes';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA"}

package/lib-commonjs/hooks/useArrowNavigationGroup.js

@@ -1,48 +1,57 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useArrowNavigationGroup", {
-    enumerable: true,
-    get: ()=>useArrowNavigationGroup
+  value: true
 });
-const _tabster = require("tabster");
-const _useTabsterAttributes = require("./useTabsterAttributes");
-const _useTabster = require("./useTabster");
-const useArrowNavigationGroup = (options = {})=>{
-    const { circular , axis , memorizeCurrent , tabbable , ignoreDefaultKeydown , // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_hasDefault  } = options;
-    const tabster = (0, _useTabster.useTabster)();
-    if (tabster) {
-        (0, _tabster.getMover)(tabster);
-    }
-    return (0, _useTabsterAttributes.useTabsterAttributes)({
-        mover: {
-            cyclic: !!circular,
-            direction: axisToMoverDirection(axis ?? "vertical"),
-            memorizeCurrent,
-            tabbable,
-            hasDefault: unstable_hasDefault
-        },
-        ...ignoreDefaultKeydown && {
-            focusable: {
-                ignoreKeydown: ignoreDefaultKeydown
-            }
-        }
-    });
+exports.useArrowNavigationGroup = void 0;
+const tabster_1 = /*#__PURE__*/require("tabster");
+const useTabsterAttributes_1 = /*#__PURE__*/require("./useTabsterAttributes");
+const useTabster_1 = /*#__PURE__*/require("./useTabster");
+/**
+ * A hook that returns the necessary tabster attributes to support arrow key navigation
+ * @param options - Options to configure keyboard navigation
+ */
+const useArrowNavigationGroup = (options = {}) => {
+  const {
+    circular,
+    axis,
+    memorizeCurrent,
+    tabbable,
+    ignoreDefaultKeydown,
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    unstable_hasDefault
+  } = options;
+  const tabster = useTabster_1.useTabster();
+  if (tabster) {
+    tabster_1.getMover(tabster);
+  }
+  return useTabsterAttributes_1.useTabsterAttributes({
+    mover: {
+      cyclic: !!circular,
+      direction: axisToMoverDirection(axis !== null && axis !== void 0 ? axis : 'vertical'),
+      memorizeCurrent,
+      tabbable,
+      hasDefault: unstable_hasDefault
+    },
+    ...(ignoreDefaultKeydown && {
+      focusable: {
+        ignoreKeydown: ignoreDefaultKeydown
+      }
+    })
+  });
 };
+exports.useArrowNavigationGroup = useArrowNavigationGroup;
 function axisToMoverDirection(axis) {
-    switch(axis){
-        case "horizontal":
-            return _tabster.Types.MoverDirections.Horizontal;
-        case "grid":
-            return _tabster.Types.MoverDirections.Grid;
-        case "both":
-            return _tabster.Types.MoverDirections.Both;
-        case "vertical":
-        default:
-            return _tabster.Types.MoverDirections.Vertical;
-    }
-} //# sourceMappingURL=useArrowNavigationGroup.js.map
-
+  switch (axis) {
+    case 'horizontal':
+      return tabster_1.Types.MoverDirections.Horizontal;
+    case 'grid':
+      return tabster_1.Types.MoverDirections.Grid;
+    case 'both':
+      return tabster_1.Types.MoverDirections.Both;
+    case 'vertical':
+    default:
+      return tabster_1.Types.MoverDirections.Vertical;
+  }
+}
 //# sourceMappingURL=useArrowNavigationGroup.js.map

package/lib-commonjs/hooks/useArrowNavigationGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useArrowNavigationGroup.js"],"sourcesContent":["import { Types, getMover } from \"tabster\";\nimport { useTabsterAttributes } from \"./useTabsterAttributes\";\nimport { useTabster } from \"./useTabster\";\n/**\n * A hook that returns the necessary tabster attributes to support arrow key navigation\n * @param options - Options to configure keyboard navigation\n */\nexport const useArrowNavigationGroup = (options = {}) => {\n  const {\n    circular,\n    axis,\n    memorizeCurrent,\n    tabbable,\n    ignoreDefaultKeydown,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_hasDefault\n  } = options;\n  const tabster = useTabster();\n  if (tabster) {\n    getMover(tabster);\n  }\n  return useTabsterAttributes({\n    mover: {\n      cyclic: !!circular,\n      direction: axisToMoverDirection(axis ?? \"vertical\"),\n      memorizeCurrent,\n      tabbable,\n      hasDefault: unstable_hasDefault\n    },\n    ...(ignoreDefaultKeydown && {\n      focusable: {\n        ignoreKeydown: ignoreDefaultKeydown\n      }\n    })\n  });\n};\nfunction axisToMoverDirection(axis) {\n  switch (axis) {\n    case \"horizontal\":\n      return Types.MoverDirections.Horizontal;\n    case \"grid\":\n      return Types.MoverDirections.Grid;\n    case \"both\":\n      return Types.MoverDirections.Both;\n    case \"vertical\":\n    default:\n      return Types.MoverDirections.Vertical;\n  }\n}\n//# sourceMappingURL=useArrowNavigationGroup.js.map"],"names":["useArrowNavigationGroup","options","circular","axis","memorizeCurrent","tabbable","ignoreDefaultKeydown","unstable_hasDefault","tabster","useTabster","getMover","useTabsterAttributes","mover","cyclic","direction","axisToMoverDirection","hasDefault","focusable","ignoreKeydown","Types","MoverDirections","Horizontal","Grid","Both","Vertical"],"mappings":";;;;+BAOaA;;aAAAA;;yBAPmB;sCACK;4BACV;AAKpB,MAAMA,0BAA0B,CAACC,UAAU,CAAC,CAAC,GAAK;IACvD,MAAM,EACJC,SAAQ,EACRC,KAAI,EACJC,gBAAe,EACfC,SAAQ,EACRC,qBAAoB,EACpB,gEAAgE;IAChEC,oBAAmB,EACpB,GAAGN;IACJ,MAAMO,UAAUC,IAAAA,sBAAU;IAC1B,IAAID,SAAS;QACXE,IAAAA,iBAAQ,EAACF;IACX,CAAC;IACD,OAAOG,IAAAA,0CAAoB,EAAC;QAC1BC,OAAO;YACLC,QAAQ,CAAC,CAACX;YACVY,WAAWC,qBAAqBZ,QAAQ;YACxCC;YACAC;YACAW,YAAYT;QACd;QACA,GAAID,wBAAwB;YAC1BW,WAAW;gBACTC,eAAeZ;YACjB;QACF,CAAC;IACH;AACF;AACA,SAASS,qBAAqBZ,IAAI,EAAE;IAClC,OAAQA;QACN,KAAK;YACH,OAAOgB,cAAK,CAACC,eAAe,CAACC,UAAU;QACzC,KAAK;YACH,OAAOF,cAAK,CAACC,eAAe,CAACE,IAAI;QACnC,KAAK;YACH,OAAOH,cAAK,CAACC,eAAe,CAACG,IAAI;QACnC,KAAK;QACL;YACE,OAAOJ,cAAK,CAACC,eAAe,CAACI,QAAQ;IACzC;AACF,EACA,mDAAmD"}
+{"version":3,"names":["tabster_1","require","useTabsterAttributes_1","useTabster_1","useArrowNavigationGroup","options","circular","axis","memorizeCurrent","tabbable","ignoreDefaultKeydown","unstable_hasDefault","tabster","useTabster","getMover","useTabsterAttributes","mover","cyclic","direction","axisToMoverDirection","hasDefault","focusable","ignoreKeydown","exports","Types","MoverDirections","Horizontal","Grid","Both","Vertical"],"sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts"],"sourcesContent":["import { Types, getMover } from 'tabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { useTabster } from './useTabster';\n\nexport interface UseArrowNavigationGroupOptions {\n  /**\n   * Focus will navigate vertically, horizontally or in both directions (grid), defaults to horizontally\n   * @defaultValue vertical\n   */\n  axis?: 'vertical' | 'horizontal' | 'grid' | 'both';\n  /**\n   * Focus will cycle to the first/last elements of the group without stopping\n   */\n  circular?: boolean;\n  /**\n   * Last focused element in the group will be remembered and focused (if still\n   * available) when tabbing from outside of the group\n   */\n  memorizeCurrent?: boolean;\n  /**\n   * Allow tabbing within the arrow navigation group items.\n   */\n  tabbable?: boolean;\n  /**\n   * Tabster should ignore default handling of keydown events\n   */\n  ignoreDefaultKeydown?: Types.FocusableProps['ignoreKeydown'];\n  /**\n   * The default focusable item in the group will be an element with Focusable.isDefault property.\n   * Note that there is no way in \\@fluentui/react-tabster to set default focusable element,\n   * and this option is currently for internal testing purposes only.\n   */\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  unstable_hasDefault?: boolean;\n}\n\n/**\n * A hook that returns the necessary tabster attributes to support arrow key navigation\n * @param options - Options to configure keyboard navigation\n */\nexport const useArrowNavigationGroup = (options: UseArrowNavigationGroupOptions = {}): Types.TabsterDOMAttribute => {\n  const {\n    circular,\n    axis,\n    memorizeCurrent,\n    tabbable,\n    ignoreDefaultKeydown,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_hasDefault,\n  } = options;\n  const tabster = useTabster();\n\n  if (tabster) {\n    getMover(tabster);\n  }\n\n  return useTabsterAttributes({\n    mover: {\n      cyclic: !!circular,\n      direction: axisToMoverDirection(axis ?? 'vertical'),\n      memorizeCurrent,\n      tabbable,\n      hasDefault: unstable_hasDefault,\n    },\n    ...(ignoreDefaultKeydown && {\n      focusable: {\n        ignoreKeydown: ignoreDefaultKeydown,\n      },\n    }),\n  });\n};\n\nfunction axisToMoverDirection(axis: UseArrowNavigationGroupOptions['axis']): Types.MoverDirection {\n  switch (axis) {\n    case 'horizontal':\n      return Types.MoverDirections.Horizontal;\n    case 'grid':\n      return Types.MoverDirections.Grid;\n    case 'both':\n      return Types.MoverDirections.Both;\n\n    case 'vertical':\n    default:\n      return Types.MoverDirections.Vertical;\n  }\n}\n"],"mappings":";;;;;;AAAA,MAAAA,SAAA,gBAAAC,OAAA;AACA,MAAAC,sBAAA,gBAAAD,OAAA;AACA,MAAAE,YAAA,gBAAAF,OAAA;AAkCA;;;;AAIO,MAAMG,uBAAuB,GAAGA,CAACC,OAAA,GAA0C,EAAE,KAA+B;EACjH,MAAM;IACJC,QAAQ;IACRC,IAAI;IACJC,eAAe;IACfC,QAAQ;IACRC,oBAAoB;IACpB;IACAC;EAAmB,CACpB,GAAGN,OAAO;EACX,MAAMO,OAAO,GAAGT,YAAA,CAAAU,UAAU,EAAE;EAE5B,IAAID,OAAO,EAAE;IACXZ,SAAA,CAAAc,QAAQ,CAACF,OAAO,CAAC;;EAGnB,OAAOV,sBAAA,CAAAa,oBAAoB,CAAC;IAC1BC,KAAK,EAAE;MACLC,MAAM,EAAE,CAAC,CAACX,QAAQ;MAClBY,SAAS,EAAEC,oBAAoB,CAACZ,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,UAAU,CAAC;MACnDC,eAAe;MACfC,QAAQ;MACRW,UAAU,EAAET;KACb;IACD,IAAID,oBAAoB,IAAI;MAC1BW,SAAS,EAAE;QACTC,aAAa,EAAEZ;;KAElB;GACF,CAAC;AACJ,CAAC;AA9BYa,OAAA,CAAAnB,uBAAuB,GAAAA,uBAAA;AAgCpC,SAASe,oBAAoBA,CAACZ,IAA4C;EACxE,QAAQA,IAAI;IACV,KAAK,YAAY;MACf,OAAOP,SAAA,CAAAwB,KAAK,CAACC,eAAe,CAACC,UAAU;IACzC,KAAK,MAAM;MACT,OAAO1B,SAAA,CAAAwB,KAAK,CAACC,eAAe,CAACE,IAAI;IACnC,KAAK,MAAM;MACT,OAAO3B,SAAA,CAAAwB,KAAK,CAACC,eAAe,CAACG,IAAI;IAEnC,KAAK,UAAU;IACf;MACE,OAAO5B,SAAA,CAAAwB,KAAK,CAACC,eAAe,CAACI,QAAQ;EAAC;AAE5C"}