@fluentui/react-provider 9.7.1 → 9.7.2

package/CHANGELOG.json

@@ -2,7 +2,46 @@
   "name": "@fluentui/react-provider",
   "entries": [
     {
-      "date": "Thu, 25 May 2023 09:57:45 GMT",
+      "date": "Wed, 31 May 2023 06:43:00 GMT",
+      "tag": "@fluentui/react-provider_v9.7.2",
+      "version": "9.7.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui/react-provider",
+            "commit": "d640b972d7ac86bfb76ae6c6329f12cdd33b3b7c",
+            "comment": "chore: Update Griffel to v1.5.7."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-tabster to v9.7.5",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-utilities to v9.9.2",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 May 2023 10:00:48 GMT",
       "tag": "@fluentui/react-provider_v9.7.1",
       "version": "9.7.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,25 @@
 # Change Log - @fluentui/react-provider
 
-This log was last generated on Thu, 25 May 2023 09:57:45 GMT and should not be manually modified.
+This log was last generated on Wed, 31 May 2023 06:43:00 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.7.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.7.2)
+
+Wed, 31 May 2023 06:43:00 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.7.1..@fluentui/react-provider_v9.7.2)
+
+### Patches
+
+- chore: Update Griffel to v1.5.7. ([PR #27925](https://github.com/microsoft/fluentui/pull/27925) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-tabster to v9.7.5 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-utilities to v9.9.2 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+
 ## [9.7.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.7.1)
 
-Thu, 25 May 2023 09:57:45 GMT 
+Thu, 25 May 2023 10:00:48 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.7.0..@fluentui/react-provider_v9.7.1)
 
 ### Patches

package/lib/FluentProvider.js

@@ -1,2 +1 @@
 export * from './components/FluentProvider/index';
-//# sourceMappingURL=FluentProvider.js.map

package/lib/FluentProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/FluentProvider.ts"],"sourcesContent":["export * from './components/FluentProvider/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["FluentProvider.ts"],"sourcesContent":["export * from './components/FluentProvider/index';\n"],"names":[],"mappings":"AAAA,cAAc,oCAAoC"}

package/lib/components/FluentProvider/FluentProvider.js

@@ -3,11 +3,10 @@ import { renderFluentProvider_unstable } from './renderFluentProvider';
 import { useFluentProvider_unstable } from './useFluentProvider';
 import { useFluentProviderStyles_unstable } from './useFluentProviderStyles.styles';
 import { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';
-export const FluentProvider = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useFluentProvider_unstable(props, ref);
-  useFluentProviderStyles_unstable(state);
-  const contextValues = useFluentProviderContextValues_unstable(state);
-  return renderFluentProvider_unstable(state, contextValues);
+export const FluentProvider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useFluentProvider_unstable(props, ref);
+    useFluentProviderStyles_unstable(state);
+    const contextValues = useFluentProviderContextValues_unstable(state);
+    return renderFluentProvider_unstable(state, contextValues);
 });
 FluentProvider.displayName = 'FluentProvider';
-//# sourceMappingURL=FluentProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","renderFluentProvider_unstable","useFluentProvider_unstable","useFluentProviderStyles_unstable","useFluentProviderContextValues_unstable","FluentProvider","forwardRef","props","ref","state","contextValues","displayName"],"sources":["../../../src/components/FluentProvider/FluentProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider_unstable } from './renderFluentProvider';\nimport { useFluentProvider_unstable } from './useFluentProvider';\nimport { useFluentProviderStyles_unstable } from './useFluentProviderStyles.styles';\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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,gCAAgC,QAAQ;AACjD,SAASC,uCAAuC,QAAQ;AAGxD,OAAO,MAAMC,cAAA,gBAAiBL,KAAA,CAAMM,UAAU,CAAmC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC/F,MAAMC,KAAA,GAAQP,0BAAA,CAA2BK,KAAA,EAAOC,GAAA;EAChDL,gCAAA,CAAiCM,KAAA;EAEjC,MAAMC,aAAA,GAAgBN,uCAAA,CAAwCK,KAAA;EAE9D,OAAOR,6BAAA,CAA8BQ,KAAA,EAAOC,aAAA;AAC9C;AAEAL,cAAA,CAAeM,WAAW,GAAG"}
+{"version":3,"sources":["FluentProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider_unstable } from './renderFluentProvider';\nimport { useFluentProvider_unstable } from './useFluentProvider';\nimport { useFluentProviderStyles_unstable } from './useFluentProviderStyles.styles';\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"],"names":["React","renderFluentProvider_unstable","useFluentProvider_unstable","useFluentProviderStyles_unstable","useFluentProviderContextValues_unstable","FluentProvider","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,gCAAgC,QAAQ,mCAAmC;AACpF,SAASC,uCAAuC,QAAQ,mCAAmC;AAG3F,OAAO,MAAMC,+BAAiBL,MAAMM,UAAU,CAAmC,CAACC,OAAOC,MAAQ;IAC/F,MAAMC,QAAQP,2BAA2BK,OAAOC;IAChDL,iCAAiCM;IAEjC,MAAMC,gBAAgBN,wCAAwCK;IAE9D,OAAOR,8BAA8BQ,OAAOC;AAC9C,GAAG;AAEHL,eAAeM,WAAW,GAAG"}

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

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=FluentProvider.types.js.map
+export { };

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/FluentProvider/FluentProvider.types.ts"],"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 = 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  tooltip: TooltipVisibilityContextValue;\n};\n"],"mappings":"AAAA"}
+{"version":3,"sources":["FluentProvider.types.ts"],"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 = 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  tooltip: TooltipVisibilityContextValue;\n};\n"],"names":[],"mappings":"AAAA,WAyEE"}

package/lib/components/FluentProvider/index.js

@@ -5,4 +5,3 @@ export * from './useFluentProvider';
 export * from './useFluentProviderStyles.styles';
 export * from './useFluentProviderContextValues';
 export * from './useFluentProviderThemeStyleTag';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/FluentProvider/index.ts"],"sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles.styles';\nexport * from './useFluentProviderContextValues';\nexport * from './useFluentProviderThemeStyleTag';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles.styles';\nexport * from './useFluentProviderContextValues';\nexport * from './useFluentProviderThemeStyleTag';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,mCAAmC;AACjD,cAAc,mCAAmC;AACjD,cAAc,mCAAmC"}

package/lib/components/FluentProvider/renderFluentProvider.js

@@ -1,40 +1,35 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { canUseDOM, getSlotsNext } 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';
 /**
  * Render the final JSX of FluentProvider
- */
-export const renderFluentProvider_unstable = (state, contextValues) => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  // 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 /*#__PURE__*/createElement(Provider, {
-    value: contextValues.provider
-  }, /*#__PURE__*/createElement(ThemeProvider, {
-    value: contextValues.theme
-  }, /*#__PURE__*/createElement(ThemeClassNameProvider, {
-    value: contextValues.themeClassName
-  }, /*#__PURE__*/createElement(CustomStyleHooksProvider, {
-    value: contextValues.customStyleHooks_unstable
-  }, /*#__PURE__*/createElement(TooltipVisibilityProvider, {
-    value: contextValues.tooltip
-  }, /*#__PURE__*/createElement(TextDirectionProvider, {
-    dir: contextValues.textDirection
-  }, /*#__PURE__*/createElement(OverridesProvider, {
-    value: contextValues.overrides_unstable
-  }, /*#__PURE__*/createElement(slots.root, slotProps.root, canUseDOM() ? null : /*#__PURE__*/createElement("style", {
-    // Using dangerous HTML because react can escape characters
-    // which can lead to invalid CSS.
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: state.serverStyleProps.cssRule
-    },
-    ...state.serverStyleProps.attributes
-  }), slotProps.root.children))))))));
+ */ export const renderFluentProvider_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    // 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 /*#__PURE__*/ createElement(Provider, {
+        value: contextValues.provider
+    }, /*#__PURE__*/ createElement(ThemeProvider, {
+        value: contextValues.theme
+    }, /*#__PURE__*/ createElement(ThemeClassNameProvider, {
+        value: contextValues.themeClassName
+    }, /*#__PURE__*/ createElement(CustomStyleHooksProvider, {
+        value: contextValues.customStyleHooks_unstable
+    }, /*#__PURE__*/ createElement(TooltipVisibilityProvider, {
+        value: contextValues.tooltip
+    }, /*#__PURE__*/ createElement(TextDirectionProvider, {
+        dir: contextValues.textDirection
+    }, /*#__PURE__*/ createElement(OverridesProvider, {
+        value: contextValues.overrides_unstable
+    }, /*#__PURE__*/ createElement(slots.root, slotProps.root, canUseDOM() ? null : /*#__PURE__*/ createElement("style", {
+        // Using dangerous HTML because react can escape characters
+        // which can lead to invalid CSS.
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML: {
+            __html: state.serverStyleProps.cssRule
+        },
+        ...state.serverStyleProps.attributes
+    }), slotProps.root.children))))))));
 };
