@fluentui/react-dialog 9.5.20 → 9.5.21

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

@@ -48,41 +48,41 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
     }
 }, {
     d: [
-        ".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}",
+        ".f3052tw{height:fit-content;}",
         ".f1ewtqcl{box-sizing:border-box;}",
-        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
-        ".f1cztu7b{-ms-grid-row:3;grid-row-start:3;}",
-        ".fcu02xx{-ms-grid-row-span:3;grid-row-end:3;}",
-        ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}",
+        ".f22iagw{display:flex;}",
+        ".f1cztu7b{grid-row-start:3;}",
+        ".fcu02xx{grid-row-end:3;}",
+        ".f4px1ci{column-gap:8px;}",
         ".fn67r4l{row-gap:8px;}",
-        ".f1a7i8kp{-ms-grid-column-align:end;justify-self:end;}",
-        ".fd46tj4{-ms-grid-column:2;grid-column-start:2;}",
-        ".fsyjsko{-ms-grid-column-span:4;grid-column-end:4;}",
-        ".fsxvdwy{-ms-grid-column-align:start;justify-self:start;}",
-        ".fwpfdsa{-ms-grid-column:1;grid-column-start:1;}",
-        ".f1e2fz10{-ms-grid-column-span:2;grid-column-end:2;}"
+        ".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;}"
     ],
     m: [
         [
-            "@media screen and (max-width: 480px){.f6glcwc{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}",
+            "@media screen and (max-width: 480px){.f6glcwc{flex-direction:column;}}",
             {
                 m: "screen and (max-width: 480px)"
             }
         ],
         [
-            "@media screen and (max-width: 480px){.f1e3st1r{-ms-grid-column-align:stretch;justify-self:stretch;}}",
+            "@media screen and (max-width: 480px){.f1e3st1r{justify-self:stretch;}}",
             {
                 m: "screen and (max-width: 480px)"
             }
         ],
         [
-            "@media screen and (max-width: 480px){.f1f41i0t{-ms-grid-column:1;grid-column-start:1;}}",
+            "@media screen and (max-width: 480px){.f1f41i0t{grid-column-start:1;}}",
             {
                 m: "screen and (max-width: 480px)"
             }
         ],
         [
-            "@media screen and (max-width: 480px){.f11ihkml{-ms-grid-column-span:4;grid-column-end:4;}}",
+            "@media screen and (max-width: 480px){.f11ihkml{grid-column-end:4;}}",
             {
                 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:-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;}\", \".f1cztu7b{-ms-grid-row:3;grid-row-start:3;}\", \".fcu02xx{-ms-grid-row-span:3;grid-row-end:3;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1a7i8kp{-ms-grid-column-align:end;justify-self:end;}\", \".fd46tj4{-ms-grid-column:2;grid-column-start:2;}\", \".fsyjsko{-ms-grid-column-span:4;grid-column-end:4;}\", \".fsxvdwy{-ms-grid-column-align:start;justify-self:start;}\", \".fwpfdsa{-ms-grid-column:1;grid-column-start:1;}\", \".f1e2fz10{-ms-grid-column-span:2;grid-column-end:2;}\"],\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{-ms-grid-column-align:stretch;justify-self:stretch;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }], [\"@media screen and (max-width: 480px){.f1f41i0t{-ms-grid-column:1;grid-column-start:1;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }], [\"@media screen and (max-width: 480px){.f11ihkml{-ms-grid-column-span:4;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;QAAoF;QAAqC;QAAwF;QAA+C;QAAiD;QAAoD;QAA0B;QAA0D;QAAoD;QAAuD;QAA6D;QAAoD;KAAuD;IAChtBC,GAAG;QAAC;YAAC;YAAkI;gBACrIA,GAAG;YACL;SAAE;QAAE;YAAC;YAAwG;gBAC3GA,GAAG;YACL;SAAE;QAAE;YAAC;YAA2F;gBAC9FA,GAAG;YACL;SAAE;QAAE;YAAC;YAA8F;gBACjGA,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  },\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"}

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "renderDialogBody_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderDialogBody_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    (0, _reactUtilities.assertSlots)(state);
     // TODO Add additional slots in the appropriate place
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null);
 };

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 { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogBody\n */ export const renderDialogBody_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    // TODO Add additional slots in the appropriate place\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderDialogBody_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,4BAA4B,CAACC,QAAQ;IAClD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,qDAAqD;IACrD,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
+{"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"}

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

@@ -15,9 +15,11 @@ const useDialogBody_unstable = (props, ref)=>{
         components: {
             root: 'div'
         },
-        root: (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
+        }), {
+            elementType: 'div'
         })
     };
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["useDialogBody.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } 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: getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {\n            ref,\n            ...props\n        })\n    };\n};\n"],"names":["useDialogBody_unstable","props","ref","_props_as","components","root","getNativeElementProps","as"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,yBAAyB,CAACC,OAAOC,MAAM;IACpD,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,AAACH,CAAAA,YAAYF,MAAMM,EAAE,AAAD,MAAO,IAAI,IAAIJ,cAAc,KAAK,IAAIA,YAAY,KAAK,EAAE;YACrGD;YACA,GAAGD,KAAK;QACZ;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;;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"}

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

@@ -35,16 +35,16 @@ const dialogBodyClassNames = {
     }
 }, {
     d: [
-        ".f13qh94s{display:-ms-grid;display:grid;}",
+        ".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{-webkit-column-gap:8px;column-gap:8px;}",
+        ".f4px1ci{column-gap:8px;}",
         ".fn67r4l{row-gap:8px;}",
-        ".f1x46k84{-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;}",
-        ".fjj47a5{-ms-grid-columns:1fr 1fr auto;grid-template-columns:1fr 1fr auto;}"
+        ".f1x46k84{grid-template-rows:auto 1fr;}",
+        ".fjj47a5{grid-template-columns:1fr 1fr auto;}"
     ],
     m: [
         [
@@ -54,7 +54,7 @@ const dialogBodyClassNames = {
             }
         ],
         [
-            "@media screen and (max-width: 480px){.f1t97isy{-ms-grid-rows:auto 1fr auto;grid-template-rows:auto 1fr auto;}}",
+            "@media screen and (max-width: 480px){.f1t97isy{grid-template-rows:auto 1fr auto;}}",
             {
                 m: "screen and (max-width: 480px)"
             }

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:-ms-grid;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{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1x46k84{-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;}\", \".fjj47a5{-ms-grid-columns:1fr 1fr auto;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{-ms-grid-rows:auto 1fr auto;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;QAA6C;QAA6D;QAAgD;QAAqC;QAAgC;QAA+B;QAAoD;QAA0B;QAAkE;KAA8E;IACheC,GAAG;QAAC;YAAC;YAAoE;gBACvEA,GAAG;YACL;SAAE;QAAE;YAAC;YAAkH;gBACrHA,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,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"}

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

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderDialogContent_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderDialogContent_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null);
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderDialogContent.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogContent\n */ export const renderDialogContent_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderDialogContent_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,+BAA+B,CAACC,QAAQ;IACrD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
+{"version":3,"sources":["renderDialogContent.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 DialogContent\n */ export const renderDialogContent_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null);\n};\n"],"names":["renderDialogContent_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,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI;AACvD"}

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

@@ -15,9 +15,11 @@ const useDialogContent_unstable = (props, ref)=>{
         components: {
             root: 'div'
         },
-        root: (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
+        }), {
+            elementType: 'div'
         })
     };
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["useDialogContent.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } 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 useDialogContent_unstable = (props, ref)=>{\n    var _props_as;\n    return {\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {\n            ref,\n            ...props\n        })\n    };\n};\n"],"names":["useDialogContent_unstable","props","ref","_props_as","components","root","getNativeElementProps","as"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,AAACH,CAAAA,YAAYF,MAAMM,EAAE,AAAD,MAAO,IAAI,IAAIJ,cAAc,KAAK,IAAIA,YAAY,KAAK,EAAE;YACrGD;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}
+{"version":3,"sources":["useDialogContent.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 useDialogContent_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":["useDialogContent_unstable","props","ref","_props_as","components","root","slot","always","getNativeElementProps","as","elementType"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACqB;AASjC,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,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"}

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

@@ -57,10 +57,10 @@ const dialogContentClassNames = {
         ".f5zp4f{overflow-y:auto;}",
         ".f1nxs5xn{min-height:32px;}",
         ".f1ewtqcl{box-sizing:border-box;}",
-        ".faunodf{-ms-grid-row:2;grid-row-start:2;}",
-        ".f88nxoq{-ms-grid-row-span:2;grid-row-end:2;}",
-        ".fwpfdsa{-ms-grid-column:1;grid-column-start:1;}",
-        ".fsyjsko{-ms-grid-column-span:4;grid-column-end:4;}",
+        ".faunodf{grid-row-start:2;}",
+        ".f88nxoq{grid-row-end:2;}",
+        ".fwpfdsa{grid-column-start:1;}",
+        ".fsyjsko{grid-column-end:4;}",
         ".fr4fn7s{padding-top:var(--strokeWidthThick);}",
         ".f171n1a0{padding-right:var(--strokeWidthThick);}",
         ".f1jwbs5a{padding-left:var(--strokeWidthThick);}",

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

@@ -1 +1 @@
-{"version":3,"sources":["useDialogContentStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const dialogContentClassNames = {\n  root: 'fui-DialogContent'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bmxbyg5: \"f5zp4f\",\n    sshi5w: \"f1nxs5xn\",\n    B7ck84d: \"f1ewtqcl\",\n    Ijaq50: \"faunodf\",\n    nk6f5a: \"f88nxoq\",\n    Br312pm: \"fwpfdsa\",\n    Bw0ie65: \"fsyjsko\",\n    z8tnut: \"fr4fn7s\",\n    z189sj: [\"f171n1a0\", \"f1jwbs5a\"],\n    Byoj8tv: \"f1ean75l\",\n    uwmqm3: [\"f1jwbs5a\", \"f171n1a0\"],\n    B6of3ja: \"fxlnl9e\",\n    t21cq0: [\"ffs23cn\", \"f1v5tmjd\"],\n    jrapky: \"f2uu7rc\",\n    Frg6f3: [\"f1v5tmjd\", \"ffs23cn\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  }\n}, {\n  d: [\".f5zp4f{overflow-y:auto;}\", \".f1nxs5xn{min-height:32px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".faunodf{-ms-grid-row:2;grid-row-start:2;}\", \".f88nxoq{-ms-grid-row-span:2;grid-row-end:2;}\", \".fwpfdsa{-ms-grid-column:1;grid-column-start:1;}\", \".fsyjsko{-ms-grid-column-span:4;grid-column-end:4;}\", \".fr4fn7s{padding-top:var(--strokeWidthThick);}\", \".f171n1a0{padding-right:var(--strokeWidthThick);}\", \".f1jwbs5a{padding-left:var(--strokeWidthThick);}\", \".f1ean75l{padding-bottom:var(--strokeWidthThick);}\", \".fxlnl9e{margin-top:calc(var(--strokeWidthThick) * -1);}\", \".ffs23cn{margin-right:calc(var(--strokeWidthThick) * -1);}\", \".f1v5tmjd{margin-left:calc(var(--strokeWidthThick) * -1);}\", \".f2uu7rc{margin-bottom:calc(var(--strokeWidthThick) * -1);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/**\n * Apply styling to the DialogContent slots based on the state\n */\nexport const useDialogContentStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(dialogContentClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useDialogContentStyles.styles.js.map"],"names":["dialogContentClassNames","useDialogContentStyles_unstable","root","useStyles","__styles","Bmxbyg5","sshi5w","B7ck84d","Ijaq50","nk6f5a","Br312pm","Bw0ie65","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IAkCAC,+BAA+B,MAA/BA;;uBApCsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6B;QAA+B;QAAqC;QAA8C;QAAiD;QAAoD;QAAuD;QAAkD;QAAqD;QAAoD;QAAsD;QAA4D;QAA8D;QAA8D;QAA+D;QAAgD;QAA+C;QAAmD;KAAmD;AAC97B;AAIO,MAAMvB,kCAAkCwB,CAAAA,QAAS;IACtD,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,wBAAwBE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IACnG,OAAOF;AACT,GACA,yDAAyD"}
+{"version":3,"sources":["useDialogContentStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const dialogContentClassNames = {\n  root: 'fui-DialogContent'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bmxbyg5: \"f5zp4f\",\n    sshi5w: \"f1nxs5xn\",\n    B7ck84d: \"f1ewtqcl\",\n    Ijaq50: \"faunodf\",\n    nk6f5a: \"f88nxoq\",\n    Br312pm: \"fwpfdsa\",\n    Bw0ie65: \"fsyjsko\",\n    z8tnut: \"fr4fn7s\",\n    z189sj: [\"f171n1a0\", \"f1jwbs5a\"],\n    Byoj8tv: \"f1ean75l\",\n    uwmqm3: [\"f1jwbs5a\", \"f171n1a0\"],\n    B6of3ja: \"fxlnl9e\",\n    t21cq0: [\"ffs23cn\", \"f1v5tmjd\"],\n    jrapky: \"f2uu7rc\",\n    Frg6f3: [\"f1v5tmjd\", \"ffs23cn\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  }\n}, {\n  d: [\".f5zp4f{overflow-y:auto;}\", \".f1nxs5xn{min-height:32px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".faunodf{grid-row-start:2;}\", \".f88nxoq{grid-row-end:2;}\", \".fwpfdsa{grid-column-start:1;}\", \".fsyjsko{grid-column-end:4;}\", \".fr4fn7s{padding-top:var(--strokeWidthThick);}\", \".f171n1a0{padding-right:var(--strokeWidthThick);}\", \".f1jwbs5a{padding-left:var(--strokeWidthThick);}\", \".f1ean75l{padding-bottom:var(--strokeWidthThick);}\", \".fxlnl9e{margin-top:calc(var(--strokeWidthThick) * -1);}\", \".ffs23cn{margin-right:calc(var(--strokeWidthThick) * -1);}\", \".f1v5tmjd{margin-left:calc(var(--strokeWidthThick) * -1);}\", \".f2uu7rc{margin-bottom:calc(var(--strokeWidthThick) * -1);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/**\n * Apply styling to the DialogContent slots based on the state\n */\nexport const useDialogContentStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(dialogContentClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useDialogContentStyles.styles.js.map"],"names":["dialogContentClassNames","useDialogContentStyles_unstable","root","useStyles","__styles","Bmxbyg5","sshi5w","B7ck84d","Ijaq50","nk6f5a","Br312pm","Bw0ie65","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IAkCAC,+BAA+B,MAA/BA;;uBApCsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6B;QAA+B;QAAqC;QAA+B;QAA6B;QAAkC;QAAgC;QAAkD;QAAqD;QAAoD;QAAsD;QAA4D;QAA8D;QAA8D;QAA+D;QAAgD;QAA+C;QAAmD;KAAmD;AACl3B;AAIO,MAAMvB,kCAAkCwB,CAAAA,QAAS;IACtD,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,wBAAwBE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IACnG,OAAOF;AACT,GACA,yDAAyD"}

package/lib-commonjs/components/DialogSurface/renderDialogSurface.js

@@ -11,8 +11,8 @@ const _reactUtilities = require("@fluentui/react-utilities");
 const _contexts = require("../../contexts");
 const _reactPortal = require("@fluentui/react-portal");
 const renderDialogSurface_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactPortal.Portal, null, slots.backdrop && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.backdrop, slotProps.backdrop), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_contexts.DialogSurfaceProvider, {
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactPortal.Portal, null, state.backdrop && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.backdrop, null), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_contexts.DialogSurfaceProvider, {
         value: contextValues.dialogSurface
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root)));
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null)));
 };

