@fluentui/react-tabster 9.5.7 → 9.6.1

package/lib-amd/focus/createFocusOutlineStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createFocusOutlineStyle.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/focus/createFocusOutlineStyle.ts"],"names":[],"mappings":";;;;IAwBA;;;;;;OAMG;IACH,IAAM,qBAAqB,GAAG,UAAC,OAAiC;;QACtD,IAAA,aAAa,GAAgD,OAAO,cAAvD,EAAE,YAAY,GAAkC,OAAO,aAAzC,EAAE,aAAa,GAAmB,OAAO,cAA1B,EAAE,YAAY,GAAK,OAAO,aAAZ,CAAa;QAE7E,IAAM,gBAAgB,GAAG,CAAA,MAAC,aAAoC,0CAAE,GAAG,KAAI,aAAa,CAAC;QACrF,IAAM,mBAAmB,GAAG,CAAA,MAAC,aAAoC,0CAAE,MAAM,KAAI,aAAa,CAAC;QAC3F,IAAM,iBAAiB,GAAG,CAAA,MAAC,aAAoC,0CAAE,IAAI,KAAI,aAAa,CAAC;QACvF,IAAM,kBAAkB,GAAG,CAAA,MAAC,aAAoC,0CAAE,KAAK,KAAI,aAAa,CAAC;QAEzF,6CACK,kBAAU,CAAC,WAAW,CAAC,aAAa,CAAC,KACxC,SAAS,yFACP,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,UAAU,EACpB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,CAAC,IAEN,kBAAU,CAAC,WAAW,CAAC,OAAO,CAAC,GAC/B,kBAAU,CAAC,WAAW,CAAC,YAAY,CAAC,GACpC,kBAAU,CAAC,YAAY,CAAC,aAAa,CAAC,GACtC,kBAAU,CAAC,WAAW,CAAC,YAAY,CAAC,KAEvC,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAI,YAAc,CAAC,CAAC,CAAC,gBAAc,YAAY,WAAM,gBAAgB,MAAG,EAC9F,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAI,YAAc,CAAC,CAAC,CAAC,gBAAc,YAAY,WAAM,mBAAmB,MAAG,EACpG,IAAI,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAI,YAAc,CAAC,CAAC,CAAC,gBAAc,YAAY,WAAM,iBAAiB,MAAG,EAChG,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAI,YAAc,CAAC,CAAC,CAAC,gBAAc,YAAY,WAAM,kBAAkB,MAAG,OAEpG;IACJ,CAAC,CAAC;IAEF;;;;;;OAMG;IACI,IAAM,uBAAuB,GAAG,UAAC,EAGU;YAHV,qBAGJ,0BAAc,KAAA,EAFhD,gBAAkC,EAAlC,QAAQ,mBAAG,0BAAc,CAAC,QAAQ,KAAA,EAClC,aAA4B,EAA5B,KAAK,mBAAG,0BAAc,CAAC,KAAK,KAAA;QAE5B,OAAA,iEAA+B,CAC7B,qBAAqB,oBACnB,YAAY,EAAE,oBAAM,CAAC,iBAAiB,EACtC,aAAa,EAAE,oBAAM,CAAC,kBAAkB;YACxC,wDAAwD;YACxD,YAAY,EAAE,KAAK,IAChB,KAAK,EACR,EACF,EAAE,QAAQ,UAAA,EAAE,CACb;IATD,CASC,CAAC;IAbS,QAAA,uBAAuB,2BAahC","sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { shorthands } from '@griffel/react';\nimport type { GriffelStyle } from '@griffel/react';\nimport {\n  createCustomFocusIndicatorStyle,\n  CreateCustomFocusIndicatorStyleOptions,\n} from './createCustomFocusIndicatorStyle';\nimport { defaultOptions } from './constants';\n\nexport type FocusOutlineOffset = Record<'top' | 'bottom' | 'left' | 'right', string>;\nexport type FocusOutlineStyleOptions = {\n  /**\n   * Only property not supported by the native CSS `outline`, if this is no longer needed\n   * we can just go native instead\n   */\n  outlineRadius: string;\n  outlineColor: string;\n  outlineWidth: string;\n  outlineOffset?: string | FocusOutlineOffset;\n};\nexport interface CreateFocusOutlineStyleOptions extends CreateCustomFocusIndicatorStyleOptions {\n  style?: Partial<FocusOutlineStyleOptions>;\n}\n\n/**\n * NOTE: the element with the focus outline needs to have `position: relative` so that the\n * pseudo element can be properly positioned.\n *\n * @param options - Configures the style of the focus outline\n * @returns focus outline styles object\n */\nconst getFocusOutlineStyles = (options: FocusOutlineStyleOptions): GriffelStyle => {\n  const { outlineRadius, outlineColor, outlineOffset, outlineWidth } = options;\n\n  const outlineOffsetTop = (outlineOffset as FocusOutlineOffset)?.top || outlineOffset;\n  const outlineOffsetBottom = (outlineOffset as FocusOutlineOffset)?.bottom || outlineOffset;\n  const outlineOffsetLeft = (outlineOffset as FocusOutlineOffset)?.left || outlineOffset;\n  const outlineOffsetRight = (outlineOffset as FocusOutlineOffset)?.right || outlineOffset;\n\n  return {\n    ...shorthands.borderColor('transparent'),\n    '::after': {\n      content: '\"\"',\n      position: 'absolute',\n      pointerEvents: 'none',\n      zIndex: 1,\n\n      ...shorthands.borderStyle('solid'),\n      ...shorthands.borderWidth(outlineWidth),\n      ...shorthands.borderRadius(outlineRadius),\n      ...shorthands.borderColor(outlineColor),\n\n      top: !outlineOffset ? `-${outlineWidth}` : `calc(0px - ${outlineWidth} - ${outlineOffsetTop})`,\n      bottom: !outlineOffset ? `-${outlineWidth}` : `calc(0px - ${outlineWidth} - ${outlineOffsetBottom})`,\n      left: !outlineOffset ? `-${outlineWidth}` : `calc(0px - ${outlineWidth} - ${outlineOffsetLeft})`,\n      right: !outlineOffset ? `-${outlineWidth}` : `calc(0px - ${outlineWidth} - ${outlineOffsetRight})`,\n    },\n  };\n};\n\n/**\n * NOTE: The element with the focus outline needs to have `position: relative` so that the\n * pseudo element can be properly positioned.\n *\n * @param options - Configure the style of the focus outline\n * @returns focus outline styles object for @see makeStyles\n */\nexport const createFocusOutlineStyle = ({\n  selector = defaultOptions.selector,\n  style = defaultOptions.style,\n}: CreateFocusOutlineStyleOptions = defaultOptions): GriffelStyle =>\n  createCustomFocusIndicatorStyle(\n    getFocusOutlineStyles({\n      outlineColor: tokens.colorStrokeFocus2,\n      outlineRadius: tokens.borderRadiusMedium,\n      // FIXME: tokens.strokeWidthThick causes some weird bugs\n      outlineWidth: '2px',\n      ...style,\n    }),\n    { selector },\n  );\n"]}

package/lib-amd/focus/focusVisiblePolyfill.js

@@ -1,82 +0,0 @@
-define(["require", "exports", "keyborg", "./constants"], function (require, exports, keyborg_1, constants_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.applyFocusVisiblePolyfill = void 0;
-    /**
-     * @internal
-     * @param scope - Applies the ponyfill to all DOM children
-     * @param win - window
-     */
-    function applyFocusVisiblePolyfill(scope, win) {
-        if (alreadyInScope(scope)) {
-            // Focus visible polyfill already applied at this scope
-            return function () { return undefined; };
-        }
-        var state = {
-            current: undefined,
-        };
-        var keyborg = keyborg_1.createKeyborg(win);
-        // When navigation mode changes remove the focus-visible selector
-        keyborg.subscribe(function (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
-        var keyborgListener = function (e) {
-            if (state.current) {
-                removeFocusVisibleClass(state.current);
-                state.current = undefined;
-            }
-            if (keyborg.isNavigatingWithKeyboard() && 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
-        var blurListener = function (e) {
-            if (!e.relatedTarget || (isHTMLElement(e.relatedTarget) && !scope.contains(e.relatedTarget))) {
-                if (state.current) {
-                    removeFocusVisibleClass(state.current);
-                    state.current = undefined;
-                }
-            }
-        };
-        scope.addEventListener(keyborg_1.KEYBORG_FOCUSIN, keyborgListener);
-        scope.addEventListener('focusout', blurListener);
-        scope.focusVisible = true;
-        // Return disposer
-        return function () {
-            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_1.FOCUS_VISIBLE_ATTR, '');
-    }
-    function removeFocusVisibleClass(el) {
-        el.removeAttribute(constants_1.FOCUS_VISIBLE_ATTR);
-    }
-    function isHTMLElement(target) {
-        if (!target) {
-            return false;
-        }
-        return Boolean(target && typeof target === 'object' && 'classList' in target && 'contains' in target);
-    }
-    function alreadyInScope(el) {
-        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-amd/focus/focusVisiblePolyfill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"focusVisiblePolyfill.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/focus/focusVisiblePolyfill.ts"],"names":[],"mappings":";;;;IAqBA;;;;OAIG;IACH,SAAgB,yBAAyB,CAAC,KAAkB,EAAE,GAAW;QACvE,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;YACzB,uDAAuD;YACvD,OAAO,cAAM,OAAA,SAAS,EAAT,CAAS,CAAC;SACxB;QAED,IAAM,KAAK,GAAsB;YAC/B,OAAO,EAAE,SAAS;SACnB,CAAC;QAEF,IAAM,OAAO,GAAG,uBAAa,CAAC,GAAG,CAAC,CAAC;QAEnC,iEAAiE;QACjE,OAAO,CAAC,SAAS,CAAC,UAAA,wBAAwB;YACxC,IAAI,CAAC,wBAAwB,IAAI,KAAK,CAAC,OAAO,EAAE;gBAC9C,uBAAuB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBACvC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;aAC3B;QACH,CAAC,CAAC,CAAC;QAEH,kFAAkF;QAClF,8CAA8C;QAC9C,IAAM,eAAe,GAAG,UAAC,CAAsB;YAC7C,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,uBAAuB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBACvC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;aAC3B;YAED,IAAI,OAAO,CAAC,wBAAwB,EAAE,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE;gBAC7E,+EAA+E;gBAC/E,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC;gBACzB,sBAAsB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aACvC;QACH,CAAC,CAAC;QAEF,iFAAiF;QACjF,IAAM,YAAY,GAAG,UAAC,CAAa;YACjC,IAAI,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,EAAE;gBAC5F,IAAI,KAAK,CAAC,OAAO,EAAE;oBACjB,uBAAuB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;oBACvC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;iBAC3B;aACF;QACH,CAAC,CAAC;QAEF,KAAK,CAAC,gBAAgB,CAAC,yBAAe,EAAE,eAAmC,CAAC,CAAC;QAC7E,KAAK,CAAC,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QAChD,KAA0C,CAAC,YAAY,GAAG,IAAI,CAAC;QAEhE,kBAAkB;QAClB,OAAO;YACL,KAAK,CAAC,mBAAmB,CAAC,yBAAe,EAAE,eAAmC,CAAC,CAAC;YAChF,KAAK,CAAC,mBAAmB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;YACpD,OAAQ,KAA0C,CAAC,YAAY,CAAC;YAChE,wBAAc,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC;IAxDD,8DAwDC;IAED,SAAS,sBAAsB,CAAC,EAAe;QAC7C,EAAE,CAAC,YAAY,CAAC,8BAAkB,EAAE,EAAE,CAAC,CAAC;IAC1C,CAAC;IAED,SAAS,uBAAuB,CAAC,EAAe;QAC9C,EAAE,CAAC,eAAe,CAAC,8BAAkB,CAAC,CAAC;IACzC,CAAC;IAED,SAAS,aAAa,CAAC,MAA0B;QAC/C,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,KAAK,CAAC;SACd;QACD,OAAO,OAAO,CAAC,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,WAAW,IAAI,MAAM,IAAI,UAAU,IAAI,MAAM,CAAC,CAAC;IACxG,CAAC;IAED,SAAS,cAAc,CAAC,EAAkC;QACxD,IAAI,CAAC,EAAE,EAAE;YACP,OAAO,KAAK,CAAC;SACd;QAED,IAAK,EAAuC,CAAC,YAAY,EAAE;YACzD,OAAO,IAAI,CAAC;SACb;QAED,OAAO,cAAc,CAAC,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,aAAa,CAAC,CAAC;IAC3C,CAAC","sourcesContent":["import { KEYBORG_FOCUSIN, KeyborgFocusInEvent, createKeyborg, disposeKeyborg } from 'keyborg';\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 win - window\n */\nexport function applyFocusVisiblePolyfill(scope: HTMLElement, win: 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(win);\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 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\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"]}

package/lib-amd/focus/focusWithinPolyfill.js

@@ -1,55 +0,0 @@
-define(["require", "exports", "keyborg", "./constants"], function (require, exports, keyborg_1, constants_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.applyFocusWithinPolyfill = void 0;
-    /**
-     * 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) {
-        var keyborg = keyborg_1.createKeyborg(win);
-        // When navigation mode changes to mouse, remove the focus-within selector
-        keyborg.subscribe(function (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
-        var keyborgListener = function (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
-        var blurListener = function (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 function () {
-            element.removeEventListener(keyborg_1.KEYBORG_FOCUSIN, keyborgListener);
-            element.removeEventListener('focusout', blurListener);
-            keyborg_1.disposeKeyborg(keyborg);
-        };
-    }
-    exports.applyFocusWithinPolyfill = applyFocusWithinPolyfill;
-    function applyFocusWithinClass(el) {
-        el.setAttribute(constants_1.FOCUS_WITHIN_ATTR, '');
-    }
-    function removeFocusWithinClass(el) {
-        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

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

@@ -1 +0,0 @@
-{"version":3,"file":"focusWithinPolyfill.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/focus/focusWithinPolyfill.ts"],"names":[],"mappings":";;;;IAUA;;;;OAIG;IACH,SAAgB,wBAAwB,CAAC,OAAoB,EAAE,GAAW;QACxE,IAAM,OAAO,GAAG,uBAAa,CAAC,GAAG,CAAC,CAAC;QAEnC,0EAA0E;QAC1E,OAAO,CAAC,SAAS,CAAC,UAAA,wBAAwB;YACxC,IAAI,CAAC,wBAAwB,EAAE;gBAC7B,sBAAsB,CAAC,OAAO,CAAC,CAAC;aACjC;QACH,CAAC,CAAC,CAAC;QAEH,kFAAkF;QAClF,8CAA8C;QAC9C,IAAM,eAAe,GAAG,UAAC,CAAsB;YAC7C,IAAI,OAAO,CAAC,wBAAwB,EAAE,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;gBACjE,+EAA+E;gBAC/E,qBAAqB,CAAC,OAAO,CAAC,CAAC;aAChC;QACH,CAAC,CAAC;QAEF,gFAAgF;QAChF,IAAM,YAAY,GAAG,UAAC,CAAa;YACjC,IAAI,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,EAAE;gBAC9F,sBAAsB,CAAC,OAAO,CAAC,CAAC;aACjC;QACH,CAAC,CAAC;QAEF,OAAO,CAAC,gBAAgB,CAAC,yBAAe,EAAE,eAAmC,CAAC,CAAC;QAC/E,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QAEnD,kBAAkB;QAClB,OAAO;YACL,OAAO,CAAC,mBAAmB,CAAC,yBAAe,EAAE,eAAmC,CAAC,CAAC;YAClF,OAAO,CAAC,mBAAmB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;YACtD,wBAAc,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC;IAnCD,4DAmCC;IAED,SAAS,qBAAqB,CAAC,EAAe;QAC5C,EAAE,CAAC,YAAY,CAAC,6BAAiB,EAAE,EAAE,CAAC,CAAC;IACzC,CAAC;IAED,SAAS,sBAAsB,CAAC,EAAe;QAC7C,EAAE,CAAC,eAAe,CAAC,6BAAiB,CAAC,CAAC;IACxC,CAAC;IAED,SAAS,aAAa,CAAC,MAA0B;QAC/C,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,KAAK,CAAC;SACd;QACD,OAAO,OAAO,CAAC,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,WAAW,IAAI,MAAM,IAAI,UAAU,IAAI,MAAM,CAAC,CAAC;IACxG,CAAC","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"]}

package/lib-amd/focus/index.js

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./createCustomFocusIndicatorStyle", "./createFocusOutlineStyle", "./focusVisiblePolyfill", "./focusWithinPolyfill"], function (require, exports, tslib_1, createCustomFocusIndicatorStyle_1, createFocusOutlineStyle_1, focusVisiblePolyfill_1, focusWithinPolyfill_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(createCustomFocusIndicatorStyle_1, exports);
-    tslib_1.__exportStar(createFocusOutlineStyle_1, exports);
-    tslib_1.__exportStar(focusVisiblePolyfill_1, exports);
-    tslib_1.__exportStar(focusWithinPolyfill_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/focus/index.ts"],"names":[],"mappings":";;;IAAA,iEAAkD;IAClD,yDAA0C;IAC1C,sDAAuC;IACvC,qDAAsC","sourcesContent":["export * from './createCustomFocusIndicatorStyle';\nexport * from './createFocusOutlineStyle';\nexport * from './focusVisiblePolyfill';\nexport * from './focusWithinPolyfill';\n"]}

package/lib-amd/hooks/index.js

@@ -1,13 +0,0 @@
-define(["require", "exports", "tslib", "./useArrowNavigationGroup", "./useFocusableGroup", "./useFocusFinders", "./useFocusVisible", "./useFocusWithin", "./useKeyboardNavAttribute", "./useModalAttributes", "./useTabsterAttributes"], function (require, exports, tslib_1, useArrowNavigationGroup_1, useFocusableGroup_1, useFocusFinders_1, useFocusVisible_1, useFocusWithin_1, useKeyboardNavAttribute_1, useModalAttributes_1, useTabsterAttributes_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(useArrowNavigationGroup_1, exports);
-    tslib_1.__exportStar(useFocusableGroup_1, exports);
-    tslib_1.__exportStar(useFocusFinders_1, exports);
-    tslib_1.__exportStar(useFocusVisible_1, exports);
-    tslib_1.__exportStar(useFocusWithin_1, exports);
-    tslib_1.__exportStar(useKeyboardNavAttribute_1, exports);
-    tslib_1.__exportStar(useModalAttributes_1, exports);
-    tslib_1.__exportStar(useTabsterAttributes_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/index.ts"],"names":[],"mappings":";;;IAAA,yDAA0C;IAC1C,mDAAoC;IACpC,iDAAkC;IAClC,iDAAkC;IAClC,gDAAiC;IACjC,yDAA0C;IAC1C,oDAAqC;IACrC,sDAAuC","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"]}

package/lib-amd/hooks/useArrowNavigationGroup.js

@@ -1,45 +0,0 @@
-define(["require", "exports", "tslib", "tabster", "./useTabsterAttributes", "./useTabster"], function (require, exports, tslib_1, tabster_1, useTabsterAttributes_1, useTabster_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useArrowNavigationGroup = void 0;
-    /**
-     * A hook that returns the necessary tabster attributes to support arrow key navigation
-     * @param options - Options to configure keyboard navigation
-     */
-    var useArrowNavigationGroup = function (options) {
-        if (options === void 0) { options = {}; }
-        var circular = options.circular, axis = options.axis, memorizeCurrent = options.memorizeCurrent, tabbable = options.tabbable, ignoreDefaultKeydown = options.ignoreDefaultKeydown, 
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        unstable_hasDefault = options.unstable_hasDefault;
-        var tabster = useTabster_1.useTabster();
-        if (tabster) {
-            tabster_1.getMover(tabster);
-        }
-        return useTabsterAttributes_1.useTabsterAttributes(tslib_1.__assign({ mover: {
-                cyclic: !!circular,
-                direction: axisToMoverDirection(axis !== null && axis !== void 0 ? axis : 'vertical'),
-                memorizeCurrent: memorizeCurrent,
-                tabbable: tabbable,
-                hasDefault: unstable_hasDefault,
-            } }, (ignoreDefaultKeydown && {
-            focusable: {
-                ignoreKeydown: ignoreDefaultKeydown,
-            },
-        })));
-    };
-    exports.useArrowNavigationGroup = useArrowNavigationGroup;
-    function axisToMoverDirection(axis) {
-        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-amd/hooks/useArrowNavigationGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useArrowNavigationGroup.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/useArrowNavigationGroup.ts"],"names":[],"mappings":";;;;IAoCA;;;OAGG;IACI,IAAM,uBAAuB,GAAG,UAAC,OAA4C;QAA5C,wBAAA,EAAA,YAA4C;QAEhF,IAAA,QAAQ,GAON,OAAO,SAPD,EACR,IAAI,GAMF,OAAO,KANL,EACJ,eAAe,GAKb,OAAO,gBALM,EACf,QAAQ,GAIN,OAAO,SAJD,EACR,oBAAoB,GAGlB,OAAO,qBAHW;QACpB,gEAAgE;QAChE,mBAAmB,GACjB,OAAO,oBADU,CACT;QACZ,IAAM,OAAO,GAAG,uBAAU,EAAE,CAAC;QAE7B,IAAI,OAAO,EAAE;YACX,kBAAQ,CAAC,OAAO,CAAC,CAAC;SACnB;QAED,OAAO,2CAAoB,oBACzB,KAAK,EAAE;gBACL,MAAM,EAAE,CAAC,CAAC,QAAQ;gBAClB,SAAS,EAAE,oBAAoB,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,UAAU,CAAC;gBACnD,eAAe,iBAAA;gBACf,QAAQ,UAAA;gBACR,UAAU,EAAE,mBAAmB;aAChC,IACE,CAAC,oBAAoB,IAAI;YAC1B,SAAS,EAAE;gBACT,aAAa,EAAE,oBAAoB;aACpC;SACF,CAAC,EACF,CAAC;IACL,CAAC,CAAC;IA9BW,QAAA,uBAAuB,2BA8BlC;IAEF,SAAS,oBAAoB,CAAC,IAA4C;QACxE,QAAQ,IAAI,EAAE;YACZ,KAAK,YAAY;gBACf,OAAO,eAAK,CAAC,eAAe,CAAC,UAAU,CAAC;YAC1C,KAAK,MAAM;gBACT,OAAO,eAAK,CAAC,eAAe,CAAC,IAAI,CAAC;YACpC,KAAK,MAAM;gBACT,OAAO,eAAK,CAAC,eAAe,CAAC,IAAI,CAAC;YAEpC,KAAK,UAAU,CAAC;YAChB;gBACE,OAAO,eAAK,CAAC,eAAe,CAAC,QAAQ,CAAC;SACzC;IACH,CAAC","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"]}

package/lib-amd/hooks/useFocusFinders.js

@@ -1,43 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-shared-contexts", "./useTabster"], function (require, exports, React, react_shared_contexts_1, useTabster_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useFocusFinders = void 0;
-    /**
-     * Returns a set of helper functions that will traverse focusable elements in the context of a root DOM element
-     */
-    var useFocusFinders = function () {
-        var tabster = useTabster_1.useTabster();
-        var targetDocument = react_shared_contexts_1.useFluent_unstable().targetDocument;
-        // Narrow props for now and let need dictate additional props in the future
-        var findAllFocusable = React.useCallback(function (container, acceptCondition) {
-            return (tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findAll({ container: container, acceptCondition: acceptCondition })) || [];
-        }, [tabster]);
-        var findFirstFocusable = React.useCallback(function (container) { return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findFirst({ container: container }); }, [tabster]);
-        var findLastFocusable = React.useCallback(function (container) { return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findLast({ container: container }); }, [tabster]);
-        var findNextFocusable = React.useCallback(function (currentElement, options) {
-            if (options === void 0) { options = {}; }
-            if (!tabster || !targetDocument) {
-                return null;
-            }
-            var _a = options.container, container = _a === void 0 ? targetDocument.body : _a;
-            return tabster.focusable.findNext({ currentElement: currentElement, container: container });
-        }, [tabster, targetDocument]);
-        var findPrevFocusable = React.useCallback(function (currentElement, options) {
-            if (options === void 0) { options = {}; }
-            if (!tabster || !targetDocument) {
-                return null;
-            }
-            var _a = options.container, container = _a === void 0 ? targetDocument.body : _a;
-            return tabster.focusable.findPrev({ currentElement: currentElement, container: container });
-        }, [tabster, targetDocument]);
-        return {
-            findAllFocusable: findAllFocusable,
-            findFirstFocusable: findFirstFocusable,
-            findLastFocusable: findLastFocusable,
-            findNextFocusable: findNextFocusable,
-            findPrevFocusable: findPrevFocusable,
-        };
-    };
-    exports.useFocusFinders = useFocusFinders;
-});
-//# sourceMappingURL=useFocusFinders.js.map

package/lib-amd/hooks/useFocusFinders.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusFinders.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/useFocusFinders.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,eAAe,GAAG;QAC7B,IAAM,OAAO,GAAG,uBAAU,EAAE,CAAC;QACrB,IAAA,cAAc,GAAK,0CAAS,EAAE,eAAhB,CAAiB;QAEvC,2EAA2E;QAC3E,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,UAAC,SAAsB,EAAE,eAA8C;YACrE,OAAA,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS,WAAA,EAAE,eAAe,iBAAA,EAAE,CAAC,KAAI,EAAE;QAAhE,CAAgE,EAClE,CAAC,OAAO,CAAC,CACV,CAAC;QAEF,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,UAAC,SAAsB,IAAK,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC,SAAS,CAAC,EAAE,SAAS,WAAA,EAAE,CAAC,EAA3C,CAA2C,EACvE,CAAC,OAAO,CAAC,CACV,CAAC;QAEF,IAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,UAAC,SAAsB,IAAK,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,SAAS,WAAA,EAAE,CAAC,EAA1C,CAA0C,EACtE,CAAC,OAAO,CAAC,CACV,CAAC;QAEF,IAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,UAAC,cAA2B,EAAE,OAAoE;YAApE,wBAAA,EAAA,YAAoE;YAChG,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE;gBAC/B,OAAO,IAAI,CAAC;aACb;YAEO,IAAA,KAAoC,OAAO,UAAZ,EAA/B,SAAS,mBAAG,cAAc,CAAC,IAAI,KAAA,CAAa;YAEpD,OAAO,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,cAAc,gBAAA,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;QACnE,CAAC,EACD,CAAC,OAAO,EAAE,cAAc,CAAC,CAC1B,CAAC;QAEF,IAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,UAAC,cAA2B,EAAE,OAAoE;YAApE,wBAAA,EAAA,YAAoE;YAChG,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE;gBAC/B,OAAO,IAAI,CAAC;aACb;YAEO,IAAA,KAAoC,OAAO,UAAZ,EAA/B,SAAS,mBAAG,cAAc,CAAC,IAAI,KAAA,CAAa;YAEpD,OAAO,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,cAAc,gBAAA,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;QACnE,CAAC,EACD,CAAC,OAAO,EAAE,cAAc,CAAC,CAC1B,CAAC;QAEF,OAAO;YACL,gBAAgB,kBAAA;YAChB,kBAAkB,oBAAA;YAClB,iBAAiB,mBAAA;YACjB,iBAAiB,mBAAA;YACjB,iBAAiB,mBAAA;SAClB,CAAC;IACJ,CAAC,CAAC;IAtDW,QAAA,eAAe,mBAsD1B","sourcesContent":["import * as React from 'react';\nimport { Types as TabsterTypes } from 'tabster';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useTabster } from './useTabster';\n\n/**\n * Returns a set of helper functions that will traverse focusable elements in the context of a root DOM element\n */\nexport const useFocusFinders = () => {\n  const tabster = useTabster();\n  const { targetDocument } = useFluent();\n\n  // Narrow props for now and let need dictate additional props in the future\n  const findAllFocusable = React.useCallback(\n    (container: HTMLElement, acceptCondition?: (el: HTMLElement) => boolean) =>\n      tabster?.focusable.findAll({ container, acceptCondition }) || [],\n    [tabster],\n  );\n\n  const findFirstFocusable = React.useCallback(\n    (container: HTMLElement) => tabster?.focusable.findFirst({ container }),\n    [tabster],\n  );\n\n  const findLastFocusable = React.useCallback(\n    (container: HTMLElement) => tabster?.focusable.findLast({ container }),\n    [tabster],\n  );\n\n  const findNextFocusable = React.useCallback(\n    (currentElement: HTMLElement, options: Pick<Partial<TabsterTypes.FindNextProps>, 'container'> = {}) => {\n      if (!tabster || !targetDocument) {\n        return null;\n      }\n\n      const { container = targetDocument.body } = options;\n\n      return tabster.focusable.findNext({ currentElement, container });\n    },\n    [tabster, targetDocument],\n  );\n\n  const findPrevFocusable = React.useCallback(\n    (currentElement: HTMLElement, options: Pick<Partial<TabsterTypes.FindNextProps>, 'container'> = {}) => {\n      if (!tabster || !targetDocument) {\n        return null;\n      }\n\n      const { container = targetDocument.body } = options;\n\n      return tabster.focusable.findPrev({ currentElement, container });\n    },\n    [tabster, targetDocument],\n  );\n\n  return {\n    findAllFocusable,\n    findFirstFocusable,\n    findLastFocusable,\n    findNextFocusable,\n    findPrevFocusable,\n  };\n};\n"]}

package/lib-amd/hooks/useFocusVisible.js

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-shared-contexts", "../focus/focusVisiblePolyfill"], function (require, exports, React, react_shared_contexts_1, focusVisiblePolyfill_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useFocusVisible = void 0;
-    function useFocusVisible() {
-        var targetDocument = react_shared_contexts_1.useFluent_unstable().targetDocument;
-        var scopeRef = React.useRef(null);
-        React.useEffect(function () {
-            if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && scopeRef.current) {
-                return focusVisiblePolyfill_1.applyFocusVisiblePolyfill(scopeRef.current, targetDocument.defaultView);
-            }
-        }, [scopeRef, targetDocument]);
-        return scopeRef;
-    }
-    exports.useFocusVisible = useFocusVisible;
-});
-//# sourceMappingURL=useFocusVisible.js.map

package/lib-amd/hooks/useFocusVisible.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusVisible.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/useFocusVisible.ts"],"names":[],"mappings":";;;;IAIA,SAAgB,eAAe;QACrB,IAAA,cAAc,GAAK,0CAAS,EAAE,eAAhB,CAAiB;QACvC,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAW,IAAI,CAAC,CAAC;QAE9C,KAAK,CAAC,SAAS,CAAC;YACd,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,KAAI,QAAQ,CAAC,OAAO,EAAE;gBACnD,OAAO,gDAAyB,CAAC,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;aAChF;QACH,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;QAE/B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAXD,0CAWC","sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { applyFocusVisiblePolyfill } from '../focus/focusVisiblePolyfill';\n\nexport function useFocusVisible<TElement extends HTMLElement = HTMLElement>() {\n  const { targetDocument } = useFluent();\n  const scopeRef = React.useRef<TElement>(null);\n\n  React.useEffect(() => {\n    if (targetDocument?.defaultView && scopeRef.current) {\n      return applyFocusVisiblePolyfill(scopeRef.current, targetDocument.defaultView);\n    }\n  }, [scopeRef, targetDocument]);\n\n  return scopeRef;\n}\n"]}

package/lib-amd/hooks/useFocusWithin.js

@@ -1,22 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-shared-contexts", "../focus/focusWithinPolyfill"], function (require, exports, React, react_shared_contexts_1, focusWithinPolyfill_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useFocusWithin = void 0;
-    /**
-     * 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 useFocusWithin() {
-        var targetDocument = react_shared_contexts_1.useFluent_unstable().targetDocument;
-        var elementRef = React.useRef(null);
-        React.useEffect(function () {
-            if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && elementRef.current) {
-                return focusWithinPolyfill_1.applyFocusWithinPolyfill(elementRef.current, targetDocument.defaultView);
-            }
-        }, [elementRef, targetDocument]);
-        return elementRef;
-    }
-    exports.useFocusWithin = useFocusWithin;
-});
-//# sourceMappingURL=useFocusWithin.js.map

package/lib-amd/hooks/useFocusWithin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusWithin.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/useFocusWithin.ts"],"names":[],"mappings":";;;;IAIA;;;;OAIG;IACH,SAAgB,cAAc;QACpB,IAAA,cAAc,GAAK,0CAAS,EAAE,eAAhB,CAAiB;QACvC,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAW,IAAI,CAAC,CAAC;QAEhD,KAAK,CAAC,SAAS,CAAC;YACd,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,KAAI,UAAU,CAAC,OAAO,EAAE;gBACrD,OAAO,8CAAwB,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;aACjF;QACH,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC;QAEjC,OAAO,UAAU,CAAC;IACpB,CAAC;IAXD,wCAWC","sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { applyFocusWithinPolyfill } from '../focus/focusWithinPolyfill';\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 useFocusWithin<TElement extends HTMLElement = HTMLElement>() {\n  const { targetDocument } = useFluent();\n  const elementRef = React.useRef<TElement>(null);\n\n  React.useEffect(() => {\n    if (targetDocument?.defaultView && elementRef.current) {\n      return applyFocusWithinPolyfill(elementRef.current, targetDocument.defaultView);\n    }\n  }, [elementRef, targetDocument]);\n\n  return elementRef;\n}\n"]}

package/lib-amd/hooks/useFocusableGroup.js

@@ -1,34 +0,0 @@
-define(["require", "exports", "tabster", "./useTabsterAttributes", "./useTabster"], function (require, exports, tabster_1, useTabsterAttributes_1, useTabster_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useFocusableGroup = void 0;
-    /**
-     * A hook that returns the necessary tabster attributes to support groupping.
-     * @param options - Options to configure keyboard navigation
-     */
-    var useFocusableGroup = function (options) {
-        var tabster = useTabster_1.useTabster();
-        if (tabster) {
-            tabster_1.getGroupper(tabster);
-        }
-        return useTabsterAttributes_1.useTabsterAttributes({
-            groupper: {
-                tabbability: getTabbability(options === null || options === void 0 ? void 0 : options.tabBehavior),
-            },
-        });
-    };
-    exports.useFocusableGroup = useFocusableGroup;
-    var getTabbability = function (tabBehavior) {
-        switch (tabBehavior) {
-            case 'unlimited':
-                return tabster_1.Types.GroupperTabbabilities.Unlimited;
-            case 'limited':
-                return tabster_1.Types.GroupperTabbabilities.Limited;
-            case 'limited-trap-focus':
-                return tabster_1.Types.GroupperTabbabilities.LimitedTrapFocus;
-            default:
-                return undefined;
-        }
-    };
-});
-//# sourceMappingURL=useFocusableGroup.js.map

package/lib-amd/hooks/useFocusableGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusableGroup.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/useFocusableGroup.ts"],"names":[],"mappings":";;;;IAWA;;;OAGG;IACI,IAAM,iBAAiB,GAAG,UAAC,OAAkC;QAClE,IAAM,OAAO,GAAG,uBAAU,EAAE,CAAC;QAE7B,IAAI,OAAO,EAAE;YACX,qBAAW,CAAC,OAAO,CAAC,CAAC;SACtB;QAED,OAAO,2CAAoB,CAAC;YAC1B,QAAQ,EAAE;gBACR,WAAW,EAAE,cAAc,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;aAClD;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAZW,QAAA,iBAAiB,qBAY5B;IAEF,IAAM,cAAc,GAAG,UACrB,WAAqD;QAErD,QAAQ,WAAW,EAAE;YACnB,KAAK,WAAW;gBACd,OAAO,eAAK,CAAC,qBAAqB,CAAC,SAAS,CAAC;YAC/C,KAAK,SAAS;gBACZ,OAAO,eAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC;YAC7C,KAAK,oBAAoB;gBACvB,OAAO,eAAK,CAAC,qBAAqB,CAAC,gBAAgB,CAAC;YACtD;gBACE,OAAO,SAAS,CAAC;SACpB;IACH,CAAC,CAAC","sourcesContent":["import { Types, getGroupper } from 'tabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { useTabster } from './useTabster';\n\nexport interface UseFocusableGroupOptions {\n  /**\n   * Behavior for the Tab key.\n   */\n  tabBehavior?: 'unlimited' | 'limited' | 'limited-trap-focus';\n}\n\n/**\n * A hook that returns the necessary tabster attributes to support groupping.\n * @param options - Options to configure keyboard navigation\n */\nexport const useFocusableGroup = (options?: UseFocusableGroupOptions): Types.TabsterDOMAttribute => {\n  const tabster = useTabster();\n\n  if (tabster) {\n    getGroupper(tabster);\n  }\n\n  return useTabsterAttributes({\n    groupper: {\n      tabbability: getTabbability(options?.tabBehavior),\n    },\n  });\n};\n\nconst getTabbability = (\n  tabBehavior?: UseFocusableGroupOptions['tabBehavior'],\n): Types.GroupperTabbability | undefined => {\n  switch (tabBehavior) {\n    case 'unlimited':\n      return Types.GroupperTabbabilities.Unlimited;\n    case 'limited':\n      return Types.GroupperTabbabilities.Limited;\n    case 'limited-trap-focus':\n      return Types.GroupperTabbabilities.LimitedTrapFocus;\n    default:\n      return undefined;\n  }\n};\n"]}

package/lib-amd/hooks/useKeyboardNavAttribute.js

@@ -1,39 +0,0 @@
-define(["require", "exports", "keyborg", "react", "../focus/constants", "@fluentui/react-shared-contexts"], function (require, exports, keyborg_1, react_1, constants_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useKeyboardNavAttribute = void 0;
-    /**
-     * Instantiates [keyborg](https://github.com/microsoft/keyborg) and adds `data-keyboard-nav`
-     * attribute to a referenced element to ensure keyboard navigation awareness
-     * synced to keyborg logic without having to cause a re-render on react tree.
-     */
-    function useKeyboardNavAttribute() {
-        var targetDocument = react_shared_contexts_1.useFluent_unstable().targetDocument;
-        var keyborg = react_1.useMemo(function () { return targetDocument && keyborg_1.createKeyborg(targetDocument.defaultView); }, [targetDocument]);
-        var ref = react_1.useRef(null);
-        react_1.useEffect(function () {
-            if (keyborg) {
-                setBooleanAttribute(ref, constants_1.KEYBOARD_NAV_ATTRIBUTE, keyborg.isNavigatingWithKeyboard());
-                var cb_1 = function (next) {
-                    setBooleanAttribute(ref, constants_1.KEYBOARD_NAV_ATTRIBUTE, next);
-                };
-                keyborg.subscribe(cb_1);
-                return function () { return keyborg.unsubscribe(cb_1); };
-            }
-        }, [keyborg]);
-        return ref;
-    }
-    exports.useKeyboardNavAttribute = useKeyboardNavAttribute;
-    function setBooleanAttribute(elementRef, attribute, value) {
-        if (!elementRef.current) {
-            return;
-        }
-        if (value) {
-            elementRef.current.setAttribute(attribute, '');
-        }
-        else {
-            elementRef.current.removeAttribute(attribute);
-        }
-    }
-});
-//# sourceMappingURL=useKeyboardNavAttribute.js.map

package/lib-amd/hooks/useKeyboardNavAttribute.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardNavAttribute.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/useKeyboardNavAttribute.ts"],"names":[],"mappings":";;;;IAOA;;;;OAIG;IACH,SAAgB,uBAAuB;QAC7B,IAAA,cAAc,GAAK,0CAAS,EAAE,eAAhB,CAAiB;QACvC,IAAM,OAAO,GAAG,eAAO,CAAC,cAAM,OAAA,cAAc,IAAI,uBAAa,CAAC,cAAc,CAAC,WAAY,CAAC,EAA5D,CAA4D,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;QAC9G,IAAM,GAAG,GAAG,cAAM,CAAI,IAAI,CAAC,CAAC;QAC5B,iBAAS,CAAC;YACR,IAAI,OAAO,EAAE;gBACX,mBAAmB,CAAC,GAAG,EAAE,kCAAsB,EAAE,OAAO,CAAC,wBAAwB,EAAE,CAAC,CAAC;gBACrF,IAAM,IAAE,GAAoB,UAAA,IAAI;oBAC9B,mBAAmB,CAAC,GAAG,EAAE,kCAAsB,EAAE,IAAI,CAAC,CAAC;gBACzD,CAAC,CAAC;gBACF,OAAO,CAAC,SAAS,CAAC,IAAE,CAAC,CAAC;gBACtB,OAAO,cAAM,OAAA,OAAO,CAAC,WAAW,CAAC,IAAE,CAAC,EAAvB,CAAuB,CAAC;aACtC;QACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;QACd,OAAO,GAAG,CAAC;IACb,CAAC;IAfD,0DAeC;IAED,SAAS,mBAAmB,CAAC,UAAkC,EAAE,SAAiB,EAAE,KAAc;QAChG,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACvB,OAAO;SACR;QACD,IAAI,KAAK,EAAE;YACT,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;SAChD;aAAM;YACL,UAAU,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;SAC/C;IACH,CAAC","sourcesContent":["import { createKeyborg } from 'keyborg';\nimport { useEffect, useMemo, useRef } from 'react';\nimport { KEYBOARD_NAV_ATTRIBUTE } from '../focus/constants';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport type { KeyborgCallback } from 'keyborg';\nimport type { RefObject } from 'react';\n\n/**\n * Instantiates [keyborg](https://github.com/microsoft/keyborg) and adds `data-keyboard-nav`\n * attribute to a referenced element to ensure keyboard navigation awareness\n * synced to keyborg logic without having to cause a re-render on react tree.\n */\nexport function useKeyboardNavAttribute<E extends HTMLElement>() {\n  const { targetDocument } = useFluent();\n  const keyborg = useMemo(() => targetDocument && createKeyborg(targetDocument.defaultView!), [targetDocument]);\n  const ref = useRef<E>(null);\n  useEffect(() => {\n    if (keyborg) {\n      setBooleanAttribute(ref, KEYBOARD_NAV_ATTRIBUTE, keyborg.isNavigatingWithKeyboard());\n      const cb: KeyborgCallback = next => {\n        setBooleanAttribute(ref, KEYBOARD_NAV_ATTRIBUTE, next);\n      };\n      keyborg.subscribe(cb);\n      return () => keyborg.unsubscribe(cb);\n    }\n  }, [keyborg]);\n  return ref;\n}\n\nfunction setBooleanAttribute(elementRef: RefObject<HTMLElement>, attribute: string, value: boolean) {\n  if (!elementRef.current) {\n    return;\n  }\n  if (value) {\n    elementRef.current.setAttribute(attribute, '');\n  } else {\n    elementRef.current.removeAttribute(attribute);\n  }\n}\n"]}

package/lib-amd/hooks/useModalAttributes.js

@@ -1,38 +0,0 @@
-define(["require", "exports", "@fluentui/react-utilities", "./useTabsterAttributes", "tabster", "./useTabster"], function (require, exports, react_utilities_1, useTabsterAttributes_1, tabster_1, useTabster_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useModalAttributes = void 0;
-    /**
-     * Applies modal dialog behaviour through DOM attributes
-     * Modal element will focus trap and hide other content on the page
-     * The trigger element will be focused if focus is lost after the modal element is removed
-     *
-     * @returns DOM attributes to apply to the modal element and its trigger
-     */
-    var useModalAttributes = function (options) {
-        if (options === void 0) { options = {}; }
-        var trapFocus = options.trapFocus, alwaysFocusable = options.alwaysFocusable, legacyTrapFocus = options.legacyTrapFocus;
-        var tabster = useTabster_1.useTabster();
-        // Initializes the modalizer and deloser APIs
-        if (tabster) {
-            tabster_1.getModalizer(tabster);
-            tabster_1.getDeloser(tabster);
-        }
-        var id = react_utilities_1.useId('modal-', options.id);
-        var modalAttributes = useTabsterAttributes_1.useTabsterAttributes({
-            deloser: {},
-            modalizer: {
-                id: id,
-                isOthersAccessible: !trapFocus,
-                isAlwaysAccessible: alwaysFocusable,
-                isTrapped: legacyTrapFocus && trapFocus,
-            },
-        });
-        var triggerAttributes = useTabsterAttributes_1.useTabsterAttributes({
-            deloser: {},
-        });
-        return { modalAttributes: modalAttributes, triggerAttributes: triggerAttributes };
-    };
-    exports.useModalAttributes = useModalAttributes;
-});
-//# sourceMappingURL=useModalAttributes.js.map

package/lib-amd/hooks/useModalAttributes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModalAttributes.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/useModalAttributes.ts"],"names":[],"mappings":";;;;IAiCA;;;;;;OAMG;IACI,IAAM,kBAAkB,GAAG,UAChC,OAAuC;QAAvC,wBAAA,EAAA,YAAuC;QAE/B,IAAA,SAAS,GAAuC,OAAO,UAA9C,EAAE,eAAe,GAAsB,OAAO,gBAA7B,EAAE,eAAe,GAAK,OAAO,gBAAZ,CAAa;QAChE,IAAM,OAAO,GAAG,uBAAU,EAAE,CAAC;QAC7B,6CAA6C;QAC7C,IAAI,OAAO,EAAE;YACX,sBAAY,CAAC,OAAO,CAAC,CAAC;YACtB,oBAAU,CAAC,OAAO,CAAC,CAAC;SACrB;QAED,IAAM,EAAE,GAAG,uBAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;QACvC,IAAM,eAAe,GAAG,2CAAoB,CAAC;YAC3C,OAAO,EAAE,EAAE;YACX,SAAS,EAAE;gBACT,EAAE,IAAA;gBACF,kBAAkB,EAAE,CAAC,SAAS;gBAC9B,kBAAkB,EAAE,eAAe;gBACnC,SAAS,EAAE,eAAe,IAAI,SAAS;aACxC;SACF,CAAC,CAAC;QAEH,IAAM,iBAAiB,GAAG,2CAAoB,CAAC;YAC7C,OAAO,EAAE,EAAE;SACZ,CAAC,CAAC;QAEH,OAAO,EAAE,eAAe,iBAAA,EAAE,iBAAiB,mBAAA,EAAE,CAAC;IAChD,CAAC,CAAC;IA3BW,QAAA,kBAAkB,sBA2B7B","sourcesContent":["import { useId } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { getDeloser, getModalizer, Types as TabsterTypes } from 'tabster';\nimport { useTabster } from './useTabster';\n\nexport interface UseModalAttributesOptions {\n  /**\n   * Traps focus inside the elements the attributes are applied.\n   * Prefer this to `legacyTrapFocus`\n   * it forbids users to tab out of the focus trap into the actual browser.\n   */\n  trapFocus?: boolean;\n\n  /**\n   * Traps focus inside the elements the attributes are applied.\n   * This prop enables legacy behavior to match previous versions of Fluent and is not\n   * recommended for general use.\n   * Enabling `legacyTrapFocus` prevents users from tabbing out of the focus trap and into\n   * the actual browser. Prefer using `trapFocus` instead of this prop.\n   */\n  legacyTrapFocus?: boolean;\n\n  /**\n   * Always reachabled in Tab order\n   */\n  alwaysFocusable?: boolean;\n\n  /**\n   * Id to use for the modalizer. An id will be generated if not provided.\n   */\n  id?: string;\n}\n\n/**\n * Applies modal dialog behaviour through DOM attributes\n * Modal element will focus trap and hide other content on the page\n * The trigger element will be focused if focus is lost after the modal element is removed\n *\n * @returns DOM attributes to apply to the modal element and its trigger\n */\nexport const useModalAttributes = (\n  options: UseModalAttributesOptions = {},\n): { modalAttributes: TabsterTypes.TabsterDOMAttribute; triggerAttributes: TabsterTypes.TabsterDOMAttribute } => {\n  const { trapFocus, alwaysFocusable, legacyTrapFocus } = options;\n  const tabster = useTabster();\n  // Initializes the modalizer and deloser APIs\n  if (tabster) {\n    getModalizer(tabster);\n    getDeloser(tabster);\n  }\n\n  const id = useId('modal-', options.id);\n  const modalAttributes = useTabsterAttributes({\n    deloser: {},\n    modalizer: {\n      id,\n      isOthersAccessible: !trapFocus,\n      isAlwaysAccessible: alwaysFocusable,\n      isTrapped: legacyTrapFocus && trapFocus,\n    },\n  });\n\n  const triggerAttributes = useTabsterAttributes({\n    deloser: {},\n  });\n\n  return { modalAttributes, triggerAttributes };\n};\n"]}

package/lib-amd/hooks/useTabster.js

@@ -1,32 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-shared-contexts", "tabster", "@fluentui/react-utilities"], function (require, exports, React, react_shared_contexts_1, tabster_1, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTabster = void 0;
-    /**
-     * Tries to get a tabster instance on the current window or creates a new one
-     * Since Tabster is single instance only, feel free to call this hook to ensure Tabster exists if necessary
-     *
-     * @internal
-     * @returns Tabster core instance
-     */
-    var useTabster = function () {
-        var targetDocument = react_shared_contexts_1.useFluent_unstable().targetDocument;
-        var defaultView = (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) || undefined;
-        var tabster = React.useMemo(function () {
-            if (!defaultView) {
-                return null;
-            }
-            return tabster_1.createTabster(defaultView, { autoRoot: {}, controlTab: false });
-        }, [defaultView]);
-        react_utilities_1.useIsomorphicLayoutEffect(function () {
-            return function () {
-                if (tabster) {
-                    tabster_1.disposeTabster(tabster);
-                }
-            };
-        }, [tabster]);
-        return tabster;
-    };
-    exports.useTabster = useTabster;
-});
-//# sourceMappingURL=useTabster.js.map

package/lib-amd/hooks/useTabster.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTabster.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/useTabster.ts"],"names":[],"mappings":";;;;IAKA;;;;;;OAMG;IACI,IAAM,UAAU,GAAG;QAChB,IAAA,cAAc,GAAK,0CAAS,EAAE,eAAhB,CAAiB;QAEvC,IAAM,WAAW,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,KAAI,SAAS,CAAC;QAC7D,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;YAC5B,IAAI,CAAC,WAAW,EAAE;gBAChB,OAAO,IAAI,CAAC;aACb;YAED,OAAO,uBAAa,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;QACzE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;QAElB,2CAAyB,CAAC;YACxB,OAAO;gBACL,IAAI,OAAO,EAAE;oBACX,wBAAc,CAAC,OAAO,CAAC,CAAC;iBACzB;YACH,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;QAEd,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC;IArBW,QAAA,UAAU,cAqBrB","sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { createTabster, disposeTabster, Types as TabsterTypes } from 'tabster';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\n\n/**\n * Tries to get a tabster instance on the current window or creates a new one\n * Since Tabster is single instance only, feel free to call this hook to ensure Tabster exists if necessary\n *\n * @internal\n * @returns Tabster core instance\n */\nexport const useTabster = (): TabsterTypes.TabsterCore | null => {\n  const { targetDocument } = useFluent();\n\n  const defaultView = targetDocument?.defaultView || undefined;\n  const tabster = React.useMemo(() => {\n    if (!defaultView) {\n      return null;\n    }\n\n    return createTabster(defaultView, { autoRoot: {}, controlTab: false });\n  }, [defaultView]);\n\n  useIsomorphicLayoutEffect(() => {\n    return () => {\n      if (tabster) {\n        disposeTabster(tabster);\n      }\n    };\n  }, [tabster]);\n\n  return tabster;\n};\n"]}

package/lib-amd/hooks/useTabsterAttributes.js

@@ -1,17 +0,0 @@
-define(["require", "exports", "tabster", "./useTabster"], function (require, exports, tabster_1, useTabster_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTabsterAttributes = void 0;
-    /**
-     * @internal
-     * Hook that returns tabster attributes while ensuring tabster exists
-     */
-    var useTabsterAttributes = function (props) {
-        // A tabster instance is not necessary to generate tabster attributes
-        // but calling the hook will ensure that a tabster instance exists internally and avoids consumers doing the same
-        useTabster_1.useTabster();
-        return tabster_1.getTabsterAttribute(props);
-    };
-    exports.useTabsterAttributes = useTabsterAttributes;
-});
-//# sourceMappingURL=useTabsterAttributes.js.map

package/lib-amd/hooks/useTabsterAttributes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTabsterAttributes.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-tabster/src/hooks/useTabsterAttributes.ts"],"names":[],"mappings":";;;;IAGA;;;OAGG;IACI,IAAM,oBAAoB,GAAG,UAAC,KAAyC;QAC5E,qEAAqE;QACrE,iHAAiH;QACjH,uBAAU,EAAE,CAAC;QAEb,OAAO,6BAAmB,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,CAAC;IANW,QAAA,oBAAoB,wBAM/B","sourcesContent":["import { getTabsterAttribute, Types as TabsterTypes } from 'tabster';\nimport { useTabster } from './useTabster';\n\n/**\n * @internal\n * Hook that returns tabster attributes while ensuring tabster exists\n */\nexport const useTabsterAttributes = (props: TabsterTypes.TabsterAttributeProps): TabsterTypes.TabsterDOMAttribute => {\n  // A tabster instance is not necessary to generate tabster attributes\n  // but calling the hook will ensure that a tabster instance exists internally and avoids consumers doing the same\n  useTabster();\n\n  return getTabsterAttribute(props);\n};\n"]}

package/lib-amd/index.js

@@ -1,17 +0,0 @@
-define(["require", "exports", "./hooks/index", "./focus/index", "./focus/index"], function (require, exports, index_1, index_2, index_3) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.applyFocusVisiblePolyfill = exports.createFocusOutlineStyle = exports.createCustomFocusIndicatorStyle = exports.useTabsterAttributes = exports.useModalAttributes = exports.useKeyboardNavAttribute = exports.useFocusWithin = exports.useFocusVisible = exports.useFocusFinders = exports.useFocusableGroup = exports.useArrowNavigationGroup = void 0;
-    Object.defineProperty(exports, "useArrowNavigationGroup", { enumerable: true, get: function () { return index_1.useArrowNavigationGroup; } });
-    Object.defineProperty(exports, "useFocusableGroup", { enumerable: true, get: function () { return index_1.useFocusableGroup; } });
-    Object.defineProperty(exports, "useFocusFinders", { enumerable: true, get: function () { return index_1.useFocusFinders; } });
-    Object.defineProperty(exports, "useFocusVisible", { enumerable: true, get: function () { return index_1.useFocusVisible; } });
-    Object.defineProperty(exports, "useFocusWithin", { enumerable: true, get: function () { return index_1.useFocusWithin; } });
-    Object.defineProperty(exports, "useKeyboardNavAttribute", { enumerable: true, get: function () { return index_1.useKeyboardNavAttribute; } });
-    Object.defineProperty(exports, "useModalAttributes", { enumerable: true, get: function () { return index_1.useModalAttributes; } });
-    Object.defineProperty(exports, "useTabsterAttributes", { enumerable: true, get: function () { return index_1.useTabsterAttributes; } });
-    Object.defineProperty(exports, "createCustomFocusIndicatorStyle", { enumerable: true, get: function () { return index_2.createCustomFocusIndicatorStyle; } });
-    Object.defineProperty(exports, "createFocusOutlineStyle", { enumerable: true, get: function () { return index_2.createFocusOutlineStyle; } });
-    Object.defineProperty(exports, "applyFocusVisiblePolyfill", { enumerable: true, get: function () { return index_3.applyFocusVisiblePolyfill; } });
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-tabster/src/index.ts"],"names":[],"mappings":";;;;IACE,gHAAA,uBAAuB,OAAA;IACvB,0GAAA,iBAAiB,OAAA;IACjB,wGAAA,eAAe,OAAA;IACf,wGAAA,eAAe,OAAA;IACf,uGAAA,cAAc,OAAA;IACd,gHAAA,uBAAuB,OAAA;IACvB,2GAAA,kBAAkB,OAAA;IAClB,6GAAA,oBAAoB,OAAA;IAQb,wHAAA,+BAA+B,OAAA;IAAE,gHAAA,uBAAuB,OAAA;IASxD,kHAAA,yBAAyB,OAAA","sourcesContent":["export {\n  useArrowNavigationGroup,\n  useFocusableGroup,\n  useFocusFinders,\n  useFocusVisible,\n  useFocusWithin,\n  useKeyboardNavAttribute,\n  useModalAttributes,\n  useTabsterAttributes,\n} from './hooks/index';\nexport type {\n  UseArrowNavigationGroupOptions,\n  UseFocusableGroupOptions,\n  UseModalAttributesOptions,\n} from './hooks/index';\n\nexport { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from './focus/index';\n\nexport type {\n  CreateCustomFocusIndicatorStyleOptions,\n  CreateFocusOutlineStyleOptions,\n  FocusOutlineOffset,\n  FocusOutlineStyleOptions,\n} from './focus/index';\n\nexport { applyFocusVisiblePolyfill } from './focus/index';\n"]}