@fluentui/react-alert 9.0.0-beta.13 → 9.0.0-beta.131

package/lib/components/Alert/useAlertStyles.styles.raw.js

@@ -0,0 +1,107 @@
+'use client';
+import { tokens } from '@fluentui/react-theme';
+import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
+import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
+// eslint-disable-next-line @typescript-eslint/no-deprecated
+export const alertClassNames = {
+    root: 'fui-Alert',
+    icon: 'fui-Alert__icon',
+    action: 'fui-Alert__action',
+    avatar: 'fui-Alert__avatar'
+};
+const useStyles = makeStyles({
+    root: {
+        display: 'flex',
+        alignItems: 'center',
+        minHeight: '44px',
+        padding: '0 12px',
+        borderRadius: '4px',
+        border: `1px solid ${tokens.colorTransparentStroke}`,
+        boxShadow: tokens.shadow8,
+        fontSize: tokens.fontSizeBase300,
+        fontWeight: tokens.fontWeightSemibold,
+        color: tokens.colorNeutralForeground1,
+        backgroundColor: tokens.colorNeutralBackground1
+    },
+    inverted: {
+        color: tokens.colorNeutralForegroundInverted2,
+        backgroundColor: tokens.colorNeutralBackgroundInverted
+    },
+    icon: {
+        height: '16px',
+        fontSize: '16px',
+        padding: '0 8px 0 0'
+    },
+    avatar: {
+        margin: '0 8px 0 0'
+    },
+    action: {
+        padding: '5px 10px',
+        minWidth: 0,
+        marginLeft: 'auto',
+        color: tokens.colorBrandForeground1
+    }
+});
+const useIntentIconStyles = makeStyles({
+    success: {
+        color: tokens.colorPaletteGreenForeground3
+    },
+    error: {
+        color: tokens.colorPaletteRedForeground3
+    },
+    warning: {
+        color: tokens.colorPaletteYellowForeground2
+    },
+    info: {
+        color: tokens.colorNeutralForeground2
+    }
+});
+const useIntentIconStylesInverted = makeStyles({
+    success: {
+        color: tokens.colorPaletteGreenForegroundInverted
+    },
+    error: {
+        color: tokens.colorPaletteRedForegroundInverted
+    },
+    warning: {
+        color: tokens.colorPaletteYellowForegroundInverted
+    },
+    info: {
+        color: tokens.colorNeutralForegroundInverted2
+    }
+});
+const useActionButtonColorInverted = makeStyles({
+    action: {
+        color: tokens.colorBrandForegroundInverted,
+        ...createCustomFocusIndicatorStyle({
+            ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),
+            outlineColor: tokens.colorNeutralBackground5Pressed
+        }, {
+            enableOutline: true
+        })
+    }
+});
+/**
+ * @deprecated please use the Toast or MessageBar component
+ * Apply styling to the Alert slots based on the state
+ */ // eslint-disable-next-line @typescript-eslint/no-deprecated
+export const useAlertStyles_unstable = (state)=>{
+    const inverted = state.appearance === 'inverted';
+    const styles = useStyles();
+    const intentIconStylesPrimary = useIntentIconStyles();
+    const intentIconStylesInverted = useIntentIconStylesInverted();
+    const actionStylesInverted = useActionButtonColorInverted();
+    // eslint-disable-next-line react-compiler/react-compiler
+    state.root.className = mergeClasses(alertClassNames.root, styles.root, inverted && styles.inverted, state.root.className);
+    if (state.icon) {
+        state.icon.className = mergeClasses(alertClassNames.icon, styles.icon, state.intent && (inverted ? intentIconStylesInverted[state.intent] : intentIconStylesPrimary[state.intent]), state.icon.className);
+    }
+    if (state.avatar) {
+        state.avatar.className = mergeClasses(alertClassNames.avatar, styles.avatar, state.avatar.className);
+    }
+    if (state.action) {
+        // Note: inverted && actionStylesInverted.action has the highest piority and must be merged last
+        state.action.className = mergeClasses(alertClassNames.action, styles.action, inverted && actionStylesInverted.action, state.action.className);
+    }
+    return state;
+};

