@fluentui/react-message-bar 9.7.3 → 9.7.5

package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","mergeClasses","typographyStyles","messageBarTitleClassNames","root","useRootBaseStyles","useMessageBarTitleStyles_unstable","state","rootBaseStyles","className"],"sources":["useMessageBarTitleStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const messageBarTitleClassNames = {\n    root: 'fui-MessageBarTitle'\n};\n/**\n * Styles for the root slot\n */ const useRootBaseStyles = makeResetStyles({\n    ...typographyStyles.body1Strong,\n    '::after': {\n        content: '\" \"'\n    }\n});\n/**\n * Apply styling to the MessageBarTitle slots based on the state\n */ export const useMessageBarTitleStyles_unstable = (state)=>{\n    const rootBaseStyles = useRootBaseStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,iBAAiB,gBAAGL,aAAA,oNAK7B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;EAC1C;EACAE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACE,yBAAyB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACzG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__resetStyles","mergeClasses","typographyStyles","messageBarTitleClassNames","root","useRootBaseStyles","useMessageBarTitleStyles_unstable","state","rootBaseStyles","className"],"sources":["useMessageBarTitleStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from \"@griffel/react\";\nimport { typographyStyles } from \"@fluentui/react-theme\";\nexport const messageBarTitleClassNames = {\n    root: 'fui-MessageBarTitle'\n};\n/**\n * Styles for the root slot\n */ const useRootBaseStyles = makeResetStyles({\n    ...typographyStyles.body1Strong,\n    '::after': {\n        content: '\" \"'\n    }\n});\n/**\n * Apply styling to the MessageBarTitle slots based on the state\n */ export const useMessageBarTitleStyles_unstable = (state)=>{\n    const rootBaseStyles = useRootBaseStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,iBAAiB,gBAAGL,aAAA,oNAK7B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;EAC1C;EACAE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACE,yBAAyB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACzG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.raw.js

@@ -1,6 +1,6 @@
 'use client';
-import { makeResetStyles, mergeClasses } from '@griffel/react';
-import { typographyStyles } from '@fluentui/react-theme';
+import { makeResetStyles, mergeClasses } from "@griffel/react";
+import { typographyStyles } from "@fluentui/react-theme";
 export const messageBarTitleClassNames = {
     root: 'fui-MessageBarTitle'
 };

package/lib/contexts/index.js

@@ -1,2 +1,2 @@
-export { MessageBarContextProvider, messageBarContextDefaultValue, useMessageBarContext } from './messageBarContext';
-export { MessageBarTransitionContextProvider, messageBarTransitionContextDefaultValue, useMessageBarTransitionContext } from './messageBarTransitionContext';
+export { MessageBarContextProvider, messageBarContextDefaultValue, useMessageBarContext } from "./messageBarContext.js";
+export { MessageBarTransitionContextProvider, messageBarTransitionContextDefaultValue, useMessageBarTransitionContext } from "./messageBarTransitionContext.js";

package/lib/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { MessageBarContextValue } from './messageBarContext';\nexport { MessageBarContextProvider, messageBarContextDefaultValue, useMessageBarContext } from './messageBarContext';\nexport type { MessageBarTransitionContextValue } from './messageBarTransitionContext';\nexport {\n  MessageBarTransitionContextProvider,\n  messageBarTransitionContextDefaultValue,\n  useMessageBarTransitionContext,\n} from './messageBarTransitionContext';\n"],"names":["MessageBarContextProvider","messageBarContextDefaultValue","useMessageBarContext","MessageBarTransitionContextProvider","messageBarTransitionContextDefaultValue","useMessageBarTransitionContext"],"mappings":"AACA,SAASA,yBAAyB,EAAEC,6BAA6B,EAAEC,oBAAoB,QAAQ,sBAAsB;AAErH,SACEC,mCAAmC,EACnCC,uCAAuC,EACvCC,8BAA8B,QACzB,gCAAgC"}
+{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { MessageBarContextValue } from './messageBarContext';\nexport { MessageBarContextProvider, messageBarContextDefaultValue, useMessageBarContext } from './messageBarContext';\nexport type { MessageBarTransitionContextValue } from './messageBarTransitionContext';\nexport {\n  MessageBarTransitionContextProvider,\n  messageBarTransitionContextDefaultValue,\n  useMessageBarTransitionContext,\n} from './messageBarTransitionContext';\n"],"names":["MessageBarContextProvider","messageBarContextDefaultValue","useMessageBarContext","MessageBarTransitionContextProvider","messageBarTransitionContextDefaultValue","useMessageBarTransitionContext"],"mappings":"AACA,SAASA,yBAAyB,EAAEC,6BAA6B,EAAEC,oBAAoB,QAAQ,yBAAsB;AAErH,SACEC,mCAAmC,EACnCC,uCAAuC,EACvCC,8BAA8B,QACzB,mCAAgC"}

package/lib/contexts/messageBarContext.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 const messageBarContext = React.createContext(undefined);
 export const messageBarContextDefaultValue = {
     titleId: '',

package/lib/contexts/messageBarTransitionContext.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 const messageBarTransitionContext = React.createContext(undefined);
 /**
  * @internal

package/lib/index.js

@@ -1,6 +1,6 @@
-export { MessageBar, useMessageBarStyles_unstable, useMessageBarBase_unstable, useMessageBar_unstable, useMessageBarContextValue_unstable, renderMessageBar_unstable, messageBarClassNames } from './MessageBar';
-export { MessageBarTitle, useMessageBarTitleStyles_unstable, useMessageBarTitle_unstable, renderMessageBarTitle_unstable, messageBarTitleClassNames } from './MessageBarTitle';
-export { MessageBarActions, useMessageBarActionsStyles_unstable, useMessageBarActions_unstable, renderMessageBarActions_unstable, useMessageBarActionsContextValue_unstable, messageBarActionsClassNames } from './MessageBarActions';
-export { MessageBarBody, useMessageBarBodyStyles_unstable, useMessageBarBody_unstable, useMessageBarBodyContextValues_unstable, renderMessageBarBody_unstable, messageBarBodyClassNames } from './MessageBarBody';
-export { MessageBarContextProvider, messageBarContextDefaultValue, messageBarTransitionContextDefaultValue, useMessageBarContext, MessageBarTransitionContextProvider, useMessageBarTransitionContext } from './contexts';
-export { MessageBarGroup, useMessageBarGroupStyles_unstable, useMessageBarGroup_unstable, renderMessageBarGroup_unstable, messageBarGroupClassNames } from './MessageBarGroup';
+export { MessageBar, useMessageBarStyles_unstable, useMessageBarBase_unstable, useMessageBar_unstable, useMessageBarContextValue_unstable, renderMessageBar_unstable, messageBarClassNames } from "./MessageBar.js";
+export { MessageBarTitle, useMessageBarTitleStyles_unstable, useMessageBarTitle_unstable, renderMessageBarTitle_unstable, messageBarTitleClassNames } from "./MessageBarTitle.js";
+export { MessageBarActions, useMessageBarActionsStyles_unstable, useMessageBarActions_unstable, renderMessageBarActions_unstable, useMessageBarActionsContextValue_unstable, messageBarActionsClassNames } from "./MessageBarActions.js";
+export { MessageBarBody, useMessageBarBodyStyles_unstable, useMessageBarBody_unstable, useMessageBarBodyContextValues_unstable, renderMessageBarBody_unstable, messageBarBodyClassNames } from "./MessageBarBody.js";
+export { MessageBarContextProvider, messageBarContextDefaultValue, messageBarTransitionContextDefaultValue, useMessageBarContext, MessageBarTransitionContextProvider, useMessageBarTransitionContext } from "./contexts/index.js";
+export { MessageBarGroup, useMessageBarGroupStyles_unstable, useMessageBarGroup_unstable, renderMessageBarGroup_unstable, messageBarGroupClassNames } from "./MessageBarGroup.js";

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  MessageBar,\n  useMessageBarStyles_unstable,\n  useMessageBarBase_unstable,\n  useMessageBar_unstable,\n  useMessageBarContextValue_unstable,\n  renderMessageBar_unstable,\n  messageBarClassNames,\n} from './MessageBar';\n\nexport type {\n  MessageBarBaseProps,\n  MessageBarBaseState,\n  MessageBarProps,\n  MessageBarSlots,\n  MessageBarState,\n  MessageBarIntent,\n  MessageBarContextValues,\n} from './MessageBar';\n\nexport {\n  MessageBarTitle,\n  useMessageBarTitleStyles_unstable,\n  useMessageBarTitle_unstable,\n  renderMessageBarTitle_unstable,\n  messageBarTitleClassNames,\n} from './MessageBarTitle';\n\nexport type { MessageBarTitleProps, MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle';\n\nexport {\n  MessageBarActions,\n  useMessageBarActionsStyles_unstable,\n  useMessageBarActions_unstable,\n  renderMessageBarActions_unstable,\n  useMessageBarActionsContextValue_unstable,\n  messageBarActionsClassNames,\n} from './MessageBarActions';\n\nexport type {\n  MessageBarActionsProps,\n  MessageBarActionsSlots,\n  MessageBarActionsState,\n  MessageBarActionsContextValues,\n} from './MessageBarActions';\n\nexport {\n  MessageBarBody,\n  useMessageBarBodyStyles_unstable,\n  useMessageBarBody_unstable,\n  useMessageBarBodyContextValues_unstable,\n  renderMessageBarBody_unstable,\n  messageBarBodyClassNames,\n} from './MessageBarBody';\n\nexport type {\n  MessageBarBodyProps,\n  MessageBarBodySlots,\n  MessageBarBodyState,\n  MessageBarBodyContextValues,\n} from './MessageBarBody';\n\nexport {\n  MessageBarContextProvider,\n  messageBarContextDefaultValue,\n  messageBarTransitionContextDefaultValue,\n  useMessageBarContext,\n  MessageBarTransitionContextProvider,\n  useMessageBarTransitionContext,\n} from './contexts';\nexport type { MessageBarContextValue, MessageBarTransitionContextValue } from './contexts';\nexport {\n  MessageBarGroup,\n  useMessageBarGroupStyles_unstable,\n  useMessageBarGroup_unstable,\n  renderMessageBarGroup_unstable,\n  messageBarGroupClassNames,\n} from './MessageBarGroup';\n\nexport type { MessageBarGroupProps, MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup';\n"],"names":["MessageBar","useMessageBarStyles_unstable","useMessageBarBase_unstable","useMessageBar_unstable","useMessageBarContextValue_unstable","renderMessageBar_unstable","messageBarClassNames","MessageBarTitle","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable","renderMessageBarTitle_unstable","messageBarTitleClassNames","MessageBarActions","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","messageBarActionsClassNames","MessageBarBody","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable","useMessageBarBodyContextValues_unstable","renderMessageBarBody_unstable","messageBarBodyClassNames","MessageBarContextProvider","messageBarContextDefaultValue","messageBarTransitionContextDefaultValue","useMessageBarContext","MessageBarTransitionContextProvider","useMessageBarTransitionContext","MessageBarGroup","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable","renderMessageBarGroup_unstable","messageBarGroupClassNames"],"mappings":"AAAA,SACEA,UAAU,EACVC,4BAA4B,EAC5BC,0BAA0B,EAC1BC,sBAAsB,EACtBC,kCAAkC,EAClCC,yBAAyB,EACzBC,oBAAoB,QACf,eAAe;AAYtB,SACEC,eAAe,EACfC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,yBAAyB,QACpB,oBAAoB;AAI3B,SACEC,iBAAiB,EACjBC,mCAAmC,EACnCC,6BAA6B,EAC7BC,gCAAgC,EAChCC,yCAAyC,EACzCC,2BAA2B,QACtB,sBAAsB;AAS7B,SACEC,cAAc,EACdC,gCAAgC,EAChCC,0BAA0B,EAC1BC,uCAAuC,EACvCC,6BAA6B,EAC7BC,wBAAwB,QACnB,mBAAmB;AAS1B,SACEC,yBAAyB,EACzBC,6BAA6B,EAC7BC,uCAAuC,EACvCC,oBAAoB,EACpBC,mCAAmC,EACnCC,8BAA8B,QACzB,aAAa;AAEpB,SACEC,eAAe,EACfC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,yBAAyB,QACpB,oBAAoB"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  MessageBar,\n  useMessageBarStyles_unstable,\n  useMessageBarBase_unstable,\n  useMessageBar_unstable,\n  useMessageBarContextValue_unstable,\n  renderMessageBar_unstable,\n  messageBarClassNames,\n} from './MessageBar';\n\nexport type {\n  MessageBarBaseProps,\n  MessageBarBaseState,\n  MessageBarProps,\n  MessageBarSlots,\n  MessageBarState,\n  MessageBarIntent,\n  MessageBarContextValues,\n} from './MessageBar';\n\nexport {\n  MessageBarTitle,\n  useMessageBarTitleStyles_unstable,\n  useMessageBarTitle_unstable,\n  renderMessageBarTitle_unstable,\n  messageBarTitleClassNames,\n} from './MessageBarTitle';\n\nexport type { MessageBarTitleProps, MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle';\n\nexport {\n  MessageBarActions,\n  useMessageBarActionsStyles_unstable,\n  useMessageBarActions_unstable,\n  renderMessageBarActions_unstable,\n  useMessageBarActionsContextValue_unstable,\n  messageBarActionsClassNames,\n} from './MessageBarActions';\n\nexport type {\n  MessageBarActionsProps,\n  MessageBarActionsSlots,\n  MessageBarActionsState,\n  MessageBarActionsContextValues,\n} from './MessageBarActions';\n\nexport {\n  MessageBarBody,\n  useMessageBarBodyStyles_unstable,\n  useMessageBarBody_unstable,\n  useMessageBarBodyContextValues_unstable,\n  renderMessageBarBody_unstable,\n  messageBarBodyClassNames,\n} from './MessageBarBody';\n\nexport type {\n  MessageBarBodyProps,\n  MessageBarBodySlots,\n  MessageBarBodyState,\n  MessageBarBodyContextValues,\n} from './MessageBarBody';\n\nexport {\n  MessageBarContextProvider,\n  messageBarContextDefaultValue,\n  messageBarTransitionContextDefaultValue,\n  useMessageBarContext,\n  MessageBarTransitionContextProvider,\n  useMessageBarTransitionContext,\n} from './contexts';\nexport type { MessageBarContextValue, MessageBarTransitionContextValue } from './contexts';\nexport {\n  MessageBarGroup,\n  useMessageBarGroupStyles_unstable,\n  useMessageBarGroup_unstable,\n  renderMessageBarGroup_unstable,\n  messageBarGroupClassNames,\n} from './MessageBarGroup';\n\nexport type { MessageBarGroupProps, MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup';\n"],"names":["MessageBar","useMessageBarStyles_unstable","useMessageBarBase_unstable","useMessageBar_unstable","useMessageBarContextValue_unstable","renderMessageBar_unstable","messageBarClassNames","MessageBarTitle","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable","renderMessageBarTitle_unstable","messageBarTitleClassNames","MessageBarActions","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","messageBarActionsClassNames","MessageBarBody","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable","useMessageBarBodyContextValues_unstable","renderMessageBarBody_unstable","messageBarBodyClassNames","MessageBarContextProvider","messageBarContextDefaultValue","messageBarTransitionContextDefaultValue","useMessageBarContext","MessageBarTransitionContextProvider","useMessageBarTransitionContext","MessageBarGroup","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable","renderMessageBarGroup_unstable","messageBarGroupClassNames"],"mappings":"AAAA,SACEA,UAAU,EACVC,4BAA4B,EAC5BC,0BAA0B,EAC1BC,sBAAsB,EACtBC,kCAAkC,EAClCC,yBAAyB,EACzBC,oBAAoB,QACf,kBAAe;AAYtB,SACEC,eAAe,EACfC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,yBAAyB,QACpB,uBAAoB;AAI3B,SACEC,iBAAiB,EACjBC,mCAAmC,EACnCC,6BAA6B,EAC7BC,gCAAgC,EAChCC,yCAAyC,EACzCC,2BAA2B,QACtB,yBAAsB;AAS7B,SACEC,cAAc,EACdC,gCAAgC,EAChCC,0BAA0B,EAC1BC,uCAAuC,EACvCC,6BAA6B,EAC7BC,wBAAwB,QACnB,sBAAmB;AAS1B,SACEC,yBAAyB,EACzBC,6BAA6B,EAC7BC,uCAAuC,EACvCC,oBAAoB,EACpBC,mCAAmC,EACnCC,8BAA8B,QACzB,sBAAa;AAEpB,SACEC,eAAe,EACfC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,yBAAyB,QACpB,uBAAoB"}

package/lib-commonjs/{MessageBar.js → MessageBar.cjs}

@@ -31,4 +31,4 @@ _export(exports, {
         return _index.useMessageBar_unstable;
     }
 });
-const _index = require("./components/MessageBar/index");
+const _index = require("./components/MessageBar/index.cjs");

package/lib-commonjs/{MessageBar.js.map → MessageBar.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/MessageBar.ts"],"sourcesContent":["export type {\n  MessageBarBaseProps,\n  MessageBarBaseState,\n  MessageBarContextValues,\n  MessageBarIntent,\n  MessageBarProps,\n  MessageBarSlots,\n  MessageBarState,\n} from './components/MessageBar/index';\nexport {\n  MessageBar,\n  messageBarClassNames,\n  renderMessageBar_unstable,\n  useMessageBarContextValue_unstable,\n  useMessageBarStyles_unstable,\n  useMessageBarBase_unstable,\n  useMessageBar_unstable,\n} from './components/MessageBar/index';\n"],"names":["MessageBar","messageBarClassNames","renderMessageBar_unstable","useMessageBarContextValue_unstable","useMessageBarStyles_unstable","useMessageBarBase_unstable","useMessageBar_unstable"],"mappings":";;;;;;;;;;;;eAUEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,gCAAyB;;;eAGzBG,iCAA0B;;;eAF1BF,yCAAkC;;;eAClCC,mCAA4B;;;eAE5BE,6BAAsB;;;uBACjB,gCAAgC"}
+{"version":3,"sources":["../src/MessageBar.ts"],"sourcesContent":["export type {\n  MessageBarBaseProps,\n  MessageBarBaseState,\n  MessageBarContextValues,\n  MessageBarIntent,\n  MessageBarProps,\n  MessageBarSlots,\n  MessageBarState,\n} from './components/MessageBar/index';\nexport {\n  MessageBar,\n  messageBarClassNames,\n  renderMessageBar_unstable,\n  useMessageBarContextValue_unstable,\n  useMessageBarStyles_unstable,\n  useMessageBarBase_unstable,\n  useMessageBar_unstable,\n} from './components/MessageBar/index';\n"],"names":["MessageBar","messageBarClassNames","renderMessageBar_unstable","useMessageBarContextValue_unstable","useMessageBarStyles_unstable","useMessageBarBase_unstable","useMessageBar_unstable"],"mappings":";;;;;;;;;;;;eAUEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,gCAAyB;;;eAGzBG,iCAA0B;;;eAF1BF,yCAAkC;;;eAClCC,mCAA4B;;;eAE5BE,6BAAsB;;;uBACjB,mCAAgC"}

package/lib-commonjs/{MessageBarActions.js → MessageBarActions.cjs}

@@ -28,4 +28,4 @@ _export(exports, {
         return _index.useMessageBarActions_unstable;
     }
 });
-const _index = require("./components/MessageBarActions/index");
+const _index = require("./components/MessageBarActions/index.cjs");

package/lib-commonjs/{MessageBarActions.js.map → MessageBarActions.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/MessageBarActions.ts"],"sourcesContent":["export type {\n  MessageBarActionsContextValues,\n  MessageBarActionsProps,\n  MessageBarActionsSlots,\n  MessageBarActionsState,\n} from './components/MessageBarActions/index';\nexport {\n  MessageBarActions,\n  messageBarActionsClassNames,\n  renderMessageBarActions_unstable,\n  useMessageBarActionsContextValue_unstable,\n  useMessageBarActionsStyles_unstable,\n  useMessageBarActions_unstable,\n} from './components/MessageBarActions/index';\n"],"names":["MessageBarActions","messageBarActionsClassNames","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable"],"mappings":";;;;;;;;;;;;eAOEA,wBAAiB;;;eACjBC,kCAA2B;;;eAC3BC,uCAAgC;;;eAChCC,gDAAyC;;;eACzCC,0CAAmC;;;eACnCC,oCAA6B;;;uBACxB,uCAAuC"}
+{"version":3,"sources":["../src/MessageBarActions.ts"],"sourcesContent":["export type {\n  MessageBarActionsContextValues,\n  MessageBarActionsProps,\n  MessageBarActionsSlots,\n  MessageBarActionsState,\n} from './components/MessageBarActions/index';\nexport {\n  MessageBarActions,\n  messageBarActionsClassNames,\n  renderMessageBarActions_unstable,\n  useMessageBarActionsContextValue_unstable,\n  useMessageBarActionsStyles_unstable,\n  useMessageBarActions_unstable,\n} from './components/MessageBarActions/index';\n"],"names":["MessageBarActions","messageBarActionsClassNames","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable"],"mappings":";;;;;;;;;;;;eAOEA,wBAAiB;;;eACjBC,kCAA2B;;;eAC3BC,uCAAgC;;;eAChCC,gDAAyC;;;eACzCC,0CAAmC;;;eACnCC,oCAA6B;;;uBACxB,0CAAuC"}

package/lib-commonjs/{MessageBarBody.js → MessageBarBody.cjs}

@@ -28,4 +28,4 @@ _export(exports, {
         return _index.useMessageBarBody_unstable;
     }
 });
-const _index = require("./components/MessageBarBody/index");
+const _index = require("./components/MessageBarBody/index.cjs");

package/lib-commonjs/{MessageBarBody.js.map → MessageBarBody.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/MessageBarBody.ts"],"sourcesContent":["export type {\n  MessageBarBodyContextValues,\n  MessageBarBodyProps,\n  MessageBarBodySlots,\n  MessageBarBodyState,\n} from './components/MessageBarBody/index';\nexport {\n  MessageBarBody,\n  messageBarBodyClassNames,\n  renderMessageBarBody_unstable,\n  useMessageBarBodyStyles_unstable,\n  useMessageBarBody_unstable,\n  useMessageBarBodyContextValues_unstable,\n} from './components/MessageBarBody/index';\n"],"names":["MessageBarBody","messageBarBodyClassNames","renderMessageBarBody_unstable","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable","useMessageBarBodyContextValues_unstable"],"mappings":";;;;;;;;;;;;eAOEA,qBAAc;;;eACdC,+BAAwB;;;eACxBC,oCAA6B;;;eAG7BG,8CAAuC;;;eAFvCF,uCAAgC;;;eAChCC,iCAA0B;;;uBAErB,oCAAoC"}
+{"version":3,"sources":["../src/MessageBarBody.ts"],"sourcesContent":["export type {\n  MessageBarBodyContextValues,\n  MessageBarBodyProps,\n  MessageBarBodySlots,\n  MessageBarBodyState,\n} from './components/MessageBarBody/index';\nexport {\n  MessageBarBody,\n  messageBarBodyClassNames,\n  renderMessageBarBody_unstable,\n  useMessageBarBodyStyles_unstable,\n  useMessageBarBody_unstable,\n  useMessageBarBodyContextValues_unstable,\n} from './components/MessageBarBody/index';\n"],"names":["MessageBarBody","messageBarBodyClassNames","renderMessageBarBody_unstable","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable","useMessageBarBodyContextValues_unstable"],"mappings":";;;;;;;;;;;;eAOEA,qBAAc;;;eACdC,+BAAwB;;;eACxBC,oCAA6B;;;eAG7BG,8CAAuC;;;eAFvCF,uCAAgC;;;eAChCC,iCAA0B;;;uBAErB,uCAAoC"}

package/lib-commonjs/{MessageBarGroup.js → MessageBarGroup.cjs}

@@ -25,4 +25,4 @@ _export(exports, {
         return _index.useMessageBarGroup_unstable;
     }
 });
-const _index = require("./components/MessageBarGroup/index");
+const _index = require("./components/MessageBarGroup/index.cjs");

package/lib-commonjs/{MessageBarGroup.js.map → MessageBarGroup.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/MessageBarGroup.ts"],"sourcesContent":["export type {\n  MessageBarGroupProps,\n  MessageBarGroupSlots,\n  MessageBarGroupState,\n} from './components/MessageBarGroup/index';\nexport {\n  MessageBarGroup,\n  messageBarGroupClassNames,\n  renderMessageBarGroup_unstable,\n  useMessageBarGroupStyles_unstable,\n  useMessageBarGroup_unstable,\n} from './components/MessageBarGroup/index';\n"],"names":["MessageBarGroup","messageBarGroupClassNames","renderMessageBarGroup_unstable","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,qCAA8B;;;eAC9BC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,qCAAqC"}
+{"version":3,"sources":["../src/MessageBarGroup.ts"],"sourcesContent":["export type {\n  MessageBarGroupProps,\n  MessageBarGroupSlots,\n  MessageBarGroupState,\n} from './components/MessageBarGroup/index';\nexport {\n  MessageBarGroup,\n  messageBarGroupClassNames,\n  renderMessageBarGroup_unstable,\n  useMessageBarGroupStyles_unstable,\n  useMessageBarGroup_unstable,\n} from './components/MessageBarGroup/index';\n"],"names":["MessageBarGroup","messageBarGroupClassNames","renderMessageBarGroup_unstable","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,qCAA8B;;;eAC9BC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,wCAAqC"}

package/lib-commonjs/{MessageBarTitle.js → MessageBarTitle.cjs}

@@ -25,4 +25,4 @@ _export(exports, {
         return _index.useMessageBarTitle_unstable;
     }
 });
-const _index = require("./components/MessageBarTitle/index");
+const _index = require("./components/MessageBarTitle/index.cjs");

package/lib-commonjs/{MessageBarTitle.js.map → MessageBarTitle.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/MessageBarTitle.ts"],"sourcesContent":["export type {\n  MessageBarTitleProps,\n  MessageBarTitleSlots,\n  MessageBarTitleState,\n} from './components/MessageBarTitle/index';\nexport {\n  MessageBarTitle,\n  messageBarTitleClassNames,\n  renderMessageBarTitle_unstable,\n  useMessageBarTitleStyles_unstable,\n  useMessageBarTitle_unstable,\n} from './components/MessageBarTitle/index';\n"],"names":["MessageBarTitle","messageBarTitleClassNames","renderMessageBarTitle_unstable","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,qCAA8B;;;eAC9BC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,qCAAqC"}
+{"version":3,"sources":["../src/MessageBarTitle.ts"],"sourcesContent":["export type {\n  MessageBarTitleProps,\n  MessageBarTitleSlots,\n  MessageBarTitleState,\n} from './components/MessageBarTitle/index';\nexport {\n  MessageBarTitle,\n  messageBarTitleClassNames,\n  renderMessageBarTitle_unstable,\n  useMessageBarTitleStyles_unstable,\n  useMessageBarTitle_unstable,\n} from './components/MessageBarTitle/index';\n"],"names":["MessageBarTitle","messageBarTitleClassNames","renderMessageBarTitle_unstable","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,qCAA8B;;;eAC9BC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,wCAAqC"}

package/lib-commonjs/components/MessageBar/{MessageBar.js → MessageBar.cjs}

@@ -12,10 +12,10 @@ Object.defineProperty(exports, "MessageBar", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useMessageBar = require("./useMessageBar");
-const _renderMessageBar = require("./renderMessageBar");
-const _useMessageBarStylesstyles = require("./useMessageBarStyles.styles");
-const _useMessageBarContextValues = require("./useMessageBarContextValues");
+const _useMessageBar = require("./useMessageBar.cjs");
+const _renderMessageBar = require("./renderMessageBar.cjs");
+const _useMessageBarStylesstyles = require("./useMessageBarStyles.styles.cjs");
+const _useMessageBarContextValues = require("./useMessageBarContextValues.cjs");
 const MessageBar = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useMessageBar.useMessageBar_unstable)(props, ref);
     (0, _useMessageBarStylesstyles.useMessageBarStyles_unstable)(state);

package/lib-commonjs/components/MessageBar/{MessageBar.js.map → MessageBar.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBar/MessageBar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBar_unstable } from './useMessageBar';\nimport { renderMessageBar_unstable } from './renderMessageBar';\nimport { useMessageBarStyles_unstable } from './useMessageBarStyles.styles';\nimport type { MessageBarProps } from './MessageBar.types';\nimport { useMessageBarContextValue_unstable } from './useMessageBarContextValues';\n\n/**\n * MessageBar component\n */\nexport const MessageBar: ForwardRefComponent<MessageBarProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBar_unstable(props, ref);\n\n  useMessageBarStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarStyles_unstable')(state);\n  return renderMessageBar_unstable(state, useMessageBarContextValue_unstable(state));\n});\n\nMessageBar.displayName = 'MessageBar';\n"],"names":["React","useCustomStyleHook_unstable","useMessageBar_unstable","renderMessageBar_unstable","useMessageBarStyles_unstable","useMessageBarContextValue_unstable","MessageBar","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;+BACvC,kBAAkB;kCACf,qBAAqB;2CAClB,+BAA+B;4CAEzB,+BAA+B;AAK3E,MAAMM,aAAAA,WAAAA,GAAmDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,YAAQR,qCAAAA,EAAuBM,OAAOC;QAE5CL,uDAAAA,EAA6BM;QAC7BT,gDAAAA,EAA4B,gCAAgCS;IAC5D,WAAOP,2CAAAA,EAA0BO,WAAOL,8DAAAA,EAAmCK;AAC7E,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/MessageBar/MessageBar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBar_unstable } from './useMessageBar';\nimport { renderMessageBar_unstable } from './renderMessageBar';\nimport { useMessageBarStyles_unstable } from './useMessageBarStyles.styles';\nimport type { MessageBarProps } from './MessageBar.types';\nimport { useMessageBarContextValue_unstable } from './useMessageBarContextValues';\n\n/**\n * MessageBar component\n */\nexport const MessageBar: ForwardRefComponent<MessageBarProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBar_unstable(props, ref);\n\n  useMessageBarStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarStyles_unstable')(state);\n  return renderMessageBar_unstable(state, useMessageBarContextValue_unstable(state));\n});\n\nMessageBar.displayName = 'MessageBar';\n"],"names":["React","useCustomStyleHook_unstable","useMessageBar_unstable","renderMessageBar_unstable","useMessageBarStyles_unstable","useMessageBarContextValue_unstable","MessageBar","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;+BACvC,qBAAkB;kCACf,wBAAqB;2CAClB,kCAA+B;4CAEzB,kCAA+B;AAK3E,MAAMM,aAAAA,WAAAA,GAAmDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,YAAQR,qCAAAA,EAAuBM,OAAOC;QAE5CL,uDAAAA,EAA6BM;QAC7BT,gDAAAA,EAA4B,gCAAgCS;IAC5D,WAAOP,2CAAAA,EAA0BO,WAAOL,8DAAAA,EAAmCK;AAC7E,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}

