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

package/lib-commonjs/components/NavCategoryItem/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, {
+    NavCategoryItem: function() {
+        return _NavCategoryItem.NavCategoryItem;
+    },
+    navCategoryItemClassNames: function() {
+        return _useNavCategoryItemstyles.navCategoryItemClassNames;
+    },
+    renderNavCategoryItem_unstable: function() {
+        return _renderNavCategoryItem.renderNavCategoryItem_unstable;
+    },
+    useNavCategoryItemStyles_unstable: function() {
+        return _useNavCategoryItemstyles.useNavCategoryItemStyles_unstable;
+    },
+    useNavCategoryItem_unstable: function() {
+        return _useNavCategoryItem.useNavCategoryItem_unstable;
+    }
+});
+const _NavCategoryItem = require("./NavCategoryItem");
+const _renderNavCategoryItem = require("./renderNavCategoryItem");
+const _useNavCategoryItem = require("./useNavCategoryItem");
+const _useNavCategoryItemstyles = require("./useNavCategoryItem.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategoryItem/index.ts"],"sourcesContent":["export { NavCategoryItem } from './NavCategoryItem';\nexport type { NavCategoryItemSlots, NavCategoryItemProps, NavCategoryItemState } from './NavCategoryItem.types';\nexport { renderNavCategoryItem_unstable } from './renderNavCategoryItem';\nexport { useNavCategoryItem_unstable } from './useNavCategoryItem';\nexport { useNavCategoryItemStyles_unstable, navCategoryItemClassNames } from './useNavCategoryItem.styles';\n"],"names":["NavCategoryItem","navCategoryItemClassNames","renderNavCategoryItem_unstable","useNavCategoryItemStyles_unstable","useNavCategoryItem_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,eAAe;eAAfA,gCAAe;;IAIoBC,yBAAyB;eAAzBA,mDAAyB;;IAF5DC,8BAA8B;eAA9BA,qDAA8B;;IAE9BC,iCAAiC;eAAjCA,2DAAiC;;IADjCC,2BAA2B;eAA3BA,+CAA2B;;;iCAHJ;uCAEe;oCACH;0CACiC"}

package/lib-commonjs/components/NavCategoryItem/renderNavCategoryItem.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderNavCategoryItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderNavCategoryItem_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _NavCategoryItemContext = require("../NavCategoryItemContext");
+const renderNavCategoryItem_unstable = (state, contextValues)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_NavCategoryItemContext.NavCategoryItemProvider, {
+        value: contextValues.navCategoryItem,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+            children: [
+                state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+                state.root.children,
+                state.expandIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.expandIcon, {})
+            ]
+        })
+    });
+};

package/lib-commonjs/components/NavCategoryItem/renderNavCategoryItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategoryItem/renderNavCategoryItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { NavCategoryItemState, NavCategoryItemSlots, NavCategoryItemContextValues } from './NavCategoryItem.types';\nimport { NavCategoryItemProvider } from '../NavCategoryItemContext';\n\n/**\n * Render the final JSX of NavCategoryItem\n */\nexport const renderNavCategoryItem_unstable = (\n  state: NavCategoryItemState,\n  contextValues: NavCategoryItemContextValues,\n) => {\n  assertSlots<NavCategoryItemSlots>(state);\n\n  return (\n    <NavCategoryItemProvider value={contextValues.navCategoryItem}>\n      <state.root>\n        {state.icon && <state.icon />}\n        {state.root.children}\n        {state.expandIcon && <state.expandIcon />}\n      </state.root>\n    </NavCategoryItemProvider>\n  );\n};\n"],"names":["renderNavCategoryItem_unstable","state","contextValues","assertSlots","_jsx","NavCategoryItemProvider","value","navCategoryItem","_jsxs","root","icon","children","expandIcon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;wCAEY;AAKjC,MAAMA,iCAAiC,CAC5CC,OACAC;IAEAC,IAAAA,2BAAAA,EAAkCF;IAElC,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,+CAAAA,EAAAA;QAAwBC,OAAOJ,cAAcK,eAAe;kBAC3D,WAAA,GAAAC,IAAAA,gBAAA,EAACP,MAAMQ,IAAI,EAAA;;gBACRR,MAAMS,IAAI,IAAA,WAAA,GAAIN,IAAAA,eAAA,EAACH,MAAMS,IAAI,EAAA,CAAA;gBACzBT,MAAMQ,IAAI,CAACE,QAAQ;gBACnBV,MAAMW,UAAU,IAAA,WAAA,GAAIR,IAAAA,eAAA,EAACH,MAAMW,UAAU,EAAA,CAAA;;;;AAI9C"}

