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

package/lib/components/Hamburger/useHamburgerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","shorthands","useButtonStyles_unstable","navItemTokens","hamburgerClassNames","root","icon","useStyles","w71qe1","De3pzq","icvyot","vrafjx","oivjwe","wvpqe5","Jwef8y","ecr2s2","d","h","a","useHamburgerStyles_unstable","state","styles","className"],"sources":["useHamburgerStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nimport { navItemTokens } from '../sharedNavStyles.styles';\nexport const hamburgerClassNames = {\n    root: 'fui-Hamburger',\n    icon: 'fui-Hamburger__icon'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        textDecorationLine: 'none',\n        backgroundColor: navItemTokens.backgroundColor,\n        ...shorthands.border('none'),\n        ':hover': {\n            backgroundColor: navItemTokens.backgroundColorHover\n        },\n        ':active': {\n            backgroundColor: navItemTokens.backgroundColorPressed\n        }\n    }\n});\n/**\n * Apply styling to the Hamburger slots based on the state\n */ export const useHamburgerStyles_unstable = (state)=>{\n    'use no memo';\n    useButtonStyles_unstable(state);\n    const styles = useStyles();\n    state.root.className = mergeClasses(hamburgerClassNames.root, styles.root, state.root.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(hamburgerClassNames.icon, state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,SAASC,aAAa,QAAQ,2BAA2B;AACzD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAE,eAAe;EACrBC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGR,QAAA;EAAAM,IAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAYrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,2BAA2B,GAAIC,KAAK,IAAG;EACpD,aAAa;;EACblB,wBAAwB,CAACkB,KAAK,CAAC;EAC/B,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1Ba,KAAK,CAACf,IAAI,CAACiB,SAAS,GAAGtB,YAAY,CAACI,mBAAmB,CAACC,IAAI,EAAEgB,MAAM,CAAChB,IAAI,EAAEe,KAAK,CAACf,IAAI,CAACiB,SAAS,CAAC;EAChG,IAAIF,KAAK,CAACd,IAAI,EAAE;IACZc,KAAK,CAACd,IAAI,CAACgB,SAAS,GAAGtB,YAAY,CAACI,mBAAmB,CAACE,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACgB,SAAS,CAAC;EACvF;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/Nav/Nav.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { useNav_unstable } from './useNav';
+import { renderNav_unstable } from './renderNav';
+import { useNavStyles_unstable } from './useNavStyles.styles';
+import { useNavContextValues_unstable } from '../useNavContextValues';
+/**
+ * Nav - A component that provides up to two levels of nesting for navigation.
+ */ export const Nav = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useNav_unstable(props, ref);
+    const contextValues = useNavContextValues_unstable(state);
+    useNavStyles_unstable(state);
+    return renderNav_unstable(state, contextValues);
+});
+Nav.displayName = 'Nav';

package/lib/components/Nav/Nav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Nav/Nav.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useNav_unstable } from './useNav';\nimport { renderNav_unstable } from './renderNav';\nimport { useNavStyles_unstable } from './useNavStyles.styles';\nimport { useNavContextValues_unstable } from '../useNavContextValues';\nimport type { NavProps } from './Nav.types';\n\n/**\n * Nav - A component that provides up to two levels of nesting for navigation.\n */\nexport const Nav: ForwardRefComponent<NavProps> = React.forwardRef((props, ref) => {\n  const state = useNav_unstable(props, ref);\n\n  const contextValues = useNavContextValues_unstable(state);\n\n  useNavStyles_unstable(state);\n  return renderNav_unstable(state, contextValues);\n});\n\nNav.displayName = 'Nav';\n"],"names":["React","useNav_unstable","renderNav_unstable","useNavStyles_unstable","useNavContextValues_unstable","Nav","forwardRef","props","ref","state","contextValues","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,eAAe,QAAQ,WAAW;AAC3C,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,qBAAqB,QAAQ,wBAAwB;AAC9D,SAASC,4BAA4B,QAAQ,yBAAyB;AAGtE;;CAEC,GACD,OAAO,MAAMC,oBAAqCL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACzE,MAAMC,QAAQR,gBAAgBM,OAAOC;IAErC,MAAME,gBAAgBN,6BAA6BK;IAEnDN,sBAAsBM;IACtB,OAAOP,mBAAmBO,OAAOC;AACnC,GAAG;AAEHL,IAAIM,WAAW,GAAG"}

package/lib/components/Nav/Nav.types.js

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

package/lib/components/Nav/Nav.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Nav/Nav.types.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { ComponentProps, ComponentState, EventData, EventHandler, Slot } from '@fluentui/react-utilities';\nimport type { NavContextValue, NavItemValue } from '../NavContext.types';\n\nexport type NavSlots = {\n  root: NonNullable<Slot<'div'>>;\n};\n\n/***\n * Indicates the vertical density of the Nav content.\n * This does not affect horizontal spacing.\n */\nexport type NavDensity = 'small' | 'medium';\n\n/**\n * Nav Props\n */\nexport type NavProps = ComponentProps<NavSlots> & {\n  /**\n   * The value of the navItem to be selected by default.\n   * Typically useful when the selectedValue is uncontrolled.\n   * Mutually exclusive with selectedValue.\n   * Empty string indicates no selection.\n   */\n  defaultSelectedValue?: NavItemValue;\n\n  /**\n   * The value of the navCategory to be selected by default.\n   * Typically useful when the selectedValue is uncontrolled.\n   * Mutually exclusive with selectedValue.\n   * Empty string indicates no selection.\n   */\n  defaultSelectedCategoryValue?: NavItemValue;\n\n  /**\n   * Set of categories that are opened by default.\n   * Typically useful when the openCategories is uncontrolled.\n   */\n  defaultOpenCategories?: NavItemValue[];\n\n  /**\n   * Controls the open categories.\n   * For use in controlled scenarios.\n   */\n  openCategories?: NavItemValue[];\n\n  /**\n   * Raised when a navItem is selected.\n   * If the navItem is child of a category, the categoryValue will be provided\n   */\n  onNavItemSelect?: EventHandler<OnNavItemSelectData>;\n\n  /**\n   * The value of the currently selected navItem.\n   * Mutually exclusive with defaultSelectedValue.\n   * @default undefined\n   */\n  selectedValue?: NavItemValue;\n\n  /**\n   * Indicates a category that has a selected child\n   * Will show the category as selected if it is closed.\n   * @default undefined\n   */\n  selectedCategoryValue?: 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   * Callback raised when a NavCategoryItem is toggled.\n   */\n  onNavCategoryItemToggle?: EventHandler<OnNavItemSelectData>;\n\n  /**\n   * The vertical density of the Nav and it's children\n   * @default 'medium'\n   */\n  density?: NavDensity;\n};\n\nexport type OnNavItemSelectData = EventData<'click', React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>> & {\n  /**\n   * The value of the selected navItem.\n   * In the case of a category selection, this will be the value of the selected category.\n   */\n  value: NavItemValue;\n\n  /**\n   * The parent value of the selected navSubItem\n   * Null if not a child of a category\n   */\n  categoryValue?: NavItemValue;\n};\n\n/**\n * State used in rendering Nav\n */\nexport type NavState = ComponentState<NavSlots> & NavContextValue;\n"],"names":["React"],"rangeMappings":"","mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/Nav/index.js

