@fluentui/react-message-bar 9.5.4 → 9.6.1

package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MessageBar/useMessageBarStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarSlots, MessageBarState } from './MessageBar.types';\n\nexport const messageBarClassNames: SlotClassNames<MessageBarSlots> = {\n  root: 'fui-MessageBar',\n  icon: 'fui-MessageBar__icon',\n  bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer',\n};\n\nconst useRootBaseStyles = makeResetStyles({\n  whiteSpace: 'nowrap',\n  display: 'grid',\n  gridTemplateColumns: 'auto 1fr auto auto',\n  gridTemplateRows: '1fr',\n  gridTemplateAreas: '\"icon body secondaryActions actions\"',\n  paddingLeft: tokens.spacingHorizontalM,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n  borderRadius: tokens.borderRadiusMedium,\n  alignItems: 'center',\n  minHeight: '36px',\n  boxSizing: 'border-box',\n  backgroundColor: tokens.colorNeutralBackground3,\n});\n\nconst useIconBaseStyles = makeResetStyles({\n  gridArea: 'icon',\n  fontSize: tokens.fontSizeBase500,\n  marginRight: tokens.spacingHorizontalS,\n  color: tokens.colorNeutralForeground3,\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst useReflowSpacerBaseStyles = makeResetStyles({\n  marginBottom: tokens.spacingVerticalS,\n  gridArea: 'secondaryActions',\n});\n\nconst useStyles = makeStyles({\n  rootMultiline: {\n    whiteSpace: 'normal',\n    alignItems: 'start',\n    paddingTop: tokens.spacingVerticalMNudge,\n    gridTemplateColumns: 'auto 1fr auto',\n    gridTemplateAreas: `\n      \"icon body actions\"\n      \"secondaryActions secondaryActions secondaryActions\"\n    `,\n  },\n\n  secondaryActionsMultiline: {\n    justifyContent: 'end',\n    marginTop: tokens.spacingVerticalMNudge,\n    marginBottom: tokens.spacingVerticalS,\n    marginRight: '0px',\n  },\n\n  square: {\n    borderRadius: '0',\n  },\n});\n\nconst useIconIntentStyles = makeStyles({\n  info: {\n    /** already in base reset styles */\n  },\n  error: {\n    color: tokens.colorStatusDangerForeground1,\n  },\n  warning: {\n    color: tokens.colorStatusWarningForeground3,\n  },\n  success: {\n    color: tokens.colorStatusSuccessForeground1,\n  },\n});\n\nconst useRootIntentStyles = makeStyles({\n  info: {\n    /** already in base reset styles */\n  },\n  error: {\n    backgroundColor: tokens.colorStatusDangerBackground1,\n    ...shorthands.borderColor(tokens.colorStatusDangerBorder1),\n  },\n  warning: {\n    backgroundColor: tokens.colorStatusWarningBackground1,\n    ...shorthands.borderColor(tokens.colorStatusWarningBorder1),\n  },\n  success: {\n    backgroundColor: tokens.colorStatusSuccessBackground1,\n    ...shorthands.borderColor(tokens.colorStatusSuccessBorder1),\n  },\n});\n\n/**\n * Apply styling to the MessageBar slots based on the state\n */\nexport const useMessageBarStyles_unstable = (state: MessageBarState): MessageBarState => {\n  'use no memo';\n\n  const rootBaseStyles = useRootBaseStyles();\n  const iconBaseStyles = useIconBaseStyles();\n  const iconIntentStyles = useIconIntentStyles();\n  const rootIntentStyles = useRootIntentStyles();\n  const reflowSpacerStyles = useReflowSpacerBaseStyles();\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    messageBarClassNames.root,\n    rootBaseStyles,\n    state.layout === 'multiline' && styles.rootMultiline,\n    state.shape === 'square' && styles.square,\n    rootIntentStyles[state.intent],\n    state.transitionClassName,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      messageBarClassNames.icon,\n      iconBaseStyles,\n      iconIntentStyles[state.intent],\n      state.icon.className,\n    );\n  }\n\n  if (state.bottomReflowSpacer) {\n    state.bottomReflowSpacer.className = mergeClasses(messageBarClassNames.bottomReflowSpacer, reflowSpacerStyles);\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","shorthands","tokens","messageBarClassNames","root","icon","bottomReflowSpacer","useRootBaseStyles","whiteSpace","display","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","paddingLeft","spacingHorizontalM","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","alignItems","minHeight","boxSizing","backgroundColor","colorNeutralBackground3","useIconBaseStyles","gridArea","fontSize","fontSizeBase500","marginRight","spacingHorizontalS","color","colorNeutralForeground3","useReflowSpacerBaseStyles","marginBottom","spacingVerticalS","useStyles","rootMultiline","paddingTop","spacingVerticalMNudge","secondaryActionsMultiline","justifyContent","marginTop","square","useIconIntentStyles","info","error","colorStatusDangerForeground1","warning","colorStatusWarningForeground3","success","colorStatusSuccessForeground1","useRootIntentStyles","colorStatusDangerBackground1","borderColor","colorStatusDangerBorder1","colorStatusWarningBackground1","colorStatusWarningBorder1","colorStatusSuccessBackground1","colorStatusSuccessBorder1","useMessageBarStyles_unstable","state","rootBaseStyles","iconBaseStyles","iconIntentStyles","rootIntentStyles","reflowSpacerStyles","styles","className","layout","shape","intent","transitionClassName"],"mappings":";;;;;;;;;;;IAKaK,oBAAAA;;;IA+FAyD,4BAAAA;;;;uBApGyD,iBAAiB;4BAChE,wBAAwB;AAIxC,6BAA8D;IACnExD,MAAM;IACNC,MAAM;IACNC,oBAAoB;AACtB,EAAE;AAEF,MAAMC,wBAAoBT,sBAAAA,EAAgB;IACxCU,YAAY;IACZC,SAAS;IACTC,qBAAqB;IACrBC,kBAAkB;IAClBC,mBAAmB;IACnBC,aAAaX,kBAAAA,CAAOY,kBAAkB;IACtCC,QAAQ,GAAGb,kBAAAA,CAAOc,eAAe,CAAC,OAAO,EAAEd,kBAAAA,CAAOe,mBAAmB,EAAE;IACvEC,cAAchB,kBAAAA,CAAOiB,kBAAkB;IACvCC,YAAY;IACZC,WAAW;IACXC,WAAW;IACXC,iBAAiBrB,kBAAAA,CAAOsB,uBAAuB;AACjD;AAEA,MAAMC,wBAAoB3B,sBAAAA,EAAgB;IACxC4B,UAAU;IACVC,UAAUzB,kBAAAA,CAAO0B,eAAe;IAChCC,aAAa3B,kBAAAA,CAAO4B,kBAAkB;IACtCC,OAAO7B,kBAAAA,CAAO8B,uBAAuB;IACrCvB,SAAS;IACTW,YAAY;AACd;AAEA,MAAMa,gCAA4BnC,sBAAAA,EAAgB;IAChDoC,cAAchC,kBAAAA,CAAOiC,gBAAgB;IACrCT,UAAU;AACZ;AAEA,MAAMU,gBAAYrC,iBAAAA,EAAW;IAC3BsC,eAAe;QACb7B,YAAY;QACZY,YAAY;QACZkB,YAAYpC,kBAAAA,CAAOqC,qBAAqB;QACxC7B,qBAAqB;QACrBE,mBAAmB,CAAC;;;IAGpB,CAAC;IACH;IAEA4B,2BAA2B;QACzBC,gBAAgB;QAChBC,WAAWxC,kBAAAA,CAAOqC,qBAAqB;QACvCL,cAAchC,kBAAAA,CAAOiC,gBAAgB;QACrCN,aAAa;IACf;IAEAc,QAAQ;QACNzB,cAAc;IAChB;AACF;AAEA,MAAM0B,sBAAsB7C,qBAAAA,EAAW;IACrC8C,MAAM,CAEN;IACAC,OAAO;QACLf,OAAO7B,kBAAAA,CAAO6C,4BAA4B;IAC5C;IACAC,SAAS;QACPjB,OAAO7B,kBAAAA,CAAO+C,6BAA6B;IAC7C;IACAC,SAAS;QACPnB,OAAO7B,kBAAAA,CAAOiD,6BAA6B;IAC7C;AACF;AAEA,MAAMC,0BAAsBrD,iBAAAA,EAAW;IACrC8C,MAAM,CAEN;IACAC,OAAO;QACLvB,iBAAiBrB,kBAAAA,CAAOmD,4BAA4B;QACpD,GAAGpD,iBAAAA,CAAWqD,WAAW,CAACpD,kBAAAA,CAAOqD,wBAAwB,CAAC;IAC5D;IACAP,SAAS;QACPzB,iBAAiBrB,kBAAAA,CAAOsD,6BAA6B;QACrD,GAAGvD,iBAAAA,CAAWqD,WAAW,CAACpD,kBAAAA,CAAOuD,yBAAyB,CAAC;IAC7D;IACAP,SAAS;QACP3B,iBAAiBrB,kBAAAA,CAAOwD,6BAA6B;QACrD,GAAGzD,iBAAAA,CAAWqD,WAAW,CAACpD,kBAAAA,CAAOyD,yBAAyB,CAAC;IAC7D;AACF;AAKO,qCAAqC,CAACE;IAC3C;IAEA,MAAMC,iBAAiBvD;IACvB,MAAMwD,iBAAiBtC;IACvB,MAAMuC,mBAAmBpB;IACzB,MAAMqB,mBAAmBb;IACzB,MAAMc,qBAAqBjC;IAC3B,MAAMkC,SAAS/B;IAEfyB,MAAMzD,IAAI,CAACgE,SAAS,OAAGpE,mBAAAA,EACrBG,qBAAqBC,IAAI,EACzB0D,gBACAD,MAAMQ,MAAM,KAAK,eAAeF,OAAO9B,aAAa,EACpDwB,MAAMS,KAAK,KAAK,YAAYH,OAAOxB,MAAM,EACzCsB,gBAAgB,CAACJ,MAAMU,MAAM,CAAC,EAC9BV,MAAMW,mBAAmB,EACzBX,MAAMzD,IAAI,CAACgE,SAAS;IAGtB,IAAIP,MAAMxD,IAAI,EAAE;QACdwD,MAAMxD,IAAI,CAAC+D,SAAS,OAAGpE,mBAAAA,EACrBG,qBAAqBE,IAAI,EACzB0D,gBACAC,gBAAgB,CAACH,MAAMU,MAAM,CAAC,EAC9BV,MAAMxD,IAAI,CAAC+D,SAAS;IAExB;IAEA,IAAIP,MAAMvD,kBAAkB,EAAE;QAC5BuD,MAAMvD,kBAAkB,CAAC8D,SAAS,OAAGpE,mBAAAA,EAAaG,qBAAqBG,kBAAkB,EAAE4D;IAC7F;IAEA,OAAOL;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarActions/MessageBarActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarActions_unstable } from './useMessageBarActions';\nimport { renderMessageBarActions_unstable } from './renderMessageBarActions';\nimport { useMessageBarActionsStyles_unstable } from './useMessageBarActionsStyles.styles';\nimport type { MessageBarActionsProps } from './MessageBarActions.types';\nimport { useMessageBarActionsContextValue_unstable } from './useMessageBarActionsContextValues';\n\n/**\n * MessageBarActions component\n */\nexport const MessageBarActions: ForwardRefComponent<MessageBarActionsProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBarActions_unstable(props, ref);\n\n  useMessageBarActionsStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarActionsStyles_unstable')(state);\n  return renderMessageBarActions_unstable(state, useMessageBarActionsContextValue_unstable());\n});\n\nMessageBarActions.displayName = 'MessageBarActions';\n"],"names":["MessageBarActions","React","forwardRef","props","ref","state","useMessageBarActions_unstable","useMessageBarActionsStyles_unstable","useCustomStyleHook_unstable","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qCAEqB;sCACE;yCACG;kDACG;mDAEM;AAKnD,MAAMA,oBAAAA,WAAAA,GAAiEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQC,IAAAA,mDAAAA,EAA8BH,OAAOC;IAEnDG,IAAAA,qEAAAA,EAAoCF;IACpCG,IAAAA,gDAAAA,EAA4B,uCAAuCH;IACnE,OAAOI,IAAAA,yDAAAA,EAAiCJ,OAAOK,IAAAA,4EAAAA;AACjD;AAEAV,kBAAkBW,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/MessageBarActions/MessageBarActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarActions_unstable } from './useMessageBarActions';\nimport { renderMessageBarActions_unstable } from './renderMessageBarActions';\nimport { useMessageBarActionsStyles_unstable } from './useMessageBarActionsStyles.styles';\nimport type { MessageBarActionsProps } from './MessageBarActions.types';\nimport { useMessageBarActionsContextValue_unstable } from './useMessageBarActionsContextValues';\n\n/**\n * MessageBarActions component\n */\nexport const MessageBarActions: ForwardRefComponent<MessageBarActionsProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBarActions_unstable(props, ref);\n\n  useMessageBarActionsStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarActionsStyles_unstable')(state);\n  return renderMessageBarActions_unstable(state, useMessageBarActionsContextValue_unstable());\n});\n\nMessageBarActions.displayName = 'MessageBarActions';\n"],"names":["React","useCustomStyleHook_unstable","useMessageBarActions_unstable","renderMessageBarActions_unstable","useMessageBarActionsStyles_unstable","useMessageBarActionsContextValue_unstable","MessageBarActions","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAYaM;;;;;;;iEAZU,QAAQ;qCAEa,kCAAkC;sCAChC,yBAAyB;yCACtB,4BAA4B;kDACzB,sCAAsC;mDAEhC,sCAAsC;AAKzF,0BAAMA,WAAAA,GAAiEN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,YAAQR,mDAAAA,EAA8BM,OAAOC;QAEnDL,qEAAAA,EAAoCM;QACpCT,gDAAAA,EAA4B,uCAAuCS;IACnE,WAAOP,yDAAAA,EAAiCO,WAAOL,4EAAAA;AACjD,GAAG;AAEHC,kBAAkBK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarActions/MessageBarActions.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonContextValue } from '@fluentui/react-button';\nimport type { MessageBarContextValue } from '../../contexts/messageBarContext';\n\nexport type MessageBarActionsSlots = {\n  root: Slot<'div'>;\n  /**\n   * Generally the 'Dismiss' button for the MessageBar\n   */\n  containerAction?: Slot<'div'>;\n};\n\nexport type MessageBarActionsContextValues = {\n  button: ButtonContextValue;\n};\n\n/**\n * MessageBarActions Props\n */\nexport type MessageBarActionsProps = ComponentProps<MessageBarActionsSlots>;\n\n/**\n * State used in rendering MessageBarActions\n */\nexport type MessageBarActionsState = ComponentState<MessageBarActionsSlots> &\n  Pick<Required<MessageBarContextValue>, 'layout'> & {\n    /**\n     * Whether there are actions as children of this component\n     */\n    hasActions: boolean;\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AAqBA;;CAEC"}
+{"version":3,"sources":["../src/components/MessageBarActions/MessageBarActions.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonContextValue } from '@fluentui/react-button';\nimport type { MessageBarContextValue } from '../../contexts/messageBarContext';\n\nexport type MessageBarActionsSlots = {\n  root: Slot<'div'>;\n  /**\n   * Generally the 'Dismiss' button for the MessageBar\n   */\n  containerAction?: Slot<'div'>;\n};\n\nexport type MessageBarActionsContextValues = {\n  button: ButtonContextValue;\n};\n\n/**\n * MessageBarActions Props\n */\nexport type MessageBarActionsProps = ComponentProps<MessageBarActionsSlots>;\n\n/**\n * State used in rendering MessageBarActions\n */\nexport type MessageBarActionsState = ComponentState<MessageBarActionsSlots> &\n  Pick<Required<MessageBarContextValue>, 'layout'> & {\n    /**\n     * Whether there are actions as children of this component\n     */\n    hasActions: boolean;\n  };\n"],"names":[],"mappings":"AAqBA;;CAEC,GACD,WAMI"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarActions/index.ts"],"sourcesContent":["export { MessageBarActions } from './MessageBarActions';\nexport type {\n  MessageBarActionsContextValues,\n  MessageBarActionsProps,\n  MessageBarActionsSlots,\n  MessageBarActionsState,\n} from './MessageBarActions.types';\nexport { renderMessageBarActions_unstable } from './renderMessageBarActions';\nexport { useMessageBarActions_unstable } from './useMessageBarActions';\nexport { messageBarActionsClassNames, useMessageBarActionsStyles_unstable } from './useMessageBarActionsStyles.styles';\nexport { useMessageBarActionsContextValue_unstable } from './useMessageBarActionsContextValues';\n"],"names":["MessageBarActions","messageBarActionsClassNames","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,iBAAiB;eAAjBA,oCAAiB;;IASjBC,2BAA2B;eAA3BA,6DAA2B;;IAF3BC,gCAAgC;eAAhCA,yDAAgC;;IAGhCC,yCAAyC;eAAzCA,4EAAyC;;IADZC,mCAAmC;eAAnCA,qEAAmC;;IADhEC,6BAA6B;eAA7BA,mDAA6B;;;mCARJ;yCAOe;sCACH;kDACmC;mDACvB"}
+{"version":3,"sources":["../src/components/MessageBarActions/index.ts"],"sourcesContent":["export { MessageBarActions } from './MessageBarActions';\nexport type {\n  MessageBarActionsContextValues,\n  MessageBarActionsProps,\n  MessageBarActionsSlots,\n  MessageBarActionsState,\n} from './MessageBarActions.types';\nexport { renderMessageBarActions_unstable } from './renderMessageBarActions';\nexport { useMessageBarActions_unstable } from './useMessageBarActions';\nexport { messageBarActionsClassNames, useMessageBarActionsStyles_unstable } from './useMessageBarActionsStyles.styles';\nexport { useMessageBarActionsContextValue_unstable } from './useMessageBarActionsContextValues';\n"],"names":["MessageBarActions","renderMessageBarActions_unstable","useMessageBarActions_unstable","messageBarActionsClassNames","useMessageBarActionsStyles_unstable","useMessageBarActionsContextValue_unstable"],"mappings":";;;;;;;;;;;;eAASA,oCAAiB;;;eASjBG,6DAA2B;;;eAF3BF,yDAAgC;;;eAGhCI,4EAAyC;;;eADZD,qEAAmC;;;eADhEF,mDAA6B;;;mCARJ,sBAAsB;yCAOP,4BAA4B;sCAC/B,yBAAyB;kDACU,sCAAsC;mDAC7D,sCAAsC"}

package/lib-commonjs/components/MessageBarActions/renderMessageBarActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarActions/renderMessageBarActions.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  MessageBarActionsState,\n  MessageBarActionsSlots,\n  MessageBarActionsContextValues,\n} from './MessageBarActions.types';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n\n/**\n * Render the final JSX of MessageBarActions\n */\nexport const renderMessageBarActions_unstable = (\n  state: MessageBarActionsState,\n  contexts: MessageBarActionsContextValues,\n) => {\n  assertSlots<MessageBarActionsSlots>(state);\n\n  return (\n    <ButtonContextProvider value={contexts.button}>\n      {state.layout === 'multiline' && state.containerAction && <state.containerAction key=\"containerAction\" />}\n      <state.root />\n      {state.layout !== 'multiline' && state.containerAction && <state.containerAction key=\"containerAction\" />}\n    </ButtonContextProvider>\n  );\n};\n"],"names":["renderMessageBarActions_unstable","state","contexts","assertSlots","_jsxs","ButtonContextProvider","value","button","layout","containerAction","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;4BAbb;gCAE4B;6BAMU;AAK/B,MAAMA,mCAAmC,CAC9CC,OACAC;IAEAC,IAAAA,2BAAAA,EAAoCF;IAEpC,OAAA,WAAA,GACEG,IAAAA,gBAAA,EAACC,kCAAAA,EAAAA;QAAsBC,OAAOJ,SAASK,MAAM;;YAC1CN,MAAMO,MAAM,KAAK,eAAeP,MAAMQ,eAAe,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACT,MAAMQ,eAAe,EAAA,CAAA,GAAK;0BACrFC,IAAAA,eAAA,EAACT,MAAMU,IAAI,EAAA,CAAA;YACVV,MAAMO,MAAM,KAAK,eAAeP,MAAMQ,eAAe,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACT,MAAMQ,eAAe,EAAA,CAAA,GAAK;;;AAG3F"}
+{"version":3,"sources":["../src/components/MessageBarActions/renderMessageBarActions.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  MessageBarActionsState,\n  MessageBarActionsSlots,\n  MessageBarActionsContextValues,\n} from './MessageBarActions.types';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n\n/**\n * Render the final JSX of MessageBarActions\n */\nexport const renderMessageBarActions_unstable = (\n  state: MessageBarActionsState,\n  contexts: MessageBarActionsContextValues,\n) => {\n  assertSlots<MessageBarActionsSlots>(state);\n\n  return (\n    <ButtonContextProvider value={contexts.button}>\n      {state.layout === 'multiline' && state.containerAction && <state.containerAction key=\"containerAction\" />}\n      <state.root />\n      {state.layout !== 'multiline' && state.containerAction && <state.containerAction key=\"containerAction\" />}\n    </ButtonContextProvider>\n  );\n};\n"],"names":["assertSlots","ButtonContextProvider","renderMessageBarActions_unstable","state","contexts","value","button","layout","containerAction","root"],"mappings":";;;;+BAcaE;;;;;;4BAbb,iCAAiD;gCAErB,4BAA4B;6BAMlB,yBAAyB;AAKxD,yCAAyC,CAC9CC,OACAC;QAEAJ,2BAAAA,EAAoCG;IAEpC,OAAA,WAAA,OACE,gBAAA,EAACF,kCAAAA,EAAAA;QAAsBI,OAAOD,SAASE,MAAM;;YAC1CH,MAAMI,MAAM,KAAK,eAAeJ,MAAMK,eAAe,IAAA,WAAA,OAAI,eAAA,EAACL,MAAMK,eAAe,EAAA,CAAA,GAAK;8BACrF,eAAA,EAACL,MAAMM,IAAI,EAAA,CAAA;YACVN,MAAMI,MAAM,KAAK,eAAeJ,MAAMK,eAAe,IAAA,WAAA,OAAI,eAAA,EAACL,MAAMK,eAAe,EAAA,CAAA,GAAK;;;AAG3F,EAAE"}

package/lib-commonjs/components/MessageBarActions/useMessageBarActions.js.map

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

package/lib-commonjs/components/MessageBarActions/useMessageBarActionsContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarActions/useMessageBarActionsContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport { MessageBarActionsContextValues } from './MessageBarActions.types';\n\nexport function useMessageBarActionsContextValue_unstable(): MessageBarActionsContextValues {\n  const buttonContext = React.useMemo(\n    () => ({\n      size: 'small' as const,\n    }),\n    [],\n  );\n\n  return {\n    button: buttonContext,\n  };\n}\n"],"names":["useMessageBarActionsContextValue_unstable","buttonContext","React","useMemo","size","button"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;AAGhB,SAASA;IACd,MAAMC,gBAAgBC,OAAMC,OAAO,CACjC,IAAO,CAAA;YACLC,MAAM;QACR,CAAA,GACA,EAAE;IAGJ,OAAO;QACLC,QAAQJ;IACV;AACF"}
+{"version":3,"sources":["../src/components/MessageBarActions/useMessageBarActionsContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport { MessageBarActionsContextValues } from './MessageBarActions.types';\n\nexport function useMessageBarActionsContextValue_unstable(): MessageBarActionsContextValues {\n  const buttonContext = React.useMemo(\n    () => ({\n      size: 'small' as const,\n    }),\n    [],\n  );\n\n  return {\n    button: buttonContext,\n  };\n}\n"],"names":["React","useMessageBarActionsContextValue_unstable","buttonContext","useMemo","size","button"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;AAGxB,SAASC;IACd,MAAMC,gBAAgBF,OAAMG,OAAO,CACjC,IAAO,CAAA;YACLC,MAAM;SACR,CAAA,EACA,EAAE;IAGJ,OAAO;QACLC,QAAQH;IACV;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useMessageBarActionsStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarActionsClassNames = {\n    root: 'fui-MessageBarActions',\n    containerAction: 'fui-MessageBarActions__containerAction'\n};\n/**\n * Styles for the root slot\n */ const useRootBaseStyles = makeResetStyles({\n    gridArea: 'secondaryActions',\n    display: 'flex',\n    columnGap: tokens.spacingHorizontalM,\n    paddingRight: tokens.spacingHorizontalM\n});\nconst useContainerActionBaseStyles = makeResetStyles({\n    gridArea: 'actions',\n    paddingRight: tokens.spacingHorizontalM\n});\nconst useMultilineStyles = makeStyles({\n    root: {\n        justifyContent: 'end',\n        marginTop: tokens.spacingVerticalMNudge,\n        marginBottom: tokens.spacingVerticalS,\n        marginRight: '0px',\n        paddingRight: tokens.spacingVerticalM\n    },\n    noActions: {\n        display: 'none'\n    }\n});\n/**\n * Apply styling to the MessageBarActions slots based on the state\n */ export const useMessageBarActionsStyles_unstable = (state)=>{\n    'use no memo';\n    const rootBaseStyles = useRootBaseStyles();\n    const containerActionBaseStyles = useContainerActionBaseStyles();\n    const multilineStyles = useMultilineStyles();\n    state.root.className = mergeClasses(messageBarActionsClassNames.root, rootBaseStyles, state.layout === 'multiline' && multilineStyles.root, !state.hasActions && multilineStyles.noActions, state.root.className);\n    if (state.containerAction) {\n        state.containerAction.className = mergeClasses(messageBarActionsClassNames.containerAction, containerActionBaseStyles, state.containerAction.className);\n    }\n    return state;\n};\n"],"names":["messageBarActionsClassNames","useMessageBarActionsStyles_unstable","root","containerAction","useRootBaseStyles","__resetStyles","useContainerActionBaseStyles","useMultilineStyles","__styles","Brf1p80","B6of3ja","jrapky","t21cq0","z189sj","noActions","mc9l5x","d","state","rootBaseStyles","containerActionBaseStyles","multilineStyles","className","mergeClasses","layout","hasActions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,2BAA2B;eAA3BA;;IA8BIC,mCAAmC;eAAnCA;;;uBAhCyC;AAEnD,MAAMD,8BAA8B;IACvCE,MAAM;IACNC,iBAAiB;AACrB;AACA;;CAEA,GAAI,MAAMC,oBAAiB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,YAAA,YAAA;IAAA;IAAA;CAK7B;AACD,MAAMC,+BAA4B,WAAA,GAAGD,IAAAA,oBAAA,EAAA,WAAA,YAAA;IAAA;IAAA;CAGpC;AACD,MAAME,qBAAkB,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAN,MAAA;QAAAO,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,WAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAchB,MAAMf,sCAAuCgB,CAAAA;IACpD;IACA,MAAMC,iBAAiBd;IACvB,MAAMe,4BAA4Bb;IAClC,MAAMc,kBAAkBb;IACxBU,MAAMf,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,4BAA4BE,IAAI,EAAEgB,gBAAgBD,MAAMM,MAAM,KAAK,eAAeH,gBAAgBlB,IAAI,EAAE,CAACe,MAAMO,UAAU,IAAIJ,gBAAgBN,SAAS,EAAEG,MAAMf,IAAI,CAACmB,SAAS;IAChN,IAAIJ,MAAMd,eAAe,EAAE;QACvBc,MAAMd,eAAe,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,4BAA4BG,eAAe,EAAEgB,2BAA2BF,MAAMd,eAAe,CAACkB,SAAS;IAC1J;IACA,OAAOJ;AACX"}
+{"version":3,"sources":["useMessageBarActionsStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarActionsClassNames = {\n    root: 'fui-MessageBarActions',\n    containerAction: 'fui-MessageBarActions__containerAction'\n};\n/**\n * Styles for the root slot\n */ const useRootBaseStyles = makeResetStyles({\n    gridArea: 'secondaryActions',\n    display: 'flex',\n    columnGap: tokens.spacingHorizontalM,\n    paddingRight: tokens.spacingHorizontalM\n});\nconst useContainerActionBaseStyles = makeResetStyles({\n    gridArea: 'actions',\n    paddingRight: tokens.spacingHorizontalM\n});\nconst useMultilineStyles = makeStyles({\n    root: {\n        justifyContent: 'end',\n        marginTop: tokens.spacingVerticalMNudge,\n        marginBottom: tokens.spacingVerticalS,\n        marginRight: '0px',\n        paddingRight: tokens.spacingVerticalM\n    },\n    noActions: {\n        display: 'none'\n    }\n});\n/**\n * Apply styling to the MessageBarActions slots based on the state\n */ export const useMessageBarActionsStyles_unstable = (state)=>{\n    'use no memo';\n    const rootBaseStyles = useRootBaseStyles();\n    const containerActionBaseStyles = useContainerActionBaseStyles();\n    const multilineStyles = useMultilineStyles();\n    state.root.className = mergeClasses(messageBarActionsClassNames.root, rootBaseStyles, state.layout === 'multiline' && multilineStyles.root, !state.hasActions && multilineStyles.noActions, state.root.className);\n    if (state.containerAction) {\n        state.containerAction.className = mergeClasses(messageBarActionsClassNames.containerAction, containerActionBaseStyles, state.containerAction.className);\n    }\n    return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","tokens","messageBarActionsClassNames","root","containerAction","useRootBaseStyles","useContainerActionBaseStyles","useMultilineStyles","Brf1p80","B6of3ja","jrapky","t21cq0","z189sj","noActions","mc9l5x","d","useMessageBarActionsStyles_unstable","state","rootBaseStyles","containerActionBaseStyles","multilineStyles","className","layout","hasActions"],"mappings":";;;;;;;;;;;IAEaI,2BAA2B;;;uCA8BY;eAAnCc;;;uBAhCyC,gBAAgB;AAEnE,oCAAoC;IACvCb,IAAI,EAAE,uBAAuB;IAC7BC,eAAe,EAAE;AACrB,CAAC;AACD;;CAEA,GAAI,MAAMC,iBAAiB,GAAA,WAAA,OAAGP,oBAAA,EAAA,YAAA,YAAA;IAAA;IAAA;CAK7B,CAAC;AACF,MAAMQ,4BAA4B,GAAA,WAAA,OAAGR,oBAAA,EAAA,WAAA,YAAA;IAAA;IAAA;CAGpC,CAAC;AACF,MAAMS,kBAAkB,GAAA,WAAA,GAAGR,mBAAA,EAAA;IAAAI,IAAA,EAAA;QAAAK,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,SAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAW1B,CAAC;AAGS,6CAA6CE,KAAK,IAAG;IAC5D,aAAa;IACb,MAAMC,cAAc,GAAGb,iBAAiB,CAAC,CAAC;IAC1C,MAAMc,yBAAyB,GAAGb,4BAA4B,CAAC,CAAC;IAChE,MAAMc,eAAe,GAAGb,kBAAkB,CAAC,CAAC;IAC5CU,KAAK,CAACd,IAAI,CAACkB,SAAS,GAAGrB,uBAAY,EAACE,2BAA2B,CAACC,IAAI,EAAEe,cAAc,EAAED,KAAK,CAACK,MAAM,KAAK,WAAW,IAAIF,eAAe,CAACjB,IAAI,EAAE,CAACc,KAAK,CAACM,UAAU,IAAIH,eAAe,CAACP,SAAS,EAAEI,KAAK,CAACd,IAAI,CAACkB,SAAS,CAAC;IACjN,IAAIJ,KAAK,CAACb,eAAe,EAAE;QACvBa,KAAK,CAACb,eAAe,CAACiB,SAAS,OAAGrB,mBAAY,EAACE,2BAA2B,CAACE,eAAe,EAAEe,yBAAyB,EAAEF,KAAK,CAACb,eAAe,CAACiB,SAAS,CAAC;IAC3J;IACA,OAAOJ,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    messageBarActionsClassNames: function() {
+        return messageBarActionsClassNames;
+    },
+    useMessageBarActionsStyles_unstable: function() {
+        return useMessageBarActionsStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const messageBarActionsClassNames = {
+    root: 'fui-MessageBarActions',
+    containerAction: 'fui-MessageBarActions__containerAction'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseStyles = (0, _react.makeResetStyles)({
+    gridArea: 'secondaryActions',
+    display: 'flex',
+    columnGap: _reacttheme.tokens.spacingHorizontalM,
+    paddingRight: _reacttheme.tokens.spacingHorizontalM
+});
+const useContainerActionBaseStyles = (0, _react.makeResetStyles)({
+    gridArea: 'actions',
+    paddingRight: _reacttheme.tokens.spacingHorizontalM
+});
+const useMultilineStyles = (0, _react.makeStyles)({
+    root: {
+        justifyContent: 'end',
+        marginTop: _reacttheme.tokens.spacingVerticalMNudge,
+        marginBottom: _reacttheme.tokens.spacingVerticalS,
+        marginRight: '0px',
+        paddingRight: _reacttheme.tokens.spacingVerticalM
+    },
+    noActions: {
+        display: 'none'
+    }
+});
+const useMessageBarActionsStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseStyles = useRootBaseStyles();
+    const containerActionBaseStyles = useContainerActionBaseStyles();
+    const multilineStyles = useMultilineStyles();
+    state.root.className = (0, _react.mergeClasses)(messageBarActionsClassNames.root, rootBaseStyles, state.layout === 'multiline' && multilineStyles.root, !state.hasActions && multilineStyles.noActions, state.root.className);
+    if (state.containerAction) {
+        state.containerAction.className = (0, _react.mergeClasses)(messageBarActionsClassNames.containerAction, containerActionBaseStyles, state.containerAction.className);
+    }
+    return state;
+};

package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MessageBarActions/useMessageBarActionsStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MessageBarActionsSlots, MessageBarActionsState } from './MessageBarActions.types';\n\nexport const messageBarActionsClassNames: SlotClassNames<MessageBarActionsSlots> = {\n  root: 'fui-MessageBarActions',\n  containerAction: 'fui-MessageBarActions__containerAction',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseStyles = makeResetStyles({\n  gridArea: 'secondaryActions',\n  display: 'flex',\n  columnGap: tokens.spacingHorizontalM,\n  paddingRight: tokens.spacingHorizontalM,\n});\n\nconst useContainerActionBaseStyles = makeResetStyles({\n  gridArea: 'actions',\n  paddingRight: tokens.spacingHorizontalM,\n});\n\nconst useMultilineStyles = makeStyles({\n  root: {\n    justifyContent: 'end',\n    marginTop: tokens.spacingVerticalMNudge,\n    marginBottom: tokens.spacingVerticalS,\n    marginRight: '0px',\n    paddingRight: tokens.spacingVerticalM,\n  },\n\n  noActions: {\n    display: 'none',\n  },\n});\n\n/**\n * Apply styling to the MessageBarActions slots based on the state\n */\nexport const useMessageBarActionsStyles_unstable = (state: MessageBarActionsState): MessageBarActionsState => {\n  'use no memo';\n\n  const rootBaseStyles = useRootBaseStyles();\n  const containerActionBaseStyles = useContainerActionBaseStyles();\n  const multilineStyles = useMultilineStyles();\n  state.root.className = mergeClasses(\n    messageBarActionsClassNames.root,\n    rootBaseStyles,\n    state.layout === 'multiline' && multilineStyles.root,\n    !state.hasActions && multilineStyles.noActions,\n    state.root.className,\n  );\n\n  if (state.containerAction) {\n    state.containerAction.className = mergeClasses(\n      messageBarActionsClassNames.containerAction,\n      containerActionBaseStyles,\n      state.containerAction.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","messageBarActionsClassNames","root","containerAction","useRootBaseStyles","gridArea","display","columnGap","spacingHorizontalM","paddingRight","useContainerActionBaseStyles","useMultilineStyles","justifyContent","marginTop","spacingVerticalMNudge","marginBottom","spacingVerticalS","marginRight","spacingVerticalM","noActions","useMessageBarActionsStyles_unstable","state","rootBaseStyles","containerActionBaseStyles","multilineStyles","className","layout","hasActions"],"mappings":";;;;;;;;;;;IAKaI,2BAAAA;;;uCAqCAmB;eAAAA;;;uBA1C6C,iBAAiB;4BAEpD,wBAAwB;AAGxC,oCAA4E;IACjFlB,MAAM;IACNC,iBAAiB;AACnB,EAAE;AAEF;;CAEC,GACD,MAAMC,wBAAoBP,sBAAAA,EAAgB;IACxCQ,UAAU;IACVC,SAAS;IACTC,WAAWP,kBAAAA,CAAOQ,kBAAkB;IACpCC,cAAcT,kBAAAA,CAAOQ,kBAAkB;AACzC;AAEA,MAAME,mCAA+Bb,sBAAAA,EAAgB;IACnDQ,UAAU;IACVI,cAAcT,kBAAAA,CAAOQ,kBAAkB;AACzC;AAEA,MAAMG,yBAAqBb,iBAAAA,EAAW;IACpCI,MAAM;QACJU,gBAAgB;QAChBC,WAAWb,kBAAAA,CAAOc,qBAAqB;QACvCC,cAAcf,kBAAAA,CAAOgB,gBAAgB;QACrCC,aAAa;QACbR,cAAcT,kBAAAA,CAAOkB,gBAAgB;IACvC;IAEAC,WAAW;QACTb,SAAS;IACX;AACF;AAKO,4CAA4C,CAACe;IAClD;IAEA,MAAMC,iBAAiBlB;IACvB,MAAMmB,4BAA4Bb;IAClC,MAAMc,kBAAkBb;IACxBU,MAAMnB,IAAI,CAACuB,SAAS,OAAG1B,mBAAAA,EACrBE,4BAA4BC,IAAI,EAChCoB,gBACAD,MAAMK,MAAM,KAAK,eAAeF,gBAAgBtB,IAAI,EACpD,CAACmB,MAAMM,UAAU,IAAIH,gBAAgBL,SAAS,EAC9CE,MAAMnB,IAAI,CAACuB,SAAS;IAGtB,IAAIJ,MAAMlB,eAAe,EAAE;QACzBkB,MAAMlB,eAAe,CAACsB,SAAS,OAAG1B,mBAAAA,EAChCE,4BAA4BE,eAAe,EAC3CoB,2BACAF,MAAMlB,eAAe,CAACsB,SAAS;IAEnC;IAEA,OAAOJ;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarBody/MessageBarBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarBody_unstable } from './useMessageBarBody';\nimport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nimport { useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\nimport { useMessageBarBodyContextValues_unstable } from './useMessageBarBodyContextValues';\nimport type { MessageBarBodyProps } from './MessageBarBody.types';\n\n/**\n * MessageBarBody component\n */\nexport const MessageBarBody: ForwardRefComponent<MessageBarBodyProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBarBody_unstable(props, ref);\n  const ctx = useMessageBarBodyContextValues_unstable(state);\n\n  useMessageBarBodyStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarBodyStyles_unstable')(state);\n  return renderMessageBarBody_unstable(state, ctx);\n});\n\nMessageBarBody.displayName = 'MessageBarBody';\n"],"names":["MessageBarBody","React","forwardRef","props","ref","state","useMessageBarBody_unstable","ctx","useMessageBarBodyContextValues_unstable","useMessageBarBodyStyles_unstable","useCustomStyleHook_unstable","renderMessageBarBody_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qCAEqB;mCACD;sCACG;+CACG;gDACO;AAMjD,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAChD,MAAMG,MAAMC,IAAAA,uEAAAA,EAAwCH;IAEpDI,IAAAA,+DAAAA,EAAiCJ;IACjCK,IAAAA,gDAAAA,EAA4B,oCAAoCL;IAChE,OAAOM,IAAAA,mDAAAA,EAA8BN,OAAOE;AAC9C;AAEAP,eAAeY,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/MessageBarBody/MessageBarBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarBody_unstable } from './useMessageBarBody';\nimport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nimport { useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\nimport { useMessageBarBodyContextValues_unstable } from './useMessageBarBodyContextValues';\nimport type { MessageBarBodyProps } from './MessageBarBody.types';\n\n/**\n * MessageBarBody component\n */\nexport const MessageBarBody: ForwardRefComponent<MessageBarBodyProps> = React.forwardRef((props, ref) => {\n  const state = useMessageBarBody_unstable(props, ref);\n  const ctx = useMessageBarBodyContextValues_unstable(state);\n\n  useMessageBarBodyStyles_unstable(state);\n  useCustomStyleHook_unstable('useMessageBarBodyStyles_unstable')(state);\n  return renderMessageBarBody_unstable(state, ctx);\n});\n\nMessageBarBody.displayName = 'MessageBarBody';\n"],"names":["React","useCustomStyleHook_unstable","useMessageBarBody_unstable","renderMessageBarBody_unstable","useMessageBarBodyStyles_unstable","useMessageBarBodyContextValues_unstable","MessageBarBody","forwardRef","props","ref","state","ctx","displayName"],"mappings":";;;;+BAYaM;;;;;;;iEAZU,QAAQ;qCAEa,kCAAkC;mCACnC,sBAAsB;sCACnB,yBAAyB;+CACtB,mCAAmC;gDAC5B,mCAAmC;AAMpF,uBAAMA,WAAAA,GAA2DN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQR,6CAAAA,EAA2BM,OAAOC;IAChD,MAAME,UAAMN,uEAAAA,EAAwCK;QAEpDN,+DAAAA,EAAiCM;QACjCT,gDAAAA,EAA4B,oCAAoCS;IAChE,WAAOP,mDAAAA,EAA8BO,OAAOC;AAC9C,GAAG;AAEHL,eAAeM,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarBody/MessageBarBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MessageBarBodyContextValues = {\n  link: {\n    inline?: boolean;\n  };\n};\n\nexport type MessageBarBodySlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * MessageBarBody Props\n */\nexport type MessageBarBodyProps = ComponentProps<MessageBarBodySlots>;\n\n/**\n * State used in rendering MessageBarBody\n */\nexport type MessageBarBodyState = ComponentState<MessageBarBodySlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAiBA;;CAEC"}
+{"version":3,"sources":["../src/components/MessageBarBody/MessageBarBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MessageBarBodyContextValues = {\n  link: {\n    inline?: boolean;\n  };\n};\n\nexport type MessageBarBodySlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * MessageBarBody Props\n */\nexport type MessageBarBodyProps = ComponentProps<MessageBarBodySlots>;\n\n/**\n * State used in rendering MessageBarBody\n */\nexport type MessageBarBodyState = ComponentState<MessageBarBodySlots>;\n"],"names":[],"mappings":"AAiBA;;CAEC,GACD,WAAsE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarBody/index.ts"],"sourcesContent":["export { MessageBarBody } from './MessageBarBody';\nexport type {\n  MessageBarBodyContextValues,\n  MessageBarBodyProps,\n  MessageBarBodySlots,\n  MessageBarBodyState,\n} from './MessageBarBody.types';\nexport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nexport { useMessageBarBody_unstable } from './useMessageBarBody';\nexport { messageBarBodyClassNames, useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\n"],"names":["MessageBarBody","messageBarBodyClassNames","renderMessageBarBody_unstable","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,cAAc;eAAdA,8BAAc;;IASdC,wBAAwB;eAAxBA,uDAAwB;;IAFxBC,6BAA6B;eAA7BA,mDAA6B;;IAEHC,gCAAgC;eAAhCA,+DAAgC;;IAD1DC,0BAA0B;eAA1BA,6CAA0B;;;gCARJ;sCAOe;mCACH;+CACgC"}
+{"version":3,"sources":["../src/components/MessageBarBody/index.ts"],"sourcesContent":["export { MessageBarBody } from './MessageBarBody';\nexport type {\n  MessageBarBodyContextValues,\n  MessageBarBodyProps,\n  MessageBarBodySlots,\n  MessageBarBodyState,\n} from './MessageBarBody.types';\nexport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nexport { useMessageBarBody_unstable } from './useMessageBarBody';\nexport { messageBarBodyClassNames, useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\n"],"names":["MessageBarBody","renderMessageBarBody_unstable","useMessageBarBody_unstable","messageBarBodyClassNames","useMessageBarBodyStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eASdG,uDAAwB;;;eAFxBF,mDAA6B;;;eAEHG,+DAAgC;;;eAD1DF,6CAA0B;;;gCARJ,mBAAmB;sCAOJ,yBAAyB;mCAC5B,sBAAsB;+CACU,mCAAmC"}

package/lib-commonjs/components/MessageBarBody/renderMessageBarBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarBody/renderMessageBarBody.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { MessageBarBodyState, MessageBarBodySlots, MessageBarBodyContextValues } from './MessageBarBody.types';\nimport { LinkContextProvider } from '@fluentui/react-link';\n\n/**\n * Render the final JSX of MessageBarBody\n */\nexport const renderMessageBarBody_unstable = (\n  state: MessageBarBodyState,\n  contextValues: MessageBarBodyContextValues,\n) => {\n  assertSlots<MessageBarBodySlots>(state);\n\n  return (\n    <LinkContextProvider value={contextValues.link}>\n      <state.root />\n    </LinkContextProvider>\n  );\n};\n"],"names":["renderMessageBarBody_unstable","state","contextValues","assertSlots","_jsx","LinkContextProvider","value","link","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;2BAEQ;AAK7B,MAAMA,gCAAgC,CAC3CC,OACAC;IAEAC,IAAAA,2BAAAA,EAAiCF;IAEjC,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,8BAAAA,EAAAA;QAAoBC,OAAOJ,cAAcK,IAAI;kBAC5C,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}
+{"version":3,"sources":["../src/components/MessageBarBody/renderMessageBarBody.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { MessageBarBodyState, MessageBarBodySlots, MessageBarBodyContextValues } from './MessageBarBody.types';\nimport { LinkContextProvider } from '@fluentui/react-link';\n\n/**\n * Render the final JSX of MessageBarBody\n */\nexport const renderMessageBarBody_unstable = (\n  state: MessageBarBodyState,\n  contextValues: MessageBarBodyContextValues,\n) => {\n  assertSlots<MessageBarBodySlots>(state);\n\n  return (\n    <LinkContextProvider value={contextValues.link}>\n      <state.root />\n    </LinkContextProvider>\n  );\n};\n"],"names":["assertSlots","LinkContextProvider","renderMessageBarBody_unstable","state","contextValues","value","link","root"],"mappings":";;;;+BAUaE;;;;;;4BATb,gDAAiD;gCAErB,4BAA4B;2BAEpB,uBAAuB;AAKpD,sCAAsC,CAC3CC,OACAC;QAEAJ,2BAAAA,EAAiCG;IAEjC,OAAA,WAAA,OACE,eAAA,EAACF,8BAAAA,EAAAA;QAAoBI,OAAOD,cAAcE,IAAI;kBAC5C,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}

package/lib-commonjs/components/MessageBarBody/useMessageBarBody.js.map

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

package/lib-commonjs/components/MessageBarBody/useMessageBarBodyContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarBody/useMessageBarBodyContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { MessageBarBodyState, MessageBarBodyContextValues } from './MessageBarBody.types';\n\nexport function useMessageBarBodyContextValues_unstable(state: MessageBarBodyState): MessageBarBodyContextValues {\n  const link = React.useMemo(\n    () => ({\n      inline: true,\n    }),\n    [],\n  );\n\n  return {\n    link,\n  };\n}\n"],"names":["useMessageBarBodyContextValues_unstable","state","link","React","useMemo","inline"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;AAGhB,SAASA,wCAAwCC,KAA0B;IAChF,MAAMC,OAAOC,OAAMC,OAAO,CACxB,IAAO,CAAA;YACLC,QAAQ;QACV,CAAA,GACA,EAAE;IAGJ,OAAO;QACLH;IACF;AACF"}
+{"version":3,"sources":["../src/components/MessageBarBody/useMessageBarBodyContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { MessageBarBodyState, MessageBarBodyContextValues } from './MessageBarBody.types';\n\nexport function useMessageBarBodyContextValues_unstable(state: MessageBarBodyState): MessageBarBodyContextValues {\n  const link = React.useMemo(\n    () => ({\n      inline: true,\n    }),\n    [],\n  );\n\n  return {\n    link,\n  };\n}\n"],"names":["React","useMessageBarBodyContextValues_unstable","state","link","useMemo","inline"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;AAGxB,SAASC,wCAAwCC,KAA0B;IAChF,MAAMC,OAAOH,OAAMI,OAAO,CACxB,IAAO,CAAA;YACLC,QAAQ;SACV,CAAA,EACA,EAAE;IAGJ,OAAO;QACLF;IACF;AACF"}

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

@@ -1 +1 @@
-{"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"}
+{"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":["__resetStyles","mergeClasses","tokens","typographyStyles","messageBarBodyClassNames","root","useRootBaseStyles","useMessageBarBodyStyles_unstable","state","rootBaseStyles","className"],"mappings":";;;;;;;;;;;IAEaI,wBAAwB;;;oCAUY;;;;uBAZH,gBAAgB;AAEvD,iCAAiC;IACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,iBAAiB,GAAA,WAAA,OAAGN,oBAAA,EAAA,WAAA,WAAA;IAAA;IAAA;CAIzB,CAAC;AAGS,MAAMO,oCAAoCC,KAAK,IAAG;IACzD,aAAa;IACb,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;IAC1CE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGT,mBAAY,EAACG,wBAAwB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACxG,OAAOF,KAAK;AAChB,CAAC"}

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    messageBarBodyClassNames: function() {
+        return messageBarBodyClassNames;
+    },
+    useMessageBarBodyStyles_unstable: function() {
+        return useMessageBarBodyStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const messageBarBodyClassNames = {
+    root: 'fui-MessageBarBody'
+};
+const useRootBaseStyles = (0, _react.makeResetStyles)({
+    ..._reacttheme.typographyStyles.body1,
+    gridArea: 'body',
+    paddingRight: _reacttheme.tokens.spacingHorizontalM
+});
+const useMessageBarBodyStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseStyles = useRootBaseStyles();
+    state.root.className = (0, _react.mergeClasses)(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MessageBarBody/useMessageBarBodyStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarBodySlots, MessageBarBodyState } from './MessageBarBody.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const messageBarBodyClassNames: SlotClassNames<MessageBarBodySlots> = {\n  root: 'fui-MessageBarBody',\n};\n\nconst useRootBaseStyles = makeResetStyles({\n  ...typographyStyles.body1,\n  gridArea: 'body',\n  paddingRight: tokens.spacingHorizontalM,\n});\n\n/**\n * Apply styling to the MessageBarBody slots based on the state\n */\nexport const useMessageBarBodyStyles_unstable = (state: MessageBarBodyState): MessageBarBodyState => {\n  'use no memo';\n\n  const rootBaseStyles = useRootBaseStyles();\n  state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","messageBarBodyClassNames","root","useRootBaseStyles","body1","gridArea","paddingRight","spacingHorizontalM","useMessageBarBodyStyles_unstable","state","rootBaseStyles","className"],"mappings":";;;;;;;;;;;IAKaI,wBAAAA;;;oCAaAO;eAAAA;;;uBAlBiC,iBAAiB;4BAGtB,wBAAwB;AAE1D,iCAAsE;IAC3EN,MAAM;AACR,EAAE;AAEF,MAAMC,wBAAoBN,sBAAAA,EAAgB;IACxC,GAAGG,4BAAAA,CAAiBI,KAAK;IACzBC,UAAU;IACVC,cAAcP,kBAAAA,CAAOQ,kBAAkB;AACzC;AAKO,yCAAyC,CAACE;IAC/C;IAEA,MAAMC,iBAAiBP;IACvBM,MAAMP,IAAI,CAACS,SAAS,OAAGb,mBAAAA,EAAaG,yBAAyBC,IAAI,EAAEQ,gBAAgBD,MAAMP,IAAI,CAACS,SAAS;IAEvG,OAAOF;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarGroup/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"}
+{"version":3,"sources":["../src/components/MessageBarGroup/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":";;;;+BAWaK;;;;;;;iEAXU,QAAQ;qCAEa,kCAAkC;oCAClC,uBAAuB;uCACpB,0BAA0B;gDACvB,oCAAoC;AAM/E,wBAAMA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQP,mDAAAA,EAA4BK,OAAOC;QAEjDJ,iEAAAA,EAAkCK;QAClCR,gDAAAA,EAA4B,qCAAqCQ;IACjE,WAAON,qDAAAA,EAA+BM;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarGroup/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"}
+{"version":3,"sources":["../src/components/MessageBarGroup/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":";;;;;iEACuB,QAAQ"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarGroup/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"}
+{"version":3,"sources":["../src/components/MessageBarGroup/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":";;;;+BA2BaQ;;;;;;;iEA3BU,QAAQ;sCACc,yBAAyB;6CAClB,6CAA6C;AAGjG,MAAML,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,6BAKF,CAAC,EAAEG,QAAQ,EAAEJ,cAAc,EAAEC,aAAa,EAAEC,OAAO,EAAE,GAAGG,MAAM;IACjE,MAAMC,UAAUX,OAAMY,MAAM,CAAiB;IAE7C,OAAA,WAAA,GACE,OAAA,aAAA,CAACX,gCAAAA,EAAAA;QAAWY,SAAS;QAAKF,SAASA;QAAU,GAAGD,IAAI;OACjDI,CAAAA,QAAAA,WAAAA,GACC,OAAA,aAAA,CAACC,2BAAAA;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,OAAMkB,OAAO,CAC3B,IAAO,CAAA;YACLF;YACAL;SACF,CAAA,EACA;QAACK;QAAWL;KAAQ;IAGtB,OAAA,WAAA,GAAO,OAAA,aAAA,CAACT,gEAAAA,EAAAA;QAAoCiB,OAAOF;OAAUR;AAC/D"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarGroup/index.ts"],"sourcesContent":["export { MessageBarGroup } from './MessageBarGroup';\nexport type { MessageBarGroupProps, MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup.types';\nexport { renderMessageBarGroup_unstable } from './renderMessageBarGroup';\nexport { useMessageBarGroup_unstable } from './useMessageBarGroup';\nexport { messageBarGroupClassNames, useMessageBarGroupStyles_unstable } from './useMessageBarGroupStyles.styles';\n"],"names":["MessageBarGroup","messageBarGroupClassNames","renderMessageBarGroup_unstable","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,eAAe;eAAfA,gCAAe;;IAIfC,yBAAyB;eAAzBA,yDAAyB;;IAFzBC,8BAA8B;eAA9BA,qDAA8B;;IAEHC,iCAAiC;eAAjCA,iEAAiC;;IAD5DC,2BAA2B;eAA3BA,+CAA2B;;;iCAHJ;uCAEe;oCACH;gDACiC"}
+{"version":3,"sources":["../src/components/MessageBarGroup/index.ts"],"sourcesContent":["export { MessageBarGroup } from './MessageBarGroup';\nexport type { MessageBarGroupProps, MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup.types';\nexport { renderMessageBarGroup_unstable } from './renderMessageBarGroup';\nexport { useMessageBarGroup_unstable } from './useMessageBarGroup';\nexport { messageBarGroupClassNames, useMessageBarGroupStyles_unstable } from './useMessageBarGroupStyles.styles';\n"],"names":["MessageBarGroup","renderMessageBarGroup_unstable","useMessageBarGroup_unstable","messageBarGroupClassNames","useMessageBarGroupStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAIfG,yDAAyB;;;eAFzBF,qDAA8B;;;eAEHG,iEAAiC;;;eAD5DF,+CAA2B;;;iCAHJ,oBAAoB;uCAEL,0BAA0B;oCAC7B,uBAAuB;gDACU,oCAAoC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarGroup/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"}
+{"version":3,"sources":["../src/components/MessageBarGroup/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":";;;;+BAWaG;;;;;;4BAVb,gDAAiD;gCAErB,4BAA4B;sCAExB,yBAAyB;sCACpB,yBAAyB;AAKvD,uCAAuC,CAACC;QAC7CJ,2BAAAA,EAAkCI;IAElC,OAAA,WAAA,OACE,eAAA,EAACA,MAAMC,IAAI,EAAA;kBACT,WAAA,OAAA,eAAA,EAACJ,qCAAAA,EAAAA;YAAgBK,WAAW;sBACzBF,MAAMG,QAAQ,CAACC,GAAG,CAACC,CAAAA,QAAAA,WAAAA,OAClB,eAAA,EAACP,0CAAAA,EAAAA;oBACCQ,SAASN,MAAMM,OAAO;oBAEtBC,gBAAgBP,MAAMQ,WAAW;oBACjCC,eAAeT,MAAMU,UAAU;8BAE9BL;mBAJIA,MAAMM,GAAG;;;AAU1B,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarGroup/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"}
+{"version":3,"sources":["../src/components/MessageBarGroup/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":";;;;+BAaaG;;;;;;;iEAbU,QAAQ;gCAEgB,4BAA4B;AAWpE,oCAAoC,CACzCC,OACAC;IAEA,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzCR,OAAMS,QAAQ,CAACC,OAAO,CAACN,MAAMO,QAAQ,EAAEC,CAAAA;YACrC,IAAI,eAACZ,OAAMa,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKd,OAAMe,QAAQ,EAAE;gBACzD,MAAM,IAAIC,MACR;YAEJ;QACF;IACF;QAEoCZ;IAApC,MAAMO,WAAWX,OAAMS,QAAQ,CAACQ,GAAG,CAACb,CAAAA,kBAAAA,MAAMO,QAAAA,AAAQ,MAAA,QAAdP,oBAAAA,KAAAA,IAAAA,kBAAkB,EAAE,EAAEQ,CAAAA,kBACxDZ,OAAMa,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKd,OAAMe,QAAQ,GAAGH,IAAI,MAC3DM,MAAM,CAACC;QAeEf;IAbX,OAAO;QACLgB,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMnB,oBAAAA,CAAKoB,MAAM,KACfrB,wCAAAA,EAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEmB,aAAa;QAAM;QAEvBZ;QACAa,SAASpB,CAAAA,iBAAAA,MAAMoB,OAAAA,AAAO,MAAA,QAAbpB,mBAAAA,KAAAA,IAAAA,iBAAiB;QAC1BqB,aAAa;QACbC,YAAY;IACd;AACF,EAAE"}

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

@@ -1 +1 @@
-{"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"}
+{"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":["__styles","mergeClasses","tokens","messageBarGroupClassNames","root","useStyles","base","Bf5fcs","vin17d","enter","Bv12yb3","exit","d","k","useMessageBarGroupStyles_unstable","state","styles","className","enterStyles","exitStyles"],"mappings":";;;;;;;;;;;IAEaG,yBAAyB;;;IAmCrBW,iCAAiC;;;;uBArCT,gBAAgB;AAElD,kCAAkC;IACrCV,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,IAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CA2BrB,CAAC;AAGS,2CAA2CE,KAAK,IAAG;IAC1D,aAAa;IACb,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC;IAC1BU,KAAK,CAACX,IAAI,CAACa,SAAS,OAAGhB,mBAAY,EAACE,yBAAyB,CAACC,IAAI,EAAEW,KAAK,CAACX,IAAI,CAACa,SAAS,CAAC;IACzFF,KAAK,CAACG,WAAW,OAAGjB,mBAAY,EAACe,MAAM,CAACV,IAAI,EAAEU,MAAM,CAACP,KAAK,CAAC;IAC3DM,KAAK,CAACI,UAAU,OAAGlB,mBAAY,EAACe,MAAM,CAACV,IAAI,EAAEU,MAAM,CAACL,IAAI,CAAC;IACzD,OAAOI,KAAK;AAChB,CAAC"}

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    messageBarGroupClassNames: function() {
+        return messageBarGroupClassNames;
+    },
+    useMessageBarGroupStyles_unstable: function() {
+        return useMessageBarGroupStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const messageBarGroupClassNames = {
+    root: 'fui-MessageBarGroup'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeStyles)({
+    base: {
+        animationFillMode: 'forwards',
+        animationDuration: _reacttheme.tokens.durationNormal
+    },
+    enter: {
+        animationName: {
+            from: {
+                opacity: 0,
+                transform: 'translateY(-100%)'
+            },
+            to: {
+                opacity: 1,
+                transform: 'translateY(0)'
+            }
+        }
+    },
+    exit: {
+        animationName: {
+            from: {
+                opacity: 1
+            },
+            to: {
+                opacity: 0
+            }
+        }
+    }
+});
+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);
+    state.exitStyles = (0, _react.mergeClasses)(styles.base, styles.exit);
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MessageBarGroup/useMessageBarGroupStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup.types';\n\nexport const messageBarGroupClassNames: SlotClassNames<MessageBarGroupSlots> = {\n  root: 'fui-MessageBarGroup',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  base: {\n    animationFillMode: 'forwards',\n    animationDuration: tokens.durationNormal,\n  },\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\n  exit: {\n    animationName: {\n      from: {\n        opacity: 1,\n      },\n      to: {\n        opacity: 0,\n      },\n    },\n  },\n});\n\n/**\n * Apply styling to the MessageBarGroup slots based on the state\n */\nexport const useMessageBarGroupStyles_unstable = (state: MessageBarGroupState): MessageBarGroupState => {\n  'use no memo';\n\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":["makeStyles","mergeClasses","tokens","messageBarGroupClassNames","root","useStyles","base","animationFillMode","animationDuration","durationNormal","enter","animationName","from","opacity","transform","to","exit","useMessageBarGroupStyles_unstable","state","styles","className","enterStyles","exitStyles"],"mappings":";;;;;;;;;;;IAKaG,yBAAAA;;;qCAyCAc;eAAAA;;;uBA9C4B,iBAAiB;4BACnC,wBAAwB;AAIxC,kCAAwE;IAC7Eb,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYL,iBAAAA,EAAW;IAC3BM,MAAM;QACJC,mBAAmB;QACnBC,mBAAmBN,kBAAAA,CAAOO,cAAc;IAC1C;IAEAC,OAAO;QACLC,eAAe;YACbC,MAAM;gBACJC,SAAS;gBACTC,WAAW;YACb;YACAC,IAAI;gBACFF,SAAS;gBACTC,WAAW;YACb;QACF;IACF;IAEAE,MAAM;QACJL,eAAe;YACbC,MAAM;gBACJC,SAAS;YACX;YACAE,IAAI;gBACFF,SAAS;YACX;QACF;IACF;AACF;AAKO,0CAA0C,CAACK;IAChD;IAEA,MAAMC,SAASd;IACfa,MAAMd,IAAI,CAACgB,SAAS,OAAGnB,mBAAAA,EAAaE,0BAA0BC,IAAI,EAAEc,MAAMd,IAAI,CAACgB,SAAS;IACxFF,MAAMG,WAAW,OAAGpB,mBAAAA,EAAakB,OAAOb,IAAI,EAAEa,OAAOT,KAAK;IAC1DQ,MAAMI,UAAU,OAAGrB,mBAAAA,EAAakB,OAAOb,IAAI,EAAEa,OAAOH,IAAI;IACxD,OAAOE;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarTitle/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"}
+{"version":3,"sources":["../src/components/MessageBarTitle/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":";;;;+BAWaK;;;;;;;iEAXU,QAAQ;qCAEa,kCAAkC;oCAClC,uBAAuB;uCACpB,0BAA0B;gDACvB,oCAAoC;AAM/E,wBAAMA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQP,mDAAAA,EAA4BK,OAAOC;QAEjDJ,iEAAAA,EAAkCK;QAClCR,gDAAAA,EAA4B,qCAAqCQ;IACjE,WAAON,qDAAAA,EAA+BM;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarTitle/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"}
+{"version":3,"sources":["../src/components/MessageBarTitle/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":"AAWA;;CAEC,GACD,WAAwE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarTitle/index.ts"],"sourcesContent":["export { MessageBarTitle } from './MessageBarTitle';\nexport type { MessageBarTitleProps, MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle.types';\nexport { renderMessageBarTitle_unstable } from './renderMessageBarTitle';\nexport { useMessageBarTitle_unstable } from './useMessageBarTitle';\nexport { messageBarTitleClassNames, useMessageBarTitleStyles_unstable } from './useMessageBarTitleStyles.styles';\n"],"names":["MessageBarTitle","messageBarTitleClassNames","renderMessageBarTitle_unstable","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,eAAe;eAAfA,gCAAe;;IAIfC,yBAAyB;eAAzBA,yDAAyB;;IAFzBC,8BAA8B;eAA9BA,qDAA8B;;IAEHC,iCAAiC;eAAjCA,iEAAiC;;IAD5DC,2BAA2B;eAA3BA,+CAA2B;;;iCAHJ;uCAEe;oCACH;gDACiC"}
+{"version":3,"sources":["../src/components/MessageBarTitle/index.ts"],"sourcesContent":["export { MessageBarTitle } from './MessageBarTitle';\nexport type { MessageBarTitleProps, MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle.types';\nexport { renderMessageBarTitle_unstable } from './renderMessageBarTitle';\nexport { useMessageBarTitle_unstable } from './useMessageBarTitle';\nexport { messageBarTitleClassNames, useMessageBarTitleStyles_unstable } from './useMessageBarTitleStyles.styles';\n"],"names":["MessageBarTitle","renderMessageBarTitle_unstable","useMessageBarTitle_unstable","messageBarTitleClassNames","useMessageBarTitleStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAIfG,yDAAyB;;;eAFzBF,qDAA8B;;;eAEHG,iEAAiC;;;eAD5DF,+CAA2B;;;iCAHJ,oBAAoB;uCAEL,0BAA0B;oCAC7B,uBAAuB;gDACU,oCAAoC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarTitle/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"}
+{"version":3,"sources":["../src/components/MessageBarTitle/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":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAMjD,MAAMC,iCAAiC,CAACC;QAC7CF,2BAAAA,EAAkCE;IAElC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MessageBarTitle/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"}
+{"version":3,"sources":["../src/components/MessageBarTitle/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":";;;;+BAcaI;;;;;;;iEAdU,QAAQ;gCACgB,4BAA4B;mCAEtC,mCAAmC;AAWjE,oCAAoC,CACzCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAE,OAAGJ,uCAAAA;IAEpB,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMP,oBAAAA,CAAKQ,MAAM,KACfT,wCAAAA,EAAyB,QAAQ;YAC/BK;YACAK,IAAIJ;YACJ,GAAGF,KAAK;QACV,IACA;YAAEO,aAAa;QAAO;IAE1B;AACF,EAAE"}

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

@@ -1 +1 @@
-{"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"}
+{"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":["__resetStyles","mergeClasses","typographyStyles","messageBarTitleClassNames","root","useRootBaseStyles","useMessageBarTitleStyles_unstable","state","rootBaseStyles","className"],"mappings":";;;;;;;;;;;IAEaG,yBAAyB;;;qCAaY;;;;uBAfJ,gBAAgB;AAEvD,kCAAkC;IACrCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,iBAAiB,GAAA,WAAA,OAAGL,oBAAA,EAAA,YAAA,MAAA;IAAA;IAAA;CAK7B,CAAC;AAGS,MAAMM,qCAAqCC,KAAK,IAAG;IAC1D,aAAa;IACb,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;IAC1CE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACE,yBAAyB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACzG,OAAOF,KAAK;AAChB,CAAC"}