package/lib-commonjs/components/DialogSurface/renderDialogSurface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderDialogSurface.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { DialogSurfaceProvider } from '../../contexts';\nimport { Portal } from '@fluentui/react-portal';\n/**\n * Render the final JSX of DialogSurface\n */ export const renderDialogSurface_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(Portal, null, slots.backdrop && /*#__PURE__*/ createElement(slots.backdrop, slotProps.backdrop), /*#__PURE__*/ createElement(DialogSurfaceProvider, {\n        value: contextValues.dialogSurface\n    }, /*#__PURE__*/ createElement(slots.root, slotProps.root)));\n};\n"],"names":["renderDialogSurface_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","Portal","backdrop","DialogSurfaceProvider","value","dialogSurface","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMjCA;;aAAAA;;iCANkE;gCACtD;0BACS;6BACf;AAGZ,MAAMA,+BAA+B,CAACC,OAAOC,gBAAgB;IACpE,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,mBAAM,EAAE,IAAI,EAAEJ,MAAMK,QAAQ,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,QAAQ,EAAEJ,UAAUI,QAAQ,GAAG,WAAW,GAAGF,IAAAA,8BAAa,EAACG,+BAAqB,EAAE;QACnLC,OAAOR,cAAcS,aAAa;IACtC,GAAG,WAAW,GAAGL,IAAAA,8BAAa,EAACH,MAAMS,IAAI,EAAER,UAAUQ,IAAI;AAC7D"}
+{"version":3,"sources":["renderDialogSurface.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { DialogSurfaceProvider } from '../../contexts';\nimport { Portal } from '@fluentui/react-portal';\n/**\n * Render the final JSX of DialogSurface\n */ export const renderDialogSurface_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(Portal, null, state.backdrop && /*#__PURE__*/ createElement(state.backdrop, null), /*#__PURE__*/ createElement(DialogSurfaceProvider, {\n        value: contextValues.dialogSurface\n    }, /*#__PURE__*/ createElement(state.root, null)));\n};\n"],"names":["renderDialogSurface_unstable","state","contextValues","assertSlots","createElement","Portal","backdrop","DialogSurfaceProvider","value","dialogSurface","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMjCA;;aAAAA;;iCANkE;gCACvD;0BACU;6BACf;AAGZ,MAAMA,+BAA+B,CAACC,OAAOC,gBAAgB;IACpEC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACC,mBAAM,EAAE,IAAI,EAAEJ,MAAMK,QAAQ,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,QAAQ,EAAE,IAAI,GAAG,WAAW,GAAGF,IAAAA,8BAAa,EAACG,+BAAqB,EAAE;QACrKC,OAAON,cAAcO,aAAa;IACtC,GAAG,WAAW,GAAGL,IAAAA,8BAAa,EAACH,MAAMS,IAAI,EAAE,IAAI;AACnD"}

package/lib-commonjs/components/DialogSurface/useDialogSurface.js

@@ -45,11 +45,12 @@ const useDialogSurface_unstable = (props, ref)=>{
             event.stopPropagation();
         }
     });
