@fluentui/react-tabster 9.26.15 → 9.26.17

package/lib/hooks/useMergeTabsterAttributes.js

@@ -1,37 +1,56 @@
 'use client';
-import * as React from 'react';
-import { TABSTER_ATTRIBUTE_NAME } from 'tabster';
+import * as React from "react";
+import { TABSTER_ATTRIBUTE_NAME } from "tabster";
 /**
  * Merges a collection of tabster attributes.
  *
- * ⚠️The attributes passed as arguments to this  hook cannot change at runtime.
+ * The result is memoized and only recomputed when the contributing attributes
+ * actually change, so both the values and the number of attributes may change
+ * at runtime.
  * @internal
  * @param attributes - collection of tabster attributes from other react-tabster hooks
  * @returns single merged tabster attribute
  */ export const useMergedTabsterAttributes_unstable = (...attributes)=>{
-    'use no memo';
-    const stringAttributes = attributes.reduce((acc, curr)=>{
-        if (curr === null || curr === void 0 ? void 0 : curr[TABSTER_ATTRIBUTE_NAME]) {
-            acc.push(curr[TABSTER_ATTRIBUTE_NAME]);
+    // The collected attributes are reduced to a single primitive `key` so the
+    // `React.useMemo` dependency list keeps a constant size, even when the number
+    // of contributing attributes changes between renders. The array and the key
+    // are built in a single pass.
+    const stringAttributes = [];
+    let key = '';
+    for (const attribute of attributes){
+        const value = attribute === null || attribute === void 0 ? void 0 : attribute[TABSTER_ATTRIBUTE_NAME];
+        if (value) {
+            stringAttributes.push(value);
+            key += value + MERGE_KEY_SEPARATOR;
         }
-        return acc;
-    }, []);
-    if (process.env.NODE_ENV !== 'production') {
-        // ignoring rules of hooks because this is a condition based on the environment
-        // it's safe to ignore the rule
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        useWarnIfUnstableAttributes(stringAttributes);
     }
     return React.useMemo(()=>({
-            [TABSTER_ATTRIBUTE_NAME]: stringAttributes.length > 0 ? stringAttributes.reduce(mergeJSONStrings) : undefined
-        }), // disable exhaustive-deps because we want to memoize the result of the reduction
-    // this is safe because the collection of attributes is not expected to change at runtime
-    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo
-    stringAttributes);
+            [TABSTER_ATTRIBUTE_NAME]: mergeAttributes(stringAttributes)
+        }), // `key` fully captures the contents of `stringAttributes`, which is rebuilt
+    // on every render and therefore cannot be a dependency itself.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        key
+    ]);
 };
 /**
- * Merges two JSON strings into one.
- */ const mergeJSONStrings = (a, b)=>JSON.stringify(Object.assign(safelyParseJSON(a), safelyParseJSON(b)));
+ * `NUL` separator used to build the memoization key. It is a safe separator
+ * because the attribute values originate from `JSON.stringify`, which escapes
+ * control characters, so a literal `NUL` can never appear inside one of them.
+ */ const MERGE_KEY_SEPARATOR = '\u0000';
+/**
+ * Merges a collection of tabster attribute JSON strings into a single one.
+ * Later attributes take priority over earlier ones.
+ */ const mergeAttributes = (stringAttributes)=>{
+    if (stringAttributes.length === 0) {
+        return undefined;
+    }
+    // common case: a single hook contributed an attribute, no parsing required
+    if (stringAttributes.length === 1) {
+        return stringAttributes[0];
+    }
+    return JSON.stringify(Object.assign({}, ...stringAttributes.map(safelyParseJSON)));
+};
 /**
  * Tries to parse a JSON string and returns an object.
  * If the JSON string is invalid, an empty object is returned.
@@ -42,38 +61,3 @@ import { TABSTER_ATTRIBUTE_NAME } from 'tabster';
         return {};
     }
 };
-/**
- * Helper hook that ensures that the attributes passed to the hook are stable.
- * This is necessary because the attributes are expected to not change at runtime.
- *
- * This hook will console.warn if the attributes change at runtime.
- */ const useWarnIfUnstableAttributes = (attributes)=>{
-    'use no memo';
-    const initialAttributesRef = React.useRef(attributes);
-    // eslint-disable-next-line react-hooks/refs
-    let isStable = initialAttributesRef.current.length === attributes.length;
-    // eslint-disable-next-line react-hooks/refs
-    if (initialAttributesRef.current !== attributes && isStable) {
-        for(let i = 0; i < attributes.length; i++){
-            // eslint-disable-next-line react-hooks/refs
-            if (initialAttributesRef.current[i] !== attributes[i]) {
-                isStable = false;
-                break;
-            }
-        }
-    }
-    React.useEffect(()=>{
-        if (!isStable) {
-            const error = new Error();
-            // eslint-disable-next-line no-console
-            console.warn(/** #__DE-INDENT__ */ `
-        @fluentui/react-tabster [useMergedTabsterAttributes]:
-        The attributes passed to the hook changed at runtime.
-        This might lead to unexpected behavior, please ensure that the attributes are stable.
-        ${error.stack}
-      `);
-        }
-    }, [
-        isStable
-    ]);
-};

