@fluentui/react-dialog 9.3.2 → 9.4.1

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./DialogBody"), exports);
-tslib_1.__exportStar(require("./DialogBody.types"), exports);
-tslib_1.__exportStar(require("./renderDialogBody"), exports);
-tslib_1.__exportStar(require("./useDialogBody"), exports);
-tslib_1.__exportStar(require("./useDialogBodyStyles"), exports);
+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"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,23 +1,18 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderDialogBody_unstable", {
+    enumerable: true,
+    get: ()=>renderDialogBody_unstable
 });
-exports.renderDialogBody_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of DialogBody
- */
-const renderDialogBody_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  // TODO Add additional slots in the appropriate place
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  });
-};
-exports.renderDialogBody_unstable = renderDialogBody_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 renderDialogBody_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    // TODO Add additional slots in the appropriate place
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root);
+}; //# sourceMappingURL=renderDialogBody.js.map
+
 //# sourceMappingURL=renderDialogBody.js.map

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

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

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

@@ -1,30 +1,25 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useDialogBody_unstable", {
+    enumerable: true,
+    get: ()=>useDialogBody_unstable
 });
-exports.useDialogBody_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Create the state required to render DialogBody.
- *
- * The returned state can be modified with hooks such as useDialogBodyStyles_unstable,
- * before being passed to renderDialogBody_unstable.
- *
- * @param props - props from this instance of DialogBody
- * @param ref - reference to root HTMLElement of DialogBody
- */
-const useDialogBody_unstable = (props, ref) => {
-  var _a;
-  return {
-    components: {
-      root: 'div'
-    },
-    root: react_utilities_1.getNativeElementProps((_a = props.as) !== null && _a !== void 0 ? _a : 'div', {
-      ref,
-      ...props
-    })
-  };
-};
-exports.useDialogBody_unstable = 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 useDialogBody_unstable = (props, ref)=>{
+    var _props_as;
+    return {
+        components: {
+            root: 'div'
+        },
+        root: (0, _reactUtilities.getNativeElementProps)((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : 'div', {
+            ref,
+            ...props
+        })
+    };
+}; //# sourceMappingURL=useDialogBody.js.map
+
 //# sourceMappingURL=useDialogBody.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","useDialogBody_unstable","props","ref","components","root","getNativeElementProps","_a","as","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogBody/useDialogBody.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { DialogBodyProps, DialogBodyState } from './DialogBody.types';\n\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 */\nexport const useDialogBody_unstable = (props: DialogBodyProps, ref: React.Ref<HTMLElement>): DialogBodyState => {\n  return {\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps(props.as ?? 'div', {\n      ref,\n      ...props,\n    }),\n  };\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAGA;;;;;;;;;AASO,MAAMC,sBAAsB,GAAGA,CAACC,KAAsB,EAAEC,GAA2B,KAAqB;;EAC7G,OAAO;IACLC,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEN,iBAAA,CAAAO,qBAAqB,CAAC,CAAAC,EAAA,GAAAL,KAAK,CAACM,EAAE,cAAAD,EAAA,cAAAA,EAAA,GAAI,KAAK,EAAE;MAC7CJ,GAAG;MACH,GAAGD;KACJ;GACF;AACH,CAAC;AAVYO,OAAA,CAAAR,sBAAsB,GAAAA,sBAAA"}
+{"version":3,"sources":["../../../lib/components/DialogBody/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 */\nexport 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//# sourceMappingURL=useDialogBody.js.map"],"names":["useDialogBody_unstable","props","ref","_props_as","components","root","getNativeElementProps","as"],"mappings":";;;;+BAWaA;;aAAAA;;;6DAXU;gCACe;AAU/B,MAAMA,yBAAyB,CAACC,OAAOC,MAAQ;IACpD,IAAIC;IACJ,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,AAACH,CAAAA,YAAYF,MAAMM,EAAE,AAAD,MAAO,IAAI,IAAIJ,cAAc,KAAK,IAAIA,YAAY,KAAK,EAAE;YACvGD;YACA,GAAGD,KAAK;QACV;IACF;AACF,GACA,yCAAyC"}

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

@@ -1,54 +1,83 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    dialogBodyClassNames: ()=>dialogBodyClassNames,
+    useDialogBodyStyles_unstable: ()=>useDialogBodyStyles_unstable
 });