@@ -0,0 +1,4 @@
+export { Nav } from './Nav';
+export { renderNav_unstable } from './renderNav';
+export { useNav_unstable } from './useNav';
+export { useNavStyles_unstable, navClassNames } from './useNavStyles.styles';

package/lib/components/Nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Nav/index.ts"],"sourcesContent":["export { Nav } from './Nav';\nexport type { NavSlots, NavProps, OnNavItemSelectData, NavState, NavDensity } from './Nav.types';\nexport { renderNav_unstable } from './renderNav';\nexport { useNav_unstable } from './useNav';\nexport { useNavStyles_unstable, navClassNames } from './useNavStyles.styles';\n"],"names":["Nav","renderNav_unstable","useNav_unstable","useNavStyles_unstable","navClassNames"],"rangeMappings":";;;","mappings":"AAAA,SAASA,GAAG,QAAQ,QAAQ;AAE5B,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,eAAe,QAAQ,WAAW;AAC3C,SAASC,qBAAqB,EAAEC,aAAa,QAAQ,wBAAwB"}

package/lib/components/Nav/renderNav.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 renderNav_unstable = (state, contextValues)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(NavProvider, {
+        value: contextValues.nav,
+        children: /*#__PURE__*/ _jsx(state.root, {})
+    });
+};

package/lib/components/Nav/renderNav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Nav/renderNav.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { NavProvider } from '../NavContext';\nimport type { NavState, NavSlots } from './Nav.types';\nimport type { NavContextValues } from '../NavContext.types';\n\nexport const renderNav_unstable = (state: NavState, contextValues: NavContextValues) => {\n  assertSlots<NavSlots>(state);\n\n  return (\n    <NavProvider value={contextValues.nav}>\n      <state.root />\n    </NavProvider>\n  );\n};\n"],"names":["assertSlots","NavProvider","renderNav_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,qBAAqB,CAACC,OAAiBC;IAClDJ,YAAsBG;IAEtB,qBACE,KAACF;QAAYI,OAAOD,cAAcE,GAAG;kBACnC,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}

package/lib/components/Nav/useNav.js

@@ -0,0 +1,134 @@
+import * as React from 'react';
+import { useControllableState, useEventCallback, useMergedRefs, slot, getIntrinsicElementProps } from '@fluentui/react-utilities';
+/**
+ * Initial value for the uncontrolled case of the list of open indexes
+ */ function initializeUncontrolledOpenCategories({ defaultOpenCategories, multiple }) {
+    if (defaultOpenCategories !== undefined) {
+        if (Array.isArray(defaultOpenCategories)) {
+            return multiple ? defaultOpenCategories : [
+                defaultOpenCategories[0]
+            ];
+        }
+        return [
+            defaultOpenCategories
+        ];
+    }
+    return undefined;
+}
+/**
+ * Updates the list of open indexes based on an index that changes
+ * @param value - the index that will change
+ * @param previousOpenItems - list of current open indexes
+ * @param multiple - if Nav supports open categories at the same time
+ */ const updateOpenCategories = (value, previousOpenItems, multiple)=>{
+    if (multiple) {
+        if (previousOpenItems.includes(value)) {
+            return previousOpenItems.filter((i)=>i !== value);
+        } else {
+            return [
+                ...previousOpenItems,
+                value
+            ];
+        }
+    }
+    return previousOpenItems[0] === value ? [] : [
+        value
+    ];
+};
+/**
+ * Create the state required to render Nav.
+ *
+ * The returned state can be modified with hooks such as useNavStyles,
+ * before being passed to renderNav.
+ *
+ * @param props - props from this instance of Nav
+ * @param ref - reference to root HTMLDivElement of Nav
+ */ export const useNav_unstable = (props, ref)=>{
+    const { onNavItemSelect, onNavCategoryItemToggle, multiple = true, density = 'medium', openCategories: controlledOpenCategoryItems, selectedCategoryValue: controlledSelectedCategoryValue, selectedValue: controlledSelectedValue, defaultOpenCategories, defaultSelectedValue, defaultSelectedCategoryValue } = props;
+    const innerRef = React.useRef(null);
+    const [openCategories, setOpenCategories] = useControllableState({
+        state: controlledOpenCategoryItems,
+        defaultState: initializeUncontrolledOpenCategories({
+            defaultOpenCategories,
+            multiple
+        }),
+        initialState: []
+    });
+    const [selectedCategoryValue, setSelectedCategoryValue] = useControllableState({
+        state: controlledSelectedCategoryValue,
+        defaultState: defaultSelectedCategoryValue,
+        initialState: undefined
+    });
+    const [selectedValue, setSelectedValue] = useControllableState({
+        state: controlledSelectedValue,
+        defaultState: defaultSelectedValue,
+        initialState: undefined
+    });
+    // considered usePrevious, but it is sensitive to re-renders
+    // this could cause the previous to move to current in the case where the navItem list re-renders.
+    // these refs avoid getRegisteredNavItems changing when selectedValue changes and causing
+    // renders for navItems that have not changed.
+    const currentSelectedValue = React.useRef(undefined);
+    const previousSelectedValue = React.useRef(undefined);
+    const currentSelectedCategoryValue = React.useRef(undefined);
+    const previousSelectedCategoryValue = React.useRef(undefined);
+    if (currentSelectedValue.current !== selectedValue) {
+        previousSelectedValue.current = currentSelectedValue.current;
+        currentSelectedValue.current = selectedValue;
+    }
+    if (currentSelectedCategoryValue.current !== selectedCategoryValue) {
+        previousSelectedCategoryValue.current = currentSelectedCategoryValue.current;
+        currentSelectedCategoryValue.current = selectedCategoryValue;
+    }
+    // used for NavItems and NavSubItems
+    const onSelect = useEventCallback((event, data)=>{
+        setSelectedValue(data.value);
+        setSelectedCategoryValue(data.categoryValue ? data.categoryValue : '');
+        onNavItemSelect === null || onNavItemSelect === void 0 ? void 0 : onNavItemSelect(event, data);
+    });
+    // used for NavCategoryItems
+    const onRequestNavCategoryItemToggle = useEventCallback((event, data)=>{
+        if (data.categoryValue !== undefined) {
+            const nextOpenCategories = updateOpenCategories(data.categoryValue, openCategories !== null && openCategories !== void 0 ? openCategories : [], multiple);
+            onNavCategoryItemToggle === null || onNavCategoryItemToggle === void 0 ? void 0 : onNavCategoryItemToggle(event, data);
+            setOpenCategories(nextOpenCategories);
+        }
+    });
+    const registeredNavItems = React.useRef({});
+    const onRegister = React.useCallback((data)=>{
+        registeredNavItems.current[JSON.stringify(data.value)] = data;
+    }, []);
+    const onUnregister = React.useCallback((data)=>{
+        delete registeredNavItems.current[JSON.stringify(data.value)];
+    }, []);
+    const getRegisteredNavItems = React.useCallback(()=>{
+        return {
+            selectedValue: currentSelectedValue.current,
+            previousSelectedValue: previousSelectedValue.current,
+            selectedCategoryValue: currentSelectedCategoryValue.current,
+            previousSelectedCategoryValue: previousSelectedCategoryValue.current,
+            registeredNavItems: registeredNavItems.current
+        };
+    }, []);
+    return {
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref: useMergedRefs(ref, innerRef),
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        openCategories,
+        selectedValue,
+        selectedCategoryValue,
+        onRegister,
+        onUnregister,
+        onSelect,
+        getRegisteredNavItems,
+        onRequestNavCategoryItemToggle,
+        multiple,
+        density
+    };
+};