package/lib/hooks/useMergeTabsterAttributes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useMergeTabsterAttributes.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { Types } from 'tabster';\nimport { TABSTER_ATTRIBUTE_NAME } from 'tabster';\n\n/**\n * Merges a collection of tabster attributes.\n *\n * ⚠️The attributes passed as arguments to this  hook cannot change at runtime.\n * @internal\n * @param attributes - collection of tabster attributes from other react-tabster hooks\n * @returns single merged tabster attribute\n */\nexport const useMergedTabsterAttributes_unstable = (\n  ...attributes: (Partial<Types.TabsterDOMAttribute> | null | undefined)[]\n): Types.TabsterDOMAttribute => {\n  'use no memo';\n\n  const stringAttributes = attributes.reduce<string[]>((acc, curr) => {\n    if (curr?.[TABSTER_ATTRIBUTE_NAME]) {\n      acc.push(curr[TABSTER_ATTRIBUTE_NAME]);\n    }\n    return acc;\n  }, []);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // ignoring rules of hooks because this is a condition based on the environment\n    // it's safe to ignore the rule\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useWarnIfUnstableAttributes(stringAttributes);\n  }\n\n  return React.useMemo(\n    () => ({\n      [TABSTER_ATTRIBUTE_NAME]: stringAttributes.length > 0 ? stringAttributes.reduce(mergeJSONStrings) : undefined,\n    }),\n    // disable exhaustive-deps because we want to memoize the result of the reduction\n    // this is safe because the collection of attributes is not expected to change at runtime\n    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo\n    stringAttributes,\n  );\n};\n\n/**\n * Merges two JSON strings into one.\n */\nconst mergeJSONStrings = (a: string, b: string): string =>\n  JSON.stringify(Object.assign(safelyParseJSON(a), safelyParseJSON(b)));\n\n/**\n * Tries to parse a JSON string and returns an object.\n * If the JSON string is invalid, an empty object is returned.\n */\nconst safelyParseJSON = (json: string): object => {\n  try {\n    return JSON.parse(json);\n  } catch {\n    return {};\n  }\n};\n\n/**\n * Helper hook that ensures that the attributes passed to the hook are stable.\n * This is necessary because the attributes are expected to not change at runtime.\n *\n * This hook will console.warn if the attributes change at runtime.\n */\nconst useWarnIfUnstableAttributes = (attributes: string[]) => {\n  'use no memo';\n\n  const initialAttributesRef = React.useRef(attributes);\n\n  // eslint-disable-next-line react-hooks/refs\n  let isStable = initialAttributesRef.current.length === attributes.length;\n  // eslint-disable-next-line react-hooks/refs\n  if (initialAttributesRef.current !== attributes && isStable) {\n    for (let i = 0; i < attributes.length; i++) {\n      // eslint-disable-next-line react-hooks/refs\n      if (initialAttributesRef.current[i] !== attributes[i]) {\n        isStable = false;\n        break;\n      }\n    }\n  }\n  React.useEffect(() => {\n    if (!isStable) {\n      const error = new Error();\n      // eslint-disable-next-line no-console\n      console.warn(/** #__DE-INDENT__ */ `\n        @fluentui/react-tabster [useMergedTabsterAttributes]:\n        The attributes passed to the hook changed at runtime.\n        This might lead to unexpected behavior, please ensure that the attributes are stable.\n        ${error.stack}\n      `);\n    }\n  }, [isStable]);\n};\n"],"names":["React","TABSTER_ATTRIBUTE_NAME","useMergedTabsterAttributes_unstable","attributes","stringAttributes","reduce","acc","curr","push","process","env","NODE_ENV","useWarnIfUnstableAttributes","useMemo","length","mergeJSONStrings","undefined","a","b","JSON","stringify","Object","assign","safelyParseJSON","json","parse","initialAttributesRef","useRef","isStable","current","i","useEffect","error","Error","console","warn","stack"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,sBAAsB,QAAQ,UAAU;AAEjD;;;;;;;CAOC,GACD,OAAO,MAAMC,sCAAsC,CACjD,GAAGC;IAEH;IAEA,MAAMC,mBAAmBD,WAAWE,MAAM,CAAW,CAACC,KAAKC;QACzD,IAAIA,iBAAAA,2BAAAA,IAAM,CAACN,uBAAuB,EAAE;YAClCK,IAAIE,IAAI,CAACD,IAAI,CAACN,uBAAuB;QACvC;QACA,OAAOK;IACT,GAAG,EAAE;IAEL,IAAIG,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,+EAA+E;QAC/E,+BAA+B;QAC/B,sDAAsD;QACtDC,4BAA4BR;IAC9B;IAEA,OAAOJ,MAAMa,OAAO,CAClB,IAAO,CAAA;YACL,CAACZ,uBAAuB,EAAEG,iBAAiBU,MAAM,GAAG,IAAIV,iBAAiBC,MAAM,CAACU,oBAAoBC;QACtG,CAAA,GACA,iFAAiF;IACjF,yFAAyF;IACzF,6EAA6E;IAC7EZ;AAEJ,EAAE;AAEF;;CAEC,GACD,MAAMW,mBAAmB,CAACE,GAAWC,IACnCC,KAAKC,SAAS,CAACC,OAAOC,MAAM,CAACC,gBAAgBN,IAAIM,gBAAgBL;AAEnE;;;CAGC,GACD,MAAMK,kBAAkB,CAACC;IACvB,IAAI;QACF,OAAOL,KAAKM,KAAK,CAACD;IACpB,EAAE,OAAM;QACN,OAAO,CAAC;IACV;AACF;AAEA;;;;;CAKC,GACD,MAAMZ,8BAA8B,CAACT;IACnC;IAEA,MAAMuB,uBAAuB1B,MAAM2B,MAAM,CAACxB;IAE1C,4CAA4C;IAC5C,IAAIyB,WAAWF,qBAAqBG,OAAO,CAACf,MAAM,KAAKX,WAAWW,MAAM;IACxE,4CAA4C;IAC5C,IAAIY,qBAAqBG,OAAO,KAAK1B,cAAcyB,UAAU;QAC3D,IAAK,IAAIE,IAAI,GAAGA,IAAI3B,WAAWW,MAAM,EAAEgB,IAAK;YAC1C,4CAA4C;YAC5C,IAAIJ,qBAAqBG,OAAO,CAACC,EAAE,KAAK3B,UAAU,CAAC2B,EAAE,EAAE;gBACrDF,WAAW;gBACX;YACF;QACF;IACF;IACA5B,MAAM+B,SAAS,CAAC;QACd,IAAI,CAACH,UAAU;YACb,MAAMI,QAAQ,IAAIC;YAClB,sCAAsC;YACtCC,QAAQC,IAAI,CAAC,mBAAmB,GAAG,CAAC;;;;QAIlC,EAAEH,MAAMI,KAAK,CAAC;MAChB,CAAC;QACH;IACF,GAAG;QAACR;KAAS;AACf"}
+{"version":3,"sources":["../src/hooks/useMergeTabsterAttributes.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { Types } from 'tabster';\nimport { TABSTER_ATTRIBUTE_NAME } from 'tabster';\n\n/**\n * Merges a collection of tabster attributes.\n *\n * The result is memoized and only recomputed when the contributing attributes\n * actually change, so both the values and the number of attributes may change\n * at runtime.\n * @internal\n * @param attributes - collection of tabster attributes from other react-tabster hooks\n * @returns single merged tabster attribute\n */\nexport const useMergedTabsterAttributes_unstable = (\n  ...attributes: (Partial<Types.TabsterDOMAttribute> | null | undefined)[]\n): Types.TabsterDOMAttribute => {\n  // The collected attributes are reduced to a single primitive `key` so the\n  // `React.useMemo` dependency list keeps a constant size, even when the number\n  // of contributing attributes changes between renders. The array and the key\n  // are built in a single pass.\n  const stringAttributes: string[] = [];\n  let key = '';\n  for (const attribute of attributes) {\n    const value = attribute?.[TABSTER_ATTRIBUTE_NAME];\n    if (value) {\n      stringAttributes.push(value);\n      key += value + MERGE_KEY_SEPARATOR;\n    }\n  }\n\n  return React.useMemo(\n    () => ({ [TABSTER_ATTRIBUTE_NAME]: mergeAttributes(stringAttributes) }),\n    // `key` fully captures the contents of `stringAttributes`, which is rebuilt\n    // on every render and therefore cannot be a dependency itself.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key],\n  );\n};\n\n/**\n * `NUL` separator used to build the memoization key. It is a safe separator\n * because the attribute values originate from `JSON.stringify`, which escapes\n * control characters, so a literal `NUL` can never appear inside one of them.\n */\nconst MERGE_KEY_SEPARATOR = '\\u0000';\n\n/**\n * Merges a collection of tabster attribute JSON strings into a single one.\n * Later attributes take priority over earlier ones.\n */\nconst mergeAttributes = (stringAttributes: string[]): string | undefined => {\n  if (stringAttributes.length === 0) {\n    return undefined;\n  }\n  // common case: a single hook contributed an attribute, no parsing required\n  if (stringAttributes.length === 1) {\n    return stringAttributes[0];\n  }\n  return JSON.stringify(Object.assign({}, ...stringAttributes.map(safelyParseJSON)));\n};\n\n/**\n * Tries to parse a JSON string and returns an object.\n * If the JSON string is invalid, an empty object is returned.\n */\nconst safelyParseJSON = (json: string): object => {\n  try {\n    return JSON.parse(json);\n  } catch {\n    return {};\n  }\n};\n"],"names":["React","TABSTER_ATTRIBUTE_NAME","useMergedTabsterAttributes_unstable","attributes","stringAttributes","key","attribute","value","push","MERGE_KEY_SEPARATOR","useMemo","mergeAttributes","length","undefined","JSON","stringify","Object","assign","map","safelyParseJSON","json","parse"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,sBAAsB,QAAQ,UAAU;AAEjD;;;;;;;;;CASC,GACD,OAAO,MAAMC,sCAAsC,CACjD,GAAGC;IAEH,0EAA0E;IAC1E,8EAA8E;IAC9E,4EAA4E;IAC5E,8BAA8B;IAC9B,MAAMC,mBAA6B,EAAE;IACrC,IAAIC,MAAM;IACV,KAAK,MAAMC,aAAaH,WAAY;QAClC,MAAMI,QAAQD,sBAAAA,gCAAAA,SAAW,CAACL,uBAAuB;QACjD,IAAIM,OAAO;YACTH,iBAAiBI,IAAI,CAACD;YACtBF,OAAOE,QAAQE;QACjB;IACF;IAEA,OAAOT,MAAMU,OAAO,CAClB,IAAO,CAAA;YAAE,CAACT,uBAAuB,EAAEU,gBAAgBP;QAAkB,CAAA,GACrE,4EAA4E;IAC5E,+DAA+D;IAC/D,uDAAuD;IACvD;QAACC;KAAI;AAET,EAAE;AAEF;;;;CAIC,GACD,MAAMI,sBAAsB;AAE5B;;;CAGC,GACD,MAAME,kBAAkB,CAACP;IACvB,IAAIA,iBAAiBQ,MAAM,KAAK,GAAG;QACjC,OAAOC;IACT;IACA,2EAA2E;IAC3E,IAAIT,iBAAiBQ,MAAM,KAAK,GAAG;QACjC,OAAOR,gBAAgB,CAAC,EAAE;IAC5B;IACA,OAAOU,KAAKC,SAAS,CAACC,OAAOC,MAAM,CAAC,CAAC,MAAMb,iBAAiBc,GAAG,CAACC;AAClE;AAEA;;;CAGC,GACD,MAAMA,kBAAkB,CAACC;IACvB,IAAI;QACF,OAAON,KAAKO,KAAK,CAACD;IACpB,EAAE,OAAM;QACN,OAAO,CAAC;IACV;AACF"}

package/lib/hooks/useModalAttributes.js

@@ -1,9 +1,9 @@
 'use client';
-import { getModalizer, getRestorer, RestorerTypes } from 'tabster';
-import { useId } from '@fluentui/react-utilities';
-import { useTabsterAttributes } from './useTabsterAttributes';
-import { useTabster } from './useTabster';
-import { DangerousNeverHiddenAttribute } from './useDangerousNeverHidden';
+import { getModalizer, getRestorer, RestorerTypes } from "tabster";
+import { useId } from "@fluentui/react-utilities";
+import { useTabsterAttributes } from "./useTabsterAttributes.js";
+import { useTabster } from "./useTabster.js";
+import { DangerousNeverHiddenAttribute } from "./useDangerousNeverHidden.js";
 const tabsterAccessibleCheck = (element)=>{
     return element.hasAttribute(DangerousNeverHiddenAttribute);
 };

package/lib/hooks/useModalAttributes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useModalAttributes.ts"],"sourcesContent":["'use client';\n\nimport { getModalizer, getRestorer, RestorerTypes } from 'tabster';\nimport type { Types as TabsterTypes } from 'tabster';\n\nimport { useId } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { useTabster } from './useTabster';\nimport { DangerousNeverHiddenAttribute } from './useDangerousNeverHidden';\n\nexport interface UseModalAttributesOptions {\n  /**\n   * Traps focus inside the elements the attributes are applied.\n   * it forbids users to tab out of the focus trap into the actual browser.\n   */\n  trapFocus?: boolean;\n\n  /**\n   * Traps focus inside the elements the attributes are applied.\n   * This prop enables traditional force-focus behavior to match previous versions of Fluent.\n   * Without this, users can tab out of the focus trap and into the browser chrome.\n   * This matches the behavior of the native <dialog> element and inert.\n   * We recommend setting this to true based on user feedback and consistency.\n   */\n  legacyTrapFocus?: boolean;\n\n  /**\n   * Always reachabled in Tab order\n   */\n  alwaysFocusable?: boolean;\n\n  /**\n   * Id to use for the modalizer. An id will be generated if not provided.\n   */\n  id?: string;\n}\n\nconst tabsterAccessibleCheck: TabsterTypes.ModalizerElementAccessibleCheck = element => {\n  return element.hasAttribute(DangerousNeverHiddenAttribute);\n};\n\nfunction initTabsterModules(tabster: TabsterTypes.TabsterCore) {\n  getModalizer(tabster, undefined, tabsterAccessibleCheck);\n  getRestorer(tabster);\n}\n\n/**\n * Applies modal dialog behaviour through DOM attributes\n * Modal element will focus trap and hide other content on the page\n * The trigger element will be focused if focus is lost after the modal element is removed\n *\n * @returns DOM attributes to apply to the modal element and its trigger\n */\nexport const useModalAttributes = (\n  options: UseModalAttributesOptions = {},\n): { modalAttributes: TabsterTypes.TabsterDOMAttribute; triggerAttributes: TabsterTypes.TabsterDOMAttribute } => {\n  const { trapFocus, alwaysFocusable, legacyTrapFocus } = options;\n\n  // Initializes the modalizer and restorer APIs\n  useTabster(initTabsterModules);\n\n  const id = useId('modal-', options.id);\n  const modalAttributes = useTabsterAttributes({\n    restorer: { type: RestorerTypes.Source },\n    ...(trapFocus && {\n      modalizer: {\n        id,\n        isOthersAccessible: !trapFocus,\n        isAlwaysAccessible: alwaysFocusable,\n        isTrapped: legacyTrapFocus && trapFocus,\n      },\n    }),\n  });\n\n  const triggerAttributes = useTabsterAttributes({\n    restorer: { type: RestorerTypes.Target },\n  });\n\n  return { modalAttributes, triggerAttributes };\n};\n"],"names":["getModalizer","getRestorer","RestorerTypes","useId","useTabsterAttributes","useTabster","DangerousNeverHiddenAttribute","tabsterAccessibleCheck","element","hasAttribute","initTabsterModules","tabster","undefined","useModalAttributes","options","trapFocus","alwaysFocusable","legacyTrapFocus","id","modalAttributes","restorer","type","Source","modalizer","isOthersAccessible","isAlwaysAccessible","isTrapped","triggerAttributes","Target"],"mappings":"AAAA;AAEA,SAASA,YAAY,EAAEC,WAAW,EAAEC,aAAa,QAAQ,UAAU;AAGnE,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,6BAA6B,QAAQ,4BAA4B;AA6B1E,MAAMC,yBAAuEC,CAAAA;IAC3E,OAAOA,QAAQC,YAAY,CAACH;AAC9B;AAEA,SAASI,mBAAmBC,OAAiC;IAC3DX,aAAaW,SAASC,WAAWL;IACjCN,YAAYU;AACd;AAEA;;;;;;CAMC,GACD,OAAO,MAAME,qBAAqB,CAChCC,UAAqC,CAAC,CAAC;IAEvC,MAAM,EAAEC,SAAS,EAAEC,eAAe,EAAEC,eAAe,EAAE,GAAGH;IAExD,8CAA8C;IAC9CT,WAAWK;IAEX,MAAMQ,KAAKf,MAAM,UAAUW,QAAQI,EAAE;IACrC,MAAMC,kBAAkBf,qBAAqB;QAC3CgB,UAAU;YAAEC,MAAMnB,cAAcoB,MAAM;QAAC;QACvC,GAAIP,aAAa;YACfQ,WAAW;gBACTL;gBACAM,oBAAoB,CAACT;gBACrBU,oBAAoBT;gBACpBU,WAAWT,mBAAmBF;YAChC;QACF,CAAC;IACH;IAEA,MAAMY,oBAAoBvB,qBAAqB;QAC7CgB,UAAU;YAAEC,MAAMnB,cAAc0B,MAAM;QAAC;IACzC;IAEA,OAAO;QAAET;QAAiBQ;IAAkB;AAC9C,EAAE"}
+{"version":3,"sources":["../src/hooks/useModalAttributes.ts"],"sourcesContent":["'use client';\n\nimport { getModalizer, getRestorer, RestorerTypes } from 'tabster';\nimport type { Types as TabsterTypes } from 'tabster';\n\nimport { useId } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from './useTabsterAttributes';\nimport { useTabster } from './useTabster';\nimport { DangerousNeverHiddenAttribute } from './useDangerousNeverHidden';\n\nexport interface UseModalAttributesOptions {\n  /**\n   * Traps focus inside the elements the attributes are applied.\n   * it forbids users to tab out of the focus trap into the actual browser.\n   */\n  trapFocus?: boolean;\n\n  /**\n   * Traps focus inside the elements the attributes are applied.\n   * This prop enables traditional force-focus behavior to match previous versions of Fluent.\n   * Without this, users can tab out of the focus trap and into the browser chrome.\n   * This matches the behavior of the native <dialog> element and inert.\n   * We recommend setting this to true based on user feedback and consistency.\n   */\n  legacyTrapFocus?: boolean;\n\n  /**\n   * Always reachabled in Tab order\n   */\n  alwaysFocusable?: boolean;\n\n  /**\n   * Id to use for the modalizer. An id will be generated if not provided.\n   */\n  id?: string;\n}\n\nconst tabsterAccessibleCheck: TabsterTypes.ModalizerElementAccessibleCheck = element => {\n  return element.hasAttribute(DangerousNeverHiddenAttribute);\n};\n\nfunction initTabsterModules(tabster: TabsterTypes.TabsterCore) {\n  getModalizer(tabster, undefined, tabsterAccessibleCheck);\n  getRestorer(tabster);\n}\n\n/**\n * Applies modal dialog behaviour through DOM attributes\n * Modal element will focus trap and hide other content on the page\n * The trigger element will be focused if focus is lost after the modal element is removed\n *\n * @returns DOM attributes to apply to the modal element and its trigger\n */\nexport const useModalAttributes = (\n  options: UseModalAttributesOptions = {},\n): { modalAttributes: TabsterTypes.TabsterDOMAttribute; triggerAttributes: TabsterTypes.TabsterDOMAttribute } => {\n  const { trapFocus, alwaysFocusable, legacyTrapFocus } = options;\n\n  // Initializes the modalizer and restorer APIs\n  useTabster(initTabsterModules);\n\n  const id = useId('modal-', options.id);\n  const modalAttributes = useTabsterAttributes({\n    restorer: { type: RestorerTypes.Source },\n    ...(trapFocus && {\n      modalizer: {\n        id,\n        isOthersAccessible: !trapFocus,\n        isAlwaysAccessible: alwaysFocusable,\n        isTrapped: legacyTrapFocus && trapFocus,\n      },\n    }),\n  });\n\n  const triggerAttributes = useTabsterAttributes({\n    restorer: { type: RestorerTypes.Target },\n  });\n\n  return { modalAttributes, triggerAttributes };\n};\n"],"names":["getModalizer","getRestorer","RestorerTypes","useId","useTabsterAttributes","useTabster","DangerousNeverHiddenAttribute","tabsterAccessibleCheck","element","hasAttribute","initTabsterModules","tabster","undefined","useModalAttributes","options","trapFocus","alwaysFocusable","legacyTrapFocus","id","modalAttributes","restorer","type","Source","modalizer","isOthersAccessible","isAlwaysAccessible","isTrapped","triggerAttributes","Target"],"mappings":"AAAA;AAEA,SAASA,YAAY,EAAEC,WAAW,EAAEC,aAAa,QAAQ,UAAU;AAGnE,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,oBAAoB,QAAQ,4BAAyB;AAC9D,SAASC,UAAU,QAAQ,kBAAe;AAC1C,SAASC,6BAA6B,QAAQ,+BAA4B;AA6B1E,MAAMC,yBAAuEC,CAAAA;IAC3E,OAAOA,QAAQC,YAAY,CAACH;AAC9B;AAEA,SAASI,mBAAmBC,OAAiC;IAC3DX,aAAaW,SAASC,WAAWL;IACjCN,YAAYU;AACd;AAEA;;;;;;CAMC,GACD,OAAO,MAAME,qBAAqB,CAChCC,UAAqC,CAAC,CAAC;IAEvC,MAAM,EAAEC,SAAS,EAAEC,eAAe,EAAEC,eAAe,EAAE,GAAGH;IAExD,8CAA8C;IAC9CT,WAAWK;IAEX,MAAMQ,KAAKf,MAAM,UAAUW,QAAQI,EAAE;IACrC,MAAMC,kBAAkBf,qBAAqB;QAC3CgB,UAAU;YAAEC,MAAMnB,cAAcoB,MAAM;QAAC;QACvC,GAAIP,aAAa;YACfQ,WAAW;gBACTL;gBACAM,oBAAoB,CAACT;gBACrBU,oBAAoBT;gBACpBU,WAAWT,mBAAmBF;YAChC;QACF,CAAC;IACH;IAEA,MAAMY,oBAAoBvB,qBAAqB;QAC7CgB,UAAU;YAAEC,MAAMnB,cAAc0B,MAAM;QAAC;IACzC;IAEA,OAAO;QAAET;QAAiBQ;IAAkB;AAC9C,EAAE"}

package/lib/hooks/useObservedElement.js

@@ -1,7 +1,7 @@
 'use client';
-import { getObservedElement } from 'tabster';
-import { useTabster } from './useTabster';
-import { useTabsterAttributes } from './useTabsterAttributes';
+import { getObservedElement } from "tabster";
+import { useTabster } from "./useTabster.js";
+import { useTabsterAttributes } from "./useTabsterAttributes.js";
 export function useObservedElement(name) {
     useTabster(getObservedElement);
     return useTabsterAttributes({

package/lib/hooks/useObservedElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useObservedElement.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getObservedElement } from 'tabster';\n\nimport { useTabster } from './useTabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\n\nexport function useObservedElement(name: string | string[]): TabsterTypes.TabsterDOMAttribute {\n  useTabster(getObservedElement);\n\n  return useTabsterAttributes({ observed: { names: Array.isArray(name) ? name : [name] } });\n}\n"],"names":["getObservedElement","useTabster","useTabsterAttributes","useObservedElement","name","observed","names","Array","isArray"],"mappings":"AAAA;AAGA,SAASA,kBAAkB,QAAQ,UAAU;AAE7C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,oBAAoB,QAAQ,yBAAyB;AAE9D,OAAO,SAASC,mBAAmBC,IAAuB;IACxDH,WAAWD;IAEX,OAAOE,qBAAqB;QAAEG,UAAU;YAAEC,OAAOC,MAAMC,OAAO,CAACJ,QAAQA,OAAO;gBAACA;aAAK;QAAC;IAAE;AACzF"}
+{"version":3,"sources":["../src/hooks/useObservedElement.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getObservedElement } from 'tabster';\n\nimport { useTabster } from './useTabster';\nimport { useTabsterAttributes } from './useTabsterAttributes';\n\nexport function useObservedElement(name: string | string[]): TabsterTypes.TabsterDOMAttribute {\n  useTabster(getObservedElement);\n\n  return useTabsterAttributes({ observed: { names: Array.isArray(name) ? name : [name] } });\n}\n"],"names":["getObservedElement","useTabster","useTabsterAttributes","useObservedElement","name","observed","names","Array","isArray"],"mappings":"AAAA;AAGA,SAASA,kBAAkB,QAAQ,UAAU;AAE7C,SAASC,UAAU,QAAQ,kBAAe;AAC1C,SAASC,oBAAoB,QAAQ,4BAAyB;AAE9D,OAAO,SAASC,mBAAmBC,IAAuB;IACxDH,WAAWD;IAEX,OAAOE,qBAAqB;QAAEG,UAAU;YAAEC,OAAOC,MAAMC,OAAO,CAACJ,QAAQA,OAAO;gBAACA;aAAK;QAAC;IAAE;AACzF"}

package/lib/hooks/useOnKeyboardNavigationChange.js

@@ -1,7 +1,7 @@
 'use client';
-import * as React from 'react';
-import { useEventCallback } from '@fluentui/react-utilities';
-import { useKeyborgRef } from './useKeyborgRef';
+import * as React from "react";
+import { useEventCallback } from "@fluentui/react-utilities";
+import { useKeyborgRef } from "./useKeyborgRef.js";
 /**
  * Instantiates [keyborg](https://github.com/microsoft/keyborg) and subscribes to changes
  * in the keyboard navigation mode.

package/lib/hooks/useOnKeyboardNavigationChange.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useOnKeyboardNavigationChange.ts"],"sourcesContent":["'use client';\n\nimport type { KeyborgCallback } from 'keyborg';\nimport * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\n\nimport { useKeyborgRef } from './useKeyborgRef';\n\n/**\n * Instantiates [keyborg](https://github.com/microsoft/keyborg) and subscribes to changes\n * in the keyboard navigation mode.\n *\n * @param callback - called every time the keyboard navigation state changes\n */\nexport function useOnKeyboardNavigationChange(callback: (isNavigatingWithKeyboard: boolean) => void): void {\n  const keyborgRef = useKeyborgRef();\n  const eventCallback = useEventCallback(callback);\n\n  React.useEffect(() => {\n    const keyborg = keyborgRef.current;\n\n    if (keyborg) {\n      const cb: KeyborgCallback = next => {\n        eventCallback(next);\n      };\n\n      keyborg.subscribe(cb);\n      cb(keyborg.isNavigatingWithKeyboard());\n\n      return () => {\n        keyborg.unsubscribe(cb);\n      };\n    }\n  }, [keyborgRef, eventCallback]);\n}\n"],"names":["React","useEventCallback","useKeyborgRef","useOnKeyboardNavigationChange","callback","keyborgRef","eventCallback","useEffect","keyborg","current","cb","next","subscribe","isNavigatingWithKeyboard","unsubscribe"],"mappings":"AAAA;AAGA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SAASC,aAAa,QAAQ,kBAAkB;AAEhD;;;;;CAKC,GACD,OAAO,SAASC,8BAA8BC,QAAqD;IACjG,MAAMC,aAAaH;IACnB,MAAMI,gBAAgBL,iBAAiBG;IAEvCJ,MAAMO,SAAS,CAAC;QACd,MAAMC,UAAUH,WAAWI,OAAO;QAElC,IAAID,SAAS;YACX,MAAME,KAAsBC,CAAAA;gBAC1BL,cAAcK;YAChB;YAEAH,QAAQI,SAAS,CAACF;YAClBA,GAAGF,QAAQK,wBAAwB;YAEnC,OAAO;gBACLL,QAAQM,WAAW,CAACJ;YACtB;QACF;IACF,GAAG;QAACL;QAAYC;KAAc;AAChC"}
+{"version":3,"sources":["../src/hooks/useOnKeyboardNavigationChange.ts"],"sourcesContent":["'use client';\n\nimport type { KeyborgCallback } from 'keyborg';\nimport * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\n\nimport { useKeyborgRef } from './useKeyborgRef';\n\n/**\n * Instantiates [keyborg](https://github.com/microsoft/keyborg) and subscribes to changes\n * in the keyboard navigation mode.\n *\n * @param callback - called every time the keyboard navigation state changes\n */\nexport function useOnKeyboardNavigationChange(callback: (isNavigatingWithKeyboard: boolean) => void): void {\n  const keyborgRef = useKeyborgRef();\n  const eventCallback = useEventCallback(callback);\n\n  React.useEffect(() => {\n    const keyborg = keyborgRef.current;\n\n    if (keyborg) {\n      const cb: KeyborgCallback = next => {\n        eventCallback(next);\n      };\n\n      keyborg.subscribe(cb);\n      cb(keyborg.isNavigatingWithKeyboard());\n\n      return () => {\n        keyborg.unsubscribe(cb);\n      };\n    }\n  }, [keyborgRef, eventCallback]);\n}\n"],"names":["React","useEventCallback","useKeyborgRef","useOnKeyboardNavigationChange","callback","keyborgRef","eventCallback","useEffect","keyborg","current","cb","next","subscribe","isNavigatingWithKeyboard","unsubscribe"],"mappings":"AAAA;AAGA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SAASC,aAAa,QAAQ,qBAAkB;AAEhD;;;;;CAKC,GACD,OAAO,SAASC,8BAA8BC,QAAqD;IACjG,MAAMC,aAAaH;IACnB,MAAMI,gBAAgBL,iBAAiBG;IAEvCJ,MAAMO,SAAS,CAAC;QACd,MAAMC,UAAUH,WAAWI,OAAO;QAElC,IAAID,SAAS;YACX,MAAME,KAAsBC,CAAAA;gBAC1BL,cAAcK;YAChB;YAEAH,QAAQI,SAAS,CAACF;YAClBA,GAAGF,QAAQK,wBAAwB;YAEnC,OAAO;gBACLL,QAAQM,WAAW,CAACJ;YACtB;QACF;IACF,GAAG;QAACL;QAAYC;KAAc;AAChC"}

package/lib/hooks/useRestoreFocus.js

@@ -1,6 +1,6 @@
 'use client';
-import { getRestorer, getTabsterAttribute, RestorerTypes } from 'tabster';
-import { useTabster } from './useTabster';
+import { getRestorer, getTabsterAttribute, RestorerTypes } from "tabster";
+import { useTabster } from "./useTabster.js";
 /**
  * Focus will be restored to the most recent target element when it is lost from a source
  * @returns Attribute to apply to the target element where focus is restored

package/lib/hooks/useRestoreFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useRestoreFocus.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getRestorer, getTabsterAttribute, RestorerTypes } from 'tabster';\nimport { useTabster } from './useTabster';\n\n/**\n * Focus will be restored to the most recent target element when it is lost from a source\n * @returns Attribute to apply to the target element where focus is restored\n */\nexport function useRestoreFocusTarget(): TabsterTypes.TabsterDOMAttribute {\n  // Initializes the restorer API\n  useTabster(getRestorer);\n\n  return getTabsterAttribute({ restorer: { type: RestorerTypes.Target } });\n}\n\n/**\n * Focus will be restored to the most recent target element when it is lost from a source\n * @returns Attribute to apply to the element that might lose focus\n */\nexport function useRestoreFocusSource(): TabsterTypes.TabsterDOMAttribute {\n  // Initializes the restorer API\n  useTabster(getRestorer);\n\n  return getTabsterAttribute({ restorer: { type: RestorerTypes.Source } });\n}\n"],"names":["getRestorer","getTabsterAttribute","RestorerTypes","useTabster","useRestoreFocusTarget","restorer","type","Target","useRestoreFocusSource","Source"],"mappings":"AAAA;AAGA,SAASA,WAAW,EAAEC,mBAAmB,EAAEC,aAAa,QAAQ,UAAU;AAC1E,SAASC,UAAU,QAAQ,eAAe;AAE1C;;;CAGC,GACD,OAAO,SAASC;IACd,+BAA+B;IAC/BD,WAAWH;IAEX,OAAOC,oBAAoB;QAAEI,UAAU;YAAEC,MAAMJ,cAAcK,MAAM;QAAC;IAAE;AACxE;AAEA;;;CAGC,GACD,OAAO,SAASC;IACd,+BAA+B;IAC/BL,WAAWH;IAEX,OAAOC,oBAAoB;QAAEI,UAAU;YAAEC,MAAMJ,cAAcO,MAAM;QAAC;IAAE;AACxE"}
+{"version":3,"sources":["../src/hooks/useRestoreFocus.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getRestorer, getTabsterAttribute, RestorerTypes } from 'tabster';\nimport { useTabster } from './useTabster';\n\n/**\n * Focus will be restored to the most recent target element when it is lost from a source\n * @returns Attribute to apply to the target element where focus is restored\n */\nexport function useRestoreFocusTarget(): TabsterTypes.TabsterDOMAttribute {\n  // Initializes the restorer API\n  useTabster(getRestorer);\n\n  return getTabsterAttribute({ restorer: { type: RestorerTypes.Target } });\n}\n\n/**\n * Focus will be restored to the most recent target element when it is lost from a source\n * @returns Attribute to apply to the element that might lose focus\n */\nexport function useRestoreFocusSource(): TabsterTypes.TabsterDOMAttribute {\n  // Initializes the restorer API\n  useTabster(getRestorer);\n\n  return getTabsterAttribute({ restorer: { type: RestorerTypes.Source } });\n}\n"],"names":["getRestorer","getTabsterAttribute","RestorerTypes","useTabster","useRestoreFocusTarget","restorer","type","Target","useRestoreFocusSource","Source"],"mappings":"AAAA;AAGA,SAASA,WAAW,EAAEC,mBAAmB,EAAEC,aAAa,QAAQ,UAAU;AAC1E,SAASC,UAAU,QAAQ,kBAAe;AAE1C;;;CAGC,GACD,OAAO,SAASC;IACd,+BAA+B;IAC/BD,WAAWH;IAEX,OAAOC,oBAAoB;QAAEI,UAAU;YAAEC,MAAMJ,cAAcK,MAAM;QAAC;IAAE;AACxE;AAEA;;;CAGC,GACD,OAAO,SAASC;IACd,+BAA+B;IAC/BL,WAAWH;IAEX,OAAOC,oBAAoB;QAAEI,UAAU;YAAEC,MAAMJ,cAAcO,MAAM;QAAC;IAAE;AACxE"}

package/lib/hooks/useSetKeyboardNavigation.js

@@ -1,6 +1,6 @@
 'use client';
-import * as React from 'react';
-import { useKeyborgRef } from './useKeyborgRef';
+import * as React from "react";
+import { useKeyborgRef } from "./useKeyborgRef.js";
 /**
  */ export function useSetKeyboardNavigation() {
     const keyborgRef = useKeyborgRef();

package/lib/hooks/useSetKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useSetKeyboardNavigation.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useKeyborgRef } from './useKeyborgRef';\n\n/**\n */\nexport function useSetKeyboardNavigation(): (isNavigatingWithKeyboard: boolean) => void {\n  const keyborgRef = useKeyborgRef();\n\n  return React.useCallback(\n    (isNavigatingWithKeyboard: boolean) => {\n      keyborgRef.current?.setVal(isNavigatingWithKeyboard);\n    },\n    [keyborgRef],\n  );\n}\n"],"names":["React","useKeyborgRef","useSetKeyboardNavigation","keyborgRef","useCallback","isNavigatingWithKeyboard","current","setVal"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,kBAAkB;AAEhD;CACC,GACD,OAAO,SAASC;IACd,MAAMC,aAAaF;IAEnB,OAAOD,MAAMI,WAAW,CACtB,CAACC;YACCF;SAAAA,sBAAAA,WAAWG,OAAO,cAAlBH,0CAAAA,oBAAoBI,MAAM,CAACF;IAC7B,GACA;QAACF;KAAW;AAEhB"}
+{"version":3,"sources":["../src/hooks/useSetKeyboardNavigation.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useKeyborgRef } from './useKeyborgRef';\n\n/**\n */\nexport function useSetKeyboardNavigation(): (isNavigatingWithKeyboard: boolean) => void {\n  const keyborgRef = useKeyborgRef();\n\n  return React.useCallback(\n    (isNavigatingWithKeyboard: boolean) => {\n      keyborgRef.current?.setVal(isNavigatingWithKeyboard);\n    },\n    [keyborgRef],\n  );\n}\n"],"names":["React","useKeyborgRef","useSetKeyboardNavigation","keyborgRef","useCallback","isNavigatingWithKeyboard","current","setVal"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,qBAAkB;AAEhD;CACC,GACD,OAAO,SAASC;IACd,MAAMC,aAAaF;IAEnB,OAAOD,MAAMI,WAAW,CACtB,CAACC;YACCF;SAAAA,sBAAAA,WAAWG,OAAO,cAAlBH,0CAAAA,oBAAoBI,MAAM,CAACF;IAC7B,GACA;QAACF;KAAW;AAEhB"}

package/lib/hooks/useTabster.js

@@ -1,8 +1,8 @@
 'use client';
-import * as React from 'react';
-import { createTabster, disposeTabster } from 'tabster';
-import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
-import { getParent, useIsomorphicLayoutEffect, usePrevious } from '@fluentui/react-utilities';
+import * as React from "react";
+import { createTabster, disposeTabster } from "tabster";
+import { useFluent_unstable as useFluent } from "@fluentui/react-shared-contexts";
+import { getParent, useIsomorphicLayoutEffect, usePrevious } from "@fluentui/react-utilities";
 const DEFAULT_FACTORY = (tabster)=>{
     return tabster;
 };

package/lib/hooks/useTabsterAttributes.js

@@ -1,7 +1,7 @@
 'use client';
-import { getTabsterAttribute, TABSTER_ATTRIBUTE_NAME } from 'tabster';
-import { useTabster } from './useTabster';
-import * as React from 'react';
+import { getTabsterAttribute, TABSTER_ATTRIBUTE_NAME } from "tabster";
+import { useTabster } from "./useTabster.js";
+import * as React from "react";
 /**
  * Hook that returns tabster attributes while ensuring tabster exists
  *

package/lib/hooks/useTabsterAttributes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useTabsterAttributes.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getTabsterAttribute, TABSTER_ATTRIBUTE_NAME } from 'tabster';\nimport { useTabster } from './useTabster';\nimport * as React from 'react';\n\n/**\n * Hook that returns tabster attributes while ensuring tabster exists\n *\n * @internal\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  const strAttr = getTabsterAttribute(props, true);\n\n  return React.useMemo(\n    () => ({\n      [TABSTER_ATTRIBUTE_NAME]: strAttr,\n    }),\n    [strAttr],\n  );\n};\n"],"names":["getTabsterAttribute","TABSTER_ATTRIBUTE_NAME","useTabster","React","useTabsterAttributes","props","strAttr","useMemo"],"mappings":"AAAA;AAGA,SAASA,mBAAmB,EAAEC,sBAAsB,QAAQ,UAAU;AACtE,SAASC,UAAU,QAAQ,eAAe;AAC1C,YAAYC,WAAW,QAAQ;AAE/B;;;;CAIC,GACD,OAAO,MAAMC,uBAAuB,CAACC;IACnC,qEAAqE;IACrE,iHAAiH;IACjHH;IAEA,MAAMI,UAAUN,oBAAoBK,OAAO;IAE3C,OAAOF,MAAMI,OAAO,CAClB,IAAO,CAAA;YACL,CAACN,uBAAuB,EAAEK;QAC5B,CAAA,GACA;QAACA;KAAQ;AAEb,EAAE"}
+{"version":3,"sources":["../src/hooks/useTabsterAttributes.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getTabsterAttribute, TABSTER_ATTRIBUTE_NAME } from 'tabster';\nimport { useTabster } from './useTabster';\nimport * as React from 'react';\n\n/**\n * Hook that returns tabster attributes while ensuring tabster exists\n *\n * @internal\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  const strAttr = getTabsterAttribute(props, true);\n\n  return React.useMemo(\n    () => ({\n      [TABSTER_ATTRIBUTE_NAME]: strAttr,\n    }),\n    [strAttr],\n  );\n};\n"],"names":["getTabsterAttribute","TABSTER_ATTRIBUTE_NAME","useTabster","React","useTabsterAttributes","props","strAttr","useMemo"],"mappings":"AAAA;AAGA,SAASA,mBAAmB,EAAEC,sBAAsB,QAAQ,UAAU;AACtE,SAASC,UAAU,QAAQ,kBAAe;AAC1C,YAAYC,WAAW,QAAQ;AAE/B;;;;CAIC,GACD,OAAO,MAAMC,uBAAuB,CAACC;IACnC,qEAAqE;IACrE,iHAAiH;IACjHH;IAEA,MAAMI,UAAUN,oBAAoBK,OAAO;IAE3C,OAAOF,MAAMI,OAAO,CAClB,IAAO,CAAA;YACL,CAACN,uBAAuB,EAAEK;QAC5B,CAAA,GACA;QAACA;KAAQ;AAEb,EAAE"}

package/lib/hooks/useUncontrolledFocus.js

@@ -1,6 +1,6 @@
 'use client';
-import { getTabsterAttribute } from 'tabster';
-import { useTabster } from './useTabster';
+import { getTabsterAttribute } from "tabster";
+import { useTabster } from "./useTabster.js";
 /**
  * Designates an area where tabster does not control focus
  * @returns Attribute to apply to the target element that should be uncontrolled by tabster

package/lib/hooks/useUncontrolledFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useUncontrolledFocus.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getTabsterAttribute } from 'tabster';\nimport { useTabster } from './useTabster';\n\n/**\n * Designates an area where tabster does not control focus\n * @returns Attribute to apply to the target element that should be uncontrolled by tabster\n */\nexport function useUncontrolledFocus(): TabsterTypes.TabsterDOMAttribute {\n  useTabster();\n\n  return getTabsterAttribute({ uncontrolled: {} });\n}\n"],"names":["getTabsterAttribute","useTabster","useUncontrolledFocus","uncontrolled"],"mappings":"AAAA;AAGA,SAASA,mBAAmB,QAAQ,UAAU;AAC9C,SAASC,UAAU,QAAQ,eAAe;AAE1C;;;CAGC,GACD,OAAO,SAASC;IACdD;IAEA,OAAOD,oBAAoB;QAAEG,cAAc,CAAC;IAAE;AAChD"}
+{"version":3,"sources":["../src/hooks/useUncontrolledFocus.ts"],"sourcesContent":["'use client';\n\nimport type { Types as TabsterTypes } from 'tabster';\nimport { getTabsterAttribute } from 'tabster';\nimport { useTabster } from './useTabster';\n\n/**\n * Designates an area where tabster does not control focus\n * @returns Attribute to apply to the target element that should be uncontrolled by tabster\n */\nexport function useUncontrolledFocus(): TabsterTypes.TabsterDOMAttribute {\n  useTabster();\n\n  return getTabsterAttribute({ uncontrolled: {} });\n}\n"],"names":["getTabsterAttribute","useTabster","useUncontrolledFocus","uncontrolled"],"mappings":"AAAA;AAGA,SAASA,mBAAmB,QAAQ,UAAU;AAC9C,SAASC,UAAU,QAAQ,kBAAe;AAE1C;;;CAGC,GACD,OAAO,SAASC;IACdD;IAEA,OAAOD,oBAAoB;QAAEG,cAAc,CAAC;IAAE;AAChD"}

package/lib/index.js

@@ -1,12 +1,12 @@
-export { useArrowNavigationGroup, useFocusableGroup, useFocusFinders, useFocusVisible, useFocusWithin, useKeyboardNavAttribute, useDangerousNeverHidden_unstable, useModalAttributes, useTabsterAttributes, useObservedElement, useFocusObserved, useMergedTabsterAttributes_unstable, useRestoreFocusSource, useRestoreFocusTarget, useUncontrolledFocus, useOnKeyboardNavigationChange, useIsNavigatingWithKeyboard, useSetKeyboardNavigation, useFocusedElementChange, useActivateModal } from './hooks/index';
-export { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from './focus/index';
-export { applyFocusVisiblePolyfill } from './focus/index';
-import { dispatchGroupperMoveFocusEvent, dispatchMoverMoveFocusEvent, MoverMoveFocusEventName, MoverMoveFocusEvent, MoverKeys, GroupperMoveFocusEventName, GroupperMoveFocusEvent, GroupperMoveFocusActions, MoverMemorizedElementEventName, MoverMemorizedElementEvent, TabsterMoveFocusEventName, TabsterMoveFocusEvent } from 'tabster';
-export { KEYBORG_FOCUSIN } from 'keyborg';
+export { useArrowNavigationGroup, useFocusableGroup, useFocusFinders, useFocusVisible, useFocusWithin, useKeyboardNavAttribute, useDangerousNeverHidden_unstable, useModalAttributes, useTabsterAttributes, useObservedElement, useFocusObserved, useMergedTabsterAttributes_unstable, useRestoreFocusSource, useRestoreFocusTarget, useUncontrolledFocus, useOnKeyboardNavigationChange, useIsNavigatingWithKeyboard, useSetKeyboardNavigation, useFocusedElementChange, useActivateModal } from "./hooks/index.js";
+export { createCustomFocusIndicatorStyle, createFocusOutlineStyle } from "./focus/index.js";
+export { applyFocusVisiblePolyfill } from "./focus/index.js";
+import { dispatchGroupperMoveFocusEvent, dispatchMoverMoveFocusEvent, MoverMoveFocusEventName, MoverMoveFocusEvent, MoverKeys, GroupperMoveFocusEventName, GroupperMoveFocusEvent, GroupperMoveFocusActions, MoverMemorizedElementEventName, MoverMemorizedElementEvent, TabsterMoveFocusEventName, TabsterMoveFocusEvent } from "tabster";
+export { KEYBORG_FOCUSIN } from "keyborg";
 // WARNING! ATTENTION! Tabster.Types was exported from here by mistake. To avoid breaking changes,
 // we are putting a snapshot of Tabster.Types@6.0.1 and marking the entire export as deprecated.
 // eslint-disable-next-line @typescript-eslint/naming-convention
-import * as TabsterTypes6_0_1_DoNotUse from './tabster-types-6.0.1-do-not-use';
+import * as TabsterTypes6_0_1_DoNotUse from "./tabster-types-6.0.1-do-not-use.js";
 export { /** @deprecated (Do not use! Exposed by mistake and will be removed in the next major version.)  */ TabsterTypes6_0_1_DoNotUse as TabsterTypes, /** @deprecated Use element.dispatchEvent(new GroupperMoveFocusEvent({ action: GroupperMoveFocusActions.Escape })) */ dispatchGroupperMoveFocusEvent, /** @deprecated Use element.dispatchEvent(new MoverMoveFocusEvent({ key: MoverKeys.ArrowDown })) */ dispatchMoverMoveFocusEvent };
 /**
  * For all exports below, we don't do wildcard exports to keep Tabster API flexible. We export only required

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  useArrowNavigationGroup,\n  useFocusableGroup,\n  useFocusFinders,\n  useFocusVisible,\n  useFocusWithin,\n  useKeyboardNavAttribute,\n  useDangerousNeverHidden_unstable,\n  useModalAttributes,\n  useTabsterAttributes,\n  useObservedElement,\n  useFocusObserved,\n  useMergedTabsterAttributes_unstable,\n  useRestoreFocusSource,\n  useRestoreFocusTarget,\n  useUncontrolledFocus,\n  useOnKeyboardNavigationChange,\n  useIsNavigatingWithKeyboard,\n  useSetKeyboardNavigation,\n  useFocusedElementChange,\n  useActivateModal,\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';\nimport {\n  type Types,\n  type EventsTypes,\n  dispatchGroupperMoveFocusEvent,\n  dispatchMoverMoveFocusEvent,\n  MoverMoveFocusEventName,\n  MoverMoveFocusEvent,\n  MoverKeys,\n  GroupperMoveFocusEventName,\n  GroupperMoveFocusEvent,\n  GroupperMoveFocusActions,\n  MoverMemorizedElementEventName,\n  MoverMemorizedElementEvent,\n  TabsterMoveFocusEventName,\n  TabsterMoveFocusEvent,\n} from 'tabster';\n\nexport type TabsterDOMAttribute = Types.TabsterDOMAttribute;\n\nexport type { KeyborgFocusInEvent } from 'keyborg';\nexport { KEYBORG_FOCUSIN } from 'keyborg';\n\n// WARNING! ATTENTION! Tabster.Types was exported from here by mistake. To avoid breaking changes,\n// we are putting a snapshot of Tabster.Types@6.0.1 and marking the entire export as deprecated.\n// eslint-disable-next-line @typescript-eslint/naming-convention\nimport * as TabsterTypes6_0_1_DoNotUse from './tabster-types-6.0.1-do-not-use';\nexport {\n  /** @deprecated (Do not use! Exposed by mistake and will be removed in the next major version.)  */\n  TabsterTypes6_0_1_DoNotUse as TabsterTypes,\n  /** @deprecated Use element.dispatchEvent(new GroupperMoveFocusEvent({ action: GroupperMoveFocusActions.Escape })) */\n  dispatchGroupperMoveFocusEvent,\n  /** @deprecated Use element.dispatchEvent(new MoverMoveFocusEvent({ key: MoverKeys.ArrowDown })) */\n  dispatchMoverMoveFocusEvent,\n};\n\n/**\n * For all exports below, we don't do wildcard exports to keep Tabster API flexible. We export only required\n * parts when they are needed.\n */\n\nexport { MoverMoveFocusEventName, MoverMoveFocusEvent, MoverKeys };\nexport type MoverMoveFocusEventDetail = EventsTypes.MoverMoveFocusEventDetail;\n\nexport { GroupperMoveFocusEventName, GroupperMoveFocusEvent, GroupperMoveFocusActions };\nexport type GroupperMoveFocusEventDetail = EventsTypes.GroupperMoveFocusEventDetail;\n\nexport { MoverMemorizedElementEventName, MoverMemorizedElementEvent };\nexport type MoverMemorizedElementEventDetail = EventsTypes.MoverMemorizedElementEventDetail;\n\nexport { TabsterMoveFocusEventName, TabsterMoveFocusEvent };\nexport type TabsterMoveFocusEventDetail = EventsTypes.TabsterMoveFocusEventDetail;\n"],"names":["useArrowNavigationGroup","useFocusableGroup","useFocusFinders","useFocusVisible","useFocusWithin","useKeyboardNavAttribute","useDangerousNeverHidden_unstable","useModalAttributes","useTabsterAttributes","useObservedElement","useFocusObserved","useMergedTabsterAttributes_unstable","useRestoreFocusSource","useRestoreFocusTarget","useUncontrolledFocus","useOnKeyboardNavigationChange","useIsNavigatingWithKeyboard","useSetKeyboardNavigation","useFocusedElementChange","useActivateModal","createCustomFocusIndicatorStyle","createFocusOutlineStyle","applyFocusVisiblePolyfill","dispatchGroupperMoveFocusEvent","dispatchMoverMoveFocusEvent","MoverMoveFocusEventName","MoverMoveFocusEvent","MoverKeys","GroupperMoveFocusEventName","GroupperMoveFocusEvent","GroupperMoveFocusActions","MoverMemorizedElementEventName","MoverMemorizedElementEvent","TabsterMoveFocusEventName","TabsterMoveFocusEvent","KEYBORG_FOCUSIN","TabsterTypes6_0_1_DoNotUse","TabsterTypes"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,EACfC,cAAc,EACdC,uBAAuB,EACvBC,gCAAgC,EAChCC,kBAAkB,EAClBC,oBAAoB,EACpBC,kBAAkB,EAClBC,gBAAgB,EAChBC,mCAAmC,EACnCC,qBAAqB,EACrBC,qBAAqB,EACrBC,oBAAoB,EACpBC,6BAA6B,EAC7BC,2BAA2B,EAC3BC,wBAAwB,EACxBC,uBAAuB,EACvBC,gBAAgB,QACX,gBAAgB;AAOvB,SAASC,+BAA+B,EAAEC,uBAAuB,QAAQ,gBAAgB;AASzF,SAASC,yBAAyB,QAAQ,gBAAgB;AAC1D,SAGEC,8BAA8B,EAC9BC,2BAA2B,EAC3BC,uBAAuB,EACvBC,mBAAmB,EACnBC,SAAS,EACTC,0BAA0B,EAC1BC,sBAAsB,EACtBC,wBAAwB,EACxBC,8BAA8B,EAC9BC,0BAA0B,EAC1BC,yBAAyB,EACzBC,qBAAqB,QAChB,UAAU;AAKjB,SAASC,eAAe,QAAQ,UAAU;AAE1C,kGAAkG;AAClG,gGAAgG;AAChG,gEAAgE;AAChE,YAAYC,gCAAgC,mCAAmC;AAC/E,SACE,iGAAiG,GACjGA,8BAA8BC,YAAY,EAC1C,mHAAmH,GACnHd,8BAA8B,EAC9B,iGAAiG,GACjGC,2BAA2B,GAC3B;AAEF;;;CAGC,GAED,SAASC,uBAAuB,EAAEC,mBAAmB,EAAEC,SAAS,GAAG;AAGnE,SAASC,0BAA0B,EAAEC,sBAAsB,EAAEC,wBAAwB,GAAG;AAGxF,SAASC,8BAA8B,EAAEC,0BAA0B,GAAG;AAGtE,SAASC,yBAAyB,EAAEC,qBAAqB,GAAG"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  useArrowNavigationGroup,\n  useFocusableGroup,\n  useFocusFinders,\n  useFocusVisible,\n  useFocusWithin,\n  useKeyboardNavAttribute,\n  useDangerousNeverHidden_unstable,\n  useModalAttributes,\n  useTabsterAttributes,\n  useObservedElement,\n  useFocusObserved,\n  useMergedTabsterAttributes_unstable,\n  useRestoreFocusSource,\n  useRestoreFocusTarget,\n  useUncontrolledFocus,\n  useOnKeyboardNavigationChange,\n  useIsNavigatingWithKeyboard,\n  useSetKeyboardNavigation,\n  useFocusedElementChange,\n  useActivateModal,\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';\nimport {\n  type Types,\n  type EventsTypes,\n  dispatchGroupperMoveFocusEvent,\n  dispatchMoverMoveFocusEvent,\n  MoverMoveFocusEventName,\n  MoverMoveFocusEvent,\n  MoverKeys,\n  GroupperMoveFocusEventName,\n  GroupperMoveFocusEvent,\n  GroupperMoveFocusActions,\n  MoverMemorizedElementEventName,\n  MoverMemorizedElementEvent,\n  TabsterMoveFocusEventName,\n  TabsterMoveFocusEvent,\n} from 'tabster';\n\nexport type TabsterDOMAttribute = Types.TabsterDOMAttribute;\n\nexport type { KeyborgFocusInEvent } from 'keyborg';\nexport { KEYBORG_FOCUSIN } from 'keyborg';\n\n// WARNING! ATTENTION! Tabster.Types was exported from here by mistake. To avoid breaking changes,\n// we are putting a snapshot of Tabster.Types@6.0.1 and marking the entire export as deprecated.\n// eslint-disable-next-line @typescript-eslint/naming-convention\nimport * as TabsterTypes6_0_1_DoNotUse from './tabster-types-6.0.1-do-not-use';\nexport {\n  /** @deprecated (Do not use! Exposed by mistake and will be removed in the next major version.)  */\n  TabsterTypes6_0_1_DoNotUse as TabsterTypes,\n  /** @deprecated Use element.dispatchEvent(new GroupperMoveFocusEvent({ action: GroupperMoveFocusActions.Escape })) */\n  dispatchGroupperMoveFocusEvent,\n  /** @deprecated Use element.dispatchEvent(new MoverMoveFocusEvent({ key: MoverKeys.ArrowDown })) */\n  dispatchMoverMoveFocusEvent,\n};\n\n/**\n * For all exports below, we don't do wildcard exports to keep Tabster API flexible. We export only required\n * parts when they are needed.\n */\n\nexport { MoverMoveFocusEventName, MoverMoveFocusEvent, MoverKeys };\nexport type MoverMoveFocusEventDetail = EventsTypes.MoverMoveFocusEventDetail;\n\nexport { GroupperMoveFocusEventName, GroupperMoveFocusEvent, GroupperMoveFocusActions };\nexport type GroupperMoveFocusEventDetail = EventsTypes.GroupperMoveFocusEventDetail;\n\nexport { MoverMemorizedElementEventName, MoverMemorizedElementEvent };\nexport type MoverMemorizedElementEventDetail = EventsTypes.MoverMemorizedElementEventDetail;\n\nexport { TabsterMoveFocusEventName, TabsterMoveFocusEvent };\nexport type TabsterMoveFocusEventDetail = EventsTypes.TabsterMoveFocusEventDetail;\n"],"names":["useArrowNavigationGroup","useFocusableGroup","useFocusFinders","useFocusVisible","useFocusWithin","useKeyboardNavAttribute","useDangerousNeverHidden_unstable","useModalAttributes","useTabsterAttributes","useObservedElement","useFocusObserved","useMergedTabsterAttributes_unstable","useRestoreFocusSource","useRestoreFocusTarget","useUncontrolledFocus","useOnKeyboardNavigationChange","useIsNavigatingWithKeyboard","useSetKeyboardNavigation","useFocusedElementChange","useActivateModal","createCustomFocusIndicatorStyle","createFocusOutlineStyle","applyFocusVisiblePolyfill","dispatchGroupperMoveFocusEvent","dispatchMoverMoveFocusEvent","MoverMoveFocusEventName","MoverMoveFocusEvent","MoverKeys","GroupperMoveFocusEventName","GroupperMoveFocusEvent","GroupperMoveFocusActions","MoverMemorizedElementEventName","MoverMemorizedElementEvent","TabsterMoveFocusEventName","TabsterMoveFocusEvent","KEYBORG_FOCUSIN","TabsterTypes6_0_1_DoNotUse","TabsterTypes"],"mappings":"AAAA,SACEA,uBAAuB,EACvBC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,EACfC,cAAc,EACdC,uBAAuB,EACvBC,gCAAgC,EAChCC,kBAAkB,EAClBC,oBAAoB,EACpBC,kBAAkB,EAClBC,gBAAgB,EAChBC,mCAAmC,EACnCC,qBAAqB,EACrBC,qBAAqB,EACrBC,oBAAoB,EACpBC,6BAA6B,EAC7BC,2BAA2B,EAC3BC,wBAAwB,EACxBC,uBAAuB,EACvBC,gBAAgB,QACX,mBAAgB;AAOvB,SAASC,+BAA+B,EAAEC,uBAAuB,QAAQ,mBAAgB;AASzF,SAASC,yBAAyB,QAAQ,mBAAgB;AAC1D,SAGEC,8BAA8B,EAC9BC,2BAA2B,EAC3BC,uBAAuB,EACvBC,mBAAmB,EACnBC,SAAS,EACTC,0BAA0B,EAC1BC,sBAAsB,EACtBC,wBAAwB,EACxBC,8BAA8B,EAC9BC,0BAA0B,EAC1BC,yBAAyB,EACzBC,qBAAqB,QAChB,UAAU;AAKjB,SAASC,eAAe,QAAQ,UAAU;AAE1C,kGAAkG;AAClG,gGAAgG;AAChG,gEAAgE;AAChE,YAAYC,gCAAgC,sCAAmC;AAC/E,SACE,iGAAiG,GACjGA,8BAA8BC,YAAY,EAC1C,mHAAmH,GACnHd,8BAA8B,EAC9B,iGAAiG,GACjGC,2BAA2B,GAC3B;AAEF;;;CAGC,GAED,SAASC,uBAAuB,EAAEC,mBAAmB,EAAEC,SAAS,GAAG;AAGnE,SAASC,0BAA0B,EAAEC,sBAAsB,EAAEC,wBAAwB,GAAG;AAGxF,SAASC,8BAA8B,EAAEC,0BAA0B,GAAG;AAGtE,SAASC,yBAAyB,EAAEC,qBAAqB,GAAG"}

package/lib-commonjs/focus/{createCustomFocusIndicatorStyle.js → createCustomFocusIndicatorStyle.cjs}

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "createCustomFocusIndicatorStyle", {
         return createCustomFocusIndicatorStyle;
     }
 });
-const _constants = require("./constants");
+const _constants = require("./constants.cjs");
 function createCustomFocusIndicatorStyle(style, { selector: selectorType = _constants.defaultOptions.selector, customizeSelector = _constants.defaultOptions.customizeSelector } = _constants.defaultOptions) {
     return {
         [customizeSelector(createBaseSelector(selectorType))]: style

package/lib-commonjs/focus/{createFocusOutlineStyle.js → createFocusOutlineStyle.cjs}

@@ -10,8 +10,8 @@ Object.defineProperty(exports, "createFocusOutlineStyle", {
 });
 const _reacttheme = require("@fluentui/react-theme");
 const _react = require("@griffel/react");
-const _createCustomFocusIndicatorStyle = require("./createCustomFocusIndicatorStyle");
-const _constants = require("./constants");
+const _createCustomFocusIndicatorStyle = require("./createCustomFocusIndicatorStyle.cjs");
+const _constants = require("./constants.cjs");
 /**
  * Get the position of the focus outline
  *

package/lib-commonjs/focus/{focusVisiblePolyfill.js → focusVisiblePolyfill.cjs}

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "applyFocusVisiblePolyfill", {
 });
 const _reactutilities = require("@fluentui/react-utilities");
 const _keyborg = require("keyborg");
-const _constants = require("./constants");
+const _constants = require("./constants.cjs");
 function applyFocusVisiblePolyfill(scope, targetWindow) {
     if (alreadyInScope(scope)) {
         // Focus visible polyfill already applied at this scope

package/lib-commonjs/focus/{focusWithinPolyfill.js → focusWithinPolyfill.cjs}

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "applyFocusWithinPolyfill", {
     }
 });
 const _keyborg = require("keyborg");
-const _constants = require("./constants");
+const _constants = require("./constants.cjs");
 function applyFocusWithinPolyfill(element, win) {
     const keyborg = (0, _keyborg.createKeyborg)(win);
     // When navigation mode changes to mouse, remove the focus-within selector

package/lib-commonjs/focus/{index.js → index.cjs}

@@ -22,7 +22,7 @@ _export(exports, {
         return _createFocusOutlineStyle.createFocusOutlineStyle;
     }
 });
-const _createCustomFocusIndicatorStyle = require("./createCustomFocusIndicatorStyle");
-const _createFocusOutlineStyle = require("./createFocusOutlineStyle");
-const _focusVisiblePolyfill = require("./focusVisiblePolyfill");
-const _focusWithinPolyfill = require("./focusWithinPolyfill");
+const _createCustomFocusIndicatorStyle = require("./createCustomFocusIndicatorStyle.cjs");
+const _createFocusOutlineStyle = require("./createFocusOutlineStyle.cjs");
+const _focusVisiblePolyfill = require("./focusVisiblePolyfill.cjs");
+const _focusWithinPolyfill = require("./focusWithinPolyfill.cjs");

package/lib-commonjs/hooks/{index.js → index.cjs}

@@ -70,22 +70,22 @@ _export(exports, {
         return _useUncontrolledFocus.useUncontrolledFocus;
     }
 });
-const _useArrowNavigationGroup = require("./useArrowNavigationGroup");
-const _useFocusableGroup = require("./useFocusableGroup");
-const _useFocusFinders = require("./useFocusFinders");
-const _useFocusVisible = require("./useFocusVisible");
-const _useFocusWithin = require("./useFocusWithin");
-const _useKeyboardNavAttribute = require("./useKeyboardNavAttribute");
-const _useOnKeyboardNavigationChange = require("./useOnKeyboardNavigationChange");
-const _useModalAttributes = require("./useModalAttributes");
-const _useDangerousNeverHidden = require("./useDangerousNeverHidden");
-const _useTabsterAttributes = require("./useTabsterAttributes");
-const _useObservedElement = require("./useObservedElement");
-const _useMergeTabsterAttributes = require("./useMergeTabsterAttributes");
-const _useFocusObserved = require("./useFocusObserved");
-const _useRestoreFocus = require("./useRestoreFocus");
-const _useUncontrolledFocus = require("./useUncontrolledFocus");
-const _useIsNavigatingWithKeyboard = require("./useIsNavigatingWithKeyboard");
-const _useSetKeyboardNavigation = require("./useSetKeyboardNavigation");
-const _useFocusedElementChange = require("./useFocusedElementChange");
-const _useActivateModal = require("./useActivateModal");
+const _useArrowNavigationGroup = require("./useArrowNavigationGroup.cjs");
+const _useFocusableGroup = require("./useFocusableGroup.cjs");
+const _useFocusFinders = require("./useFocusFinders.cjs");
+const _useFocusVisible = require("./useFocusVisible.cjs");
+const _useFocusWithin = require("./useFocusWithin.cjs");
+const _useKeyboardNavAttribute = require("./useKeyboardNavAttribute.cjs");
+const _useOnKeyboardNavigationChange = require("./useOnKeyboardNavigationChange.cjs");
+const _useModalAttributes = require("./useModalAttributes.cjs");
+const _useDangerousNeverHidden = require("./useDangerousNeverHidden.cjs");
+const _useTabsterAttributes = require("./useTabsterAttributes.cjs");
+const _useObservedElement = require("./useObservedElement.cjs");
+const _useMergeTabsterAttributes = require("./useMergeTabsterAttributes.cjs");
+const _useFocusObserved = require("./useFocusObserved.cjs");
+const _useRestoreFocus = require("./useRestoreFocus.cjs");
+const _useUncontrolledFocus = require("./useUncontrolledFocus.cjs");
+const _useIsNavigatingWithKeyboard = require("./useIsNavigatingWithKeyboard.cjs");
+const _useSetKeyboardNavigation = require("./useSetKeyboardNavigation.cjs");
+const _useFocusedElementChange = require("./useFocusedElementChange.cjs");
+const _useActivateModal = require("./useActivateModal.cjs");

package/lib-commonjs/hooks/{useActivateModal.js → useActivateModal.cjs}

@@ -13,7 +13,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _tabster = require("tabster");
 const _reactutilities = require("@fluentui/react-utilities");
-const _useTabster = require("./useTabster");
+const _useTabster = require("./useTabster.cjs");
 function useActivateModal() {
     const modalizerRefAPI = (0, _useTabster.useTabster)(_tabster.getModalizer);
     const [setActivateModalTimeout] = (0, _reactutilities.useTimeout)();

package/lib-commonjs/hooks/{useArrowNavigationGroup.js → useArrowNavigationGroup.cjs}

@@ -10,8 +10,8 @@ Object.defineProperty(exports, "useArrowNavigationGroup", {
     }
 });
 const _tabster = require("tabster");
-const _useTabsterAttributes = require("./useTabsterAttributes");
-const _useTabster = require("./useTabster");
+const _useTabsterAttributes = require("./useTabsterAttributes.cjs");
+const _useTabster = require("./useTabster.cjs");
 const useArrowNavigationGroup = (options = {})=>{
     const { circular, axis, memorizeCurrent = true, tabbable, ignoreDefaultKeydown, // eslint-disable-next-line @typescript-eslint/naming-convention
     unstable_hasDefault } = options;

package/lib-commonjs/hooks/{useFocusFinders.js → useFocusFinders.cjs}

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "useFocusFinders", {
 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 _useTabster = require("./useTabster.cjs");
 const useFocusFinders = ()=>{
     const tabsterRef = (0, _useTabster.useTabster)();
     const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();

package/lib-commonjs/hooks/{useFocusObserved.js → useFocusObserved.cjs}

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "useFocusObserved", {
 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");
+const _useTabster = require("./useTabster.cjs");
 function useFocusObserved(name, options = {}) {
     const { timeout = 1000 } = options;
     const observedAPIRef = (0, _useTabster.useTabster)(_tabster.getObservedElement);

package/lib-commonjs/hooks/{useFocusVisible.js → useFocusVisible.cjs}

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "useFocusVisible", {
 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");
+const _focusVisiblePolyfill = require("../focus/focusVisiblePolyfill.cjs");
 function useFocusVisible(options = {}) {
     const contextValue = (0, _reactsharedcontexts.useFluent_unstable)();
     const scopeRef = _react.useRef(null);

package/lib-commonjs/hooks/{useFocusWithin.js → useFocusWithin.cjs}

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "useFocusWithin", {
 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");
+const _focusWithinPolyfill = require("../focus/focusWithinPolyfill.cjs");
 function useFocusWithin() {
     const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
     const elementRef = _react.useRef(null);

package/lib-commonjs/hooks/{useFocusableGroup.js → useFocusableGroup.cjs}

@@ -10,8 +10,8 @@ Object.defineProperty(exports, "useFocusableGroup", {
     }
 });
 const _tabster = require("tabster");
-const _useTabsterAttributes = require("./useTabsterAttributes");
-const _useTabster = require("./useTabster");
+const _useTabsterAttributes = require("./useTabsterAttributes.cjs");
+const _useTabster = require("./useTabster.cjs");
 const useFocusableGroup = (options)=>{
     (0, _useTabster.useTabster)(_tabster.getGroupper);
     return (0, _useTabsterAttributes.useTabsterAttributes)({

package/lib-commonjs/hooks/{useFocusedElementChange.js → useFocusedElementChange.cjs}

@@ -14,7 +14,7 @@ const _tabster = require("tabster");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const _reactutilities = require("@fluentui/react-utilities");
-const _useTabster = require("./useTabster");
+const _useTabster = require("./useTabster.cjs");
 function useFocusedElementChange(callback) {
     const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
     const listener = (0, _reactutilities.useEventCallback)(callback);

package/lib-commonjs/hooks/{useIsNavigatingWithKeyboard.js → useIsNavigatingWithKeyboard.cjs}

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useIsNavigatingWithKeyboard", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useKeyborgRef = require("./useKeyborgRef");
+const _useKeyborgRef = require("./useKeyborgRef.cjs");
 function useIsNavigatingWithKeyboard() {
     const keyborgRef = (0, _useKeyborgRef.useKeyborgRef)();
     return _react.useCallback(()=>{