feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-drawer/lib-commonjs/Drawer.js

@@ -0,0 +1,28 @@
+"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, {
+    Drawer: function() {
+        return _index.Drawer;
+    },
+    drawerClassNames: function() {
+        return _index.drawerClassNames;
+    },
+    renderDrawer_unstable: function() {
+        return _index.renderDrawer_unstable;
+    },
+    useDrawerStyles_unstable: function() {
+        return _index.useDrawerStyles_unstable;
+    },
+    useDrawer_unstable: function() {
+        return _index.useDrawer_unstable;
+    }
+});
+const _index = require("./components/Drawer/index");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Drawer.ts"],"sourcesContent":["export type { DrawerProps, DrawerSlots, DrawerState } from './components/Drawer/index';\nexport {\n  Drawer,\n  drawerClassNames,\n  renderDrawer_unstable,\n  useDrawerStyles_unstable,\n  useDrawer_unstable,\n} from './components/Drawer/index';\n"],"names":["Drawer","drawerClassNames","renderDrawer_unstable","useDrawerStyles_unstable","useDrawer_unstable"],"mappings":";;;;;;;;;;;;eAEEA,aAAM;;;eACNC,uBAAgB;;;eAChBC,4BAAqB;;;eACrBC,+BAAwB;;;eACxBC,yBAAkB;;;uBACb,4BAA4B"}

node_modules/@fluentui/react-drawer/lib-commonjs/DrawerBody.js

@@ -0,0 +1,28 @@
+"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, {
+    DrawerBody: function() {
+        return _index.DrawerBody;
+    },
+    drawerBodyClassNames: function() {
+        return _index.drawerBodyClassNames;
+    },
+    renderDrawerBody_unstable: function() {
+        return _index.renderDrawerBody_unstable;
+    },
+    useDrawerBodyStyles_unstable: function() {
+        return _index.useDrawerBodyStyles_unstable;
+    },
+    useDrawerBody_unstable: function() {
+        return _index.useDrawerBody_unstable;
+    }
+});
+const _index = require("./components/DrawerBody/index");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DrawerBody.ts"],"sourcesContent":["export type { DrawerBodyProps, DrawerBodySlots, DrawerBodyState } from './components/DrawerBody/index';\nexport {\n  DrawerBody,\n  drawerBodyClassNames,\n  renderDrawerBody_unstable,\n  useDrawerBodyStyles_unstable,\n  useDrawerBody_unstable,\n} from './components/DrawerBody/index';\n"],"names":["DrawerBody","drawerBodyClassNames","renderDrawerBody_unstable","useDrawerBodyStyles_unstable","useDrawerBody_unstable"],"mappings":";;;;;;;;;;;;eAEEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,gCAAyB;;;eACzBC,mCAA4B;;;eAC5BC,6BAAsB;;;uBACjB,gCAAgC"}

node_modules/@fluentui/react-drawer/lib-commonjs/DrawerFooter.js

@@ -0,0 +1,28 @@
+"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, {
+    DrawerFooter: function() {
+        return _index.DrawerFooter;
+    },
+    drawerFooterClassNames: function() {
+        return _index.drawerFooterClassNames;
+    },
+    renderDrawerFooter_unstable: function() {
+        return _index.renderDrawerFooter_unstable;
+    },
+    useDrawerFooterStyles_unstable: function() {
+        return _index.useDrawerFooterStyles_unstable;
+    },
+    useDrawerFooter_unstable: function() {
+        return _index.useDrawerFooter_unstable;
+    }
+});
+const _index = require("./components/DrawerFooter/index");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DrawerFooter.ts"],"sourcesContent":["export type { DrawerFooterProps, DrawerFooterSlots, DrawerFooterState } from './components/DrawerFooter/index';\nexport {\n  DrawerFooter,\n  drawerFooterClassNames,\n  renderDrawerFooter_unstable,\n  useDrawerFooterStyles_unstable,\n  useDrawerFooter_unstable,\n} from './components/DrawerFooter/index';\n"],"names":["DrawerFooter","drawerFooterClassNames","renderDrawerFooter_unstable","useDrawerFooterStyles_unstable","useDrawerFooter_unstable"],"mappings":";;;;;;;;;;;;eAEEA,mBAAY;;;eACZC,6BAAsB;;;eACtBC,kCAA2B;;;eAC3BC,qCAA8B;;;eAC9BC,+BAAwB;;;uBACnB,kCAAkC"}

node_modules/@fluentui/react-drawer/lib-commonjs/DrawerHeader.js

@@ -0,0 +1,28 @@
+"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, {
+    DrawerHeader: function() {
+        return _index.DrawerHeader;
+    },
+    drawerHeaderClassNames: function() {
+        return _index.drawerHeaderClassNames;
+    },
+    renderDrawerHeader_unstable: function() {
+        return _index.renderDrawerHeader_unstable;
+    },
+    useDrawerHeaderStyles_unstable: function() {
+        return _index.useDrawerHeaderStyles_unstable;
+    },
+    useDrawerHeader_unstable: function() {
+        return _index.useDrawerHeader_unstable;
+    }
+});
+const _index = require("./components/DrawerHeader/index");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DrawerHeader.ts"],"sourcesContent":["export type { DrawerHeaderProps, DrawerHeaderSlots, DrawerHeaderState } from './components/DrawerHeader/index';\nexport {\n  DrawerHeader,\n  drawerHeaderClassNames,\n  renderDrawerHeader_unstable,\n  useDrawerHeaderStyles_unstable,\n  useDrawerHeader_unstable,\n} from './components/DrawerHeader/index';\n"],"names":["DrawerHeader","drawerHeaderClassNames","renderDrawerHeader_unstable","useDrawerHeaderStyles_unstable","useDrawerHeader_unstable"],"mappings":";;;;;;;;;;;;eAEEA,mBAAY;;;eACZC,6BAAsB;;;eACtBC,kCAA2B;;;eAC3BC,qCAA8B;;;eAC9BC,+BAAwB;;;uBACnB,kCAAkC"}

node_modules/@fluentui/react-drawer/lib-commonjs/DrawerHeaderNavigation.js

@@ -0,0 +1,28 @@
+"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, {
+    DrawerHeaderNavigation: function() {
+        return _index.DrawerHeaderNavigation;
+    },
+    drawerHeaderNavigationClassNames: function() {
+        return _index.drawerHeaderNavigationClassNames;
+    },
+    renderDrawerHeaderNavigation_unstable: function() {
+        return _index.renderDrawerHeaderNavigation_unstable;
+    },
+    useDrawerHeaderNavigationStyles_unstable: function() {
+        return _index.useDrawerHeaderNavigationStyles_unstable;
+    },
+    useDrawerHeaderNavigation_unstable: function() {
+        return _index.useDrawerHeaderNavigation_unstable;
+    }
+});
+const _index = require("./components/DrawerHeaderNavigation/index");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DrawerHeaderNavigation.ts"],"sourcesContent":["export type {\n  DrawerHeaderNavigationProps,\n  DrawerHeaderNavigationSlots,\n  DrawerHeaderNavigationState,\n} from './components/DrawerHeaderNavigation/index';\nexport {\n  DrawerHeaderNavigation,\n  drawerHeaderNavigationClassNames,\n  renderDrawerHeaderNavigation_unstable,\n  useDrawerHeaderNavigationStyles_unstable,\n  useDrawerHeaderNavigation_unstable,\n} from './components/DrawerHeaderNavigation/index';\n"],"names":["DrawerHeaderNavigation","drawerHeaderNavigationClassNames","renderDrawerHeaderNavigation_unstable","useDrawerHeaderNavigationStyles_unstable","useDrawerHeaderNavigation_unstable"],"mappings":";;;;;;;;;;;;eAMEA,6BAAsB;;;eACtBC,uCAAgC;;;eAChCC,4CAAqC;;;eACrCC,+CAAwC;;;eACxCC,yCAAkC;;;uBAC7B,4CAA4C"}

node_modules/@fluentui/react-drawer/lib-commonjs/DrawerHeaderTitle.js

@@ -0,0 +1,28 @@
+"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, {
+    DrawerHeaderTitle: function() {
+        return _index.DrawerHeaderTitle;
+    },
+    drawerHeaderTitleClassNames: function() {
+        return _index.drawerHeaderTitleClassNames;
+    },
+    renderDrawerHeaderTitle_unstable: function() {
+        return _index.renderDrawerHeaderTitle_unstable;
+    },
+    useDrawerHeaderTitleStyles_unstable: function() {
+        return _index.useDrawerHeaderTitleStyles_unstable;
+    },
+    useDrawerHeaderTitle_unstable: function() {
+        return _index.useDrawerHeaderTitle_unstable;
+    }
+});
+const _index = require("./components/DrawerHeaderTitle/index");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DrawerHeaderTitle.ts"],"sourcesContent":["export type {\n  DrawerHeaderTitleProps,\n  DrawerHeaderTitleSlots,\n  DrawerHeaderTitleState,\n} from './components/DrawerHeaderTitle/index';\nexport {\n  DrawerHeaderTitle,\n  drawerHeaderTitleClassNames,\n  renderDrawerHeaderTitle_unstable,\n  useDrawerHeaderTitleStyles_unstable,\n  useDrawerHeaderTitle_unstable,\n} from './components/DrawerHeaderTitle/index';\n"],"names":["DrawerHeaderTitle","drawerHeaderTitleClassNames","renderDrawerHeaderTitle_unstable","useDrawerHeaderTitleStyles_unstable","useDrawerHeaderTitle_unstable"],"mappings":";;;;;;;;;;;;eAMEA,wBAAiB;;;eACjBC,kCAA2B;;;eAC3BC,uCAAgC;;;eAChCC,0CAAmC;;;eACnCC,oCAA6B;;;uBACxB,uCAAuC"}

node_modules/@fluentui/react-drawer/lib-commonjs/InlineDrawer.js

@@ -0,0 +1,28 @@
+"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, {
+    InlineDrawer: function() {
+        return _index.InlineDrawer;
+    },
+    inlineDrawerClassNames: function() {
+        return _index.inlineDrawerClassNames;
+    },
+    renderInlineDrawer_unstable: function() {
+        return _index.renderInlineDrawer_unstable;
+    },
+    useInlineDrawerStyles_unstable: function() {
+        return _index.useInlineDrawerStyles_unstable;
+    },
+    useInlineDrawer_unstable: function() {
+        return _index.useInlineDrawer_unstable;
+    }
+});
+const _index = require("./components/InlineDrawer/index");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/InlineDrawer.ts"],"sourcesContent":["export type {\n  InlineDrawerProps,\n  InlineDrawerSlots,\n  InlineDrawerState,\n  SurfaceMotionSlotProps,\n} from './components/InlineDrawer/index';\nexport {\n  InlineDrawer,\n  inlineDrawerClassNames,\n  renderInlineDrawer_unstable,\n  useInlineDrawerStyles_unstable,\n  useInlineDrawer_unstable,\n} from './components/InlineDrawer/index';\n"],"names":["InlineDrawer","inlineDrawerClassNames","renderInlineDrawer_unstable","useInlineDrawerStyles_unstable","useInlineDrawer_unstable"],"mappings":";;;;;;;;;;;;eAOEA,mBAAY;;;eACZC,6BAAsB;;;eACtBC,kCAA2B;;;eAC3BC,qCAA8B;;;eAC9BC,+BAAwB;;;uBACnB,kCAAkC"}

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

@@ -0,0 +1,28 @@
+"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 _index.OverlayDrawer;
+    },
+    overlayDrawerClassNames: function() {
+        return _index.overlayDrawerClassNames;
+    },
+    renderOverlayDrawer_unstable: function() {
+        return _index.renderOverlayDrawer_unstable;
+    },
+    useOverlayDrawerStyles_unstable: function() {
+        return _index.useOverlayDrawerStyles_unstable;
+    },
+    useOverlayDrawer_unstable: function() {
+        return _index.useOverlayDrawer_unstable;
+    }
+});
+const _index = require("./components/OverlayDrawer/index");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/OverlayDrawer.ts"],"sourcesContent":["export type {\n  OverlayDrawerInternalSlots,\n  OverlayDrawerProps,\n  OverlayDrawerSlots,\n  OverlayDrawerState,\n} from './components/OverlayDrawer/index';\nexport {\n  OverlayDrawer,\n  overlayDrawerClassNames,\n  renderOverlayDrawer_unstable,\n  useOverlayDrawerStyles_unstable,\n  useOverlayDrawer_unstable,\n} from './components/OverlayDrawer/index';\n"],"names":["OverlayDrawer","overlayDrawerClassNames","renderOverlayDrawer_unstable","useOverlayDrawerStyles_unstable","useOverlayDrawer_unstable"],"mappings":";;;;;;;;;;;;eAOEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,mCAA4B;;;eAC5BC,sCAA+B;;;eAC/BC,gCAAyB;;;uBACpB,mCAAmC"}

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

