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

package/lib/components/NavContext.js

@@ -0,0 +1,30 @@
+import * as React from '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 = React.createContext(undefined);
+export const NavProvider = NavContext.Provider;
+export const useNavContext_unstable = ()=>React.useContext(NavContext) || navContextDefaultValue;

package/lib/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":["React","navContextDefaultValue","selectedValue","undefined","selectedCategoryValue","onRegister","onUnregister","onSelect","getRegisteredNavItems","registeredNavItems","onRequestNavCategoryItemToggle","openCategories","multiple","density","NavContext","createContext","NavProvider","Provider","useNavContext_unstable","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,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,aAAad,MAAMe,aAAa,CAA8BZ;AAEpE,OAAO,MAAMa,cAAcF,WAAWG,QAAQ,CAAC;AAE/C,OAAO,MAAMC,yBAAyB,IAAMlB,MAAMmB,UAAU,CAACL,eAAeb,uBAAuB"}

package/lib/components/NavContext.types.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/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":["React"],"rangeMappings":"","mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/NavDivider/NavDivider.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useNavDivider_unstable } from './useNavDivider';
+import { useNavDividerStyles_unstable } from './useNavDividerStyles.styles';
+import { renderDivider_unstable } from '@fluentui/react-divider';
+/**
+ * NavDivider component - TODO: add more docs
+ */ export const NavDivider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useNavDivider_unstable(props, ref);
+    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 renderDivider_unstable(state);
+});
+NavDivider.displayName = 'NavDivider';

package/lib/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":["React","useNavDivider_unstable","useNavDividerStyles_unstable","renderDivider_unstable","NavDivider","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,4BAA4B,QAAQ,+BAA+B;AAC5E,SAASC,sBAAsB,QAAQ,0BAA0B;AAKjE;;CAEC,GACD,OAAO,MAAMC,2BAAmDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQP,uBAAuBK,OAAOC;IAE5CL,6BAA6BM;IAC7B,8HAA8H;IAC9H,wGAAwG;IACxG,sEAAsE;IACtE,OAAOL,uBAAuBK;AAChC,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}

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

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering NavDivider
+ */ export { };

package/lib/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,GACD,WAA2C"}

package/lib/components/NavDivider/index.js

@@ -0,0 +1,3 @@
+export { NavDivider } from './NavDivider';
+export { useNavDivider_unstable } from './useNavDivider';
+export { navDividerClassNames, useNavDividerStyles_unstable } from './useNavDividerStyles.styles';

package/lib/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","useNavDivider_unstable","navDividerClassNames","useNavDividerStyles_unstable"],"rangeMappings":";;","mappings":"AAAA,SAASA,UAAU,QAAQ,eAAe;AAE1C,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,oBAAoB,EAAEC,4BAA4B,QAAQ,+BAA+B"}

package/lib/components/NavDivider/useNavDivider.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { useDivider_unstable } from '@fluentui/react-divider';
+/**
+ * Create the state required to render NavDivider.
+ *
+ * The returned state can be modified with hooks such as useNavDividerStyles_unstable,
+ * before being passed to renderNavDivider_unstable.
+ *
+ * @param props - props from this instance of NavDivider
+ * @param ref - reference to root HTMLDivElement of NavDivider
+ */ export const useNavDivider_unstable = (props, ref)=>{
+    return useDivider_unstable({
+        appearance: 'strong',
+        ...props
+    }, ref);
+};

package/lib/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":["React","useDivider_unstable","useNavDivider_unstable","props","ref","appearance"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,mBAAmB,QAAQ,0BAA0B;AAE9D;;;;;;;;CAQC,GACD,OAAO,MAAMC,yBAAyB,CAACC,OAAwBC;IAC7D,OAAOH,oBAAoB;QAAEI,YAAY;QAAU,GAAGF,KAAK;IAAC,GAAGC;AACjE,EAAE"}

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