-    const backdrop = (0, _reactUtilities.resolveShorthand)(props.backdrop, {
-        required: open && modalType !== 'non-modal',
+    const backdrop = _reactUtilities.slot.optional(props.backdrop, {
+        renderByDefault: open && modalType !== 'non-modal',
         defaultProps: {
             'aria-hidden': 'true'
-        }
+        },
+        elementType: 'div'
     });
     if (backdrop) {
         backdrop.onClick = handledBackdropClick;
@@ -61,7 +62,7 @@ const useDialogSurface_unstable = (props, ref)=>{
             root: 'div'
         },
         backdrop,
-        root: (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', {
             tabIndex: -1,
             'aria-modal': modalType !== 'non-modal',
             role: modalType === 'alert' ? 'alertdialog' : 'dialog',
@@ -70,6 +71,8 @@ const useDialogSurface_unstable = (props, ref)=>{
             ...modalAttributes,
             onKeyDown: handleKeyDown,
             ref: (0, _reactUtilities.useMergedRefs)(ref, dialogRef)
+        }), {
+            elementType: 'div'
         })
     };
 };

package/lib-commonjs/components/DialogSurface/useDialogSurface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDialogSurface.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback, useMergedRefs, isResolvedShorthand } from '@fluentui/react-utilities';\nimport { useDialogContext_unstable } from '../../contexts';\nimport { Escape } from '@fluentui/keyboard-keys';\n/**\n * Create the state required to render DialogSurface.\n *\n * The returned state can be modified with hooks such as useDialogSurfaceStyles_unstable,\n * before being passed to renderDialogSurface_unstable.\n *\n * @param props - props from this instance of DialogSurface\n * @param ref - reference to root HTMLElement of DialogSurface\n */ export const useDialogSurface_unstable = (props, ref)=>{\n    const modalType = useDialogContext_unstable((ctx)=>ctx.modalType);\n    const modalAttributes = useDialogContext_unstable((ctx)=>ctx.modalAttributes);\n    const dialogRef = useDialogContext_unstable((ctx)=>ctx.dialogRef);\n    const open = useDialogContext_unstable((ctx)=>ctx.open);\n    const requestOpenChange = useDialogContext_unstable((ctx)=>ctx.requestOpenChange);\n    const dialogTitleID = useDialogContext_unstable((ctx)=>ctx.dialogTitleId);\n    const handledBackdropClick = useEventCallback((event)=>{\n        if (isResolvedShorthand(props.backdrop)) {\n            var _props_backdrop, _props_backdrop_onClick;\n            (_props_backdrop_onClick = (_props_backdrop = props.backdrop).onClick) === null || _props_backdrop_onClick === void 0 ? void 0 : _props_backdrop_onClick.call(_props_backdrop, event);\n        }\n        if (modalType === 'modal' && !event.isDefaultPrevented()) {\n            requestOpenChange({\n                event,\n                open: false,\n                type: 'backdropClick'\n            });\n        }\n    });\n    const handleKeyDown = useEventCallback((event)=>{\n        var _props_onKeyDown;\n        (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, event);\n        if (event.key === Escape && !event.isDefaultPrevented()) {\n            requestOpenChange({\n                event,\n                open: false,\n                type: 'escapeKeyDown'\n            });\n            // stop propagation to avoid conflicting with other elements that listen for `Escape`\n            // e,g: nested Dialog, Popover, Menu and Tooltip\n            event.stopPropagation();\n        }\n    });\n    const backdrop = resolveShorthand(props.backdrop, {\n        required: open && modalType !== 'non-modal',\n        defaultProps: {\n            'aria-hidden': 'true'\n        }\n    });\n    if (backdrop) {\n        backdrop.onClick = handledBackdropClick;\n    }\n    var _props_as;\n    return {\n        components: {\n            backdrop: 'div',\n            root: 'div'\n        },\n        backdrop,\n        root: getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {\n            tabIndex: -1,\n            'aria-modal': modalType !== 'non-modal',\n            role: modalType === 'alert' ? 'alertdialog' : 'dialog',\n            'aria-labelledby': props['aria-label'] ? undefined : dialogTitleID,\n            ...props,\n            ...modalAttributes,\n            onKeyDown: handleKeyDown,\n            ref: useMergedRefs(ref, dialogRef)\n        })\n    };\n};\n"],"names":["useDialogSurface_unstable","props","ref","modalType","useDialogContext_unstable","ctx","modalAttributes","dialogRef","open","requestOpenChange","dialogTitleID","dialogTitleId","handledBackdropClick","useEventCallback","event","isResolvedShorthand","backdrop","_props_backdrop","_props_backdrop_onClick","onClick","call","isDefaultPrevented","type","handleKeyDown","_props_onKeyDown","onKeyDown","key","Escape","stopPropagation","resolveShorthand","required","defaultProps","_props_as","components","root","getNativeElementProps","as","tabIndex","role","undefined","useMergedRefs"],"mappings":";;;;+BAYiBA;;aAAAA;;;6DAZM;gCACuF;0BACpE;8BACnB;AASZ,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAMC,YAAYC,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIF,SAAS;IAChE,MAAMG,kBAAkBF,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIC,eAAe;IAC5E,MAAMC,YAAYH,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIE,SAAS;IAChE,MAAMC,OAAOJ,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIG,IAAI;IACtD,MAAMC,oBAAoBL,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAII,iBAAiB;IAChF,MAAMC,gBAAgBN,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIM,aAAa;IACxE,MAAMC,uBAAuBC,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;QACnD,IAAIC,IAAAA,mCAAmB,EAACd,MAAMe,QAAQ,GAAG;YACrC,IAAIC,iBAAiBC;YACpBA,CAAAA,0BAA0B,AAACD,CAAAA,kBAAkBhB,MAAMe,QAAQ,AAAD,EAAGG,OAAO,AAAD,MAAO,IAAI,IAAID,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBE,IAAI,CAACH,iBAAiBH,MAAM;QACzL,CAAC;QACD,IAAIX,cAAc,WAAW,CAACW,MAAMO,kBAAkB,IAAI;YACtDZ,kBAAkB;gBACdK;gBACAN,MAAM,KAAK;gBACXc,MAAM;YACV;QACJ,CAAC;IACL;IACA,MAAMC,gBAAgBV,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;QAC5C,IAAIU;QACHA,CAAAA,mBAAmBvB,MAAMwB,SAAS,AAAD,MAAO,IAAI,IAAID,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBJ,IAAI,CAACnB,OAAOa,MAAM;QAC3H,IAAIA,MAAMY,GAAG,KAAKC,oBAAM,IAAI,CAACb,MAAMO,kBAAkB,IAAI;YACrDZ,kBAAkB;gBACdK;gBACAN,MAAM,KAAK;gBACXc,MAAM;YACV;YACA,qFAAqF;YACrF,gDAAgD;YAChDR,MAAMc,eAAe;QACzB,CAAC;IACL;IACA,MAAMZ,WAAWa,IAAAA,gCAAgB,EAAC5B,MAAMe,QAAQ,EAAE;QAC9Cc,UAAUtB,QAAQL,cAAc;QAChC4B,cAAc;YACV,eAAe;QACnB;IACJ;IACA,IAAIf,UAAU;QACVA,SAASG,OAAO,GAAGP;IACvB,CAAC;IACD,IAAIoB;IACJ,OAAO;QACHC,YAAY;YACRjB,UAAU;YACVkB,MAAM;QACV;QACAlB;QACAkB,MAAMC,IAAAA,qCAAqB,EAAC,AAACH,CAAAA,YAAY/B,MAAMmC,EAAE,AAAD,MAAO,IAAI,IAAIJ,cAAc,KAAK,IAAIA,YAAY,KAAK,EAAE;YACrGK,UAAU,CAAC;YACX,cAAclC,cAAc;YAC5BmC,MAAMnC,cAAc,UAAU,gBAAgB,QAAQ;YACtD,mBAAmBF,KAAK,CAAC,aAAa,GAAGsC,YAAY7B,aAAa;YAClE,GAAGT,KAAK;YACR,GAAGK,eAAe;YAClBmB,WAAWF;YACXrB,KAAKsC,IAAAA,6BAAa,EAACtC,KAAKK;QAC5B;IACJ;AACJ"}
+{"version":3,"sources":["useDialogSurface.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useEventCallback, useMergedRefs, isResolvedShorthand, slot } from '@fluentui/react-utilities';\nimport { useDialogContext_unstable } from '../../contexts';\nimport { Escape } from '@fluentui/keyboard-keys';\n/**\n * Create the state required to render DialogSurface.\n *\n * The returned state can be modified with hooks such as useDialogSurfaceStyles_unstable,\n * before being passed to renderDialogSurface_unstable.\n *\n * @param props - props from this instance of DialogSurface\n * @param ref - reference to root HTMLElement of DialogSurface\n */ export const useDialogSurface_unstable = (props, ref)=>{\n    const modalType = useDialogContext_unstable((ctx)=>ctx.modalType);\n    const modalAttributes = useDialogContext_unstable((ctx)=>ctx.modalAttributes);\n    const dialogRef = useDialogContext_unstable((ctx)=>ctx.dialogRef);\n    const open = useDialogContext_unstable((ctx)=>ctx.open);\n    const requestOpenChange = useDialogContext_unstable((ctx)=>ctx.requestOpenChange);\n    const dialogTitleID = useDialogContext_unstable((ctx)=>ctx.dialogTitleId);\n    const handledBackdropClick = useEventCallback((event)=>{\n        if (isResolvedShorthand(props.backdrop)) {\n            var _props_backdrop, _props_backdrop_onClick;\n            (_props_backdrop_onClick = (_props_backdrop = props.backdrop).onClick) === null || _props_backdrop_onClick === void 0 ? void 0 : _props_backdrop_onClick.call(_props_backdrop, event);\n        }\n        if (modalType === 'modal' && !event.isDefaultPrevented()) {\n            requestOpenChange({\n                event,\n                open: false,\n                type: 'backdropClick'\n            });\n        }\n    });\n    const handleKeyDown = useEventCallback((event)=>{\n        var _props_onKeyDown;\n        (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, event);\n        if (event.key === Escape && !event.isDefaultPrevented()) {\n            requestOpenChange({\n                event,\n                open: false,\n                type: 'escapeKeyDown'\n            });\n            // stop propagation to avoid conflicting with other elements that listen for `Escape`\n            // e,g: nested Dialog, Popover, Menu and Tooltip\n            event.stopPropagation();\n        }\n    });\n    const backdrop = slot.optional(props.backdrop, {\n        renderByDefault: open && modalType !== 'non-modal',\n        defaultProps: {\n            'aria-hidden': 'true'\n        },\n        elementType: 'div'\n    });\n    if (backdrop) {\n        backdrop.onClick = handledBackdropClick;\n    }\n    var _props_as;\n    return {\n        components: {\n            backdrop: 'div',\n            root: 'div'\n        },\n        backdrop,\n        root: slot.always(getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {\n            tabIndex: -1,\n            'aria-modal': modalType !== 'non-modal',\n            role: modalType === 'alert' ? 'alertdialog' : 'dialog',\n            'aria-labelledby': props['aria-label'] ? undefined : dialogTitleID,\n            ...props,\n            ...modalAttributes,\n            onKeyDown: handleKeyDown,\n            ref: useMergedRefs(ref, dialogRef)\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useDialogSurface_unstable","props","ref","modalType","useDialogContext_unstable","ctx","modalAttributes","dialogRef","open","requestOpenChange","dialogTitleID","dialogTitleId","handledBackdropClick","useEventCallback","event","isResolvedShorthand","backdrop","_props_backdrop","_props_backdrop_onClick","onClick","call","isDefaultPrevented","type","handleKeyDown","_props_onKeyDown","onKeyDown","key","Escape","stopPropagation","slot","optional","renderByDefault","defaultProps","elementType","_props_as","components","root","always","getNativeElementProps","as","tabIndex","role","undefined","useMergedRefs"],"mappings":";;;;+BAYiBA;;aAAAA;;;6DAZM;gCAC2E;0BACxD;8BACnB;AASZ,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAMC,YAAYC,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIF,SAAS;IAChE,MAAMG,kBAAkBF,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIC,eAAe;IAC5E,MAAMC,YAAYH,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIE,SAAS;IAChE,MAAMC,OAAOJ,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIG,IAAI;IACtD,MAAMC,oBAAoBL,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAII,iBAAiB;IAChF,MAAMC,gBAAgBN,IAAAA,mCAAyB,EAAC,CAACC,MAAMA,IAAIM,aAAa;IACxE,MAAMC,uBAAuBC,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;QACnD,IAAIC,IAAAA,mCAAmB,EAACd,MAAMe,QAAQ,GAAG;YACrC,IAAIC,iBAAiBC;YACpBA,CAAAA,0BAA0B,AAACD,CAAAA,kBAAkBhB,MAAMe,QAAQ,AAAD,EAAGG,OAAO,AAAD,MAAO,IAAI,IAAID,4BAA4B,KAAK,IAAI,KAAK,IAAIA,wBAAwBE,IAAI,CAACH,iBAAiBH,MAAM;QACzL,CAAC;QACD,IAAIX,cAAc,WAAW,CAACW,MAAMO,kBAAkB,IAAI;YACtDZ,kBAAkB;gBACdK;gBACAN,MAAM,KAAK;gBACXc,MAAM;YACV;QACJ,CAAC;IACL;IACA,MAAMC,gBAAgBV,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;QAC5C,IAAIU;QACHA,CAAAA,mBAAmBvB,MAAMwB,SAAS,AAAD,MAAO,IAAI,IAAID,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBJ,IAAI,CAACnB,OAAOa,MAAM;QAC3H,IAAIA,MAAMY,GAAG,KAAKC,oBAAM,IAAI,CAACb,MAAMO,kBAAkB,IAAI;YACrDZ,kBAAkB;gBACdK;gBACAN,MAAM,KAAK;gBACXc,MAAM;YACV;YACA,qFAAqF;YACrF,gDAAgD;YAChDR,MAAMc,eAAe;QACzB,CAAC;IACL;IACA,MAAMZ,WAAWa,oBAAI,CAACC,QAAQ,CAAC7B,MAAMe,QAAQ,EAAE;QAC3Ce,iBAAiBvB,QAAQL,cAAc;QACvC6B,cAAc;YACV,eAAe;QACnB;QACAC,aAAa;IACjB;IACA,IAAIjB,UAAU;QACVA,SAASG,OAAO,GAAGP;IACvB,CAAC;IACD,IAAIsB;IACJ,OAAO;QACHC,YAAY;YACRnB,UAAU;YACVoB,MAAM;QACV;QACApB;QACAoB,MAAMP,oBAAI,CAACQ,MAAM,CAACC,IAAAA,qCAAqB,EAAC,AAACJ,CAAAA,YAAYjC,MAAMsC,EAAE,AAAD,MAAO,IAAI,IAAIL,cAAc,KAAK,IAAIA,YAAY,KAAK,EAAE;YACjHM,UAAU,CAAC;YACX,cAAcrC,cAAc;YAC5BsC,MAAMtC,cAAc,UAAU,gBAAgB,QAAQ;YACtD,mBAAmBF,KAAK,CAAC,aAAa,GAAGyC,YAAYhC,aAAa;YAClE,GAAGT,KAAK;YACR,GAAGK,eAAe;YAClBmB,WAAWF;YACXrB,KAAKyC,IAAAA,6BAAa,EAACzC,KAAKK;QAC5B,IAAI;YACA0B,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/components/DialogSurface/useDialogSurfaceStyles.styles.js

@@ -267,7 +267,7 @@ const dialogSurfaceClassNames = {
         ".fa2wlxz{overflow-y:unset;}",
         ".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}",
         ".f19dog8a{position:fixed;}",
-        ".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}",
+        ".f3052tw{height:fit-content;}",
         ".fvgz9i8{max-width:600px;}",
         ".f6a9g1z{max-height:100vh;}",
         ".f1ewtqcl{box-sizing:border-box;}",

package/lib-commonjs/components/DialogSurface/useDialogSurfaceStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDialogSurfaceStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_BORDER_WIDTH, SURFACE_PADDING, useDialogContext_unstable } from '../../contexts';\nexport const dialogSurfaceClassNames = {\n  root: 'fui-DialogSurface',\n  backdrop: 'fui-DialogSurface__backdrop'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  focusOutline: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bm4h7ae: \"f15bsgw9\",\n    B7ys5i9: \"f14e48fq\",\n    Busjfv9: \"f18yb2kv\",\n    Bhk32uz: \"fd6o370\",\n    Bf4ptjt: \"fh1cnn4\",\n    kclons: [\"fy7oxxb\", \"f184ne2d\"],\n    Bhdgwq3: \"fpukqih\",\n    Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n    Bqtpl0w: \"frrh606\",\n    clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n    hgwjuy: \"ful5kiu\",\n    Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n    B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n    Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n    Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n    qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n    B6dhp37: \"f1dvezut\",\n    i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n    Boxcth7: \"fjvm52t\",\n    Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n    J0r882: \"f57olzd\",\n    Bule8hv: [\"f4stah7\", \"fs1por5\"],\n    Bjwuhne: \"f480a47\",\n    Ghsupd: [\"fs1por5\", \"f4stah7\"]\n  },\n  root: {\n    mc9l5x: \"ftgm304\",\n    famaaq: \"f1c515w\",\n    Bcdw1i0: \"f1bitti\",\n    Bhzewxz: \"f15twtuk\",\n    j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n    B5kzvoi: \"f1yab3r1\",\n    oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n    z8tnut: \"fuq56rw\",\n    z189sj: [\"f15kemlc\", \"fdgang7\"],\n    Byoj8tv: \"fl2zwns\",\n    uwmqm3: [\"fdgang7\", \"f15kemlc\"],\n    B6of3ja: \"fgr6219\",\n    t21cq0: [\"f1ujusj6\", \"fcgxt0o\"],\n    jrapky: \"f10jk5vf\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    B68tc82: \"f1ln0qer\",\n    Bmxbyg5: \"fa2wlxz\",\n    fshzfu: \"f120kxnn\",\n    qhf8xq: \"f19dog8a\",\n    Bqenvij: \"f3052tw\",\n    B2u0y6b: \"fvgz9i8\",\n    Bxyxcbc: \"f6a9g1z\",\n    B7ck84d: \"f1ewtqcl\",\n    E5pizo: \"f10nrhrw\",\n    De3pzq: \"fxugw4r\",\n    sj55zd: \"f19n0e5\",\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n    Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n    Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n    B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n    Btl43ni: [\"f8yange\", \"f1el4m67\"],\n    B5xtmjs: \"ff54dml\"\n  },\n  backdrop: {\n    qhf8xq: \"f19dog8a\",\n    De3pzq: \"fju19wo\",\n    Bhzewxz: \"f113wtx2\",\n    j35jbq: [\"f10k790i\", \"f1xynx9j\"],\n    B5kzvoi: \"f5gq2j6\",\n    oyh7mz: [\"f1xynx9j\", \"f10k790i\"]\n  },\n  nestedDialogBackdrop: {\n    De3pzq: \"f3rmtva\"\n  },\n  nestedNativeDialogBackdrop: {\n    fshzfu: \"foe20jx\"\n  }\n}, {\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n  d: [\".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}\", \".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}\", \".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}\", \".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}\", \".ftgm304{display:block;}\", \".f1c515w{-webkit-user-select:unset;-moz-user-select:unset;-ms-user-select:unset;user-select:unset;}\", \".f1bitti{visibility:unset;}\", \".f15twtuk{top:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".f1yab3r1{bottom:0;}\", \".fuq56rw{padding-top:24px;}\", \".f15kemlc{padding-right:24px;}\", \".fdgang7{padding-left:24px;}\", \".fl2zwns{padding-bottom:24px;}\", \".fgr6219{margin-top:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".fcgxt0o{margin-left:auto;}\", \".f10jk5vf{margin-bottom:auto;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1ln0qer{overflow-x:unset;}\", \".fa2wlxz{overflow-y:unset;}\", \".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}\", \".f19dog8a{position:fixed;}\", \".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}\", \".fvgz9i8{max-width:600px;}\", \".f6a9g1z{max-height:100vh;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f10nrhrw{box-shadow:var(--shadow64);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".fju19wo{background-color:rgba(0, 0, 0, 0.4);}\", \".f113wtx2{top:0px;}\", \".f10k790i{right:0px;}\", \".f1xynx9j{left:0px;}\", \".f5gq2j6{bottom:0px;}\", \".f3rmtva{background-color:transparent;}\", \".foe20jx::backdrop{background-color:transparent;}\"],\n  m: [[\"@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }]]\n});\n/**\n * Apply styling to the DialogSurface slots based on the state\n */\nexport const useDialogSurfaceStyles_unstable = state => {\n  const styles = useStyles();\n  const isNestedDialog = useDialogContext_unstable(ctx => ctx.isNestedDialog);\n  state.root.className = mergeClasses(dialogSurfaceClassNames.root, styles.root, styles.focusOutline, isNestedDialog && styles.nestedNativeDialogBackdrop, state.root.className);\n  if (state.backdrop) {\n    state.backdrop.className = mergeClasses(dialogSurfaceClassNames.backdrop, styles.backdrop, isNestedDialog && styles.nestedDialogBackdrop, state.backdrop.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useDialogSurfaceStyles.styles.js.map"],"names":["dialogSurfaceClassNames","useDialogSurfaceStyles_unstable","root","backdrop","useStyles","__styles","focusOutline","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","mc9l5x","famaaq","Bcdw1i0","Bhzewxz","j35jbq","B5kzvoi","oyh7mz","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","icvyot","vrafjx","oivjwe","wvpqe5","B68tc82","Bmxbyg5","fshzfu","qhf8xq","Bqenvij","B2u0y6b","Bxyxcbc","B7ck84d","E5pizo","De3pzq","sj55zd","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B5xtmjs","nestedDialogBackdrop","nestedNativeDialogBackdrop","f","i","d","m","state","styles","isNestedDialog","useDialogContext_unstable","ctx","className","mergeClasses"],"mappings":"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"}
+{"version":3,"sources":["useDialogSurfaceStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_BORDER_WIDTH, SURFACE_PADDING, useDialogContext_unstable } from '../../contexts';\nexport const dialogSurfaceClassNames = {\n  root: 'fui-DialogSurface',\n  backdrop: 'fui-DialogSurface__backdrop'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  focusOutline: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bm4h7ae: \"f15bsgw9\",\n    B7ys5i9: \"f14e48fq\",\n    Busjfv9: \"f18yb2kv\",\n    Bhk32uz: \"fd6o370\",\n    Bf4ptjt: \"fh1cnn4\",\n    kclons: [\"fy7oxxb\", \"f184ne2d\"],\n    Bhdgwq3: \"fpukqih\",\n    Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n    Bqtpl0w: \"frrh606\",\n    clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n    hgwjuy: \"ful5kiu\",\n    Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n    B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n    Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n    Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n    qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n    B6dhp37: \"f1dvezut\",\n    i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n    Boxcth7: \"fjvm52t\",\n    Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n    J0r882: \"f57olzd\",\n    Bule8hv: [\"f4stah7\", \"fs1por5\"],\n    Bjwuhne: \"f480a47\",\n    Ghsupd: [\"fs1por5\", \"f4stah7\"]\n  },\n  root: {\n    mc9l5x: \"ftgm304\",\n    famaaq: \"f1c515w\",\n    Bcdw1i0: \"f1bitti\",\n    Bhzewxz: \"f15twtuk\",\n    j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n    B5kzvoi: \"f1yab3r1\",\n    oyh7mz: [\"f1vgc2s3\", \"f1e31b4d\"],\n    z8tnut: \"fuq56rw\",\n    z189sj: [\"f15kemlc\", \"fdgang7\"],\n    Byoj8tv: \"fl2zwns\",\n    uwmqm3: [\"fdgang7\", \"f15kemlc\"],\n    B6of3ja: \"fgr6219\",\n    t21cq0: [\"f1ujusj6\", \"fcgxt0o\"],\n    jrapky: \"f10jk5vf\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    B68tc82: \"f1ln0qer\",\n    Bmxbyg5: \"fa2wlxz\",\n    fshzfu: \"f120kxnn\",\n    qhf8xq: \"f19dog8a\",\n    Bqenvij: \"f3052tw\",\n    B2u0y6b: \"fvgz9i8\",\n    Bxyxcbc: \"f6a9g1z\",\n    B7ck84d: \"f1ewtqcl\",\n    E5pizo: \"f10nrhrw\",\n    De3pzq: \"fxugw4r\",\n    sj55zd: \"f19n0e5\",\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n    Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n    Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n    B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n    Btl43ni: [\"f8yange\", \"f1el4m67\"],\n    B5xtmjs: \"ff54dml\"\n  },\n  backdrop: {\n    qhf8xq: \"f19dog8a\",\n    De3pzq: \"fju19wo\",\n    Bhzewxz: \"f113wtx2\",\n    j35jbq: [\"f10k790i\", \"f1xynx9j\"],\n    B5kzvoi: \"f5gq2j6\",\n    oyh7mz: [\"f1xynx9j\", \"f10k790i\"]\n  },\n  nestedDialogBackdrop: {\n    De3pzq: \"f3rmtva\"\n  },\n  nestedNativeDialogBackdrop: {\n    fshzfu: \"foe20jx\"\n  }\n}, {\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n  d: [\".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}\", \".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}\", \".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}\", \".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}\", \".ftgm304{display:block;}\", \".f1c515w{-webkit-user-select:unset;-moz-user-select:unset;-ms-user-select:unset;user-select:unset;}\", \".f1bitti{visibility:unset;}\", \".f15twtuk{top:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".f1yab3r1{bottom:0;}\", \".fuq56rw{padding-top:24px;}\", \".f15kemlc{padding-right:24px;}\", \".fdgang7{padding-left:24px;}\", \".fl2zwns{padding-bottom:24px;}\", \".fgr6219{margin-top:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".fcgxt0o{margin-left:auto;}\", \".f10jk5vf{margin-bottom:auto;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1ln0qer{overflow-x:unset;}\", \".fa2wlxz{overflow-y:unset;}\", \".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}\", \".f19dog8a{position:fixed;}\", \".f3052tw{height:fit-content;}\", \".fvgz9i8{max-width:600px;}\", \".f6a9g1z{max-height:100vh;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f10nrhrw{box-shadow:var(--shadow64);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".fju19wo{background-color:rgba(0, 0, 0, 0.4);}\", \".f113wtx2{top:0px;}\", \".f10k790i{right:0px;}\", \".f1xynx9j{left:0px;}\", \".f5gq2j6{bottom:0px;}\", \".f3rmtva{background-color:transparent;}\", \".foe20jx::backdrop{background-color:transparent;}\"],\n  m: [[\"@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }]]\n});\n/**\n * Apply styling to the DialogSurface slots based on the state\n */\nexport const useDialogSurfaceStyles_unstable = state => {\n  const styles = useStyles();\n  const isNestedDialog = useDialogContext_unstable(ctx => ctx.isNestedDialog);\n  state.root.className = mergeClasses(dialogSurfaceClassNames.root, styles.root, styles.focusOutline, isNestedDialog && styles.nestedNativeDialogBackdrop, state.root.className);\n  if (state.backdrop) {\n    state.backdrop.className = mergeClasses(dialogSurfaceClassNames.backdrop, styles.backdrop, isNestedDialog && styles.nestedDialogBackdrop, state.backdrop.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useDialogSurfaceStyles.styles.js.map"],"names":["dialogSurfaceClassNames","useDialogSurfaceStyles_unstable","root","backdrop","useStyles","__styles","focusOutline","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","mc9l5x","famaaq","Bcdw1i0","Bhzewxz","j35jbq","B5kzvoi","oyh7mz","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","icvyot","vrafjx","oivjwe","wvpqe5","B68tc82","Bmxbyg5","fshzfu","qhf8xq","Bqenvij","B2u0y6b","Bxyxcbc","B7ck84d","E5pizo","De3pzq","sj55zd","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B5xtmjs","nestedDialogBackdrop","nestedNativeDialogBackdrop","f","i","d","m","state","styles","isNestedDialog","useDialogContext_unstable","ctx","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/components/DialogTitle/renderDialogTitle.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderDialogTitle_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderDialogTitle_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactJsxRuntime.Fragment, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slotProps.root.children), slots.action && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.action, slotProps.action));
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactJsxRuntime.Fragment, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.root.children), state.action && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.action, null));
 };

package/lib-commonjs/components/DialogTitle/renderDialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderDialogTitle.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsxFrag Fragment */ /** @jsx createElement */ import { createElement, Fragment } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogTitle\n */ export const renderDialogTitle_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(Fragment, null, /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children), slots.action && /*#__PURE__*/ createElement(slots.action, slotProps.action));\n};\n"],"names":["renderDialogTitle_unstable","state","slots","slotProps","getSlotsNext","createElement","Fragment","root","children","action"],"mappings":"AAAA,wBAAwB,GAAG,sBAAsB,GAAG,uBAAuB;;;;+BAI1DA;;aAAAA;;iCAJqG;gCACzF;AAGlB,MAAMA,6BAA6B,CAACC,QAAQ;IACnD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACC,yBAAQ,EAAE,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACH,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEJ,UAAUI,IAAI,CAACC,QAAQ,GAAGN,MAAMO,MAAM,IAAI,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMO,MAAM,EAAEN,UAAUM,MAAM;AACnN"}
+{"version":3,"sources":["renderDialogTitle.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsxFrag Fragment */ /** @jsx createElement */ import { createElement, Fragment } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DialogTitle\n */ export const renderDialogTitle_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(Fragment, null, /*#__PURE__*/ createElement(state.root, null, state.root.children), state.action && /*#__PURE__*/ createElement(state.action, null));\n};\n"],"names":["renderDialogTitle_unstable","state","assertSlots","createElement","Fragment","root","children","action"],"mappings":"AAAA,wBAAwB,GAAG,sBAAsB,GAAG,uBAAuB;;;;+BAI1DA;;aAAAA;;iCAJqG;gCAC1F;AAGjB,MAAMA,6BAA6B,CAACC,QAAQ;IACnDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACC,yBAAQ,EAAE,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACF,MAAMI,IAAI,EAAE,IAAI,EAAEJ,MAAMI,IAAI,CAACC,QAAQ,GAAGL,MAAMM,MAAM,IAAI,WAAW,GAAGJ,IAAAA,8BAAa,EAACF,MAAMM,MAAM,EAAE,IAAI;AACzL"}

