feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawer.js

@@ -0,0 +1,27 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "OverlayDrawer", {
+    enumerable: true,
+    get: function() {
+        return OverlayDrawer;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _drawerContext = require("../../contexts/drawerContext");
+const _useOverlayDrawer = require("./useOverlayDrawer");
+const _renderOverlayDrawer = require("./renderOverlayDrawer");
+const _useOverlayDrawerStylesstyles = require("./useOverlayDrawerStyles.styles");
+const OverlayDrawer = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useOverlayDrawer.useOverlayDrawer_unstable)(props, ref);
+    const contextValue = (0, _drawerContext.useDrawerContextValue)();
+    (0, _useOverlayDrawerStylesstyles.useOverlayDrawerStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDrawerOverlayStyles_unstable')(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useOverlayDrawerStyles_unstable')(state);
+    return (0, _renderOverlayDrawer.renderOverlayDrawer_unstable)(state, contextValue);
+});
+OverlayDrawer.displayName = 'OverlayDrawer';

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useDrawerContextValue } from '../../contexts/drawerContext';\n\nimport { useOverlayDrawer_unstable } from './useOverlayDrawer';\nimport { renderOverlayDrawer_unstable } from './renderOverlayDrawer';\nimport { useOverlayDrawerStyles_unstable } from './useOverlayDrawerStyles.styles';\nimport type { OverlayDrawerProps } from './OverlayDrawer.types';\n\n/**\n * OverlayDrawer contains supplementary content and are used for complex creation, edit, or management experiences.\n */\nexport const OverlayDrawer: ForwardRefComponent<OverlayDrawerProps> = React.forwardRef((props, ref) => {\n  const state = useOverlayDrawer_unstable(props, ref);\n  const contextValue = useDrawerContextValue();\n\n  useOverlayDrawerStyles_unstable(state);\n  useCustomStyleHook_unstable('useDrawerOverlayStyles_unstable')(state);\n  useCustomStyleHook_unstable('useOverlayDrawerStyles_unstable')(state);\n\n  return renderOverlayDrawer_unstable(state, contextValue);\n});\n\nOverlayDrawer.displayName = 'OverlayDrawer';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerContextValue","useOverlayDrawer_unstable","renderOverlayDrawer_unstable","useOverlayDrawerStyles_unstable","OverlayDrawer","forwardRef","props","ref","state","contextValue","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;+BAExC,+BAA+B;kCAE3B,qBAAqB;qCAClB,wBAAwB;8CACrB,kCAAkC;AAM3E,MAAMM,gBAAAA,WAAAA,GAAyDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQP,2CAAAA,EAA0BK,OAAOC;IAC/C,MAAME,mBAAeT,oCAAAA;QAErBG,6DAAAA,EAAgCK;QAChCT,gDAAAA,EAA4B,mCAAmCS;QAC/DT,gDAAAA,EAA4B,mCAAmCS;IAE/D,WAAON,iDAAAA,EAA6BM,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawer.types.js

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

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawer.types.ts"],"sourcesContent":["import type { DialogProps } from '@fluentui/react-dialog';\nimport type { PresenceMotionSlotProps } from '@fluentui/react-motion';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nimport type { DrawerMotionParams, OverlayDrawerSurfaceMotionParams } from '../../shared/drawerMotions';\nimport type { DrawerBaseProps, DrawerBaseState } from '../../shared/DrawerBase.types';\nimport type { OverlayDrawerSurfaceProps } from './OverlayDrawerSurface';\n\n/**\n * OverlayDrawer slots\n */\nexport type OverlayDrawerSlots = {\n  /**\n   * Slot for the root element.\n   */\n  root: Slot<OverlayDrawerSurfaceProps>;\n  /**\n   * For more information refer to the [Motion docs page](https://react.fluentui.dev/?path=/docs/motion-motion-slot--docs).\n   *\n   */\n  backdropMotion?: Slot<PresenceMotionSlotProps<OverlayDrawerSurfaceMotionParams>>;\n  /**\n   * For more information refer to the [Motion docs page](https://react.fluentui.dev/?path=/docs/motion-motion-slot--docs).\n   *\n   */\n  surfaceMotion?: Slot<PresenceMotionSlotProps<DrawerMotionParams>>;\n};\n\n/**\n * OverlayDrawer internal slots for when using with composition API\n */\nexport type OverlayDrawerInternalSlots = Pick<OverlayDrawerSlots, 'root'> & {\n  /**\n   * Slot for the dialog component that wraps the drawer.\n   */\n  dialog: NonNullable<Slot<DialogProps>>;\n};\n\n/**\n * OverlayDrawer Props\n */\nexport type OverlayDrawerProps = ComponentProps<OverlayDrawerSlots> &\n  Pick<DialogProps, 'modalType' | 'onOpenChange' | 'inertTrapFocus'> &\n  DrawerBaseProps & {\n    /**\n     * @deprecated OverlayDrawer can work only as a controlled component\n     * and does not support uncontrolled mode i.e. defaultOpen prop\n     */\n    defaultOpen?: boolean;\n  };\n\n/**\n * State used in rendering OverlayDrawer\n */\nexport type OverlayDrawerState = ComponentState<OverlayDrawerInternalSlots> &\n  Required<DrawerBaseState> &\n  Pick<OverlayDrawerProps, 'mountNode' | 'unmountOnClose'> & {\n    hasMountNodeElement: boolean;\n  };\n"],"names":[],"mappings":"AAmDA;;CAEC,GACD,WAII"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js

