@fluentui/react-dialog 9.4.0 → 9.4.1

package/lib-commonjs/components/Dialog/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","react_context_selector_1","utils_1","contexts_1","useDialog_unstable","props","children","modalType","onOpenChange","inertTrapFocus","trigger","content","childrenToTriggerAndContent","open","setOpen","useControllableState","state","defaultState","defaultOpen","initialState","requestOpenChange","useEventCallback","data","event","isDefaultPrevented","focusRef","useFocusFirstElement","disableBodyScroll","useDisableBodyScroll","isBodyScrollLocked","Boolean","useIsomorphicLayoutEffect","components","backdrop","dialogTitleId","useId","isNestedDialog","useHasParentContext","DialogContext","dialogRef","exports","childrenArray","Children","toArray","process","env","NODE_ENV","length","console","warn","undefined"],"sources":["../src/packages/react-components/react-dialog/src/components/Dialog/useDialog.ts"],"sourcesContent":["import * as React from 'react';\nimport { useControllableState, useEventCallback, useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\nimport { useDisableBodyScroll, useFocusFirstElement } from '../../utils';\nimport { DialogContext } from '../../contexts';\n\nimport type { DialogOpenChangeData, DialogProps, DialogState } from './Dialog.types';\n\n/**\n * Create the state required to render Dialog.\n *\n * The returned state can be modified with hooks such as useDialogStyles_unstable,\n * before being passed to renderDialog_unstable.\n *\n * @param props - props from this instance of Dialog\n */\nexport const useDialog_unstable = (props: DialogProps): DialogState => {\n  const { children, modalType = 'modal', onOpenChange, inertTrapFocus = false } = props;\n\n  const [trigger, content] = childrenToTriggerAndContent(children);\n\n  const [open, setOpen] = useControllableState({\n    state: props.open,\n    defaultState: props.defaultOpen,\n    initialState: false,\n  });\n\n  const requestOpenChange = useEventCallback((data: DialogOpenChangeData) => {\n    onOpenChange?.(data.event, data);\n\n    // if user prevents default then do not change state value\n    // otherwise updates state value and trigger reference to the element that caused the opening\n    if (!data.event.isDefaultPrevented()) {\n      setOpen(data.open);\n    }\n  });\n\n  const focusRef = useFocusFirstElement(open, modalType);\n  const disableBodyScroll = useDisableBodyScroll();\n  const isBodyScrollLocked = Boolean(open && modalType !== 'non-modal');\n\n  useIsomorphicLayoutEffect(() => {\n    if (isBodyScrollLocked) {\n      return disableBodyScroll();\n    }\n  }, [disableBodyScroll, isBodyScrollLocked]);\n\n  return {\n    components: {\n      backdrop: 'div',\n    },\n    inertTrapFocus,\n    open,\n    modalType,\n    content: open ? content : null,\n    trigger,\n    requestOpenChange,\n    dialogTitleId: useId('dialog-title-'),\n    isNestedDialog: useHasParentContext(DialogContext),\n    dialogRef: focusRef,\n  };\n};\n\n/**\n * Extracts trigger and content from children\n */\nfunction childrenToTriggerAndContent(\n  children: React.ReactNode,\n): readonly [trigger: React.ReactNode, content: React.ReactNode] {\n  const childrenArray = React.Children.toArray(children) as React.ReactElement[];\n  if (process.env.NODE_ENV !== 'production') {\n    if (childrenArray.length !== 1 && childrenArray.length !== 2) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'Dialog must contain at least one child <DialogSurface/>,\\n' +\n          'and at most two children <DialogTrigger/> <DialogSurface/> (in this order)',\n      );\n    }\n  }\n  switch (childrenArray.length) {\n    // case where there's a trigger followed by content\n    case 2:\n      return childrenArray as [trigger: React.ReactNode, content: React.ReactNode];\n    // case where there's only content\n    case 1:\n      return [undefined, childrenArray[0]];\n    // unknown case\n    default:\n      return [undefined, undefined];\n  }\n}\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,wBAAA,gBAAAF,OAAA;AACA,MAAAG,OAAA,gBAAAH,OAAA;AACA,MAAAI,UAAA,gBAAAJ,OAAA;AAIA;;;;;;;;AAQO,MAAMK,kBAAkB,GAAIC,KAAkB,IAAiB;EACpE,MAAM;IAAEC,QAAQ;IAAEC,SAAS,GAAG,OAAO;IAAEC,YAAY;IAAEC,cAAc,GAAG;EAAK,CAAE,GAAGJ,KAAK;EAErF,MAAM,CAACK,OAAO,EAAEC,OAAO,CAAC,GAAGC,2BAA2B,CAACN,QAAQ,CAAC;EAEhE,MAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAGd,iBAAA,CAAAe,oBAAoB,CAAC;IAC3CC,KAAK,EAAEX,KAAK,CAACQ,IAAI;IACjBI,YAAY,EAAEZ,KAAK,CAACa,WAAW;IAC/BC,YAAY,EAAE;GACf,CAAC;EAEF,MAAMC,iBAAiB,GAAGpB,iBAAA,CAAAqB,gBAAgB,CAAEC,IAA0B,IAAI;IACxEd,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGc,IAAI,CAACC,KAAK,EAAED,IAAI,CAAC;IAEhC;IACA;IACA,IAAI,CAACA,IAAI,CAACC,KAAK,CAACC,kBAAkB,EAAE,EAAE;MACpCV,OAAO,CAACQ,IAAI,CAACT,IAAI,CAAC;;EAEtB,CAAC,CAAC;EAEF,MAAMY,QAAQ,GAAGvB,OAAA,CAAAwB,oBAAoB,CAACb,IAAI,EAAEN,SAAS,CAAC;EACtD,MAAMoB,iBAAiB,GAAGzB,OAAA,CAAA0B,oBAAoB,EAAE;EAChD,MAAMC,kBAAkB,GAAGC,OAAO,CAACjB,IAAI,IAAIN,SAAS,KAAK,WAAW,CAAC;EAErEP,iBAAA,CAAA+B,yBAAyB,CAAC,MAAK;IAC7B,IAAIF,kBAAkB,EAAE;MACtB,OAAOF,iBAAiB,EAAE;;EAE9B,CAAC,EAAE,CAACA,iBAAiB,EAAEE,kBAAkB,CAAC,CAAC;EAE3C,OAAO;IACLG,UAAU,EAAE;MACVC,QAAQ,EAAE;KACX;IACDxB,cAAc;IACdI,IAAI;IACJN,SAAS;IACTI,OAAO,EAAEE,IAAI,GAAGF,OAAO,GAAG,IAAI;IAC9BD,OAAO;IACPU,iBAAiB;IACjBc,aAAa,EAAElC,iBAAA,CAAAmC,KAAK,CAAC,eAAe,CAAC;IACrCC,cAAc,EAAEnC,wBAAA,CAAAoC,mBAAmB,CAAClC,UAAA,CAAAmC,aAAa,CAAC;IAClDC,SAAS,EAAEd;GACZ;AACH,CAAC;AA7CYe,OAAA,CAAApC,kBAAkB,GAAAA,kBAAA;AA+C/B;;;AAGA,SAASQ,2BAA2BA,CAClCN,QAAyB;EAEzB,MAAMmC,aAAa,GAAG3C,KAAK,CAAC4C,QAAQ,CAACC,OAAO,CAACrC,QAAQ,CAAyB;EAC9E,IAAIsC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAIL,aAAa,CAACM,MAAM,KAAK,CAAC,IAAIN,aAAa,CAACM,MAAM,KAAK,CAAC,EAAE;MAC5D;MACAC,OAAO,CAACC,IAAI,CACV,4DAA4D,GAC1D,4EAA4E,CAC/E;;;EAGL,QAAQR,aAAa,CAACM,MAAM;IAC1B;IACA,KAAK,CAAC;MACJ,OAAON,aAAqE;IAC9E;IACA,KAAK,CAAC;MACJ,OAAO,CAACS,SAAS,EAAET,aAAa,CAAC,CAAC,CAAC,CAAC;IACtC;IACA;MACE,OAAO,CAACS,SAAS,EAAEA,SAAS,CAAC;EAAC;AAEpC"}
+{"version":3,"sources":["../../../lib/components/Dialog/useDialog.js"],"sourcesContent":["import * as React from 'react';\nimport { useControllableState, useEventCallback, useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\nimport { useDisableBodyScroll, useFocusFirstElement } from '../../utils';\nimport { DialogContext } from '../../contexts';\n/**\n * Create the state required to render Dialog.\n *\n * The returned state can be modified with hooks such as useDialogStyles_unstable,\n * before being passed to renderDialog_unstable.\n *\n * @param props - props from this instance of Dialog\n */\nexport const useDialog_unstable = props => {\n  const {\n    children,\n    modalType = 'modal',\n    onOpenChange,\n    inertTrapFocus = false\n  } = props;\n  const [trigger, content] = childrenToTriggerAndContent(children);\n  const [open, setOpen] = useControllableState({\n    state: props.open,\n    defaultState: props.defaultOpen,\n    initialState: false\n  });\n  const requestOpenChange = useEventCallback(data => {\n    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(data.event, data);\n    // if user prevents default then do not change state value\n    // otherwise updates state value and trigger reference to the element that caused the opening\n    if (!data.event.isDefaultPrevented()) {\n      setOpen(data.open);\n    }\n  });\n  const focusRef = useFocusFirstElement(open, modalType);\n  const disableBodyScroll = useDisableBodyScroll();\n  const isBodyScrollLocked = Boolean(open && modalType !== 'non-modal');\n  useIsomorphicLayoutEffect(() => {\n    if (isBodyScrollLocked) {\n      return disableBodyScroll();\n    }\n  }, [disableBodyScroll, isBodyScrollLocked]);\n  return {\n    components: {\n      backdrop: 'div'\n    },\n    inertTrapFocus,\n    open,\n    modalType,\n    content: open ? content : null,\n    trigger,\n    requestOpenChange,\n    dialogTitleId: useId('dialog-title-'),\n    isNestedDialog: useHasParentContext(DialogContext),\n    dialogRef: focusRef\n  };\n};\n/**\n * Extracts trigger and content from children\n */\nfunction childrenToTriggerAndContent(children) {\n  const childrenArray = React.Children.toArray(children);\n  if (process.env.NODE_ENV !== 'production') {\n    if (childrenArray.length !== 1 && childrenArray.length !== 2) {\n      // eslint-disable-next-line no-console\n      console.warn('Dialog must contain at least one child <DialogSurface/>,\\n' + 'and at most two children <DialogTrigger/> <DialogSurface/> (in this order)');\n    }\n  }\n  switch (childrenArray.length) {\n    // case where there's a trigger followed by content\n    case 2:\n      return childrenArray;\n    // case where there's only content\n    case 1:\n      return [undefined, childrenArray[0]];\n    // unknown case\n    default:\n      return [undefined, undefined];\n  }\n}\n//# sourceMappingURL=useDialog.js.map"],"names":["useDialog_unstable","props","children","modalType","onOpenChange","inertTrapFocus","trigger","content","childrenToTriggerAndContent","open","setOpen","useControllableState","state","defaultState","defaultOpen","initialState","requestOpenChange","useEventCallback","data","event","isDefaultPrevented","focusRef","useFocusFirstElement","disableBodyScroll","useDisableBodyScroll","isBodyScrollLocked","Boolean","useIsomorphicLayoutEffect","components","backdrop","dialogTitleId","useId","isNestedDialog","useHasParentContext","DialogContext","dialogRef","childrenArray","React","Children","toArray","process","env","NODE_ENV","length","console","warn","undefined"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACkE;sCACrD;uBACuB;0BAC7B;AASvB,MAAMA,qBAAqBC,CAAAA,QAAS;IACzC,MAAM,EACJC,SAAQ,EACRC,WAAY,QAAO,EACnBC,aAAY,EACZC,gBAAiB,KAAK,CAAA,EACvB,GAAGJ;IACJ,MAAM,CAACK,SAASC,QAAQ,GAAGC,4BAA4BN;IACvD,MAAM,CAACO,MAAMC,QAAQ,GAAGC,IAAAA,oCAAoB,EAAC;QAC3CC,OAAOX,MAAMQ,IAAI;QACjBI,cAAcZ,MAAMa,WAAW;QAC/BC,cAAc,KAAK;IACrB;IACA,MAAMC,oBAAoBC,IAAAA,gCAAgB,EAACC,CAAAA,OAAQ;QACjDd,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAac,KAAKC,KAAK,EAAED,KAAK;QAC1F,0DAA0D;QAC1D,6FAA6F;QAC7F,IAAI,CAACA,KAAKC,KAAK,CAACC,kBAAkB,IAAI;YACpCV,QAAQQ,KAAKT,IAAI;QACnB,CAAC;IACH;IACA,MAAMY,WAAWC,IAAAA,2BAAoB,EAACb,MAAMN;IAC5C,MAAMoB,oBAAoBC,IAAAA,2BAAoB;IAC9C,MAAMC,qBAAqBC,QAAQjB,QAAQN,cAAc;IACzDwB,IAAAA,yCAAyB,EAAC,IAAM;QAC9B,IAAIF,oBAAoB;YACtB,OAAOF;QACT,CAAC;IACH,GAAG;QAACA;QAAmBE;KAAmB;IAC1C,OAAO;QACLG,YAAY;YACVC,UAAU;QACZ;QACAxB;QACAI;QACAN;QACAI,SAASE,OAAOF,UAAU,IAAI;QAC9BD;QACAU;QACAc,eAAeC,IAAAA,qBAAK,EAAC;QACrBC,gBAAgBC,IAAAA,yCAAmB,EAACC,uBAAa;QACjDC,WAAWd;IACb;AACF;AACA;;CAEC,GACD,SAASb,4BAA4BN,QAAQ,EAAE;IAC7C,MAAMkC,gBAAgBC,OAAMC,QAAQ,CAACC,OAAO,CAACrC;IAC7C,IAAIsC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,IAAIN,cAAcO,MAAM,KAAK,KAAKP,cAAcO,MAAM,KAAK,GAAG;YAC5D,sCAAsC;YACtCC,QAAQC,IAAI,CAAC,+DAA+D;QAC9E,CAAC;IACH,CAAC;IACD,OAAQT,cAAcO,MAAM;QAC1B,mDAAmD;QACnD,KAAK;YACH,OAAOP;QACT,kCAAkC;QAClC,KAAK;YACH,OAAO;gBAACU;gBAAWV,aAAa,CAAC,EAAE;aAAC;QACtC,eAAe;QACf;YACE,OAAO;gBAACU;gBAAWA;aAAU;IACjC;AACF,EACA,qCAAqC"}

package/lib-commonjs/components/Dialog/useDialogContextValues.js

@@ -1,37 +1,30 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useDialogContextValues_unstable", {
+    enumerable: true,
+    get: ()=>useDialogContextValues_unstable
 });
-exports.useDialogContextValues_unstable = void 0;
 function useDialogContextValues_unstable(state) {
-  const {
-    modalType,
-    open,
-    dialogRef,
-    dialogTitleId,
-    isNestedDialog,
-    inertTrapFocus,
-    requestOpenChange
-  } = state;
-  /**
-   * This context is created with "@fluentui/react-context-selector",
-   * there is no sense to memoize it
-   */
-  const dialog = {
-    open,
-    modalType,
-    dialogRef,
-    dialogTitleId,
-    isNestedDialog,
-    inertTrapFocus,
-    requestOpenChange
-  };
-  const dialogSurface = false;
-  return {
-    dialog,
-    dialogSurface
-  };
-}
-exports.useDialogContextValues_unstable = useDialogContextValues_unstable;
+    const { modalType , open , dialogRef , dialogTitleId , isNestedDialog , inertTrapFocus , requestOpenChange  } = state;
+    /**
+  * This context is created with "@fluentui/react-context-selector",
+  * there is no sense to memoize it
+  */ const dialog = {
+        open,
+        modalType,
+        dialogRef,
+        dialogTitleId,
+        isNestedDialog,
+        inertTrapFocus,
+        requestOpenChange
+    };
+    const dialogSurface = false;
+    return {
+        dialog,
+        dialogSurface
+    };
+} //# sourceMappingURL=useDialogContextValues.js.map
+
 //# sourceMappingURL=useDialogContextValues.js.map

package/lib-commonjs/components/Dialog/useDialogContextValues.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDialogContextValues_unstable","state","modalType","open","dialogRef","dialogTitleId","isNestedDialog","inertTrapFocus","requestOpenChange","dialog","dialogSurface","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/Dialog/useDialogContextValues.ts"],"sourcesContent":["import type { DialogContextValue, DialogSurfaceContextValue } from '../../contexts';\nimport type { DialogContextValues, DialogState } from './Dialog.types';\n\nexport function useDialogContextValues_unstable(state: DialogState): DialogContextValues {\n  const { modalType, open, dialogRef, dialogTitleId, isNestedDialog, inertTrapFocus, requestOpenChange } = state;\n\n  /**\n   * This context is created with \"@fluentui/react-context-selector\",\n   * there is no sense to memoize it\n   */\n  const dialog: DialogContextValue = {\n    open,\n    modalType,\n    dialogRef,\n    dialogTitleId,\n    isNestedDialog,\n    inertTrapFocus,\n    requestOpenChange,\n  };\n\n  const dialogSurface: DialogSurfaceContextValue = false;\n\n  return { dialog, dialogSurface };\n}\n"],"mappings":";;;;;;AAGA,SAAgBA,+BAA+BA,CAACC,KAAkB;EAChE,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,SAAS;IAAEC,aAAa;IAAEC,cAAc;IAAEC,cAAc;IAAEC;EAAiB,CAAE,GAAGP,KAAK;EAE9G;;;;EAIA,MAAMQ,MAAM,GAAuB;IACjCN,IAAI;IACJD,SAAS;IACTE,SAAS;IACTC,aAAa;IACbC,cAAc;IACdC,cAAc;IACdC;GACD;EAED,MAAME,aAAa,GAA8B,KAAK;EAEtD,OAAO;IAAED,MAAM;IAAEC;EAAa,CAAE;AAClC;AApBAC,OAAA,CAAAX,+BAAA,GAAAA,+BAAA"}
+{"version":3,"sources":["../../../lib/components/Dialog/useDialogContextValues.js"],"sourcesContent":["export function useDialogContextValues_unstable(state) {\n  const {\n    modalType,\n    open,\n    dialogRef,\n    dialogTitleId,\n    isNestedDialog,\n    inertTrapFocus,\n    requestOpenChange\n  } = state;\n  /**\n  * This context is created with \"@fluentui/react-context-selector\",\n  * there is no sense to memoize it\n  */\n  const dialog = {\n    open,\n    modalType,\n    dialogRef,\n    dialogTitleId,\n    isNestedDialog,\n    inertTrapFocus,\n    requestOpenChange\n  };\n  const dialogSurface = false;\n  return {\n    dialog,\n    dialogSurface\n  };\n}\n//# sourceMappingURL=useDialogContextValues.js.map"],"names":["useDialogContextValues_unstable","state","modalType","open","dialogRef","dialogTitleId","isNestedDialog","inertTrapFocus","requestOpenChange","dialog","dialogSurface"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,gCAAgCC,KAAK,EAAE;IACrD,MAAM,EACJC,UAAS,EACTC,KAAI,EACJC,UAAS,EACTC,cAAa,EACbC,eAAc,EACdC,eAAc,EACdC,kBAAiB,EAClB,GAAGP;IACJ;;;EAGA,GACA,MAAMQ,SAAS;QACbN;QACAD;QACAE;QACAC;QACAC;QACAC;QACAC;IACF;IACA,MAAME,gBAAgB,KAAK;IAC3B,OAAO;QACLD;QACAC;IACF;AACF,EACA,kDAAkD"}

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

@@ -1,26 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "DialogActions", {
+    enumerable: true,
+    get: ()=>DialogActions
 });
-exports.DialogActions = void 0;
-const React = /*#__PURE__*/require("react");
-const useDialogActions_1 = /*#__PURE__*/require("./useDialogActions");
-const renderDialogActions_1 = /*#__PURE__*/require("./renderDialogActions");
-const useDialogActionsStyles_1 = /*#__PURE__*/require("./useDialogActionsStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * `DialogActions` is a container for the actions of the dialog.
- * Apart from styling, this component does not have other behavior.
- */
-exports.DialogActions = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useDialogActions_1.useDialogActions_unstable(props, ref);
-  useDialogActionsStyles_1.useDialogActionsStyles_unstable(state);
-  const {
-    useDialogActionsStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderDialogActions_1.renderDialogActions_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useDialogActions = require("./useDialogActions");
+const _renderDialogActions = require("./renderDialogActions");
+const _useDialogActionsStyles = require("./useDialogActionsStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const DialogActions = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useDialogActions.useDialogActions_unstable)(props, ref);
+    (0, _useDialogActionsStyles.useDialogActionsStyles_unstable)(state);
+    const { useDialogActionsStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderDialogActions.renderDialogActions_unstable)(state);
 });
-exports.DialogActions.displayName = 'DialogActions';
+DialogActions.displayName = 'DialogActions'; //# sourceMappingURL=DialogActions.js.map
+
 //# sourceMappingURL=DialogActions.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useDialogActions_1","renderDialogActions_1","useDialogActionsStyles_1","react_shared_contexts_1","exports","DialogActions","forwardRef","props","ref","state","useDialogActions_unstable","useDialogActionsStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDialogActions_unstable","displayName"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogActions_unstable } from './useDialogActions';\nimport { renderDialogActions_unstable } from './renderDialogActions';\nimport { useDialogActionsStyles_unstable } from './useDialogActionsStyles';\nimport type { DialogActionsProps } from './DialogActions.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * `DialogActions` is a container for the actions of the dialog.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogActions: ForwardRefComponent<DialogActionsProps> = React.forwardRef((props, ref) => {\n  const state = useDialogActions_unstable(props, ref);\n\n  useDialogActionsStyles_unstable(state);\n\n  const { useDialogActionsStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDialogActions_unstable(state);\n});\n\nDialogActions.displayName = 'DialogActions';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,kBAAA,gBAAAD,OAAA;AACA,MAAAE,qBAAA,gBAAAF,OAAA;AACA,MAAAG,wBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;;AAIaK,OAAA,CAAAC,aAAa,gBAA4CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGT,kBAAA,CAAAU,yBAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEnDN,wBAAA,CAAAS,+BAA+B,CAACF,KAAK,CAAC;EAEtC,MAAM;IAAEE,+BAA+B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAC3FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,qBAAA,CAAAa,4BAA4B,CAACL,KAAK,CAAC;AAC5C,CAAC,CAAC;AAEFL,OAAA,CAAAC,aAAa,CAACU,WAAW,GAAG,eAAe"}
+{"version":3,"sources":["../../../lib/components/DialogActions/DialogActions.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogActions_unstable } from './useDialogActions';\nimport { renderDialogActions_unstable } from './renderDialogActions';\nimport { useDialogActionsStyles_unstable } from './useDialogActionsStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * `DialogActions` is a container for the actions of the dialog.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogActions = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useDialogActions_unstable(props, ref);\n  useDialogActionsStyles_unstable(state);\n  const {\n    useDialogActionsStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderDialogActions_unstable(state);\n});\nDialogActions.displayName = 'DialogActions';\n//# sourceMappingURL=DialogActions.js.map"],"names":["DialogActions","React","forwardRef","props","ref","state","useDialogActions_unstable","useDialogActionsStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDialogActions_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;kCACmB;qCACG;wCACG;qCACH;AAKtC,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,uDAA+B,EAACF;IAChC,MAAM,EACJE,iCAAiCC,gBAAe,EACjD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,iDAA4B,EAACL;AACtC;AACAL,cAAcW,WAAW,GAAG,iBAC5B,yCAAyC"}

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

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=DialogActions.types.js.map
+
 //# sourceMappingURL=DialogActions.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DialogActionsSlots = {\n  root: Slot<'div'>;\n};\n\nexport type DialogActionsPosition = 'start' | 'end';\n\n/**\n * DialogActions Props\n */\nexport type DialogActionsProps = ComponentProps<DialogActionsSlots> & {\n  /**\n   * defines the position on the dialog grid of the actions\n   * @default 'end'\n   */\n  position?: DialogActionsPosition;\n\n  /**\n   * Makes the actions expand the entire width of the DialogBody\n   * @default false\n   */\n  fluid?: boolean;\n};\n\n/**\n * State used in rendering DialogActions\n */\nexport type DialogActionsState = ComponentState<DialogActionsSlots> &\n  Pick<Required<DialogActionsProps>, 'position' | 'fluid'>;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/DialogActions/DialogActions.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=DialogActions.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}

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

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./DialogActions"), exports);
-tslib_1.__exportStar(require("./DialogActions.types"), exports);
-tslib_1.__exportStar(require("./renderDialogActions"), exports);
-tslib_1.__exportStar(require("./useDialogActions"), exports);
-tslib_1.__exportStar(require("./useDialogActionsStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./DialogActions"), exports);
+_exportStar(require("./DialogActions.types"), exports);
+_exportStar(require("./renderDialogActions"), exports);
+_exportStar(require("./useDialogActions"), exports);
+_exportStar(require("./useDialogActionsStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogActions/index.ts"],"sourcesContent":["export * from './DialogActions';\nexport * from './DialogActions.types';\nexport * from './renderDialogActions';\nexport * from './useDialogActions';\nexport * from './useDialogActionsStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,8BAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/DialogActions/index.js"],"sourcesContent":["export * from './DialogActions';\nexport * from './DialogActions.types';\nexport * from './renderDialogActions';\nexport * from './useDialogActions';\nexport * from './useDialogActionsStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/DialogActions/renderDialogActions.js

@@ -1,23 +1,18 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderDialogActions_unstable", {
+    enumerable: true,
+    get: ()=>renderDialogActions_unstable
 });
-exports.renderDialogActions_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of DialogActions
- */
-const renderDialogActions_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  // TODO Add additional slots in the appropriate place
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  });
-};
-exports.renderDialogActions_unstable = renderDialogActions_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderDialogActions_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    // TODO Add additional slots in the appropriate place
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root);
+}; //# sourceMappingURL=renderDialogActions.js.map
+
 //# sourceMappingURL=renderDialogActions.js.map

package/lib-commonjs/components/DialogActions/renderDialogActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","renderDialogActions_unstable","state","slots","slotProps","getSlots","createElement","root","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogActions/renderDialogActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DialogActionsState, DialogActionsSlots } from './DialogActions.types';\n\n/**\n * Render the final JSX of DialogActions\n */\nexport const renderDialogActions_unstable = (state: DialogActionsState) => {\n  const { slots, slotProps } = getSlots<DialogActionsSlots>(state);\n\n  // TODO Add additional slots in the appropriate place\n  return <slots.root {...slotProps.root} />;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,4BAA4B,GAAIC,KAAyB,IAAI;EACxE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAqBH,KAAK,CAAC;EAEhE;EACA,OAAOJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,EAAI;AAC3C,CAAC;AALYC,OAAA,CAAAP,4BAA4B,GAAAA,4BAAA"}
+{"version":3,"sources":["../../../lib/components/DialogActions/renderDialogActions.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogActions\n */\nexport const renderDialogActions_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  // TODO Add additional slots in the appropriate place\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root);\n};\n//# sourceMappingURL=renderDialogActions.js.map"],"names":["renderDialogActions_unstable","state","slots","slotProps","getSlots","React","createElement","root"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,+BAA+BC,CAAAA,QAAS;IACnD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,qDAAqD;IACrD,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI;AACpE,GACA,+CAA+C"}

package/lib-commonjs/components/DialogActions/useDialogActions.js

@@ -1,35 +1,27 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useDialogActions_unstable", {
+    enumerable: true,
+    get: ()=>useDialogActions_unstable
 });
-exports.useDialogActions_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Create the state required to render DialogActions.
- *
- * The returned state can be modified with hooks such as useDialogActionsStyles_unstable,
- * before being passed to renderDialogActions_unstable.
- *
- * @param props - props from this instance of DialogActions
- * @param ref - reference to root HTMLElement of DialogActions
- */
-const useDialogActions_unstable = (props, ref) => {
-  const {
-    position = 'end',
-    fluid = false
-  } = props;
-  return {
-    components: {
-      root: 'div'
-    },
-    root: react_utilities_1.getNativeElementProps('div', {
-      ref,
-      ...props
-    }),
-    position,
-    fluid
-  };
-};
-exports.useDialogActions_unstable = useDialogActions_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const useDialogActions_unstable = (props, ref)=>{
+    const { position ='end' , fluid =false  } = props;
+    return {
+        components: {
+            root: 'div'
+        },
+        root: (0, _reactUtilities.getNativeElementProps)('div', {
+            ref,
+            ...props
+        }),
+        position,
+        fluid
+    };
+}; //# sourceMappingURL=useDialogActions.js.map
+
 //# sourceMappingURL=useDialogActions.js.map

package/lib-commonjs/components/DialogActions/useDialogActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","useDialogActions_unstable","props","ref","position","fluid","components","root","getNativeElementProps","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogActions/useDialogActions.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { DialogActionsProps, DialogActionsState } from './DialogActions.types';\n\n/**\n * Create the state required to render DialogActions.\n *\n * The returned state can be modified with hooks such as useDialogActionsStyles_unstable,\n * before being passed to renderDialogActions_unstable.\n *\n * @param props - props from this instance of DialogActions\n * @param ref - reference to root HTMLElement of DialogActions\n */\nexport const useDialogActions_unstable = (\n  props: DialogActionsProps,\n  ref: React.Ref<HTMLElement>,\n): DialogActionsState => {\n  const { position = 'end', fluid = false } = props;\n  return {\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n    position,\n    fluid,\n  };\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAGA;;;;;;;;;AASO,MAAMC,yBAAyB,GAAGA,CACvCC,KAAyB,EACzBC,GAA2B,KACL;EACtB,MAAM;IAAEC,QAAQ,GAAG,KAAK;IAAEC,KAAK,GAAG;EAAK,CAAE,GAAGH,KAAK;EACjD,OAAO;IACLI,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAER,iBAAA,CAAAS,qBAAqB,CAAC,KAAK,EAAE;MACjCL,GAAG;MACH,GAAGD;KACJ,CAAC;IACFE,QAAQ;IACRC;GACD;AACH,CAAC;AAhBYI,OAAA,CAAAR,yBAAyB,GAAAA,yBAAA"}
+{"version":3,"sources":["../../../lib/components/DialogActions/useDialogActions.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DialogActions.\n *\n * The returned state can be modified with hooks such as useDialogActionsStyles_unstable,\n * before being passed to renderDialogActions_unstable.\n *\n * @param props - props from this instance of DialogActions\n * @param ref - reference to root HTMLElement of DialogActions\n */\nexport const useDialogActions_unstable = (props, ref) => {\n  const {\n    position = 'end',\n    fluid = false\n  } = props;\n  return {\n    components: {\n      root: 'div'\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      ...props\n    }),\n    position,\n    fluid\n  };\n};\n//# sourceMappingURL=useDialogActions.js.map"],"names":["useDialogActions_unstable","props","ref","position","fluid","components","root","getNativeElementProps"],"mappings":";;;;+BAWaA;;aAAAA;;;6DAXU;gCACe;AAU/B,MAAMA,4BAA4B,CAACC,OAAOC,MAAQ;IACvD,MAAM,EACJC,UAAW,MAAK,EAChBC,OAAQ,KAAK,CAAA,EACd,GAAGH;IACJ,OAAO;QACLI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCL;YACA,GAAGD,KAAK;QACV;QACAE;QACAC;IACF;AACF,GACA,4CAA4C"}

package/lib-commonjs/components/DialogActions/useDialogActionsStyles.js

@@ -1,59 +1,88 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    dialogActionsClassNames: ()=>dialogActionsClassNames,
+    useDialogActionsStyles_unstable: ()=>useDialogActionsStyles_unstable
 });