package/lib/components/Alert/useAlertStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Alert/useAlertStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport type { AlertSlots, AlertState } from './Alert.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const alertClassNames: SlotClassNames<AlertSlots> = {\n  root: 'fui-Alert',\n  icon: 'fui-Alert__icon',\n  action: 'fui-Alert__action',\n  avatar: 'fui-Alert__avatar',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    minHeight: '44px',\n    padding: '0 12px',\n    borderRadius: '4px',\n    border: `1px solid ${tokens.colorTransparentStroke}`,\n    boxShadow: tokens.shadow8,\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.colorNeutralForeground1,\n    backgroundColor: tokens.colorNeutralBackground1,\n  },\n  inverted: {\n    color: tokens.colorNeutralForegroundInverted2,\n    backgroundColor: tokens.colorNeutralBackgroundInverted,\n  },\n  icon: {\n    height: '16px',\n    fontSize: '16px',\n    padding: '0 8px 0 0',\n  },\n  avatar: { margin: '0 8px 0 0' },\n  action: {\n    padding: '5px 10px',\n    minWidth: 0,\n    marginLeft: 'auto',\n    color: tokens.colorBrandForeground1,\n  },\n});\n\nconst useIntentIconStyles = makeStyles({\n  success: {\n    color: tokens.colorPaletteGreenForeground3,\n  },\n  error: {\n    color: tokens.colorPaletteRedForeground3,\n  },\n  warning: {\n    color: tokens.colorPaletteYellowForeground2,\n  },\n  info: {\n    color: tokens.colorNeutralForeground2,\n  },\n});\n\nconst useIntentIconStylesInverted = makeStyles({\n  success: {\n    color: tokens.colorPaletteGreenForegroundInverted,\n  },\n  error: {\n    color: tokens.colorPaletteRedForegroundInverted,\n  },\n  warning: {\n    color: tokens.colorPaletteYellowForegroundInverted,\n  },\n  info: {\n    color: tokens.colorNeutralForegroundInverted2,\n  },\n});\n\nconst useActionButtonColorInverted = makeStyles({\n  action: {\n    color: tokens.colorBrandForegroundInverted,\n    ...createCustomFocusIndicatorStyle(\n      {\n        ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n        outlineColor: tokens.colorNeutralBackground5Pressed,\n      },\n      { enableOutline: true },\n    ),\n  },\n});\n\n/**\n * @deprecated please use the Toast or MessageBar component\n * Apply styling to the Alert slots based on the state\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const useAlertStyles_unstable = (state: AlertState): AlertState => {\n  const inverted = state.appearance === 'inverted';\n  const styles = useStyles();\n  const intentIconStylesPrimary = useIntentIconStyles();\n  const intentIconStylesInverted = useIntentIconStylesInverted();\n  const actionStylesInverted = useActionButtonColorInverted();\n\n  // eslint-disable-next-line react-compiler/react-compiler\n  state.root.className = mergeClasses(\n    alertClassNames.root,\n    styles.root,\n    inverted && styles.inverted,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      alertClassNames.icon,\n      styles.icon,\n      state.intent && (inverted ? intentIconStylesInverted[state.intent] : intentIconStylesPrimary[state.intent]),\n      state.icon.className,\n    );\n  }\n\n  if (state.avatar) {\n    state.avatar.className = mergeClasses(alertClassNames.avatar, styles.avatar, state.avatar.className);\n  }\n\n  if (state.action) {\n    // Note: inverted && actionStylesInverted.action has the highest piority and must be merged last\n    state.action.className = mergeClasses(\n      alertClassNames.action,\n      styles.action,\n      inverted && actionStylesInverted.action,\n      state.action.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["tokens","makeStyles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","alertClassNames","root","icon","action","avatar","useStyles","display","alignItems","minHeight","padding","borderRadius","border","colorTransparentStroke","boxShadow","shadow8","fontSize","fontSizeBase300","fontWeight","fontWeightSemibold","color","colorNeutralForeground1","backgroundColor","colorNeutralBackground1","inverted","colorNeutralForegroundInverted2","colorNeutralBackgroundInverted","height","margin","minWidth","marginLeft","colorBrandForeground1","useIntentIconStyles","success","colorPaletteGreenForeground3","error","colorPaletteRedForeground3","warning","colorPaletteYellowForeground2","info","colorNeutralForeground2","useIntentIconStylesInverted","colorPaletteGreenForegroundInverted","colorPaletteRedForegroundInverted","colorPaletteYellowForegroundInverted","useActionButtonColorInverted","colorBrandForegroundInverted","borderColor","colorTransparentStrokeInteractive","outlineColor","colorNeutralBackground5Pressed","enableOutline","useAlertStyles_unstable","state","appearance","styles","intentIconStylesPrimary","intentIconStylesInverted","actionStylesInverted","className","intent"],"mappings":"AAAA;AAEA,SAASA,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AACtE,SAASC,+BAA+B,QAAQ,0BAA0B;AAI1E,4DAA4D;AAC5D,OAAO,MAAMC,kBAA8C;IACzDC,MAAM;IACNC,MAAM;IACNC,QAAQ;IACRC,QAAQ;AACV,EAAE;AAEF,MAAMC,YAAYT,WAAW;IAC3BK,MAAM;QACJK,SAAS;QACTC,YAAY;QACZC,WAAW;QACXC,SAAS;QACTC,cAAc;QACdC,QAAQ,CAAC,UAAU,EAAEhB,OAAOiB,sBAAsB,EAAE;QACpDC,WAAWlB,OAAOmB,OAAO;QACzBC,UAAUpB,OAAOqB,eAAe;QAChCC,YAAYtB,OAAOuB,kBAAkB;QACrCC,OAAOxB,OAAOyB,uBAAuB;QACrCC,iBAAiB1B,OAAO2B,uBAAuB;IACjD;IACAC,UAAU;QACRJ,OAAOxB,OAAO6B,+BAA+B;QAC7CH,iBAAiB1B,OAAO8B,8BAA8B;IACxD;IACAvB,MAAM;QACJwB,QAAQ;QACRX,UAAU;QACVN,SAAS;IACX;IACAL,QAAQ;QAAEuB,QAAQ;IAAY;IAC9BxB,QAAQ;QACNM,SAAS;QACTmB,UAAU;QACVC,YAAY;QACZV,OAAOxB,OAAOmC,qBAAqB;IACrC;AACF;AAEA,MAAMC,sBAAsBnC,WAAW;IACrCoC,SAAS;QACPb,OAAOxB,OAAOsC,4BAA4B;IAC5C;IACAC,OAAO;QACLf,OAAOxB,OAAOwC,0BAA0B;IAC1C;IACAC,SAAS;QACPjB,OAAOxB,OAAO0C,6BAA6B;IAC7C;IACAC,MAAM;QACJnB,OAAOxB,OAAO4C,uBAAuB;IACvC;AACF;AAEA,MAAMC,8BAA8B5C,WAAW;IAC7CoC,SAAS;QACPb,OAAOxB,OAAO8C,mCAAmC;IACnD;IACAP,OAAO;QACLf,OAAOxB,OAAO+C,iCAAiC;IACjD;IACAN,SAAS;QACPjB,OAAOxB,OAAOgD,oCAAoC;IACpD;IACAL,MAAM;QACJnB,OAAOxB,OAAO6B,+BAA+B;IAC/C;AACF;AAEA,MAAMoB,+BAA+BhD,WAAW;IAC9CO,QAAQ;QACNgB,OAAOxB,OAAOkD,4BAA4B;QAC1C,GAAG9C,gCACD;YACE,GAAGD,WAAWgD,WAAW,CAACnD,OAAOoD,iCAAiC,CAAC;YACnEC,cAAcrD,OAAOsD,8BAA8B;QACrD,GACA;YAAEC,eAAe;QAAK,EACvB;IACH;AACF;AAEA;;;CAGC,GACD,4DAA4D;AAC5D,OAAO,MAAMC,0BAA0B,CAACC;IACtC,MAAM7B,WAAW6B,MAAMC,UAAU,KAAK;IACtC,MAAMC,SAASjD;IACf,MAAMkD,0BAA0BxB;IAChC,MAAMyB,2BAA2BhB;IACjC,MAAMiB,uBAAuBb;IAE7B,yDAAyD;IACzDQ,MAAMnD,IAAI,CAACyD,SAAS,GAAG7D,aACrBG,gBAAgBC,IAAI,EACpBqD,OAAOrD,IAAI,EACXsB,YAAY+B,OAAO/B,QAAQ,EAC3B6B,MAAMnD,IAAI,CAACyD,SAAS;IAGtB,IAAIN,MAAMlD,IAAI,EAAE;QACdkD,MAAMlD,IAAI,CAACwD,SAAS,GAAG7D,aACrBG,gBAAgBE,IAAI,EACpBoD,OAAOpD,IAAI,EACXkD,MAAMO,MAAM,IAAKpC,CAAAA,WAAWiC,wBAAwB,CAACJ,MAAMO,MAAM,CAAC,GAAGJ,uBAAuB,CAACH,MAAMO,MAAM,CAAC,AAAD,GACzGP,MAAMlD,IAAI,CAACwD,SAAS;IAExB;IAEA,IAAIN,MAAMhD,MAAM,EAAE;QAChBgD,MAAMhD,MAAM,CAACsD,SAAS,GAAG7D,aAAaG,gBAAgBI,MAAM,EAAEkD,OAAOlD,MAAM,EAAEgD,MAAMhD,MAAM,CAACsD,SAAS;IACrG;IAEA,IAAIN,MAAMjD,MAAM,EAAE;QAChB,gGAAgG;QAChGiD,MAAMjD,MAAM,CAACuD,SAAS,GAAG7D,aACvBG,gBAAgBG,MAAM,EACtBmD,OAAOnD,MAAM,EACboB,YAAYkC,qBAAqBtD,MAAM,EACvCiD,MAAMjD,MAAM,CAACuD,SAAS;IAE1B;IAEA,OAAON;AACT,EAAE"}

package/lib/index.js

@@ -1,2 +1,2 @@
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export { Alert, alertClassNames, renderAlert_unstable, useAlertStyles_unstable, useAlert_unstable } from './Alert';
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { Alert, alertClassNames, renderAlert_unstable, useAlertStyles_unstable, useAlert_unstable } from './Alert';\nexport type { AlertProps, AlertSlots, AlertState } from './Alert';\n"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { Alert, alertClassNames, renderAlert_unstable, useAlertStyles_unstable, useAlert_unstable } from './Alert';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type { AlertProps, AlertSlots, AlertState } from './Alert';\n"],"names":["Alert","alertClassNames","renderAlert_unstable","useAlertStyles_unstable","useAlert_unstable"],"mappings":"AAAA,4DAA4D;AAC5D,SAASA,KAAK,EAAEC,eAAe,EAAEC,oBAAoB,EAAEC,uBAAuB,EAAEC,iBAAiB,QAAQ,UAAU"}

package/lib-commonjs/Alert.js

@@ -1,10 +1,28 @@
-"use strict";
-
+/* eslint-disable @typescript-eslint/no-deprecated */ "use strict";
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-
-const tslib_1 = /*#__PURE__*/require("tslib");
-
-tslib_1.__exportStar(require("./components/Alert/index"), exports);
-//# sourceMappingURL=Alert.js.map
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Alert: function() {
+        return _index.Alert;
+    },
+    alertClassNames: function() {
+        return _index.alertClassNames;
+    },
+    renderAlert_unstable: function() {
+        return _index.renderAlert_unstable;
+    },
+    useAlertStyles_unstable: function() {
+        return _index.useAlertStyles_unstable;
+    },
+    useAlert_unstable: function() {
+        return _index.useAlert_unstable;
+    }
+});
+const _index = require("./components/Alert/index");