package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavCategoryItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNavCategoryItem_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 _reacticons = require("@fluentui/react-icons");
+const _NavCategoryContext = require("../NavCategoryContext");
+const _NavContext = require("../NavContext");
+const useNavCategoryItem_unstable = (props, ref)=>{
+    const { onClick, expandIcon, icon } = props;
+    const { open, value } = (0, _NavCategoryContext.useNavCategoryContext_unstable)();
+    const { onRequestNavCategoryItemToggle, selectedCategoryValue, density = 'medium' } = (0, _NavContext.useNavContext_unstable)();
+    const onNavCategoryItemClick = (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)(onClick, (event)=>onRequestNavCategoryItemToggle(event, {
+            type: 'click',
+            event,
+            value: '',
+            categoryValue: value
+        })));
+    // don't fill the icon when it's open
+    const selected = selectedCategoryValue === value && !open;
+    // there's more than 2 possible values for aria-current, but this is the only one that's used in this component
+    const validAriaCurrent = selected && !open ? 'page' : 'false';
+    return {
+        open,
+        value,
+        selected,
+        components: {
+            root: 'button',
+            icon: 'span',
+            expandIcon: 'span'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('button', {
+            ref,
+            'aria-current': validAriaCurrent,
+            'aria-expanded': open,
+            ...props,
+            onClick: onNavCategoryItemClick
+        }), {
+            elementType: 'button'
+        }),
+        expandIcon: _reactutilities.slot.always(expandIcon, {
+            defaultProps: {
+                children: /*#__PURE__*/ _react.createElement(_reacticons.ChevronRight20Regular, null),
+                'aria-hidden': true
+            },
+            elementType: 'span'
+        }),
+        icon: _reactutilities.slot.optional(icon, {
+            elementType: 'span'
+        }),
+        density
+    };
+};

package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategoryItem/useNavCategoryItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';\nimport { ChevronRight20Regular } from '@fluentui/react-icons';\nimport { NavCategoryItemProps, NavCategoryItemState } from './NavCategoryItem.types';\nimport { useNavCategoryContext_unstable } from '../NavCategoryContext';\nimport { useNavContext_unstable } from '../NavContext';\n\n/**\n * Create the state required to render NavCategoryItem.\n *\n * The returned state can be modified with hooks such as useNavCategoryItemStyles,\n * before being passed to renderNavCategoryItem.\n *\n * @param props - props from this instance of NavCategoryItem\n * @param ref - reference to root HTMLButtonElement of NavCategoryItem\n */\nexport const useNavCategoryItem_unstable = (\n  props: NavCategoryItemProps,\n  ref: React.Ref<HTMLButtonElement>,\n): NavCategoryItemState => {\n  const { onClick, expandIcon, icon } = props;\n\n  const { open, value } = useNavCategoryContext_unstable();\n\n  const { onRequestNavCategoryItemToggle, selectedCategoryValue, density = 'medium' } = useNavContext_unstable();\n\n  const onNavCategoryItemClick = useEventCallback(\n    mergeCallbacks(onClick, event =>\n      onRequestNavCategoryItemToggle(event, { type: 'click', event, value: '', categoryValue: value }),\n    ),\n  );\n\n  // don't fill the icon when it's open\n  const selected = selectedCategoryValue === value && !open;\n  // there's more than 2 possible values for aria-current, but this is the only one that's used in this component\n  const validAriaCurrent: 'page' | 'false' = selected && !open ? 'page' : 'false';\n\n  return {\n    open,\n    value,\n    selected,\n    components: {\n      root: 'button',\n      icon: 'span',\n      expandIcon: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        'aria-current': validAriaCurrent,\n        'aria-expanded': open,\n        ...props,\n        onClick: onNavCategoryItemClick,\n      }),\n      { elementType: 'button' },\n    ),\n    expandIcon: slot.always(expandIcon, {\n      defaultProps: {\n        children: <ChevronRight20Regular />,\n        'aria-hidden': true,\n      },\n      elementType: 'span',\n    }),\n    icon: slot.optional(icon, {\n      elementType: 'span',\n    }),\n    density,\n  };\n};\n"],"names":["useNavCategoryItem_unstable","props","ref","onClick","expandIcon","icon","open","value","useNavCategoryContext_unstable","onRequestNavCategoryItemToggle","selectedCategoryValue","density","useNavContext_unstable","onNavCategoryItemClick","useEventCallback","mergeCallbacks","event","type","categoryValue","selected","validAriaCurrent","components","root","slot","always","getIntrinsicElementProps","elementType","defaultProps","children","React","createElement","ChevronRight20Regular","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;gCAC0D;4BAC3C;oCAES;4BACR;AAWhC,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAEC,IAAI,EAAE,GAAGJ;IAEtC,MAAM,EAAEK,IAAI,EAAEC,KAAK,EAAE,GAAGC,IAAAA,kDAAAA;IAExB,MAAM,EAAEC,8BAA8B,EAAEC,qBAAqB,EAAEC,UAAU,QAAQ,EAAE,GAAGC,IAAAA,kCAAAA;IAEtF,MAAMC,yBAAyBC,IAAAA,gCAAAA,EAC7BC,IAAAA,8BAAAA,EAAeZ,SAASa,CAAAA,QACtBP,+BAA+BO,OAAO;YAAEC,MAAM;YAASD;YAAOT,OAAO;YAAIW,eAAeX;QAAM;IAIlG,qCAAqC;IACrC,MAAMY,WAAWT,0BAA0BH,SAAS,CAACD;IACrD,+GAA+G;IAC/G,MAAMc,mBAAqCD,YAAY,CAACb,OAAO,SAAS;IAExE,OAAO;QACLA;QACAC;QACAY;QACAE,YAAY;YACVC,MAAM;YACNjB,MAAM;YACND,YAAY;QACd;QACAkB,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,UAAU;YACjCvB;YACA,gBAAgBkB;YAChB,iBAAiBd;YACjB,GAAGL,KAAK;YACRE,SAASU;QACX,IACA;YAAEa,aAAa;QAAS;QAE1BtB,YAAYmB,oBAAAA,CAAKC,MAAM,CAACpB,YAAY;YAClCuB,cAAc;gBACZC,UAAAA,WAAAA,GAAUC,OAAAC,aAAA,CAACC,iCAAAA,EAAAA;gBACX,eAAe;YACjB;YACAL,aAAa;QACf;QACArB,MAAMkB,oBAAAA,CAAKS,QAAQ,CAAC3B,MAAM;YACxBqB,aAAa;QACf;QACAf;IACF;AACF"}

