@fluentui/react-provider 9.4.4 → 9.4.6

package/lib-commonjs/components/FluentProvider/useFluentProviderThemeStyleTag.js

@@ -1,73 +1,75 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useFluentProviderThemeStyleTag", {
+    enumerable: true,
+    get: ()=>useFluentProviderThemeStyleTag
 });
-exports.useFluentProviderThemeStyleTag = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const React = /*#__PURE__*/require("react");
-const useFluentProviderStyles_1 = /*#__PURE__*/require("./useFluentProviderStyles");
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _reactUtilities = require("@fluentui/react-utilities");
+const _react = require("@griffel/react");
+const _react1 = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useFluentProviderStyles = require("./useFluentProviderStyles");
 // String concatenation is used to prevent bundlers to complain with older versions of React
-const useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : react_utilities_1.useIsomorphicLayoutEffect;
-const createStyleTag = (target, elementAttributes) => {
-  if (!target) {
-    return undefined;
-  }
-  const tag = target.createElement('style');
-  Object.keys(elementAttributes).forEach(attrName => {
-    tag.setAttribute(attrName, elementAttributes[attrName]);
-  });
-  target.head.appendChild(tag);
-  return tag;
-};
-const insertSheet = (tag, rule) => {
-  const sheet = tag.sheet;
-  if (sheet) {
-    if (sheet.cssRules.length > 0) {
-      sheet.deleteRule(0);
+const useInsertionEffect = _react1['useInsertion' + 'Effect'] ? _react1['useInsertion' + 'Effect'] : _reactUtilities.useIsomorphicLayoutEffect;
+const createStyleTag = (target, elementAttributes)=>{
+    if (!target) {
+        return undefined;
     }
-    sheet.insertRule(rule, 0);
-  } else if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line no-console
-    console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.');
-  }
-};
-/**
- * Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class
- *
- * @returns CSS class to apply the rule
- */
-const useFluentProviderThemeStyleTag = options => {
-  const {
-    targetDocument,
-    theme
-  } = options;
-  const renderer = react_1.useRenderer_unstable();
-  const styleTag = React.useRef();
-  const styleTagId = react_utilities_1.useId(useFluentProviderStyles_1.fluentProviderClassNames.root);
-  const styleElementAttributes = renderer.styleElementAttributes;
-  const cssVarsAsString = React.useMemo(() => {
-    return theme ? Object.keys(theme).reduce((cssVarRule, cssVar) => {
-      cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;
-      return cssVarRule;
-    }, '') : '';
-  }, [theme]);
-  const rule = `.${styleTagId} { ${cssVarsAsString} }`;
-  useInsertionEffect(() => {
-    styleTag.current = createStyleTag(targetDocument, {
-      ...styleElementAttributes,
-      id: styleTagId
+    const tag = target.createElement('style');
+    Object.keys(elementAttributes).forEach((attrName)=>{
+        tag.setAttribute(attrName, elementAttributes[attrName]);
     });
-    if (styleTag.current) {
-      insertSheet(styleTag.current, rule);
-      return () => {
-        var _a;
-        (_a = styleTag.current) === null || _a === void 0 ? void 0 : _a.remove();
-      };
+    target.head.appendChild(tag);
+    return tag;
+};
+const insertSheet = (tag, rule)=>{
+    const sheet = tag.sheet;
+    if (sheet) {
+        if (sheet.cssRules.length > 0) {
+            sheet.deleteRule(0);
+        }
+        sheet.insertRule(rule, 0);
+    } else if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line no-console
+        console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.');
     }
-  }, [styleTagId, targetDocument, rule, styleElementAttributes]);
-  return styleTagId;
 };
-exports.useFluentProviderThemeStyleTag = useFluentProviderThemeStyleTag;
+const useFluentProviderThemeStyleTag = (options)=>{
+    const { targetDocument , theme  } = options;
+    const renderer = (0, _react.useRenderer_unstable)();
+    const styleTag = _react1.useRef();
+    const styleTagId = (0, _reactUtilities.useId)(_useFluentProviderStyles.fluentProviderClassNames.root);
+    const styleElementAttributes = renderer.styleElementAttributes;
+    const cssVarsAsString = _react1.useMemo(()=>{
+        return theme ? Object.keys(theme).reduce((cssVarRule, cssVar)=>{
+            cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;
+            return cssVarRule;
+        }, '') : '';
+    }, [
+        theme
+    ]);
+    const rule = `.${styleTagId} { ${cssVarsAsString} }`;
+    useInsertionEffect(()=>{
+        styleTag.current = createStyleTag(targetDocument, {
+            ...styleElementAttributes,
+            id: styleTagId
+        });
+        if (styleTag.current) {
+            insertSheet(styleTag.current, rule);
+            return ()=>{
+                var _styleTag_current;
+                (_styleTag_current = styleTag.current) === null || _styleTag_current === void 0 ? void 0 : _styleTag_current.remove();
+            };
+        }
+    }, [
+        styleTagId,
+        targetDocument,
+        rule,
+        styleElementAttributes
+    ]);
+    return styleTagId;
+}; //# sourceMappingURL=useFluentProviderThemeStyleTag.js.map
+
 //# sourceMappingURL=useFluentProviderThemeStyleTag.js.map

package/lib-commonjs/components/FluentProvider/useFluentProviderThemeStyleTag.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","react_1","React","useFluentProviderStyles_1","useInsertionEffect","useIsomorphicLayoutEffect","createStyleTag","target","elementAttributes","undefined","tag","createElement","Object","keys","forEach","attrName","setAttribute","head","appendChild","insertSheet","rule","sheet","cssRules","length","deleteRule","insertRule","process","env","NODE_ENV","console","error","useFluentProviderThemeStyleTag","options","targetDocument","theme","renderer","useRenderer_unstable","styleTag","useRef","styleTagId","useId","fluentProviderClassNames","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","current","id","_a","remove","exports"],"sources":["../src/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts"],"sourcesContent":["import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useRenderer_unstable } from '@griffel/react';\nimport * as React from 'react';\n\nimport type { FluentProviderState } from './FluentProvider.types';\nimport { fluentProviderClassNames } from './useFluentProviderStyles';\n\n// String concatenation is used to prevent bundlers to complain with older versions of React\nconst useInsertionEffect = (React as never)['useInsertion' + 'Effect']\n  ? (React as never)['useInsertion' + 'Effect']\n  : useIsomorphicLayoutEffect;\n\nconst createStyleTag = (target: Document | undefined, elementAttributes: Record<string, string>) => {\n  if (!target) {\n    return undefined;\n  }\n\n  const tag = target.createElement('style');\n\n  Object.keys(elementAttributes).forEach(attrName => {\n    tag.setAttribute(attrName, elementAttributes[attrName]);\n  });\n\n  target.head.appendChild(tag);\n  return tag;\n};\n\nconst insertSheet = (tag: HTMLStyleElement, rule: string) => {\n  const sheet = tag.sheet;\n\n  if (sheet) {\n    if (sheet.cssRules.length > 0) {\n      sheet.deleteRule(0);\n    }\n    sheet.insertRule(rule, 0);\n  } else if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.');\n  }\n};\n\n/**\n * Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class\n *\n * @returns CSS class to apply the rule\n */\nexport const useFluentProviderThemeStyleTag = (options: Pick<FluentProviderState, 'theme' | 'targetDocument'>) => {\n  const { targetDocument, theme } = options;\n\n  const renderer = useRenderer_unstable();\n  const styleTag = React.useRef<HTMLStyleElement>();\n\n  const styleTagId = useId(fluentProviderClassNames.root);\n  const styleElementAttributes = renderer.styleElementAttributes;\n\n  const cssVarsAsString = React.useMemo(() => {\n    return theme\n      ? (Object.keys(theme) as (keyof typeof theme)[]).reduce((cssVarRule, cssVar) => {\n          cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;\n          return cssVarRule;\n        }, '')\n      : '';\n  }, [theme]);\n\n  const rule = `.${styleTagId} { ${cssVarsAsString} }`;\n\n  useInsertionEffect(() => {\n    styleTag.current = createStyleTag(targetDocument, { ...styleElementAttributes, id: styleTagId });\n\n    if (styleTag.current) {\n      insertSheet(styleTag.current, rule);\n\n      return () => {\n        styleTag.current?.remove();\n      };\n    }\n  }, [styleTagId, targetDocument, rule, styleElementAttributes]);\n\n  return styleTagId;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,OAAA,gBAAAD,OAAA;AACA,MAAAE,KAAA,gBAAAF,OAAA;AAGA,MAAAG,yBAAA,gBAAAH,OAAA;AAEA;AACA,MAAMI,kBAAkB,GAAIF,KAAe,CAAC,cAAc,GAAG,QAAQ,CAAC,GACjEA,KAAe,CAAC,cAAc,GAAG,QAAQ,CAAC,GAC3CH,iBAAA,CAAAM,yBAAyB;AAE7B,MAAMC,cAAc,GAAGA,CAACC,MAA4B,EAAEC,iBAAyC,KAAI;EACjG,IAAI,CAACD,MAAM,EAAE;IACX,OAAOE,SAAS;;EAGlB,MAAMC,GAAG,GAAGH,MAAM,CAACI,aAAa,CAAC,OAAO,CAAC;EAEzCC,MAAM,CAACC,IAAI,CAACL,iBAAiB,CAAC,CAACM,OAAO,CAACC,QAAQ,IAAG;IAChDL,GAAG,CAACM,YAAY,CAACD,QAAQ,EAAEP,iBAAiB,CAACO,QAAQ,CAAC,CAAC;EACzD,CAAC,CAAC;EAEFR,MAAM,CAACU,IAAI,CAACC,WAAW,CAACR,GAAG,CAAC;EAC5B,OAAOA,GAAG;AACZ,CAAC;AAED,MAAMS,WAAW,GAAGA,CAACT,GAAqB,EAAEU,IAAY,KAAI;EAC1D,MAAMC,KAAK,GAAGX,GAAG,CAACW,KAAK;EAEvB,IAAIA,KAAK,EAAE;IACT,IAAIA,KAAK,CAACC,QAAQ,CAACC,MAAM,GAAG,CAAC,EAAE;MAC7BF,KAAK,CAACG,UAAU,CAAC,CAAC,CAAC;;IAErBH,KAAK,CAACI,UAAU,CAACL,IAAI,EAAE,CAAC,CAAC;GAC1B,MAAM,IAAIM,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IAChD;IACAC,OAAO,CAACC,KAAK,CAAC,uFAAuF,CAAC;;AAE1G,CAAC;AAED;;;;;AAKO,MAAMC,8BAA8B,GAAIC,OAA8D,IAAI;EAC/G,MAAM;IAAEC,cAAc;IAAEC;EAAK,CAAE,GAAGF,OAAO;EAEzC,MAAMG,QAAQ,GAAGlC,OAAA,CAAAmC,oBAAoB,EAAE;EACvC,MAAMC,QAAQ,GAAGnC,KAAK,CAACoC,MAAM,EAAoB;EAEjD,MAAMC,UAAU,GAAGxC,iBAAA,CAAAyC,KAAK,CAACrC,yBAAA,CAAAsC,wBAAwB,CAACC,IAAI,CAAC;EACvD,MAAMC,sBAAsB,GAAGR,QAAQ,CAACQ,sBAAsB;EAE9D,MAAMC,eAAe,GAAG1C,KAAK,CAAC2C,OAAO,CAAC,MAAK;IACzC,OAAOX,KAAK,GACPtB,MAAM,CAACC,IAAI,CAACqB,KAAK,CAA4B,CAACY,MAAM,CAAC,CAACC,UAAU,EAAEC,MAAM,KAAI;MAC3ED,UAAU,IAAI,KAAKC,MAAM,KAAKd,KAAK,CAACc,MAAM,CAAC,IAAI;MAC/C,OAAOD,UAAU;IACnB,CAAC,EAAE,EAAE,CAAC,GACN,EAAE;EACR,CAAC,EAAE,CAACb,KAAK,CAAC,CAAC;EAEX,MAAMd,IAAI,GAAG,IAAImB,UAAU,MAAMK,eAAe,IAAI;EAEpDxC,kBAAkB,CAAC,MAAK;IACtBiC,QAAQ,CAACY,OAAO,GAAG3C,cAAc,CAAC2B,cAAc,EAAE;MAAE,GAAGU,sBAAsB;MAAEO,EAAE,EAAEX;IAAU,CAAE,CAAC;IAEhG,IAAIF,QAAQ,CAACY,OAAO,EAAE;MACpB9B,WAAW,CAACkB,QAAQ,CAACY,OAAO,EAAE7B,IAAI,CAAC;MAEnC,OAAO,MAAK;;QACV,CAAA+B,EAAA,GAAAd,QAAQ,CAACY,OAAO,cAAAE,EAAA,uBAAAA,EAAA,CAAEC,MAAM,EAAE;MAC5B,CAAC;;EAEL,CAAC,EAAE,CAACb,UAAU,EAAEN,cAAc,EAAEb,IAAI,EAAEuB,sBAAsB,CAAC,CAAC;EAE9D,OAAOJ,UAAU;AACnB,CAAC;AAjCYc,OAAA,CAAAtB,8BAA8B,GAAAA,8BAAA"}
+{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderThemeStyleTag.js"],"sourcesContent":["import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useRenderer_unstable } from '@griffel/react';\nimport * as React from 'react';\nimport { fluentProviderClassNames } from './useFluentProviderStyles';\n// String concatenation is used to prevent bundlers to complain with older versions of React\nconst useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : useIsomorphicLayoutEffect;\nconst createStyleTag = (target, elementAttributes) => {\n  if (!target) {\n    return undefined;\n  }\n  const tag = target.createElement('style');\n  Object.keys(elementAttributes).forEach(attrName => {\n    tag.setAttribute(attrName, elementAttributes[attrName]);\n  });\n  target.head.appendChild(tag);\n  return tag;\n};\nconst insertSheet = (tag, rule) => {\n  const sheet = tag.sheet;\n  if (sheet) {\n    if (sheet.cssRules.length > 0) {\n      sheet.deleteRule(0);\n    }\n    sheet.insertRule(rule, 0);\n  } else if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.');\n  }\n};\n/**\n * Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class\n *\n * @returns CSS class to apply the rule\n */\nexport const useFluentProviderThemeStyleTag = options => {\n  const {\n    targetDocument,\n    theme\n  } = options;\n  const renderer = useRenderer_unstable();\n  const styleTag = React.useRef();\n  const styleTagId = useId(fluentProviderClassNames.root);\n  const styleElementAttributes = renderer.styleElementAttributes;\n  const cssVarsAsString = React.useMemo(() => {\n    return theme ? Object.keys(theme).reduce((cssVarRule, cssVar) => {\n      cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;\n      return cssVarRule;\n    }, '') : '';\n  }, [theme]);\n  const rule = `.${styleTagId} { ${cssVarsAsString} }`;\n  useInsertionEffect(() => {\n    styleTag.current = createStyleTag(targetDocument, {\n      ...styleElementAttributes,\n      id: styleTagId\n    });\n    if (styleTag.current) {\n      insertSheet(styleTag.current, rule);\n      return () => {\n        var _styleTag_current;\n        (_styleTag_current = styleTag.current) === null || _styleTag_current === void 0 ? void 0 : _styleTag_current.remove();\n      };\n    }\n  }, [styleTagId, targetDocument, rule, styleElementAttributes]);\n  return styleTagId;\n};\n//# sourceMappingURL=useFluentProviderThemeStyleTag.js.map"],"names":["useFluentProviderThemeStyleTag","useInsertionEffect","React","useIsomorphicLayoutEffect","createStyleTag","target","elementAttributes","undefined","tag","createElement","Object","keys","forEach","attrName","setAttribute","head","appendChild","insertSheet","rule","sheet","cssRules","length","deleteRule","insertRule","process","env","NODE_ENV","console","error","options","targetDocument","theme","renderer","useRenderer_unstable","styleTag","useRef","styleTagId","useId","fluentProviderClassNames","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","current","id","_styleTag_current","remove"],"mappings":";;;;+BAkCaA;;aAAAA;;;gCAlCoC;uBACZ;8DACd;yCACkB;AACzC,4FAA4F;AAC5F,MAAMC,qBAAqBC,OAAK,CAAC,iBAAiB,SAAS,GAAGA,OAAK,CAAC,iBAAiB,SAAS,GAAGC,yCAAyB;AAC1H,MAAMC,iBAAiB,CAACC,QAAQC,oBAAsB;IACpD,IAAI,CAACD,QAAQ;QACX,OAAOE;IACT,CAAC;IACD,MAAMC,MAAMH,OAAOI,aAAa,CAAC;IACjCC,OAAOC,IAAI,CAACL,mBAAmBM,OAAO,CAACC,CAAAA,WAAY;QACjDL,IAAIM,YAAY,CAACD,UAAUP,iBAAiB,CAACO,SAAS;IACxD;IACAR,OAAOU,IAAI,CAACC,WAAW,CAACR;IACxB,OAAOA;AACT;AACA,MAAMS,cAAc,CAACT,KAAKU,OAAS;IACjC,MAAMC,QAAQX,IAAIW,KAAK;IACvB,IAAIA,OAAO;QACT,IAAIA,MAAMC,QAAQ,CAACC,MAAM,GAAG,GAAG;YAC7BF,MAAMG,UAAU,CAAC;QACnB,CAAC;QACDH,MAAMI,UAAU,CAACL,MAAM;IACzB,OAAO,IAAIM,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QAChD,sCAAsC;QACtCC,QAAQC,KAAK,CAAC;IAChB,CAAC;AACH;AAMO,MAAM5B,iCAAiC6B,CAAAA,UAAW;IACvD,MAAM,EACJC,eAAc,EACdC,MAAK,EACN,GAAGF;IACJ,MAAMG,WAAWC,IAAAA,2BAAoB;IACrC,MAAMC,WAAWhC,QAAMiC,MAAM;IAC7B,MAAMC,aAAaC,IAAAA,qBAAK,EAACC,iDAAwB,CAACC,IAAI;IACtD,MAAMC,yBAAyBR,SAASQ,sBAAsB;IAC9D,MAAMC,kBAAkBvC,QAAMwC,OAAO,CAAC,IAAM;QAC1C,OAAOX,QAAQrB,OAAOC,IAAI,CAACoB,OAAOY,MAAM,CAAC,CAACC,YAAYC,SAAW;YAC/DD,cAAc,CAAC,EAAE,EAAEC,OAAO,EAAE,EAAEd,KAAK,CAACc,OAAO,CAAC,EAAE,CAAC;YAC/C,OAAOD;QACT,GAAG,MAAM,EAAE;IACb,GAAG;QAACb;KAAM;IACV,MAAMb,OAAO,CAAC,CAAC,EAAEkB,WAAW,GAAG,EAAEK,gBAAgB,EAAE,CAAC;IACpDxC,mBAAmB,IAAM;QACvBiC,SAASY,OAAO,GAAG1C,eAAe0B,gBAAgB;YAChD,GAAGU,sBAAsB;YACzBO,IAAIX;QACN;QACA,IAAIF,SAASY,OAAO,EAAE;YACpB7B,YAAYiB,SAASY,OAAO,EAAE5B;YAC9B,OAAO,IAAM;gBACX,IAAI8B;gBACHA,CAAAA,oBAAoBd,SAASY,OAAO,AAAD,MAAO,IAAI,IAAIE,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBC,MAAM,EAAE;YACvH;QACF,CAAC;IACH,GAAG;QAACb;QAAYN;QAAgBZ;QAAMsB;KAAuB;IAC7D,OAAOJ;AACT,GACA,0DAA0D"}

package/lib-commonjs/index.js

@@ -1,50 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFluentProviderThemeStyleTag = exports.useFluentProviderStyles_unstable = exports.useFluentProvider_unstable = exports.useFluentProviderContextValues_unstable = exports.renderFluentProvider_unstable = exports.FluentProvider = exports.fluentProviderClassNames = void 0;
-var FluentProvider_1 = /*#__PURE__*/require("./FluentProvider");
-Object.defineProperty(exports, "fluentProviderClassNames", {
-  enumerable: true,
-  get: function () {
-    return FluentProvider_1.fluentProviderClassNames;
-  }
-});
-Object.defineProperty(exports, "FluentProvider", {
-  enumerable: true,
-  get: function () {
-    return FluentProvider_1.FluentProvider;
-  }
-});
-Object.defineProperty(exports, "renderFluentProvider_unstable", {
-  enumerable: true,
-  get: function () {
-    return FluentProvider_1.renderFluentProvider_unstable;
-  }
-});
-Object.defineProperty(exports, "useFluentProviderContextValues_unstable", {
-  enumerable: true,
-  get: function () {
-    return FluentProvider_1.useFluentProviderContextValues_unstable;
-  }
-});
-Object.defineProperty(exports, "useFluentProvider_unstable", {
-  enumerable: true,
-  get: function () {
-    return FluentProvider_1.useFluentProvider_unstable;
-  }
-});
-Object.defineProperty(exports, "useFluentProviderStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return FluentProvider_1.useFluentProviderStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useFluentProviderThemeStyleTag", {
-  enumerable: true,
-  get: function () {
-    return FluentProvider_1.useFluentProviderThemeStyleTag;
-  }
-});
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    fluentProviderClassNames: ()=>_fluentProvider.fluentProviderClassNames,
+    FluentProvider: ()=>_fluentProvider.FluentProvider,
+    renderFluentProvider_unstable: ()=>_fluentProvider.renderFluentProvider_unstable,
+    useFluentProviderContextValues_unstable: ()=>_fluentProvider.useFluentProviderContextValues_unstable,
+    useFluentProvider_unstable: ()=>_fluentProvider.useFluentProvider_unstable,
+    useFluentProviderStyles_unstable: ()=>_fluentProvider.useFluentProviderStyles_unstable,
+    useFluentProviderThemeStyleTag: ()=>_fluentProvider.useFluentProviderThemeStyleTag
+});
+const _fluentProvider = require("./FluentProvider");
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["FluentProvider_1","require","Object","defineProperty","exports","enumerable","get","fluentProviderClassNames","FluentProvider","renderFluentProvider_unstable","useFluentProviderContextValues_unstable","useFluentProvider_unstable","useFluentProviderStyles_unstable","useFluentProviderThemeStyleTag"],"sources":["../src/packages/react-components/react-provider/src/index.ts"],"sourcesContent":["export {\n  fluentProviderClassNames,\n  FluentProvider,\n  renderFluentProvider_unstable,\n  useFluentProviderContextValues_unstable,\n  useFluentProvider_unstable,\n  useFluentProviderStyles_unstable,\n  useFluentProviderThemeStyleTag,\n} from './FluentProvider';\nexport type {\n  FluentProviderContextValues,\n  FluentProviderCustomStyleHooks,\n  FluentProviderProps,\n  FluentProviderState,\n  FluentProviderSlots,\n} from './FluentProvider';\n"],"mappings":";;;;;;AAAA,IAAAA,gBAAA,gBAAAC,OAAA;AACEC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,gBAAA,CAAAO,wBAAwB;EAAA;AAAA;AACxBL,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,gBAAA,CAAAQ,cAAc;EAAA;AAAA;AACdN,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,gBAAA,CAAAS,6BAA6B;EAAA;AAAA;AAC7BP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,gBAAA,CAAAU,uCAAuC;EAAA;AAAA;AACvCR,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,gBAAA,CAAAW,0BAA0B;EAAA;AAAA;AAC1BT,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,gBAAA,CAAAY,gCAAgC;EAAA;AAAA;AAChCV,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,gBAAA,CAAAa,8BAA8B;EAAA;AAAA"}
+{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { fluentProviderClassNames, FluentProvider, renderFluentProvider_unstable, useFluentProviderContextValues_unstable, useFluentProvider_unstable, useFluentProviderStyles_unstable, useFluentProviderThemeStyleTag } from './FluentProvider';\n//# sourceMappingURL=index.js.map"],"names":["fluentProviderClassNames","FluentProvider","renderFluentProvider_unstable","useFluentProviderContextValues_unstable","useFluentProvider_unstable","useFluentProviderStyles_unstable","useFluentProviderThemeStyleTag"],"mappings":";;;;;;;;;;;IAASA,wBAAwB,MAAxBA,wCAAwB;IAAEC,cAAc,MAAdA,8BAAc;IAAEC,6BAA6B,MAA7BA,6CAA6B;IAAEC,uCAAuC,MAAvCA,uDAAuC;IAAEC,0BAA0B,MAA1BA,0CAA0B;IAAEC,gCAAgC,MAAhCA,gDAAgC;IAAEC,8BAA8B,MAA9BA,8CAA8B;;gCAAQ;CAC/N,iCAAiC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-provider",
-  "version": "9.4.4",
+  "version": "9.4.6",
   "description": "Fluent UI React provider component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,23 +22,23 @@
     "storybook": "start-storybook",
     "start": "yarn storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+    "generate-api": "just-scripts generate-api"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@griffel/core": "^1.9.0",
     "@griffel/react": "^1.5.2",
-    "@fluentui/react-shared-contexts": "^9.3.1",
-    "@fluentui/react-tabster": "^9.6.0",
-    "@fluentui/react-theme": "^9.1.6",
-    "@fluentui/react-utilities": "^9.7.1",
-    "tslib": "^2.1.0"
+    "@fluentui/react-shared-contexts": "^9.3.3",
+    "@fluentui/react-tabster": "^9.6.2",
+    "@fluentui/react-theme": "^9.1.7",
+    "@fluentui/react-utilities": "^9.7.2",
+    "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
@@ -55,6 +55,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },

package/lib-amd/FluentProvider.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/FluentProvider/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=FluentProvider.js.map

package/lib-amd/FluentProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentProvider.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-provider/src/FluentProvider.ts"],"names":[],"mappings":";;;IAAA,uCAAkD","sourcesContent":["export * from './components/FluentProvider/index';\n"]}

package/lib-amd/components/FluentProvider/FluentProvider.js

@@ -1,13 +0,0 @@
-define(["require", "exports", "react", "./renderFluentProvider", "./useFluentProvider", "./useFluentProviderStyles", "./useFluentProviderContextValues"], function (require, exports, React, renderFluentProvider_1, useFluentProvider_1, useFluentProviderStyles_1, useFluentProviderContextValues_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.FluentProvider = void 0;
-    exports.FluentProvider = React.forwardRef(function (props, ref) {
-        var state = useFluentProvider_1.useFluentProvider_unstable(props, ref);
-        useFluentProviderStyles_1.useFluentProviderStyles_unstable(state);
-        var contextValues = useFluentProviderContextValues_1.useFluentProviderContextValues_unstable(state);
-        return renderFluentProvider_1.renderFluentProvider_unstable(state, contextValues);
-    });
-    exports.FluentProvider.displayName = 'FluentProvider';
-});
-//# sourceMappingURL=FluentProvider.js.map