package/lib/components/Nav/useNav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Nav/useNav.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  useControllableState,\n  useEventCallback,\n  useMergedRefs,\n  slot,\n  getIntrinsicElementProps,\n  EventHandler,\n} from '@fluentui/react-utilities';\n\nimport type { NavProps, NavState, OnNavItemSelectData } from './Nav.types';\nimport type { NavItemRegisterData, NavItemValue } from '../NavContext.types';\n\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenCategories({\n  defaultOpenCategories,\n  multiple,\n}: Pick<NavProps, 'defaultOpenCategories' | 'multiple'>): NavItemValue[] | undefined {\n  if (defaultOpenCategories !== undefined) {\n    if (Array.isArray(defaultOpenCategories)) {\n      return multiple ? defaultOpenCategories : [defaultOpenCategories[0]];\n    }\n    return [defaultOpenCategories];\n  }\n  return undefined;\n}\n\n/**\n * Updates the list of open indexes based on an index that changes\n * @param value - the index that will change\n * @param previousOpenItems - list of current open indexes\n * @param multiple - if Nav supports open categories at the same time\n */\nconst updateOpenCategories = (value: NavItemValue, previousOpenItems: NavItemValue[], multiple: boolean) => {\n  if (multiple) {\n    if (previousOpenItems.includes(value)) {\n      return previousOpenItems.filter(i => i !== value);\n    } else {\n      return [...previousOpenItems, value];\n    }\n  }\n\n  return previousOpenItems[0] === value ? [] : [value];\n};\n\n/**\n * Create the state required to render Nav.\n *\n * The returned state can be modified with hooks such as useNavStyles,\n * before being passed to renderNav.\n *\n * @param props - props from this instance of Nav\n * @param ref - reference to root HTMLDivElement of Nav\n */\nexport const useNav_unstable = (props: NavProps, ref: React.Ref<HTMLDivElement>): NavState => {\n  const {\n    onNavItemSelect,\n    onNavCategoryItemToggle,\n    multiple = true,\n    density = 'medium',\n    openCategories: controlledOpenCategoryItems,\n    selectedCategoryValue: controlledSelectedCategoryValue,\n    selectedValue: controlledSelectedValue,\n    defaultOpenCategories,\n    defaultSelectedValue,\n    defaultSelectedCategoryValue,\n  } = props;\n\n  const innerRef = React.useRef<HTMLElement>(null);\n\n  const [openCategories, setOpenCategories] = useControllableState({\n    state: controlledOpenCategoryItems,\n    defaultState: initializeUncontrolledOpenCategories({ defaultOpenCategories, multiple }),\n    initialState: [],\n  });\n\n  const [selectedCategoryValue, setSelectedCategoryValue] = useControllableState({\n    state: controlledSelectedCategoryValue,\n    defaultState: defaultSelectedCategoryValue,\n    initialState: undefined,\n  });\n\n  const [selectedValue, setSelectedValue] = useControllableState({\n    state: controlledSelectedValue,\n    defaultState: defaultSelectedValue,\n    initialState: undefined,\n  });\n\n  // considered usePrevious, but it is sensitive to re-renders\n  // this could cause the previous to move to current in the case where the navItem list re-renders.\n  // these refs avoid getRegisteredNavItems changing when selectedValue changes and causing\n  // renders for navItems that have not changed.\n  const currentSelectedValue = React.useRef<NavItemValue | undefined>(undefined);\n  const previousSelectedValue = React.useRef<NavItemValue | undefined>(undefined);\n\n  const currentSelectedCategoryValue = React.useRef<NavItemValue | undefined>(undefined);\n  const previousSelectedCategoryValue = React.useRef<NavItemValue | undefined>(undefined);\n\n  if (currentSelectedValue.current !== selectedValue) {\n    previousSelectedValue.current = currentSelectedValue.current;\n    currentSelectedValue.current = selectedValue;\n  }\n\n  if (currentSelectedCategoryValue.current !== selectedCategoryValue) {\n    previousSelectedCategoryValue.current = currentSelectedCategoryValue.current;\n    currentSelectedCategoryValue.current = selectedCategoryValue;\n  }\n\n  // used for NavItems and NavSubItems\n  const onSelect: EventHandler<OnNavItemSelectData> = useEventCallback((event, data) => {\n    setSelectedValue(data.value);\n    setSelectedCategoryValue(data.categoryValue ? data.categoryValue : '');\n    onNavItemSelect?.(event, data);\n  });\n\n  // used for NavCategoryItems\n  const onRequestNavCategoryItemToggle: EventHandler<OnNavItemSelectData> = useEventCallback((event, data) => {\n    if (data.categoryValue !== undefined) {\n      const nextOpenCategories = updateOpenCategories(data.categoryValue, openCategories ?? [], multiple);\n      onNavCategoryItemToggle?.(event, data);\n      setOpenCategories(nextOpenCategories);\n    }\n  });\n\n  const registeredNavItems = React.useRef<Record<string, NavItemRegisterData>>({});\n\n  const onRegister = React.useCallback((data: NavItemRegisterData) => {\n    registeredNavItems.current[JSON.stringify(data.value)] = data;\n  }, []);\n\n  const onUnregister = React.useCallback((data: NavItemRegisterData) => {\n    delete registeredNavItems.current[JSON.stringify(data.value)];\n  }, []);\n\n  const getRegisteredNavItems = React.useCallback(() => {\n    return {\n      selectedValue: currentSelectedValue.current,\n      previousSelectedValue: previousSelectedValue.current,\n      selectedCategoryValue: currentSelectedCategoryValue.current,\n      previousSelectedCategoryValue: previousSelectedCategoryValue.current,\n      registeredNavItems: registeredNavItems.current,\n    };\n  }, []);\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, innerRef) as React.Ref<HTMLDivElement>,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    openCategories,\n    selectedValue,\n    selectedCategoryValue,\n    onRegister,\n    onUnregister,\n    onSelect,\n    getRegisteredNavItems,\n    onRequestNavCategoryItemToggle,\n    multiple,\n    density,\n  };\n};\n"],"names":["React","useControllableState","useEventCallback","useMergedRefs","slot","getIntrinsicElementProps","initializeUncontrolledOpenCategories","defaultOpenCategories","multiple","undefined","Array","isArray","updateOpenCategories","value","previousOpenItems","includes","filter","i","useNav_unstable","props","ref","onNavItemSelect","onNavCategoryItemToggle","density","openCategories","controlledOpenCategoryItems","selectedCategoryValue","controlledSelectedCategoryValue","selectedValue","controlledSelectedValue","defaultSelectedValue","defaultSelectedCategoryValue","innerRef","useRef","setOpenCategories","state","defaultState","initialState","setSelectedCategoryValue","setSelectedValue","currentSelectedValue","previousSelectedValue","currentSelectedCategoryValue","previousSelectedCategoryValue","current","onSelect","event","data","categoryValue","onRequestNavCategoryItemToggle","nextOpenCategories","registeredNavItems","onRegister","useCallback","JSON","stringify","onUnregister","getRegisteredNavItems","components","root","always","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/Nav/useNavStyles.styles.js

@@ -0,0 +1,27 @@
+import { __styles, mergeClasses } from '@griffel/react';
+export const navClassNames = {
+  root: 'fui-Nav'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    mc9l5x: "f22iagw",
+    Beiy3e4: "f1vx9l62"
+  }
+}, {
+  d: [".f22iagw{display:flex;}", ".f1vx9l62{flex-direction:column;}"]
+});
+/**
+ * Apply styling to the Nav slots based on the state
+ */
+export const useNavStyles_unstable = state => {
+  'use no memo';
+
+  const styles = useStyles();
+  state.root.className = mergeClasses(navClassNames.root, styles.root, state.root.className);
+  // TODO Add class names to slots, for example:
+  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+  return state;
+};