package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.styles.js

@@ -0,0 +1,83 @@
+"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, {
+    navCategoryItemClassNames: function() {
+        return navCategoryItemClassNames;
+    },
+    useNavCategoryItemStyles_unstable: function() {
+        return useNavCategoryItemStyles_unstable;
+    },
+    useRootStyles: function() {
+        return useRootStyles;
+    }
+});
+const _react = require("@griffel/react");
+const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
+const navCategoryItemClassNames = {
+    root: 'fui-NavCategoryItem',
+    icon: 'fui-NavCategoryItem__icon',
+    expandIcon: 'fui-NavCategoryItem__expandIcon'
+};
+const useExpandIconStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        Jyy4pa: "f1lfeew",
+        Bqenvij: "fjamq6b"
+    },
+    open: {
+        Bz10aip: [
+            "f93bgaf",
+            "fcxki7x"
+        ]
+    },
+    selected: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "f1i3iumi"
+    }
+}, {
+    d: [
+        ".f1lfeew{-webkit-margin-start:auto;margin-inline-start:auto;}",
+        ".fjamq6b{height:20px;}",
+        ".f93bgaf{transform:rotate(90deg);}",
+        ".fcxki7x{transform:rotate(-90deg);}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}"
+    ]
+});
+const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        a9b677: "fly5x3f"
+    }
+}, {
+    d: [
+        ".fly5x3f{width:100%;}"
+    ]
+});
+const useNavCategoryItemStyles_unstable = (state)=>{
+    'use no memo';
+    const rootStyles = useRootStyles();
+    const smallStyles = (0, _sharedNavStylesstyles.useSmallStyles)();
+    const defaultRootClassName = (0, _sharedNavStylesstyles.useRootDefaultClassName)();
+    const contentStyles = (0, _sharedNavStylesstyles.useContentStyles)();
+    const indicatorStyles = (0, _sharedNavStylesstyles.useIndicatorStyles)();
+    const iconStyles = (0, _sharedNavStylesstyles.useIconStyles)();
+    const expandIconStyles = useExpandIconStyles();
+    const { selected, open, density } = state;
+    state.root.className = (0, _react.mergeClasses)(navCategoryItemClassNames.root, defaultRootClassName, rootStyles.base, density === 'small' && smallStyles.root, selected && open === false && indicatorStyles.base, selected && open === false && contentStyles.selected, state.root.className);
+    state.expandIcon.className = (0, _react.mergeClasses)(navCategoryItemClassNames.expandIcon, expandIconStyles.base, state.open && expandIconStyles.open, state.expandIcon.className);
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(navCategoryItemClassNames.icon, iconStyles.base, selected && iconStyles.selected, state.icon.className);
+    }
+    return state;
+};