-exports.useDialogBodyStyles_unstable = exports.dialogBodyClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const contexts_1 = /*#__PURE__*/require("../../contexts");
-exports.dialogBodyClassNames = {
-  root: 'fui-DialogBody'
+const _react = require("@griffel/react");
+const dialogBodyClassNames = {
+    root: 'fui-DialogBody'
 };
 /**
  * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "f13qh94s",
-    fshzfu: "f120kxnn",
-    a9b677: "fly5x3f",
-    Bqenvij: "f3052tw",
-    B2u0y6b: "fvgz9i8",
-    Bxyxcbc: "flnwrvu",
-    B7ck84d: "f1ewtqcl",
-    wkccdc: "f874eam",
-    Budl1dq: "fjj47a5",
-    zoa1oz: "fe34spp",
-    B68tc82: "f1ln0qer",
-    Bmxbyg5: "fa2wlxz",
-    i8kkvl: "f4px1ci",
-    Belr9w4: "fn67r4l",
-    B5xtmjs: "ff54dml",
-    Bqu9lor: "f52bj20",
-    B06wobe: "f1dangjo"
-  }
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "f13qh94s",
+        fshzfu: "f120kxnn",
+        a9b677: "fly5x3f",
+        Bqenvij: "f3052tw",
+        Bxyxcbc: "flnwrvu",
+        B7ck84d: "f1ewtqcl",
+        wkccdc: "f874eam",
+        Budl1dq: "fjj47a5",
+        zoa1oz: "fe34spp",
+        B68tc82: "f1ln0qer",
+        Bmxbyg5: "fa2wlxz",
+        i8kkvl: "f4px1ci",
+        Belr9w4: "fn67r4l",
+        B5xtmjs: "ff54dml",
+        Bqu9lor: "f52bj20",
+        B06wobe: "f1dangjo"
+    }
 }, {
-  d: [".f13qh94s{display:grid;}", ".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}", ".fly5x3f{width:100%;}", ".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}", ".fvgz9i8{max-width:600px;}", ".flnwrvu{max-height:calc(100vh - 2 * 24px);}", ".f1ewtqcl{box-sizing:border-box;}", ".f874eam{grid-template-rows:auto 1fr auto;}", ".fjj47a5{grid-template-columns:1fr 1fr auto;}", ".fe34spp{grid-template-areas:\"title title close-button\" \"body body body\" \"actions-start actions-end actions-end\";}", ".f1ln0qer{overflow-x:unset;}", ".fa2wlxz{overflow-y:unset;}", ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}", ".fn67r4l{row-gap:8px;}"],
-  m: [["@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}", {
-    m: "screen and (max-width: 480px)"
-  }], ["@media screen and (max-width: 480px){.f52bj20{grid-template-rows:auto 1fr auto auto;}}", {
-    m: "screen and (max-width: 480px)"
-  }], ["@media screen and (max-width: 480px){.f1dangjo{grid-template-areas:\"title title close-button\" \"body body body\" \"actions-start actions-start actions-start\" \"actions-end actions-end actions-end\";}}", {
-    m: "screen and (max-width: 480px)"
-  }]]
+    d: [
+        ".f13qh94s{display:grid;}",
+        ".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}",
+        ".fly5x3f{width:100%;}",
+        ".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}",
+        ".flnwrvu{max-height:calc(100vh - 2 * 24px);}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".f874eam{grid-template-rows:auto 1fr auto;}",
+        ".fjj47a5{grid-template-columns:1fr 1fr auto;}",
+        ".fe34spp{grid-template-areas:\"title title close-button\" \"body body body\" \"actions-start actions-end actions-end\";}",
+        ".f1ln0qer{overflow-x:unset;}",
+        ".fa2wlxz{overflow-y:unset;}",
+        ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}",
+        ".fn67r4l{row-gap:8px;}"
+    ],
+    m: [
+        [
+            "@media screen and (max-width: 480px){.ff54dml{max-width:100vw;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ],
+        [
+            "@media screen and (max-width: 480px){.f52bj20{grid-template-rows:auto 1fr auto auto;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ],
+        [
+            "@media screen and (max-width: 480px){.f1dangjo{grid-template-areas:\"title title close-button\" \"body body body\" \"actions-start actions-start actions-start\" \"actions-end actions-end actions-end\";}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ]
+    ]
 });
-/**
- * Apply styling to the DialogBody slots based on the state
- */
-const useDialogBodyStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.dialogBodyClassNames.root, styles.root, state.root.className);
-  return state;
-};
-exports.useDialogBodyStyles_unstable = useDialogBodyStyles_unstable;
+const useDialogBodyStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(dialogBodyClassNames.root, styles.root, state.root.className);
+    return state;
+}; //# sourceMappingURL=useDialogBodyStyles.js.map
+
 //# sourceMappingURL=useDialogBodyStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","contexts_1","exports","dialogBodyClassNames","root","useStyles","__styles","mc9l5x","fshzfu","a9b677","Bqenvij","B2u0y6b","Bxyxcbc","B7ck84d","wkccdc","Budl1dq","zoa1oz","B68tc82","Bmxbyg5","i8kkvl","Belr9w4","B5xtmjs","Bqu9lor","B06wobe","d","m","useDialogBodyStyles_unstable","state","styles","className","mergeClasses"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogBodySlots, DialogBodyState } from './DialogBody.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport {\n  ACTIONS_END_GRID_AREA,\n  ACTIONS_START_GRID_AREA,\n  CONTENT_GRID_AREA,\n  DIALOG_GAP,\n  MEDIA_QUERY_BREAKPOINT_SELECTOR,\n  SURFACE_PADDING,\n  TITLE_ACTION_GRID_AREA,\n  TITLE_GRID_AREA,\n} from '../../contexts';\n\nexport const dialogBodyClassNames: SlotClassNames<DialogBodySlots> = {\n  root: 'fui-DialogBody',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'grid',\n    '&::backdrop': {\n      backgroundColor: 'rgba(0, 0, 0, 0.4)',\n    },\n    width: `100%`,\n    height: 'fit-content',\n    maxWidth: '600px',\n    maxHeight: `calc(100vh - 2 * ${SURFACE_PADDING})`,\n    boxSizing: 'border-box',\n    gridTemplateRows: 'auto 1fr auto',\n    gridTemplateColumns: '1fr 1fr auto',\n    gridTemplateAreas: `\n    \"${TITLE_GRID_AREA} ${TITLE_GRID_AREA} ${TITLE_ACTION_GRID_AREA}\"\n    \"${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA}\"\n    \"${ACTIONS_START_GRID_AREA} ${ACTIONS_END_GRID_AREA} ${ACTIONS_END_GRID_AREA}\"\n    `,\n    ...shorthands.overflow('unset'),\n    ...shorthands.gap(DIALOG_GAP),\n    [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n      maxWidth: '100vw',\n      gridTemplateRows: 'auto 1fr auto auto',\n      gridTemplateAreas: `\n        \"${TITLE_GRID_AREA} ${TITLE_GRID_AREA} ${TITLE_ACTION_GRID_AREA}\"\n        \"${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA}\"\n        \"${ACTIONS_START_GRID_AREA} ${ACTIONS_START_GRID_AREA} ${ACTIONS_START_GRID_AREA}\"\n        \"${ACTIONS_END_GRID_AREA} ${ACTIONS_END_GRID_AREA} ${ACTIONS_END_GRID_AREA}\"\n      `,\n    },\n  },\n});\n\n/**\n * Apply styling to the DialogBody slots based on the state\n */\nexport const useDialogBodyStyles_unstable = (state: DialogBodyState): DialogBodyState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(dialogBodyClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,UAAA,gBAAAD,OAAA;AAWaE,OAAA,CAAAC,oBAAoB,GAAoC;EACnEC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGN,OAAA,CAAAO,QAAU;EAAAF,IAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,EA+B1B;AAEF;;;AAGO,MAAMC,4BAA4B,GAAIC,KAAsB,IAAqB;EACtF,MAAMC,MAAM,GAAGvB,SAAS,EAAE;EAC1BsB,KAAK,CAACvB,IAAI,CAACyB,SAAS,GAAG9B,OAAA,CAAA+B,YAAY,CAAC5B,OAAA,CAAAC,oBAAoB,CAACC,IAAI,EAAEwB,MAAM,CAACxB,IAAI,EAAEuB,KAAK,CAACvB,IAAI,CAACyB,SAAS,CAAC;EAEjG,OAAOF,KAAK;AACd,CAAC;AALYzB,OAAA,CAAAwB,4BAA4B,GAAAA,4BAAA"}