package/lib/components/Nav/useNavStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","navClassNames","root","useStyles","mc9l5x","Beiy3e4","d","useNavStyles_unstable","state","styles","className"],"sources":["useNavStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const navClassNames = {\n    root: 'fui-Nav'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'column'\n    }\n});\n/**\n * Apply styling to the Nav slots based on the state\n */ export const useNavStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(navClassNames.root, styles.root, state.root.className);\n    // TODO Add class names to slots, for example:\n    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,aAAa,GAAG;EACzBC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAKrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,qBAAqB,GAAIC,KAAK,IAAG;EAC9C,aAAa;;EACb,MAAMC,MAAM,GAAGN,SAAS,CAAC,CAAC;EAC1BK,KAAK,CAACN,IAAI,CAACQ,SAAS,GAAGV,YAAY,CAACC,aAAa,CAACC,IAAI,EAAEO,MAAM,CAACP,IAAI,EAAEM,KAAK,CAACN,IAAI,CAACQ,SAAS,CAAC;EAC1F;EACA;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/NavCategory/NavCategory.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { useNavCategory_unstable } from './useNavCategory';
+import { renderNavCategory_unstable } from './renderNavCategory';
+import { useNavCategoryContextValues_unstable } from '../useNavCategoryContextValues_unstable';
+/**
+ * NavCategory component - TODO: add more docs
+ */ export const NavCategory = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useNavCategory_unstable(props, ref);
+    const contextValues = useNavCategoryContextValues_unstable(state);
+    return renderNavCategory_unstable(state, contextValues);
+});
+NavCategory.displayName = 'NavCategory';

package/lib/components/NavCategory/NavCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategory/NavCategory.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { NavCategoryProps } from './NavCategory.types';\n\nimport { useNavCategory_unstable } from './useNavCategory';\nimport { renderNavCategory_unstable } from './renderNavCategory';\nimport { useNavCategoryContextValues_unstable } from '../useNavCategoryContextValues_unstable';\n\n/**\n * NavCategory component - TODO: add more docs\n */\nexport const NavCategory: ForwardRefComponent<NavCategoryProps> = React.forwardRef((props, ref) => {\n  const state = useNavCategory_unstable(props, ref);\n  const contextValues = useNavCategoryContextValues_unstable(state);\n\n  return renderNavCategory_unstable(state, contextValues);\n});\n\nNavCategory.displayName = 'NavCategory';\n"],"names":["React","useNavCategory_unstable","renderNavCategory_unstable","useNavCategoryContextValues_unstable","NavCategory","forwardRef","props","ref","state","contextValues","displayName"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAK/B,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,oCAAoC,QAAQ,0CAA0C;AAE/F;;CAEC,GACD,OAAO,MAAMC,4BAAqDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQP,wBAAwBK,OAAOC;IAC7C,MAAME,gBAAgBN,qCAAqCK;IAE3D,OAAON,2BAA2BM,OAAOC;AAC3C,GAAG;AAEHL,YAAYM,WAAW,GAAG"}

