@fluentui/react-toast 9.2.3 → 9.3.1

package/CHANGELOG.json

@@ -2,7 +2,61 @@
   "name": "@fluentui/react-toast",
   "entries": [
     {
-      "date": "Wed, 06 Sep 2023 13:27:23 GMT",
+      "date": "Thu, 14 Sep 2023 16:40:23 GMT",
+      "tag": "@fluentui/react-toast_v9.3.1",
+      "version": "9.3.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.8",
+            "commit": "bad33fa7f241bc772b5bc4c6ee624d6ff6b4a473"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 12 Sep 2023 08:51:33 GMT",
+      "tag": "@fluentui/react-toast_v9.3.0",
+      "version": "9.3.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "lingfan.gao@microsoft.com",
+            "package": "@fluentui/react-toast",
+            "commit": "3ed4c7108eea13edd4da142df951a887c904bf02",
+            "comment": "feat(Toaster): Adds `inline` prop"
+          },
+          {
+            "author": "lingfan.gao@microsoft.com",
+            "package": "@fluentui/react-toast",
+            "commit": "52532950407fd4d3664ec6aa337855214233813b",
+            "comment": "feat: Add center aligned positions for Toast"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.7",
+            "commit": "6fa505d282299778ee9c160ab91f2f510e2d4335"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-portal to v9.3.14",
+            "commit": "6fa505d282299778ee9c160ab91f2f510e2d4335"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-tabster to v9.12.9",
+            "commit": "6fa505d282299778ee9c160ab91f2f510e2d4335"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 06 Sep 2023 13:31:31 GMT",
       "tag": "@fluentui/react-toast_v9.2.3",
       "version": "9.2.3",
       "comments": {
@@ -11,31 +65,31 @@
             "author": "beachball",
             "package": "@fluentui/react-toast",
             "comment": "Bump @fluentui/react-aria to v9.3.36",
-            "commit": "8582884f9000d15185fe7b074c6fde00d84e961c"
+            "commit": "52532950407fd4d3664ec6aa337855214233813b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-toast",
             "comment": "Bump @fluentui/react-jsx-runtime to v9.0.6",
-            "commit": "8582884f9000d15185fe7b074c6fde00d84e961c"
+            "commit": "52532950407fd4d3664ec6aa337855214233813b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-toast",
             "comment": "Bump @fluentui/react-portal to v9.3.13",
-            "commit": "8582884f9000d15185fe7b074c6fde00d84e961c"
+            "commit": "52532950407fd4d3664ec6aa337855214233813b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-toast",
             "comment": "Bump @fluentui/react-tabster to v9.12.8",
-            "commit": "8582884f9000d15185fe7b074c6fde00d84e961c"
+            "commit": "52532950407fd4d3664ec6aa337855214233813b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-toast",
             "comment": "Bump @fluentui/react-utilities to v9.13.3",
-            "commit": "8582884f9000d15185fe7b074c6fde00d84e961c"
+            "commit": "52532950407fd4d3664ec6aa337855214233813b"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,21 +1,43 @@
 # Change Log - @fluentui/react-toast
 
-This log was last generated on Wed, 06 Sep 2023 13:27:23 GMT and should not be manually modified.
+This log was last generated on Thu, 14 Sep 2023 16:40:23 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-toast_v9.3.1)
+
+Thu, 14 Sep 2023 16:40:23 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toast_v9.3.0..@fluentui/react-toast_v9.3.1)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.8 ([PR #29145](https://github.com/microsoft/fluentui/pull/29145) by beachball)
+
+## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-toast_v9.3.0)
+
+Tue, 12 Sep 2023 08:51:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toast_v9.2.3..@fluentui/react-toast_v9.3.0)
+
+### Minor changes
+
+- feat(Toaster): Adds `inline` prop ([PR #29085](https://github.com/microsoft/fluentui/pull/29085) by lingfan.gao@microsoft.com)
+- feat: Add center aligned positions for Toast ([PR #29080](https://github.com/microsoft/fluentui/pull/29080) by lingfan.gao@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.0.7 ([PR #29129](https://github.com/microsoft/fluentui/pull/29129) by beachball)
+- Bump @fluentui/react-portal to v9.3.14 ([PR #29129](https://github.com/microsoft/fluentui/pull/29129) by beachball)
+- Bump @fluentui/react-tabster to v9.12.9 ([PR #29129](https://github.com/microsoft/fluentui/pull/29129) by beachball)
+
 ## [9.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-toast_v9.2.3)
 
-Wed, 06 Sep 2023 13:27:23 GMT 
+Wed, 06 Sep 2023 13:31:31 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toast_v9.2.2..@fluentui/react-toast_v9.2.3)
 
 ### Patches
 
-- Bump @fluentui/react-aria to v9.3.36 ([PR #28988](https://github.com/microsoft/fluentui/pull/28988) by beachball)
-- Bump @fluentui/react-jsx-runtime to v9.0.6 ([PR #28988](https://github.com/microsoft/fluentui/pull/28988) by beachball)
-- Bump @fluentui/react-portal to v9.3.13 ([PR #28988](https://github.com/microsoft/fluentui/pull/28988) by beachball)
-- Bump @fluentui/react-tabster to v9.12.8 ([PR #28988](https://github.com/microsoft/fluentui/pull/28988) by beachball)
-- Bump @fluentui/react-utilities to v9.13.3 ([PR #28988](https://github.com/microsoft/fluentui/pull/28988) by beachball)
+- Bump @fluentui/react-aria to v9.3.36 ([PR #29080](https://github.com/microsoft/fluentui/pull/29080) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.6 ([PR #29080](https://github.com/microsoft/fluentui/pull/29080) by beachball)
+- Bump @fluentui/react-portal to v9.3.13 ([PR #29080](https://github.com/microsoft/fluentui/pull/29080) by beachball)
+- Bump @fluentui/react-tabster to v9.12.8 ([PR #29080](https://github.com/microsoft/fluentui/pull/29080) by beachball)
+- Bump @fluentui/react-utilities to v9.13.3 ([PR #29080](https://github.com/microsoft/fluentui/pull/29080) by beachball)
 
 ## [9.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-toast_v9.2.2)
 

package/dist/index.d.ts

@@ -169,6 +169,7 @@ export declare type ToasterProps = Omit<ComponentProps<ToasterSlots>, 'children'
      * User override API for aria-live narration for toasts
      */
     announce?: Announce;
+    inline?: boolean;
 };
 
 declare interface ToasterShortcuts {
@@ -188,12 +189,14 @@ declare type ToasterSlotsInternal = ToasterSlots & {
     bottomStart?: Slot<'div'>;
     topEnd?: Slot<'div'>;
     topStart?: Slot<'div'>;
+    top?: Slot<'div'>;
+    bottom?: Slot<'div'>;
 };
 
 /**
  * State used in rendering Toaster
  */
-export declare type ToasterState = ComponentState<ToasterSlotsInternal> & Pick<AriaLiveProps, 'announceRef'> & Pick<PortalProps, 'mountNode'> & Pick<Required<ToasterProps>, 'announce'> & {
+export declare type ToasterState = ComponentState<ToasterSlotsInternal> & Pick<AriaLiveProps, 'announceRef'> & Pick<PortalProps, 'mountNode'> & Pick<Required<ToasterProps>, 'announce' | 'inline'> & {
     offset: ToasterOptions['offset'] | undefined;
     renderAriaLive: boolean;
     dir: 'rtl' | 'ltr';
@@ -306,7 +309,7 @@ declare interface ToastOptions<TData = object> {
 
 export declare type ToastPoliteness = 'assertive' | 'polite';
 
-export declare type ToastPosition = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start';
+export declare type ToastPosition = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start' | 'top' | 'bottom';
 
 /**
  * Toast Props

package/lib/components/AriaLive/renderAriaLive.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of AriaLive

package/lib/components/Toast/renderToast.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 import { BackgroundAppearanceProvider } from '@fluentui/react-shared-contexts';
 /**

package/lib/components/ToastBody/renderToastBody.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of ToastBody

package/lib/components/ToastContainer/renderToastContainer.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 import { Transition } from 'react-transition-group';
 import { ToastContainerContextProvider } from '../../contexts/toastContainerContext';

package/lib/components/ToastFooter/renderToastFooter.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of ToastFooter

package/lib/components/ToastTitle/renderToastTitle.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of ToastTitle

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

@@ -1 +1 @@
-{"version":3,"sources":["Toaster.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PortalProps } from '@fluentui/react-portal';\nimport { ToasterOptions } from '../../state/types';\nimport { Announce, AriaLiveProps } from '../AriaLive';\n\nexport type ToasterSlots = {\n  /**\n   * NOTE: This root slot maps in exactly the same way to the containers rendered for each toast position\n   * There is no intention (currently) to let users customize the div for each toast position.\n   */\n  root: Slot<'div'>;\n};\n\nexport type ToasterSlotsInternal = ToasterSlots & {\n  bottomEnd?: Slot<'div'>;\n  bottomStart?: Slot<'div'>;\n  topEnd?: Slot<'div'>;\n  topStart?: Slot<'div'>;\n};\n\n/**\n * Toaster Props\n */\nexport type ToasterProps = Omit<ComponentProps<ToasterSlots>, 'children'> &\n  Partial<ToasterOptions> &\n  Pick<PortalProps, 'mountNode'> & {\n    /**\n     * User override API for aria-live narration for toasts\n     */\n    announce?: Announce;\n  };\n\n/**\n * State used in rendering Toaster\n */\nexport type ToasterState = ComponentState<ToasterSlotsInternal> &\n  Pick<AriaLiveProps, 'announceRef'> &\n  Pick<PortalProps, 'mountNode'> &\n  Pick<Required<ToasterProps>, 'announce'> & {\n    offset: ToasterOptions['offset'] | undefined;\n    renderAriaLive: boolean;\n    dir: 'rtl' | 'ltr';\n  };\n"],"names":[],"mappings":"AAAA,WA0CI"}
+{"version":3,"sources":["Toaster.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PortalProps } from '@fluentui/react-portal';\nimport { ToasterOptions } from '../../state/types';\nimport { Announce, AriaLiveProps } from '../AriaLive';\n\nexport type ToasterSlots = {\n  /**\n   * NOTE: This root slot maps in exactly the same way to the containers rendered for each toast position\n   * There is no intention (currently) to let users customize the div for each toast position.\n   */\n  root: Slot<'div'>;\n};\n\nexport type ToasterSlotsInternal = ToasterSlots & {\n  bottomEnd?: Slot<'div'>;\n  bottomStart?: Slot<'div'>;\n  topEnd?: Slot<'div'>;\n  topStart?: Slot<'div'>;\n  top?: Slot<'div'>;\n  bottom?: Slot<'div'>;\n};\n\n/**\n * Toaster Props\n */\nexport type ToasterProps = Omit<ComponentProps<ToasterSlots>, 'children'> &\n  Partial<ToasterOptions> &\n  Pick<PortalProps, 'mountNode'> & {\n    /**\n     * User override API for aria-live narration for toasts\n     */\n    announce?: Announce;\n\n    inline?: boolean;\n  };\n\n/**\n * State used in rendering Toaster\n */\nexport type ToasterState = ComponentState<ToasterSlotsInternal> &\n  Pick<AriaLiveProps, 'announceRef'> &\n  Pick<PortalProps, 'mountNode'> &\n  Pick<Required<ToasterProps>, 'announce' | 'inline'> & {\n    offset: ToasterOptions['offset'] | undefined;\n    renderAriaLive: boolean;\n    dir: 'rtl' | 'ltr';\n  };\n"],"names":[],"mappings":"AAAA,WA8CI"}

package/lib/components/Toaster/renderToaster.js

@@ -1,26 +1,40 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-utilities';
 import { Portal } from '@fluentui/react-portal';
 import { AriaLive } from '../AriaLive';
 /**
  * Render the final JSX of Toaster
  */ export const renderToaster_unstable = (state)=>{
-    const { announceRef, renderAriaLive } = state;
+    const { announceRef, renderAriaLive, inline, mountNode } = state;
     assertSlots(state);
-    const hasToasts = !!state.bottomStart || !!state.bottomEnd || !!state.topStart || !!state.topEnd;
+    const hasToasts = !!state.bottomStart || !!state.bottomEnd || !!state.topStart || !!state.topEnd || !!state.top || !!state.bottom;
+    const ariaLive = renderAriaLive ? /*#__PURE__*/ _jsx(AriaLive, {
+        announceRef: announceRef
+    }) : null;
+    const positionSlots = /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            state.bottom ? /*#__PURE__*/ _jsx(state.bottom, {}) : null,
+            state.bottomStart ? /*#__PURE__*/ _jsx(state.bottomStart, {}) : null,
+            state.bottomEnd ? /*#__PURE__*/ _jsx(state.bottomEnd, {}) : null,
+            state.topStart ? /*#__PURE__*/ _jsx(state.topStart, {}) : null,
+            state.topEnd ? /*#__PURE__*/ _jsx(state.topEnd, {}) : null,
+            state.top ? /*#__PURE__*/ _jsx(state.top, {}) : null
+        ]
+    });
+    if (inline) {
+        return /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                ariaLive,
+                hasToasts ? positionSlots : null
+            ]
+        });
+    }
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
-            renderAriaLive ? /*#__PURE__*/ _jsx(AriaLive, {
-                announceRef: announceRef
-            }) : null,
-            hasToasts ? /*#__PURE__*/ _jsxs(Portal, {
-                mountNode: state.mountNode,
-                children: [
-                    state.bottomStart ? /*#__PURE__*/ _jsx(state.bottomStart, {}) : null,
-                    state.bottomEnd ? /*#__PURE__*/ _jsx(state.bottomEnd, {}) : null,
-                    state.topStart ? /*#__PURE__*/ _jsx(state.topStart, {}) : null,
-                    state.topEnd ? /*#__PURE__*/ _jsx(state.topEnd, {}) : null
-                ]
+            ariaLive,
+            hasToasts ? /*#__PURE__*/ _jsx(Portal, {
+                mountNode: mountNode,
+                children: positionSlots
             }) : null
         ]
     });

package/lib/components/Toaster/renderToaster.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderToaster.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { Portal } from '@fluentui/react-portal';\nimport type { ToasterState, ToasterSlotsInternal } from './Toaster.types';\nimport { AriaLive } from '../AriaLive';\n\n/**\n * Render the final JSX of Toaster\n */\nexport const renderToaster_unstable = (state: ToasterState) => {\n  const { announceRef, renderAriaLive } = state;\n  assertSlots<ToasterSlotsInternal>(state);\n\n  const hasToasts = !!state.bottomStart || !!state.bottomEnd || !!state.topStart || !!state.topEnd;\n\n  return (\n    <>\n      {renderAriaLive ? <AriaLive announceRef={announceRef} /> : null}\n      {hasToasts ? (\n        <Portal mountNode={state.mountNode}>\n          {state.bottomStart ? <state.bottomStart /> : null}\n          {state.bottomEnd ? <state.bottomEnd /> : null}\n          {state.topStart ? <state.topStart /> : null}\n          {state.topEnd ? <state.topEnd /> : null}\n        </Portal>\n      ) : null}\n    </>\n  );\n};\n"],"names":["assertSlots","Portal","AriaLive","renderToaster_unstable","state","announceRef","renderAriaLive","hasToasts","bottomStart","bottomEnd","topStart","topEnd","mountNode"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AACxD,SAASC,MAAM,QAAQ,yBAAyB;AAEhD,SAASC,QAAQ,QAAQ,cAAc;AAEvC;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC;IACrC,MAAM,EAAEC,WAAW,EAAEC,cAAc,EAAE,GAAGF;IACxCJ,YAAkCI;IAElC,MAAMG,YAAY,CAAC,CAACH,MAAMI,WAAW,IAAI,CAAC,CAACJ,MAAMK,SAAS,IAAI,CAAC,CAACL,MAAMM,QAAQ,IAAI,CAAC,CAACN,MAAMO,MAAM;IAEhG,qBACE;;YACGL,+BAAiB,KAACJ;gBAASG,aAAaA;iBAAkB;YAC1DE,0BACC,MAACN;gBAAOW,WAAWR,MAAMQ,SAAS;;oBAC/BR,MAAMI,WAAW,iBAAG,KAACJ,MAAMI,WAAW,QAAM;oBAC5CJ,MAAMK,SAAS,iBAAG,KAACL,MAAMK,SAAS,QAAM;oBACxCL,MAAMM,QAAQ,iBAAG,KAACN,MAAMM,QAAQ,QAAM;oBACtCN,MAAMO,MAAM,iBAAG,KAACP,MAAMO,MAAM,QAAM;;iBAEnC;;;AAGV,EAAE"}
+{"version":3,"sources":["renderToaster.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { Portal } from '@fluentui/react-portal';\nimport type { ToasterState, ToasterSlotsInternal } from './Toaster.types';\nimport { AriaLive } from '../AriaLive';\n\n/**\n * Render the final JSX of Toaster\n */\nexport const renderToaster_unstable = (state: ToasterState) => {\n  const { announceRef, renderAriaLive, inline, mountNode } = state;\n  assertSlots<ToasterSlotsInternal>(state);\n\n  const hasToasts =\n    !!state.bottomStart || !!state.bottomEnd || !!state.topStart || !!state.topEnd || !!state.top || !!state.bottom;\n\n  const ariaLive = renderAriaLive ? <AriaLive announceRef={announceRef} /> : null;\n  const positionSlots = (\n    <>\n      {state.bottom ? <state.bottom /> : null}\n      {state.bottomStart ? <state.bottomStart /> : null}\n      {state.bottomEnd ? <state.bottomEnd /> : null}\n      {state.topStart ? <state.topStart /> : null}\n      {state.topEnd ? <state.topEnd /> : null}\n      {state.top ? <state.top /> : null}\n    </>\n  );\n\n  if (inline) {\n    return (\n      <>\n        {ariaLive}\n        {hasToasts ? positionSlots : null}\n      </>\n    );\n  }\n\n  return (\n    <>\n      {ariaLive}\n      {hasToasts ? <Portal mountNode={mountNode}>{positionSlots}</Portal> : null}\n    </>\n  );\n};\n"],"names":["assertSlots","Portal","AriaLive","renderToaster_unstable","state","announceRef","renderAriaLive","inline","mountNode","hasToasts","bottomStart","bottomEnd","topStart","topEnd","top","bottom","ariaLive","positionSlots"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AACxD,SAASC,MAAM,QAAQ,yBAAyB;AAEhD,SAASC,QAAQ,QAAQ,cAAc;AAEvC;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC;IACrC,MAAM,EAAEC,WAAW,EAAEC,cAAc,EAAEC,MAAM,EAAEC,SAAS,EAAE,GAAGJ;IAC3DJ,YAAkCI;IAElC,MAAMK,YACJ,CAAC,CAACL,MAAMM,WAAW,IAAI,CAAC,CAACN,MAAMO,SAAS,IAAI,CAAC,CAACP,MAAMQ,QAAQ,IAAI,CAAC,CAACR,MAAMS,MAAM,IAAI,CAAC,CAACT,MAAMU,GAAG,IAAI,CAAC,CAACV,MAAMW,MAAM;IAEjH,MAAMC,WAAWV,+BAAiB,KAACJ;QAASG,aAAaA;SAAkB;IAC3E,MAAMY,8BACJ;;YACGb,MAAMW,MAAM,iBAAG,KAACX,MAAMW,MAAM,QAAM;YAClCX,MAAMM,WAAW,iBAAG,KAACN,MAAMM,WAAW,QAAM;YAC5CN,MAAMO,SAAS,iBAAG,KAACP,MAAMO,SAAS,QAAM;YACxCP,MAAMQ,QAAQ,iBAAG,KAACR,MAAMQ,QAAQ,QAAM;YACtCR,MAAMS,MAAM,iBAAG,KAACT,MAAMS,MAAM,QAAM;YAClCT,MAAMU,GAAG,iBAAG,KAACV,MAAMU,GAAG,QAAM;;;IAIjC,IAAIP,QAAQ;QACV,qBACE;;gBACGS;gBACAP,YAAYQ,gBAAgB;;;IAGnC;IAEA,qBACE;;YACGD;YACAP,0BAAY,KAACR;gBAAOO,WAAWA;0BAAYS;iBAA0B;;;AAG5E,EAAE"}

package/lib/components/Toaster/useToaster.js

@@ -12,7 +12,7 @@ import { useToastAnnounce } from './useToastAnnounce';
  *
  * @param props - props from this instance of Toaster
  */ export const useToaster_unstable = (props)=>{
-    const { offset, announce: announceProp, mountNode, ...rest } = props;
+    const { offset, announce: announceProp, mountNode, inline = false, ...rest } = props;
     const announceRef = React.useRef(()=>null);
     const { toastsToRender, isToastVisible, pauseAllToasts, playAllToasts, tryRestoreFocus, closeAllToasts } = useToaster(rest);
     const announce = React.useCallback((message, options)=>announceRef.current(message, options), []);
@@ -65,7 +65,9 @@ import { useToastAnnounce } from './useToastAnnounce';
             bottomStart: 'div',
             bottomEnd: 'div',
             topStart: 'div',
-            topEnd: 'div'
+            topEnd: 'div',
+            top: 'div',
+            bottom: 'div'
         },
         root: slot.always(rootProps, {
             elementType: 'div'
@@ -74,9 +76,12 @@ import { useToastAnnounce } from './useToastAnnounce';
         bottomEnd: usePositionSlot(TOAST_POSITIONS.bottomEnd),
         topStart: usePositionSlot(TOAST_POSITIONS.topStart),
         topEnd: usePositionSlot(TOAST_POSITIONS.topEnd),
+        top: usePositionSlot(TOAST_POSITIONS.top),
+        bottom: usePositionSlot(TOAST_POSITIONS.bottom),
         announceRef,
         offset,
         announce: announceProp !== null && announceProp !== void 0 ? announceProp : announce,
-        renderAriaLive: !announceProp
+        renderAriaLive: !announceProp,
+        inline
     };
 };

package/lib/components/Toaster/useToaster.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useToaster.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  ExtractSlotProps,\n  Slot,\n  getNativeElementProps,\n  useEventCallback,\n  useMergedRefs,\n  slot,\n} from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Escape } from '@fluentui/keyboard-keys';\nimport type { ToasterProps, ToasterState } from './Toaster.types';\nimport { TOAST_POSITIONS, ToastPosition, useToaster } from '../../state';\nimport { Announce } from '../AriaLive';\nimport { ToastContainer } from '../ToastContainer';\nimport { useToasterFocusManagement_unstable } from './useToasterFocusManagement';\nimport { useToastAnnounce } from './useToastAnnounce';\n\n/**\n * Create the state required to render Toaster.\n *\n * @param props - props from this instance of Toaster\n */\nexport const useToaster_unstable = (props: ToasterProps): ToasterState => {\n  const { offset, announce: announceProp, mountNode, ...rest } = props;\n  const announceRef = React.useRef<Announce>(() => null);\n  const { toastsToRender, isToastVisible, pauseAllToasts, playAllToasts, tryRestoreFocus, closeAllToasts } =\n    useToaster<HTMLDivElement>(rest);\n  const announce = React.useCallback<Announce>((message, options) => announceRef.current(message, options), []);\n  const { dir } = useFluent();\n\n  const rootProps = slot.always(getNativeElementProps('div', rest), { elementType: 'div' });\n  const focusableGroupAttr = useFocusableGroup({\n    tabBehavior: 'limited-trap-focus',\n    ignoreDefaultKeydown: { Escape: true },\n  });\n  const onKeyDown = useEventCallback((e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === Escape) {\n      e.preventDefault();\n      closeAllToasts();\n    }\n    props.onKeyDown?.(e);\n  });\n  const usePositionSlot = (toastPosition: ToastPosition) => {\n    const focusManagementRef = useToasterFocusManagement_unstable(pauseAllToasts, playAllToasts);\n    const { announceToast, toasterRef } = useToastAnnounce(announceProp ?? announce);\n    return slot.optional(toastsToRender.has(toastPosition) ? rootProps : null, {\n      defaultProps: {\n        ref: useMergedRefs(focusManagementRef, toasterRef),\n        children: toastsToRender.get(toastPosition)?.map(toast => (\n          <ToastContainer\n            {...toast}\n            tryRestoreFocus={tryRestoreFocus}\n            intent={toast.intent}\n            announce={announceToast}\n            key={toast.toastId}\n            visible={isToastVisible(toast.toastId)}\n          >\n            {toast.content as React.ReactNode}\n          </ToastContainer>\n        )),\n        onKeyDown,\n        ...focusableGroupAttr,\n        'data-toaster-position': toastPosition,\n        role: 'list',\n        // Explicitly casting because our slot types can't handle data attributes\n      } as ExtractSlotProps<Slot<'div'>>,\n      elementType: 'div',\n    });\n  };\n  return {\n    dir,\n    mountNode,\n    components: { root: 'div', bottomStart: 'div', bottomEnd: 'div', topStart: 'div', topEnd: 'div' },\n    root: slot.always(rootProps, { elementType: 'div' }),\n    bottomStart: usePositionSlot(TOAST_POSITIONS.bottomStart),\n    bottomEnd: usePositionSlot(TOAST_POSITIONS.bottomEnd),\n    topStart: usePositionSlot(TOAST_POSITIONS.topStart),\n    topEnd: usePositionSlot(TOAST_POSITIONS.topEnd),\n    announceRef,\n    offset,\n    announce: announceProp ?? announce,\n    renderAriaLive: !announceProp,\n  };\n};\n"],"names":["React","getNativeElementProps","useEventCallback","useMergedRefs","slot","useFluent_unstable","useFluent","useFocusableGroup","Escape","TOAST_POSITIONS","useToaster","ToastContainer","useToasterFocusManagement_unstable","useToastAnnounce","useToaster_unstable","props","offset","announce","announceProp","mountNode","rest","announceRef","useRef","toastsToRender","isToastVisible","pauseAllToasts","playAllToasts","tryRestoreFocus","closeAllToasts","useCallback","message","options","current","dir","rootProps","always","elementType","focusableGroupAttr","tabBehavior","ignoreDefaultKeydown","onKeyDown","e","key","preventDefault","usePositionSlot","toastPosition","focusManagementRef","announceToast","toasterRef","optional","has","defaultProps","ref","children","get","map","toast","intent","toastId","visible","content","role","components","root","bottomStart","bottomEnd","topStart","topEnd","renderAriaLive"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAGEC,qBAAqB,EACrBC,gBAAgB,EAChBC,aAAa,EACbC,IAAI,QACC,4BAA4B;AACnC,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SAASC,MAAM,QAAQ,0BAA0B;AAEjD,SAASC,eAAe,EAAiBC,UAAU,QAAQ,cAAc;AAEzE,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC;IAClC,MAAM,EAAEC,MAAM,EAAEC,UAAUC,YAAY,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGL;IAC/D,MAAMM,cAAcrB,MAAMsB,MAAM,CAAW,IAAM;IACjD,MAAM,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,aAAa,EAAEC,eAAe,EAAEC,cAAc,EAAE,GACtGlB,WAA2BU;IAC7B,MAAMH,WAAWjB,MAAM6B,WAAW,CAAW,CAACC,SAASC,UAAYV,YAAYW,OAAO,CAACF,SAASC,UAAU,EAAE;IAC5G,MAAM,EAAEE,GAAG,EAAE,GAAG3B;IAEhB,MAAM4B,YAAY9B,KAAK+B,MAAM,CAAClC,sBAAsB,OAAOmB,OAAO;QAAEgB,aAAa;IAAM;IACvF,MAAMC,qBAAqB9B,kBAAkB;QAC3C+B,aAAa;QACbC,sBAAsB;YAAE/B,QAAQ;QAAK;IACvC;IACA,MAAMgC,YAAYtC,iBAAiB,CAACuC;YAKlC1B,kBAAAA;QAJA,IAAI0B,EAAEC,GAAG,KAAKlC,QAAQ;YACpBiC,EAAEE,cAAc;YAChBf;QACF;SACAb,mBAAAA,CAAAA,SAAAA,OAAMyB,SAAS,cAAfzB,uCAAAA,sBAAAA,QAAkB0B;IACpB;IACA,MAAMG,kBAAkB,CAACC;YAMTtB;QALd,MAAMuB,qBAAqBlC,mCAAmCa,gBAAgBC;QAC9E,MAAM,EAAEqB,aAAa,EAAEC,UAAU,EAAE,GAAGnC,iBAAiBK,yBAAAA,0BAAAA,eAAgBD;QACvE,OAAOb,KAAK6C,QAAQ,CAAC1B,eAAe2B,GAAG,CAACL,iBAAiBX,YAAY,MAAM;YACzEiB,cAAc;gBACZC,KAAKjD,cAAc2C,oBAAoBE;gBACvCK,QAAQ,GAAE9B,sBAAAA,eAAe+B,GAAG,CAACT,4BAAnBtB,0CAAAA,oBAAmCgC,GAAG,CAACC,CAAAA,sBAC/C,oBAAC7C;wBACE,GAAG6C,KAAK;wBACT7B,iBAAiBA;wBACjB8B,QAAQD,MAAMC,MAAM;wBACpBxC,UAAU8B;wBACVL,KAAKc,MAAME,OAAO;wBAClBC,SAASnC,eAAegC,MAAME,OAAO;uBAEpCF,MAAMI,OAAO;gBAGlBpB;gBACA,GAAGH,kBAAkB;gBACrB,yBAAyBQ;gBACzBgB,MAAM;YAER;YACAzB,aAAa;QACf;IACF;IACA,OAAO;QACLH;QACAd;QACA2C,YAAY;YAAEC,MAAM;YAAOC,aAAa;YAAOC,WAAW;YAAOC,UAAU;YAAOC,QAAQ;QAAM;QAChGJ,MAAM3D,KAAK+B,MAAM,CAACD,WAAW;YAAEE,aAAa;QAAM;QAClD4B,aAAapB,gBAAgBnC,gBAAgBuD,WAAW;QACxDC,WAAWrB,gBAAgBnC,gBAAgBwD,SAAS;QACpDC,UAAUtB,gBAAgBnC,gBAAgByD,QAAQ;QAClDC,QAAQvB,gBAAgBnC,gBAAgB0D,MAAM;QAC9C9C;QACAL;QACAC,UAAUC,yBAAAA,0BAAAA,eAAgBD;QAC1BmD,gBAAgB,CAAClD;IACnB;AACF,EAAE"}
+{"version":3,"sources":["useToaster.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  ExtractSlotProps,\n  Slot,\n  getNativeElementProps,\n  useEventCallback,\n  useMergedRefs,\n  slot,\n} from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Escape } from '@fluentui/keyboard-keys';\nimport type { ToasterProps, ToasterState } from './Toaster.types';\nimport { TOAST_POSITIONS, ToastPosition, useToaster } from '../../state';\nimport { Announce } from '../AriaLive';\nimport { ToastContainer } from '../ToastContainer';\nimport { useToasterFocusManagement_unstable } from './useToasterFocusManagement';\nimport { useToastAnnounce } from './useToastAnnounce';\n\n/**\n * Create the state required to render Toaster.\n *\n * @param props - props from this instance of Toaster\n */\nexport const useToaster_unstable = (props: ToasterProps): ToasterState => {\n  const { offset, announce: announceProp, mountNode, inline = false, ...rest } = props;\n  const announceRef = React.useRef<Announce>(() => null);\n  const { toastsToRender, isToastVisible, pauseAllToasts, playAllToasts, tryRestoreFocus, closeAllToasts } =\n    useToaster<HTMLDivElement>(rest);\n  const announce = React.useCallback<Announce>((message, options) => announceRef.current(message, options), []);\n  const { dir } = useFluent();\n\n  const rootProps = slot.always(getNativeElementProps('div', rest), { elementType: 'div' });\n  const focusableGroupAttr = useFocusableGroup({\n    tabBehavior: 'limited-trap-focus',\n    ignoreDefaultKeydown: { Escape: true },\n  });\n  const onKeyDown = useEventCallback((e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === Escape) {\n      e.preventDefault();\n      closeAllToasts();\n    }\n    props.onKeyDown?.(e);\n  });\n  const usePositionSlot = (toastPosition: ToastPosition) => {\n    const focusManagementRef = useToasterFocusManagement_unstable(pauseAllToasts, playAllToasts);\n    const { announceToast, toasterRef } = useToastAnnounce(announceProp ?? announce);\n    return slot.optional(toastsToRender.has(toastPosition) ? rootProps : null, {\n      defaultProps: {\n        ref: useMergedRefs(focusManagementRef, toasterRef),\n        children: toastsToRender.get(toastPosition)?.map(toast => (\n          <ToastContainer\n            {...toast}\n            tryRestoreFocus={tryRestoreFocus}\n            intent={toast.intent}\n            announce={announceToast}\n            key={toast.toastId}\n            visible={isToastVisible(toast.toastId)}\n          >\n            {toast.content as React.ReactNode}\n          </ToastContainer>\n        )),\n        onKeyDown,\n        ...focusableGroupAttr,\n        'data-toaster-position': toastPosition,\n        role: 'list',\n        // Explicitly casting because our slot types can't handle data attributes\n      } as ExtractSlotProps<Slot<'div'>>,\n      elementType: 'div',\n    });\n  };\n\n  return {\n    dir,\n    mountNode,\n    components: {\n      root: 'div',\n      bottomStart: 'div',\n      bottomEnd: 'div',\n      topStart: 'div',\n      topEnd: 'div',\n      top: 'div',\n      bottom: 'div',\n    },\n    root: slot.always(rootProps, { elementType: 'div' }),\n    bottomStart: usePositionSlot(TOAST_POSITIONS.bottomStart),\n    bottomEnd: usePositionSlot(TOAST_POSITIONS.bottomEnd),\n    topStart: usePositionSlot(TOAST_POSITIONS.topStart),\n    topEnd: usePositionSlot(TOAST_POSITIONS.topEnd),\n    top: usePositionSlot(TOAST_POSITIONS.top),\n    bottom: usePositionSlot(TOAST_POSITIONS.bottom),\n    announceRef,\n    offset,\n    announce: announceProp ?? announce,\n    renderAriaLive: !announceProp,\n    inline,\n  };\n};\n"],"names":["React","getNativeElementProps","useEventCallback","useMergedRefs","slot","useFluent_unstable","useFluent","useFocusableGroup","Escape","TOAST_POSITIONS","useToaster","ToastContainer","useToasterFocusManagement_unstable","useToastAnnounce","useToaster_unstable","props","offset","announce","announceProp","mountNode","inline","rest","announceRef","useRef","toastsToRender","isToastVisible","pauseAllToasts","playAllToasts","tryRestoreFocus","closeAllToasts","useCallback","message","options","current","dir","rootProps","always","elementType","focusableGroupAttr","tabBehavior","ignoreDefaultKeydown","onKeyDown","e","key","preventDefault","usePositionSlot","toastPosition","focusManagementRef","announceToast","toasterRef","optional","has","defaultProps","ref","children","get","map","toast","intent","toastId","visible","content","role","components","root","bottomStart","bottomEnd","topStart","topEnd","top","bottom","renderAriaLive"],"mappings":"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"}

package/lib/components/Toaster/useToasterStyles.styles.js

@@ -1,4 +1,4 @@
-import { __resetStyles, mergeClasses } from '@griffel/react';
+import { __resetStyles, __styles, mergeClasses } from '@griffel/react';
 import { TOAST_POSITIONS, getPositionStyles } from '../../state/index';
 export const toasterClassNames = {
   root: 'fui-Toaster'
@@ -7,12 +7,20 @@ export const toasterClassNames = {
  * Styles for the root slot
  */
 const useRootBaseClassName = /*#__PURE__*/__resetStyles("r3hfdjz", null, [".r3hfdjz{position:fixed;width:292px;pointer-events:none;}"]);
+const useToasterStyles = /*#__PURE__*/__styles({
+  inline: {
+    qhf8xq: "f1euv43f"
+  }
+}, {
+  d: [".f1euv43f{position:absolute;}"]
+});
 /**
  * Apply styling to the Toaster slots based on the state
  */
 export const useToasterStyles_unstable = state => {
   const rootBaseClassName = useRootBaseClassName();
-  const className = mergeClasses(toasterClassNames.root, rootBaseClassName, state.root.className);
+  const styles = useToasterStyles();
+  const className = mergeClasses(toasterClassNames.root, rootBaseClassName, state.inline && styles.inline, state.root.className);
   if (state.bottomStart) {
     var _state_bottomStart;
     state.bottomStart.className = className;
@@ -41,6 +49,20 @@ export const useToasterStyles_unstable = state => {
     (_style3 = (_state_topEnd = state.topEnd).style) !== null && _style3 !== void 0 ? _style3 : _state_topEnd.style = {};
     Object.assign(state.topEnd.style, getPositionStyles(TOAST_POSITIONS.topEnd, state.dir, state.offset));
   }
+  if (state.top) {
+    var _state_top;
+    state.top.className = className;
+    var _style4;
+    (_style4 = (_state_top = state.top).style) !== null && _style4 !== void 0 ? _style4 : _state_top.style = {};
+    Object.assign(state.top.style, getPositionStyles(TOAST_POSITIONS.top, state.dir, state.offset));
+  }
+  if (state.bottom) {
+    var _state_bottom;
+    state.bottom.className = className;
+    var _style5;
+    (_style5 = (_state_bottom = state.bottom).style) !== null && _style5 !== void 0 ? _style5 : _state_bottom.style = {};
+    Object.assign(state.bottom.style, getPositionStyles(TOAST_POSITIONS.bottom, state.dir, state.offset));
+  }
   return state;
 };
 //# sourceMappingURL=useToasterStyles.styles.js.map

package/lib/components/Toaster/useToasterStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","mergeClasses","TOAST_POSITIONS","getPositionStyles","toasterClassNames","root","useRootBaseClassName","useToasterStyles_unstable","state","rootBaseClassName","className","bottomStart","_state_bottomStart","_style","style","Object","assign","dir","offset","bottomEnd","_state_bottomEnd","_style1","topStart","_state_topStart","_style2","topEnd","_state_topEnd","_style3"],"sources":["useToasterStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { TOAST_POSITIONS, getPositionStyles } from '../../state/index';\nexport const toasterClassNames = {\n    root: 'fui-Toaster'\n};\n/**\n * Styles for the root slot\n */ const useRootBaseClassName = makeResetStyles({\n    position: 'fixed',\n    width: '292px',\n    pointerEvents: 'none'\n});\n/**\n * Apply styling to the Toaster slots based on the state\n */ export const useToasterStyles_unstable = (state)=>{\n    const rootBaseClassName = useRootBaseClassName();\n    const className = mergeClasses(toasterClassNames.root, rootBaseClassName, state.root.className);\n    if (state.bottomStart) {\n        var _state_bottomStart;\n        state.bottomStart.className = className;\n        var _style;\n        (_style = (_state_bottomStart = state.bottomStart).style) !== null && _style !== void 0 ? _style : _state_bottomStart.style = {};\n        Object.assign(state.bottomStart.style, getPositionStyles(TOAST_POSITIONS.bottomStart, state.dir, state.offset));\n    }\n    if (state.bottomEnd) {\n        var _state_bottomEnd;\n        state.bottomEnd.className = className;\n        var _style1;\n        (_style1 = (_state_bottomEnd = state.bottomEnd).style) !== null && _style1 !== void 0 ? _style1 : _state_bottomEnd.style = {};\n        Object.assign(state.bottomEnd.style, getPositionStyles(TOAST_POSITIONS.bottomEnd, state.dir, state.offset));\n    }\n    if (state.topStart) {\n        var _state_topStart;\n        state.topStart.className = className;\n        var _style2;\n        (_style2 = (_state_topStart = state.topStart).style) !== null && _style2 !== void 0 ? _style2 : _state_topStart.style = {};\n        Object.assign(state.topStart.style, getPositionStyles(TOAST_POSITIONS.topStart, state.dir, state.offset));\n    }\n    if (state.topEnd) {\n        var _state_topEnd;\n        state.topEnd.className = className;\n        var _style3;\n        (_style3 = (_state_topEnd = state.topEnd).style) !== null && _style3 !== void 0 ? _style3 : _state_topEnd.style = {};\n        Object.assign(state.topEnd.style, getPositionStyles(TOAST_POSITIONS.topEnd, state.dir, state.offset));\n    }\n    return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["__resetStyles","__styles","mergeClasses","TOAST_POSITIONS","getPositionStyles","toasterClassNames","root","useRootBaseClassName","useToasterStyles","inline","qhf8xq","d","useToasterStyles_unstable","state","rootBaseClassName","styles","className","bottomStart","_state_bottomStart","_style","style","Object","assign","dir","offset","bottomEnd","_state_bottomEnd","_style1","topStart","_state_topStart","_style2","topEnd","_state_topEnd","_style3","top","_state_top","_style4","bottom","_state_bottom","_style5"],"sources":["useToasterStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { TOAST_POSITIONS, getPositionStyles } from '../../state/index';\nexport const toasterClassNames = {\n    root: 'fui-Toaster'\n};\n/**\n * Styles for the root slot\n */ const useRootBaseClassName = makeResetStyles({\n    position: 'fixed',\n    width: '292px',\n    pointerEvents: 'none'\n});\nconst useToasterStyles = makeStyles({\n    inline: {\n        position: 'absolute'\n    }\n});\n/**\n * Apply styling to the Toaster slots based on the state\n */ export const useToasterStyles_unstable = (state)=>{\n    const rootBaseClassName = useRootBaseClassName();\n    const styles = useToasterStyles();\n    const className = mergeClasses(toasterClassNames.root, rootBaseClassName, state.inline && styles.inline, state.root.className);\n    if (state.bottomStart) {\n        var _state_bottomStart;\n        state.bottomStart.className = className;\n        var _style;\n        (_style = (_state_bottomStart = state.bottomStart).style) !== null && _style !== void 0 ? _style : _state_bottomStart.style = {};\n        Object.assign(state.bottomStart.style, getPositionStyles(TOAST_POSITIONS.bottomStart, state.dir, state.offset));\n    }\n    if (state.bottomEnd) {\n        var _state_bottomEnd;\n        state.bottomEnd.className = className;\n        var _style1;\n        (_style1 = (_state_bottomEnd = state.bottomEnd).style) !== null && _style1 !== void 0 ? _style1 : _state_bottomEnd.style = {};\n        Object.assign(state.bottomEnd.style, getPositionStyles(TOAST_POSITIONS.bottomEnd, state.dir, state.offset));\n    }\n    if (state.topStart) {\n        var _state_topStart;\n        state.topStart.className = className;\n        var _style2;\n        (_style2 = (_state_topStart = state.topStart).style) !== null && _style2 !== void 0 ? _style2 : _state_topStart.style = {};\n        Object.assign(state.topStart.style, getPositionStyles(TOAST_POSITIONS.topStart, state.dir, state.offset));\n    }\n    if (state.topEnd) {\n        var _state_topEnd;\n        state.topEnd.className = className;\n        var _style3;\n        (_style3 = (_state_topEnd = state.topEnd).style) !== null && _style3 !== void 0 ? _style3 : _state_topEnd.style = {};\n        Object.assign(state.topEnd.style, getPositionStyles(TOAST_POSITIONS.topEnd, state.dir, state.offset));\n    }\n    if (state.top) {\n        var _state_top;\n        state.top.className = className;\n        var _style4;\n        (_style4 = (_state_top = state.top).style) !== null && _style4 !== void 0 ? _style4 : _state_top.style = {};\n        Object.assign(state.top.style, getPositionStyles(TOAST_POSITIONS.top, state.dir, state.offset));\n    }\n    if (state.bottom) {\n        var _state_bottom;\n        state.bottom.className = className;\n        var _style5;\n        (_style5 = (_state_bottom = state.bottom).style) !== null && _style5 !== void 0 ? _style5 : _state_bottom.style = {};\n        Object.assign(state.bottom.style, getPositionStyles(TOAST_POSITIONS.bottom, state.dir, state.offset));\n    }\n    return state;\n};\n"],"mappings":"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"}

package/lib/state/constants.js

@@ -7,8 +7,10 @@ export const EVENTS = {
     play: 'fui-toast-play'
 };
 export const TOAST_POSITIONS = {
+    bottom: 'bottom',
     bottomEnd: 'bottom-end',
     bottomStart: 'bottom-start',
+    top: 'top',
     topEnd: 'top-end',
     topStart: 'top-start'
 };

package/lib/state/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["constants.ts"],"sourcesContent":["export const EVENTS = {\n  show: 'fui-toast-show',\n  dismiss: 'fui-toast-dismiss',\n  dismissAll: 'fui-toast-dismiss-all',\n  update: 'fui-toast-update',\n  pause: 'fui-toast-pause',\n  play: 'fui-toast-play',\n} as const;\n\nexport const TOAST_POSITIONS = {\n  bottomEnd: 'bottom-end',\n  bottomStart: 'bottom-start',\n  topEnd: 'top-end',\n  topStart: 'top-start',\n} as const;\n"],"names":["EVENTS","show","dismiss","dismissAll","update","pause","play","TOAST_POSITIONS","bottomEnd","bottomStart","topEnd","topStart"],"mappings":"AAAA,OAAO,MAAMA,SAAS;IACpBC,MAAM;IACNC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,OAAO;IACPC,MAAM;AACR,EAAW;AAEX,OAAO,MAAMC,kBAAkB;IAC7BC,WAAW;IACXC,aAAa;IACbC,QAAQ;IACRC,UAAU;AACZ,EAAW"}
+{"version":3,"sources":["constants.ts"],"sourcesContent":["export const EVENTS = {\n  show: 'fui-toast-show',\n  dismiss: 'fui-toast-dismiss',\n  dismissAll: 'fui-toast-dismiss-all',\n  update: 'fui-toast-update',\n  pause: 'fui-toast-pause',\n  play: 'fui-toast-play',\n} as const;\n\nexport const TOAST_POSITIONS = {\n  bottom: 'bottom',\n  bottomEnd: 'bottom-end',\n  bottomStart: 'bottom-start',\n  top: 'top',\n  topEnd: 'top-end',\n  topStart: 'top-start',\n} as const;\n"],"names":["EVENTS","show","dismiss","dismissAll","update","pause","play","TOAST_POSITIONS","bottom","bottomEnd","bottomStart","top","topEnd","topStart"],"mappings":"AAAA,OAAO,MAAMA,SAAS;IACpBC,MAAM;IACNC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,OAAO;IACPC,MAAM;AACR,EAAW;AAEX,OAAO,MAAMC,kBAAkB;IAC7BC,QAAQ;IACRC,WAAW;IACXC,aAAa;IACbC,KAAK;IACLC,QAAQ;IACRC,UAAU;AACZ,EAAW"}

package/lib/state/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"sourcesContent":["import type { Slot } from '@fluentui/react-utilities';\nimport { EVENTS } from './constants';\nimport * as React from 'react';\n\nexport type ToastId = string;\nexport type ToasterId = string;\n\nexport type ToastPosition = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start';\nexport type ToastPoliteness = 'assertive' | 'polite';\nexport type ToastStatus = 'queued' | 'visible' | 'dismissed' | 'unmounted';\nexport type ToastIntent = 'info' | 'success' | 'error' | 'warning';\nexport type ToastChangeHandler = (event: null, data: ToastChangeData) => void;\n\nexport interface ToastChangeData extends ToastOptions, Pick<Toast, 'updateId'> {\n  status: ToastStatus;\n}\n\nexport interface ToastOptions<TData = object> {\n  /**\n   * Uniquely identifies a toast, used for update and dismiss operations\n   */\n  toastId: ToastId;\n  /**\n   * The position the toast should render to\n   */\n  position: ToastPosition;\n  /**\n   * Toast content\n   */\n  content: unknown;\n  /**\n   * Auto dismiss timeout in milliseconds\n   * @default 3000\n   */\n  timeout: number;\n  /**\n   * Toast timeout pauses while focus is on another window\n   * @default false\n   */\n  pauseOnWindowBlur: boolean;\n  /**\n   * Toast timeout pauses while user cursor is on the toast\n   * @default false\n   */\n  pauseOnHover: boolean;\n  /**\n   * Toast belongs to a specific toaster\n   */\n  toasterId: ToasterId | undefined;\n  /**\n   * Higher priority toasts will be rendered before lower priority toasts\n   */\n  priority: number;\n  /**\n   * Used to determine [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) narration\n   * This will override the intent prop\n   */\n  politeness?: ToastPoliteness;\n\n  /**\n   * Default toast types that determine the urgency or [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) narration\n   * The UI layer may use these intents to apply specific styling.\n   * @default info\n   */\n  intent?: ToastIntent;\n  /**\n   * Additional data that needs to be passed to the toast\n   */\n  data: TData;\n\n  /**\n   * Reports changes to the Toast lifecycle\n   */\n  onStatusChange: ToastChangeHandler | undefined;\n}\n\nexport interface ToastOffsetObject {\n  horizontal?: number;\n  vertical?: number;\n}\n\nexport type ToastOffset = Partial<Record<ToastPosition, ToastOffsetObject>> | ToastOffsetObject;\n\nexport interface ToasterShortcuts {\n  focus: (e: KeyboardEvent) => boolean;\n}\n\nexport interface ToasterOptions\n  extends Pick<ToastOptions, 'position' | 'timeout' | 'pauseOnWindowBlur' | 'pauseOnHover' | 'priority'> {\n  offset?: ToastOffset;\n  toasterId?: ToasterId;\n  limit?: number;\n  shortcuts?: ToasterShortcuts;\n}\n\nexport interface Toast<TData = object> extends ToastOptions<TData> {\n  /**\n   * Determines the visiblity of a toast\n   */\n  close: () => void;\n  /**\n   * Removes a toast completely\n   */\n  remove: () => void;\n  /**\n   * A number used to track updates immutably\n   */\n  updateId: number;\n  /**\n   * Used to determine default priority when the user does not set one\n   * Simple counter of toasts dispatched.\n   */\n  order: number;\n\n  imperativeRef: React.RefObject<ToastImperativeRef>;\n}\n\nexport interface CommonToastDetail {\n  toasterId?: ToasterId;\n}\n\nexport interface ShowToastEventDetail extends Partial<ToastOptions>, CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface UpdateToastEventDetail extends Partial<ToastOptions>, CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface DismissToastEventDetail extends CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface PauseToastEventDetail extends CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface PlayToastEventDetail extends CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface DismissAllToastsEventDetail extends CommonToastDetail {}\n\ntype EventListener<TDetail> = (e: CustomEvent<TDetail>) => void;\n\nexport type ToastListenerMap = {\n  [EVENTS.show]: EventListener<ShowToastEventDetail>;\n  [EVENTS.dismiss]: EventListener<DismissToastEventDetail>;\n  [EVENTS.dismissAll]: EventListener<DismissAllToastsEventDetail>;\n  [EVENTS.update]: EventListener<UpdateToastEventDetail>;\n  [EVENTS.play]: EventListener<PlayToastEventDetail>;\n  [EVENTS.pause]: EventListener<PauseToastEventDetail>;\n};\n\ntype RootSlot = Slot<'div'>;\n\nexport interface DispatchToastOptions extends Partial<Omit<ToastOptions, 'toasterId'>> {\n  root?: RootSlot;\n}\n\nexport interface UpdateToastOptions extends UpdateToastEventDetail {\n  root?: RootSlot;\n}\n\nexport type ToastImperativeRef = {\n  /**\n   * Focuses the Toast.\n   * If there are no focusable elements in the Toast, the Toast itself is focused.\n   */\n  focus: () => void;\n\n  /**\n   * Resumes the timeout of a paused toast\n   */\n  play: () => void;\n\n  /**\n   * Pauses the timeout of a toast\n   */\n  pause: () => void;\n};\n"],"names":["React"],"mappings":"AAEA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["types.ts"],"sourcesContent":["import type { Slot } from '@fluentui/react-utilities';\nimport { EVENTS } from './constants';\nimport * as React from 'react';\n\nexport type ToastId = string;\nexport type ToasterId = string;\n\nexport type ToastPosition = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start' | 'top' | 'bottom';\nexport type ToastPoliteness = 'assertive' | 'polite';\nexport type ToastStatus = 'queued' | 'visible' | 'dismissed' | 'unmounted';\nexport type ToastIntent = 'info' | 'success' | 'error' | 'warning';\nexport type ToastChangeHandler = (event: null, data: ToastChangeData) => void;\n\nexport interface ToastChangeData extends ToastOptions, Pick<Toast, 'updateId'> {\n  status: ToastStatus;\n}\n\nexport interface ToastOptions<TData = object> {\n  /**\n   * Uniquely identifies a toast, used for update and dismiss operations\n   */\n  toastId: ToastId;\n  /**\n   * The position the toast should render to\n   */\n  position: ToastPosition;\n  /**\n   * Toast content\n   */\n  content: unknown;\n  /**\n   * Auto dismiss timeout in milliseconds\n   * @default 3000\n   */\n  timeout: number;\n  /**\n   * Toast timeout pauses while focus is on another window\n   * @default false\n   */\n  pauseOnWindowBlur: boolean;\n  /**\n   * Toast timeout pauses while user cursor is on the toast\n   * @default false\n   */\n  pauseOnHover: boolean;\n  /**\n   * Toast belongs to a specific toaster\n   */\n  toasterId: ToasterId | undefined;\n  /**\n   * Higher priority toasts will be rendered before lower priority toasts\n   */\n  priority: number;\n  /**\n   * Used to determine [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) narration\n   * This will override the intent prop\n   */\n  politeness?: ToastPoliteness;\n\n  /**\n   * Default toast types that determine the urgency or [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) narration\n   * The UI layer may use these intents to apply specific styling.\n   * @default info\n   */\n  intent?: ToastIntent;\n  /**\n   * Additional data that needs to be passed to the toast\n   */\n  data: TData;\n\n  /**\n   * Reports changes to the Toast lifecycle\n   */\n  onStatusChange: ToastChangeHandler | undefined;\n}\n\nexport interface ToastOffsetObject {\n  horizontal?: number;\n  vertical?: number;\n}\n\nexport type ToastOffset = Partial<Record<ToastPosition, ToastOffsetObject>> | ToastOffsetObject;\n\nexport interface ToasterShortcuts {\n  focus: (e: KeyboardEvent) => boolean;\n}\n\nexport interface ToasterOptions\n  extends Pick<ToastOptions, 'position' | 'timeout' | 'pauseOnWindowBlur' | 'pauseOnHover' | 'priority'> {\n  offset?: ToastOffset;\n  toasterId?: ToasterId;\n  limit?: number;\n  shortcuts?: ToasterShortcuts;\n}\n\nexport interface Toast<TData = object> extends ToastOptions<TData> {\n  /**\n   * Determines the visiblity of a toast\n   */\n  close: () => void;\n  /**\n   * Removes a toast completely\n   */\n  remove: () => void;\n  /**\n   * A number used to track updates immutably\n   */\n  updateId: number;\n  /**\n   * Used to determine default priority when the user does not set one\n   * Simple counter of toasts dispatched.\n   */\n  order: number;\n\n  imperativeRef: React.RefObject<ToastImperativeRef>;\n}\n\nexport interface CommonToastDetail {\n  toasterId?: ToasterId;\n}\n\nexport interface ShowToastEventDetail extends Partial<ToastOptions>, CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface UpdateToastEventDetail extends Partial<ToastOptions>, CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface DismissToastEventDetail extends CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface PauseToastEventDetail extends CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface PlayToastEventDetail extends CommonToastDetail {\n  toastId: ToastId;\n}\n\nexport interface DismissAllToastsEventDetail extends CommonToastDetail {}\n\ntype EventListener<TDetail> = (e: CustomEvent<TDetail>) => void;\n\nexport type ToastListenerMap = {\n  [EVENTS.show]: EventListener<ShowToastEventDetail>;\n  [EVENTS.dismiss]: EventListener<DismissToastEventDetail>;\n  [EVENTS.dismissAll]: EventListener<DismissAllToastsEventDetail>;\n  [EVENTS.update]: EventListener<UpdateToastEventDetail>;\n  [EVENTS.play]: EventListener<PlayToastEventDetail>;\n  [EVENTS.pause]: EventListener<PauseToastEventDetail>;\n};\n\ntype RootSlot = Slot<'div'>;\n\nexport interface DispatchToastOptions extends Partial<Omit<ToastOptions, 'toasterId'>> {\n  root?: RootSlot;\n}\n\nexport interface UpdateToastOptions extends UpdateToastEventDetail {\n  root?: RootSlot;\n}\n\nexport type ToastImperativeRef = {\n  /**\n   * Focuses the Toast.\n   * If there are no focusable elements in the Toast, the Toast itself is focused.\n   */\n  focus: () => void;\n\n  /**\n   * Resumes the timeout of a paused toast\n   */\n  play: () => void;\n\n  /**\n   * Pauses the timeout of a toast\n   */\n  pause: () => void;\n};\n"],"names":["React"],"mappings":"AAEA,YAAYA,WAAW,QAAQ"}

package/lib/state/vanilla/getPositionStyles.js

@@ -1,13 +1,26 @@
 export const getPositionStyles = (position, dir, offset)=>{
-    const positionStyles = {
-        position: 'fixed'
-    };
+    const positionStyles = {};
     var _offset_position;
     const offsetStyles = offset ? isShorthandOffset(offset) ? offset : (_offset_position = offset[position]) !== null && _offset_position !== void 0 ? _offset_position : {} : {};
-    const { horizontal = 20, vertical = 16 } = offsetStyles;
+    const centered = position === 'top' || position === 'bottom';
+    const { horizontal = centered ? 0 : 20, vertical = 16 } = offsetStyles;
     const start = dir === 'ltr' ? 'left' : 'right';
     const end = dir === 'ltr' ? 'right' : 'left';
     switch(position){
+        case 'top':
+            Object.assign(positionStyles, {
+                top: vertical,
+                left: `calc(50% + ${horizontal}px)`,
+                transform: 'translateX(-50%)'
+            });
+            break;
+        case 'bottom':
+            Object.assign(positionStyles, {
+                bottom: vertical,
+                left: `calc(50% + ${horizontal}px)`,
+                transform: 'translateX(-50%)'
+            });
+            break;
         case 'top-start':
             Object.assign(positionStyles, {
                 top: vertical,

package/lib/state/vanilla/getPositionStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getPositionStyles.ts"],"sourcesContent":["import { ToastOffsetObject, ToastOffset, ToastPosition } from '../types';\n\ninterface PositionStyles {\n  position: 'fixed';\n  top?: number;\n  left?: number;\n  right?: number;\n  bottom?: number;\n}\n\nexport const getPositionStyles = (position: ToastPosition, dir: 'rtl' | 'ltr', offset?: ToastOffset) => {\n  const positionStyles: PositionStyles = {\n    position: 'fixed',\n  };\n\n  const offsetStyles: ToastOffsetObject = offset ? (isShorthandOffset(offset) ? offset : offset[position] ?? {}) : {};\n\n  const { horizontal = 20, vertical = 16 } = offsetStyles;\n  const start = dir === 'ltr' ? 'left' : 'right';\n  const end = dir === 'ltr' ? 'right' : 'left';\n\n  switch (position) {\n    case 'top-start':\n      Object.assign(positionStyles, {\n        top: vertical,\n        [start]: horizontal,\n      });\n      break;\n    case 'top-end':\n      Object.assign(positionStyles, {\n        top: vertical,\n        [end]: horizontal,\n      });\n      break;\n    case 'bottom-start':\n      Object.assign(positionStyles, {\n        bottom: vertical,\n        [start]: horizontal,\n      });\n      break;\n    case 'bottom-end':\n      Object.assign(positionStyles, {\n        bottom: vertical,\n        [end]: horizontal,\n      });\n      break;\n  }\n\n  return positionStyles;\n};\n\nfunction isShorthandOffset(offset: ToastOffset): offset is ToastOffsetObject {\n  return 'horizontal' in offset || 'vertical' in offset;\n}\n"],"names":["getPositionStyles","position","dir","offset","positionStyles","offsetStyles","isShorthandOffset","horizontal","vertical","start","end","Object","assign","top","bottom"],"mappings":"AAUA,OAAO,MAAMA,oBAAoB,CAACC,UAAyBC,KAAoBC;IAC7E,MAAMC,iBAAiC;QACrCH,UAAU;IACZ;QAEuFE;IAAvF,MAAME,eAAkCF,SAAUG,kBAAkBH,UAAUA,SAASA,CAAAA,mBAAAA,MAAM,CAACF,SAAS,cAAhBE,8BAAAA,mBAAoB,CAAC,IAAK,CAAC;IAElH,MAAM,EAAEI,aAAa,EAAE,EAAEC,WAAW,EAAE,EAAE,GAAGH;IAC3C,MAAMI,QAAQP,QAAQ,QAAQ,SAAS;IACvC,MAAMQ,MAAMR,QAAQ,QAAQ,UAAU;IAEtC,OAAQD;QACN,KAAK;YACHU,OAAOC,MAAM,CAACR,gBAAgB;gBAC5BS,KAAKL;gBACL,CAACC,MAAM,EAAEF;YACX;YACA;QACF,KAAK;YACHI,OAAOC,MAAM,CAACR,gBAAgB;gBAC5BS,KAAKL;gBACL,CAACE,IAAI,EAAEH;YACT;YACA;QACF,KAAK;YACHI,OAAOC,MAAM,CAACR,gBAAgB;gBAC5BU,QAAQN;gBACR,CAACC,MAAM,EAAEF;YACX;YACA;QACF,KAAK;YACHI,OAAOC,MAAM,CAACR,gBAAgB;gBAC5BU,QAAQN;gBACR,CAACE,IAAI,EAAEH;YACT;YACA;IACJ;IAEA,OAAOH;AACT,EAAE;AAEF,SAASE,kBAAkBH,MAAmB;IAC5C,OAAO,gBAAgBA,UAAU,cAAcA;AACjD"}
+{"version":3,"sources":["getPositionStyles.ts"],"sourcesContent":["import { ToastOffsetObject, ToastOffset, ToastPosition } from '../types';\n\ninterface PositionStyles {\n  top?: number;\n  left?: number;\n  right?: number;\n  bottom?: number;\n}\n\nexport const getPositionStyles = (position: ToastPosition, dir: 'rtl' | 'ltr', offset?: ToastOffset) => {\n  const positionStyles: PositionStyles = {};\n\n  const offsetStyles: ToastOffsetObject = offset ? (isShorthandOffset(offset) ? offset : offset[position] ?? {}) : {};\n\n  const centered = position === 'top' || position === 'bottom';\n\n  const { horizontal = centered ? 0 : 20, vertical = 16 } = offsetStyles;\n  const start = dir === 'ltr' ? 'left' : 'right';\n  const end = dir === 'ltr' ? 'right' : 'left';\n\n  switch (position) {\n    case 'top':\n      Object.assign(positionStyles, {\n        top: vertical,\n        left: `calc(50% + ${horizontal}px)`,\n        transform: 'translateX(-50%)',\n      });\n      break;\n\n    case 'bottom':\n      Object.assign(positionStyles, {\n        bottom: vertical,\n        left: `calc(50% + ${horizontal}px)`,\n        transform: 'translateX(-50%)',\n      });\n      break;\n\n    case 'top-start':\n      Object.assign(positionStyles, {\n        top: vertical,\n        [start]: horizontal,\n      });\n      break;\n    case 'top-end':\n      Object.assign(positionStyles, {\n        top: vertical,\n        [end]: horizontal,\n      });\n      break;\n    case 'bottom-start':\n      Object.assign(positionStyles, {\n        bottom: vertical,\n        [start]: horizontal,\n      });\n      break;\n    case 'bottom-end':\n      Object.assign(positionStyles, {\n        bottom: vertical,\n        [end]: horizontal,\n      });\n      break;\n  }\n\n  return positionStyles;\n};\n\nfunction isShorthandOffset(offset: ToastOffset): offset is ToastOffsetObject {\n  return 'horizontal' in offset || 'vertical' in offset;\n}\n"],"names":["getPositionStyles","position","dir","offset","positionStyles","offsetStyles","isShorthandOffset","centered","horizontal","vertical","start","end","Object","assign","top","left","transform","bottom"],"mappings":"AASA,OAAO,MAAMA,oBAAoB,CAACC,UAAyBC,KAAoBC;IAC7E,MAAMC,iBAAiC,CAAC;QAE+CD;IAAvF,MAAME,eAAkCF,SAAUG,kBAAkBH,UAAUA,SAASA,CAAAA,mBAAAA,MAAM,CAACF,SAAS,cAAhBE,8BAAAA,mBAAoB,CAAC,IAAK,CAAC;IAElH,MAAMI,WAAWN,aAAa,SAASA,aAAa;IAEpD,MAAM,EAAEO,aAAaD,WAAW,IAAI,EAAE,EAAEE,WAAW,EAAE,EAAE,GAAGJ;IAC1D,MAAMK,QAAQR,QAAQ,QAAQ,SAAS;IACvC,MAAMS,MAAMT,QAAQ,QAAQ,UAAU;IAEtC,OAAQD;QACN,KAAK;YACHW,OAAOC,MAAM,CAACT,gBAAgB;gBAC5BU,KAAKL;gBACLM,MAAM,CAAC,WAAW,EAAEP,WAAW,GAAG,CAAC;gBACnCQ,WAAW;YACb;YACA;QAEF,KAAK;YACHJ,OAAOC,MAAM,CAACT,gBAAgB;gBAC5Ba,QAAQR;gBACRM,MAAM,CAAC,WAAW,EAAEP,WAAW,GAAG,CAAC;gBACnCQ,WAAW;YACb;YACA;QAEF,KAAK;YACHJ,OAAOC,MAAM,CAACT,gBAAgB;gBAC5BU,KAAKL;gBACL,CAACC,MAAM,EAAEF;YACX;YACA;QACF,KAAK;YACHI,OAAOC,MAAM,CAACT,gBAAgB;gBAC5BU,KAAKL;gBACL,CAACE,IAAI,EAAEH;YACT;YACA;QACF,KAAK;YACHI,OAAOC,MAAM,CAACT,gBAAgB;gBAC5Ba,QAAQR;gBACR,CAACC,MAAM,EAAEF;YACX;YACA;QACF,KAAK;YACHI,OAAOC,MAAM,CAACT,gBAAgB;gBAC5Ba,QAAQR;gBACR,CAACE,IAAI,EAAEH;YACT;YACA;IACJ;IAEA,OAAOJ;AACT,EAAE;AAEF,SAASE,kBAAkBH,MAAmB;IAC5C,OAAO,gBAAgBA,UAAU,cAAcA;AACjD"}

package/lib-commonjs/components/AriaLive/renderAriaLive.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/components/AriaLive/renderAriaLive.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAriaLive.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of AriaLive\n */ export const renderAriaLive_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(state.assertive, {}),\n            /*#__PURE__*/ _jsx(state.polite, {})\n        ]\n    });\n};\n"],"names":["renderAriaLive_unstable","state","assertSlots","_jsxs","_Fragment","children","_jsx","assertive","polite"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJkI;gCACvH;AAGjB,MAAMA,0BAA0B,CAACC;IACxCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACC,oBAAS,EAAE;QAClCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMM,SAAS,EAAE,CAAC;YACrC,WAAW,GAAGD,IAAAA,eAAI,EAACL,MAAMO,MAAM,EAAE,CAAC;SACrC;IACL;AACJ"}
+{"version":3,"sources":["renderAriaLive.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of AriaLive\n */ export const renderAriaLive_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(state.assertive, {}),\n            /*#__PURE__*/ _jsx(state.polite, {})\n        ]\n    });\n};\n"],"names":["renderAriaLive_unstable","state","assertSlots","_jsxs","_Fragment","children","_jsx","assertive","polite"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJmD;gCACxC;AAGjB,MAAMA,0BAA0B,CAACC;IACxCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACC,oBAAS,EAAE;QAClCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMM,SAAS,EAAE,CAAC;YACrC,WAAW,GAAGD,IAAAA,eAAI,EAACL,MAAMO,MAAM,EAAE,CAAC;SACrC;IACL;AACJ"}

package/lib-commonjs/components/Toast/renderToast.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/components/Toast/renderToast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderToast.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { BackgroundAppearanceProvider } from '@fluentui/react-shared-contexts';\n/**\n * Render the final JSX of Toast\n */ export const renderToast_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(BackgroundAppearanceProvider, {\n        value: contextValues.backgroundAppearance,\n        children: /*#__PURE__*/ _jsx(state.root, {})\n    });\n};\n"],"names":["renderToast_unstable","state","contextValues","assertSlots","_jsx","BackgroundAppearanceProvider","value","backgroundAppearance","children","root"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAK7DA;;;eAAAA;;;4BAL4F;gCACjF;qCACiB;AAGlC,MAAMA,uBAAuB,CAACC,OAAOC;IAC5CC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,iDAA4B,EAAE;QACpDC,OAAOJ,cAAcK,oBAAoB;QACzCC,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACH,MAAMQ,IAAI,EAAE,CAAC;IAC9C;AACJ"}
+{"version":3,"sources":["renderToast.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { BackgroundAppearanceProvider } from '@fluentui/react-shared-contexts';\n/**\n * Render the final JSX of Toast\n */ export const renderToast_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(BackgroundAppearanceProvider, {\n        value: contextValues.backgroundAppearance,\n        children: /*#__PURE__*/ _jsx(state.root, {})\n    });\n};\n"],"names":["renderToast_unstable","state","contextValues","assertSlots","_jsx","BackgroundAppearanceProvider","value","backgroundAppearance","children","root"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BALa;gCACF;qCACiB;AAGlC,MAAMA,uBAAuB,CAACC,OAAOC;IAC5CC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,iDAA4B,EAAE;QACpDC,OAAOJ,cAAcK,oBAAoB;QACzCC,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACH,MAAMQ,IAAI,EAAE,CAAC;IAC9C;AACJ"}

package/lib-commonjs/components/ToastBody/renderToastBody.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/components/ToastBody/renderToastBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderToastBody.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ToastBody\n */ export const renderToastBody_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(state.root, {}),\n            state.subtitle ? /*#__PURE__*/ _jsx(state.subtitle, {}) : null\n        ]\n    });\n};\n"],"names":["renderToastBody_unstable","state","assertSlots","_jsxs","_Fragment","children","_jsx","root","subtitle"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJkI;gCACvH;AAGjB,MAAMA,2BAA2B,CAACC;IACzCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACC,oBAAS,EAAE;QAClCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMM,IAAI,EAAE,CAAC;YAChCN,MAAMO,QAAQ,GAAG,WAAW,GAAGF,IAAAA,eAAI,EAACL,MAAMO,QAAQ,EAAE,CAAC,KAAK;SAC7D;IACL;AACJ"}
+{"version":3,"sources":["renderToastBody.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ToastBody\n */ export const renderToastBody_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsx(state.root, {}),\n            state.subtitle ? /*#__PURE__*/ _jsx(state.subtitle, {}) : null\n        ]\n    });\n};\n"],"names":["renderToastBody_unstable","state","assertSlots","_jsxs","_Fragment","children","_jsx","root","subtitle"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJmD;gCACxC;AAGjB,MAAMA,2BAA2B,CAACC;IACzCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACC,oBAAS,EAAE;QAClCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMM,IAAI,EAAE,CAAC;YAChCN,MAAMO,QAAQ,GAAG,WAAW,GAAGF,IAAAA,eAAI,EAACL,MAAMO,QAAQ,EAAE,CAAC,KAAK;SAC7D;IACL;AACJ"}

package/lib-commonjs/components/ToastContainer/renderToastContainer.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/components/ToastContainer/renderToastContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderToastContainer.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { Transition } from 'react-transition-group';\nimport { ToastContainerContextProvider } from '../../contexts/toastContainerContext';\n/**\n * Render the final JSX of ToastContainer\n */ export const renderToastContainer_unstable = (state, contextValues)=>{\n    const { onTransitionEntering, visible, transitionTimeout, remove, nodeRef } = state;\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(Transition, {\n        in: visible,\n        appear: true,\n        unmountOnExit: true,\n        timeout: transitionTimeout,\n        onExited: remove,\n        onEntering: onTransitionEntering,\n        nodeRef: nodeRef,\n        children: /*#__PURE__*/ _jsxs(ToastContainerContextProvider, {\n            value: contextValues.toast,\n            children: [\n                /*#__PURE__*/ _jsx(state.root, {}),\n                /*#__PURE__*/ _jsx(state.timer, {})\n            ]\n        })\n    });\n};\n"],"names":["renderToastContainer_unstable","state","contextValues","onTransitionEntering","visible","transitionTimeout","remove","nodeRef","assertSlots","_jsx","Transition","in","appear","unmountOnExit","timeout","onExited","onEntering","children","_jsxs","ToastContainerContextProvider","value","toast","root","timer"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAM7DA;;;eAAAA;;;4BAN2G;gCAChG;sCACD;uCACmB;AAGnC,MAAMA,gCAAgC,CAACC,OAAOC;IACrD,MAAM,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,iBAAiB,EAAEC,MAAM,EAAEC,OAAO,EAAE,GAAGN;IAC9EO,IAAAA,2BAAW,EAACP;IACZ,OAAO,WAAW,GAAGQ,IAAAA,eAAI,EAACC,gCAAU,EAAE;QAClCC,IAAIP;QACJQ,QAAQ;QACRC,eAAe;QACfC,SAAST;QACTU,UAAUT;QACVU,YAAYb;QACZI,SAASA;QACTU,UAAU,WAAW,GAAGC,IAAAA,gBAAK,EAACC,oDAA6B,EAAE;YACzDC,OAAOlB,cAAcmB,KAAK;YAC1BJ,UAAU;gBACN,WAAW,GAAGR,IAAAA,eAAI,EAACR,MAAMqB,IAAI,EAAE,CAAC;gBAChC,WAAW,GAAGb,IAAAA,eAAI,EAACR,MAAMsB,KAAK,EAAE,CAAC;aACpC;QACL;IACJ;AACJ"}
+{"version":3,"sources":["renderToastContainer.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { Transition } from 'react-transition-group';\nimport { ToastContainerContextProvider } from '../../contexts/toastContainerContext';\n/**\n * Render the final JSX of ToastContainer\n */ export const renderToastContainer_unstable = (state, contextValues)=>{\n    const { onTransitionEntering, visible, transitionTimeout, remove, nodeRef } = state;\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(Transition, {\n        in: visible,\n        appear: true,\n        unmountOnExit: true,\n        timeout: transitionTimeout,\n        onExited: remove,\n        onEntering: onTransitionEntering,\n        nodeRef: nodeRef,\n        children: /*#__PURE__*/ _jsxs(ToastContainerContextProvider, {\n            value: contextValues.toast,\n            children: [\n                /*#__PURE__*/ _jsx(state.root, {}),\n                /*#__PURE__*/ _jsx(state.timer, {})\n            ]\n        })\n    });\n};\n"],"names":["renderToastContainer_unstable","state","contextValues","onTransitionEntering","visible","transitionTimeout","remove","nodeRef","assertSlots","_jsx","Transition","in","appear","unmountOnExit","timeout","onExited","onEntering","children","_jsxs","ToastContainerContextProvider","value","toast","root","timer"],"mappings":";;;;+BAMiBA;;;eAAAA;;;4BAN4B;gCACjB;sCACD;uCACmB;AAGnC,MAAMA,gCAAgC,CAACC,OAAOC;IACrD,MAAM,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,iBAAiB,EAAEC,MAAM,EAAEC,OAAO,EAAE,GAAGN;IAC9EO,IAAAA,2BAAW,EAACP;IACZ,OAAO,WAAW,GAAGQ,IAAAA,eAAI,EAACC,gCAAU,EAAE;QAClCC,IAAIP;QACJQ,QAAQ;QACRC,eAAe;QACfC,SAAST;QACTU,UAAUT;QACVU,YAAYb;QACZI,SAASA;QACTU,UAAU,WAAW,GAAGC,IAAAA,gBAAK,EAACC,oDAA6B,EAAE;YACzDC,OAAOlB,cAAcmB,KAAK;YAC1BJ,UAAU;gBACN,WAAW,GAAGR,IAAAA,eAAI,EAACR,MAAMqB,IAAI,EAAE,CAAC;gBAChC,WAAW,GAAGb,IAAAA,eAAI,EAACR,MAAMsB,KAAK,EAAE,CAAC;aACpC;QACL;IACJ;AACJ"}

package/lib-commonjs/components/ToastFooter/renderToastFooter.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/components/ToastFooter/renderToastFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderToastFooter.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ToastFooter\n */ export const renderToastFooter_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderToastFooter_unstable","state","assertSlots","_jsx","root"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ4F;gCACjF;AAGjB,MAAMA,6BAA6B,CAACC;IAC3CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
+{"version":3,"sources":["renderToastFooter.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 ToastFooter\n */ export const renderToastFooter_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderToastFooter_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,6BAA6B,CAACC;IAC3CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

package/lib-commonjs/components/ToastTitle/renderToastTitle.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/components/ToastTitle/renderToastTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderToastTitle.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ToastTitle\n */ export const renderToastTitle_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            state.media ? /*#__PURE__*/ _jsx(state.media, {}) : null,\n            /*#__PURE__*/ _jsx(state.root, {}),\n            state.action ? /*#__PURE__*/ _jsx(state.action, {}) : null\n        ]\n    });\n};\n"],"names":["renderToastTitle_unstable","state","assertSlots","_jsxs","_Fragment","children","media","_jsx","root","action"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJkI;gCACvH;AAGjB,MAAMA,4BAA4B,CAACC;IAC1CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACC,oBAAS,EAAE;QAClCC,UAAU;YACNJ,MAAMK,KAAK,GAAG,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,KAAK,EAAE,CAAC,KAAK;YACpD,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMO,IAAI,EAAE,CAAC;YAChCP,MAAMQ,MAAM,GAAG,WAAW,GAAGF,IAAAA,eAAI,EAACN,MAAMQ,MAAM,EAAE,CAAC,KAAK;SACzD;IACL;AACJ"}
+{"version":3,"sources":["renderToastTitle.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ToastTitle\n */ export const renderToastTitle_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            state.media ? /*#__PURE__*/ _jsx(state.media, {}) : null,\n            /*#__PURE__*/ _jsx(state.root, {}),\n            state.action ? /*#__PURE__*/ _jsx(state.action, {}) : null\n        ]\n    });\n};\n"],"names":["renderToastTitle_unstable","state","assertSlots","_jsxs","_Fragment","children","media","_jsx","root","action"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJmD;gCACxC;AAGjB,MAAMA,4BAA4B,CAACC;IAC1CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACC,oBAAS,EAAE;QAClCC,UAAU;YACNJ,MAAMK,KAAK,GAAG,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,KAAK,EAAE,CAAC,KAAK;YACpD,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMO,IAAI,EAAE,CAAC;YAChCP,MAAMQ,MAAM,GAAG,WAAW,GAAGF,IAAAA,eAAI,EAACN,MAAMQ,MAAM,EAAE,CAAC,KAAK;SACzD;IACL;AACJ"}

package/lib-commonjs/components/Toaster/renderToaster.js

@@ -1,4 +1,4 @@
-/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -13,22 +13,36 @@ const _reactutilities = require("@fluentui/react-utilities");
 const _reactportal = require("@fluentui/react-portal");
 const _AriaLive = require("../AriaLive");
 const renderToaster_unstable = (state)=>{
-    const { announceRef, renderAriaLive } = state;
+    const { announceRef, renderAriaLive, inline, mountNode } = state;
     (0, _reactutilities.assertSlots)(state);
-    const hasToasts = !!state.bottomStart || !!state.bottomEnd || !!state.topStart || !!state.topEnd;
+    const hasToasts = !!state.bottomStart || !!state.bottomEnd || !!state.topStart || !!state.topEnd || !!state.top || !!state.bottom;
+    const ariaLive = renderAriaLive ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_AriaLive.AriaLive, {
+        announceRef: announceRef
+    }) : null;
+    const positionSlots = /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            state.bottom ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.bottom, {}) : null,
+            state.bottomStart ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.bottomStart, {}) : null,
+            state.bottomEnd ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.bottomEnd, {}) : null,
+            state.topStart ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.topStart, {}) : null,
+            state.topEnd ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.topEnd, {}) : null,
+            state.top ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.top, {}) : null
+        ]
+    });
+    if (inline) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                ariaLive,
+                hasToasts ? positionSlots : null
+            ]
+        });
+    }
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            renderAriaLive ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_AriaLive.AriaLive, {
-                announceRef: announceRef
-            }) : null,
-            hasToasts ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactportal.Portal, {
-                mountNode: state.mountNode,
-                children: [
-                    state.bottomStart ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.bottomStart, {}) : null,
-                    state.bottomEnd ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.bottomEnd, {}) : null,
-                    state.topStart ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.topStart, {}) : null,
-                    state.topEnd ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.topEnd, {}) : null
-                ]
+            ariaLive,
+            hasToasts ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactportal.Portal, {
+                mountNode: mountNode,
+                children: positionSlots
             }) : null
         ]
     });

package/lib-commonjs/components/Toaster/renderToaster.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderToaster.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { Portal } from '@fluentui/react-portal';\nimport { AriaLive } from '../AriaLive';\n/**\n * Render the final JSX of Toaster\n */ export const renderToaster_unstable = (state)=>{\n    const { announceRef, renderAriaLive } = state;\n    assertSlots(state);\n    const hasToasts = !!state.bottomStart || !!state.bottomEnd || !!state.topStart || !!state.topEnd;\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            renderAriaLive ? /*#__PURE__*/ _jsx(AriaLive, {\n                announceRef: announceRef\n            }) : null,\n            hasToasts ? /*#__PURE__*/ _jsxs(Portal, {\n                mountNode: state.mountNode,\n                children: [\n                    state.bottomStart ? /*#__PURE__*/ _jsx(state.bottomStart, {}) : null,\n                    state.bottomEnd ? /*#__PURE__*/ _jsx(state.bottomEnd, {}) : null,\n                    state.topStart ? /*#__PURE__*/ _jsx(state.topStart, {}) : null,\n                    state.topEnd ? /*#__PURE__*/ _jsx(state.topEnd, {}) : null\n                ]\n            }) : null\n        ]\n    });\n};\n"],"names":["renderToaster_unstable","state","announceRef","renderAriaLive","assertSlots","hasToasts","bottomStart","bottomEnd","topStart","topEnd","_jsxs","_Fragment","children","_jsx","AriaLive","Portal","mountNode"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAM7DA;;;eAAAA;;;4BANkI;gCACvH;6BACL;0BACE;AAGd,MAAMA,yBAAyB,CAACC;IACvC,MAAM,EAAEC,WAAW,EAAEC,cAAc,EAAE,GAAGF;IACxCG,IAAAA,2BAAW,EAACH;IACZ,MAAMI,YAAY,CAAC,CAACJ,MAAMK,WAAW,IAAI,CAAC,CAACL,MAAMM,SAAS,IAAI,CAAC,CAACN,MAAMO,QAAQ,IAAI,CAAC,CAACP,MAAMQ,MAAM;IAChG,OAAO,WAAW,GAAGC,IAAAA,gBAAK,EAACC,oBAAS,EAAE;QAClCC,UAAU;YACNT,iBAAiB,WAAW,GAAGU,IAAAA,eAAI,EAACC,kBAAQ,EAAE;gBAC1CZ,aAAaA;YACjB,KAAK;YACLG,YAAY,WAAW,GAAGK,IAAAA,gBAAK,EAACK,mBAAM,EAAE;gBACpCC,WAAWf,MAAMe,SAAS;gBAC1BJ,UAAU;oBACNX,MAAMK,WAAW,GAAG,WAAW,GAAGO,IAAAA,eAAI,EAACZ,MAAMK,WAAW,EAAE,CAAC,KAAK;oBAChEL,MAAMM,SAAS,GAAG,WAAW,GAAGM,IAAAA,eAAI,EAACZ,MAAMM,SAAS,EAAE,CAAC,KAAK;oBAC5DN,MAAMO,QAAQ,GAAG,WAAW,GAAGK,IAAAA,eAAI,EAACZ,MAAMO,QAAQ,EAAE,CAAC,KAAK;oBAC1DP,MAAMQ,MAAM,GAAG,WAAW,GAAGI,IAAAA,eAAI,EAACZ,MAAMQ,MAAM,EAAE,CAAC,KAAK;iBACzD;YACL,KAAK;SACR;IACL;AACJ"}
+{"version":3,"sources":["renderToaster.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { Portal } from '@fluentui/react-portal';\nimport { AriaLive } from '../AriaLive';\n/**\n * Render the final JSX of Toaster\n */ export const renderToaster_unstable = (state)=>{\n    const { announceRef, renderAriaLive, inline, mountNode } = state;\n    assertSlots(state);\n    const hasToasts = !!state.bottomStart || !!state.bottomEnd || !!state.topStart || !!state.topEnd || !!state.top || !!state.bottom;\n    const ariaLive = renderAriaLive ? /*#__PURE__*/ _jsx(AriaLive, {\n        announceRef: announceRef\n    }) : null;\n    const positionSlots = /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            state.bottom ? /*#__PURE__*/ _jsx(state.bottom, {}) : null,\n            state.bottomStart ? /*#__PURE__*/ _jsx(state.bottomStart, {}) : null,\n            state.bottomEnd ? /*#__PURE__*/ _jsx(state.bottomEnd, {}) : null,\n            state.topStart ? /*#__PURE__*/ _jsx(state.topStart, {}) : null,\n            state.topEnd ? /*#__PURE__*/ _jsx(state.topEnd, {}) : null,\n            state.top ? /*#__PURE__*/ _jsx(state.top, {}) : null\n        ]\n    });\n    if (inline) {\n        return /*#__PURE__*/ _jsxs(_Fragment, {\n            children: [\n                ariaLive,\n                hasToasts ? positionSlots : null\n            ]\n        });\n    }\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            ariaLive,\n            hasToasts ? /*#__PURE__*/ _jsx(Portal, {\n                mountNode: mountNode,\n                children: positionSlots\n            }) : null\n        ]\n    });\n};\n"],"names":["renderToaster_unstable","state","announceRef","renderAriaLive","inline","mountNode","assertSlots","hasToasts","bottomStart","bottomEnd","topStart","topEnd","top","bottom","ariaLive","_jsx","AriaLive","positionSlots","_jsxs","_Fragment","children","Portal"],"mappings":";;;;+BAMiBA;;;eAAAA;;;4BANmD;gCACxC;6BACL;0BACE;AAGd,MAAMA,yBAAyB,CAACC;IACvC,MAAM,EAAEC,WAAW,EAAEC,cAAc,EAAEC,MAAM,EAAEC,SAAS,EAAE,GAAGJ;IAC3DK,IAAAA,2BAAW,EAACL;IACZ,MAAMM,YAAY,CAAC,CAACN,MAAMO,WAAW,IAAI,CAAC,CAACP,MAAMQ,SAAS,IAAI,CAAC,CAACR,MAAMS,QAAQ,IAAI,CAAC,CAACT,MAAMU,MAAM,IAAI,CAAC,CAACV,MAAMW,GAAG,IAAI,CAAC,CAACX,MAAMY,MAAM;IACjI,MAAMC,WAAWX,iBAAiB,WAAW,GAAGY,IAAAA,eAAI,EAACC,kBAAQ,EAAE;QAC3Dd,aAAaA;IACjB,KAAK;IACL,MAAMe,gBAAgB,WAAW,GAAGC,IAAAA,gBAAK,EAACC,oBAAS,EAAE;QACjDC,UAAU;YACNnB,MAAMY,MAAM,GAAG,WAAW,GAAGE,IAAAA,eAAI,EAACd,MAAMY,MAAM,EAAE,CAAC,KAAK;YACtDZ,MAAMO,WAAW,GAAG,WAAW,GAAGO,IAAAA,eAAI,EAACd,MAAMO,WAAW,EAAE,CAAC,KAAK;YAChEP,MAAMQ,SAAS,GAAG,WAAW,GAAGM,IAAAA,eAAI,EAACd,MAAMQ,SAAS,EAAE,CAAC,KAAK;YAC5DR,MAAMS,QAAQ,GAAG,WAAW,GAAGK,IAAAA,eAAI,EAACd,MAAMS,QAAQ,EAAE,CAAC,KAAK;YAC1DT,MAAMU,MAAM,GAAG,WAAW,GAAGI,IAAAA,eAAI,EAACd,MAAMU,MAAM,EAAE,CAAC,KAAK;YACtDV,MAAMW,GAAG,GAAG,WAAW,GAAGG,IAAAA,eAAI,EAACd,MAAMW,GAAG,EAAE,CAAC,KAAK;SACnD;IACL;IACA,IAAIR,QAAQ;QACR,OAAO,WAAW,GAAGc,IAAAA,gBAAK,EAACC,oBAAS,EAAE;YAClCC,UAAU;gBACNN;gBACAP,YAAYU,gBAAgB;aAC/B;QACL;IACJ;IACA,OAAO,WAAW,GAAGC,IAAAA,gBAAK,EAACC,oBAAS,EAAE;QAClCC,UAAU;YACNN;YACAP,YAAY,WAAW,GAAGQ,IAAAA,eAAI,EAACM,mBAAM,EAAE;gBACnChB,WAAWA;gBACXe,UAAUH;YACd,KAAK;SACR;IACL;AACJ"}