@@ -0,0 +1,26 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Drawer", {
+    enumerable: true,
+    get: function() {
+        return Drawer;
+    }
+});
+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 _useDrawer = require("./useDrawer");
+const _renderDrawer = require("./renderDrawer");
+const _useDrawerStylesstyles = require("./useDrawerStyles.styles");
+const Drawer = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useDrawer.useDrawer_unstable)(props, ref);
+    const contextValue = (0, _drawerContext.useDrawerContextValue)();
+    (0, _useDrawerStylesstyles.useDrawerStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDrawerStyles_unstable')(state);
+    return (0, _renderDrawer.renderDrawer_unstable)(state, contextValue);
+});
+Drawer.displayName = 'Drawer';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Drawer/Drawer.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 { useDrawer_unstable } from './useDrawer';\nimport { renderDrawer_unstable } from './renderDrawer';\nimport { useDrawerStyles_unstable } from './useDrawerStyles.styles';\nimport type { DrawerProps } from './Drawer.types';\n\n/**\n * Drawer contains supplementary content and are used for complex creation, edit, or management experiences.\n */\nexport const Drawer: ForwardRefComponent<DrawerProps> = React.forwardRef((props, ref) => {\n  const state = useDrawer_unstable(props, ref);\n  const contextValue = useDrawerContextValue();\n\n  useDrawerStyles_unstable(state);\n  useCustomStyleHook_unstable('useDrawerStyles_unstable')(state);\n\n  return renderDrawer_unstable(state, contextValue);\n});\n\nDrawer.displayName = 'Drawer';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerContextValue","useDrawer_unstable","renderDrawer_unstable","useDrawerStyles_unstable","Drawer","forwardRef","props","ref","state","contextValue","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;+BAExC,+BAA+B;2BAElC,cAAc;8BACX,iBAAiB;uCACd,2BAA2B;AAM7D,MAAMM,SAAAA,WAAAA,GAA2CN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC/E,MAAMC,YAAQP,6BAAAA,EAAmBK,OAAOC;IACxC,MAAME,mBAAeT,oCAAAA;QAErBG,+CAAAA,EAAyBK;QACzBT,gDAAAA,EAA4B,4BAA4BS;IAExD,WAAON,mCAAAA,EAAsBM,OAAOC;AACtC,GAAG;AAEHL,OAAOM,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Drawer/Drawer.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\n\nimport type { OverlayDrawerProps, OverlayDrawerSlots } from '../OverlayDrawer';\nimport type { InlineDrawerProps, InlineDrawerSlots } from '../InlineDrawer';\n\nexport type DrawerSlots = Pick<OverlayDrawerSlots, 'root'> | Pick<InlineDrawerSlots, 'root'>;\n\n/**\n * Drawer Props\n */\nexport type DrawerProps = ComponentProps<DrawerSlots> & {\n  /**\n   * Type of the drawer.\n   *\n   * - 'overlay' - Drawer is hidden by default and can be opened by clicking on the trigger.\n   * - 'inline' - Drawer is stacked with the content\n   *\n   * @default overlay\n   */\n  type?: 'inline' | 'overlay';\n} & (OverlayDrawerProps | InlineDrawerProps);\n\n/**\n * State used in rendering Drawer\n */\nexport type DrawerState = ComponentState<DrawerSlots>;\n"],"names":[],"mappings":"AAsBA;;CAEC,GACD,WAAsD"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/Drawer/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, {
+    Drawer: function() {
+        return _Drawer.Drawer;
+    },
+    drawerClassNames: function() {
+        return _useDrawerStylesstyles.drawerClassNames;
+    },
+    renderDrawer_unstable: function() {
+        return _renderDrawer.renderDrawer_unstable;
+    },
+    useDrawerStyles_unstable: function() {
+        return _useDrawerStylesstyles.useDrawerStyles_unstable;
+    },
+    useDrawer_unstable: function() {
+        return _useDrawer.useDrawer_unstable;
+    }
+});
+const _Drawer = require("./Drawer");
+const _renderDrawer = require("./renderDrawer");
+const _useDrawer = require("./useDrawer");
+const _useDrawerStylesstyles = require("./useDrawerStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Drawer/index.ts"],"sourcesContent":["export { Drawer } from './Drawer';\nexport type { DrawerProps, DrawerSlots, DrawerState } from './Drawer.types';\nexport { renderDrawer_unstable } from './renderDrawer';\nexport { useDrawer_unstable } from './useDrawer';\nexport { drawerClassNames, useDrawerStyles_unstable } from './useDrawerStyles.styles';\n"],"names":["Drawer","renderDrawer_unstable","useDrawer_unstable","drawerClassNames","useDrawerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,cAAM;;;eAING,uCAAgB;;;eAFhBF,mCAAqB;;;eAEHG,+CAAwB;;;eAD1CF,6BAAkB;;;wBAHJ,WAAW;8BAEI,iBAAiB;2BACpB,cAAc;uCACU,2BAA2B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Drawer/renderDrawer.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 { DrawerContextValue, DrawerProvider } from '../../contexts/drawerContext';\n\nimport type { DrawerState, DrawerSlots } from './Drawer.types';\n\n/**\n * Render the final JSX of Drawer\n */\nexport const renderDrawer_unstable = (state: DrawerState, contextValue: DrawerContextValue): JSXElement => {\n  assertSlots<DrawerSlots>(state);\n\n  return (\n    <DrawerProvider value={contextValue}>\n      <state.root />\n    </DrawerProvider>\n  );\n};\n"],"names":["assertSlots","DrawerProvider","renderDrawer_unstable","state","contextValue","value","root"],"mappings":";;;;+BAYaE;;;;;;4BAXb,gDAAiD;gCAErB,4BAA4B;+BAEL,+BAA+B;AAO3E,8BAA8B,CAACC,OAAoBC;QACxDJ,2BAAAA,EAAyBG;IAEzB,OAAA,WAAA,OACE,eAAA,EAACF,6BAAAA,EAAAA;QAAeI,OAAOD;kBACrB,WAAA,OAAA,eAAA,EAACD,MAAMG,IAAI,EAAA,CAAA;;AAGjB,EAAE"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDrawer_unstable", {
+    enumerable: true,
+    get: function() {
+        return useDrawer_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 _OverlayDrawer = require("../OverlayDrawer");
+const _InlineDrawer = require("../InlineDrawer");
+const useDrawer_unstable = (props, ref)=>{
+    // casting here to convert a union of functions to a single function with the union of parameters
+    const elementType = props.type === 'inline' ? _InlineDrawer.InlineDrawer : _OverlayDrawer.OverlayDrawer;
+    const root = _reactutilities.slot.always({
+        ref,
+        ...props
+    }, {
+        elementType
+    });
+    return {
+        components: {
+            root: elementType
+        },
+        root
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Drawer/useDrawer.ts"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\n\nimport type { DrawerProps, DrawerState } from './Drawer.types';\nimport { OverlayDrawer, type OverlayDrawerProps } from '../OverlayDrawer';\nimport { InlineDrawer, type InlineDrawerProps } from '../InlineDrawer';\n\n/**\n * Create the state required to render Drawer.\n *\n * The returned state can be modified with hooks such as useDrawerStyles_unstable,\n * before being passed to renderDrawer_unstable.\n *\n * @param props - props from this instance of Drawer\n * @param ref - reference to root HTMLElement of Drawer\n */\nexport const useDrawer_unstable = (props: DrawerProps, ref: React.Ref<HTMLElement>): DrawerState => {\n  // casting here to convert a union of functions to a single function with the union of parameters\n  const elementType = (props.type === 'inline' ? InlineDrawer : OverlayDrawer) as React.FC<\n    InlineDrawerProps | OverlayDrawerProps\n  >;\n  const root: InlineDrawerProps | OverlayDrawerProps = slot.always({ ref, ...props }, { elementType });\n\n  return {\n    components: { root: elementType },\n    root,\n  };\n};\n"],"names":["React","slot","OverlayDrawer","InlineDrawer","useDrawer_unstable","props","ref","elementType","type","root","always","components"],"mappings":";;;;+BAgBaI;;;;;;;iEAhBU,QAAQ;gCACV,4BAA4B;+BAGM,mBAAmB;8BACrB,kBAAkB;AAWhE,2BAA2B,CAACC,OAAoBC;IACrD,iGAAiG;IACjG,MAAMC,cAAeF,MAAMG,IAAI,KAAK,WAAWL,0BAAAA,GAAeD,4BAAAA;IAG9D,MAAMO,OAA+CR,oBAAAA,CAAKS,MAAM,CAAC;QAAEJ;QAAK,GAAGD,KAAK;IAAC,GAAG;QAAEE;IAAY;IAElG,OAAO;QACLI,YAAY;YAAEF,MAAMF;QAAY;QAChCE;IACF;AACF,EAAE"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/Drawer/useDrawerStyles.styles.js

@@ -0,0 +1,27 @@
+"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, {
+    drawerClassNames: function() {
+        return drawerClassNames;
+    },
+    useDrawerStyles_unstable: function() {
+        return useDrawerStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const drawerClassNames = {
+    root: 'fui-Drawer'
+};
+const useDrawerStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = (0, _react.mergeClasses)(drawerClassNames.root, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/Drawer/useDrawerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDrawerStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const drawerClassNames = {\n    root: 'fui-Drawer'\n};\n/**\n * Apply styling to the Drawer slots based on the state\n */ export const useDrawerStyles_unstable = (state)=>{\n    'use no memo';\n    state.root.className = mergeClasses(drawerClassNames.root, state.root.className);\n    return state;\n};\n"],"names":["mergeClasses","drawerClassNames","root","useDrawerStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IACaC,gBAAgB;;;4BAKY;;;;uBANZ,gBAAgB;AACtC,yBAAyB;IAC5BC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,2BAA4BC,KAAK,IAAG;IACjD,aAAa;IACbA,KAAK,CAACF,IAAI,CAACG,SAAS,OAAGL,mBAAY,EAACC,gBAAgB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;IAChF,OAAOD,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/Drawer/useDrawerStyles.styles.raw.js

@@ -0,0 +1,27 @@
+"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, {
+    drawerClassNames: function() {
+        return drawerClassNames;
+    },
+    useDrawerStyles_unstable: function() {
+        return useDrawerStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const drawerClassNames = {
+    root: 'fui-Drawer'
+};
+const useDrawerStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = (0, _react.mergeClasses)(drawerClassNames.root, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/Drawer/useDrawerStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Drawer/useDrawerStyles.styles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nimport type { DrawerSlots, DrawerState } from './Drawer.types';\n\nexport const drawerClassNames: SlotClassNames<Omit<DrawerSlots, 'surfaceMotion'>> = {\n  root: 'fui-Drawer',\n};\n\n/**\n * Apply styling to the Drawer slots based on the state\n */\nexport const useDrawerStyles_unstable = (state: DrawerState): DrawerState => {\n  'use no memo';\n\n  state.root.className = mergeClasses(drawerClassNames.root, state.root.className);\n\n  return state;\n};\n"],"names":["mergeClasses","drawerClassNames","root","useDrawerStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IAKaC,gBAAAA;;;4BAOAE;;;;uBAZgB,iBAAiB;AAKvC,yBAA6E;IAClFD,MAAM;AACR,EAAE;AAKK,MAAMC,2BAA2B,CAACC;IACvC;IAEAA,MAAMF,IAAI,CAACG,SAAS,OAAGL,mBAAAA,EAAaC,iBAAiBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAE/E,OAAOD;AACT,EAAE"}

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

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DrawerBody", {
+    enumerable: true,
+    get: function() {
+        return DrawerBody;
+    }
+});
+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 _useDrawerBody = require("./useDrawerBody");
+const _renderDrawerBody = require("./renderDrawerBody");
+const _useDrawerBodyStylesstyles = require("./useDrawerBodyStyles.styles");
+const DrawerBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useDrawerBody.useDrawerBody_unstable)(props, ref);
+    (0, _useDrawerBodyStylesstyles.useDrawerBodyStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDrawerBodyStyles_unstable')(state);
+    return (0, _renderDrawerBody.renderDrawerBody_unstable)(state);
+});
+DrawerBody.displayName = 'DrawerBody';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerBody/DrawerBody.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 { useDrawerBody_unstable } from './useDrawerBody';\nimport { renderDrawerBody_unstable } from './renderDrawerBody';\nimport { useDrawerBodyStyles_unstable } from './useDrawerBodyStyles.styles';\nimport type { DrawerBodyProps } from './DrawerBody.types';\n\n/**\n * DrawerBody provides with a container for the main content of a Drawer.\n */\nexport const DrawerBody: ForwardRefComponent<DrawerBodyProps> = React.forwardRef((props, ref) => {\n  const state = useDrawerBody_unstable(props, ref);\n\n  useDrawerBodyStyles_unstable(state);\n  useCustomStyleHook_unstable('useDrawerBodyStyles_unstable')(state);\n\n  return renderDrawerBody_unstable(state);\n});\n\nDrawerBody.displayName = 'DrawerBody';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerBody_unstable","renderDrawerBody_unstable","useDrawerBodyStyles_unstable","DrawerBody","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;+BAEvC,kBAAkB;kCACf,qBAAqB;2CAClB,+BAA+B;AAMrE,MAAMK,aAAAA,WAAAA,GAAmDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,YAAQP,qCAAAA,EAAuBK,OAAOC;QAE5CJ,uDAAAA,EAA6BK;QAC7BR,gDAAAA,EAA4B,gCAAgCQ;IAE5D,WAAON,2CAAAA,EAA0BM;AACnC,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerBody/DrawerBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerBodySlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * DrawerBody Props\n */\nexport type DrawerBodyProps = ComponentProps<DrawerBodySlots>;\n\n/**\n * State used in rendering DrawerBody\n */\nexport type DrawerBodyState = ComponentState<DrawerBodySlots>;\n"],"names":[],"mappings":"AAWA;;CAEC,GACD,WAA8D"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerBody/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, {
+    DrawerBody: function() {
+        return _DrawerBody.DrawerBody;
+    },
+    drawerBodyClassNames: function() {
+        return _useDrawerBodyStylesstyles.drawerBodyClassNames;
+    },
+    renderDrawerBody_unstable: function() {
+        return _renderDrawerBody.renderDrawerBody_unstable;
+    },
+    useDrawerBodyStyles_unstable: function() {
+        return _useDrawerBodyStylesstyles.useDrawerBodyStyles_unstable;
+    },
+    useDrawerBody_unstable: function() {
+        return _useDrawerBody.useDrawerBody_unstable;
+    }
+});
+const _DrawerBody = require("./DrawerBody");
+const _renderDrawerBody = require("./renderDrawerBody");
+const _useDrawerBody = require("./useDrawerBody");
+const _useDrawerBodyStylesstyles = require("./useDrawerBodyStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerBody/index.ts"],"sourcesContent":["export { DrawerBody } from './DrawerBody';\nexport type { DrawerBodyProps, DrawerBodySlots, DrawerBodyState } from './DrawerBody.types';\nexport { renderDrawerBody_unstable } from './renderDrawerBody';\nexport { useDrawerBody_unstable } from './useDrawerBody';\nexport { drawerBodyClassNames, useDrawerBodyStyles_unstable } from './useDrawerBodyStyles.styles';\n"],"names":["DrawerBody","renderDrawerBody_unstable","useDrawerBody_unstable","drawerBodyClassNames","useDrawerBodyStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,sBAAU;;;eAIVG,+CAAoB;;;eAFpBF,2CAAyB;;;eAEHG,uDAA4B;;;eADlDF,qCAAsB;;;4BAHJ,eAAe;kCAEA,qBAAqB;+BACxB,kBAAkB;2CACU,+BAA+B"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderDrawerBody_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderDrawerBody_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderDrawerBody_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerBody/renderDrawerBody.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { DrawerBodySlots, DrawerBodyState } from './DrawerBody.types';\n\n/**\n * Render the final JSX of DrawerBody\n */\nexport const renderDrawerBody_unstable = (state: DrawerBodyState): JSXElement => {\n  assertSlots<DrawerBodySlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderDrawerBody_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCACrB,4BAA4B;AAQjD,MAAMC,4BAA4B,CAACC;QACxCF,2BAAAA,EAA6BE;IAE7B,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

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

@@ -0,0 +1,92 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDrawerBody_unstable", {
+    enumerable: true,
+    get: function() {
+        return useDrawerBody_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 _drawerContext = require("../../contexts/drawerContext");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+/**
+ * Get the current scroll state of the DrawerBody.
+ *
+ * @internal
+ * @param element - HTMLElement to check scroll state of
+ */ const getScrollState = ({ scrollTop, scrollHeight, clientHeight })=>{
+    if (scrollHeight <= clientHeight) {
+        return 'none';
+    }
+    if (scrollTop === 0) {
+        return 'top';
+    }
+    if (scrollTop + clientHeight === scrollHeight) {
+        return 'bottom';
+    }
+    return 'middle';
+};
+const useDrawerBody_unstable = (props, ref)=>{
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const win = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;
+    const { setScrollState } = (0, _drawerContext.useDrawerContext_unstable)();
+    const scrollRef = _react.useRef(null);
+    const mergedRef = (0, _reactutilities.useMergedRefs)(ref, scrollRef);
+    const [setScrollAnimationFrame, cancelScrollAnimationFrame] = (0, _reactutilities.useAnimationFrame)();
+    const [setResizeAnimationFrame, cancelResizeAnimationFrame] = (0, _reactutilities.useAnimationFrame)();
+    const updateScrollState = _react.useCallback(()=>{
+        if (!scrollRef.current) {
+            return;
+        }
+        setScrollState(getScrollState(scrollRef.current));
+    }, [
+        setScrollState
+    ]);
+    const onScroll = _react.useCallback(()=>{
+        cancelScrollAnimationFrame();
+        setScrollAnimationFrame(updateScrollState);
+    }, [
+        cancelScrollAnimationFrame,
+        setScrollAnimationFrame,
+        updateScrollState
+    ]);
+    // Update scroll state on children change
+    (0, _reactutilities.useIsomorphicLayoutEffect)(updateScrollState, [
+        props.children,
+        updateScrollState
+    ]);
+    // Update scroll state on mount and when resize occurs
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        if (!scrollRef.current || !(win === null || win === void 0 ? void 0 : win.ResizeObserver)) {
+            return;
+        }
+        const observer = new win.ResizeObserver(()=>setResizeAnimationFrame(updateScrollState));
+        observer.observe(scrollRef.current);
+        return ()=>{
+            observer.disconnect();
+            cancelResizeAnimationFrame();
+        };
+    }, [
+        setResizeAnimationFrame,
+        cancelResizeAnimationFrame,
+        updateScrollState,
+        win
+    ]);
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref: mergedRef,
+            ...props,
+            onScroll: (0, _reactutilities.mergeCallbacks)(props.onScroll, onScroll)
+        }), {
+            elementType: 'div'
+        })
+    };
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js