@@ -0,0 +1,27 @@
+import { __styles, mergeClasses } from '@griffel/react';
+import { useDividerStyles_unstable } from '@fluentui/react-divider';
+export const navDividerClassNames = {
+  root: 'fui-NavDivider',
+  wrapper: 'fui-NavDivider__wrapper'
+};
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    Bh6795r: "f1jhi6b8",
+    B6of3ja: "fvjh0tl",
+    jrapky: "fd1gkq"
+  }
+}, {
+  d: [".f1jhi6b8{flex-grow:0;}", ".fvjh0tl{margin-top:4px;}", ".fd1gkq{margin-bottom:4px;}"]
+});
+/**
+ * Apply styling to the NavDivider slots based on the state
+ */
+export const useNavDividerStyles_unstable = state => {
+  'use no memo';
+
+  const styles = useStyles();
+  state.root.className = mergeClasses(navDividerClassNames.root, styles.root, state.root.className);
+  state.wrapper.className = mergeClasses(navDividerClassNames.wrapper, state.wrapper.className);
+  useDividerStyles_unstable(state);
+  return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","useDividerStyles_unstable","navDividerClassNames","root","wrapper","useStyles","Bh6795r","B6of3ja","jrapky","d","useNavDividerStyles_unstable","state","styles","className"],"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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,yBAAyB,QAAQ,yBAAyB;AACnE,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE,gBAAgB;EACtBC,OAAO,EAAE;AACb,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAI,IAAA;IAAAG,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,4BAA4B,GAAIC,KAAK,IAAG;EACrD,aAAa;;EACb,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;EAC1BM,KAAK,CAACR,IAAI,CAACU,SAAS,GAAGb,YAAY,CAACE,oBAAoB,CAACC,IAAI,EAAES,MAAM,CAACT,IAAI,EAAEQ,KAAK,CAACR,IAAI,CAACU,SAAS,CAAC;EACjGF,KAAK,CAACP,OAAO,CAACS,SAAS,GAAGb,YAAY,CAACE,oBAAoB,CAACE,OAAO,EAAEO,KAAK,CAACP,OAAO,CAACS,SAAS,CAAC;EAC7FZ,yBAAyB,CAACU,KAAK,CAAC;EAChC,OAAOA,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/NavDrawer/NavDrawer.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import { useNavDrawer_unstable } from './useNavDrawer';
+import { renderNavDrawer_unstable } from './renderNavDrawer';
+import { useNavDrawerStyles_unstable } from './useNavDrawerStyles.styles';
+import { useNavContextValues_unstable } from '../useNavContextValues';
+/**
+ * NavDrawer component - TODO: add more docs
+ */ export const NavDrawer = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useNavDrawer_unstable(props, ref);
+    const contextValues = useNavContextValues_unstable(state);
+    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 renderNavDrawer_unstable(state, contextValues);
+});
+NavDrawer.displayName = 'NavDrawer';

package/lib/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":["React","useNavDrawer_unstable","renderNavDrawer_unstable","useNavDrawerStyles_unstable","useNavContextValues_unstable","NavDrawer","forwardRef","props","ref","state","contextValues","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,iFAAiF;AACjF,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,8BAA8B;AAC1E,SAASC,4BAA4B,QAAQ,yBAAyB;AAMtE;;CAEC,GACD,OAAO,MAAMC,0BAAiDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQR,sBAAsBM,OAAOC;IAC3C,MAAME,gBAAgBN,6BAA6BK;IAEnDN,4BAA4BM;IAC5B,8HAA8H;IAC9H,wGAAwG;IACxG,qEAAqE;IACrE,OAAOP,yBAAyBO,OAAOC;AACzC,GAAG;AAEHL,UAAUM,WAAW,GAAG"}

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

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering NavDrawer
+ */ export { };

package/lib/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,GACD,WAQI"}

package/lib/components/NavDrawer/index.js

@@ -0,0 +1,4 @@
+export { NavDrawer } from './NavDrawer';
+export { renderNavDrawer_unstable } from './renderNavDrawer';
+export { useNavDrawer_unstable } from './useNavDrawer';
+export { navDrawerClassNames, useNavDrawerStyles_unstable } from './useNavDrawerStyles.styles';