package/lib-amd/components/FluentProvider/FluentProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentProvider.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.tsx"],"names":[],"mappings":";;;;IAOa,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG;QAC1F,IAAM,KAAK,GAAG,8CAA0B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACrD,0DAAgC,CAAC,KAAK,CAAC,CAAC;QAExC,IAAM,aAAa,GAAG,wEAAuC,CAAC,KAAK,CAAC,CAAC;QAErE,OAAO,oDAA6B,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider_unstable } from './renderFluentProvider';\nimport { useFluentProvider_unstable } from './useFluentProvider';\nimport { useFluentProviderStyles_unstable } from './useFluentProviderStyles';\nimport { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';\nimport type { FluentProviderProps } from './FluentProvider.types';\n\nexport const FluentProvider = React.forwardRef<HTMLElement, FluentProviderProps>((props, ref) => {\n  const state = useFluentProvider_unstable(props, ref);\n  useFluentProviderStyles_unstable(state);\n\n  const contextValues = useFluentProviderContextValues_unstable(state);\n\n  return renderFluentProvider_unstable(state, contextValues);\n});\n\nFluentProvider.displayName = 'FluentProvider';\n"]}

package/lib-amd/components/FluentProvider/FluentProvider.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=FluentProvider.types.js.map

package/lib-amd/components/FluentProvider/FluentProvider.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentProvider.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  OverridesContextValue_unstable as OverridesContextValue,\n  ProviderContextValue_unstable as ProviderContextValue,\n  TooltipVisibilityContextValue_unstable as TooltipVisibilityContextValue,\n  ThemeClassNameContextValue_unstable as ThemeClassNameContextValue,\n  ThemeContextValue_unstable as ThemeContextValue,\n  CustomStyleHooksContextValue_unstable as CustomStyleHooksContextValue,\n} from '@fluentui/react-shared-contexts';\nimport type { PartialTheme } from '@fluentui/react-theme';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type FluentProviderSlots = {\n  root: Slot<'div'>;\n};\n\n// exported for callers to avoid referencing react-shared-context\n// and applying Partial<> when passing custom style hooks.\nexport type FluentProviderCustomStyleHooks = Partial<CustomStyleHooksContextValue>;\n\nexport type FluentProviderProps = Omit<ComponentProps<FluentProviderSlots>, 'dir'> & {\n  /**\n   * Passes styles applied to a component down to portals if enabled.\n   * @default true\n   */\n  applyStylesToPortals?: boolean;\n\n  /** Sets the hooks for custom styling components. */\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  customStyleHooks_unstable?: FluentProviderCustomStyleHooks;\n\n  /** Sets the direction of text & generated styles. */\n  dir?: 'ltr' | 'rtl';\n\n  /** Provides the document, can be undefined during SSR render. */\n  targetDocument?: Document;\n\n  /** Sets the theme used in a scope. */\n  theme?: PartialTheme;\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  overrides_unstable?: OverridesContextValue;\n};\n\nexport type FluentProviderState = ComponentState<FluentProviderSlots> &\n  Pick<FluentProviderProps, 'targetDocument'> &\n  Required<\n    Pick<FluentProviderProps, 'applyStylesToPortals' | 'customStyleHooks_unstable' | 'dir' | 'overrides_unstable'>\n  > & {\n    theme: ThemeContextValue;\n    themeClassName: string;\n  };\n\nexport type FluentProviderContextValues = Pick<\n  FluentProviderState,\n  'customStyleHooks_unstable' | 'theme' | 'overrides_unstable'\n> & {\n  provider: ProviderContextValue;\n  themeClassName: ThemeClassNameContextValue;\n  textDirection: 'ltr' | 'rtl';\n  tooltip: TooltipVisibilityContextValue;\n};\n"]}