package/lib/components/NavCategory/NavCategory.types.js

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

package/lib/components/NavCategory/NavCategory.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategory/NavCategory.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavItemValue } from '../NavContext.types';\nimport { NavCategoryContextValue } from '../NavCategoryContext';\n\n/**\n * NavCategory Props\n */\nexport type NavCategoryProps = {\n  /**\n   * Required value that identifies this item inside an Nav component.\n   */\n  value: NavItemValue;\n\n  /**\n   * Children of the NavCategory\n   */\n  children?: React.ReactNode | null;\n};\n\n/**\n * State used in rendering NavCategory\n */\nexport type NavCategoryState = NavCategoryContextValue & Required<NavCategoryProps>;\n"],"names":["React"],"rangeMappings":"","mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/NavCategory/index.js

@@ -0,0 +1,3 @@
+export { NavCategory } from './NavCategory';
+export { renderNavCategory_unstable } from './renderNavCategory';
+export { useNavCategory_unstable } from './useNavCategory';

package/lib/components/NavCategory/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategory/index.ts"],"sourcesContent":["export { NavCategory } from './NavCategory';\nexport type { NavCategoryProps, NavCategoryState } from './NavCategory.types';\nexport { renderNavCategory_unstable } from './renderNavCategory';\nexport { useNavCategory_unstable } from './useNavCategory';\n"],"names":["NavCategory","renderNavCategory_unstable","useNavCategory_unstable"],"rangeMappings":";;","mappings":"AAAA,SAASA,WAAW,QAAQ,gBAAgB;AAE5C,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,uBAAuB,QAAQ,mBAAmB"}

package/lib/components/NavCategory/renderNavCategory.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { NavCategoryProvider } from '../NavCategoryContext';
+/**
+ * Render the final JSX of NavCategory
+ */ export const renderNavCategory_unstable = (state, contextValues)=>{
+    return /*#__PURE__*/ React.createElement(NavCategoryProvider, {
+        value: contextValues.categoryValue
+    }, state.children);
+};

package/lib/components/NavCategory/renderNavCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategory/renderNavCategory.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavCategoryContextValues, NavCategoryProvider } from '../NavCategoryContext';\n\nimport type { NavCategoryState } from './NavCategory.types';\n\n/**\n * Render the final JSX of NavCategory\n */\nexport const renderNavCategory_unstable = (state: NavCategoryState, contextValues: NavCategoryContextValues) => {\n  return <NavCategoryProvider value={contextValues.categoryValue}>{state.children}</NavCategoryProvider>;\n};\n"],"names":["React","NavCategoryProvider","renderNavCategory_unstable","state","contextValues","value","categoryValue","children"],"rangeMappings":";;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAAmCC,mBAAmB,QAAQ,wBAAwB;AAItF;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC,OAAyBC;IAClE,qBAAO,oBAACH;QAAoBI,OAAOD,cAAcE,aAAa;OAAGH,MAAMI,QAAQ;AACjF,EAAE"}

package/lib/components/NavCategory/useNavCategory.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { useNavContext_unstable } from '../NavContext';
+/**
+ * Create the state required to render NavCategory.
+ *
+ * The returned state can be modified with hooks such as useNavCategoryStyles_unstable,
+ * before being passed to renderNavCategory_unstable.
+ *
+ * @param props - props from this instance of NavCategory
+ * @param ref - reference to root HTMLDivElement of NavCategory
+ */ export const useNavCategory_unstable = (props, ref)=>{
+    const { value, children } = props;
+    const { openCategories } = useNavContext_unstable();
+    const open = openCategories === null || openCategories === void 0 ? void 0 : openCategories.includes(value);
+    return {
+        open,
+        value,
+        children: children !== null && children !== void 0 ? children : null
+    };
+};

package/lib/components/NavCategory/useNavCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategory/useNavCategory.ts"],"sourcesContent":["import * as React from 'react';\nimport { useNavContext_unstable } from '../NavContext';\n\nimport type { NavCategoryProps, NavCategoryState } from './NavCategory.types';\n\n/**\n * Create the state required to render NavCategory.\n *\n * The returned state can be modified with hooks such as useNavCategoryStyles_unstable,\n * before being passed to renderNavCategory_unstable.\n *\n * @param props - props from this instance of NavCategory\n * @param ref - reference to root HTMLDivElement of NavCategory\n */\nexport const useNavCategory_unstable = (props: NavCategoryProps, ref: React.Ref<HTMLDivElement>): NavCategoryState => {\n  const { value, children } = props;\n\n  const { openCategories } = useNavContext_unstable();\n\n  const open: boolean = openCategories?.includes(value);\n\n  return {\n    open,\n    value,\n    children: children ?? null,\n  };\n};\n"],"names":["React","useNavContext_unstable","useNavCategory_unstable","props","ref","value","children","openCategories","open","includes"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ,gBAAgB;AAIvD;;;;;;;;CAQC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAyBC;IAC/D,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGH;IAE5B,MAAM,EAAEI,cAAc,EAAE,GAAGN;IAE3B,MAAMO,OAAgBD,2BAAAA,qCAAAA,eAAgBE,QAAQ,CAACJ;IAE/C,OAAO;QACLG;QACAH;QACAC,UAAUA,qBAAAA,sBAAAA,WAAY;IACxB;AACF,EAAE"}

package/lib/components/NavCategoryContext.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+const NavCategoryContext = React.createContext(undefined);
+const navCategoryContextDefaultValue = {
+    open: false,
+    value: ''
+};
+export const { Provider: NavCategoryProvider } = NavCategoryContext;
+export const useNavCategoryContext_unstable = ()=>{
+    var _React_useContext;
+    return (_React_useContext = React.useContext(NavCategoryContext)) !== null && _React_useContext !== void 0 ? _React_useContext : navCategoryContextDefaultValue;
+};