-exports.useDialogActionsStyles_unstable = exports.dialogActionsClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const constants_1 = /*#__PURE__*/require("../../contexts/constants");
-exports.dialogActionsClassNames = {
-  root: 'fui-DialogActions'
+const _react = require("@griffel/react");
+const dialogActionsClassNames = {
+    root: 'fui-DialogActions'
 };
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    Bqenvij: "f3052tw",
-    B7ck84d: "f1ewtqcl",
-    mc9l5x: "f22iagw",
-    i8kkvl: "f4px1ci",
-    Belr9w4: "fn67r4l",
-    Bmdcpmo: "f6glcwc",
-    th9wkt: "f1e3st1r"
-  },
-  gridPositionEnd: {
-    Bdqf98w: "f1a7i8kp",
-    Ijaq50: "f11u0jfc",
-    Br312pm: "f1d6tb1o",
-    nk6f5a: "f23awfp",
-    Bw0ie65: "fiappcv"
-  },
-  gridPositionStart: {
-    Bdqf98w: "fsxvdwy",
-    Ijaq50: "f1vnb230",
-    Br312pm: "f14781pt",
-    nk6f5a: "f13d374e",
-    Bw0ie65: "f1fjo411"
-  },
-  fluidStart: {
-    Bw0ie65: "fiappcv"
-  },
-  fluidEnd: {
-    Br312pm: "f14781pt"
-  }
+const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        Bqenvij: "f3052tw",
+        B7ck84d: "f1ewtqcl",
+        mc9l5x: "f22iagw",
+        i8kkvl: "f4px1ci",
+        Belr9w4: "fn67r4l",
+        Bmdcpmo: "f6glcwc",
+        th9wkt: "f1e3st1r"
+    },
+    gridPositionEnd: {
+        Bdqf98w: "f1a7i8kp",
+        Ijaq50: "f11u0jfc",
+        Br312pm: "f1d6tb1o",
+        nk6f5a: "f23awfp",
+        Bw0ie65: "fiappcv"
+    },
+    gridPositionStart: {
+        Bdqf98w: "fsxvdwy",
+        Ijaq50: "f1vnb230",
+        Br312pm: "f14781pt",
+        nk6f5a: "f13d374e",
+        Bw0ie65: "f1fjo411"
+    },
+    fluidStart: {
+        Bw0ie65: "fiappcv"
+    },
+    fluidEnd: {
+        Br312pm: "f14781pt"
+    }
 }, {
-  d: [".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}", ".fn67r4l{row-gap:8px;}", ".f1a7i8kp{justify-self:end;}", ".f11u0jfc{grid-row-start:actions-end;}", ".f1d6tb1o{grid-column-start:actions-end;}", ".f23awfp{grid-row-end:actions-end;}", ".fiappcv{grid-column-end:actions-end;}", ".fsxvdwy{justify-self:start;}", ".f1vnb230{grid-row-start:actions-start;}", ".f14781pt{grid-column-start:actions-start;}", ".f13d374e{grid-row-end:actions-start;}", ".f1fjo411{grid-column-end:actions-start;}"],
-  m: [["@media screen and (max-width: 480px){.f6glcwc{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}", {
-    m: "screen and (max-width: 480px)"
-  }], ["@media screen and (max-width: 480px){.f1e3st1r{justify-self:stretch;}}", {
-    m: "screen and (max-width: 480px)"
-  }]]
+    d: [
+        ".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}",
+        ".fn67r4l{row-gap:8px;}",
+        ".f1a7i8kp{justify-self:end;}",
+        ".f11u0jfc{grid-row-start:actions-end;}",
+        ".f1d6tb1o{grid-column-start:actions-end;}",
+        ".f23awfp{grid-row-end:actions-end;}",
+        ".fiappcv{grid-column-end:actions-end;}",
+        ".fsxvdwy{justify-self:start;}",
+        ".f1vnb230{grid-row-start:actions-start;}",
+        ".f14781pt{grid-column-start:actions-start;}",
+        ".f13d374e{grid-row-end:actions-start;}",
+        ".f1fjo411{grid-column-end:actions-start;}"
+    ],
+    m: [
+        [
+            "@media screen and (max-width: 480px){.f6glcwc{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ],
+        [
+            "@media screen and (max-width: 480px){.f1e3st1r{justify-self:stretch;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ]
+    ]
 });
-/**
- * Apply styling to the DialogActions slots based on the state
- */
-const useDialogActionsStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.dialogActionsClassNames.root, styles.root, state.position === 'start' && styles.gridPositionStart, state.position === 'end' && styles.gridPositionEnd, state.fluid && state.position === 'start' && styles.fluidStart, state.fluid && state.position === 'end' && styles.fluidEnd, state.root.className);
-  return state;
-};
-exports.useDialogActionsStyles_unstable = useDialogActionsStyles_unstable;
+const useDialogActionsStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(dialogActionsClassNames.root, styles.root, state.position === 'start' && styles.gridPositionStart, state.position === 'end' && styles.gridPositionEnd, state.fluid && state.position === 'start' && styles.fluidStart, state.fluid && state.position === 'end' && styles.fluidEnd, state.root.className);
+    return state;
+}; //# sourceMappingURL=useDialogActionsStyles.js.map
+
 //# sourceMappingURL=useDialogActionsStyles.js.map