package/lib-amd/components/FluentProvider/index.js

@@ -1,12 +0,0 @@
-define(["require", "exports", "tslib", "./FluentProvider", "./FluentProvider.types", "./renderFluentProvider", "./useFluentProvider", "./useFluentProviderStyles", "./useFluentProviderContextValues", "./useFluentProviderThemeStyleTag"], function (require, exports, tslib_1, FluentProvider_1, FluentProvider_types_1, renderFluentProvider_1, useFluentProvider_1, useFluentProviderStyles_1, useFluentProviderContextValues_1, useFluentProviderThemeStyleTag_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(FluentProvider_1, exports);
-    tslib_1.__exportStar(FluentProvider_types_1, exports);
-    tslib_1.__exportStar(renderFluentProvider_1, exports);
-    tslib_1.__exportStar(useFluentProvider_1, exports);
-    tslib_1.__exportStar(useFluentProviderStyles_1, exports);
-    tslib_1.__exportStar(useFluentProviderContextValues_1, exports);
-    tslib_1.__exportStar(useFluentProviderThemeStyleTag_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/FluentProvider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-provider/src/components/FluentProvider/index.ts"],"names":[],"mappings":";;;IAAA,gDAAiC;IACjC,sDAAuC;IACvC,sDAAuC;IACvC,mDAAoC;IACpC,yDAA0C;IAC1C,gEAAiD;IACjD,gEAAiD","sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles';\nexport * from './useFluentProviderContextValues';\nexport * from './useFluentProviderThemeStyleTag';\n"]}

package/lib-amd/components/FluentProvider/renderFluentProvider.js

@@ -1,24 +0,0 @@
-define(["require", "exports", "tslib", "react", "@griffel/react", "@fluentui/react-shared-contexts", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_1, react_shared_contexts_1, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderFluentProvider_unstable = void 0;
-    /**
-     * Render the final JSX of FluentProvider
-     */
-    var renderFluentProvider_unstable = function (state, contextValues) {
-        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
-        // Typescript (vscode) incorrectly references the FluentProviderProps.customStyleHooks_unstable
-        // instead of FluentProviderContextValues.customStyleHooks_unstable and thinks it is
-        // Partial<CustomStyleHooksContextValue>, so it needs to be cast to Required<CustomStyleHooksContextValue>
-        return (React.createElement(react_shared_contexts_1.Provider_unstable, { value: contextValues.provider },
-            React.createElement(react_shared_contexts_1.ThemeProvider_unstable, { value: contextValues.theme },
-                React.createElement(react_shared_contexts_1.ThemeClassNameProvider_unstable, { value: contextValues.themeClassName },
-                    React.createElement(react_shared_contexts_1.CustomStyleHooksProvider_unstable, { value: contextValues.customStyleHooks_unstable },
-                        React.createElement(react_shared_contexts_1.TooltipVisibilityProvider_unstable, { value: contextValues.tooltip },
-                            React.createElement(react_1.TextDirectionProvider, { dir: contextValues.textDirection },
-                                React.createElement(react_shared_contexts_1.OverridesProvider_unstable, { value: contextValues.overrides_unstable },
-                                    React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.root.children)))))))));
-    };
-    exports.renderFluentProvider_unstable = renderFluentProvider_unstable;
-});
-//# sourceMappingURL=renderFluentProvider.js.map

package/lib-amd/components/FluentProvider/renderFluentProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderFluentProvider.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx"],"names":[],"mappings":";;;;IAcA;;OAEG;IACI,IAAM,6BAA6B,GAAG,UAC3C,KAA0B,EAC1B,aAA0C;QAEpC,IAAA,KAAuB,0BAAQ,CAAsB,KAAK,CAAC,EAAzD,KAAK,WAAA,EAAE,SAAS,eAAyC,CAAC;QAElE,+FAA+F;QAC/F,oFAAoF;QACpF,0GAA0G;QAE1G,OAAO,CACL,oBAAC,yCAAQ,IAAC,KAAK,EAAE,aAAa,CAAC,QAAQ;YACrC,oBAAC,8CAAa,IAAC,KAAK,EAAE,aAAa,CAAC,KAAK;gBACvC,oBAAC,uDAAsB,IAAC,KAAK,EAAE,aAAa,CAAC,cAAc;oBACzD,oBAAC,yDAAwB,IACvB,KAAK,EAAE,aAAa,CAAC,yBAAmE;wBAExF,oBAAC,0DAAyB,IAAC,KAAK,EAAE,aAAa,CAAC,OAAO;4BACrD,oBAAC,6BAAqB,IAAC,GAAG,EAAE,aAAa,CAAC,aAAa;gCACrD,oBAAC,kDAAiB,IAAC,KAAK,EAAE,aAAa,CAAC,kBAAkB;oCACxD,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAc,CAChD,CACE,CACE,CACH,CACJ,CACX,CACP,CACZ,CAAC;IACJ,CAAC,CAAC;IA7BW,QAAA,6BAA6B,iCA6BxC","sourcesContent":["import * as React from 'react';\nimport { TextDirectionProvider } from '@griffel/react';\nimport {\n  OverridesProvider_unstable as OverridesProvider,\n  Provider_unstable as Provider,\n  TooltipVisibilityProvider_unstable as TooltipVisibilityProvider,\n  ThemeProvider_unstable as ThemeProvider,\n  ThemeClassNameProvider_unstable as ThemeClassNameProvider,\n  CustomStyleHooksProvider_unstable as CustomStyleHooksProvider,\n  CustomStyleHooksContextValue_unstable as CustomStyleHooksContextValue,\n} from '@fluentui/react-shared-contexts';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { FluentProviderSlots, FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';\n\n/**\n * Render the final JSX of FluentProvider\n */\nexport const renderFluentProvider_unstable = (\n  state: FluentProviderState,\n  contextValues: FluentProviderContextValues,\n) => {\n  const { slots, slotProps } = getSlots<FluentProviderSlots>(state);\n\n  // Typescript (vscode) incorrectly references the FluentProviderProps.customStyleHooks_unstable\n  // instead of FluentProviderContextValues.customStyleHooks_unstable and thinks it is\n  // Partial<CustomStyleHooksContextValue>, so it needs to be cast to Required<CustomStyleHooksContextValue>\n\n  return (\n    <Provider value={contextValues.provider}>\n      <ThemeProvider value={contextValues.theme}>\n        <ThemeClassNameProvider value={contextValues.themeClassName}>\n          <CustomStyleHooksProvider\n            value={contextValues.customStyleHooks_unstable as Required<CustomStyleHooksContextValue>}\n          >\n            <TooltipVisibilityProvider value={contextValues.tooltip}>\n              <TextDirectionProvider dir={contextValues.textDirection}>\n                <OverridesProvider value={contextValues.overrides_unstable}>\n                  <slots.root {...slotProps.root}>{state.root.children}</slots.root>\n                </OverridesProvider>\n              </TextDirectionProvider>\n            </TooltipVisibilityProvider>\n          </CustomStyleHooksProvider>\n        </ThemeClassNameProvider>\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"]}

package/lib-amd/components/FluentProvider/useFluentProvider.js

@@ -1,69 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-tabster", "@fluentui/react-shared-contexts", "@fluentui/react-utilities", "react", "./useFluentProviderThemeStyleTag"], function (require, exports, tslib_1, react_tabster_1, react_shared_contexts_1, react_utilities_1, React, useFluentProviderThemeStyleTag_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useFluentProvider_unstable = void 0;
-    /**
-     * Create the state required to render FluentProvider.
-     *
-     * The returned state can be modified with hooks such as useFluentProviderStyles_unstable,
-     * before being passed to renderFluentProvider_unstable.
-     *
-     * @param props - props from this instance of FluentProvider
-     * @param ref - reference to root HTMLElement of FluentProvider
-     */
-    var useFluentProvider_unstable = function (props, ref) {
-        var parentContext = react_shared_contexts_1.useFluent_unstable();
-        var parentTheme = useTheme();
-        var parentOverrides = react_shared_contexts_1.useOverrides_unstable();
-        var parentCustomStyleHooks = react_shared_contexts_1.useCustomStyleHooks_unstable();
-        /**
-         * TODO: add merge functions to "dir" merge,
-         * nesting providers with the same "dir" should not add additional attributes to DOM
-         * see https://github.com/microsoft/fluentui/blob/0dc74a19f3aa5a058224c20505016fbdb84db172/packages/fluentui/react-northstar/src/utils/mergeProviderContexts.ts#L89-L93
-         */
-        var _a = props.applyStylesToPortals, applyStylesToPortals = _a === void 0 ? true : _a, 
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        customStyleHooks_unstable = props.customStyleHooks_unstable, _b = props.dir, dir = _b === void 0 ? parentContext.dir : _b, _c = props.targetDocument, targetDocument = _c === void 0 ? parentContext.targetDocument : _c, theme = props.theme, _d = props.overrides_unstable, overrides = _d === void 0 ? {} : _d;
-        var mergedTheme = shallowMerge(parentTheme, theme);
-        var mergedOverrides = shallowMerge(parentOverrides, overrides);
-        // parentCustomStyleHooks will not be a partial
-        var mergedCustomStyleHooks = shallowMerge(parentCustomStyleHooks, customStyleHooks_unstable);
-        React.useEffect(function () {
-            if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {
-                // eslint-disable-next-line no-console
-                console.warn("\n      FluentProvider: your \"theme\" is not defined !\n      =============================================\n      Make sure your root FluentProvider has set a theme or you're setting the theme in your child FluentProvider.\n      ");
-            }
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, []);
-        return {
-            applyStylesToPortals: applyStylesToPortals,
-            // eslint-disable-next-line @typescript-eslint/naming-convention
-            customStyleHooks_unstable: mergedCustomStyleHooks,
-            dir: dir,
-            targetDocument: targetDocument,
-            theme: mergedTheme,
-            // eslint-disable-next-line @typescript-eslint/naming-convention
-            overrides_unstable: mergedOverrides,
-            themeClassName: useFluentProviderThemeStyleTag_1.useFluentProviderThemeStyleTag({ theme: mergedTheme, targetDocument: targetDocument }),
-            components: {
-                root: 'div',
-            },
-            root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({}, props), { dir: dir, ref: react_utilities_1.useMergedRefs(ref, react_tabster_1.useFocusVisible({ targetDocument: targetDocument })) })),
-        };
-    };
-    exports.useFluentProvider_unstable = useFluentProvider_unstable;
-    function shallowMerge(a, b) {
-        // Merge impacts perf: we should like to avoid it if it's possible
-        if (a && b) {
-            return tslib_1.__assign(tslib_1.__assign({}, a), b);
-        }
-        if (a) {
-            return a;
-        }
-        return b;
-    }
-    function useTheme() {
-        return React.useContext(react_shared_contexts_1.ThemeContext_unstable);
-    }
-});
-//# sourceMappingURL=useFluentProvider.js.map

