@fluentui/react-nav 0.0.0-nightly-20250612-0406.1

package/lib-commonjs/components/NavDrawer/useNavDrawer.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavDrawer_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNavDrawer_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdrawer = require("@fluentui/react-drawer");
+const _reacttabster = require("@fluentui/react-tabster");
+const _reactutilities = require("@fluentui/react-utilities");
+const _useNav = require("../Nav/useNav");
+const useNavDrawer_unstable = (props, ref)=>{
+    const { tabbable = false, size = undefined } = props;
+    const focusAttributes = (0, _reacttabster.useArrowNavigationGroup)({
+        axis: 'vertical',
+        circular: true,
+        tabbable
+    });
+    const navState = (0, _useNav.useNav_unstable)({
+        ...props
+    }, ref);
+    return {
+        ...navState,
+        size,
+        components: {
+            // TODO: remove once React v18 slot API is modified
+            // this is a problem with the lack of support for union types on React v18
+            // ComponentState is using React.ComponentType which will try to infer propType
+            // propTypes WeakValidator signature will break distributive unions making this type invalid
+            root: _reactdrawer.Drawer
+        },
+        root: _reactutilities.slot.always({
+            ref,
+            role: 'navigation',
+            ...props,
+            ...focusAttributes
+        }, {
+            // TODO: remove once React v18 slot API is modified
+            // this is a problem with the lack of support for union types on React v18
+            // ComponentState is using React.ComponentType which will try to infer propType
+            // propTypes WeakValidator signature will break distributive unions making this type invalid
+            elementType: _reactdrawer.Drawer
+        })
+    };
+};

package/lib-commonjs/components/NavDrawer/useNavDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawer/useNavDrawer.ts"],"sourcesContent":["import * as React from 'react';\nimport { Drawer, DrawerProps } from '@fluentui/react-drawer';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { RefAttributes, slot } from '@fluentui/react-utilities';\n\nimport { useNav_unstable } from '../Nav/useNav';\nimport type { NavDrawerProps, NavDrawerState } from './NavDrawer.types';\n\n/**\n * Create the state required to render NavDrawer.\n *\n * The returned state can be modified with hooks such as useNavDrawerStyles_unstable,\n * before being passed to renderNavDrawer_unstable.\n *\n * @param props - props from this instance of NavDrawer\n * @param ref - reference to root HTMLDivElement of NavDrawer\n */\nexport const useNavDrawer_unstable = (props: NavDrawerProps, ref: React.Ref<HTMLDivElement>): NavDrawerState => {\n  const { tabbable = false, size = undefined } = props;\n\n  const focusAttributes = useArrowNavigationGroup({\n    axis: 'vertical',\n    circular: true,\n    tabbable,\n  });\n\n  const navState = useNav_unstable(\n    {\n      ...props,\n    },\n    ref,\n  );\n\n  return {\n    ...navState,\n    size,\n    components: {\n      // TODO: remove once React v18 slot API is modified\n      // this is a problem with the lack of support for union types on React v18\n      // ComponentState is using React.ComponentType which will try to infer propType\n      // propTypes WeakValidator signature will break distributive unions making this type invalid\n      root: Drawer as React.FC<DrawerProps>,\n    },\n\n    root: slot.always(\n      { ref, role: 'navigation', ...props, ...focusAttributes },\n      {\n        // TODO: remove once React v18 slot API is modified\n        // this is a problem with the lack of support for union types on React v18\n        // ComponentState is using React.ComponentType which will try to infer propType\n        // propTypes WeakValidator signature will break distributive unions making this type invalid\n        elementType: Drawer as React.FC<DrawerProps & RefAttributes<HTMLDivElement>>,\n      },\n    ),\n  };\n};\n"],"names":["useNavDrawer_unstable","props","ref","tabbable","size","undefined","focusAttributes","useArrowNavigationGroup","axis","circular","navState","useNav_unstable","components","root","Drawer","slot","always","role","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBaA;;;eAAAA;;;;iEAjBU;6BACa;8BACI;gCACJ;wBAEJ;AAYzB,MAAMA,wBAAwB,CAACC,OAAuBC;IAC3D,MAAM,EAAEC,WAAW,KAAK,EAAEC,OAAOC,SAAS,EAAE,GAAGJ;IAE/C,MAAMK,kBAAkBC,IAAAA,qCAAAA,EAAwB;QAC9CC,MAAM;QACNC,UAAU;QACVN;IACF;IAEA,MAAMO,WAAWC,IAAAA,uBAAAA,EACf;QACE,GAAGV,KAAK;IACV,GACAC;IAGF,OAAO;QACL,GAAGQ,QAAQ;QACXN;QACAQ,YAAY;YACV,mDAAmD;YACnD,0EAA0E;YAC1E,+EAA+E;YAC/E,4FAA4F;YAC5FC,MAAMC,mBAAAA;QACR;QAEAD,MAAME,oBAAAA,CAAKC,MAAM,CACf;YAAEd;YAAKe,MAAM;YAAc,GAAGhB,KAAK;YAAE,GAAGK,eAAe;QAAC,GACxD;YACE,mDAAmD;YACnD,0EAA0E;YAC1E,+EAA+E;YAC/E,4FAA4F;YAC5FY,aAAaJ,mBAAAA;QACf;IAEJ;AACF"}

package/lib-commonjs/components/NavDrawer/useNavDrawerStyles.styles.js

@@ -0,0 +1,46 @@
+"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, {
+    navDrawerClassNames: function() {
+        return navDrawerClassNames;
+    },
+    useNavDrawerStyles_unstable: function() {
+        return useNavDrawerStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const navDrawerClassNames = {
+    root: 'fui-NavDrawer'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        De3pzq: "f1ctqxl6",
+        Bt984gj: "f3gca8"
+    },
+    defaultWidth: {
+        a9b677: "f12j6lm0"
+    }
+}, {
+    d: [
+        ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}",
+        ".f3gca8{align-items:unset;}",
+        ".f12j6lm0{width:260px;}"
+    ]
+});
+const useNavDrawerStyles_unstable = (state)=>{
+    'use no memo';
+    const { size } = state;
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navDrawerClassNames.root, styles.root, !size && styles.defaultWidth, state.root.className);
+    return state;
+};