@@ -0,0 +1,32 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "OverlayDrawerSurface", {
+    enumerable: true,
+    get: function() {
+        return OverlayDrawerSurface;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdialog = require("@fluentui/react-dialog");
+const _useOverlayDrawerSurfaceStylesstyles = require("./useOverlayDrawerSurfaceStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const OverlayDrawerSurface = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const dialogSurfaceState = (0, _reactdialog.useDialogSurface_unstable)({
+        ...props,
+        /**
+       * Drawer accepts a `div` or `aside` element type, but Dialog only accepts a `div` element type.
+       * We need to cast the ref to a `div` element type to not break Dialog's ref type.
+       *
+       * FIXME: Evaluate the possibility to remove this cast when Dialog is refactored to accept `aside` elements.
+       */ as: props.as
+    }, ref);
+    const dialogSurfaceContextValues = (0, _reactdialog.useDialogSurfaceContextValues_unstable)(dialogSurfaceState);
+    (0, _useOverlayDrawerSurfaceStylesstyles.useOverlayDrawerSurfaceStyles_unstable)(dialogSurfaceState);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useOverlayDrawerSurfaceStyles_unstable')(dialogSurfaceState);
+    return (0, _reactdialog.renderDialogSurface_unstable)(dialogSurfaceState, dialogSurfaceContextValues);
+});
+OverlayDrawerSurface.displayName = 'OverlayDrawerSurface';

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport {\n  useDialogSurface_unstable,\n  useDialogSurfaceContextValues_unstable,\n  renderDialogSurface_unstable,\n} from '@fluentui/react-dialog';\n\nimport { useOverlayDrawerSurfaceStyles_unstable } from './useOverlayDrawerSurfaceStyles.styles';\nimport type { OverlayDrawerSurfaceProps } from './OverlayDrawerSurface.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * OverlayDrawerSurface is a proxy for DialogSurface as is only meant to be used internally for Drawer.\n *\n * @internal\n */\nexport const OverlayDrawerSurface: ForwardRefComponent<OverlayDrawerSurfaceProps> = React.forwardRef((props, ref) => {\n  const dialogSurfaceState = useDialogSurface_unstable(\n    {\n      ...props,\n      /**\n       * Drawer accepts a `div` or `aside` element type, but Dialog only accepts a `div` element type.\n       * We need to cast the ref to a `div` element type to not break Dialog's ref type.\n       *\n       * FIXME: Evaluate the possibility to remove this cast when Dialog is refactored to accept `aside` elements.\n       */\n      as: props.as as 'div',\n    },\n    ref,\n  );\n  const dialogSurfaceContextValues = useDialogSurfaceContextValues_unstable(dialogSurfaceState);\n\n  useOverlayDrawerSurfaceStyles_unstable(dialogSurfaceState);\n  useCustomStyleHook_unstable('useOverlayDrawerSurfaceStyles_unstable')(dialogSurfaceState);\n\n  return renderDialogSurface_unstable(dialogSurfaceState, dialogSurfaceContextValues);\n});\n\nOverlayDrawerSurface.displayName = 'OverlayDrawerSurface';\n"],"names":["React","useDialogSurface_unstable","useDialogSurfaceContextValues_unstable","renderDialogSurface_unstable","useOverlayDrawerSurfaceStyles_unstable","useCustomStyleHook_unstable","OverlayDrawerSurface","forwardRef","props","ref","dialogSurfaceState","as","dialogSurfaceContextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BAMxB,yBAAyB;qDAEuB,yCAAyC;qCAEpD,kCAAkC;AAOvE,MAAMM,uBAAAA,WAAAA,GAAuEN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,yBAAqBT,sCAAAA,EACzB;QACE,GAAGO,KAAK;QACR;;;;;OAKC,GACDG,IAAIH,MAAMG,EAAE;IACd,GACAF;IAEF,MAAMG,iCAA6BV,mDAAAA,EAAuCQ;QAE1EN,2EAAAA,EAAuCM;QACvCL,gDAAAA,EAA4B,0CAA0CK;IAEtE,WAAOP,yCAAAA,EAA6BO,oBAAoBE;AAC1D,GAAG;AAEHN,qBAAqBO,WAAW,GAAG"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js

@@ -0,0 +1,6 @@
+/**
+ * OverlayDrawerSurface Props
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawerSurface/OverlayDrawerSurface.types.ts"],"sourcesContent":["import type { DialogSurfaceProps, DialogSurfaceSlots } from '@fluentui/react-dialog';\nimport type { ComponentProps, Slot } from '@fluentui/react-utilities';\n\n/**\n * OverlayDrawerSurface slots\n */\nexport type OverlayDrawerSurfaceSlots = Partial<Pick<DialogSurfaceSlots, 'backdrop' | 'backdropMotion'>> & {\n  root: Slot<'div', 'aside'>;\n};\n\n/**\n * OverlayDrawerSurface Props\n */\nexport type OverlayDrawerSurfaceProps = ComponentProps<OverlayDrawerSurfaceSlots> &\n  Pick<DialogSurfaceProps, 'mountNode'>;\n"],"names":[],"mappings":"AAUA;;CAEC,GACD,WACwC"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "OverlayDrawerSurface", {
+    enumerable: true,
+    get: function() {
+        return _OverlayDrawerSurface.OverlayDrawerSurface;
+    }
+});
+const _OverlayDrawerSurface = require("./OverlayDrawerSurface");

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawerSurface/index.ts"],"sourcesContent":["export { OverlayDrawerSurface } from './OverlayDrawerSurface';\nexport type { OverlayDrawerSurfaceProps, OverlayDrawerSurfaceSlots } from './OverlayDrawerSurface.types';\n"],"names":["OverlayDrawerSurface"],"mappings":";;;;;;;eAASA,0CAAoB;;;sCAAQ,yBAAyB"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.js