package/lib/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","renderNavDrawer_unstable","useNavDrawer_unstable","navDrawerClassNames","useNavDrawerStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,SAAS,QAAQ,cAAc;AAExC,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,mBAAmB,EAAEC,2BAA2B,QAAQ,8BAA8B"}

package/lib/components/NavDrawer/renderNavDrawer.js

@@ -0,0 +1,10 @@
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-utilities';
+import { NavProvider } from '../NavContext';
+export const renderNavDrawer_unstable = (state, contextValues)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(NavProvider, {
+        value: contextValues.nav,
+        children: /*#__PURE__*/ _jsx(state.root, {})
+    });
+};

package/lib/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":["assertSlots","NavProvider","renderNavDrawer_unstable","state","contextValues","value","nav","root"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AACxD,SAASC,WAAW,QAAQ,gBAAgB;AAI5C,OAAO,MAAMC,2BAA2B,CAACC,OAAuBC;IAC9DJ,YAA4BG;IAE5B,qBACE,KAACF;QAAYI,OAAOD,cAAcE,GAAG;kBACnC,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}

package/lib/components/NavDrawer/useNavDrawer.js

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { Drawer } from '@fluentui/react-drawer';
+import { useArrowNavigationGroup } from '@fluentui/react-tabster';
+import { slot } from '@fluentui/react-utilities';
+import { useNav_unstable } from '../Nav/useNav';
+/**
+ * Create the state required to render NavDrawer.
+ *
+ * The returned state can be modified with hooks such as useNavDrawerStyles_unstable,
+ * before being passed to renderNavDrawer_unstable.
+ *
+ * @param props - props from this instance of NavDrawer
+ * @param ref - reference to root HTMLDivElement of NavDrawer
+ */ export const useNavDrawer_unstable = (props, ref)=>{
+    const { tabbable = false, size = undefined } = props;
+    const focusAttributes = useArrowNavigationGroup({
+        axis: 'vertical',
+        circular: true,
+        tabbable
+    });
+    const navState = 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: Drawer
+        },
+        root: 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: Drawer
+        })
+    };
+};

package/lib/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":["React","Drawer","useArrowNavigationGroup","slot","useNav_unstable","useNavDrawer_unstable","props","ref","tabbable","size","undefined","focusAttributes","axis","circular","navState","components","root","always","role","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAqB,yBAAyB;AAC7D,SAASC,uBAAuB,QAAQ,0BAA0B;AAClE,SAAwBC,IAAI,QAAQ,4BAA4B;AAEhE,SAASC,eAAe,QAAQ,gBAAgB;AAGhD;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAuBC;IAC3D,MAAM,EAAEC,WAAW,KAAK,EAAEC,OAAOC,SAAS,EAAE,GAAGJ;IAE/C,MAAMK,kBAAkBT,wBAAwB;QAC9CU,MAAM;QACNC,UAAU;QACVL;IACF;IAEA,MAAMM,WAAWV,gBACf;QACE,GAAGE,KAAK;IACV,GACAC;IAGF,OAAO;QACL,GAAGO,QAAQ;QACXL;QACAM,YAAY;YACV,mDAAmD;YACnD,0EAA0E;YAC1E,+EAA+E;YAC/E,4FAA4F;YAC5FC,MAAMf;QACR;QAEAe,MAAMb,KAAKc,MAAM,CACf;YAAEV;YAAKW,MAAM;YAAc,GAAGZ,KAAK;YAAE,GAAGK,eAAe;QAAC,GACxD;YACE,mDAAmD;YACnD,0EAA0E;YAC1E,+EAA+E;YAC/E,4FAA4F;YAC5FQ,aAAalB;QACf;IAEJ;AACF,EAAE"}

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