package/lib-commonjs/components/DialogActions/useDialogActionsStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","constants_1","exports","dialogActionsClassNames","root","useStyles","__styles","Bqenvij","B7ck84d","mc9l5x","i8kkvl","Belr9w4","Bmdcpmo","th9wkt","gridPositionEnd","Bdqf98w","Ijaq50","Br312pm","nk6f5a","Bw0ie65","gridPositionStart","fluidStart","fluidEnd","d","m","useDialogActionsStyles_unstable","state","styles","className","mergeClasses","position","fluid"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogActionsSlots, DialogActionsState } from './DialogActions.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport {\n  DIALOG_GAP,\n  ACTIONS_END_GRID_AREA,\n  ACTIONS_START_GRID_AREA,\n  MEDIA_QUERY_BREAKPOINT_SELECTOR,\n} from '../../contexts/constants';\n\nexport const dialogActionsClassNames: SlotClassNames<DialogActionsSlots> = {\n  root: 'fui-DialogActions',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    height: 'fit-content',\n    boxSizing: 'border-box',\n    display: 'flex',\n    ...shorthands.gap(DIALOG_GAP),\n    [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n      flexDirection: 'column',\n      justifySelf: 'stretch',\n    },\n  },\n  gridPositionEnd: {\n    justifySelf: 'end',\n    ...shorthands.gridArea(ACTIONS_END_GRID_AREA),\n  },\n  gridPositionStart: {\n    justifySelf: 'start',\n    ...shorthands.gridArea(ACTIONS_START_GRID_AREA),\n  },\n  fluidStart: {\n    gridColumnEnd: ACTIONS_END_GRID_AREA,\n  },\n  fluidEnd: {\n    gridColumnStart: ACTIONS_START_GRID_AREA,\n  },\n});\n\n/**\n * Apply styling to the DialogActions slots based on the state\n */\nexport const useDialogActionsStyles_unstable = (state: DialogActionsState): DialogActionsState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    dialogActionsClassNames.root,\n    styles.root,\n    state.position === 'start' && styles.gridPositionStart,\n    state.position === 'end' && styles.gridPositionEnd,\n    state.fluid && state.position === 'start' && styles.fluidStart,\n    state.fluid && state.position === 'end' && styles.fluidEnd,\n    state.root.className,\n  );\n  return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,WAAA,gBAAAD,OAAA;AAOaE,OAAA,CAAAC,uBAAuB,GAAuC;EACzEC,IAAI,EAAE;CACP;AAED,MAAMC,SAAS,gBAAGN,OAAA,CAAAO,QAAU;EAAAF,IAAA;IAAAG,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,eAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,iBAAA;IAAAL,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAE,UAAA;IAAAF,OAAA;EAAA;EAAAG,QAAA;IAAAL,OAAA;EAAA;AAAA;EAAAM,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,EAyB1B;AAEF;;;AAGO,MAAMC,+BAA+B,GAAIC,KAAyB,IAAwB;EAC/F,MAAMC,MAAM,GAAGtB,SAAS,EAAE;EAC1BqB,KAAK,CAACtB,IAAI,CAACwB,SAAS,GAAG7B,OAAA,CAAA8B,YAAY,CACjC3B,OAAA,CAAAC,uBAAuB,CAACC,IAAI,EAC5BuB,MAAM,CAACvB,IAAI,EACXsB,KAAK,CAACI,QAAQ,KAAK,OAAO,IAAIH,MAAM,CAACP,iBAAiB,EACtDM,KAAK,CAACI,QAAQ,KAAK,KAAK,IAAIH,MAAM,CAACb,eAAe,EAClDY,KAAK,CAACK,KAAK,IAAIL,KAAK,CAACI,QAAQ,KAAK,OAAO,IAAIH,MAAM,CAACN,UAAU,EAC9DK,KAAK,CAACK,KAAK,IAAIL,KAAK,CAACI,QAAQ,KAAK,KAAK,IAAIH,MAAM,CAACL,QAAQ,EAC1DI,KAAK,CAACtB,IAAI,CAACwB,SAAS,CACrB;EACD,OAAOF,KAAK;AACd,CAAC;AAZYxB,OAAA,CAAAuB,+BAA+B,GAAAA,+BAAA"}
+{"version":3,"sources":["../../../lib/components/DialogActions/useDialogActionsStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DIALOG_GAP, ACTIONS_END_GRID_AREA, ACTIONS_START_GRID_AREA, MEDIA_QUERY_BREAKPOINT_SELECTOR } from '../../contexts/constants';\nexport const dialogActionsClassNames = {\n  root: 'fui-DialogActions'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bqenvij: \"f3052tw\",\n    B7ck84d: \"f1ewtqcl\",\n    mc9l5x: \"f22iagw\",\n    i8kkvl: \"f4px1ci\",\n    Belr9w4: \"fn67r4l\",\n    Bmdcpmo: \"f6glcwc\",\n    th9wkt: \"f1e3st1r\"\n  },\n  gridPositionEnd: {\n    Bdqf98w: \"f1a7i8kp\",\n    Ijaq50: \"f11u0jfc\",\n    Br312pm: \"f1d6tb1o\",\n    nk6f5a: \"f23awfp\",\n    Bw0ie65: \"fiappcv\"\n  },\n  gridPositionStart: {\n    Bdqf98w: \"fsxvdwy\",\n    Ijaq50: \"f1vnb230\",\n    Br312pm: \"f14781pt\",\n    nk6f5a: \"f13d374e\",\n    Bw0ie65: \"f1fjo411\"\n  },\n  fluidStart: {\n    Bw0ie65: \"fiappcv\"\n  },\n  fluidEnd: {\n    Br312pm: \"f14781pt\"\n  }\n}, {\n  d: [\".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1a7i8kp{justify-self:end;}\", \".f11u0jfc{grid-row-start:actions-end;}\", \".f1d6tb1o{grid-column-start:actions-end;}\", \".f23awfp{grid-row-end:actions-end;}\", \".fiappcv{grid-column-end:actions-end;}\", \".fsxvdwy{justify-self:start;}\", \".f1vnb230{grid-row-start:actions-start;}\", \".f14781pt{grid-column-start:actions-start;}\", \".f13d374e{grid-row-end:actions-start;}\", \".f1fjo411{grid-column-end:actions-start;}\"],\n  m: [[\"@media screen and (max-width: 480px){.f6glcwc{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }], [\"@media screen and (max-width: 480px){.f1e3st1r{justify-self:stretch;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }]]\n});\n/**\n * Apply styling to the DialogActions slots based on the state\n */\nexport const useDialogActionsStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(dialogActionsClassNames.root, styles.root, state.position === 'start' && styles.gridPositionStart, state.position === 'end' && styles.gridPositionEnd, state.fluid && state.position === 'start' && styles.fluidStart, state.fluid && state.position === 'end' && styles.fluidEnd, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useDialogActionsStyles.js.map"],"names":["dialogActionsClassNames","useDialogActionsStyles_unstable","root","useStyles","__styles","Bqenvij","B7ck84d","mc9l5x","i8kkvl","Belr9w4","Bmdcpmo","th9wkt","gridPositionEnd","Bdqf98w","Ijaq50","Br312pm","nk6f5a","Bw0ie65","gridPositionStart","fluidStart","fluidEnd","d","m","state","styles","className","mergeClasses","position","fluid"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IA4CAC,+BAA+B,MAA/BA;;uBA9CsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,iBAAiB;QACfC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAC,mBAAmB;QACjBL,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAE,YAAY;QACVF,SAAS;IACX;IACAG,UAAU;QACRL,SAAS;IACX;AACF,GAAG;IACDM,GAAG;QAAC;QAAoF;QAAqC;QAAwF;QAAoD;QAA0B;QAAgC;QAA0C;QAA6C;QAAuC;QAA0C;QAAiC;QAA4C;QAA+C;QAA0C;KAA4C;IAC7rBC,GAAG;QAAC;YAAC;YAAkI;gBACrIA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMrB,kCAAkCsB,CAAAA,QAAS;IACtD,MAAMC,SAASrB;IACfoB,MAAMrB,IAAI,CAACuB,SAAS,GAAGC,IAAAA,mBAAY,EAAC1B,wBAAwBE,IAAI,EAAEsB,OAAOtB,IAAI,EAAEqB,MAAMI,QAAQ,KAAK,WAAWH,OAAON,iBAAiB,EAAEK,MAAMI,QAAQ,KAAK,SAASH,OAAOZ,eAAe,EAAEW,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,WAAWH,OAAOL,UAAU,EAAEI,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,SAASH,OAAOJ,QAAQ,EAAEG,MAAMrB,IAAI,CAACuB,SAAS;IAC3U,OAAOF;AACT,GACA,kDAAkD"}

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

@@ -1,26 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "DialogBody", {
+    enumerable: true,
+    get: ()=>DialogBody
 });
-exports.DialogBody = void 0;
-const React = /*#__PURE__*/require("react");
-const useDialogBody_1 = /*#__PURE__*/require("./useDialogBody");
-const renderDialogBody_1 = /*#__PURE__*/require("./renderDialogBody");
-const useDialogBodyStyles_1 = /*#__PURE__*/require("./useDialogBodyStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * The `DialogBody` is a container where the content of the dialog is rendered.
- * Apart from styling, this component does not have other behavior.
- */
-exports.DialogBody = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useDialogBody_1.useDialogBody_unstable(props, ref);
-  useDialogBodyStyles_1.useDialogBodyStyles_unstable(state);
-  const {
-    useDialogBodyStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderDialogBody_1.renderDialogBody_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useDialogBody = require("./useDialogBody");
+const _renderDialogBody = require("./renderDialogBody");
+const _useDialogBodyStyles = require("./useDialogBodyStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const DialogBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useDialogBody.useDialogBody_unstable)(props, ref);
+    (0, _useDialogBodyStyles.useDialogBodyStyles_unstable)(state);
+    const { useDialogBodyStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderDialogBody.renderDialogBody_unstable)(state);
 });
-exports.DialogBody.displayName = 'DialogBody';
+DialogBody.displayName = 'DialogBody'; //# sourceMappingURL=DialogBody.js.map
+
 //# sourceMappingURL=DialogBody.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useDialogBody_1","renderDialogBody_1","useDialogBodyStyles_1","react_shared_contexts_1","exports","DialogBody","forwardRef","props","ref","state","useDialogBody_unstable","useDialogBodyStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDialogBody_unstable","displayName"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogBody/DialogBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogBody_unstable } from './useDialogBody';\nimport { renderDialogBody_unstable } from './renderDialogBody';\nimport { useDialogBodyStyles_unstable } from './useDialogBodyStyles';\nimport type { DialogBodyProps } from './DialogBody.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The `DialogBody` is a container where the content of the dialog is rendered.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogBody: ForwardRefComponent<DialogBodyProps> = React.forwardRef((props, ref) => {\n  const state = useDialogBody_unstable(props, ref);\n\n  useDialogBodyStyles_unstable(state);\n\n  const { useDialogBodyStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDialogBody_unstable(state);\n});\n\nDialogBody.displayName = 'DialogBody';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,eAAA,gBAAAD,OAAA;AACA,MAAAE,kBAAA,gBAAAF,OAAA;AACA,MAAAG,qBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;;AAIaK,OAAA,CAAAC,UAAU,gBAAyCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC9F,MAAMC,KAAK,GAAGT,eAAA,CAAAU,sBAAsB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEhDN,qBAAA,CAAAS,4BAA4B,CAACF,KAAK,CAAC;EAEnC,MAAM;IAAEE,4BAA4B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACxFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,kBAAA,CAAAa,yBAAyB,CAACL,KAAK,CAAC;AACzC,CAAC,CAAC;AAEFL,OAAA,CAAAC,UAAU,CAACU,WAAW,GAAG,YAAY"}
+{"version":3,"sources":["../../../lib/components/DialogBody/DialogBody.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogBody_unstable } from './useDialogBody';\nimport { renderDialogBody_unstable } from './renderDialogBody';\nimport { useDialogBodyStyles_unstable } from './useDialogBodyStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The `DialogBody` is a container where the content of the dialog is rendered.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogBody = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useDialogBody_unstable(props, ref);\n  useDialogBodyStyles_unstable(state);\n  const {\n    useDialogBodyStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderDialogBody_unstable(state);\n});\nDialogBody.displayName = 'DialogBody';\n//# sourceMappingURL=DialogBody.js.map"],"names":["DialogBody","React","forwardRef","props","ref","state","useDialogBody_unstable","useDialogBodyStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDialogBody_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;+BACgB;kCACG;qCACG;qCACA;AAKtC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,iDAA4B,EAACF;IAC7B,MAAM,EACJE,8BAA8BC,gBAAe,EAC9C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,2CAAyB,EAACL;AACnC;AACAL,WAAWW,WAAW,GAAG,cACzB,sCAAsC"}

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

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=DialogBody.types.js.map
+
 //# sourceMappingURL=DialogBody.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-dialog/src/components/DialogBody/DialogBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DialogBodySlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * DialogBody Props\n */\nexport type DialogBodyProps = ComponentProps<DialogBodySlots> & {};\n\n/**\n * State used in rendering DialogBody\n */\nexport type DialogBodyState = ComponentState<DialogBodySlots>;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/DialogBody/DialogBody.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=DialogBody.types.js.map"],"names":[],"mappings":";;;;CACA,4CAA4C"}