package/lib-commonjs/components/Toaster/useToaster.js

@@ -19,7 +19,7 @@ const _ToastContainer = require("../ToastContainer");
 const _useToasterFocusManagement = require("./useToasterFocusManagement");
 const _useToastAnnounce = require("./useToastAnnounce");
 const useToaster_unstable = (props)=>{
-    const { offset, announce: announceProp, mountNode, ...rest } = props;
+    const { offset, announce: announceProp, mountNode, inline = false, ...rest } = props;
     const announceRef = _react.useRef(()=>null);
     const { toastsToRender, isToastVisible, pauseAllToasts, playAllToasts, tryRestoreFocus, closeAllToasts } = (0, _state.useToaster)(rest);
     const announce = _react.useCallback((message, options)=>announceRef.current(message, options), []);
@@ -72,7 +72,9 @@ const useToaster_unstable = (props)=>{
             bottomStart: 'div',
             bottomEnd: 'div',
             topStart: 'div',
-            topEnd: 'div'
+            topEnd: 'div',
+            top: 'div',
+            bottom: 'div'
         },
         root: _reactutilities.slot.always(rootProps, {
             elementType: 'div'
@@ -81,9 +83,12 @@ const useToaster_unstable = (props)=>{
         bottomEnd: usePositionSlot(_state.TOAST_POSITIONS.bottomEnd),
         topStart: usePositionSlot(_state.TOAST_POSITIONS.topStart),
         topEnd: usePositionSlot(_state.TOAST_POSITIONS.topEnd),
+        top: usePositionSlot(_state.TOAST_POSITIONS.top),
+        bottom: usePositionSlot(_state.TOAST_POSITIONS.bottom),
         announceRef,
         offset,
         announce: announceProp !== null && announceProp !== void 0 ? announceProp : announce,
-        renderAriaLive: !announceProp
+        renderAriaLive: !announceProp,
+        inline
     };
 };

package/lib-commonjs/components/Toaster/useToaster.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useToaster.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useEventCallback, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Escape } from '@fluentui/keyboard-keys';\nimport { TOAST_POSITIONS, useToaster } from '../../state';\nimport { ToastContainer } from '../ToastContainer';\nimport { useToasterFocusManagement_unstable } from './useToasterFocusManagement';\nimport { useToastAnnounce } from './useToastAnnounce';\n/**\n * Create the state required to render Toaster.\n *\n * @param props - props from this instance of Toaster\n */ export const useToaster_unstable = (props)=>{\n    const { offset, announce: announceProp, mountNode, ...rest } = props;\n    const announceRef = React.useRef(()=>null);\n    const { toastsToRender, isToastVisible, pauseAllToasts, playAllToasts, tryRestoreFocus, closeAllToasts } = useToaster(rest);\n    const announce = React.useCallback((message, options)=>announceRef.current(message, options), []);\n    const { dir } = useFluent();\n    const rootProps = slot.always(getNativeElementProps('div', rest), {\n        elementType: 'div'\n    });\n    const focusableGroupAttr = useFocusableGroup({\n        tabBehavior: 'limited-trap-focus',\n        ignoreDefaultKeydown: {\n            Escape: true\n        }\n    });\n    const onKeyDown = useEventCallback((e)=>{\n        var _props_onKeyDown, _props;\n        if (e.key === Escape) {\n            e.preventDefault();\n            closeAllToasts();\n        }\n        (_props_onKeyDown = (_props = props).onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(_props, e);\n    });\n    const usePositionSlot = (toastPosition)=>{\n        var _toastsToRender_get;\n        const focusManagementRef = useToasterFocusManagement_unstable(pauseAllToasts, playAllToasts);\n        const { announceToast, toasterRef } = useToastAnnounce(announceProp !== null && announceProp !== void 0 ? announceProp : announce);\n        return slot.optional(toastsToRender.has(toastPosition) ? rootProps : null, {\n            defaultProps: {\n                ref: useMergedRefs(focusManagementRef, toasterRef),\n                children: (_toastsToRender_get = toastsToRender.get(toastPosition)) === null || _toastsToRender_get === void 0 ? void 0 : _toastsToRender_get.map((toast)=>/*#__PURE__*/ React.createElement(ToastContainer, {\n                        ...toast,\n                        tryRestoreFocus: tryRestoreFocus,\n                        intent: toast.intent,\n                        announce: announceToast,\n                        key: toast.toastId,\n                        visible: isToastVisible(toast.toastId)\n                    }, toast.content)),\n                onKeyDown,\n                ...focusableGroupAttr,\n                'data-toaster-position': toastPosition,\n                role: 'list'\n            },\n            elementType: 'div'\n        });\n    };\n    return {\n        dir,\n        mountNode,\n        components: {\n            root: 'div',\n            bottomStart: 'div',\n            bottomEnd: 'div',\n            topStart: 'div',\n            topEnd: 'div'\n        },\n        root: slot.always(rootProps, {\n            elementType: 'div'\n        }),\n        bottomStart: usePositionSlot(TOAST_POSITIONS.bottomStart),\n        bottomEnd: usePositionSlot(TOAST_POSITIONS.bottomEnd),\n        topStart: usePositionSlot(TOAST_POSITIONS.topStart),\n        topEnd: usePositionSlot(TOAST_POSITIONS.topEnd),\n        announceRef,\n        offset,\n        announce: announceProp !== null && announceProp !== void 0 ? announceProp : announce,\n        renderAriaLive: !announceProp\n    };\n};\n"],"names":["useToaster_unstable","props","offset","announce","announceProp","mountNode","rest","announceRef","React","useRef","toastsToRender","isToastVisible","pauseAllToasts","playAllToasts","tryRestoreFocus","closeAllToasts","useToaster","useCallback","message","options","current","dir","useFluent","rootProps","slot","always","getNativeElementProps","elementType","focusableGroupAttr","useFocusableGroup","tabBehavior","ignoreDefaultKeydown","Escape","onKeyDown","useEventCallback","e","_props_onKeyDown","_props","key","preventDefault","call","usePositionSlot","toastPosition","_toastsToRender_get","focusManagementRef","useToasterFocusManagement_unstable","announceToast","toasterRef","useToastAnnounce","optional","has","defaultProps","ref","useMergedRefs","children","get","map","toast","createElement","ToastContainer","intent","toastId","visible","content","role","components","root","bottomStart","bottomEnd","topStart","topEnd","TOAST_POSITIONS","renderAriaLive"],"mappings":"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"}
+{"version":3,"sources":["useToaster.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useEventCallback, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { Escape } from '@fluentui/keyboard-keys';\nimport { TOAST_POSITIONS, useToaster } from '../../state';\nimport { ToastContainer } from '../ToastContainer';\nimport { useToasterFocusManagement_unstable } from './useToasterFocusManagement';\nimport { useToastAnnounce } from './useToastAnnounce';\n/**\n * Create the state required to render Toaster.\n *\n * @param props - props from this instance of Toaster\n */ export const useToaster_unstable = (props)=>{\n    const { offset, announce: announceProp, mountNode, inline = false, ...rest } = props;\n    const announceRef = React.useRef(()=>null);\n    const { toastsToRender, isToastVisible, pauseAllToasts, playAllToasts, tryRestoreFocus, closeAllToasts } = useToaster(rest);\n    const announce = React.useCallback((message, options)=>announceRef.current(message, options), []);\n    const { dir } = useFluent();\n    const rootProps = slot.always(getNativeElementProps('div', rest), {\n        elementType: 'div'\n    });\n    const focusableGroupAttr = useFocusableGroup({\n        tabBehavior: 'limited-trap-focus',\n        ignoreDefaultKeydown: {\n            Escape: true\n        }\n    });\n    const onKeyDown = useEventCallback((e)=>{\n        var _props_onKeyDown, _props;\n        if (e.key === Escape) {\n            e.preventDefault();\n            closeAllToasts();\n        }\n        (_props_onKeyDown = (_props = props).onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(_props, e);\n    });\n    const usePositionSlot = (toastPosition)=>{\n        var _toastsToRender_get;\n        const focusManagementRef = useToasterFocusManagement_unstable(pauseAllToasts, playAllToasts);\n        const { announceToast, toasterRef } = useToastAnnounce(announceProp !== null && announceProp !== void 0 ? announceProp : announce);\n        return slot.optional(toastsToRender.has(toastPosition) ? rootProps : null, {\n            defaultProps: {\n                ref: useMergedRefs(focusManagementRef, toasterRef),\n                children: (_toastsToRender_get = toastsToRender.get(toastPosition)) === null || _toastsToRender_get === void 0 ? void 0 : _toastsToRender_get.map((toast)=>/*#__PURE__*/ React.createElement(ToastContainer, {\n                        ...toast,\n                        tryRestoreFocus: tryRestoreFocus,\n                        intent: toast.intent,\n                        announce: announceToast,\n                        key: toast.toastId,\n                        visible: isToastVisible(toast.toastId)\n                    }, toast.content)),\n                onKeyDown,\n                ...focusableGroupAttr,\n                'data-toaster-position': toastPosition,\n                role: 'list'\n            },\n            elementType: 'div'\n        });\n    };\n    return {\n        dir,\n        mountNode,\n        components: {\n            root: 'div',\n            bottomStart: 'div',\n            bottomEnd: 'div',\n            topStart: 'div',\n            topEnd: 'div',\n            top: 'div',\n            bottom: 'div'\n        },\n        root: slot.always(rootProps, {\n            elementType: 'div'\n        }),\n        bottomStart: usePositionSlot(TOAST_POSITIONS.bottomStart),\n        bottomEnd: usePositionSlot(TOAST_POSITIONS.bottomEnd),\n        topStart: usePositionSlot(TOAST_POSITIONS.topStart),\n        topEnd: usePositionSlot(TOAST_POSITIONS.topEnd),\n        top: usePositionSlot(TOAST_POSITIONS.top),\n        bottom: usePositionSlot(TOAST_POSITIONS.bottom),\n        announceRef,\n        offset,\n        announce: announceProp !== null && announceProp !== void 0 ? announceProp : announce,\n        renderAriaLive: !announceProp,\n        inline\n    };\n};\n"],"names":["useToaster_unstable","props","offset","announce","announceProp","mountNode","inline","rest","announceRef","React","useRef","toastsToRender","isToastVisible","pauseAllToasts","playAllToasts","tryRestoreFocus","closeAllToasts","useToaster","useCallback","message","options","current","dir","useFluent","rootProps","slot","always","getNativeElementProps","elementType","focusableGroupAttr","useFocusableGroup","tabBehavior","ignoreDefaultKeydown","Escape","onKeyDown","useEventCallback","e","_props_onKeyDown","_props","key","preventDefault","call","usePositionSlot","toastPosition","_toastsToRender_get","focusManagementRef","useToasterFocusManagement_unstable","announceToast","toasterRef","useToastAnnounce","optional","has","defaultProps","ref","useMergedRefs","children","get","map","toast","createElement","ToastContainer","intent","toastId","visible","content","role","components","root","bottomStart","bottomEnd","topStart","topEnd","top","bottom","TOAST_POSITIONS","renderAriaLive"],"mappings":"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"}

package/lib-commonjs/components/Toaster/useToasterStyles.styles.js

@@ -26,9 +26,19 @@ const toasterClassNames = {
  */ const useRootBaseClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r3hfdjz", null, [
     ".r3hfdjz{position:fixed;width:292px;pointer-events:none;}"
 ]);
+const useToasterStyles = /*#__PURE__*/ (0, _react.__styles)({
+    inline: {
+        qhf8xq: "f1euv43f"
+    }
+}, {
+    d: [
+        ".f1euv43f{position:absolute;}"
+    ]
+});
 const useToasterStyles_unstable = (state)=>{
     const rootBaseClassName = useRootBaseClassName();
-    const className = (0, _react.mergeClasses)(toasterClassNames.root, rootBaseClassName, state.root.className);
+    const styles = useToasterStyles();
+    const className = (0, _react.mergeClasses)(toasterClassNames.root, rootBaseClassName, state.inline && styles.inline, state.root.className);
     if (state.bottomStart) {
         var _state_bottomStart;
         state.bottomStart.className = className;
@@ -57,5 +67,19 @@ const useToasterStyles_unstable = (state)=>{
         (_style3 = (_state_topEnd = state.topEnd).style) !== null && _style3 !== void 0 ? _style3 : _state_topEnd.style = {};
         Object.assign(state.topEnd.style, (0, _index.getPositionStyles)(_index.TOAST_POSITIONS.topEnd, state.dir, state.offset));
     }
+    if (state.top) {
+        var _state_top;
+        state.top.className = className;
+        var _style4;
+        (_style4 = (_state_top = state.top).style) !== null && _style4 !== void 0 ? _style4 : _state_top.style = {};
+        Object.assign(state.top.style, (0, _index.getPositionStyles)(_index.TOAST_POSITIONS.top, state.dir, state.offset));
+    }
+    if (state.bottom) {
+        var _state_bottom;
+        state.bottom.className = className;
+        var _style5;
+        (_style5 = (_state_bottom = state.bottom).style) !== null && _style5 !== void 0 ? _style5 : _state_bottom.style = {};
+        Object.assign(state.bottom.style, (0, _index.getPositionStyles)(_index.TOAST_POSITIONS.bottom, state.dir, state.offset));
+    }
     return state;
 }; //# sourceMappingURL=useToasterStyles.styles.js.map

package/lib-commonjs/components/Toaster/useToasterStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useToasterStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nimport { TOAST_POSITIONS, getPositionStyles } from '../../state/index';\nexport const toasterClassNames = {\n  root: 'fui-Toaster'\n};\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"r3hfdjz\", null, [\".r3hfdjz{position:fixed;width:292px;pointer-events:none;}\"]);\n/**\n * Apply styling to the Toaster slots based on the state\n */\nexport const useToasterStyles_unstable = state => {\n  const rootBaseClassName = useRootBaseClassName();\n  const className = mergeClasses(toasterClassNames.root, rootBaseClassName, state.root.className);\n  if (state.bottomStart) {\n    var _state_bottomStart;\n    state.bottomStart.className = className;\n    var _style;\n    (_style = (_state_bottomStart = state.bottomStart).style) !== null && _style !== void 0 ? _style : _state_bottomStart.style = {};\n    Object.assign(state.bottomStart.style, getPositionStyles(TOAST_POSITIONS.bottomStart, state.dir, state.offset));\n  }\n  if (state.bottomEnd) {\n    var _state_bottomEnd;\n    state.bottomEnd.className = className;\n    var _style1;\n    (_style1 = (_state_bottomEnd = state.bottomEnd).style) !== null && _style1 !== void 0 ? _style1 : _state_bottomEnd.style = {};\n    Object.assign(state.bottomEnd.style, getPositionStyles(TOAST_POSITIONS.bottomEnd, state.dir, state.offset));\n  }\n  if (state.topStart) {\n    var _state_topStart;\n    state.topStart.className = className;\n    var _style2;\n    (_style2 = (_state_topStart = state.topStart).style) !== null && _style2 !== void 0 ? _style2 : _state_topStart.style = {};\n    Object.assign(state.topStart.style, getPositionStyles(TOAST_POSITIONS.topStart, state.dir, state.offset));\n  }\n  if (state.topEnd) {\n    var _state_topEnd;\n    state.topEnd.className = className;\n    var _style3;\n    (_style3 = (_state_topEnd = state.topEnd).style) !== null && _style3 !== void 0 ? _style3 : _state_topEnd.style = {};\n    Object.assign(state.topEnd.style, getPositionStyles(TOAST_POSITIONS.topEnd, state.dir, state.offset));\n  }\n  return state;\n};\n//# sourceMappingURL=useToasterStyles.styles.js.map"],"names":["toasterClassNames","useToasterStyles_unstable","root","useRootBaseClassName","__resetStyles","state","rootBaseClassName","className","mergeClasses","bottomStart","_state_bottomStart","_style","style","Object","assign","getPositionStyles","TOAST_POSITIONS","dir","offset","bottomEnd","_state_bottomEnd","_style1","topStart","_state_topStart","_style2","topEnd","_state_topEnd","_style3"],"mappings":";;;;;;;;;;;IAEaA,iBAAiB;eAAjBA;;IAUAC,yBAAyB;eAAzBA;;;uBAZ+B;uBACO;AAC5C,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAA4D;AAI/H,MAAMH,4BAA4BI,CAAAA;IACvC,MAAMC,oBAAoBH;IAC1B,MAAMI,YAAYC,IAAAA,mBAAY,EAACR,kBAAkBE,IAAI,EAAEI,mBAAmBD,MAAMH,IAAI,CAACK,SAAS;IAC9F,IAAIF,MAAMI,WAAW,EAAE;QACrB,IAAIC;QACJL,MAAMI,WAAW,CAACF,SAAS,GAAGA;QAC9B,IAAII;QACHA,CAAAA,SAAS,AAACD,CAAAA,qBAAqBL,MAAMI,WAAW,AAAD,EAAGG,KAAK,AAAD,MAAO,QAAQD,WAAW,KAAK,IAAIA,SAASD,mBAAmBE,KAAK,GAAG,CAAC;QAC/HC,OAAOC,MAAM,CAACT,MAAMI,WAAW,CAACG,KAAK,EAAEG,IAAAA,wBAAiB,EAACC,sBAAe,CAACP,WAAW,EAAEJ,MAAMY,GAAG,EAAEZ,MAAMa,MAAM;IAC/G;IACA,IAAIb,MAAMc,SAAS,EAAE;QACnB,IAAIC;QACJf,MAAMc,SAAS,CAACZ,SAAS,GAAGA;QAC5B,IAAIc;QACHA,CAAAA,UAAU,AAACD,CAAAA,mBAAmBf,MAAMc,SAAS,AAAD,EAAGP,KAAK,AAAD,MAAO,QAAQS,YAAY,KAAK,IAAIA,UAAUD,iBAAiBR,KAAK,GAAG,CAAC;QAC5HC,OAAOC,MAAM,CAACT,MAAMc,SAAS,CAACP,KAAK,EAAEG,IAAAA,wBAAiB,EAACC,sBAAe,CAACG,SAAS,EAAEd,MAAMY,GAAG,EAAEZ,MAAMa,MAAM;IAC3G;IACA,IAAIb,MAAMiB,QAAQ,EAAE;QAClB,IAAIC;QACJlB,MAAMiB,QAAQ,CAACf,SAAS,GAAGA;QAC3B,IAAIiB;QACHA,CAAAA,UAAU,AAACD,CAAAA,kBAAkBlB,MAAMiB,QAAQ,AAAD,EAAGV,KAAK,AAAD,MAAO,QAAQY,YAAY,KAAK,IAAIA,UAAUD,gBAAgBX,KAAK,GAAG,CAAC;QACzHC,OAAOC,MAAM,CAACT,MAAMiB,QAAQ,CAACV,KAAK,EAAEG,IAAAA,wBAAiB,EAACC,sBAAe,CAACM,QAAQ,EAAEjB,MAAMY,GAAG,EAAEZ,MAAMa,MAAM;IACzG;IACA,IAAIb,MAAMoB,MAAM,EAAE;QAChB,IAAIC;QACJrB,MAAMoB,MAAM,CAAClB,SAAS,GAAGA;QACzB,IAAIoB;QACHA,CAAAA,UAAU,AAACD,CAAAA,gBAAgBrB,MAAMoB,MAAM,AAAD,EAAGb,KAAK,AAAD,MAAO,QAAQe,YAAY,KAAK,IAAIA,UAAUD,cAAcd,KAAK,GAAG,CAAC;QACnHC,OAAOC,MAAM,CAACT,MAAMoB,MAAM,CAACb,KAAK,EAAEG,IAAAA,wBAAiB,EAACC,sBAAe,CAACS,MAAM,EAAEpB,MAAMY,GAAG,EAAEZ,MAAMa,MAAM;IACrG;IACA,OAAOb;AACT,GACA,mDAAmD"}
+{"version":3,"sources":["useToasterStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { TOAST_POSITIONS, getPositionStyles } from '../../state/index';\nexport const toasterClassNames = {\n  root: 'fui-Toaster'\n};\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"r3hfdjz\", null, [\".r3hfdjz{position:fixed;width:292px;pointer-events:none;}\"]);\nconst useToasterStyles = /*#__PURE__*/__styles({\n  inline: {\n    qhf8xq: \"f1euv43f\"\n  }\n}, {\n  d: [\".f1euv43f{position:absolute;}\"]\n});\n/**\n * Apply styling to the Toaster slots based on the state\n */\nexport const useToasterStyles_unstable = state => {\n  const rootBaseClassName = useRootBaseClassName();\n  const styles = useToasterStyles();\n  const className = mergeClasses(toasterClassNames.root, rootBaseClassName, state.inline && styles.inline, state.root.className);\n  if (state.bottomStart) {\n    var _state_bottomStart;\n    state.bottomStart.className = className;\n    var _style;\n    (_style = (_state_bottomStart = state.bottomStart).style) !== null && _style !== void 0 ? _style : _state_bottomStart.style = {};\n    Object.assign(state.bottomStart.style, getPositionStyles(TOAST_POSITIONS.bottomStart, state.dir, state.offset));\n  }\n  if (state.bottomEnd) {\n    var _state_bottomEnd;\n    state.bottomEnd.className = className;\n    var _style1;\n    (_style1 = (_state_bottomEnd = state.bottomEnd).style) !== null && _style1 !== void 0 ? _style1 : _state_bottomEnd.style = {};\n    Object.assign(state.bottomEnd.style, getPositionStyles(TOAST_POSITIONS.bottomEnd, state.dir, state.offset));\n  }\n  if (state.topStart) {\n    var _state_topStart;\n    state.topStart.className = className;\n    var _style2;\n    (_style2 = (_state_topStart = state.topStart).style) !== null && _style2 !== void 0 ? _style2 : _state_topStart.style = {};\n    Object.assign(state.topStart.style, getPositionStyles(TOAST_POSITIONS.topStart, state.dir, state.offset));\n  }\n  if (state.topEnd) {\n    var _state_topEnd;\n    state.topEnd.className = className;\n    var _style3;\n    (_style3 = (_state_topEnd = state.topEnd).style) !== null && _style3 !== void 0 ? _style3 : _state_topEnd.style = {};\n    Object.assign(state.topEnd.style, getPositionStyles(TOAST_POSITIONS.topEnd, state.dir, state.offset));\n  }\n  if (state.top) {\n    var _state_top;\n    state.top.className = className;\n    var _style4;\n    (_style4 = (_state_top = state.top).style) !== null && _style4 !== void 0 ? _style4 : _state_top.style = {};\n    Object.assign(state.top.style, getPositionStyles(TOAST_POSITIONS.top, state.dir, state.offset));\n  }\n  if (state.bottom) {\n    var _state_bottom;\n    state.bottom.className = className;\n    var _style5;\n    (_style5 = (_state_bottom = state.bottom).style) !== null && _style5 !== void 0 ? _style5 : _state_bottom.style = {};\n    Object.assign(state.bottom.style, getPositionStyles(TOAST_POSITIONS.bottom, state.dir, state.offset));\n  }\n  return state;\n};\n//# sourceMappingURL=useToasterStyles.styles.js.map"],"names":["toasterClassNames","useToasterStyles_unstable","root","useRootBaseClassName","__resetStyles","useToasterStyles","__styles","inline","qhf8xq","d","state","rootBaseClassName","styles","className","mergeClasses","bottomStart","_state_bottomStart","_style","style","Object","assign","getPositionStyles","TOAST_POSITIONS","dir","offset","bottomEnd","_state_bottomEnd","_style1","topStart","_state_topStart","_style2","topEnd","_state_topEnd","_style3","top","_state_top","_style4","bottom","_state_bottom","_style5"],"mappings":"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"}