package/lib-commonjs/components/DialogTitle/useDialogTitle.js

@@ -22,13 +22,15 @@ const useDialogTitle_unstable = (props, ref)=>{
             root: 'h2',
             action: 'div'
         },
-        root: (0, _reactUtilities.getNativeElementProps)(as !== null && as !== void 0 ? as : 'h2', {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)(as !== null && as !== void 0 ? as : 'h2', {
             ref,
             id: (0, _dialogContext.useDialogContext_unstable)((ctx)=>ctx.dialogTitleId),
             ...props
+        }), {
+            elementType: 'h2'
         }),
-        action: (0, _reactUtilities.resolveShorthand)(action, {
-            required: modalType === 'non-modal',
+        action: _reactUtilities.slot.optional(action, {
+            renderByDefault: modalType === 'non-modal',
             defaultProps: {
                 children: /*#__PURE__*/ _react.createElement(_dialogTrigger.DialogTrigger, {
                     disableButtonEnhancement: true,
@@ -39,7 +41,8 @@ const useDialogTitle_unstable = (props, ref)=>{
                     // TODO: find a better way to add internal labels
                     "aria-label": "close"
                 }, /*#__PURE__*/ _react.createElement(_reactIcons.Dismiss20Regular, null)))
-            }
+            },
+            elementType: 'div'
         })
     };
 };