package/lib-commonjs/components/MessageBar/{index.js → index.cjs}

@@ -31,8 +31,8 @@ _export(exports, {
         return _useMessageBar.useMessageBar_unstable;
     }
 });
-const _MessageBar = require("./MessageBar");
-const _renderMessageBar = require("./renderMessageBar");
-const _useMessageBar = require("./useMessageBar");
-const _useMessageBarStylesstyles = require("./useMessageBarStyles.styles");
-const _useMessageBarContextValues = require("./useMessageBarContextValues");
+const _MessageBar = require("./MessageBar.cjs");
+const _renderMessageBar = require("./renderMessageBar.cjs");
+const _useMessageBar = require("./useMessageBar.cjs");
+const _useMessageBarStylesstyles = require("./useMessageBarStyles.styles.cjs");
+const _useMessageBarContextValues = require("./useMessageBarContextValues.cjs");

package/lib-commonjs/components/MessageBar/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBar/index.ts"],"sourcesContent":["export { MessageBar } from './MessageBar';\nexport type {\n  MessageBarBaseProps,\n  MessageBarBaseState,\n  MessageBarContextValues,\n  MessageBarIntent,\n  MessageBarProps,\n  MessageBarSlots,\n  MessageBarState,\n} from './MessageBar.types';\nexport { renderMessageBar_unstable } from './renderMessageBar';\nexport { useMessageBarBase_unstable, useMessageBar_unstable } from './useMessageBar';\nexport { messageBarClassNames, useMessageBarStyles_unstable } from './useMessageBarStyles.styles';\nexport { useMessageBarContextValue_unstable } from './useMessageBarContextValues';\n"],"names":["MessageBar","renderMessageBar_unstable","useMessageBarBase_unstable","useMessageBar_unstable","messageBarClassNames","useMessageBarStyles_unstable","useMessageBarContextValue_unstable"],"mappings":";;;;;;;;;;;IAASA;qCAAU;;IAYVI;8DAAoB;;;eAFpBH,2CAAyB;;;eACzBC,yCAA0B;;;eAE1BI,8DAAkC;;;eADZD,uDAA4B;;;eADtBF,qCAAsB;;;4BAXhC,eAAe;kCAUA,qBAAqB;+BACI,kBAAkB;2CAClB,+BAA+B;4CAC/C,+BAA+B"}
+{"version":3,"sources":["../src/components/MessageBar/index.ts"],"sourcesContent":["export { MessageBar } from './MessageBar';\nexport type {\n  MessageBarBaseProps,\n  MessageBarBaseState,\n  MessageBarContextValues,\n  MessageBarIntent,\n  MessageBarProps,\n  MessageBarSlots,\n  MessageBarState,\n} from './MessageBar.types';\nexport { renderMessageBar_unstable } from './renderMessageBar';\nexport { useMessageBarBase_unstable, useMessageBar_unstable } from './useMessageBar';\nexport { messageBarClassNames, useMessageBarStyles_unstable } from './useMessageBarStyles.styles';\nexport { useMessageBarContextValue_unstable } from './useMessageBarContextValues';\n"],"names":["MessageBar","renderMessageBar_unstable","useMessageBarBase_unstable","useMessageBar_unstable","messageBarClassNames","useMessageBarStyles_unstable","useMessageBarContextValue_unstable"],"mappings":";;;;;;;;;;;IAASA;qCAAU;;IAYVI;8DAAoB;;;eAFpBH,2CAAyB;;;eACzBC,yCAA0B;;;eAE1BI,8DAAkC;;;eADZD,uDAA4B;;;eADtBF,qCAAsB;;;4BAXhC,kBAAe;kCAUA,wBAAqB;+BACI,qBAAkB;2CAClB,kCAA+B;4CAC/C,kCAA+B"}

