feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/DialogActions.js

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DialogActions", {
+    enumerable: true,
+    get: function() {
+        return DialogActions;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useDialogActions = require("./useDialogActions");
+const _renderDialogActions = require("./renderDialogActions");
+const _useDialogActionsStylesstyles = require("./useDialogActionsStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const DialogActions = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useDialogActions.useDialogActions_unstable)(props, ref);
+    (0, _useDialogActionsStylesstyles.useDialogActionsStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDialogActionsStyles_unstable')(state);
+    return (0, _renderDialogActions.renderDialogActions_unstable)(state);
+});
+DialogActions.displayName = 'DialogActions';

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/DialogActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DialogActions/DialogActions.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useDialogActions_unstable } from './useDialogActions';\nimport { renderDialogActions_unstable } from './renderDialogActions';\nimport { useDialogActionsStyles_unstable } from './useDialogActionsStyles.styles';\nimport type { DialogActionsProps } from './DialogActions.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * `DialogActions` is a container for the actions of the dialog.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogActions: ForwardRefComponent<DialogActionsProps> = React.forwardRef((props, ref) => {\n  const state = useDialogActions_unstable(props, ref);\n\n  useDialogActionsStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useDialogActionsStyles_unstable')(state);\n\n  return renderDialogActions_unstable(state);\n});\n\nDialogActions.displayName = 'DialogActions';\n"],"names":["React","useDialogActions_unstable","renderDialogActions_unstable","useDialogActionsStyles_unstable","useCustomStyleHook_unstable","DialogActions","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;kCACW,qBAAqB;qCAClB,wBAAwB;8CACrB,kCAAkC;qCAGtC,kCAAkC;AAMvE,MAAMK,gBAAAA,WAAAA,GAAyDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQR,2CAAAA,EAA0BM,OAAOC;QAE/CL,6DAAAA,EAAgCM;QAEhCL,gDAAAA,EAA4B,mCAAmCK;IAE/D,WAAOP,iDAAAA,EAA6BO;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/DialogActions.types.js