package/lib-commonjs/components/NavDrawer/useNavDrawerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavDrawerStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { navItemTokens } from '../sharedNavStyles.styles';\nexport const navDrawerClassNames = {\n    root: 'fui-NavDrawer'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        backgroundColor: navItemTokens.backgroundColor,\n        alignItems: 'unset'\n    },\n    // seperate style so it can be applied conditionally\n    // if size is not set, use default width from the token.\n    defaultWidth: {\n        width: `${navItemTokens.defaultDrawerWidth}px`\n    }\n});\n/**\n * Apply styling to the NavDrawer slots based on the state\n */ export const useNavDrawerStyles_unstable = (state)=>{\n    'use no memo';\n    const { size } = state;\n    const styles = useStyles();\n    state.root.className = mergeClasses(navDrawerClassNames.root, styles.root, !size && styles.defaultWidth, state.root.className);\n    return state;\n};\n"],"names":["navDrawerClassNames","useNavDrawerStyles_unstable","root","useStyles","__styles","De3pzq","Bt984gj","defaultWidth","a9b677","d","state","size","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,mBAAmB;eAAnBA;;IAkBIC,2BAA2B;eAA3BA;;;uBApBwB;AAElC,MAAMD,sBAAsB;IAC/BE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,SAAA;IAAA;IAAAC,cAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAaX,MAAMR,8BAA+BS,CAAAA;IAC5C;IACA,MAAM,EAAEC,IAAAA,EAAM,GAAGD;IACjB,MAAME,SAAST;IACfO,MAAMR,IAAI,CAACW,SAAS,GAAGC,IAAAA,mBAAY,EAACd,oBAAoBE,IAAI,EAAEU,OAAOV,IAAI,EAAE,CAACS,QAAQC,OAAOL,YAAY,EAAEG,MAAMR,IAAI,CAACW,SAAS;IAC7H,OAAOH;AACX"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NavDrawerBody", {
+    enumerable: true,
+    get: function() {
+        return NavDrawerBody;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdrawer = require("@fluentui/react-drawer");
+const _useNavDrawerBody = require("./useNavDrawerBody");
+const _useNavDrawerBodyStylesstyles = require("./useNavDrawerBodyStyles.styles");
+const NavDrawerBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useNavDrawerBody.useNavDrawerBody_unstable)(props, ref);
+    (0, _useNavDrawerBodyStylesstyles.useNavDrawerBodyStyles_unstable)(state);
+    // TODO update types in packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts
+    // https://github.com/microsoft/fluentui/blob/master/rfcs/react-components/convergence/custom-styling.md
+    // useCustomStyleHook_unstable('useNavDrawerBodyStyles_unstable')(state);
+    return (0, _reactdrawer.renderDrawerBody_unstable)(state);
+});
+NavDrawerBody.displayName = 'NavDrawerBody';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerBody/NavDrawerBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderDrawerBody_unstable } from '@fluentui/react-drawer';\nimport { useNavDrawerBody_unstable } from './useNavDrawerBody';\nimport { useNavDrawerBodyStyles_unstable } from './useNavDrawerBodyStyles.styles';\n\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { NavDrawerBodyProps } from './NavDrawerBody.types';\n\n/**\n * NavDrawerBody component\n */\nexport const NavDrawerBody: ForwardRefComponent<NavDrawerBodyProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawerBody_unstable(props, ref);\n\n  useNavDrawerBodyStyles_unstable(state);\n  // TODO update types in packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts\n  // https://github.com/microsoft/fluentui/blob/master/rfcs/react-components/convergence/custom-styling.md\n  // useCustomStyleHook_unstable('useNavDrawerBodyStyles_unstable')(state);\n  return renderDrawerBody_unstable(state);\n});\n\nNavDrawerBody.displayName = 'NavDrawerBody';\n"],"names":["NavDrawerBody","React","forwardRef","props","ref","state","useNavDrawerBody_unstable","useNavDrawerBodyStyles_unstable","renderDrawerBody_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;6BACmB;kCACA;8CACM;AAQzC,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAChC,8HAA8H;IAC9H,wGAAwG;IACxG,yEAAyE;IACzE,OAAOG,IAAAA,sCAAAA,EAA0BH;AACnC;AAEAL,cAAcS,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerBody/NavDrawerBody.types.ts"],"sourcesContent":["import type { DrawerBodyProps, DrawerBodySlots, DrawerBodyState } from '@fluentui/react-drawer';\n\nexport type NavDrawerBodySlots = DrawerBodySlots;\n\n/**\n * NavDrawerBody Props\n */\nexport type NavDrawerBodyProps = DrawerBodyProps;\n\n/**\n * State used in rendering NavDrawerBody\n */\nexport type NavDrawerBodyState = DrawerBodyState;\n"],"names":[],"rangeMappings":";;","mappings":"AASA;;CAEC"}