package/lib-commonjs/components/MessageBar/{renderMessageBar.js → renderMessageBar.cjs}

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "renderMessageBar_unstable", {
 });
 const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
 const _reactutilities = require("@fluentui/react-utilities");
-const _messageBarContext = require("../../contexts/messageBarContext");
+const _messageBarContext = require("../../contexts/messageBarContext.cjs");
 const renderMessageBar_unstable = (state, contexts)=>{
     (0, _reactutilities.assertSlots)(state);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_messageBarContext.MessageBarContextProvider, {

package/lib-commonjs/components/MessageBar/{renderMessageBar.js.map → renderMessageBar.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBar/renderMessageBar.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { MessageBarBaseState, MessageBarSlots, MessageBarContextValues } from './MessageBar.types';\nimport { MessageBarContextProvider } from '../../contexts/messageBarContext';\n\n/**\n * Render the final JSX of MessageBar\n */\nexport const renderMessageBar_unstable = (\n  state: MessageBarBaseState,\n  contexts: MessageBarContextValues,\n): JSXElement => {\n  assertSlots<MessageBarSlots>(state);\n\n  return (\n    <MessageBarContextProvider value={contexts.messageBar}>\n      <state.root>\n        {state.icon && <state.icon />}\n        {state.root.children}\n        {state.bottomReflowSpacer && <state.bottomReflowSpacer />}\n      </state.root>\n    </MessageBarContextProvider>\n  );\n};\n"],"names":["assertSlots","MessageBarContextProvider","renderMessageBar_unstable","state","contexts","value","messageBar","root","icon","children","bottomReflowSpacer"],"mappings":";;;;+BAWaE;;;;;;4BAVb,iCAAiD;gCAErB,4BAA4B;mCAGd,mCAAmC;AAKtE,kCAAkC,CACvCC,OACAC;QAEAJ,2BAAAA,EAA6BG;IAE7B,OAAA,WAAA,OACE,eAAA,EAACF,4CAAAA,EAAAA;QAA0BI,OAAOD,SAASE,UAAU;kBACnD,WAAA,OAAA,gBAAA,EAACH,MAAMI,IAAI,EAAA;;gBACRJ,MAAMK,IAAI,IAAA,WAAA,OAAI,eAAA,EAACL,MAAMK,IAAI,EAAA,CAAA;gBACzBL,MAAMI,IAAI,CAACE,QAAQ;gBACnBN,MAAMO,kBAAkB,IAAA,WAAA,OAAI,eAAA,EAACP,MAAMO,kBAAkB,EAAA,CAAA;;;;AAI9D,EAAE"}
+{"version":3,"sources":["../src/components/MessageBar/renderMessageBar.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { MessageBarBaseState, MessageBarSlots, MessageBarContextValues } from './MessageBar.types';\nimport { MessageBarContextProvider } from '../../contexts/messageBarContext';\n\n/**\n * Render the final JSX of MessageBar\n */\nexport const renderMessageBar_unstable = (\n  state: MessageBarBaseState,\n  contexts: MessageBarContextValues,\n): JSXElement => {\n  assertSlots<MessageBarSlots>(state);\n\n  return (\n    <MessageBarContextProvider value={contexts.messageBar}>\n      <state.root>\n        {state.icon && <state.icon />}\n        {state.root.children}\n        {state.bottomReflowSpacer && <state.bottomReflowSpacer />}\n      </state.root>\n    </MessageBarContextProvider>\n  );\n};\n"],"names":["assertSlots","MessageBarContextProvider","renderMessageBar_unstable","state","contexts","value","messageBar","root","icon","children","bottomReflowSpacer"],"mappings":";;;;+BAWaE;;;;;;4BAVb,iCAAiD;gCAErB,4BAA4B;mCAGd,sCAAmC;AAKtE,kCAAkC,CACvCC,OACAC;QAEAJ,2BAAAA,EAA6BG;IAE7B,OAAA,WAAA,OACE,eAAA,EAACF,4CAAAA,EAAAA;QAA0BI,OAAOD,SAASE,UAAU;kBACnD,WAAA,OAAA,gBAAA,EAACH,MAAMI,IAAI,EAAA;;gBACRJ,MAAMK,IAAI,IAAA,WAAA,OAAI,eAAA,EAACL,MAAMK,IAAI,EAAA,CAAA;gBACzBL,MAAMI,IAAI,CAACE,QAAQ;gBACnBN,MAAMO,kBAAkB,IAAA,WAAA,OAAI,eAAA,EAACP,MAAMO,kBAAkB,EAAA,CAAA;;;;AAI9D,EAAE"}

package/lib-commonjs/components/MessageBar/{useMessageBar.js → useMessageBar.cjs}

@@ -21,9 +21,9 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactutilities = require("@fluentui/react-utilities");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _getIntentIcon = require("./getIntentIcon");
-const _useMessageBarReflow = require("./useMessageBarReflow");
-const _messageBarTransitionContext = require("../../contexts/messageBarTransitionContext");
+const _getIntentIcon = require("./getIntentIcon.cjs");
+const _useMessageBarReflow = require("./useMessageBarReflow.cjs");
+const _messageBarTransitionContext = require("../../contexts/messageBarTransitionContext.cjs");
 const _reactmotion = require("@fluentui/react-motion");
 const useMessageBarBase_unstable = (props, ref)=>{
     const { layout = 'auto', intent = 'info', politeness } = props;

package/lib-commonjs/components/MessageBar/{useMessageBar.js.map → useMessageBar.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBar/useMessageBar.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { useAnnounce } from '@fluentui/react-shared-contexts';\nimport type { MessageBarBaseProps, MessageBarBaseState, MessageBarProps, MessageBarState } from './MessageBar.types';\nimport { getIntentIcon } from './getIntentIcon';\nimport { useMessageBarReflow } from './useMessageBarReflow';\nimport { useMessageBarTransitionContext } from '../../contexts/messageBarTransitionContext';\nimport { useMotionForwardedRef } from '@fluentui/react-motion';\n\n/**\n * Create the base state required to render MessageBar without design-specific props.\n *\n * @param props - props from this instance of MessageBar (without shape)\n * @param ref - reference to root HTMLElement of MessageBar\n */\nexport const useMessageBarBase_unstable = (\n  props: MessageBarBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): MessageBarBaseState => {\n  const { layout = 'auto', intent = 'info', politeness } = props;\n  const computedPoliteness = politeness ?? intent === 'info' ? 'polite' : 'assertive';\n  const autoReflow = layout === 'auto';\n  const { ref: reflowRef, reflowing } = useMessageBarReflow(autoReflow);\n  const computedLayout = autoReflow ? (reflowing ? 'multiline' : 'singleline') : layout;\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { className: transitionClassName, nodeRef } = useMessageBarTransitionContext();\n  const motionRef = useMotionForwardedRef();\n\n  const actionsRef = React.useRef<HTMLDivElement | null>(null);\n  const bodyRef = React.useRef<HTMLDivElement | null>(null);\n  const { announce } = useAnnounce();\n  const titleId = useId();\n\n  React.useEffect(() => {\n    const bodyMessage = bodyRef.current?.textContent;\n    const actionsMessage = actionsRef.current?.textContent;\n\n    const message = [bodyMessage, actionsMessage].filter(Boolean).join(',');\n    announce(message, { polite: computedPoliteness === 'polite', alert: computedPoliteness === 'assertive' });\n  }, [bodyRef, actionsRef, announce, computedPoliteness]);\n\n  return {\n    components: {\n      root: 'div',\n      icon: 'div',\n      bottomReflowSpacer: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, reflowRef, nodeRef, motionRef),\n        role: 'group',\n        'aria-labelledby': titleId,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(props.icon, {\n      renderByDefault: true,\n      elementType: 'div',\n    }),\n    bottomReflowSpacer: slot.optional(props.bottomReflowSpacer, {\n      renderByDefault: computedLayout === 'multiline',\n      elementType: 'div',\n    }),\n    layout: computedLayout,\n    intent,\n    transitionClassName,\n    actionsRef,\n    bodyRef,\n    titleId,\n  };\n};\n\n/**\n * Create the state required to render MessageBar.\n *\n * The returned state can be modified with hooks such as useMessageBarStyles_unstable,\n * before being passed to renderMessageBar_unstable.\n *\n * @param props - props from this instance of MessageBar\n * @param ref - reference to root HTMLElement of MessageBar\n */\nexport const useMessageBar_unstable = (props: MessageBarProps, ref: React.Ref<HTMLDivElement>): MessageBarState => {\n  const { shape = 'rounded', ...baseProps } = props;\n\n  const state = useMessageBarBase_unstable(baseProps, ref);\n\n  return {\n    ...state,\n    shape,\n    icon: slot.optional(props.icon, {\n      defaultProps: {\n        children: getIntentIcon(state.intent),\n      },\n      renderByDefault: true,\n      elementType: 'div',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useId","useMergedRefs","useAnnounce","getIntentIcon","useMessageBarReflow","useMessageBarTransitionContext","useMotionForwardedRef","useMessageBarBase_unstable","props","ref","layout","intent","politeness","computedPoliteness","autoReflow","reflowRef","reflowing","computedLayout","className","transitionClassName","nodeRef","motionRef","actionsRef","useRef","bodyRef","announce","titleId","useEffect","bodyMessage","current","textContent","actionsMessage","message","filter","Boolean","join","polite","alert","components","root","icon","bottomReflowSpacer","always","role","elementType","optional","renderByDefault","useMessageBar_unstable","shape","baseProps","state","defaultProps","children"],"mappings":"AAAA;;;;;;;;;;;;IAiBaU,0BAAAA;;;0BAoEAwC;eAAAA;;;;iEAnFU,QAAQ;gCACsC,4BAA4B;qCACrE,kCAAkC;+BAEhC,kBAAkB;qCACZ,wBAAwB;6CACb,6CAA6C;6BACtD,yBAAyB;AAQxD,mCAAmC,CACxCvC,OACAC;IAEA,MAAM,EAAEC,SAAS,MAAM,EAAEC,SAAS,MAAM,EAAEC,UAAU,EAAE,GAAGJ;IACzD,MAAMK,qBAAqBD,CAAAA,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,aAAcD,WAAW,MAAA,CAAK,GAAI,WAAW;IACxE,MAAMG,aAAaJ,WAAW;IAC9B,MAAM,EAAED,KAAKM,SAAS,EAAEC,SAAS,EAAE,OAAGZ,wCAAAA,EAAoBU;IAC1D,MAAMG,iBAAiBH,aAAcE,YAAY,cAAc,eAAgBN;IAE/E,4DAA4D;IAC5D,MAAM,EAAEQ,WAAWC,mBAAmB,EAAEC,OAAO,EAAE,OAAGf,2DAAAA;IACpD,MAAMgB,gBAAYf,kCAAAA;IAElB,MAAMgB,aAAazB,OAAM0B,MAAM,CAAwB;IACvD,MAAMC,UAAU3B,OAAM0B,MAAM,CAAwB;IACpD,MAAM,EAAEE,QAAQ,EAAE,OAAGvB,gCAAAA;IACrB,MAAMwB,cAAU1B,qBAAAA;IAEhBH,OAAM8B,SAAS,CAAC;YACMH,kBACGF;QADvB,MAAMM,cAAAA,CAAcJ,mBAAAA,QAAQK,OAAAA,AAAO,MAAA,QAAfL,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAiBM,WAAW;QAChD,MAAMC,iBAAAA,AAAiBT,uBAAAA,WAAWO,OAAAA,AAAO,MAAA,QAAlBP,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBQ,WAAW;QAEtD,MAAME,UAAU;YAACJ;YAAaG;SAAe,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QACnEV,SAASO,SAAS;YAAEI,QAAQvB,uBAAuB;YAAUwB,OAAOxB,uBAAuB;QAAY;IACzG,GAAG;QAACW;QAASF;QAAYG;QAAUZ;KAAmB;IAEtD,OAAO;QACLyB,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,oBAAoB;QACtB;QACAF,MAAMxC,oBAAAA,CAAK2C,MAAM,KACf5C,wCAAAA,EAAyB,OAAO;YAC9BW,SAAKR,6BAAAA,EAAcQ,KAAKM,WAAWK,SAASC;YAC5CsB,MAAM;YACN,mBAAmBjB;YACnB,GAAGlB,KAAK;QACV,IACA;YAAEoC,aAAa;QAAM;QAEvBJ,MAAMzC,oBAAAA,CAAK8C,QAAQ,CAACrC,MAAMgC,IAAI,EAAE;YAC9BM,iBAAiB;YACjBF,aAAa;QACf;QACAH,oBAAoB1C,oBAAAA,CAAK8C,QAAQ,CAACrC,MAAMiC,kBAAkB,EAAE;YAC1DK,iBAAiB7B,mBAAmB;YACpC2B,aAAa;QACf;QACAlC,QAAQO;QACRN;QACAQ;QACAG;QACAE;QACAE;IACF;AACF,EAAE;AAWK,+BAA+B,CAAClB,OAAwBC;IAC7D,MAAM,EAAEuC,QAAQ,SAAS,EAAE,GAAGC,WAAW,GAAGzC;IAE5C,MAAM0C,QAAQ3C,2BAA2B0C,WAAWxC;IAEpD,OAAO;QACL,GAAGyC,KAAK;QACRF;QACAR,MAAMzC,oBAAAA,CAAK8C,QAAQ,CAACrC,MAAMgC,IAAI,EAAE;YAC9BW,cAAc;gBACZC,cAAUjD,4BAAAA,EAAc+C,MAAMvC,MAAM;YACtC;YACAmC,iBAAiB;YACjBF,aAAa;QACf;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/MessageBar/useMessageBar.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { useAnnounce } from '@fluentui/react-shared-contexts';\nimport type { MessageBarBaseProps, MessageBarBaseState, MessageBarProps, MessageBarState } from './MessageBar.types';\nimport { getIntentIcon } from './getIntentIcon';\nimport { useMessageBarReflow } from './useMessageBarReflow';\nimport { useMessageBarTransitionContext } from '../../contexts/messageBarTransitionContext';\nimport { useMotionForwardedRef } from '@fluentui/react-motion';\n\n/**\n * Create the base state required to render MessageBar without design-specific props.\n *\n * @param props - props from this instance of MessageBar (without shape)\n * @param ref - reference to root HTMLElement of MessageBar\n */\nexport const useMessageBarBase_unstable = (\n  props: MessageBarBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): MessageBarBaseState => {\n  const { layout = 'auto', intent = 'info', politeness } = props;\n  const computedPoliteness = politeness ?? intent === 'info' ? 'polite' : 'assertive';\n  const autoReflow = layout === 'auto';\n  const { ref: reflowRef, reflowing } = useMessageBarReflow(autoReflow);\n  const computedLayout = autoReflow ? (reflowing ? 'multiline' : 'singleline') : layout;\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { className: transitionClassName, nodeRef } = useMessageBarTransitionContext();\n  const motionRef = useMotionForwardedRef();\n\n  const actionsRef = React.useRef<HTMLDivElement | null>(null);\n  const bodyRef = React.useRef<HTMLDivElement | null>(null);\n  const { announce } = useAnnounce();\n  const titleId = useId();\n\n  React.useEffect(() => {\n    const bodyMessage = bodyRef.current?.textContent;\n    const actionsMessage = actionsRef.current?.textContent;\n\n    const message = [bodyMessage, actionsMessage].filter(Boolean).join(',');\n    announce(message, { polite: computedPoliteness === 'polite', alert: computedPoliteness === 'assertive' });\n  }, [bodyRef, actionsRef, announce, computedPoliteness]);\n\n  return {\n    components: {\n      root: 'div',\n      icon: 'div',\n      bottomReflowSpacer: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, reflowRef, nodeRef, motionRef),\n        role: 'group',\n        'aria-labelledby': titleId,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(props.icon, {\n      renderByDefault: true,\n      elementType: 'div',\n    }),\n    bottomReflowSpacer: slot.optional(props.bottomReflowSpacer, {\n      renderByDefault: computedLayout === 'multiline',\n      elementType: 'div',\n    }),\n    layout: computedLayout,\n    intent,\n    transitionClassName,\n    actionsRef,\n    bodyRef,\n    titleId,\n  };\n};\n\n/**\n * Create the state required to render MessageBar.\n *\n * The returned state can be modified with hooks such as useMessageBarStyles_unstable,\n * before being passed to renderMessageBar_unstable.\n *\n * @param props - props from this instance of MessageBar\n * @param ref - reference to root HTMLElement of MessageBar\n */\nexport const useMessageBar_unstable = (props: MessageBarProps, ref: React.Ref<HTMLDivElement>): MessageBarState => {\n  const { shape = 'rounded', ...baseProps } = props;\n\n  const state = useMessageBarBase_unstable(baseProps, ref);\n\n  return {\n    ...state,\n    shape,\n    icon: slot.optional(props.icon, {\n      defaultProps: {\n        children: getIntentIcon(state.intent),\n      },\n      renderByDefault: true,\n      elementType: 'div',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useId","useMergedRefs","useAnnounce","getIntentIcon","useMessageBarReflow","useMessageBarTransitionContext","useMotionForwardedRef","useMessageBarBase_unstable","props","ref","layout","intent","politeness","computedPoliteness","autoReflow","reflowRef","reflowing","computedLayout","className","transitionClassName","nodeRef","motionRef","actionsRef","useRef","bodyRef","announce","titleId","useEffect","bodyMessage","current","textContent","actionsMessage","message","filter","Boolean","join","polite","alert","components","root","icon","bottomReflowSpacer","always","role","elementType","optional","renderByDefault","useMessageBar_unstable","shape","baseProps","state","defaultProps","children"],"mappings":"AAAA;;;;;;;;;;;;IAiBaU,0BAAAA;;;0BAoEAwC;eAAAA;;;;iEAnFU,QAAQ;gCACsC,4BAA4B;qCACrE,kCAAkC;+BAEhC,qBAAkB;qCACZ,2BAAwB;6CACb,gDAA6C;6BACtD,yBAAyB;AAQxD,mCAAmC,CACxCvC,OACAC;IAEA,MAAM,EAAEC,SAAS,MAAM,EAAEC,SAAS,MAAM,EAAEC,UAAU,EAAE,GAAGJ;IACzD,MAAMK,qBAAqBD,CAAAA,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,aAAcD,WAAW,MAAA,CAAK,GAAI,WAAW;IACxE,MAAMG,aAAaJ,WAAW;IAC9B,MAAM,EAAED,KAAKM,SAAS,EAAEC,SAAS,EAAE,OAAGZ,wCAAAA,EAAoBU;IAC1D,MAAMG,iBAAiBH,aAAcE,YAAY,cAAc,eAAgBN;IAE/E,4DAA4D;IAC5D,MAAM,EAAEQ,WAAWC,mBAAmB,EAAEC,OAAO,EAAE,OAAGf,2DAAAA;IACpD,MAAMgB,gBAAYf,kCAAAA;IAElB,MAAMgB,aAAazB,OAAM0B,MAAM,CAAwB;IACvD,MAAMC,UAAU3B,OAAM0B,MAAM,CAAwB;IACpD,MAAM,EAAEE,QAAQ,EAAE,OAAGvB,gCAAAA;IACrB,MAAMwB,cAAU1B,qBAAAA;IAEhBH,OAAM8B,SAAS,CAAC;YACMH,kBACGF;QADvB,MAAMM,cAAAA,CAAcJ,mBAAAA,QAAQK,OAAAA,AAAO,MAAA,QAAfL,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAiBM,WAAW;QAChD,MAAMC,iBAAAA,AAAiBT,uBAAAA,WAAWO,OAAAA,AAAO,MAAA,QAAlBP,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBQ,WAAW;QAEtD,MAAME,UAAU;YAACJ;YAAaG;SAAe,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QACnEV,SAASO,SAAS;YAAEI,QAAQvB,uBAAuB;YAAUwB,OAAOxB,uBAAuB;QAAY;IACzG,GAAG;QAACW;QAASF;QAAYG;QAAUZ;KAAmB;IAEtD,OAAO;QACLyB,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,oBAAoB;QACtB;QACAF,MAAMxC,oBAAAA,CAAK2C,MAAM,KACf5C,wCAAAA,EAAyB,OAAO;YAC9BW,SAAKR,6BAAAA,EAAcQ,KAAKM,WAAWK,SAASC;YAC5CsB,MAAM;YACN,mBAAmBjB;YACnB,GAAGlB,KAAK;QACV,IACA;YAAEoC,aAAa;QAAM;QAEvBJ,MAAMzC,oBAAAA,CAAK8C,QAAQ,CAACrC,MAAMgC,IAAI,EAAE;YAC9BM,iBAAiB;YACjBF,aAAa;QACf;QACAH,oBAAoB1C,oBAAAA,CAAK8C,QAAQ,CAACrC,MAAMiC,kBAAkB,EAAE;YAC1DK,iBAAiB7B,mBAAmB;YACpC2B,aAAa;QACf;QACAlC,QAAQO;QACRN;QACAQ;QACAG;QACAE;QACAE;IACF;AACF,EAAE;AAWK,+BAA+B,CAAClB,OAAwBC;IAC7D,MAAM,EAAEuC,QAAQ,SAAS,EAAE,GAAGC,WAAW,GAAGzC;IAE5C,MAAM0C,QAAQ3C,2BAA2B0C,WAAWxC;IAEpD,OAAO;QACL,GAAGyC,KAAK;QACRF;QACAR,MAAMzC,oBAAAA,CAAK8C,QAAQ,CAACrC,MAAMgC,IAAI,EAAE;YAC9BW,cAAc;gBACZC,cAAUjD,4BAAAA,EAAc+C,MAAMvC,MAAM;YACtC;YACAmC,iBAAiB;YACjBF,aAAa;QACf;IACF;AACF,EAAE"}

package/lib-commonjs/components/MessageBar/{useMessageBarReflow.js → useMessageBarReflow.cjs}

@@ -19,7 +19,7 @@ function useMessageBarReflow(enabled = false) {
     const reflowingRef = _react.useRef(false);
     // TODO: exclude types from this lint rule: https://github.com/microsoft/fluentui/issues/31286
     const resizeObserverRef = _react.useRef(null);
-    const prevInlineSizeRef = _react.useRef(-1);
+    const singleLineWidthRef = _react.useRef(Number.POSITIVE_INFINITY);
     const handleResize = _react.useCallback((entries)=>{
         var _entry_borderBoxSize_, _entry_borderBoxSize;
         // Resize observer is only owned by this component - one resize observer entry expected
@@ -44,20 +44,17 @@ function useMessageBarReflow(enabled = false) {
             return;
         }
         let nextReflowing;
-        // No easy way to really determine when the single line layout will fit
-        // Just keep try to set single line layout as long as the size is growing
-        // Will cause flickering when size is being adjusted gradually (i.e. drag) - but this should not be a common case
         if (reflowingRef.current) {
-            if (prevInlineSizeRef.current < inlineSize) {
+            if (inlineSize >= singleLineWidthRef.current) {
                 nextReflowing = false;
             }
         } else {
             const scrollWidth = target.scrollWidth;
             if (inlineSize < scrollWidth) {
                 nextReflowing = true;
+                singleLineWidthRef.current = scrollWidth;
             }
         }
-        prevInlineSizeRef.current = inlineSize;
         if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) {
             reflowingRef.current = nextReflowing;
             forceUpdate();

package/lib-commonjs/components/MessageBar/useMessageBarReflow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MessageBar/useMessageBarReflow.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { isHTMLElement } from '@fluentui/react-utilities';\n\nexport function useMessageBarReflow(enabled: boolean = false): {\n  ref: React.RefCallback<HTMLElement>;\n  reflowing: boolean;\n} {\n  const { targetDocument } = useFluent();\n  const forceUpdate = React.useReducer(() => ({}), {})[1];\n  const reflowingRef = React.useRef(false);\n  // TODO: exclude types from this lint rule: https://github.com/microsoft/fluentui/issues/31286\n\n  const resizeObserverRef = React.useRef<ResizeObserver | null>(null);\n  const singleLineWidthRef = React.useRef(Number.POSITIVE_INFINITY);\n\n  const handleResize: ResizeObserverCallback = React.useCallback(\n    entries => {\n      // Resize observer is only owned by this component - one resize observer entry expected\n      // No need to support multiple fragments - one border box entry expected\n      if (process.env.NODE_ENV !== 'production' && entries.length > 1) {\n        // eslint-disable-next-line no-console\n        console.error(\n          [\n            'useMessageBarReflow: Resize observer should only have one entry. ',\n            'If multiple entries are observed, the first entry will be used.',\n            'This is a bug, please report it to the Fluent UI team.',\n          ].join(' '),\n        );\n      }\n\n      const entry = entries[0];\n      // `borderBoxSize` is not supported before Chrome 84, Firefox 92, nor Safari 15.4\n      const inlineSize = entry?.borderBoxSize?.[0]?.inlineSize ?? entry?.target.getBoundingClientRect().width;\n\n      if (inlineSize === undefined || !entry) {\n        return;\n      }\n\n      const { target } = entry;\n\n      if (!isHTMLElement(target)) {\n        return;\n      }\n\n      let nextReflowing: boolean | undefined;\n\n      if (reflowingRef.current) {\n        if (inlineSize >= singleLineWidthRef.current) {\n          nextReflowing = false;\n        }\n      } else {\n        const scrollWidth = target.scrollWidth;\n        if (inlineSize < scrollWidth) {\n          nextReflowing = true;\n          singleLineWidthRef.current = scrollWidth;\n        }\n      }\n\n      if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) {\n        reflowingRef.current = nextReflowing;\n        forceUpdate();\n      }\n    },\n    [forceUpdate],\n  );\n\n  const ref = React.useCallback(\n    (el: HTMLElement | null) => {\n      if (!enabled || !el || !targetDocument?.defaultView) {\n        return;\n      }\n\n      resizeObserverRef.current?.disconnect();\n\n      const win = targetDocument.defaultView;\n      const resizeObserver = new win.ResizeObserver(handleResize);\n      resizeObserverRef.current = resizeObserver;\n      resizeObserver.observe(el, { box: 'border-box' });\n    },\n    [targetDocument, handleResize, enabled],\n  );\n\n  React.useEffect(() => {\n    return () => {\n      resizeObserverRef.current?.disconnect();\n    };\n  }, []);\n\n  // eslint-disable-next-line react-hooks/refs\n  return { ref, reflowing: reflowingRef.current };\n}\n"],"names":["React","useFluent_unstable","useFluent","isHTMLElement","useMessageBarReflow","enabled","targetDocument","forceUpdate","useReducer","reflowingRef","useRef","resizeObserverRef","singleLineWidthRef","Number","POSITIVE_INFINITY","handleResize","useCallback","entries","entry","process","env","NODE_ENV","length","console","error","join","inlineSize","borderBoxSize","target","getBoundingClientRect","width","undefined","nextReflowing","current","scrollWidth","ref","el","defaultView","disconnect","win","resizeObserver","ResizeObserver","observe","box","useEffect","reflowing"],"mappings":"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"}

package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBarStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses, shorthands } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const messageBarClassNames = {\n    root: 'fui-MessageBar',\n    icon: 'fui-MessageBar__icon',\n    bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'\n};\nconst useRootBaseStyles = makeResetStyles({\n    whiteSpace: 'nowrap',\n    display: 'grid',\n    gridTemplateColumns: 'auto 1fr auto auto',\n    gridTemplateRows: '1fr',\n    gridTemplateAreas: '\"icon body secondaryActions actions\"',\n    paddingLeft: tokens.spacingHorizontalM,\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n    borderRadius: tokens.borderRadiusMedium,\n    alignItems: 'center',\n    minHeight: '36px',\n    boxSizing: 'border-box',\n    backgroundColor: tokens.colorNeutralBackground3\n});\nconst useIconBaseStyles = makeResetStyles({\n    gridArea: 'icon',\n    fontSize: tokens.fontSizeBase500,\n    marginRight: tokens.spacingHorizontalS,\n    color: tokens.colorNeutralForeground3,\n    display: 'flex',\n    alignItems: 'center'\n});\nconst useReflowSpacerBaseStyles = makeResetStyles({\n    marginBottom: tokens.spacingVerticalS,\n    gridArea: 'secondaryActions'\n});\nconst useStyles = makeStyles({\n    rootMultiline: {\n        whiteSpace: 'normal',\n        alignItems: 'start',\n        paddingTop: tokens.spacingVerticalMNudge,\n        gridTemplateColumns: 'auto 1fr auto',\n        gridTemplateAreas: `\n      \"icon body actions\"\n      \"secondaryActions secondaryActions secondaryActions\"\n    `\n    },\n    secondaryActionsMultiline: {\n        justifyContent: 'end',\n        marginTop: tokens.spacingVerticalMNudge,\n        marginBottom: tokens.spacingVerticalS,\n        marginRight: '0px'\n    },\n    square: {\n        borderRadius: '0'\n    }\n});\nconst useIconIntentStyles = makeStyles({\n    info: {\n    },\n    error: {\n        color: tokens.colorStatusDangerForeground1\n    },\n    warning: {\n        color: tokens.colorStatusWarningForeground3\n    },\n    success: {\n        color: tokens.colorStatusSuccessForeground1\n    }\n});\nconst useRootIntentStyles = makeStyles({\n    info: {\n    },\n    error: {\n        backgroundColor: tokens.colorStatusDangerBackground1,\n        ...shorthands.borderColor(tokens.colorStatusDangerBorder1)\n    },\n    warning: {\n        backgroundColor: tokens.colorStatusWarningBackground1,\n        ...shorthands.borderColor(tokens.colorStatusWarningBorder1)\n    },\n    success: {\n        backgroundColor: tokens.colorStatusSuccessBackground1,\n        ...shorthands.borderColor(tokens.colorStatusSuccessBorder1)\n    }\n});\n/**\n * Apply styling to the MessageBar slots based on the state\n */ export const useMessageBarStyles_unstable = (state)=>{\n    const rootBaseStyles = useRootBaseStyles();\n    const iconBaseStyles = useIconBaseStyles();\n    const iconIntentStyles = useIconIntentStyles();\n    const rootIntentStyles = useRootIntentStyles();\n    const reflowSpacerStyles = useReflowSpacerBaseStyles();\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(messageBarClassNames.root, rootBaseStyles, state.layout === 'multiline' && styles.rootMultiline, state.shape === 'square' && styles.square, rootIntentStyles[state.intent], state.root.className);\n    if (state.icon) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.icon.className = mergeClasses(messageBarClassNames.icon, iconBaseStyles, iconIntentStyles[state.intent], state.icon.className);\n    }\n    if (state.bottomReflowSpacer) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.bottomReflowSpacer.className = mergeClasses(messageBarClassNames.bottomReflowSpacer, reflowSpacerStyles);\n    }\n    return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","messageBarClassNames","root","icon","bottomReflowSpacer","useRootBaseStyles","useIconBaseStyles","useReflowSpacerBaseStyles","useStyles","rootMultiline","Huce71","Bt984gj","z8tnut","Budl1dq","zoa1oz","secondaryActionsMultiline","Brf1p80","B6of3ja","jrapky","t21cq0","square","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","useIconIntentStyles","info","error","sj55zd","warning","success","useRootIntentStyles","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","useMessageBarStyles_unstable","state","rootBaseStyles","iconBaseStyles","iconIntentStyles","rootIntentStyles","reflowSpacerStyles","styles","className","layout","shape","intent"],"mappings":"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"}

package/lib-commonjs/components/MessageBarActions/{MessageBarActions.js → MessageBarActions.cjs}

@@ -12,10 +12,10 @@ Object.defineProperty(exports, "MessageBarActions", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useMessageBarActions = require("./useMessageBarActions");
-const _renderMessageBarActions = require("./renderMessageBarActions");
-const _useMessageBarActionsStylesstyles = require("./useMessageBarActionsStyles.styles");
-const _useMessageBarActionsContextValues = require("./useMessageBarActionsContextValues");
+const _useMessageBarActions = require("./useMessageBarActions.cjs");
+const _renderMessageBarActions = require("./renderMessageBarActions.cjs");
+const _useMessageBarActionsStylesstyles = require("./useMessageBarActionsStyles.styles.cjs");
+const _useMessageBarActionsContextValues = require("./useMessageBarActionsContextValues.cjs");
 const MessageBarActions = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useMessageBarActions.useMessageBarActions_unstable)(props, ref);
     (0, _useMessageBarActionsStylesstyles.useMessageBarActionsStyles_unstable)(state);

package/lib-commonjs/components/MessageBarActions/{MessageBarActions.js.map → MessageBarActions.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarActions/MessageBarActions.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarActions_unstable } from './useMessageBarActions';\nimport { renderMessageBarActions_unstable } from './renderMessageBarActions';\nimport { useMessageBarActionsStyles_unstable } from './useMessageBarActionsStyles.styles';\nimport type { MessageBarActionsProps } from './MessageBarActions.types';\nimport { useMessageBarActionsContextValue_unstable } from './useMessageBarActionsContextValues';\n\n/**\n * MessageBarActions component\n */\nexport const MessageBarActions: ForwardRefComponent<MessageBarActionsProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBarActions_unstable(props, ref);\n\n  useMessageBarActionsStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarActionsStyles_unstable')(state);\n  return renderMessageBarActions_unstable(state, useMessageBarActionsContextValue_unstable());\n});\n\nMessageBarActions.displayName = 'MessageBarActions';\n"],"names":["React","useCustomStyleHook_unstable","useMessageBarActions_unstable","renderMessageBarActions_unstable","useMessageBarActionsStyles_unstable","useMessageBarActionsContextValue_unstable","MessageBarActions","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;sCAChC,yBAAyB;yCACtB,4BAA4B;kDACzB,sCAAsC;mDAEhC,sCAAsC;AAKzF,MAAMM,oBAAAA,WAAAA,GAAiEN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,YAAQR,mDAAAA,EAA8BM,OAAOC;QAEnDL,qEAAAA,EAAoCM;QACpCT,gDAAAA,EAA4B,uCAAuCS;IACnE,WAAOP,yDAAAA,EAAiCO,WAAOL,4EAAAA;AACjD,GAAG;AAEHC,kBAAkBK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/MessageBarActions/MessageBarActions.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarActions_unstable } from './useMessageBarActions';\nimport { renderMessageBarActions_unstable } from './renderMessageBarActions';\nimport { useMessageBarActionsStyles_unstable } from './useMessageBarActionsStyles.styles';\nimport type { MessageBarActionsProps } from './MessageBarActions.types';\nimport { useMessageBarActionsContextValue_unstable } from './useMessageBarActionsContextValues';\n\n/**\n * MessageBarActions component\n */\nexport const MessageBarActions: ForwardRefComponent<MessageBarActionsProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBarActions_unstable(props, ref);\n\n  useMessageBarActionsStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarActionsStyles_unstable')(state);\n  return renderMessageBarActions_unstable(state, useMessageBarActionsContextValue_unstable());\n});\n\nMessageBarActions.displayName = 'MessageBarActions';\n"],"names":["React","useCustomStyleHook_unstable","useMessageBarActions_unstable","renderMessageBarActions_unstable","useMessageBarActionsStyles_unstable","useMessageBarActionsContextValue_unstable","MessageBarActions","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;sCAChC,4BAAyB;yCACtB,+BAA4B;kDACzB,yCAAsC;mDAEhC,yCAAsC;AAKzF,MAAMM,oBAAAA,WAAAA,GAAiEN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,YAAQR,mDAAAA,EAA8BM,OAAOC;QAEnDL,qEAAAA,EAAoCM;QACpCT,gDAAAA,EAA4B,uCAAuCS;IACnE,WAAOP,yDAAAA,EAAiCO,WAAOL,4EAAAA;AACjD,GAAG;AAEHC,kBAAkBK,WAAW,GAAG"}

package/lib-commonjs/components/MessageBarActions/{index.js → index.cjs}

@@ -28,8 +28,8 @@ _export(exports, {
         return _useMessageBarActions.useMessageBarActions_unstable;
     }
 });
-const _MessageBarActions = require("./MessageBarActions");
-const _renderMessageBarActions = require("./renderMessageBarActions");
-const _useMessageBarActions = require("./useMessageBarActions");
-const _useMessageBarActionsStylesstyles = require("./useMessageBarActionsStyles.styles");
-const _useMessageBarActionsContextValues = require("./useMessageBarActionsContextValues");
+const _MessageBarActions = require("./MessageBarActions.cjs");
+const _renderMessageBarActions = require("./renderMessageBarActions.cjs");
+const _useMessageBarActions = require("./useMessageBarActions.cjs");
+const _useMessageBarActionsStylesstyles = require("./useMessageBarActionsStyles.styles.cjs");
+const _useMessageBarActionsContextValues = require("./useMessageBarActionsContextValues.cjs");

package/lib-commonjs/components/MessageBarActions/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarActions/index.ts"],"sourcesContent":["export { MessageBarActions } from './MessageBarActions';\nexport type {\n  MessageBarActionsContextValues,\n  MessageBarActionsProps,\n  MessageBarActionsSlots,\n  MessageBarActionsState,\n} from './MessageBarActions.types';\nexport { renderMessageBarActions_unstable } from './renderMessageBarActions';\nexport { useMessageBarActions_unstable } from './useMessageBarActions';\nexport { messageBarActionsClassNames, useMessageBarActionsStyles_unstable } from './useMessageBarActionsStyles.styles';\nexport { useMessageBarActionsContextValue_unstable } from './useMessageBarActionsContextValues';\n"],"names":["MessageBarActions","renderMessageBarActions_unstable","useMessageBarActions_unstable","messageBarActionsClassNames","useMessageBarActionsStyles_unstable","useMessageBarActionsContextValue_unstable"],"mappings":";;;;;;;;;;;;eAASA,oCAAiB;;;eASjBG,6DAA2B;;;eAF3BF,yDAAgC;;;eAGhCI,4EAAyC;;;eADZD,qEAAmC;;;eADhEF,mDAA6B;;;mCARJ,sBAAsB;yCAOP,4BAA4B;sCAC/B,yBAAyB;kDACU,sCAAsC;mDAC7D,sCAAsC"}
+{"version":3,"sources":["../src/components/MessageBarActions/index.ts"],"sourcesContent":["export { MessageBarActions } from './MessageBarActions';\nexport type {\n  MessageBarActionsContextValues,\n  MessageBarActionsProps,\n  MessageBarActionsSlots,\n  MessageBarActionsState,\n} from './MessageBarActions.types';\nexport { renderMessageBarActions_unstable } from './renderMessageBarActions';\nexport { useMessageBarActions_unstable } from './useMessageBarActions';\nexport { messageBarActionsClassNames, useMessageBarActionsStyles_unstable } from './useMessageBarActionsStyles.styles';\nexport { useMessageBarActionsContextValue_unstable } from './useMessageBarActionsContextValues';\n"],"names":["MessageBarActions","renderMessageBarActions_unstable","useMessageBarActions_unstable","messageBarActionsClassNames","useMessageBarActionsStyles_unstable","useMessageBarActionsContextValue_unstable"],"mappings":";;;;;;;;;;;;eAASA,oCAAiB;;;eASjBG,6DAA2B;;;eAF3BF,yDAAgC;;;eAGhCI,4EAAyC;;;eADZD,qEAAmC;;;eADhEF,mDAA6B;;;mCARJ,yBAAsB;yCAOP,+BAA4B;sCAC/B,4BAAyB;kDACU,yCAAsC;mDAC7D,yCAAsC"}

package/lib-commonjs/components/MessageBarActions/{useMessageBarActions.js → useMessageBarActions.cjs}

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "useMessageBarActions_unstable", {
     }
 });
 const _reactutilities = require("@fluentui/react-utilities");
-const _messageBarContext = require("../../contexts/messageBarContext");
+const _messageBarContext = require("../../contexts/messageBarContext.cjs");
 const useMessageBarActions_unstable = (props, ref)=>{
     const { layout = 'singleline', actionsRef } = (0, _messageBarContext.useMessageBarContext)();
     return {

package/lib-commonjs/components/MessageBarActions/{useMessageBarActions.js.map → useMessageBarActions.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarActions/useMessageBarActions.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport type { MessageBarActionsProps, MessageBarActionsState } from './MessageBarActions.types';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n\n/**\n * Create the state required to render MessageBarActions.\n *\n * The returned state can be modified with hooks such as useMessageBarActionsStyles_unstable,\n * before being passed to renderMessageBarActions_unstable.\n *\n * @param props - props from this instance of MessageBarActions\n * @param ref - reference to root HTMLElement of MessageBarActions\n */\nexport const useMessageBarActions_unstable = (\n  props: MessageBarActionsProps,\n  ref: React.Ref<HTMLDivElement>,\n): MessageBarActionsState => {\n  const { layout = 'singleline', actionsRef } = useMessageBarContext();\n  return {\n    components: {\n      root: 'div',\n      containerAction: 'div',\n    },\n    containerAction: slot.optional(props.containerAction, { renderByDefault: false, elementType: 'div' }),\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, actionsRef),\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    layout,\n    hasActions: !!props.children,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useMergedRefs","useMessageBarContext","useMessageBarActions_unstable","props","ref","layout","actionsRef","components","root","containerAction","optional","renderByDefault","elementType","always","hasActions","children"],"mappings":"AAAA;;;;;+BAgBaI;;;;;;gCAbiD,4BAA4B;mCAErD,mCAAmC;AAWjE,sCAAsC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,SAAS,YAAY,EAAEC,UAAU,EAAE,OAAGL,uCAAAA;IAC9C,OAAO;QACLM,YAAY;YACVC,MAAM;YACNC,iBAAiB;QACnB;QACAA,iBAAiBV,oBAAAA,CAAKW,QAAQ,CAACP,MAAMM,eAAe,EAAE;YAAEE,iBAAiB;YAAOC,aAAa;QAAM;QACnGJ,MAAMT,oBAAAA,CAAKc,MAAM,KACff,wCAAAA,EAAyB,OAAO;YAC9BM,SAAKJ,6BAAAA,EAAcI,KAAKE;YACxB,GAAGH,KAAK;QACV,IACA;YAAES,aAAa;QAAM;QAEvBP;QACAS,YAAY,CAAC,CAACX,MAAMY,QAAQ;IAC9B;AACF,EAAE"}
+{"version":3,"sources":["../src/components/MessageBarActions/useMessageBarActions.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport type { MessageBarActionsProps, MessageBarActionsState } from './MessageBarActions.types';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n\n/**\n * Create the state required to render MessageBarActions.\n *\n * The returned state can be modified with hooks such as useMessageBarActionsStyles_unstable,\n * before being passed to renderMessageBarActions_unstable.\n *\n * @param props - props from this instance of MessageBarActions\n * @param ref - reference to root HTMLElement of MessageBarActions\n */\nexport const useMessageBarActions_unstable = (\n  props: MessageBarActionsProps,\n  ref: React.Ref<HTMLDivElement>,\n): MessageBarActionsState => {\n  const { layout = 'singleline', actionsRef } = useMessageBarContext();\n  return {\n    components: {\n      root: 'div',\n      containerAction: 'div',\n    },\n    containerAction: slot.optional(props.containerAction, { renderByDefault: false, elementType: 'div' }),\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, actionsRef),\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    layout,\n    hasActions: !!props.children,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useMergedRefs","useMessageBarContext","useMessageBarActions_unstable","props","ref","layout","actionsRef","components","root","containerAction","optional","renderByDefault","elementType","always","hasActions","children"],"mappings":"AAAA;;;;;+BAgBaI;;;;;;gCAbiD,4BAA4B;mCAErD,sCAAmC;AAWjE,sCAAsC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,SAAS,YAAY,EAAEC,UAAU,EAAE,OAAGL,uCAAAA;IAC9C,OAAO;QACLM,YAAY;YACVC,MAAM;YACNC,iBAAiB;QACnB;QACAA,iBAAiBV,oBAAAA,CAAKW,QAAQ,CAACP,MAAMM,eAAe,EAAE;YAAEE,iBAAiB;YAAOC,aAAa;QAAM;QACnGJ,MAAMT,oBAAAA,CAAKc,MAAM,KACff,wCAAAA,EAAyB,OAAO;YAC9BM,SAAKJ,6BAAAA,EAAcI,KAAKE;YACxB,GAAGH,KAAK;QACV,IACA;YAAES,aAAa;QAAM;QAEvBP;QACAS,YAAY,CAAC,CAACX,MAAMY,QAAQ;IAC9B;AACF,EAAE"}

package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBarActionsStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const messageBarActionsClassNames = {\n    root: 'fui-MessageBarActions',\n    containerAction: 'fui-MessageBarActions__containerAction'\n};\n/**\n * Styles for the root slot\n */ const useRootBaseStyles = makeResetStyles({\n    gridArea: 'secondaryActions',\n    display: 'flex',\n    columnGap: tokens.spacingHorizontalM,\n    paddingRight: tokens.spacingHorizontalM\n});\nconst useContainerActionBaseStyles = makeResetStyles({\n    gridArea: 'actions',\n    paddingRight: tokens.spacingHorizontalM\n});\nconst useMultilineStyles = makeStyles({\n    root: {\n        justifyContent: 'end',\n        marginTop: tokens.spacingVerticalMNudge,\n        marginBottom: tokens.spacingVerticalS,\n        marginRight: '0px',\n        paddingRight: tokens.spacingVerticalM\n    },\n    noActions: {\n        display: 'none'\n    }\n});\n/**\n * Apply styling to the MessageBarActions slots based on the state\n */ export const useMessageBarActionsStyles_unstable = (state)=>{\n    const rootBaseStyles = useRootBaseStyles();\n    const containerActionBaseStyles = useContainerActionBaseStyles();\n    const multilineStyles = useMultilineStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(messageBarActionsClassNames.root, rootBaseStyles, state.layout === 'multiline' && multilineStyles.root, !state.hasActions && multilineStyles.noActions, state.root.className);\n    if (state.containerAction) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.containerAction.className = mergeClasses(messageBarActionsClassNames.containerAction, containerActionBaseStyles, state.containerAction.className);\n    }\n    return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","tokens","messageBarActionsClassNames","root","containerAction","useRootBaseStyles","useContainerActionBaseStyles","useMultilineStyles","Brf1p80","B6of3ja","jrapky","t21cq0","z189sj","noActions","mc9l5x","d","useMessageBarActionsStyles_unstable","state","rootBaseStyles","containerActionBaseStyles","multilineStyles","className","layout","hasActions"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCI,2BAA2B;;;uCA8BY;eAAnCc;;;uBAhCyC,gBAAgB;AAEnE,oCAAoC;IACvCb,IAAI,EAAE,uBAAuB;IAC7BC,eAAe,EAAE;AACrB,CAAC;AACD;;CAEA,GAAI,MAAMC,iBAAiB,GAAA,WAAA,OAAGP,oBAAA,EAAA,YAAA,YAAA;IAAA;IAAA;CAK7B,CAAC;AACF,MAAMQ,4BAA4B,GAAA,WAAA,OAAGR,oBAAA,EAAA,WAAA,YAAA;IAAA;IAAA;CAGpC,CAAC;AACF,MAAMS,kBAAkB,GAAA,WAAA,OAAGR,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAK,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,SAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAW1B,CAAC;AAGS,6CAA6CE,KAAK,IAAG;IAC5D,MAAMC,cAAc,GAAGb,iBAAiB,CAAC,CAAC;IAC1C,MAAMc,yBAAyB,GAAGb,4BAA4B,CAAC,CAAC;IAChE,MAAMc,eAAe,GAAGb,kBAAkB,CAAC,CAAC;IAC5C,oDAAA;IACAU,KAAK,CAACd,IAAI,CAACkB,SAAS,OAAGrB,mBAAY,EAACE,2BAA2B,CAACC,IAAI,EAAEe,cAAc,EAAED,KAAK,CAACK,MAAM,KAAK,WAAW,IAAIF,eAAe,CAACjB,IAAI,EAAE,CAACc,KAAK,CAACM,UAAU,IAAIH,eAAe,CAACP,SAAS,EAAEI,KAAK,CAACd,IAAI,CAACkB,SAAS,CAAC;IACjN,IAAIJ,KAAK,CAACb,eAAe,EAAE;QACvB,oDAAA;QACAa,KAAK,CAACb,eAAe,CAACiB,SAAS,OAAGrB,mBAAY,EAACE,2BAA2B,CAACE,eAAe,EAAEe,yBAAyB,EAAEF,KAAK,CAACb,eAAe,CAACiB,SAAS,CAAC;IAC3J;IACA,OAAOJ,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/MessageBarBody/{MessageBarBody.js → MessageBarBody.cjs}

@@ -12,10 +12,10 @@ Object.defineProperty(exports, "MessageBarBody", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useMessageBarBody = require("./useMessageBarBody");
-const _renderMessageBarBody = require("./renderMessageBarBody");
-const _useMessageBarBodyStylesstyles = require("./useMessageBarBodyStyles.styles");
-const _useMessageBarBodyContextValues = require("./useMessageBarBodyContextValues");
+const _useMessageBarBody = require("./useMessageBarBody.cjs");
+const _renderMessageBarBody = require("./renderMessageBarBody.cjs");
+const _useMessageBarBodyStylesstyles = require("./useMessageBarBodyStyles.styles.cjs");
+const _useMessageBarBodyContextValues = require("./useMessageBarBodyContextValues.cjs");
 const MessageBarBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useMessageBarBody.useMessageBarBody_unstable)(props, ref);
     const ctx = (0, _useMessageBarBodyContextValues.useMessageBarBodyContextValues_unstable)(state);

package/lib-commonjs/components/MessageBarBody/{MessageBarBody.js.map → MessageBarBody.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarBody/MessageBarBody.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarBody_unstable } from './useMessageBarBody';\nimport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nimport { useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\nimport { useMessageBarBodyContextValues_unstable } from './useMessageBarBodyContextValues';\nimport type { MessageBarBodyProps } from './MessageBarBody.types';\n\n/**\n * MessageBarBody component\n */\nexport const MessageBarBody: ForwardRefComponent<MessageBarBodyProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBarBody_unstable(props, ref);\n  const ctx = useMessageBarBodyContextValues_unstable(state);\n\n  useMessageBarBodyStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarBodyStyles_unstable')(state);\n  return renderMessageBarBody_unstable(state, ctx);\n});\n\nMessageBarBody.displayName = 'MessageBarBody';\n"],"names":["React","useCustomStyleHook_unstable","useMessageBarBody_unstable","renderMessageBarBody_unstable","useMessageBarBodyStyles_unstable","useMessageBarBodyContextValues_unstable","MessageBarBody","forwardRef","props","ref","state","ctx","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;mCACnC,sBAAsB;sCACnB,yBAAyB;+CACtB,mCAAmC;gDAC5B,mCAAmC;AAMpF,MAAMM,iBAAAA,WAAAA,GAA2DN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQR,6CAAAA,EAA2BM,OAAOC;IAChD,MAAME,UAAMN,uEAAAA,EAAwCK;QAEpDN,+DAAAA,EAAiCM;QACjCT,gDAAAA,EAA4B,oCAAoCS;IAChE,WAAOP,mDAAAA,EAA8BO,OAAOC;AAC9C,GAAG;AAEHL,eAAeM,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/MessageBarBody/MessageBarBody.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarBody_unstable } from './useMessageBarBody';\nimport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nimport { useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\nimport { useMessageBarBodyContextValues_unstable } from './useMessageBarBodyContextValues';\nimport type { MessageBarBodyProps } from './MessageBarBody.types';\n\n/**\n * MessageBarBody component\n */\nexport const MessageBarBody: ForwardRefComponent<MessageBarBodyProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBarBody_unstable(props, ref);\n  const ctx = useMessageBarBodyContextValues_unstable(state);\n\n  useMessageBarBodyStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarBodyStyles_unstable')(state);\n  return renderMessageBarBody_unstable(state, ctx);\n});\n\nMessageBarBody.displayName = 'MessageBarBody';\n"],"names":["React","useCustomStyleHook_unstable","useMessageBarBody_unstable","renderMessageBarBody_unstable","useMessageBarBodyStyles_unstable","useMessageBarBodyContextValues_unstable","MessageBarBody","forwardRef","props","ref","state","ctx","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;mCACnC,yBAAsB;sCACnB,4BAAyB;+CACtB,sCAAmC;gDAC5B,sCAAmC;AAMpF,MAAMM,iBAAAA,WAAAA,GAA2DN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQR,6CAAAA,EAA2BM,OAAOC;IAChD,MAAME,UAAMN,uEAAAA,EAAwCK;QAEpDN,+DAAAA,EAAiCM;QACjCT,gDAAAA,EAA4B,oCAAoCS;IAChE,WAAOP,mDAAAA,EAA8BO,OAAOC;AAC9C,GAAG;AAEHL,eAAeM,WAAW,GAAG"}

package/lib-commonjs/components/MessageBarBody/{index.js → index.cjs}

@@ -28,8 +28,8 @@ _export(exports, {
         return _useMessageBarBody.useMessageBarBody_unstable;
     }
 });
-const _MessageBarBody = require("./MessageBarBody");
-const _renderMessageBarBody = require("./renderMessageBarBody");
-const _useMessageBarBody = require("./useMessageBarBody");
-const _useMessageBarBodyContextValues = require("./useMessageBarBodyContextValues");
-const _useMessageBarBodyStylesstyles = require("./useMessageBarBodyStyles.styles");
+const _MessageBarBody = require("./MessageBarBody.cjs");
+const _renderMessageBarBody = require("./renderMessageBarBody.cjs");
+const _useMessageBarBody = require("./useMessageBarBody.cjs");
+const _useMessageBarBodyContextValues = require("./useMessageBarBodyContextValues.cjs");
+const _useMessageBarBodyStylesstyles = require("./useMessageBarBodyStyles.styles.cjs");

package/lib-commonjs/components/MessageBarBody/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarBody/index.ts"],"sourcesContent":["export { MessageBarBody } from './MessageBarBody';\nexport type {\n  MessageBarBodyContextValues,\n  MessageBarBodyProps,\n  MessageBarBodySlots,\n  MessageBarBodyState,\n} from './MessageBarBody.types';\nexport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nexport { useMessageBarBody_unstable } from './useMessageBarBody';\nexport { useMessageBarBodyContextValues_unstable } from './useMessageBarBodyContextValues';\nexport { messageBarBodyClassNames, useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\n"],"names":["MessageBarBody","renderMessageBarBody_unstable","useMessageBarBody_unstable","useMessageBarBodyContextValues_unstable","messageBarBodyClassNames","useMessageBarBodyStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAUdI,uDAAwB;;;eAHxBH,mDAA6B;;;eAE7BE,uEAAuC;;;eACbE,+DAAgC;;;eAF1DH,6CAA0B;;;gCARJ,mBAAmB;sCAOJ,yBAAyB;mCAC5B,sBAAsB;gDACT,mCAAmC;+CAChB,mCAAmC"}
+{"version":3,"sources":["../src/components/MessageBarBody/index.ts"],"sourcesContent":["export { MessageBarBody } from './MessageBarBody';\nexport type {\n  MessageBarBodyContextValues,\n  MessageBarBodyProps,\n  MessageBarBodySlots,\n  MessageBarBodyState,\n} from './MessageBarBody.types';\nexport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nexport { useMessageBarBody_unstable } from './useMessageBarBody';\nexport { useMessageBarBodyContextValues_unstable } from './useMessageBarBodyContextValues';\nexport { messageBarBodyClassNames, useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\n"],"names":["MessageBarBody","renderMessageBarBody_unstable","useMessageBarBody_unstable","useMessageBarBodyContextValues_unstable","messageBarBodyClassNames","useMessageBarBodyStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAUdI,uDAAwB;;;eAHxBH,mDAA6B;;;eAE7BE,uEAAuC;;;eACbE,+DAAgC;;;eAF1DH,6CAA0B;;;gCARJ,sBAAmB;sCAOJ,4BAAyB;mCAC5B,yBAAsB;gDACT,sCAAmC;+CAChB,sCAAmC"}

package/lib-commonjs/components/MessageBarBody/{useMessageBarBody.js → useMessageBarBody.cjs}

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "useMessageBarBody_unstable", {
     }
 });
 const _reactutilities = require("@fluentui/react-utilities");
-const _messageBarContext = require("../../contexts/messageBarContext");
+const _messageBarContext = require("../../contexts/messageBarContext.cjs");
 const useMessageBarBody_unstable = (props, ref)=>{
     const { bodyRef } = (0, _messageBarContext.useMessageBarContext)();
     return {

package/lib-commonjs/components/MessageBarBody/{useMessageBarBody.js.map → useMessageBarBody.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarBody/useMessageBarBody.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport type { MessageBarBodyProps, MessageBarBodyState } from './MessageBarBody.types';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n\n/**\n * Create the state required to render MessageBarBody.\n *\n * The returned state can be modified with hooks such as useMessageBarBodyStyles_unstable,\n * before being passed to renderMessageBarBody_unstable.\n *\n * @param props - props from this instance of MessageBarBody\n * @param ref - reference to root HTMLElement of MessageBarBody\n */\nexport const useMessageBarBody_unstable = (\n  props: MessageBarBodyProps,\n  ref: React.Ref<HTMLDivElement>,\n): MessageBarBodyState => {\n  const { bodyRef } = useMessageBarContext();\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, bodyRef),\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useMergedRefs","useMessageBarContext","useMessageBarBody_unstable","props","ref","bodyRef","components","root","always","elementType"],"mappings":"AAAA;;;;;;;;;;;gCAG8D,4BAA4B;mCAErD,mCAAmC;AAWjE,MAAMI,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAE,OAAGJ,uCAAAA;IACpB,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMR,oBAAAA,CAAKS,MAAM,KACfV,wCAAAA,EAAyB,OAAO;YAC9BM,SAAKJ,6BAAAA,EAAcI,KAAKC;YACxB,GAAGF,KAAK;QACV,IACA;YAAEM,aAAa;QAAM;IAEzB;AACF,EAAE"}
+{"version":3,"sources":["../src/components/MessageBarBody/useMessageBarBody.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport type { MessageBarBodyProps, MessageBarBodyState } from './MessageBarBody.types';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n\n/**\n * Create the state required to render MessageBarBody.\n *\n * The returned state can be modified with hooks such as useMessageBarBodyStyles_unstable,\n * before being passed to renderMessageBarBody_unstable.\n *\n * @param props - props from this instance of MessageBarBody\n * @param ref - reference to root HTMLElement of MessageBarBody\n */\nexport const useMessageBarBody_unstable = (\n  props: MessageBarBodyProps,\n  ref: React.Ref<HTMLDivElement>,\n): MessageBarBodyState => {\n  const { bodyRef } = useMessageBarContext();\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, bodyRef),\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useMergedRefs","useMessageBarContext","useMessageBarBody_unstable","props","ref","bodyRef","components","root","always","elementType"],"mappings":"AAAA;;;;;;;;;;;gCAG8D,4BAA4B;mCAErD,sCAAmC;AAWjE,MAAMI,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAE,OAAGJ,uCAAAA;IACpB,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMR,oBAAAA,CAAKS,MAAM,KACfV,wCAAAA,EAAyB,OAAO;YAC9BM,SAAKJ,6BAAAA,EAAcI,KAAKC;YACxB,GAAGF,KAAK;QACV,IACA;YAAEM,aAAa;QAAM;IAEzB;AACF,EAAE"}

package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBarBodyStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\nexport const messageBarBodyClassNames = {\n    root: 'fui-MessageBarBody'\n};\nconst useRootBaseStyles = makeResetStyles({\n    ...typographyStyles.body1,\n    gridArea: 'body',\n    paddingRight: tokens.spacingHorizontalM\n});\n/**\n * Apply styling to the MessageBarBody slots based on the state\n */ export const useMessageBarBodyStyles_unstable = (state)=>{\n    const rootBaseStyles = useRootBaseStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);\n    return state;\n};\n"],"names":["__resetStyles","mergeClasses","tokens","typographyStyles","messageBarBodyClassNames","root","useRootBaseStyles","useMessageBarBodyStyles_unstable","state","rootBaseStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;4BAGyB;;;IAUpBO,gCAAgC;;;;uBAZH,gBAAgB;AAEvD,MAAMH,2BAA2B;IACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,iBAAiB,GAAA,WAAA,OAAGN,oBAAA,EAAA,WAAA,WAAA;IAAA;IAAA;CAIzB,CAAC;AAGS,0CAA0CQ,KAAK,IAAG;IACzD,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;IAC1C,oDAAA;IACAE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGT,mBAAY,EAACG,wBAAwB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACxG,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/MessageBarGroup/{MessageBarGroup.js → MessageBarGroup.cjs}

@@ -12,9 +12,9 @@ Object.defineProperty(exports, "MessageBarGroup", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useMessageBarGroup = require("./useMessageBarGroup");
-const _renderMessageBarGroup = require("./renderMessageBarGroup");
-const _useMessageBarGroupStylesstyles = require("./useMessageBarGroupStyles.styles");
+const _useMessageBarGroup = require("./useMessageBarGroup.cjs");
+const _renderMessageBarGroup = require("./renderMessageBarGroup.cjs");
+const _useMessageBarGroupStylesstyles = require("./useMessageBarGroupStyles.styles.cjs");
 const MessageBarGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useMessageBarGroup.useMessageBarGroup_unstable)(props, ref);
     (0, _useMessageBarGroupStylesstyles.useMessageBarGroupStyles_unstable)(state);