@fluentui/react-tabster 9.12.4 → 9.12.6

package/lib/hooks/useTabster.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTabster.ts"],"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"],"names":["React","useFluent_unstable","useFluent","createTabster","disposeTabster","useIsomorphicLayoutEffect","useTabster","targetDocument","defaultView","undefined","tabster","useMemo","autoRoot","controlTab"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,aAAa,EAAEC,cAAc,QAA+B,UAAU;AAC/E,SAASC,yBAAyB,QAAQ,4BAA4B;AAEtE;;;;;;CAMC,GACD,OAAO,MAAMC,aAAa,IAAuC;IAC/D,MAAM,EAAEC,eAAc,EAAE,GAAGL;IAE3B,MAAMM,cAAcD,CAAAA,2BAAAA,4BAAAA,KAAAA,IAAAA,eAAgBC,WAAW,AAAD,KAAKC;IACnD,MAAMC,UAAUV,MAAMW,OAAO,CAAC,IAAM;QAClC,IAAI,CAACH,aAAa;YAChB,OAAO,IAAI;QACb,CAAC;QAED,OAAOL,cAAcK,aAAa;YAAEI,UAAU,CAAC;YAAGC,YAAY,KAAK;QAAC;IACtE,GAAG;QAACL;KAAY;IAEhBH,0BAA0B,IAAM;QAC9B,OAAO,IAAM;YACX,IAAIK,SAAS;gBACXN,eAAeM;YACjB,CAAC;QACH;IACF,GAAG;QAACA;KAAQ;IAEZ,OAAOA;AACT,EAAE"}
+{"version":3,"sources":["useTabster.ts"],"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"],"names":["React","useFluent_unstable","useFluent","createTabster","disposeTabster","useIsomorphicLayoutEffect","useTabster","targetDocument","defaultView","undefined","tabster","useMemo","autoRoot","controlTab"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,aAAa,EAAEC,cAAc,QAA+B,UAAU;AAC/E,SAASC,yBAAyB,QAAQ,4BAA4B;AAEtE;;;;;;CAMC,GACD,OAAO,MAAMC,aAAa;QAGJC;IAFpB,MAAM,EAAEA,cAAc,EAAE,GAAGL;IAE3B,MAAMM,cAAcD,EAAAA,kBAAAA,4BAAAA,sCAAAA,gBAAgBC,WAAW,KAAIC;IACnD,MAAMC,UAAUV,MAAMW,OAAO,CAAC;QAC5B,IAAI,CAACH,aAAa;YAChB,OAAO;QACT;QAEA,OAAOL,cAAcK,aAAa;YAAEI,UAAU,CAAC;YAAGC,YAAY;QAAM;IACtE,GAAG;QAACL;KAAY;IAEhBH,0BAA0B;QACxB,OAAO;YACL,IAAIK,SAAS;gBACXN,eAAeM;YACjB;QACF;IACF,GAAG;QAACA;KAAQ;IAEZ,OAAOA;AACT,EAAE"}

package/lib/hooks/useTabsterAttributes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTabsterAttributes.ts"],"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"],"names":["getTabsterAttribute","useTabster","useTabsterAttributes","props"],"mappings":"AAAA,SAASA,mBAAmB,QAA+B,UAAU;AACrE,SAASC,UAAU,QAAQ,eAAe;AAE1C;;;CAGC,GACD,OAAO,MAAMC,uBAAuB,CAACC,QAAgF;IACnH,qEAAqE;IACrE,iHAAiH;IACjHF;IAEA,OAAOD,oBAAoBG;AAC7B,EAAE"}
+{"version":3,"sources":["useTabsterAttributes.ts"],"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"],"names":["getTabsterAttribute","useTabster","useTabsterAttributes","props"],"mappings":"AAAA,SAASA,mBAAmB,QAA+B,UAAU;AACrE,SAASC,UAAU,QAAQ,eAAe;AAE1C;;;CAGC,GACD,OAAO,MAAMC,uBAAuB,CAACC;IACnC,qEAAqE;IACrE,iHAAiH;IACjHF;IAEA,OAAOD,oBAAoBG;AAC7B,EAAE"}

package/lib-commonjs/focus/constants.js

@@ -9,11 +9,21 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    KEYBOARD_NAV_ATTRIBUTE: ()=>KEYBOARD_NAV_ATTRIBUTE,
-    KEYBOARD_NAV_SELECTOR: ()=>KEYBOARD_NAV_SELECTOR,
-    FOCUS_VISIBLE_ATTR: ()=>FOCUS_VISIBLE_ATTR,
-    FOCUS_WITHIN_ATTR: ()=>FOCUS_WITHIN_ATTR,
-    defaultOptions: ()=>defaultOptions
+    KEYBOARD_NAV_ATTRIBUTE: function() {
+        return KEYBOARD_NAV_ATTRIBUTE;
+    },
+    KEYBOARD_NAV_SELECTOR: function() {
+        return KEYBOARD_NAV_SELECTOR;
+    },
+    FOCUS_VISIBLE_ATTR: function() {
+        return FOCUS_VISIBLE_ATTR;
+    },
+    FOCUS_WITHIN_ATTR: function() {
+        return FOCUS_WITHIN_ATTR;
+    },
+    defaultOptions: function() {
+        return defaultOptions;
+    }
 });
 const KEYBOARD_NAV_ATTRIBUTE = 'data-keyboard-nav';
 const KEYBOARD_NAV_SELECTOR = `:global([${KEYBOARD_NAV_ATTRIBUTE}])`;

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

@@ -1 +1 @@
-{"version":3,"sources":["constants.js"],"sourcesContent":["export const KEYBOARD_NAV_ATTRIBUTE = 'data-keyboard-nav';\nexport const KEYBOARD_NAV_SELECTOR = `:global([${KEYBOARD_NAV_ATTRIBUTE}])`;\n/**\n * @internal\n */ export const FOCUS_VISIBLE_ATTR = 'data-fui-focus-visible';\n/**\n * @internal\n */ export const FOCUS_WITHIN_ATTR = 'data-fui-focus-within';\nexport const defaultOptions = {\n    style: {},\n    selector: 'focus'\n};\n"],"names":["KEYBOARD_NAV_ATTRIBUTE","KEYBOARD_NAV_SELECTOR","FOCUS_VISIBLE_ATTR","FOCUS_WITHIN_ATTR","defaultOptions","style","selector"],"mappings":";;;;;;;;;;;IAAaA,sBAAsB,MAAtBA;IACAC,qBAAqB,MAArBA;IAGIC,kBAAkB,MAAlBA;IAGAC,iBAAiB,MAAjBA;IACJC,cAAc,MAAdA;;AARN,MAAMJ,yBAAyB;AAC/B,MAAMC,wBAAwB,CAAC,SAAS,EAAED,uBAAuB,EAAE,CAAC;AAGhE,MAAME,qBAAqB;AAG3B,MAAMC,oBAAoB;AAC9B,MAAMC,iBAAiB;IAC1BC,OAAO,CAAC;IACRC,UAAU;AACd"}
+{"version":3,"sources":["constants.js"],"sourcesContent":["export const KEYBOARD_NAV_ATTRIBUTE = 'data-keyboard-nav';\nexport const KEYBOARD_NAV_SELECTOR = `:global([${KEYBOARD_NAV_ATTRIBUTE}])`;\n/**\n * @internal\n */ export const FOCUS_VISIBLE_ATTR = 'data-fui-focus-visible';\n/**\n * @internal\n */ export const FOCUS_WITHIN_ATTR = 'data-fui-focus-within';\nexport const defaultOptions = {\n    style: {},\n    selector: 'focus'\n};\n"],"names":["KEYBOARD_NAV_ATTRIBUTE","KEYBOARD_NAV_SELECTOR","FOCUS_VISIBLE_ATTR","FOCUS_WITHIN_ATTR","defaultOptions","style","selector"],"mappings":";;;;;;;;;;;IAAaA,sBAAsB;eAAtBA;;IACAC,qBAAqB;eAArBA;;IAGIC,kBAAkB;eAAlBA;;IAGAC,iBAAiB;eAAjBA;;IACJC,cAAc;eAAdA;;;AARN,MAAMJ,yBAAyB;AAC/B,MAAMC,wBAAwB,CAAC,SAAS,EAAED,uBAAuB,EAAE,CAAC;AAGhE,MAAME,qBAAqB;AAG3B,MAAMC,oBAAoB;AAC9B,MAAMC,iBAAiB;IAC1BC,OAAO,CAAC;IACRC,UAAU;AACd"}

package/lib-commonjs/focus/createCustomFocusIndicatorStyle.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "createCustomFocusIndicatorStyle", {
     enumerable: true,
-    get: ()=>createCustomFocusIndicatorStyle
+    get: function() {
+        return createCustomFocusIndicatorStyle;
+    }
 });
 const _constants = require("./constants");