package/lib-commonjs/components/NavDrawerBody/index.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, {
+    NavDrawerBody: function() {
+        return _NavDrawerBody.NavDrawerBody;
+    },
+    navDrawerBodyClassNames: function() {
+        return _useNavDrawerBodyStylesstyles.navDrawerBodyClassNames;
+    },
+    useNavDrawerBodyStyles_unstable: function() {
+        return _useNavDrawerBodyStylesstyles.useNavDrawerBodyStyles_unstable;
+    },
+    useNavDrawerBody_unstable: function() {
+        return _useNavDrawerBody.useNavDrawerBody_unstable;
+    }
+});
+const _NavDrawerBody = require("./NavDrawerBody");
+const _useNavDrawerBody = require("./useNavDrawerBody");
+const _useNavDrawerBodyStylesstyles = require("./useNavDrawerBodyStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerBody/index.ts"],"sourcesContent":["export { NavDrawerBody } from './NavDrawerBody';\nexport type { NavDrawerBodyProps, NavDrawerBodySlots, NavDrawerBodyState } from './NavDrawerBody.types';\nexport { useNavDrawerBody_unstable } from './useNavDrawerBody';\nexport { navDrawerBodyClassNames, useNavDrawerBodyStyles_unstable } from './useNavDrawerBodyStyles.styles';\n"],"names":["NavDrawerBody","navDrawerBodyClassNames","useNavDrawerBodyStyles_unstable","useNavDrawerBody_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,aAAa;eAAbA,4BAAa;;IAGbC,uBAAuB;eAAvBA,qDAAuB;;IAAEC,+BAA+B;eAA/BA,6DAA+B;;IADxDC,yBAAyB;eAAzBA,2CAAyB;;;+BAFJ;kCAEY;8CAC+B"}

package/lib-commonjs/components/NavDrawerBody/useNavDrawerBody.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavDrawerBody_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNavDrawerBody_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdrawer = require("@fluentui/react-drawer");
+const useNavDrawerBody_unstable = (props, ref)=>{
+    return (0, _reactdrawer.useDrawerBody_unstable)(props, ref);
+};

