@fluentui/react-provider 9.16.0 → 9.16.1

package/CHANGELOG.md

@@ -1,12 +1,22 @@
 # Change Log - @fluentui/react-provider
 
-This log was last generated on Mon, 20 May 2024 12:36:37 GMT and should not be manually modified.
+This log was last generated on Thu, 23 May 2024 07:57:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.16.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.16.1)
+
+Thu, 23 May 2024 07:57:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.16.0..@fluentui/react-provider_v9.16.1)
+
+### Patches
+
+- fix: Update IconDirectionContextProvider imports to use export map ([PR #31006](https://github.com/microsoft/fluentui/pull/31006) by ololubek@microsoft.com)
+- Bump @fluentui/react-tabster to v9.21.4 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
+
 ## [9.16.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.16.0)
 
-Mon, 20 May 2024 12:36:37 GMT 
+Mon, 20 May 2024 12:45:02 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.15.2..@fluentui/react-provider_v9.16.0)
 
 ### Minor changes

package/dist/index.d.ts

@@ -1,9 +1,7 @@
-/// <reference types="react" />
-
 import { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
 import type { CustomStyleHooksContextValue_unstable } from '@fluentui/react-shared-contexts';
-import type { IconDirectionContextValue } from '@fluentui/react-icons';
+import type { IconDirectionContextValue } from '@fluentui/react-icons/lib/providers';
 import { OverridesContextValue_unstable } from '@fluentui/react-shared-contexts';
 import type { PartialTheme } from '@fluentui/react-theme';
 import type { ProviderContextValue_unstable } from '@fluentui/react-shared-contexts';

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

@@ -1 +1,5 @@
-export { };
+/*
+  IconDirectionContextValue is being imported as a leaf node import in order to prevent extra icons froms being
+  downloaded when trying to use the FluentProvider.
+  This issue has more context: https://github.com/microsoft/fluentui/issues/30909
+*/ export { };

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

@@ -1 +1 @@
-{"version":3,"sources":["FluentProvider.types.ts"],"sourcesContent":["import type { IconDirectionContextValue } from '@fluentui/react-icons';\nimport 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 = 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     * Props used to render SSR theme variables style element\n     */\n    serverStyleProps: {\n      /**\n       * CSS rule containing CSS variables\n       */\n      cssRule: string;\n      /**\n       * Additional attributes applied to the style element\n       */\n      attributes: Record<string, string>;\n    };\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  iconDirection: IconDirectionContextValue;\n  tooltip: TooltipVisibilityContextValue;\n};\n"],"names":[],"mappings":"AAAA,WA2EE"}
+{"version":3,"sources":["FluentProvider.types.ts"],"sourcesContent":["/*\n  IconDirectionContextValue is being imported as a leaf node import in order to prevent extra icons froms being\n  downloaded when trying to use the FluentProvider.\n  This issue has more context: https://github.com/microsoft/fluentui/issues/30909\n*/\nimport type { IconDirectionContextValue } from '@fluentui/react-icons/lib/providers';\nimport 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 = 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     * Props used to render SSR theme variables style element\n     */\n    serverStyleProps: {\n      /**\n       * CSS rule containing CSS variables\n       */\n      cssRule: string;\n      /**\n       * Additional attributes applied to the style element\n       */\n      attributes: Record<string, string>;\n    };\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  iconDirection: IconDirectionContextValue;\n  tooltip: TooltipVisibilityContextValue;\n};\n"],"names":[],"mappings":"AAAA;;;;AAIA,GACA,WA2EE"}

package/lib/components/FluentProvider/renderFluentProvider.js

@@ -2,7 +2,7 @@
 import { canUseDOM, assertSlots } from '@fluentui/react-utilities';
 import { TextDirectionProvider } from '@griffel/react';
 import { OverridesProvider_unstable as OverridesProvider, Provider_unstable as Provider, TooltipVisibilityProvider_unstable as TooltipVisibilityProvider, ThemeProvider_unstable as ThemeProvider, ThemeClassNameProvider_unstable as ThemeClassNameProvider, CustomStyleHooksProvider_unstable as CustomStyleHooksProvider } from '@fluentui/react-shared-contexts';
-import { IconDirectionContextProvider } from '@fluentui/react-icons';
+import { IconDirectionContextProvider } from '@fluentui/react-icons/lib/providers';
 /**
  * Render the final JSX of FluentProvider
  */ export const renderFluentProvider_unstable = (state, contextValues)=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["renderFluentProvider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { canUseDOM, assertSlots } from '@fluentui/react-utilities';\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 type { FluentProviderContextValues, FluentProviderState, FluentProviderSlots } from './FluentProvider.types';\nimport { IconDirectionContextProvider } from '@fluentui/react-icons';\n\n/**\n * Render the final JSX of FluentProvider\n */\nexport const renderFluentProvider_unstable = (\n  state: FluentProviderState,\n  contextValues: FluentProviderContextValues,\n) => {\n  assertSlots<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                <IconDirectionContextProvider value={contextValues.iconDirection}>\n                  <OverridesProvider value={contextValues.overrides_unstable}>\n                    <state.root>\n                      {canUseDOM() ? null : (\n                        <style\n                          // Using dangerous HTML because react can escape characters\n                          // which can lead to invalid CSS.\n                          // eslint-disable-next-line react/no-danger\n                          dangerouslySetInnerHTML={{ __html: state.serverStyleProps.cssRule }}\n                          {...state.serverStyleProps.attributes}\n                        />\n                      )}\n\n                      {state.root.children}\n                    </state.root>\n                  </OverridesProvider>\n                </IconDirectionContextProvider>\n              </TextDirectionProvider>\n            </TooltipVisibilityProvider>\n          </CustomStyleHooksProvider>\n        </ThemeClassNameProvider>\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"names":["canUseDOM","assertSlots","TextDirectionProvider","OverridesProvider_unstable","OverridesProvider","Provider_unstable","Provider","TooltipVisibilityProvider_unstable","TooltipVisibilityProvider","ThemeProvider_unstable","ThemeProvider","ThemeClassNameProvider_unstable","ThemeClassNameProvider","CustomStyleHooksProvider_unstable","CustomStyleHooksProvider","IconDirectionContextProvider","renderFluentProvider_unstable","state","contextValues","value","provider","theme","themeClassName","customStyleHooks_unstable","tooltip","dir","textDirection","iconDirection","overrides_unstable","root","style","dangerouslySetInnerHTML","__html","serverStyleProps","cssRule","attributes","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,SAAS,EAAEC,WAAW,QAAQ,4BAA4B;AACnE,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SACEC,8BAA8BC,iBAAiB,EAC/CC,qBAAqBC,QAAQ,EAC7BC,sCAAsCC,yBAAyB,EAC/DC,0BAA0BC,aAAa,EACvCC,mCAAmCC,sBAAsB,EACzDC,qCAAqCC,wBAAwB,QAExD,kCAAkC;AAEzC,SAASC,4BAA4B,QAAQ,wBAAwB;AAErE;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAC3CC,OACAC;IAEAjB,YAAiCgB;IAEjC,+FAA+F;IAC/F,oFAAoF;IACpF,0GAA0G;IAE1G,qBACE,KAACX;QAASa,OAAOD,cAAcE,QAAQ;kBACrC,cAAA,KAACV;YAAcS,OAAOD,cAAcG,KAAK;sBACvC,cAAA,KAACT;gBAAuBO,OAAOD,cAAcI,cAAc;0BACzD,cAAA,KAACR;oBACCK,OAAOD,cAAcK,yBAAyB;8BAE9C,cAAA,KAACf;wBAA0BW,OAAOD,cAAcM,OAAO;kCACrD,cAAA,KAACtB;4BAAsBuB,KAAKP,cAAcQ,aAAa;sCACrD,cAAA,KAACX;gCAA6BI,OAAOD,cAAcS,aAAa;0CAC9D,cAAA,KAACvB;oCAAkBe,OAAOD,cAAcU,kBAAkB;8CACxD,cAAA,MAACX,MAAMY,IAAI;;4CACR7B,cAAc,qBACb,KAAC8B;gDACC,2DAA2D;gDAC3D,iCAAiC;gDACjC,2CAA2C;gDAC3CC,yBAAyB;oDAAEC,QAAQf,MAAMgB,gBAAgB,CAACC,OAAO;gDAAC;gDACjE,GAAGjB,MAAMgB,gBAAgB,CAACE,UAAU;;4CAIxClB,MAAMY,IAAI,CAACO,QAAQ;;;;;;;;;;;AAW1C,EAAE"}
+{"version":3,"sources":["renderFluentProvider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { canUseDOM, assertSlots } from '@fluentui/react-utilities';\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 type { FluentProviderContextValues, FluentProviderState, FluentProviderSlots } from './FluentProvider.types';\nimport { IconDirectionContextProvider } from '@fluentui/react-icons/lib/providers';\n\n/**\n * Render the final JSX of FluentProvider\n */\nexport const renderFluentProvider_unstable = (\n  state: FluentProviderState,\n  contextValues: FluentProviderContextValues,\n) => {\n  assertSlots<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                <IconDirectionContextProvider value={contextValues.iconDirection}>\n                  <OverridesProvider value={contextValues.overrides_unstable}>\n                    <state.root>\n                      {canUseDOM() ? null : (\n                        <style\n                          // Using dangerous HTML because react can escape characters\n                          // which can lead to invalid CSS.\n                          // eslint-disable-next-line react/no-danger\n                          dangerouslySetInnerHTML={{ __html: state.serverStyleProps.cssRule }}\n                          {...state.serverStyleProps.attributes}\n                        />\n                      )}\n\n                      {state.root.children}\n                    </state.root>\n                  </OverridesProvider>\n                </IconDirectionContextProvider>\n              </TextDirectionProvider>\n            </TooltipVisibilityProvider>\n          </CustomStyleHooksProvider>\n        </ThemeClassNameProvider>\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"names":["canUseDOM","assertSlots","TextDirectionProvider","OverridesProvider_unstable","OverridesProvider","Provider_unstable","Provider","TooltipVisibilityProvider_unstable","TooltipVisibilityProvider","ThemeProvider_unstable","ThemeProvider","ThemeClassNameProvider_unstable","ThemeClassNameProvider","CustomStyleHooksProvider_unstable","CustomStyleHooksProvider","IconDirectionContextProvider","renderFluentProvider_unstable","state","contextValues","value","provider","theme","themeClassName","customStyleHooks_unstable","tooltip","dir","textDirection","iconDirection","overrides_unstable","root","style","dangerouslySetInnerHTML","__html","serverStyleProps","cssRule","attributes","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,SAAS,EAAEC,WAAW,QAAQ,4BAA4B;AACnE,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SACEC,8BAA8BC,iBAAiB,EAC/CC,qBAAqBC,QAAQ,EAC7BC,sCAAsCC,yBAAyB,EAC/DC,0BAA0BC,aAAa,EACvCC,mCAAmCC,sBAAsB,EACzDC,qCAAqCC,wBAAwB,QAExD,kCAAkC;AAEzC,SAASC,4BAA4B,QAAQ,sCAAsC;AAEnF;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAC3CC,OACAC;IAEAjB,YAAiCgB;IAEjC,+FAA+F;IAC/F,oFAAoF;IACpF,0GAA0G;IAE1G,qBACE,KAACX;QAASa,OAAOD,cAAcE,QAAQ;kBACrC,cAAA,KAACV;YAAcS,OAAOD,cAAcG,KAAK;sBACvC,cAAA,KAACT;gBAAuBO,OAAOD,cAAcI,cAAc;0BACzD,cAAA,KAACR;oBACCK,OAAOD,cAAcK,yBAAyB;8BAE9C,cAAA,KAACf;wBAA0BW,OAAOD,cAAcM,OAAO;kCACrD,cAAA,KAACtB;4BAAsBuB,KAAKP,cAAcQ,aAAa;sCACrD,cAAA,KAACX;gCAA6BI,OAAOD,cAAcS,aAAa;0CAC9D,cAAA,KAACvB;oCAAkBe,OAAOD,cAAcU,kBAAkB;8CACxD,cAAA,MAACX,MAAMY,IAAI;;4CACR7B,cAAc,qBACb,KAAC8B;gDACC,2DAA2D;gDAC3D,iCAAiC;gDACjC,2CAA2C;gDAC3CC,yBAAyB;oDAAEC,QAAQf,MAAMgB,gBAAgB,CAACC,OAAO;gDAAC;gDACjE,GAAGjB,MAAMgB,gBAAgB,CAACE,UAAU;;4CAIxClB,MAAMY,IAAI,CAACO,QAAQ;;;;;;;;;;;AAW1C,EAAE"}

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

@@ -1,4 +1,8 @@
-"use strict";
+/*
+  IconDirectionContextValue is being imported as a leaf node import in order to prevent extra icons froms being
+  downloaded when trying to use the FluentProvider.
+  This issue has more context: https://github.com/microsoft/fluentui/issues/30909
+*/ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["FluentProvider.types.js"],"sourcesContent":["/*\n  IconDirectionContextValue is being imported as a leaf node import in order to prevent extra icons froms being\n  downloaded when trying to use the FluentProvider.\n  This issue has more context: https://github.com/microsoft/fluentui/issues/30909\n*/ export { };\n"],"names":[],"mappings":"AAAA;;;;AAIA"}

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

@@ -12,7 +12,7 @@ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
 const _reactutilities = require("@fluentui/react-utilities");
 const _react = require("@griffel/react");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _reacticons = require("@fluentui/react-icons");
+const _providers = require("@fluentui/react-icons/lib/providers");
 const renderFluentProvider_unstable = (state, contextValues)=>{
     (0, _reactutilities.assertSlots)(state);
     // Typescript (vscode) incorrectly references the FluentProviderProps.customStyleHooks_unstable
@@ -30,7 +30,7 @@ const renderFluentProvider_unstable = (state, contextValues)=>{
                         value: contextValues.tooltip,
                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.TextDirectionProvider, {
                             dir: contextValues.textDirection,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacticons.IconDirectionContextProvider, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_providers.IconDirectionContextProvider, {
                                 value: contextValues.iconDirection,
                                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactsharedcontexts.OverridesProvider_unstable, {
                                     value: contextValues.overrides_unstable,

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

@@ -1 +1 @@
-{"version":3,"sources":["renderFluentProvider.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { canUseDOM, assertSlots } from '@fluentui/react-utilities';\nimport { TextDirectionProvider } from '@griffel/react';\nimport { OverridesProvider_unstable as OverridesProvider, Provider_unstable as Provider, TooltipVisibilityProvider_unstable as TooltipVisibilityProvider, ThemeProvider_unstable as ThemeProvider, ThemeClassNameProvider_unstable as ThemeClassNameProvider, CustomStyleHooksProvider_unstable as CustomStyleHooksProvider } from '@fluentui/react-shared-contexts';\nimport { IconDirectionContextProvider } from '@fluentui/react-icons';\n/**\n * Render the final JSX of FluentProvider\n */ export const renderFluentProvider_unstable = (state, contextValues)=>{\n    assertSlots(state);\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    return /*#__PURE__*/ _jsx(Provider, {\n        value: contextValues.provider,\n        children: /*#__PURE__*/ _jsx(ThemeProvider, {\n            value: contextValues.theme,\n            children: /*#__PURE__*/ _jsx(ThemeClassNameProvider, {\n                value: contextValues.themeClassName,\n                children: /*#__PURE__*/ _jsx(CustomStyleHooksProvider, {\n                    value: contextValues.customStyleHooks_unstable,\n                    children: /*#__PURE__*/ _jsx(TooltipVisibilityProvider, {\n                        value: contextValues.tooltip,\n                        children: /*#__PURE__*/ _jsx(TextDirectionProvider, {\n                            dir: contextValues.textDirection,\n                            children: /*#__PURE__*/ _jsx(IconDirectionContextProvider, {\n                                value: contextValues.iconDirection,\n                                children: /*#__PURE__*/ _jsx(OverridesProvider, {\n                                    value: contextValues.overrides_unstable,\n                                    children: /*#__PURE__*/ _jsxs(state.root, {\n                                        children: [\n                                            canUseDOM() ? null : /*#__PURE__*/ _jsx(\"style\", {\n                                                // Using dangerous HTML because react can escape characters\n                                                // which can lead to invalid CSS.\n                                                // eslint-disable-next-line react/no-danger\n                                                dangerouslySetInnerHTML: {\n                                                    __html: state.serverStyleProps.cssRule\n                                                },\n                                                ...state.serverStyleProps.attributes\n                                            }),\n                                            state.root.children\n                                        ]\n                                    })\n                                })\n                            })\n                        })\n                    })\n                })\n            })\n        })\n    });\n};\n"],"names":["renderFluentProvider_unstable","state","contextValues","assertSlots","_jsx","Provider","value","provider","children","ThemeProvider","theme","ThemeClassNameProvider","themeClassName","CustomStyleHooksProvider","customStyleHooks_unstable","TooltipVisibilityProvider","tooltip","TextDirectionProvider","dir","textDirection","IconDirectionContextProvider","iconDirection","OverridesProvider","overrides_unstable","_jsxs","root","canUseDOM","dangerouslySetInnerHTML","__html","serverStyleProps","cssRule","attributes"],"mappings":";;;;+BAOiBA;;;eAAAA;;;4BAP4B;gCACN;uBACD;qCAC6R;4BACtR;AAGlC,MAAMA,gCAAgC,CAACC,OAAOC;IACrDC,IAAAA,2BAAW,EAACF;IACZ,+FAA+F;IAC/F,oFAAoF;IACpF,0GAA0G;IAC1G,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,sCAAQ,EAAE;QAChCC,OAAOJ,cAAcK,QAAQ;QAC7BC,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACK,2CAAa,EAAE;YACxCH,OAAOJ,cAAcQ,KAAK;YAC1BF,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACO,oDAAsB,EAAE;gBACjDL,OAAOJ,cAAcU,cAAc;gBACnCJ,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACS,sDAAwB,EAAE;oBACnDP,OAAOJ,cAAcY,yBAAyB;oBAC9CN,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACW,uDAAyB,EAAE;wBACpDT,OAAOJ,cAAcc,OAAO;wBAC5BR,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACa,4BAAqB,EAAE;4BAChDC,KAAKhB,cAAciB,aAAa;4BAChCX,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACgB,wCAA4B,EAAE;gCACvDd,OAAOJ,cAAcmB,aAAa;gCAClCb,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACkB,+CAAiB,EAAE;oCAC5ChB,OAAOJ,cAAcqB,kBAAkB;oCACvCf,UAAU,WAAW,GAAGgB,IAAAA,gBAAK,EAACvB,MAAMwB,IAAI,EAAE;wCACtCjB,UAAU;4CACNkB,IAAAA,yBAAS,MAAK,OAAO,WAAW,GAAGtB,IAAAA,eAAI,EAAC,SAAS;gDAC7C,2DAA2D;gDAC3D,iCAAiC;gDACjC,2CAA2C;gDAC3CuB,yBAAyB;oDACrBC,QAAQ3B,MAAM4B,gBAAgB,CAACC,OAAO;gDAC1C;gDACA,GAAG7B,MAAM4B,gBAAgB,CAACE,UAAU;4CACxC;4CACA9B,MAAMwB,IAAI,CAACjB,QAAQ;yCACtB;oCACL;gCACJ;4BACJ;wBACJ;oBACJ;gBACJ;YACJ;QACJ;IACJ;AACJ"}
+{"version":3,"sources":["renderFluentProvider.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { canUseDOM, assertSlots } from '@fluentui/react-utilities';\nimport { TextDirectionProvider } from '@griffel/react';\nimport { OverridesProvider_unstable as OverridesProvider, Provider_unstable as Provider, TooltipVisibilityProvider_unstable as TooltipVisibilityProvider, ThemeProvider_unstable as ThemeProvider, ThemeClassNameProvider_unstable as ThemeClassNameProvider, CustomStyleHooksProvider_unstable as CustomStyleHooksProvider } from '@fluentui/react-shared-contexts';\nimport { IconDirectionContextProvider } from '@fluentui/react-icons/lib/providers';\n/**\n * Render the final JSX of FluentProvider\n */ export const renderFluentProvider_unstable = (state, contextValues)=>{\n    assertSlots(state);\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    return /*#__PURE__*/ _jsx(Provider, {\n        value: contextValues.provider,\n        children: /*#__PURE__*/ _jsx(ThemeProvider, {\n            value: contextValues.theme,\n            children: /*#__PURE__*/ _jsx(ThemeClassNameProvider, {\n                value: contextValues.themeClassName,\n                children: /*#__PURE__*/ _jsx(CustomStyleHooksProvider, {\n                    value: contextValues.customStyleHooks_unstable,\n                    children: /*#__PURE__*/ _jsx(TooltipVisibilityProvider, {\n                        value: contextValues.tooltip,\n                        children: /*#__PURE__*/ _jsx(TextDirectionProvider, {\n                            dir: contextValues.textDirection,\n                            children: /*#__PURE__*/ _jsx(IconDirectionContextProvider, {\n                                value: contextValues.iconDirection,\n                                children: /*#__PURE__*/ _jsx(OverridesProvider, {\n                                    value: contextValues.overrides_unstable,\n                                    children: /*#__PURE__*/ _jsxs(state.root, {\n                                        children: [\n                                            canUseDOM() ? null : /*#__PURE__*/ _jsx(\"style\", {\n                                                // Using dangerous HTML because react can escape characters\n                                                // which can lead to invalid CSS.\n                                                // eslint-disable-next-line react/no-danger\n                                                dangerouslySetInnerHTML: {\n                                                    __html: state.serverStyleProps.cssRule\n                                                },\n                                                ...state.serverStyleProps.attributes\n                                            }),\n                                            state.root.children\n                                        ]\n                                    })\n                                })\n                            })\n                        })\n                    })\n                })\n            })\n        })\n    });\n};\n"],"names":["renderFluentProvider_unstable","state","contextValues","assertSlots","_jsx","Provider","value","provider","children","ThemeProvider","theme","ThemeClassNameProvider","themeClassName","CustomStyleHooksProvider","customStyleHooks_unstable","TooltipVisibilityProvider","tooltip","TextDirectionProvider","dir","textDirection","IconDirectionContextProvider","iconDirection","OverridesProvider","overrides_unstable","_jsxs","root","canUseDOM","dangerouslySetInnerHTML","__html","serverStyleProps","cssRule","attributes"],"mappings":";;;;+BAOiBA;;;eAAAA;;;4BAP4B;gCACN;uBACD;qCAC6R;2BACtR;AAGlC,MAAMA,gCAAgC,CAACC,OAAOC;IACrDC,IAAAA,2BAAW,EAACF;IACZ,+FAA+F;IAC/F,oFAAoF;IACpF,0GAA0G;IAC1G,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,sCAAQ,EAAE;QAChCC,OAAOJ,cAAcK,QAAQ;QAC7BC,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACK,2CAAa,EAAE;YACxCH,OAAOJ,cAAcQ,KAAK;YAC1BF,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACO,oDAAsB,EAAE;gBACjDL,OAAOJ,cAAcU,cAAc;gBACnCJ,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACS,sDAAwB,EAAE;oBACnDP,OAAOJ,cAAcY,yBAAyB;oBAC9CN,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACW,uDAAyB,EAAE;wBACpDT,OAAOJ,cAAcc,OAAO;wBAC5BR,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACa,4BAAqB,EAAE;4BAChDC,KAAKhB,cAAciB,aAAa;4BAChCX,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACgB,uCAA4B,EAAE;gCACvDd,OAAOJ,cAAcmB,aAAa;gCAClCb,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACkB,+CAAiB,EAAE;oCAC5ChB,OAAOJ,cAAcqB,kBAAkB;oCACvCf,UAAU,WAAW,GAAGgB,IAAAA,gBAAK,EAACvB,MAAMwB,IAAI,EAAE;wCACtCjB,UAAU;4CACNkB,IAAAA,yBAAS,MAAK,OAAO,WAAW,GAAGtB,IAAAA,eAAI,EAAC,SAAS;gDAC7C,2DAA2D;gDAC3D,iCAAiC;gDACjC,2CAA2C;gDAC3CuB,yBAAyB;oDACrBC,QAAQ3B,MAAM4B,gBAAgB,CAACC,OAAO;gDAC1C;gDACA,GAAG7B,MAAM4B,gBAAgB,CAACE,UAAU;4CACxC;4CACA9B,MAAMwB,IAAI,CAACjB,QAAQ;yCACtB;oCACL;gCACJ;4BACJ;wBACJ;oBACJ;gBACJ;YACJ;QACJ;IACJ;AACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-provider",
-  "version": "9.16.0",
+  "version": "9.16.1",
   "description": "Fluent UI React provider component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -35,7 +35,7 @@
   "dependencies": {
     "@fluentui/react-icons": "^2.0.239",
     "@fluentui/react-shared-contexts": "^9.19.0",
-    "@fluentui/react-tabster": "^9.21.3",
+    "@fluentui/react-tabster": "^9.21.4",
     "@fluentui/react-theme": "^9.1.19",
     "@fluentui/react-utilities": "^9.18.9",
     "@fluentui/react-jsx-runtime": "^9.0.38",