@@ -0,0 +1,32 @@
+import { __styles, mergeClasses } from '@griffel/react';
+import { navItemTokens } from '../sharedNavStyles.styles';
+export const navDrawerClassNames = {
+  root: 'fui-NavDrawer'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    De3pzq: "f1ctqxl6",
+    Bt984gj: "f3gca8"
+  },
+  defaultWidth: {
+    a9b677: "f12j6lm0"
+  }
+}, {
+  d: [".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".f3gca8{align-items:unset;}", ".f12j6lm0{width:260px;}"]
+});
+/**
+ * Apply styling to the NavDrawer slots based on the state
+ */
+export const useNavDrawerStyles_unstable = state => {
+  'use no memo';
+
+  const {
+    size
+  } = state;
+  const styles = useStyles();
+  state.root.className = mergeClasses(navDrawerClassNames.root, styles.root, !size && styles.defaultWidth, state.root.className);
+  return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","navItemTokens","navDrawerClassNames","root","useStyles","De3pzq","Bt984gj","defaultWidth","a9b677","d","useNavDrawerStyles_unstable","state","size","styles","className"],"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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,aAAa,QAAQ,2BAA2B;AACzD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGL,QAAA;EAAAI,IAAA;IAAAE,MAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAUrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,2BAA2B,GAAIC,KAAK,IAAG;EACpD,aAAa;;EACb,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAME,MAAM,GAAGT,SAAS,CAAC,CAAC;EAC1BO,KAAK,CAACR,IAAI,CAACW,SAAS,GAAGd,YAAY,CAACE,mBAAmB,CAACC,IAAI,EAAEU,MAAM,CAACV,IAAI,EAAE,CAACS,IAAI,IAAIC,MAAM,CAACN,YAAY,EAAEI,KAAK,CAACR,IAAI,CAACW,SAAS,CAAC;EAC9H,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/NavDrawerBody/NavDrawerBody.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { renderDrawerBody_unstable } from '@fluentui/react-drawer';
+import { useNavDrawerBody_unstable } from './useNavDrawerBody';
+import { useNavDrawerBodyStyles_unstable } from './useNavDrawerBodyStyles.styles';
+/**
+ * NavDrawerBody component
+ */ export const NavDrawerBody = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useNavDrawerBody_unstable(props, ref);
+    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 renderDrawerBody_unstable(state);
+});
+NavDrawerBody.displayName = 'NavDrawerBody';

package/lib/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":["React","renderDrawerBody_unstable","useNavDrawerBody_unstable","useNavDrawerBodyStyles_unstable","NavDrawerBody","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,yBAAyB;AACnE,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,+BAA+B,QAAQ,kCAAkC;AAKlF;;CAEC,GACD,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQN,0BAA0BI,OAAOC;IAE/CJ,gCAAgCK;IAChC,8HAA8H;IAC9H,wGAAwG;IACxG,yEAAyE;IACzE,OAAOP,0BAA0BO;AACnC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

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

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering NavDrawerBody
+ */ export { };

package/lib/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,GACD,WAAiD"}

package/lib/components/NavDrawerBody/index.js

@@ -0,0 +1,3 @@
+export { NavDrawerBody } from './NavDrawerBody';
+export { useNavDrawerBody_unstable } from './useNavDrawerBody';
+export { navDrawerBodyClassNames, useNavDrawerBodyStyles_unstable } from './useNavDrawerBodyStyles.styles';

package/lib/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","useNavDrawerBody_unstable","navDrawerBodyClassNames","useNavDrawerBodyStyles_unstable"],"rangeMappings":";;","mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAEhD,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,kCAAkC"}

package/lib/components/NavDrawerBody/useNavDrawerBody.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { useDrawerBody_unstable } from '@fluentui/react-drawer';
+/**
+ * Create the state required to render NavDrawerBody.
+ *
+ * The returned state can be modified with hooks such as useNavDrawerBodyStyles_unstable,
+ * before being passed to renderNavDrawerBody_unstable.
+ *
+ * @param props - props from this instance of NavDrawerBody
+ * @param ref - reference to root HTMLDivElement of NavDrawerBody
+ */ export const useNavDrawerBody_unstable = (props, ref)=>{
+    return useDrawerBody_unstable(props, ref);
+};

package/lib/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":["React","useDrawerBody_unstable","useNavDrawerBody_unstable","props","ref"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ,yBAAyB;AAGhE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,OAAOH,uBAAuBE,OAAOC;AACvC,EAAE"}

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