package/lib-commonjs/components/NavDrawerBody/useNavDrawerBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerBody/useNavDrawerBody.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerBody_unstable } from '@fluentui/react-drawer';\n\nimport type { NavDrawerBodyProps, NavDrawerBodyState } from './NavDrawerBody.types';\n/**\n * Create the state required to render NavDrawerBody.\n *\n * The returned state can be modified with hooks such as useNavDrawerBodyStyles_unstable,\n * before being passed to renderNavDrawerBody_unstable.\n *\n * @param props - props from this instance of NavDrawerBody\n * @param ref - reference to root HTMLDivElement of NavDrawerBody\n */\nexport const useNavDrawerBody_unstable = (\n  props: NavDrawerBodyProps,\n  ref: React.Ref<HTMLDivElement>,\n): NavDrawerBodyState => {\n  return useDrawerBody_unstable(props, ref);\n};\n"],"names":["useNavDrawerBody_unstable","props","ref","useDrawerBody_unstable"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;6BACgB;AAYhC,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,OAAOC,IAAAA,mCAAAA,EAAuBF,OAAOC;AACvC"}

package/lib-commonjs/components/NavDrawerBody/useNavDrawerBodyStyles.styles.js

@@ -0,0 +1,67 @@
+"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, {
+    navDrawerBodyClassNames: function() {
+        return navDrawerBodyClassNames;
+    },
+    useNavDrawerBodyStyles_unstable: function() {
+        return useNavDrawerBodyStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactdrawer = require("@fluentui/react-drawer");
+const navDrawerBodyClassNames = {
+    root: 'fui-NavDrawerBody'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: [
+            "fif7vu7",
+            "f1htewbf"
+        ],
+        Bt984gj: "f3gca8",
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        Belr9w4: "f1j0q4x9"
+    }
+}, {
+    d: [
+        [
+            ".fif7vu7{padding:0 var(--spacingHorizontalXS) 0 var(--spacingHorizontalMNudge);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1htewbf{padding:0 var(--spacingHorizontalMNudge) 0 var(--spacingHorizontalXS);}",
+            {
+                p: -1
+            }
+        ],
+        ".f3gca8{align-items:unset;}",
+        ".f22iagw{display:flex;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".f1j0q4x9{row-gap:var(--spacingVerticalXXS);}"
+    ]
+});
+const useNavDrawerBodyStyles_unstable = (state)=>{
+    'use no memo';
+    (0, _reactdrawer.useDrawerBodyStyles_unstable)(state);
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navDrawerBodyClassNames.root, styles.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/NavDrawerBody/useNavDrawerBodyStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavDrawerBodyStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useDrawerBodyStyles_unstable } from '@fluentui/react-drawer';\nexport const navDrawerBodyClassNames = {\n    root: 'fui-NavDrawerBody'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        padding: `0 ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalMNudge}`,\n        alignItems: 'unset',\n        display: 'flex',\n        flexDirection: 'column',\n        rowGap: tokens.spacingVerticalXXS\n    }\n});\n/**\n * Apply styling to the NavDrawerBody slots based on the state\n */ export const useNavDrawerBodyStyles_unstable = (state)=>{\n    'use no memo';\n    useDrawerBodyStyles_unstable(state);\n    const styles = useStyles();\n    state.root.className = mergeClasses(navDrawerBodyClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["navDrawerBodyClassNames","useNavDrawerBodyStyles_unstable","root","useStyles","__styles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bt984gj","mc9l5x","Beiy3e4","Belr9w4","d","p","state","useDrawerBodyStyles_unstable","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,uBAAuB;eAAvBA;;IAgBIC,+BAA+B;eAA/BA;;;uBAnBwB;6BAEI;AACtC,MAAMD,0BAA0B;IACnCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAWX,MAAMd,kCAAmCe,CAAAA;IAChD;IACAC,IAAAA,yCAA4B,EAACD;IAC7B,MAAME,SAASf;IACfa,MAAMd,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,wBAAwBE,IAAI,EAAEgB,OAAOhB,IAAI,EAAEc,MAAMd,IAAI,CAACiB,SAAS;IACnG,OAAOH;AACX"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NavDrawerFooter", {
+    enumerable: true,
+    get: function() {
+        return NavDrawerFooter;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdrawer = require("@fluentui/react-drawer");
+const _useNavDrawerFooter = require("./useNavDrawerFooter");
+const _useNavDrawerFooterStylesstyles = require("./useNavDrawerFooterStyles.styles");
+const NavDrawerFooter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useNavDrawerFooter.useNavDrawerFooter_unstable)(props, ref);
+    (0, _useNavDrawerFooterStylesstyles.useNavDrawerFooterStyles_unstable)(state);
+    // TODO update types in packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts
+    // https://github.com/microsoft/fluentui/blob/master/rfcs/react-components/convergence/custom-styling.md
+    // useCustomStyleHook_unstable('useNavDrawerFooterStyles_unstable')(state);
+    return (0, _reactdrawer.renderDrawerFooter_unstable)(state);
+});
+NavDrawerFooter.displayName = 'NavDrawerFooter';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerFooter/NavDrawerFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderDrawerFooter_unstable } from '@fluentui/react-drawer';\nimport { useNavDrawerFooter_unstable } from './useNavDrawerFooter';\nimport { useNavDrawerFooterStyles_unstable } from './useNavDrawerFooterStyles.styles';\n\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { NavDrawerFooterProps } from './NavDrawerFooter.types';\n\n/**\n * NavDrawerFooter component\n */\nexport const NavDrawerFooter: ForwardRefComponent<NavDrawerFooterProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawerFooter_unstable(props, ref);\n\n  useNavDrawerFooterStyles_unstable(state);\n  // TODO update types in packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts\n  // https://github.com/microsoft/fluentui/blob/master/rfcs/react-components/convergence/custom-styling.md\n  // useCustomStyleHook_unstable('useNavDrawerFooterStyles_unstable')(state);\n  return renderDrawerFooter_unstable(state);\n});\n\nNavDrawerFooter.displayName = 'NavDrawerFooter';\n"],"names":["NavDrawerFooter","React","forwardRef","props","ref","state","useNavDrawerFooter_unstable","useNavDrawerFooterStyles_unstable","renderDrawerFooter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;6BACqB;oCACA;gDACM;AAQ3C,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAClC,8HAA8H;IAC9H,wGAAwG;IACxG,2EAA2E;IAC3E,OAAOG,IAAAA,wCAAAA,EAA4BH;AACrC;AAEAL,gBAAgBS,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerFooter/NavDrawerFooter.types.ts"],"sourcesContent":["import type { DrawerFooterProps, DrawerFooterSlots, DrawerFooterState } from '@fluentui/react-drawer';\n\nexport type NavDrawerFooterSlots = DrawerFooterSlots;\n\n/**\n * NavDrawerFooter Props\n */\nexport type NavDrawerFooterProps = DrawerFooterProps;\n\n/**\n * State used in rendering NavDrawerFooter\n */\nexport type NavDrawerFooterState = DrawerFooterState;\n"],"names":[],"rangeMappings":";;","mappings":"AASA;;CAEC"}