package/lib/components/NavCategoryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategoryContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavItemValue } from './NavContext.types';\n\n// This context is analogous to AccordionItemContext\n\nexport type NavCategoryContextValues = {\n  categoryValue: NavCategoryContextValue;\n};\n\nexport type NavCategoryContextValue = {\n  open: boolean;\n  value: NavItemValue;\n};\n\nconst NavCategoryContext = React.createContext<NavCategoryContextValue | undefined>(\n  undefined,\n) as React.Context<NavCategoryContextValue>;\n\nconst navCategoryContextDefaultValue: NavCategoryContextValue = {\n  open: false,\n  value: '',\n};\n\nexport const { Provider: NavCategoryProvider } = NavCategoryContext;\n\nexport const useNavCategoryContext_unstable = () => {\n  return React.useContext(NavCategoryContext) ?? navCategoryContextDefaultValue;\n};\n"],"names":["React","NavCategoryContext","createContext","undefined","navCategoryContextDefaultValue","open","value","Provider","NavCategoryProvider","useNavCategoryContext_unstable","useContext"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAc/B,MAAMC,qBAAqBD,MAAME,aAAa,CAC5CC;AAGF,MAAMC,iCAA0D;IAC9DC,MAAM;IACNC,OAAO;AACT;AAEA,OAAO,MAAM,EAAEC,UAAUC,mBAAmB,EAAE,GAAGP,mBAAmB;AAEpE,OAAO,MAAMQ,iCAAiC;QACrCT;IAAP,OAAOA,CAAAA,oBAAAA,MAAMU,UAAU,CAACT,iCAAjBD,+BAAAA,oBAAwCI;AACjD,EAAE"}

package/lib/components/NavCategoryItem/NavCategoryItem.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { useNavCategoryItem_unstable } from './useNavCategoryItem';
+import { renderNavCategoryItem_unstable } from './renderNavCategoryItem';
+import { useNavCategoryItemStyles_unstable } from './useNavCategoryItem.styles';
+import { useNavCategoryItemContextValues_unstable } from '../useNavCategoryItemContextValues_unstable';
+// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * A Nav Category Item provides provides a clickable accordion like header that exposes
+ * a list of NavSubItems to take users to a new destination.
+ */ export const NavCategoryItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useNavCategoryItem_unstable(props, ref);
+    const contextValues = useNavCategoryItemContextValues_unstable(state);
+    useNavCategoryItemStyles_unstable(state);
+    // todo: add custom style hook
+    // useCustomStyleHook_unstable('useNavCategoryItemStyles')(state);
+    return renderNavCategoryItem_unstable(state, contextValues);
+});
+NavCategoryItem.displayName = 'NavCategoryItem';

package/lib/components/NavCategoryItem/NavCategoryItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategoryItem/NavCategoryItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useNavCategoryItem_unstable } from './useNavCategoryItem';\nimport { renderNavCategoryItem_unstable } from './renderNavCategoryItem';\nimport type { NavCategoryItemProps } from './NavCategoryItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useNavCategoryItemStyles_unstable } from './useNavCategoryItem.styles';\nimport { useNavCategoryItemContextValues_unstable } from '../useNavCategoryItemContextValues_unstable';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A Nav Category Item provides provides a clickable accordion like header that exposes\n * a list of NavSubItems to take users to a new destination.\n */\nexport const NavCategoryItem: ForwardRefComponent<NavCategoryItemProps> = React.forwardRef((props, ref) => {\n  const state = useNavCategoryItem_unstable(props, ref);\n  const contextValues = useNavCategoryItemContextValues_unstable(state);\n\n  useNavCategoryItemStyles_unstable(state);\n\n  // todo: add custom style hook\n  // useCustomStyleHook_unstable('useNavCategoryItemStyles')(state);\n\n  return renderNavCategoryItem_unstable(state, contextValues);\n});\n\nNavCategoryItem.displayName = 'NavCategoryItem';\n"],"names":["React","useNavCategoryItem_unstable","renderNavCategoryItem_unstable","useNavCategoryItemStyles_unstable","useNavCategoryItemContextValues_unstable","NavCategoryItem","forwardRef","props","ref","state","contextValues","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,0BAA0B;AAGzE,SAASC,iCAAiC,QAAQ,8BAA8B;AAChF,SAASC,wCAAwC,QAAQ,8CAA8C;AACvG,iFAAiF;AAEjF;;;CAGC,GACD,OAAO,MAAMC,gCAA6DL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQR,4BAA4BM,OAAOC;IACjD,MAAME,gBAAgBN,yCAAyCK;IAE/DN,kCAAkCM;IAElC,8BAA8B;IAC9B,kEAAkE;IAElE,OAAOP,+BAA+BO,OAAOC;AAC/C,GAAG;AAEHL,gBAAgBM,WAAW,GAAG"}

package/lib/components/NavCategoryItem/NavCategoryItem.types.js

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

package/lib/components/NavCategoryItem/NavCategoryItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavCategoryItem/NavCategoryItem.types.ts"],"sourcesContent":["import { NavDensity } from '../Nav/Nav.types';\nimport { NavCategoryItemContextValue } from '../NavCategoryItemContext';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type NavCategoryItemContextValues = {\n  navCategoryItem: NavCategoryItemContextValue;\n};\n\nexport type NavCategoryItemSlots = {\n  /**\n   * The root element\n   */\n  root: NonNullable<Slot<'button'>>;\n\n  /**\n   * Icon that renders before the content.\n   * Should be specific to each Category\n   */\n  icon?: Slot<'span'>;\n\n  /**\n   * Expand icon slot rendered after the content to indicate an open and closed state.\n   */\n  expandIcon: NonNullable<Slot<'span'>>;\n};\n\n/**\n * navCategoryItem Props\n */\nexport type NavCategoryItemProps = ComponentProps<Partial<NavCategoryItemSlots>>;\n\n/**\n * State used in rendering NavCategoryItem\n */\nexport type NavCategoryItemState = ComponentState<NavCategoryItemSlots> &\n  NavCategoryItemContextValue & {\n    /**\n     * If this navCategoryItem is selected\n     */\n    selected: boolean;\n    /**\n     * The density of the NavItem\n     *\n     * @default 'medium'\n     */\n    density: NavDensity;\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AA+BA;;CAEC,GACD,WAYI"}

package/lib/components/NavCategoryItem/index.js

@@ -0,0 +1,4 @@
+export { NavCategoryItem } from './NavCategoryItem';
+export { renderNavCategoryItem_unstable } from './renderNavCategoryItem';
+export { useNavCategoryItem_unstable } from './useNavCategoryItem';
+export { useNavCategoryItemStyles_unstable, navCategoryItemClassNames } from './useNavCategoryItem.styles';

package/lib/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","renderNavCategoryItem_unstable","useNavCategoryItem_unstable","useNavCategoryItemStyles_unstable","navCategoryItemClassNames"],"rangeMappings":";;;","mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAEpD,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,iCAAiC,EAAEC,yBAAyB,QAAQ,8BAA8B"}

package/lib/components/NavCategoryItem/renderNavCategoryItem.js

@@ -0,0 +1,18 @@
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-utilities';
+import { NavCategoryItemProvider } from '../NavCategoryItemContext';
+/**
+ * Render the final JSX of NavCategoryItem
+ */ export const renderNavCategoryItem_unstable = (state, contextValues)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(NavCategoryItemProvider, {
+        value: contextValues.navCategoryItem,
+        children: /*#__PURE__*/ _jsxs(state.root, {
+            children: [
+                state.icon && /*#__PURE__*/ _jsx(state.icon, {}),
+                state.root.children,
+                state.expandIcon && /*#__PURE__*/ _jsx(state.expandIcon, {})
+            ]
+        })
+    });
+};