@@ -0,0 +1,36 @@
+'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, {
+    drawerBodyClassNames: function() {
+        return drawerBodyClassNames;
+    },
+    useDrawerBodyStyles_unstable: function() {
+        return useDrawerBodyStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const drawerBodyClassNames = {
+    root: 'fui-DrawerBody'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__resetStyles)("ri6rvx7", null, [
+    ".ri6rvx7{padding:0 var(--spacingHorizontalXXL);flex:1;align-self:stretch;position:relative;z-index:1;overflow:auto;}",
+    ".ri6rvx7:last-child{padding-bottom:calc(var(--spacingHorizontalXXL) + 1px);}",
+    ".ri6rvx7:first-child{padding-top:calc(var(--spacingHorizontalXXL) + 1px);}"
+]);
+const useDrawerBodyStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(drawerBodyClassNames.root, styles, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDrawerBodyStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerBodyClassNames = {\n    root: 'fui-DrawerBody'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeResetStyles({\n    padding: `0 ${tokens.spacingHorizontalXXL}`,\n    flex: 1,\n    alignSelf: 'stretch',\n    position: 'relative',\n    zIndex: 1,\n    overflow: 'auto',\n    ':last-child': {\n        paddingBottom: `calc(${tokens.spacingHorizontalXXL} + 1px)`\n    },\n    ':first-child': {\n        paddingTop: `calc(${tokens.spacingHorizontalXXL} + 1px)`\n    }\n});\n/**\n * Apply styling to the DrawerBody slots based on the state\n */ export const useDrawerBodyStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(drawerBodyClassNames.root, styles, state.root.className);\n    return state;\n};\n"],"names":["__resetStyles","mergeClasses","tokens","drawerBodyClassNames","root","useStyles","useDrawerBodyStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;wBAGqB;;;gCAqBY;;;;uBAvBC,gBAAgB;AAEvD,MAAMG,uBAAuB;IAChCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,oBAAA,EAAA,WAAA,MAAA;IAAA;IAAA;IAAA;CAarB,CAAC;AAGS,MAAMM,gCAAgCC,KAAK,IAAG;IACrD,aAAa;IACb,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;IAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACE,oBAAoB,CAACC,IAAI,EAAEI,MAAM,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAC5F,OAAOF,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.raw.js

@@ -0,0 +1,46 @@
+'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, {
+    drawerBodyClassNames: function() {
+        return drawerBodyClassNames;
+    },
+    useDrawerBodyStyles_unstable: function() {
+        return useDrawerBodyStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const drawerBodyClassNames = {
+    root: 'fui-DrawerBody'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeResetStyles)({
+    padding: `0 ${_reacttheme.tokens.spacingHorizontalXXL}`,
+    flex: 1,
+    alignSelf: 'stretch',
+    position: 'relative',
+    zIndex: 1,
+    overflow: 'auto',
+    ':last-child': {
+        paddingBottom: `calc(${_reacttheme.tokens.spacingHorizontalXXL} + 1px)`
+    },
+    ':first-child': {
+        paddingTop: `calc(${_reacttheme.tokens.spacingHorizontalXXL} + 1px)`
+    }
+});
+const useDrawerBodyStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(drawerBodyClassNames.root, styles, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerBody/useDrawerBodyStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerBody/useDrawerBodyStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nimport type { DrawerBodySlots, DrawerBodyState } from './DrawerBody.types';\n\nexport const drawerBodyClassNames: SlotClassNames<DrawerBodySlots> = {\n  root: 'fui-DrawerBody',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeResetStyles({\n  padding: `0 ${tokens.spacingHorizontalXXL}`,\n  flex: 1,\n  alignSelf: 'stretch',\n  position: 'relative',\n  zIndex: 1,\n  overflow: 'auto',\n\n  ':last-child': {\n    paddingBottom: `calc(${tokens.spacingHorizontalXXL} + 1px)`,\n  },\n\n  ':first-child': {\n    paddingTop: `calc(${tokens.spacingHorizontalXXL} + 1px)`,\n  },\n});\n\n/**\n * Apply styling to the DrawerBody slots based on the state\n */\nexport const useDrawerBodyStyles_unstable = (state: DrawerBodyState): DrawerBodyState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(drawerBodyClassNames.root, styles, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","drawerBodyClassNames","root","useStyles","padding","spacingHorizontalXXL","flex","alignSelf","position","zIndex","overflow","paddingBottom","paddingTop","useDrawerBodyStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAQaG,oBAAAA;;;gCA2BAY;;;;uBAjCiC,iBAAiB;4BACxC,wBAAwB;AAKxC,6BAA8D;IACnEX,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYL,sBAAAA,EAAgB;IAChCM,SAAS,CAAC,EAAE,EAAEJ,kBAAAA,CAAOK,oBAAoB,EAAE;IAC3CC,MAAM;IACNC,WAAW;IACXC,UAAU;IACVC,QAAQ;IACRC,UAAU;IAEV,eAAe;QACbC,eAAe,CAAC,KAAK,EAAEX,kBAAAA,CAAOK,oBAAoB,CAAC,OAAO,CAAC;IAC7D;IAEA,gBAAgB;QACdO,YAAY,CAAC,KAAK,EAAEZ,kBAAAA,CAAOK,oBAAoB,CAAC,OAAO,CAAC;IAC1D;AACF;AAKO,MAAMQ,+BAA+B,CAACC;IAC3C;IAEA,MAAMC,SAASZ;IAEfW,MAAMZ,IAAI,CAACc,SAAS,OAAGjB,mBAAAA,EAAaE,qBAAqBC,IAAI,EAAEa,QAAQD,MAAMZ,IAAI,CAACc,SAAS;IAE3F,OAAOF;AACT,EAAE"}

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

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DrawerFooter", {
+    enumerable: true,
+    get: function() {
+        return DrawerFooter;
+    }
+});
+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 _useDrawerFooter = require("./useDrawerFooter");
+const _renderDrawerFooter = require("./renderDrawerFooter");
+const _useDrawerFooterStylesstyles = require("./useDrawerFooterStyles.styles");
+const DrawerFooter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useDrawerFooter.useDrawerFooter_unstable)(props, ref);
+    (0, _useDrawerFooterStylesstyles.useDrawerFooterStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDrawerFooterStyles_unstable')(state);
+    return (0, _renderDrawerFooter.renderDrawerFooter_unstable)(state);
+});
+DrawerFooter.displayName = 'DrawerFooter';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerFooter/DrawerFooter.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 { useDrawerFooter_unstable } from './useDrawerFooter';\nimport { renderDrawerFooter_unstable } from './renderDrawerFooter';\nimport { useDrawerFooterStyles_unstable } from './useDrawerFooterStyles.styles';\nimport type { DrawerFooterProps } from './DrawerFooter.types';\n\n/**\n * DrawerFooter provides a structured footer for the drawer component.\n */\nexport const DrawerFooter: ForwardRefComponent<DrawerFooterProps> = React.forwardRef((props, ref) => {\n  const state = useDrawerFooter_unstable(props, ref);\n\n  useDrawerFooterStyles_unstable(state);\n  useCustomStyleHook_unstable('useDrawerFooterStyles_unstable')(state);\n\n  return renderDrawerFooter_unstable(state);\n});\n\nDrawerFooter.displayName = 'DrawerFooter';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerFooter_unstable","renderDrawerFooter_unstable","useDrawerFooterStyles_unstable","DrawerFooter","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;iCAErC,oBAAoB;oCACjB,uBAAuB;6CACpB,iCAAiC;AAMzE,MAAMK,eAAAA,WAAAA,GAAuDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,YAAQP,yCAAAA,EAAyBK,OAAOC;QAE9CJ,2DAAAA,EAA+BK;QAC/BR,gDAAAA,EAA4B,kCAAkCQ;IAE9D,WAAON,+CAAAA,EAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerFooter/DrawerFooter.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { DrawerScrollState } from '../../shared/DrawerBase.types';\n\nexport type DrawerFooterSlots = {\n  root: Slot<'footer'>;\n};\n\n/**\n * DrawerFooter Props\n */\nexport type DrawerFooterProps = ComponentProps<DrawerFooterSlots>;\n\n/**\n * State used in rendering DrawerFooter\n */\nexport type DrawerFooterState = ComponentState<DrawerFooterSlots> & {\n  scrollState: DrawerScrollState;\n};\n"],"names":[],"mappings":"AAYA;;CAEC,GACD,WAEE"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerFooter/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, {
+    DrawerFooter: function() {
+        return _DrawerFooter.DrawerFooter;
+    },
+    drawerFooterClassNames: function() {
+        return _useDrawerFooterStylesstyles.drawerFooterClassNames;
+    },
+    renderDrawerFooter_unstable: function() {
+        return _renderDrawerFooter.renderDrawerFooter_unstable;
+    },
+    useDrawerFooterStyles_unstable: function() {
+        return _useDrawerFooterStylesstyles.useDrawerFooterStyles_unstable;
+    },
+    useDrawerFooter_unstable: function() {
+        return _useDrawerFooter.useDrawerFooter_unstable;
+    }
+});
+const _DrawerFooter = require("./DrawerFooter");
+const _renderDrawerFooter = require("./renderDrawerFooter");
+const _useDrawerFooter = require("./useDrawerFooter");
+const _useDrawerFooterStylesstyles = require("./useDrawerFooterStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerFooter/index.ts"],"sourcesContent":["export { DrawerFooter } from './DrawerFooter';\nexport type { DrawerFooterProps, DrawerFooterSlots, DrawerFooterState } from './DrawerFooter.types';\nexport { renderDrawerFooter_unstable } from './renderDrawerFooter';\nexport { useDrawerFooter_unstable } from './useDrawerFooter';\nexport { drawerFooterClassNames, useDrawerFooterStyles_unstable } from './useDrawerFooterStyles.styles';\n"],"names":["DrawerFooter","renderDrawerFooter_unstable","useDrawerFooter_unstable","drawerFooterClassNames","useDrawerFooterStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,0BAAY;;;eAIZG,mDAAsB;;;eAFtBF,+CAA2B;;;eAEHG,2DAA8B;;;eADtDF,yCAAwB;;;8BAHJ,iBAAiB;oCAEF,uBAAuB;iCAC1B,oBAAoB;6CACU,iCAAiC"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderDrawerFooter_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderDrawerFooter_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderDrawerFooter_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerFooter/renderDrawerFooter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { DrawerFooterSlots, DrawerFooterState } from './DrawerFooter.types';\n\n/**\n * Render the final JSX of DrawerFooter\n */\nexport const renderDrawerFooter_unstable = (state: DrawerFooterState): JSXElement => {\n  assertSlots<DrawerFooterSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderDrawerFooter_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCACrB,4BAA4B;AAQjD,MAAMC,8BAA8B,CAACC;QAC1CF,2BAAAA,EAA+BE;IAE/B,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

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

@@ -0,0 +1,31 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDrawerFooter_unstable", {
+    enumerable: true,
+    get: function() {
+        return useDrawerFooter_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 _drawerContext = require("../../contexts/drawerContext");
+const useDrawerFooter_unstable = (props, ref)=>{
+    const { scrollState } = (0, _drawerContext.useDrawerContext_unstable)();
+    return {
+        components: {
+            root: 'footer'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('footer', {
+            ref,
+            role: 'none',
+            ...props
+        }), {
+            elementType: 'footer'
+        }),
+        scrollState
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerFooter/useDrawerFooter.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport type { DrawerFooterProps, DrawerFooterState } from './DrawerFooter.types';\nimport { useDrawerContext_unstable } from '../../contexts/drawerContext';\n\n/**\n * Create the state required to render DrawerFooter.\n *\n * The returned state can be modified with hooks such as useDrawerFooterStyles_unstable,\n * before being passed to renderDrawerFooter_unstable.\n *\n * @param props - props from this instance of DrawerFooter\n * @param ref - reference to root HTMLElement of DrawerFooter\n */\nexport const useDrawerFooter_unstable = (props: DrawerFooterProps, ref: React.Ref<HTMLElement>): DrawerFooterState => {\n  const { scrollState } = useDrawerContext_unstable();\n\n  return {\n    components: {\n      root: 'footer',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('footer', {\n        ref,\n        role: 'none', // until header and footer elements can be scoped to a dialog, this is needed\n        ...props,\n      }),\n      { elementType: 'footer' },\n    ),\n\n    scrollState,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useDrawerContext_unstable","useDrawerFooter_unstable","props","ref","scrollState","components","root","always","role","elementType"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCACgB,4BAA4B;+BAGjC,+BAA+B;AAWlE,MAAMI,2BAA2B,CAACC,OAA0BC;IACjE,MAAM,EAAEC,WAAW,EAAE,OAAGJ,wCAAAA;IAExB,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMP,oBAAAA,CAAKQ,MAAM,KACfT,wCAAAA,EAAyB,UAAU;YACjCK;YACAK,MAAM;YACN,GAAGN,KAAK;QACV,IACA;YAAEO,aAAa;QAAS;QAG1BL;IACF;AACF,EAAE"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js

@@ -0,0 +1,77 @@
+'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, {
+    drawerFooterClassNames: function() {
+        return drawerFooterClassNames;
+    },
+    useDrawerFooterStyles_unstable: function() {
+        return useDrawerFooterStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const drawerFooterClassNames = {
+    root: 'fui-DrawerFooter'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1snvl2j", null, [
+    ".r1snvl2j{width:100%;max-width:100%;padding:var(--spacingVerticalL) var(--spacingHorizontalXXL) var(--spacingVerticalXXL);display:flex;justify-content:flex-start;align-items:center;column-gap:var(--spacingHorizontalS);box-sizing:border-box;position:relative;z-index:2;}"
+]);
+const useDrawerFooterStyles = /*#__PURE__*/ (0, _react.__styles)({
+    separator: {
+        Baz25je: "f16b62f1",
+        Brfgrao: "f1j7ml58",
+        mdwyqc: [
+            "f1f351id",
+            "f1fzr1x6"
+        ],
+        Fbdkly: [
+            "f1fzr1x6",
+            "f1f351id"
+        ],
+        vz82u: "f1dhznln",
+        cmx5o7: "f1p5zmk",
+        h7gv66: "f1ljjo4k",
+        B8bqphf: "ffd2d9j",
+        wjn42g: "ffdt3s5",
+        Ftih45: "f1wl9k8s",
+        Bciustq: "ffi060y"
+    },
+    separatorVisible: {
+        vz82u: "f1b3qyzu"
+    }
+}, {
+    d: [
+        ".f16b62f1::before{height:1px;}",
+        ".f1j7ml58::before{position:absolute;}",
+        ".f1f351id::before{right:0;}",
+        ".f1fzr1x6::before{left:0;}",
+        ".f1dhznln::before{opacity:0;}",
+        ".f1p5zmk::before{background-color:var(--colorNeutralStroke1);}",
+        ".f1ljjo4k::before{transition-duration:var(--durationNormal);}",
+        ".ffd2d9j::before{transition-property:opacity;}",
+        ".ffdt3s5::before{transition-timing-function:var(--curveEasyEase);}",
+        ".f1wl9k8s::before{content:\"\";}",
+        ".ffi060y::before{top:0;}",
+        ".f1b3qyzu::before{opacity:1;}"
+    ]
+});
+const useDrawerFooterStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    const rootStyles = useDrawerFooterStyles();
+    state.root.className = (0, _react.mergeClasses)(drawerFooterClassNames.root, styles, state.scrollState !== 'none' && rootStyles.separator, [
+        'middle',
+        'top'
+    ].includes(state.scrollState) && rootStyles.separatorVisible, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDrawerFooterStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { drawerSeparatorStyles } from '../../shared/drawerSeparatorStyles';\nexport const drawerFooterClassNames = {\n    root: 'fui-DrawerFooter'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeResetStyles({\n    width: '100%',\n    maxWidth: '100%',\n    padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalXXL} ${tokens.spacingVerticalXXL}`,\n    display: 'flex',\n    justifyContent: 'flex-start',\n    alignItems: 'center',\n    columnGap: tokens.spacingHorizontalS,\n    boxSizing: 'border-box',\n    position: 'relative',\n    zIndex: 2\n});\nconst useDrawerFooterStyles = makeStyles({\n    separator: {\n        '::before': {\n            ...drawerSeparatorStyles,\n            top: 0\n        }\n    },\n    separatorVisible: {\n        '::before': {\n            opacity: 1\n        }\n    }\n});\n/**\n * Apply styling to the DrawerFooter slots based on the state\n */ export const useDrawerFooterStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const rootStyles = useDrawerFooterStyles();\n    state.root.className = mergeClasses(drawerFooterClassNames.root, styles, state.scrollState !== 'none' && rootStyles.separator, [\n        'middle',\n        'top'\n    ].includes(state.scrollState) && rootStyles.separatorVisible, state.root.className);\n    return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","tokens","drawerSeparatorStyles","drawerFooterClassNames","root","useStyles","useDrawerFooterStyles","separator","Baz25je","Brfgrao","mdwyqc","Fbdkly","vz82u","cmx5o7","h7gv66","B8bqphf","wjn42g","Ftih45","Bciustq","separatorVisible","d","useDrawerFooterStyles_unstable","state","styles","rootStyles","className","scrollState","includes"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICK,sBAAsB;;;kCAgCY;;;;uBAnCW,gBAAgB;AAGnE,+BAA+B;IAClCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGP,oBAAA,EAAA,YAAA,MAAA;IAAA;CAWrB,CAAC;AACF,MAAMQ,qBAAqB,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAQ,SAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,KAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,gBAAA,EAAA;QAAAP,KAAA,EAAA;IAAA;AAAA,GAAA;IAAAQ,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAY7B,CAAC;AAGS,MAAMC,kCAAkCC,KAAK,IAAG;IACvD,aAAa;IACb,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;IAC1B,MAAMmB,UAAU,GAAGlB,qBAAqB,CAAC,CAAC;IAC1CgB,KAAK,CAAClB,IAAI,CAACqB,SAAS,OAAGzB,mBAAY,EAACG,sBAAsB,CAACC,IAAI,EAAEmB,MAAM,EAAED,KAAK,CAACI,WAAW,KAAK,MAAM,IAAIF,UAAU,CAACjB,SAAS,EAAE;QAC3H,QAAQ;QACR,KAAK;KACR,CAACoB,QAAQ,CAACL,KAAK,CAACI,WAAW,CAAC,IAAIF,UAAU,CAACL,gBAAgB,EAAEG,KAAK,CAAClB,IAAI,CAACqB,SAAS,CAAC;IACnF,OAAOH,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.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, {
+    drawerFooterClassNames: function() {
+        return drawerFooterClassNames;
+    },
+    useDrawerFooterStyles_unstable: function() {
+        return useDrawerFooterStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const _drawerSeparatorStyles = require("../../shared/drawerSeparatorStyles");
+const drawerFooterClassNames = {
+    root: 'fui-DrawerFooter'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeResetStyles)({
+    width: '100%',
+    maxWidth: '100%',
+    padding: `${_reacttheme.tokens.spacingVerticalL} ${_reacttheme.tokens.spacingHorizontalXXL} ${_reacttheme.tokens.spacingVerticalXXL}`,
+    display: 'flex',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    columnGap: _reacttheme.tokens.spacingHorizontalS,
+    boxSizing: 'border-box',
+    position: 'relative',
+    zIndex: 2
+});
+const useDrawerFooterStyles = (0, _react.makeStyles)({
+    separator: {
+        '::before': {
+            ..._drawerSeparatorStyles.drawerSeparatorStyles,
+            top: 0
+        }
+    },
+    separatorVisible: {
+        '::before': {
+            opacity: 1
+        }
+    }
+});
+const useDrawerFooterStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    const rootStyles = useDrawerFooterStyles();
+    state.root.className = (0, _react.mergeClasses)(drawerFooterClassNames.root, styles, state.scrollState !== 'none' && rootStyles.separator, [
+        'middle',
+        'top'
+    ].includes(state.scrollState) && rootStyles.separatorVisible, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerFooter/useDrawerFooterStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerFooter/useDrawerFooterStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nimport { drawerSeparatorStyles } from '../../shared/drawerSeparatorStyles';\n\nimport type { DrawerFooterSlots, DrawerFooterState } from './DrawerFooter.types';\n\nexport const drawerFooterClassNames: SlotClassNames<DrawerFooterSlots> = {\n  root: 'fui-DrawerFooter',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeResetStyles({\n  width: '100%',\n  maxWidth: '100%',\n  padding: `${tokens.spacingVerticalL} ${tokens.spacingHorizontalXXL} ${tokens.spacingVerticalXXL}`,\n  display: 'flex',\n  justifyContent: 'flex-start',\n  alignItems: 'center',\n  columnGap: tokens.spacingHorizontalS,\n  boxSizing: 'border-box',\n  position: 'relative',\n  zIndex: 2,\n});\n\nconst useDrawerFooterStyles = makeStyles({\n  separator: {\n    '::before': {\n      ...drawerSeparatorStyles,\n      top: 0,\n    },\n  },\n\n  separatorVisible: {\n    '::before': {\n      opacity: 1,\n    },\n  },\n});\n\n/**\n * Apply styling to the DrawerFooter slots based on the state\n */\nexport const useDrawerFooterStyles_unstable = (state: DrawerFooterState): DrawerFooterState => {\n  'use no memo';\n\n  const styles = useStyles();\n  const rootStyles = useDrawerFooterStyles();\n\n  state.root.className = mergeClasses(\n    drawerFooterClassNames.root,\n    styles,\n    state.scrollState !== 'none' && rootStyles.separator,\n    ['middle', 'top'].includes(state.scrollState) && rootStyles.separatorVisible,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","drawerSeparatorStyles","drawerFooterClassNames","root","useStyles","width","maxWidth","padding","spacingVerticalL","spacingHorizontalXXL","spacingVerticalXXL","display","justifyContent","alignItems","columnGap","spacingHorizontalS","boxSizing","position","zIndex","useDrawerFooterStyles","separator","top","separatorVisible","opacity","useDrawerFooterStyles_unstable","state","styles","rootStyles","className","scrollState","includes"],"mappings":"AAAA;;;;;;;;;;;;IAUaK,sBAAAA;;;kCAsCAsB;;;;uBA9C6C,iBAAiB;4BACpD,wBAAwB;uCAGT,qCAAqC;AAIpE,+BAAkE;IACvErB,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYP,sBAAAA,EAAgB;IAChCQ,OAAO;IACPC,UAAU;IACVC,SAAS,GAAGP,kBAAAA,CAAOQ,gBAAgB,CAAC,CAAC,EAAER,kBAAAA,CAAOS,oBAAoB,CAAC,CAAC,EAAET,kBAAAA,CAAOU,kBAAkB,EAAE;IACjGC,SAAS;IACTC,gBAAgB;IAChBC,YAAY;IACZC,WAAWd,kBAAAA,CAAOe,kBAAkB;IACpCC,WAAW;IACXC,UAAU;IACVC,QAAQ;AACV;AAEA,MAAMC,4BAAwBrB,iBAAAA,EAAW;IACvCsB,WAAW;QACT,YAAY;YACV,GAAGnB,4CAAqB;YACxBoB,KAAK;QACP;IACF;IAEAC,kBAAkB;QAChB,YAAY;YACVC,SAAS;QACX;IACF;AACF;AAKO,MAAMC,iCAAiC,CAACC;IAC7C;IAEA,MAAMC,SAAStB;IACf,MAAMuB,aAAaR;IAEnBM,MAAMtB,IAAI,CAACyB,SAAS,OAAG7B,mBAAAA,EACrBG,uBAAuBC,IAAI,EAC3BuB,QACAD,MAAMI,WAAW,KAAK,UAAUF,WAAWP,SAAS,EACpD;QAAC;QAAU;KAAM,CAACU,QAAQ,CAACL,MAAMI,WAAW,KAAKF,WAAWL,gBAAgB,EAC5EG,MAAMtB,IAAI,CAACyB,SAAS;IAGtB,OAAOH;AACT,EAAE"}

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

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DrawerHeader", {
+    enumerable: true,
+    get: function() {
+        return DrawerHeader;
+    }
+});
+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 _useDrawerHeader = require("./useDrawerHeader");
+const _renderDrawerHeader = require("./renderDrawerHeader");
+const _useDrawerHeaderStylesstyles = require("./useDrawerHeaderStyles.styles");
+const DrawerHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useDrawerHeader.useDrawerHeader_unstable)(props, ref);
+    (0, _useDrawerHeaderStylesstyles.useDrawerHeaderStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDrawerHeaderStyles_unstable')(state);
+    return (0, _renderDrawerHeader.renderDrawerHeader_unstable)(state);
+});
+DrawerHeader.displayName = 'DrawerHeader';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeader/DrawerHeader.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 { useDrawerHeader_unstable } from './useDrawerHeader';\nimport { renderDrawerHeader_unstable } from './renderDrawerHeader';\nimport { useDrawerHeaderStyles_unstable } from './useDrawerHeaderStyles.styles';\nimport type { DrawerHeaderProps } from './DrawerHeader.types';\n\n/**\n * DrawerHeader provides a structured header for the drawer component.\n */\nexport const DrawerHeader: ForwardRefComponent<DrawerHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useDrawerHeader_unstable(props, ref);\n\n  useDrawerHeaderStyles_unstable(state);\n  useCustomStyleHook_unstable('useDrawerHeaderStyles_unstable')(state);\n\n  return renderDrawerHeader_unstable(state);\n});\n\nDrawerHeader.displayName = 'DrawerHeader';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerHeader_unstable","renderDrawerHeader_unstable","useDrawerHeaderStyles_unstable","DrawerHeader","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;iCAErC,oBAAoB;oCACjB,uBAAuB;6CACpB,iCAAiC;AAMzE,MAAMK,eAAAA,WAAAA,GAAuDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,YAAQP,yCAAAA,EAAyBK,OAAOC;QAE9CJ,2DAAAA,EAA+BK;QAC/BR,gDAAAA,EAA4B,kCAAkCQ;IAE9D,WAAON,+CAAAA,EAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeader/DrawerHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nimport { DrawerScrollState } from '../../shared/DrawerBase.types';\n\nexport type DrawerHeaderSlots = {\n  /**\n   * The root of the DrawerHeader.\n   */\n  root: Slot<'header'>;\n};\n\n/**\n * DrawerHeader Props\n */\nexport type DrawerHeaderProps = ComponentProps<DrawerHeaderSlots>;\n\n/**\n * State used in rendering DrawerHeader\n */\nexport type DrawerHeaderState = ComponentState<DrawerHeaderSlots> & {\n  scrollState: DrawerScrollState;\n};\n"],"names":[],"mappings":"AAgBA;;CAEC,GACD,WAEE"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeader/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, {
+    DrawerHeader: function() {
+        return _DrawerHeader.DrawerHeader;
+    },
+    drawerHeaderClassNames: function() {
+        return _useDrawerHeaderStylesstyles.drawerHeaderClassNames;
+    },
+    renderDrawerHeader_unstable: function() {
+        return _renderDrawerHeader.renderDrawerHeader_unstable;
+    },
+    useDrawerHeaderStyles_unstable: function() {
+        return _useDrawerHeaderStylesstyles.useDrawerHeaderStyles_unstable;
+    },
+    useDrawerHeader_unstable: function() {
+        return _useDrawerHeader.useDrawerHeader_unstable;
+    }
+});
+const _DrawerHeader = require("./DrawerHeader");
+const _renderDrawerHeader = require("./renderDrawerHeader");
+const _useDrawerHeader = require("./useDrawerHeader");
+const _useDrawerHeaderStylesstyles = require("./useDrawerHeaderStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeader/index.ts"],"sourcesContent":["export { DrawerHeader } from './DrawerHeader';\nexport type { DrawerHeaderProps, DrawerHeaderSlots, DrawerHeaderState } from './DrawerHeader.types';\nexport { renderDrawerHeader_unstable } from './renderDrawerHeader';\nexport { useDrawerHeader_unstable } from './useDrawerHeader';\nexport { drawerHeaderClassNames, useDrawerHeaderStyles_unstable } from './useDrawerHeaderStyles.styles';\n"],"names":["DrawerHeader","renderDrawerHeader_unstable","useDrawerHeader_unstable","drawerHeaderClassNames","useDrawerHeaderStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,0BAAY;;;eAIZG,mDAAsB;;;eAFtBF,+CAA2B;;;eAEHG,2DAA8B;;;eADtDF,yCAAwB;;;8BAHJ,iBAAiB;oCAEF,uBAAuB;iCAC1B,oBAAoB;6CACU,iCAAiC"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderDrawerHeader_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderDrawerHeader_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderDrawerHeader_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeader/renderDrawerHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { DrawerHeaderState, DrawerHeaderSlots } from './DrawerHeader.types';\n\n/**\n * Render the final JSX of DrawerHeader\n */\nexport const renderDrawerHeader_unstable = (state: DrawerHeaderState): JSXElement => {\n  assertSlots<DrawerHeaderSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderDrawerHeader_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCACrB,4BAA4B;AAQjD,MAAMC,8BAA8B,CAACC;QAC1CF,2BAAAA,EAA+BE;IAE/B,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

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

@@ -0,0 +1,31 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDrawerHeader_unstable", {
+    enumerable: true,
+    get: function() {
+        return useDrawerHeader_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 _drawerContext = require("../../contexts/drawerContext");
+const useDrawerHeader_unstable = (props, ref)=>{
+    const { scrollState } = (0, _drawerContext.useDrawerContext_unstable)();
+    return {
+        components: {
+            root: 'header'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('header', {
+            ref,
+            role: 'none',
+            ...props
+        }), {
+            elementType: 'header'
+        }),
+        scrollState
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeader/useDrawerHeader.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport { useDrawerContext_unstable } from '../../contexts/drawerContext';\n\nimport type { DrawerHeaderProps, DrawerHeaderState } from './DrawerHeader.types';\n\n/**\n * Create the state required to render DrawerHeader.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderStyles_unstable,\n * before being passed to renderDrawerHeader_unstable.\n *\n * @param props - props from this instance of DrawerHeader\n * @param ref - reference to root HTMLElement of DrawerHeader\n */\nexport const useDrawerHeader_unstable = (props: DrawerHeaderProps, ref: React.Ref<HTMLElement>): DrawerHeaderState => {\n  const { scrollState } = useDrawerContext_unstable();\n\n  return {\n    components: {\n      root: 'header',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('header', {\n        ref,\n        role: 'none', // until header and footer elements can be scoped to a dialog, this is needed\n        ...props,\n      }),\n      { elementType: 'header' },\n    ),\n\n    scrollState,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useDrawerContext_unstable","useDrawerHeader_unstable","props","ref","scrollState","components","root","always","role","elementType"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCACgB,4BAA4B;+BAEjC,+BAA+B;AAalE,MAAMI,2BAA2B,CAACC,OAA0BC;IACjE,MAAM,EAAEC,WAAW,EAAE,OAAGJ,wCAAAA;IAExB,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMP,oBAAAA,CAAKQ,MAAM,KACfT,wCAAAA,EAAyB,UAAU;YACjCK;YACAK,MAAM;YACN,GAAGN,KAAK;QACV,IACA;YAAEO,aAAa;QAAS;QAG1BL;IACF;AACF,EAAE"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js

@@ -0,0 +1,77 @@
+'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, {
+    drawerHeaderClassNames: function() {
+        return drawerHeaderClassNames;
+    },
+    useDrawerHeaderStyles_unstable: function() {
+        return useDrawerHeaderStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const drawerHeaderClassNames = {
+    root: 'fui-DrawerHeader'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r3ovn4i", null, [
+    ".r3ovn4i{width:100%;max-width:100%;padding:var(--spacingVerticalXXL) var(--spacingHorizontalXXL) var(--spacingVerticalS);gap:var(--spacingHorizontalS);align-self:stretch;display:flex;flex-direction:column;box-sizing:border-box;position:relative;z-index:2;}"
+]);
+const useDrawerHeaderStyles = /*#__PURE__*/ (0, _react.__styles)({
+    separator: {
+        Dlnsje: "fxnjyrl",
+        E3zdtr: "f1mdlcz9",
+        B1piin3: [
+            "f15yvnhg",
+            "f1n6gb5g"
+        ],
+        Eqx8gd: [
+            "f1n6gb5g",
+            "f15yvnhg"
+        ],
+        Bp15pi3: "f1564nw5",
+        Bjyk6c5: "fdlpgxj",
+        F2fol1: "f15cmg8x",
+        Ba2ppi3: "f3f8dgl",
+        B1dyfl9: "fjvo4va",
+        Bsft5z2: "f13zj6fq",
+        By385i5: "fo72kxq"
+    },
+    separatorVisible: {
+        Bp15pi3: "fjsqi2x"
+    }
+}, {
+    d: [
+        ".fxnjyrl::after{height:1px;}",
+        ".f1mdlcz9::after{position:absolute;}",
+        ".f15yvnhg::after{right:0;}",
+        ".f1n6gb5g::after{left:0;}",
+        ".f1564nw5::after{opacity:0;}",
+        ".fdlpgxj::after{background-color:var(--colorNeutralStroke1);}",
+        ".f15cmg8x::after{transition-duration:var(--durationNormal);}",
+        ".f3f8dgl::after{transition-property:opacity;}",
+        ".fjvo4va::after{transition-timing-function:var(--curveEasyEase);}",
+        ".f13zj6fq::after{content:\"\";}",
+        ".fo72kxq::after{bottom:0;}",
+        ".fjsqi2x::after{opacity:1;}"
+    ]
+});
+const useDrawerHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    const rootStyles = useDrawerHeaderStyles();
+    state.root.className = (0, _react.mergeClasses)(drawerHeaderClassNames.root, styles, state.scrollState !== 'none' && rootStyles.separator, [
+        'middle',
+        'bottom'
+    ].includes(state.scrollState) && rootStyles.separatorVisible, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDrawerHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { drawerSeparatorStyles } from '../../shared/drawerSeparatorStyles';\nexport const drawerHeaderClassNames = {\n    root: 'fui-DrawerHeader'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeResetStyles({\n    width: '100%',\n    maxWidth: '100%',\n    padding: `${tokens.spacingVerticalXXL} ${tokens.spacingHorizontalXXL} ${tokens.spacingVerticalS}`,\n    gap: tokens.spacingHorizontalS,\n    alignSelf: 'stretch',\n    display: 'flex',\n    flexDirection: 'column',\n    boxSizing: 'border-box',\n    position: 'relative',\n    zIndex: 2\n});\nconst useDrawerHeaderStyles = makeStyles({\n    separator: {\n        '::after': {\n            ...drawerSeparatorStyles,\n            bottom: 0\n        }\n    },\n    separatorVisible: {\n        '::after': {\n            opacity: 1\n        }\n    }\n});\n/**\n * Apply styling to the DrawerHeader slots based on the state\n */ export const useDrawerHeaderStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const rootStyles = useDrawerHeaderStyles();\n    state.root.className = mergeClasses(drawerHeaderClassNames.root, styles, state.scrollState !== 'none' && rootStyles.separator, [\n        'middle',\n        'bottom'\n    ].includes(state.scrollState) && rootStyles.separatorVisible, state.root.className);\n    return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","tokens","drawerSeparatorStyles","drawerHeaderClassNames","root","useStyles","useDrawerHeaderStyles","separator","Dlnsje","E3zdtr","B1piin3","Eqx8gd","Bp15pi3","Bjyk6c5","F2fol1","Ba2ppi3","B1dyfl9","Bsft5z2","By385i5","separatorVisible","d","useDrawerHeaderStyles_unstable","state","styles","rootStyles","className","scrollState","includes"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICK,sBAAsB;;;kCAgCY;;;;uBAnCW,gBAAgB;AAGnE,+BAA+B;IAClCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGP,oBAAA,EAAA,WAAA,MAAA;IAAA;CAWrB,CAAC;AACF,MAAMQ,qBAAqB,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAQ,SAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,gBAAA,EAAA;QAAAP,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAQ,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAY7B,CAAC;AAGS,MAAMC,kCAAkCC,KAAK,IAAG;IACvD,aAAa;IACb,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;IAC1B,MAAMmB,UAAU,GAAGlB,qBAAqB,CAAC,CAAC;IAC1CgB,KAAK,CAAClB,IAAI,CAACqB,SAAS,OAAGzB,mBAAY,EAACG,sBAAsB,CAACC,IAAI,EAAEmB,MAAM,EAAED,KAAK,CAACI,WAAW,KAAK,MAAM,IAAIF,UAAU,CAACjB,SAAS,EAAE;QAC3H,QAAQ;QACR,QAAQ;KACX,CAACoB,QAAQ,CAACL,KAAK,CAACI,WAAW,CAAC,IAAIF,UAAU,CAACL,gBAAgB,EAAEG,KAAK,CAAClB,IAAI,CAACqB,SAAS,CAAC;IACnF,OAAOH,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.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, {
+    drawerHeaderClassNames: function() {
+        return drawerHeaderClassNames;
+    },
+    useDrawerHeaderStyles_unstable: function() {
+        return useDrawerHeaderStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const _drawerSeparatorStyles = require("../../shared/drawerSeparatorStyles");
+const drawerHeaderClassNames = {
+    root: 'fui-DrawerHeader'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeResetStyles)({
+    width: '100%',
+    maxWidth: '100%',
+    padding: `${_reacttheme.tokens.spacingVerticalXXL} ${_reacttheme.tokens.spacingHorizontalXXL} ${_reacttheme.tokens.spacingVerticalS}`,
+    gap: _reacttheme.tokens.spacingHorizontalS,
+    alignSelf: 'stretch',
+    display: 'flex',
+    flexDirection: 'column',
+    boxSizing: 'border-box',
+    position: 'relative',
+    zIndex: 2
+});
+const useDrawerHeaderStyles = (0, _react.makeStyles)({
+    separator: {
+        '::after': {
+            ..._drawerSeparatorStyles.drawerSeparatorStyles,
+            bottom: 0
+        }
+    },
+    separatorVisible: {
+        '::after': {
+            opacity: 1
+        }
+    }
+});
+const useDrawerHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    const rootStyles = useDrawerHeaderStyles();
+    state.root.className = (0, _react.mergeClasses)(drawerHeaderClassNames.root, styles, state.scrollState !== 'none' && rootStyles.separator, [
+        'middle',
+        'bottom'
+    ].includes(state.scrollState) && rootStyles.separatorVisible, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeader/useDrawerHeaderStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeader/useDrawerHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nimport { drawerSeparatorStyles } from '../../shared/drawerSeparatorStyles';\n\nimport type { DrawerHeaderSlots, DrawerHeaderState } from './DrawerHeader.types';\n\nexport const drawerHeaderClassNames: SlotClassNames<DrawerHeaderSlots> = {\n  root: 'fui-DrawerHeader',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeResetStyles({\n  width: '100%',\n  maxWidth: '100%',\n  padding: `${tokens.spacingVerticalXXL} ${tokens.spacingHorizontalXXL} ${tokens.spacingVerticalS}`,\n  gap: tokens.spacingHorizontalS,\n  alignSelf: 'stretch',\n  display: 'flex',\n  flexDirection: 'column',\n  boxSizing: 'border-box',\n  position: 'relative',\n  zIndex: 2,\n});\n\nconst useDrawerHeaderStyles = makeStyles({\n  separator: {\n    '::after': {\n      ...drawerSeparatorStyles,\n      bottom: 0,\n    },\n  },\n\n  separatorVisible: {\n    '::after': {\n      opacity: 1,\n    },\n  },\n});\n\n/**\n * Apply styling to the DrawerHeader slots based on the state\n */\nexport const useDrawerHeaderStyles_unstable = (state: DrawerHeaderState): DrawerHeaderState => {\n  'use no memo';\n\n  const styles = useStyles();\n  const rootStyles = useDrawerHeaderStyles();\n\n  state.root.className = mergeClasses(\n    drawerHeaderClassNames.root,\n    styles,\n    state.scrollState !== 'none' && rootStyles.separator,\n    ['middle', 'bottom'].includes(state.scrollState) && rootStyles.separatorVisible,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","drawerSeparatorStyles","drawerHeaderClassNames","root","useStyles","width","maxWidth","padding","spacingVerticalXXL","spacingHorizontalXXL","spacingVerticalS","gap","spacingHorizontalS","alignSelf","display","flexDirection","boxSizing","position","zIndex","useDrawerHeaderStyles","separator","bottom","separatorVisible","opacity","useDrawerHeaderStyles_unstable","state","styles","rootStyles","className","scrollState","includes"],"mappings":"AAAA;;;;;;;;;;;;IAUaK,sBAAAA;;;kCAsCAsB;;;;uBA9C6C,iBAAiB;4BACpD,wBAAwB;uCAGT,qCAAqC;AAIpE,+BAAkE;IACvErB,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYP,sBAAAA,EAAgB;IAChCQ,OAAO;IACPC,UAAU;IACVC,SAAS,GAAGP,kBAAAA,CAAOQ,kBAAkB,CAAC,CAAC,EAAER,kBAAAA,CAAOS,oBAAoB,CAAC,CAAC,EAAET,kBAAAA,CAAOU,gBAAgB,EAAE;IACjGC,KAAKX,kBAAAA,CAAOY,kBAAkB;IAC9BC,WAAW;IACXC,SAAS;IACTC,eAAe;IACfC,WAAW;IACXC,UAAU;IACVC,QAAQ;AACV;AAEA,MAAMC,4BAAwBrB,iBAAAA,EAAW;IACvCsB,WAAW;QACT,WAAW;YACT,GAAGnB,4CAAqB;YACxBoB,QAAQ;QACV;IACF;IAEAC,kBAAkB;QAChB,WAAW;YACTC,SAAS;QACX;IACF;AACF;AAKO,MAAMC,iCAAiC,CAACC;IAC7C;IAEA,MAAMC,SAAStB;IACf,MAAMuB,aAAaR;IAEnBM,MAAMtB,IAAI,CAACyB,SAAS,OAAG7B,mBAAAA,EACrBG,uBAAuBC,IAAI,EAC3BuB,QACAD,MAAMI,WAAW,KAAK,UAAUF,WAAWP,SAAS,EACpD;QAAC;QAAU;KAAS,CAACU,QAAQ,CAACL,MAAMI,WAAW,KAAKF,WAAWL,gBAAgB,EAC/EG,MAAMtB,IAAI,CAACyB,SAAS;IAGtB,OAAOH;AACT,EAAE"}

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

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DrawerHeaderNavigation", {
+    enumerable: true,
+    get: function() {
+        return DrawerHeaderNavigation;
+    }
+});
+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 _useDrawerHeaderNavigation = require("./useDrawerHeaderNavigation");
+const _renderDrawerHeaderNavigation = require("./renderDrawerHeaderNavigation");
+const _useDrawerHeaderNavigationStylesstyles = require("./useDrawerHeaderNavigationStyles.styles");
+const DrawerHeaderNavigation = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useDrawerHeaderNavigation.useDrawerHeaderNavigation_unstable)(props, ref);
+    (0, _useDrawerHeaderNavigationStylesstyles.useDrawerHeaderNavigationStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDrawerHeaderNavigationStyles_unstable')(state);
+    return (0, _renderDrawerHeaderNavigation.renderDrawerHeaderNavigation_unstable)(state);
+});
+DrawerHeaderNavigation.displayName = 'DrawerHeaderNavigation';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeaderNavigation/DrawerHeaderNavigation.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 { useDrawerHeaderNavigation_unstable } from './useDrawerHeaderNavigation';\nimport { renderDrawerHeaderNavigation_unstable } from './renderDrawerHeaderNavigation';\nimport { useDrawerHeaderNavigationStyles_unstable } from './useDrawerHeaderNavigationStyles.styles';\nimport type { DrawerHeaderNavigationProps } from './DrawerHeaderNavigation.types';\n\n/**\n * DrawerHeaderNavigation provides a header navigation area for the Drawer.\n */\nexport const DrawerHeaderNavigation: ForwardRefComponent<DrawerHeaderNavigationProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useDrawerHeaderNavigation_unstable(props, ref);\n\n    useDrawerHeaderNavigationStyles_unstable(state);\n    useCustomStyleHook_unstable('useDrawerHeaderNavigationStyles_unstable')(state);\n\n    return renderDrawerHeaderNavigation_unstable(state);\n  },\n);\n\nDrawerHeaderNavigation.displayName = 'DrawerHeaderNavigation';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerHeaderNavigation_unstable","renderDrawerHeaderNavigation_unstable","useDrawerHeaderNavigationStyles_unstable","DrawerHeaderNavigation","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;2CAE3B,8BAA8B;8CAC3B,iCAAiC;uDAC9B,2CAA2C;AAM7F,MAAMK,yBAAAA,WAAAA,GAA2EL,OAAMM,UAAU,CACtG,CAACC,OAAOC;IACN,MAAMC,YAAQP,6DAAAA,EAAmCK,OAAOC;QAExDJ,+EAAAA,EAAyCK;QACzCR,gDAAAA,EAA4B,4CAA4CQ;IAExE,WAAON,mEAAAA,EAAsCM;AAC/C,GACA;AAEFJ,uBAAuBK,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeaderNavigation/DrawerHeaderNavigation.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerHeaderNavigationSlots = {\n  root: Slot<'nav'>;\n};\n\n/**\n * DrawerHeaderNavigation Props\n */\nexport type DrawerHeaderNavigationProps = ComponentProps<DrawerHeaderNavigationSlots>;\n\n/**\n * State used in rendering DrawerHeaderNavigation\n */\nexport type DrawerHeaderNavigationState = ComponentState<DrawerHeaderNavigationSlots>;\n"],"names":[],"mappings":"AAWA;;CAEC,GACD,WAAsF"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeaderNavigation/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, {
+    DrawerHeaderNavigation: function() {
+        return _DrawerHeaderNavigation.DrawerHeaderNavigation;
+    },
+    drawerHeaderNavigationClassNames: function() {
+        return _useDrawerHeaderNavigationStylesstyles.drawerHeaderNavigationClassNames;
+    },
+    renderDrawerHeaderNavigation_unstable: function() {
+        return _renderDrawerHeaderNavigation.renderDrawerHeaderNavigation_unstable;
+    },
+    useDrawerHeaderNavigationStyles_unstable: function() {
+        return _useDrawerHeaderNavigationStylesstyles.useDrawerHeaderNavigationStyles_unstable;
+    },
+    useDrawerHeaderNavigation_unstable: function() {
+        return _useDrawerHeaderNavigation.useDrawerHeaderNavigation_unstable;
+    }
+});
+const _DrawerHeaderNavigation = require("./DrawerHeaderNavigation");
+const _renderDrawerHeaderNavigation = require("./renderDrawerHeaderNavigation");
+const _useDrawerHeaderNavigation = require("./useDrawerHeaderNavigation");
+const _useDrawerHeaderNavigationStylesstyles = require("./useDrawerHeaderNavigationStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeaderNavigation/index.ts"],"sourcesContent":["export { DrawerHeaderNavigation } from './DrawerHeaderNavigation';\nexport type {\n  DrawerHeaderNavigationProps,\n  DrawerHeaderNavigationSlots,\n  DrawerHeaderNavigationState,\n} from './DrawerHeaderNavigation.types';\nexport { renderDrawerHeaderNavigation_unstable } from './renderDrawerHeaderNavigation';\nexport { useDrawerHeaderNavigation_unstable } from './useDrawerHeaderNavigation';\nexport {\n  drawerHeaderNavigationClassNames,\n  useDrawerHeaderNavigationStyles_unstable,\n} from './useDrawerHeaderNavigationStyles.styles';\n"],"names":["DrawerHeaderNavigation","renderDrawerHeaderNavigation_unstable","useDrawerHeaderNavigation_unstable","drawerHeaderNavigationClassNames","useDrawerHeaderNavigationStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8CAAsB;;;eAS7BG,uEAAgC;;;eAHzBF,mEAAqC;;;eAI5CG,+EAAwC;;;eAHjCF,6DAAkC;;;wCAPJ,2BAA2B;8CAMZ,iCAAiC;2CACpC,8BAA8B;uDAI1E,2CAA2C"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderDrawerHeaderNavigation_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderDrawerHeaderNavigation_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderDrawerHeaderNavigation_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { DrawerHeaderNavigationSlots, DrawerHeaderNavigationState } from './DrawerHeaderNavigation.types';\n\n/**\n * Render the final JSX of DrawerHeaderNavigation\n */\nexport const renderDrawerHeaderNavigation_unstable = (state: DrawerHeaderNavigationState): JSXElement => {\n  assertSlots<DrawerHeaderNavigationSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderDrawerHeaderNavigation_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCACrB,4BAA4B;AAQjD,MAAMC,wCAAwC,CAACC;QACpDF,2BAAAA,EAAyCE;IAEzC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDrawerHeaderNavigation_unstable", {
+    enumerable: true,
+    get: function() {
+        return useDrawerHeaderNavigation_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 useDrawerHeaderNavigation_unstable = (props, ref)=>{
+    return {
+        components: {
+            root: 'nav'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('nav', {
+            ref,
+            ...props
+        }), {
+            elementType: 'nav'
+        })
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport type { DrawerHeaderNavigationProps, DrawerHeaderNavigationState } from './DrawerHeaderNavigation.types';\n\n/**\n * Create the state required to render DrawerHeaderNavigation.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderNavigationStyles_unstable,\n * before being passed to renderDrawerHeaderNavigation_unstable.\n *\n * @param props - props from this instance of DrawerHeaderNavigation\n * @param ref - reference to root HTMLElement of DrawerHeaderNavigation\n */\nexport const useDrawerHeaderNavigation_unstable = (\n  props: DrawerHeaderNavigationProps,\n  ref: React.Ref<HTMLElement>,\n): DrawerHeaderNavigationState => {\n  return {\n    components: {\n      root: 'nav',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('nav', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'nav' },\n    ),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useDrawerHeaderNavigation_unstable","props","ref","components","root","always","elementType"],"mappings":";;;;+BAcaG;;;;;;;iEAdU,QAAQ;gCACgB,4BAA4B;AAapE,2CAA2C,CAChDC,OACAC;IAEA,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QAEAA,MAAML,oBAAAA,CAAKM,MAAM,KACfP,wCAAAA,EAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAM;IAEzB;AACF,EAAE"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js

@@ -0,0 +1,34 @@
+'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, {
+    drawerHeaderNavigationClassNames: function() {
+        return drawerHeaderNavigationClassNames;
+    },
+    useDrawerHeaderNavigationStyles_unstable: function() {
+        return useDrawerHeaderNavigationStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const drawerHeaderNavigationClassNames = {
+    root: 'fui-DrawerHeaderNavigation'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1ig4pwh", null, [
+    ".r1ig4pwh{margin:calc(var(--spacingVerticalS) * -1) calc(var(--spacingHorizontalL) * -1);}"
+]);
+const useDrawerHeaderNavigationStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(drawerHeaderNavigationClassNames.root, styles, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDrawerHeaderNavigationStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderNavigationClassNames = {\n    root: 'fui-DrawerHeaderNavigation'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeResetStyles({\n    margin: `calc(${tokens.spacingVerticalS} * -1) calc(${tokens.spacingHorizontalL} * -1)`\n});\n/**\n * Apply styling to the DrawerHeaderNavigation slots based on the state\n */ export const useDrawerHeaderNavigationStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(drawerHeaderNavigationClassNames.root, styles, state.root.className);\n    return state;\n};\n"],"names":["__resetStyles","mergeClasses","tokens","drawerHeaderNavigationClassNames","root","useStyles","useDrawerHeaderNavigationStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;oCAGiC;;;4CAUY;;;;uBAZX,gBAAgB;AAEvD,MAAMG,mCAAmC;IAC5CC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,oBAAA,EAAA,YAAA,MAAA;IAAA;CAErB,CAAC;AAGS,MAAMM,4CAA4CC,KAAK,IAAG;IACjE,aAAa;IACb,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;IAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGR,mBAAY,EAACE,gCAAgC,CAACC,IAAI,EAAEI,MAAM,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IACxG,OAAOF,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.raw.js

@@ -0,0 +1,35 @@
+'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, {
+    drawerHeaderNavigationClassNames: function() {
+        return drawerHeaderNavigationClassNames;
+    },
+    useDrawerHeaderNavigationStyles_unstable: function() {
+        return useDrawerHeaderNavigationStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const drawerHeaderNavigationClassNames = {
+    root: 'fui-DrawerHeaderNavigation'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeResetStyles)({
+    margin: `calc(${_reacttheme.tokens.spacingVerticalS} * -1) calc(${_reacttheme.tokens.spacingHorizontalL} * -1)`
+});
+const useDrawerHeaderNavigationStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(drawerHeaderNavigationClassNames.root, styles, state.root.className);
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nimport type { DrawerHeaderNavigationSlots, DrawerHeaderNavigationState } from './DrawerHeaderNavigation.types';\n\nexport const drawerHeaderNavigationClassNames: SlotClassNames<DrawerHeaderNavigationSlots> = {\n  root: 'fui-DrawerHeaderNavigation',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeResetStyles({\n  margin: `calc(${tokens.spacingVerticalS} * -1) calc(${tokens.spacingHorizontalL} * -1)`,\n});\n\n/**\n * Apply styling to the DrawerHeaderNavigation slots based on the state\n */\nexport const useDrawerHeaderNavigationStyles_unstable = (\n  state: DrawerHeaderNavigationState,\n): DrawerHeaderNavigationState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(drawerHeaderNavigationClassNames.root, styles, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","drawerHeaderNavigationClassNames","root","useStyles","margin","spacingVerticalS","spacingHorizontalL","useDrawerHeaderNavigationStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAQaG,gCAAAA;;;IAcAM,wCAAAA;;;;uBApBiC,iBAAiB;4BACxC,wBAAwB;AAKxC,yCAAsF;IAC3FL,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,0BAAAA,EAAgB;IAChCM,QAAQ,CAAC,KAAK,EAAEJ,kBAAAA,CAAOK,gBAAgB,CAAC,YAAY,EAAEL,kBAAAA,CAAOM,kBAAkB,CAAC,MAAM,CAAC;AACzF;AAKO,iDAAiD,CACtDE;IAEA;IAEA,MAAMC,SAASN;IAEfK,MAAMN,IAAI,CAACQ,SAAS,OAAGX,mBAAAA,EAAaE,iCAAiCC,IAAI,EAAEO,QAAQD,MAAMN,IAAI,CAACQ,SAAS;IAEvG,OAAOF;AACT,EAAE"}

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

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DrawerHeaderTitle", {
+    enumerable: true,
+    get: function() {
+        return DrawerHeaderTitle;
+    }
+});
+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 _useDrawerHeaderTitle = require("./useDrawerHeaderTitle");
+const _renderDrawerHeaderTitle = require("./renderDrawerHeaderTitle");
+const _useDrawerHeaderTitleStylesstyles = require("./useDrawerHeaderTitleStyles.styles");
+const DrawerHeaderTitle = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useDrawerHeaderTitle.useDrawerHeaderTitle_unstable)(props, ref);
+    (0, _useDrawerHeaderTitleStylesstyles.useDrawerHeaderTitleStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDrawerHeaderTitleStyles_unstable')(state);
+    return (0, _renderDrawerHeaderTitle.renderDrawerHeaderTitle_unstable)(state);
+});
+DrawerHeaderTitle.displayName = 'DrawerHeaderTitle';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeaderTitle/DrawerHeaderTitle.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 { useDrawerHeaderTitle_unstable } from './useDrawerHeaderTitle';\nimport { renderDrawerHeaderTitle_unstable } from './renderDrawerHeaderTitle';\nimport { useDrawerHeaderTitleStyles_unstable } from './useDrawerHeaderTitleStyles.styles';\nimport type { DrawerHeaderTitleProps } from './DrawerHeaderTitle.types';\n\n/**\n * DrawerHeader provides a structured header for the drawer component.\n */\nexport const DrawerHeaderTitle: ForwardRefComponent<DrawerHeaderTitleProps> = React.forwardRef((props, ref) => {\n  const state = useDrawerHeaderTitle_unstable(props, ref);\n\n  useDrawerHeaderTitleStyles_unstable(state);\n  useCustomStyleHook_unstable('useDrawerHeaderTitleStyles_unstable')(state);\n\n  return renderDrawerHeaderTitle_unstable(state);\n});\n\nDrawerHeaderTitle.displayName = 'DrawerHeaderTitle';\n"],"names":["React","useCustomStyleHook_unstable","useDrawerHeaderTitle_unstable","renderDrawerHeaderTitle_unstable","useDrawerHeaderTitleStyles_unstable","DrawerHeaderTitle","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;sCAEhC,yBAAyB;yCACtB,4BAA4B;kDACzB,sCAAsC;AAMnF,MAAMK,oBAAAA,WAAAA,GAAiEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,YAAQP,mDAAAA,EAA8BK,OAAOC;QAEnDJ,qEAAAA,EAAoCK;QACpCR,gDAAAA,EAA4B,uCAAuCQ;IAEnE,WAAON,yDAAAA,EAAiCM;AAC1C,GAAG;AAEHJ,kBAAkBK,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeaderTitle/DrawerHeaderTitle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DrawerHeaderTitleSlots = {\n  root: Slot<'div'>;\n\n  /**\n   * By default this is a h2, but can be any heading or div.\n   * If `div` is provided do not forget to also provide proper `role=\"heading\"` and `aria-level` attributes\n   */\n  heading?: Slot<'h2', 'h1' | 'h3' | 'h4' | 'h5' | 'h6' | 'div'>;\n\n  /**\n   * Action slot for the close button\n   */\n  action?: Slot<'div'>;\n};\n\n/**\n * DrawerHeaderTitle Props\n */\nexport type DrawerHeaderTitleProps = ComponentProps<DrawerHeaderTitleSlots>;\n\n/**\n * State used in rendering DrawerHeaderTitle\n */\nexport type DrawerHeaderTitleState = ComponentState<DrawerHeaderTitleSlots>;\n"],"names":[],"mappings":"AAsBA;;CAEC,GACD,WAA4E"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeaderTitle/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, {
+    DrawerHeaderTitle: function() {
+        return _DrawerHeaderTitle.DrawerHeaderTitle;
+    },
+    drawerHeaderTitleClassNames: function() {
+        return _useDrawerHeaderTitleStylesstyles.drawerHeaderTitleClassNames;
+    },
+    renderDrawerHeaderTitle_unstable: function() {
+        return _renderDrawerHeaderTitle.renderDrawerHeaderTitle_unstable;
+    },
+    useDrawerHeaderTitleStyles_unstable: function() {
+        return _useDrawerHeaderTitleStylesstyles.useDrawerHeaderTitleStyles_unstable;
+    },
+    useDrawerHeaderTitle_unstable: function() {
+        return _useDrawerHeaderTitle.useDrawerHeaderTitle_unstable;
+    }
+});
+const _DrawerHeaderTitle = require("./DrawerHeaderTitle");
+const _renderDrawerHeaderTitle = require("./renderDrawerHeaderTitle");
+const _useDrawerHeaderTitle = require("./useDrawerHeaderTitle");
+const _useDrawerHeaderTitleStylesstyles = require("./useDrawerHeaderTitleStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeaderTitle/index.ts"],"sourcesContent":["export { DrawerHeaderTitle } from './DrawerHeaderTitle';\nexport type { DrawerHeaderTitleProps, DrawerHeaderTitleSlots, DrawerHeaderTitleState } from './DrawerHeaderTitle.types';\nexport { renderDrawerHeaderTitle_unstable } from './renderDrawerHeaderTitle';\nexport { useDrawerHeaderTitle_unstable } from './useDrawerHeaderTitle';\nexport { drawerHeaderTitleClassNames, useDrawerHeaderTitleStyles_unstable } from './useDrawerHeaderTitleStyles.styles';\n"],"names":["DrawerHeaderTitle","renderDrawerHeaderTitle_unstable","useDrawerHeaderTitle_unstable","drawerHeaderTitleClassNames","useDrawerHeaderTitleStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,oCAAiB;;;eAIjBG,6DAA2B;;;eAF3BF,yDAAgC;;;eAEHG,qEAAmC;;;eADhEF,mDAA6B;;;mCAHJ,sBAAsB;yCAEP,4BAA4B;sCAC/B,yBAAyB;kDACU,sCAAsC"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderDrawerHeaderTitle_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderDrawerHeaderTitle_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderDrawerHeaderTitle_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.heading && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.heading, {}),
+            state.action && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.action, {})
+        ]
+    });
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeaderTitle/renderDrawerHeaderTitle.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { DrawerHeaderTitleState, DrawerHeaderTitleSlots } from './DrawerHeaderTitle.types';\n\n/**\n * Render the final JSX of DrawerHeaderTitle\n */\nexport const renderDrawerHeaderTitle_unstable = (state: DrawerHeaderTitleState): JSXElement => {\n  assertSlots<DrawerHeaderTitleSlots>(state);\n\n  return (\n    <state.root>\n      {state.heading && <state.heading />}\n      {state.action && <state.action />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderDrawerHeaderTitle_unstable","state","root","heading","action"],"mappings":";;;;+BAUaC;;;;;;4BATb,iCAAiD;gCACrB,4BAA4B;AAQjD,yCAAyC,CAACC;QAC/CF,2BAAAA,EAAoCE;IAEpC,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAME,OAAO,IAAA,WAAA,OAAI,eAAA,EAACF,MAAME,OAAO,EAAA,CAAA;YAC/BF,MAAMG,MAAM,IAAA,WAAA,OAAI,eAAA,EAACH,MAAMG,MAAM,EAAA,CAAA;;;AAGpC,EAAE"}

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

@@ -0,0 +1,43 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useDrawerHeaderTitle_unstable", {
+    enumerable: true,
+    get: function() {
+        return useDrawerHeaderTitle_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 _reactdialog = require("@fluentui/react-dialog");
+const useDrawerHeaderTitle_unstable = (props, ref)=>{
+    const { children, heading } = props;
+    const headingId = (0, _reactdialog.useDialogContext_unstable)((ctx)=>ctx.dialogTitleId);
+    return {
+        components: {
+            root: 'div',
+            heading: 'h2',
+            action: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        heading: _reactutilities.slot.optional(heading, {
+            defaultProps: {
+                id: headingId,
+                children
+            },
+            renderByDefault: true,
+            elementType: 'h2'
+        }),
+        action: _reactutilities.slot.optional(props.action, {
+            elementType: 'div'
+        })
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeaderTitle/useDrawerHeaderTitle.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useDialogContext_unstable } from '@fluentui/react-dialog';\n\nimport type { DrawerHeaderTitleProps, DrawerHeaderTitleState } from './DrawerHeaderTitle.types';\n\n/**\n * Create the state required to render DrawerHeaderTitle.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderTitleStyles_unstable,\n * before being passed to renderDrawerHeaderTitle_unstable.\n *\n * @param props - props from this instance of DrawerHeaderTitle\n * @param ref - reference to root HTMLElement of DrawerHeaderTitle\n */\nexport const useDrawerHeaderTitle_unstable = (\n  props: DrawerHeaderTitleProps,\n  ref: React.Ref<HTMLDivElement>,\n): DrawerHeaderTitleState => {\n  const { children, heading } = props;\n  const headingId = useDialogContext_unstable(ctx => ctx.dialogTitleId);\n\n  return {\n    components: {\n      root: 'div',\n      heading: 'h2',\n      action: 'div',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    heading: slot.optional(heading, {\n      defaultProps: {\n        id: headingId,\n        children,\n      },\n      renderByDefault: true,\n      elementType: 'h2',\n    }),\n    action: slot.optional(props.action, {\n      elementType: 'div',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useDialogContext_unstable","useDrawerHeaderTitle_unstable","props","ref","children","heading","headingId","ctx","dialogTitleId","components","root","action","always","elementType","optional","defaultProps","id","renderByDefault"],"mappings":"AAAA;;;;;+BAiBaI;;;;;;;iEAfU,QAAQ;gCACgB,4BAA4B;6BACjC,yBAAyB;AAa5D,sCAAsC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAAGH;IAC9B,MAAMI,gBAAYN,sCAAAA,EAA0BO,CAAAA,MAAOA,IAAIC,aAAa;IAEpE,OAAO;QACLC,YAAY;YACVC,MAAM;YACNL,SAAS;YACTM,QAAQ;QACV;QAEAD,MAAMX,oBAAAA,CAAKa,MAAM,KACfd,wCAAAA,EAAyB,OAAO;YAC9BK;YACA,GAAGD,KAAK;QACV,IACA;YAAEW,aAAa;QAAM;QAEvBR,SAASN,oBAAAA,CAAKe,QAAQ,CAACT,SAAS;YAC9BU,cAAc;gBACZC,IAAIV;gBACJF;YACF;YACAa,iBAAiB;YACjBJ,aAAa;QACf;QACAF,QAAQZ,oBAAAA,CAAKe,QAAQ,CAACZ,MAAMS,MAAM,EAAE;YAClCE,aAAa;QACf;IACF;AACF,EAAE"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js

@@ -0,0 +1,77 @@
+'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, {
+    drawerHeaderTitleClassNames: function() {
+        return drawerHeaderTitleClassNames;
+    },
+    useDrawerHeaderTitleStyles_unstable: function() {
+        return useDrawerHeaderTitleStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactdialog = require("@fluentui/react-dialog");
+const drawerHeaderTitleClassNames = {
+    root: 'fui-DrawerHeaderTitle',
+    heading: 'fui-DrawerHeaderTitle__heading',
+    action: 'fui-DrawerHeaderTitle__action'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        Brf1p80: "f1869bpl",
+        Bt984gj: "f122n59",
+        i8kkvl: "fsnqrgy"
+    },
+    action: {
+        t21cq0: [
+            "faqnl2i",
+            "fd75udd"
+        ]
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1869bpl{justify-content:space-between;}",
+        ".f122n59{align-items:center;}",
+        ".fsnqrgy{column-gap:var(--spacingHorizontalS);}",
+        ".faqnl2i{margin-right:calc(var(--spacingHorizontalS) * -1);}",
+        ".fd75udd{margin-left:calc(var(--spacingHorizontalS) * -1);}"
+    ]
+});
+const useDrawerHeaderTitleStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    const { heading: root = {}, action, // We should not use components to pass along the base element type of a slot
+    // but there's no way to retrieve the element type of a slot from the slot definition
+    // right now without using SLOT_ELEMENT_TYPE_SYMBOL
+    // TODO: create a method to retrieve the element type of a slot
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    components } = state;
+    (0, _reactdialog.useDialogTitleStyles_unstable)({
+        components: {
+            root: components.heading,
+            action: components.action
+        },
+        root,
+        action
+    });
+    state.root.className = (0, _react.mergeClasses)(drawerHeaderTitleClassNames.root, styles.root, state.root.className);
+    if (state.heading) {
+        state.heading.className = (0, _react.mergeClasses)(drawerHeaderTitleClassNames.heading, state.heading.className);
+    }
+    if (state.action) {
+        state.action.className = (0, _react.mergeClasses)(drawerHeaderTitleClassNames.action, styles.action, state.action.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDrawerHeaderTitleStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDialogTitleStyles_unstable } from '@fluentui/react-dialog';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderTitleClassNames = {\n    root: 'fui-DrawerHeaderTitle',\n    heading: 'fui-DrawerHeaderTitle__heading',\n    action: 'fui-DrawerHeaderTitle__action'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        columnGap: tokens.spacingHorizontalS\n    },\n    action: {\n        marginRight: `calc(${tokens.spacingHorizontalS} * -1)`\n    }\n});\n/**\n * Apply styling to the DrawerHeaderTitle slots based on the state\n */ export const useDrawerHeaderTitleStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { heading: root = {}, action, // We should not use components to pass along the base element type of a slot\n    // but there's no way to retrieve the element type of a slot from the slot definition\n    // right now without using SLOT_ELEMENT_TYPE_SYMBOL\n    // TODO: create a method to retrieve the element type of a slot\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    components } = state;\n    useDialogTitleStyles_unstable({\n        components: {\n            root: components.heading,\n            action: components.action\n        },\n        root,\n        action\n    });\n    state.root.className = mergeClasses(drawerHeaderTitleClassNames.root, styles.root, state.root.className);\n    if (state.heading) {\n        state.heading.className = mergeClasses(drawerHeaderTitleClassNames.heading, state.heading.className);\n    }\n    if (state.action) {\n        state.action.className = mergeClasses(drawerHeaderTitleClassNames.action, styles.action, state.action.className);\n    }\n    return state;\n};\n"],"names":["__styles","mergeClasses","useDialogTitleStyles_unstable","tokens","drawerHeaderTitleClassNames","root","heading","action","useStyles","mc9l5x","Brf1p80","Bt984gj","i8kkvl","t21cq0","d","useDrawerHeaderTitleStyles_unstable","state","styles","components","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICI,2BAA2B;;;uCAoBY;eAAnCW;;;uBAvBwB,gBAAgB;6BACX,wBAAwB;AAE/D,oCAAoC;IACvCV,IAAI,EAAE,uBAAuB;IAC7BC,OAAO,EAAE,gCAAgC;IACzCC,MAAM,EAAE;AACZ,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGR,eAAA,EAAA;IAAAK,IAAA,EAAA;QAAAI,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAL,MAAA,EAAA;QAAAM,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAUrB,CAAC;AAGS,6CAA6CE,KAAK,IAAG;IAC5D,aAAa;IACb,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;IAC1B,MAAM,EAAEF,OAAO,EAAED,IAAI,GAAG,CAAC,CAAC,EAAEE,MAAM,EAAE,6EAAA;IACpC,qFAAA;IACA,mDAAA;IACA,+DAAA;IACA,4DAAA;IACAW,UAAAA,EAAY,GAAGF,KAAK;QACpBd,0CAA6B,EAAC;QAC1BgB,UAAU,EAAE;YACRb,IAAI,EAAEa,UAAU,CAACZ,OAAO;YACxBC,MAAM,EAAEW,UAAU,CAACX,MAAAA;QACvB,CAAC;QACDF,IAAI;QACJE;IACJ,CAAC,CAAC;IACFS,KAAK,CAACX,IAAI,CAACc,SAAS,OAAGlB,mBAAY,EAACG,2BAA2B,CAACC,IAAI,EAAEY,MAAM,CAACZ,IAAI,EAAEW,KAAK,CAACX,IAAI,CAACc,SAAS,CAAC;IACxG,IAAIH,KAAK,CAACV,OAAO,EAAE;QACfU,KAAK,CAACV,OAAO,CAACa,SAAS,OAAGlB,mBAAY,EAACG,2BAA2B,CAACE,OAAO,EAAEU,KAAK,CAACV,OAAO,CAACa,SAAS,CAAC;IACxG;IACA,IAAIH,KAAK,CAACT,MAAM,EAAE;QACdS,KAAK,CAACT,MAAM,CAACY,SAAS,OAAGlB,mBAAY,EAACG,2BAA2B,CAACG,MAAM,EAAEU,MAAM,CAACV,MAAM,EAAES,KAAK,CAACT,MAAM,CAACY,SAAS,CAAC;IACpH;IACA,OAAOH,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.raw.js

@@ -0,0 +1,65 @@
+'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, {
+    drawerHeaderTitleClassNames: function() {
+        return drawerHeaderTitleClassNames;
+    },
+    useDrawerHeaderTitleStyles_unstable: function() {
+        return useDrawerHeaderTitleStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactdialog = require("@fluentui/react-dialog");
+const _reacttheme = require("@fluentui/react-theme");
+const drawerHeaderTitleClassNames = {
+    root: 'fui-DrawerHeaderTitle',
+    heading: 'fui-DrawerHeaderTitle__heading',
+    action: 'fui-DrawerHeaderTitle__action'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        columnGap: _reacttheme.tokens.spacingHorizontalS
+    },
+    action: {
+        marginRight: `calc(${_reacttheme.tokens.spacingHorizontalS} * -1)`
+    }
+});
+const useDrawerHeaderTitleStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    const { heading: root = {}, action, // but there's no way to retrieve the element type of a slot from the slot definition
+    // right now without using SLOT_ELEMENT_TYPE_SYMBOL
+    // TODO: create a method to retrieve the element type of a slot
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    components } = state;
+    (0, _reactdialog.useDialogTitleStyles_unstable)({
+        components: {
+            root: components.heading,
+            action: components.action
+        },
+        root,
+        action
+    });
+    state.root.className = (0, _react.mergeClasses)(drawerHeaderTitleClassNames.root, styles.root, state.root.className);
+    if (state.heading) {
+        state.heading.className = (0, _react.mergeClasses)(drawerHeaderTitleClassNames.heading, state.heading.className);
+    }
+    if (state.action) {
+        state.action.className = (0, _react.mergeClasses)(drawerHeaderTitleClassNames.action, styles.action, state.action.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-drawer/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useDialogTitleStyles_unstable } from '@fluentui/react-dialog';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { DrawerHeaderTitleSlots, DrawerHeaderTitleState } from './DrawerHeaderTitle.types';\n\nexport const drawerHeaderTitleClassNames: SlotClassNames<DrawerHeaderTitleSlots> = {\n  root: 'fui-DrawerHeaderTitle',\n  heading: 'fui-DrawerHeaderTitle__heading',\n  action: 'fui-DrawerHeaderTitle__action',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    columnGap: tokens.spacingHorizontalS,\n  },\n\n  action: {\n    marginRight: `calc(${tokens.spacingHorizontalS} * -1)`,\n  },\n});\n\n/**\n * Apply styling to the DrawerHeaderTitle slots based on the state\n */\nexport const useDrawerHeaderTitleStyles_unstable = (state: DrawerHeaderTitleState): DrawerHeaderTitleState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  const {\n    heading: root = {},\n    action,\n    // We should not use components to pass along the base element type of a slot\n    // but there's no way to retrieve the element type of a slot from the slot definition\n    // right now without using SLOT_ELEMENT_TYPE_SYMBOL\n    // TODO: create a method to retrieve the element type of a slot\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    components,\n  } = state;\n\n  useDialogTitleStyles_unstable({\n    components: {\n      root: components.heading,\n      action: components.action,\n    },\n    root,\n    action,\n  });\n\n  state.root.className = mergeClasses(drawerHeaderTitleClassNames.root, styles.root, state.root.className);\n\n  if (state.heading) {\n    state.heading.className = mergeClasses(drawerHeaderTitleClassNames.heading, state.heading.className);\n  }\n\n  if (state.action) {\n    state.action.className = mergeClasses(drawerHeaderTitleClassNames.action, styles.action, state.action.className);\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","useDialogTitleStyles_unstable","tokens","drawerHeaderTitleClassNames","root","heading","action","useStyles","display","justifyContent","alignItems","columnGap","spacingHorizontalS","marginRight","useDrawerHeaderTitleStyles_unstable","state","styles","components","className"],"mappings":"AAAA;;;;;;;;;;;;IASaI,2BAAAA;;;uCAyBAW;eAAAA;;;uBAhC4B,iBAAiB;6BAEZ,yBAAyB;4BAChD,wBAAwB;AAIxC,oCAA4E;IACjFV,MAAM;IACNC,SAAS;IACTC,QAAQ;AACV,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYR,qBAAAA,EAAW;IAC3BK,MAAM;QACJI,SAAS;QACTC,gBAAgB;QAChBC,YAAY;QACZC,WAAWT,kBAAAA,CAAOU,kBAAkB;IACtC;IAEAN,QAAQ;QACNO,aAAa,CAAC,KAAK,EAAEX,kBAAAA,CAAOU,kBAAkB,CAAC,MAAM,CAAC;IACxD;AACF;AAKO,4CAA4C,CAACG;IAClD;IAEA,MAAMC,SAAST;IAEf,MAAM,EACJF,SAASD,OAAO,CAAC,CAAC,EAClBE,MAAM,EACN,AACA,6EAD6E,QACQ;IACrF,mDAAmD;IACnD,+DAA+D;IAC/D,4DAA4D;IAC5DW,UAAU,EACX,GAAGF;QAEJd,0CAAAA,EAA8B;QAC5BgB,YAAY;YACVb,MAAMa,WAAWZ,OAAO;YACxBC,QAAQW,WAAWX,MAAM;QAC3B;QACAF;QACAE;IACF;IAEAS,MAAMX,IAAI,CAACc,SAAS,OAAGlB,mBAAAA,EAAaG,4BAA4BC,IAAI,EAAEY,OAAOZ,IAAI,EAAEW,MAAMX,IAAI,CAACc,SAAS;IAEvG,IAAIH,MAAMV,OAAO,EAAE;QACjBU,MAAMV,OAAO,CAACa,SAAS,OAAGlB,mBAAAA,EAAaG,4BAA4BE,OAAO,EAAEU,MAAMV,OAAO,CAACa,SAAS;IACrG;IAEA,IAAIH,MAAMT,MAAM,EAAE;QAChBS,MAAMT,MAAM,CAACY,SAAS,OAAGlB,mBAAAA,EAAaG,4BAA4BG,MAAM,EAAEU,OAAOV,MAAM,EAAES,MAAMT,MAAM,CAACY,SAAS;IACjH;IAEA,OAAOH;AACT,EAAE"}