package/lib-commonjs/components/NavDrawerFooter/index.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, {
+    NavDrawerFooter: function() {
+        return _NavDrawerFooter.NavDrawerFooter;
+    },
+    navDrawerFooterClassNames: function() {
+        return _useNavDrawerFooterStylesstyles.navDrawerFooterClassNames;
+    },
+    useNavDrawerFooterStyles_unstable: function() {
+        return _useNavDrawerFooterStylesstyles.useNavDrawerFooterStyles_unstable;
+    },
+    useNavDrawerFooter_unstable: function() {
+        return _useNavDrawerFooter.useNavDrawerFooter_unstable;
+    }
+});
+const _NavDrawerFooter = require("./NavDrawerFooter");
+const _useNavDrawerFooter = require("./useNavDrawerFooter");
+const _useNavDrawerFooterStylesstyles = require("./useNavDrawerFooterStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerFooter/index.ts"],"sourcesContent":["export { NavDrawerFooter } from './NavDrawerFooter';\nexport type { NavDrawerFooterProps, NavDrawerFooterSlots, NavDrawerFooterState } from './NavDrawerFooter.types';\nexport { useNavDrawerFooter_unstable } from './useNavDrawerFooter';\nexport { navDrawerFooterClassNames, useNavDrawerFooterStyles_unstable } from './useNavDrawerFooterStyles.styles';\n"],"names":["NavDrawerFooter","navDrawerFooterClassNames","useNavDrawerFooterStyles_unstable","useNavDrawerFooter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,eAAe;eAAfA,gCAAe;;IAGfC,yBAAyB;eAAzBA,yDAAyB;;IAAEC,iCAAiC;eAAjCA,iEAAiC;;IAD5DC,2BAA2B;eAA3BA,+CAA2B;;;iCAFJ;oCAEY;gDACiC"}