package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavCategoryItem.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport { useContentStyles, useIconStyles, useIndicatorStyles, useRootDefaultClassName, useSmallStyles } from '../sharedNavStyles.styles';\nexport const navCategoryItemClassNames = {\n    root: 'fui-NavCategoryItem',\n    icon: 'fui-NavCategoryItem__icon',\n    expandIcon: 'fui-NavCategoryItem__expandIcon'\n};\nconst useExpandIconStyles = makeStyles({\n    base: {\n        marginInlineStart: 'auto',\n        height: '20px'\n    },\n    open: {\n        transform: 'rotate(90deg)'\n    },\n    selected: typographyStyles.body1Strong\n});\n/**\n * Styles for the root slot\n */ export const useRootStyles = makeStyles({\n    base: {\n        width: '100%'\n    }\n});\n/**\n * Apply styling to the NavCategoryItem slots based on the state\n */ export const useNavCategoryItemStyles_unstable = (state)=>{\n    'use no memo';\n    const rootStyles = useRootStyles();\n    const smallStyles = useSmallStyles();\n    const defaultRootClassName = useRootDefaultClassName();\n    const contentStyles = useContentStyles();\n    const indicatorStyles = useIndicatorStyles();\n    const iconStyles = useIconStyles();\n    const expandIconStyles = useExpandIconStyles();\n    const { selected, open, density } = state;\n    state.root.className = mergeClasses(navCategoryItemClassNames.root, defaultRootClassName, rootStyles.base, density === 'small' && smallStyles.root, selected && open === false && indicatorStyles.base, selected && open === false && contentStyles.selected, state.root.className);\n    state.expandIcon.className = mergeClasses(navCategoryItemClassNames.expandIcon, expandIconStyles.base, state.open && expandIconStyles.open, state.expandIcon.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(navCategoryItemClassNames.icon, iconStyles.base, selected && iconStyles.selected, state.icon.className);\n    }\n    return state;\n};\n"],"names":["navCategoryItemClassNames","useNavCategoryItemStyles_unstable","useRootStyles","root","icon","expandIcon","useExpandIconStyles","__styles","base","Jyy4pa","Bqenvij","open","Bz10aip","selected","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","a9b677","state","rootStyles","smallStyles","useSmallStyles","defaultRootClassName","useRootDefaultClassName","contentStyles","useContentStyles","indicatorStyles","useIndicatorStyles","iconStyles","useIconStyles","expandIconStyles","density","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,yBAAyB;eAAzBA;;IAwBIC,iCAAiC;eAAjCA;;IAPAC,aAAa;eAAbA;;;uBApBwB;uCAEoE;AACtG,MAAMF,4BAA4B;IACrCG,MAAM;IACNC,MAAM;IACNC,YAAY;AAChB;AACA,MAAMC,sBAAmB,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,MAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,UAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAYjB,MAAMhB,gBAAa,WAAA,GAAGK,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAW,QAAA;IAAA;AAAA,GAAA;IAAAD,GAAA;QAAA;KAAA;AAAA;AAOtB,MAAMjB,oCAAqCmB,CAAAA;IAClD;IACA,MAAMC,aAAanB;IACnB,MAAMoB,cAAcC,IAAAA,qCAAc;IAClC,MAAMC,uBAAuBC,IAAAA,8CAAuB;IACpD,MAAMC,gBAAgBC,IAAAA,uCAAgB;IACtC,MAAMC,kBAAkBC,IAAAA,yCAAkB;IAC1C,MAAMC,aAAaC,IAAAA,oCAAa;IAChC,MAAMC,mBAAmB1B;IACzB,MAAM,EAAEO,QAAQ,EAAEF,IAAI,EAAEsB,OAAAA,EAAS,GAAGb;IACpCA,MAAMjB,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAACnC,0BAA0BG,IAAI,EAAEqB,sBAAsBH,WAAWb,IAAI,EAAEyB,YAAY,WAAWX,YAAYnB,IAAI,EAAEU,YAAYF,SAAS,SAASiB,gBAAgBpB,IAAI,EAAEK,YAAYF,SAAS,SAASe,cAAcb,QAAQ,EAAEO,MAAMjB,IAAI,CAAC+B,SAAS;IAClRd,MAAMf,UAAU,CAAC6B,SAAS,GAAGC,IAAAA,mBAAY,EAACnC,0BAA0BK,UAAU,EAAE2B,iBAAiBxB,IAAI,EAAEY,MAAMT,IAAI,IAAIqB,iBAAiBrB,IAAI,EAAES,MAAMf,UAAU,CAAC6B,SAAS;IACtK,IAAId,MAAMhB,IAAI,EAAE;QACZgB,MAAMhB,IAAI,CAAC8B,SAAS,GAAGC,IAAAA,mBAAY,EAACnC,0BAA0BI,IAAI,EAAE0B,WAAWtB,IAAI,EAAEK,YAAYiB,WAAWjB,QAAQ,EAAEO,MAAMhB,IAAI,CAAC8B,SAAS;IAC9I;IACA,OAAOd;AACX"}

package/lib-commonjs/components/NavCategoryItemContext.js