@@ -0,0 +1,41 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverlayDrawerSurfaceStyles_unstable", {
+    enumerable: true,
+    get: function() {
+        return useOverlayDrawerSurfaceStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+/**
+ * Styles for the backdrop slot
+ */ const useBackdropResetStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rl76ifk", null, [
+    ".rl76ifk{inset:0px;position:fixed;background-color:var(--colorBackgroundOverlay);}"
+]);
+const useBackdropStyles = /*#__PURE__*/ (0, _react.__styles)({
+    nested: {
+        De3pzq: "f1c21dwh"
+    },
+    drawerHidden: {
+        Bkecrkj: "f1aehjj5"
+    }
+}, {
+    d: [
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".f1aehjj5{pointer-events:none;}"
+    ]
+});
+const useOverlayDrawerSurfaceStyles_unstable = (state)=>{
+    'use no memo';
+    const { treatBackdropAsNested, backdrop, open, unmountOnClose } = state;
+    const backdropResetStyles = useBackdropResetStyles();
+    const backdropStyles = useBackdropStyles();
+    const mountedAndClosed = !unmountOnClose && !open;
+    if (backdrop) {
+        backdrop.className = (0, _react.mergeClasses)(backdropResetStyles, treatBackdropAsNested && backdropStyles.nested, mountedAndClosed && backdropStyles.drawerHidden, backdrop.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useOverlayDrawerSurfaceStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * Styles for the backdrop slot\n */ const useBackdropResetStyles = makeResetStyles({\n    inset: '0px',\n    position: 'fixed',\n    backgroundColor: tokens.colorBackgroundOverlay\n});\nconst useBackdropStyles = makeStyles({\n    nested: {\n        backgroundColor: tokens.colorTransparentBackground\n    },\n    drawerHidden: {\n        pointerEvents: 'none'\n    }\n});\n/**\n * Apply styling to the OverlayDrawerSurface slots based on the state\n */ export const useOverlayDrawerSurfaceStyles_unstable = (state)=>{\n    'use no memo';\n    const { treatBackdropAsNested, backdrop, open, unmountOnClose } = state;\n    const backdropResetStyles = useBackdropResetStyles();\n    const backdropStyles = useBackdropStyles();\n    const mountedAndClosed = !unmountOnClose && !open;\n    if (backdrop) {\n        backdrop.className = mergeClasses(backdropResetStyles, treatBackdropAsNested && backdropStyles.nested, mountedAndClosed && backdropStyles.drawerHidden, backdrop.className);\n    }\n    return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","tokens","useBackdropResetStyles","useBackdropStyles","nested","De3pzq","drawerHidden","Bkecrkj","d","useOverlayDrawerSurfaceStyles_unstable","state","treatBackdropAsNested","backdrop","open","unmountOnClose","backdropResetStyles","backdropStyles","mountedAndClosed","className"],"mappings":"AAAA,YAAY;;;;;+BAoBKW,sCAAsC;;;;;;uBAnBG,gBAAgB;AAE1E;;CAEA,GAAI,MAAMP,sBAAsB,GAAA,WAAA,OAAGJ,oBAAA,EAAA,WAAA,MAAA;IAAA;CAIlC,CAAC;AACF,MAAMK,iBAAiB,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAK,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAOzB,CAAC;AAGS,gDAAgDE,KAAK,IAAG;IAC/D,aAAa;IACb,MAAM,EAAEC,qBAAqB,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,cAAAA,EAAgB,GAAGJ,KAAK;IACvE,MAAMK,mBAAmB,GAAGb,sBAAsB,CAAC,CAAC;IACpD,MAAMc,cAAc,GAAGb,iBAAiB,CAAC,CAAC;IAC1C,MAAMc,gBAAgB,GAAG,CAACH,cAAc,IAAI,CAACD,IAAI;IACjD,IAAID,QAAQ,EAAE;QACVA,QAAQ,CAACM,SAAS,OAAGlB,mBAAY,EAACe,mBAAmB,EAAEJ,qBAAqB,IAAIK,cAAc,CAACZ,MAAM,EAAEa,gBAAgB,IAAID,cAAc,CAACV,YAAY,EAAEM,QAAQ,CAACM,SAAS,CAAC;IAC/K;IACA,OAAOR,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.raw.js

@@ -0,0 +1,39 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverlayDrawerSurfaceStyles_unstable", {
+    enumerable: true,
+    get: function() {
+        return useOverlayDrawerSurfaceStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+/**
+ * Styles for the backdrop slot
+ */ const useBackdropResetStyles = (0, _react.makeResetStyles)({
+    inset: '0px',
+    position: 'fixed',
+    backgroundColor: _reacttheme.tokens.colorBackgroundOverlay
+});
+const useBackdropStyles = (0, _react.makeStyles)({
+    nested: {
+        backgroundColor: _reacttheme.tokens.colorTransparentBackground
+    },
+    drawerHidden: {
+        pointerEvents: 'none'
+    }
+});
+const useOverlayDrawerSurfaceStyles_unstable = (state)=>{
+    'use no memo';
+    const { treatBackdropAsNested, backdrop, open, unmountOnClose } = state;
+    const backdropResetStyles = useBackdropResetStyles();
+    const backdropStyles = useBackdropStyles();
+    const mountedAndClosed = !unmountOnClose && !open;
+    if (backdrop) {
+        backdrop.className = (0, _react.mergeClasses)(backdropResetStyles, treatBackdropAsNested && backdropStyles.nested, mountedAndClosed && backdropStyles.drawerHidden, backdrop.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverlayDrawer/OverlayDrawerSurface/useOverlayDrawerSurfaceStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { DialogSurfaceState } from '@fluentui/react-dialog';\n\n/**\n * Styles for the backdrop slot\n */\nconst useBackdropResetStyles = makeResetStyles({\n  inset: '0px',\n  position: 'fixed',\n  backgroundColor: tokens.colorBackgroundOverlay,\n});\n\nconst useBackdropStyles = makeStyles({\n  nested: {\n    backgroundColor: tokens.colorTransparentBackground,\n  },\n\n  drawerHidden: {\n    pointerEvents: 'none',\n  },\n});\n\n/**\n * Apply styling to the OverlayDrawerSurface slots based on the state\n */\nexport const useOverlayDrawerSurfaceStyles_unstable = (state: DialogSurfaceState): DialogSurfaceState => {\n  'use no memo';\n\n  const { treatBackdropAsNested, backdrop, open, unmountOnClose } = state;\n\n  const backdropResetStyles = useBackdropResetStyles();\n  const backdropStyles = useBackdropStyles();\n\n  const mountedAndClosed = !unmountOnClose && !open;\n\n  if (backdrop) {\n    backdrop.className = mergeClasses(\n      backdropResetStyles,\n      treatBackdropAsNested && backdropStyles.nested,\n      mountedAndClosed && backdropStyles.drawerHidden,\n      backdrop.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","useBackdropResetStyles","inset","position","backgroundColor","colorBackgroundOverlay","useBackdropStyles","nested","colorTransparentBackground","drawerHidden","pointerEvents","useOverlayDrawerSurfaceStyles_unstable","state","treatBackdropAsNested","backdrop","open","unmountOnClose","backdropResetStyles","backdropStyles","mountedAndClosed","className"],"mappings":"AAAA;;;;;+BA4Bac;;;;;;uBA1B6C,iBAAiB;4BACpD,wBAAwB;AAG/C;;CAEC,GACD,MAAMV,6BAAyBJ,sBAAAA,EAAgB;IAC7CK,OAAO;IACPC,UAAU;IACVC,iBAAiBJ,kBAAAA,CAAOK,sBAAsB;AAChD;AAEA,MAAMC,wBAAoBR,iBAAAA,EAAW;IACnCS,QAAQ;QACNH,iBAAiBJ,kBAAAA,CAAOQ,0BAA0B;IACpD;IAEAC,cAAc;QACZC,eAAe;IACjB;AACF;AAKO,+CAA+C,CAACE;IACrD;IAEA,MAAM,EAAEC,qBAAqB,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,cAAc,EAAE,GAAGJ;IAElE,MAAMK,sBAAsBhB;IAC5B,MAAMiB,iBAAiBZ;IAEvB,MAAMa,mBAAmB,CAACH,kBAAkB,CAACD;IAE7C,IAAID,UAAU;QACZA,SAASM,SAAS,OAAGrB,mBAAAA,EACnBkB,qBACAJ,yBAAyBK,eAAeX,MAAM,EAC9CY,oBAAoBD,eAAeT,YAAY,EAC/CK,SAASM,SAAS;IAEtB;IAEA,OAAOR;AACT,EAAE"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/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, {
+    OverlayDrawer: function() {
+        return _OverlayDrawer.OverlayDrawer;
+    },
+    overlayDrawerClassNames: function() {
+        return _useOverlayDrawerStylesstyles.overlayDrawerClassNames;
+    },
+    renderOverlayDrawer_unstable: function() {
+        return _renderOverlayDrawer.renderOverlayDrawer_unstable;
+    },
+    useOverlayDrawerStyles_unstable: function() {
+        return _useOverlayDrawerStylesstyles.useOverlayDrawerStyles_unstable;
+    },
+    useOverlayDrawer_unstable: function() {
+        return _useOverlayDrawer.useOverlayDrawer_unstable;
+    }
+});
+const _OverlayDrawer = require("./OverlayDrawer");
+const _renderOverlayDrawer = require("./renderOverlayDrawer");
+const _useOverlayDrawer = require("./useOverlayDrawer");
+const _useOverlayDrawerStylesstyles = require("./useOverlayDrawerStyles.styles");

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverlayDrawer/index.ts"],"sourcesContent":["export { OverlayDrawer } from './OverlayDrawer';\nexport type {\n  OverlayDrawerInternalSlots,\n  OverlayDrawerProps,\n  OverlayDrawerSlots,\n  OverlayDrawerState,\n} from './OverlayDrawer.types';\nexport { renderOverlayDrawer_unstable } from './renderOverlayDrawer';\nexport { useOverlayDrawer_unstable } from './useOverlayDrawer';\nexport { overlayDrawerClassNames, useOverlayDrawerStyles_unstable } from './useOverlayDrawerStyles.styles';\n"],"names":["OverlayDrawer","renderOverlayDrawer_unstable","useOverlayDrawer_unstable","overlayDrawerClassNames","useOverlayDrawerStyles_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-drawer/lib-commonjs/components/OverlayDrawer/renderOverlayDrawer.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderOverlayDrawer_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderOverlayDrawer_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _drawerContext = require("../../contexts/drawerContext");
+const _reactdialog = require("@fluentui/react-dialog");
+const renderOverlayDrawer_unstable = (state, contextValue)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_drawerContext.DrawerProvider, {
+        value: contextValue,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactdialog.DialogBackdropProvider, {
+            value: false,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.dialog, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+            })
+        })
+    });
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/renderOverlayDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverlayDrawer/renderOverlayDrawer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { DrawerContextValue, DrawerProvider } from '../../contexts/drawerContext';\nimport { DialogBackdropProvider } from '@fluentui/react-dialog';\n\nimport type { OverlayDrawerState, OverlayDrawerInternalSlots } from './OverlayDrawer.types';\n\n/**\n * Render the final JSX of OverlayDrawer\n */\nexport const renderOverlayDrawer_unstable = (\n  state: OverlayDrawerState,\n  contextValue: DrawerContextValue,\n): JSXElement => {\n  assertSlots<OverlayDrawerInternalSlots>(state);\n\n  return (\n    <DrawerProvider value={contextValue}>\n      <DialogBackdropProvider value={false}>\n        <state.dialog>\n          <state.root />\n        </state.dialog>\n      </DialogBackdropProvider>\n    </DrawerProvider>\n  );\n};\n"],"names":["assertSlots","DrawerProvider","DialogBackdropProvider","renderOverlayDrawer_unstable","state","contextValue","value","dialog","root"],"mappings":";;;;+BAYaG;;;;;;4BAXb,gDAAiD;gCACrB,4BAA4B;+BAEL,+BAA+B;6BAC3C,yBAAyB;AAOzD,qCAAqC,CAC1CC,OACAC;QAEAL,2BAAAA,EAAwCI;IAExC,OAAA,WAAA,OACE,eAAA,EAACH,6BAAAA,EAAAA;QAAeK,OAAOD;kBACrB,WAAA,GAAA,mBAAA,EAACH,mCAAAA,EAAAA;YAAuBI,OAAO;sBAC7B,WAAA,OAAA,eAAA,EAACF,MAAMG,MAAM,EAAA;0BACX,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;;;AAKrB,EAAE"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/useOverlayDrawer.js

@@ -0,0 +1,83 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOverlayDrawer_unstable", {
+    enumerable: true,
+    get: function() {
+        return useOverlayDrawer_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdialog = require("@fluentui/react-dialog");
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _reactportal = require("@fluentui/react-portal");
+const _drawerMotions = require("../../shared/drawerMotions");
+const _useDrawerDefaultProps = require("../../shared/useDrawerDefaultProps");
+const _OverlayDrawerSurface = require("./OverlayDrawerSurface");
+const _drawerMotionUtils = require("../../shared/drawerMotionUtils");
+const STATIC_MOTION = {
+    active: true,
+    canRender: true,
+    ref: /*#__PURE__*/ _react.createRef(),
+    type: 'idle'
+};
+const useOverlayDrawer_unstable = (props, ref)=>{
+    const { open, size, position, unmountOnClose } = (0, _useDrawerDefaultProps.useDrawerDefaultProps)(props);
+    const { modalType = 'modal', inertTrapFocus, onOpenChange, backdropMotion, surfaceMotion, mountNode } = props;
+    const { dir, targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const { element: mountNodeElement } = (0, _reactportal.toMountNodeProps)(mountNode);
+    const hasMountNodeElement = Boolean(mountNodeElement && (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.body) !== mountNodeElement);
+    const backdropProps = _reactutilities.slot.resolveShorthand(props.backdrop);
+    const hasCustomBackdrop = modalType !== 'non-modal' && backdropProps !== null;
+    const root = _reactutilities.slot.always({
+        ...props,
+        ref,
+        unmountOnClose,
+        backdrop: hasCustomBackdrop ? {
+            ...backdropProps
+        } : null,
+        backdropMotion: (0, _drawerMotionUtils.mergePresenceSlots)(backdropMotion, _drawerMotions.OverlaySurfaceBackdropMotion, {
+            size
+        })
+    }, {
+        elementType: _OverlayDrawerSurface.OverlayDrawerSurface
+    });
+    const dialog = _reactutilities.slot.always({
+        open,
+        onOpenChange,
+        inertTrapFocus,
+        modalType,
+        unmountOnClose,
+        surfaceMotion: (0, _drawerMotionUtils.mergePresenceSlots)(surfaceMotion, _drawerMotions.OverlayDrawerMotion, {
+            position,
+            size,
+            dir
+        }),
+        /**
+       * children is not needed here because we construct the children in the render function,
+       * but it's required by DialogProps
+       */ children: null
+    }, {
+        elementType: _reactdialog.Dialog
+    });
+    return {
+        components: {
+            root: _OverlayDrawerSurface.OverlayDrawerSurface,
+            dialog: _reactdialog.Dialog
+        },
+        root,
+        dialog,
+        open,
+        size,
+        position,
+        hasMountNodeElement,
+        unmountOnClose,
+        // Deprecated props
+        mountNode,
+        motion: STATIC_MOTION
+    };
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/useOverlayDrawerStyles.styles.js

@@ -0,0 +1,79 @@
+'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, {
+    overlayDrawerClassNames: function() {
+        return overlayDrawerClassNames;
+    },
+    useOverlayDrawerStyles_unstable: function() {
+        return useOverlayDrawerStyles_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _react1 = require("@griffel/react");
+const _useDrawerBaseStylesstyles = require("../../shared/useDrawerBaseStyles.styles");
+const overlayDrawerClassNames = {
+    root: 'fui-OverlayDrawer',
+    backdrop: 'fui-OverlayDrawer__backdrop'
+};
+/**
+ * Styles for the root slot
+ */ const useDrawerResetStyles = /*#__PURE__*/ (0, _react1.__resetStyles)("r7dfyj8", "rmx02j7", {
+    r: [
+        ".r7dfyj8{overflow:hidden;width:var(--fui-Drawer--size);max-width:100vw;height:auto;max-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);position:fixed;top:0;bottom:0;}",
+        ".r7dfyj8:focus{outline-style:none;}",
+        ".r7dfyj8:focus-visible{outline-style:none;}",
+        ".r7dfyj8[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}",
+        ".r7dfyj8[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}",
+        ".rmx02j7{overflow:hidden;width:var(--fui-Drawer--size);max-width:100vw;height:auto;max-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);position:fixed;top:0;bottom:0;}",
+        ".rmx02j7:focus{outline-style:none;}",
+        ".rmx02j7:focus-visible{outline-style:none;}",
+        ".rmx02j7[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}",
+        ".rmx02j7[data-fui-focus-visible]::after{content:\"\";position:absolute;pointer-events:none;z-index:1;border:2px solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}"
+    ],
+    s: [
+        "@media (forced-colors: active){.r7dfyj8[data-fui-focus-visible]::after{border-top-color:Highlight;border-right-color:Highlight;border-bottom-color:Highlight;border-left-color:Highlight;}}",
+        "@media (forced-colors: active){.rmx02j7[data-fui-focus-visible]::after{border-top-color:Highlight;border-left-color:Highlight;border-bottom-color:Highlight;border-right-color:Highlight;}}"
+    ]
+});
+const useDrawerRootStyles = /*#__PURE__*/ (0, _react1.__styles)({
+    start: {},
+    end: {},
+    bottom: {
+        Bhzewxz: "f198g47y",
+        Bqenvij: "fub80nq",
+        a9b677: "fr97h3j"
+    },
+    absolute: {
+        qhf8xq: "f1euv43f"
+    }
+}, {
+    d: [
+        ".f198g47y{top:auto;}",
+        ".fub80nq{height:var(--fui-Drawer--size);}",
+        ".fr97h3j{width:100vw;}",
+        ".f1euv43f{position:absolute;}"
+    ]
+});
+const useOverlayDrawerStyles_unstable = (state)=>{
+    'use no memo';
+    const baseClassNames = (0, _useDrawerBaseStylesstyles.useDrawerBaseClassNames)(state);
+    const resetStyles = useDrawerResetStyles();
+    const rootStyles = useDrawerRootStyles();
+    const absoluteStyles = state.hasMountNodeElement && rootStyles.absolute;
+    const backdrop = state.root.backdrop;
+    state.root.className = (0, _react1.mergeClasses)(overlayDrawerClassNames.root, baseClassNames, resetStyles, rootStyles[state.position], absoluteStyles, state.root.className);
+    if (backdrop) {
+        backdrop.className = (0, _react1.mergeClasses)(overlayDrawerClassNames.backdrop, absoluteStyles, backdrop.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/useOverlayDrawerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useOverlayDrawerStyles.styles.js"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { drawerCSSVars, drawerDefaultStyles, useDrawerBaseClassNames } from '../../shared/useDrawerBaseStyles.styles';\nexport const overlayDrawerClassNames = {\n    root: 'fui-OverlayDrawer',\n    backdrop: 'fui-OverlayDrawer__backdrop'\n};\n/**\n * Styles for the root slot\n */ const useDrawerResetStyles = makeResetStyles({\n    ...createFocusOutlineStyle(),\n    ...drawerDefaultStyles,\n    position: 'fixed',\n    top: 0,\n    bottom: 0\n});\nconst useDrawerRootStyles = makeStyles({\n    /* Positioning */ start: {},\n    end: {},\n    bottom: {\n        top: 'auto',\n        height: `var(${drawerCSSVars.drawerSizeVar})`,\n        width: '100vw'\n    },\n    absolute: {\n        position: 'absolute'\n    }\n});\n/**\n * Apply styling to the OverlayDrawer slots based on the state\n */ export const useOverlayDrawerStyles_unstable = (state)=>{\n    'use no memo';\n    const baseClassNames = useDrawerBaseClassNames(state);\n    const resetStyles = useDrawerResetStyles();\n    const rootStyles = useDrawerRootStyles();\n    const absoluteStyles = state.hasMountNodeElement && rootStyles.absolute;\n    const backdrop = state.root.backdrop;\n    state.root.className = mergeClasses(overlayDrawerClassNames.root, baseClassNames, resetStyles, rootStyles[state.position], absoluteStyles, state.root.className);\n    if (backdrop) {\n        backdrop.className = mergeClasses(overlayDrawerClassNames.backdrop, absoluteStyles, backdrop.className);\n    }\n    return state;\n};\n"],"names":["React","__resetStyles","__styles","mergeClasses","createFocusOutlineStyle","drawerCSSVars","drawerDefaultStyles","useDrawerBaseClassNames","overlayDrawerClassNames","root","backdrop","useDrawerResetStyles","r","s","useDrawerRootStyles","start","end","bottom","Bhzewxz","Bqenvij","a9b677","absolute","qhf8xq","d","useOverlayDrawerStyles_unstable","state","baseClassNames","resetStyles","rootStyles","absoluteStyles","hasMountNodeElement","className","position"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKCQ,uBAAuB;;;mCA2BY;eAA/BgB;;;;iEA/BM,OAAO;wBAC4B,gBAAgB;2CAEE,yCAAyC;AAC9G,gCAAgC;IACnCf,IAAI,EAAE,mBAAmB;IACzBC,QAAQ,EAAE;AACd,CAAC;AACD;;CAEA,GAAI,MAAMC,oBAAoB,GAAA,WAAA,GAAGV,yBAAA,EAAA,WAAA,WAAA;IAAAW,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;AAAA,CAMhC,CAAC;AACF,MAAMC,mBAAmB,GAAA,WAAA,OAAGZ,gBAAA,EAAA;IAAAa,KAAA,EAAA,CAAA;IAAAC,GAAA,EAAA,CAAA;IAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAW3B,CAAC;AAGS,yCAAyCE,KAAK,IAAG;IACxD,aAAa;IACb,MAAMC,cAAc,OAAGnB,kDAAuB,EAACkB,KAAK,CAAC;IACrD,MAAME,WAAW,GAAGhB,oBAAoB,CAAC,CAAC;IAC1C,MAAMiB,UAAU,GAAGd,mBAAmB,CAAC,CAAC;IACxC,MAAMe,cAAc,GAAGJ,KAAK,CAACK,mBAAmB,IAAIF,UAAU,CAACP,QAAQ;IACvE,MAAMX,QAAQ,GAAGe,KAAK,CAAChB,IAAI,CAACC,QAAQ;IACpCe,KAAK,CAAChB,IAAI,CAACsB,SAAS,OAAG5B,oBAAY,EAACK,uBAAuB,CAACC,IAAI,EAAEiB,cAAc,EAAEC,WAAW,EAAEC,UAAU,CAACH,KAAK,CAACO,QAAQ,CAAC,EAAEH,cAAc,EAAEJ,KAAK,CAAChB,IAAI,CAACsB,SAAS,CAAC;IAChK,IAAIrB,QAAQ,EAAE;QACVA,QAAQ,CAACqB,SAAS,OAAG5B,oBAAY,EAACK,uBAAuB,CAACE,QAAQ,EAAEmB,cAAc,EAAEnB,QAAQ,CAACqB,SAAS,CAAC;IAC3G;IACA,OAAON,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/useOverlayDrawerStyles.styles.raw.js

@@ -0,0 +1,62 @@
+'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, {
+    overlayDrawerClassNames: function() {
+        return overlayDrawerClassNames;
+    },
+    useOverlayDrawerStyles_unstable: function() {
+        return useOverlayDrawerStyles_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _react1 = require("@griffel/react");
+const _reacttabster = require("@fluentui/react-tabster");
+const _useDrawerBaseStylesstyles = require("../../shared/useDrawerBaseStyles.styles");
+const overlayDrawerClassNames = {
+    root: 'fui-OverlayDrawer',
+    backdrop: 'fui-OverlayDrawer__backdrop'
+};
+/**
+ * Styles for the root slot
+ */ const useDrawerResetStyles = (0, _react1.makeResetStyles)({
+    ...(0, _reacttabster.createFocusOutlineStyle)(),
+    ..._useDrawerBaseStylesstyles.drawerDefaultStyles,
+    position: 'fixed',
+    top: 0,
+    bottom: 0
+});
+const useDrawerRootStyles = (0, _react1.makeStyles)({
+    /* Positioning */ start: {},
+    end: {},
+    bottom: {
+        top: 'auto',
+        height: `var(${_useDrawerBaseStylesstyles.drawerCSSVars.drawerSizeVar})`,
+        width: '100vw'
+    },
+    absolute: {
+        position: 'absolute'
+    }
+});
+const useOverlayDrawerStyles_unstable = (state)=>{
+    'use no memo';
+    const baseClassNames = (0, _useDrawerBaseStylesstyles.useDrawerBaseClassNames)(state);
+    const resetStyles = useDrawerResetStyles();
+    const rootStyles = useDrawerRootStyles();
+    const absoluteStyles = state.hasMountNodeElement && rootStyles.absolute;
+    const backdrop = state.root.backdrop;
+    state.root.className = (0, _react1.mergeClasses)(overlayDrawerClassNames.root, baseClassNames, resetStyles, rootStyles[state.position], absoluteStyles, state.root.className);
+    if (backdrop) {
+        backdrop.className = (0, _react1.mergeClasses)(overlayDrawerClassNames.backdrop, absoluteStyles, backdrop.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/OverlayDrawer/useOverlayDrawerStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OverlayDrawer/useOverlayDrawerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n\nimport type { OverlayDrawerState } from './OverlayDrawer.types';\nimport { OverlayDrawerSurfaceSlots } from './OverlayDrawerSurface/OverlayDrawerSurface.types';\nimport { drawerCSSVars, drawerDefaultStyles, useDrawerBaseClassNames } from '../../shared/useDrawerBaseStyles.styles';\n\nexport const overlayDrawerClassNames: SlotClassNames<Omit<OverlayDrawerSurfaceSlots, 'backdropMotion'>> = {\n  root: 'fui-OverlayDrawer',\n  backdrop: 'fui-OverlayDrawer__backdrop',\n};\n\n/**\n * Styles for the root slot\n */\nconst useDrawerResetStyles = makeResetStyles({\n  ...createFocusOutlineStyle(),\n  ...drawerDefaultStyles,\n  position: 'fixed',\n  top: 0,\n  bottom: 0,\n});\n\nconst useDrawerRootStyles = makeStyles({\n  /* Positioning */\n  start: {},\n  end: {},\n  bottom: {\n    top: 'auto',\n    height: `var(${drawerCSSVars.drawerSizeVar})`,\n    width: '100vw',\n  },\n  absolute: {\n    position: 'absolute',\n  },\n});\n\n/**\n * Apply styling to the OverlayDrawer slots based on the state\n */\nexport const useOverlayDrawerStyles_unstable = (state: OverlayDrawerState): OverlayDrawerState => {\n  'use no memo';\n\n  const baseClassNames = useDrawerBaseClassNames(state);\n  const resetStyles = useDrawerResetStyles();\n  const rootStyles = useDrawerRootStyles();\n\n  const absoluteStyles = state.hasMountNodeElement && rootStyles.absolute;\n  const backdrop = state.root.backdrop as React.HTMLAttributes<HTMLDivElement> | undefined;\n\n  state.root.className = mergeClasses(\n    overlayDrawerClassNames.root,\n    baseClassNames,\n    resetStyles,\n    rootStyles[state.position],\n    absoluteStyles,\n    state.root.className,\n  );\n\n  if (backdrop) {\n    backdrop.className = mergeClasses(overlayDrawerClassNames.backdrop, absoluteStyles, backdrop.className);\n  }\n\n  return state;\n};\n"],"names":["React","makeResetStyles","makeStyles","mergeClasses","createFocusOutlineStyle","drawerCSSVars","drawerDefaultStyles","useDrawerBaseClassNames","overlayDrawerClassNames","root","backdrop","useDrawerResetStyles","position","top","bottom","useDrawerRootStyles","start","end","height","drawerSizeVar","width","absolute","useOverlayDrawerStyles_unstable","state","baseClassNames","resetStyles","rootStyles","absoluteStyles","hasMountNodeElement","className"],"mappings":"AAAA;;;;;;;;;;;;IAWaQ,uBAAAA;;;mCAiCAc;eAAAA;;;;iEA1CU,QAAQ;wBAC2B,iBAAiB;8BAEnC,0BAA0B;2CAIU,0CAA0C;AAE/G,gCAAmG;IACxGb,MAAM;IACNC,UAAU;AACZ,EAAE;AAEF;;CAEC,GACD,MAAMC,2BAAuBV,uBAAAA,EAAgB;IAC3C,OAAGG,qCAAAA,GAAyB;IAC5B,GAAGE,8CAAmB;IACtBM,UAAU;IACVC,KAAK;IACLC,QAAQ;AACV;AAEA,MAAMC,sBAAsBb,sBAAAA,EAAW;IACrC,eAAe,GACfc,OAAO,CAAC;IACRC,KAAK,CAAC;IACNH,QAAQ;QACND,KAAK;QACLK,QAAQ,CAAC,IAAI,EAAEb,wCAAAA,CAAcc,aAAa,CAAC,CAAC,CAAC;QAC7CC,OAAO;IACT;IACAC,UAAU;QACRT,UAAU;IACZ;AACF;AAKO,wCAAwC,CAACW;IAC9C;IAEA,MAAMC,qBAAiBjB,kDAAAA,EAAwBgB;IAC/C,MAAME,cAAcd;IACpB,MAAMe,aAAaX;IAEnB,MAAMY,iBAAiBJ,MAAMK,mBAAmB,IAAIF,WAAWL,QAAQ;IACvE,MAAMX,WAAWa,MAAMd,IAAI,CAACC,QAAQ;IAEpCa,MAAMd,IAAI,CAACoB,SAAS,OAAG1B,oBAAAA,EACrBK,wBAAwBC,IAAI,EAC5Be,gBACAC,aACAC,UAAU,CAACH,MAAMX,QAAQ,CAAC,EAC1Be,gBACAJ,MAAMd,IAAI,CAACoB,SAAS;IAGtB,IAAInB,UAAU;QACZA,SAASmB,SAAS,OAAG1B,oBAAAA,EAAaK,wBAAwBE,QAAQ,EAAEiB,gBAAgBjB,SAASmB,SAAS;IACxG;IAEA,OAAON;AACT,EAAE"}