@fluentui/react-message-bar 9.0.0

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

@@ -0,0 +1,68 @@
+"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 messageBarActionsClassNames = {
+    root: 'fui-MessageBarActions',
+    containerAction: 'fui-MessageBarActions__containerAction'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1qydg9p", "r1to27xx", [
+    ".r1qydg9p{grid-row-start:secondaryActions;grid-column-start:secondaryActions;grid-row-end:secondaryActions;grid-column-end:secondaryActions;display:flex;column-gap:var(--spacingHorizontalM);padding-right:var(--spacingHorizontalM);}",
+    ".r1to27xx{grid-row-start:secondaryActions;grid-column-start:secondaryActions;grid-row-end:secondaryActions;grid-column-end:secondaryActions;display:flex;column-gap:var(--spacingHorizontalM);padding-left:var(--spacingHorizontalM);}"
+]);
+const useContainerActionBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1y6i9ar", "rc0rof2", [
+    ".r1y6i9ar{grid-row-start:actions;grid-column-start:actions;grid-row-end:actions;grid-column-end:actions;padding-right:var(--spacingHorizontalM);}",
+    ".rc0rof2{grid-row-start:actions;grid-column-start:actions;grid-row-end:actions;grid-column-end:actions;padding-left:var(--spacingHorizontalM);}"
+]);
+const useMultilineStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Brf1p80: "f1e8xxv9",
+        B6of3ja: "f1gaxbfw",
+        jrapky: "fqcjy3b",
+        t21cq0: [
+            "fibjyge",
+            "f9yszdx"
+        ],
+        z189sj: [
+            "f1p3vkop",
+            "f8cewkv"
+        ]
+    }
+}, {
+    d: [
+        ".f1e8xxv9{justify-content:end;}",
+        ".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}",
+        ".fqcjy3b{margin-bottom:var(--spacingVerticalS);}",
+        ".fibjyge{margin-right:0px;}",
+        ".f9yszdx{margin-left:0px;}",
+        ".f1p3vkop{padding-right:var(--spacingVerticalM);}",
+        ".f8cewkv{padding-left:var(--spacingVerticalM);}"
+    ]
+});
+const useMessageBarActionsStyles_unstable = (state)=>{
+    const rootBaseStyles = useRootBaseStyles();
+    const containerActionBaseStyles = useContainerActionBaseStyles();
+    const multilineStyles = useMultilineStyles();
+    state.root.className = (0, _react.mergeClasses)(messageBarActionsClassNames.root, rootBaseStyles, state.layout === 'multiline' && multilineStyles.root, state.root.className);
+    if (state.containerAction) {
+        state.containerAction.className = (0, _react.mergeClasses)(messageBarActionsClassNames.containerAction, containerActionBaseStyles, state.containerAction.className);
+    }
+    return state;
+}; //# sourceMappingURL=useMessageBarActionsStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBarActionsStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } 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 */\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"r1qydg9p\", \"r1to27xx\", [\".r1qydg9p{grid-row-start:secondaryActions;grid-column-start:secondaryActions;grid-row-end:secondaryActions;grid-column-end:secondaryActions;display:flex;column-gap:var(--spacingHorizontalM);padding-right:var(--spacingHorizontalM);}\", \".r1to27xx{grid-row-start:secondaryActions;grid-column-start:secondaryActions;grid-row-end:secondaryActions;grid-column-end:secondaryActions;display:flex;column-gap:var(--spacingHorizontalM);padding-left:var(--spacingHorizontalM);}\"]);\nconst useContainerActionBaseStyles = /*#__PURE__*/__resetStyles(\"r1y6i9ar\", \"rc0rof2\", [\".r1y6i9ar{grid-row-start:actions;grid-column-start:actions;grid-row-end:actions;grid-column-end:actions;padding-right:var(--spacingHorizontalM);}\", \".rc0rof2{grid-row-start:actions;grid-column-start:actions;grid-row-end:actions;grid-column-end:actions;padding-left:var(--spacingHorizontalM);}\"]);\nconst useMultilineStyles = /*#__PURE__*/__styles({\n  root: {\n    Brf1p80: \"f1e8xxv9\",\n    B6of3ja: \"f1gaxbfw\",\n    jrapky: \"fqcjy3b\",\n    t21cq0: [\"fibjyge\", \"f9yszdx\"],\n    z189sj: [\"f1p3vkop\", \"f8cewkv\"]\n  }\n}, {\n  d: [\".f1e8xxv9{justify-content:end;}\", \".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}\", \".fqcjy3b{margin-bottom:var(--spacingVerticalS);}\", \".fibjyge{margin-right:0px;}\", \".f9yszdx{margin-left:0px;}\", \".f1p3vkop{padding-right:var(--spacingVerticalM);}\", \".f8cewkv{padding-left:var(--spacingVerticalM);}\"]\n});\n/**\n * Apply styling to the MessageBarActions slots based on the state\n */\nexport const useMessageBarActionsStyles_unstable = state => {\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.root.className);\n  if (state.containerAction) {\n    state.containerAction.className = mergeClasses(messageBarActionsClassNames.containerAction, containerActionBaseStyles, state.containerAction.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useMessageBarActionsStyles.styles.js.map"],"names":["messageBarActionsClassNames","useMessageBarActionsStyles_unstable","root","containerAction","useRootBaseStyles","__resetStyles","useContainerActionBaseStyles","useMultilineStyles","__styles","Brf1p80","B6of3ja","jrapky","t21cq0","z189sj","d","state","rootBaseStyles","containerActionBaseStyles","multilineStyles","className","mergeClasses","layout"],"mappings":";;;;;;;;;;;IAEaA,2BAA2B;eAA3BA;;IAuBAC,mCAAmC;eAAnCA;;;uBAzBqD;AAE3D,MAAMD,8BAA8B;IACzCE,MAAM;IACNC,iBAAiB;AACnB;AACA;;CAEC,GACD,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,YAAY;IAAC;IAA2O;CAAyO;AACliB,MAAMC,+BAA+B,WAAW,GAAED,IAAAA,oBAAa,EAAC,YAAY,WAAW;IAAC;IAAqJ;CAAkJ;AAC/X,MAAME,qBAAqB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC/CN,MAAM;QACJO,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDC,GAAG;QAAC;QAAmC;QAAuD;QAAoD;QAA+B;QAA8B;QAAqD;KAAkD;AACxT;AAIO,MAAMb,sCAAsCc,CAAAA;IACjD,MAAMC,iBAAiBZ;IACvB,MAAMa,4BAA4BX;IAClC,MAAMY,kBAAkBX;IACxBQ,MAAMb,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,4BAA4BE,IAAI,EAAEc,gBAAgBD,MAAMM,MAAM,KAAK,eAAeH,gBAAgBhB,IAAI,EAAEa,MAAMb,IAAI,CAACiB,SAAS;IAChK,IAAIJ,MAAMZ,eAAe,EAAE;QACzBY,MAAMZ,eAAe,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,4BAA4BG,eAAe,EAAEc,2BAA2BF,MAAMZ,eAAe,CAACgB,SAAS;IACxJ;IACA,OAAOJ;AACT,GACA,6DAA6D"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MessageBarBody", {
+    enumerable: true,
+    get: function() {
+        return MessageBarBody;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useMessageBarBody = require("./useMessageBarBody");
+const _renderMessageBarBody = require("./renderMessageBarBody");
+const _useMessageBarBodyStylesstyles = require("./useMessageBarBodyStyles.styles");
+const MessageBarBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useMessageBarBody.useMessageBarBody_unstable)(props, ref);
+    (0, _useMessageBarBodyStylesstyles.useMessageBarBodyStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMessageBarBodyStyles_unstable')(state);
+    return (0, _renderMessageBarBody.renderMessageBarBody_unstable)(state);
+});
+MessageBarBody.displayName = 'MessageBarBody';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarBody.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarBody_unstable } from './useMessageBarBody';\nimport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nimport { useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\n/**\n * MessageBarBody component\n */ export const MessageBarBody = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useMessageBarBody_unstable(props, ref);\n    useMessageBarBodyStyles_unstable(state);\n    useCustomStyleHook_unstable('useMessageBarBodyStyles_unstable')(state);\n    return renderMessageBarBody_unstable(state);\n});\nMessageBarBody.displayName = 'MessageBarBody';\n"],"names":["MessageBarBody","React","forwardRef","props","ref","state","useMessageBarBody_unstable","useMessageBarBodyStyles_unstable","useCustomStyleHook_unstable","renderMessageBarBody_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;qCACqB;mCACD;sCACG;+CACG;AAGtC,MAAMA,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrE,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjCG,IAAAA,gDAA2B,EAAC,oCAAoCH;IAChE,OAAOI,IAAAA,mDAA6B,EAACJ;AACzC;AACAL,eAAeU,WAAW,GAAG"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderMessageBarBody_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderMessageBarBody_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderMessageBarBody_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderMessageBarBody.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of MessageBarBody\n */ export const renderMessageBarBody_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderMessageBarBody_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,gCAAgC,CAACC;IAC9CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMessageBarBody_unstable", {
+    enumerable: true,
+    get: function() {
+        return useMessageBarBody_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _messageBarContext = require("../../contexts/messageBarContext");
+const useMessageBarBody_unstable = (props, ref)=>{
+    const { bodyRef } = (0, _messageBarContext.useMessageBarContext)();
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref: (0, _reactutilities.useMergedRefs)(ref, bodyRef),
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBarBody.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\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 */ export const useMessageBarBody_unstable = (props, ref)=>{\n    const { bodyRef } = useMessageBarContext();\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(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"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACuC;mCACzB;AAS1B,MAAMA,6BAA6B,CAACC,OAAOC;IAClD,MAAM,EAAEC,OAAO,EAAE,GAAGC,IAAAA,uCAAoB;IACxC,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CP,KAAKQ,IAAAA,6BAAa,EAACR,KAAKC;YACxB,GAAGF,KAAK;QACZ,IAAI;YACAU,aAAa;QACjB;IACJ;AACJ"}

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

@@ -0,0 +1,31 @@
+"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 messageBarBodyClassNames = {
+    root: 'fui-MessageBarBody'
+};
+const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rnv3mfe", "r1ixc1x8", [
+    ".rnv3mfe{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-row-start:body;grid-column-start:body;grid-row-end:body;grid-column-end:body;padding-right:var(--spacingHorizontalM);}",
+    ".r1ixc1x8{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-row-start:body;grid-column-start:body;grid-row-end:body;grid-column-end:body;padding-left:var(--spacingHorizontalM);}"
+]);
+const useMessageBarBodyStyles_unstable = (state)=>{
+    const rootBaseStyles = useRootBaseStyles();
+    state.root.className = (0, _react.mergeClasses)(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);
+    return state;
+}; //# sourceMappingURL=useMessageBarBodyStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBarBodyStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const messageBarBodyClassNames = {\n  root: 'fui-MessageBarBody'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"rnv3mfe\", \"r1ixc1x8\", [\".rnv3mfe{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-row-start:body;grid-column-start:body;grid-row-end:body;grid-column-end:body;padding-right:var(--spacingHorizontalM);}\", \".r1ixc1x8{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-row-start:body;grid-column-start:body;grid-row-end:body;grid-column-end:body;padding-left:var(--spacingHorizontalM);}\"]);\n/**\n * Apply styling to the MessageBarBody slots based on the state\n */\nexport const useMessageBarBodyStyles_unstable = state => {\n  const rootBaseStyles = useRootBaseStyles();\n  state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useMessageBarBodyStyles.styles.js.map"],"names":["messageBarBodyClassNames","useMessageBarBodyStyles_unstable","root","useRootBaseStyles","__resetStyles","state","rootBaseStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAOAC,gCAAgC;eAAhCA;;;uBAT2C;AAEjD,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,oBAAoB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,YAAY;IAAC;IAAqR;CAAoR;AAI/mB,MAAMH,mCAAmCI,CAAAA;IAC9C,MAAMC,iBAAiBH;IACvBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,yBAAyBE,IAAI,EAAEI,gBAAgBD,MAAMH,IAAI,CAACK,SAAS;IACvG,OAAOF;AACT,GACA,0DAA0D"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MessageBarGroup", {
+    enumerable: true,
+    get: function() {
+        return MessageBarGroup;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useMessageBarGroup = require("./useMessageBarGroup");
+const _renderMessageBarGroup = require("./renderMessageBarGroup");
+const _useMessageBarGroupStylesstyles = require("./useMessageBarGroupStyles.styles");
+const MessageBarGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useMessageBarGroup.useMessageBarGroup_unstable)(props, ref);
+    (0, _useMessageBarGroupStylesstyles.useMessageBarGroupStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMessageBarGroupStyles_unstable')(state);
+    return (0, _renderMessageBarGroup.renderMessageBarGroup_unstable)(state);
+});
+MessageBarGroup.displayName = 'MessageBarGroup';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarGroup_unstable } from './useMessageBarGroup';\nimport { renderMessageBarGroup_unstable } from './renderMessageBarGroup';\nimport { useMessageBarGroupStyles_unstable } from './useMessageBarGroupStyles.styles';\n/**\n * MessageBarGroup component\n */ export const MessageBarGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useMessageBarGroup_unstable(props, ref);\n    useMessageBarGroupStyles_unstable(state);\n    useCustomStyleHook_unstable('useMessageBarGroupStyles_unstable')(state);\n    return renderMessageBarGroup_unstable(state);\n});\nMessageBarGroup.displayName = 'MessageBarGroup';\n"],"names":["MessageBarGroup","React","forwardRef","props","ref","state","useMessageBarGroup_unstable","useMessageBarGroupStyles_unstable","useCustomStyleHook_unstable","renderMessageBarGroup_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;qCACqB;oCACA;uCACG;gDACG;AAGvC,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACtE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ;AAC1C;AACAL,gBAAgBU,WAAW,GAAG"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarGroup.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MessageBarTransition", {
+    enumerable: true,
+    get: function() {
+        return MessageBarTransition;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reacttransitiongroup = require("react-transition-group");
+const _messageBarTransitionContext = require("../../contexts/messageBarTransitionContext");
+const getClassName = (status, enterClassName, exitClassName, animate)=>{
+    switch(status){
+        case 'entering':
+        case 'entered':
+            return animate === 'both' ? enterClassName : '';
+        case 'exiting':
+        case 'exited':
+            return exitClassName;
+        default:
+            return '';
+    }
+};
+const MessageBarTransition = ({ children, enterClassName, exitClassName, animate, ...rest })=>{
+    const nodeRef = _react.useRef(null);
+    return /*#__PURE__*/ _react.createElement(_reacttransitiongroup.Transition, {
+        timeout: 250,
+        nodeRef: nodeRef,
+        ...rest
+    }, (state)=>/*#__PURE__*/ _react.createElement(MessageBarTransitionInner, {
+            animate: animate,
+            enterClassName: enterClassName,
+            exitClassName: exitClassName,
+            nodeRef: nodeRef,
+            state: state
+        }, children));
+};
+const MessageBarTransitionInner = ({ children, state, enterClassName, exitClassName, animate, nodeRef })=>{
+    const className = getClassName(state, enterClassName, exitClassName, animate);
+    const context = _react.useMemo(()=>({
+            className,
+            nodeRef
+        }), [
+        className,
+        nodeRef
+    ]);
+    return /*#__PURE__*/ _react.createElement(_messageBarTransitionContext.MessageBarTransitionContextProvider, {
+        value: context
+    }, children);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarTransition.js"],"sourcesContent":["import * as React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { MessageBarTransitionContextProvider } from '../../contexts/messageBarTransitionContext';\nconst getClassName = (status, enterClassName, exitClassName, animate)=>{\n    switch(status){\n        case 'entering':\n        case 'entered':\n            return animate === 'both' ? enterClassName : '';\n        case 'exiting':\n        case 'exited':\n            return exitClassName;\n        default:\n            return '';\n    }\n};\n/**\n * Internal component that controls the animation transition for MessageBar components\n * @internal\n */ export const MessageBarTransition = ({ children, enterClassName, exitClassName, animate, ...rest })=>{\n    const nodeRef = React.useRef(null);\n    return /*#__PURE__*/ React.createElement(Transition, {\n        timeout: 250,\n        nodeRef: nodeRef,\n        ...rest\n    }, (state)=>/*#__PURE__*/ React.createElement(MessageBarTransitionInner, {\n            animate: animate,\n            enterClassName: enterClassName,\n            exitClassName: exitClassName,\n            nodeRef: nodeRef,\n            state: state\n        }, children));\n};\nconst MessageBarTransitionInner = ({ children, state, enterClassName, exitClassName, animate, nodeRef })=>{\n    const className = getClassName(state, enterClassName, exitClassName, animate);\n    const context = React.useMemo(()=>({\n            className,\n            nodeRef\n        }), [\n        className,\n        nodeRef\n    ]);\n    return /*#__PURE__*/ React.createElement(MessageBarTransitionContextProvider, {\n        value: context\n    }, children);\n};\n"],"names":["MessageBarTransition","getClassName","status","enterClassName","exitClassName","animate","children","rest","nodeRef","React","useRef","createElement","Transition","timeout","state","MessageBarTransitionInner","className","context","useMemo","MessageBarTransitionContextProvider","value"],"mappings":";;;;+BAkBiBA;;;eAAAA;;;;iEAlBM;sCACI;6CACyB;AACpD,MAAMC,eAAe,CAACC,QAAQC,gBAAgBC,eAAeC;IACzD,OAAOH;QACH,KAAK;QACL,KAAK;YACD,OAAOG,YAAY,SAASF,iBAAiB;QACjD,KAAK;QACL,KAAK;YACD,OAAOC;QACX;YACI,OAAO;IACf;AACJ;AAIW,MAAMJ,uBAAuB,CAAC,EAAEM,QAAQ,EAAEH,cAAc,EAAEC,aAAa,EAAEC,OAAO,EAAE,GAAGE,MAAM;IAClG,MAAMC,UAAUC,OAAMC,MAAM,CAAC;IAC7B,OAAO,WAAW,GAAGD,OAAME,aAAa,CAACC,gCAAU,EAAE;QACjDC,SAAS;QACTL,SAASA;QACT,GAAGD,IAAI;IACX,GAAG,CAACO,QAAQ,WAAW,GAAGL,OAAME,aAAa,CAACI,2BAA2B;YACjEV,SAASA;YACTF,gBAAgBA;YAChBC,eAAeA;YACfI,SAASA;YACTM,OAAOA;QACX,GAAGR;AACX;AACA,MAAMS,4BAA4B,CAAC,EAAET,QAAQ,EAAEQ,KAAK,EAAEX,cAAc,EAAEC,aAAa,EAAEC,OAAO,EAAEG,OAAO,EAAE;IACnG,MAAMQ,YAAYf,aAAaa,OAAOX,gBAAgBC,eAAeC;IACrE,MAAMY,UAAUR,OAAMS,OAAO,CAAC,IAAK,CAAA;YAC3BF;YACAR;QACJ,CAAA,GAAI;QACJQ;QACAR;KACH;IACD,OAAO,WAAW,GAAGC,OAAME,aAAa,CAACQ,gEAAmC,EAAE;QAC1EC,OAAOH;IACX,GAAGX;AACP"}

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

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

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

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

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderMessageBarGroup_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderMessageBarGroup_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _reacttransitiongroup = require("react-transition-group");
+const _MessageBarTransition = require("./MessageBarTransition");
+const renderMessageBarGroup_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacttransitiongroup.TransitionGroup, {
+            component: null,
+            children: state.children.map((child)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_MessageBarTransition.MessageBarTransition, {
+                    animate: state.animate,
+                    enterClassName: state.enterStyles,
+                    exitClassName: state.exitStyles,
+                    children: child
+                }, child.key))
+        })
+    });
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderMessageBarGroup.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TransitionGroup } from 'react-transition-group';\nimport { MessageBarTransition } from './MessageBarTransition';\n/**\n * Render the final JSX of MessageBarGroup\n */ export const renderMessageBarGroup_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {\n        children: /*#__PURE__*/ _jsx(TransitionGroup, {\n            component: null,\n            children: state.children.map((child)=>/*#__PURE__*/ _jsx(MessageBarTransition, {\n                    animate: state.animate,\n                    enterClassName: state.enterStyles,\n                    exitClassName: state.exitStyles,\n                    children: child\n                }, child.key))\n        })\n    });\n};\n"],"names":["renderMessageBarGroup_unstable","state","assertSlots","_jsx","root","children","TransitionGroup","component","map","child","MessageBarTransition","animate","enterClassName","enterStyles","exitClassName","exitStyles","key"],"mappings":";;;;+BAMiBA;;;eAAAA;;;4BANa;gCACF;sCACI;sCACK;AAG1B,MAAMA,iCAAiC,CAACC;IAC/CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE;QAClCC,UAAU,WAAW,GAAGF,IAAAA,eAAI,EAACG,qCAAe,EAAE;YAC1CC,WAAW;YACXF,UAAUJ,MAAMI,QAAQ,CAACG,GAAG,CAAC,CAACC,QAAQ,WAAW,GAAGN,IAAAA,eAAI,EAACO,0CAAoB,EAAE;oBACvEC,SAASV,MAAMU,OAAO;oBACtBC,gBAAgBX,MAAMY,WAAW;oBACjCC,eAAeb,MAAMc,UAAU;oBAC/BV,UAAUI;gBACd,GAAGA,MAAMO,GAAG;QACpB;IACJ;AACJ"}

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMessageBarGroup_unstable", {
+    enumerable: true,
+    get: function() {
+        return useMessageBarGroup_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const useMessageBarGroup_unstable = (props, ref)=>{
+    if (process.env.NODE_ENV !== 'production') {
+        _react.Children.forEach(props.children, (c)=>{
+            if (!/*#__PURE__*/ _react.isValidElement(c) || c.type === _react.Fragment) {
+                throw new Error("MessageBarGroup: children must be valid MessageBar components. Please ensure you're not using fragments. ");
+            }
+        });
+    }
+    var _props_children;
+    const children = _react.Children.map((_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : [], (c)=>/*#__PURE__*/ _react.isValidElement(c) && c.type !== _react.Fragment ? c : null).filter(Boolean);
+    var _props_animate;
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        children,
+        animate: (_props_animate = props.animate) !== null && _props_animate !== void 0 ? _props_animate : 'exit-only',
+        enterStyles: '',
+        exitStyles: ''
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render MessageBarGroup.\n *\n * The returned state can be modified with hooks such as useMessageBarGroupStyles_unstable,\n * before being passed to renderMessageBarGroup_unstable.\n *\n * @param props - props from this instance of MessageBarGroup\n * @param ref - reference to root HTMLElement of MessageBarGroup\n */ export const useMessageBarGroup_unstable = (props, ref)=>{\n    if (process.env.NODE_ENV !== 'production') {\n        React.Children.forEach(props.children, (c)=>{\n            if (!React.isValidElement(c) || c.type === React.Fragment) {\n                throw new Error(\"MessageBarGroup: children must be valid MessageBar components. Please ensure you're not using fragments. \");\n            }\n        });\n    }\n    var _props_children;\n    const children = React.Children.map((_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : [], (c)=>React.isValidElement(c) && c.type !== React.Fragment ? c : null).filter(Boolean);\n    var _props_animate;\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        children,\n        animate: (_props_animate = props.animate) !== null && _props_animate !== void 0 ? _props_animate : 'exit-only',\n        enterStyles: '',\n        exitStyles: ''\n    };\n};\n"],"names":["useMessageBarGroup_unstable","props","ref","process","env","NODE_ENV","React","Children","forEach","children","c","isValidElement","type","Fragment","Error","_props_children","map","filter","Boolean","_props_animate","components","root","slot","always","getIntrinsicElementProps","elementType","animate","enterStyles","exitStyles"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACwB;AASpC,MAAMA,8BAA8B,CAACC,OAAOC;IACnD,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACvCC,OAAMC,QAAQ,CAACC,OAAO,CAACP,MAAMQ,QAAQ,EAAE,CAACC;YACpC,IAAI,eAACJ,OAAMK,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKN,OAAMO,QAAQ,EAAE;gBACvD,MAAM,IAAIC,MAAM;YACpB;QACJ;IACJ;IACA,IAAIC;IACJ,MAAMN,WAAWH,OAAMC,QAAQ,CAACS,GAAG,CAAC,AAACD,CAAAA,kBAAkBd,MAAMQ,QAAQ,AAAD,MAAO,QAAQM,oBAAoB,KAAK,IAAIA,kBAAkB,EAAE,EAAE,CAACL,kBAAIJ,OAAMK,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKN,OAAMO,QAAQ,GAAGH,IAAI,MAAMO,MAAM,CAACC;IACnN,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CtB;YACA,GAAGD,KAAK;QACZ,IAAI;YACAwB,aAAa;QACjB;QACAhB;QACAiB,SAAS,AAACP,CAAAA,iBAAiBlB,MAAMyB,OAAO,AAAD,MAAO,QAAQP,mBAAmB,KAAK,IAAIA,iBAAiB;QACnGQ,aAAa;QACbC,YAAY;IAChB;AACJ"}

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

@@ -0,0 +1,54 @@
+"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 messageBarGroupClassNames = {
+    root: 'fui-MessageBarGroup'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        Bf5fcs: "f4cll0y",
+        vin17d: "fy8si0b"
+    },
+    enter: {
+        Bv12yb3: "f1dg9w1v"
+    },
+    exit: {
+        Bv12yb3: "fu80iee"
+    }
+}, {
+    d: [
+        ".f4cll0y{animation-fill-mode:forwards;}",
+        ".fy8si0b{animation-duration:var(--durationNormal);}",
+        ".f1dg9w1v{animation-name:fngeioi;}",
+        ".fu80iee{animation-name:fk0lfw7;}"
+    ],
+    k: [
+        "@keyframes fngeioi{from{opacity:0;transform:translateY(-100%);}to{opacity:1;transform:translateY(0);}}",
+        "@keyframes fk0lfw7{from{opacity:1;}to{opacity:0;}}"
+    ]
+});
+const useMessageBarGroupStyles_unstable = (state)=>{
+    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;
+}; //# sourceMappingURL=useMessageBarGroupStyles.styles.js.map

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

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

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MessageBarTitle", {
+    enumerable: true,
+    get: function() {
+        return MessageBarTitle;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useMessageBarTitle = require("./useMessageBarTitle");
+const _renderMessageBarTitle = require("./renderMessageBarTitle");
+const _useMessageBarTitleStylesstyles = require("./useMessageBarTitleStyles.styles");
+const MessageBarTitle = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useMessageBarTitle.useMessageBarTitle_unstable)(props, ref);
+    (0, _useMessageBarTitleStylesstyles.useMessageBarTitleStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMessageBarTitleStyles_unstable')(state);
+    return (0, _renderMessageBarTitle.renderMessageBarTitle_unstable)(state);
+});
+MessageBarTitle.displayName = 'MessageBarTitle';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MessageBarTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarTitle_unstable } from './useMessageBarTitle';\nimport { renderMessageBarTitle_unstable } from './renderMessageBarTitle';\nimport { useMessageBarTitleStyles_unstable } from './useMessageBarTitleStyles.styles';\n/**\n * MessageBarTitle component\n */ export const MessageBarTitle = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useMessageBarTitle_unstable(props, ref);\n    useMessageBarTitleStyles_unstable(state);\n    useCustomStyleHook_unstable('useMessageBarTitleStyles_unstable')(state);\n    return renderMessageBarTitle_unstable(state);\n});\nMessageBarTitle.displayName = 'MessageBarTitle';\n"],"names":["MessageBarTitle","React","forwardRef","props","ref","state","useMessageBarTitle_unstable","useMessageBarTitleStyles_unstable","useCustomStyleHook_unstable","renderMessageBarTitle_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;qCACqB;oCACA;uCACG;gDACG;AAGvC,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACtE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ;AAC1C;AACAL,gBAAgBU,WAAW,GAAG"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderMessageBarTitle_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderMessageBarTitle_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderMessageBarTitle_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderMessageBarTitle.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of MessageBarTitle\n */ export const renderMessageBarTitle_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderMessageBarTitle_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,iCAAiC,CAACC;IAC/CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMessageBarTitle_unstable", {
+    enumerable: true,
+    get: function() {
+        return useMessageBarTitle_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _messageBarContext = require("../../contexts/messageBarContext");
+const useMessageBarTitle_unstable = (props, ref)=>{
+    const { titleId } = (0, _messageBarContext.useMessageBarContext)();
+    return {
+        components: {
+            root: 'span'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('span', {
+            ref,
+            id: titleId,
+            ...props
+        }), {
+            elementType: 'span'
+        })
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useMessageBarTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n/**\n * Create the state required to render MessageBarTitle.\n *\n * The returned state can be modified with hooks such as useMessageBarTitleStyles_unstable,\n * before being passed to renderMessageBarTitle_unstable.\n *\n * @param props - props from this instance of MessageBarTitle\n * @param ref - reference to root HTMLElement of MessageBarTitle\n */ export const useMessageBarTitle_unstable = (props, ref)=>{\n    const { titleId } = useMessageBarContext();\n    return {\n        components: {\n            root: 'span'\n        },\n        root: slot.always(getIntrinsicElementProps('span', {\n            ref,\n            id: titleId,\n            ...props\n        }), {\n            elementType: 'span'\n        })\n    };\n};\n"],"names":["useMessageBarTitle_unstable","props","ref","titleId","useMessageBarContext","components","root","slot","always","getIntrinsicElementProps","id","elementType"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACwB;mCACV;AAS1B,MAAMA,8BAA8B,CAACC,OAAOC;IACnD,MAAM,EAAEC,OAAO,EAAE,GAAGC,IAAAA,uCAAoB;IACxC,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,QAAQ;YAC/CP;YACAQ,IAAIP;YACJ,GAAGF,KAAK;QACZ,IAAI;YACAU,aAAa;QACjB;IACJ;AACJ"}