-//# sourceMappingURL=renderFluentProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createElement","canUseDOM","getSlotsNext","TextDirectionProvider","OverridesProvider_unstable","OverridesProvider","Provider_unstable","Provider","TooltipVisibilityProvider_unstable","TooltipVisibilityProvider","ThemeProvider_unstable","ThemeProvider","ThemeClassNameProvider_unstable","ThemeClassNameProvider","CustomStyleHooksProvider_unstable","CustomStyleHooksProvider","renderFluentProvider_unstable","state","contextValues","slots","slotProps","value","provider","theme","themeClassName","customStyleHooks_unstable","tooltip","dir","textDirection","overrides_unstable","root","dangerouslySetInnerHTML","__html","serverStyleProps","cssRule","attributes","children"],"sources":["../../../src/components/FluentProvider/renderFluentProvider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { canUseDOM, getSlotsNext } 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';\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 } = getSlotsNext<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}>\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                    {slotProps.root.children}\n                  </slots.root>\n                </OverridesProvider>\n              </TextDirectionProvider>\n            </TooltipVisibilityProvider>\n          </CustomStyleHooksProvider>\n        </ThemeClassNameProvider>\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,SAAS,EAAEC,YAAY,QAAQ;AACxC,SAASC,qBAAqB,QAAQ;AACtC,SACEC,0BAAA,IAA8BC,iBAAiB,EAC/CC,iBAAA,IAAqBC,QAAQ,EAC7BC,kCAAA,IAAsCC,yBAAyB,EAC/DC,sBAAA,IAA0BC,aAAa,EACvCC,+BAAA,IAAmCC,sBAAsB,EACzDC,iCAAA,IAAqCC,wBAAwB,QAExD;AAGP;;;AAGA,OAAO,MAAMC,6BAAA,GAAgCA,CAC3CC,KAAA,EACAC,aAAA,KACG;EACH,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGlB,YAAA,CAAkCe,KAAA;EAE/D;EACA;EACA;EAEA,oBACEjB,aA9BJ,CA8BKO,QAAA;IAASc,KAAA,EAAOH,aAAA,CAAcI;kBAC7BtB,aA/BN,CA+BOW,aAAA;IAAcU,KAAA,EAAOH,aAAA,CAAcK;kBAClCvB,aAhCR,CAgCSa,sBAAA;IAAuBQ,KAAA,EAAOH,aAAA,CAAcM;kBAC3CxB,aAjCV,CAiCWe,wBAAA;IACCM,KAAA,EAAOH,aAAA,CAAcO;kBAErBzB,aApCZ,CAoCaS,yBAAA;IAA0BY,KAAA,EAAOH,aAAA,CAAcQ;kBAC9C1B,aArCd,CAqCeG,qBAAA;IAAsBwB,GAAA,EAAKT,aAAA,CAAcU;kBACxC5B,aAtChB,CAsCiBK,iBAAA;IAAkBgB,KAAA,EAAOH,aAAA,CAAcW;kBACtC7B,aAvClB,CAuCmBmB,KAAA,CAAMW,IAAI,EAAKV,SAAA,CAAUU,IAAI,EAC3B7B,SAAA,KAAc,IAAI,gBACjBD,aAzCtB,CAyCuB;IACC;IACA;IACA;IACA+B,uBAAA,EAAyB;MAAEC,MAAA,EAAQf,KAAA,CAAMgB,gBAAgB,CAACC;IAAQ;IACjE,GAAGjB,KAAA,CAAMgB,gBAAgB,CAACE;IAE9B,EACAf,SAAA,CAAUU,IAAI,CAACM,QAAQ;AAU5C"}
+{"version":3,"sources":["renderFluentProvider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { canUseDOM, getSlotsNext } 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';\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 } = getSlotsNext<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}>\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                    {slotProps.root.children}\n                  </slots.root>\n                </OverridesProvider>\n              </TextDirectionProvider>\n            </TooltipVisibilityProvider>\n          </CustomStyleHooksProvider>\n        </ThemeClassNameProvider>\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"names":["createElement","canUseDOM","getSlotsNext","TextDirectionProvider","OverridesProvider_unstable","OverridesProvider","Provider_unstable","Provider","TooltipVisibilityProvider_unstable","TooltipVisibilityProvider","ThemeProvider_unstable","ThemeProvider","ThemeClassNameProvider_unstable","ThemeClassNameProvider","CustomStyleHooksProvider_unstable","CustomStyleHooksProvider","renderFluentProvider_unstable","state","contextValues","slots","slotProps","value","provider","theme","themeClassName","customStyleHooks_unstable","tooltip","dir","textDirection","overrides_unstable","root","style","dangerouslySetInnerHTML","__html","serverStyleProps","cssRule","attributes","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,SAAS,EAAEC,YAAY,QAAQ,4BAA4B;AACpE,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;AAGzC;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAC3CC,OACAC,gBACG;IACH,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGlB,aAAkCe;IAE/D,+FAA+F;IAC/F,oFAAoF;IACpF,0GAA0G;IAE1G,qBACE,AA9BJ,cA8BKV;QAASc,OAAOH,cAAcI,QAAQ;qBACrC,AA/BN,cA+BOX;QAAcU,OAAOH,cAAcK,KAAK;qBACvC,AAhCR,cAgCSV;QAAuBQ,OAAOH,cAAcM,cAAc;qBACzD,AAjCV,cAiCWT;QACCM,OAAOH,cAAcO,yBAAyB;qBAE9C,AApCZ,cAoCahB;QAA0BY,OAAOH,cAAcQ,OAAO;qBACrD,AArCd,cAqCevB;QAAsBwB,KAAKT,cAAcU,aAAa;qBACrD,AAtChB,cAsCiBvB;QAAkBgB,OAAOH,cAAcW,kBAAkB;qBACxD,AAvClB,cAuCmBV,MAAMW,IAAI,EAAKV,UAAUU,IAAI,EAC3B7B,cAAc,IAAI,iBACjB,AAzCtB,cAyCuB8B;QACC,2DAA2D;QAC3D,iCAAiC;QACjC,2CAA2C;QAC3CC,yBAAyB;YAAEC,QAAQhB,MAAMiB,gBAAgB,CAACC,OAAO;QAAC;QACjE,GAAGlB,MAAMiB,gBAAgB,CAACE,UAAU;MAExC,EACAhB,UAAUU,IAAI,CAACO,QAAQ;AAU5C,EAAE"}

package/lib/components/FluentProvider/useFluentProvider.js

@@ -12,93 +12,80 @@ import { useRenderer_unstable } from '@griffel/react';
  *
  * @param props - props from this instance of FluentProvider
  * @param ref - reference to root HTMLElement of FluentProvider
- */
-export const useFluentProvider_unstable = (props, ref) => {
-  const parentContext = useFluent();
-  const parentTheme = useTheme();
-  const parentOverrides = useOverrides();
-  const parentCustomStyleHooks = React.useContext(CustomStyleHooksContext) || {};
-  /**
-  * 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,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    customStyleHooks_unstable,
-    dir = parentContext.dir,
-    targetDocument = parentContext.targetDocument,
-    theme,
-    overrides_unstable: overrides = {}
-  } = props;
-  const mergedTheme = shallowMerge(parentTheme, theme);
-  const mergedOverrides = shallowMerge(parentOverrides, overrides);
-  const mergedCustomStyleHooks = shallowMerge(parentCustomStyleHooks, customStyleHooks_unstable);
-  React.useEffect(() => {
-    if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {
-      // eslint-disable-next-line no-console
-      console.warn(`
+ */ export const useFluentProvider_unstable = (props, ref)=>{
+    const parentContext = useFluent();
+    const parentTheme = useTheme();
+    const parentOverrides = useOverrides();
+    const parentCustomStyleHooks = React.useContext(CustomStyleHooksContext) || {};
+    /**
+   * 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 , // eslint-disable-next-line @typescript-eslint/naming-convention
+    customStyleHooks_unstable , dir =parentContext.dir , targetDocument =parentContext.targetDocument , theme , overrides_unstable: overrides = {}  } = props;
+    const mergedTheme = shallowMerge(parentTheme, theme);
+    const mergedOverrides = shallowMerge(parentOverrides, overrides);
+    const mergedCustomStyleHooks = shallowMerge(parentCustomStyleHooks, customStyleHooks_unstable);
+    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
-  }, []);
-  const renderer = useRenderer_unstable();
-  var _renderer_styleElementAttributes;
-  const {
-    styleTagId,
-    rule
-  } = useFluentProviderThemeStyleTag({
-    theme: mergedTheme,
-    targetDocument,
-    rendererAttributes: (_renderer_styleElementAttributes = renderer.styleElementAttributes) !== null && _renderer_styleElementAttributes !== void 0 ? _renderer_styleElementAttributes : {}
-  });
-  return {
-    applyStylesToPortals,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    customStyleHooks_unstable: mergedCustomStyleHooks,
-    dir,
-    targetDocument,
-    theme: mergedTheme,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    overrides_unstable: mergedOverrides,
-    themeClassName: styleTagId,
-    components: {
-      root: 'div'
-    },
-    root: getNativeElementProps('div', {
-      ...props,
-      dir,
-      ref: useMergedRefs(ref, useFocusVisible({
-        targetDocument
-      }))
-    }),
-    serverStyleProps: {
-      cssRule: rule,
-      attributes: {
-        ...renderer.styleElementAttributes,
-        id: styleTagId
-      }
-    }
-  };
-};
-function shallowMerge(a, b) {
-  // Merge impacts perf: we should like to avoid it if it's possible
-  if (a && b) {
+    }, []);
+    const renderer = useRenderer_unstable();
+    var _renderer_styleElementAttributes;
+    const { styleTagId , rule  } = useFluentProviderThemeStyleTag({
+        theme: mergedTheme,
+        targetDocument,
+        rendererAttributes: (_renderer_styleElementAttributes = renderer.styleElementAttributes) !== null && _renderer_styleElementAttributes !== void 0 ? _renderer_styleElementAttributes : {}
+    });
     return {
-      ...a,
-      ...b
+        applyStylesToPortals,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        customStyleHooks_unstable: mergedCustomStyleHooks,
+        dir,
+        targetDocument,
+        theme: mergedTheme,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        overrides_unstable: mergedOverrides,
+        themeClassName: styleTagId,
+        components: {
+            root: 'div'
+        },
+        root: getNativeElementProps('div', {
+            ...props,
+            dir,
+            ref: useMergedRefs(ref, useFocusVisible({
+                targetDocument
+            }))
+        }),
+        serverStyleProps: {
+            cssRule: rule,
+            attributes: {
+                ...renderer.styleElementAttributes,
+                id: styleTagId
+            }
+        }
     };
-  }
-  if (a) {
-    return a;
-  }
-  return b;
+};
+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;
 }
 function useTheme() {
-  return React.useContext(ThemeContext);
+    return React.useContext(ThemeContext);
 }
-//# sourceMappingURL=useFluentProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useFocusVisible","ThemeContext_unstable","ThemeContext","useFluent_unstable","useFluent","useOverrides_unstable","useOverrides","CustomStyleHooksContext_unstable","CustomStyleHooksContext","getNativeElementProps","useMergedRefs","React","useFluentProviderThemeStyleTag","useRenderer_unstable","useFluentProvider_unstable","props","ref","parentContext","parentTheme","useTheme","parentOverrides","parentCustomStyleHooks","useContext","applyStylesToPortals","customStyleHooks_unstable","dir","targetDocument","theme","overrides_unstable","overrides","mergedTheme","shallowMerge","mergedOverrides","mergedCustomStyleHooks","useEffect","process","env","NODE_ENV","undefined","console","warn","renderer","_renderer_styleElementAttributes","styleTagId","rule","rendererAttributes","styleElementAttributes","themeClassName","components","root","serverStyleProps","cssRule","attributes","id","a","b"],"sources":["../../../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  CustomStyleHooksContext_unstable as CustomStyleHooksContext,\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';\nimport { useRenderer_unstable } from '@griffel/react';\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: CustomStyleHooksContextValue = React.useContext(CustomStyleHooksContext) || {};\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  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  const renderer = useRenderer_unstable();\n  const { styleTagId, rule } = useFluentProviderThemeStyleTag({\n    theme: mergedTheme,\n    targetDocument,\n    rendererAttributes: renderer.styleElementAttributes ?? {},\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: styleTagId,\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    serverStyleProps: {\n      cssRule: rule,\n      attributes: {\n        ...renderer.styleElementAttributes,\n        id: styleTagId,\n      },\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"],"mappings":"AAAA,SAASA,eAAe,QAAQ;AAChC,SACEC,qBAAA,IAAyBC,YAAY,EACrCC,kBAAA,IAAsBC,SAAS,EAC/BC,qBAAA,IAAyBC,YAAY,EACrCC,gCAAA,IAAoCC,uBAAuB,QACtD;AAMP,SAASC,qBAAqB,EAAEC,aAAa,QAAQ;AACrD,YAAYC,KAAA,MAAW;AACvB,SAASC,8BAA8B,QAAQ;AAE/C,SAASC,oBAAoB,QAAQ;AAErC;;;;;;;;;AASA,OAAO,MAAMC,0BAAA,GAA6BA,CACxCC,KAAA,EACAC,GAAA,KACwB;EACxB,MAAMC,aAAA,GAAgBb,SAAA;EACtB,MAAMc,WAAA,GAAcC,QAAA;EACpB,MAAMC,eAAA,GAAkBd,YAAA;EACxB,MAAMe,sBAAA,GAAuDV,KAAA,CAAMW,UAAU,CAACd,uBAAA,KAA4B,CAAC;EAE3G;;;;;EAKA,MAAM;IACJe,oBAAA,GAAuB,IAAI;IAC3B;IACAC,yBAAA;IACAC,GAAA,GAAMR,aAAA,CAAcQ,GAAG;IACvBC,cAAA,GAAiBT,aAAA,CAAcS,cAAc;IAC7CC,KAAA;IACAC,kBAAA,EAAoBC,SAAA,GAAY,CAAC;EAAC,CACnC,GAAGd,KAAA;EACJ,MAAMe,WAAA,GAAcC,YAAA,CAAab,WAAA,EAAaS,KAAA;EAE9C,MAAMK,eAAA,GAAkBD,YAAA,CAAaX,eAAA,EAAiBS,SAAA;EAEtD,MAAMI,sBAAA,GAAyBF,YAAA,CAC7BV,sBAAA,EACAG,yBAAA;EAGFb,KAAA,CAAMuB,SAAS,CAAC,MAAM;IACpB,IAAIC,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBP,WAAA,KAAgBQ,SAAA,EAAW;MACtE;MACAC,OAAA,CAAQC,IAAI,CAAE;;;;OAIb;IACH;IACA;EACF,GAAG,EAAE;EAEL,MAAMC,QAAA,GAAW5B,oBAAA;MAIK6B,gCAAA;EAHtB,MAAM;IAAEC,UAAA;IAAYC;EAAI,CAAE,GAAGhC,8BAAA,CAA+B;IAC1De,KAAA,EAAOG,WAAA;IACPJ,cAAA;IACAmB,kBAAA,EAAoB,CAAAH,gCAAA,GAAAD,QAAA,CAASK,sBAAsB,cAA/BJ,gCAAA,cAAAA,gCAAA,GAAmC,CAAC;EAC1D;EACA,OAAO;IACLnB,oBAAA;IACA;IACAC,yBAAA,EAA2BS,sBAAA;IAC3BR,GAAA;IACAC,cAAA;IACAC,KAAA,EAAOG,WAAA;IACP;IACAF,kBAAA,EAAoBI,eAAA;IACpBe,cAAA,EAAgBJ,UAAA;IAEhBK,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IAEAA,IAAA,EAAMxC,qBAAA,CAAsB,OAAO;MACjC,GAAGM,KAAK;MACRU,GAAA;MACAT,GAAA,EAAKN,aAAA,CAAcM,GAAA,EAAKhB,eAAA,CAAgC;QAAE0B;MAAe;IAC3E;IAEAwB,gBAAA,EAAkB;MAChBC,OAAA,EAASP,IAAA;MACTQ,UAAA,EAAY;QACV,GAAGX,QAAA,CAASK,sBAAsB;QAClCO,EAAA,EAAIV;MACN;IACF;EACF;AACF;AAEA,SAASZ,aAAgBuB,CAAI,EAAEC,CAAI,EAAK;EACtC;EACA,IAAID,CAAA,IAAKC,CAAA,EAAG;IACV,OAAO;MAAE,GAAGD,CAAC;MAAE,GAAGC;IAAE;EACtB;EAEA,IAAID,CAAA,EAAG;IACL,OAAOA,CAAA;EACT;EAEA,OAAOC,CAAA;AACT;AAEA,SAASpC,SAAA,EAA8B;EACrC,OAAOR,KAAA,CAAMW,UAAU,CAACpB,YAAA;AAC1B"}
+{"version":3,"sources":["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  CustomStyleHooksContext_unstable as CustomStyleHooksContext,\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';\nimport { useRenderer_unstable } from '@griffel/react';\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: CustomStyleHooksContextValue = React.useContext(CustomStyleHooksContext) || {};\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  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  const renderer = useRenderer_unstable();\n  const { styleTagId, rule } = useFluentProviderThemeStyleTag({\n    theme: mergedTheme,\n    targetDocument,\n    rendererAttributes: renderer.styleElementAttributes ?? {},\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: styleTagId,\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    serverStyleProps: {\n      cssRule: rule,\n      attributes: {\n        ...renderer.styleElementAttributes,\n        id: styleTagId,\n      },\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"],"names":["useFocusVisible","ThemeContext_unstable","ThemeContext","useFluent_unstable","useFluent","useOverrides_unstable","useOverrides","CustomStyleHooksContext_unstable","CustomStyleHooksContext","getNativeElementProps","useMergedRefs","React","useFluentProviderThemeStyleTag","useRenderer_unstable","useFluentProvider_unstable","props","ref","parentContext","parentTheme","useTheme","parentOverrides","parentCustomStyleHooks","useContext","applyStylesToPortals","customStyleHooks_unstable","dir","targetDocument","theme","overrides_unstable","overrides","mergedTheme","shallowMerge","mergedOverrides","mergedCustomStyleHooks","useEffect","process","env","NODE_ENV","undefined","console","warn","renderer","styleTagId","rule","rendererAttributes","styleElementAttributes","themeClassName","components","root","serverStyleProps","cssRule","attributes","id","a","b"],"mappings":"AAAA,SAASA,eAAe,QAAQ,0BAA0B;AAC1D,SACEC,yBAAyBC,YAAY,EACrCC,sBAAsBC,SAAS,EAC/BC,yBAAyBC,YAAY,EACrCC,oCAAoCC,uBAAuB,QACtD,kCAAkC;AAMzC,SAASC,qBAAqB,EAAEC,aAAa,QAAQ,4BAA4B;AACjF,YAAYC,WAAW,QAAQ;AAC/B,SAASC,8BAA8B,QAAQ,mCAAmC;AAElF,SAASC,oBAAoB,QAAQ,iBAAiB;AAEtD;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC,MACwB;IACxB,MAAMC,gBAAgBb;IACtB,MAAMc,cAAcC;IACpB,MAAMC,kBAAkBd;IACxB,MAAMe,yBAAuDV,MAAMW,UAAU,CAACd,4BAA4B,CAAC;IAE3G;;;;GAIC,GACD,MAAM,EACJe,sBAAuB,IAAI,CAAA,EAC3B,gEAAgE;IAChEC,0BAAyB,EACzBC,KAAMR,cAAcQ,GAAG,CAAA,EACvBC,gBAAiBT,cAAcS,cAAc,CAAA,EAC7CC,MAAK,EACLC,oBAAoBC,YAAY,CAAC,CAAC,CAAA,EACnC,GAAGd;IACJ,MAAMe,cAAcC,aAAab,aAAaS;IAE9C,MAAMK,kBAAkBD,aAAaX,iBAAiBS;IAEtD,MAAMI,yBAAyBF,aAC7BV,wBACAG;IAGFb,MAAMuB,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;IAEL,MAAMC,WAAW5B;QAIK4B;IAHtB,MAAM,EAAEC,WAAU,EAAEC,KAAI,EAAE,GAAG/B,+BAA+B;QAC1De,OAAOG;QACPJ;QACAkB,oBAAoBH,CAAAA,mCAAAA,SAASI,sBAAsB,cAA/BJ,8CAAAA,mCAAmC,CAAC,CAAC;IAC3D;IACA,OAAO;QACLlB;QACA,gEAAgE;QAChEC,2BAA2BS;QAC3BR;QACAC;QACAC,OAAOG;QACP,gEAAgE;QAChEF,oBAAoBI;QACpBc,gBAAgBJ;QAEhBK,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMvC,sBAAsB,OAAO;YACjC,GAAGM,KAAK;YACRU;YACAT,KAAKN,cAAcM,KAAKhB,gBAAgC;gBAAE0B;YAAe;QAC3E;QAEAuB,kBAAkB;YAChBC,SAASP;YACTQ,YAAY;gBACV,GAAGV,SAASI,sBAAsB;gBAClCO,IAAIV;YACN;QACF;IACF;AACF,EAAE;AAEF,SAASX,aAAgBsB,CAAI,EAAEC,CAAI,EAAK;IACtC,kEAAkE;IAClE,IAAID,KAAKC,GAAG;QACV,OAAO;YAAE,GAAGD,CAAC;YAAE,GAAGC,CAAC;QAAC;IACtB,CAAC;IAED,IAAID,GAAG;QACL,OAAOA;IACT,CAAC;IAED,OAAOC;AACT;AAEA,SAASnC,WAA8B;IACrC,OAAOR,MAAMW,UAAU,CAACpB;AAC1B"}

package/lib/components/FluentProvider/useFluentProviderContextValues.js

@@ -1,34 +1,27 @@
 import * as React from 'react';
 export function useFluentProviderContextValues_unstable(state) {
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  const {
-    applyStylesToPortals,
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    customStyleHooks_unstable,
-    dir,
-    root,
-    targetDocument,
-    theme,
-    themeClassName,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    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
-    customStyleHooks_unstable,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    overrides_unstable,
-    provider,
-    textDirection: dir,
-    tooltip,
-    theme,
-    themeClassName: applyStylesToPortals ? root.className : themeClassName
-  };
+    const { applyStylesToPortals , // eslint-disable-next-line @typescript-eslint/naming-convention
+    customStyleHooks_unstable , dir , root , targetDocument , theme , themeClassName , // eslint-disable-next-line @typescript-eslint/naming-convention
+    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
+        customStyleHooks_unstable,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        overrides_unstable,
+        provider,
+        textDirection: dir,
+        tooltip,
+        theme,
+        themeClassName: applyStylesToPortals ? root.className : themeClassName
+    };
 }
-//# sourceMappingURL=useFluentProviderContextValues.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useFluentProviderContextValues_unstable","state","applyStylesToPortals","customStyleHooks_unstable","dir","root","targetDocument","theme","themeClassName","overrides_unstable","provider","useMemo","tooltip","useState","textDirection","className"],"sources":["../../../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 {\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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,SAASC,wCAAwCC,KAA0B,EAA+B;EAC/G;EACA,MAAM;IACJC,oBAAA;IACA;IACAC,yBAAA;IACAC,GAAA;IACAC,IAAA;IACAC,cAAA;IACAC,KAAA;IACAC,cAAA;IACA;IACAC;EAAkB,CACnB,GAAGR,KAAA;EAEJ,MAAMS,QAAA,GAAWX,KAAA,CAAMY,OAAO,CAAC,OAAO;IAAEP,GAAA;IAAKE;EAAe,IAAI,CAACF,GAAA,EAAKE,cAAA,CAAe;EACrF;EACA,MAAM,CAACM,OAAA,CAAQ,GAAGb,KAAA,CAAMc,QAAQ,CAAC,OAAO,CAAC;EAEzC,OAAO;IACL;IACAV,yBAAA;IACA;IACAM,kBAAA;IACAC,QAAA;IACAI,aAAA,EAAeV,GAAA;IACfQ,OAAA;IACAL,KAAA;IACAC,cAAA,EAAgBN,oBAAA,GAAuBG,IAAA,CAAKU,SAAS,GAAIP;EAC3D;AACF"}
+{"version":3,"sources":["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 {\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"],"names":["React","useFluentProviderContextValues_unstable","state","applyStylesToPortals","customStyleHooks_unstable","dir","root","targetDocument","theme","themeClassName","overrides_unstable","provider","useMemo","tooltip","useState","textDirection","className"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,wCAAwCC,KAA0B,EAA+B;IAC/G,gEAAgE;IAChE,MAAM,EACJC,qBAAoB,EACpB,gEAAgE;IAChEC,0BAAyB,EACzBC,IAAG,EACHC,KAAI,EACJC,eAAc,EACdC,MAAK,EACLC,eAAc,EACd,gEAAgE;IAChEC,mBAAkB,EACnB,GAAGR;IAEJ,MAAMS,WAAWX,MAAMY,OAAO,CAAC,IAAO,CAAA;YAAEP;YAAKE;QAAe,CAAA,GAAI;QAACF;QAAKE;KAAe;IACrF,mFAAmF;IACnF,MAAM,CAACM,QAAQ,GAAGb,MAAMc,QAAQ,CAAC,IAAO,CAAA,CAAC,CAAA;IAEzC,OAAO;QACL,gEAAgE;QAChEV;QACA,gEAAgE;QAChEM;QACAC;QACAI,eAAeV;QACfQ;QACAL;QACAC,gBAAgBN,uBAAuBG,KAAKU,SAAS,GAAIP,cAAc;IACzE;AACF,CAAC"}

package/lib/components/FluentProvider/useFluentProviderStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","useRenderer_unstable","tokens","typographyStyles","fluentProviderClassNames","root","useStyles","sj55zd","De3pzq","fsow6f","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useFluentProviderStyles_unstable","state","renderer","styles","dir","className","themeClassName"],"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.styles.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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,MAAM,EAAEC,gBAAgB,QAAQ;AAIzC,OAAO,MAAMC,wBAAA,GAAgE;EAC3EC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAOlB;AAEA;AACA,OAAO,MAAMC,gCAAA,GAAoCC,KAAA,IAA+B;EAC9E,MAAMC,QAAA,GAAWhB,oBAAA;EACjB,MAAMiB,MAAA,GAASZ,SAAA,CAAU;IAAEa,GAAA,EAAKH,KAAA,CAAMG,GAAG;IAAEF;EAAS;EAEpDD,KAAA,CAAMX,IAAI,CAACe,SAAS,GAAGpB,YAAA,CACrBI,wBAAA,CAAyBC,IAAI,EAC7BW,KAAA,CAAMK,cAAc,EACpBH,MAAA,CAAOb,IAAI,EACXW,KAAA,CAAMX,IAAI,CAACe,SAAS;EAGtB,OAAOJ,KAAA;AACT"}
+{"version":3,"names":["__styles","mergeClasses","useRenderer_unstable","tokens","typographyStyles","fluentProviderClassNames","root","useStyles","sj55zd","De3pzq","fsow6f","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useFluentProviderStyles_unstable","state","renderer","styles","dir","className","themeClassName"],"sources":["useFluentProviderStyles.styles.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 = 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 */ export 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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,eAAe;AACxD,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAOjB,CAAC;AACF;AAAyC,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EAC9F,MAAMC,QAAQ,GAAGhB,oBAAoB,CAAC,CAAC;EACvC,MAAMiB,MAAM,GAAGZ,SAAS,CAAC;IACrBa,GAAG,EAAEH,KAAK,CAACG,GAAG;IACdF;EACJ,CAAC,CAAC;EACFD,KAAK,CAACX,IAAI,CAACe,SAAS,GAAGpB,YAAY,CAACI,wBAAwB,CAACC,IAAI,EAAEW,KAAK,CAACK,cAAc,EAAEH,MAAM,CAACb,IAAI,EAAEW,KAAK,CAACX,IAAI,CAACe,SAAS,CAAC;EAC3H,OAAOJ,KAAK;AAChB,CAAC"}

package/lib/components/FluentProvider/useFluentProviderThemeStyleTag.js

@@ -3,88 +3,89 @@ import * as React from 'react';
 import { fluentProviderClassNames } from './useFluentProviderStyles.styles';
 // String concatenation is used to prevent bundlers to complain with older versions of React
 const useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : 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 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 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.');
     }
-    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
  * @internal
  * @returns CSS class to apply the rule
- */
-export const useFluentProviderThemeStyleTag = options => {
-  const {
-    targetDocument,
-    theme,
-    rendererAttributes
-  } = options;
-  const styleTag = React.useRef();
-  const styleTagId = useId(fluentProviderClassNames.root);
-  const styleElementAttributes = rendererAttributes;
-  const cssVarsAsString = React.useMemo(() => {
-    return theme ? Object.keys(theme).reduce((cssVarRule, cssVar) => {
-      cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;
-      return cssVarRule;
-    }, '') : '';
-  }, [theme]);
-  const rule = `.${styleTagId} { ${cssVarsAsString} }`;
-  useHandleSSRStyleElements(targetDocument, styleTagId);
-  useInsertionEffect(() => {
-    // The style element could already have been created during SSR - no need to recreate it
-    const ssrStyleElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.getElementById(styleTagId);
-    if (ssrStyleElement) {
-      styleTag.current = ssrStyleElement;
-    } else {
-      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();
+ */ export const useFluentProviderThemeStyleTag = (options)=>{
+    const { targetDocument , theme , rendererAttributes  } = options;
+    const styleTag = React.useRef();
+    const styleTagId = useId(fluentProviderClassNames.root);
+    const styleElementAttributes = rendererAttributes;
+    const cssVarsAsString = React.useMemo(()=>{
+        return theme ? Object.keys(theme).reduce((cssVarRule, cssVar)=>{
+            cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;
+            return cssVarRule;
+        }, '') : '';
+    }, [
+        theme
+    ]);
+    const rule = `.${styleTagId} { ${cssVarsAsString} }`;
+    useHandleSSRStyleElements(targetDocument, styleTagId);
+    useInsertionEffect(()=>{
+        // The style element could already have been created during SSR - no need to recreate it
+        const ssrStyleElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.getElementById(styleTagId);
+        if (ssrStyleElement) {
+            styleTag.current = ssrStyleElement;
+        } else {
+            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,
+        rule
     };
-  }, [styleTagId, targetDocument, rule, styleElementAttributes]);
-  return {
-    styleTagId,
-    rule
-  };
 };
 function useHandleSSRStyleElements(targetDocument, styleTagId) {
-  // Using a state factory so that this logic only runs once per render
-  // Each FluentProvider can create its own style element during SSR as a slot
-  // Moves all theme style elements to document head during render to avoid hydration errors.
-  // Should be strict mode safe since the logic is idempotent.
-  React.useState(() => {
-    if (!targetDocument) {
-      return;
-    }
-    const themeStyleElement = targetDocument.getElementById(styleTagId);
-    if (themeStyleElement) {
-      targetDocument.head.append(themeStyleElement);
-    }
-  });
+    // Using a state factory so that this logic only runs once per render
+    // Each FluentProvider can create its own style element during SSR as a slot
+    // Moves all theme style elements to document head during render to avoid hydration errors.
+    // Should be strict mode safe since the logic is idempotent.
+    React.useState(()=>{
+        if (!targetDocument) {
+            return;
+        }
+        const themeStyleElement = targetDocument.getElementById(styleTagId);
+        if (themeStyleElement) {
+            targetDocument.head.append(themeStyleElement);
+        }
+    });
 }
-//# sourceMappingURL=useFluentProviderThemeStyleTag.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useId","useIsomorphicLayoutEffect","React","fluentProviderClassNames","useInsertionEffect","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","rendererAttributes","styleTag","useRef","styleTagId","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","useHandleSSRStyleElements","ssrStyleElement","getElementById","current","id","_styleTag_current","remove","useState","themeStyleElement","append"],"sources":["../../../src/components/FluentProvider/useFluentProviderThemeStyleTag.ts"],"sourcesContent":["import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type { FluentProviderState } from './FluentProvider.types';\nimport { fluentProviderClassNames } from './useFluentProviderStyles.styles';\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 * @internal\n * @returns CSS class to apply the rule\n */\nexport const useFluentProviderThemeStyleTag = (\n  options: Pick<FluentProviderState, 'theme' | 'targetDocument'> & { rendererAttributes: Record<string, string> },\n) => {\n  const { targetDocument, theme, rendererAttributes } = options;\n\n  const styleTag = React.useRef<HTMLStyleElement | undefined | null>();\n\n  const styleTagId = useId(fluentProviderClassNames.root);\n  const styleElementAttributes = rendererAttributes;\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  useHandleSSRStyleElements(targetDocument, styleTagId);\n  useInsertionEffect(() => {\n    // The style element could already have been created during SSR - no need to recreate it\n    const ssrStyleElement = targetDocument?.getElementById(styleTagId);\n    if (ssrStyleElement) {\n      styleTag.current = ssrStyleElement as HTMLStyleElement;\n    } else {\n      styleTag.current = createStyleTag(targetDocument, { ...styleElementAttributes, id: styleTagId });\n      if (styleTag.current) {\n        insertSheet(styleTag.current, rule);\n      }\n    }\n\n    return () => {\n      styleTag.current?.remove();\n    };\n  }, [styleTagId, targetDocument, rule, styleElementAttributes]);\n\n  return { styleTagId, rule };\n};\n\nfunction useHandleSSRStyleElements(targetDocument: Document | undefined | null, styleTagId: string) {\n  // Using a state factory so that this logic only runs once per render\n  // Each FluentProvider can create its own style element during SSR as a slot\n  // Moves all theme style elements to document head during render to avoid hydration errors.\n  // Should be strict mode safe since the logic is idempotent.\n  React.useState(() => {\n    if (!targetDocument) {\n      return;\n    }\n\n    const themeStyleElement = targetDocument.getElementById(styleTagId);\n    if (themeStyleElement) {\n      targetDocument.head.append(themeStyleElement);\n    }\n  });\n}\n"],"mappings":"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"}
+{"version":3,"sources":["useFluentProviderThemeStyleTag.ts"],"sourcesContent":["import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type { FluentProviderState } from './FluentProvider.types';\nimport { fluentProviderClassNames } from './useFluentProviderStyles.styles';\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 * @internal\n * @returns CSS class to apply the rule\n */\nexport const useFluentProviderThemeStyleTag = (\n  options: Pick<FluentProviderState, 'theme' | 'targetDocument'> & { rendererAttributes: Record<string, string> },\n) => {\n  const { targetDocument, theme, rendererAttributes } = options;\n\n  const styleTag = React.useRef<HTMLStyleElement | undefined | null>();\n\n  const styleTagId = useId(fluentProviderClassNames.root);\n  const styleElementAttributes = rendererAttributes;\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  useHandleSSRStyleElements(targetDocument, styleTagId);\n  useInsertionEffect(() => {\n    // The style element could already have been created during SSR - no need to recreate it\n    const ssrStyleElement = targetDocument?.getElementById(styleTagId);\n    if (ssrStyleElement) {\n      styleTag.current = ssrStyleElement as HTMLStyleElement;\n    } else {\n      styleTag.current = createStyleTag(targetDocument, { ...styleElementAttributes, id: styleTagId });\n      if (styleTag.current) {\n        insertSheet(styleTag.current, rule);\n      }\n    }\n\n    return () => {\n      styleTag.current?.remove();\n    };\n  }, [styleTagId, targetDocument, rule, styleElementAttributes]);\n\n  return { styleTagId, rule };\n};\n\nfunction useHandleSSRStyleElements(targetDocument: Document | undefined | null, styleTagId: string) {\n  // Using a state factory so that this logic only runs once per render\n  // Each FluentProvider can create its own style element during SSR as a slot\n  // Moves all theme style elements to document head during render to avoid hydration errors.\n  // Should be strict mode safe since the logic is idempotent.\n  React.useState(() => {\n    if (!targetDocument) {\n      return;\n    }\n\n    const themeStyleElement = targetDocument.getElementById(styleTagId);\n    if (themeStyleElement) {\n      targetDocument.head.append(themeStyleElement);\n    }\n  });\n}\n"],"names":["useId","useIsomorphicLayoutEffect","React","fluentProviderClassNames","useInsertionEffect","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","rendererAttributes","styleTag","useRef","styleTagId","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","useHandleSSRStyleElements","ssrStyleElement","getElementById","current","id","remove","useState","themeStyleElement","append"],"mappings":"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"}

package/lib/index.js

@@ -1,2 +1 @@
 export { fluentProviderClassNames, FluentProvider, renderFluentProvider_unstable, useFluentProviderContextValues_unstable, useFluentProvider_unstable, useFluentProviderStyles_unstable, useFluentProviderThemeStyleTag } from './FluentProvider';
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["fluentProviderClassNames","FluentProvider","renderFluentProvider_unstable","useFluentProviderContextValues_unstable","useFluentProvider_unstable","useFluentProviderStyles_unstable","useFluentProviderThemeStyleTag"],"sources":["../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,SACEA,wBAAwB,EACxBC,cAAc,EACdC,6BAA6B,EAC7BC,uCAAuC,EACvCC,0BAA0B,EAC1BC,gCAAgC,EAChCC,8BAA8B,QACzB"}
+{"version":3,"sources":["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"],"names":["fluentProviderClassNames","FluentProvider","renderFluentProvider_unstable","useFluentProviderContextValues_unstable","useFluentProvider_unstable","useFluentProviderStyles_unstable","useFluentProviderThemeStyleTag"],"mappings":"AAAA,SACEA,wBAAwB,EACxBC,cAAc,EACdC,6BAA6B,EAC7BC,uCAAuC,EACvCC,0BAA0B,EAC1BC,gCAAgC,EAChCC,8BAA8B,QACzB,mBAAmB"}

package/lib-commonjs/FluentProvider.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./components/FluentProvider/index"), exports);
- //# sourceMappingURL=FluentProvider.js.map
-
-//# sourceMappingURL=FluentProvider.js.map

package/lib-commonjs/FluentProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/FluentProvider.js"],"sourcesContent":["export * from './components/FluentProvider/index';\n//# sourceMappingURL=FluentProvider.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,0CAA0C"}
+{"version":3,"sources":["FluentProvider.js"],"sourcesContent":["export * from './components/FluentProvider/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

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

@@ -18,6 +18,4 @@ const FluentProvider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const contextValues = (0, _useFluentProviderContextValues.useFluentProviderContextValues_unstable)(state);
     return (0, _renderFluentProvider.renderFluentProvider_unstable)(state, contextValues);
 });
-FluentProvider.displayName = 'FluentProvider'; //# sourceMappingURL=FluentProvider.js.map
-
-//# sourceMappingURL=FluentProvider.js.map
+FluentProvider.displayName = 'FluentProvider';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/FluentProvider/FluentProvider.js"],"sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider_unstable } from './renderFluentProvider';\nimport { useFluentProvider_unstable } from './useFluentProvider';\nimport { useFluentProviderStyles_unstable } from './useFluentProviderStyles.styles';\nimport { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';\nexport const FluentProvider = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useFluentProvider_unstable(props, ref);\n  useFluentProviderStyles_unstable(state);\n  const contextValues = useFluentProviderContextValues_unstable(state);\n  return renderFluentProvider_unstable(state, contextValues);\n});\nFluentProvider.displayName = 'FluentProvider';\n//# sourceMappingURL=FluentProvider.js.map"],"names":["FluentProvider","React","forwardRef","props","ref","state","useFluentProvider_unstable","useFluentProviderStyles_unstable","contextValues","useFluentProviderContextValues_unstable","renderFluentProvider_unstable","displayName"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;sCACuB;mCACH;+CACM;gDACO;AACjD,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjC,MAAMG,gBAAgBC,IAAAA,uEAAuC,EAACJ;IAC9D,OAAOK,IAAAA,mDAA6B,EAACL,OAAOG;AAC9C;AACAR,eAAeW,WAAW,GAAG,kBAC7B,0CAA0C"}
+{"version":3,"sources":["FluentProvider.js"],"sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider_unstable } from './renderFluentProvider';\nimport { useFluentProvider_unstable } from './useFluentProvider';\nimport { useFluentProviderStyles_unstable } from './useFluentProviderStyles.styles';\nimport { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';\nexport const FluentProvider = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useFluentProvider_unstable(props, ref);\n    useFluentProviderStyles_unstable(state);\n    const contextValues = useFluentProviderContextValues_unstable(state);\n    return renderFluentProvider_unstable(state, contextValues);\n});\nFluentProvider.displayName = 'FluentProvider';\n"],"names":["FluentProvider","React","forwardRef","props","ref","state","useFluentProvider_unstable","useFluentProviderStyles_unstable","contextValues","useFluentProviderContextValues_unstable","renderFluentProvider_unstable","displayName"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;sCACuB;mCACH;+CACM;gDACO;AACjD,MAAMA,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACvE,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjC,MAAMG,gBAAgBC,IAAAA,uEAAuC,EAACJ;IAC9D,OAAOK,IAAAA,mDAA6B,EAACL,OAAOG;AAChD;AACAR,eAAeW,WAAW,GAAG"}

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

@@ -2,6 +2,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=FluentProvider.types.js.map
-
-//# sourceMappingURL=FluentProvider.types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/FluentProvider/FluentProvider.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=FluentProvider.types.js.map"],"names":[],"mappings":";;;;CACA,gDAAgD"}
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -10,6 +10,3 @@ _exportStar(require("./useFluentProvider"), exports);
 _exportStar(require("./useFluentProviderStyles.styles"), exports);
 _exportStar(require("./useFluentProviderContextValues"), exports);
 _exportStar(require("./useFluentProviderThemeStyleTag"), exports);
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/FluentProvider/index.js"],"sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles.styles';\nexport * from './useFluentProviderContextValues';\nexport * from './useFluentProviderThemeStyleTag';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles.styles';\nexport * from './useFluentProviderContextValues';\nexport * from './useFluentProviderThemeStyleTag';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}

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

@@ -38,6 +38,4 @@ const renderFluentProvider_unstable = (state, contextValues)=>{
         },
         ...state.serverStyleProps.attributes
     }), slotProps.root.children))))))));