@@ -0,0 +1,29 @@
+"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, {
+    NavCategoryItemProvider: function() {
+        return NavCategoryItemProvider;
+    },
+    useNavCategoryItemContext_unstable: function() {
+        return useNavCategoryItemContext_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const NavCategoryItemContext = /*#__PURE__*/ _react.createContext(undefined);
+const NavCategoryItemContextDefaultValues = {
+    open: false
+};
+const { Provider: NavCategoryItemProvider } = NavCategoryItemContext;
+const useNavCategoryItemContext_unstable = ()=>{
+    var _React_useContext;
+    return (_React_useContext = _react.useContext(NavCategoryItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : NavCategoryItemContextDefaultValues;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategoryItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavItemValue } from './NavContext.types';\n\n// This context is analogous to AccordionHeaderContext\n\nexport type NavCategoryItemContextValue = {\n  open: boolean;\n  value: NavItemValue;\n};\n\nconst NavCategoryItemContext = React.createContext<NavCategoryItemContextValue | undefined>(\n  undefined,\n) as React.Context<NavCategoryItemContextValue>;\n\nconst NavCategoryItemContextDefaultValues = {\n  open: false,\n};\n\nexport const { Provider: NavCategoryItemProvider } = NavCategoryItemContext;\n\nexport const useNavCategoryItemContext_unstable = () =>\n  React.useContext(NavCategoryItemContext) ?? NavCategoryItemContextDefaultValues;\n"],"names":["NavCategoryItemProvider","useNavCategoryItemContext_unstable","NavCategoryItemContext","React","createContext","undefined","NavCategoryItemContextDefaultValues","open","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAkByBA,uBAAuB;eAAvBA;;IAEZC,kCAAAA;eAAAA;;;;iEApBU;AAUvB,MAAMC,uCAAyBC,OAAMC,aAAa,CAChDC;AAGF,MAAMC,sCAAsC;IAC1CC,MAAM;AACR;AAEO,MAAM,EAAEC,UAAUR,uBAAuB,EAAE,GAAGE;AAE9C,MAAMD,qCAAqC;QAChDE;WAAAA,CAAAA,oBAAAA,OAAMM,UAAU,CAACP,uBAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAA4CG;AAAkC"}

package/lib-commonjs/components/NavContext.js

@@ -0,0 +1,49 @@
+"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, {
+    NavProvider: function() {
+        return NavProvider;
+    },
+    useNavContext_unstable: function() {
+        return useNavContext_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const navContextDefaultValue = {
+    selectedValue: undefined,
+    selectedCategoryValue: undefined,
+    onRegister: ()=>{
+    /* noop */ },
+    onUnregister: ()=>{
+    /* noop */ },
+    onSelect: ()=>{
+    /* noop */ },
+    getRegisteredNavItems: ()=>{
+        return {
+            registeredNavItems: {}
+        };
+    },
+    onRequestNavCategoryItemToggle () {
+    /* noop */ },
+    /**
+   * The list of opened panels by index
+   */ openCategories: [],
+    /**
+   * Indicates if Nav supports multiple open Categories at the same time.
+   */ multiple: true,
+    /**
+   * Indicates the vertical density and density of the Nav.
+   */ density: 'medium'
+};
+const NavContext = /*#__PURE__*/ _react.createContext(undefined);
+const NavProvider = NavContext.Provider;
+const useNavContext_unstable = ()=>_react.useContext(NavContext) || navContextDefaultValue;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavContextValue } from './NavContext.types';\n\nconst navContextDefaultValue: NavContextValue = {\n  selectedValue: undefined,\n  selectedCategoryValue: undefined,\n  onRegister: () => {\n    /* noop */\n  },\n  onUnregister: () => {\n    /* noop */\n  },\n  onSelect: () => {\n    /* noop */\n  },\n  getRegisteredNavItems: () => {\n    return {\n      registeredNavItems: {},\n    };\n  },\n  onRequestNavCategoryItemToggle() {\n    /* noop */\n  },\n  /**\n   * The list of opened panels by index\n   */\n  openCategories: [],\n\n  /**\n   * Indicates if Nav supports multiple open Categories at the same time.\n   */\n  multiple: true,\n\n  /**\n   * Indicates the vertical density and density of the Nav.\n   */\n  density: 'medium',\n};\n\nconst NavContext = React.createContext<NavContextValue | undefined>(undefined);\n\nexport const NavProvider = NavContext.Provider;\n\nexport const useNavContext_unstable = () => React.useContext(NavContext) || navContextDefaultValue;\n"],"names":["NavProvider","useNavContext_unstable","navContextDefaultValue","selectedValue","undefined","selectedCategoryValue","onRegister","onUnregister","onSelect","getRegisteredNavItems","registeredNavItems","onRequestNavCategoryItemToggle","openCategories","multiple","density","NavContext","React","createContext","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAyCaA,WAAAA;eAAAA;;IAEAC,sBAAAA;eAAAA;;;;iEA3CU;AAGvB,MAAMC,yBAA0C;IAC9CC,eAAeC;IACfC,uBAAuBD;IACvBE,YAAY;IACV,QAAQ,GACV;IACAC,cAAc;IACZ,QAAQ,GACV;IACAC,UAAU;IACR,QAAQ,GACV;IACAC,uBAAuB;QACrB,OAAO;YACLC,oBAAoB,CAAC;QACvB;IACF;IACAC;IACE,QAAQ,GACV;IACA;;GAEC,GACDC,gBAAgB,EAAE;IAElB;;GAEC,GACDC,UAAU;IAEV;;GAEC,GACDC,SAAS;AACX;AAEA,MAAMC,2BAAaC,OAAMC,aAAa,CAA8Bb;AAE7D,MAAMJ,cAAce,WAAWG,QAAQ;AAEvC,MAAMjB,yBAAyB,IAAMe,OAAMG,UAAU,CAACJ,eAAeb"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavContext.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { EventHandler } from '@fluentui/react-utilities';\n\nimport type { NavProps, OnNavItemSelectData } from './Nav/Nav.types';\n\nexport type NavContextValue = Pick<\n  NavProps,\n  'onNavItemSelect' | 'selectedValue' | 'selectedCategoryValue' | 'density'\n> & {\n  /** A callback to allow a navItem to register itself with the navItem list. */\n  onRegister: RegisterNavItemEventHandler;\n\n  /** A callback to allow a navItem to unregister itself with the navItem list. */\n  onUnregister: RegisterNavItemEventHandler;\n  /**\n   * A callback to allow a navItem to select itself when pressed.\n   */\n  onSelect: EventHandler<OnNavItemSelectData>;\n  /**\n   * Gets the registered navItem data along with current and previous selected values.\n   */\n  getRegisteredNavItems: () => {\n    selectedValue?: NavItemValue;\n    selectedCategoryValue?: NavItemValue;\n    previousSelectedValue?: NavItemValue;\n    registeredNavItems: Record<string, NavItemRegisterData>;\n  };\n  /**\n   * Callback used by NavCategoryItem to request a change on it's own opened state\n   * Should be used to toggle NavCategoryItem's open state\n   */\n  onRequestNavCategoryItemToggle: EventHandler<OnNavItemSelectData>;\n\n  /**\n   * The list of opened panels by index\n   */\n  openCategories: NavItemValue[];\n\n  /**\n   * Indicates if Nav supports multiple open Categories at the same time.\n   * @default true, indicating that multiple categories can be open at the same time.\n   */\n  multiple: boolean;\n};\n\n/**\n * Any value that identifies a specific Item.\n */\nexport type NavItemValue = string;\n\n/**\n * Context values used in rendering navItemList.\n */\nexport type NavContextValues = {\n  /**\n   * The context of the navItem list available to each navItem.\n   */\n  nav: NavContextValue;\n};\n\nexport type NavItemRegisterData = {\n  /**\n   * The value of the navItem.\n   */\n  value: NavItemValue;\n\n  /**\n   * The reference to the navItem HTML element.\n   */\n  ref: React.RefObject<HTMLElement>;\n};\n\nexport type RegisterNavItemEventHandler = (data: NavItemRegisterData) => void;\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NavDivider", {
+    enumerable: true,
+    get: function() {
+        return NavDivider;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useNavDivider = require("./useNavDivider");
+const _useNavDividerStylesstyles = require("./useNavDividerStyles.styles");
+const _reactdivider = require("@fluentui/react-divider");
+const NavDivider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useNavDivider.useNavDivider_unstable)(props, ref);
+    (0, _useNavDividerStylesstyles.useNavDividerStyles_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('useNavDividerStyles_unstable')(state);
+    return (0, _reactdivider.renderDivider_unstable)(state);
+});
+NavDivider.displayName = 'NavDivider';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDivider/NavDivider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useNavDivider_unstable } from './useNavDivider';\nimport { useNavDividerStyles_unstable } from './useNavDividerStyles.styles';\nimport { renderDivider_unstable } from '@fluentui/react-divider';\n\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { NavDividerProps } from './NavDivider.types';\n\n/**\n * NavDivider component - TODO: add more docs\n */\nexport const NavDivider: ForwardRefComponent<NavDividerProps> = React.forwardRef((props, ref) => {\n  const state = useNavDivider_unstable(props, ref);\n\n  useNavDividerStyles_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('useNavDividerStyles_unstable')(state);\n  return renderDivider_unstable(state);\n});\n\nNavDivider.displayName = 'NavDivider';\n"],"names":["NavDivider","React","forwardRef","props","ref","state","useNavDivider_unstable","useNavDividerStyles_unstable","renderDivider_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;+BACgB;2CACM;8BACN;AAQhC,MAAMA,aAAAA,WAAAA,GAAmDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQC,IAAAA,qCAAAA,EAAuBH,OAAOC;IAE5CG,IAAAA,uDAAAA,EAA6BF;IAC7B,8HAA8H;IAC9H,wGAAwG;IACxG,sEAAsE;IACtE,OAAOG,IAAAA,oCAAAA,EAAuBH;AAChC;AAEAL,WAAWS,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDivider/NavDivider.types.ts"],"sourcesContent":["import type { DividerProps, DividerState } from '@fluentui/react-divider';\n\n/**\n * NavDivider Props\n */\nexport type NavDividerProps = DividerProps;\n\n/**\n * State used in rendering NavDivider\n */\nexport type NavDividerState = DividerState;\n"],"names":[],"rangeMappings":";;","mappings":"AAOA;;CAEC"}

package/lib-commonjs/components/NavDivider/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, {
+    NavDivider: function() {
+        return _NavDivider.NavDivider;
+    },
+    navDividerClassNames: function() {
+        return _useNavDividerStylesstyles.navDividerClassNames;
+    },
+    useNavDividerStyles_unstable: function() {
+        return _useNavDividerStylesstyles.useNavDividerStyles_unstable;
+    },
+    useNavDivider_unstable: function() {
+        return _useNavDivider.useNavDivider_unstable;
+    }
+});
+const _NavDivider = require("./NavDivider");
+const _useNavDivider = require("./useNavDivider");
+const _useNavDividerStylesstyles = require("./useNavDividerStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDivider/index.ts"],"sourcesContent":["export { NavDivider } from './NavDivider';\nexport type { NavDividerProps, NavDividerState } from './NavDivider.types';\nexport { useNavDivider_unstable } from './useNavDivider';\nexport { navDividerClassNames, useNavDividerStyles_unstable } from './useNavDividerStyles.styles';\n"],"names":["NavDivider","navDividerClassNames","useNavDividerStyles_unstable","useNavDivider_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,UAAU;eAAVA,sBAAU;;IAGVC,oBAAoB;eAApBA,+CAAoB;;IAAEC,4BAA4B;eAA5BA,uDAA4B;;IADlDC,sBAAsB;eAAtBA,qCAAsB;;;4BAFJ;+BAEY;2CAC4B"}

package/lib-commonjs/components/NavDivider/useNavDivider.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavDivider_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNavDivider_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactdivider = require("@fluentui/react-divider");
+const useNavDivider_unstable = (props, ref)=>{
+    return (0, _reactdivider.useDivider_unstable)({
+        appearance: 'strong',
+        ...props
+    }, ref);
+};

package/lib-commonjs/components/NavDivider/useNavDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDivider/useNavDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport type { NavDividerProps, NavDividerState } from './NavDivider.types';\nimport { useDivider_unstable } from '@fluentui/react-divider';\n\n/**\n * Create the state required to render NavDivider.\n *\n * The returned state can be modified with hooks such as useNavDividerStyles_unstable,\n * before being passed to renderNavDivider_unstable.\n *\n * @param props - props from this instance of NavDivider\n * @param ref - reference to root HTMLDivElement of NavDivider\n */\nexport const useNavDivider_unstable = (props: NavDividerProps, ref: React.Ref<HTMLElement>): NavDividerState => {\n  return useDivider_unstable({ appearance: 'strong', ...props }, ref);\n};\n"],"names":["useNavDivider_unstable","props","ref","useDivider_unstable","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;8BAEa;AAW7B,MAAMA,yBAAyB,CAACC,OAAwBC;IAC7D,OAAOC,IAAAA,iCAAAA,EAAoB;QAAEC,YAAY;QAAU,GAAGH,KAAK;IAAC,GAAGC;AACjE"}

package/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.js

@@ -0,0 +1,45 @@
+"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, {
+    navDividerClassNames: function() {
+        return navDividerClassNames;
+    },
+    useNavDividerStyles_unstable: function() {
+        return useNavDividerStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactdivider = require("@fluentui/react-divider");
+const navDividerClassNames = {
+    root: 'fui-NavDivider',
+    wrapper: 'fui-NavDivider__wrapper'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Bh6795r: "f1jhi6b8",
+        B6of3ja: "fvjh0tl",
+        jrapky: "fd1gkq"
+    }
+}, {
+    d: [
+        ".f1jhi6b8{flex-grow:0;}",
+        ".fvjh0tl{margin-top:4px;}",
+        ".fd1gkq{margin-bottom:4px;}"
+    ]
+});
+const useNavDividerStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navDividerClassNames.root, styles.root, state.root.className);
+    state.wrapper.className = (0, _react.mergeClasses)(navDividerClassNames.wrapper, state.wrapper.className);
+    (0, _reactdivider.useDividerStyles_unstable)(state);
+    return state;
+};

