@fluentui/react-dialog 9.6.0 → 9.6.2

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

@@ -4,25 +4,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useDialog_unstable", {
     enumerable: true,
-    get: ()=>useDialog_unstable
+    get: function() {
+        return useDialog_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 _reactContextSelector = require("@fluentui/react-context-selector");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactcontextselector = require("@fluentui/react-context-selector");
 const _utils = require("../../utils");
 const _contexts = require("../../contexts");
-const _reactTabster = require("@fluentui/react-tabster");
+const _reacttabster = require("@fluentui/react-tabster");
 const useDialog_unstable = (props)=>{
-    const { children , modalType ='modal' , onOpenChange , inertTrapFocus =false  } = props;
+    const { children, modalType = 'modal', onOpenChange, inertTrapFocus = false } = props;
     const [trigger, content] = childrenToTriggerAndContent(children);
-    const [open, setOpen] = (0, _reactUtilities.useControllableState)({
+    const [open, setOpen] = (0, _reactutilities.useControllableState)({
         state: props.open,
         defaultState: props.defaultOpen,
         initialState: false
     });
-    const requestOpenChange = (0, _reactUtilities.useEventCallback)((data)=>{
-        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(data.event, data);
+    const requestOpenChange = (0, _reactutilities.useEventCallback)((data)=>{
+        var _onOpenChange;
+        (_onOpenChange = onOpenChange) === null || _onOpenChange === void 0 ? void 0 : _onOpenChange(data.event, data);
         // if user prevents default then do not change state value
         // otherwise updates state value and trigger reference to the element that caused the opening
         if (!data.event.isDefaultPrevented()) {
@@ -32,7 +35,7 @@ const useDialog_unstable = (props)=>{
     const focusRef = (0, _utils.useFocusFirstElement)(open, modalType);
     const disableBodyScroll = (0, _utils.useDisableBodyScroll)();
     const isBodyScrollLocked = Boolean(open && modalType !== 'non-modal');
-    (0, _reactUtilities.useIsomorphicLayoutEffect)(()=>{
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
         if (isBodyScrollLocked) {
             return disableBodyScroll();
         }
@@ -40,7 +43,7 @@ const useDialog_unstable = (props)=>{
         disableBodyScroll,
         isBodyScrollLocked
     ]);
-    const { modalAttributes , triggerAttributes  } = (0, _reactTabster.useModalAttributes)({
+    const { modalAttributes, triggerAttributes } = (0, _reacttabster.useModalAttributes)({
         trapFocus: modalType !== 'non-modal',
         legacyTrapFocus: !inertTrapFocus
     });
@@ -54,8 +57,8 @@ const useDialog_unstable = (props)=>{
         content: open ? content : null,
         trigger,
         requestOpenChange,
-        dialogTitleId: (0, _reactUtilities.useId)('dialog-title-'),
-        isNestedDialog: (0, _reactContextSelector.useHasParentContext)(_contexts.DialogContext),
+        dialogTitleId: (0, _reactutilities.useId)('dialog-title-'),
+        isNestedDialog: (0, _reactcontextselector.useHasParentContext)(_contexts.DialogContext),
         dialogRef: focusRef,
         modalAttributes: modalType !== 'non-modal' ? modalAttributes : undefined,
         triggerAttributes
@@ -68,7 +71,9 @@ const useDialog_unstable = (props)=>{
     if (process.env.NODE_ENV !== 'production') {
         if (childrenArray.length !== 1 && childrenArray.length !== 2) {
             // eslint-disable-next-line no-console
-            console.warn('Dialog must contain at least one child <DialogSurface/>,\n' + 'and at most two children <DialogTrigger/> <DialogSurface/> (in this order)');
+            console.warn(`@fluentui/react-dialog [useDialog]:
+Dialog must contain at least one child <DialogSurface/>,
+and at most two children <DialogTrigger/> <DialogSurface/> (in this order).`);
         }
     }
     switch(childrenArray.length){

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

@@ -1 +1 @@
-{"version":3,"sources":["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';\nimport { useModalAttributes } from '@fluentui/react-tabster';\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 */ export const useDialog_unstable = (props)=>{\n    const { children , modalType ='modal' , onOpenChange , inertTrapFocus =false  } = 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    }, [\n        disableBodyScroll,\n        isBodyScrollLocked\n    ]);\n    const { modalAttributes , triggerAttributes  } = useModalAttributes({\n        trapFocus: modalType !== 'non-modal',\n        legacyTrapFocus: !inertTrapFocus\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        modalAttributes: modalType !== 'non-modal' ? modalAttributes : undefined,\n        triggerAttributes\n    };\n};\n/**\n * Extracts trigger and content from children\n */ function 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 [\n                undefined,\n                childrenArray[0]\n            ];\n        // unknown case\n        default:\n            return [\n                undefined,\n                undefined\n            ];\n    }\n}\n"],"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","modalAttributes","triggerAttributes","useModalAttributes","trapFocus","legacyTrapFocus","components","backdrop","dialogTitleId","useId","isNestedDialog","useHasParentContext","DialogContext","dialogRef","undefined","childrenArray","React","Children","toArray","process","env","NODE_ENV","length","console","warn"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAbM;gCACkE;sCACrD;uBACuB;0BAC7B;8BACK;AAQxB,MAAMA,qBAAqB,CAACC,QAAQ;IAC3C,MAAM,EAAEC,SAAQ,EAAGC,WAAW,QAAO,EAAGC,aAAY,EAAGC,gBAAgB,KAAK,CAAA,EAAG,GAAGJ;IAClF,MAAM,CAACK,SAASC,QAAQ,GAAGC,4BAA4BN;IACvD,MAAM,CAACO,MAAMC,QAAQ,GAAGC,IAAAA,oCAAoB,EAAC;QACzCC,OAAOX,MAAMQ,IAAI;QACjBI,cAAcZ,MAAMa,WAAW;QAC/BC,cAAc,KAAK;IACvB;IACA,MAAMC,oBAAoBC,IAAAA,gCAAgB,EAAC,CAACC,OAAO;QAC/Cd,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;YAClCV,QAAQQ,KAAKT,IAAI;QACrB,CAAC;IACL;IACA,MAAMY,WAAWC,IAAAA,2BAAoB,EAACb,MAAMN;IAC5C,MAAMoB,oBAAoBC,IAAAA,2BAAoB;IAC9C,MAAMC,qBAAqBC,QAAQjB,QAAQN,cAAc;IACzDwB,IAAAA,yCAAyB,EAAC,IAAI;QAC1B,IAAIF,oBAAoB;YACpB,OAAOF;QACX,CAAC;IACL,GAAG;QACCA;QACAE;KACH;IACD,MAAM,EAAEG,gBAAe,EAAGC,kBAAiB,EAAG,GAAGC,IAAAA,gCAAkB,EAAC;QAChEC,WAAW5B,cAAc;QACzB6B,iBAAiB,CAAC3B;IACtB;IACA,OAAO;QACH4B,YAAY;YACRC,UAAU;QACd;QACA7B;QACAI;QACAN;QACAI,SAASE,OAAOF,UAAU,IAAI;QAC9BD;QACAU;QACAmB,eAAeC,IAAAA,qBAAK,EAAC;QACrBC,gBAAgBC,IAAAA,yCAAmB,EAACC,uBAAa;QACjDC,WAAWnB;QACXO,iBAAiBzB,cAAc,cAAcyB,kBAAkBa,SAAS;QACxEZ;IACJ;AACJ;AACA;;CAEC,GAAG,SAASrB,4BAA4BN,QAAQ,EAAE;IAC/C,MAAMwC,gBAAgBC,OAAMC,QAAQ,CAACC,OAAO,CAAC3C;IAC7C,IAAI4C,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACvC,IAAIN,cAAcO,MAAM,KAAK,KAAKP,cAAcO,MAAM,KAAK,GAAG;YAC1D,sCAAsC;YACtCC,QAAQC,IAAI,CAAC,+DAA+D;QAChF,CAAC;IACL,CAAC;IACD,OAAOT,cAAcO,MAAM;QACvB,mDAAmD;QACnD,KAAK;YACD,OAAOP;QACX,kCAAkC;QAClC,KAAK;YACD,OAAO;gBACHD;gBACAC,aAAa,CAAC,EAAE;aACnB;QACL,eAAe;QACf;YACI,OAAO;gBACHD;gBACAA;aACH;IACT;AACJ"}
+{"version":3,"sources":["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';\nimport { useModalAttributes } from '@fluentui/react-tabster';\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 */ export const useDialog_unstable = (props)=>{\n    const { children, modalType = 'modal', onOpenChange, inertTrapFocus = false } = 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        var _onOpenChange;\n        (_onOpenChange = 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    }, [\n        disableBodyScroll,\n        isBodyScrollLocked\n    ]);\n    const { modalAttributes, triggerAttributes } = useModalAttributes({\n        trapFocus: modalType !== 'non-modal',\n        legacyTrapFocus: !inertTrapFocus\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        modalAttributes: modalType !== 'non-modal' ? modalAttributes : undefined,\n        triggerAttributes\n    };\n};\n/**\n * Extracts trigger and content from children\n */ function 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(`@fluentui/react-dialog [useDialog]:\nDialog must contain at least one child <DialogSurface/>,\nand 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 [\n                undefined,\n                childrenArray[0]\n            ];\n        // unknown case\n        default:\n            return [\n                undefined,\n                undefined\n            ];\n    }\n}\n"],"names":["useDialog_unstable","props","children","modalType","onOpenChange","inertTrapFocus","trigger","content","childrenToTriggerAndContent","open","setOpen","useControllableState","state","defaultState","defaultOpen","initialState","requestOpenChange","useEventCallback","data","_onOpenChange","event","isDefaultPrevented","focusRef","useFocusFirstElement","disableBodyScroll","useDisableBodyScroll","isBodyScrollLocked","Boolean","useIsomorphicLayoutEffect","modalAttributes","triggerAttributes","useModalAttributes","trapFocus","legacyTrapFocus","components","backdrop","dialogTitleId","useId","isNestedDialog","useHasParentContext","DialogContext","dialogRef","undefined","childrenArray","React","Children","toArray","process","env","NODE_ENV","length","console","warn"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;gCACkE;sCACrD;uBACuB;0BAC7B;8BACK;AAQxB,MAAMA,qBAAqB,CAACC;IACnC,MAAM,EAAEC,QAAQ,EAAEC,YAAY,OAAO,EAAEC,YAAY,EAAEC,iBAAiB,KAAK,EAAE,GAAGJ;IAChF,MAAM,CAACK,SAASC,QAAQ,GAAGC,4BAA4BN;IACvD,MAAM,CAACO,MAAMC,QAAQ,GAAGC,IAAAA,oCAAoB,EAAC;QACzCC,OAAOX,MAAMQ,IAAI;QACjBI,cAAcZ,MAAMa,WAAW;QAC/BC,cAAc;IAClB;IACA,MAAMC,oBAAoBC,IAAAA,gCAAgB,EAAC,CAACC;QACxC,IAAIC;QACHA,CAAAA,gBAAgBf,YAAW,MAAO,QAAQe,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcD,KAAKE,KAAK,EAAEF;QACzG,0DAA0D;QAC1D,6FAA6F;QAC7F,IAAI,CAACA,KAAKE,KAAK,CAACC,kBAAkB,IAAI;YAClCX,QAAQQ,KAAKT,IAAI;QACrB;IACJ;IACA,MAAMa,WAAWC,IAAAA,2BAAoB,EAACd,MAAMN;IAC5C,MAAMqB,oBAAoBC,IAAAA,2BAAoB;IAC9C,MAAMC,qBAAqBC,QAAQlB,QAAQN,cAAc;IACzDyB,IAAAA,yCAAyB,EAAC;QACtB,IAAIF,oBAAoB;YACpB,OAAOF;QACX;IACJ,GAAG;QACCA;QACAE;KACH;IACD,MAAM,EAAEG,eAAe,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,gCAAkB,EAAC;QAC9DC,WAAW7B,cAAc;QACzB8B,iBAAiB,CAAC5B;IACtB;IACA,OAAO;QACH6B,YAAY;YACRC,UAAU;QACd;QACA9B;QACAI;QACAN;QACAI,SAASE,OAAOF,UAAU;QAC1BD;QACAU;QACAoB,eAAeC,IAAAA,qBAAK,EAAC;QACrBC,gBAAgBC,IAAAA,yCAAmB,EAACC,uBAAa;QACjDC,WAAWnB;QACXO,iBAAiB1B,cAAc,cAAc0B,kBAAkBa;QAC/DZ;IACJ;AACJ;AACA;;CAEC,GAAG,SAAStB,4BAA4BN,QAAQ;IAC7C,MAAMyC,gBAAgBC,OAAMC,QAAQ,CAACC,OAAO,CAAC5C;IAC7C,IAAI6C,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACvC,IAAIN,cAAcO,MAAM,KAAK,KAAKP,cAAcO,MAAM,KAAK,GAAG;YAC1D,sCAAsC;YACtCC,QAAQC,IAAI,CAAC,CAAC;;2EAEiD,CAAC;QACpE;IACJ;IACA,OAAOT,cAAcO,MAAM;QACvB,mDAAmD;QACnD,KAAK;YACD,OAAOP;QACX,kCAAkC;QAClC,KAAK;YACD,OAAO;gBACHD;gBACAC,aAAa,CAAC,EAAE;aACnB;QACL,eAAe;QACf;YACI,OAAO;gBACHD;gBACAA;aACH;IACT;AACJ"}

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

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useDialogContextValues_unstable", {
     enumerable: true,
-    get: ()=>useDialogContextValues_unstable
+    get: function() {
+        return useDialogContextValues_unstable;
+    }
 });
 function useDialogContextValues_unstable(state) {
-    const { modalType , open , dialogRef , dialogTitleId , isNestedDialog , inertTrapFocus , requestOpenChange , modalAttributes , triggerAttributes  } = state;
+    const { modalType, open, dialogRef, dialogTitleId, isNestedDialog, inertTrapFocus, requestOpenChange, modalAttributes, triggerAttributes } = state;
     /**
    * This context is created with "@fluentui/react-context-selector",
    * there is no sense to memoize it

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

@@ -1 +1 @@
-{"version":3,"sources":["useDialogContextValues.js"],"sourcesContent":["export function useDialogContextValues_unstable(state) {\n    const { modalType , open , dialogRef , dialogTitleId , isNestedDialog , inertTrapFocus , requestOpenChange , modalAttributes , triggerAttributes  } = state;\n    /**\n   * This context is created with \"@fluentui/react-context-selector\",\n   * there is no sense to memoize it\n   */ const dialog = {\n        open,\n        modalType,\n        dialogRef,\n        dialogTitleId,\n        isNestedDialog,\n        inertTrapFocus,\n        modalAttributes,\n        triggerAttributes,\n        requestOpenChange\n    };\n    const dialogSurface = false;\n    return {\n        dialog,\n        dialogSurface\n    };\n}\n"],"names":["useDialogContextValues_unstable","state","modalType","open","dialogRef","dialogTitleId","isNestedDialog","inertTrapFocus","requestOpenChange","modalAttributes","triggerAttributes","dialog","dialogSurface"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,gCAAgCC,KAAK,EAAE;IACnD,MAAM,EAAEC,UAAS,EAAGC,KAAI,EAAGC,UAAS,EAAGC,cAAa,EAAGC,eAAc,EAAGC,eAAc,EAAGC,kBAAiB,EAAGC,gBAAe,EAAGC,kBAAiB,EAAG,GAAGT;IACtJ;;;GAGD,GAAG,MAAMU,SAAS;QACbR;QACAD;QACAE;QACAC;QACAC;QACAC;QACAE;QACAC;QACAF;IACJ;IACA,MAAMI,gBAAgB,KAAK;IAC3B,OAAO;QACHD;QACAC;IACJ;AACJ"}
+{"version":3,"sources":["useDialogContextValues.js"],"sourcesContent":["export function useDialogContextValues_unstable(state) {\n    const { modalType, open, dialogRef, dialogTitleId, isNestedDialog, inertTrapFocus, requestOpenChange, modalAttributes, triggerAttributes } = state;\n    /**\n   * This context is created with \"@fluentui/react-context-selector\",\n   * there is no sense to memoize it\n   */ const dialog = {\n        open,\n        modalType,\n        dialogRef,\n        dialogTitleId,\n        isNestedDialog,\n        inertTrapFocus,\n        modalAttributes,\n        triggerAttributes,\n        requestOpenChange\n    };\n    const dialogSurface = false;\n    return {\n        dialog,\n        dialogSurface\n    };\n}\n"],"names":["useDialogContextValues_unstable","state","modalType","open","dialogRef","dialogTitleId","isNestedDialog","inertTrapFocus","requestOpenChange","modalAttributes","triggerAttributes","dialog","dialogSurface"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,gCAAgCC,KAAK;IACjD,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,SAAS,EAAEC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,eAAe,EAAEC,iBAAiB,EAAE,GAAGT;IAC7I;;;GAGD,GAAG,MAAMU,SAAS;QACbR;QACAD;QACAE;QACAC;QACAC;QACAC;QACAE;QACAC;QACAF;IACJ;IACA,MAAMI,gBAAgB;IACtB,OAAO;QACHD;QACAC;IACJ;AACJ"}

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DialogActions", {
     enumerable: true,
-    get: ()=>DialogActions
+    get: function() {
+        return DialogActions;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useDialogActions = require("./useDialogActions");
 const _renderDialogActions = require("./renderDialogActions");
-const _useDialogActionsStylesStyles = require("./useDialogActionsStyles.styles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _useDialogActionsStylesstyles = require("./useDialogActionsStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const DialogActions = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useDialogActions.useDialogActions_unstable)(props, ref);
-    (0, _useDialogActionsStylesStyles.useDialogActionsStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDialogActionsStyles_unstable')(state);
+    (0, _useDialogActionsStylesstyles.useDialogActionsStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDialogActionsStyles_unstable')(state);
     return (0, _renderDialogActions.renderDialogActions_unstable)(state);
 });
 DialogActions.displayName = 'DialogActions';

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

@@ -1 +1 @@
-{"version":3,"sources":["DialogActions.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogActions_unstable } from './useDialogActions';\nimport { renderDialogActions_unstable } from './renderDialogActions';\nimport { useDialogActionsStyles_unstable } from './useDialogActionsStyles.styles';\nimport { useCustomStyleHook_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 */ export const DialogActions = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useDialogActions_unstable(props, ref);\n    useDialogActionsStyles_unstable(state);\n    useCustomStyleHook_unstable('useDialogActionsStyles_unstable')(state);\n    return renderDialogActions_unstable(state);\n});\nDialogActions.displayName = 'DialogActions';\n"],"names":["DialogActions","React","forwardRef","props","ref","state","useDialogActions_unstable","useDialogActionsStyles_unstable","useCustomStyleHook_unstable","renderDialogActions_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;kCACmB;qCACG;8CACG;qCACJ;AAIjC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,iDAA4B,EAACJ;AACxC;AACAL,cAAcU,WAAW,GAAG"}
+{"version":3,"sources":["DialogActions.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogActions_unstable } from './useDialogActions';\nimport { renderDialogActions_unstable } from './renderDialogActions';\nimport { useDialogActionsStyles_unstable } from './useDialogActionsStyles.styles';\nimport { useCustomStyleHook_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 */ export const DialogActions = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useDialogActions_unstable(props, ref);\n    useDialogActionsStyles_unstable(state);\n    useCustomStyleHook_unstable('useDialogActionsStyles_unstable')(state);\n    return renderDialogActions_unstable(state);\n});\nDialogActions.displayName = 'DialogActions';\n"],"names":["DialogActions","React","forwardRef","props","ref","state","useDialogActions_unstable","useDialogActionsStyles_unstable","useCustomStyleHook_unstable","renderDialogActions_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;kCACmB;qCACG;8CACG;qCACJ;AAIjC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACpE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,iDAA4B,EAACJ;AACxC;AACAL,cAAcU,WAAW,GAAG"}

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-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.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./DialogActions"), exports);
+_export_star._(require("./DialogActions.types"), exports);
+_export_star._(require("./renderDialogActions"), exports);
+_export_star._(require("./useDialogActions"), exports);
+_export_star._(require("./useDialogActionsStyles.styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DialogActions';\nexport * from './DialogActions.types';\nexport * from './renderDialogActions';\nexport * from './useDialogActions';\nexport * from './useDialogActionsStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DialogActions';\nexport * from './DialogActions.types';\nexport * from './renderDialogActions';\nexport * from './useDialogActions';\nexport * from './useDialogActionsStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1,15 +1,17 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderDialogActions_unstable", {
     enumerable: true,
-    get: ()=>renderDialogActions_unstable
+    get: function() {
+        return renderDialogActions_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderDialogActions_unstable = (state)=>{
-    (0, _reactUtilities.assertSlots)(state);
+    (0, _reactutilities.assertSlots)(state);
     // TODO Add additional slots in the appropriate place
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderDialogActions.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogActions\n */ export const renderDialogActions_unstable = (state)=>{\n    assertSlots(state);\n    // TODO Add additional slots in the appropriate place\n    return /*#__PURE__*/ createElement(state.root, null);\n};\n"],"names":["renderDialogActions_unstable","state","assertSlots","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,+BAA+B,CAACC,QAAQ;IACrDC,IAAAA,2BAAW,EAACD;IACZ,qDAAqD;IACrD,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI;AACvD"}
+{"version":3,"sources":["renderDialogActions.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 DialogActions\n */ export const renderDialogActions_unstable = (state)=>{\n    assertSlots(state);\n    // TODO Add additional slots in the appropriate place\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderDialogActions_unstable","state","assertSlots","_jsx","root"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ4F;gCACjF;AAGjB,MAAMA,+BAA+B,CAACC;IAC7CC,IAAAA,2BAAW,EAACD;IACZ,qDAAqD;IACrD,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useDialogActions_unstable", {
     enumerable: true,
-    get: ()=>useDialogActions_unstable
+    get: function() {
+        return 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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
 const useDialogActions_unstable = (props, ref)=>{
-    const { position ='end' , fluid =false  } = props;
+    const { position = 'end', fluid = false } = props;
     return {
         components: {
             root: 'div'
         },
-        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
+        root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
             ref,
             ...props
         }), {

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

@@ -1 +1 @@
-{"version":3,"sources":["useDialogActions.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } 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 */ export const useDialogActions_unstable = (props, ref)=>{\n    const { position ='end' , fluid =false  } = props;\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        position,\n        fluid\n    };\n};\n"],"names":["useDialogActions_unstable","props","ref","position","fluid","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACqB;AASjC,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAM,EAAEC,UAAU,MAAK,EAAGC,OAAO,KAAK,CAAA,EAAG,GAAGH;IAC5C,OAAO;QACHI,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CP;YACA,GAAGD,KAAK;QACZ,IAAI;YACAS,aAAa;QACjB;QACAP;QACAC;IACJ;AACJ"}
+{"version":3,"sources":["useDialogActions.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } 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 */ export const useDialogActions_unstable = (props, ref)=>{\n    const { position = 'end', fluid = false } = props;\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        position,\n        fluid\n    };\n};\n"],"names":["useDialogActions_unstable","props","ref","position","fluid","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACqB;AASjC,MAAMA,4BAA4B,CAACC,OAAOC;IACjD,MAAM,EAAEC,WAAW,KAAK,EAAEC,QAAQ,KAAK,EAAE,GAAGH;IAC5C,OAAO;QACHI,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CP;YACA,GAAGD,KAAK;QACZ,IAAI;YACAS,aAAa;QACjB;QACAP;QACAC;IACJ;AACJ"}

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

@@ -9,14 +9,18 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    dialogActionsClassNames: ()=>dialogActionsClassNames,
-    useDialogActionsStyles_unstable: ()=>useDialogActionsStyles_unstable
+    dialogActionsClassNames: function() {
+        return dialogActionsClassNames;
+    },
+    useDialogActionsStyles_unstable: function() {
+        return useDialogActionsStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
 const dialogActionsClassNames = {
     root: 'fui-DialogActions'
 };
-const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {
         Bqenvij: "f3052tw",
         B7ck84d: "f1ewtqcl",
@@ -32,13 +36,17 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         Bdqf98w: "f1a7i8kp",
         Br312pm: "fd46tj4",
         Bw0ie65: "fsyjsko",
-        B6n781s: "f1f41i0t"
+        B6n781s: "f1f41i0t",
+        Bv5d0be: "f1jaqex3",
+        v4ugfu: "f2ao6jk"
     },
     gridPositionStart: {
         Bdqf98w: "fsxvdwy",
         Br312pm: "fwpfdsa",
         Bw0ie65: "f1e2fz10",
-        Bojbm9c: "f11ihkml"
+        Bojbm9c: "f11ihkml",
+        Bv5d0be: "fce5bvx",
+        v4ugfu: "f2ao6jk"
     },
     fluidStart: {
         Bw0ie65: "fsyjsko"
@@ -81,11 +89,29 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
                 m: "screen and (max-width: 480px)"
             }
         ],
+        [
+            "@media screen and (max-width: 480px){.f1jaqex3{grid-row-start:4;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ],
+        [
+            "@media screen and (max-width: 480px){.f2ao6jk{grid-row-end:auto;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ],
         [
             "@media screen and (max-width: 480px){.f11ihkml{grid-column-end:4;}}",
             {
                 m: "screen and (max-width: 480px)"
             }
+        ],
+        [
+            "@media screen and (max-width: 480px){.fce5bvx{grid-row-start:3;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
         ]
     ]
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["useDialogActionsStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DIALOG_GAP, 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    Ijaq50: \"f1cztu7b\",\n    nk6f5a: \"fcu02xx\",\n    i8kkvl: \"f4px1ci\",\n    Belr9w4: \"fn67r4l\",\n    Bmdcpmo: \"f6glcwc\",\n    th9wkt: \"f1e3st1r\"\n  },\n  gridPositionEnd: {\n    Bdqf98w: \"f1a7i8kp\",\n    Br312pm: \"fd46tj4\",\n    Bw0ie65: \"fsyjsko\",\n    B6n781s: \"f1f41i0t\"\n  },\n  gridPositionStart: {\n    Bdqf98w: \"fsxvdwy\",\n    Br312pm: \"fwpfdsa\",\n    Bw0ie65: \"f1e2fz10\",\n    Bojbm9c: \"f11ihkml\"\n  },\n  fluidStart: {\n    Bw0ie65: \"fsyjsko\"\n  },\n  fluidEnd: {\n    Br312pm: \"fwpfdsa\"\n  }\n}, {\n  d: [\".f3052tw{height:fit-content;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:flex;}\", \".f1cztu7b{grid-row-start:3;}\", \".fcu02xx{grid-row-end:3;}\", \".f4px1ci{column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1a7i8kp{justify-self:end;}\", \".fd46tj4{grid-column-start:2;}\", \".fsyjsko{grid-column-end:4;}\", \".fsxvdwy{justify-self:start;}\", \".fwpfdsa{grid-column-start:1;}\", \".f1e2fz10{grid-column-end:2;}\"],\n  m: [[\"@media screen and (max-width: 480px){.f6glcwc{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  }], [\"@media screen and (max-width: 480px){.f1f41i0t{grid-column-start:1;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }], [\"@media screen and (max-width: 480px){.f11ihkml{grid-column-end:4;}}\", {\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.styles.js.map"],"names":["dialogActionsClassNames","useDialogActionsStyles_unstable","root","useStyles","__styles","Bqenvij","B7ck84d","mc9l5x","Ijaq50","nk6f5a","i8kkvl","Belr9w4","Bmdcpmo","th9wkt","gridPositionEnd","Bdqf98w","Br312pm","Bw0ie65","B6n781s","gridPositionStart","Bojbm9c","fluidStart","fluidEnd","d","m","state","styles","className","mergeClasses","position","fluid"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IAgDAC,+BAA+B,MAA/BA;;uBAlDsC;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,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,iBAAiB;QACfC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,mBAAmB;QACjBJ,SAAS;QACTC,SAAS;QACTC,SAAS;QACTG,SAAS;IACX;IACAC,YAAY;QACVJ,SAAS;IACX;IACAK,UAAU;QACRN,SAAS;IACX;AACF,GAAG;IACDO,GAAG;QAAC;QAAiC;QAAqC;QAA2B;QAAgC;QAA6B;QAA6B;QAA0B;QAAgC;QAAkC;QAAgC;QAAiC;QAAkC;KAAgC;IAC9ZC,GAAG;QAAC;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAyE;gBAC5EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuE;gBAC1EA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMvB,kCAAkCwB,CAAAA,QAAS;IACtD,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,wBAAwBE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMI,QAAQ,KAAK,WAAWH,OAAOP,iBAAiB,EAAEM,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,MAAMvB,IAAI,CAACyB,SAAS;IAC3U,OAAOF;AACT,GACA,yDAAyD"}
+{"version":3,"sources":["useDialogActionsStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DIALOG_GAP, 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    Ijaq50: \"f1cztu7b\",\n    nk6f5a: \"fcu02xx\",\n    i8kkvl: \"f4px1ci\",\n    Belr9w4: \"fn67r4l\",\n    Bmdcpmo: \"f6glcwc\",\n    th9wkt: \"f1e3st1r\"\n  },\n  gridPositionEnd: {\n    Bdqf98w: \"f1a7i8kp\",\n    Br312pm: \"fd46tj4\",\n    Bw0ie65: \"fsyjsko\",\n    B6n781s: \"f1f41i0t\",\n    Bv5d0be: \"f1jaqex3\",\n    v4ugfu: \"f2ao6jk\"\n  },\n  gridPositionStart: {\n    Bdqf98w: \"fsxvdwy\",\n    Br312pm: \"fwpfdsa\",\n    Bw0ie65: \"f1e2fz10\",\n    Bojbm9c: \"f11ihkml\",\n    Bv5d0be: \"fce5bvx\",\n    v4ugfu: \"f2ao6jk\"\n  },\n  fluidStart: {\n    Bw0ie65: \"fsyjsko\"\n  },\n  fluidEnd: {\n    Br312pm: \"fwpfdsa\"\n  }\n}, {\n  d: [\".f3052tw{height:fit-content;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f22iagw{display:flex;}\", \".f1cztu7b{grid-row-start:3;}\", \".fcu02xx{grid-row-end:3;}\", \".f4px1ci{column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1a7i8kp{justify-self:end;}\", \".fd46tj4{grid-column-start:2;}\", \".fsyjsko{grid-column-end:4;}\", \".fsxvdwy{justify-self:start;}\", \".fwpfdsa{grid-column-start:1;}\", \".f1e2fz10{grid-column-end:2;}\"],\n  m: [[\"@media screen and (max-width: 480px){.f6glcwc{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  }], [\"@media screen and (max-width: 480px){.f1f41i0t{grid-column-start:1;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }], [\"@media screen and (max-width: 480px){.f1jaqex3{grid-row-start:4;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }], [\"@media screen and (max-width: 480px){.f2ao6jk{grid-row-end:auto;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }], [\"@media screen and (max-width: 480px){.f11ihkml{grid-column-end:4;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }], [\"@media screen and (max-width: 480px){.fce5bvx{grid-row-start:3;}}\", {\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.styles.js.map"],"names":["dialogActionsClassNames","useDialogActionsStyles_unstable","root","useStyles","__styles","Bqenvij","B7ck84d","mc9l5x","Ijaq50","nk6f5a","i8kkvl","Belr9w4","Bmdcpmo","th9wkt","gridPositionEnd","Bdqf98w","Br312pm","Bw0ie65","B6n781s","Bv5d0be","v4ugfu","gridPositionStart","Bojbm9c","fluidStart","fluidEnd","d","m","state","styles","className","mergeClasses","position","fluid"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB;eAAvBA;;IA0DAC,+BAA+B;eAA/BA;;;uBA5DsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,iBAAiB;QACfC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,mBAAmB;QACjBN,SAAS;QACTC,SAAS;QACTC,SAAS;QACTK,SAAS;QACTH,SAAS;QACTC,QAAQ;IACV;IACAG,YAAY;QACVN,SAAS;IACX;IACAO,UAAU;QACRR,SAAS;IACX;AACF,GAAG;IACDS,GAAG;QAAC;QAAiC;QAAqC;QAA2B;QAAgC;QAA6B;QAA6B;QAA0B;QAAgC;QAAkC;QAAgC;QAAiC;QAAkC;KAAgC;IAC9ZC,GAAG;QAAC;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAyE;gBAC5EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAsE;gBACzEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAsE;gBACzEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAuE;gBAC1EA,GAAG;YACL;SAAE;QAAE;YAAC;YAAqE;gBACxEA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMzB,kCAAkC0B,CAAAA;IAC7C,MAAMC,SAASzB;IACfwB,MAAMzB,IAAI,CAAC2B,SAAS,GAAGC,IAAAA,mBAAY,EAAC9B,wBAAwBE,IAAI,EAAE0B,OAAO1B,IAAI,EAAEyB,MAAMI,QAAQ,KAAK,WAAWH,OAAOP,iBAAiB,EAAEM,MAAMI,QAAQ,KAAK,SAASH,OAAOd,eAAe,EAAEa,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,WAAWH,OAAOL,UAAU,EAAEI,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,SAASH,OAAOJ,QAAQ,EAAEG,MAAMzB,IAAI,CAAC2B,SAAS;IAC3U,OAAOF;AACT,GACA,yDAAyD"}

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DialogBody", {
     enumerable: true,
-    get: ()=>DialogBody
+    get: function() {
+        return DialogBody;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useDialogBody = require("./useDialogBody");
 const _renderDialogBody = require("./renderDialogBody");
-const _useDialogBodyStylesStyles = require("./useDialogBodyStyles.styles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _useDialogBodyStylesstyles = require("./useDialogBodyStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const DialogBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useDialogBody.useDialogBody_unstable)(props, ref);
-    (0, _useDialogBodyStylesStyles.useDialogBodyStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDialogBodyStyles_unstable')(state);
+    (0, _useDialogBodyStylesstyles.useDialogBodyStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDialogBodyStyles_unstable')(state);
     return (0, _renderDialogBody.renderDialogBody_unstable)(state);
 });
 DialogBody.displayName = 'DialogBody';

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

@@ -1 +1 @@
-{"version":3,"sources":["DialogBody.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogBody_unstable } from './useDialogBody';\nimport { renderDialogBody_unstable } from './renderDialogBody';\nimport { useDialogBodyStyles_unstable } from './useDialogBodyStyles.styles';\nimport { useCustomStyleHook_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 */ export const DialogBody = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useDialogBody_unstable(props, ref);\n    useDialogBodyStyles_unstable(state);\n    useCustomStyleHook_unstable('useDialogBodyStyles_unstable')(state);\n    return renderDialogBody_unstable(state);\n});\nDialogBody.displayName = 'DialogBody';\n"],"names":["DialogBody","React","forwardRef","props","ref","state","useDialogBody_unstable","useDialogBodyStyles_unstable","useCustomStyleHook_unstable","renderDialogBody_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;+BACgB;kCACG;2CACG;qCACD;AAIjC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACvE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7BG,IAAAA,gDAA2B,EAAC,gCAAgCH;IAC5D,OAAOI,IAAAA,2CAAyB,EAACJ;AACrC;AACAL,WAAWU,WAAW,GAAG"}
+{"version":3,"sources":["DialogBody.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogBody_unstable } from './useDialogBody';\nimport { renderDialogBody_unstable } from './renderDialogBody';\nimport { useDialogBodyStyles_unstable } from './useDialogBodyStyles.styles';\nimport { useCustomStyleHook_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 */ export const DialogBody = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useDialogBody_unstable(props, ref);\n    useDialogBodyStyles_unstable(state);\n    useCustomStyleHook_unstable('useDialogBodyStyles_unstable')(state);\n    return renderDialogBody_unstable(state);\n});\nDialogBody.displayName = 'DialogBody';\n"],"names":["DialogBody","React","forwardRef","props","ref","state","useDialogBody_unstable","useDialogBodyStyles_unstable","useCustomStyleHook_unstable","renderDialogBody_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;+BACgB;kCACG;2CACG;qCACD;AAIjC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7BG,IAAAA,gDAA2B,EAAC,gCAAgCH;IAC5D,OAAOI,IAAAA,2CAAyB,EAACJ;AACrC;AACAL,WAAWU,WAAW,GAAG"}

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./DialogBody"), exports);
-_exportStar(require("./DialogBody.types"), exports);
-_exportStar(require("./renderDialogBody"), exports);
-_exportStar(require("./useDialogBody"), exports);
-_exportStar(require("./useDialogBodyStyles.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./DialogBody"), exports);
+_export_star._(require("./DialogBody.types"), exports);
+_export_star._(require("./renderDialogBody"), exports);
+_export_star._(require("./useDialogBody"), exports);
+_export_star._(require("./useDialogBodyStyles.styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DialogBody';\nexport * from './DialogBody.types';\nexport * from './renderDialogBody';\nexport * from './useDialogBody';\nexport * from './useDialogBodyStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DialogBody';\nexport * from './DialogBody.types';\nexport * from './renderDialogBody';\nexport * from './useDialogBody';\nexport * from './useDialogBodyStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1,15 +1,17 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderDialogBody_unstable", {
     enumerable: true,
-    get: ()=>renderDialogBody_unstable
+    get: function() {
+        return renderDialogBody_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderDialogBody_unstable = (state)=>{
-    (0, _reactUtilities.assertSlots)(state);
+    (0, _reactutilities.assertSlots)(state);
     // TODO Add additional slots in the appropriate place
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderDialogBody.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogBody\n */ export const renderDialogBody_unstable = (state)=>{\n    assertSlots(state);\n    // TODO Add additional slots in the appropriate place\n    return /*#__PURE__*/ createElement(state.root, null);\n};\n"],"names":["renderDialogBody_unstable","state","assertSlots","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,4BAA4B,CAACC,QAAQ;IAClDC,IAAAA,2BAAW,EAACD;IACZ,qDAAqD;IACrD,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI;AACvD"}
+{"version":3,"sources":["renderDialogBody.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 DialogBody\n */ export const renderDialogBody_unstable = (state)=>{\n    assertSlots(state);\n    // TODO Add additional slots in the appropriate place\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderDialogBody_unstable","state","assertSlots","_jsx","root"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ4F;gCACjF;AAGjB,MAAMA,4BAA4B,CAACC;IAC1CC,IAAAA,2BAAW,EAACD;IACZ,qDAAqD;IACrD,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useDialogBody_unstable", {
     enumerable: true,
-    get: ()=>useDialogBody_unstable
+    get: function() {
+        return useDialogBody_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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
 const useDialogBody_unstable = (props, ref)=>{
     var _props_as;
     return {
         components: {
             root: 'div'
         },
-        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {
+        root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {
             ref,
             ...props
         }), {

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

@@ -1 +1 @@
-{"version":3,"sources":["useDialogBody.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DialogBody.\n *\n * The returned state can be modified with hooks such as useDialogBodyStyles_unstable,\n * before being passed to renderDialogBody_unstable.\n *\n * @param props - props from this instance of DialogBody\n * @param ref - reference to root HTMLElement of DialogBody\n */ export const useDialogBody_unstable = (props, ref)=>{\n    var _props_as;\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useDialogBody_unstable","props","ref","_props_as","components","root","slot","always","getNativeElementProps","as","elementType"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACqB;AASjC,MAAMA,yBAAyB,CAACC,OAAOC,MAAM;IACpD,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,AAACL,CAAAA,YAAYF,MAAMQ,EAAE,AAAD,MAAO,IAAI,IAAIN,cAAc,KAAK,IAAIA,YAAY,KAAK,EAAE;YACjHD;YACA,GAAGD,KAAK;QACZ,IAAI;YACAS,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["useDialogBody.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DialogBody.\n *\n * The returned state can be modified with hooks such as useDialogBodyStyles_unstable,\n * before being passed to renderDialogBody_unstable.\n *\n * @param props - props from this instance of DialogBody\n * @param ref - reference to root HTMLElement of DialogBody\n */ export const useDialogBody_unstable = (props, ref)=>{\n    var _props_as;\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useDialogBody_unstable","props","ref","_props_as","components","root","slot","always","getNativeElementProps","as","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACqB;AASjC,MAAMA,yBAAyB,CAACC,OAAOC;IAC9C,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,AAACL,CAAAA,YAAYF,MAAMQ,EAAE,AAAD,MAAO,QAAQN,cAAc,KAAK,IAAIA,YAAY,OAAO;YACjHD;YACA,GAAGD,KAAK;QACZ,IAAI;YACAS,aAAa;QACjB;IACJ;AACJ"}

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

@@ -9,8 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    dialogBodyClassNames: ()=>dialogBodyClassNames,
-    useDialogBodyStyles_unstable: ()=>useDialogBodyStyles_unstable
+    dialogBodyClassNames: function() {
+        return dialogBodyClassNames;
+    },
+    useDialogBodyStyles_unstable: function() {
+        return useDialogBodyStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
 const dialogBodyClassNames = {
@@ -18,7 +22,7 @@ const dialogBodyClassNames = {
 };
 /**
  * Styles for the root slot
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {
         mc9l5x: "f13qh94s",
         fshzfu: "f120kxnn",

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

@@ -1 +1 @@
-{"version":3,"sources":["useDialogBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_PADDING } from '../../contexts';\nexport const dialogBodyClassNames = {\n  root: 'fui-DialogBody'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f13qh94s\",\n    fshzfu: \"f120kxnn\",\n    Bxyxcbc: \"flnwrvu\",\n    B7ck84d: \"f1ewtqcl\",\n    B68tc82: \"f1ln0qer\",\n    Bmxbyg5: \"fa2wlxz\",\n    i8kkvl: \"f4px1ci\",\n    Belr9w4: \"fn67r4l\",\n    wkccdc: \"f1x46k84\",\n    Budl1dq: \"fjj47a5\",\n    B5xtmjs: \"ff54dml\",\n    Bqu9lor: \"f1t97isy\"\n  }\n}, {\n  d: [\".f13qh94s{display:grid;}\", \".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}\", \".flnwrvu{max-height:calc(100vh - 2 * 24px);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1ln0qer{overflow-x:unset;}\", \".fa2wlxz{overflow-y:unset;}\", \".f4px1ci{column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1x46k84{grid-template-rows:auto 1fr;}\", \".fjj47a5{grid-template-columns:1fr 1fr auto;}\"],\n  m: [[\"@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }], [\"@media screen and (max-width: 480px){.f1t97isy{grid-template-rows:auto 1fr auto;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }]]\n});\n/**\n * Apply styling to the DialogBody slots based on the state\n */\nexport const useDialogBodyStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(dialogBodyClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useDialogBodyStyles.styles.js.map"],"names":["dialogBodyClassNames","useDialogBodyStyles_unstable","root","useStyles","__styles","mc9l5x","fshzfu","Bxyxcbc","B7ck84d","B68tc82","Bmxbyg5","i8kkvl","Belr9w4","wkccdc","Budl1dq","B5xtmjs","Bqu9lor","d","m","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB,MAApBA;IAgCAC,4BAA4B,MAA5BA;;uBAlCsC;AAE5C,MAAMD,uBAAuB;IAClCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA6D;QAAgD;QAAqC;QAAgC;QAA+B;QAA6B;QAA0B;QAA2C;KAAgD;IACnYC,GAAG;QAAC;YAAC;YAAoE;gBACvEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAsF;gBACzFA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMjB,+BAA+BkB,CAAAA,QAAS;IACnD,MAAMC,SAASjB;IACfgB,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,qBAAqBE,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAChG,OAAOF;AACT,GACA,sDAAsD"}
+{"version":3,"sources":["useDialogBodyStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_PADDING } from '../../contexts';\nexport const dialogBodyClassNames = {\n  root: 'fui-DialogBody'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f13qh94s\",\n    fshzfu: \"f120kxnn\",\n    Bxyxcbc: \"flnwrvu\",\n    B7ck84d: \"f1ewtqcl\",\n    B68tc82: \"f1ln0qer\",\n    Bmxbyg5: \"fa2wlxz\",\n    i8kkvl: \"f4px1ci\",\n    Belr9w4: \"fn67r4l\",\n    wkccdc: \"f1x46k84\",\n    Budl1dq: \"fjj47a5\",\n    B5xtmjs: \"ff54dml\",\n    Bqu9lor: \"f1t97isy\"\n  }\n}, {\n  d: [\".f13qh94s{display:grid;}\", \".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}\", \".flnwrvu{max-height:calc(100vh - 2 * 24px);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1ln0qer{overflow-x:unset;}\", \".fa2wlxz{overflow-y:unset;}\", \".f4px1ci{column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1x46k84{grid-template-rows:auto 1fr;}\", \".fjj47a5{grid-template-columns:1fr 1fr auto;}\"],\n  m: [[\"@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }], [\"@media screen and (max-width: 480px){.f1t97isy{grid-template-rows:auto 1fr auto;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }]]\n});\n/**\n * Apply styling to the DialogBody slots based on the state\n */\nexport const useDialogBodyStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(dialogBodyClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useDialogBodyStyles.styles.js.map"],"names":["dialogBodyClassNames","useDialogBodyStyles_unstable","root","useStyles","__styles","mc9l5x","fshzfu","Bxyxcbc","B7ck84d","B68tc82","Bmxbyg5","i8kkvl","Belr9w4","wkccdc","Budl1dq","B5xtmjs","Bqu9lor","d","m","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB;eAApBA;;IAgCAC,4BAA4B;eAA5BA;;;uBAlCsC;AAE5C,MAAMD,uBAAuB;IAClCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA6D;QAAgD;QAAqC;QAAgC;QAA+B;QAA6B;QAA0B;QAA2C;KAAgD;IACnYC,GAAG;QAAC;YAAC;YAAoE;gBACvEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAsF;gBACzFA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMjB,+BAA+BkB,CAAAA;IAC1C,MAAMC,SAASjB;IACfgB,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,qBAAqBE,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAChG,OAAOF;AACT,GACA,sDAAsD"}

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DialogContent", {
     enumerable: true,
-    get: ()=>DialogContent
+    get: function() {
+        return DialogContent;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useDialogContent = require("./useDialogContent");
 const _renderDialogContent = require("./renderDialogContent");
-const _useDialogContentStylesStyles = require("./useDialogContentStyles.styles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _useDialogContentStylesstyles = require("./useDialogContentStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const DialogContent = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useDialogContent.useDialogContent_unstable)(props, ref);
-    (0, _useDialogContentStylesStyles.useDialogContentStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDialogContentStyles_unstable')(state);
+    (0, _useDialogContentStylesstyles.useDialogContentStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDialogContentStyles_unstable')(state);
     return (0, _renderDialogContent.renderDialogContent_unstable)(state);
 });
 DialogContent.displayName = 'DialogContent';

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

@@ -1 +1 @@
-{"version":3,"sources":["DialogContent.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogContent_unstable } from './useDialogContent';\nimport { renderDialogContent_unstable } from './renderDialogContent';\nimport { useDialogContentStyles_unstable } from './useDialogContentStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The `DialogContent` is a container where the content of the dialog is rendered.\n * Apart from styling, this component does not have other behavior.\n */ export const DialogContent = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useDialogContent_unstable(props, ref);\n    useDialogContentStyles_unstable(state);\n    useCustomStyleHook_unstable('useDialogContentStyles_unstable')(state);\n    return renderDialogContent_unstable(state);\n});\nDialogContent.displayName = 'DialogContent';\n"],"names":["DialogContent","React","forwardRef","props","ref","state","useDialogContent_unstable","useDialogContentStyles_unstable","useCustomStyleHook_unstable","renderDialogContent_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;kCACmB;qCACG;8CACG;qCACJ;AAIjC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,iDAA4B,EAACJ;AACxC;AACAL,cAAcU,WAAW,GAAG"}
+{"version":3,"sources":["DialogContent.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogContent_unstable } from './useDialogContent';\nimport { renderDialogContent_unstable } from './renderDialogContent';\nimport { useDialogContentStyles_unstable } from './useDialogContentStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The `DialogContent` is a container where the content of the dialog is rendered.\n * Apart from styling, this component does not have other behavior.\n */ export const DialogContent = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useDialogContent_unstable(props, ref);\n    useDialogContentStyles_unstable(state);\n    useCustomStyleHook_unstable('useDialogContentStyles_unstable')(state);\n    return renderDialogContent_unstable(state);\n});\nDialogContent.displayName = 'DialogContent';\n"],"names":["DialogContent","React","forwardRef","props","ref","state","useDialogContent_unstable","useDialogContentStyles_unstable","useCustomStyleHook_unstable","renderDialogContent_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;kCACmB;qCACG;8CACG;qCACJ;AAIjC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACpE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,iDAA4B,EAACJ;AACxC;AACAL,cAAcU,WAAW,GAAG"}