package/lib-commonjs/Alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Alert.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Alert/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/Alert.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nexport type { AlertProps, AlertSlots, AlertState } from './components/Alert/index';\nexport {\n  Alert,\n  alertClassNames,\n  renderAlert_unstable,\n  useAlertStyles_unstable,\n  useAlert_unstable,\n} from './components/Alert/index';\n"],"names":["Alert","alertClassNames","renderAlert_unstable","useAlertStyles_unstable","useAlert_unstable"],"mappings":"AAAA,mDAAmD,GAEnD;;;;;;;;;;;;eACEA,YAAK;;;eACLC,sBAAe;;;eACfC,2BAAoB;;;eACpBC,8BAAuB;;;eACvBC,wBAAiB;;;uBACZ,2BAA2B"}

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

@@ -1,27 +1,27 @@
+'use client';
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Alert = void 0;
-
-const React = /*#__PURE__*/require("react");
-
-const renderAlert_1 = /*#__PURE__*/require("./renderAlert");
-
-const useAlert_1 = /*#__PURE__*/require("./useAlert");
-
-const useAlertStyles_1 = /*#__PURE__*/require("./useAlertStyles");
-/**
- * An Alert component displays a brief, important message to attract a user's attention
- *  without interrupting their current task.
- */
-
-
-exports.Alert = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useAlert_1.useAlert_unstable(props, ref);
-  useAlertStyles_1.useAlertStyles_unstable(state);
-  return renderAlert_1.renderAlert_unstable(state);
+Object.defineProperty(exports, "Alert", {
+    enumerable: true,
+    get: function() {
+        return Alert;
+    }
 });
-exports.Alert.displayName = 'Alert';
-//# sourceMappingURL=Alert.js.map
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _renderAlert = require("./renderAlert");
+const _useAlert = require("./useAlert");
+const _useAlertStylesstyles = require("./useAlertStyles.styles");
+const Alert = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    const state = (0, _useAlert.useAlert_unstable)(props, ref);
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    (0, _useAlertStylesstyles.useAlertStyles_unstable)(state);
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    return (0, _renderAlert.renderAlert_unstable)(state);
+// eslint-disable-next-line @typescript-eslint/no-deprecated
+});
+// eslint-disable-next-line @typescript-eslint/no-deprecated
+Alert.displayName = 'Alert';

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAKA;;;AAGG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EACpF,MAAM,KAAK,GAAG,UAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;EAEA,gBAAA,CAAA,uBAAA,CAAwB,KAAxB;EACA,OAAO,aAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourcesContent":["import * as React from 'react';\n\nimport { renderAlert_unstable } from './renderAlert';\nimport { useAlert_unstable } from './useAlert';\nimport { useAlertStyles_unstable } from './useAlertStyles';\n\nimport type { AlertProps } from './Alert.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * An Alert component displays a brief, important message to attract a user's attention\n *  without interrupting their current task.\n */\nexport const Alert: ForwardRefComponent<AlertProps> = React.forwardRef((props, ref) => {\n  const state = useAlert_unstable(props, ref);\n\n  useAlertStyles_unstable(state);\n  return renderAlert_unstable(state);\n}) as ForwardRefComponent<AlertProps>;\n\nAlert.displayName = 'Alert';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { renderAlert_unstable } from './renderAlert';\nimport { useAlert_unstable } from './useAlert';\nimport { useAlertStyles_unstable } from './useAlertStyles.styles';\n\nimport type { AlertProps } from './Alert.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * @deprecated please use the Toast or MessageBar component\n * An Alert component displays a brief, important message to attract a user's attention\n *  without interrupting their current task.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const Alert: ForwardRefComponent<AlertProps> = React.forwardRef((props, ref) => {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const state = useAlert_unstable(props, ref);\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  useAlertStyles_unstable(state);\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  return renderAlert_unstable(state);\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n}) as ForwardRefComponent<AlertProps>;\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nAlert.displayName = 'Alert';\n"],"names":["React","renderAlert_unstable","useAlert_unstable","useAlertStyles_unstable","Alert","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BAEM,gBAAgB;0BACnB,aAAa;sCACP,0BAA0B;AAW3D,MAAMI,QAAAA,WAAAA,GAAyCJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7E,4DAA4D;IAC5D,MAAMC,YAAQN,2BAAAA,EAAkBI,OAAOC;IAEvC,4DAA4D;QAC5DJ,6CAAAA,EAAwBK;IACxB,4DAA4D;IAC5D,WAAOP,iCAAAA,EAAqBO;AAC5B,4DAA4D;AAC9D,GAAsC;AAEtC,4DAA4D;AAC5DJ,MAAMK,WAAW,GAAG"}

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