@@ -0,0 +1,6 @@
+/**
+ * State used in rendering DialogActions
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/DialogActions.types.js.map

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

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DialogActions: function() {
+        return _DialogActions.DialogActions;
+    },
+    dialogActionsClassNames: function() {
+        return _useDialogActionsStylesstyles.dialogActionsClassNames;
+    },
+    renderDialogActions_unstable: function() {
+        return _renderDialogActions.renderDialogActions_unstable;
+    },
+    useDialogActionsStyles_unstable: function() {
+        return _useDialogActionsStylesstyles.useDialogActionsStyles_unstable;
+    },
+    useDialogActions_unstable: function() {
+        return _useDialogActions.useDialogActions_unstable;
+    }
+});
+const _DialogActions = require("./DialogActions");
+const _renderDialogActions = require("./renderDialogActions");
+const _useDialogActions = require("./useDialogActions");
+const _useDialogActionsStylesstyles = require("./useDialogActionsStyles.styles");

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DialogActions/index.ts"],"sourcesContent":["export { DialogActions } from './DialogActions';\nexport type {\n  DialogActionsPosition,\n  DialogActionsProps,\n  DialogActionsSlots,\n  DialogActionsState,\n} from './DialogActions.types';\nexport { renderDialogActions_unstable } from './renderDialogActions';\nexport { useDialogActions_unstable } from './useDialogActions';\nexport { dialogActionsClassNames, useDialogActionsStyles_unstable } from './useDialogActionsStyles.styles';\n"],"names":["DialogActions","renderDialogActions_unstable","useDialogActions_unstable","dialogActionsClassNames","useDialogActionsStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eASbG,qDAAuB;;;eAFvBF,iDAA4B;;;eAEHG,6DAA+B;;;eADxDF,2CAAyB;;;+BARJ,kBAAkB;qCAOH,wBAAwB;kCAC3B,qBAAqB;8CACU,kCAAkC"}

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/renderDialogActions.js

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

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/renderDialogActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DialogActions/renderDialogActions.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { DialogActionsState, DialogActionsSlots } from './DialogActions.types';\n\n/**\n * Render the final JSX of DialogActions\n */\nexport const renderDialogActions_unstable = (state: DialogActionsState): JSXElement => {\n  assertSlots<DialogActionsSlots>(state);\n\n  // TODO Add additional slots in the appropriate place\n  return <state.root />;\n};\n"],"names":["assertSlots","renderDialogActions_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAOjD,MAAMC,+BAA+B,CAACC;QAC3CF,2BAAAA,EAAgCE;IAEhC,qDAAqD;IACrD,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/useDialogActions.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDialogActions_unstable", {
+    enumerable: true,
+    get: function() {
+        return useDialogActions_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const useDialogActions_unstable = (props, ref)=>{
+    const { position = 'end', fluid = false } = props;
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            // FIXME:
+            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
+            // but since it would be a breaking change to fix it, we are casting ref to it's proper type
+            ref: ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        position,
+        fluid
+    };
+};

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/useDialogActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DialogActions/useDialogActions.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { DialogActionsProps, DialogActionsState } from './DialogActions.types';\n\n/**\n * Create the state required to render DialogActions.\n *\n * The returned state can be modified with hooks such as useDialogActionsStyles_unstable,\n * before being passed to renderDialogActions_unstable.\n *\n * @param props - props from this instance of DialogActions\n * @param ref - reference to root HTMLElement of DialogActions\n */\nexport const useDialogActions_unstable = (\n  props: DialogActionsProps,\n  ref: React.Ref<HTMLElement>,\n): DialogActionsState => {\n  const { position = 'end', fluid = false } = props;\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    position,\n    fluid,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useDialogActions_unstable","props","ref","position","fluid","components","root","always","elementType"],"mappings":";;;;+BAaaG;;;;;;;iEAbU,QAAQ;gCACgB,4BAA4B;AAYpE,kCAAkC,CACvCC,OACAC;IAEA,MAAM,EAAEC,WAAW,KAAK,EAAEC,QAAQ,KAAK,EAAE,GAAGH;IAC5C,OAAO;QACLI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMP,oBAAAA,CAAKQ,MAAM,KACfT,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FI,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBL;QACAC;IACF;AACF,EAAE"}

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/useDialogActionsStyles.styles.js

@@ -0,0 +1,105 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    dialogActionsClassNames: function() {
+        return dialogActionsClassNames;
+    },
+    useDialogActionsStyles_unstable: function() {
+        return useDialogActionsStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const dialogActionsClassNames = {
+    root: 'fui-DialogActions'
+};
+/**
+ * Styles for the root slot
+ */ const useResetStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rhfpeu0", null, {
+    r: [
+        ".rhfpeu0{gap:8px;height:fit-content;box-sizing:border-box;display:flex;grid-row-start:3;grid-row-end:3;}"
+    ],
+    s: [
+        "@media screen and (max-width: 480px){.rhfpeu0{flex-direction:column;justify-self:stretch;}}"
+    ]
+});
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    gridPositionEnd: {
+        Bdqf98w: "f1a7i8kp",
+        Br312pm: "fd46tj4",
+        Bw0ie65: "fsyjsko",
+        Btsd7tp: "f1n00o3b",
+        ufxxby: "f1mvsp37",
+        Bq5p579: "flbz1vp"
+    },
+    gridPositionStart: {
+        Bdqf98w: "fsxvdwy",
+        Br312pm: "fwpfdsa",
+        Bw0ie65: "f1e2fz10",
+        Ew0qkd: "f119phc2",
+        ufxxby: "f1j719yo",
+        Bq5p579: "flbz1vp"
+    },
+    fluidStart: {
+        Bw0ie65: "fsyjsko"
+    },
+    fluidEnd: {
+        Br312pm: "fwpfdsa"
+    }
+}, {
+    d: [
+        ".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){.f1n00o3b{grid-column-start:1;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ],
+        [
+            "@media screen and (max-width: 480px){.f1mvsp37{grid-row-start:4;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ],
+        [
+            "@media screen and (max-width: 480px){.flbz1vp{grid-row-end:auto;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ],
+        [
+            "@media screen and (max-width: 480px){.f119phc2{grid-column-end:4;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ],
+        [
+            "@media screen and (max-width: 480px){.f1j719yo{grid-row-start:3;}}",
+            {
+                m: "screen and (max-width: 480px)"
+            }
+        ]
+    ]
+});
+const useDialogActionsStyles_unstable = (state)=>{
+    'use no memo';
+    const resetStyles = useResetStyles();
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(dialogActionsClassNames.root, resetStyles, 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;
+};

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/useDialogActionsStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDialogActionsStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { DIALOG_GAP, DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR } from '../../contexts/constants';\nexport const dialogActionsClassNames = {\n    root: 'fui-DialogActions'\n};\n/**\n * Styles for the root slot\n */ const useResetStyles = makeResetStyles({\n    gap: DIALOG_GAP,\n    height: 'fit-content',\n    boxSizing: 'border-box',\n    display: 'flex',\n    gridRowStart: 3,\n    gridRowEnd: 3,\n    [DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n        flexDirection: 'column',\n        justifySelf: 'stretch'\n    }\n});\nconst useStyles = makeStyles({\n    gridPositionEnd: {\n        justifySelf: 'end',\n        gridColumnStart: 2,\n        gridColumnEnd: 4,\n        [DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n            gridColumnStart: 1,\n            gridRowStart: 4,\n            gridRowEnd: 'auto'\n        }\n    },\n    gridPositionStart: {\n        justifySelf: 'start',\n        gridColumnStart: 1,\n        gridColumnEnd: 2,\n        [DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n            gridColumnEnd: 4,\n            gridRowStart: 3,\n            gridRowEnd: 'auto'\n        }\n    },\n    fluidStart: {\n        gridColumnEnd: 4\n    },\n    fluidEnd: {\n        gridColumnStart: 1\n    }\n});\n/**\n * Apply styling to the DialogActions slots based on the state\n */ export const useDialogActionsStyles_unstable = (state)=>{\n    'use no memo';\n    const resetStyles = useResetStyles();\n    const styles = useStyles();\n    state.root.className = mergeClasses(dialogActionsClassNames.root, resetStyles, 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"],"names":["__resetStyles","__styles","mergeClasses","DIALOG_GAP","DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR","dialogActionsClassNames","root","useResetStyles","r","s","useStyles","gridPositionEnd","Bdqf98w","Br312pm","Bw0ie65","Btsd7tp","ufxxby","Bq5p579","gridPositionStart","Ew0qkd","fluidStart","fluidEnd","d","m","useDialogActionsStyles_unstable","state","resetStyles","styles","className","position","fluid"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCK,uBAAuB;;;IA+CnBmB,+BAA+B;;;;uBAjDU,gBAAgB;AAEnE,gCAAgC;IACnClB,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,cAAc,GAAA,WAAA,OAAGP,oBAAA,EAAA,WAAA,MAAA;IAAAQ,CAAA,EAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAW1B,CAAC;AACF,MAAMC,SAAS,GAAA,WAAA,OAAGT,eAAA,EAAA;IAAAU,eAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,iBAAA,EAAA;QAAAN,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAK,MAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAG,UAAA,EAAA;QAAAN,OAAA,EAAA;IAAA;IAAAO,QAAA,EAAA;QAAAR,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAS,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,CA2BjB,CAAC;AAGS,wCAAyCE,KAAK,IAAG;IACxD,aAAa;IACb,MAAMC,WAAW,GAAGnB,cAAc,CAAC,CAAC;IACpC,MAAMoB,MAAM,GAAGjB,SAAS,CAAC,CAAC;IAC1Be,KAAK,CAACnB,IAAI,CAACsB,SAAS,OAAG1B,mBAAY,EAACG,uBAAuB,CAACC,IAAI,EAAEoB,WAAW,EAAED,KAAK,CAACI,QAAQ,KAAK,OAAO,IAAIF,MAAM,CAACT,iBAAiB,EAAEO,KAAK,CAACI,QAAQ,KAAK,KAAK,IAAIF,MAAM,CAAChB,eAAe,EAAEc,KAAK,CAACK,KAAK,IAAIL,KAAK,CAACI,QAAQ,KAAK,OAAO,IAAIF,MAAM,CAACP,UAAU,EAAEK,KAAK,CAACK,KAAK,IAAIL,KAAK,CAACI,QAAQ,KAAK,KAAK,IAAIF,MAAM,CAACN,QAAQ,EAAEI,KAAK,CAACnB,IAAI,CAACsB,SAAS,CAAC;IAC5U,OAAOH,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/useDialogActionsStyles.styles.raw.js

@@ -0,0 +1,73 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    dialogActionsClassNames: function() {
+        return dialogActionsClassNames;
+    },
+    useDialogActionsStyles_unstable: function() {
+        return useDialogActionsStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _constants = require("../../contexts/constants");
+const dialogActionsClassNames = {
+    root: 'fui-DialogActions'
+};
+/**
+ * Styles for the root slot
+ */ const useResetStyles = (0, _react.makeResetStyles)({
+    gap: _constants.DIALOG_GAP,
+    height: 'fit-content',
+    boxSizing: 'border-box',
+    display: 'flex',
+    gridRowStart: 3,
+    gridRowEnd: 3,
+    [_constants.DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR]: {
+        flexDirection: 'column',
+        justifySelf: 'stretch'
+    }
+});
+const useStyles = (0, _react.makeStyles)({
+    gridPositionEnd: {
+        justifySelf: 'end',
+        gridColumnStart: 2,
+        gridColumnEnd: 4,
+        [_constants.DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR]: {
+            gridColumnStart: 1,
+            gridRowStart: 4,
+            gridRowEnd: 'auto'
+        }
+    },
+    gridPositionStart: {
+        justifySelf: 'start',
+        gridColumnStart: 1,
+        gridColumnEnd: 2,
+        [_constants.DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR]: {
+            gridColumnEnd: 4,
+            gridRowStart: 3,
+            gridRowEnd: 'auto'
+        }
+    },
+    fluidStart: {
+        gridColumnEnd: 4
+    },
+    fluidEnd: {
+        gridColumnStart: 1
+    }
+});
+const useDialogActionsStyles_unstable = (state)=>{
+    'use no memo';
+    const resetStyles = useResetStyles();
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(dialogActionsClassNames.root, resetStyles, 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;
+};

node_modules/@fluentui/react-dialog/lib-commonjs/components/DialogActions/useDialogActionsStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DialogActions/useDialogActionsStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { DialogActionsSlots, DialogActionsState } from './DialogActions.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { DIALOG_GAP, DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR } from '../../contexts/constants';\n\nexport const dialogActionsClassNames: SlotClassNames<DialogActionsSlots> = {\n  root: 'fui-DialogActions',\n};\n\n/**\n * Styles for the root slot\n */\nconst useResetStyles = makeResetStyles({\n  gap: DIALOG_GAP,\n  height: 'fit-content',\n  boxSizing: 'border-box',\n  display: 'flex',\n  gridRowStart: 3,\n  gridRowEnd: 3,\n  [DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n    flexDirection: 'column',\n    justifySelf: 'stretch',\n  },\n});\n\nconst useStyles = makeStyles({\n  gridPositionEnd: {\n    justifySelf: 'end',\n    gridColumnStart: 2,\n    gridColumnEnd: 4,\n    [DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n      gridColumnStart: 1,\n      gridRowStart: 4,\n      gridRowEnd: 'auto',\n    },\n  },\n  gridPositionStart: {\n    justifySelf: 'start',\n    gridColumnStart: 1,\n    gridColumnEnd: 2,\n    [DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n      gridColumnEnd: 4,\n      gridRowStart: 3,\n      gridRowEnd: 'auto',\n    },\n  },\n  fluidStart: {\n    gridColumnEnd: 4,\n  },\n  fluidEnd: {\n    gridColumnStart: 1,\n  },\n});\n\n/**\n * Apply styling to the DialogActions slots based on the state\n */\nexport const useDialogActionsStyles_unstable = (state: DialogActionsState): DialogActionsState => {\n  'use no memo';\n\n  const resetStyles = useResetStyles();\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    dialogActionsClassNames.root,\n    resetStyles,\n    state.position === 'start' && styles.gridPositionStart,\n    state.position === 'end' && styles.gridPositionEnd,\n    state.fluid && state.position === 'start' && styles.fluidStart,\n    state.fluid && state.position === 'end' && styles.fluidEnd,\n    state.root.className,\n  );\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","DIALOG_GAP","DIALOG_MEDIA_QUERY_BREAKPOINT_SELECTOR","dialogActionsClassNames","root","useResetStyles","gap","height","boxSizing","display","gridRowStart","gridRowEnd","flexDirection","justifySelf","useStyles","gridPositionEnd","gridColumnStart","gridColumnEnd","gridPositionStart","fluidStart","fluidEnd","useDialogActionsStyles_unstable","state","resetStyles","styles","className","position","fluid"],"mappings":"AAAA;;;;;;;;;;;;IAOaK,uBAAAA;;;mCAoDAkB;eAAAA;;;uBAzD6C,iBAAiB;2BAGR,2BAA2B;AAEvF,gCAAoE;IACzEjB,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,qBAAiBP,sBAAAA,EAAgB;IACrCQ,KAAKL,qBAAAA;IACLM,QAAQ;IACRC,WAAW;IACXC,SAAS;IACTC,cAAc;IACdC,YAAY;IACZ,CAACT,iDAAAA,CAAuC,EAAE;QACxCU,eAAe;QACfC,aAAa;IACf;AACF;AAEA,MAAMC,gBAAYf,iBAAAA,EAAW;IAC3BgB,iBAAiB;QACfF,aAAa;QACbG,iBAAiB;QACjBC,eAAe;QACf,CAACf,iDAAAA,CAAuC,EAAE;YACxCc,iBAAiB;YACjBN,cAAc;YACdC,YAAY;QACd;IACF;IACAO,mBAAmB;QACjBL,aAAa;QACbG,iBAAiB;QACjBC,eAAe;QACf,CAACf,iDAAAA,CAAuC,EAAE;YACxCe,eAAe;YACfP,cAAc;YACdC,YAAY;QACd;IACF;IACAQ,YAAY;QACVF,eAAe;IACjB;IACAG,UAAU;QACRJ,iBAAiB;IACnB;AACF;AAKO,wCAAwC,CAACM;IAC9C;IAEA,MAAMC,cAAclB;IACpB,MAAMmB,SAASV;IACfQ,MAAMlB,IAAI,CAACqB,SAAS,OAAGzB,mBAAAA,EACrBG,wBAAwBC,IAAI,EAC5BmB,aACAD,MAAMI,QAAQ,KAAK,WAAWF,OAAON,iBAAiB,EACtDI,MAAMI,QAAQ,KAAK,SAASF,OAAOT,eAAe,EAClDO,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,WAAWF,OAAOL,UAAU,EAC9DG,MAAMK,KAAK,IAAIL,MAAMI,QAAQ,KAAK,SAASF,OAAOJ,QAAQ,EAC1DE,MAAMlB,IAAI,CAACqB,SAAS;IAEtB,OAAOH;AACT,EAAE"}