@fluentui/react-provider 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230228-0425.1

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

@@ -1,75 +1,88 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useFluentProvider_unstable", {
-    enumerable: true,
-    get: ()=>useFluentProvider_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _reactTabster = require("@fluentui/react-tabster");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useFluentProviderThemeStyleTag = require("./useFluentProviderThemeStyleTag");
-const useFluentProvider_unstable = (props, ref)=>{
-    const parentContext = (0, _reactSharedContexts.useFluent_unstable)();
-    const parentTheme = useTheme();
-    const parentOverrides = (0, _reactSharedContexts.useOverrides_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
-  */ const { applyStylesToPortals =true , dir =parentContext.dir , targetDocument =parentContext.targetDocument , theme , overrides_unstable: overrides = {}  } = props;
-    const mergedTheme = shallowMerge(parentTheme, theme);
-    const mergedOverrides = shallowMerge(parentOverrides, overrides);
-    _react.useEffect(()=>{
-        if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {
-            // eslint-disable-next-line no-console
-            console.warn(`
+exports.useFluentProvider_unstable = void 0;
+const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const React = /*#__PURE__*/require("react");
+const useFluentProviderThemeStyleTag_1 = /*#__PURE__*/require("./useFluentProviderThemeStyleTag");
+/**
+ * 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
+ */
+const useFluentProvider_unstable = (props, ref) => {
+  const parentContext = react_shared_contexts_1.useFluent_unstable();
+  const parentTheme = useTheme();
+  const parentOverrides = react_shared_contexts_1.useOverrides_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
+   */
+  const {
+    applyStylesToPortals = true,
+    dir = parentContext.dir,
+    targetDocument = parentContext.targetDocument,
+    theme,
+    overrides_unstable: overrides = {}
+  } = props;
+  const mergedTheme = shallowMerge(parentTheme, theme);
+  const mergedOverrides = shallowMerge(parentOverrides, overrides);
+  React.useEffect(() => {
+    if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {
+      // eslint-disable-next-line no-console
+      console.warn(`
       FluentProvider: your "theme" is not defined !
       =============================================
       Make sure your root FluentProvider has set a theme or you're setting the theme in your child FluentProvider.
       `);
-        }
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return {
-        applyStylesToPortals,
-        dir,
-        targetDocument,
-        theme: mergedTheme,
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        overrides_unstable: mergedOverrides,
-        themeClassName: (0, _useFluentProviderThemeStyleTag.useFluentProviderThemeStyleTag)({
-            theme: mergedTheme,
-            targetDocument
-        }),
-        components: {
-            root: 'div'
-        },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
-            ...props,
-            dir,
-            ref: (0, _reactUtilities.useMergedRefs)(ref, (0, _reactTabster.useFocusVisible)())
-        })
-    };
+  }, []);
+  return {
+    applyStylesToPortals,
+    dir,
+    targetDocument,
+    theme: mergedTheme,
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    overrides_unstable: mergedOverrides,
+    themeClassName: useFluentProviderThemeStyleTag_1.useFluentProviderThemeStyleTag({
+      theme: mergedTheme,
+      targetDocument
+    }),
+    components: {
+      root: 'div'
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
+      ...props,
+      dir,
+      ref: react_utilities_1.useMergedRefs(ref, react_tabster_1.useFocusVisible())
+    })
+  };
 };
+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 {
-            ...a,
-            ...b
-        };
-    }
-    if (a) {
-        return a;
-    }
-    return b;
+  // Merge impacts perf: we should like to avoid it if it's possible
+  if (a && b) {
+    return {
+      ...a,
+      ...b
+    };
+  }
+  if (a) {
+    return a;
+  }
+  return b;
 }
 function useTheme() {
-    return _react.useContext(_reactSharedContexts.ThemeContext_unstable);
-} //# sourceMappingURL=useFluentProvider.js.map
-
+  return React.useContext(react_shared_contexts_1.ThemeContext_unstable);
+}
 //# sourceMappingURL=useFluentProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProvider.js"],"sourcesContent":["import { useFocusVisible } from '@fluentui/react-tabster';\nimport { ThemeContext_unstable as ThemeContext, useFluent_unstable as useFluent, useOverrides_unstable as useOverrides } from '@fluentui/react-shared-contexts';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluentProviderThemeStyleTag } from './useFluentProviderThemeStyleTag';\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 = (props, ref) => {\n  const parentContext = useFluent();\n  const parentTheme = useTheme();\n  const parentOverrides = useOverrides();\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    dir = parentContext.dir,\n    targetDocument = parentContext.targetDocument,\n    theme,\n    overrides_unstable: overrides = {}\n  } = props;\n  const mergedTheme = shallowMerge(parentTheme, theme);\n  const mergedOverrides = shallowMerge(parentOverrides, overrides);\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  return {\n    applyStylesToPortals,\n    dir,\n    targetDocument,\n    theme: mergedTheme,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    overrides_unstable: mergedOverrides,\n    themeClassName: useFluentProviderThemeStyleTag({\n      theme: mergedTheme,\n      targetDocument\n    }),\n    components: {\n      root: 'div'\n    },\n    root: getNativeElementProps('div', {\n      ...props,\n      dir,\n      ref: useMergedRefs(ref, useFocusVisible())\n    })\n  };\n};\nfunction shallowMerge(a, b) {\n  // Merge impacts perf: we should like to avoid it if it's possible\n  if (a && b) {\n    return {\n      ...a,\n      ...b\n    };\n  }\n  if (a) {\n    return a;\n  }\n  return b;\n}\nfunction useTheme() {\n  return React.useContext(ThemeContext);\n}\n//# sourceMappingURL=useFluentProvider.js.map"],"names":["useFluentProvider_unstable","props","ref","parentContext","useFluent","parentTheme","useTheme","parentOverrides","useOverrides","applyStylesToPortals","dir","targetDocument","theme","overrides_unstable","overrides","mergedTheme","shallowMerge","mergedOverrides","React","useEffect","process","env","NODE_ENV","undefined","console","warn","themeClassName","useFluentProviderThemeStyleTag","components","root","getNativeElementProps","useMergedRefs","useFocusVisible","a","b","useContext","ThemeContext"],"mappings":";;;;+BAcaA;;aAAAA;;;8BAdmB;qCAC8F;gCACzE;6DAC9B;gDACwB;AAUxC,MAAMA,6BAA6B,CAACC,OAAOC,MAAQ;IACxD,MAAMC,gBAAgBC,IAAAA,uCAAS;IAC/B,MAAMC,cAAcC;IACpB,MAAMC,kBAAkBC,IAAAA,0CAAY;IACpC;;;;EAIA,GACA,MAAM,EACJC,sBAAuB,IAAI,CAAA,EAC3BC,KAAMP,cAAcO,GAAG,CAAA,EACvBC,gBAAiBR,cAAcQ,cAAc,CAAA,EAC7CC,MAAK,EACLC,oBAAoBC,YAAY,CAAC,CAAC,CAAA,EACnC,GAAGb;IACJ,MAAMc,cAAcC,aAAaX,aAAaO;IAC9C,MAAMK,kBAAkBD,aAAaT,iBAAiBO;IACtDI,OAAMC,SAAS,CAAC,IAAM;QACpB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBP,gBAAgBQ,WAAW;YACtE,sCAAsC;YACtCC,QAAQC,IAAI,CAAC,CAAC;;;;MAId,CAAC;QACH,CAAC;IACD,uDAAuD;IACzD,GAAG,EAAE;IACL,OAAO;QACLhB;QACAC;QACAC;QACAC,OAAOG;QACP,gEAAgE;QAChEF,oBAAoBI;QACpBS,gBAAgBC,IAAAA,8DAA8B,EAAC;YAC7Cf,OAAOG;YACPJ;QACF;QACAiB,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjC,GAAG7B,KAAK;YACRS;YACAR,KAAK6B,IAAAA,6BAAa,EAAC7B,KAAK8B,IAAAA,6BAAe;QACzC;IACF;AACF;AACA,SAAShB,aAAaiB,CAAC,EAAEC,CAAC,EAAE;IAC1B,kEAAkE;IAClE,IAAID,KAAKC,GAAG;QACV,OAAO;YACL,GAAGD,CAAC;YACJ,GAAGC,CAAC;QACN;IACF,CAAC;IACD,IAAID,GAAG;QACL,OAAOA;IACT,CAAC;IACD,OAAOC;AACT;AACA,SAAS5B,WAAW;IAClB,OAAOY,OAAMiB,UAAU,CAACC,0CAAY;AACtC,EACA,6CAA6C"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AAMA;AACA;AACA;AAGA;;;;;;;;;AASO,MAAMA,0BAA0B,GAAG,CACxCC,KAA0B,EAC1BC,GAA2B,KACJ;EACvB,MAAMC,aAAa,GAAGC,0CAAS,EAAE;EACjC,MAAMC,WAAW,GAAGC,QAAQ,EAAE;EAC9B,MAAMC,eAAe,GAAGH,6CAAY,EAAE;EAEtC;;;;;EAKA,MAAM;IACJI,oBAAoB,GAAG,IAAI;IAC3BC,GAAG,GAAGN,aAAa,CAACM,GAAG;IACvBC,cAAc,GAAGP,aAAa,CAACO,cAAc;IAC7CC,KAAK;IACLC,kBAAkB,EAAEC,SAAS,GAAG;EAAE,CACnC,GAAGZ,KAAK;EACT,MAAMa,WAAW,GAAGC,YAAY,CAACV,WAAW,EAAEM,KAAK,CAAC;EAEpD,MAAMK,eAAe,GAAGD,YAAY,CAACR,eAAe,EAAEM,SAAS,CAAC;EAEhEI,KAAK,CAACC,SAAS,CAAC,MAAK;IACnB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,IAAIP,WAAW,KAAKQ,SAAS,EAAE;MACtE;MACAC,OAAO,CAACC,IAAI,CAAC;;;;OAIZ,CAAC;;IAEJ;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLhB,oBAAoB;IACpBC,GAAG;IACHC,cAAc;IACdC,KAAK,EAAEG,WAAW;IAClB;IACAF,kBAAkB,EAAEI,eAAe;IACnCS,cAAc,EAAEC,+DAA8B,CAAC;MAAEf,KAAK,EAAEG,WAAW;MAAEJ;IAAc,CAAE,CAAC;IAEtFiB,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IAEDA,IAAI,EAAEC,uCAAqB,CAAC,KAAK,EAAE;MACjC,GAAG5B,KAAK;MACRQ,GAAG;MACHP,GAAG,EAAE2B,+BAAa,CAAC3B,GAAG,EAAE4B,+BAAe,EAAkB;KAC1D;GACF;AACH,CAAC;AAvDYC,kCAA0B;AAyDvC,SAAShB,YAAY,CAAIiB,CAAI,EAAEC,CAAI;EACjC;EACA,IAAID,CAAC,IAAIC,CAAC,EAAE;IACV,OAAO;MAAE,GAAGD,CAAC;MAAE,GAAGC;IAAC,CAAE;;EAGvB,IAAID,CAAC,EAAE;IACL,OAAOA,CAAC;;EAGV,OAAOC,CAAC;AACV;AAEA,SAAS3B,QAAQ;EACf,OAAOW,KAAK,CAACiB,UAAU,CAAC9B,6CAAY,CAAC;AACvC","names":["useFluentProvider_unstable","props","ref","parentContext","react_shared_contexts_1","parentTheme","useTheme","parentOverrides","applyStylesToPortals","dir","targetDocument","theme","overrides_unstable","overrides","mergedTheme","shallowMerge","mergedOverrides","React","useEffect","process","env","NODE_ENV","undefined","console","warn","themeClassName","useFluentProviderThemeStyleTag_1","components","root","react_utilities_1","react_tabster_1","exports","a","b","useContext"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-provider/src/components/FluentProvider/useFluentProvider.ts"],"sourcesContent":["import { useFocusVisible } from '@fluentui/react-tabster';\nimport {\n  ThemeContext_unstable as ThemeContext,\n  useFluent_unstable as useFluent,\n  useOverrides_unstable as useOverrides,\n} from '@fluentui/react-shared-contexts';\nimport type { ThemeContextValue_unstable as ThemeContextValue } from '@fluentui/react-shared-contexts';\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\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    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  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    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>()),\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-commonjs/components/FluentProvider/useFluentProviderContextValues.js

@@ -1,34 +1,36 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useFluentProviderContextValues_unstable", {
-    enumerable: true,
-    get: ()=>useFluentProviderContextValues_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+exports.useFluentProviderContextValues_unstable = void 0;
+const React = /*#__PURE__*/require("react");
 function useFluentProviderContextValues_unstable(state) {
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  const {
+    applyStylesToPortals,
+    dir,
+    root,
+    targetDocument,
+    theme,
+    themeClassName,
+    overrides_unstable
+  } = state;
+  const provider = React.useMemo(() => ({
+    dir,
+    targetDocument
+  }), [dir, targetDocument]);
+  // "Tooltip" component mutates an object in this context, instance should be stable
+  const [tooltip] = React.useState(() => ({}));
+  return {
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    const { applyStylesToPortals , dir , root , targetDocument , theme , themeClassName , overrides_unstable  } = state;
-    const provider = _react.useMemo(()=>({
-            dir,
-            targetDocument
-        }), [
-        dir,
-        targetDocument
-    ]);
-    // "Tooltip" component mutates an object in this context, instance should be stable
-    const [tooltip] = _react.useState(()=>({}));
-    return {
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        overrides_unstable,
-        provider,
-        textDirection: dir,
-        tooltip,
-        theme,
-        themeClassName: applyStylesToPortals ? root.className : themeClassName
-    };
-} //# sourceMappingURL=useFluentProviderContextValues.js.map
-
+    overrides_unstable,
+    provider,
+    textDirection: dir,
+    tooltip,
+    theme,
+    themeClassName: applyStylesToPortals ? root.className : themeClassName
+  };
+}
+exports.useFluentProviderContextValues_unstable = useFluentProviderContextValues_unstable;
 //# sourceMappingURL=useFluentProviderContextValues.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useFluentProviderContextValues_unstable(state) {\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  const {\n    applyStylesToPortals,\n    dir,\n    root,\n    targetDocument,\n    theme,\n    themeClassName,\n    overrides_unstable\n  } = state;\n  const provider = React.useMemo(() => ({\n    dir,\n    targetDocument\n  }), [dir, targetDocument]);\n  // \"Tooltip\" component mutates an object in this context, instance should be stable\n  const [tooltip] = React.useState(() => ({}));\n  return {\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//# sourceMappingURL=useFluentProviderContextValues.js.map"],"names":["useFluentProviderContextValues_unstable","state","applyStylesToPortals","dir","root","targetDocument","theme","themeClassName","overrides_unstable","provider","React","useMemo","tooltip","useState","textDirection","className"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,wCAAwCC,KAAK,EAAE;IAC7D,gEAAgE;IAChE,MAAM,EACJC,qBAAoB,EACpBC,IAAG,EACHC,KAAI,EACJC,eAAc,EACdC,MAAK,EACLC,eAAc,EACdC,mBAAkB,EACnB,GAAGP;IACJ,MAAMQ,WAAWC,OAAMC,OAAO,CAAC,IAAO,CAAA;YACpCR;YACAE;QACF,CAAA,GAAI;QAACF;QAAKE;KAAe;IACzB,mFAAmF;IACnF,MAAM,CAACO,QAAQ,GAAGF,OAAMG,QAAQ,CAAC,IAAO,CAAA,CAAC,CAAA;IACzC,OAAO;QACL,gEAAgE;QAChEL;QACAC;QACAK,eAAeX;QACfS;QACAN;QACAC,gBAAgBL,uBAAuBE,KAAKW,SAAS,GAAGR,cAAc;IACxE;AACF,EACA,0DAA0D"}
+{"version":3,"mappings":";;;;;;AAAA;AAGA,SAAgBA,uCAAuC,CAACC,KAA0B;EAChF;EACA,MAAM;IAAEC,oBAAoB;IAAEC,GAAG;IAAEC,IAAI;IAAEC,cAAc;IAAEC,KAAK;IAAEC,cAAc;IAAEC;EAAkB,CAAE,GAAGP,KAAK;EAE5G,MAAMQ,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAAC,OAAO;IAAER,GAAG;IAAEE;EAAc,CAAE,CAAC,EAAE,CAACF,GAAG,EAAEE,cAAc,CAAC,CAAC;EACtF;EACA,MAAM,CAACO,OAAO,CAAC,GAAGF,KAAK,CAACG,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;EAE5C,OAAO;IACL;IACAL,kBAAkB;IAClBC,QAAQ;IACRK,aAAa,EAAEX,GAAG;IAClBS,OAAO;IACPN,KAAK;IACLC,cAAc,EAAEL,oBAAoB,GAAGE,IAAI,CAACW,SAAU,GAAGR;GAC1D;AACH;AAjBAS","names":["useFluentProviderContextValues_unstable","state","applyStylesToPortals","dir","root","targetDocument","theme","themeClassName","overrides_unstable","provider","React","useMemo","tooltip","useState","textDirection","className","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderContextValues.ts"],"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 { applyStylesToPortals, dir, root, targetDocument, theme, themeClassName, overrides_unstable } = 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    overrides_unstable,\n    provider,\n    textDirection: dir,\n    tooltip,\n    theme,\n    themeClassName: applyStylesToPortals ? root.className! : themeClassName,\n  };\n}\n"]}

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

@@ -1,39 +1,37 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    fluentProviderClassNames: ()=>fluentProviderClassNames,
-    useFluentProviderStyles_unstable: ()=>useFluentProviderStyles_unstable
+  value: true
 });
-const _core = require("@griffel/core");
-const _react = require("@griffel/react");
-const _reactTheme = require("@fluentui/react-theme");
-const fluentProviderClassNames = {
-    root: 'fui-FluentProvider'
+exports.useFluentProviderStyles_unstable = exports.fluentProviderClassNames = void 0;
+const core_1 = /*#__PURE__*/require("@griffel/core");
+const react_1 = /*#__PURE__*/require("@griffel/react");
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+exports.fluentProviderClassNames = {
+  root: 'fui-FluentProvider'
 };
-const useStyles = /*#__PURE__*/ (0, _core.makeStyles)({
-    root: {
-        color: _reactTheme.tokens.colorNeutralForeground1,
-        backgroundColor: _reactTheme.tokens.colorNeutralBackground1,
-        textAlign: 'left',
-        ..._reactTheme.typographyStyles.body1
-    }
+const useStyles = /*#__PURE__*/core_1.__styles({
+  root: {
+    sj55zd: "f19n0e5",
+    De3pzq: "fxugw4r",
+    fsow6f: ["f1o700av", "fes3tcz"],
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "f1i3iumi"
+  }
+}, {
+  d: [".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
 });
-const useFluentProviderStyles_unstable = (state)=>{
-    const renderer = (0, _react.useRenderer_unstable)();
-    const styles = useStyles({
-        dir: state.dir,
-        renderer
-    });
-    state.root.className = (0, _core.mergeClasses)(fluentProviderClassNames.root, state.themeClassName, styles.root, state.root.className);
-    return state;
-}; //# sourceMappingURL=useFluentProviderStyles.js.map
-
+/** Applies style classnames to slots */
+const useFluentProviderStyles_unstable = state => {
+  const renderer = react_1.useRenderer_unstable();
+  const styles = useStyles({
+    dir: state.dir,
+    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-commonjs/components/FluentProvider/useFluentProviderStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderStyles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/core';\nimport { useRenderer_unstable } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const fluentProviderClassNames = {\n  root: 'fui-FluentProvider'\n};\nconst useStyles = /*#__PURE__*/makeStyles({\n  root: {\n    color: tokens.colorNeutralForeground1,\n    backgroundColor: tokens.colorNeutralBackground1,\n    textAlign: 'left',\n    ...typographyStyles.body1\n  }\n});\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles_unstable = state => {\n  const renderer = useRenderer_unstable();\n  const styles = useStyles({\n    dir: state.dir,\n    renderer\n  });\n  state.root.className = mergeClasses(fluentProviderClassNames.root, state.themeClassName, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useFluentProviderStyles.js.map"],"names":["fluentProviderClassNames","useFluentProviderStyles_unstable","root","useStyles","makeStyles","color","tokens","colorNeutralForeground1","backgroundColor","colorNeutralBackground1","textAlign","typographyStyles","body1","state","renderer","useRenderer_unstable","styles","dir","className","mergeClasses","themeClassName"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB,MAAxBA;IAYAC,gCAAgC,MAAhCA;;sBAf4B;uBACJ;4BACI;AAClC,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,gBAAU,EAAC;IACxCF,MAAM;QACJG,OAAOC,kBAAM,CAACC,uBAAuB;QACrCC,iBAAiBF,kBAAM,CAACG,uBAAuB;QAC/CC,WAAW;QACX,GAAGC,4BAAgB,CAACC,KAAK;IAC3B;AACF;AAEO,MAAMX,mCAAmCY,CAAAA,QAAS;IACvD,MAAMC,WAAWC,IAAAA,2BAAoB;IACrC,MAAMC,SAASb,UAAU;QACvBc,KAAKJ,MAAMI,GAAG;QACdH;IACF;IACAD,MAAMX,IAAI,CAACgB,SAAS,GAAGC,IAAAA,kBAAY,EAACnB,yBAAyBE,IAAI,EAAEW,MAAMO,cAAc,EAAEJ,OAAOd,IAAI,EAAEW,MAAMX,IAAI,CAACgB,SAAS;IAC1H,OAAOL;AACT,GACA,mDAAmD"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AAIaA,gCAAwB,GAAwC;EAC3EC,IAAI,EAAE;CACP;AAED,MAAMC,SAAS,gBAAGC,eAAU;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAO1B;AAEF;AACO,MAAMC,gCAAgC,GAAIC,KAA0B,IAAI;EAC7E,MAAMC,QAAQ,GAAGC,4BAAoB,EAAE;EACvC,MAAMC,MAAM,GAAGN,SAAS,CAAC;IAAEO,GAAG,EAAEJ,KAAK,CAACI,GAAG;IAAEH;EAAQ,CAAE,CAAC;EAEtDD,KAAK,CAACJ,IAAI,CAACS,SAAS,GAAGP,mBAAY,CACjCH,gCAAwB,CAACC,IAAI,EAC7BI,KAAK,CAACM,cAAc,EACpBH,MAAM,CAACP,IAAI,EACXI,KAAK,CAACJ,IAAI,CAACS,SAAS,CACrB;EAED,OAAOL,KAAK;AACd,CAAC;AAZYL,wCAAgC","names":["exports","root","useStyles","core_1","useFluentProviderStyles_unstable","state","renderer","react_1","styles","dir","className","themeClassName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderStyles.ts"],"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"]}

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

@@ -1,75 +1,73 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useFluentProviderThemeStyleTag", {
-    enumerable: true,
-    get: ()=>useFluentProviderThemeStyleTag
+  value: true
 });
-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");
+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");
 // String concatenation is used to prevent bundlers to complain with older versions of React
-const useInsertionEffect = _react1['useInsertion' + 'Effect'] ? _react1['useInsertion' + 'Effect'] : _reactUtilities.useIsomorphicLayoutEffect;
-const createStyleTag = (target, elementAttributes)=>{
-    if (!target) {
-        return undefined;
+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 tag = target.createElement('style');
-    Object.keys(elementAttributes).forEach((attrName)=>{
-        tag.setAttribute(attrName, elementAttributes[attrName]);
-    });
-    target.head.appendChild(tag);
-    return tag;
+    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.');
+  }
 };
-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.');
+/**
+ * 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
+    });
+    if (styleTag.current) {
+      insertSheet(styleTag.current, rule);
+      return () => {
+        var _a;
+        (_a = styleTag.current) === null || _a === void 0 ? void 0 : _a.remove();
+      };
     }
+  }, [styleTagId, targetDocument, rule, styleElementAttributes]);
+  return styleTagId;
 };
-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
-
+exports.useFluentProviderThemeStyleTag = useFluentProviderThemeStyleTag;
 //# sourceMappingURL=useFluentProviderThemeStyleTag.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AAGA;AAEA;AACA,MAAMA,kBAAkB,GAAIC,KAAe,CAAC,cAAc,GAAG,QAAQ,CAAC,GACjEA,KAAe,CAAC,cAAc,GAAG,QAAQ,CAAC,GAC3CC,2CAAyB;AAE7B,MAAMC,cAAc,GAAG,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,GAAG,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,GAAGC,4BAAoB,EAAE;EACvC,MAAMC,QAAQ,GAAGjC,KAAK,CAACkC,MAAM,EAAoB;EAEjD,MAAMC,UAAU,GAAGlC,uBAAK,CAACmC,kDAAwB,CAACC,IAAI,CAAC;EACvD,MAAMC,sBAAsB,GAAGP,QAAQ,CAACO,sBAAsB;EAE9D,MAAMC,eAAe,GAAGvC,KAAK,CAACwC,OAAO,CAAC,MAAK;IACzC,OAAOV,KAAK,GACPtB,MAAM,CAACC,IAAI,CAACqB,KAAK,CAA4B,CAACW,MAAM,CAAC,CAACC,UAAU,EAAEC,MAAM,KAAI;MAC3ED,UAAU,IAAI,KAAKC,MAAM,KAAKb,KAAK,CAACa,MAAM,CAAC,IAAI;MAC/C,OAAOD,UAAU;IACnB,CAAC,EAAE,EAAE,CAAC,GACN,EAAE;EACR,CAAC,EAAE,CAACZ,KAAK,CAAC,CAAC;EAEX,MAAMd,IAAI,GAAG,IAAImB,UAAU,MAAMI,eAAe,IAAI;EAEpDxC,kBAAkB,CAAC,MAAK;IACtBkC,QAAQ,CAACW,OAAO,GAAG1C,cAAc,CAAC2B,cAAc,EAAE;MAAE,GAAGS,sBAAsB;MAAEO,EAAE,EAAEV;IAAU,CAAE,CAAC;IAEhG,IAAIF,QAAQ,CAACW,OAAO,EAAE;MACpB7B,WAAW,CAACkB,QAAQ,CAACW,OAAO,EAAE5B,IAAI,CAAC;MAEnC,OAAO,MAAK;;QACV,cAAQ,CAAC4B,OAAO,0CAAEE,MAAM,EAAE;MAC5B,CAAC;;EAEL,CAAC,EAAE,CAACX,UAAU,EAAEN,cAAc,EAAEb,IAAI,EAAEsB,sBAAsB,CAAC,CAAC;EAE9D,OAAOH,UAAU;AACnB,CAAC;AAjCYY,sCAA8B","names":["useInsertionEffect","React","react_utilities_1","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","react_1","styleTag","useRef","styleTagId","useFluentProviderStyles_1","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","current","id","remove","exports"],"sourceRoot":"","sources":["../../../../../../../../../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"]}

package/lib-commonjs/index.js

@@ -1,23 +1,50 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-    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
 
+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;
+  }
+});
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"mappings":";;;;;;AAAA;AACEA;EAAAC;EAAAC;IAAA,gDAAwB;EAAA;AAAA;AACxBF;EAAAC;EAAAC;IAAA,sCAAc;EAAA;AAAA;AACdF;EAAAC;EAAAC;IAAA,qDAA6B;EAAA;AAAA;AAC7BF;EAAAC;EAAAC;IAAA,+DAAuC;EAAA;AAAA;AACvCF;EAAAC;EAAAC;IAAA,kDAA0B;EAAA;AAAA;AAC1BF;EAAAC;EAAAC;IAAA,wDAAgC;EAAA;AAAA;AAChCF;EAAAC;EAAAC;IAAA,sDAA8B;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"","sources":["../../../../../../../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  FluentProviderProps,\n  FluentProviderState,\n  FluentProviderSlots,\n} from './FluentProvider';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-provider",
-  "version": "0.0.0-nightly-20230223-2115.1",
+  "version": "0.0.0-nightly-20230228-0425.1",
   "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": "just-scripts generate-api"
+    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230223-2115.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230228-0425.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@griffel/core": "^1.9.0",
     "@griffel/react": "^1.5.2",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230223-2115.1",
-    "@fluentui/react-tabster": "0.0.0-nightly-20230223-2115.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20230223-2115.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230223-2115.1",
-    "@swc/helpers": "^0.4.14"
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230228-0425.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20230228-0425.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230228-0425.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230228-0425.1",
+    "tslib": "^2.1.0"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",