package/lib-commonjs/components/DialogTitle/useDialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDialogTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useDialogContext_unstable } from '../../contexts/dialogContext';\nimport { Dismiss20Regular } from '@fluentui/react-icons';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { DialogTrigger } from '../DialogTrigger/DialogTrigger';\nimport { useDialogTitleInternalStyles } from './useDialogTitleStyles.styles';\n/**\n * Create the state required to render DialogTitle.\n *\n * The returned state can be modified with hooks such as useDialogTitleStyles_unstable,\n * before being passed to renderDialogTitle_unstable.\n *\n * @param props - props from this instance of DialogTitle\n * @param ref - reference to root HTMLElement of DialogTitle\n */ export const useDialogTitle_unstable = (props, ref)=>{\n    const { as , action  } = props;\n    const modalType = useDialogContext_unstable((ctx)=>ctx.modalType);\n    const internalStyles = useDialogTitleInternalStyles();\n    return {\n        components: {\n            root: 'h2',\n            action: 'div'\n        },\n        root: getNativeElementProps(as !== null && as !== void 0 ? as : 'h2', {\n            ref,\n            id: useDialogContext_unstable((ctx)=>ctx.dialogTitleId),\n            ...props\n        }),\n        action: resolveShorthand(action, {\n            required: modalType === 'non-modal',\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(DialogTrigger, {\n                    disableButtonEnhancement: true,\n                    action: \"close\"\n                }, /*#__PURE__*/ React.createElement(\"button\", {\n                    type: \"button\",\n                    className: internalStyles.button,\n                    // TODO: find a better way to add internal labels\n                    \"aria-label\": \"close\"\n                }, /*#__PURE__*/ React.createElement(Dismiss20Regular, null)))\n            }\n        })\n    };\n};\n"],"names":["useDialogTitle_unstable","props","ref","as","action","modalType","useDialogContext_unstable","ctx","internalStyles","useDialogTitleInternalStyles","components","root","getNativeElementProps","id","dialogTitleId","resolveShorthand","required","defaultProps","children","React","createElement","DialogTrigger","disableButtonEnhancement","type","className","button","Dismiss20Regular"],"mappings":";;;;+BAeiBA;;aAAAA;;;6DAfM;gCACe;+BACI;4BACT;+BAEH;4CACe;AASlC,MAAMA,0BAA0B,CAACC,OAAOC,MAAM;IACrD,MAAM,EAAEC,GAAE,EAAGC,OAAM,EAAG,GAAGH;IACzB,MAAMI,YAAYC,IAAAA,wCAAyB,EAAC,CAACC,MAAMA,IAAIF,SAAS;IAChE,MAAMG,iBAAiBC,IAAAA,wDAA4B;IACnD,OAAO;QACHC,YAAY;YACRC,MAAM;YACNP,QAAQ;QACZ;QACAO,MAAMC,IAAAA,qCAAqB,EAACT,OAAO,IAAI,IAAIA,OAAO,KAAK,IAAIA,KAAK,IAAI,EAAE;YAClED;YACAW,IAAIP,IAAAA,wCAAyB,EAAC,CAACC,MAAMA,IAAIO,aAAa;YACtD,GAAGb,KAAK;QACZ;QACAG,QAAQW,IAAAA,gCAAgB,EAACX,QAAQ;YAC7BY,UAAUX,cAAc;YACxBY,cAAc;gBACVC,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,4BAAa,EAAE;oBACvDC,0BAA0B,IAAI;oBAC9BlB,QAAQ;gBACZ,GAAG,WAAW,GAAGe,OAAMC,aAAa,CAAC,UAAU;oBAC3CG,MAAM;oBACNC,WAAWhB,eAAeiB,MAAM;oBAChC,iDAAiD;oBACjD,cAAc;gBAClB,GAAG,WAAW,GAAGN,OAAMC,aAAa,CAACM,4BAAgB,EAAE,IAAI;YAC/D;QACJ;IACJ;AACJ"}
+{"version":3,"sources":["useDialogTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useDialogContext_unstable } from '../../contexts/dialogContext';\nimport { Dismiss20Regular } from '@fluentui/react-icons';\nimport { DialogTrigger } from '../DialogTrigger/DialogTrigger';\nimport { useDialogTitleInternalStyles } from './useDialogTitleStyles.styles';\n/**\n * Create the state required to render DialogTitle.\n *\n * The returned state can be modified with hooks such as useDialogTitleStyles_unstable,\n * before being passed to renderDialogTitle_unstable.\n *\n * @param props - props from this instance of DialogTitle\n * @param ref - reference to root HTMLElement of DialogTitle\n */ export const useDialogTitle_unstable = (props, ref)=>{\n    const { as , action  } = props;\n    const modalType = useDialogContext_unstable((ctx)=>ctx.modalType);\n    const internalStyles = useDialogTitleInternalStyles();\n    return {\n        components: {\n            root: 'h2',\n            action: 'div'\n        },\n        root: slot.always(getNativeElementProps(as !== null && as !== void 0 ? as : 'h2', {\n            ref,\n            id: useDialogContext_unstable((ctx)=>ctx.dialogTitleId),\n            ...props\n        }), {\n            elementType: 'h2'\n        }),\n        action: slot.optional(action, {\n            renderByDefault: modalType === 'non-modal',\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(DialogTrigger, {\n                    disableButtonEnhancement: true,\n                    action: \"close\"\n                }, /*#__PURE__*/ React.createElement(\"button\", {\n                    type: \"button\",\n                    className: internalStyles.button,\n                    // TODO: find a better way to add internal labels\n                    \"aria-label\": \"close\"\n                }, /*#__PURE__*/ React.createElement(Dismiss20Regular, null)))\n            },\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useDialogTitle_unstable","props","ref","as","action","modalType","useDialogContext_unstable","ctx","internalStyles","useDialogTitleInternalStyles","components","root","slot","always","getNativeElementProps","id","dialogTitleId","elementType","optional","renderByDefault","defaultProps","children","React","createElement","DialogTrigger","disableButtonEnhancement","type","className","button","Dismiss20Regular"],"mappings":";;;;+BAciBA;;aAAAA;;;6DAdM;gCACqB;+BACF;4BACT;+BACH;4CACe;AASlC,MAAMA,0BAA0B,CAACC,OAAOC,MAAM;IACrD,MAAM,EAAEC,GAAE,EAAGC,OAAM,EAAG,GAAGH;IACzB,MAAMI,YAAYC,IAAAA,wCAAyB,EAAC,CAACC,MAAMA,IAAIF,SAAS;IAChE,MAAMG,iBAAiBC,IAAAA,wDAA4B;IACnD,OAAO;QACHC,YAAY;YACRC,MAAM;YACNP,QAAQ;QACZ;QACAO,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAACX,OAAO,IAAI,IAAIA,OAAO,KAAK,IAAIA,KAAK,IAAI,EAAE;YAC9ED;YACAa,IAAIT,IAAAA,wCAAyB,EAAC,CAACC,MAAMA,IAAIS,aAAa;YACtD,GAAGf,KAAK;QACZ,IAAI;YACAgB,aAAa;QACjB;QACAb,QAAQQ,oBAAI,CAACM,QAAQ,CAACd,QAAQ;YAC1Be,iBAAiBd,cAAc;YAC/Be,cAAc;gBACVC,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,4BAAa,EAAE;oBACvDC,0BAA0B,IAAI;oBAC9BrB,QAAQ;gBACZ,GAAG,WAAW,GAAGkB,OAAMC,aAAa,CAAC,UAAU;oBAC3CG,MAAM;oBACNC,WAAWnB,eAAeoB,MAAM;oBAChC,iDAAiD;oBACjD,cAAc;gBAClB,GAAG,WAAW,GAAGN,OAAMC,aAAa,CAACM,4BAAgB,EAAE,IAAI;YAC/D;YACAZ,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/components/DialogTitle/useDialogTitleStyles.styles.js

@@ -53,10 +53,10 @@ const dialogTitleClassNames = {
     }
 }, {
     d: [
-        ".f16hsg94{-ms-grid-row:1;grid-row-start:1;}",
-        ".f1amvztq{-ms-grid-row-span:1;grid-row-end:1;}",
-        ".fwpfdsa{-ms-grid-column:1;grid-column-start:1;}",
-        ".fz1yyy6{-ms-grid-column-span:3;grid-column-end:3;}",
+        ".f16hsg94{grid-row-start:1;}",
+        ".f1amvztq{grid-row-end:1;}",
+        ".fwpfdsa{grid-column-start:1;}",
+        ".fz1yyy6{grid-column-end:3;}",
         ".fk6fouc{font-family:var(--fontFamilyBase);}",
         ".f1pp30po{font-size:var(--fontSizeBase500);}",
         ".fl43uef{font-weight:var(--fontWeightSemibold);}",
@@ -65,10 +65,10 @@ const dialogTitleClassNames = {
         ".f11qmguv{margin-right:0;}",
         ".f1tyq0we{margin-left:0;}",
         ".f19f4twv{margin-bottom:0;}",
-        ".fsyjsko{-ms-grid-column-span:4;grid-column-end:4;}",
-        ".fis13di{-ms-grid-column:3;grid-column-start:3;}",
-        ".f1a7i8kp{-ms-grid-column-align:end;justify-self:end;}",
-        ".f9h729m{-webkit-align-self:start;-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start;}"
+        ".fsyjsko{grid-column-end:4;}",
+        ".fis13di{grid-column-start:3;}",
+        ".f1a7i8kp{justify-self:end;}",
+        ".f9h729m{align-self:start;}"
     ]
 });
 const useDialogTitleInternalStyles = /*#__PURE__*/ (0, _react["__styles"])({