package/lib/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":["assertSlots","NavCategoryItemProvider","renderNavCategoryItem_unstable","state","contextValues","value","navCategoryItem","root","icon","children","expandIcon"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD,SAASC,uBAAuB,QAAQ,4BAA4B;AAEpE;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAC5CC,OACAC;IAEAJ,YAAkCG;IAElC,qBACE,KAACF;QAAwBI,OAAOD,cAAcE,eAAe;kBAC3D,cAAA,MAACH,MAAMI,IAAI;;gBACRJ,MAAMK,IAAI,kBAAI,KAACL,MAAMK,IAAI;gBACzBL,MAAMI,IAAI,CAACE,QAAQ;gBACnBN,MAAMO,UAAU,kBAAI,KAACP,MAAMO,UAAU;;;;AAI9C,EAAE"}

package/lib/components/NavCategoryItem/useNavCategoryItem.js

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';
+import { ChevronRight20Regular } from '@fluentui/react-icons';
+import { useNavCategoryContext_unstable } from '../NavCategoryContext';
+import { useNavContext_unstable } from '../NavContext';
+/**
+ * Create the state required to render NavCategoryItem.
+ *
+ * The returned state can be modified with hooks such as useNavCategoryItemStyles,
+ * before being passed to renderNavCategoryItem.
+ *
+ * @param props - props from this instance of NavCategoryItem
+ * @param ref - reference to root HTMLButtonElement of NavCategoryItem
+ */ export const useNavCategoryItem_unstable = (props, ref)=>{
+    const { onClick, expandIcon, icon } = props;
+    const { open, value } = useNavCategoryContext_unstable();
+    const { onRequestNavCategoryItemToggle, selectedCategoryValue, density = 'medium' } = useNavContext_unstable();
+    const onNavCategoryItemClick = useEventCallback(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: slot.always(getIntrinsicElementProps('button', {
+            ref,
+            'aria-current': validAriaCurrent,
+            'aria-expanded': open,
+            ...props,
+            onClick: onNavCategoryItemClick
+        }), {
+            elementType: 'button'
+        }),
+        expandIcon: slot.always(expandIcon, {
+            defaultProps: {
+                children: /*#__PURE__*/ React.createElement(ChevronRight20Regular, null),
+                'aria-hidden': true
+            },
+            elementType: 'span'
+        }),
+        icon: slot.optional(icon, {
+            elementType: 'span'
+        }),
+        density
+    };
+};

package/lib/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":["React","getIntrinsicElementProps","mergeCallbacks","slot","useEventCallback","ChevronRight20Regular","useNavCategoryContext_unstable","useNavContext_unstable","useNavCategoryItem_unstable","props","ref","onClick","expandIcon","icon","open","value","onRequestNavCategoryItemToggle","selectedCategoryValue","density","onNavCategoryItemClick","event","type","categoryValue","selected","validAriaCurrent","components","root","always","elementType","defaultProps","children","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,cAAc,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,4BAA4B;AAC7G,SAASC,qBAAqB,QAAQ,wBAAwB;AAE9D,SAASC,8BAA8B,QAAQ,wBAAwB;AACvE,SAASC,sBAAsB,QAAQ,gBAAgB;AAEvD;;;;;;;;CAQC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAEC,IAAI,EAAE,GAAGJ;IAEtC,MAAM,EAAEK,IAAI,EAAEC,KAAK,EAAE,GAAGT;IAExB,MAAM,EAAEU,8BAA8B,EAAEC,qBAAqB,EAAEC,UAAU,QAAQ,EAAE,GAAGX;IAEtF,MAAMY,yBAAyBf,iBAC7BF,eAAeS,SAASS,CAAAA,QACtBJ,+BAA+BI,OAAO;YAAEC,MAAM;YAASD;YAAOL,OAAO;YAAIO,eAAeP;QAAM;IAIlG,qCAAqC;IACrC,MAAMQ,WAAWN,0BAA0BF,SAAS,CAACD;IACrD,+GAA+G;IAC/G,MAAMU,mBAAqCD,YAAY,CAACT,OAAO,SAAS;IAExE,OAAO;QACLA;QACAC;QACAQ;QACAE,YAAY;YACVC,MAAM;YACNb,MAAM;YACND,YAAY;QACd;QACAc,MAAMvB,KAAKwB,MAAM,CACf1B,yBAAyB,UAAU;YACjCS;YACA,gBAAgBc;YAChB,iBAAiBV;YACjB,GAAGL,KAAK;YACRE,SAASQ;QACX,IACA;YAAES,aAAa;QAAS;QAE1BhB,YAAYT,KAAKwB,MAAM,CAACf,YAAY;YAClCiB,cAAc;gBACZC,wBAAU,oBAACzB;gBACX,eAAe;YACjB;YACAuB,aAAa;QACf;QACAf,MAAMV,KAAK4B,QAAQ,CAAClB,MAAM;YACxBe,aAAa;QACf;QACAV;IACF;AACF,EAAE"}

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

