@fluentui/react-tabster 9.7.4 → 9.7.5

package/lib/hooks/useTabster.js

@@ -8,28 +8,28 @@ import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
  *
  * @internal
  * @returns Tabster core instance
- */
-export const useTabster = () => {
-  const {
-    targetDocument
-  } = useFluent();
-  const defaultView = (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) || undefined;
-  const tabster = React.useMemo(() => {
-    if (!defaultView) {
-      return null;
-    }
-    return createTabster(defaultView, {
-      autoRoot: {},
-      controlTab: false
-    });
-  }, [defaultView]);
-  useIsomorphicLayoutEffect(() => {
-    return () => {
-      if (tabster) {
-        disposeTabster(tabster);
-      }
-    };
-  }, [tabster]);
-  return tabster;
+ */ export const useTabster = ()=>{
+    const { targetDocument  } = useFluent();
+    const defaultView = (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) || undefined;
+    const tabster = React.useMemo(()=>{
+        if (!defaultView) {
+            return null;
+        }
+        return createTabster(defaultView, {
+            autoRoot: {},
+            controlTab: false
+        });
+    }, [
+        defaultView
+    ]);
+    useIsomorphicLayoutEffect(()=>{
+        return ()=>{
+            if (tabster) {
+                disposeTabster(tabster);
+            }
+        };
+    }, [
+        tabster
+    ]);
+    return tabster;
 };
-//# sourceMappingURL=useTabster.js.map

package/lib/hooks/useTabster.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useFluent_unstable","useFluent","createTabster","disposeTabster","useIsomorphicLayoutEffect","useTabster","targetDocument","defaultView","undefined","tabster","useMemo","autoRoot","controlTab"],"sources":["../../src/hooks/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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,kBAAA,IAAsBC,SAAS,QAAQ;AAChD,SAASC,aAAa,EAAEC,cAAc,QAA+B;AACrE,SAASC,yBAAyB,QAAQ;AAE1C;;;;;;;AAOA,OAAO,MAAMC,UAAA,GAAaA,CAAA,KAAuC;EAC/D,MAAM;IAAEC;EAAc,CAAE,GAAGL,SAAA;EAE3B,MAAMM,WAAA,GAAc,CAAAD,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAgBC,WAAW,KAAIC,SAAA;EACnD,MAAMC,OAAA,GAAUV,KAAA,CAAMW,OAAO,CAAC,MAAM;IAClC,IAAI,CAACH,WAAA,EAAa;MAChB,OAAO,IAAI;IACb;IAEA,OAAOL,aAAA,CAAcK,WAAA,EAAa;MAAEI,QAAA,EAAU,CAAC;MAAGC,UAAA,EAAY;IAAM;EACtE,GAAG,CAACL,WAAA,CAAY;EAEhBH,yBAAA,CAA0B,MAAM;IAC9B,OAAO,MAAM;MACX,IAAIK,OAAA,EAAS;QACXN,cAAA,CAAeM,OAAA;MACjB;IACF;EACF,GAAG,CAACA,OAAA,CAAQ;EAEZ,OAAOA,OAAA;AACT"}
+{"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"}

package/lib/hooks/useTabsterAttributes.js

@@ -3,11 +3,9 @@ import { useTabster } from './useTabster';
 /**
  * @internal
  * Hook that returns tabster attributes while ensuring tabster exists
- */
-export const useTabsterAttributes = 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();
-  return getTabsterAttribute(props);
+ */ export const useTabsterAttributes = (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();
+    return getTabsterAttribute(props);
 };
-//# sourceMappingURL=useTabsterAttributes.js.map

package/lib/hooks/useTabsterAttributes.js.map

@@ -1 +1 @@
-{"version":3,"names":["getTabsterAttribute","useTabster","useTabsterAttributes","props"],"sources":["../../src/hooks/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"],"mappings":"AAAA,SAASA,mBAAmB,QAA+B;AAC3D,SAASC,UAAU,QAAQ;AAE3B;;;;AAIA,OAAO,MAAMC,oBAAA,GAAwBC,KAAA,IAAgF;EACnH;EACA;EACAF,UAAA;EAEA,OAAOD,mBAAA,CAAoBG,KAAA;AAC7B"}
+{"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"}

package/lib/index.js

@@ -1,4 +1,3 @@
 export { useArrowNavigationGroup, useFocusableGroup, useFocusFinders, useFocusVisible, useFocusWithin, useKeyboardNavAttribute, useModalAttributes, useTabsterAttributes } from './hooks/index';
 export { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from './focus/index';
 export { applyFocusVisiblePolyfill } from './focus/index';
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useArrowNavigationGroup","useFocusableGroup","useFocusFinders","useFocusVisible","useFocusWithin","useKeyboardNavAttribute","useModalAttributes","useTabsterAttributes","createCustomFocusIndicatorStyle","createFocusOutlineStyle","applyFocusVisiblePolyfill"],"sources":["../src/index.ts"],"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"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,EACfC,cAAc,EACdC,uBAAuB,EACvBC,kBAAkB,EAClBC,oBAAoB,QACf;AAOP,SAASC,+BAA+B,EAAEC,uBAAuB,QAAQ;AASzE,SAASC,yBAAyB,QAAQ"}
+{"version":3,"sources":["index.ts"],"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"],"names":["useArrowNavigationGroup","useFocusableGroup","useFocusFinders","useFocusVisible","useFocusWithin","useKeyboardNavAttribute","useModalAttributes","useTabsterAttributes","createCustomFocusIndicatorStyle","createFocusOutlineStyle","applyFocusVisiblePolyfill"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,EACfC,cAAc,EACdC,uBAAuB,EACvBC,kBAAkB,EAClBC,oBAAoB,QACf,gBAAgB;AAOvB,SAASC,+BAA+B,EAAEC,uBAAuB,QAAQ,gBAAgB;AASzF,SAASC,yBAAyB,QAAQ,gBAAgB"}

package/lib-commonjs/focus/constants.js

@@ -22,6 +22,4 @@ const FOCUS_WITHIN_ATTR = 'data-fui-focus-within';
 const defaultOptions = {
     style: {},
     selector: 'focus'
-}; //# sourceMappingURL=constants.js.map
-
-//# sourceMappingURL=constants.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/focus/constants.js"],"sourcesContent":["export const KEYBOARD_NAV_ATTRIBUTE = 'data-keyboard-nav';\nexport const KEYBOARD_NAV_SELECTOR = `:global([${KEYBOARD_NAV_ATTRIBUTE}])`;\n/**\n * @internal\n */\nexport const FOCUS_VISIBLE_ATTR = 'data-fui-focus-visible';\n/**\n * @internal\n */\nexport const FOCUS_WITHIN_ATTR = 'data-fui-focus-within';\nexport const defaultOptions = {\n  style: {},\n  selector: 'focus'\n};\n//# sourceMappingURL=constants.js.map"],"names":["KEYBOARD_NAV_ATTRIBUTE","KEYBOARD_NAV_SELECTOR","FOCUS_VISIBLE_ATTR","FOCUS_WITHIN_ATTR","defaultOptions","style","selector"],"mappings":";;;;;;;;;;;IAAaA,sBAAsB,MAAtBA;IACAC,qBAAqB,MAArBA;IAIAC,kBAAkB,MAAlBA;IAIAC,iBAAiB,MAAjBA;IACAC,cAAc,MAAdA;;AAVN,MAAMJ,yBAAyB;AAC/B,MAAMC,wBAAwB,CAAC,SAAS,EAAED,uBAAuB,EAAE,CAAC;AAIpE,MAAME,qBAAqB;AAI3B,MAAMC,oBAAoB;AAC1B,MAAMC,iBAAiB;IAC5BC,OAAO,CAAC;IACRC,UAAU;AACZ,GACA,qCAAqC"}
+{"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"}

package/lib-commonjs/focus/createCustomFocusIndicatorStyle.js

@@ -16,6 +16,4 @@ function createCustomFocusIndicatorStyle(style, { selector =_constants.defaultOp
             [`&[${_constants.FOCUS_WITHIN_ATTR}]:${selector}`]: style
         }
     };
-} //# sourceMappingURL=createCustomFocusIndicatorStyle.js.map
-
-//# sourceMappingURL=createCustomFocusIndicatorStyle.js.map
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/focus/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 */\nexport function createCustomFocusIndicatorStyle(style, {\n  selector = defaultOptions.selector\n} = 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//# sourceMappingURL=createCustomFocusIndicatorStyle.js.map"],"names":["createCustomFocusIndicatorStyle","style","selector","defaultOptions","FOCUS_VISIBLE_ATTR","FOCUS_WITHIN_ATTR"],"mappings":";;;;+BAQgBA;;aAAAA;;2BARsD;AAQ/D,SAASA,gCAAgCC,KAAK,EAAE,EACrDC,UAAWC,yBAAc,CAACD,QAAQ,CAAA,EACnC,GAAGC,yBAAc,EAAE;IAClB,OAAO;QACL,GAAID,aAAa,WAAW;YAC1B,CAAC,CAAC,EAAE,EAAEE,6BAAkB,CAAC,CAAC,CAAC,CAAC,EAAEH;QAChC,CAAC;QACD,GAAIC,aAAa,kBAAkB;YACjC,CAAC,CAAC,EAAE,EAAEG,4BAAiB,CAAC,EAAE,EAAEH,SAAS,CAAC,CAAC,EAAED;QAC3C,CAAC;IACH;AACF,EACA,2DAA2D"}
+{"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"}

package/lib-commonjs/focus/createFocusOutlineStyle.js

@@ -10,6 +10,19 @@ const _reactTheme = require("@fluentui/react-theme");
 const _react = require("@griffel/react");
 const _createCustomFocusIndicatorStyle = require("./createCustomFocusIndicatorStyle");
 const _constants = require("./constants");
+/**
+ * Get the position of the focus outline
+ *
+ * @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;
+    if (!outlineOffset) {
+        return `calc(${outlineWidth} * -1)`;
+    }
+    return `calc(0px - ${outlineWidth} - ${offsetValue})`;
+}
 /**
  * NOTE: the element with the focus outline needs to have `position: relative` so that the
  * pseudo element can be properly positioned.
@@ -17,11 +30,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 , outlineOffset , outlineWidth  } = options;
-    const outlineOffsetTop = (outlineOffset === null || outlineOffset === void 0 ? void 0 : outlineOffset.top) || outlineOffset;
-    const outlineOffsetBottom = (outlineOffset === null || outlineOffset === void 0 ? void 0 : outlineOffset.bottom) || outlineOffset;
-    const outlineOffsetLeft = (outlineOffset === null || outlineOffset === void 0 ? void 0 : outlineOffset.left) || outlineOffset;
-    const outlineOffsetRight = (outlineOffset === null || outlineOffset === void 0 ? void 0 : outlineOffset.right) || outlineOffset;
+    const { outlineRadius , outlineColor , outlineWidth  } = options;
     return {
         ..._react.shorthands.borderColor('transparent'),
         '::after': {
@@ -33,10 +42,10 @@ const _constants = require("./constants");
             ..._react.shorthands.borderWidth(outlineWidth),
             ..._react.shorthands.borderRadius(outlineRadius),
             ..._react.shorthands.borderColor(outlineColor),
-            top: !outlineOffset ? `-${outlineWidth}` : `calc(0px - ${outlineWidth} - ${outlineOffsetTop})`,
-            bottom: !outlineOffset ? `-${outlineWidth}` : `calc(0px - ${outlineWidth} - ${outlineOffsetBottom})`,
-            left: !outlineOffset ? `-${outlineWidth}` : `calc(0px - ${outlineWidth} - ${outlineOffsetLeft})`,
-            right: !outlineOffset ? `-${outlineWidth}` : `calc(0px - ${outlineWidth} - ${outlineOffsetRight})`
+            top: getOutlinePosition(options, 'top'),
+            right: getOutlinePosition(options, 'right'),
+            bottom: getOutlinePosition(options, 'bottom'),
+            left: getOutlinePosition(options, 'left')
         }
     };
 };
@@ -56,6 +65,4 @@ const createFocusOutlineStyle = ({ enableOutline =false , selector =_constants.d
         }), {
             selector
         })
-    }); //# sourceMappingURL=createFocusOutlineStyle.js.map
-
-//# sourceMappingURL=createFocusOutlineStyle.js.map
+    });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/focus/createFocusOutlineStyle.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from './createCustomFocusIndicatorStyle';\nimport { defaultOptions } from './constants';\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 => {\n  const {\n    outlineRadius,\n    outlineColor,\n    outlineOffset,\n    outlineWidth\n  } = options;\n  const outlineOffsetTop = (outlineOffset === null || outlineOffset === void 0 ? void 0 : outlineOffset.top) || outlineOffset;\n  const outlineOffsetBottom = (outlineOffset === null || outlineOffset === void 0 ? void 0 : outlineOffset.bottom) || outlineOffset;\n  const outlineOffsetLeft = (outlineOffset === null || outlineOffset === void 0 ? void 0 : outlineOffset.left) || outlineOffset;\n  const outlineOffsetRight = (outlineOffset === null || outlineOffset === void 0 ? void 0 : outlineOffset.right) || outlineOffset;\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: !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 * 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  enableOutline = false,\n  selector = defaultOptions.selector,\n  style = defaultOptions.style\n} = 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//# sourceMappingURL=createFocusOutlineStyle.js.map"],"names":["createFocusOutlineStyle","getFocusOutlineStyles","options","outlineRadius","outlineColor","outlineOffset","outlineWidth","outlineOffsetTop","top","outlineOffsetBottom","bottom","outlineOffsetLeft","left","outlineOffsetRight","right","shorthands","borderColor","content","position","pointerEvents","zIndex","borderStyle","borderWidth","borderRadius","enableOutline","selector","defaultOptions","style","outlineStyle","undefined","createCustomFocusIndicatorStyle","tokens","colorStrokeFocus2","borderRadiusMedium"],"mappings":";;;;+BA+CaA;;aAAAA;;4BA/CU;uBACI;iDACqB;2BACjB;AAC/B;;;;;;CAMC,GACD,MAAMC,wBAAwBC,CAAAA,UAAW;IACvC,MAAM,EACJC,cAAa,EACbC,aAAY,EACZC,cAAa,EACbC,aAAY,EACb,GAAGJ;IACJ,MAAMK,mBAAmB,AAACF,CAAAA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcG,GAAG,AAAD,KAAMH;IAC9G,MAAMI,sBAAsB,AAACJ,CAAAA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcK,MAAM,AAAD,KAAML;IACpH,MAAMM,oBAAoB,AAACN,CAAAA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcO,IAAI,AAAD,KAAMP;IAChH,MAAMQ,qBAAqB,AAACR,CAAAA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcS,KAAK,AAAD,KAAMT;IAClH,OAAO;QACL,GAAGU,iBAAU,CAACC,WAAW,CAAC,cAAc;QACxC,WAAW;YACTC,SAAS;YACTC,UAAU;YACVC,eAAe;YACfC,QAAQ;YACR,GAAGL,iBAAU,CAACM,WAAW,CAAC,QAAQ;YAClC,GAAGN,iBAAU,CAACO,WAAW,CAAChB,aAAa;YACvC,GAAGS,iBAAU,CAACQ,YAAY,CAACpB,cAAc;YACzC,GAAGY,iBAAU,CAACC,WAAW,CAACZ,aAAa;YACvCI,KAAK,CAACH,gBAAgB,CAAC,CAAC,EAAEC,aAAa,CAAC,GAAG,CAAC,WAAW,EAAEA,aAAa,GAAG,EAAEC,iBAAiB,CAAC,CAAC;YAC9FG,QAAQ,CAACL,gBAAgB,CAAC,CAAC,EAAEC,aAAa,CAAC,GAAG,CAAC,WAAW,EAAEA,aAAa,GAAG,EAAEG,oBAAoB,CAAC,CAAC;YACpGG,MAAM,CAACP,gBAAgB,CAAC,CAAC,EAAEC,aAAa,CAAC,GAAG,CAAC,WAAW,EAAEA,aAAa,GAAG,EAAEK,kBAAkB,CAAC,CAAC;YAChGG,OAAO,CAACT,gBAAgB,CAAC,CAAC,EAAEC,aAAa,CAAC,GAAG,CAAC,WAAW,EAAEA,aAAa,GAAG,EAAEO,mBAAmB,CAAC,CAAC;QACpG;IACF;AACF;AAQO,MAAMb,0BAA0B,CAAC,EACtCwB,eAAgB,KAAK,CAAA,EACrBC,UAAWC,yBAAc,CAACD,QAAQ,CAAA,EAClCE,OAAQD,yBAAc,CAACC,KAAK,CAAA,EAC7B,GAAGD,yBAAc,GAAM,CAAA;QACtB,UAAU;YACRE,cAAcJ,gBAAgBK,YAAY,MAAM;QAClD;QACA,kBAAkB;YAChBD,cAAcJ,gBAAgBK,YAAY,MAAM;QAClD;QACA,GAAGC,IAAAA,gEAA+B,EAAC7B,sBAAsB;YACvDG,cAAc2B,kBAAM,CAACC,iBAAiB;YACtC7B,eAAe4B,kBAAM,CAACE,kBAAkB;YACxC,wDAAwD;YACxD3B,cAAc;YACd,GAAGqB,KAAK;QACV,IAAI;YACFF;QACF,EAAE;IACJ,CAAA,GACA,mDAAmD"}
+{"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"}

package/lib-commonjs/focus/focusVisiblePolyfill.js

@@ -72,6 +72,4 @@ function alreadyInScope(el) {
         return true;
     }
     return alreadyInScope(el === null || el === void 0 ? void 0 : el.parentElement);
-} //# sourceMappingURL=focusVisiblePolyfill.js.map
-
-//# sourceMappingURL=focusVisiblePolyfill.js.map
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/focus/focusVisiblePolyfill.js"],"sourcesContent":["import { isHTMLElement } from '@fluentui/react-utilities';\nimport { KEYBORG_FOCUSIN, createKeyborg, disposeKeyborg } from 'keyborg';\nimport { FOCUS_VISIBLE_ATTR } from './constants';\n/**\n * @internal\n * @param scope - Applies the ponyfill to all DOM children\n * @param targetWindow - window\n */\nexport function applyFocusVisiblePolyfill(scope, targetWindow) {\n  if (alreadyInScope(scope)) {\n    // Focus visible polyfill already applied at this scope\n    return () => undefined;\n  }\n  const state = {\n    current: undefined\n  };\n  const keyborg = createKeyborg(targetWindow);\n  // When navigation mode changes remove the focus-visible selector\n  keyborg.subscribe(isNavigatingWithKeyboard => {\n    if (!isNavigatingWithKeyboard && state.current) {\n      removeFocusVisibleClass(state.current);\n      state.current = undefined;\n    }\n  });\n  // Keyborg's focusin event is delegated so it's only registered once on the window\n  // and contains metadata about the focus event\n  const keyborgListener = e => {\n    if (state.current) {\n      removeFocusVisibleClass(state.current);\n      state.current = undefined;\n    }\n    if (keyborg.isNavigatingWithKeyboard() && isHTMLElement(e.target) && e.target) {\n      // Griffel can't create chained global styles so use the parent element for now\n      state.current = e.target;\n      applyFocusVisibleClass(state.current);\n    }\n  };\n  // Make sure that when focus leaves the scope, the focus visible class is removed\n  const blurListener = e => {\n    if (!e.relatedTarget || isHTMLElement(e.relatedTarget) && !scope.contains(e.relatedTarget)) {\n      if (state.current) {\n        removeFocusVisibleClass(state.current);\n        state.current = undefined;\n      }\n    }\n  };\n  scope.addEventListener(KEYBORG_FOCUSIN, keyborgListener);\n  scope.addEventListener('focusout', blurListener);\n  scope.focusVisible = true;\n  // Return disposer\n  return () => {\n    scope.removeEventListener(KEYBORG_FOCUSIN, keyborgListener);\n    scope.removeEventListener('focusout', blurListener);\n    delete scope.focusVisible;\n    disposeKeyborg(keyborg);\n  };\n}\nfunction applyFocusVisibleClass(el) {\n  el.setAttribute(FOCUS_VISIBLE_ATTR, '');\n}\nfunction removeFocusVisibleClass(el) {\n  el.removeAttribute(FOCUS_VISIBLE_ATTR);\n}\nfunction alreadyInScope(el) {\n  if (!el) {\n    return false;\n  }\n  if (el.focusVisible) {\n    return true;\n  }\n  return alreadyInScope(el === null || el === void 0 ? void 0 : el.parentElement);\n}\n//# sourceMappingURL=focusVisiblePolyfill.js.map"],"names":["applyFocusVisiblePolyfill","scope","targetWindow","alreadyInScope","undefined","state","current","keyborg","createKeyborg","subscribe","isNavigatingWithKeyboard","removeFocusVisibleClass","keyborgListener","e","isHTMLElement","target","applyFocusVisibleClass","blurListener","relatedTarget","contains","addEventListener","KEYBORG_FOCUSIN","focusVisible","removeEventListener","disposeKeyborg","el","setAttribute","FOCUS_VISIBLE_ATTR","removeAttribute","parentElement"],"mappings":";;;;+BAQgBA;;aAAAA;;gCARc;yBACiC;2BAC5B;AAM5B,SAASA,0BAA0BC,KAAK,EAAEC,YAAY,EAAE;IAC7D,IAAIC,eAAeF,QAAQ;QACzB,uDAAuD;QACvD,OAAO,IAAMG;IACf,CAAC;IACD,MAAMC,QAAQ;QACZC,SAASF;IACX;IACA,MAAMG,UAAUC,IAAAA,sBAAa,EAACN;IAC9B,iEAAiE;IACjEK,QAAQE,SAAS,CAACC,CAAAA,2BAA4B;QAC5C,IAAI,CAACA,4BAA4BL,MAAMC,OAAO,EAAE;YAC9CK,wBAAwBN,MAAMC,OAAO;YACrCD,MAAMC,OAAO,GAAGF;QAClB,CAAC;IACH;IACA,kFAAkF;IAClF,8CAA8C;IAC9C,MAAMQ,kBAAkBC,CAAAA,IAAK;QAC3B,IAAIR,MAAMC,OAAO,EAAE;YACjBK,wBAAwBN,MAAMC,OAAO;YACrCD,MAAMC,OAAO,GAAGF;QAClB,CAAC;QACD,IAAIG,QAAQG,wBAAwB,MAAMI,IAAAA,6BAAa,EAACD,EAAEE,MAAM,KAAKF,EAAEE,MAAM,EAAE;YAC7E,+EAA+E;YAC/EV,MAAMC,OAAO,GAAGO,EAAEE,MAAM;YACxBC,uBAAuBX,MAAMC,OAAO;QACtC,CAAC;IACH;IACA,iFAAiF;IACjF,MAAMW,eAAeJ,CAAAA,IAAK;QACxB,IAAI,CAACA,EAAEK,aAAa,IAAIJ,IAAAA,6BAAa,EAACD,EAAEK,aAAa,KAAK,CAACjB,MAAMkB,QAAQ,CAACN,EAAEK,aAAa,GAAG;YAC1F,IAAIb,MAAMC,OAAO,EAAE;gBACjBK,wBAAwBN,MAAMC,OAAO;gBACrCD,MAAMC,OAAO,GAAGF;YAClB,CAAC;QACH,CAAC;IACH;IACAH,MAAMmB,gBAAgB,CAACC,wBAAe,EAAET;IACxCX,MAAMmB,gBAAgB,CAAC,YAAYH;IACnChB,MAAMqB,YAAY,GAAG,IAAI;IACzB,kBAAkB;IAClB,OAAO,IAAM;QACXrB,MAAMsB,mBAAmB,CAACF,wBAAe,EAAET;QAC3CX,MAAMsB,mBAAmB,CAAC,YAAYN;QACtC,OAAOhB,MAAMqB,YAAY;QACzBE,IAAAA,uBAAc,EAACjB;IACjB;AACF;AACA,SAASS,uBAAuBS,EAAE,EAAE;IAClCA,GAAGC,YAAY,CAACC,6BAAkB,EAAE;AACtC;AACA,SAAShB,wBAAwBc,EAAE,EAAE;IACnCA,GAAGG,eAAe,CAACD,6BAAkB;AACvC;AACA,SAASxB,eAAesB,EAAE,EAAE;IAC1B,IAAI,CAACA,IAAI;QACP,OAAO,KAAK;IACd,CAAC;IACD,IAAIA,GAAGH,YAAY,EAAE;QACnB,OAAO,IAAI;IACb,CAAC;IACD,OAAOnB,eAAesB,OAAO,IAAI,IAAIA,OAAO,KAAK,IAAI,KAAK,IAAIA,GAAGI,aAAa;AAChF,EACA,gDAAgD"}
+{"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"}

package/lib-commonjs/focus/focusWithinPolyfill.js

@@ -50,6 +50,4 @@ function isHTMLElement(target) {
         return false;
     }
     return Boolean(target && typeof target === 'object' && 'classList' in target && 'contains' in target);
-} //# sourceMappingURL=focusWithinPolyfill.js.map
-
-//# sourceMappingURL=focusWithinPolyfill.js.map
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/focus/focusWithinPolyfill.js"],"sourcesContent":["import { KEYBORG_FOCUSIN, createKeyborg, disposeKeyborg } from 'keyborg';\nimport { FOCUS_WITHIN_ATTR } from './constants';\n/**\n * A ponyfill that allows `:focus-within` to support visibility based on keyboard/mouse navigation\n * like `:focus-visible` https://github.com/WICG/focus-visible/issues/151\n * @returns ref to the element that uses `:focus-within` styles\n */\nexport function applyFocusWithinPolyfill(element, win) {\n  const keyborg = createKeyborg(win);\n  // When navigation mode changes to mouse, remove the focus-within selector\n  keyborg.subscribe(isNavigatingWithKeyboard => {\n    if (!isNavigatingWithKeyboard) {\n      removeFocusWithinClass(element);\n    }\n  });\n  // Keyborg's focusin event is delegated so it's only registered once on the window\n  // and contains metadata about the focus event\n  const keyborgListener = e => {\n    if (keyborg.isNavigatingWithKeyboard() && isHTMLElement(e.target)) {\n      // Griffel can't create chained global styles so use the parent element for now\n      applyFocusWithinClass(element);\n    }\n  };\n  // Make sure that when focus leaves the scope, the focus within class is removed\n  const blurListener = e => {\n    if (!e.relatedTarget || isHTMLElement(e.relatedTarget) && !element.contains(e.relatedTarget)) {\n      removeFocusWithinClass(element);\n    }\n  };\n  element.addEventListener(KEYBORG_FOCUSIN, keyborgListener);\n  element.addEventListener('focusout', blurListener);\n  // Return disposer\n  return () => {\n    element.removeEventListener(KEYBORG_FOCUSIN, keyborgListener);\n    element.removeEventListener('focusout', blurListener);\n    disposeKeyborg(keyborg);\n  };\n}\nfunction applyFocusWithinClass(el) {\n  el.setAttribute(FOCUS_WITHIN_ATTR, '');\n}\nfunction removeFocusWithinClass(el) {\n  el.removeAttribute(FOCUS_WITHIN_ATTR);\n}\nfunction isHTMLElement(target) {\n  if (!target) {\n    return false;\n  }\n  return Boolean(target && typeof target === 'object' && 'classList' in target && 'contains' in target);\n}\n//# sourceMappingURL=focusWithinPolyfill.js.map"],"names":["applyFocusWithinPolyfill","element","win","keyborg","createKeyborg","subscribe","isNavigatingWithKeyboard","removeFocusWithinClass","keyborgListener","e","isHTMLElement","target","applyFocusWithinClass","blurListener","relatedTarget","contains","addEventListener","KEYBORG_FOCUSIN","removeEventListener","disposeKeyborg","el","setAttribute","FOCUS_WITHIN_ATTR","removeAttribute","Boolean"],"mappings":";;;;+BAOgBA;;aAAAA;;yBAP+C;2BAC7B;AAM3B,SAASA,yBAAyBC,OAAO,EAAEC,GAAG,EAAE;IACrD,MAAMC,UAAUC,IAAAA,sBAAa,EAACF;IAC9B,0EAA0E;IAC1EC,QAAQE,SAAS,CAACC,CAAAA,2BAA4B;QAC5C,IAAI,CAACA,0BAA0B;YAC7BC,uBAAuBN;QACzB,CAAC;IACH;IACA,kFAAkF;IAClF,8CAA8C;IAC9C,MAAMO,kBAAkBC,CAAAA,IAAK;QAC3B,IAAIN,QAAQG,wBAAwB,MAAMI,cAAcD,EAAEE,MAAM,GAAG;YACjE,+EAA+E;YAC/EC,sBAAsBX;QACxB,CAAC;IACH;IACA,gFAAgF;IAChF,MAAMY,eAAeJ,CAAAA,IAAK;QACxB,IAAI,CAACA,EAAEK,aAAa,IAAIJ,cAAcD,EAAEK,aAAa,KAAK,CAACb,QAAQc,QAAQ,CAACN,EAAEK,aAAa,GAAG;YAC5FP,uBAAuBN;QACzB,CAAC;IACH;IACAA,QAAQe,gBAAgB,CAACC,wBAAe,EAAET;IAC1CP,QAAQe,gBAAgB,CAAC,YAAYH;IACrC,kBAAkB;IAClB,OAAO,IAAM;QACXZ,QAAQiB,mBAAmB,CAACD,wBAAe,EAAET;QAC7CP,QAAQiB,mBAAmB,CAAC,YAAYL;QACxCM,IAAAA,uBAAc,EAAChB;IACjB;AACF;AACA,SAASS,sBAAsBQ,EAAE,EAAE;IACjCA,GAAGC,YAAY,CAACC,4BAAiB,EAAE;AACrC;AACA,SAASf,uBAAuBa,EAAE,EAAE;IAClCA,GAAGG,eAAe,CAACD,4BAAiB;AACtC;AACA,SAASZ,cAAcC,MAAM,EAAE;IAC7B,IAAI,CAACA,QAAQ;QACX,OAAO,KAAK;IACd,CAAC;IACD,OAAOa,QAAQb,UAAU,OAAOA,WAAW,YAAY,eAAeA,UAAU,cAAcA;AAChG,EACA,+CAA+C"}
+{"version":3,"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"}

package/lib-commonjs/focus/index.js

@@ -7,6 +7,3 @@ _exportStar(require("./createCustomFocusIndicatorStyle"), exports);
 _exportStar(require("./createFocusOutlineStyle"), exports);
 _exportStar(require("./focusVisiblePolyfill"), exports);
 _exportStar(require("./focusWithinPolyfill"), exports);
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/focus/index.js"],"sourcesContent":["export * from './createCustomFocusIndicatorStyle';\nexport * from './createFocusOutlineStyle';\nexport * from './focusVisiblePolyfill';\nexport * from './focusWithinPolyfill';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './createCustomFocusIndicatorStyle';\nexport * from './createFocusOutlineStyle';\nexport * from './focusVisiblePolyfill';\nexport * from './focusWithinPolyfill';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA"}

package/lib-commonjs/hooks/index.js

@@ -11,6 +11,3 @@ _exportStar(require("./useFocusWithin"), exports);
 _exportStar(require("./useKeyboardNavAttribute"), exports);
 _exportStar(require("./useModalAttributes"), exports);
 _exportStar(require("./useTabsterAttributes"), exports);
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/index.js"],"sourcesContent":["export * from './useArrowNavigationGroup';\nexport * from './useFocusableGroup';\nexport * from './useFocusFinders';\nexport * from './useFocusVisible';\nexport * from './useFocusWithin';\nexport * from './useKeyboardNavAttribute';\nexport * from './useModalAttributes';\nexport * from './useTabsterAttributes';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"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';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/hooks/useArrowNavigationGroup.js

@@ -10,8 +10,7 @@ const _tabster = require("tabster");
 const _useTabsterAttributes = require("./useTabsterAttributes");
 const _useTabster = require("./useTabster");
 const useArrowNavigationGroup = (options = {})=>{
-    const { circular , axis , memorizeCurrent , tabbable , ignoreDefaultKeydown , // eslint-disable-next-line @typescript-eslint/naming-convention
-    unstable_hasDefault  } = options;
+    const { circular , axis , memorizeCurrent , tabbable , ignoreDefaultKeydown , unstable_hasDefault  } = options;
     const tabster = (0, _useTabster.useTabster)();
     if (tabster) {
         (0, _tabster.getMover)(tabster);
@@ -43,6 +42,4 @@ function axisToMoverDirection(axis) {
         default:
             return _tabster.Types.MoverDirections.Vertical;
     }
-} //# sourceMappingURL=useArrowNavigationGroup.js.map
-
-//# sourceMappingURL=useArrowNavigationGroup.js.map
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useArrowNavigationGroup.js"],"sourcesContent":["import { Types, getMover } from 'tabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { useTabster } from './useTabster';\n/**\n * A hook that returns the necessary tabster attributes to support arrow key navigation\n * @param options - Options to configure keyboard navigation\n */\nexport const useArrowNavigationGroup = (options = {}) => {\n  const {\n    circular,\n    axis,\n    memorizeCurrent,\n    tabbable,\n    ignoreDefaultKeydown,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_hasDefault\n  } = options;\n  const tabster = useTabster();\n  if (tabster) {\n    getMover(tabster);\n  }\n  return useTabsterAttributes({\n    mover: {\n      cyclic: !!circular,\n      direction: axisToMoverDirection(axis !== 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 'both':\n      return Types.MoverDirections.Both;\n    case 'vertical':\n    default:\n      return Types.MoverDirections.Vertical;\n  }\n}\n//# sourceMappingURL=useArrowNavigationGroup.js.map"],"names":["useArrowNavigationGroup","options","circular","axis","memorizeCurrent","tabbable","ignoreDefaultKeydown","unstable_hasDefault","tabster","useTabster","getMover","useTabsterAttributes","mover","cyclic","direction","axisToMoverDirection","hasDefault","focusable","ignoreKeydown","Types","MoverDirections","Horizontal","Grid","Both","Vertical"],"mappings":";;;;+BAOaA;;aAAAA;;yBAPmB;sCACK;4BACV;AAKpB,MAAMA,0BAA0B,CAACC,UAAU,CAAC,CAAC,GAAK;IACvD,MAAM,EACJC,SAAQ,EACRC,KAAI,EACJC,gBAAe,EACfC,SAAQ,EACRC,qBAAoB,EACpB,gEAAgE;IAChEC,oBAAmB,EACpB,GAAGN;IACJ,MAAMO,UAAUC,IAAAA,sBAAU;IAC1B,IAAID,SAAS;QACXE,IAAAA,iBAAQ,EAACF;IACX,CAAC;IACD,OAAOG,IAAAA,0CAAoB,EAAC;QAC1BC,OAAO;YACLC,QAAQ,CAAC,CAACX;YACVY,WAAWC,qBAAqBZ,SAAS,IAAI,IAAIA,SAAS,KAAK,IAAIA,OAAO,UAAU;YACpFC;YACAC;YACAW,YAAYT;QACd;QACA,GAAID,wBAAwB;YAC1BW,WAAW;gBACTC,eAAeZ;YACjB;QACF,CAAC;IACH;AACF;AACA,SAASS,qBAAqBZ,IAAI,EAAE;IAClC,OAAQA;QACN,KAAK;YACH,OAAOgB,cAAK,CAACC,eAAe,CAACC,UAAU;QACzC,KAAK;YACH,OAAOF,cAAK,CAACC,eAAe,CAACE,IAAI;QACnC,KAAK;YACH,OAAOH,cAAK,CAACC,eAAe,CAACG,IAAI;QACnC,KAAK;QACL;YACE,OAAOJ,cAAK,CAACC,eAAe,CAACI,QAAQ;IACzC;AACF,EACA,mDAAmD"}
+{"version":3,"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 '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","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,IAAI;QACrC,KAAK;QACL;YACI,OAAOJ,cAAK,CAACC,eAAe,CAACI,QAAQ;IAC7C;AACJ"}

package/lib-commonjs/hooks/useFocusFinders.js

@@ -69,6 +69,4 @@ const useFocusFinders = ()=>{
         findNextFocusable,
         findPrevFocusable
     };
-}; //# sourceMappingURL=useFocusFinders.js.map
-
-//# sourceMappingURL=useFocusFinders.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/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 */\nexport const useFocusFinders = () => {\n  const tabster = useTabster();\n  const {\n    targetDocument\n  } = 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  }, [tabster]);\n  const findFirstFocusable = React.useCallback(container => {\n    return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findFirst({\n      container\n    });\n  }, [tabster]);\n  const findLastFocusable = React.useCallback(container => {\n    return tabster === null || tabster === void 0 ? void 0 : tabster.focusable.findLast({\n      container\n    });\n  }, [tabster]);\n  const findNextFocusable = React.useCallback((currentElement, options = {}) => {\n    if (!tabster || !targetDocument) {\n      return null;\n    }\n    const {\n      container = targetDocument.body\n    } = options;\n    return tabster.focusable.findNext({\n      currentElement,\n      container\n    });\n  }, [tabster, targetDocument]);\n  const findPrevFocusable = React.useCallback((currentElement, options = {}) => {\n    if (!tabster || !targetDocument) {\n      return null;\n    }\n    const {\n      container = targetDocument.body\n    } = options;\n    return tabster.focusable.findPrev({\n      currentElement,\n      container\n    });\n  }, [tabster, targetDocument]);\n  return {\n    findAllFocusable,\n    findFirstFocusable,\n    findLastFocusable,\n    findNextFocusable,\n    findPrevFocusable\n  };\n};\n//# sourceMappingURL=useFocusFinders.js.map"],"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":";;;;+BAMaA;;aAAAA;;;6DANU;qCACyB;4BACrB;AAIpB,MAAMA,kBAAkB,IAAM;IACnC,MAAMC,UAAUC,IAAAA,sBAAU;IAC1B,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAS;IACb,2EAA2E;IAC3E,MAAMC,mBAAmBC,OAAMC,WAAW,CAAC,CAACC,WAAWC,kBAAoB;QACzE,OAAO,AAACR,CAAAA,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQS,SAAS,CAACC,OAAO,CAAC;YAClFH;YACAC;QACF,EAAE,AAAD,KAAM,EAAE;IACX,GAAG;QAACR;KAAQ;IACZ,MAAMW,qBAAqBN,OAAMC,WAAW,CAACC,CAAAA,YAAa;QACxD,OAAOP,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQS,SAAS,CAACG,SAAS,CAAC;YACnFL;QACF,EAAE;IACJ,GAAG;QAACP;KAAQ;IACZ,MAAMa,oBAAoBR,OAAMC,WAAW,CAACC,CAAAA,YAAa;QACvD,OAAOP,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQS,SAAS,CAACK,QAAQ,CAAC;YAClFP;QACF,EAAE;IACJ,GAAG;QAACP;KAAQ;IACZ,MAAMe,oBAAoBV,OAAMC,WAAW,CAAC,CAACU,gBAAgBC,UAAU,CAAC,CAAC,GAAK;QAC5E,IAAI,CAACjB,WAAW,CAACE,gBAAgB;YAC/B,OAAO,IAAI;QACb,CAAC;QACD,MAAM,EACJK,WAAYL,eAAegB,IAAI,CAAA,EAChC,GAAGD;QACJ,OAAOjB,QAAQS,SAAS,CAACU,QAAQ,CAAC;YAChCH;YACAT;QACF;IACF,GAAG;QAACP;QAASE;KAAe;IAC5B,MAAMkB,oBAAoBf,OAAMC,WAAW,CAAC,CAACU,gBAAgBC,UAAU,CAAC,CAAC,GAAK;QAC5E,IAAI,CAACjB,WAAW,CAACE,gBAAgB;YAC/B,OAAO,IAAI;QACb,CAAC;QACD,MAAM,EACJK,WAAYL,eAAegB,IAAI,CAAA,EAChC,GAAGD;QACJ,OAAOjB,QAAQS,SAAS,CAACY,QAAQ,CAAC;YAChCL;YACAT;QACF;IACF,GAAG;QAACP;QAASE;KAAe;IAC5B,OAAO;QACLE;QACAO;QACAE;QACAE;QACAK;IACF;AACF,GACA,2CAA2C"}
+{"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"}

package/lib-commonjs/hooks/useFocusVisible.js

@@ -24,6 +24,4 @@ function useFocusVisible(options = {}) {
         targetDocument
     ]);
     return scopeRef;
-} //# sourceMappingURL=useFocusVisible.js.map
-
-//# sourceMappingURL=useFocusVisible.js.map
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/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 contentValue = 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 : contentValue.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  }, [scopeRef, targetDocument]);\n  return scopeRef;\n}\n//# sourceMappingURL=useFocusVisible.js.map"],"names":["useFocusVisible","options","contentValue","useFluent","scopeRef","React","useRef","_options_targetDocument","targetDocument","useEffect","defaultView","current","applyFocusVisiblePolyfill"],"mappings":";;;;+BAGgBA;;aAAAA;;;6DAHO;qCACyB;sCACN;AACnC,SAASA,gBAAgBC,UAAU,CAAC,CAAC,EAAE;IAC5C,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,IAAM;QACpB,IAAI,AAACD,CAAAA,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeE,WAAW,AAAD,KAAMN,SAASO,OAAO,EAAE;YACpH,OAAOC,IAAAA,+CAAyB,EAACR,SAASO,OAAO,EAAEH,eAAeE,WAAW;QAC/E,CAAC;IACH,GAAG;QAACN;QAAUI;KAAe;IAC7B,OAAOJ;AACT,EACA,2CAA2C"}
+{"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 contentValue = 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 : contentValue.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","contentValue","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"}