@@ -1,6 +1,8 @@
+/**
+ * State used in rendering Alert
+ * @deprecated please use the Toast or MessageBar component
+ */ // eslint-disable-next-line @typescript-eslint/no-deprecated
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-//# sourceMappingURL=Alert.types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
+{"version":3,"sources":["../src/components/Alert/Alert.types.ts"],"sourcesContent":["import { Avatar } from '@fluentui/react-avatar';\nimport { Button } from '@fluentui/react-button';\n\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * @deprecated please use the Toast or MessageBar component\n */\nexport type AlertSlots = {\n  /**\n   * The root slot is the top level container for the alert component\n   */\n  root: NonNullable<Slot<'div'>>;\n  /**\n   * The icon slot renders the icon determined by the `icon` or `intent` prop\n   */\n  icon?: Slot<'span'>;\n  /**\n   * The action slot renders a button that prompts the user to take action on the alert\n   */\n  action?: Slot<typeof Button>;\n  /**\n   * The avatar slot renders an avatar before the contents of the alert\n   */\n  avatar?: Slot<typeof Avatar>;\n};\n\n/**\n * Alert Props\n * @deprecated please use the Toast or MessageBar component\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type AlertProps = ComponentProps<AlertSlots> & {\n  /**\n   * The intent prop, if present, determines the icon to be rendered in the icon slot. The icon prop\n   * overrides the intent prop\n   */\n  intent?: 'info' | 'success' | 'error' | 'warning';\n  /**\n   * The appearance of the Alert.\n   * @default 'primary'\n   */\n  appearance?: 'primary' | 'inverted';\n};\n\n/**\n * State used in rendering Alert\n * @deprecated please use the Toast or MessageBar component\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type AlertState = ComponentState<AlertSlots> &\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  Pick<AlertProps, 'intent'> &\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  Required<Pick<AlertProps, 'appearance'>>;\n"],"names":[],"mappings":"AA6CA;;;CAGC,GACD,4DAA4D"}

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

@@ -1,18 +1,31 @@
-"use strict";
-
+/* eslint-disable @typescript-eslint/no-deprecated */ "use strict";
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-
-const tslib_1 = /*#__PURE__*/require("tslib");
-
-tslib_1.__exportStar(require("./Alert"), exports);
-
-tslib_1.__exportStar(require("./Alert.types"), exports);
-
-tslib_1.__exportStar(require("./renderAlert"), exports);
-
-tslib_1.__exportStar(require("./useAlert"), exports);
-
-tslib_1.__exportStar(require("./useAlertStyles"), exports);
-//# sourceMappingURL=index.js.map
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Alert: function() {
+        return _Alert.Alert;
+    },
+    alertClassNames: function() {
+        return _useAlertStylesstyles.alertClassNames;
+    },
+    renderAlert_unstable: function() {
+        return _renderAlert.renderAlert_unstable;
+    },
+    useAlertStyles_unstable: function() {
+        return _useAlertStylesstyles.useAlertStyles_unstable;
+    },
+    useAlert_unstable: function() {
+        return _useAlert.useAlert_unstable;
+    }
+});
+const _Alert = require("./Alert");
+const _renderAlert = require("./renderAlert");
+const _useAlert = require("./useAlert");
+const _useAlertStylesstyles = require("./useAlertStyles.styles");

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Alert/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Alert';\nexport * from './Alert.types';\nexport * from './renderAlert';\nexport * from './useAlert';\nexport * from './useAlertStyles';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/components/Alert/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nexport { Alert } from './Alert';\nexport type { AlertProps, AlertSlots, AlertState } from './Alert.types';\nexport { renderAlert_unstable } from './renderAlert';\nexport { useAlert_unstable } from './useAlert';\nexport { alertClassNames, useAlertStyles_unstable } from './useAlertStyles.styles';\n"],"names":["Alert","renderAlert_unstable","useAlert_unstable","alertClassNames","useAlertStyles_unstable"],"mappings":"AAAA,mDAAmD,GACnD;;;;;;;;;;;;eAASA,YAAK;;;eAILG,qCAAe;;;eAFfF,iCAAoB;;;eAEHG,6CAAuB;;;eADxCF,2BAAiB;;;uBAHJ,UAAU;6BAEK,gBAAgB;0BACnB,aAAa;sCACU,0BAA0B"}

package/lib-commonjs/components/Alert/renderAlert.js

@@ -1,25 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.renderAlert_unstable = void 0;
-
-const React = /*#__PURE__*/require("react");
-
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-const renderAlert_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, { ...slotProps.root
-  }, slots.icon && React.createElement(slots.icon, { ...slotProps.icon
-  }), slots.avatar && React.createElement(slots.avatar, { ...slotProps.avatar
-  }), slotProps.root.children, slots.action && React.createElement(slots.action, { ...slotProps.action
-  }));
+Object.defineProperty(exports, "renderAlert_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderAlert_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderAlert_unstable = (state)=>{
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+            state.avatar && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.avatar, {}),
+            state.root.children,
+            state.action && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.action, {})
+        ]
+    });
 };
-
-exports.renderAlert_unstable = renderAlert_unstable;
-//# sourceMappingURL=renderAlert.js.map