+{"version":3,"sources":["../../../lib/components/DialogBody/useDialogBodyStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { ACTIONS_END_GRID_AREA, ACTIONS_START_GRID_AREA, CONTENT_GRID_AREA, DIALOG_GAP, MEDIA_QUERY_BREAKPOINT_SELECTOR, SURFACE_PADDING, TITLE_ACTION_GRID_AREA, TITLE_GRID_AREA } 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    a9b677: \"fly5x3f\",\n    Bqenvij: \"f3052tw\",\n    Bxyxcbc: \"flnwrvu\",\n    B7ck84d: \"f1ewtqcl\",\n    wkccdc: \"f874eam\",\n    Budl1dq: \"fjj47a5\",\n    zoa1oz: \"fe34spp\",\n    B68tc82: \"f1ln0qer\",\n    Bmxbyg5: \"fa2wlxz\",\n    i8kkvl: \"f4px1ci\",\n    Belr9w4: \"fn67r4l\",\n    B5xtmjs: \"ff54dml\",\n    Bqu9lor: \"f52bj20\",\n    B06wobe: \"f1dangjo\"\n  }\n}, {\n  d: [\".f13qh94s{display:grid;}\", \".f120kxnn::backdrop{background-color:rgba(0, 0, 0, 0.4);}\", \".fly5x3f{width:100%;}\", \".f3052tw{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}\", \".flnwrvu{max-height:calc(100vh - 2 * 24px);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f874eam{grid-template-rows:auto 1fr auto;}\", \".fjj47a5{grid-template-columns:1fr 1fr auto;}\", \".fe34spp{grid-template-areas:\\\"title title close-button\\\" \\\"body body body\\\" \\\"actions-start actions-end actions-end\\\";}\", \".f1ln0qer{overflow-x:unset;}\", \".fa2wlxz{overflow-y:unset;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\"],\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){.f52bj20{grid-template-rows:auto 1fr auto auto;}}\", {\n    m: \"screen and (max-width: 480px)\"\n  }], [\"@media screen and (max-width: 480px){.f1dangjo{grid-template-areas:\\\"title title close-button\\\" \\\"body body body\\\" \\\"actions-start actions-start actions-start\\\" \\\"actions-end actions-end actions-end\\\";}}\", {\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.js.map"],"names":["dialogBodyClassNames","useDialogBodyStyles_unstable","root","useStyles","__styles","mc9l5x","fshzfu","a9b677","Bqenvij","Bxyxcbc","B7ck84d","wkccdc","Budl1dq","zoa1oz","B68tc82","Bmxbyg5","i8kkvl","Belr9w4","B5xtmjs","Bqu9lor","B06wobe","d","m","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB,MAApBA;IAsCAC,4BAA4B,MAA5BA;;uBAxCsC;AAE5C,MAAMD,uBAAuB;IAClCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA4B;QAA6D;QAAyB;QAAoF;QAAgD;QAAqC;QAA+C;QAAiD;QAA4H;QAAgC;QAA+B;QAAoD;KAAyB;IACvoBC,GAAG;QAAC;YAAC;YAAoE;gBACvEA,GAAG;YACL;SAAE;QAAE;YAAC;YAA0F;gBAC7FA,GAAG;YACL;SAAE;QAAE;YAAC;YAA+M;gBAClNA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMrB,+BAA+BsB,CAAAA,QAAS;IACnD,MAAMC,SAASrB;IACfoB,MAAMrB,IAAI,CAACuB,SAAS,GAAGC,IAAAA,mBAAY,EAAC1B,qBAAqBE,IAAI,EAAEsB,OAAOtB,IAAI,EAAEqB,MAAMrB,IAAI,CAACuB,SAAS;IAChG,OAAOF;AACT,GACA,+CAA+C"}

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

@@ -1,26 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "DialogContent", {
+    enumerable: true,
+    get: ()=>DialogContent
 });