package/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavDividerStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nexport const navDividerClassNames = {\n    root: 'fui-NavDivider',\n    wrapper: 'fui-NavDivider__wrapper'\n};\nconst useStyles = makeStyles({\n    root: {\n        flexGrow: 0,\n        marginTop: '4px',\n        marginBottom: '4px'\n    }\n});\n/**\n * Apply styling to the NavDivider slots based on the state\n */ export const useNavDividerStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(navDividerClassNames.root, styles.root, state.root.className);\n    state.wrapper.className = mergeClasses(navDividerClassNames.wrapper, state.wrapper.className);\n    useDividerStyles_unstable(state);\n    return state;\n};\n"],"names":["navDividerClassNames","useNavDividerStyles_unstable","root","wrapper","useStyles","__styles","Bh6795r","B6of3ja","jrapky","d","state","styles","className","mergeClasses","useDividerStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,oBAAoB;eAApBA;;IAaIC,4BAA4B;eAA5BA;;;uBAfwB;8BACC;AACnC,MAAMD,uBAAuB;IAChCE,MAAM;IACNC,SAAS;AACb;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAH,MAAA;QAAAI,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AASP,MAAMR,+BAAgCS,CAAAA;IAC7C;IACA,MAAMC,SAASP;IACfM,MAAMR,IAAI,CAACU,SAAS,GAAGC,IAAAA,mBAAY,EAACb,qBAAqBE,IAAI,EAAES,OAAOT,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IAChGF,MAAMP,OAAO,CAACS,SAAS,GAAGC,IAAAA,mBAAY,EAACb,qBAAqBG,OAAO,EAAEO,MAAMP,OAAO,CAACS,SAAS;IAC5FE,IAAAA,uCAAyB,EAACJ;IAC1B,OAAOA;AACX"}

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NavDrawer", {
+    enumerable: true,
+    get: function() {
+        return NavDrawer;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useNavDrawer = require("./useNavDrawer");
+const _renderNavDrawer = require("./renderNavDrawer");
+const _useNavDrawerStylesstyles = require("./useNavDrawerStyles.styles");
+const _useNavContextValues = require("../useNavContextValues");
+const NavDrawer = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useNavDrawer.useNavDrawer_unstable)(props, ref);
+    const contextValues = (0, _useNavContextValues.useNavContextValues_unstable)(state);
+    (0, _useNavDrawerStylesstyles.useNavDrawerStyles_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('useNavDrawerStyles_unstable')(state);
+    return (0, _renderNavDrawer.renderNavDrawer_unstable)(state, contextValues);
+});
+NavDrawer.displayName = 'NavDrawer';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawer/NavDrawer.tsx"],"sourcesContent":["import * as React from 'react';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useNavDrawer_unstable } from './useNavDrawer';\nimport { renderNavDrawer_unstable } from './renderNavDrawer';\nimport { useNavDrawerStyles_unstable } from './useNavDrawerStyles.styles';\nimport { useNavContextValues_unstable } from '../useNavContextValues';\nimport { NavState } from '../Nav/Nav.types';\n\nimport type { NavDrawerProps } from './NavDrawer.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * NavDrawer component - TODO: add more docs\n */\nexport const NavDrawer: ForwardRefComponent<NavDrawerProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawer_unstable(props, ref);\n  const contextValues = useNavContextValues_unstable(state as NavState);\n\n  useNavDrawerStyles_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('useNavDrawerStyles_unstable')(state);\n  return renderNavDrawer_unstable(state, contextValues);\n});\n\nNavDrawer.displayName = 'NavDrawer';\n"],"names":["NavDrawer","React","forwardRef","props","ref","state","useNavDrawer_unstable","contextValues","useNavContextValues_unstable","useNavDrawerStyles_unstable","renderNavDrawer_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;8BAEe;iCACG;0CACG;qCACC;AAStC,MAAMA,YAAAA,WAAAA,GAAiDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQC,IAAAA,mCAAAA,EAAsBH,OAAOC;IAC3C,MAAMG,gBAAgBC,IAAAA,iDAAAA,EAA6BH;IAEnDI,IAAAA,qDAAAA,EAA4BJ;IAC5B,8HAA8H;IAC9H,wGAAwG;IACxG,qEAAqE;IACrE,OAAOK,IAAAA,yCAAAA,EAAyBL,OAAOE;AACzC;AAEAP,UAAUW,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawer/NavDrawer.types.ts"],"sourcesContent":["import { DrawerProps, DrawerSlots, DrawerState } from '@fluentui/react-drawer';\nimport { ComponentProps } from '@fluentui/react-utilities';\nimport { NavProps } from '../Nav/Nav.types';\nimport { NavContextValue } from '../NavContext.types';\n\n/**\n * NavDrawer slots\n */\nexport type NavDrawerSlots = DrawerSlots;\n\n/**\n * NavDrawer Props\n */\nexport type NavDrawerProps = ComponentProps<NavDrawerSlots> &\n  DrawerProps &\n  NavProps & {\n    /**\n     * The component uses arrow navigation by default.\n     * Setting this to true enables tab AND arrow navigation.\n     * @default false\n     */\n    tabbable?: boolean;\n  };\n\n/**\n * State used in rendering NavDrawer\n */\nexport type NavDrawerState = DrawerState &\n  NavContextValue & {\n    /**\n     * Analagous to size from DrawerBaseProps.\n     * Intended to be left unset in most cases.\n     * If left unset, it defaults to 260px.\n     */\n    size?: 'small' | 'medium' | 'large' | 'full';\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AAwBA;;CAEC"}