package/lib-commonjs/hooks/useFocusWithin.js

@@ -22,6 +22,4 @@ function useFocusWithin() {
         targetDocument
     ]);
     return elementRef;
-} //# sourceMappingURL=useFocusWithin.js.map
-
-//# sourceMappingURL=useFocusWithin.js.map
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/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 */\nexport function useFocusWithin() {\n  const {\n    targetDocument\n  } = 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  }, [elementRef, targetDocument]);\n  return elementRef;\n}\n//# sourceMappingURL=useFocusWithin.js.map"],"names":["useFocusWithin","targetDocument","useFluent","elementRef","React","useRef","useEffect","defaultView","current","applyFocusWithinPolyfill"],"mappings":";;;;+BAQgBA;;aAAAA;;;6DARO;qCACyB;qCACP;AAMlC,SAASA,iBAAiB;IAC/B,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAS;IACb,MAAMC,aAAaC,OAAMC,MAAM,CAAC,IAAI;IACpCD,OAAME,SAAS,CAAC,IAAM;QACpB,IAAI,AAACL,CAAAA,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeM,WAAW,AAAD,KAAMJ,WAAWK,OAAO,EAAE;YACtH,OAAOC,IAAAA,6CAAwB,EAACN,WAAWK,OAAO,EAAEP,eAAeM,WAAW;QAChF,CAAC;IACH,GAAG;QAACJ;QAAYF;KAAe;IAC/B,OAAOE;AACT,EACA,0CAA0C"}
+{"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"}