-exports.DialogContent = void 0;
-const React = /*#__PURE__*/require("react");
-const useDialogContent_1 = /*#__PURE__*/require("./useDialogContent");
-const renderDialogContent_1 = /*#__PURE__*/require("./renderDialogContent");
-const useDialogContentStyles_1 = /*#__PURE__*/require("./useDialogContentStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * The `DialogContent` is a container where the content of the dialog is rendered.
- * Apart from styling, this component does not have other behavior.
- */
-exports.DialogContent = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useDialogContent_1.useDialogContent_unstable(props, ref);
-  useDialogContentStyles_1.useDialogContentStyles_unstable(state);
-  const {
-    useDialogContentStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderDialogContent_1.renderDialogContent_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useDialogContent = require("./useDialogContent");
+const _renderDialogContent = require("./renderDialogContent");
+const _useDialogContentStyles = require("./useDialogContentStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const DialogContent = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useDialogContent.useDialogContent_unstable)(props, ref);
+    (0, _useDialogContentStyles.useDialogContentStyles_unstable)(state);
+    const { useDialogContentStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderDialogContent.renderDialogContent_unstable)(state);
 });
-exports.DialogContent.displayName = 'DialogContent';
+DialogContent.displayName = 'DialogContent'; //# sourceMappingURL=DialogContent.js.map
+
 //# sourceMappingURL=DialogContent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useDialogContent_1","renderDialogContent_1","useDialogContentStyles_1","react_shared_contexts_1","exports","DialogContent","forwardRef","props","ref","state","useDialogContent_unstable","useDialogContentStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDialogContent_unstable","displayName"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogContent/DialogContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogContent_unstable } from './useDialogContent';\nimport { renderDialogContent_unstable } from './renderDialogContent';\nimport { useDialogContentStyles_unstable } from './useDialogContentStyles';\nimport type { DialogContentProps } from './DialogContent.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\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 */\nexport const DialogContent: ForwardRefComponent<DialogContentProps> = React.forwardRef((props, ref) => {\n  const state = useDialogContent_unstable(props, ref);\n\n  useDialogContentStyles_unstable(state);\n\n  const { useDialogContentStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDialogContent_unstable(state);\n});\n\nDialogContent.displayName = 'DialogContent';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,kBAAA,gBAAAD,OAAA;AACA,MAAAE,qBAAA,gBAAAF,OAAA;AACA,MAAAG,wBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;;AAIaK,OAAA,CAAAC,aAAa,gBAA4CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGT,kBAAA,CAAAU,yBAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEnDN,wBAAA,CAAAS,+BAA+B,CAACF,KAAK,CAAC;EAEtC,MAAM;IAAEE,+BAA+B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAC3FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,qBAAA,CAAAa,4BAA4B,CAACL,KAAK,CAAC;AAC5C,CAAC,CAAC;AAEFL,OAAA,CAAAC,aAAa,CAACU,WAAW,GAAG,eAAe"}
+{"version":3,"sources":["../../../lib/components/DialogContent/DialogContent.js"],"sourcesContent":["import * as React from 'react';\nimport { useDialogContent_unstable } from './useDialogContent';\nimport { renderDialogContent_unstable } from './renderDialogContent';\nimport { useDialogContentStyles_unstable } from './useDialogContentStyles';\nimport { useCustomStyleHooks_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 */\nexport const DialogContent = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useDialogContent_unstable(props, ref);\n  useDialogContentStyles_unstable(state);\n  const {\n    useDialogContentStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderDialogContent_unstable(state);\n});\nDialogContent.displayName = 'DialogContent';\n//# sourceMappingURL=DialogContent.js.map"],"names":["DialogContent","React","forwardRef","props","ref","state","useDialogContent_unstable","useDialogContentStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDialogContent_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;kCACmB;qCACG;wCACG;qCACH;AAKtC,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,uDAA+B,EAACF;IAChC,MAAM,EACJE,iCAAiCC,gBAAe,EACjD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,iDAA4B,EAACL;AACtC;AACAL,cAAcW,WAAW,GAAG,iBAC5B,yCAAyC"}