package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooter.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavDrawerFooter_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNavDrawerFooter_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdrawer = require("@fluentui/react-drawer");
+const useNavDrawerFooter_unstable = (props, ref)=>{
+    return (0, _reactdrawer.useDrawerFooter_unstable)(props, ref);
+};

package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerFooter/useNavDrawerFooter.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerFooter_unstable } from '@fluentui/react-drawer';\nimport type { NavDrawerFooterProps, NavDrawerFooterState } from './NavDrawerFooter.types';\n\n/**\n * Create the state required to render NavDrawerFooter.\n *\n * The returned state can be modified with hooks such as useNavDrawerFooterStyles_unstable,\n * before being passed to renderNavDrawerFooter_unstable.\n *\n * @param props - props from this instance of NavDrawerFooter\n * @param ref - reference to root HTMLDivElement of NavDrawerFooter\n */\nexport const useNavDrawerFooter_unstable = (\n  props: NavDrawerFooterProps,\n  ref: React.Ref<HTMLElement>,\n): NavDrawerFooterState => {\n  return useDrawerFooter_unstable(props, ref);\n};\n"],"names":["useNavDrawerFooter_unstable","props","ref","useDrawerFooter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;6BACkB;AAYlC,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,OAAOC,IAAAA,qCAAAA,EAAyBF,OAAOC;AACzC"}

package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.js