package/lib-commonjs/components/NavDrawer/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, {
+    NavDrawer: function() {
+        return _NavDrawer.NavDrawer;
+    },
+    navDrawerClassNames: function() {
+        return _useNavDrawerStylesstyles.navDrawerClassNames;
+    },
+    renderNavDrawer_unstable: function() {
+        return _renderNavDrawer.renderNavDrawer_unstable;
+    },
+    useNavDrawerStyles_unstable: function() {
+        return _useNavDrawerStylesstyles.useNavDrawerStyles_unstable;
+    },
+    useNavDrawer_unstable: function() {
+        return _useNavDrawer.useNavDrawer_unstable;
+    }
+});
+const _NavDrawer = require("./NavDrawer");
+const _renderNavDrawer = require("./renderNavDrawer");
+const _useNavDrawer = require("./useNavDrawer");
+const _useNavDrawerStylesstyles = require("./useNavDrawerStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawer/index.ts"],"sourcesContent":["export { NavDrawer } from './NavDrawer';\nexport type { NavDrawerProps, NavDrawerSlots, NavDrawerState } from './NavDrawer.types';\nexport { renderNavDrawer_unstable } from './renderNavDrawer';\nexport { useNavDrawer_unstable } from './useNavDrawer';\nexport { navDrawerClassNames, useNavDrawerStyles_unstable } from './useNavDrawerStyles.styles';\n"],"names":["NavDrawer","navDrawerClassNames","renderNavDrawer_unstable","useNavDrawerStyles_unstable","useNavDrawer_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,SAAS;eAATA,oBAAS;;IAITC,mBAAmB;eAAnBA,6CAAmB;;IAFnBC,wBAAwB;eAAxBA,yCAAwB;;IAEHC,2BAA2B;eAA3BA,qDAA2B;;IADhDC,qBAAqB;eAArBA,mCAAqB;;;2BAHJ;iCAEe;8BACH;0CAC2B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavDrawer/renderNavDrawer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { NavProvider } from '../NavContext';\nimport type { NavContextValues } from '../NavContext.types';\nimport type { NavDrawerSlots, NavDrawerState } from './NavDrawer.types';\n\nexport const renderNavDrawer_unstable = (state: NavDrawerState, contextValues: NavContextValues) => {\n  assertSlots<NavDrawerSlots>(state);\n\n  return (\n    <NavProvider value={contextValues.nav}>\n      <state.root />\n    </NavProvider>\n  );\n};\n"],"names":["renderNavDrawer_unstable","state","contextValues","assertSlots","_jsx","NavProvider","value","nav","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;gCAE4B;4BACA;AAIrB,MAAMA,2BAA2B,CAACC,OAAuBC;IAC9DC,IAAAA,2BAAAA,EAA4BF;IAE5B,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,uBAAAA,EAAAA;QAAYC,OAAOJ,cAAcK,GAAG;kBACnC,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}