-}; //# sourceMappingURL=renderFluentProvider.js.map
-
-//# sourceMappingURL=renderFluentProvider.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/FluentProvider/renderFluentProvider.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { canUseDOM, getSlotsNext } 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';\n/**\n * Render the final JSX of FluentProvider\n */\nexport const renderFluentProvider_unstable = (state, contextValues) => {\n  const {\n    slots,\n    slotProps\n  } = getSlotsNext(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__*/createElement(Provider, {\n    value: contextValues.provider\n  }, /*#__PURE__*/createElement(ThemeProvider, {\n    value: contextValues.theme\n  }, /*#__PURE__*/createElement(ThemeClassNameProvider, {\n    value: contextValues.themeClassName\n  }, /*#__PURE__*/createElement(CustomStyleHooksProvider, {\n    value: contextValues.customStyleHooks_unstable\n  }, /*#__PURE__*/createElement(TooltipVisibilityProvider, {\n    value: contextValues.tooltip\n  }, /*#__PURE__*/createElement(TextDirectionProvider, {\n    dir: contextValues.textDirection\n  }, /*#__PURE__*/createElement(OverridesProvider, {\n    value: contextValues.overrides_unstable\n  }, /*#__PURE__*/createElement(slots.root, slotProps.root, canUseDOM() ? null : /*#__PURE__*/createElement(\"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  }), slotProps.root.children))))))));\n};\n//# sourceMappingURL=renderFluentProvider.js.map"],"names":["renderFluentProvider_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","Provider","value","provider","ThemeProvider","theme","ThemeClassNameProvider","themeClassName","CustomStyleHooksProvider","customStyleHooks_unstable","TooltipVisibilityProvider","tooltip","TextDirectionProvider","dir","textDirection","OverridesProvider","overrides_unstable","root","canUseDOM","dangerouslySetInnerHTML","__html","serverStyleProps","cssRule","attributes","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAOrCA;;aAAAA;;iCAPqE;gCAC1C;uBACF;qCAC6R;AAI5T,MAAMA,gCAAgC,CAACC,OAAOC,gBAAkB;IACrE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,+FAA+F;IAC/F,oFAAoF;IACpF,0GAA0G;IAC1G,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACC,sCAAQ,EAAE;QAC1CC,OAAON,cAAcO,QAAQ;IAC/B,GAAG,WAAW,GAAEH,IAAAA,8BAAa,EAACI,2CAAa,EAAE;QAC3CF,OAAON,cAAcS,KAAK;IAC5B,GAAG,WAAW,GAAEL,IAAAA,8BAAa,EAACM,oDAAsB,EAAE;QACpDJ,OAAON,cAAcW,cAAc;IACrC,GAAG,WAAW,GAAEP,IAAAA,8BAAa,EAACQ,sDAAwB,EAAE;QACtDN,OAAON,cAAca,yBAAyB;IAChD,GAAG,WAAW,GAAET,IAAAA,8BAAa,EAACU,uDAAyB,EAAE;QACvDR,OAAON,cAAce,OAAO;IAC9B,GAAG,WAAW,GAAEX,IAAAA,8BAAa,EAACY,4BAAqB,EAAE;QACnDC,KAAKjB,cAAckB,aAAa;IAClC,GAAG,WAAW,GAAEd,IAAAA,8BAAa,EAACe,+CAAiB,EAAE;QAC/Cb,OAAON,cAAcoB,kBAAkB;IACzC,GAAG,WAAW,GAAEhB,IAAAA,8BAAa,EAACH,MAAMoB,IAAI,EAAEnB,UAAUmB,IAAI,EAAEC,IAAAA,yBAAS,MAAK,IAAI,GAAG,WAAW,GAAElB,IAAAA,8BAAa,EAAC,SAAS;QACjH,2DAA2D;QAC3D,iCAAiC;QACjC,2CAA2C;QAC3CmB,yBAAyB;YACvBC,QAAQzB,MAAM0B,gBAAgB,CAACC,OAAO;QACxC;QACA,GAAG3B,MAAM0B,gBAAgB,CAACE,UAAU;IACtC,EAAE,EAAEzB,UAAUmB,IAAI,CAACO,QAAQ;AAC7B,GACA,gDAAgD"}
+{"version":3,"sources":["renderFluentProvider.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { canUseDOM, getSlotsNext } 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';\n/**\n * Render the final JSX of FluentProvider\n */ export const renderFluentProvider_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(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__*/ createElement(Provider, {\n        value: contextValues.provider\n    }, /*#__PURE__*/ createElement(ThemeProvider, {\n        value: contextValues.theme\n    }, /*#__PURE__*/ createElement(ThemeClassNameProvider, {\n        value: contextValues.themeClassName\n    }, /*#__PURE__*/ createElement(CustomStyleHooksProvider, {\n        value: contextValues.customStyleHooks_unstable\n    }, /*#__PURE__*/ createElement(TooltipVisibilityProvider, {\n        value: contextValues.tooltip\n    }, /*#__PURE__*/ createElement(TextDirectionProvider, {\n        dir: contextValues.textDirection\n    }, /*#__PURE__*/ createElement(OverridesProvider, {\n        value: contextValues.overrides_unstable\n    }, /*#__PURE__*/ createElement(slots.root, slotProps.root, canUseDOM() ? null : /*#__PURE__*/ createElement(\"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    }), slotProps.root.children))))))));\n};\n"],"names":["renderFluentProvider_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","Provider","value","provider","ThemeProvider","theme","ThemeClassNameProvider","themeClassName","CustomStyleHooksProvider","customStyleHooks_unstable","TooltipVisibilityProvider","tooltip","TextDirectionProvider","dir","textDirection","OverridesProvider","overrides_unstable","root","canUseDOM","dangerouslySetInnerHTML","__html","serverStyleProps","cssRule","attributes","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMjCA;;aAAAA;;iCANkE;gCAC3C;uBACF;qCAC6R;AAGxT,MAAMA,gCAAgC,CAACC,OAAOC,gBAAgB;IACrE,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,+FAA+F;IAC/F,oFAAoF;IACpF,0GAA0G;IAC1G,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,sCAAQ,EAAE;QACzCC,OAAON,cAAcO,QAAQ;IACjC,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACI,2CAAa,EAAE;QAC1CF,OAAON,cAAcS,KAAK;IAC9B,GAAG,WAAW,GAAGL,IAAAA,8BAAa,EAACM,oDAAsB,EAAE;QACnDJ,OAAON,cAAcW,cAAc;IACvC,GAAG,WAAW,GAAGP,IAAAA,8BAAa,EAACQ,sDAAwB,EAAE;QACrDN,OAAON,cAAca,yBAAyB;IAClD,GAAG,WAAW,GAAGT,IAAAA,8BAAa,EAACU,uDAAyB,EAAE;QACtDR,OAAON,cAAce,OAAO;IAChC,GAAG,WAAW,GAAGX,IAAAA,8BAAa,EAACY,4BAAqB,EAAE;QAClDC,KAAKjB,cAAckB,aAAa;IACpC,GAAG,WAAW,GAAGd,IAAAA,8BAAa,EAACe,+CAAiB,EAAE;QAC9Cb,OAAON,cAAcoB,kBAAkB;IAC3C,GAAG,WAAW,GAAGhB,IAAAA,8BAAa,EAACH,MAAMoB,IAAI,EAAEnB,UAAUmB,IAAI,EAAEC,IAAAA,yBAAS,MAAK,IAAI,GAAG,WAAW,GAAGlB,IAAAA,8BAAa,EAAC,SAAS;QACjH,2DAA2D;QAC3D,iCAAiC;QACjC,2CAA2C;QAC3CmB,yBAAyB;YACrBC,QAAQzB,MAAM0B,gBAAgB,CAACC,OAAO;QAC1C;QACA,GAAG3B,MAAM0B,gBAAgB,CAACE,UAAU;IACxC,EAAE,EAAEzB,UAAUmB,IAAI,CAACO,QAAQ;AAC/B"}

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

@@ -19,11 +19,10 @@ const useFluentProvider_unstable = (props, ref)=>{
     const parentOverrides = (0, _reactSharedContexts.useOverrides_unstable)();
     const parentCustomStyleHooks = _react.useContext(_reactSharedContexts.CustomStyleHooksContext_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 , // eslint-disable-next-line @typescript-eslint/naming-convention
-    customStyleHooks_unstable , dir =parentContext.dir , targetDocument =parentContext.targetDocument , theme , overrides_unstable: overrides = {}  } = props;
+   * 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 , customStyleHooks_unstable , dir =parentContext.dir , targetDocument =parentContext.targetDocument , theme , overrides_unstable: overrides = {}  } = props;
     const mergedTheme = shallowMerge(parentTheme, theme);
     const mergedOverrides = shallowMerge(parentOverrides, overrides);
     const mergedCustomStyleHooks = shallowMerge(parentCustomStyleHooks, customStyleHooks_unstable);
@@ -89,6 +88,4 @@ function shallowMerge(a, b) {
 }
 function useTheme() {
     return _react.useContext(_reactSharedContexts.ThemeContext_unstable);
-} //# sourceMappingURL=useFluentProvider.js.map
-
-//# 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, CustomStyleHooksContext_unstable as CustomStyleHooksContext } from '@fluentui/react-shared-contexts';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluentProviderThemeStyleTag } from './useFluentProviderThemeStyleTag';\nimport { useRenderer_unstable } from '@griffel/react';\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  const parentCustomStyleHooks = React.useContext(CustomStyleHooksContext) || {};\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  const mergedOverrides = shallowMerge(parentOverrides, overrides);\n  const mergedCustomStyleHooks = shallowMerge(parentCustomStyleHooks, customStyleHooks_unstable);\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  const renderer = useRenderer_unstable();\n  var _renderer_styleElementAttributes;\n  const {\n    styleTagId,\n    rule\n  } = useFluentProviderThemeStyleTag({\n    theme: mergedTheme,\n    targetDocument,\n    rendererAttributes: (_renderer_styleElementAttributes = renderer.styleElementAttributes) !== null && _renderer_styleElementAttributes !== void 0 ? _renderer_styleElementAttributes : {}\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: styleTagId,\n    components: {\n      root: 'div'\n    },\n    root: getNativeElementProps('div', {\n      ...props,\n      dir,\n      ref: useMergedRefs(ref, useFocusVisible({\n        targetDocument\n      }))\n    }),\n    serverStyleProps: {\n      cssRule: rule,\n      attributes: {\n        ...renderer.styleElementAttributes,\n        id: styleTagId\n      }\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","parentCustomStyleHooks","React","useContext","CustomStyleHooksContext","applyStylesToPortals","customStyleHooks_unstable","dir","targetDocument","theme","overrides_unstable","overrides","mergedTheme","shallowMerge","mergedOverrides","mergedCustomStyleHooks","useEffect","process","env","NODE_ENV","undefined","console","warn","renderer","useRenderer_unstable","_renderer_styleElementAttributes","styleTagId","rule","useFluentProviderThemeStyleTag","rendererAttributes","styleElementAttributes","themeClassName","components","root","getNativeElementProps","useMergedRefs","useFocusVisible","serverStyleProps","cssRule","attributes","id","a","b","ThemeContext"],"mappings":";;;;+BAeaA;;aAAAA;;;8BAfmB;qCAC2J;gCACtI;6DAC9B;gDACwB;wBACV;AAU9B,MAAMA,6BAA6B,CAACC,OAAOC,MAAQ;IACxD,MAAMC,gBAAgBC,IAAAA,uCAAS;IAC/B,MAAMC,cAAcC;IACpB,MAAMC,kBAAkBC,IAAAA,0CAAY;IACpC,MAAMC,yBAAyBC,OAAMC,UAAU,CAACC,qDAAuB,KAAK,CAAC;IAC7E;;;;EAIA,GACA,MAAM,EACJC,sBAAuB,IAAI,CAAA,EAC3B,gEAAgE;IAChEC,0BAAyB,EACzBC,KAAMZ,cAAcY,GAAG,CAAA,EACvBC,gBAAiBb,cAAca,cAAc,CAAA,EAC7CC,MAAK,EACLC,oBAAoBC,YAAY,CAAC,CAAC,CAAA,EACnC,GAAGlB;IACJ,MAAMmB,cAAcC,aAAahB,aAAaY;IAC9C,MAAMK,kBAAkBD,aAAad,iBAAiBY;IACtD,MAAMI,yBAAyBF,aAAaZ,wBAAwBK;IACpEJ,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,MAAMC,WAAWC,IAAAA,4BAAoB;IACrC,IAAIC;IACJ,MAAM,EACJC,WAAU,EACVC,KAAI,EACL,GAAGC,IAAAA,8DAA8B,EAAC;QACjCnB,OAAOG;QACPJ;QACAqB,oBAAoB,AAACJ,CAAAA,mCAAmCF,SAASO,sBAAsB,AAAD,MAAO,IAAI,IAAIL,qCAAqC,KAAK,IAAIA,mCAAmC,CAAC,CAAC;IAC1L;IACA,OAAO;QACLpB;QACA,gEAAgE;QAChEC,2BAA2BS;QAC3BR;QACAC;QACAC,OAAOG;QACP,gEAAgE;QAChEF,oBAAoBI;QACpBiB,gBAAgBL;QAChBM,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjC,GAAGzC,KAAK;YACRc;YACAb,KAAKyC,IAAAA,6BAAa,EAACzC,KAAK0C,IAAAA,6BAAe,EAAC;gBACtC5B;YACF;QACF;QACA6B,kBAAkB;YAChBC,SAASX;YACTY,YAAY;gBACV,GAAGhB,SAASO,sBAAsB;gBAClCU,IAAId;YACN;QACF;IACF;AACF;AACA,SAASb,aAAa4B,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,SAAS5C,WAAW;IAClB,OAAOI,OAAMC,UAAU,CAACwC,0CAAY;AACtC,EACA,6CAA6C"}
+{"version":3,"sources":["useFluentProvider.js"],"sourcesContent":["import { useFocusVisible } from '@fluentui/react-tabster';\nimport { ThemeContext_unstable as ThemeContext, useFluent_unstable as useFluent, useOverrides_unstable as useOverrides, CustomStyleHooksContext_unstable as CustomStyleHooksContext } from '@fluentui/react-shared-contexts';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluentProviderThemeStyleTag } from './useFluentProviderThemeStyleTag';\nimport { useRenderer_unstable } from '@griffel/react';\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 */ export const useFluentProvider_unstable = (props, ref)=>{\n    const parentContext = useFluent();\n    const parentTheme = useTheme();\n    const parentOverrides = useOverrides();\n    const parentCustomStyleHooks = React.useContext(CustomStyleHooksContext) || {};\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   */ const { applyStylesToPortals =true , // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable , dir =parentContext.dir , targetDocument =parentContext.targetDocument , theme , overrides_unstable: overrides = {}  } = props;\n    const mergedTheme = shallowMerge(parentTheme, theme);\n    const mergedOverrides = shallowMerge(parentOverrides, overrides);\n    const mergedCustomStyleHooks = shallowMerge(parentCustomStyleHooks, customStyleHooks_unstable);\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    const renderer = useRenderer_unstable();\n    var _renderer_styleElementAttributes;\n    const { styleTagId , rule  } = useFluentProviderThemeStyleTag({\n        theme: mergedTheme,\n        targetDocument,\n        rendererAttributes: (_renderer_styleElementAttributes = renderer.styleElementAttributes) !== null && _renderer_styleElementAttributes !== void 0 ? _renderer_styleElementAttributes : {}\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: styleTagId,\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps('div', {\n            ...props,\n            dir,\n            ref: useMergedRefs(ref, useFocusVisible({\n                targetDocument\n            }))\n        }),\n        serverStyleProps: {\n            cssRule: rule,\n            attributes: {\n                ...renderer.styleElementAttributes,\n                id: styleTagId\n            }\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"],"names":["useFluentProvider_unstable","props","ref","parentContext","useFluent","parentTheme","useTheme","parentOverrides","useOverrides","parentCustomStyleHooks","React","useContext","CustomStyleHooksContext","applyStylesToPortals","customStyleHooks_unstable","dir","targetDocument","theme","overrides_unstable","overrides","mergedTheme","shallowMerge","mergedOverrides","mergedCustomStyleHooks","useEffect","process","env","NODE_ENV","undefined","console","warn","renderer","useRenderer_unstable","_renderer_styleElementAttributes","styleTagId","rule","useFluentProviderThemeStyleTag","rendererAttributes","styleElementAttributes","themeClassName","components","root","getNativeElementProps","useMergedRefs","useFocusVisible","serverStyleProps","cssRule","attributes","id","a","b","ThemeContext"],"mappings":";;;;+BAciBA;;aAAAA;;;8BAde;qCAC2J;gCACtI;6DAC9B;gDACwB;wBACV;AAS1B,MAAMA,6BAA6B,CAACC,OAAOC,MAAM;IACxD,MAAMC,gBAAgBC,IAAAA,uCAAS;IAC/B,MAAMC,cAAcC;IACpB,MAAMC,kBAAkBC,IAAAA,0CAAY;IACpC,MAAMC,yBAAyBC,OAAMC,UAAU,CAACC,qDAAuB,KAAK,CAAC;IAC7E;;;;GAID,GAAG,MAAM,EAAEC,sBAAsB,IAAI,CAAA,EACpCC,0BAAyB,EAAGC,KAAKZ,cAAcY,GAAG,CAAA,EAAGC,gBAAgBb,cAAca,cAAc,CAAA,EAAGC,MAAK,EAAGC,oBAAoBC,YAAY,CAAC,CAAC,CAAA,EAAG,GAAGlB;IACpJ,MAAMmB,cAAcC,aAAahB,aAAaY;IAC9C,MAAMK,kBAAkBD,aAAad,iBAAiBY;IACtD,MAAMI,yBAAyBF,aAAaZ,wBAAwBK;IACpEJ,OAAMc,SAAS,CAAC,IAAI;QAChB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBP,gBAAgBQ,WAAW;YACpE,sCAAsC;YACtCC,QAAQC,IAAI,CAAC,CAAC;;;;MAIpB,CAAC;QACC,CAAC;IACL,uDAAuD;IACvD,GAAG,EAAE;IACL,MAAMC,WAAWC,IAAAA,4BAAoB;IACrC,IAAIC;IACJ,MAAM,EAAEC,WAAU,EAAGC,KAAI,EAAG,GAAGC,IAAAA,8DAA8B,EAAC;QAC1DnB,OAAOG;QACPJ;QACAqB,oBAAoB,AAACJ,CAAAA,mCAAmCF,SAASO,sBAAsB,AAAD,MAAO,IAAI,IAAIL,qCAAqC,KAAK,IAAIA,mCAAmC,CAAC,CAAC;IAC5L;IACA,OAAO;QACHpB;QACA,gEAAgE;QAChEC,2BAA2BS;QAC3BR;QACAC;QACAC,OAAOG;QACP,gEAAgE;QAChEF,oBAAoBI;QACpBiB,gBAAgBL;QAChBM,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/B,GAAGzC,KAAK;YACRc;YACAb,KAAKyC,IAAAA,6BAAa,EAACzC,KAAK0C,IAAAA,6BAAe,EAAC;gBACpC5B;YACJ;QACJ;QACA6B,kBAAkB;YACdC,SAASX;YACTY,YAAY;gBACR,GAAGhB,SAASO,sBAAsB;gBAClCU,IAAId;YACR;QACJ;IACJ;AACJ;AACA,SAASb,aAAa4B,CAAC,EAAEC,CAAC,EAAE;IACxB,kEAAkE;IAClE,IAAID,KAAKC,GAAG;QACR,OAAO;YACH,GAAGD,CAAC;YACJ,GAAGC,CAAC;QACR;IACJ,CAAC;IACD,IAAID,GAAG;QACH,OAAOA;IACX,CAAC;IACD,OAAOC;AACX;AACA,SAAS5C,WAAW;IAChB,OAAOI,OAAMC,UAAU,CAACwC,0CAAY;AACxC"}

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

@@ -10,9 +10,7 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 function useFluentProviderContextValues_unstable(state) {
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    const { applyStylesToPortals , // eslint-disable-next-line @typescript-eslint/naming-convention
-    customStyleHooks_unstable , dir , root , targetDocument , theme , themeClassName , // eslint-disable-next-line @typescript-eslint/naming-convention
-    overrides_unstable  } = state;
+    const { applyStylesToPortals , customStyleHooks_unstable , dir , root , targetDocument , theme , themeClassName , overrides_unstable  } = state;
     const provider = _react.useMemo(()=>({
             dir,
             targetDocument
@@ -33,6 +31,4 @@ function useFluentProviderContextValues_unstable(state) {
         theme,
         themeClassName: applyStylesToPortals ? root.className : themeClassName
     };
-} //# sourceMappingURL=useFluentProviderContextValues.js.map
-
-//# 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    // 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  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    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//# sourceMappingURL=useFluentProviderContextValues.js.map"],"names":["useFluentProviderContextValues_unstable","state","applyStylesToPortals","customStyleHooks_unstable","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,EACpB,gEAAgE;IAChEC,0BAAyB,EACzBC,IAAG,EACHC,KAAI,EACJC,eAAc,EACdC,MAAK,EACLC,eAAc,EACd,gEAAgE;IAChEC,mBAAkB,EACnB,GAAGR;IACJ,MAAMS,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;QAChEX;QACA,gEAAgE;QAChEM;QACAC;QACAK,eAAeX;QACfS;QACAN;QACAC,gBAAgBN,uBAAuBG,KAAKW,SAAS,GAAGR,cAAc;IACxE;AACF,EACA,0DAA0D"}
+{"version":3,"sources":["useFluentProviderContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useFluentProviderContextValues_unstable(state) {\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    const { applyStylesToPortals , // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable , dir , root , targetDocument , theme , themeClassName , // eslint-disable-next-line @typescript-eslint/naming-convention\n    overrides_unstable  } = state;\n    const provider = React.useMemo(()=>({\n            dir,\n            targetDocument\n        }), [\n        dir,\n        targetDocument\n    ]);\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        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"],"names":["useFluentProviderContextValues_unstable","state","applyStylesToPortals","customStyleHooks_unstable","dir","root","targetDocument","theme","themeClassName","overrides_unstable","provider","React","useMemo","tooltip","useState","textDirection","className"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,wCAAwCC,KAAK,EAAE;IAC3D,gEAAgE;IAChE,MAAM,EAAEC,qBAAoB,EAC5BC,0BAAyB,EAAGC,IAAG,EAAGC,KAAI,EAAGC,eAAc,EAAGC,MAAK,EAAGC,eAAc,EAChFC,mBAAkB,EAAG,GAAGR;IACxB,MAAMS,WAAWC,OAAMC,OAAO,CAAC,IAAK,CAAA;YAC5BR;YACAE;QACJ,CAAA,GAAI;QACJF;QACAE;KACH;IACD,mFAAmF;IACnF,MAAM,CAACO,QAAQ,GAAGF,OAAMG,QAAQ,CAAC,IAAK,CAAA,CAAC,CAAA;IACvC,OAAO;QACH,gEAAgE;QAChEX;QACA,gEAAgE;QAChEM;QACAC;QACAK,eAAeX;QACfS;QACAN;QACAC,gBAAgBN,uBAAuBG,KAAKW,SAAS,GAAGR,cAAc;IAC1E;AACJ"}

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

@@ -51,5 +51,3 @@ const useFluentProviderStyles_unstable = (state)=>{
     state.root.className = (0, _core.mergeClasses)(fluentProviderClassNames.root, state.themeClassName, styles.root, state.root.className);
     return state;
 }; //# sourceMappingURL=useFluentProviderStyles.styles.js.map
-
-//# sourceMappingURL=useFluentProviderStyles.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderStyles.styles.js"],"sourcesContent":["import { __styles, 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__*/__styles({\n  root: {\n    sj55zd: \"f19n0e5\",\n    De3pzq: \"fxugw4r\",\n    fsow6f: [\"f1o700av\", \"fes3tcz\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  }\n}, {\n  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);}\"]\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.styles.js.map"],"names":["fluentProviderClassNames","useFluentProviderStyles_unstable","root","useStyles","__styles","sj55zd","De3pzq","fsow6f","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","state","renderer","useRenderer_unstable","styles","dir","className","mergeClasses","themeClassName"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB,MAAxBA;IAiBAC,gCAAgC,MAAhCA;;sBApB0B;uBACF;AAE9B,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,iBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAmD;QAA8D;QAA+B;QAA+B;QAAgD;QAA+C;QAAmD;KAAmD;AAC1X;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,0DAA0D"}
+{"version":3,"sources":["useFluentProviderStyles.styles.js"],"sourcesContent":["import { __styles, 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__*/__styles({\n  root: {\n    sj55zd: \"f19n0e5\",\n    De3pzq: \"fxugw4r\",\n    fsow6f: [\"f1o700av\", \"fes3tcz\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  }\n}, {\n  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);}\"]\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.styles.js.map"],"names":["fluentProviderClassNames","useFluentProviderStyles_unstable","root","useStyles","__styles","sj55zd","De3pzq","fsow6f","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","state","renderer","useRenderer_unstable","styles","dir","className","mergeClasses","themeClassName"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB,MAAxBA;IAiBAC,gCAAgC,MAAhCA;;sBApB0B;uBACF;AAE9B,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,iBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAmD;QAA8D;QAA+B;QAA+B;QAAgD;QAA+C;QAAmD;KAAmD;AAC1X;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,0DAA0D"}

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

@@ -93,6 +93,4 @@ function useHandleSSRStyleElements(targetDocument, styleTagId) {
             targetDocument.head.append(themeStyleElement);
         }
     });
-} //# sourceMappingURL=useFluentProviderThemeStyleTag.js.map
-
-//# 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 * as React from 'react';\nimport { fluentProviderClassNames } from './useFluentProviderStyles.styles';\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 * @internal\n * @returns CSS class to apply the rule\n */\nexport const useFluentProviderThemeStyleTag = options => {\n  const {\n    targetDocument,\n    theme,\n    rendererAttributes\n  } = options;\n  const styleTag = React.useRef();\n  const styleTagId = useId(fluentProviderClassNames.root);\n  const styleElementAttributes = rendererAttributes;\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  useHandleSSRStyleElements(targetDocument, styleTagId);\n  useInsertionEffect(() => {\n    // The style element could already have been created during SSR - no need to recreate it\n    const ssrStyleElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.getElementById(styleTagId);\n    if (ssrStyleElement) {\n      styleTag.current = ssrStyleElement;\n    } else {\n      styleTag.current = createStyleTag(targetDocument, {\n        ...styleElementAttributes,\n        id: styleTagId\n      });\n      if (styleTag.current) {\n        insertSheet(styleTag.current, rule);\n      }\n    }\n    return () => {\n      var _styleTag_current;\n      (_styleTag_current = styleTag.current) === null || _styleTag_current === void 0 ? void 0 : _styleTag_current.remove();\n    };\n  }, [styleTagId, targetDocument, rule, styleElementAttributes]);\n  return {\n    styleTagId,\n    rule\n  };\n};\nfunction useHandleSSRStyleElements(targetDocument, styleTagId) {\n  // Using a state factory so that this logic only runs once per render\n  // Each FluentProvider can create its own style element during SSR as a slot\n  // Moves all theme style elements to document head during render to avoid hydration errors.\n  // Should be strict mode safe since the logic is idempotent.\n  React.useState(() => {\n    if (!targetDocument) {\n      return;\n    }\n    const themeStyleElement = targetDocument.getElementById(styleTagId);\n    if (themeStyleElement) {\n      targetDocument.head.append(themeStyleElement);\n    }\n  });\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","rendererAttributes","styleTag","useRef","styleTagId","useId","fluentProviderClassNames","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","useHandleSSRStyleElements","ssrStyleElement","getElementById","current","id","_styleTag_current","remove","useState","themeStyleElement","append"],"mappings":"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"}
+{"version":3,"sources":["useFluentProviderThemeStyleTag.js"],"sourcesContent":["import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { fluentProviderClassNames } from './useFluentProviderStyles.styles';\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 * @internal\n * @returns CSS class to apply the rule\n */ export const useFluentProviderThemeStyleTag = (options)=>{\n    const { targetDocument , theme , rendererAttributes  } = options;\n    const styleTag = React.useRef();\n    const styleTagId = useId(fluentProviderClassNames.root);\n    const styleElementAttributes = rendererAttributes;\n    const cssVarsAsString = React.useMemo(()=>{\n        return theme ? Object.keys(theme).reduce((cssVarRule, cssVar)=>{\n            cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;\n            return cssVarRule;\n        }, '') : '';\n    }, [\n        theme\n    ]);\n    const rule = `.${styleTagId} { ${cssVarsAsString} }`;\n    useHandleSSRStyleElements(targetDocument, styleTagId);\n    useInsertionEffect(()=>{\n        // The style element could already have been created during SSR - no need to recreate it\n        const ssrStyleElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.getElementById(styleTagId);\n        if (ssrStyleElement) {\n            styleTag.current = ssrStyleElement;\n        } else {\n            styleTag.current = createStyleTag(targetDocument, {\n                ...styleElementAttributes,\n                id: styleTagId\n            });\n            if (styleTag.current) {\n                insertSheet(styleTag.current, rule);\n            }\n        }\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,\n        targetDocument,\n        rule,\n        styleElementAttributes\n    ]);\n    return {\n        styleTagId,\n        rule\n    };\n};\nfunction useHandleSSRStyleElements(targetDocument, styleTagId) {\n    // Using a state factory so that this logic only runs once per render\n    // Each FluentProvider can create its own style element during SSR as a slot\n    // Moves all theme style elements to document head during render to avoid hydration errors.\n    // Should be strict mode safe since the logic is idempotent.\n    React.useState(()=>{\n        if (!targetDocument) {\n            return;\n        }\n        const themeStyleElement = targetDocument.getElementById(styleTagId);\n        if (themeStyleElement) {\n            targetDocument.head.append(themeStyleElement);\n        }\n    });\n}\n"],"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","rendererAttributes","styleTag","useRef","styleTagId","useId","fluentProviderClassNames","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","useHandleSSRStyleElements","ssrStyleElement","getElementById","current","id","_styleTag_current","remove","useState","themeStyleElement","append"],"mappings":"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"}

package/lib-commonjs/index.js

@@ -18,6 +18,3 @@ _export(exports, {
     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,"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,"sources":["index.js"],"sourcesContent":["export { fluentProviderClassNames, FluentProvider, renderFluentProvider_unstable, useFluentProviderContextValues_unstable, useFluentProvider_unstable, useFluentProviderStyles_unstable, useFluentProviderThemeStyleTag } from './FluentProvider';\n"],"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-provider",
-  "version": "9.7.1",
+  "version": "9.7.2",
   "description": "Fluent UI React provider component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,18 +28,18 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@griffel/core": "^1.9.0",
-    "@griffel/react": "^1.5.2",
     "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.4",
+    "@fluentui/react-tabster": "^9.7.5",
     "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.1",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.5",
+    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
+    "@griffel/core": "^1.11.0",
+    "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {