@fluentui/react-message-bar 9.0.0

package/lib/components/MessageBarBody/useMessageBarBodyStyles.styles.js

@@ -0,0 +1,15 @@
+import { __resetStyles, mergeClasses, shorthands } from '@griffel/react';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
+export const messageBarBodyClassNames = {
+  root: 'fui-MessageBarBody'
+};
+const useRootBaseStyles = /*#__PURE__*/__resetStyles("rnv3mfe", "r1ixc1x8", [".rnv3mfe{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-row-start:body;grid-column-start:body;grid-row-end:body;grid-column-end:body;padding-right:var(--spacingHorizontalM);}", ".r1ixc1x8{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-row-start:body;grid-column-start:body;grid-row-end:body;grid-column-end:body;padding-left:var(--spacingHorizontalM);}"]);
+/**
+ * Apply styling to the MessageBarBody slots based on the state
+ */
+export const useMessageBarBodyStyles_unstable = state => {
+  const rootBaseStyles = useRootBaseStyles();
+  state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useMessageBarBodyStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__resetStyles","mergeClasses","shorthands","tokens","typographyStyles","messageBarBodyClassNames","root","useRootBaseStyles","useMessageBarBodyStyles_unstable","state","rootBaseStyles","className"],"sources":["useMessageBarBodyStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses, shorthands } 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    ...shorthands.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    state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAA0BC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AAC1E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,iBAAiB,gBAAGP,aAAA,kkBAIzB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMQ,gCAAgC,GAAIC,KAAK,IAAG;EACzD,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;EAC1CE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGV,YAAY,CAACI,wBAAwB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACxG,OAAOF,KAAK;AAChB,CAAC"}

package/lib/components/MessageBarGroup/MessageBarGroup.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import { useMessageBarGroup_unstable } from './useMessageBarGroup';
+import { renderMessageBarGroup_unstable } from './renderMessageBarGroup';
+import { useMessageBarGroupStyles_unstable } from './useMessageBarGroupStyles.styles';
+/**
+ * MessageBarGroup component
+ */ export const MessageBarGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useMessageBarGroup_unstable(props, ref);
+    useMessageBarGroupStyles_unstable(state);
+    useCustomStyleHook_unstable('useMessageBarGroupStyles_unstable')(state);
+    return renderMessageBarGroup_unstable(state);
+});
+MessageBarGroup.displayName = 'MessageBarGroup';

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

@@ -0,0 +1 @@
+{"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":["React","useCustomStyleHook_unstable","useMessageBarGroup_unstable","renderMessageBarGroup_unstable","useMessageBarGroupStyles_unstable","MessageBarGroup","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,SAASC,iCAAiC,QAAQ,oCAAoC;AAGtF;;CAEC,GACD,OAAO,MAAMC,gCAA6DL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQP,4BAA4BK,OAAOC;IAEjDJ,kCAAkCK;IAClCR,4BAA4B,qCAAqCQ;IACjE,OAAON,+BAA+BM;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

package/lib/components/MessageBarGroup/MessageBarGroup.types.js

@@ -0,0 +1 @@
+import * as React from 'react';

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

@@ -0,0 +1 @@
+{"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":["React"],"mappings":"AACA,YAAYA,WAAW,QAAQ"}

package/lib/components/MessageBarGroup/MessageBarTransition.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { Transition } from 'react-transition-group';
+import { MessageBarTransitionContextProvider } from '../../contexts/messageBarTransitionContext';
+const getClassName = (status, enterClassName, exitClassName, animate)=>{
+    switch(status){
+        case 'entering':
+        case 'entered':
+            return animate === 'both' ? enterClassName : '';
+        case 'exiting':
+        case 'exited':
+            return exitClassName;
+        default:
+            return '';
+    }
+};
+/**
+ * Internal component that controls the animation transition for MessageBar components
+ * @internal
+ */ export const MessageBarTransition = ({ children, enterClassName, exitClassName, animate, ...rest })=>{
+    const nodeRef = React.useRef(null);
+    return /*#__PURE__*/ React.createElement(Transition, {
+        timeout: 250,
+        nodeRef: nodeRef,
+        ...rest
+    }, (state)=>/*#__PURE__*/ React.createElement(MessageBarTransitionInner, {
+            animate: animate,
+            enterClassName: enterClassName,
+            exitClassName: exitClassName,
+            nodeRef: nodeRef,
+            state: state
+        }, children));
+};
+const MessageBarTransitionInner = ({ children, state, enterClassName, exitClassName, animate, nodeRef })=>{
+    const className = getClassName(state, enterClassName, exitClassName, animate);
+    const context = React.useMemo(()=>({
+            className,
+            nodeRef
+        }), [
+        className,
+        nodeRef
+    ]);
+    return /*#__PURE__*/ React.createElement(MessageBarTransitionContextProvider, {
+        value: context
+    }, children);
+};

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

@@ -0,0 +1 @@
+{"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":["React","Transition","MessageBarTransitionContextProvider","getClassName","status","enterClassName","exitClassName","animate","MessageBarTransition","children","rest","nodeRef","useRef","timeout","state","MessageBarTransitionInner","className","context","useMemo","value"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAA0B,yBAAyB;AACtE,SAASC,mCAAmC,QAAQ,6CAA6C;AAGjG,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;AAEA;;;CAGC,GACD,OAAO,MAAME,uBAKR,CAAC,EAAEC,QAAQ,EAAEJ,cAAc,EAAEC,aAAa,EAAEC,OAAO,EAAE,GAAGG,MAAM;IACjE,MAAMC,UAAUX,MAAMY,MAAM,CAAiB;IAE7C,qBACE,oBAACX;QAAWY,SAAS;QAAKF,SAASA;QAAU,GAAGD,IAAI;OACjDI,CAAAA,sBACC,oBAACC;YACCR,SAASA;YACTF,gBAAgBA;YAChBC,eAAeA;YACfK,SAASA;YACTG,OAAOA;WAENL;AAKX,EAAE;AAEF,MAAMM,4BAOD,CAAC,EAAEN,QAAQ,EAAEK,KAAK,EAAET,cAAc,EAAEC,aAAa,EAAEC,OAAO,EAAEI,OAAO,EAAE;IACxE,MAAMK,YAAYb,aAAaW,OAAOT,gBAAgBC,eAAeC;IACrE,MAAMU,UAAUjB,MAAMkB,OAAO,CAC3B,IAAO,CAAA;YACLF;YACAL;QACF,CAAA,GACA;QAACK;QAAWL;KAAQ;IAGtB,qBAAO,oBAACT;QAAoCiB,OAAOF;OAAUR;AAC/D"}

package/lib/components/MessageBarGroup/index.js

@@ -0,0 +1,5 @@
+export * from './MessageBarGroup';
+export * from './MessageBarGroup.types';
+export * from './renderMessageBarGroup';
+export * from './useMessageBarGroup';
+export * from './useMessageBarGroupStyles.styles';

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

@@ -0,0 +1 @@
+{"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":[],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,uBAAuB;AACrC,cAAc,oCAAoC"}

package/lib/components/MessageBarGroup/renderMessageBarGroup.js

@@ -0,0 +1,20 @@
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-utilities';
+import { TransitionGroup } from 'react-transition-group';
+import { MessageBarTransition } from './MessageBarTransition';
+/**
+ * Render the final JSX of MessageBarGroup
+ */ export const renderMessageBarGroup_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(state.root, {
+        children: /*#__PURE__*/ _jsx(TransitionGroup, {
+            component: null,
+            children: state.children.map((child)=>/*#__PURE__*/ _jsx(MessageBarTransition, {
+                    animate: state.animate,
+                    enterClassName: state.enterStyles,
+                    exitClassName: state.exitStyles,
+                    children: child
+                }, child.key))
+        })
+    });
+};

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

@@ -0,0 +1 @@
+{"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":["assertSlots","TransitionGroup","MessageBarTransition","renderMessageBarGroup_unstable","state","root","component","children","map","child","animate","enterClassName","enterStyles","exitClassName","exitStyles","key"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,oBAAoB,QAAQ,yBAAyB;AAE9D;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAACC;IAC7CJ,YAAkCI;IAElC,qBACE,KAACA,MAAMC,IAAI;kBACT,cAAA,KAACJ;YAAgBK,WAAW;sBACzBF,MAAMG,QAAQ,CAACC,GAAG,CAACC,CAAAA,sBAClB,KAACP;oBACCQ,SAASN,MAAMM,OAAO;oBAEtBC,gBAAgBP,MAAMQ,WAAW;oBACjCC,eAAeT,MAAMU,UAAU;8BAE9BL;mBAJIA,MAAMM,GAAG;;;AAU1B,EAAE"}

package/lib/components/MessageBarGroup/useMessageBarGroup.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+/**
+ * Create the state required to render MessageBarGroup.
+ *
+ * The returned state can be modified with hooks such as useMessageBarGroupStyles_unstable,
+ * before being passed to renderMessageBarGroup_unstable.
+ *
+ * @param props - props from this instance of MessageBarGroup
+ * @param ref - reference to root HTMLElement of MessageBarGroup
+ */ export const useMessageBarGroup_unstable = (props, ref)=>{
+    if (process.env.NODE_ENV !== 'production') {
+        React.Children.forEach(props.children, (c)=>{
+            if (!React.isValidElement(c) || c.type === React.Fragment) {
+                throw new Error("MessageBarGroup: children must be valid MessageBar components. Please ensure you're not using fragments. ");
+            }
+        });
+    }
+    var _props_children;
+    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);
+    var _props_animate;
+    return {
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        children,
+        animate: (_props_animate = props.animate) !== null && _props_animate !== void 0 ? _props_animate : 'exit-only',
+        enterStyles: '',
+        exitStyles: ''
+    };
+};

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

@@ -0,0 +1 @@
+{"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":["React","getIntrinsicElementProps","slot","useMessageBarGroup_unstable","props","ref","process","env","NODE_ENV","Children","forEach","children","c","isValidElement","type","Fragment","Error","map","filter","Boolean","components","root","always","elementType","animate","enterStyles","exitStyles"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC;IAEA,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzCR,MAAMS,QAAQ,CAACC,OAAO,CAACN,MAAMO,QAAQ,EAAEC,CAAAA;YACrC,IAAI,CAACZ,MAAMa,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKd,MAAMe,QAAQ,EAAE;gBACzD,MAAM,IAAIC,MACR;YAEJ;QACF;IACF;QAEoCZ;IAApC,MAAMO,WAAWX,MAAMS,QAAQ,CAACQ,GAAG,CAACb,CAAAA,kBAAAA,MAAMO,QAAQ,cAAdP,6BAAAA,kBAAkB,EAAE,EAAEQ,CAAAA,IACxDZ,MAAMa,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKd,MAAMe,QAAQ,GAAGH,IAAI,MAC3DM,MAAM,CAACC;QAeEf;IAbX,OAAO;QACLgB,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMnB,KAAKoB,MAAM,CACfrB,yBAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEmB,aAAa;QAAM;QAEvBZ;QACAa,SAASpB,CAAAA,iBAAAA,MAAMoB,OAAO,cAAbpB,4BAAAA,iBAAiB;QAC1BqB,aAAa;QACbC,YAAY;IACd;AACF,EAAE"}

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

@@ -0,0 +1,34 @@
+import { __styles, mergeClasses } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+export const messageBarGroupClassNames = {
+  root: 'fui-MessageBarGroup'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__styles({
+  base: {
+    Bf5fcs: "f4cll0y",
+    vin17d: "fy8si0b"
+  },
+  enter: {
+    Bv12yb3: "f1dg9w1v"
+  },
+  exit: {
+    Bv12yb3: "fu80iee"
+  }
+}, {
+  d: [".f4cll0y{animation-fill-mode:forwards;}", ".fy8si0b{animation-duration:var(--durationNormal);}", ".f1dg9w1v{animation-name:fngeioi;}", ".fu80iee{animation-name:fk0lfw7;}"],
+  k: ["@keyframes fngeioi{from{opacity:0;transform:translateY(-100%);}to{opacity:1;transform:translateY(0);}}", "@keyframes fk0lfw7{from{opacity:1;}to{opacity:0;}}"]
+});
+/**
+ * Apply styling to the MessageBarGroup slots based on the state
+ */
+export const useMessageBarGroupStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(messageBarGroupClassNames.root, state.root.className);
+  state.enterStyles = mergeClasses(styles.base, styles.enter);
+  state.exitStyles = mergeClasses(styles.base, styles.exit);
+  return state;
+};
+//# sourceMappingURL=useMessageBarGroupStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","tokens","messageBarGroupClassNames","root","useStyles","base","Bf5fcs","vin17d","enter","Bv12yb3","exit","d","k","useMessageBarGroupStyles_unstable","state","styles","className","enterStyles","exitStyles"],"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    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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGL,QAAA;EAAAM,IAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;EAAA;EAAAC,IAAA;IAAAD,OAAA;EAAA;AAAA;EAAAE,CAAA;EAAAC,CAAA;AAAA,CA2BrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC;EAC1BU,KAAK,CAACX,IAAI,CAACa,SAAS,GAAGhB,YAAY,CAACE,yBAAyB,CAACC,IAAI,EAAEW,KAAK,CAACX,IAAI,CAACa,SAAS,CAAC;EACzFF,KAAK,CAACG,WAAW,GAAGjB,YAAY,CAACe,MAAM,CAACV,IAAI,EAAEU,MAAM,CAACP,KAAK,CAAC;EAC3DM,KAAK,CAACI,UAAU,GAAGlB,YAAY,CAACe,MAAM,CAACV,IAAI,EAAEU,MAAM,CAACL,IAAI,CAAC;EACzD,OAAOI,KAAK;AAChB,CAAC"}

package/lib/components/MessageBarTitle/MessageBarTitle.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import { useMessageBarTitle_unstable } from './useMessageBarTitle';
+import { renderMessageBarTitle_unstable } from './renderMessageBarTitle';
+import { useMessageBarTitleStyles_unstable } from './useMessageBarTitleStyles.styles';
+/**
+ * MessageBarTitle component
+ */ export const MessageBarTitle = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useMessageBarTitle_unstable(props, ref);
+    useMessageBarTitleStyles_unstable(state);
+    useCustomStyleHook_unstable('useMessageBarTitleStyles_unstable')(state);
+    return renderMessageBarTitle_unstable(state);
+});
+MessageBarTitle.displayName = 'MessageBarTitle';

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

@@ -0,0 +1 @@
+{"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":["React","useCustomStyleHook_unstable","useMessageBarTitle_unstable","renderMessageBarTitle_unstable","useMessageBarTitleStyles_unstable","MessageBarTitle","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,SAASC,iCAAiC,QAAQ,oCAAoC;AAGtF;;CAEC,GACD,OAAO,MAAMC,gCAA6DL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQP,4BAA4BK,OAAOC;IAEjDJ,kCAAkCK;IAClCR,4BAA4B,qCAAqCQ;IACjE,OAAON,+BAA+BM;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

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

@@ -0,0 +1 @@
+export { };

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

@@ -0,0 +1 @@
+{"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":[],"mappings":"AAAA,WAcwE"}

package/lib/components/MessageBarTitle/index.js

@@ -0,0 +1,5 @@
+export * from './MessageBarTitle';
+export * from './MessageBarTitle.types';
+export * from './renderMessageBarTitle';
+export * from './useMessageBarTitle';
+export * from './useMessageBarTitleStyles.styles';

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

@@ -0,0 +1 @@
+{"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":[],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,uBAAuB;AACrC,cAAc,oCAAoC"}

package/lib/components/MessageBarTitle/renderMessageBarTitle.js

@@ -0,0 +1,8 @@
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-utilities';
+/**
+ * Render the final JSX of MessageBarTitle
+ */ export const renderMessageBarTitle_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(state.root, {});
+};

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

@@ -0,0 +1 @@
+{"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":["assertSlots","renderMessageBarTitle_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAACC;IAC7CF,YAAkCE;IAElC,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/MessageBarTitle/useMessageBarTitle.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+import { useMessageBarContext } from '../../contexts/messageBarContext';
+/**
+ * Create the state required to render MessageBarTitle.
+ *
+ * The returned state can be modified with hooks such as useMessageBarTitleStyles_unstable,
+ * before being passed to renderMessageBarTitle_unstable.
+ *
+ * @param props - props from this instance of MessageBarTitle
+ * @param ref - reference to root HTMLElement of MessageBarTitle
+ */ export const useMessageBarTitle_unstable = (props, ref)=>{
+    const { titleId } = useMessageBarContext();
+    return {
+        components: {
+            root: 'span'
+        },
+        root: slot.always(getIntrinsicElementProps('span', {
+            ref,
+            id: titleId,
+            ...props
+        }), {
+            elementType: 'span'
+        })
+    };
+};

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

@@ -0,0 +1 @@
+{"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":["React","getIntrinsicElementProps","slot","useMessageBarContext","useMessageBarTitle_unstable","props","ref","titleId","components","root","always","id","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,oBAAoB,QAAQ,mCAAmC;AAExE;;;;;;;;CAQC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAE,GAAGJ;IAEpB,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMP,KAAKQ,MAAM,CACfT,yBAAyB,QAAQ;YAC/BK;YACAK,IAAIJ;YACJ,GAAGF,KAAK;QACV,IACA;YAAEO,aAAa;QAAO;IAE1B;AACF,EAAE"}

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

@@ -0,0 +1,18 @@
+import { __resetStyles, mergeClasses } from '@griffel/react';
+import { typographyStyles } from '@fluentui/react-theme';
+export const messageBarTitleClassNames = {
+  root: 'fui-MessageBarTitle'
+};
+/**
+ * Styles for the root slot
+ */
+const 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:\" \";}"]);
+/**
+ * Apply styling to the MessageBarTitle slots based on the state
+ */
+export const useMessageBarTitleStyles_unstable = state => {
+  const rootBaseStyles = useRootBaseStyles();
+  state.root.className = mergeClasses(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useMessageBarTitleStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__resetStyles","mergeClasses","typographyStyles","messageBarTitleClassNames","root","useRootBaseStyles","useMessageBarTitleStyles_unstable","state","rootBaseStyles","className"],"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    const rootBaseStyles = useRootBaseStyles();\n    state.root.className = mergeClasses(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,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;EAC1CE,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"}

package/lib/contexts/messageBarContext.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+const messageBarContext = React.createContext(undefined);
+export const messageBarContextDefaultValue = {
+    titleId: '',
+    layout: 'singleline',
+    actionsRef: React.createRef(),
+    bodyRef: React.createRef()
+};
+export const MessageBarContextProvider = messageBarContext.Provider;
+export const useMessageBarContext = ()=>{
+    var _React_useContext;
+    return (_React_useContext = React.useContext(messageBarContext)) !== null && _React_useContext !== void 0 ? _React_useContext : messageBarContextDefaultValue;
+};

package/lib/contexts/messageBarContext.js.map

@@ -0,0 +1 @@
+{"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":["React","messageBarContext","createContext","undefined","messageBarContextDefaultValue","titleId","layout","actionsRef","createRef","bodyRef","MessageBarContextProvider","Provider","useMessageBarContext","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAQ/B,MAAMC,oBAAoBD,MAAME,aAAa,CAAqCC;AAElF,OAAO,MAAMC,gCAAwD;IACnEC,SAAS;IACTC,QAAQ;IACRC,YAAYP,MAAMQ,SAAS;IAC3BC,SAAST,MAAMQ,SAAS;AAC1B,EAAE;AAEF,OAAO,MAAME,4BAA4BT,kBAAkBU,QAAQ,CAAC;AACpE,OAAO,MAAMC,uBAAuB;QAAMZ;WAAAA,CAAAA,oBAAAA,MAAMa,UAAU,CAACZ,gCAAjBD,+BAAAA,oBAAuCI;AAA4B,EAAE"}

package/lib/contexts/messageBarTransitionContext.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+const messageBarTransitionContext = React.createContext(undefined);
+/**
+ * @internal
+ */ export const messageBarTransitionContextDefaultValue = {
+    className: '',
+    nodeRef: React.createRef()
+};
+/**
+ * Context to pass animation className to MessageBar components
+ * @internal
+ */ export const MessageBarTransitionContextProvider = messageBarTransitionContext.Provider;
+/**
+ * @internal
+ */ export const useMessageBarTransitionContext = ()=>{
+    var _React_useContext;
+    return (_React_useContext = React.useContext(messageBarTransitionContext)) !== null && _React_useContext !== void 0 ? _React_useContext : messageBarTransitionContextDefaultValue;
+};

package/lib/contexts/messageBarTransitionContext.js.map

@@ -0,0 +1 @@
+{"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":["React","messageBarTransitionContext","createContext","undefined","messageBarTransitionContextDefaultValue","className","nodeRef","createRef","MessageBarTransitionContextProvider","Provider","useMessageBarTransitionContext","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAO/B,MAAMC,8BAA8BD,MAAME,aAAa,CAA+CC;AAEtG;;CAEC,GACD,OAAO,MAAMC,0CAA4E;IACvFC,WAAW;IACXC,SAASN,MAAMO,SAAS;AAC1B,EAAE;AAEF;;;CAGC,GACD,OAAO,MAAMC,sCAAsCP,4BAA4BQ,QAAQ,CAAC;AACxF;;CAEC,GACD,OAAO,MAAMC,iCAAiC;QAC5CV;WAAAA,CAAAA,oBAAAA,MAAMW,UAAU,CAACV,0CAAjBD,+BAAAA,oBAAiDI;AAAsC,EAAE"}

package/lib/index.js

@@ -0,0 +1,6 @@
+export { MessageBar, useMessageBarStyles_unstable, useMessageBar_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, messageBarActionsClassNames } from './MessageBarActions';
+export { MessageBarBody, useMessageBarBodyStyles_unstable, useMessageBarBody_unstable, renderMessageBarBody_unstable, messageBarBodyClassNames } from './MessageBarBody';
+export { MessageBarContextProvider, useMessageBarContext } from './contexts/messageBarContext';
+export { MessageBarGroup, useMessageBarGroupStyles_unstable, useMessageBarGroup_unstable, renderMessageBarGroup_unstable, messageBarGroupClassNames } from './MessageBarGroup';

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  MessageBar,\n  useMessageBarStyles_unstable,\n  useMessageBar_unstable,\n  renderMessageBar_unstable,\n  messageBarClassNames,\n} from './MessageBar';\n\nexport type { MessageBarProps, MessageBarSlots, MessageBarState, MessageBarIntent } 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  messageBarActionsClassNames,\n} from './MessageBarActions';\n\nexport type { MessageBarActionsProps, MessageBarActionsSlots, MessageBarActionsState } 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 { MessageBarContextProvider, useMessageBarContext } from './contexts/messageBarContext';\nexport type { MessageBarContextValue } from './contexts/messageBarContext';\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","useMessageBar_unstable","renderMessageBar_unstable","messageBarClassNames","MessageBarTitle","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable","renderMessageBarTitle_unstable","messageBarTitleClassNames","MessageBarActions","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable","renderMessageBarActions_unstable","messageBarActionsClassNames","MessageBarBody","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable","renderMessageBarBody_unstable","messageBarBodyClassNames","MessageBarContextProvider","useMessageBarContext","MessageBarGroup","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable","renderMessageBarGroup_unstable","messageBarGroupClassNames"],"mappings":"AAAA,SACEA,UAAU,EACVC,4BAA4B,EAC5BC,sBAAsB,EACtBC,yBAAyB,EACzBC,oBAAoB,QACf,eAAe;AAItB,SACEC,eAAe,EACfC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,yBAAyB,QACpB,oBAAoB;AAI3B,SACEC,iBAAiB,EACjBC,mCAAmC,EACnCC,6BAA6B,EAC7BC,gCAAgC,EAChCC,2BAA2B,QACtB,sBAAsB;AAI7B,SACEC,cAAc,EACdC,gCAAgC,EAChCC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,wBAAwB,QACnB,mBAAmB;AAI1B,SAASC,yBAAyB,EAAEC,oBAAoB,QAAQ,+BAA+B;AAE/F,SACEC,eAAe,EACfC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,yBAAyB,QACpB,oBAAoB"}

package/lib-commonjs/MessageBar.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/MessageBar/index"), exports);

package/lib-commonjs/MessageBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBar.js"],"sourcesContent":["export * from './components/MessageBar/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/MessageBarActions.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/MessageBarActions/index"), exports);

package/lib-commonjs/MessageBarActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarActions.js"],"sourcesContent":["export * from './components/MessageBarActions/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/MessageBarBody.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/MessageBarBody/index"), exports);

package/lib-commonjs/MessageBarBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarBody.js"],"sourcesContent":["export * from './components/MessageBarBody/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/MessageBarGroup.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/MessageBarGroup/index"), exports);

package/lib-commonjs/MessageBarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarGroup.js"],"sourcesContent":["export * from './components/MessageBarGroup/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/MessageBarTitle.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/MessageBarTitle/index"), exports);

package/lib-commonjs/MessageBarTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarTitle.js"],"sourcesContent":["export * from './components/MessageBarTitle/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MessageBar", {
+    enumerable: true,
+    get: function() {
+        return 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 MessageBar = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useMessageBar.useMessageBar_unstable)(props, ref);
+    (0, _useMessageBarStylesstyles.useMessageBarStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMessageBarStyles_unstable')(state);
+    return (0, _renderMessageBar.renderMessageBar_unstable)(state, (0, _useMessageBarContextValues.useMessageBarContextValue_unstable)(state));
+});
+MessageBar.displayName = 'MessageBar';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBar.js"],"sourcesContent":["import * as React from 'react';\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 { useMessageBarContextValue_unstable } from './useMessageBarContextValues';\n/**\n * MessageBar component\n */ export const MessageBar = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useMessageBar_unstable(props, ref);\n    useMessageBarStyles_unstable(state);\n    useCustomStyleHook_unstable('useMessageBarStyles_unstable')(state);\n    return renderMessageBar_unstable(state, useMessageBarContextValue_unstable(state));\n});\nMessageBar.displayName = 'MessageBar';\n"],"names":["MessageBar","React","forwardRef","props","ref","state","useMessageBar_unstable","useMessageBarStyles_unstable","useCustomStyleHook_unstable","renderMessageBar_unstable","useMessageBarContextValue_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;qCACqB;+BACL;kCACG;2CACG;4CACM;AAGxC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7BG,IAAAA,gDAA2B,EAAC,gCAAgCH;IAC5D,OAAOI,IAAAA,2CAAyB,EAACJ,OAAOK,IAAAA,8DAAkC,EAACL;AAC/E;AACAL,WAAWW,WAAW,GAAG"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/MessageBar/getIntentIcon.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getIntentIcon", {
+    enumerable: true,
+    get: function() {
+        return getIntentIcon;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reacticons = require("@fluentui/react-icons");
+function getIntentIcon(intent) {
+    switch(intent){
+        case 'info':
+            return /*#__PURE__*/ _react.createElement(_reacticons.InfoFilled, null);
+        case 'warning':
+            return /*#__PURE__*/ _react.createElement(_reacticons.WarningFilled, null);
+        case 'error':
+            return /*#__PURE__*/ _react.createElement(_reacticons.ErrorCircleFilled, null);
+        case 'success':
+            return /*#__PURE__*/ _react.createElement(_reacticons.CheckmarkCircleFilled, null);
+        default:
+            return null;
+    }
+}

package/lib-commonjs/components/MessageBar/getIntentIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getIntentIcon.js"],"sourcesContent":["import * as React from 'react';\nimport { CheckmarkCircleFilled, InfoFilled, WarningFilled, ErrorCircleFilled } from '@fluentui/react-icons';\nexport function getIntentIcon(intent) {\n    switch(intent){\n        case 'info':\n            return /*#__PURE__*/ React.createElement(InfoFilled, null);\n        case 'warning':\n            return /*#__PURE__*/ React.createElement(WarningFilled, null);\n        case 'error':\n            return /*#__PURE__*/ React.createElement(ErrorCircleFilled, null);\n        case 'success':\n            return /*#__PURE__*/ React.createElement(CheckmarkCircleFilled, null);\n        default:\n            return null;\n    }\n}\n"],"names":["getIntentIcon","intent","React","createElement","InfoFilled","WarningFilled","ErrorCircleFilled","CheckmarkCircleFilled"],"mappings":";;;;+BAEgBA;;;eAAAA;;;;iEAFO;4BAC6D;AAC7E,SAASA,cAAcC,MAAM;IAChC,OAAOA;QACH,KAAK;YACD,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAACC,sBAAU,EAAE;QACzD,KAAK;YACD,OAAO,WAAW,GAAGF,OAAMC,aAAa,CAACE,yBAAa,EAAE;QAC5D,KAAK;YACD,OAAO,WAAW,GAAGH,OAAMC,aAAa,CAACG,6BAAiB,EAAE;QAChE,KAAK;YACD,OAAO,WAAW,GAAGJ,OAAMC,aAAa,CAACI,iCAAqB,EAAE;QACpE;YACI,OAAO;IACf;AACJ"}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./MessageBar"), exports);
+_export_star._(require("./MessageBar.types"), exports);
+_export_star._(require("./renderMessageBar"), exports);
+_export_star._(require("./useMessageBar"), exports);
+_export_star._(require("./useMessageBarStyles.styles"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './MessageBar';\nexport * from './MessageBar.types';\nexport * from './renderMessageBar';\nexport * from './useMessageBar';\nexport * from './useMessageBarStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/MessageBar/renderMessageBar.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderMessageBar_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderMessageBar_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _messageBarContext = require("../../contexts/messageBarContext");
+const renderMessageBar_unstable = (state, contexts)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_messageBarContext.MessageBarContextProvider, {
+        value: contexts.messageBar,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+            children: [
+                state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+                state.root.children
+            ]
+        })
+    });
+};

package/lib-commonjs/components/MessageBar/renderMessageBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderMessageBar.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { MessageBarContextProvider } from '../../contexts/messageBarContext';\n/**\n * Render the final JSX of MessageBar\n */ export const renderMessageBar_unstable = (state, contexts)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(MessageBarContextProvider, {\n        value: contexts.messageBar,\n        children: /*#__PURE__*/ _jsxs(state.root, {\n            children: [\n                state.icon && /*#__PURE__*/ _jsx(state.icon, {}),\n                state.root.children\n            ]\n        })\n    });\n};\n"],"names":["renderMessageBar_unstable","state","contexts","assertSlots","_jsx","MessageBarContextProvider","value","messageBar","children","_jsxs","root","icon"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BAL4B;gCACjB;mCACc;AAG/B,MAAMA,4BAA4B,CAACC,OAAOC;IACjDC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,4CAAyB,EAAE;QACjDC,OAAOJ,SAASK,UAAU;QAC1BC,UAAU,WAAW,GAAGC,IAAAA,gBAAK,EAACR,MAAMS,IAAI,EAAE;YACtCF,UAAU;gBACNP,MAAMU,IAAI,IAAI,WAAW,GAAGP,IAAAA,eAAI,EAACH,MAAMU,IAAI,EAAE,CAAC;gBAC9CV,MAAMS,IAAI,CAACF,QAAQ;aACtB;QACL;IACJ;AACJ"}