@@ -0,0 +1,60 @@
+import { __styles, mergeClasses } from '@griffel/react';
+import { typographyStyles } from '@fluentui/react-theme';
+import { useContentStyles, useIconStyles, useIndicatorStyles, useRootDefaultClassName, useSmallStyles } from '../sharedNavStyles.styles';
+export const navCategoryItemClassNames = {
+  root: 'fui-NavCategoryItem',
+  icon: 'fui-NavCategoryItem__icon',
+  expandIcon: 'fui-NavCategoryItem__expandIcon'
+};
+const useExpandIconStyles = /*#__PURE__*/__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);}"]
+});
+/**
+ * Styles for the root slot
+ */
+export const useRootStyles = /*#__PURE__*/__styles({
+  base: {
+    a9b677: "fly5x3f"
+  }
+}, {
+  d: [".fly5x3f{width:100%;}"]
+});
+/**
+ * Apply styling to the NavCategoryItem slots based on the state
+ */
+export const useNavCategoryItemStyles_unstable = state => {
+  'use no memo';
+
+  const rootStyles = useRootStyles();
+  const smallStyles = useSmallStyles();
+  const defaultRootClassName = useRootDefaultClassName();
+  const contentStyles = useContentStyles();
+  const indicatorStyles = useIndicatorStyles();
+  const iconStyles = useIconStyles();
+  const expandIconStyles = useExpandIconStyles();
+  const {
+    selected,
+    open,
+    density
+  } = state;
+  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);
+  state.expandIcon.className = mergeClasses(navCategoryItemClassNames.expandIcon, expandIconStyles.base, state.open && expandIconStyles.open, state.expandIcon.className);
+  if (state.icon) {
+    state.icon.className = mergeClasses(navCategoryItemClassNames.icon, iconStyles.base, selected && iconStyles.selected, state.icon.className);
+  }
+  return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","typographyStyles","useContentStyles","useIconStyles","useIndicatorStyles","useRootDefaultClassName","useSmallStyles","navCategoryItemClassNames","root","icon","expandIcon","useExpandIconStyles","base","Jyy4pa","Bqenvij","open","Bz10aip","selected","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useRootStyles","a9b677","useNavCategoryItemStyles_unstable","state","rootStyles","smallStyles","defaultRootClassName","contentStyles","indicatorStyles","iconStyles","expandIconStyles","density","className"],"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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,gBAAgB,EAAEC,aAAa,EAAEC,kBAAkB,EAAEC,uBAAuB,EAAEC,cAAc,QAAQ,2BAA2B;AACxI,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE,qBAAqB;EAC3BC,IAAI,EAAE,2BAA2B;EACjCC,UAAU,EAAE;AAChB,CAAC;AACD,MAAMC,mBAAmB,gBAAGZ,QAAA;EAAAa,IAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,IAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAS3B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,aAAa,gBAAGxB,QAAA;EAAAa,IAAA;IAAAY,MAAA;EAAA;AAAA;EAAAF,CAAA;AAAA,CAIhC,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMG,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,aAAa;;EACb,MAAMC,UAAU,GAAGJ,aAAa,CAAC,CAAC;EAClC,MAAMK,WAAW,GAAGtB,cAAc,CAAC,CAAC;EACpC,MAAMuB,oBAAoB,GAAGxB,uBAAuB,CAAC,CAAC;EACtD,MAAMyB,aAAa,GAAG5B,gBAAgB,CAAC,CAAC;EACxC,MAAM6B,eAAe,GAAG3B,kBAAkB,CAAC,CAAC;EAC5C,MAAM4B,UAAU,GAAG7B,aAAa,CAAC,CAAC;EAClC,MAAM8B,gBAAgB,GAAGtB,mBAAmB,CAAC,CAAC;EAC9C,MAAM;IAAEM,QAAQ;IAAEF,IAAI;IAAEmB;EAAQ,CAAC,GAAGR,KAAK;EACzCA,KAAK,CAAClB,IAAI,CAAC2B,SAAS,GAAGnC,YAAY,CAACO,yBAAyB,CAACC,IAAI,EAAEqB,oBAAoB,EAAEF,UAAU,CAACf,IAAI,EAAEsB,OAAO,KAAK,OAAO,IAAIN,WAAW,CAACpB,IAAI,EAAES,QAAQ,IAAIF,IAAI,KAAK,KAAK,IAAIgB,eAAe,CAACnB,IAAI,EAAEK,QAAQ,IAAIF,IAAI,KAAK,KAAK,IAAIe,aAAa,CAACb,QAAQ,EAAES,KAAK,CAAClB,IAAI,CAAC2B,SAAS,CAAC;EACnRT,KAAK,CAAChB,UAAU,CAACyB,SAAS,GAAGnC,YAAY,CAACO,yBAAyB,CAACG,UAAU,EAAEuB,gBAAgB,CAACrB,IAAI,EAAEc,KAAK,CAACX,IAAI,IAAIkB,gBAAgB,CAAClB,IAAI,EAAEW,KAAK,CAAChB,UAAU,CAACyB,SAAS,CAAC;EACvK,IAAIT,KAAK,CAACjB,IAAI,EAAE;IACZiB,KAAK,CAACjB,IAAI,CAAC0B,SAAS,GAAGnC,YAAY,CAACO,yBAAyB,CAACE,IAAI,EAAEuB,UAAU,CAACpB,IAAI,EAAEK,QAAQ,IAAIe,UAAU,CAACf,QAAQ,EAAES,KAAK,CAACjB,IAAI,CAAC0B,SAAS,CAAC;EAC/I;EACA,OAAOT,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/NavCategoryItemContext.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+const NavCategoryItemContext = React.createContext(undefined);
+const NavCategoryItemContextDefaultValues = {
+    open: false
+};
+export const { Provider: NavCategoryItemProvider } = NavCategoryItemContext;
+export const useNavCategoryItemContext_unstable = ()=>{
+    var _React_useContext;
+    return (_React_useContext = React.useContext(NavCategoryItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : NavCategoryItemContextDefaultValues;
+};

package/lib/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":["React","NavCategoryItemContext","createContext","undefined","NavCategoryItemContextDefaultValues","open","Provider","NavCategoryItemProvider","useNavCategoryItemContext_unstable","useContext"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAU/B,MAAMC,yBAAyBD,MAAME,aAAa,CAChDC;AAGF,MAAMC,sCAAsC;IAC1CC,MAAM;AACR;AAEA,OAAO,MAAM,EAAEC,UAAUC,uBAAuB,EAAE,GAAGN,uBAAuB;AAE5E,OAAO,MAAMO,qCAAqC;QAChDR;WAAAA,CAAAA,oBAAAA,MAAMS,UAAU,CAACR,qCAAjBD,+BAAAA,oBAA4CI;AAAkC,EAAE"}