package/lib-commonjs/hooks/useFocusableGroup.js

@@ -31,6 +31,4 @@ const getTabbability = (tabBehavior)=>{
         default:
             return undefined;
     }
-}; //# sourceMappingURL=useFocusableGroup.js.map
-
-//# sourceMappingURL=useFocusableGroup.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useFocusableGroup.js"],"sourcesContent":["import { Types, getGroupper } from 'tabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { useTabster } from './useTabster';\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 => {\n  const tabster = useTabster();\n  if (tabster) {\n    getGroupper(tabster);\n  }\n  return useTabsterAttributes({\n    groupper: {\n      tabbability: getTabbability(options === null || options === void 0 ? void 0 : options.tabBehavior)\n    }\n  });\n};\nconst getTabbability = tabBehavior => {\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//# sourceMappingURL=useFocusableGroup.js.map"],"names":["useFocusableGroup","options","tabster","useTabster","getGroupper","useTabsterAttributes","groupper","tabbability","getTabbability","tabBehavior","Types","GroupperTabbabilities","Unlimited","Limited","LimitedTrapFocus","undefined"],"mappings":";;;;+BAOaA;;aAAAA;;yBAPsB;sCACE;4BACV;AAKpB,MAAMA,oBAAoBC,CAAAA,UAAW;IAC1C,MAAMC,UAAUC,IAAAA,sBAAU;IAC1B,IAAID,SAAS;QACXE,IAAAA,oBAAW,EAACF;IACd,CAAC;IACD,OAAOG,IAAAA,0CAAoB,EAAC;QAC1BC,UAAU;YACRC,aAAaC,eAAeP,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQQ,WAAW;QACnG;IACF;AACF;AACA,MAAMD,iBAAiBC,CAAAA,cAAe;IACpC,OAAQA;QACN,KAAK;YACH,OAAOC,cAAK,CAACC,qBAAqB,CAACC,SAAS;QAC9C,KAAK;YACH,OAAOF,cAAK,CAACC,qBAAqB,CAACE,OAAO;QAC5C,KAAK;YACH,OAAOH,cAAK,CAACC,qBAAqB,CAACG,gBAAgB;QACrD;YACE,OAAOC;IACX;AACF,GACA,6CAA6C"}
+{"version":3,"sources":["useFocusableGroup.js"],"sourcesContent":["import { Types, getGroupper } from 'tabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { useTabster } from './useTabster';\n/**\n * A hook that returns the necessary tabster attributes to support groupping.\n * @param options - Options to configure keyboard navigation\n */ export const useFocusableGroup = (options)=>{\n    const tabster = useTabster();\n    if (tabster) {\n        getGroupper(tabster);\n    }\n    return useTabsterAttributes({\n        groupper: {\n            tabbability: getTabbability(options === null || options === void 0 ? void 0 : options.tabBehavior)\n        }\n    });\n};\nconst getTabbability = (tabBehavior)=>{\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"],"names":["useFocusableGroup","options","tabster","useTabster","getGroupper","useTabsterAttributes","groupper","tabbability","getTabbability","tabBehavior","Types","GroupperTabbabilities","Unlimited","Limited","LimitedTrapFocus","undefined"],"mappings":";;;;+BAMiBA;;aAAAA;;yBANkB;sCACE;4BACV;AAIhB,MAAMA,oBAAoB,CAACC,UAAU;IAC5C,MAAMC,UAAUC,IAAAA,sBAAU;IAC1B,IAAID,SAAS;QACTE,IAAAA,oBAAW,EAACF;IAChB,CAAC;IACD,OAAOG,IAAAA,0CAAoB,EAAC;QACxBC,UAAU;YACNC,aAAaC,eAAeP,YAAY,IAAI,IAAIA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQQ,WAAW;QACrG;IACJ;AACJ;AACA,MAAMD,iBAAiB,CAACC,cAAc;IAClC,OAAOA;QACH,KAAK;YACD,OAAOC,cAAK,CAACC,qBAAqB,CAACC,SAAS;QAChD,KAAK;YACD,OAAOF,cAAK,CAACC,qBAAqB,CAACE,OAAO;QAC9C,KAAK;YACD,OAAOH,cAAK,CAACC,qBAAqB,CAACG,gBAAgB;QACvD;YACI,OAAOC;IACf;AACJ"}