package/lib-commonjs/state/constants.js

@@ -25,8 +25,10 @@ const EVENTS = {
     play: 'fui-toast-play'
 };
 const TOAST_POSITIONS = {
+    bottom: 'bottom',
     bottomEnd: 'bottom-end',
     bottomStart: 'bottom-start',
+    top: 'top',
     topEnd: 'top-end',
     topStart: 'top-start'
 };

package/lib-commonjs/state/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["constants.js"],"sourcesContent":["export const EVENTS = {\n    show: 'fui-toast-show',\n    dismiss: 'fui-toast-dismiss',\n    dismissAll: 'fui-toast-dismiss-all',\n    update: 'fui-toast-update',\n    pause: 'fui-toast-pause',\n    play: 'fui-toast-play'\n};\nexport const TOAST_POSITIONS = {\n    bottomEnd: 'bottom-end',\n    bottomStart: 'bottom-start',\n    topEnd: 'top-end',\n    topStart: 'top-start'\n};\n"],"names":["EVENTS","TOAST_POSITIONS","show","dismiss","dismissAll","update","pause","play","bottomEnd","bottomStart","topEnd","topStart"],"mappings":";;;;;;;;;;;IAAaA,MAAM;eAANA;;IAQAC,eAAe;eAAfA;;;AARN,MAAMD,SAAS;IAClBE,MAAM;IACNC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,OAAO;IACPC,MAAM;AACV;AACO,MAAMN,kBAAkB;IAC3BO,WAAW;IACXC,aAAa;IACbC,QAAQ;IACRC,UAAU;AACd"}
+{"version":3,"sources":["constants.js"],"sourcesContent":["export const EVENTS = {\n    show: 'fui-toast-show',\n    dismiss: 'fui-toast-dismiss',\n    dismissAll: 'fui-toast-dismiss-all',\n    update: 'fui-toast-update',\n    pause: 'fui-toast-pause',\n    play: 'fui-toast-play'\n};\nexport const TOAST_POSITIONS = {\n    bottom: 'bottom',\n    bottomEnd: 'bottom-end',\n    bottomStart: 'bottom-start',\n    top: 'top',\n    topEnd: 'top-end',\n    topStart: 'top-start'\n};\n"],"names":["EVENTS","TOAST_POSITIONS","show","dismiss","dismissAll","update","pause","play","bottom","bottomEnd","bottomStart","top","topEnd","topStart"],"mappings":";;;;;;;;;;;IAAaA,MAAM;eAANA;;IAQAC,eAAe;eAAfA;;;AARN,MAAMD,SAAS;IAClBE,MAAM;IACNC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,OAAO;IACPC,MAAM;AACV;AACO,MAAMN,kBAAkB;IAC3BO,QAAQ;IACRC,WAAW;IACXC,aAAa;IACbC,KAAK;IACLC,QAAQ;IACRC,UAAU;AACd"}

