@fluentui/react-message-bar 9.2.3 → 9.2.5

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

@@ -1 +1 @@
-{"version":3,"sources":["useMessageBarBodyStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const messageBarBodyClassNames = {\n  root: 'fui-MessageBarBody'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"rtatq2b\", \"re2rary\", [\".rtatq2b{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-area:body;padding-right:var(--spacingHorizontalM);}\", \".re2rary{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-area:body;padding-left:var(--spacingHorizontalM);}\"]);\n/**\n * Apply styling to the MessageBarBody slots based on the state\n */\nexport const useMessageBarBodyStyles_unstable = state => {\n  const rootBaseStyles = useRootBaseStyles();\n  state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useMessageBarBodyStyles.styles.js.map"],"names":["messageBarBodyClassNames","useMessageBarBodyStyles_unstable","root","useRootBaseStyles","__resetStyles","state","rootBaseStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAOAC,gCAAgC;eAAhCA;;;uBAT+B;AAErC,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,WAAW;IAAC;IAAkN;CAAgN;AAIve,MAAMH,mCAAmCI,CAAAA;IAC9C,MAAMC,iBAAiBH;IACvBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,yBAAyBE,IAAI,EAAEI,gBAAgBD,MAAMH,IAAI,CAACK,SAAS;IACvG,OAAOF;AACT,GACA,0DAA0D"}
+{"version":3,"sources":["useMessageBarBodyStyles.styles.js"],"sourcesContent":["import { 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    'use no memo';\n    const rootBaseStyles = useRootBaseStyles();\n    state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);\n    return state;\n};\n"],"names":["messageBarBodyClassNames","useMessageBarBodyStyles_unstable","root","useRootBaseStyles","__resetStyles","state","rootBaseStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAUIC,gCAAgC;eAAhCA;;;uBAZ6B;AAEvC,MAAMD,2BAA2B;IACpCE,MAAM;AACV;AACA,MAAMC,oBAAiB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,WAAA,WAAA;IAAA;IAAA;CAIzB;AAGU,MAAMH,mCAAoCI,CAAAA;IACjD;IACA,MAAMC,iBAAiBH;IACvBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,yBAAyBE,IAAI,EAAEI,gBAAgBD,MAAMH,IAAI,CAACK,SAAS;IACvG,OAAOF;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["MessageBarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarGroup_unstable } from './useMessageBarGroup';\nimport { renderMessageBarGroup_unstable } from './renderMessageBarGroup';\nimport { useMessageBarGroupStyles_unstable } from './useMessageBarGroupStyles.styles';\n/**\n * MessageBarGroup component\n */ export const MessageBarGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useMessageBarGroup_unstable(props, ref);\n    useMessageBarGroupStyles_unstable(state);\n    useCustomStyleHook_unstable('useMessageBarGroupStyles_unstable')(state);\n    return renderMessageBarGroup_unstable(state);\n});\nMessageBarGroup.displayName = 'MessageBarGroup';\n"],"names":["MessageBarGroup","React","forwardRef","props","ref","state","useMessageBarGroup_unstable","useMessageBarGroupStyles_unstable","useCustomStyleHook_unstable","renderMessageBarGroup_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;qCACqB;oCACA;uCACG;gDACG;AAGvC,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACtE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ;AAC1C;AACAL,gBAAgBU,WAAW,GAAG"}
+{"version":3,"sources":["MessageBarGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarGroup_unstable } from './useMessageBarGroup';\nimport { renderMessageBarGroup_unstable } from './renderMessageBarGroup';\nimport { useMessageBarGroupStyles_unstable } from './useMessageBarGroupStyles.styles';\nimport type { MessageBarGroupProps } from './MessageBarGroup.types';\n\n/**\n * MessageBarGroup component\n */\nexport const MessageBarGroup: ForwardRefComponent<MessageBarGroupProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBarGroup_unstable(props, ref);\n\n  useMessageBarGroupStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarGroupStyles_unstable')(state);\n  return renderMessageBarGroup_unstable(state);\n});\n\nMessageBarGroup.displayName = 'MessageBarGroup';\n"],"names":["MessageBarGroup","React","forwardRef","props","ref","state","useMessageBarGroup_unstable","useMessageBarGroupStyles_unstable","useCustomStyleHook_unstable","renderMessageBarGroup_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;qCAEqB;oCACA;uCACG;gDACG;AAM3C,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAClCG,IAAAA,gDAAAA,EAA4B,qCAAqCH;IACjE,OAAOI,IAAAA,qDAAAA,EAA+BJ;AACxC;AAEAL,gBAAgBU,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["MessageBarGroup.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["MessageBarGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nexport type MessageBarGroupSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * MessageBarGroup Props\n */\nexport type MessageBarGroupProps = ComponentProps<MessageBarGroupSlots> & {\n  children: React.ReactElement[] | React.ReactElement;\n  animate?: 'exit-only' | 'both';\n};\n\n/**\n * State used in rendering MessageBarGroup\n */\nexport type MessageBarGroupState = ComponentState<MessageBarGroupSlots> &\n  Pick<MessageBarGroupProps, 'animate'> & {\n    enterStyles: string;\n    exitStyles: string;\n    children: React.ReactElement[];\n  };\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEACuB"}

package/lib-commonjs/components/MessageBarGroup/MessageBarTransition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageBarTransition.js"],"sourcesContent":["import * as React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { MessageBarTransitionContextProvider } from '../../contexts/messageBarTransitionContext';\nconst getClassName = (status, enterClassName, exitClassName, animate)=>{\n    switch(status){\n        case 'entering':\n        case 'entered':\n            return animate === 'both' ? enterClassName : '';\n        case 'exiting':\n        case 'exited':\n            return exitClassName;\n        default:\n            return '';\n    }\n};\n/**\n * Internal component that controls the animation transition for MessageBar components\n * @internal\n */ export const MessageBarTransition = ({ children, enterClassName, exitClassName, animate, ...rest })=>{\n    const nodeRef = React.useRef(null);\n    return /*#__PURE__*/ React.createElement(Transition, {\n        timeout: 250,\n        nodeRef: nodeRef,\n        ...rest\n    }, (state)=>/*#__PURE__*/ React.createElement(MessageBarTransitionInner, {\n            animate: animate,\n            enterClassName: enterClassName,\n            exitClassName: exitClassName,\n            nodeRef: nodeRef,\n            state: state\n        }, children));\n};\nconst MessageBarTransitionInner = ({ children, state, enterClassName, exitClassName, animate, nodeRef })=>{\n    const className = getClassName(state, enterClassName, exitClassName, animate);\n    const context = React.useMemo(()=>({\n            className,\n            nodeRef\n        }), [\n        className,\n        nodeRef\n    ]);\n    return /*#__PURE__*/ React.createElement(MessageBarTransitionContextProvider, {\n        value: context\n    }, children);\n};\n"],"names":["MessageBarTransition","getClassName","status","enterClassName","exitClassName","animate","children","rest","nodeRef","React","useRef","createElement","Transition","timeout","state","MessageBarTransitionInner","className","context","useMemo","MessageBarTransitionContextProvider","value"],"mappings":";;;;+BAkBiBA;;;eAAAA;;;;iEAlBM;sCACI;6CACyB;AACpD,MAAMC,eAAe,CAACC,QAAQC,gBAAgBC,eAAeC;IACzD,OAAOH;QACH,KAAK;QACL,KAAK;YACD,OAAOG,YAAY,SAASF,iBAAiB;QACjD,KAAK;QACL,KAAK;YACD,OAAOC;QACX;YACI,OAAO;IACf;AACJ;AAIW,MAAMJ,uBAAuB,CAAC,EAAEM,QAAQ,EAAEH,cAAc,EAAEC,aAAa,EAAEC,OAAO,EAAE,GAAGE,MAAM;IAClG,MAAMC,UAAUC,OAAMC,MAAM,CAAC;IAC7B,OAAO,WAAW,GAAGD,OAAME,aAAa,CAACC,gCAAU,EAAE;QACjDC,SAAS;QACTL,SAASA;QACT,GAAGD,IAAI;IACX,GAAG,CAACO,QAAQ,WAAW,GAAGL,OAAME,aAAa,CAACI,2BAA2B;YACjEV,SAASA;YACTF,gBAAgBA;YAChBC,eAAeA;YACfI,SAASA;YACTM,OAAOA;QACX,GAAGR;AACX;AACA,MAAMS,4BAA4B,CAAC,EAAET,QAAQ,EAAEQ,KAAK,EAAEX,cAAc,EAAEC,aAAa,EAAEC,OAAO,EAAEG,OAAO,EAAE;IACnG,MAAMQ,YAAYf,aAAaa,OAAOX,gBAAgBC,eAAeC;IACrE,MAAMY,UAAUR,OAAMS,OAAO,CAAC,IAAK,CAAA;YAC3BF;YACAR;QACJ,CAAA,GAAI;QACJQ;QACAR;KACH;IACD,OAAO,WAAW,GAAGC,OAAME,aAAa,CAACQ,gEAAmC,EAAE;QAC1EC,OAAOH;IACX,GAAGX;AACP"}
+{"version":3,"sources":["MessageBarTransition.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { MessageBarTransitionContextProvider } from '../../contexts/messageBarTransitionContext';\nimport { MessageBarGroupProps } from './MessageBarGroup.types';\n\nconst getClassName = (\n  status: TransitionStatus,\n  enterClassName: string,\n  exitClassName: string,\n  animate: MessageBarGroupProps['animate'],\n) => {\n  switch (status) {\n    case 'entering':\n    case 'entered':\n      return animate === 'both' ? enterClassName : '';\n    case 'exiting':\n    case 'exited':\n      return exitClassName;\n    default:\n      return '';\n  }\n};\n\n/**\n * Internal component that controls the animation transition for MessageBar components\n * @internal\n */\nexport const MessageBarTransition: React.FC<{\n  children: React.ReactElement;\n  enterClassName: string;\n  exitClassName: string;\n  animate: MessageBarGroupProps['animate'];\n}> = ({ children, enterClassName, exitClassName, animate, ...rest }) => {\n  const nodeRef = React.useRef<HTMLDivElement>(null);\n\n  return (\n    <Transition timeout={250} nodeRef={nodeRef} {...rest}>\n      {state => (\n        <MessageBarTransitionInner\n          animate={animate}\n          enterClassName={enterClassName}\n          exitClassName={exitClassName}\n          nodeRef={nodeRef}\n          state={state}\n        >\n          {children}\n        </MessageBarTransitionInner>\n      )}\n    </Transition>\n  );\n};\n\nconst MessageBarTransitionInner: React.FC<{\n  children: React.ReactElement;\n  enterClassName: string;\n  exitClassName: string;\n  animate: MessageBarGroupProps['animate'];\n  nodeRef: React.Ref<HTMLDivElement | null>;\n  state: TransitionStatus;\n}> = ({ children, state, enterClassName, exitClassName, animate, nodeRef }) => {\n  const className = getClassName(state, enterClassName, exitClassName, animate);\n  const context = React.useMemo(\n    () => ({\n      className,\n      nodeRef,\n    }),\n    [className, nodeRef],\n  );\n\n  return <MessageBarTransitionContextProvider value={context}>{children}</MessageBarTransitionContextProvider>;\n};\n"],"names":["MessageBarTransition","getClassName","status","enterClassName","exitClassName","animate","children","rest","nodeRef","React","useRef","createElement","Transition","timeout","state","MessageBarTransitionInner","className","context","useMemo","MessageBarTransitionContextProvider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2BaA;;;eAAAA;;;;iEA3BU;sCACsB;6CACO;AAGpD,MAAMC,eAAe,CACnBC,QACAC,gBACAC,eACAC;IAEA,OAAQH;QACN,KAAK;QACL,KAAK;YACH,OAAOG,YAAY,SAASF,iBAAiB;QAC/C,KAAK;QACL,KAAK;YACH,OAAOC;QACT;YACE,OAAO;IACX;AACF;AAMO,MAAMJ,uBAKR,CAAC,EAAEM,QAAQ,EAAEH,cAAc,EAAEC,aAAa,EAAEC,OAAO,EAAE,GAAGE,MAAM;IACjE,MAAMC,UAAUC,OAAMC,MAAM,CAAiB;IAE7C,OAAA,WAAA,GACED,OAAAE,aAAA,CAACC,gCAAAA,EAAAA;QAAWC,SAAS;QAAKL,SAASA;QAAU,GAAGD,IAAI;OACjDO,CAAAA,QAAAA,WAAAA,GACCL,OAAAE,aAAA,CAACI,2BAAAA;YACCV,SAASA;YACTF,gBAAgBA;YAChBC,eAAeA;YACfI,SAASA;YACTM,OAAOA;WAENR;AAKX;AAEA,MAAMS,4BAOD,CAAC,EAAET,QAAQ,EAAEQ,KAAK,EAAEX,cAAc,EAAEC,aAAa,EAAEC,OAAO,EAAEG,OAAO,EAAE;IACxE,MAAMQ,YAAYf,aAAaa,OAAOX,gBAAgBC,eAAeC;IACrE,MAAMY,UAAUR,OAAMS,OAAO,CAC3B,IAAO,CAAA;YACLF;YACAR;QACF,CAAA,GACA;QAACQ;QAAWR;KAAQ;IAGtB,OAAA,WAAA,GAAOC,OAAAE,aAAA,CAACQ,gEAAAA,EAAAA;QAAoCC,OAAOH;OAAUX;AAC/D"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './MessageBarGroup';\nexport * from './MessageBarGroup.types';\nexport * from './renderMessageBarGroup';\nexport * from './useMessageBarGroup';\nexport * from './useMessageBarGroupStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './MessageBarGroup';\nexport * from './MessageBarGroup.types';\nexport * from './renderMessageBarGroup';\nexport * from './useMessageBarGroup';\nexport * from './useMessageBarGroupStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/MessageBarGroup/renderMessageBarGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderMessageBarGroup.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TransitionGroup } from 'react-transition-group';\nimport { MessageBarTransition } from './MessageBarTransition';\n/**\n * Render the final JSX of MessageBarGroup\n */ export const renderMessageBarGroup_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {\n        children: /*#__PURE__*/ _jsx(TransitionGroup, {\n            component: null,\n            children: state.children.map((child)=>/*#__PURE__*/ _jsx(MessageBarTransition, {\n                    animate: state.animate,\n                    enterClassName: state.enterStyles,\n                    exitClassName: state.exitStyles,\n                    children: child\n                }, child.key))\n        })\n    });\n};\n"],"names":["renderMessageBarGroup_unstable","state","assertSlots","_jsx","root","children","TransitionGroup","component","map","child","MessageBarTransition","animate","enterClassName","enterStyles","exitClassName","exitStyles","key"],"mappings":";;;;+BAMiBA;;;eAAAA;;;4BANa;gCACF;sCACI;sCACK;AAG1B,MAAMA,iCAAiC,CAACC;IAC/CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE;QAClCC,UAAU,WAAW,GAAGF,IAAAA,eAAI,EAACG,qCAAe,EAAE;YAC1CC,WAAW;YACXF,UAAUJ,MAAMI,QAAQ,CAACG,GAAG,CAAC,CAACC,QAAQ,WAAW,GAAGN,IAAAA,eAAI,EAACO,0CAAoB,EAAE;oBACvEC,SAASV,MAAMU,OAAO;oBACtBC,gBAAgBX,MAAMY,WAAW;oBACjCC,eAAeb,MAAMc,UAAU;oBAC/BV,UAAUI;gBACd,GAAGA,MAAMO,GAAG;QACpB;IACJ;AACJ"}
+{"version":3,"sources":["renderMessageBarGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { MessageBarGroupState, MessageBarGroupSlots } from './MessageBarGroup.types';\nimport { TransitionGroup } from 'react-transition-group';\nimport { MessageBarTransition } from './MessageBarTransition';\n\n/**\n * Render the final JSX of MessageBarGroup\n */\nexport const renderMessageBarGroup_unstable = (state: MessageBarGroupState) => {\n  assertSlots<MessageBarGroupSlots>(state);\n\n  return (\n    <state.root>\n      <TransitionGroup component={null}>\n        {state.children.map(child => (\n          <MessageBarTransition\n            animate={state.animate}\n            key={child.key}\n            enterClassName={state.enterStyles}\n            exitClassName={state.exitStyles}\n          >\n            {child}\n          </MessageBarTransition>\n        ))}\n      </TransitionGroup>\n    </state.root>\n  );\n};\n"],"names":["renderMessageBarGroup_unstable","state","assertSlots","_jsx","root","TransitionGroup","component","children","map","child","MessageBarTransition","animate","enterClassName","enterStyles","exitClassName","exitStyles","key"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;4BAVb;gCAE4B;sCAEI;sCACK;AAK9B,MAAMA,iCAAiC,CAACC;IAC7CC,IAAAA,2BAAAA,EAAkCD;IAElC,OAAA,WAAA,GACEE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA;kBACT,WAAA,GAAAD,IAAAA,eAAA,EAACE,qCAAAA,EAAAA;YAAgBC,WAAW;sBACzBL,MAAMM,QAAQ,CAACC,GAAG,CAACC,CAAAA,QAAAA,WAAAA,GAClBN,IAAAA,eAAA,EAACO,0CAAAA,EAAAA;oBACCC,SAASV,MAAMU,OAAO;oBAEtBC,gBAAgBX,MAAMY,WAAW;oBACjCC,eAAeb,MAAMc,UAAU;8BAE9BN;mBAJIA,MAAMO,GAAG;;;AAU1B"}

package/lib-commonjs/components/MessageBarGroup/useMessageBarGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useMessageBarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render MessageBarGroup.\n *\n * The returned state can be modified with hooks such as useMessageBarGroupStyles_unstable,\n * before being passed to renderMessageBarGroup_unstable.\n *\n * @param props - props from this instance of MessageBarGroup\n * @param ref - reference to root HTMLElement of MessageBarGroup\n */ export const useMessageBarGroup_unstable = (props, ref)=>{\n    if (process.env.NODE_ENV !== 'production') {\n        React.Children.forEach(props.children, (c)=>{\n            if (!React.isValidElement(c) || c.type === React.Fragment) {\n                throw new Error(\"MessageBarGroup: children must be valid MessageBar components. Please ensure you're not using fragments. \");\n            }\n        });\n    }\n    var _props_children;\n    const children = React.Children.map((_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : [], (c)=>React.isValidElement(c) && c.type !== React.Fragment ? c : null).filter(Boolean);\n    var _props_animate;\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        children,\n        animate: (_props_animate = props.animate) !== null && _props_animate !== void 0 ? _props_animate : 'exit-only',\n        enterStyles: '',\n        exitStyles: ''\n    };\n};\n"],"names":["useMessageBarGroup_unstable","props","ref","process","env","NODE_ENV","React","Children","forEach","children","c","isValidElement","type","Fragment","Error","_props_children","map","filter","Boolean","_props_animate","components","root","slot","always","getIntrinsicElementProps","elementType","animate","enterStyles","exitStyles"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACwB;AASpC,MAAMA,8BAA8B,CAACC,OAAOC;IACnD,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACvCC,OAAMC,QAAQ,CAACC,OAAO,CAACP,MAAMQ,QAAQ,EAAE,CAACC;YACpC,IAAI,eAACJ,OAAMK,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKN,OAAMO,QAAQ,EAAE;gBACvD,MAAM,IAAIC,MAAM;YACpB;QACJ;IACJ;IACA,IAAIC;IACJ,MAAMN,WAAWH,OAAMC,QAAQ,CAACS,GAAG,CAAC,AAACD,CAAAA,kBAAkBd,MAAMQ,QAAQ,AAAD,MAAO,QAAQM,oBAAoB,KAAK,IAAIA,kBAAkB,EAAE,EAAE,CAACL,kBAAIJ,OAAMK,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKN,OAAMO,QAAQ,GAAGH,IAAI,MAAMO,MAAM,CAACC;IACnN,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CtB;YACA,GAAGD,KAAK;QACZ,IAAI;YACAwB,aAAa;QACjB;QACAhB;QACAiB,SAAS,AAACP,CAAAA,iBAAiBlB,MAAMyB,OAAO,AAAD,MAAO,QAAQP,mBAAmB,KAAK,IAAIA,iBAAiB;QACnGQ,aAAa;QACbC,YAAY;IAChB;AACJ"}
+{"version":3,"sources":["useMessageBarGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport type { MessageBarGroupProps, MessageBarGroupState } from './MessageBarGroup.types';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render MessageBarGroup.\n *\n * The returned state can be modified with hooks such as useMessageBarGroupStyles_unstable,\n * before being passed to renderMessageBarGroup_unstable.\n *\n * @param props - props from this instance of MessageBarGroup\n * @param ref - reference to root HTMLElement of MessageBarGroup\n */\nexport const useMessageBarGroup_unstable = (\n  props: MessageBarGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n): MessageBarGroupState => {\n  if (process.env.NODE_ENV !== 'production') {\n    React.Children.forEach(props.children, c => {\n      if (!React.isValidElement(c) || c.type === React.Fragment) {\n        throw new Error(\n          \"MessageBarGroup: children must be valid MessageBar components. Please ensure you're not using fragments. \",\n        );\n      }\n    });\n  }\n\n  const children = React.Children.map(props.children ?? [], c =>\n    React.isValidElement(c) && c.type !== React.Fragment ? c : null,\n  ).filter(Boolean);\n\n  return {\n    components: {\n      root: 'div',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    children,\n    animate: props.animate ?? 'exit-only',\n    enterStyles: '',\n    exitStyles: '',\n  };\n};\n"],"names":["useMessageBarGroup_unstable","props","ref","process","env","NODE_ENV","React","Children","forEach","children","c","isValidElement","type","Fragment","Error","map","filter","Boolean","components","root","slot","always","getIntrinsicElementProps","elementType","animate","enterStyles","exitStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;gCAEwB;AAWxC,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzCC,OAAMC,QAAQ,CAACC,OAAO,CAACP,MAAMQ,QAAQ,EAAEC,CAAAA;YACrC,IAAI,eAACJ,OAAMK,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKN,OAAMO,QAAQ,EAAE;gBACzD,MAAM,IAAIC,MACR;YAEJ;QACF;IACF;QAEoCb;IAApC,MAAMQ,WAAWH,OAAMC,QAAQ,CAACQ,GAAG,CAACd,CAAAA,kBAAAA,MAAMQ,QAAQ,AAARA,MAAQ,QAAdR,oBAAAA,KAAAA,IAAAA,kBAAkB,EAAE,EAAES,CAAAA,kBACxDJ,OAAMK,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKN,OAAMO,QAAQ,GAAGH,IAAI,MAC3DM,MAAM,CAACC;QAeEhB;IAbX,OAAO;QACLiB,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BpB;YACA,GAAGD,KAAK;QACV,IACA;YAAEsB,aAAa;QAAM;QAEvBd;QACAe,SAASvB,CAAAA,iBAAAA,MAAMuB,OAAO,AAAPA,MAAO,QAAbvB,mBAAAA,KAAAA,IAAAA,iBAAiB;QAC1BwB,aAAa;QACbC,YAAY;IACd;AACF"}

package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.js

@@ -46,6 +46,7 @@ const messageBarGroupClassNames = {
     ]
 });
 const useMessageBarGroupStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     state.root.className = (0, _react.mergeClasses)(messageBarGroupClassNames.root, state.root.className);
     state.enterStyles = (0, _react.mergeClasses)(styles.base, styles.enter);

package/lib-commonjs/components/MessageBarGroup/useMessageBarGroupStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useMessageBarGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarGroupClassNames = {\n  root: 'fui-MessageBarGroup'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  base: {\n    Bf5fcs: \"f4cll0y\",\n    vin17d: \"fy8si0b\"\n  },\n  enter: {\n    Bv12yb3: \"f1dg9w1v\"\n  },\n  exit: {\n    Bv12yb3: \"fu80iee\"\n  }\n}, {\n  d: [\".f4cll0y{animation-fill-mode:forwards;}\", \".fy8si0b{animation-duration:var(--durationNormal);}\", \".f1dg9w1v{animation-name:fngeioi;}\", \".fu80iee{animation-name:fk0lfw7;}\"],\n  k: [\"@keyframes fngeioi{from{opacity:0;transform:translateY(-100%);}to{opacity:1;transform:translateY(0);}}\", \"@keyframes fk0lfw7{from{opacity:1;}to{opacity:0;}}\"]\n});\n/**\n * Apply styling to the MessageBarGroup slots based on the state\n */\nexport const useMessageBarGroupStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(messageBarGroupClassNames.root, state.root.className);\n  state.enterStyles = mergeClasses(styles.base, styles.enter);\n  state.exitStyles = mergeClasses(styles.base, styles.exit);\n  return state;\n};\n//# sourceMappingURL=useMessageBarGroupStyles.styles.js.map"],"names":["messageBarGroupClassNames","useMessageBarGroupStyles_unstable","root","useStyles","__styles","base","Bf5fcs","vin17d","enter","Bv12yb3","exit","d","k","state","styles","className","mergeClasses","enterStyles","exitStyles"],"mappings":";;;;;;;;;;;IAEaA,yBAAyB;eAAzBA;;IAwBAC,iCAAiC;eAAjCA;;;uBA1B0B;AAEhC,MAAMD,4BAA4B;IACvCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;IACV;IACAC,OAAO;QACLC,SAAS;IACX;IACAC,MAAM;QACJD,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAA2C;QAAuD;QAAsC;KAAoC;IAChLC,GAAG;QAAC;QAA0G;KAAqD;AACrK;AAIO,MAAMX,oCAAoCY,CAAAA;IAC/C,MAAMC,SAASX;IACfU,MAAMX,IAAI,CAACa,SAAS,GAAGC,IAAAA,mBAAY,EAAChB,0BAA0BE,IAAI,EAAEW,MAAMX,IAAI,CAACa,SAAS;IACxFF,MAAMI,WAAW,GAAGD,IAAAA,mBAAY,EAACF,OAAOT,IAAI,EAAES,OAAON,KAAK;IAC1DK,MAAMK,UAAU,GAAGF,IAAAA,mBAAY,EAACF,OAAOT,IAAI,EAAES,OAAOJ,IAAI;IACxD,OAAOG;AACT,GACA,2DAA2D"}
+{"version":3,"sources":["useMessageBarGroupStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarGroupClassNames = {\n    root: 'fui-MessageBarGroup'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    base: {\n        animationFillMode: 'forwards',\n        animationDuration: tokens.durationNormal\n    },\n    enter: {\n        animationName: {\n            from: {\n                opacity: 0,\n                transform: 'translateY(-100%)'\n            },\n            to: {\n                opacity: 1,\n                transform: 'translateY(0)'\n            }\n        }\n    },\n    exit: {\n        animationName: {\n            from: {\n                opacity: 1\n            },\n            to: {\n                opacity: 0\n            }\n        }\n    }\n});\n/**\n * Apply styling to the MessageBarGroup slots based on the state\n */ export const useMessageBarGroupStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(messageBarGroupClassNames.root, state.root.className);\n    state.enterStyles = mergeClasses(styles.base, styles.enter);\n    state.exitStyles = mergeClasses(styles.base, styles.exit);\n    return state;\n};\n"],"names":["messageBarGroupClassNames","useMessageBarGroupStyles_unstable","root","useStyles","__styles","base","Bf5fcs","vin17d","enter","Bv12yb3","exit","d","k","state","styles","className","mergeClasses","enterStyles","exitStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,yBAAyB;eAAzBA;;IAmCIC,iCAAiC;eAAjCA;;;uBArCwB;AAElC,MAAMD,4BAA4B;IACrCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;IAAAC,OAAA;QAAAC,SAAA;IAAA;IAAAC,MAAA;QAAAD,SAAA;IAAA;AAAA,GAAA;IAAAE,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;QAAA;KAAA;AAAA;AA8BX,MAAMX,oCAAqCY,CAAAA;IAClD;IACA,MAAMC,SAASX;IACfU,MAAMX,IAAI,CAACa,SAAS,GAAGC,IAAAA,mBAAY,EAAChB,0BAA0BE,IAAI,EAAEW,MAAMX,IAAI,CAACa,SAAS;IACxFF,MAAMI,WAAW,GAAGD,IAAAA,mBAAY,EAACF,OAAOT,IAAI,EAAES,OAAON,KAAK;IAC1DK,MAAMK,UAAU,GAAGF,IAAAA,mBAAY,EAACF,OAAOT,IAAI,EAAES,OAAOJ,IAAI;IACxD,OAAOG;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["MessageBarTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarTitle_unstable } from './useMessageBarTitle';\nimport { renderMessageBarTitle_unstable } from './renderMessageBarTitle';\nimport { useMessageBarTitleStyles_unstable } from './useMessageBarTitleStyles.styles';\n/**\n * MessageBarTitle component\n */ export const MessageBarTitle = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useMessageBarTitle_unstable(props, ref);\n    useMessageBarTitleStyles_unstable(state);\n    useCustomStyleHook_unstable('useMessageBarTitleStyles_unstable')(state);\n    return renderMessageBarTitle_unstable(state);\n});\nMessageBarTitle.displayName = 'MessageBarTitle';\n"],"names":["MessageBarTitle","React","forwardRef","props","ref","state","useMessageBarTitle_unstable","useMessageBarTitleStyles_unstable","useCustomStyleHook_unstable","renderMessageBarTitle_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;qCACqB;oCACA;uCACG;gDACG;AAGvC,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACtE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ;AAC1C;AACAL,gBAAgBU,WAAW,GAAG"}
+{"version":3,"sources":["MessageBarTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarTitle_unstable } from './useMessageBarTitle';\nimport { renderMessageBarTitle_unstable } from './renderMessageBarTitle';\nimport { useMessageBarTitleStyles_unstable } from './useMessageBarTitleStyles.styles';\nimport type { MessageBarTitleProps } from './MessageBarTitle.types';\n\n/**\n * MessageBarTitle component\n */\nexport const MessageBarTitle: ForwardRefComponent<MessageBarTitleProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBarTitle_unstable(props, ref);\n\n  useMessageBarTitleStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarTitleStyles_unstable')(state);\n  return renderMessageBarTitle_unstable(state);\n});\n\nMessageBarTitle.displayName = 'MessageBarTitle';\n"],"names":["MessageBarTitle","React","forwardRef","props","ref","state","useMessageBarTitle_unstable","useMessageBarTitleStyles_unstable","useCustomStyleHook_unstable","renderMessageBarTitle_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;qCAEqB;oCACA;uCACG;gDACG;AAM3C,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAClCG,IAAAA,gDAAAA,EAA4B,qCAAqCH;IACjE,OAAOI,IAAAA,qDAAAA,EAA+BJ;AACxC;AAEAL,gBAAgBU,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering MessageBarTitle
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["MessageBarTitle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MessageBarTitleSlots = {\n  root: Slot<'span'>;\n};\n\n/**\n * MessageBarTitle Props\n */\nexport type MessageBarTitleProps = ComponentProps<MessageBarTitleSlots>;\n\n/**\n * State used in rendering MessageBarTitle\n */\nexport type MessageBarTitleState = ComponentState<MessageBarTitleSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAWA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './MessageBarTitle';\nexport * from './MessageBarTitle.types';\nexport * from './renderMessageBarTitle';\nexport * from './useMessageBarTitle';\nexport * from './useMessageBarTitleStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './MessageBarTitle';\nexport * from './MessageBarTitle.types';\nexport * from './renderMessageBarTitle';\nexport * from './useMessageBarTitle';\nexport * from './useMessageBarTitleStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/MessageBarTitle/renderMessageBarTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderMessageBarTitle.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of MessageBarTitle\n */ export const renderMessageBarTitle_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderMessageBarTitle_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,iCAAiC,CAACC;IAC/CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
+{"version":3,"sources":["renderMessageBarTitle.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { MessageBarTitleState, MessageBarTitleSlots } from './MessageBarTitle.types';\n\n/**\n * Render the final JSX of MessageBarTitle\n */\nexport const renderMessageBarTitle_unstable = (state: MessageBarTitleState) => {\n  assertSlots<MessageBarTitleSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderMessageBarTitle_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,iCAAiC,CAACC;IAC7CC,IAAAA,2BAAAA,EAAkCD;IAElC,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

package/lib-commonjs/components/MessageBarTitle/useMessageBarTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useMessageBarTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n/**\n * Create the state required to render MessageBarTitle.\n *\n * The returned state can be modified with hooks such as useMessageBarTitleStyles_unstable,\n * before being passed to renderMessageBarTitle_unstable.\n *\n * @param props - props from this instance of MessageBarTitle\n * @param ref - reference to root HTMLElement of MessageBarTitle\n */ export const useMessageBarTitle_unstable = (props, ref)=>{\n    const { titleId } = useMessageBarContext();\n    return {\n        components: {\n            root: 'span'\n        },\n        root: slot.always(getIntrinsicElementProps('span', {\n            ref,\n            id: titleId,\n            ...props\n        }), {\n            elementType: 'span'\n        })\n    };\n};\n"],"names":["useMessageBarTitle_unstable","props","ref","titleId","useMessageBarContext","components","root","slot","always","getIntrinsicElementProps","id","elementType"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACwB;mCACV;AAS1B,MAAMA,8BAA8B,CAACC,OAAOC;IACnD,MAAM,EAAEC,OAAO,EAAE,GAAGC,IAAAA,uCAAoB;IACxC,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,QAAQ;YAC/CP;YACAQ,IAAIP;YACJ,GAAGF,KAAK;QACZ,IAAI;YACAU,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["useMessageBarTitle.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { MessageBarTitleProps, MessageBarTitleState } from './MessageBarTitle.types';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n\n/**\n * Create the state required to render MessageBarTitle.\n *\n * The returned state can be modified with hooks such as useMessageBarTitleStyles_unstable,\n * before being passed to renderMessageBarTitle_unstable.\n *\n * @param props - props from this instance of MessageBarTitle\n * @param ref - reference to root HTMLElement of MessageBarTitle\n */\nexport const useMessageBarTitle_unstable = (\n  props: MessageBarTitleProps,\n  ref: React.Ref<HTMLElement>,\n): MessageBarTitleState => {\n  const { titleId } = useMessageBarContext();\n\n  return {\n    components: {\n      root: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('span', {\n        ref,\n        id: titleId,\n        ...props,\n      }),\n      { elementType: 'span' },\n    ),\n  };\n};\n"],"names":["useMessageBarTitle_unstable","props","ref","titleId","useMessageBarContext","components","root","slot","always","getIntrinsicElementProps","id","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACwB;mCAEV;AAW9B,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAE,GAAGC,IAAAA,uCAAAA;IAEpB,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,QAAQ;YAC/BP;YACAQ,IAAIP;YACJ,GAAGF,KAAK;QACV,IACA;YAAEU,aAAa;QAAO;IAE1B;AACF"}

package/lib-commonjs/components/MessageBarTitle/useMessageBarTitleStyles.styles.js

@@ -27,6 +27,7 @@ const messageBarTitleClassNames = {
     ".r168xkm9::after{content:\" \";}"
 ]);
 const useMessageBarTitleStyles_unstable = (state)=>{
+    'use no memo';
     const rootBaseStyles = useRootBaseStyles();
     state.root.className = (0, _react.mergeClasses)(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);
     return state;

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

@@ -1 +1 @@
-{"version":3,"sources":["useMessageBarTitleStyles.styles.js"],"sourcesContent":["import { __resetStyles, 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 */\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"r168xkm9\", null, [\".r168xkm9{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);}\", \".r168xkm9::after{content:\\\" \\\";}\"]);\n/**\n * Apply styling to the MessageBarTitle slots based on the state\n */\nexport const useMessageBarTitleStyles_unstable = state => {\n  const rootBaseStyles = useRootBaseStyles();\n  state.root.className = mergeClasses(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useMessageBarTitleStyles.styles.js.map"],"names":["messageBarTitleClassNames","useMessageBarTitleStyles_unstable","root","useRootBaseStyles","__resetStyles","state","rootBaseStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,yBAAyB;eAAzBA;;IAUAC,iCAAiC;eAAjCA;;;uBAZ+B;AAErC,MAAMD,4BAA4B;IACvCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;IAA6J;CAAmC;AAIjQ,MAAMH,oCAAoCI,CAAAA;IAC/C,MAAMC,iBAAiBH;IACvBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,0BAA0BE,IAAI,EAAEI,gBAAgBD,MAAMH,IAAI,CAACK,SAAS;IACxG,OAAOF;AACT,GACA,2DAA2D"}
+{"version":3,"sources":["useMessageBarTitleStyles.styles.js"],"sourcesContent":["import { 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    'use no memo';\n    const rootBaseStyles = useRootBaseStyles();\n    state.root.className = mergeClasses(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);\n    return state;\n};\n"],"names":["messageBarTitleClassNames","useMessageBarTitleStyles_unstable","root","useRootBaseStyles","__resetStyles","state","rootBaseStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,yBAAyB;eAAzBA;;IAaIC,iCAAiC;eAAjCA;;;uBAf6B;AAEvC,MAAMD,4BAA4B;IACrCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,oBAAiB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,YAAA,MAAA;IAAA;IAAA;CAK7B;AAGU,MAAMH,oCAAqCI,CAAAA;IAClD;IACA,MAAMC,iBAAiBH;IACvBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,0BAA0BE,IAAI,EAAEI,gBAAgBD,MAAMH,IAAI,CAACK,SAAS;IACxG,OAAOF;AACX"}

package/lib-commonjs/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './messageBarContext';\nexport * from './messageBarTransitionContext';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './messageBarContext';\nexport * from './messageBarTransitionContext';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}

package/lib-commonjs/contexts/messageBarContext.js

@@ -9,12 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    messageBarContextDefaultValue: function() {
-        return messageBarContextDefaultValue;
-    },
     MessageBarContextProvider: function() {
         return MessageBarContextProvider;
     },
+    messageBarContextDefaultValue: function() {
+        return messageBarContextDefaultValue;
+    },
     useMessageBarContext: function() {
         return useMessageBarContext;
     }

package/lib-commonjs/contexts/messageBarContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["messageBarContext.js"],"sourcesContent":["import * as React from 'react';\nconst messageBarContext = React.createContext(undefined);\nexport const messageBarContextDefaultValue = {\n    titleId: '',\n    layout: 'singleline',\n    actionsRef: React.createRef(),\n    bodyRef: React.createRef()\n};\nexport const MessageBarContextProvider = messageBarContext.Provider;\nexport const useMessageBarContext = ()=>{\n    var _React_useContext;\n    return (_React_useContext = React.useContext(messageBarContext)) !== null && _React_useContext !== void 0 ? _React_useContext : messageBarContextDefaultValue;\n};\n"],"names":["messageBarContextDefaultValue","MessageBarContextProvider","useMessageBarContext","messageBarContext","React","createContext","undefined","titleId","layout","actionsRef","createRef","bodyRef","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IAEaA,6BAA6B;eAA7BA;;IAMAC,yBAAyB;eAAzBA;;IACAC,oBAAoB;eAApBA;;;;iEATU;AACvB,MAAMC,kCAAoBC,OAAMC,aAAa,CAACC;AACvC,MAAMN,gCAAgC;IACzCO,SAAS;IACTC,QAAQ;IACRC,0BAAYL,OAAMM,SAAS;IAC3BC,uBAASP,OAAMM,SAAS;AAC5B;AACO,MAAMT,4BAA4BE,kBAAkBS,QAAQ;AAC5D,MAAMV,uBAAuB;IAChC,IAAIW;IACJ,OAAO,AAACA,CAAAA,oBAAoBT,OAAMU,UAAU,CAACX,kBAAiB,MAAO,QAAQU,sBAAsB,KAAK,IAAIA,oBAAoBb;AACpI"}
+{"version":3,"sources":["messageBarContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type MessageBarContextValue = {\n  layout: 'multiline' | 'singleline' | 'auto';\n  actionsRef: React.MutableRefObject<HTMLDivElement | null>;\n  bodyRef: React.MutableRefObject<HTMLDivElement | null>;\n  titleId: string;\n};\nconst messageBarContext = React.createContext<MessageBarContextValue | undefined>(undefined);\n\nexport const messageBarContextDefaultValue: MessageBarContextValue = {\n  titleId: '',\n  layout: 'singleline',\n  actionsRef: React.createRef(),\n  bodyRef: React.createRef(),\n};\n\nexport const MessageBarContextProvider = messageBarContext.Provider;\nexport const useMessageBarContext = () => React.useContext(messageBarContext) ?? messageBarContextDefaultValue;\n"],"names":["MessageBarContextProvider","messageBarContextDefaultValue","useMessageBarContext","messageBarContext","React","createContext","undefined","titleId","layout","actionsRef","createRef","bodyRef","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAiBaA,yBAAAA;eAAAA;;IAPAC,6BAAAA;eAAAA;;IAQAC,oBAAAA;eAAAA;;;;iEAlBU;AAQvB,MAAMC,kCAAoBC,OAAMC,aAAa,CAAqCC;AAE3E,MAAML,gCAAwD;IACnEM,SAAS;IACTC,QAAQ;IACRC,0BAAYL,OAAMM,SAAS;IAC3BC,uBAASP,OAAMM,SAAS;AAC1B;AAEO,MAAMV,4BAA4BG,kBAAkBS,QAAQ;AAC5D,MAAMV,uBAAuB;QAAME;WAAAA,CAAAA,oBAAAA,OAAMS,UAAU,CAACV,kBAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAAuCH;AAA4B"}

package/lib-commonjs/contexts/messageBarTransitionContext.js

@@ -9,12 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    messageBarTransitionContextDefaultValue: function() {
-        return messageBarTransitionContextDefaultValue;
-    },
     MessageBarTransitionContextProvider: function() {
         return MessageBarTransitionContextProvider;
     },
+    messageBarTransitionContextDefaultValue: function() {
+        return messageBarTransitionContextDefaultValue;
+    },
     useMessageBarTransitionContext: function() {
         return useMessageBarTransitionContext;
     }

package/lib-commonjs/contexts/messageBarTransitionContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["messageBarTransitionContext.js"],"sourcesContent":["import * as React from 'react';\nconst messageBarTransitionContext = React.createContext(undefined);\n/**\n * @internal\n */ export const messageBarTransitionContextDefaultValue = {\n    className: '',\n    nodeRef: React.createRef()\n};\n/**\n * Context to pass animation className to MessageBar components\n * @internal\n */ export const MessageBarTransitionContextProvider = messageBarTransitionContext.Provider;\n/**\n * @internal\n */ export const useMessageBarTransitionContext = ()=>{\n    var _React_useContext;\n    return (_React_useContext = React.useContext(messageBarTransitionContext)) !== null && _React_useContext !== void 0 ? _React_useContext : messageBarTransitionContextDefaultValue;\n};\n"],"names":["messageBarTransitionContextDefaultValue","MessageBarTransitionContextProvider","useMessageBarTransitionContext","messageBarTransitionContext","React","createContext","undefined","className","nodeRef","createRef","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IAIiBA,uCAAuC;eAAvCA;;IAOAC,mCAAmC;eAAnCA;;IAGAC,8BAA8B;eAA9BA;;;;iEAdM;AACvB,MAAMC,4CAA8BC,OAAMC,aAAa,CAACC;AAG7C,MAAMN,0CAA0C;IACvDO,WAAW;IACXC,uBAASJ,OAAMK,SAAS;AAC5B;AAIW,MAAMR,sCAAsCE,4BAA4BO,QAAQ;AAGhF,MAAMR,iCAAiC;IAC9C,IAAIS;IACJ,OAAO,AAACA,CAAAA,oBAAoBP,OAAMQ,UAAU,CAACT,4BAA2B,MAAO,QAAQQ,sBAAsB,KAAK,IAAIA,oBAAoBX;AAC9I"}
+{"version":3,"sources":["messageBarTransitionContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type MessageBarTransitionContextValue = {\n  className: string;\n  nodeRef: React.Ref<HTMLDivElement | null>;\n};\n\nconst messageBarTransitionContext = React.createContext<MessageBarTransitionContextValue | undefined>(undefined);\n\n/**\n * @internal\n */\nexport const messageBarTransitionContextDefaultValue: MessageBarTransitionContextValue = {\n  className: '',\n  nodeRef: React.createRef<HTMLDivElement | null>(),\n};\n\n/**\n * Context to pass animation className to MessageBar components\n * @internal\n */\nexport const MessageBarTransitionContextProvider = messageBarTransitionContext.Provider;\n/**\n * @internal\n */\nexport const useMessageBarTransitionContext = () =>\n  React.useContext(messageBarTransitionContext) ?? messageBarTransitionContextDefaultValue;\n"],"names":["MessageBarTransitionContextProvider","messageBarTransitionContextDefaultValue","useMessageBarTransitionContext","messageBarTransitionContext","React","createContext","undefined","className","nodeRef","createRef","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAqBaA,mCAAAA;eAAAA;;IATAC,uCAAAA;eAAAA;;IAaAC,8BAAAA;eAAAA;;;;iEAzBU;AAOvB,MAAMC,4CAA8BC,OAAMC,aAAa,CAA+CC;AAK/F,MAAML,0CAA4E;IACvFM,WAAW;IACXC,uBAASJ,OAAMK,SAAS;AAC1B;AAMO,MAAMT,sCAAsCG,4BAA4BO,QAAQ;AAIhF,MAAMR,iCAAiC;QAC5CE;WAAAA,CAAAA,oBAAAA,OAAMO,UAAU,CAACR,4BAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAAiDH;AAAsC"}

package/lib-commonjs/index.js

@@ -12,56 +12,68 @@ _export(exports, {
     MessageBar: function() {
         return _MessageBar.MessageBar;
     },
-    useMessageBarStyles_unstable: function() {
-        return _MessageBar.useMessageBarStyles_unstable;
-    },
-    useMessageBar_unstable: function() {
-        return _MessageBar.useMessageBar_unstable;
+    MessageBarActions: function() {
+        return _MessageBarActions.MessageBarActions;
     },
-    useMessageBarContextValue_unstable: function() {
-        return _MessageBar.useMessageBarContextValue_unstable;
+    MessageBarBody: function() {
+        return _MessageBarBody.MessageBarBody;
     },
-    renderMessageBar_unstable: function() {
-        return _MessageBar.renderMessageBar_unstable;
+    MessageBarContextProvider: function() {
+        return _contexts.MessageBarContextProvider;
     },
-    messageBarClassNames: function() {
-        return _MessageBar.messageBarClassNames;
+    MessageBarGroup: function() {
+        return _MessageBarGroup.MessageBarGroup;
     },
     MessageBarTitle: function() {
         return _MessageBarTitle.MessageBarTitle;
     },
-    useMessageBarTitleStyles_unstable: function() {
-        return _MessageBarTitle.useMessageBarTitleStyles_unstable;
+    MessageBarTransitionContextProvider: function() {
+        return _contexts.MessageBarTransitionContextProvider;
     },
-    useMessageBarTitle_unstable: function() {
-        return _MessageBarTitle.useMessageBarTitle_unstable;
+    messageBarActionsClassNames: function() {
+        return _MessageBarActions.messageBarActionsClassNames;
     },
-    renderMessageBarTitle_unstable: function() {
-        return _MessageBarTitle.renderMessageBarTitle_unstable;
+    messageBarBodyClassNames: function() {
+        return _MessageBarBody.messageBarBodyClassNames;
     },
-    messageBarTitleClassNames: function() {
-        return _MessageBarTitle.messageBarTitleClassNames;
+    messageBarClassNames: function() {
+        return _MessageBar.messageBarClassNames;
     },
-    MessageBarActions: function() {
-        return _MessageBarActions.MessageBarActions;
+    messageBarContextDefaultValue: function() {
+        return _contexts.messageBarContextDefaultValue;
     },
-    useMessageBarActionsStyles_unstable: function() {
-        return _MessageBarActions.useMessageBarActionsStyles_unstable;
+    messageBarGroupClassNames: function() {
+        return _MessageBarGroup.messageBarGroupClassNames;
     },
-    useMessageBarActions_unstable: function() {
-        return _MessageBarActions.useMessageBarActions_unstable;
+    messageBarTitleClassNames: function() {
+        return _MessageBarTitle.messageBarTitleClassNames;
+    },
+    messageBarTransitionContextDefaultValue: function() {
+        return _contexts.messageBarTransitionContextDefaultValue;
     },
     renderMessageBarActions_unstable: function() {
         return _MessageBarActions.renderMessageBarActions_unstable;
     },
+    renderMessageBarBody_unstable: function() {
+        return _MessageBarBody.renderMessageBarBody_unstable;
+    },
+    renderMessageBarGroup_unstable: function() {
+        return _MessageBarGroup.renderMessageBarGroup_unstable;
+    },
+    renderMessageBarTitle_unstable: function() {
+        return _MessageBarTitle.renderMessageBarTitle_unstable;
+    },
+    renderMessageBar_unstable: function() {
+        return _MessageBar.renderMessageBar_unstable;
+    },
     useMessageBarActionsContextValue_unstable: function() {
         return _MessageBarActions.useMessageBarActionsContextValue_unstable;
     },
-    messageBarActionsClassNames: function() {
-        return _MessageBarActions.messageBarActionsClassNames;
+    useMessageBarActionsStyles_unstable: function() {
+        return _MessageBarActions.useMessageBarActionsStyles_unstable;
     },
-    MessageBarBody: function() {
-        return _MessageBarBody.MessageBarBody;
+    useMessageBarActions_unstable: function() {
+        return _MessageBarActions.useMessageBarActions_unstable;
     },
     useMessageBarBodyStyles_unstable: function() {
         return _MessageBarBody.useMessageBarBodyStyles_unstable;
@@ -69,32 +81,11 @@ _export(exports, {
     useMessageBarBody_unstable: function() {
         return _MessageBarBody.useMessageBarBody_unstable;
     },
-    renderMessageBarBody_unstable: function() {
-        return _MessageBarBody.renderMessageBarBody_unstable;
-    },
-    messageBarBodyClassNames: function() {
-        return _MessageBarBody.messageBarBodyClassNames;
-    },
-    MessageBarContextProvider: function() {
-        return _contexts.MessageBarContextProvider;
-    },
-    messageBarContextDefaultValue: function() {
-        return _contexts.messageBarContextDefaultValue;
-    },
-    messageBarTransitionContextDefaultValue: function() {
-        return _contexts.messageBarTransitionContextDefaultValue;
-    },
     useMessageBarContext: function() {
         return _contexts.useMessageBarContext;
     },
-    MessageBarTransitionContextProvider: function() {
-        return _contexts.MessageBarTransitionContextProvider;
-    },
-    useMessageBarTransitionContext: function() {
-        return _contexts.useMessageBarTransitionContext;
-    },
-    MessageBarGroup: function() {
-        return _MessageBarGroup.MessageBarGroup;
+    useMessageBarContextValue_unstable: function() {
+        return _MessageBar.useMessageBarContextValue_unstable;
     },
     useMessageBarGroupStyles_unstable: function() {
         return _MessageBarGroup.useMessageBarGroupStyles_unstable;
@@ -102,11 +93,20 @@ _export(exports, {
     useMessageBarGroup_unstable: function() {
         return _MessageBarGroup.useMessageBarGroup_unstable;
     },
-    renderMessageBarGroup_unstable: function() {
-        return _MessageBarGroup.renderMessageBarGroup_unstable;
+    useMessageBarStyles_unstable: function() {
+        return _MessageBar.useMessageBarStyles_unstable;
     },
-    messageBarGroupClassNames: function() {
-        return _MessageBarGroup.messageBarGroupClassNames;
+    useMessageBarTitleStyles_unstable: function() {
+        return _MessageBarTitle.useMessageBarTitleStyles_unstable;
+    },
+    useMessageBarTitle_unstable: function() {
+        return _MessageBarTitle.useMessageBarTitle_unstable;
+    },
+    useMessageBarTransitionContext: function() {
+        return _contexts.useMessageBarTransitionContext;
+    },
+    useMessageBar_unstable: function() {
+        return _MessageBar.useMessageBar_unstable;
     }
 });
 const _MessageBar = require("./MessageBar");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { MessageBar, useMessageBarStyles_unstable, useMessageBar_unstable, useMessageBarContextValue_unstable, renderMessageBar_unstable, messageBarClassNames } from './MessageBar';\nexport { MessageBarTitle, useMessageBarTitleStyles_unstable, useMessageBarTitle_unstable, renderMessageBarTitle_unstable, messageBarTitleClassNames } from './MessageBarTitle';\nexport { MessageBarActions, useMessageBarActionsStyles_unstable, useMessageBarActions_unstable, renderMessageBarActions_unstable, useMessageBarActionsContextValue_unstable, messageBarActionsClassNames } from './MessageBarActions';\nexport { MessageBarBody, useMessageBarBodyStyles_unstable, useMessageBarBody_unstable, renderMessageBarBody_unstable, messageBarBodyClassNames } from './MessageBarBody';\nexport { MessageBarContextProvider, messageBarContextDefaultValue, messageBarTransitionContextDefaultValue, useMessageBarContext, MessageBarTransitionContextProvider, useMessageBarTransitionContext } from './contexts';\nexport { MessageBarGroup, useMessageBarGroupStyles_unstable, useMessageBarGroup_unstable, renderMessageBarGroup_unstable, messageBarGroupClassNames } from './MessageBarGroup';\n"],"names":["MessageBar","useMessageBarStyles_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","renderMessageBarBody_unstable","messageBarBodyClassNames","MessageBarContextProvider","messageBarContextDefaultValue","messageBarTransitionContextDefaultValue","useMessageBarContext","MessageBarTransitionContextProvider","useMessageBarTransitionContext","MessageBarGroup","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable","renderMessageBarGroup_unstable","messageBarGroupClassNames"],"mappings":";;;;;;;;;;;IAASA,UAAU;eAAVA,sBAAU;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IAAEC,kCAAkC;eAAlCA,8CAAkC;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IACrJC,eAAe;eAAfA,gCAAe;;IAAEC,iCAAiC;eAAjCA,kDAAiC;;IAAEC,2BAA2B;eAA3BA,4CAA2B;;IAAEC,8BAA8B;eAA9BA,+CAA8B;;IAAEC,yBAAyB;eAAzBA,0CAAyB;;IAC1IC,iBAAiB;eAAjBA,oCAAiB;;IAAEC,mCAAmC;eAAnCA,sDAAmC;;IAAEC,6BAA6B;eAA7BA,gDAA6B;;IAAEC,gCAAgC;eAAhCA,mDAAgC;;IAAEC,yCAAyC;eAAzCA,4DAAyC;;IAAEC,2BAA2B;eAA3BA,8CAA2B;;IAC/LC,cAAc;eAAdA,8BAAc;;IAAEC,gCAAgC;eAAhCA,gDAAgC;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IAAEC,6BAA6B;eAA7BA,6CAA6B;;IAAEC,wBAAwB;eAAxBA,wCAAwB;;IACrIC,yBAAyB;eAAzBA,mCAAyB;;IAAEC,6BAA6B;eAA7BA,uCAA6B;;IAAEC,uCAAuC;eAAvCA,iDAAuC;;IAAEC,oBAAoB;eAApBA,8BAAoB;;IAAEC,mCAAmC;eAAnCA,6CAAmC;;IAAEC,8BAA8B;eAA9BA,wCAA8B;;IAC5LC,eAAe;eAAfA,gCAAe;;IAAEC,iCAAiC;eAAjCA,kDAAiC;;IAAEC,2BAA2B;eAA3BA,4CAA2B;;IAAEC,8BAA8B;eAA9BA,+CAA8B;;IAAEC,yBAAyB;eAAzBA,0CAAyB;;;4BALmB;iCACX;mCACqD;gCAC1D;0BACuD;iCAClD"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  MessageBar,\n  useMessageBarStyles_unstable,\n  useMessageBar_unstable,\n  useMessageBarContextValue_unstable,\n  renderMessageBar_unstable,\n  messageBarClassNames,\n} from './MessageBar';\n\nexport type {\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  renderMessageBarBody_unstable,\n  messageBarBodyClassNames,\n} from './MessageBarBody';\n\nexport type { MessageBarBodyProps, MessageBarBodySlots, MessageBarBodyState } 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","MessageBarActions","MessageBarBody","MessageBarContextProvider","MessageBarGroup","MessageBarTitle","MessageBarTransitionContextProvider","messageBarActionsClassNames","messageBarBodyClassNames","messageBarClassNames","messageBarContextDefaultValue","messageBarGroupClassNames","messageBarTitleClassNames","messageBarTransitionContextDefaultValue","renderMessageBarActions_unstable","renderMessageBarBody_unstable","renderMessageBarGroup_unstable","renderMessageBarTitle_unstable","renderMessageBar_unstable","useMessageBarActionsContextValue_unstable","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable","useMessageBarContext","useMessageBarContextValue_unstable","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable","useMessageBarStyles_unstable","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable","useMessageBarTransitionContext","useMessageBar_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,UAAU;eAAVA,sBAAU;;IA2BVC,iBAAiB;eAAjBA,oCAAiB;;IAgBjBC,cAAc;eAAdA,8BAAc;;IAUdC,yBAAyB;eAAzBA,mCAAyB;;IASzBC,eAAe;eAAfA,gCAAe;;IA7CfC,eAAe;eAAfA,gCAAe;;IAwCfC,mCAAmC;eAAnCA,6CAAmC;;IAzBnCC,2BAA2B;eAA3BA,8CAA2B;;IAe3BC,wBAAwB;eAAxBA,wCAAwB;;IA1CxBC,oBAAoB;eAApBA,gCAAoB;;IAiDpBC,6BAA6B;eAA7BA,uCAA6B;;IAY7BC,yBAAyB;eAAzBA,0CAAyB;;IA7CzBC,yBAAyB;eAAzBA,0CAAyB;;IAkCzBC,uCAAuC;eAAvCA,iDAAuC;;IAzBvCC,gCAAgC;eAAhCA,mDAAgC;;IAgBhCC,6BAA6B;eAA7BA,6CAA6B;;IAmB7BC,8BAA8B;eAA9BA,+CAA8B;;IA7C9BC,8BAA8B;eAA9BA,+CAA8B;;IAhB9BC,yBAAyB;eAAzBA,qCAAyB;;IA2BzBC,yCAAyC;eAAzCA,4DAAyC;;IAHzCC,mCAAmC;eAAnCA,sDAAmC;;IACnCC,6BAA6B;eAA7BA,gDAA6B;;IAe7BC,gCAAgC;eAAhCA,gDAAgC;;IAChCC,0BAA0B;eAA1BA,0CAA0B;;IAW1BC,oBAAoB;eAApBA,8BAAoB;;IArDpBC,kCAAkC;eAAlCA,8CAAkC;;IA4DlCC,iCAAiC;eAAjCA,kDAAiC;;IACjCC,2BAA2B;eAA3BA,4CAA2B;;IA/D3BC,4BAA4B;eAA5BA,wCAA4B;;IAiB5BC,iCAAiC;eAAjCA,kDAAiC;;IACjCC,2BAA2B;eAA3BA,4CAA2B;;IAuC3BC,8BAA8B;eAA9BA,wCAA8B;;IAxD9BC,sBAAsB;eAAtBA,kCAAsB;;;4BAIjB;iCAgBA;mCAWA;gCAeA;0BAWA;iCAQA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-message-bar",
-  "version": "9.2.3",
+  "version": "9.2.5",
   "description": "Fluent UI MessageBar component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,12 +30,12 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-button": "^9.3.84",
-    "@fluentui/react-icons": "^2.0.239",
-    "@fluentui/react-jsx-runtime": "^9.0.39",
-    "@fluentui/react-shared-contexts": "^9.19.0",
+    "@fluentui/react-button": "^9.3.86",
+    "@fluentui/react-icons": "^2.0.245",
+    "@fluentui/react-jsx-runtime": "^9.0.41",
+    "@fluentui/react-shared-contexts": "^9.19.1",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.10",
+    "@fluentui/react-utilities": "^9.18.12",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "react-transition-group": "^4.4.1"
@@ -43,7 +43,7 @@
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
     "@types/react-dom": ">=16.8.0 <19.0.0",
-    "react": ">=16.8.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0"
   },
   "exports": {