@fluentui/react-tabster 9.6.0 → 9.6.1

package/lib-commonjs/focus/createCustomFocusIndicatorStyle.js

@@ -1,35 +1,27 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "createCustomFocusIndicatorStyle", {
+    enumerable: true,
+    get: ()=>createCustomFocusIndicatorStyle
 });
-exports.createCustomFocusIndicatorStyle = void 0;
-const constants_1 = /*#__PURE__*/require("./constants");
-/**
- * Creates a style for @see makeStyles that includes the necessary selectors for focus.
- * Should be used only when @see createFocusOutlineStyle does not fit requirements
- *
- * @param style - styling applied on focus, defaults to @see getDefaultFocusOutlineStyles
- * @param options - Configure the style of the focus outline
- */
-function createCustomFocusIndicatorStyle(style, {
-  selector = constants_1.defaultOptions.selector,
-  enableOutline = false
-} = constants_1.defaultOptions) {
-  return {
-    ':focus': {
-      outlineStyle: enableOutline ? undefined : 'none'
-    },
-    ':focus-visible': {
-      outlineStyle: enableOutline ? undefined : 'none'
-    },
-    ...(selector === 'focus' && {
-      [`&[${constants_1.FOCUS_VISIBLE_ATTR}]`]: style
-    }),
-    ...(selector === 'focus-within' && {
-      [`&[${constants_1.FOCUS_WITHIN_ATTR}]:${selector}`]: style
-    })
-  };
-}
-exports.createCustomFocusIndicatorStyle = createCustomFocusIndicatorStyle;
+const _constants = require("./constants");
+function createCustomFocusIndicatorStyle(style, { selector =_constants.defaultOptions.selector , enableOutline =false  } = _constants.defaultOptions) {
+    return {
+        ':focus': {
+            outlineStyle: enableOutline ? undefined : 'none'
+        },
+        ':focus-visible': {
+            outlineStyle: enableOutline ? undefined : 'none'
+        },
+        ...selector === 'focus' && {
+            [`&[${_constants.FOCUS_VISIBLE_ATTR}]`]: style
+        },
+        ...selector === 'focus-within' && {
+            [`&[${_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,"names":["constants_1","require","createCustomFocusIndicatorStyle","style","selector","defaultOptions","enableOutline","outlineStyle","undefined","FOCUS_VISIBLE_ATTR","FOCUS_WITHIN_ATTR","exports"],"sources":["../src/packages/react-components/react-tabster/src/focus/createCustomFocusIndicatorStyle.ts"],"sourcesContent":["import { defaultOptions, FOCUS_VISIBLE_ATTR, FOCUS_WITHIN_ATTR } from './constants';\nimport { makeResetStyles } from '@griffel/react';\nimport type { GriffelStyle } from '@griffel/react';\n\n// TODO: Use the type directly from @griffel/react\n// https://github.com/microsoft/griffel/pull/278\ntype GriffelResetStyle = Parameters<typeof makeResetStyles>[0];\n\nexport interface CreateCustomFocusIndicatorStyleOptions {\n  /**\n   * Control if the indicator appears when the corresponding element is focused,\n   * or any child is focused within the corresponding element.\n   * @default 'focus'\n   */\n  selector?: 'focus' | 'focus-within';\n  /**\n   * Enables the browser default outline style\n   * @default false\n   */\n  enableOutline?: boolean;\n}\n\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<TStyle extends GriffelStyle | GriffelResetStyle>(\n  style: TStyle,\n  {\n    selector = defaultOptions.selector,\n    enableOutline = false,\n  }: CreateCustomFocusIndicatorStyleOptions = defaultOptions,\n): TStyle extends GriffelStyle ? GriffelStyle : GriffelResetStyle {\n  return {\n    ':focus': {\n      outlineStyle: enableOutline ? undefined : 'none',\n    },\n    ':focus-visible': {\n      outlineStyle: enableOutline ? undefined : 'none',\n    },\n\n    ...(selector === 'focus' && {\n      [`&[${FOCUS_VISIBLE_ATTR}]`]: style,\n    }),\n    ...(selector === 'focus-within' && {\n      [`&[${FOCUS_WITHIN_ATTR}]:${selector}`]: style,\n    }),\n  };\n}\n"],"mappings":";;;;;;AAAA,MAAAA,WAAA,gBAAAC,OAAA;AAsBA;;;;;;;AAOA,SAAgBC,+BAA+BA,CAC7CC,KAAa,EACb;EACEC,QAAQ,GAAGJ,WAAA,CAAAK,cAAc,CAACD,QAAQ;EAClCE,aAAa,GAAG;AAAK,IACqBN,WAAA,CAAAK,cAAc;EAE1D,OAAO;IACL,QAAQ,EAAE;MACRE,YAAY,EAAED,aAAa,GAAGE,SAAS,GAAG;KAC3C;IACD,gBAAgB,EAAE;MAChBD,YAAY,EAAED,aAAa,GAAGE,SAAS,GAAG;KAC3C;IAED,IAAIJ,QAAQ,KAAK,OAAO,IAAI;MAC1B,CAAC,KAAKJ,WAAA,CAAAS,kBAAkB,GAAG,GAAGN;KAC/B,CAAC;IACF,IAAIC,QAAQ,KAAK,cAAc,IAAI;MACjC,CAAC,KAAKJ,WAAA,CAAAU,iBAAiB,KAAKN,QAAQ,EAAE,GAAGD;KAC1C;GACF;AACH;AAtBAQ,OAAA,CAAAT,+BAAA,GAAAA,+BAAA"}
+{"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  enableOutline = false\n} = defaultOptions) {\n  return {\n    ':focus': {\n      outlineStyle: enableOutline ? undefined : 'none'\n    },\n    ':focus-visible': {\n      outlineStyle: enableOutline ? undefined : 'none'\n    },\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","enableOutline","outlineStyle","undefined","FOCUS_VISIBLE_ATTR","FOCUS_WITHIN_ATTR"],"mappings":";;;;+BAQgBA;;aAAAA;;2BARsD;AAQ/D,SAASA,gCAAgCC,KAAK,EAAE,EACrDC,UAAWC,yBAAc,CAACD,QAAQ,CAAA,EAClCE,eAAgB,KAAK,CAAA,EACtB,GAAGD,yBAAc,EAAE;IAClB,OAAO;QACL,UAAU;YACRE,cAAcD,gBAAgBE,YAAY,MAAM;QAClD;QACA,kBAAkB;YAChBD,cAAcD,gBAAgBE,YAAY,MAAM;QAClD;QACA,GAAIJ,aAAa,WAAW;YAC1B,CAAC,CAAC,EAAE,EAAEK,6BAAkB,CAAC,CAAC,CAAC,CAAC,EAAEN;QAChC,CAAC;QACD,GAAIC,aAAa,kBAAkB;YACjC,CAAC,CAAC,EAAE,EAAEM,4BAAiB,CAAC,EAAE,EAAEN,SAAS,CAAC,CAAC,EAAED;QAC3C,CAAC;IACH;AACF,EACA,2DAA2D"}

package/lib-commonjs/focus/createFocusOutlineStyle.js

@@ -1,68 +1,53 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "createFocusOutlineStyle", {
+    enumerable: true,
+    get: ()=>createFocusOutlineStyle
 });
-exports.createFocusOutlineStyle = void 0;
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const createCustomFocusIndicatorStyle_1 = /*#__PURE__*/require("./createCustomFocusIndicatorStyle");
-const constants_1 = /*#__PURE__*/require("./constants");
+const _reactTheme = require("@fluentui/react-theme");
+const _react = require("@griffel/react");
+const _createCustomFocusIndicatorStyle = require("./createCustomFocusIndicatorStyle");
+const _constants = require("./constants");
 /**
  * NOTE: the element with the focus outline needs to have `position: relative` so that the
  * pseudo element can be properly positioned.
  *
  * @param options - Configures the style of the focus outline
  * @returns focus outline styles object
- */
-const getFocusOutlineStyles = options => {
-  var _a, _b, _c, _d;
-  const {
-    outlineRadius,
-    outlineColor,
-    outlineOffset,
-    outlineWidth
-  } = options;
-  const outlineOffsetTop = ((_a = outlineOffset) === null || _a === void 0 ? void 0 : _a.top) || outlineOffset;
-  const outlineOffsetBottom = ((_b = outlineOffset) === null || _b === void 0 ? void 0 : _b.bottom) || outlineOffset;
-  const outlineOffsetLeft = ((_c = outlineOffset) === null || _c === void 0 ? void 0 : _c.left) || outlineOffset;
-  const outlineOffsetRight = ((_d = outlineOffset) === null || _d === void 0 ? void 0 : _d.right) || outlineOffset;
-  return {
-    ...react_1.shorthands.borderColor('transparent'),
-    '::after': {
-      content: '""',
-      position: 'absolute',
-      pointerEvents: 'none',
-      zIndex: 1,
-      ...react_1.shorthands.borderStyle('solid'),
-      ...react_1.shorthands.borderWidth(outlineWidth),
-      ...react_1.shorthands.borderRadius(outlineRadius),
-      ...react_1.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})`
-    }
-  };
+ */ 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;
+    return {
+        ..._react.shorthands.borderColor('transparent'),
+        '::after': {
+            content: '""',
+            position: 'absolute',
+            pointerEvents: 'none',
+            zIndex: 1,
+            ..._react.shorthands.borderStyle('solid'),
+            ..._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})`
+        }
+    };
 };
-/**
- * NOTE: The element with the focus outline needs to have `position: relative` so that the
- * pseudo element can be properly positioned.
- *
- * @param options - Configure the style of the focus outline
- * @returns focus outline styles object for @see makeStyles
- */
-const createFocusOutlineStyle = ({
-  selector = constants_1.defaultOptions.selector,
-  style = constants_1.defaultOptions.style
-} = constants_1.defaultOptions) => createCustomFocusIndicatorStyle_1.createCustomFocusIndicatorStyle(getFocusOutlineStyles({
-  outlineColor: react_theme_1.tokens.colorStrokeFocus2,
-  outlineRadius: react_theme_1.tokens.borderRadiusMedium,
-  // FIXME: tokens.strokeWidthThick causes some weird bugs
-  outlineWidth: '2px',
-  ...style
-}), {
-  selector
-});
-exports.createFocusOutlineStyle = createFocusOutlineStyle;
+const createFocusOutlineStyle = ({ selector =_constants.defaultOptions.selector , style =_constants.defaultOptions.style  } = _constants.defaultOptions)=>(0, _createCustomFocusIndicatorStyle.createCustomFocusIndicatorStyle)(getFocusOutlineStyles({
+        outlineColor: _reactTheme.tokens.colorStrokeFocus2,
+        outlineRadius: _reactTheme.tokens.borderRadiusMedium,
+        // FIXME: tokens.strokeWidthThick causes some weird bugs
+        outlineWidth: '2px',
+        ...style
+    }), {
+        selector
+    }); //# sourceMappingURL=createFocusOutlineStyle.js.map
+
 //# sourceMappingURL=createFocusOutlineStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_theme_1","require","react_1","createCustomFocusIndicatorStyle_1","constants_1","getFocusOutlineStyles","options","outlineRadius","outlineColor","outlineOffset","outlineWidth","outlineOffsetTop","_a","top","outlineOffsetBottom","_b","bottom","outlineOffsetLeft","_c","left","outlineOffsetRight","_d","right","shorthands","borderColor","content","position","pointerEvents","zIndex","borderStyle","borderWidth","borderRadius","createFocusOutlineStyle","selector","defaultOptions","style","createCustomFocusIndicatorStyle","tokens","colorStrokeFocus2","borderRadiusMedium","exports"],"sources":["../src/packages/react-components/react-tabster/src/focus/createFocusOutlineStyle.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { shorthands } from '@griffel/react';\nimport type { GriffelStyle } from '@griffel/react';\nimport {\n  createCustomFocusIndicatorStyle,\n  CreateCustomFocusIndicatorStyleOptions,\n} from './createCustomFocusIndicatorStyle';\nimport { defaultOptions } from './constants';\n\nexport type FocusOutlineOffset = Record<'top' | 'bottom' | 'left' | 'right', string>;\nexport type FocusOutlineStyleOptions = {\n  /**\n   * Only property not supported by the native CSS `outline`, if this is no longer needed\n   * we can just go native instead\n   */\n  outlineRadius: string;\n  outlineColor: string;\n  outlineWidth: string;\n  outlineOffset?: string | FocusOutlineOffset;\n};\nexport interface CreateFocusOutlineStyleOptions extends CreateCustomFocusIndicatorStyleOptions {\n  style?: Partial<FocusOutlineStyleOptions>;\n}\n\n/**\n * NOTE: the element with the focus outline needs to have `position: relative` so that the\n * pseudo element can be properly positioned.\n *\n * @param options - Configures the style of the focus outline\n * @returns focus outline styles object\n */\nconst getFocusOutlineStyles = (options: FocusOutlineStyleOptions): GriffelStyle => {\n  const { outlineRadius, outlineColor, outlineOffset, outlineWidth } = options;\n\n  const outlineOffsetTop = (outlineOffset as FocusOutlineOffset)?.top || outlineOffset;\n  const outlineOffsetBottom = (outlineOffset as FocusOutlineOffset)?.bottom || outlineOffset;\n  const outlineOffsetLeft = (outlineOffset as FocusOutlineOffset)?.left || outlineOffset;\n  const outlineOffsetRight = (outlineOffset as FocusOutlineOffset)?.right || outlineOffset;\n\n  return {\n    ...shorthands.borderColor('transparent'),\n    '::after': {\n      content: '\"\"',\n      position: 'absolute',\n      pointerEvents: 'none',\n      zIndex: 1,\n\n      ...shorthands.borderStyle('solid'),\n      ...shorthands.borderWidth(outlineWidth),\n      ...shorthands.borderRadius(outlineRadius),\n      ...shorthands.borderColor(outlineColor),\n\n      top: !outlineOffset ? `-${outlineWidth}` : `calc(0px - ${outlineWidth} - ${outlineOffsetTop})`,\n      bottom: !outlineOffset ? `-${outlineWidth}` : `calc(0px - ${outlineWidth} - ${outlineOffsetBottom})`,\n      left: !outlineOffset ? `-${outlineWidth}` : `calc(0px - ${outlineWidth} - ${outlineOffsetLeft})`,\n      right: !outlineOffset ? `-${outlineWidth}` : `calc(0px - ${outlineWidth} - ${outlineOffsetRight})`,\n    },\n  };\n};\n\n/**\n * NOTE: The element with the focus outline needs to have `position: relative` so that the\n * pseudo element can be properly positioned.\n *\n * @param options - Configure the style of the focus outline\n * @returns focus outline styles object for @see makeStyles\n */\nexport const createFocusOutlineStyle = ({\n  selector = defaultOptions.selector,\n  style = defaultOptions.style,\n}: CreateFocusOutlineStyleOptions = defaultOptions): GriffelStyle =>\n  createCustomFocusIndicatorStyle(\n    getFocusOutlineStyles({\n      outlineColor: tokens.colorStrokeFocus2,\n      outlineRadius: tokens.borderRadiusMedium,\n      // FIXME: tokens.strokeWidthThick causes some weird bugs\n      outlineWidth: '2px',\n      ...style,\n    }),\n    { selector },\n  );\n"],"mappings":";;;;;;AAAA,MAAAA,aAAA,gBAAAC,OAAA;AACA,MAAAC,OAAA,gBAAAD,OAAA;AAEA,MAAAE,iCAAA,gBAAAF,OAAA;AAIA,MAAAG,WAAA,gBAAAH,OAAA;AAiBA;;;;;;;AAOA,MAAMI,qBAAqB,GAAIC,OAAiC,IAAkB;;EAChF,MAAM;IAAEC,aAAa;IAAEC,YAAY;IAAEC,aAAa;IAAEC;EAAY,CAAE,GAAGJ,OAAO;EAE5E,MAAMK,gBAAgB,GAAG,EAAAC,EAAA,GAACH,aAAoC,cAAAG,EAAA,uBAAAA,EAAA,CAAEC,GAAG,KAAIJ,aAAa;EACpF,MAAMK,mBAAmB,GAAG,EAAAC,EAAA,GAACN,aAAoC,cAAAM,EAAA,uBAAAA,EAAA,CAAEC,MAAM,KAAIP,aAAa;EAC1F,MAAMQ,iBAAiB,GAAG,EAAAC,EAAA,GAACT,aAAoC,cAAAS,EAAA,uBAAAA,EAAA,CAAEC,IAAI,KAAIV,aAAa;EACtF,MAAMW,kBAAkB,GAAG,EAAAC,EAAA,GAACZ,aAAoC,cAAAY,EAAA,uBAAAA,EAAA,CAAEC,KAAK,KAAIb,aAAa;EAExF,OAAO;IACL,GAAGP,OAAA,CAAAqB,UAAU,CAACC,WAAW,CAAC,aAAa,CAAC;IACxC,SAAS,EAAE;MACTC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,UAAU;MACpBC,aAAa,EAAE,MAAM;MACrBC,MAAM,EAAE,CAAC;MAET,GAAG1B,OAAA,CAAAqB,UAAU,CAACM,WAAW,CAAC,OAAO,CAAC;MAClC,GAAG3B,OAAA,CAAAqB,UAAU,CAACO,WAAW,CAACpB,YAAY,CAAC;MACvC,GAAGR,OAAA,CAAAqB,UAAU,CAACQ,YAAY,CAACxB,aAAa,CAAC;MACzC,GAAGL,OAAA,CAAAqB,UAAU,CAACC,WAAW,CAAChB,YAAY,CAAC;MAEvCK,GAAG,EAAE,CAACJ,aAAa,GAAG,IAAIC,YAAY,EAAE,GAAG,cAAcA,YAAY,MAAMC,gBAAgB,GAAG;MAC9FK,MAAM,EAAE,CAACP,aAAa,GAAG,IAAIC,YAAY,EAAE,GAAG,cAAcA,YAAY,MAAMI,mBAAmB,GAAG;MACpGK,IAAI,EAAE,CAACV,aAAa,GAAG,IAAIC,YAAY,EAAE,GAAG,cAAcA,YAAY,MAAMO,iBAAiB,GAAG;MAChGK,KAAK,EAAE,CAACb,aAAa,GAAG,IAAIC,YAAY,EAAE,GAAG,cAAcA,YAAY,MAAMU,kBAAkB;;GAElG;AACH,CAAC;AAED;;;;;;;AAOO,MAAMY,uBAAuB,GAAGA,CAAC;EACtCC,QAAQ,GAAG7B,WAAA,CAAA8B,cAAc,CAACD,QAAQ;EAClCE,KAAK,GAAG/B,WAAA,CAAA8B,cAAc,CAACC;AAAK,IACM/B,WAAA,CAAA8B,cAAc,KAChD/B,iCAAA,CAAAiC,+BAA+B,CAC7B/B,qBAAqB,CAAC;EACpBG,YAAY,EAAER,aAAA,CAAAqC,MAAM,CAACC,iBAAiB;EACtC/B,aAAa,EAAEP,aAAA,CAAAqC,MAAM,CAACE,kBAAkB;EACxC;EACA7B,YAAY,EAAE,KAAK;EACnB,GAAGyB;CACJ,CAAC,EACF;EAAEF;AAAQ,CAAE,CACb;AAbUO,OAAA,CAAAR,uBAAuB,GAAAA,uBAAA"}
+{"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  selector = defaultOptions.selector,\n  style = defaultOptions.style\n} = defaultOptions) => 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//# 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","selector","defaultOptions","style","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,UAAWC,yBAAc,CAACD,QAAQ,CAAA,EAClCE,OAAQD,yBAAc,CAACC,KAAK,CAAA,EAC7B,GAAGD,yBAAc,GAAKE,IAAAA,gEAA+B,EAAC1B,sBAAsB;QAC3EG,cAAcwB,kBAAM,CAACC,iBAAiB;QACtC1B,eAAeyB,kBAAM,CAACE,kBAAkB;QACxC,wDAAwD;QACxDxB,cAAc;QACd,GAAGoB,KAAK;IACV,IAAI;QACFF;IACF,IACA,mDAAmD"}

package/lib-commonjs/focus/focusVisiblePolyfill.js

@@ -1,80 +1,77 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "applyFocusVisiblePolyfill", {
+    enumerable: true,
+    get: ()=>applyFocusVisiblePolyfill
 });
-exports.applyFocusVisiblePolyfill = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const keyborg_1 = /*#__PURE__*/require("keyborg");
-const constants_1 = /*#__PURE__*/require("./constants");
-/**
- * @internal
- * @param scope - Applies the ponyfill to all DOM children
- * @param targetWindow - window
- */
+const _reactUtilities = require("@fluentui/react-utilities");
+const _keyborg = require("keyborg");
+const _constants = require("./constants");
 function applyFocusVisiblePolyfill(scope, targetWindow) {
-  if (alreadyInScope(scope)) {
-    // Focus visible polyfill already applied at this scope
-    return () => undefined;
-  }
-  const state = {
-    current: undefined
-  };
-  const keyborg = keyborg_1.createKeyborg(targetWindow);
-  // When navigation mode changes remove the focus-visible selector
-  keyborg.subscribe(isNavigatingWithKeyboard => {
-    if (!isNavigatingWithKeyboard && state.current) {
-      removeFocusVisibleClass(state.current);
-      state.current = undefined;
-    }
-  });
-  // Keyborg's focusin event is delegated so it's only registered once on the window
-  // and contains metadata about the focus event
-  const keyborgListener = e => {
-    if (state.current) {
-      removeFocusVisibleClass(state.current);
-      state.current = undefined;
-    }
-    if (keyborg.isNavigatingWithKeyboard() && react_utilities_1.isHTMLElement(e.target) && e.target) {
-      // Griffel can't create chained global styles so use the parent element for now
-      state.current = e.target;
-      applyFocusVisibleClass(state.current);
-    }
-  };
-  // Make sure that when focus leaves the scope, the focus visible class is removed
-  const blurListener = e => {
-    if (!e.relatedTarget || react_utilities_1.isHTMLElement(e.relatedTarget) && !scope.contains(e.relatedTarget)) {
-      if (state.current) {
-        removeFocusVisibleClass(state.current);
-        state.current = undefined;
-      }
+    if (alreadyInScope(scope)) {
+        // Focus visible polyfill already applied at this scope
+        return ()=>undefined;
     }
-  };
-  scope.addEventListener(keyborg_1.KEYBORG_FOCUSIN, keyborgListener);
-  scope.addEventListener('focusout', blurListener);
-  scope.focusVisible = true;
-  // Return disposer
-  return () => {
-    scope.removeEventListener(keyborg_1.KEYBORG_FOCUSIN, keyborgListener);
-    scope.removeEventListener('focusout', blurListener);
-    delete scope.focusVisible;
-    keyborg_1.disposeKeyborg(keyborg);
-  };
+    const state = {
+        current: undefined
+    };
+    const keyborg = (0, _keyborg.createKeyborg)(targetWindow);
+    // When navigation mode changes remove the focus-visible selector
+    keyborg.subscribe((isNavigatingWithKeyboard)=>{
+        if (!isNavigatingWithKeyboard && state.current) {
+            removeFocusVisibleClass(state.current);
+            state.current = undefined;
+        }
+    });
+    // Keyborg's focusin event is delegated so it's only registered once on the window
+    // and contains metadata about the focus event
+    const keyborgListener = (e)=>{
+        if (state.current) {
+            removeFocusVisibleClass(state.current);
+            state.current = undefined;
+        }
+        if (keyborg.isNavigatingWithKeyboard() && (0, _reactUtilities.isHTMLElement)(e.target) && e.target) {
+            // Griffel can't create chained global styles so use the parent element for now
+            state.current = e.target;
+            applyFocusVisibleClass(state.current);
+        }
+    };
+    // Make sure that when focus leaves the scope, the focus visible class is removed
+    const blurListener = (e)=>{
+        if (!e.relatedTarget || (0, _reactUtilities.isHTMLElement)(e.relatedTarget) && !scope.contains(e.relatedTarget)) {
+            if (state.current) {
+                removeFocusVisibleClass(state.current);
+                state.current = undefined;
+            }
+        }
+    };
+    scope.addEventListener(_keyborg.KEYBORG_FOCUSIN, keyborgListener);
+    scope.addEventListener('focusout', blurListener);
+    scope.focusVisible = true;
+    // Return disposer
+    return ()=>{
+        scope.removeEventListener(_keyborg.KEYBORG_FOCUSIN, keyborgListener);
+        scope.removeEventListener('focusout', blurListener);
+        delete scope.focusVisible;
+        (0, _keyborg.disposeKeyborg)(keyborg);
+    };
 }
-exports.applyFocusVisiblePolyfill = applyFocusVisiblePolyfill;
 function applyFocusVisibleClass(el) {
-  el.setAttribute(constants_1.FOCUS_VISIBLE_ATTR, '');
+    el.setAttribute(_constants.FOCUS_VISIBLE_ATTR, '');
 }
 function removeFocusVisibleClass(el) {
-  el.removeAttribute(constants_1.FOCUS_VISIBLE_ATTR);
+    el.removeAttribute(_constants.FOCUS_VISIBLE_ATTR);
 }
 function alreadyInScope(el) {
-  if (!el) {
-    return false;
-  }
-  if (el.focusVisible) {
-    return true;
-  }
-  return alreadyInScope(el === null || el === void 0 ? void 0 : el.parentElement);
-}
+    if (!el) {
+        return false;
+    }
+    if (el.focusVisible) {
+        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,"names":["react_utilities_1","require","keyborg_1","constants_1","applyFocusVisiblePolyfill","scope","targetWindow","alreadyInScope","undefined","state","current","keyborg","createKeyborg","subscribe","isNavigatingWithKeyboard","removeFocusVisibleClass","keyborgListener","e","isHTMLElement","target","applyFocusVisibleClass","blurListener","relatedTarget","contains","addEventListener","KEYBORG_FOCUSIN","focusVisible","removeEventListener","disposeKeyborg","exports","el","setAttribute","FOCUS_VISIBLE_ATTR","removeAttribute","parentElement"],"sources":["../src/packages/react-components/react-tabster/src/focus/focusVisiblePolyfill.ts"],"sourcesContent":["import { isHTMLElement } from '@fluentui/react-utilities';\nimport { KEYBORG_FOCUSIN, KeyborgFocusInEvent, createKeyborg, disposeKeyborg } from 'keyborg';\n\nimport { FOCUS_VISIBLE_ATTR } from './constants';\n\n/**\n * Because `addEventListener` type override falls back to 2nd definition (evt name is unknown string literal)\n * evt is being typed as a base class of MouseEvent -> `Event`.\n * This type is used to override `listener` calls to make TS happy\n */\ntype ListenerOverride = (evt: Event) => void;\n\ntype FocusVisibleState = {\n  /**\n   * Current element with focus visible in state\n   */\n  current: HTMLElement | undefined;\n};\n\ntype HTMLElementWithFocusVisibleScope = {\n  focusVisible: boolean | undefined;\n} & HTMLElement;\n\n/**\n * @internal\n * @param scope - Applies the ponyfill to all DOM children\n * @param targetWindow - window\n */\nexport function applyFocusVisiblePolyfill(scope: HTMLElement, targetWindow: Window): () => void {\n  if (alreadyInScope(scope)) {\n    // Focus visible polyfill already applied at this scope\n    return () => undefined;\n  }\n\n  const state: FocusVisibleState = {\n    current: undefined,\n  };\n\n  const keyborg = createKeyborg(targetWindow);\n\n  // When navigation mode changes remove the focus-visible selector\n  keyborg.subscribe(isNavigatingWithKeyboard => {\n    if (!isNavigatingWithKeyboard && state.current) {\n      removeFocusVisibleClass(state.current);\n      state.current = undefined;\n    }\n  });\n\n  // Keyborg's focusin event is delegated so it's only registered once on the window\n  // and contains metadata about the focus event\n  const keyborgListener = (e: KeyborgFocusInEvent) => {\n    if (state.current) {\n      removeFocusVisibleClass(state.current);\n      state.current = undefined;\n    }\n\n    if (keyborg.isNavigatingWithKeyboard() && isHTMLElement(e.target) && e.target) {\n      // Griffel can't create chained global styles so use the parent element for now\n      state.current = e.target;\n      applyFocusVisibleClass(state.current);\n    }\n  };\n\n  // Make sure that when focus leaves the scope, the focus visible class is removed\n  const blurListener = (e: FocusEvent) => {\n    if (!e.relatedTarget || (isHTMLElement(e.relatedTarget) && !scope.contains(e.relatedTarget))) {\n      if (state.current) {\n        removeFocusVisibleClass(state.current);\n        state.current = undefined;\n      }\n    }\n  };\n\n  scope.addEventListener(KEYBORG_FOCUSIN, keyborgListener as ListenerOverride);\n  scope.addEventListener('focusout', blurListener);\n  (scope as HTMLElementWithFocusVisibleScope).focusVisible = true;\n\n  // Return disposer\n  return () => {\n    scope.removeEventListener(KEYBORG_FOCUSIN, keyborgListener as ListenerOverride);\n    scope.removeEventListener('focusout', blurListener);\n    delete (scope as HTMLElementWithFocusVisibleScope).focusVisible;\n    disposeKeyborg(keyborg);\n  };\n}\n\nfunction applyFocusVisibleClass(el: HTMLElement) {\n  el.setAttribute(FOCUS_VISIBLE_ATTR, '');\n}\n\nfunction removeFocusVisibleClass(el: HTMLElement) {\n  el.removeAttribute(FOCUS_VISIBLE_ATTR);\n}\n\nfunction alreadyInScope(el: HTMLElement | null | undefined): boolean {\n  if (!el) {\n    return false;\n  }\n\n  if ((el as HTMLElementWithFocusVisibleScope).focusVisible) {\n    return true;\n  }\n\n  return alreadyInScope(el?.parentElement);\n}\n"],"mappings":";;;;;;AAAA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,SAAA,gBAAAD,OAAA;AAEA,MAAAE,WAAA,gBAAAF,OAAA;AAoBA;;;;;AAKA,SAAgBG,yBAAyBA,CAACC,KAAkB,EAAEC,YAAoB;EAChF,IAAIC,cAAc,CAACF,KAAK,CAAC,EAAE;IACzB;IACA,OAAO,MAAMG,SAAS;;EAGxB,MAAMC,KAAK,GAAsB;IAC/BC,OAAO,EAAEF;GACV;EAED,MAAMG,OAAO,GAAGT,SAAA,CAAAU,aAAa,CAACN,YAAY,CAAC;EAE3C;EACAK,OAAO,CAACE,SAAS,CAACC,wBAAwB,IAAG;IAC3C,IAAI,CAACA,wBAAwB,IAAIL,KAAK,CAACC,OAAO,EAAE;MAC9CK,uBAAuB,CAACN,KAAK,CAACC,OAAO,CAAC;MACtCD,KAAK,CAACC,OAAO,GAAGF,SAAS;;EAE7B,CAAC,CAAC;EAEF;EACA;EACA,MAAMQ,eAAe,GAAIC,CAAsB,IAAI;IACjD,IAAIR,KAAK,CAACC,OAAO,EAAE;MACjBK,uBAAuB,CAACN,KAAK,CAACC,OAAO,CAAC;MACtCD,KAAK,CAACC,OAAO,GAAGF,SAAS;;IAG3B,IAAIG,OAAO,CAACG,wBAAwB,EAAE,IAAId,iBAAA,CAAAkB,aAAa,CAACD,CAAC,CAACE,MAAM,CAAC,IAAIF,CAAC,CAACE,MAAM,EAAE;MAC7E;MACAV,KAAK,CAACC,OAAO,GAAGO,CAAC,CAACE,MAAM;MACxBC,sBAAsB,CAACX,KAAK,CAACC,OAAO,CAAC;;EAEzC,CAAC;EAED;EACA,MAAMW,YAAY,GAAIJ,CAAa,IAAI;IACrC,IAAI,CAACA,CAAC,CAACK,aAAa,IAAKtB,iBAAA,CAAAkB,aAAa,CAACD,CAAC,CAACK,aAAa,CAAC,IAAI,CAACjB,KAAK,CAACkB,QAAQ,CAACN,CAAC,CAACK,aAAa,CAAE,EAAE;MAC5F,IAAIb,KAAK,CAACC,OAAO,EAAE;QACjBK,uBAAuB,CAACN,KAAK,CAACC,OAAO,CAAC;QACtCD,KAAK,CAACC,OAAO,GAAGF,SAAS;;;EAG/B,CAAC;EAEDH,KAAK,CAACmB,gBAAgB,CAACtB,SAAA,CAAAuB,eAAe,EAAET,eAAmC,CAAC;EAC5EX,KAAK,CAACmB,gBAAgB,CAAC,UAAU,EAAEH,YAAY,CAAC;EAC/ChB,KAA0C,CAACqB,YAAY,GAAG,IAAI;EAE/D;EACA,OAAO,MAAK;IACVrB,KAAK,CAACsB,mBAAmB,CAACzB,SAAA,CAAAuB,eAAe,EAAET,eAAmC,CAAC;IAC/EX,KAAK,CAACsB,mBAAmB,CAAC,UAAU,EAAEN,YAAY,CAAC;IACnD,OAAQhB,KAA0C,CAACqB,YAAY;IAC/DxB,SAAA,CAAA0B,cAAc,CAACjB,OAAO,CAAC;EACzB,CAAC;AACH;AAxDAkB,OAAA,CAAAzB,yBAAA,GAAAA,yBAAA;AA0DA,SAASgB,sBAAsBA,CAACU,EAAe;EAC7CA,EAAE,CAACC,YAAY,CAAC5B,WAAA,CAAA6B,kBAAkB,EAAE,EAAE,CAAC;AACzC;AAEA,SAASjB,uBAAuBA,CAACe,EAAe;EAC9CA,EAAE,CAACG,eAAe,CAAC9B,WAAA,CAAA6B,kBAAkB,CAAC;AACxC;AAEA,SAASzB,cAAcA,CAACuB,EAAkC;EACxD,IAAI,CAACA,EAAE,EAAE;IACP,OAAO,KAAK;;EAGd,IAAKA,EAAuC,CAACJ,YAAY,EAAE;IACzD,OAAO,IAAI;;EAGb,OAAOnB,cAAc,CAACuB,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEI,aAAa,CAAC;AAC1C"}
+{"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"}

package/lib-commonjs/focus/focusWithinPolyfill.js

@@ -1,58 +1,55 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "applyFocusWithinPolyfill", {
+    enumerable: true,
+    get: ()=>applyFocusWithinPolyfill
 });
-exports.applyFocusWithinPolyfill = void 0;
-const keyborg_1 = /*#__PURE__*/require("keyborg");
-const constants_1 = /*#__PURE__*/require("./constants");
-/**
- * A ponyfill that allows `:focus-within` to support visibility based on keyboard/mouse navigation
- * like `:focus-visible` https://github.com/WICG/focus-visible/issues/151
- * @returns ref to the element that uses `:focus-within` styles
- */
+const _keyborg = require("keyborg");
+const _constants = require("./constants");
 function applyFocusWithinPolyfill(element, win) {
-  const keyborg = keyborg_1.createKeyborg(win);
-  // When navigation mode changes to mouse, remove the focus-within selector
-  keyborg.subscribe(isNavigatingWithKeyboard => {
-    if (!isNavigatingWithKeyboard) {
-      removeFocusWithinClass(element);
-    }
-  });
-  // Keyborg's focusin event is delegated so it's only registered once on the window
-  // and contains metadata about the focus event
-  const keyborgListener = e => {
-    if (keyborg.isNavigatingWithKeyboard() && isHTMLElement(e.target)) {
-      // Griffel can't create chained global styles so use the parent element for now
-      applyFocusWithinClass(element);
-    }
-  };
-  // Make sure that when focus leaves the scope, the focus within class is removed
-  const blurListener = e => {
-    if (!e.relatedTarget || isHTMLElement(e.relatedTarget) && !element.contains(e.relatedTarget)) {
-      removeFocusWithinClass(element);
-    }
-  };
-  element.addEventListener(keyborg_1.KEYBORG_FOCUSIN, keyborgListener);
-  element.addEventListener('focusout', blurListener);
-  // Return disposer
-  return () => {
-    element.removeEventListener(keyborg_1.KEYBORG_FOCUSIN, keyborgListener);
-    element.removeEventListener('focusout', blurListener);
-    keyborg_1.disposeKeyborg(keyborg);
-  };
+    const keyborg = (0, _keyborg.createKeyborg)(win);
+    // When navigation mode changes to mouse, remove the focus-within selector
+    keyborg.subscribe((isNavigatingWithKeyboard)=>{
+        if (!isNavigatingWithKeyboard) {
+            removeFocusWithinClass(element);
+        }
+    });
+    // Keyborg's focusin event is delegated so it's only registered once on the window
+    // and contains metadata about the focus event
+    const keyborgListener = (e)=>{
+        if (keyborg.isNavigatingWithKeyboard() && isHTMLElement(e.target)) {
+            // Griffel can't create chained global styles so use the parent element for now
+            applyFocusWithinClass(element);
+        }
+    };
+    // Make sure that when focus leaves the scope, the focus within class is removed
+    const blurListener = (e)=>{
+        if (!e.relatedTarget || isHTMLElement(e.relatedTarget) && !element.contains(e.relatedTarget)) {
+            removeFocusWithinClass(element);
+        }
+    };
+    element.addEventListener(_keyborg.KEYBORG_FOCUSIN, keyborgListener);
+    element.addEventListener('focusout', blurListener);
+    // Return disposer
+    return ()=>{
+        element.removeEventListener(_keyborg.KEYBORG_FOCUSIN, keyborgListener);
+        element.removeEventListener('focusout', blurListener);
+        (0, _keyborg.disposeKeyborg)(keyborg);
+    };
 }
-exports.applyFocusWithinPolyfill = applyFocusWithinPolyfill;
 function applyFocusWithinClass(el) {
-  el.setAttribute(constants_1.FOCUS_WITHIN_ATTR, '');
+    el.setAttribute(_constants.FOCUS_WITHIN_ATTR, '');
 }
 function removeFocusWithinClass(el) {
-  el.removeAttribute(constants_1.FOCUS_WITHIN_ATTR);
+    el.removeAttribute(_constants.FOCUS_WITHIN_ATTR);
 }
 function isHTMLElement(target) {
-  if (!target) {
-    return false;
-  }
-  return Boolean(target && typeof target === 'object' && 'classList' in target && 'contains' in target);
-}
+    if (!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,"names":["keyborg_1","require","constants_1","applyFocusWithinPolyfill","element","win","keyborg","createKeyborg","subscribe","isNavigatingWithKeyboard","removeFocusWithinClass","keyborgListener","e","isHTMLElement","target","applyFocusWithinClass","blurListener","relatedTarget","contains","addEventListener","KEYBORG_FOCUSIN","removeEventListener","disposeKeyborg","exports","el","setAttribute","FOCUS_WITHIN_ATTR","removeAttribute","Boolean"],"sources":["../src/packages/react-components/react-tabster/src/focus/focusWithinPolyfill.ts"],"sourcesContent":["import { KEYBORG_FOCUSIN, KeyborgFocusInEvent, createKeyborg, disposeKeyborg } from 'keyborg';\nimport { FOCUS_WITHIN_ATTR } from './constants';\n\n/**\n * Because `addEventListener` type override falls back to 2nd definition (evt name is unknown string literal)\n * evt is being typed as a base class of MouseEvent -> `Event`.\n * This type is used to override `listener` calls to make TS happy\n */\ntype ListenerOverride = (evt: Event) => void;\n\n/**\n * A ponyfill that allows `:focus-within` to support visibility based on keyboard/mouse navigation\n * like `:focus-visible` https://github.com/WICG/focus-visible/issues/151\n * @returns ref to the element that uses `:focus-within` styles\n */\nexport function applyFocusWithinPolyfill(element: HTMLElement, win: Window): () => void {\n  const keyborg = createKeyborg(win);\n\n  // When navigation mode changes to mouse, remove the focus-within selector\n  keyborg.subscribe(isNavigatingWithKeyboard => {\n    if (!isNavigatingWithKeyboard) {\n      removeFocusWithinClass(element);\n    }\n  });\n\n  // Keyborg's focusin event is delegated so it's only registered once on the window\n  // and contains metadata about the focus event\n  const keyborgListener = (e: KeyborgFocusInEvent) => {\n    if (keyborg.isNavigatingWithKeyboard() && isHTMLElement(e.target)) {\n      // Griffel can't create chained global styles so use the parent element for now\n      applyFocusWithinClass(element);\n    }\n  };\n\n  // Make sure that when focus leaves the scope, the focus within class is removed\n  const blurListener = (e: FocusEvent) => {\n    if (!e.relatedTarget || (isHTMLElement(e.relatedTarget) && !element.contains(e.relatedTarget))) {\n      removeFocusWithinClass(element);\n    }\n  };\n\n  element.addEventListener(KEYBORG_FOCUSIN, keyborgListener as ListenerOverride);\n  element.addEventListener('focusout', blurListener);\n\n  // Return disposer\n  return () => {\n    element.removeEventListener(KEYBORG_FOCUSIN, keyborgListener as ListenerOverride);\n    element.removeEventListener('focusout', blurListener);\n    disposeKeyborg(keyborg);\n  };\n}\n\nfunction applyFocusWithinClass(el: HTMLElement) {\n  el.setAttribute(FOCUS_WITHIN_ATTR, '');\n}\n\nfunction removeFocusWithinClass(el: HTMLElement) {\n  el.removeAttribute(FOCUS_WITHIN_ATTR);\n}\n\nfunction isHTMLElement(target: EventTarget | null): target is HTMLElement {\n  if (!target) {\n    return false;\n  }\n  return Boolean(target && typeof target === 'object' && 'classList' in target && 'contains' in target);\n}\n"],"mappings":";;;;;;AAAA,MAAAA,SAAA,gBAAAC,OAAA;AACA,MAAAC,WAAA,gBAAAD,OAAA;AASA;;;;;AAKA,SAAgBE,wBAAwBA,CAACC,OAAoB,EAAEC,GAAW;EACxE,MAAMC,OAAO,GAAGN,SAAA,CAAAO,aAAa,CAACF,GAAG,CAAC;EAElC;EACAC,OAAO,CAACE,SAAS,CAACC,wBAAwB,IAAG;IAC3C,IAAI,CAACA,wBAAwB,EAAE;MAC7BC,sBAAsB,CAACN,OAAO,CAAC;;EAEnC,CAAC,CAAC;EAEF;EACA;EACA,MAAMO,eAAe,GAAIC,CAAsB,IAAI;IACjD,IAAIN,OAAO,CAACG,wBAAwB,EAAE,IAAII,aAAa,CAACD,CAAC,CAACE,MAAM,CAAC,EAAE;MACjE;MACAC,qBAAqB,CAACX,OAAO,CAAC;;EAElC,CAAC;EAED;EACA,MAAMY,YAAY,GAAIJ,CAAa,IAAI;IACrC,IAAI,CAACA,CAAC,CAACK,aAAa,IAAKJ,aAAa,CAACD,CAAC,CAACK,aAAa,CAAC,IAAI,CAACb,OAAO,CAACc,QAAQ,CAACN,CAAC,CAACK,aAAa,CAAE,EAAE;MAC9FP,sBAAsB,CAACN,OAAO,CAAC;;EAEnC,CAAC;EAEDA,OAAO,CAACe,gBAAgB,CAACnB,SAAA,CAAAoB,eAAe,EAAET,eAAmC,CAAC;EAC9EP,OAAO,CAACe,gBAAgB,CAAC,UAAU,EAAEH,YAAY,CAAC;EAElD;EACA,OAAO,MAAK;IACVZ,OAAO,CAACiB,mBAAmB,CAACrB,SAAA,CAAAoB,eAAe,EAAET,eAAmC,CAAC;IACjFP,OAAO,CAACiB,mBAAmB,CAAC,UAAU,EAAEL,YAAY,CAAC;IACrDhB,SAAA,CAAAsB,cAAc,CAAChB,OAAO,CAAC;EACzB,CAAC;AACH;AAnCAiB,OAAA,CAAApB,wBAAA,GAAAA,wBAAA;AAqCA,SAASY,qBAAqBA,CAACS,EAAe;EAC5CA,EAAE,CAACC,YAAY,CAACvB,WAAA,CAAAwB,iBAAiB,EAAE,EAAE,CAAC;AACxC;AAEA,SAAShB,sBAAsBA,CAACc,EAAe;EAC7CA,EAAE,CAACG,eAAe,CAACzB,WAAA,CAAAwB,iBAAiB,CAAC;AACvC;AAEA,SAASb,aAAaA,CAACC,MAA0B;EAC/C,IAAI,CAACA,MAAM,EAAE;IACX,OAAO,KAAK;;EAEd,OAAOc,OAAO,CAACd,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,WAAW,IAAIA,MAAM,IAAI,UAAU,IAAIA,MAAM,CAAC;AACvG"}
+{"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"}

package/lib-commonjs/focus/index.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-tabster/src/focus/index.ts"],"sourcesContent":["export * from './createCustomFocusIndicatorStyle';\nexport * from './createFocusOutlineStyle';\nexport * from './focusVisiblePolyfill';\nexport * from './focusWithinPolyfill';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,uCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA"}
+{"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"}

package/lib-commonjs/hooks/index.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-tabster/src/hooks/index.ts"],"sourcesContent":["export * from './useArrowNavigationGroup';\nexport * from './useFocusableGroup';\nexport * from './useFocusFinders';\nexport * from './useFocusVisible';\nexport * from './useFocusWithin';\nexport * from './useKeyboardNavAttribute';\nexport * from './useModalAttributes';\nexport * from './useTabsterAttributes';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA"}
+{"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"}