@@ -0,0 +1,39 @@
+import { __styles, mergeClasses } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+import { useDrawerBodyStyles_unstable } from '@fluentui/react-drawer';
+export const navDrawerBodyClassNames = {
+  root: 'fui-NavDrawerBody'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__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);}"]
+});
+/**
+ * Apply styling to the NavDrawerBody slots based on the state
+ */
+export const useNavDrawerBodyStyles_unstable = state => {
+  'use no memo';
+
+  useDrawerBodyStyles_unstable(state);
+  const styles = useStyles();
+  state.root.className = mergeClasses(navDrawerBodyClassNames.root, styles.root, state.root.className);
+  return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","tokens","useDrawerBodyStyles_unstable","navDrawerBodyClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bt984gj","mc9l5x","Beiy3e4","Belr9w4","d","p","useNavDrawerBodyStyles_unstable","state","styles","className"],"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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAQrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxD,aAAa;;EACbhB,4BAA4B,CAACgB,KAAK,CAAC;EACnC,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1Ba,KAAK,CAACd,IAAI,CAACgB,SAAS,GAAGpB,YAAY,CAACG,uBAAuB,CAACC,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACgB,SAAS,CAAC;EACpG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/NavDrawerFooter/NavDrawerFooter.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { renderDrawerFooter_unstable } from '@fluentui/react-drawer';
+import { useNavDrawerFooter_unstable } from './useNavDrawerFooter';
+import { useNavDrawerFooterStyles_unstable } from './useNavDrawerFooterStyles.styles';
+/**
+ * NavDrawerFooter component
+ */ export const NavDrawerFooter = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useNavDrawerFooter_unstable(props, ref);
+    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 renderDrawerFooter_unstable(state);
+});
+NavDrawerFooter.displayName = 'NavDrawerFooter';

package/lib/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":["React","renderDrawerFooter_unstable","useNavDrawerFooter_unstable","useNavDrawerFooterStyles_unstable","NavDrawerFooter","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,yBAAyB;AACrE,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,iCAAiC,QAAQ,oCAAoC;AAKtF;;CAEC,GACD,OAAO,MAAMC,gCAA6DJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQN,4BAA4BI,OAAOC;IAEjDJ,kCAAkCK;IAClC,8HAA8H;IAC9H,wGAAwG;IACxG,2EAA2E;IAC3E,OAAOP,4BAA4BO;AACrC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

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

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering NavDrawerFooter
+ */ export { };

package/lib/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,GACD,WAAqD"}

package/lib/components/NavDrawerFooter/index.js

@@ -0,0 +1,3 @@
+export { NavDrawerFooter } from './NavDrawerFooter';
+export { useNavDrawerFooter_unstable } from './useNavDrawerFooter';
+export { navDrawerFooterClassNames, useNavDrawerFooterStyles_unstable } from './useNavDrawerFooterStyles.styles';

package/lib/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","useNavDrawerFooter_unstable","navDrawerFooterClassNames","useNavDrawerFooterStyles_unstable"],"rangeMappings":";;","mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,yBAAyB,EAAEC,iCAAiC,QAAQ,oCAAoC"}

package/lib/components/NavDrawerFooter/useNavDrawerFooter.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { useDrawerFooter_unstable } from '@fluentui/react-drawer';
+/**
+ * Create the state required to render NavDrawerFooter.
+ *
+ * The returned state can be modified with hooks such as useNavDrawerFooterStyles_unstable,
+ * before being passed to renderNavDrawerFooter_unstable.
+ *
+ * @param props - props from this instance of NavDrawerFooter
+ * @param ref - reference to root HTMLDivElement of NavDrawerFooter
+ */ export const useNavDrawerFooter_unstable = (props, ref)=>{
+    return useDrawerFooter_unstable(props, ref);
+};

package/lib/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":["React","useDrawerFooter_unstable","useNavDrawerFooter_unstable","props","ref"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,yBAAyB;AAGlE;;;;;;;;CAQC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC;IAEA,OAAOH,yBAAyBE,OAAOC;AACzC,EAAE"}

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