package/lib-commonjs/components/Alert/renderAlert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Alert/renderAlert.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAIO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;EACxD,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,CAA7B;EAEA,OACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,EACG,KAAK,CAAC,IAAN,IAAc,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,CADjB,EAEG,KAAK,CAAC,MAAN,IAAgB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;EAAf,CAAb,CAFnB,EAGG,SAAS,CAAC,IAAV,CAAe,QAHlB,EAIG,KAAK,CAAC,MAAN,IAAgB,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;EAAf,CAAb,CAJnB,CADF;AAQD,CAXM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import * as React from 'react';\n\nimport { getSlots } from '@fluentui/react-utilities';\n\nimport type { AlertState, AlertSlots } from './Alert.types';\n\nexport const renderAlert_unstable = (state: AlertState) => {\n  const { slots, slotProps } = getSlots<AlertSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.icon && <slots.icon {...slotProps.icon} />}\n      {slots.avatar && <slots.avatar {...slotProps.avatar} />}\n      {slotProps.root.children}\n      {slots.action && <slots.action {...slotProps.action} />}\n    </slots.root>\n  );\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/components/Alert/renderAlert.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type * as React from 'react';\n\nimport type { AlertState, AlertSlots } from './Alert.types';\n\n/**\n * @deprecated please use the Toast or MessageBar component\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const renderAlert_unstable = (state: AlertState): React.ReactElement => {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  assertSlots<AlertSlots>(state);\n\n  return (\n    <state.root>\n      {state.icon && <state.icon />}\n      {state.avatar && <state.avatar />}\n      {state.root.children}\n      {state.action && <state.action />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderAlert_unstable","state","root","icon","avatar","children","action"],"mappings":";;;;+BAWaC;;;;;;4BAVb,iCAAiD;gCACrB,4BAA4B;AASjD,6BAA6B,CAACC;IACnC,4DAA4D;QAC5DF,2BAAAA,EAAwBE;IAExB,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAME,IAAI,IAAA,WAAA,OAAI,eAAA,EAACF,MAAME,IAAI,EAAA,CAAA;YACzBF,MAAMG,MAAM,IAAA,WAAA,OAAI,eAAA,EAACH,MAAMG,MAAM,EAAA,CAAA;YAC7BH,MAAMC,IAAI,CAACG,QAAQ;YACnBJ,MAAMK,MAAM,IAAA,WAAA,OAAI,eAAA,EAACL,MAAMK,MAAM,EAAA,CAAA;;;AAGpC,EAAE"}

package/lib-commonjs/components/Alert/useAlert.js

@@ -1,98 +1,80 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useAlert_unstable = void 0;
-
-const React = /*#__PURE__*/require("react");
-
-const react_avatar_1 = /*#__PURE__*/require("@fluentui/react-avatar");
-
-const react_button_1 = /*#__PURE__*/require("@fluentui/react-button");
-
-const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
-
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Create the state required to render Alert.
- *
- * The returned state can be modified with hooks such as useAlertStyles_unstable,
- * before being passed to renderAlert_unstable.
- *
- * @param props - props from this instance of Alert
- * @param ref - reference to root HTMLElement of Alert
- */
-
-
-const useAlert_unstable = (props, ref) => {
-  const {
-    appearance = 'primary',
-    intent
-  } = props;
-  /** Determine the role and icon to render based on the intent */
-
-  let defaultIcon;
-  let defaultRole = 'status';
-
-  switch (intent) {
-    case 'success':
-      defaultIcon = React.createElement(react_icons_1.CheckmarkCircleFilled, null);
-      break;
-
-    case 'error':
-      defaultIcon = React.createElement(react_icons_1.DismissCircleFilled, null);
-      defaultRole = 'alert';
-      break;
-
-    case 'warning':
-      defaultIcon = React.createElement(react_icons_1.WarningFilled, null);
-      defaultRole = 'alert';
-      break;
-
-    case 'info':
-      defaultIcon = React.createElement(react_icons_1.InfoFilled, null);
-      break;
-  }
-
-  const action = react_utilities_1.resolveShorthand(props.action, {
-    defaultProps: {
-      appearance: 'transparent'
+Object.defineProperty(exports, "useAlert_unstable", {
+    enumerable: true,
+    get: function() {
+        return useAlert_unstable;
     }
-  });
-  const avatar = react_utilities_1.resolveShorthand(props.avatar);
-  let icon;
-  /** Avatar prop takes precedence over the icon or intent prop */
-
-  if (!avatar) {
-    icon = react_utilities_1.resolveShorthand(props.icon, {
-      defaultProps: {
-        children: defaultIcon
-      },
-      required: !!props.intent
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactavatar = require("@fluentui/react-avatar");
+const _reactbutton = require("@fluentui/react-button");
+const _reacticons = require("@fluentui/react-icons");
+const _reactutilities = require("@fluentui/react-utilities");
+const useAlert_unstable = (props, ref)=>{
+    const { appearance = 'primary', intent } = props;
+    /** Determine the role and icon to render based on the intent */ let defaultIcon;
+    let defaultRole = 'status';
+    switch(intent){
+        case 'success':
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.CheckmarkCircleFilled, null);
+            break;
+        case 'error':
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.DismissCircleFilled, null);
+            defaultRole = 'alert';
+            break;
+        case 'warning':
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.WarningFilled, null);
+            defaultRole = 'alert';
+            break;
+        case 'info':
+            defaultIcon = /*#__PURE__*/ _react.createElement(_reacticons.InfoFilled, null);
+            break;
+    }
+    const action = _reactutilities.slot.optional(props.action, {
+        defaultProps: {
+            appearance: 'transparent'
+        },
+        elementType: _reactbutton.Button
     });
-  }
-
-  return {
-    action,
-    appearance,
-    avatar,
-    components: {
-      root: 'div',
-      icon: 'span',
-      action: react_button_1.Button,
-      avatar: react_avatar_1.Avatar
-    },
-    icon,
-    intent,
-    root: react_utilities_1.getNativeElementProps('div', {
-      ref,
-      role: defaultRole,
-      children: props.children,
-      ...props
-    })
-  };
+    const avatar = _reactutilities.slot.optional(props.avatar, {
+        elementType: _reactavatar.Avatar
+    });
+    let icon;
+    /** Avatar prop takes precedence over the icon or intent prop */ if (!avatar) {
+        icon = _reactutilities.slot.optional(props.icon, {
+            defaultProps: {
+                children: defaultIcon
+            },
+            renderByDefault: !!props.intent,
+            elementType: 'span'
+        });
+    }
+    return {
+        action,
+        appearance,
+        avatar,
+        components: {
+            root: 'div',
+            icon: 'span',
+            action: _reactbutton.Button,
+            avatar: _reactavatar.Avatar
+        },
+        icon,
+        intent,
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            // FIXME:
+            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
+            // but since it would be a breaking change to fix it, we are casting ref to it's proper type
+            ref: ref,
+            role: defaultRole,
+            children: props.children,
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
 };
-
-exports.useAlert_unstable = useAlert_unstable;
-//# sourceMappingURL=useAlert.js.map

package/lib-commonjs/components/Alert/useAlert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Alert/useAlert.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;;;;;;;AAQG;;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAA+D;EAC9F,MAAM;IAAE,UAAU,GAAG,SAAf;IAA0B;EAA1B,IAAqC,KAA3C;EAEA;;EACA,IAAI,WAAJ;EACA,IAAI,WAAW,GAAG,QAAlB;;EACA,QAAQ,MAAR;IACE,KAAK,SAAL;MACE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,qBAAD,EAAsB,IAAtB,CAAd;MACA;;IACF,KAAK,OAAL;MACE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,mBAAD,EAAoB,IAApB,CAAd;MACA,WAAW,GAAG,OAAd;MACA;;IACF,KAAK,SAAL;MACE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,aAAD,EAAc,IAAd,CAAd;MACA,WAAW,GAAG,OAAd;MACA;;IACF,KAAK,MAAL;MACE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,UAAD,EAAW,IAAX,CAAd;MACA;EAdJ;;EAiBA,MAAM,MAAM,GAAG,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,MAAvB,EAA+B;IAAE,YAAY,EAAE;MAAE,UAAU,EAAE;IAAd;EAAhB,CAA/B,CAAf;EACA,MAAM,MAAM,GAAG,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,MAAvB,CAAf;EACA,IAAI,IAAJ;EACA;;EACA,IAAI,CAAC,MAAL,EAAa;IACX,IAAI,GAAG,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,IAAvB,EAA6B;MAClC,YAAY,EAAE;QACZ,QAAQ,EAAE;MADE,CADoB;MAIlC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC;IAJgB,CAA7B,CAAP;EAMD;;EAED,OAAO;IACL,MADK;IAEL,UAFK;IAGL,MAHK;IAIL,UAAU,EAAE;MACV,IAAI,EAAE,KADI;MAEV,IAAI,EAAE,MAFI;MAGV,MAAM,EAAE,cAAA,CAAA,MAHE;MAIV,MAAM,EAAE,cAAA,CAAA;IAJE,CAJP;IAUL,IAVK;IAWL,MAXK;IAYL,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;MACjC,GADiC;MAEjC,IAAI,EAAE,WAF2B;MAGjC,QAAQ,EAAE,KAAK,CAAC,QAHiB;MAIjC,GAAG;IAJ8B,CAA7B;EAZD,CAAP;AAmBD,CAvDM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourcesContent":["import * as React from 'react';\n\nimport { Avatar } from '@fluentui/react-avatar';\nimport { Button } from '@fluentui/react-button';\nimport { CheckmarkCircleFilled, DismissCircleFilled, InfoFilled, WarningFilled } from '@fluentui/react-icons';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\n\nimport type { AlertProps, AlertState } from './Alert.types';\n\n/**\n * Create the state required to render Alert.\n *\n * The returned state can be modified with hooks such as useAlertStyles_unstable,\n * before being passed to renderAlert_unstable.\n *\n * @param props - props from this instance of Alert\n * @param ref - reference to root HTMLElement of Alert\n */\nexport const useAlert_unstable = (props: AlertProps, ref: React.Ref<HTMLElement>): AlertState => {\n  const { appearance = 'primary', intent } = props;\n\n  /** Determine the role and icon to render based on the intent */\n  let defaultIcon;\n  let defaultRole = 'status';\n  switch (intent) {\n    case 'success':\n      defaultIcon = <CheckmarkCircleFilled />;\n      break;\n    case 'error':\n      defaultIcon = <DismissCircleFilled />;\n      defaultRole = 'alert';\n      break;\n    case 'warning':\n      defaultIcon = <WarningFilled />;\n      defaultRole = 'alert';\n      break;\n    case 'info':\n      defaultIcon = <InfoFilled />;\n      break;\n  }\n\n  const action = resolveShorthand(props.action, { defaultProps: { appearance: 'transparent' } });\n  const avatar = resolveShorthand(props.avatar);\n  let icon;\n  /** Avatar prop takes precedence over the icon or intent prop */\n  if (!avatar) {\n    icon = resolveShorthand(props.icon, {\n      defaultProps: {\n        children: defaultIcon,\n      },\n      required: !!props.intent,\n    });\n  }\n\n  return {\n    action,\n    appearance,\n    avatar,\n    components: {\n      root: 'div',\n      icon: 'span',\n      action: Button,\n      avatar: Avatar,\n    },\n    icon,\n    intent,\n    root: getNativeElementProps('div', {\n      ref,\n      role: defaultRole,\n      children: props.children,\n      ...props,\n    }),\n  };\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/components/Alert/useAlert.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Avatar } from '@fluentui/react-avatar';\nimport { Button } from '@fluentui/react-button';\nimport { CheckmarkCircleFilled, DismissCircleFilled, InfoFilled, WarningFilled } from '@fluentui/react-icons';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport type { AlertProps, AlertState } from './Alert.types';\n\n/**\n * @deprecated please use the Toast or MessageBar component\n * Create the state required to render Alert.\n *\n * The returned state can be modified with hooks such as useAlertStyles_unstable,\n * before being passed to renderAlert_unstable.\n *\n * @param props - props from this instance of Alert\n * @param ref - reference to root HTMLElement of Alert\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const useAlert_unstable = (props: AlertProps, ref: React.Ref<HTMLElement>): AlertState => {\n  const { appearance = 'primary', intent } = props;\n\n  /** Determine the role and icon to render based on the intent */\n  let defaultIcon;\n  let defaultRole = 'status';\n  switch (intent) {\n    case 'success':\n      defaultIcon = <CheckmarkCircleFilled />;\n      break;\n    case 'error':\n      defaultIcon = <DismissCircleFilled />;\n      defaultRole = 'alert';\n      break;\n    case 'warning':\n      defaultIcon = <WarningFilled />;\n      defaultRole = 'alert';\n      break;\n    case 'info':\n      defaultIcon = <InfoFilled />;\n      break;\n  }\n\n  const action = slot.optional(props.action, { defaultProps: { appearance: 'transparent' }, elementType: Button });\n  const avatar = slot.optional(props.avatar, { elementType: Avatar });\n  let icon;\n  /** Avatar prop takes precedence over the icon or intent prop */ if (!avatar) {\n    icon = slot.optional(props.icon, {\n      defaultProps: { children: defaultIcon },\n      renderByDefault: !!props.intent,\n      elementType: 'span',\n    });\n  }\n  return {\n    action,\n    appearance,\n    avatar,\n    components: { root: 'div', icon: 'span', action: Button, avatar: Avatar },\n    icon,\n    intent,\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n        role: defaultRole,\n        children: props.children,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["React","Avatar","Button","CheckmarkCircleFilled","DismissCircleFilled","InfoFilled","WarningFilled","getIntrinsicElementProps","slot","useAlert_unstable","props","ref","appearance","intent","defaultIcon","defaultRole","action","optional","defaultProps","elementType","avatar","icon","children","renderByDefault","components","root","always","role"],"mappings":";;;;+BAoBaS;;;;;;;iEApBU,QAAQ;6BAER,yBAAyB;6BACzB,yBAAyB;4BACsC,wBAAwB;gCAC/D,4BAA4B;AAepE,0BAA0B,CAACC,OAAmBC;IACnD,MAAM,EAAEC,aAAa,SAAS,EAAEC,MAAM,EAAE,GAAGH;IAE3C,8DAA8D,GAC9D,IAAII;IACJ,IAAIC,cAAc;IAClB,OAAQF;QACN,KAAK;YACHC,cAAAA,WAAAA,GAAc,OAAA,aAAA,CAACX,iCAAAA,EAAAA;YACf;QACF,KAAK;YACHW,cAAAA,WAAAA,GAAc,OAAA,aAAA,CAACV,+BAAAA,EAAAA;YACfW,cAAc;YACd;QACF,KAAK;YACHD,cAAAA,WAAAA,GAAc,OAAA,aAAA,CAACR,yBAAAA,EAAAA;YACfS,cAAc;YACd;QACF,KAAK;YACHD,cAAAA,WAAAA,GAAc,OAAA,aAAA,CAACT,sBAAAA,EAAAA;YACf;IACJ;IAEA,MAAMW,SAASR,oBAAAA,CAAKS,QAAQ,CAACP,MAAMM,MAAM,EAAE;QAAEE,cAAc;YAAEN,YAAY;QAAc;QAAGO,aAAajB,mBAAAA;IAAO;IAC9G,MAAMkB,SAASZ,oBAAAA,CAAKS,QAAQ,CAACP,MAAMU,MAAM,EAAE;QAAED,aAAalB,mBAAAA;IAAO;IACjE,IAAIoB;IACJ,8DAA8D,GAAG,IAAI,CAACD,QAAQ;QAC5EC,OAAOb,oBAAAA,CAAKS,QAAQ,CAACP,MAAMW,IAAI,EAAE;YAC/BH,cAAc;gBAAEI,UAAUR;YAAY;YACtCS,iBAAiB,CAAC,CAACb,MAAMG,MAAM;YAC/BM,aAAa;QACf;IACF;IACA,OAAO;QACLH;QACAJ;QACAQ;QACAI,YAAY;YAAEC,MAAM;YAAOJ,MAAM;YAAQL,QAAQd,mBAAAA;YAAQkB,QAAQnB,mBAAAA;QAAO;QACxEoB;QACAR;QACAY,MAAMjB,oBAAAA,CAAKkB,MAAM,KACfnB,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FI,KAAKA;YACLgB,MAAMZ;YACNO,UAAUZ,MAAMY,QAAQ;YACxB,GAAGZ,KAAK;QACV,IACA;YAAES,aAAa;QAAM;IAEzB;AACF,EAAE"}