package/lib-amd/components/FluentProvider/useFluentProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFluentProvider.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-provider/src/components/FluentProvider/useFluentProvider.ts"],"names":[],"mappings":";;;;IAiBA;;;;;;;;OAQG;IACI,IAAM,0BAA0B,GAAG,UACxC,KAA0B,EAC1B,GAA2B;QAE3B,IAAM,aAAa,GAAG,0CAAS,EAAE,CAAC;QAClC,IAAM,WAAW,GAAG,QAAQ,EAAE,CAAC;QAC/B,IAAM,eAAe,GAAG,6CAAY,EAAE,CAAC;QACvC,IAAM,sBAAsB,GAAG,oDAAmB,EAAE,CAAC;QAErD;;;;WAIG;QAED,IAAA,KAOE,KAAK,qBAPoB,EAA3B,oBAAoB,mBAAG,IAAI,KAAA;QAC3B,gEAAgE;QAChE,yBAAyB,GAKvB,KAAK,0BALkB,EACzB,KAIE,KAAK,IAJgB,EAAvB,GAAG,mBAAG,aAAa,CAAC,GAAG,KAAA,EACvB,KAGE,KAAK,eAHsC,EAA7C,cAAc,mBAAG,aAAa,CAAC,cAAc,KAAA,EAC7C,KAAK,GAEH,KAAK,MAFF,EACL,KACE,KAAK,mBAD2B,EAAd,SAAS,mBAAG,EAAE,KAAA,CAC1B;QACV,IAAM,WAAW,GAAG,YAAY,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAErD,IAAM,eAAe,GAAG,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;QAEjE,+CAA+C;QAC/C,IAAM,sBAAsB,GAAG,YAAY,CACzC,sBAAsB,EACtB,yBAAyB,CACM,CAAC;QAElC,KAAK,CAAC,SAAS,CAAC;YACd,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,WAAW,KAAK,SAAS,EAAE;gBACtE,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CAAC,0OAIZ,CAAC,CAAC;aACJ;YACD,uDAAuD;QACzD,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO;YACL,oBAAoB,sBAAA;YACpB,gEAAgE;YAChE,yBAAyB,EAAE,sBAAsB;YACjD,GAAG,KAAA;YACH,cAAc,gBAAA;YACd,KAAK,EAAE,WAAW;YAClB,gEAAgE;YAChE,kBAAkB,EAAE,eAAe;YACnC,cAAc,EAAE,+DAA8B,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,gBAAA,EAAE,CAAC;YAEtF,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;aACZ;YAED,IAAI,EAAE,uCAAqB,CAAC,KAAK,wCAC5B,KAAK,KACR,GAAG,KAAA,EACH,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,+BAAe,CAAiB,EAAE,cAAc,gBAAA,EAAE,CAAC,CAAC,IAC5E;SACH,CAAC;IACJ,CAAC,CAAC;IAlEW,QAAA,0BAA0B,8BAkErC;IAEF,SAAS,YAAY,CAAI,CAAI,EAAE,CAAI;QACjC,kEAAkE;QAClE,IAAI,CAAC,IAAI,CAAC,EAAE;YACV,6CAAY,CAAC,GAAK,CAAC,EAAG;SACvB;QAED,IAAI,CAAC,EAAE;YACL,OAAO,CAAC,CAAC;SACV;QAED,OAAO,CAAC,CAAC;IACX,CAAC;IAED,SAAS,QAAQ;QACf,OAAO,KAAK,CAAC,UAAU,CAAC,6CAAY,CAAC,CAAC;IACxC,CAAC","sourcesContent":["import { useFocusVisible } from '@fluentui/react-tabster';\nimport {\n  ThemeContext_unstable as ThemeContext,\n  useFluent_unstable as useFluent,\n  useOverrides_unstable as useOverrides,\n  useCustomStyleHooks_unstable as useCustomStyleHooks,\n} from '@fluentui/react-shared-contexts';\nimport type {\n  CustomStyleHooksContextValue_unstable as CustomStyleHooksContextValue,\n  ThemeContextValue_unstable as ThemeContextValue,\n} from '@fluentui/react-shared-contexts';\n\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluentProviderThemeStyleTag } from './useFluentProviderThemeStyleTag';\nimport type { FluentProviderProps, FluentProviderState } from './FluentProvider.types';\n\n/**\n * Create the state required to render FluentProvider.\n *\n * The returned state can be modified with hooks such as useFluentProviderStyles_unstable,\n * before being passed to renderFluentProvider_unstable.\n *\n * @param props - props from this instance of FluentProvider\n * @param ref - reference to root HTMLElement of FluentProvider\n */\nexport const useFluentProvider_unstable = (\n  props: FluentProviderProps,\n  ref: React.Ref<HTMLElement>,\n): FluentProviderState => {\n  const parentContext = useFluent();\n  const parentTheme = useTheme();\n  const parentOverrides = useOverrides();\n  const parentCustomStyleHooks = useCustomStyleHooks();\n\n  /**\n   * TODO: add merge functions to \"dir\" merge,\n   * nesting providers with the same \"dir\" should not add additional attributes to DOM\n   * see https://github.com/microsoft/fluentui/blob/0dc74a19f3aa5a058224c20505016fbdb84db172/packages/fluentui/react-northstar/src/utils/mergeProviderContexts.ts#L89-L93\n   */\n  const {\n    applyStylesToPortals = true,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable,\n    dir = parentContext.dir,\n    targetDocument = parentContext.targetDocument,\n    theme,\n    overrides_unstable: overrides = {},\n  } = props;\n  const mergedTheme = shallowMerge(parentTheme, theme);\n\n  const mergedOverrides = shallowMerge(parentOverrides, overrides);\n\n  // parentCustomStyleHooks will not be a partial\n  const mergedCustomStyleHooks = shallowMerge(\n    parentCustomStyleHooks,\n    customStyleHooks_unstable,\n  ) as CustomStyleHooksContextValue;\n\n  React.useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {\n      // eslint-disable-next-line no-console\n      console.warn(`\n      FluentProvider: your \"theme\" is not defined !\n      =============================================\n      Make sure your root FluentProvider has set a theme or you're setting the theme in your child FluentProvider.\n      `);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return {\n    applyStylesToPortals,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable: mergedCustomStyleHooks,\n    dir,\n    targetDocument,\n    theme: mergedTheme,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    overrides_unstable: mergedOverrides,\n    themeClassName: useFluentProviderThemeStyleTag({ theme: mergedTheme, targetDocument }),\n\n    components: {\n      root: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      ...props,\n      dir,\n      ref: useMergedRefs(ref, useFocusVisible<HTMLDivElement>({ targetDocument })),\n    }),\n  };\n};\n\nfunction shallowMerge<T>(a: T, b: T): T {\n  // Merge impacts perf: we should like to avoid it if it's possible\n  if (a && b) {\n    return { ...a, ...b };\n  }\n\n  if (a) {\n    return a;\n  }\n\n  return b;\n}\n\nfunction useTheme(): ThemeContextValue {\n  return React.useContext(ThemeContext);\n}\n"]}

package/lib-amd/components/FluentProvider/useFluentProviderContextValues.js

@@ -1,29 +0,0 @@
-define(["require", "exports", "react"], function (require, exports, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useFluentProviderContextValues_unstable = void 0;
-    function useFluentProviderContextValues_unstable(state) {
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        var applyStylesToPortals = state.applyStylesToPortals, 
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        customStyleHooks_unstable = state.customStyleHooks_unstable, dir = state.dir, root = state.root, targetDocument = state.targetDocument, theme = state.theme, themeClassName = state.themeClassName, 
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        overrides_unstable = state.overrides_unstable;
-        var provider = React.useMemo(function () { return ({ dir: dir, targetDocument: targetDocument }); }, [dir, targetDocument]);
-        // "Tooltip" component mutates an object in this context, instance should be stable
-        var tooltip = React.useState(function () { return ({}); })[0];
-        return {
-            // eslint-disable-next-line @typescript-eslint/naming-convention
-            customStyleHooks_unstable: customStyleHooks_unstable,
-            // eslint-disable-next-line @typescript-eslint/naming-convention
-            overrides_unstable: overrides_unstable,
-            provider: provider,
-            textDirection: dir,
-            tooltip: tooltip,
-            theme: theme,
-            themeClassName: applyStylesToPortals ? root.className : themeClassName,
-        };
-    }
-    exports.useFluentProviderContextValues_unstable = useFluentProviderContextValues_unstable;
-});
-//# sourceMappingURL=useFluentProviderContextValues.js.map

package/lib-amd/components/FluentProvider/useFluentProviderContextValues.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFluentProviderContextValues.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderContextValues.ts"],"names":[],"mappings":";;;;IAGA,SAAgB,uCAAuC,CAAC,KAA0B;QAChF,gEAAgE;QAE9D,IAAA,oBAAoB,GAUlB,KAAK,qBAVa;QACpB,gEAAgE;QAChE,yBAAyB,GAQvB,KAAK,0BARkB,EACzB,GAAG,GAOD,KAAK,IAPJ,EACH,IAAI,GAMF,KAAK,KANH,EACJ,cAAc,GAKZ,KAAK,eALO,EACd,KAAK,GAIH,KAAK,MAJF,EACL,cAAc,GAGZ,KAAK,eAHO;QACd,gEAAgE;QAChE,kBAAkB,GAChB,KAAK,mBADW,CACV;QAEV,IAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,CAAC,EAAE,GAAG,KAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,EAAzB,CAAyB,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC;QACvF,mFAAmF;QAC5E,IAAA,OAAO,GAAI,KAAK,CAAC,QAAQ,CAAC,cAAM,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,CAAC,GAA9B,CAA+B;QAE7C,OAAO;YACL,gEAAgE;YAChE,yBAAyB,2BAAA;YACzB,gEAAgE;YAChE,kBAAkB,oBAAA;YAClB,QAAQ,UAAA;YACR,aAAa,EAAE,GAAG;YAClB,OAAO,SAAA;YACP,KAAK,OAAA;YACL,cAAc,EAAE,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,SAAU,CAAC,CAAC,CAAC,cAAc;SACxE,CAAC;IACJ,CAAC;IA9BD,0FA8BC","sourcesContent":["import * as React from 'react';\nimport type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';\n\nexport function useFluentProviderContextValues_unstable(state: FluentProviderState): FluentProviderContextValues {\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  const {\n    applyStylesToPortals,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable,\n    dir,\n    root,\n    targetDocument,\n    theme,\n    themeClassName,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    overrides_unstable,\n  } = state;\n\n  const provider = React.useMemo(() => ({ dir, targetDocument }), [dir, targetDocument]);\n  // \"Tooltip\" component mutates an object in this context, instance should be stable\n  const [tooltip] = React.useState(() => ({}));\n\n  return {\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    overrides_unstable,\n    provider,\n    textDirection: dir,\n    tooltip,\n    theme,\n    themeClassName: applyStylesToPortals ? root.className! : themeClassName,\n  };\n}\n"]}

package/lib-amd/components/FluentProvider/useFluentProviderStyles.js

@@ -1,20 +0,0 @@
-define(["require", "exports", "tslib", "@griffel/core", "@griffel/react", "@fluentui/react-theme"], function (require, exports, tslib_1, core_1, react_1, react_theme_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useFluentProviderStyles_unstable = exports.fluentProviderClassNames = void 0;
-    exports.fluentProviderClassNames = {
-        root: 'fui-FluentProvider',
-    };
-    var useStyles = core_1.makeStyles({
-        root: tslib_1.__assign({ color: react_theme_1.tokens.colorNeutralForeground1, backgroundColor: react_theme_1.tokens.colorNeutralBackground1, textAlign: 'left' }, react_theme_1.typographyStyles.body1),
-    });
-    /** Applies style classnames to slots */
-    var useFluentProviderStyles_unstable = function (state) {
-        var renderer = react_1.useRenderer_unstable();
-        var styles = useStyles({ dir: state.dir, renderer: renderer });
-        state.root.className = core_1.mergeClasses(exports.fluentProviderClassNames.root, state.themeClassName, styles.root, state.root.className);
-        return state;
-    };
-    exports.useFluentProviderStyles_unstable = useFluentProviderStyles_unstable;
-});
-//# sourceMappingURL=useFluentProviderStyles.js.map

package/lib-amd/components/FluentProvider/useFluentProviderStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFluentProviderStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderStyles.ts"],"names":[],"mappings":";;;;IAMa,QAAA,wBAAwB,GAAwC;QAC3E,IAAI,EAAE,oBAAoB;KAC3B,CAAC;IAEF,IAAM,SAAS,GAAG,iBAAU,CAAC;QAC3B,IAAI,qBACF,KAAK,EAAE,oBAAM,CAAC,uBAAuB,EACrC,eAAe,EAAE,oBAAM,CAAC,uBAAuB,EAC/C,SAAS,EAAE,MAAM,IACd,8BAAgB,CAAC,KAAK,CAC1B;KACF,CAAC,CAAC;IAEH,wCAAwC;IACjC,IAAM,gCAAgC,GAAG,UAAC,KAA0B;QACzE,IAAM,QAAQ,GAAG,4BAAoB,EAAE,CAAC;QACxC,IAAM,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;QAEvD,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,mBAAY,CACjC,gCAAwB,CAAC,IAAI,EAC7B,KAAK,CAAC,cAAc,EACpB,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,IAAI,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAZW,QAAA,gCAAgC,oCAY3C","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/core';\nimport { useRenderer_unstable } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { FluentProviderSlots, FluentProviderState } from './FluentProvider.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const fluentProviderClassNames: SlotClassNames<FluentProviderSlots> = {\n  root: 'fui-FluentProvider',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    color: tokens.colorNeutralForeground1,\n    backgroundColor: tokens.colorNeutralBackground1,\n    textAlign: 'left',\n    ...typographyStyles.body1,\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles_unstable = (state: FluentProviderState) => {\n  const renderer = useRenderer_unstable();\n  const styles = useStyles({ dir: state.dir, renderer });\n\n  state.root.className = mergeClasses(\n    fluentProviderClassNames.root,\n    state.themeClassName,\n    styles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"]}