package/lib-commonjs/hooks/useKeyboardNavAttribute.js

@@ -39,6 +39,4 @@ function setBooleanAttribute(elementRef, attribute, value) {
     } else {
         elementRef.current.removeAttribute(attribute);
     }
-} //# sourceMappingURL=useKeyboardNavAttribute.js.map
-
-//# sourceMappingURL=useKeyboardNavAttribute.js.map
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useKeyboardNavAttribute.js"],"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';\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() {\n  const {\n    targetDocument\n  } = useFluent();\n  const keyborg = useMemo(() => targetDocument && createKeyborg(targetDocument.defaultView), [targetDocument]);\n  const ref = useRef(null);\n  useEffect(() => {\n    if (keyborg) {\n      setBooleanAttribute(ref, KEYBOARD_NAV_ATTRIBUTE, keyborg.isNavigatingWithKeyboard());\n      const cb = 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}\nfunction setBooleanAttribute(elementRef, attribute, value) {\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//# sourceMappingURL=useKeyboardNavAttribute.js.map"],"names":["useKeyboardNavAttribute","targetDocument","useFluent","keyborg","useMemo","createKeyborg","defaultView","ref","useRef","useEffect","setBooleanAttribute","KEYBOARD_NAV_ATTRIBUTE","isNavigatingWithKeyboard","cb","next","subscribe","unsubscribe","elementRef","attribute","value","current","setAttribute","removeAttribute"],"mappings":";;;;+BASgBA;;aAAAA;;yBATc;uBACa;2BACJ;qCACS;AAMzC,SAASA,0BAA0B;IACxC,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAS;IACb,MAAMC,UAAUC,IAAAA,cAAO,EAAC,IAAMH,kBAAkBI,IAAAA,sBAAa,EAACJ,eAAeK,WAAW,GAAG;QAACL;KAAe;IAC3G,MAAMM,MAAMC,IAAAA,aAAM,EAAC,IAAI;IACvBC,IAAAA,gBAAS,EAAC,IAAM;QACd,IAAIN,SAAS;YACXO,oBAAoBH,KAAKI,iCAAsB,EAAER,QAAQS,wBAAwB;YACjF,MAAMC,KAAKC,CAAAA,OAAQ;gBACjBJ,oBAAoBH,KAAKI,iCAAsB,EAAEG;YACnD;YACAX,QAAQY,SAAS,CAACF;YAClB,OAAO,IAAMV,QAAQa,WAAW,CAACH;QACnC,CAAC;IACH,GAAG;QAACV;KAAQ;IACZ,OAAOI;AACT;AACA,SAASG,oBAAoBO,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAE;IACzD,IAAI,CAACF,WAAWG,OAAO,EAAE;QACvB;IACF,CAAC;IACD,IAAID,OAAO;QACTF,WAAWG,OAAO,CAACC,YAAY,CAACH,WAAW;IAC7C,OAAO;QACLD,WAAWG,OAAO,CAACE,eAAe,CAACJ;IACrC,CAAC;AACH,EACA,mDAAmD"}
+{"version":3,"sources":["useKeyboardNavAttribute.js"],"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';\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 */ export function useKeyboardNavAttribute() {\n    const { targetDocument  } = useFluent();\n    const keyborg = useMemo(()=>targetDocument && createKeyborg(targetDocument.defaultView), [\n        targetDocument\n    ]);\n    const ref = useRef(null);\n    useEffect(()=>{\n        if (keyborg) {\n            setBooleanAttribute(ref, KEYBOARD_NAV_ATTRIBUTE, keyborg.isNavigatingWithKeyboard());\n            const cb = (next)=>{\n                setBooleanAttribute(ref, KEYBOARD_NAV_ATTRIBUTE, next);\n            };\n            keyborg.subscribe(cb);\n            return ()=>keyborg.unsubscribe(cb);\n        }\n    }, [\n        keyborg\n    ]);\n    return ref;\n}\nfunction setBooleanAttribute(elementRef, attribute, value) {\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"],"names":["useKeyboardNavAttribute","targetDocument","useFluent","keyborg","useMemo","createKeyborg","defaultView","ref","useRef","useEffect","setBooleanAttribute","KEYBOARD_NAV_ATTRIBUTE","isNavigatingWithKeyboard","cb","next","subscribe","unsubscribe","elementRef","attribute","value","current","setAttribute","removeAttribute"],"mappings":";;;;+BAQoBA;;aAAAA;;yBARU;uBACa;2BACJ;qCACS;AAKrC,SAASA,0BAA0B;IAC1C,MAAM,EAAEC,eAAc,EAAG,GAAGC,IAAAA,uCAAS;IACrC,MAAMC,UAAUC,IAAAA,cAAO,EAAC,IAAIH,kBAAkBI,IAAAA,sBAAa,EAACJ,eAAeK,WAAW,GAAG;QACrFL;KACH;IACD,MAAMM,MAAMC,IAAAA,aAAM,EAAC,IAAI;IACvBC,IAAAA,gBAAS,EAAC,IAAI;QACV,IAAIN,SAAS;YACTO,oBAAoBH,KAAKI,iCAAsB,EAAER,QAAQS,wBAAwB;YACjF,MAAMC,KAAK,CAACC,OAAO;gBACfJ,oBAAoBH,KAAKI,iCAAsB,EAAEG;YACrD;YACAX,QAAQY,SAAS,CAACF;YAClB,OAAO,IAAIV,QAAQa,WAAW,CAACH;QACnC,CAAC;IACL,GAAG;QACCV;KACH;IACD,OAAOI;AACX;AACA,SAASG,oBAAoBO,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAE;IACvD,IAAI,CAACF,WAAWG,OAAO,EAAE;QACrB;IACJ,CAAC;IACD,IAAID,OAAO;QACPF,WAAWG,OAAO,CAACC,YAAY,CAACH,WAAW;IAC/C,OAAO;QACHD,WAAWG,OAAO,CAACE,eAAe,CAACJ;IACvC,CAAC;AACL"}