package/lib-commonjs/state/vanilla/getPositionStyles.js

@@ -9,15 +9,28 @@ Object.defineProperty(exports, "getPositionStyles", {
     }
 });
 const getPositionStyles = (position, dir, offset)=>{
-    const positionStyles = {
-        position: 'fixed'
-    };
+    const positionStyles = {};
     var _offset_position;
     const offsetStyles = offset ? isShorthandOffset(offset) ? offset : (_offset_position = offset[position]) !== null && _offset_position !== void 0 ? _offset_position : {} : {};
-    const { horizontal = 20, vertical = 16 } = offsetStyles;
+    const centered = position === 'top' || position === 'bottom';
+    const { horizontal = centered ? 0 : 20, vertical = 16 } = offsetStyles;
     const start = dir === 'ltr' ? 'left' : 'right';
     const end = dir === 'ltr' ? 'right' : 'left';
     switch(position){
+        case 'top':
+            Object.assign(positionStyles, {
+                top: vertical,
+                left: `calc(50% + ${horizontal}px)`,
+                transform: 'translateX(-50%)'
+            });
+            break;
+        case 'bottom':
+            Object.assign(positionStyles, {
+                bottom: vertical,
+                left: `calc(50% + ${horizontal}px)`,
+                transform: 'translateX(-50%)'
+            });
+            break;
         case 'top-start':
             Object.assign(positionStyles, {
                 top: vertical,

package/lib-commonjs/state/vanilla/getPositionStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getPositionStyles.js"],"sourcesContent":["export const getPositionStyles = (position, dir, offset)=>{\n    const positionStyles = {\n        position: 'fixed'\n    };\n    var _offset_position;\n    const offsetStyles = offset ? isShorthandOffset(offset) ? offset : (_offset_position = offset[position]) !== null && _offset_position !== void 0 ? _offset_position : {} : {};\n    const { horizontal = 20, vertical = 16 } = offsetStyles;\n    const start = dir === 'ltr' ? 'left' : 'right';\n    const end = dir === 'ltr' ? 'right' : 'left';\n    switch(position){\n        case 'top-start':\n            Object.assign(positionStyles, {\n                top: vertical,\n                [start]: horizontal\n            });\n            break;\n        case 'top-end':\n            Object.assign(positionStyles, {\n                top: vertical,\n                [end]: horizontal\n            });\n            break;\n        case 'bottom-start':\n            Object.assign(positionStyles, {\n                bottom: vertical,\n                [start]: horizontal\n            });\n            break;\n        case 'bottom-end':\n            Object.assign(positionStyles, {\n                bottom: vertical,\n                [end]: horizontal\n            });\n            break;\n    }\n    return positionStyles;\n};\nfunction isShorthandOffset(offset) {\n    return 'horizontal' in offset || 'vertical' in offset;\n}\n"],"names":["getPositionStyles","position","dir","offset","positionStyles","_offset_position","offsetStyles","isShorthandOffset","horizontal","vertical","start","end","Object","assign","top","bottom"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,oBAAoB,CAACC,UAAUC,KAAKC;IAC7C,MAAMC,iBAAiB;QACnBH,UAAU;IACd;IACA,IAAII;IACJ,MAAMC,eAAeH,SAASI,kBAAkBJ,UAAUA,SAAS,AAACE,CAAAA,mBAAmBF,MAAM,CAACF,SAAS,AAAD,MAAO,QAAQI,qBAAqB,KAAK,IAAIA,mBAAmB,CAAC,IAAI,CAAC;IAC5K,MAAM,EAAEG,aAAa,EAAE,EAAEC,WAAW,EAAE,EAAE,GAAGH;IAC3C,MAAMI,QAAQR,QAAQ,QAAQ,SAAS;IACvC,MAAMS,MAAMT,QAAQ,QAAQ,UAAU;IACtC,OAAOD;QACH,KAAK;YACDW,OAAOC,MAAM,CAACT,gBAAgB;gBAC1BU,KAAKL;gBACL,CAACC,MAAM,EAAEF;YACb;YACA;QACJ,KAAK;YACDI,OAAOC,MAAM,CAACT,gBAAgB;gBAC1BU,KAAKL;gBACL,CAACE,IAAI,EAAEH;YACX;YACA;QACJ,KAAK;YACDI,OAAOC,MAAM,CAACT,gBAAgB;gBAC1BW,QAAQN;gBACR,CAACC,MAAM,EAAEF;YACb;YACA;QACJ,KAAK;YACDI,OAAOC,MAAM,CAACT,gBAAgB;gBAC1BW,QAAQN;gBACR,CAACE,IAAI,EAAEH;YACX;YACA;IACR;IACA,OAAOJ;AACX;AACA,SAASG,kBAAkBJ,MAAM;IAC7B,OAAO,gBAAgBA,UAAU,cAAcA;AACnD"}
+{"version":3,"sources":["getPositionStyles.js"],"sourcesContent":["export const getPositionStyles = (position, dir, offset)=>{\n    const positionStyles = {};\n    var _offset_position;\n    const offsetStyles = offset ? isShorthandOffset(offset) ? offset : (_offset_position = offset[position]) !== null && _offset_position !== void 0 ? _offset_position : {} : {};\n    const centered = position === 'top' || position === 'bottom';\n    const { horizontal = centered ? 0 : 20, vertical = 16 } = offsetStyles;\n    const start = dir === 'ltr' ? 'left' : 'right';\n    const end = dir === 'ltr' ? 'right' : 'left';\n    switch(position){\n        case 'top':\n            Object.assign(positionStyles, {\n                top: vertical,\n                left: `calc(50% + ${horizontal}px)`,\n                transform: 'translateX(-50%)'\n            });\n            break;\n        case 'bottom':\n            Object.assign(positionStyles, {\n                bottom: vertical,\n                left: `calc(50% + ${horizontal}px)`,\n                transform: 'translateX(-50%)'\n            });\n            break;\n        case 'top-start':\n            Object.assign(positionStyles, {\n                top: vertical,\n                [start]: horizontal\n            });\n            break;\n        case 'top-end':\n            Object.assign(positionStyles, {\n                top: vertical,\n                [end]: horizontal\n            });\n            break;\n        case 'bottom-start':\n            Object.assign(positionStyles, {\n                bottom: vertical,\n                [start]: horizontal\n            });\n            break;\n        case 'bottom-end':\n            Object.assign(positionStyles, {\n                bottom: vertical,\n                [end]: horizontal\n            });\n            break;\n    }\n    return positionStyles;\n};\nfunction isShorthandOffset(offset) {\n    return 'horizontal' in offset || 'vertical' in offset;\n}\n"],"names":["getPositionStyles","position","dir","offset","positionStyles","_offset_position","offsetStyles","isShorthandOffset","centered","horizontal","vertical","start","end","Object","assign","top","left","transform","bottom"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,oBAAoB,CAACC,UAAUC,KAAKC;IAC7C,MAAMC,iBAAiB,CAAC;IACxB,IAAIC;IACJ,MAAMC,eAAeH,SAASI,kBAAkBJ,UAAUA,SAAS,AAACE,CAAAA,mBAAmBF,MAAM,CAACF,SAAS,AAAD,MAAO,QAAQI,qBAAqB,KAAK,IAAIA,mBAAmB,CAAC,IAAI,CAAC;IAC5K,MAAMG,WAAWP,aAAa,SAASA,aAAa;IACpD,MAAM,EAAEQ,aAAaD,WAAW,IAAI,EAAE,EAAEE,WAAW,EAAE,EAAE,GAAGJ;IAC1D,MAAMK,QAAQT,QAAQ,QAAQ,SAAS;IACvC,MAAMU,MAAMV,QAAQ,QAAQ,UAAU;IACtC,OAAOD;QACH,KAAK;YACDY,OAAOC,MAAM,CAACV,gBAAgB;gBAC1BW,KAAKL;gBACLM,MAAM,CAAC,WAAW,EAAEP,WAAW,GAAG,CAAC;gBACnCQ,WAAW;YACf;YACA;QACJ,KAAK;YACDJ,OAAOC,MAAM,CAACV,gBAAgB;gBAC1Bc,QAAQR;gBACRM,MAAM,CAAC,WAAW,EAAEP,WAAW,GAAG,CAAC;gBACnCQ,WAAW;YACf;YACA;QACJ,KAAK;YACDJ,OAAOC,MAAM,CAACV,gBAAgB;gBAC1BW,KAAKL;gBACL,CAACC,MAAM,EAAEF;YACb;YACA;QACJ,KAAK;YACDI,OAAOC,MAAM,CAACV,gBAAgB;gBAC1BW,KAAKL;gBACL,CAACE,IAAI,EAAEH;YACX;YACA;QACJ,KAAK;YACDI,OAAOC,MAAM,CAACV,gBAAgB;gBAC1Bc,QAAQR;gBACR,CAACC,MAAM,EAAEF;YACb;YACA;QACJ,KAAK;YACDI,OAAOC,MAAM,CAACV,gBAAgB;gBAC1Bc,QAAQR;gBACR,CAACE,IAAI,EAAEH;YACX;YACA;IACR;IACA,OAAOL;AACX;AACA,SAASG,kBAAkBJ,MAAM;IAC7B,OAAO,gBAAgBA,UAAU,cAAcA;AACnD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-toast",
-  "version": "9.2.3",
+  "version": "9.3.1",
   "description": "Toast component for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -39,10 +39,10 @@
     "@fluentui/keyboard-keys": "^9.0.4",
     "@fluentui/react-aria": "^9.3.36",
     "@fluentui/react-icons": "^2.0.207",
-    "@fluentui/react-jsx-runtime": "^9.0.6",
-    "@fluentui/react-portal": "^9.3.13",
+    "@fluentui/react-jsx-runtime": "^9.0.8",
+    "@fluentui/react-portal": "^9.3.14",
     "@fluentui/react-shared-contexts": "^9.7.3",
-    "@fluentui/react-tabster": "^9.12.8",
+    "@fluentui/react-tabster": "^9.12.9",
     "@fluentui/react-theme": "^9.1.12",
     "@fluentui/react-utilities": "^9.13.3",
     "@griffel/react": "^1.5.14",