@@ -0,0 +1,56 @@
+"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, {
+    navDrawerFooterClassNames: function() {
+        return navDrawerFooterClassNames;
+    },
+    useNavDrawerFooterStyles_unstable: function() {
+        return useNavDrawerFooterStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactdrawer = require("@fluentui/react-drawer");
+const navDrawerFooterClassNames = {
+    root: 'fui-NavDrawerFooter'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1j1cbdv",
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        Belr9w4: "f1j0q4x9"
+    }
+}, {
+    d: [
+        [
+            ".f1j1cbdv{padding:var(--spacingVerticalXXS) var(--spacingHorizontalXS) var(--spacingVerticalXXS) var(--spacingVerticalXS) var(--spacingHorizontalMNudge);}",
+            {
+                p: -1
+            }
+        ],
+        ".f22iagw{display:flex;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".f1j0q4x9{row-gap:var(--spacingVerticalXXS);}"
+    ]
+});
+const useNavDrawerFooterStyles_unstable = (state)=>{
+    'use no memo';
+    (0, _reactdrawer.useDrawerFooterStyles_unstable)(state);
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navDrawerFooterClassNames.root, styles.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavDrawerFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useDrawerFooterStyles_unstable } from '@fluentui/react-drawer';\nexport const navDrawerFooterClassNames = {\n    root: 'fui-NavDrawerFooter'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXXS} ${tokens.spacingVerticalXS}  ${tokens.spacingHorizontalMNudge}`,\n        display: 'flex',\n        flexDirection: 'column',\n        rowGap: tokens.spacingVerticalXXS\n    }\n});\n/**\n * Apply styling to the NavDrawerFooter slots based on the state\n */ export const useNavDrawerFooterStyles_unstable = (state)=>{\n    'use no memo';\n    useDrawerFooterStyles_unstable(state);\n    const styles = useStyles();\n    state.root.className = mergeClasses(navDrawerFooterClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["navDrawerFooterClassNames","useNavDrawerFooterStyles_unstable","root","useStyles","__styles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mc9l5x","Beiy3e4","Belr9w4","d","p","state","useDrawerFooterStyles_unstable","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IAeIC,iCAAiC;eAAjCA;;;uBAlBwB;6BAEM;AACxC,MAAMD,4BAA4B;IACrCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAUX,MAAMb,oCAAqCc,CAAAA;IAClD;IACAC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,SAASd;IACfY,MAAMb,IAAI,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACnB,0BAA0BE,IAAI,EAAEe,OAAOf,IAAI,EAAEa,MAAMb,IAAI,CAACgB,SAAS;IACrG,OAAOH;AACX"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NavDrawerHeader", {
+    enumerable: true,
+    get: function() {
+        return NavDrawerHeader;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useNavDrawerHeader = require("./useNavDrawerHeader");
+const _useNavDrawerHeaderStylesstyles = require("./useNavDrawerHeaderStyles.styles");
+const _reactdrawer = require("@fluentui/react-drawer");
+const NavDrawerHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useNavDrawerHeader.useNavDrawerHeader_unstable)(props, ref);
+    (0, _useNavDrawerHeaderStylesstyles.useNavDrawerHeaderStyles_unstable)(state);
+    // TODO update types in packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts
+    // https://github.com/microsoft/fluentui/blob/master/rfcs/react-components/convergence/custom-styling.md
+    // useCustomStyleHook_unstable('useNavDrawerHeaderStyles_unstable')(state);
+    return (0, _reactdrawer.renderDrawerHeader_unstable)(state);
+});
+NavDrawerHeader.displayName = 'NavDrawerHeader';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerHeader/NavDrawerHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useNavDrawerHeader_unstable } from './useNavDrawerHeader';\nimport { useNavDrawerHeaderStyles_unstable } from './useNavDrawerHeaderStyles.styles';\nimport { renderDrawerHeader_unstable } from '@fluentui/react-drawer';\n\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { NavDrawerHeaderProps } from './NavDrawerHeader.types';\n\n/**\n * NavDrawerHeader component\n */\nexport const NavDrawerHeader: ForwardRefComponent<NavDrawerHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawerHeader_unstable(props, ref);\n\n  useNavDrawerHeaderStyles_unstable(state);\n  // TODO update types in packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts\n  // https://github.com/microsoft/fluentui/blob/master/rfcs/react-components/convergence/custom-styling.md\n  // useCustomStyleHook_unstable('useNavDrawerHeaderStyles_unstable')(state);\n  return renderDrawerHeader_unstable(state);\n});\n\nNavDrawerHeader.displayName = 'NavDrawerHeader';\n"],"names":["NavDrawerHeader","React","forwardRef","props","ref","state","useNavDrawerHeader_unstable","useNavDrawerHeaderStyles_unstable","renderDrawerHeader_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;oCACqB;gDACM;6BACN;AAQrC,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAClC,8HAA8H;IAC9H,wGAAwG;IACxG,2EAA2E;IAC3E,OAAOG,IAAAA,wCAAAA,EAA4BH;AACrC;AAEAL,gBAAgBS,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerHeader/NavDrawerHeader.types.ts"],"sourcesContent":["import type { DrawerHeaderProps, DrawerHeaderSlots, DrawerHeaderState } from '@fluentui/react-drawer';\n\nexport type NavDrawerHeaderSlots = DrawerHeaderSlots;\n\n/**\n * NavDrawerHeader Props\n */\nexport type NavDrawerHeaderProps = DrawerHeaderProps;\n\n/**\n * State used in rendering NavDrawerHeader\n */\nexport type NavDrawerHeaderState = DrawerHeaderState;\n"],"names":[],"rangeMappings":";;","mappings":"AASA;;CAEC"}

package/lib-commonjs/components/NavDrawerHeader/index.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, {
+    NavDrawerHeader: function() {
+        return _NavDrawerHeader.NavDrawerHeader;
+    },
+    navDrawerHeaderClassNames: function() {
+        return _useNavDrawerHeaderStylesstyles.navDrawerHeaderClassNames;
+    },
+    useNavDrawerHeaderStyles_unstable: function() {
+        return _useNavDrawerHeaderStylesstyles.useNavDrawerHeaderStyles_unstable;
+    },
+    useNavDrawerHeader_unstable: function() {
+        return _useNavDrawerHeader.useNavDrawerHeader_unstable;
+    }
+});
+const _NavDrawerHeader = require("./NavDrawerHeader");
+const _useNavDrawerHeader = require("./useNavDrawerHeader");
+const _useNavDrawerHeaderStylesstyles = require("./useNavDrawerHeaderStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerHeader/index.ts"],"sourcesContent":["export { NavDrawerHeader } from './NavDrawerHeader';\nexport type { NavDrawerHeaderProps, NavDrawerHeaderSlots, NavDrawerHeaderState } from './NavDrawerHeader.types';\nexport { useNavDrawerHeader_unstable } from './useNavDrawerHeader';\nexport { navDrawerHeaderClassNames, useNavDrawerHeaderStyles_unstable } from './useNavDrawerHeaderStyles.styles';\n"],"names":["NavDrawerHeader","navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable","useNavDrawerHeader_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,eAAe;eAAfA,gCAAe;;IAGfC,yBAAyB;eAAzBA,yDAAyB;;IAAEC,iCAAiC;eAAjCA,iEAAiC;;IAD5DC,2BAA2B;eAA3BA,+CAA2B;;;iCAFJ;oCAEY;gDACiC"}

package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeader.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavDrawerHeader_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNavDrawerHeader_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdrawer = require("@fluentui/react-drawer");
+const useNavDrawerHeader_unstable = (props, ref)=>{
+    return (0, _reactdrawer.useDrawerHeader_unstable)(props, ref);
+};

package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawerHeader/useNavDrawerHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerHeader_unstable } from '@fluentui/react-drawer';\n\nimport type { NavDrawerHeaderProps, NavDrawerHeaderState } from './NavDrawerHeader.types';\n\n/**\n * Create the state required to render NavDrawerHeader.\n *\n * The returned state can be modified with hooks such as useNavDrawerHeaderStyles_unstable,\n * before being passed to renderNavDrawerHeader_unstable.\n *\n * @param props - props from this instance of NavDrawerHeader\n * @param ref - reference to root HTMLDivElement of NavDrawerHeader\n */\nexport const useNavDrawerHeader_unstable = (\n  props: NavDrawerHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): NavDrawerHeaderState => {\n  return useDrawerHeader_unstable(props, ref);\n};\n"],"names":["useNavDrawerHeader_unstable","props","ref","useDrawerHeader_unstable"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;6BACkB;AAalC,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,OAAOC,IAAAA,qCAAAA,EAAyBF,OAAOC;AACzC"}

package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.js

@@ -0,0 +1,61 @@
+"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, {
+    navDrawerHeaderClassNames: function() {
+        return navDrawerHeaderClassNames;
+    },
+    useNavDrawerHeaderStyles_unstable: function() {
+        return useNavDrawerHeaderStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactdrawer = require("@fluentui/react-drawer");
+const navDrawerHeaderClassNames = {
+    root: 'fui-NavDrawerHeader'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        jrapky: 0,
+        Frg6f3: 0,
+        t21cq0: 0,
+        B6of3ja: 0,
+        B74szlk: "f1r2n0t9",
+        B1hrpyx: "f80d8h0",
+        Dbcxam: 0,
+        rjzwhg: 0,
+        Bblux5w: "fesrmp8"
+    }
+}, {
+    d: [
+        [
+            ".f1r2n0t9{margin:unset;}",
+            {
+                p: -1
+            }
+        ],
+        ".f80d8h0{-webkit-padding-start:14px;padding-inline-start:14px;}",
+        [
+            ".fesrmp8{padding-block:5px;}",
+            {
+                p: -1
+            }
+        ]
+    ]
+});
+const useNavDrawerHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    (0, _reactdrawer.useDrawerHeaderStyles_unstable)(state);
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navDrawerHeaderClassNames.root, styles.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavDrawerHeaderStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDrawerHeaderStyles_unstable } from '@fluentui/react-drawer';\nexport const navDrawerHeaderClassNames = {\n    root: 'fui-NavDrawerHeader'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        margin: 'unset',\n        paddingInlineStart: '14px',\n        paddingBlock: '5px'\n    }\n});\n/**\n * Apply styling to the NavDrawerHeader slots based on the state\n */ export const useNavDrawerHeaderStyles_unstable = (state)=>{\n    'use no memo';\n    useDrawerHeaderStyles_unstable(state);\n    const styles = useStyles();\n    state.root.className = mergeClasses(navDrawerHeaderClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable","root","useStyles","__styles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","B1hrpyx","Dbcxam","rjzwhg","Bblux5w","d","p","state","useDrawerHeaderStyles_unstable","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,yBAAyB;eAAzBA;;IAcIC,iCAAiC;eAAjCA;;;uBAhBwB;6BACM;AACxC,MAAMD,4BAA4B;IACrCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA;AASX,MAAMd,oCAAqCe,CAAAA;IAClD;IACAC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,SAASf;IACfa,MAAMd,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,0BAA0BE,IAAI,EAAEgB,OAAOhB,IAAI,EAAEc,MAAMd,IAAI,CAACiB,SAAS;IACrG,OAAOH;AACX"}