package/lib-commonjs/hooks/useModalAttributes.js

@@ -35,6 +35,4 @@ const useModalAttributes = (options = {})=>{
         modalAttributes,
         triggerAttributes
     };
-}; //# sourceMappingURL=useModalAttributes.js.map
-
-//# sourceMappingURL=useModalAttributes.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useModalAttributes.js"],"sourcesContent":["import { useId } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { getDeloser, getModalizer } from 'tabster';\nimport { useTabster } from './useTabster';\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 = (options = {}) => {\n  const {\n    trapFocus,\n    alwaysFocusable,\n    legacyTrapFocus\n  } = options;\n  const tabster = useTabster();\n  // Initializes the modalizer and deloser APIs\n  if (tabster) {\n    getModalizer(tabster);\n    getDeloser(tabster);\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  const triggerAttributes = useTabsterAttributes({\n    deloser: {}\n  });\n  return {\n    modalAttributes,\n    triggerAttributes\n  };\n};\n//# sourceMappingURL=useModalAttributes.js.map"],"names":["useModalAttributes","options","trapFocus","alwaysFocusable","legacyTrapFocus","tabster","useTabster","getModalizer","getDeloser","id","useId","modalAttributes","useTabsterAttributes","deloser","modalizer","isOthersAccessible","isAlwaysAccessible","isTrapped","triggerAttributes"],"mappings":";;;;+BAWaA;;aAAAA;;gCAXS;sCACe;yBACI;4BACd;AAQpB,MAAMA,qBAAqB,CAACC,UAAU,CAAC,CAAC,GAAK;IAClD,MAAM,EACJC,UAAS,EACTC,gBAAe,EACfC,gBAAe,EAChB,GAAGH;IACJ,MAAMI,UAAUC,IAAAA,sBAAU;IAC1B,6CAA6C;IAC7C,IAAID,SAAS;QACXE,IAAAA,qBAAY,EAACF;QACbG,IAAAA,mBAAU,EAACH;IACb,CAAC;IACD,MAAMI,KAAKC,IAAAA,qBAAK,EAAC,UAAUT,QAAQQ,EAAE;IACrC,MAAME,kBAAkBC,IAAAA,0CAAoB,EAAC;QAC3CC,SAAS,CAAC;QACVC,WAAW;YACTL;YACAM,oBAAoB,CAACb;YACrBc,oBAAoBb;YACpBc,WAAWb,mBAAmBF;QAChC;IACF;IACA,MAAMgB,oBAAoBN,IAAAA,0CAAoB,EAAC;QAC7CC,SAAS,CAAC;IACZ;IACA,OAAO;QACLF;QACAO;IACF;AACF,GACA,8CAA8C"}
+{"version":3,"sources":["useModalAttributes.js"],"sourcesContent":["import { useId } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { getDeloser, getModalizer } from 'tabster';\nimport { useTabster } from './useTabster';\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 */ export const useModalAttributes = (options = {})=>{\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    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    const triggerAttributes = useTabsterAttributes({\n        deloser: {}\n    });\n    return {\n        modalAttributes,\n        triggerAttributes\n    };\n};\n"],"names":["useModalAttributes","options","trapFocus","alwaysFocusable","legacyTrapFocus","tabster","useTabster","getModalizer","getDeloser","id","useId","modalAttributes","useTabsterAttributes","deloser","modalizer","isOthersAccessible","isAlwaysAccessible","isTrapped","triggerAttributes"],"mappings":";;;;+BAUiBA;;aAAAA;;gCAVK;sCACe;yBACI;4BACd;AAOhB,MAAMA,qBAAqB,CAACC,UAAU,CAAC,CAAC,GAAG;IAClD,MAAM,EAAEC,UAAS,EAAGC,gBAAe,EAAGC,gBAAe,EAAG,GAAGH;IAC3D,MAAMI,UAAUC,IAAAA,sBAAU;IAC1B,6CAA6C;IAC7C,IAAID,SAAS;QACTE,IAAAA,qBAAY,EAACF;QACbG,IAAAA,mBAAU,EAACH;IACf,CAAC;IACD,MAAMI,KAAKC,IAAAA,qBAAK,EAAC,UAAUT,QAAQQ,EAAE;IACrC,MAAME,kBAAkBC,IAAAA,0CAAoB,EAAC;QACzCC,SAAS,CAAC;QACVC,WAAW;YACPL;YACAM,oBAAoB,CAACb;YACrBc,oBAAoBb;YACpBc,WAAWb,mBAAmBF;QAClC;IACJ;IACA,MAAMgB,oBAAoBN,IAAAA,0CAAoB,EAAC;QAC3CC,SAAS,CAAC;IACd;IACA,OAAO;QACHF;QACAO;IACJ;AACJ"}