@@ -0,0 +1,36 @@
+import { __styles, mergeClasses } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+import { useDrawerFooterStyles_unstable } from '@fluentui/react-drawer';
+export const navDrawerFooterClassNames = {
+  root: 'fui-NavDrawerFooter'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__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);}"]
+});
+/**
+ * Apply styling to the NavDrawerFooter slots based on the state
+ */
+export const useNavDrawerFooterStyles_unstable = state => {
+  'use no memo';
+
+  useDrawerFooterStyles_unstable(state);
+  const styles = useStyles();
+  state.root.className = mergeClasses(navDrawerFooterClassNames.root, styles.root, state.root.className);
+  return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","tokens","useDrawerFooterStyles_unstable","navDrawerFooterClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mc9l5x","Beiy3e4","Belr9w4","d","p","useNavDrawerFooterStyles_unstable","state","styles","className"],"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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,8BAA8B,QAAQ,wBAAwB;AACvE,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CAOrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,aAAa;;EACbf,8BAA8B,CAACe,KAAK,CAAC;EACrC,MAAMC,MAAM,GAAGb,SAAS,CAAC,CAAC;EAC1BY,KAAK,CAACb,IAAI,CAACe,SAAS,GAAGnB,YAAY,CAACG,yBAAyB,CAACC,IAAI,EAAEc,MAAM,CAACd,IAAI,EAAEa,KAAK,CAACb,IAAI,CAACe,SAAS,CAAC;EACtG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/NavDrawerHeader/NavDrawerHeader.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useNavDrawerHeader_unstable } from './useNavDrawerHeader';
+import { useNavDrawerHeaderStyles_unstable } from './useNavDrawerHeaderStyles.styles';
+import { renderDrawerHeader_unstable } from '@fluentui/react-drawer';
+/**
+ * NavDrawerHeader component
+ */ export const NavDrawerHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useNavDrawerHeader_unstable(props, ref);
+    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 renderDrawerHeader_unstable(state);
+});
+NavDrawerHeader.displayName = 'NavDrawerHeader';

package/lib/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":["React","useNavDrawerHeader_unstable","useNavDrawerHeaderStyles_unstable","renderDrawerHeader_unstable","NavDrawerHeader","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,iCAAiC,QAAQ,oCAAoC;AACtF,SAASC,2BAA2B,QAAQ,yBAAyB;AAKrE;;CAEC,GACD,OAAO,MAAMC,gCAA6DJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQP,4BAA4BK,OAAOC;IAEjDL,kCAAkCM;IAClC,8HAA8H;IAC9H,wGAAwG;IACxG,2EAA2E;IAC3E,OAAOL,4BAA4BK;AACrC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

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

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering NavDrawerHeader
+ */ export { };

package/lib/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,GACD,WAAqD"}

package/lib/components/NavDrawerHeader/index.js

@@ -0,0 +1,3 @@
+export { NavDrawerHeader } from './NavDrawerHeader';
+export { useNavDrawerHeader_unstable } from './useNavDrawerHeader';
+export { navDrawerHeaderClassNames, useNavDrawerHeaderStyles_unstable } from './useNavDrawerHeaderStyles.styles';

package/lib/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","useNavDrawerHeader_unstable","navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable"],"rangeMappings":";;","mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,yBAAyB,EAAEC,iCAAiC,QAAQ,oCAAoC"}

package/lib/components/NavDrawerHeader/useNavDrawerHeader.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { useDrawerHeader_unstable } from '@fluentui/react-drawer';
+/**
+ * Create the state required to render NavDrawerHeader.
+ *
+ * The returned state can be modified with hooks such as useNavDrawerHeaderStyles_unstable,
+ * before being passed to renderNavDrawerHeader_unstable.
+ *
+ * @param props - props from this instance of NavDrawerHeader
+ * @param ref - reference to root HTMLDivElement of NavDrawerHeader
+ */ export const useNavDrawerHeader_unstable = (props, ref)=>{
+    return useDrawerHeader_unstable(props, ref);
+};

package/lib/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":["React","useDrawerHeader_unstable","useNavDrawerHeader_unstable","props","ref"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,yBAAyB;AAIlE;;;;;;;;CAQC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC;IAEA,OAAOH,yBAAyBE,OAAOC;AACzC,EAAE"}