-function createCustomFocusIndicatorStyle(style, { selector =_constants.defaultOptions.selector  } = _constants.defaultOptions) {
+function createCustomFocusIndicatorStyle(style, { selector = _constants.defaultOptions.selector } = _constants.defaultOptions) {
     return {
         ...selector === 'focus' && {
             [`&[${_constants.FOCUS_VISIBLE_ATTR}]`]: style

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

@@ -1 +1 @@
-{"version":3,"sources":["createCustomFocusIndicatorStyle.js"],"sourcesContent":["import { defaultOptions, FOCUS_VISIBLE_ATTR, FOCUS_WITHIN_ATTR } from './constants';\n/**\n * Creates a style for @see makeStyles that includes the necessary selectors for focus.\n * Should be used only when @see createFocusOutlineStyle does not fit requirements\n *\n * @param style - styling applied on focus, defaults to @see getDefaultFocusOutlineStyles\n * @param options - Configure the style of the focus outline\n */ export function createCustomFocusIndicatorStyle(style, { selector =defaultOptions.selector  } = defaultOptions) {\n    return {\n        ...selector === 'focus' && {\n            [`&[${FOCUS_VISIBLE_ATTR}]`]: style\n        },\n        ...selector === 'focus-within' && {\n            [`&[${FOCUS_WITHIN_ATTR}]:${selector}`]: style\n        }\n    };\n}\n"],"names":["createCustomFocusIndicatorStyle","style","selector","defaultOptions","FOCUS_VISIBLE_ATTR","FOCUS_WITHIN_ATTR"],"mappings":";;;;+BAOoBA;;aAAAA;;2BAPkD;AAO3D,SAASA,gCAAgCC,KAAK,EAAE,EAAEC,UAAUC,yBAAc,CAACD,QAAQ,CAAA,EAAG,GAAGC,yBAAc,EAAE;IAChH,OAAO;QACH,GAAGD,aAAa,WAAW;YACvB,CAAC,CAAC,EAAE,EAAEE,6BAAkB,CAAC,CAAC,CAAC,CAAC,EAAEH;QAClC,CAAC;QACD,GAAGC,aAAa,kBAAkB;YAC9B,CAAC,CAAC,EAAE,EAAEG,4BAAiB,CAAC,EAAE,EAAEH,SAAS,CAAC,CAAC,EAAED;QAC7C,CAAC;IACL;AACJ"}
+{"version":3,"sources":["createCustomFocusIndicatorStyle.js"],"sourcesContent":["import { defaultOptions, FOCUS_VISIBLE_ATTR, FOCUS_WITHIN_ATTR } from './constants';\n/**\n * Creates a style for @see makeStyles that includes the necessary selectors for focus.\n * Should be used only when @see createFocusOutlineStyle does not fit requirements\n *\n * @param style - styling applied on focus, defaults to @see getDefaultFocusOutlineStyles\n * @param options - Configure the style of the focus outline\n */ export function createCustomFocusIndicatorStyle(style, { selector = defaultOptions.selector } = defaultOptions) {\n    return {\n        ...selector === 'focus' && {\n            [`&[${FOCUS_VISIBLE_ATTR}]`]: style\n        },\n        ...selector === 'focus-within' && {\n            [`&[${FOCUS_WITHIN_ATTR}]:${selector}`]: style\n        }\n    };\n}\n"],"names":["createCustomFocusIndicatorStyle","style","selector","defaultOptions","FOCUS_VISIBLE_ATTR","FOCUS_WITHIN_ATTR"],"mappings":";;;;+BAOoBA;;;eAAAA;;;2BAPkD;AAO3D,SAASA,gCAAgCC,KAAK,EAAE,EAAEC,WAAWC,yBAAc,CAACD,QAAQ,EAAE,GAAGC,yBAAc;IAC9G,OAAO;QACH,GAAGD,aAAa,WAAW;YACvB,CAAC,CAAC,EAAE,EAAEE,6BAAkB,CAAC,CAAC,CAAC,CAAC,EAAEH;QAClC,CAAC;QACD,GAAGC,aAAa,kBAAkB;YAC9B,CAAC,CAAC,EAAE,EAAEG,4BAAiB,CAAC,EAAE,EAAEH,SAAS,CAAC,CAAC,EAAED;QAC7C,CAAC;IACL;AACJ"}

package/lib-commonjs/focus/createFocusOutlineStyle.js

@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "createFocusOutlineStyle", {
     enumerable: true,
-    get: ()=>createFocusOutlineStyle
+    get: function() {
+        return createFocusOutlineStyle;
+    }
 });
-const _reactTheme = require("@fluentui/react-theme");
+const _reacttheme = require("@fluentui/react-theme");
 const _react = require("@griffel/react");
 const _createCustomFocusIndicatorStyle = require("./createCustomFocusIndicatorStyle");
 const _constants = require("./constants");
@@ -16,8 +18,9 @@ const _constants = require("./constants");
  * @param options - Configures the style of the focus outline
  * @param position - The position of the focus outline
  * @returns CSS value for the position of the focus outline
- */ function getOutlinePosition({ outlineWidth , outlineOffset  }, position) {
-    const offsetValue = (outlineOffset === null || outlineOffset === void 0 ? void 0 : outlineOffset[position]) || outlineOffset;
+ */ function getOutlinePosition({ outlineWidth, outlineOffset }, position) {
+    var _outlineOffset;
+    const offsetValue = ((_outlineOffset = outlineOffset) === null || _outlineOffset === void 0 ? void 0 : _outlineOffset[position]) || outlineOffset;
     if (!outlineOffset) {
         return `calc(${outlineWidth} * -1)`;
     }
@@ -30,7 +33,7 @@ const _constants = require("./constants");
  * @param options - Configures the style of the focus outline
  * @returns focus outline styles object
  */ const getFocusOutlineStyles = (options)=>{
-    const { outlineRadius , outlineColor , outlineWidth  } = options;
+    const { outlineRadius, outlineColor, outlineWidth } = options;
     return {
         ..._react.shorthands.borderColor('transparent'),
         '::after': {
@@ -49,7 +52,7 @@ const _constants = require("./constants");
         }
     };
 };
-const createFocusOutlineStyle = ({ enableOutline =false , selector =_constants.defaultOptions.selector , style =_constants.defaultOptions.style  } = _constants.defaultOptions)=>({
+const createFocusOutlineStyle = ({ enableOutline = false, selector = _constants.defaultOptions.selector, style = _constants.defaultOptions.style } = _constants.defaultOptions)=>({
         ':focus': {
             outlineStyle: enableOutline ? undefined : 'none'
         },
@@ -57,8 +60,8 @@ const createFocusOutlineStyle = ({ enableOutline =false , selector =_constants.d
             outlineStyle: enableOutline ? undefined : 'none'
         },
         ...(0, _createCustomFocusIndicatorStyle.createCustomFocusIndicatorStyle)(getFocusOutlineStyles({
-            outlineColor: _reactTheme.tokens.colorStrokeFocus2,
-            outlineRadius: _reactTheme.tokens.borderRadiusMedium,
+            outlineColor: _reacttheme.tokens.colorStrokeFocus2,
+            outlineRadius: _reacttheme.tokens.borderRadiusMedium,
             // FIXME: tokens.strokeWidthThick causes some weird bugs
             outlineWidth: '2px',
             ...style

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

@@ -1 +1 @@
-{"version":3,"sources":["createFocusOutlineStyle.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from './createCustomFocusIndicatorStyle';\nimport { defaultOptions } from './constants';\n/**\n * Get the position of the focus outline\n *\n * @param options - Configures the style of the focus outline\n * @param position - The position of the focus outline\n * @returns CSS value for the position of the focus outline\n */ function getOutlinePosition({ outlineWidth , outlineOffset  }, position) {\n    const offsetValue = (outlineOffset === null || outlineOffset === void 0 ? void 0 : outlineOffset[position]) || outlineOffset;\n    if (!outlineOffset) {\n        return `calc(${outlineWidth} * -1)`;\n    }\n    return `calc(0px - ${outlineWidth} - ${offsetValue})`;\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 */ const getFocusOutlineStyles = (options)=>{\n    const { outlineRadius , outlineColor , outlineWidth  } = options;\n    return {\n        ...shorthands.borderColor('transparent'),\n        '::after': {\n            content: '\"\"',\n            position: 'absolute',\n            pointerEvents: 'none',\n            zIndex: 1,\n            ...shorthands.borderStyle('solid'),\n            ...shorthands.borderWidth(outlineWidth),\n            ...shorthands.borderRadius(outlineRadius),\n            ...shorthands.borderColor(outlineColor),\n            top: getOutlinePosition(options, 'top'),\n            right: getOutlinePosition(options, 'right'),\n            bottom: getOutlinePosition(options, 'bottom'),\n            left: getOutlinePosition(options, 'left')\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 */ export const createFocusOutlineStyle = ({ enableOutline =false , selector =defaultOptions.selector , style =defaultOptions.style  } = defaultOptions)=>({\n        ':focus': {\n            outlineStyle: enableOutline ? undefined : 'none'\n        },\n        ':focus-visible': {\n            outlineStyle: enableOutline ? undefined : 'none'\n        },\n        ...createCustomFocusIndicatorStyle(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    });\n"],"names":["createFocusOutlineStyle","getOutlinePosition","outlineWidth","outlineOffset","position","offsetValue","getFocusOutlineStyles","options","outlineRadius","outlineColor","shorthands","borderColor","content","pointerEvents","zIndex","borderStyle","borderWidth","borderRadius","top","right","bottom","left","enableOutline","selector","defaultOptions","style","outlineStyle","undefined","createCustomFocusIndicatorStyle","tokens","colorStrokeFocus2","borderRadiusMedium"],"mappings":";;;;+BAiDiBA;;aAAAA;;4BAjDM;uBACI;iDACqB;2BACjB;AAC/B;;;;;;CAMC,GAAG,SAASC,mBAAmB,EAAEC,aAAY,EAAGC,cAAa,EAAG,EAAEC,QAAQ,EAAE;IACzE,MAAMC,cAAc,AAACF,CAAAA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,aAAa,CAACC,SAAS,AAAD,KAAMD;IAC/G,IAAI,CAACA,eAAe;QAChB,OAAO,CAAC,KAAK,EAAED,aAAa,MAAM,CAAC;IACvC,CAAC;IACD,OAAO,CAAC,WAAW,EAAEA,aAAa,GAAG,EAAEG,YAAY,CAAC,CAAC;AACzD;AACA;;;;;;CAMC,GAAG,MAAMC,wBAAwB,CAACC,UAAU;IACzC,MAAM,EAAEC,cAAa,EAAGC,aAAY,EAAGP,aAAY,EAAG,GAAGK;IACzD,OAAO;QACH,GAAGG,iBAAU,CAACC,WAAW,CAAC,cAAc;QACxC,WAAW;YACPC,SAAS;YACTR,UAAU;YACVS,eAAe;YACfC,QAAQ;YACR,GAAGJ,iBAAU,CAACK,WAAW,CAAC,QAAQ;YAClC,GAAGL,iBAAU,CAACM,WAAW,CAACd,aAAa;YACvC,GAAGQ,iBAAU,CAACO,YAAY,CAACT,cAAc;YACzC,GAAGE,iBAAU,CAACC,WAAW,CAACF,aAAa;YACvCS,KAAKjB,mBAAmBM,SAAS;YACjCY,OAAOlB,mBAAmBM,SAAS;YACnCa,QAAQnB,mBAAmBM,SAAS;YACpCc,MAAMpB,mBAAmBM,SAAS;QACtC;IACJ;AACJ;AAOW,MAAMP,0BAA0B,CAAC,EAAEsB,eAAe,KAAK,CAAA,EAAGC,UAAUC,yBAAc,CAACD,QAAQ,CAAA,EAAGE,OAAOD,yBAAc,CAACC,KAAK,CAAA,EAAG,GAAGD,yBAAc,GAAI,CAAA;QACpJ,UAAU;YACNE,cAAcJ,gBAAgBK,YAAY,MAAM;QACpD;QACA,kBAAkB;YACdD,cAAcJ,gBAAgBK,YAAY,MAAM;QACpD;QACA,GAAGC,IAAAA,gEAA+B,EAACtB,sBAAsB;YACrDG,cAAcoB,kBAAM,CAACC,iBAAiB;YACtCtB,eAAeqB,kBAAM,CAACE,kBAAkB;YACxC,wDAAwD;YACxD7B,cAAc;YACd,GAAGuB,KAAK;QACZ,IAAI;YACAF;QACJ,EAAE;IACN,CAAA"}
+{"version":3,"sources":["createFocusOutlineStyle.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from './createCustomFocusIndicatorStyle';\nimport { defaultOptions } from './constants';\n/**\n * Get the position of the focus outline\n *\n * @param options - Configures the style of the focus outline\n * @param position - The position of the focus outline\n * @returns CSS value for the position of the focus outline\n */ function getOutlinePosition({ outlineWidth, outlineOffset }, position) {\n    var _outlineOffset;\n    const offsetValue = ((_outlineOffset = outlineOffset) === null || _outlineOffset === void 0 ? void 0 : _outlineOffset[position]) || outlineOffset;\n    if (!outlineOffset) {\n        return `calc(${outlineWidth} * -1)`;\n    }\n    return `calc(0px - ${outlineWidth} - ${offsetValue})`;\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 */ const getFocusOutlineStyles = (options)=>{\n    const { outlineRadius, outlineColor, outlineWidth } = options;\n    return {\n        ...shorthands.borderColor('transparent'),\n        '::after': {\n            content: '\"\"',\n            position: 'absolute',\n            pointerEvents: 'none',\n            zIndex: 1,\n            ...shorthands.borderStyle('solid'),\n            ...shorthands.borderWidth(outlineWidth),\n            ...shorthands.borderRadius(outlineRadius),\n            ...shorthands.borderColor(outlineColor),\n            top: getOutlinePosition(options, 'top'),\n            right: getOutlinePosition(options, 'right'),\n            bottom: getOutlinePosition(options, 'bottom'),\n            left: getOutlinePosition(options, 'left')\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 */ export const createFocusOutlineStyle = ({ enableOutline = false, selector = defaultOptions.selector, style = defaultOptions.style } = defaultOptions)=>({\n        ':focus': {\n            outlineStyle: enableOutline ? undefined : 'none'\n        },\n        ':focus-visible': {\n            outlineStyle: enableOutline ? undefined : 'none'\n        },\n        ...createCustomFocusIndicatorStyle(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    });\n"],"names":["createFocusOutlineStyle","getOutlinePosition","outlineWidth","outlineOffset","position","_outlineOffset","offsetValue","getFocusOutlineStyles","options","outlineRadius","outlineColor","shorthands","borderColor","content","pointerEvents","zIndex","borderStyle","borderWidth","borderRadius","top","right","bottom","left","enableOutline","selector","defaultOptions","style","outlineStyle","undefined","createCustomFocusIndicatorStyle","tokens","colorStrokeFocus2","borderRadiusMedium"],"mappings":";;;;+BAkDiBA;;;eAAAA;;;4BAlDM;uBACI;iDACqB;2BACjB;AAC/B;;;;;;CAMC,GAAG,SAASC,mBAAmB,EAAEC,YAAY,EAAEC,aAAa,EAAE,EAAEC,QAAQ;IACrE,IAAIC;IACJ,MAAMC,cAAc,AAAC,CAAA,AAACD,CAAAA,iBAAiBF,aAAY,MAAO,QAAQE,mBAAmB,KAAK,IAAI,KAAK,IAAIA,cAAc,CAACD,SAAS,AAAD,KAAMD;IACpI,IAAI,CAACA,eAAe;QAChB,OAAO,CAAC,KAAK,EAAED,aAAa,MAAM,CAAC;IACvC;IACA,OAAO,CAAC,WAAW,EAAEA,aAAa,GAAG,EAAEI,YAAY,CAAC,CAAC;AACzD;AACA;;;;;;CAMC,GAAG,MAAMC,wBAAwB,CAACC;IAC/B,MAAM,EAAEC,aAAa,EAAEC,YAAY,EAAER,YAAY,EAAE,GAAGM;IACtD,OAAO;QACH,GAAGG,iBAAU,CAACC,WAAW,CAAC,cAAc;QACxC,WAAW;YACPC,SAAS;YACTT,UAAU;YACVU,eAAe;YACfC,QAAQ;YACR,GAAGJ,iBAAU,CAACK,WAAW,CAAC,QAAQ;YAClC,GAAGL,iBAAU,CAACM,WAAW,CAACf,aAAa;YACvC,GAAGS,iBAAU,CAACO,YAAY,CAACT,cAAc;YACzC,GAAGE,iBAAU,CAACC,WAAW,CAACF,aAAa;YACvCS,KAAKlB,mBAAmBO,SAAS;YACjCY,OAAOnB,mBAAmBO,SAAS;YACnCa,QAAQpB,mBAAmBO,SAAS;YACpCc,MAAMrB,mBAAmBO,SAAS;QACtC;IACJ;AACJ;AAOW,MAAMR,0BAA0B,CAAC,EAAEuB,gBAAgB,KAAK,EAAEC,WAAWC,yBAAc,CAACD,QAAQ,EAAEE,QAAQD,yBAAc,CAACC,KAAK,EAAE,GAAGD,yBAAc,GAAI,CAAA;QACpJ,UAAU;YACNE,cAAcJ,gBAAgBK,YAAY;QAC9C;QACA,kBAAkB;YACdD,cAAcJ,gBAAgBK,YAAY;QAC9C;QACA,GAAGC,IAAAA,gEAA+B,EAACtB,sBAAsB;YACrDG,cAAcoB,kBAAM,CAACC,iBAAiB;YACtCtB,eAAeqB,kBAAM,CAACE,kBAAkB;YACxC,wDAAwD;YACxD9B,cAAc;YACd,GAAGwB,KAAK;QACZ,IAAI;YACAF;QACJ,EAAE;IACN,CAAA"}

package/lib-commonjs/focus/focusVisiblePolyfill.js

@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "applyFocusVisiblePolyfill", {
     enumerable: true,
-    get: ()=>applyFocusVisiblePolyfill
+    get: function() {
+        return applyFocusVisiblePolyfill;
+    }
 });
-const _reactUtilities = require("@fluentui/react-utilities");
+const _reactutilities = require("@fluentui/react-utilities");
 const _keyborg = require("keyborg");
 const _constants = require("./constants");
 function applyFocusVisiblePolyfill(scope, targetWindow) {
@@ -32,7 +34,7 @@ function applyFocusVisiblePolyfill(scope, targetWindow) {
             removeFocusVisibleClass(state.current);
             state.current = undefined;
         }
-        if (keyborg.isNavigatingWithKeyboard() && (0, _reactUtilities.isHTMLElement)(e.target) && e.target) {
+        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);
@@ -40,7 +42,7 @@ function applyFocusVisiblePolyfill(scope, targetWindow) {
     };
     // 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 (!e.relatedTarget || (0, _reactutilities.isHTMLElement)(e.relatedTarget) && !scope.contains(e.relatedTarget)) {
             if (state.current) {
                 removeFocusVisibleClass(state.current);
                 state.current = undefined;
@@ -65,11 +67,12 @@ function removeFocusVisibleClass(el) {
     el.removeAttribute(_constants.FOCUS_VISIBLE_ATTR);
 }
 function alreadyInScope(el) {
+    var _el;
     if (!el) {
         return false;
     }
     if (el.focusVisible) {
         return true;
     }
-    return alreadyInScope(el === null || el === void 0 ? void 0 : el.parentElement);
+    return alreadyInScope((_el = el) === null || _el === void 0 ? void 0 : _el.parentElement);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["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 */ export 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 === null || el === void 0 ? void 0 : el.parentElement);\n}\n"],"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":";;;;+BAOoBA;;aAAAA;;gCAPU;yBACiC;2BAC5B;AAKxB,SAASA,0BAA0BC,KAAK,EAAEC,YAAY,EAAE;IAC/D,IAAIC,eAAeF,QAAQ;QACvB,uDAAuD;QACvD,OAAO,IAAIG;IACf,CAAC;IACD,MAAMC,QAAQ;QACVC,SAASF;IACb;IACA,MAAMG,UAAUC,IAAAA,sBAAa,EAACN;IAC9B,iEAAiE;IACjEK,QAAQE,SAAS,CAAC,CAACC,2BAA2B;QAC1C,IAAI,CAACA,4BAA4BL,MAAMC,OAAO,EAAE;YAC5CK,wBAAwBN,MAAMC,OAAO;YACrCD,MAAMC,OAAO,GAAGF;QACpB,CAAC;IACL;IACA,kFAAkF;IAClF,8CAA8C;IAC9C,MAAMQ,kBAAkB,CAACC,IAAI;QACzB,IAAIR,MAAMC,OAAO,EAAE;YACfK,wBAAwBN,MAAMC,OAAO;YACrCD,MAAMC,OAAO,GAAGF;QACpB,CAAC;QACD,IAAIG,QAAQG,wBAAwB,MAAMI,IAAAA,6BAAa,EAACD,EAAEE,MAAM,KAAKF,EAAEE,MAAM,EAAE;YAC3E,+EAA+E;YAC/EV,MAAMC,OAAO,GAAGO,EAAEE,MAAM;YACxBC,uBAAuBX,MAAMC,OAAO;QACxC,CAAC;IACL;IACA,iFAAiF;IACjF,MAAMW,eAAe,CAACJ,IAAI;QACtB,IAAI,CAACA,EAAEK,aAAa,IAAIJ,IAAAA,6BAAa,EAACD,EAAEK,aAAa,KAAK,CAACjB,MAAMkB,QAAQ,CAACN,EAAEK,aAAa,GAAG;YACxF,IAAIb,MAAMC,OAAO,EAAE;gBACfK,wBAAwBN,MAAMC,OAAO;gBACrCD,MAAMC,OAAO,GAAGF;YACpB,CAAC;QACL,CAAC;IACL;IACAH,MAAMmB,gBAAgB,CAACC,wBAAe,EAAET;IACxCX,MAAMmB,gBAAgB,CAAC,YAAYH;IACnChB,MAAMqB,YAAY,GAAG,IAAI;IACzB,kBAAkB;IAClB,OAAO,IAAI;QACPrB,MAAMsB,mBAAmB,CAACF,wBAAe,EAAET;QAC3CX,MAAMsB,mBAAmB,CAAC,YAAYN;QACtC,OAAOhB,MAAMqB,YAAY;QACzBE,IAAAA,uBAAc,EAACjB;IACnB;AACJ;AACA,SAASS,uBAAuBS,EAAE,EAAE;IAChCA,GAAGC,YAAY,CAACC,6BAAkB,EAAE;AACxC;AACA,SAAShB,wBAAwBc,EAAE,EAAE;IACjCA,GAAGG,eAAe,CAACD,6BAAkB;AACzC;AACA,SAASxB,eAAesB,EAAE,EAAE;IACxB,IAAI,CAACA,IAAI;QACL,OAAO,KAAK;IAChB,CAAC;IACD,IAAIA,GAAGH,YAAY,EAAE;QACjB,OAAO,IAAI;IACf,CAAC;IACD,OAAOnB,eAAesB,OAAO,IAAI,IAAIA,OAAO,KAAK,IAAI,KAAK,IAAIA,GAAGI,aAAa;AAClF"}
+{"version":3,"sources":["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 */ export 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    var _el;\n    if (!el) {\n        return false;\n    }\n    if (el.focusVisible) {\n        return true;\n    }\n    return alreadyInScope((_el = el) === null || _el === void 0 ? void 0 : _el.parentElement);\n}\n"],"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","_el","parentElement"],"mappings":";;;;+BAOoBA;;;eAAAA;;;gCAPU;yBACiC;2BAC5B;AAKxB,SAASA,0BAA0BC,KAAK,EAAEC,YAAY;IAC7D,IAAIC,eAAeF,QAAQ;QACvB,uDAAuD;QACvD,OAAO,IAAIG;IACf;IACA,MAAMC,QAAQ;QACVC,SAASF;IACb;IACA,MAAMG,UAAUC,IAAAA,sBAAa,EAACN;IAC9B,iEAAiE;IACjEK,QAAQE,SAAS,CAAC,CAACC;QACf,IAAI,CAACA,4BAA4BL,MAAMC,OAAO,EAAE;YAC5CK,wBAAwBN,MAAMC,OAAO;YACrCD,MAAMC,OAAO,GAAGF;QACpB;IACJ;IACA,kFAAkF;IAClF,8CAA8C;IAC9C,MAAMQ,kBAAkB,CAACC;QACrB,IAAIR,MAAMC,OAAO,EAAE;YACfK,wBAAwBN,MAAMC,OAAO;YACrCD,MAAMC,OAAO,GAAGF;QACpB;QACA,IAAIG,QAAQG,wBAAwB,MAAMI,IAAAA,6BAAa,EAACD,EAAEE,MAAM,KAAKF,EAAEE,MAAM,EAAE;YAC3E,+EAA+E;YAC/EV,MAAMC,OAAO,GAAGO,EAAEE,MAAM;YACxBC,uBAAuBX,MAAMC,OAAO;QACxC;IACJ;IACA,iFAAiF;IACjF,MAAMW,eAAe,CAACJ;QAClB,IAAI,CAACA,EAAEK,aAAa,IAAIJ,IAAAA,6BAAa,EAACD,EAAEK,aAAa,KAAK,CAACjB,MAAMkB,QAAQ,CAACN,EAAEK,aAAa,GAAG;YACxF,IAAIb,MAAMC,OAAO,EAAE;gBACfK,wBAAwBN,MAAMC,OAAO;gBACrCD,MAAMC,OAAO,GAAGF;YACpB;QACJ;IACJ;IACAH,MAAMmB,gBAAgB,CAACC,wBAAe,EAAET;IACxCX,MAAMmB,gBAAgB,CAAC,YAAYH;IACnChB,MAAMqB,YAAY,GAAG;IACrB,kBAAkB;IAClB,OAAO;QACHrB,MAAMsB,mBAAmB,CAACF,wBAAe,EAAET;QAC3CX,MAAMsB,mBAAmB,CAAC,YAAYN;QACtC,OAAOhB,MAAMqB,YAAY;QACzBE,IAAAA,uBAAc,EAACjB;IACnB;AACJ;AACA,SAASS,uBAAuBS,EAAE;IAC9BA,GAAGC,YAAY,CAACC,6BAAkB,EAAE;AACxC;AACA,SAAShB,wBAAwBc,EAAE;IAC/BA,GAAGG,eAAe,CAACD,6BAAkB;AACzC;AACA,SAASxB,eAAesB,EAAE;IACtB,IAAII;IACJ,IAAI,CAACJ,IAAI;QACL,OAAO;IACX;IACA,IAAIA,GAAGH,YAAY,EAAE;QACjB,OAAO;IACX;IACA,OAAOnB,eAAe,AAAC0B,CAAAA,MAAMJ,EAAC,MAAO,QAAQI,QAAQ,KAAK,IAAI,KAAK,IAAIA,IAAIC,aAAa;AAC5F"}

package/lib-commonjs/focus/focusWithinPolyfill.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "applyFocusWithinPolyfill", {
     enumerable: true,
-    get: ()=>applyFocusWithinPolyfill
+    get: function() {
+        return applyFocusWithinPolyfill;
+    }
 });
 const _keyborg = require("keyborg");
 const _constants = require("./constants");

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

@@ -1 +1 @@
-{"version":3,"sources":["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 */ export 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"],"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":";;;;+BAMoBA;;aAAAA;;yBAN2C;2BAC7B;AAKvB,SAASA,yBAAyBC,OAAO,EAAEC,GAAG,EAAE;IACvD,MAAMC,UAAUC,IAAAA,sBAAa,EAACF;IAC9B,0EAA0E;IAC1EC,QAAQE,SAAS,CAAC,CAACC,2BAA2B;QAC1C,IAAI,CAACA,0BAA0B;YAC3BC,uBAAuBN;QAC3B,CAAC;IACL;IACA,kFAAkF;IAClF,8CAA8C;IAC9C,MAAMO,kBAAkB,CAACC,IAAI;QACzB,IAAIN,QAAQG,wBAAwB,MAAMI,cAAcD,EAAEE,MAAM,GAAG;YAC/D,+EAA+E;YAC/EC,sBAAsBX;QAC1B,CAAC;IACL;IACA,gFAAgF;IAChF,MAAMY,eAAe,CAACJ,IAAI;QACtB,IAAI,CAACA,EAAEK,aAAa,IAAIJ,cAAcD,EAAEK,aAAa,KAAK,CAACb,QAAQc,QAAQ,CAACN,EAAEK,aAAa,GAAG;YAC1FP,uBAAuBN;QAC3B,CAAC;IACL;IACAA,QAAQe,gBAAgB,CAACC,wBAAe,EAAET;IAC1CP,QAAQe,gBAAgB,CAAC,YAAYH;IACrC,kBAAkB;IAClB,OAAO,IAAI;QACPZ,QAAQiB,mBAAmB,CAACD,wBAAe,EAAET;QAC7CP,QAAQiB,mBAAmB,CAAC,YAAYL;QACxCM,IAAAA,uBAAc,EAAChB;IACnB;AACJ;AACA,SAASS,sBAAsBQ,EAAE,EAAE;IAC/BA,GAAGC,YAAY,CAACC,4BAAiB,EAAE;AACvC;AACA,SAASf,uBAAuBa,EAAE,EAAE;IAChCA,GAAGG,eAAe,CAACD,4BAAiB;AACxC;AACA,SAASZ,cAAcC,MAAM,EAAE;IAC3B,IAAI,CAACA,QAAQ;QACT,OAAO,KAAK;IAChB,CAAC;IACD,OAAOa,QAAQb,UAAU,OAAOA,WAAW,YAAY,eAAeA,UAAU,cAAcA;AAClG"}
+{"version":3,"sources":["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 */ export 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"],"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":";;;;+BAMoBA;;;eAAAA;;;yBAN2C;2BAC7B;AAKvB,SAASA,yBAAyBC,OAAO,EAAEC,GAAG;IACrD,MAAMC,UAAUC,IAAAA,sBAAa,EAACF;IAC9B,0EAA0E;IAC1EC,QAAQE,SAAS,CAAC,CAACC;QACf,IAAI,CAACA,0BAA0B;YAC3BC,uBAAuBN;QAC3B;IACJ;IACA,kFAAkF;IAClF,8CAA8C;IAC9C,MAAMO,kBAAkB,CAACC;QACrB,IAAIN,QAAQG,wBAAwB,MAAMI,cAAcD,EAAEE,MAAM,GAAG;YAC/D,+EAA+E;YAC/EC,sBAAsBX;QAC1B;IACJ;IACA,gFAAgF;IAChF,MAAMY,eAAe,CAACJ;QAClB,IAAI,CAACA,EAAEK,aAAa,IAAIJ,cAAcD,EAAEK,aAAa,KAAK,CAACb,QAAQc,QAAQ,CAACN,EAAEK,aAAa,GAAG;YAC1FP,uBAAuBN;QAC3B;IACJ;IACAA,QAAQe,gBAAgB,CAACC,wBAAe,EAAET;IAC1CP,QAAQe,gBAAgB,CAAC,YAAYH;IACrC,kBAAkB;IAClB,OAAO;QACHZ,QAAQiB,mBAAmB,CAACD,wBAAe,EAAET;QAC7CP,QAAQiB,mBAAmB,CAAC,YAAYL;QACxCM,IAAAA,uBAAc,EAAChB;IACnB;AACJ;AACA,SAASS,sBAAsBQ,EAAE;IAC7BA,GAAGC,YAAY,CAACC,4BAAiB,EAAE;AACvC;AACA,SAASf,uBAAuBa,EAAE;IAC9BA,GAAGG,eAAe,CAACD,4BAAiB;AACxC;AACA,SAASZ,cAAcC,MAAM;IACzB,IAAI,CAACA,QAAQ;QACT,OAAO;IACX;IACA,OAAOa,QAAQb,UAAU,OAAOA,WAAW,YAAY,eAAeA,UAAU,cAAcA;AAClG"}

package/lib-commonjs/focus/index.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", {
     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);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./createCustomFocusIndicatorStyle"), exports);
+_export_star._(require("./createFocusOutlineStyle"), exports);
+_export_star._(require("./focusVisiblePolyfill"), exports);
+_export_star._(require("./focusWithinPolyfill"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './createCustomFocusIndicatorStyle';\nexport * from './createFocusOutlineStyle';\nexport * from './focusVisiblePolyfill';\nexport * from './focusWithinPolyfill';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './createCustomFocusIndicatorStyle';\nexport * from './createFocusOutlineStyle';\nexport * from './focusVisiblePolyfill';\nexport * from './focusWithinPolyfill';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}

package/lib-commonjs/hooks/index.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", {
     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);
-_exportStar(require("./useObservedElement"), exports);
-_exportStar(require("./useMergeTabsterAttributes"), exports);
-_exportStar(require("./useFocusObserved"), exports);
-_exportStar(require("./useRestoreFocus"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./useArrowNavigationGroup"), exports);
+_export_star._(require("./useFocusableGroup"), exports);
+_export_star._(require("./useFocusFinders"), exports);
+_export_star._(require("./useFocusVisible"), exports);
+_export_star._(require("./useFocusWithin"), exports);
+_export_star._(require("./useKeyboardNavAttribute"), exports);
+_export_star._(require("./useModalAttributes"), exports);
+_export_star._(require("./useTabsterAttributes"), exports);
+_export_star._(require("./useObservedElement"), exports);
+_export_star._(require("./useMergeTabsterAttributes"), exports);
+_export_star._(require("./useFocusObserved"), exports);
+_export_star._(require("./useRestoreFocus"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["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';\nexport * from './useObservedElement';\nexport * from './useMergeTabsterAttributes';\nexport * from './useFocusObserved';\nexport * from './useRestoreFocus';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["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';\nexport * from './useObservedElement';\nexport * from './useMergeTabsterAttributes';\nexport * from './useFocusObserved';\nexport * from './useRestoreFocus';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/hooks/useArrowNavigationGroup.js

@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useArrowNavigationGroup", {
     enumerable: true,
-    get: ()=>useArrowNavigationGroup
+    get: function() {
+        return useArrowNavigationGroup;
+    }
 });
 const _tabster = require("tabster");
 const _useTabsterAttributes = require("./useTabsterAttributes");
 const _useTabster = require("./useTabster");
 const useArrowNavigationGroup = (options = {})=>{
-    const { circular , axis , memorizeCurrent , tabbable , ignoreDefaultKeydown , unstable_hasDefault  } = options;
+    const { circular, axis, memorizeCurrent, tabbable, ignoreDefaultKeydown, unstable_hasDefault } = options;
     const tabster = (0, _useTabster.useTabster)();
     if (tabster) {
         (0, _tabster.getMover)(tabster);

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

@@ -1 +1 @@
-{"version":3,"sources":["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 */ export const useArrowNavigationGroup = (options = {})=>{\n    const { circular , axis , memorizeCurrent , tabbable , ignoreDefaultKeydown , // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_hasDefault  } = options;\n    const tabster = useTabster();\n    if (tabster) {\n        getMover(tabster);\n    }\n    return useTabsterAttributes({\n        mover: {\n            cyclic: !!circular,\n            direction: axisToMoverDirection(axis !== null && axis !== void 0 ? 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 'grid-linear':\n            return Types.MoverDirections.GridLinear;\n        case 'both':\n            return Types.MoverDirections.Both;\n        case 'vertical':\n        default:\n            return Types.MoverDirections.Vertical;\n    }\n}\n"],"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","GridLinear","Both","Vertical"],"mappings":";;;;+BAMiBA;;aAAAA;;yBANe;sCACK;4BACV;AAIhB,MAAMA,0BAA0B,CAACC,UAAU,CAAC,CAAC,GAAG;IACvD,MAAM,EAAEC,SAAQ,EAAGC,KAAI,EAAGC,gBAAe,EAAGC,SAAQ,EAAGC,qBAAoB,EAC3EC,oBAAmB,EAAG,GAAGN;IACzB,MAAMO,UAAUC,IAAAA,sBAAU;IAC1B,IAAID,SAAS;QACTE,IAAAA,iBAAQ,EAACF;IACb,CAAC;IACD,OAAOG,IAAAA,0CAAoB,EAAC;QACxBC,OAAO;YACHC,QAAQ,CAAC,CAACX;YACVY,WAAWC,qBAAqBZ,SAAS,IAAI,IAAIA,SAAS,KAAK,IAAIA,OAAO,UAAU;YACpFC;YACAC;YACAW,YAAYT;QAChB;QACA,GAAGD,wBAAwB;YACvBW,WAAW;gBACPC,eAAeZ;YACnB;QACJ,CAAC;IACL;AACJ;AACA,SAASS,qBAAqBZ,IAAI,EAAE;IAChC,OAAOA;QACH,KAAK;YACD,OAAOgB,cAAK,CAACC,eAAe,CAACC,UAAU;QAC3C,KAAK;YACD,OAAOF,cAAK,CAACC,eAAe,CAACE,IAAI;QACrC,KAAK;YACD,OAAOH,cAAK,CAACC,eAAe,CAACG,UAAU;QAC3C,KAAK;YACD,OAAOJ,cAAK,CAACC,eAAe,CAACI,IAAI;QACrC,KAAK;QACL;YACI,OAAOL,cAAK,CAACC,eAAe,CAACK,QAAQ;IAC7C;AACJ"}
+{"version":3,"sources":["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 */ export const useArrowNavigationGroup = (options = {})=>{\n    const { circular, axis, memorizeCurrent, tabbable, ignoreDefaultKeydown, // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_hasDefault } = options;\n    const tabster = useTabster();\n    if (tabster) {\n        getMover(tabster);\n    }\n    return useTabsterAttributes({\n        mover: {\n            cyclic: !!circular,\n            direction: axisToMoverDirection(axis !== null && axis !== void 0 ? 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 'grid-linear':\n            return Types.MoverDirections.GridLinear;\n        case 'both':\n            return Types.MoverDirections.Both;\n        case 'vertical':\n        default:\n            return Types.MoverDirections.Vertical;\n    }\n}\n"],"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","GridLinear","Both","Vertical"],"mappings":";;;;+BAMiBA;;;eAAAA;;;yBANe;sCACK;4BACV;AAIhB,MAAMA,0BAA0B,CAACC,UAAU,CAAC,CAAC;IACpD,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EACvEC,mBAAmB,EAAE,GAAGN;IACxB,MAAMO,UAAUC,IAAAA,sBAAU;IAC1B,IAAID,SAAS;QACTE,IAAAA,iBAAQ,EAACF;IACb;IACA,OAAOG,IAAAA,0CAAoB,EAAC;QACxBC,OAAO;YACHC,QAAQ,CAAC,CAACX;YACVY,WAAWC,qBAAqBZ,SAAS,QAAQA,SAAS,KAAK,IAAIA,OAAO;YAC1EC;YACAC;YACAW,YAAYT;QAChB;QACA,GAAGD,wBAAwB;YACvBW,WAAW;gBACPC,eAAeZ;YACnB;QACJ,CAAC;IACL;AACJ;AACA,SAASS,qBAAqBZ,IAAI;IAC9B,OAAOA;QACH,KAAK;YACD,OAAOgB,cAAK,CAACC,eAAe,CAACC,UAAU;QAC3C,KAAK;YACD,OAAOF,cAAK,CAACC,eAAe,CAACE,IAAI;QACrC,KAAK;YACD,OAAOH,cAAK,CAACC,eAAe,CAACG,UAAU;QAC3C,KAAK;YACD,OAAOJ,cAAK,CAACC,eAAe,CAACI,IAAI;QACrC,KAAK;QACL;YACI,OAAOL,cAAK,CAACC,eAAe,CAACK,QAAQ;IAC7C;AACJ"}

package/lib-commonjs/hooks/useFocusFinders.js

@@ -4,18 +4,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useFocusFinders", {
     enumerable: true,
-    get: ()=>useFocusFinders
+    get: function() {
+        return useFocusFinders;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const _useTabster = require("./useTabster");
 const useFocusFinders = ()=>{
     const tabster = (0, _useTabster.useTabster)();
-    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
     // Narrow props for now and let need dictate additional props in the future
     const findAllFocusable = _react.useCallback((container, acceptCondition)=>{
-        return (tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findAll({
+        var _tabster;
+        return ((_tabster = tabster) === null || _tabster === void 0 ? void 0 : _tabster.focusable.findAll({
             container,
             acceptCondition
         })) || [];
@@ -23,14 +26,16 @@ const useFocusFinders = ()=>{
         tabster
     ]);
     const findFirstFocusable = _react.useCallback((container)=>{
-        return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findFirst({
+        var _tabster;
+        return (_tabster = tabster) === null || _tabster === void 0 ? void 0 : _tabster.focusable.findFirst({
             container
         });
     }, [
         tabster
     ]);
     const findLastFocusable = _react.useCallback((container)=>{
-        return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findLast({
+        var _tabster;
+        return (_tabster = tabster) === null || _tabster === void 0 ? void 0 : _tabster.focusable.findLast({
             container
         });
     }, [
@@ -40,7 +45,7 @@ const useFocusFinders = ()=>{
         if (!tabster || !targetDocument) {
             return null;
         }
-        const { container =targetDocument.body  } = options;
+        const { container = targetDocument.body } = options;
         return tabster.focusable.findNext({
             currentElement,
             container
@@ -53,7 +58,7 @@ const useFocusFinders = ()=>{
         if (!tabster || !targetDocument) {
             return null;
         }
-        const { container =targetDocument.body  } = options;
+        const { container = targetDocument.body } = options;
         return tabster.focusable.findPrev({
             currentElement,
             container

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

@@ -1 +1 @@
-{"version":3,"sources":["useFocusFinders.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useTabster } from './useTabster';\n/**\n * Returns a set of helper functions that will traverse focusable elements in the context of a root DOM element\n */ export const useFocusFinders = ()=>{\n    const tabster = useTabster();\n    const { targetDocument  } = useFluent();\n    // Narrow props for now and let need dictate additional props in the future\n    const findAllFocusable = React.useCallback((container, acceptCondition)=>{\n        return (tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findAll({\n            container,\n            acceptCondition\n        })) || [];\n    }, [\n        tabster\n    ]);\n    const findFirstFocusable = React.useCallback((container)=>{\n        return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findFirst({\n            container\n        });\n    }, [\n        tabster\n    ]);\n    const findLastFocusable = React.useCallback((container)=>{\n        return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findLast({\n            container\n        });\n    }, [\n        tabster\n    ]);\n    const findNextFocusable = React.useCallback((currentElement, options = {})=>{\n        if (!tabster || !targetDocument) {\n            return null;\n        }\n        const { container =targetDocument.body  } = options;\n        return tabster.focusable.findNext({\n            currentElement,\n            container\n        });\n    }, [\n        tabster,\n        targetDocument\n    ]);\n    const findPrevFocusable = React.useCallback((currentElement, options = {})=>{\n        if (!tabster || !targetDocument) {\n            return null;\n        }\n        const { container =targetDocument.body  } = options;\n        return tabster.focusable.findPrev({\n            currentElement,\n            container\n        });\n    }, [\n        tabster,\n        targetDocument\n    ]);\n    return {\n        findAllFocusable,\n        findFirstFocusable,\n        findLastFocusable,\n        findNextFocusable,\n        findPrevFocusable\n    };\n};\n"],"names":["useFocusFinders","tabster","useTabster","targetDocument","useFluent","findAllFocusable","React","useCallback","container","acceptCondition","focusable","findAll","findFirstFocusable","findFirst","findLastFocusable","findLast","findNextFocusable","currentElement","options","body","findNext","findPrevFocusable","findPrev"],"mappings":";;;;+BAKiBA;;aAAAA;;;6DALM;qCACyB;4BACrB;AAGhB,MAAMA,kBAAkB,IAAI;IACnC,MAAMC,UAAUC,IAAAA,sBAAU;IAC1B,MAAM,EAAEC,eAAc,EAAG,GAAGC,IAAAA,uCAAS;IACrC,2EAA2E;IAC3E,MAAMC,mBAAmBC,OAAMC,WAAW,CAAC,CAACC,WAAWC,kBAAkB;QACrE,OAAO,AAACR,CAAAA,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQS,SAAS,CAACC,OAAO,CAAC;YAChFH;YACAC;QACJ,EAAE,AAAD,KAAM,EAAE;IACb,GAAG;QACCR;KACH;IACD,MAAMW,qBAAqBN,OAAMC,WAAW,CAAC,CAACC,YAAY;QACtD,OAAOP,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQS,SAAS,CAACG,SAAS,CAAC;YACjFL;QACJ,EAAE;IACN,GAAG;QACCP;KACH;IACD,MAAMa,oBAAoBR,OAAMC,WAAW,CAAC,CAACC,YAAY;QACrD,OAAOP,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQS,SAAS,CAACK,QAAQ,CAAC;YAChFP;QACJ,EAAE;IACN,GAAG;QACCP;KACH;IACD,MAAMe,oBAAoBV,OAAMC,WAAW,CAAC,CAACU,gBAAgBC,UAAU,CAAC,CAAC,GAAG;QACxE,IAAI,CAACjB,WAAW,CAACE,gBAAgB;YAC7B,OAAO,IAAI;QACf,CAAC;QACD,MAAM,EAAEK,WAAWL,eAAegB,IAAI,CAAA,EAAG,GAAGD;QAC5C,OAAOjB,QAAQS,SAAS,CAACU,QAAQ,CAAC;YAC9BH;YACAT;QACJ;IACJ,GAAG;QACCP;QACAE;KACH;IACD,MAAMkB,oBAAoBf,OAAMC,WAAW,CAAC,CAACU,gBAAgBC,UAAU,CAAC,CAAC,GAAG;QACxE,IAAI,CAACjB,WAAW,CAACE,gBAAgB;YAC7B,OAAO,IAAI;QACf,CAAC;QACD,MAAM,EAAEK,WAAWL,eAAegB,IAAI,CAAA,EAAG,GAAGD;QAC5C,OAAOjB,QAAQS,SAAS,CAACY,QAAQ,CAAC;YAC9BL;YACAT;QACJ;IACJ,GAAG;QACCP;QACAE;KACH;IACD,OAAO;QACHE;QACAO;QACAE;QACAE;QACAK;IACJ;AACJ"}
+{"version":3,"sources":["useFocusFinders.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useTabster } from './useTabster';\n/**\n * Returns a set of helper functions that will traverse focusable elements in the context of a root DOM element\n */ export const useFocusFinders = ()=>{\n    const tabster = useTabster();\n    const { targetDocument } = useFluent();\n    // Narrow props for now and let need dictate additional props in the future\n    const findAllFocusable = React.useCallback((container, acceptCondition)=>{\n        var _tabster;\n        return ((_tabster = tabster) === null || _tabster === void 0 ? void 0 : _tabster.focusable.findAll({\n            container,\n            acceptCondition\n        })) || [];\n    }, [\n        tabster\n    ]);\n    const findFirstFocusable = React.useCallback((container)=>{\n        var _tabster;\n        return (_tabster = tabster) === null || _tabster === void 0 ? void 0 : _tabster.focusable.findFirst({\n            container\n        });\n    }, [\n        tabster\n    ]);\n    const findLastFocusable = React.useCallback((container)=>{\n        var _tabster;\n        return (_tabster = tabster) === null || _tabster === void 0 ? void 0 : _tabster.focusable.findLast({\n            container\n        });\n    }, [\n        tabster\n    ]);\n    const findNextFocusable = React.useCallback((currentElement, options = {})=>{\n        if (!tabster || !targetDocument) {\n            return null;\n        }\n        const { container = targetDocument.body } = options;\n        return tabster.focusable.findNext({\n            currentElement,\n            container\n        });\n    }, [\n        tabster,\n        targetDocument\n    ]);\n    const findPrevFocusable = React.useCallback((currentElement, options = {})=>{\n        if (!tabster || !targetDocument) {\n            return null;\n        }\n        const { container = targetDocument.body } = options;\n        return tabster.focusable.findPrev({\n            currentElement,\n            container\n        });\n    }, [\n        tabster,\n        targetDocument\n    ]);\n    return {\n        findAllFocusable,\n        findFirstFocusable,\n        findLastFocusable,\n        findNextFocusable,\n        findPrevFocusable\n    };\n};\n"],"names":["useFocusFinders","tabster","useTabster","targetDocument","useFluent","findAllFocusable","React","useCallback","container","acceptCondition","_tabster","focusable","findAll","findFirstFocusable","findFirst","findLastFocusable","findLast","findNextFocusable","currentElement","options","body","findNext","findPrevFocusable","findPrev"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;qCACyB;4BACrB;AAGhB,MAAMA,kBAAkB;IAC/B,MAAMC,UAAUC,IAAAA,sBAAU;IAC1B,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,2EAA2E;IAC3E,MAAMC,mBAAmBC,OAAMC,WAAW,CAAC,CAACC,WAAWC;QACnD,IAAIC;QACJ,OAAO,AAAC,CAAA,AAACA,CAAAA,WAAWT,OAAM,MAAO,QAAQS,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASC,SAAS,CAACC,OAAO,CAAC;YAC/FJ;YACAC;QACJ,EAAC,KAAM,EAAE;IACb,GAAG;QACCR;KACH;IACD,MAAMY,qBAAqBP,OAAMC,WAAW,CAAC,CAACC;QAC1C,IAAIE;QACJ,OAAO,AAACA,CAAAA,WAAWT,OAAM,MAAO,QAAQS,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASC,SAAS,CAACG,SAAS,CAAC;YAChGN;QACJ;IACJ,GAAG;QACCP;KACH;IACD,MAAMc,oBAAoBT,OAAMC,WAAW,CAAC,CAACC;QACzC,IAAIE;QACJ,OAAO,AAACA,CAAAA,WAAWT,OAAM,MAAO,QAAQS,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASC,SAAS,CAACK,QAAQ,CAAC;YAC/FR;QACJ;IACJ,GAAG;QACCP;KACH;IACD,MAAMgB,oBAAoBX,OAAMC,WAAW,CAAC,CAACW,gBAAgBC,UAAU,CAAC,CAAC;QACrE,IAAI,CAAClB,WAAW,CAACE,gBAAgB;YAC7B,OAAO;QACX;QACA,MAAM,EAAEK,YAAYL,eAAeiB,IAAI,EAAE,GAAGD;QAC5C,OAAOlB,QAAQU,SAAS,CAACU,QAAQ,CAAC;YAC9BH;YACAV;QACJ;IACJ,GAAG;QACCP;QACAE;KACH;IACD,MAAMmB,oBAAoBhB,OAAMC,WAAW,CAAC,CAACW,gBAAgBC,UAAU,CAAC,CAAC;QACrE,IAAI,CAAClB,WAAW,CAACE,gBAAgB;YAC7B,OAAO;QACX;QACA,MAAM,EAAEK,YAAYL,eAAeiB,IAAI,EAAE,GAAGD;QAC5C,OAAOlB,QAAQU,SAAS,CAACY,QAAQ,CAAC;YAC9BL;YACAV;QACJ;IACJ,GAAG;QACCP;QACAE;KACH;IACD,OAAO;QACHE;QACAQ;QACAE;QACAE;QACAK;IACJ;AACJ"}

package/lib-commonjs/hooks/useFocusObserved.js

@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useFocusObserved", {
     enumerable: true,
-    get: ()=>useFocusObserved
+    get: function() {
+        return useFocusObserved;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _tabster = require("tabster");
 const _useTabster = require("./useTabster");
 function useFocusObserved(name, options = {}) {
-    const { timeout =1000  } = options;
+    const { timeout = 1000 } = options;
     const tabster = (0, _useTabster.useTabster)();
     const observedAPI = tabster ? (0, _tabster.getObservedElement)(tabster) : null;
     return _react.useCallback(()=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["useFocusObserved.js"],"sourcesContent":["import * as React from 'react';\nimport { getObservedElement } from 'tabster';\nimport { useTabster } from './useTabster';\n/**\n *\n * @param name - The observed element to focus\n * @returns Function that will focus the\n */ export function useFocusObserved(name, options = {}) {\n    const { timeout =1000  } = options;\n    const tabster = useTabster();\n    const observedAPI = tabster ? getObservedElement(tabster) : null;\n    return React.useCallback(()=>{\n        if (observedAPI) {\n            return observedAPI.requestFocus(name, timeout);\n        }\n        return {\n            result: Promise.resolve(false),\n            cancel: ()=>null\n        };\n    }, [\n        observedAPI,\n        name,\n        timeout\n    ]);\n}\n"],"names":["useFocusObserved","name","options","timeout","tabster","useTabster","observedAPI","getObservedElement","React","useCallback","requestFocus","result","Promise","resolve","cancel"],"mappings":";;;;+BAOoBA;;aAAAA;;;6DAPG;yBACY;4BACR;AAKhB,SAASA,iBAAiBC,IAAI,EAAEC,UAAU,CAAC,CAAC,EAAE;IACrD,MAAM,EAAEC,SAAS,KAAI,EAAG,GAAGD;IAC3B,MAAME,UAAUC,IAAAA,sBAAU;IAC1B,MAAMC,cAAcF,UAAUG,IAAAA,2BAAkB,EAACH,WAAW,IAAI;IAChE,OAAOI,OAAMC,WAAW,CAAC,IAAI;QACzB,IAAIH,aAAa;YACb,OAAOA,YAAYI,YAAY,CAACT,MAAME;QAC1C,CAAC;QACD,OAAO;YACHQ,QAAQC,QAAQC,OAAO,CAAC,KAAK;YAC7BC,QAAQ,IAAI,IAAI;QACpB;IACJ,GAAG;QACCR;QACAL;QACAE;KACH;AACL"}
+{"version":3,"sources":["useFocusObserved.js"],"sourcesContent":["import * as React from 'react';\nimport { getObservedElement } from 'tabster';\nimport { useTabster } from './useTabster';\n/**\n *\n * @param name - The observed element to focus\n * @returns Function that will focus the\n */ export function useFocusObserved(name, options = {}) {\n    const { timeout = 1000 } = options;\n    const tabster = useTabster();\n    const observedAPI = tabster ? getObservedElement(tabster) : null;\n    return React.useCallback(()=>{\n        if (observedAPI) {\n            return observedAPI.requestFocus(name, timeout);\n        }\n        return {\n            result: Promise.resolve(false),\n            cancel: ()=>null\n        };\n    }, [\n        observedAPI,\n        name,\n        timeout\n    ]);\n}\n"],"names":["useFocusObserved","name","options","timeout","tabster","useTabster","observedAPI","getObservedElement","React","useCallback","requestFocus","result","Promise","resolve","cancel"],"mappings":";;;;+BAOoBA;;;eAAAA;;;;iEAPG;yBACY;4BACR;AAKhB,SAASA,iBAAiBC,IAAI,EAAEC,UAAU,CAAC,CAAC;IACnD,MAAM,EAAEC,UAAU,IAAI,EAAE,GAAGD;IAC3B,MAAME,UAAUC,IAAAA,sBAAU;IAC1B,MAAMC,cAAcF,UAAUG,IAAAA,2BAAkB,EAACH,WAAW;IAC5D,OAAOI,OAAMC,WAAW,CAAC;QACrB,IAAIH,aAAa;YACb,OAAOA,YAAYI,YAAY,CAACT,MAAME;QAC1C;QACA,OAAO;YACHQ,QAAQC,QAAQC,OAAO,CAAC;YACxBC,QAAQ,IAAI;QAChB;IACJ,GAAG;QACCR;QACAL;QACAE;KACH;AACL"}

package/lib-commonjs/hooks/useFocusVisible.js

@@ -4,19 +4,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useFocusVisible", {
     enumerable: true,
-    get: ()=>useFocusVisible
+    get: function() {
+        return useFocusVisible;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const _focusVisiblePolyfill = require("../focus/focusVisiblePolyfill");
 function useFocusVisible(options = {}) {
-    const contextValue = (0, _reactSharedContexts.useFluent_unstable)();
+    const contextValue = (0, _reactsharedcontexts.useFluent_unstable)();
     const scopeRef = _react.useRef(null);
     var _options_targetDocument;
     const targetDocument = (_options_targetDocument = options.targetDocument) !== null && _options_targetDocument !== void 0 ? _options_targetDocument : contextValue.targetDocument;
     _react.useEffect(()=>{
-        if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && scopeRef.current) {
+        var _targetDocument;
+        if (((_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.defaultView) && scopeRef.current) {
             return (0, _focusVisiblePolyfill.applyFocusVisiblePolyfill)(scopeRef.current, targetDocument.defaultView);
         }
     }, [

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

@@ -1 +1 @@
-{"version":3,"sources":["useFocusVisible.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { applyFocusVisiblePolyfill } from '../focus/focusVisiblePolyfill';\nexport function useFocusVisible(options = {}) {\n    const contextValue = useFluent();\n    const scopeRef = React.useRef(null);\n    var _options_targetDocument;\n    const targetDocument = (_options_targetDocument = options.targetDocument) !== null && _options_targetDocument !== void 0 ? _options_targetDocument : contextValue.targetDocument;\n    React.useEffect(()=>{\n        if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && scopeRef.current) {\n            return applyFocusVisiblePolyfill(scopeRef.current, targetDocument.defaultView);\n        }\n    }, [\n        scopeRef,\n        targetDocument\n    ]);\n    return scopeRef;\n}\n"],"names":["useFocusVisible","options","contextValue","useFluent","scopeRef","React","useRef","_options_targetDocument","targetDocument","useEffect","defaultView","current","applyFocusVisiblePolyfill"],"mappings":";;;;+BAGgBA;;aAAAA;;;6DAHO;qCACyB;sCACN;AACnC,SAASA,gBAAgBC,UAAU,CAAC,CAAC,EAAE;IAC1C,MAAMC,eAAeC,IAAAA,uCAAS;IAC9B,MAAMC,WAAWC,OAAMC,MAAM,CAAC,IAAI;IAClC,IAAIC;IACJ,MAAMC,iBAAiB,AAACD,CAAAA,0BAA0BN,QAAQO,cAAc,AAAD,MAAO,IAAI,IAAID,4BAA4B,KAAK,IAAIA,0BAA0BL,aAAaM,cAAc;IAChLH,OAAMI,SAAS,CAAC,IAAI;QAChB,IAAI,AAACD,CAAAA,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeE,WAAW,AAAD,KAAMN,SAASO,OAAO,EAAE;YAClH,OAAOC,IAAAA,+CAAyB,EAACR,SAASO,OAAO,EAAEH,eAAeE,WAAW;QACjF,CAAC;IACL,GAAG;QACCN;QACAI;KACH;IACD,OAAOJ;AACX"}
+{"version":3,"sources":["useFocusVisible.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { applyFocusVisiblePolyfill } from '../focus/focusVisiblePolyfill';\nexport function useFocusVisible(options = {}) {\n    const contextValue = useFluent();\n    const scopeRef = React.useRef(null);\n    var _options_targetDocument;\n    const targetDocument = (_options_targetDocument = options.targetDocument) !== null && _options_targetDocument !== void 0 ? _options_targetDocument : contextValue.targetDocument;\n    React.useEffect(()=>{\n        var _targetDocument;\n        if (((_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.defaultView) && scopeRef.current) {\n            return applyFocusVisiblePolyfill(scopeRef.current, targetDocument.defaultView);\n        }\n    }, [\n        scopeRef,\n        targetDocument\n    ]);\n    return scopeRef;\n}\n"],"names":["useFocusVisible","options","contextValue","useFluent","scopeRef","React","useRef","_options_targetDocument","targetDocument","useEffect","_targetDocument","defaultView","current","applyFocusVisiblePolyfill"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;qCACyB;sCACN;AACnC,SAASA,gBAAgBC,UAAU,CAAC,CAAC;IACxC,MAAMC,eAAeC,IAAAA,uCAAS;IAC9B,MAAMC,WAAWC,OAAMC,MAAM,CAAC;IAC9B,IAAIC;IACJ,MAAMC,iBAAiB,AAACD,CAAAA,0BAA0BN,QAAQO,cAAc,AAAD,MAAO,QAAQD,4BAA4B,KAAK,IAAIA,0BAA0BL,aAAaM,cAAc;IAChLH,OAAMI,SAAS,CAAC;QACZ,IAAIC;QACJ,IAAI,AAAC,CAAA,AAACA,CAAAA,kBAAkBF,cAAa,MAAO,QAAQE,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBC,WAAW,AAAD,KAAMP,SAASQ,OAAO,EAAE;YACxI,OAAOC,IAAAA,+CAAyB,EAACT,SAASQ,OAAO,EAAEJ,eAAeG,WAAW;QACjF;IACJ,GAAG;QACCP;QACAI;KACH;IACD,OAAOJ;AACX"}

package/lib-commonjs/hooks/useFocusWithin.js

@@ -4,17 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useFocusWithin", {
     enumerable: true,
-    get: ()=>useFocusWithin
+    get: function() {
+        return useFocusWithin;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const _focusWithinPolyfill = require("../focus/focusWithinPolyfill");
 function useFocusWithin() {
-    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
     const elementRef = _react.useRef(null);
     _react.useEffect(()=>{
-        if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && elementRef.current) {
+        var _targetDocument;
+        if (((_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.defaultView) && elementRef.current) {
             return (0, _focusWithinPolyfill.applyFocusWithinPolyfill)(elementRef.current, targetDocument.defaultView);
         }
     }, [

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

@@ -1 +1 @@
-{"version":3,"sources":["useFocusWithin.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { applyFocusWithinPolyfill } from '../focus/focusWithinPolyfill';\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 */ export function useFocusWithin() {\n    const { targetDocument  } = useFluent();\n    const elementRef = React.useRef(null);\n    React.useEffect(()=>{\n        if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && elementRef.current) {\n            return applyFocusWithinPolyfill(elementRef.current, targetDocument.defaultView);\n        }\n    }, [\n        elementRef,\n        targetDocument\n    ]);\n    return elementRef;\n}\n"],"names":["useFocusWithin","targetDocument","useFluent","elementRef","React","useRef","useEffect","defaultView","current","applyFocusWithinPolyfill"],"mappings":";;;;+BAOoBA;;aAAAA;;;6DAPG;qCACyB;qCACP;AAK9B,SAASA,iBAAiB;IACjC,MAAM,EAAEC,eAAc,EAAG,GAAGC,IAAAA,uCAAS;IACrC,MAAMC,aAAaC,OAAMC,MAAM,CAAC,IAAI;IACpCD,OAAME,SAAS,CAAC,IAAI;QAChB,IAAI,AAACL,CAAAA,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeM,WAAW,AAAD,KAAMJ,WAAWK,OAAO,EAAE;YACpH,OAAOC,IAAAA,6CAAwB,EAACN,WAAWK,OAAO,EAAEP,eAAeM,WAAW;QAClF,CAAC;IACL,GAAG;QACCJ;QACAF;KACH;IACD,OAAOE;AACX"}
+{"version":3,"sources":["useFocusWithin.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { applyFocusWithinPolyfill } from '../focus/focusWithinPolyfill';\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 */ export function useFocusWithin() {\n    const { targetDocument } = useFluent();\n    const elementRef = React.useRef(null);\n    React.useEffect(()=>{\n        var _targetDocument;\n        if (((_targetDocument = targetDocument) === null || _targetDocument === void 0 ? void 0 : _targetDocument.defaultView) && elementRef.current) {\n            return applyFocusWithinPolyfill(elementRef.current, targetDocument.defaultView);\n        }\n    }, [\n        elementRef,\n        targetDocument\n    ]);\n    return elementRef;\n}\n"],"names":["useFocusWithin","targetDocument","useFluent","elementRef","React","useRef","useEffect","_targetDocument","defaultView","current","applyFocusWithinPolyfill"],"mappings":";;;;+BAOoBA;;;eAAAA;;;;iEAPG;qCACyB;qCACP;AAK9B,SAASA;IAChB,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,MAAMC,aAAaC,OAAMC,MAAM,CAAC;IAChCD,OAAME,SAAS,CAAC;QACZ,IAAIC;QACJ,IAAI,AAAC,CAAA,AAACA,CAAAA,kBAAkBN,cAAa,MAAO,QAAQM,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBC,WAAW,AAAD,KAAML,WAAWM,OAAO,EAAE;YAC1I,OAAOC,IAAAA,6CAAwB,EAACP,WAAWM,OAAO,EAAER,eAAeO,WAAW;QAClF;IACJ,GAAG;QACCL;QACAF;KACH;IACD,OAAOE;AACX"}