package/lib-commonjs/hooks/useTabster.js

@@ -35,6 +35,4 @@ const useTabster = ()=>{
         tabster
     ]);
     return tabster;
-}; //# sourceMappingURL=useTabster.js.map
-
-//# sourceMappingURL=useTabster.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useTabster.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { createTabster, disposeTabster } from 'tabster';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\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 = () => {\n  const {\n    targetDocument\n  } = useFluent();\n  const defaultView = (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) || undefined;\n  const tabster = React.useMemo(() => {\n    if (!defaultView) {\n      return null;\n    }\n    return createTabster(defaultView, {\n      autoRoot: {},\n      controlTab: false\n    });\n  }, [defaultView]);\n  useIsomorphicLayoutEffect(() => {\n    return () => {\n      if (tabster) {\n        disposeTabster(tabster);\n      }\n    };\n  }, [tabster]);\n  return tabster;\n};\n//# sourceMappingURL=useTabster.js.map"],"names":["useTabster","targetDocument","useFluent","defaultView","undefined","tabster","React","useMemo","createTabster","autoRoot","controlTab","useIsomorphicLayoutEffect","disposeTabster"],"mappings":";;;;+BAWaA;;aAAAA;;;6DAXU;qCACyB;yBACF;gCACJ;AAQnC,MAAMA,aAAa,IAAM;IAC9B,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAS;IACb,MAAMC,cAAc,AAACF,CAAAA,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeE,WAAW,AAAD,KAAMC;IACpH,MAAMC,UAAUC,OAAMC,OAAO,CAAC,IAAM;QAClC,IAAI,CAACJ,aAAa;YAChB,OAAO,IAAI;QACb,CAAC;QACD,OAAOK,IAAAA,sBAAa,EAACL,aAAa;YAChCM,UAAU,CAAC;YACXC,YAAY,KAAK;QACnB;IACF,GAAG;QAACP;KAAY;IAChBQ,IAAAA,yCAAyB,EAAC,IAAM;QAC9B,OAAO,IAAM;YACX,IAAIN,SAAS;gBACXO,IAAAA,uBAAc,EAACP;YACjB,CAAC;QACH;IACF,GAAG;QAACA;KAAQ;IACZ,OAAOA;AACT,GACA,sCAAsC"}
+{"version":3,"sources":["useTabster.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { createTabster, disposeTabster } from 'tabster';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\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 */ export const useTabster = ()=>{\n    const { targetDocument  } = useFluent();\n    const defaultView = (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) || undefined;\n    const tabster = React.useMemo(()=>{\n        if (!defaultView) {\n            return null;\n        }\n        return createTabster(defaultView, {\n            autoRoot: {},\n            controlTab: false\n        });\n    }, [\n        defaultView\n    ]);\n    useIsomorphicLayoutEffect(()=>{\n        return ()=>{\n            if (tabster) {\n                disposeTabster(tabster);\n            }\n        };\n    }, [\n        tabster\n    ]);\n    return tabster;\n};\n"],"names":["useTabster","targetDocument","useFluent","defaultView","undefined","tabster","React","useMemo","createTabster","autoRoot","controlTab","useIsomorphicLayoutEffect","disposeTabster"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;qCACyB;yBACF;gCACJ;AAO/B,MAAMA,aAAa,IAAI;IAC9B,MAAM,EAAEC,eAAc,EAAG,GAAGC,IAAAA,uCAAS;IACrC,MAAMC,cAAc,AAACF,CAAAA,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeE,WAAW,AAAD,KAAMC;IACpH,MAAMC,UAAUC,OAAMC,OAAO,CAAC,IAAI;QAC9B,IAAI,CAACJ,aAAa;YACd,OAAO,IAAI;QACf,CAAC;QACD,OAAOK,IAAAA,sBAAa,EAACL,aAAa;YAC9BM,UAAU,CAAC;YACXC,YAAY,KAAK;QACrB;IACJ,GAAG;QACCP;KACH;IACDQ,IAAAA,yCAAyB,EAAC,IAAI;QAC1B,OAAO,IAAI;YACP,IAAIN,SAAS;gBACTO,IAAAA,uBAAc,EAACP;YACnB,CAAC;QACL;IACJ,GAAG;QACCA;KACH;IACD,OAAOA;AACX"}