@fluentui/react-nav 9.3.24 → 9.4.0

package/CHANGELOG.md

@@ -1,27 +1,47 @@
 # Change Log - @fluentui/react-nav
 
-This log was last generated on Thu, 23 Apr 2026 11:59:27 GMT and should not be manually modified.
+This log was last generated on Tue, 26 May 2026 09:33:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav_v9.4.0)
+
+Tue, 26 May 2026 09:33:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-nav_v9.3.24..@fluentui/react-nav_v9.4.0)
+
+### Minor changes
+
+- feat: add base hooks and expose them ([PR #35812](https://github.com/microsoft/fluentui/pull/35812) by dmytrokirpa@microsoft.com)
+- Bump @fluentui/react-aria to v9.17.12 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-button to v9.9.2 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-context-selector to v9.2.17 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-divider to v9.7.2 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-drawer to v9.13.0 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.4.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-motion to v9.16.0 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-motion-components-preview to v0.15.5 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-tabster to v9.26.15 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-tooltip to v9.10.2 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-utilities to v9.26.4 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+
 ## [9.3.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav_v9.3.24)
 
-Thu, 23 Apr 2026 11:59:27 GMT 
+Thu, 23 Apr 2026 14:21:14 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-nav_v9.3.23..@fluentui/react-nav_v9.3.24)
 
 ### Patches
 
-- Bump @fluentui/react-aria to v9.17.11 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-button to v9.9.1 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-context-selector to v9.2.16 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-divider to v9.7.1 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-drawer to v9.12.0 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-motion to v9.15.0 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-motion-components-preview to v0.15.4 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-tabster to v9.26.14 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-tooltip to v9.10.1 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-utilities to v9.26.3 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
+- Bump @fluentui/react-aria to v9.17.11 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-button to v9.9.1 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-context-selector to v9.2.16 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-divider to v9.7.1 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-drawer to v9.12.0 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-motion to v9.15.0 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-motion-components-preview to v0.15.4 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-tabster to v9.26.14 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-tooltip to v9.10.1 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-utilities to v9.26.3 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
 
 ## [9.3.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav_v9.3.23)
 

package/dist/index.d.ts

@@ -37,6 +37,10 @@ import type { TooltipProps } from '@fluentui/react-tooltip';
  */
 export declare const AppItem: ForwardRefComponent<AppItemProps>;
 
+export declare type AppItemBaseProps = AppItemProps;
+
+export declare type AppItemBaseState = Omit<AppItemState, 'density'>;
+
 export declare const appItemClassNames: SlotClassNames<AppItemSlots>;
 
 /**
@@ -74,12 +78,16 @@ export declare type AppItemState = ComponentState<AppItemSlots> & {
  */
 export declare const AppItemStatic: ForwardRefComponent<AppItemStaticProps>;
 
+export declare type AppItemStaticBaseProps = AppItemStaticProps;
+
+export declare type AppItemStaticBaseState = Omit<AppItemStaticState, 'density'>;
+
 export declare const appItemStaticClassNames: SlotClassNames<AppItemStaticSlots>;
 
 /**
  * AppItemStatic Props
  */
-export declare type AppItemStaticProps = ComponentProps<AppItemStaticSlots> & {};
+export declare type AppItemStaticProps = ComponentProps<AppItemStaticSlots>;
 
 export declare type AppItemStaticSlots = {
     /**
@@ -126,6 +134,10 @@ export declare type HamburgerState = ButtonState;
  */
 export declare const Nav: ForwardRefComponent<NavProps>;
 
+export declare type NavBaseProps = Omit<NavProps, 'density'>;
+
+export declare type NavBaseState = Omit<NavState, 'density' | 'tabbable'>;
+
 /**
  * NavCategory component - a category in the navigation menu that can contain multiple items.
  */
@@ -146,6 +158,21 @@ export declare type NavCategoryContextValues = {
  */
 export declare const NavCategoryItem: ForwardRefComponent<NavCategoryItemProps>;
 
+/**
+ * Base NavCategoryItemProps, excluding design/animation-specific props.
+ */
+export declare type NavCategoryItemBaseProps = ComponentProps<Partial<NavCategoryItemBaseSlots>>;
+
+/**
+ * Base slots for NavCategoryItem, excluding design/animation-specific slots.
+ */
+export declare type NavCategoryItemBaseSlots = Omit<NavCategoryItemSlots, 'expandIconMotion'>;
+
+/**
+ * State used in rendering NavCategoryItem, excluding design/animation-specific state.
+ */
+export declare type NavCategoryItemBaseState = ComponentState<NavCategoryItemBaseSlots> & Pick<NavCategoryItemState, 'open' | 'value' | 'selected'>;
+
 export declare const navCategoryItemClassNames: SlotClassNames<NavCategoryItemSlots>;
 
 declare type NavCategoryItemContextValue = {
@@ -393,6 +420,10 @@ export declare type NavDrawerState = DrawerState & NavContextValue & {
  */
 export declare const NavItem: ForwardRefComponent<NavItemProps>;
 
+export declare type NavItemBaseProps = NavItemProps;
+
+export declare type NavItemBaseState = Omit<NavItemState, 'density'>;
+
 export declare const navItemClassNames: SlotClassNames<NavItemSlots>;
 
 /**
@@ -550,6 +581,10 @@ export declare type NavState = ComponentState<NavSlots> & NavContextValue;
  */
 export declare const NavSubItem: ForwardRefComponent<NavSubItemProps>;
 
+export declare type NavSubItemBaseProps = NavSubItemProps;
+
+export declare type NavSubItemBaseState = Omit<NavSubItemState, 'density'>;
+
 export declare const navSubItemClassNames: SlotClassNames<NavSubItemSlots>;
 
 /**
@@ -557,6 +592,12 @@ export declare const navSubItemClassNames: SlotClassNames<NavSubItemSlots>;
  */
 export declare const NavSubItemGroup: ForwardRefComponent<NavSubItemGroupProps>;
 
+export declare type NavSubItemGroupBaseProps = ComponentProps<NavSubItemGroupBaseSlots>;
+
+export declare type NavSubItemGroupBaseSlots = Omit<NavSubItemGroupSlots, 'collapseMotion'>;
+
+export declare type NavSubItemGroupBaseState = ComponentState<NavSubItemGroupBaseSlots> & Pick<NavSubItemGroupState, 'open'>;
+
 export declare const navSubItemGroupClassNames: SlotClassNames<Omit<NavSubItemGroupSlots, 'collapseMotion'>>;
 
 /**
@@ -770,6 +811,18 @@ export declare type SplitNavItemState = ComponentState<SplitNavItemSlots> & {
  */
 export declare const useAppItem_unstable: (props: AppItemProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => AppItemState;
 
+/**
+ * Create the base state required to render AppItem.
+ *
+ * The returned state can be modified with hooks such as useAppItemStyles_unstable,
+ * before being passed to renderAppItem_unstable.
+ *
+ * @param props - props from this instance of AppItem
+ * @param ref - reference to root HTMLDivElement of AppItem
+ * @returns The base state of AppItem
+ */
+export declare const useAppItemBase_unstable: (props: AppItemBaseProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => AppItemBaseState;
+
 /**
  * Create the state required to render AppItemStatic.
  *
@@ -781,6 +834,8 @@ export declare const useAppItem_unstable: (props: AppItemProps, ref: React_2.Ref
  */
 export declare const useAppItemStatic_unstable: (props: AppItemStaticProps, ref: React_2.Ref<HTMLDivElement>) => AppItemStaticState;
 
+export declare const useAppItemStaticBase_unstable: (props: AppItemStaticBaseProps, ref: React_2.Ref<HTMLDivElement>) => AppItemStaticBaseState;
+
 /**
  * Apply styling to the AppItemStatic slots based on the state
  */
@@ -815,6 +870,8 @@ export declare const useHamburgerStyles_unstable: (state: HamburgerState) => Ham
  */
 export declare const useNav_unstable: (props: NavProps, ref: React_2.Ref<HTMLDivElement>) => NavState;
 
+export declare const useNavBase_unstable: (props: NavBaseProps, ref: React_2.Ref<HTMLDivElement>) => NavBaseState;
+
 /**
  * Create the state required to render NavCategory.
  *
@@ -841,6 +898,14 @@ export declare function useNavCategoryContextValues_unstable(state: NavCategoryS
  */
 export declare const useNavCategoryItem_unstable: (props: NavCategoryItemProps, ref: React_2.Ref<HTMLButtonElement>) => NavCategoryItemState;
 
+/**
+ * Create the base state required to render NavCategoryItem.
+ *
+ * @param props - props from this instance of NavCategoryItem
+ * @param ref - reference to root HTMLButtonElement of NavCategoryItem
+ */
+export declare const useNavCategoryItemBase_unstable: (props: NavCategoryItemBaseProps, ref: React_2.Ref<HTMLButtonElement>) => NavCategoryItemBaseState;
+
 export declare const useNavCategoryItemContext_unstable: () => NavCategoryItemContextValue;
 
 export declare function useNavCategoryItemContextValues_unstable(state: NavCategoryItemState): NavCategoryItemContextValues;
@@ -945,6 +1010,15 @@ export declare const useNavDrawerStyles_unstable: (state: NavDrawerState) => Nav
  */
 export declare const useNavItem_unstable: (props: NavItemProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => NavItemState;
 
+/**
+ * NavItemBaseState is the base state used in rendering NavItem,
+ * excluding any design-related properties such as `density`.
+ *
+ * @param props - props from this instance of NavItem
+ * @param ref - reference to root HTMLAnchorElement of NavItem
+ */
+export declare const useNavItemBase_unstable: (props: NavItemProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => NavItemBaseState;
+
 /**
  * Apply styling to the NavItem slots based on the state
  */
@@ -982,6 +1056,15 @@ export declare const useNavStyles_unstable: (state: NavState) => NavState;
  */
 export declare const useNavSubItem_unstable: (props: NavSubItemProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => NavSubItemState;
 
+/**
+ * Base state used in rendering NavSubItem, excluding any design-related properties such as `density`.
+ *
+ * @param props - props from this instance of NavSubItem
+ * @param ref - reference to root HTMLButtonElement of NavSubItem
+ * @returns - The base state of NavSubItem
+ */
+export declare const useNavSubItemBase_unstable: (props: NavSubItemBaseProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => NavSubItemBaseState;
+
 /**
  * Create the state required to render NavSubItemGroup.
  *
@@ -993,6 +1076,15 @@ export declare const useNavSubItem_unstable: (props: NavSubItemProps, ref: React
  */
 export declare const useNavSubItemGroup_unstable: (props: NavSubItemGroupProps, ref: React_2.Ref<HTMLDivElement>) => NavSubItemGroupState;
 
+/**
+ * The base state used in rendering NavSubItemGroup, excluding any design-related properties such as motion props.
+ *
+ * @param props - props from this instance of NavSubItemGroup
+ * @param ref - reference to root HTMLDivElement of NavSubItemGroup
+ * @returns - The base state of NavSubItemGroup
+ */
+export declare const useNavSubItemGroupBase_unstable: (props: NavSubItemGroupBaseProps, ref: React_2.Ref<HTMLDivElement>) => NavSubItemGroupBaseState;
+
 /**
  * Apply styling to the NavSubItemGroup slots based on the state
  */

package/lib/AppItem.js

@@ -1 +1 @@
-export { AppItem, appItemClassNames, renderAppItem_unstable, useAppItemStyles, useAppItemStyles_unstable, useAppItem_unstable } from './components/AppItem/index';
+export { AppItem, appItemClassNames, renderAppItem_unstable, useAppItemStyles, useAppItemStyles_unstable, useAppItem_unstable, useAppItemBase_unstable } from './components/AppItem/index';

package/lib/AppItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AppItem.ts"],"sourcesContent":["export type { AppItemProps, AppItemSlots, AppItemState } from './components/AppItem/index';\nexport {\n  AppItem,\n  appItemClassNames,\n  renderAppItem_unstable,\n  useAppItemStyles,\n  useAppItemStyles_unstable,\n  useAppItem_unstable,\n} from './components/AppItem/index';\n"],"names":["AppItem","appItemClassNames","renderAppItem_unstable","useAppItemStyles","useAppItemStyles_unstable","useAppItem_unstable"],"mappings":"AACA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,gBAAgB,EAChBC,yBAAyB,EACzBC,mBAAmB,QACd,6BAA6B"}
+{"version":3,"sources":["../src/AppItem.ts"],"sourcesContent":["export type {\n  AppItemProps,\n  AppItemSlots,\n  AppItemState,\n  AppItemBaseProps,\n  AppItemBaseState,\n} from './components/AppItem/index';\nexport {\n  AppItem,\n  appItemClassNames,\n  renderAppItem_unstable,\n  useAppItemStyles,\n  useAppItemStyles_unstable,\n  useAppItem_unstable,\n  useAppItemBase_unstable,\n} from './components/AppItem/index';\n"],"names":["AppItem","appItemClassNames","renderAppItem_unstable","useAppItemStyles","useAppItemStyles_unstable","useAppItem_unstable","useAppItemBase_unstable"],"mappings":"AAOA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,gBAAgB,EAChBC,yBAAyB,EACzBC,mBAAmB,EACnBC,uBAAuB,QAClB,6BAA6B"}

package/lib/AppItemStatic.js

@@ -1 +1 @@
-export { AppItemStatic, appItemStaticClassNames, renderAppItemStatic_unstable, useAppItemStaticStyles_unstable, useAppItemStatic_unstable } from './components/AppItemStatic/index';
+export { AppItemStatic, appItemStaticClassNames, renderAppItemStatic_unstable, useAppItemStaticStyles_unstable, useAppItemStatic_unstable, useAppItemStaticBase_unstable } from './components/AppItemStatic/index';

package/lib/AppItemStatic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AppItemStatic.ts"],"sourcesContent":["export type { AppItemStaticProps, AppItemStaticSlots, AppItemStaticState } from './components/AppItemStatic/index';\nexport {\n  AppItemStatic,\n  appItemStaticClassNames,\n  renderAppItemStatic_unstable,\n  useAppItemStaticStyles_unstable,\n  useAppItemStatic_unstable,\n} from './components/AppItemStatic/index';\n"],"names":["AppItemStatic","appItemStaticClassNames","renderAppItemStatic_unstable","useAppItemStaticStyles_unstable","useAppItemStatic_unstable"],"mappings":"AACA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,mCAAmC"}
+{"version":3,"sources":["../src/AppItemStatic.ts"],"sourcesContent":["export type {\n  AppItemStaticProps,\n  AppItemStaticSlots,\n  AppItemStaticState,\n  AppItemStaticBaseProps,\n  AppItemStaticBaseState,\n} from './components/AppItemStatic/index';\nexport {\n  AppItemStatic,\n  appItemStaticClassNames,\n  renderAppItemStatic_unstable,\n  useAppItemStaticStyles_unstable,\n  useAppItemStatic_unstable,\n  useAppItemStaticBase_unstable,\n} from './components/AppItemStatic/index';\n"],"names":["AppItemStatic","appItemStaticClassNames","renderAppItemStatic_unstable","useAppItemStaticStyles_unstable","useAppItemStatic_unstable","useAppItemStaticBase_unstable"],"mappings":"AAOA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,QACxB,mCAAmC"}

package/lib/Nav.js

@@ -1,3 +1,3 @@
-export { Nav, navClassNames, renderNav_unstable, useNavStyles_unstable, useNav_unstable } from './components/Nav/index';
-export { NavCategoryItem, navCategoryItemClassNames, renderNavCategoryItem_unstable, useNavCategoryItemStyles_unstable, useNavCategoryItem_unstable } from './components/NavCategoryItem/index';
+export { Nav, navClassNames, renderNav_unstable, useNavStyles_unstable, useNav_unstable, useNavBase_unstable } from './components/Nav/index';
+export { NavCategoryItem, navCategoryItemClassNames, renderNavCategoryItem_unstable, useNavCategoryItemStyles_unstable, useNavCategoryItem_unstable, useNavCategoryItemBase_unstable } from './components/NavCategoryItem/index';
 export { NavProvider, useNavContext_unstable } from './components/NavContext';

package/lib/Nav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Nav.ts"],"sourcesContent":["export type { NavProps, NavDensity, NavSlots, NavState, OnNavItemSelectData } from './components/Nav/index';\nexport { Nav, navClassNames, renderNav_unstable, useNavStyles_unstable, useNav_unstable } from './components/Nav/index';\nexport type {\n  NavCategoryItemProps,\n  NavCategoryItemSlots,\n  NavCategoryItemState,\n} from './components/NavCategoryItem/index';\nexport {\n  NavCategoryItem,\n  navCategoryItemClassNames,\n  renderNavCategoryItem_unstable,\n  useNavCategoryItemStyles_unstable,\n  useNavCategoryItem_unstable,\n} from './components/NavCategoryItem/index';\nexport { NavProvider, useNavContext_unstable } from './components/NavContext';\nexport type {\n  NavContextValue,\n  NavContextValues,\n  NavItemRegisterData,\n  NavItemValue,\n  RegisterNavItemEventHandler,\n} from './components/NavContext.types';\n"],"names":["Nav","navClassNames","renderNav_unstable","useNavStyles_unstable","useNav_unstable","NavCategoryItem","navCategoryItemClassNames","renderNavCategoryItem_unstable","useNavCategoryItemStyles_unstable","useNavCategoryItem_unstable","NavProvider","useNavContext_unstable"],"mappings":"AACA,SAASA,GAAG,EAAEC,aAAa,EAAEC,kBAAkB,EAAEC,qBAAqB,EAAEC,eAAe,QAAQ,yBAAyB;AAMxH,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,EACjCC,2BAA2B,QACtB,qCAAqC;AAC5C,SAASC,WAAW,EAAEC,sBAAsB,QAAQ,0BAA0B"}
+{"version":3,"sources":["../src/Nav.ts"],"sourcesContent":["export type {\n  NavProps,\n  NavDensity,\n  NavSlots,\n  NavState,\n  OnNavItemSelectData,\n  NavBaseProps,\n  NavBaseState,\n} from './components/Nav/index';\nexport {\n  Nav,\n  navClassNames,\n  renderNav_unstable,\n  useNavStyles_unstable,\n  useNav_unstable,\n  useNavBase_unstable,\n} from './components/Nav/index';\nexport type {\n  NavCategoryItemProps,\n  NavCategoryItemSlots,\n  NavCategoryItemState,\n  NavCategoryItemBaseProps,\n  NavCategoryItemBaseSlots,\n  NavCategoryItemBaseState,\n} from './components/NavCategoryItem/index';\nexport {\n  NavCategoryItem,\n  navCategoryItemClassNames,\n  renderNavCategoryItem_unstable,\n  useNavCategoryItemStyles_unstable,\n  useNavCategoryItem_unstable,\n  useNavCategoryItemBase_unstable,\n} from './components/NavCategoryItem/index';\nexport { NavProvider, useNavContext_unstable } from './components/NavContext';\nexport type {\n  NavContextValue,\n  NavContextValues,\n  NavItemRegisterData,\n  NavItemValue,\n  RegisterNavItemEventHandler,\n} from './components/NavContext.types';\n"],"names":["Nav","navClassNames","renderNav_unstable","useNavStyles_unstable","useNav_unstable","useNavBase_unstable","NavCategoryItem","navCategoryItemClassNames","renderNavCategoryItem_unstable","useNavCategoryItemStyles_unstable","useNavCategoryItem_unstable","useNavCategoryItemBase_unstable","NavProvider","useNavContext_unstable"],"mappings":"AASA,SACEA,GAAG,EACHC,aAAa,EACbC,kBAAkB,EAClBC,qBAAqB,EACrBC,eAAe,EACfC,mBAAmB,QACd,yBAAyB;AAShC,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,EACjCC,2BAA2B,EAC3BC,+BAA+B,QAC1B,qCAAqC;AAC5C,SAASC,WAAW,EAAEC,sBAAsB,QAAQ,0BAA0B"}

package/lib/NavItem.js

@@ -1 +1 @@
-export { NavItem, navItemClassNames, renderNavItem_unstable, useNavItemStyles_unstable, useNavItem_unstable } from './components/NavItem/index';
+export { NavItem, navItemClassNames, renderNavItem_unstable, useNavItemStyles_unstable, useNavItem_unstable, useNavItemBase_unstable } from './components/NavItem/index';

package/lib/NavItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/NavItem.ts"],"sourcesContent":["export type { NavItemProps, NavItemSlots, NavItemState } from './components/NavItem/index';\nexport {\n  NavItem,\n  navItemClassNames,\n  renderNavItem_unstable,\n  useNavItemStyles_unstable,\n  useNavItem_unstable,\n} from './components/NavItem/index';\n"],"names":["NavItem","navItemClassNames","renderNavItem_unstable","useNavItemStyles_unstable","useNavItem_unstable"],"mappings":"AACA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,6BAA6B"}
+{"version":3,"sources":["../src/NavItem.ts"],"sourcesContent":["export type {\n  NavItemProps,\n  NavItemSlots,\n  NavItemState,\n  NavItemBaseProps,\n  NavItemBaseState,\n} from './components/NavItem/index';\nexport {\n  NavItem,\n  navItemClassNames,\n  renderNavItem_unstable,\n  useNavItemStyles_unstable,\n  useNavItem_unstable,\n  useNavItemBase_unstable,\n} from './components/NavItem/index';\n"],"names":["NavItem","navItemClassNames","renderNavItem_unstable","useNavItemStyles_unstable","useNavItem_unstable","useNavItemBase_unstable"],"mappings":"AAOA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,EACnBC,uBAAuB,QAClB,6BAA6B"}

package/lib/NavSubItem.js

@@ -1 +1 @@
-export { NavSubItem, navSubItemClassNames, renderNavSubItem_unstable, useNavSubItemStyles_unstable, useNavSubItem_unstable } from './components/NavSubItem/index';
+export { NavSubItem, navSubItemClassNames, renderNavSubItem_unstable, useNavSubItemStyles_unstable, useNavSubItem_unstable, useNavSubItemBase_unstable } from './components/NavSubItem/index';

package/lib/NavSubItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/NavSubItem.ts"],"sourcesContent":["export type { NavSubItemProps, NavSubItemSlots, NavSubItemState } from './components/NavSubItem/index';\nexport {\n  NavSubItem,\n  navSubItemClassNames,\n  renderNavSubItem_unstable,\n  useNavSubItemStyles_unstable,\n  useNavSubItem_unstable,\n} from './components/NavSubItem/index';\n"],"names":["NavSubItem","navSubItemClassNames","renderNavSubItem_unstable","useNavSubItemStyles_unstable","useNavSubItem_unstable"],"mappings":"AACA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,gCAAgC"}
+{"version":3,"sources":["../src/NavSubItem.ts"],"sourcesContent":["export type {\n  NavSubItemProps,\n  NavSubItemSlots,\n  NavSubItemState,\n  NavSubItemBaseProps,\n  NavSubItemBaseState,\n} from './components/NavSubItem/index';\nexport {\n  NavSubItem,\n  navSubItemClassNames,\n  renderNavSubItem_unstable,\n  useNavSubItemStyles_unstable,\n  useNavSubItem_unstable,\n  useNavSubItemBase_unstable,\n} from './components/NavSubItem/index';\n"],"names":["NavSubItem","navSubItemClassNames","renderNavSubItem_unstable","useNavSubItemStyles_unstable","useNavSubItem_unstable","useNavSubItemBase_unstable"],"mappings":"AAOA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,EACtBC,0BAA0B,QACrB,gCAAgC"}

package/lib/NavSubItemGroup.js

@@ -1 +1 @@
-export { NavSubItemGroup, navSubItemGroupClassNames, renderNavSubItemGroup_unstable, useNavSubItemGroupStyles_unstable, useNavSubItemGroup_unstable } from './components/NavSubItemGroup/index';
+export { NavSubItemGroup, navSubItemGroupClassNames, renderNavSubItemGroup_unstable, useNavSubItemGroupStyles_unstable, useNavSubItemGroup_unstable, useNavSubItemGroupBase_unstable } from './components/NavSubItemGroup/index';

package/lib/NavSubItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/NavSubItemGroup.ts"],"sourcesContent":["export type {\n  NavSubItemGroupProps,\n  NavSubItemGroupSlots,\n  NavSubItemGroupState,\n} from './components/NavSubItemGroup/index';\nexport {\n  NavSubItemGroup,\n  navSubItemGroupClassNames,\n  renderNavSubItemGroup_unstable,\n  useNavSubItemGroupStyles_unstable,\n  useNavSubItemGroup_unstable,\n} from './components/NavSubItemGroup/index';\n"],"names":["NavSubItemGroup","navSubItemGroupClassNames","renderNavSubItemGroup_unstable","useNavSubItemGroupStyles_unstable","useNavSubItemGroup_unstable"],"mappings":"AAKA,SACEA,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,EACjCC,2BAA2B,QACtB,qCAAqC"}
+{"version":3,"sources":["../src/NavSubItemGroup.ts"],"sourcesContent":["export type {\n  NavSubItemGroupProps,\n  NavSubItemGroupSlots,\n  NavSubItemGroupState,\n  NavSubItemGroupBaseSlots,\n  NavSubItemGroupBaseProps,\n  NavSubItemGroupBaseState,\n} from './components/NavSubItemGroup/index';\nexport {\n  NavSubItemGroup,\n  navSubItemGroupClassNames,\n  renderNavSubItemGroup_unstable,\n  useNavSubItemGroupStyles_unstable,\n  useNavSubItemGroup_unstable,\n  useNavSubItemGroupBase_unstable,\n} from './components/NavSubItemGroup/index';\n"],"names":["NavSubItemGroup","navSubItemGroupClassNames","renderNavSubItemGroup_unstable","useNavSubItemGroupStyles_unstable","useNavSubItemGroup_unstable","useNavSubItemGroupBase_unstable"],"mappings":"AAQA,SACEA,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,EACjCC,2BAA2B,EAC3BC,+BAA+B,QAC1B,qCAAqC"}

package/lib/components/AppItem/AppItem.types.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppItem/AppItem.types.ts"],"sourcesContent":["import type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { NavDensity } from '../Nav/Nav.types';\n\nexport type AppItemSlots = {\n  /**\n   * The root element of the AppItem.\n   */\n  root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n\n  /**\n   * Icon that renders before the content.\n   */\n  icon?: Slot<'span'>;\n};\n\n/**\n * AppItem Props\n */\nexport type AppItemProps = ComponentProps<AppItemSlots> & { href?: string };\n\n/**\n * State used in rendering AppItem\n */\nexport type AppItemState = ComponentState<AppItemSlots> & {\n  /**\n   * The density of the NavItem\n   *\n   * @default 'medium'\n   */\n  density: NavDensity;\n};\n"],"names":[],"mappings":"AAqBA;;CAEC,GACD,WAOE"}
+{"version":3,"sources":["../src/components/AppItem/AppItem.types.ts"],"sourcesContent":["import type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { NavDensity } from '../Nav/Nav.types';\n\nexport type AppItemSlots = {\n  /**\n   * The root element of the AppItem.\n   */\n  root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n\n  /**\n   * Icon that renders before the content.\n   */\n  icon?: Slot<'span'>;\n};\n\n/**\n * AppItem Props\n */\nexport type AppItemProps = ComponentProps<AppItemSlots> & { href?: string };\n\nexport type AppItemBaseProps = AppItemProps;\n\n/**\n * State used in rendering AppItem\n */\nexport type AppItemState = ComponentState<AppItemSlots> & {\n  /**\n   * The density of the NavItem\n   *\n   * @default 'medium'\n   */\n  density: NavDensity;\n};\n\nexport type AppItemBaseState = Omit<AppItemState, 'density'>;\n"],"names":[],"mappings":"AAmCA,WAA6D"}

package/lib/components/AppItem/index.js

@@ -1,4 +1,4 @@
 export { AppItem } from './AppItem';
 export { renderAppItem_unstable } from './renderAppItem';
-export { useAppItem_unstable } from './useAppItem';
+export { useAppItem_unstable, useAppItemBase_unstable } from './useAppItem';
 export { appItemClassNames, useAppItemStyles, useAppItemStyles_unstable } from './useAppItemStyles.styles';

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppItem/index.ts"],"sourcesContent":["export { AppItem } from './AppItem';\nexport type { AppItemProps, AppItemSlots, AppItemState } from './AppItem.types';\nexport { renderAppItem_unstable } from './renderAppItem';\nexport { useAppItem_unstable } from './useAppItem';\nexport { appItemClassNames, useAppItemStyles, useAppItemStyles_unstable } from './useAppItemStyles.styles';\n"],"names":["AppItem","renderAppItem_unstable","useAppItem_unstable","appItemClassNames","useAppItemStyles","useAppItemStyles_unstable"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAEpC,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,iBAAiB,EAAEC,gBAAgB,EAAEC,yBAAyB,QAAQ,4BAA4B"}
+{"version":3,"sources":["../src/components/AppItem/index.ts"],"sourcesContent":["export { AppItem } from './AppItem';\nexport type { AppItemProps, AppItemSlots, AppItemState, AppItemBaseProps, AppItemBaseState } from './AppItem.types';\nexport { renderAppItem_unstable } from './renderAppItem';\nexport { useAppItem_unstable, useAppItemBase_unstable } from './useAppItem';\nexport { appItemClassNames, useAppItemStyles, useAppItemStyles_unstable } from './useAppItemStyles.styles';\n"],"names":["AppItem","renderAppItem_unstable","useAppItem_unstable","useAppItemBase_unstable","appItemClassNames","useAppItemStyles","useAppItemStyles_unstable"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAEpC,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,mBAAmB,EAAEC,uBAAuB,QAAQ,eAAe;AAC5E,SAASC,iBAAiB,EAAEC,gBAAgB,EAAEC,yBAAyB,QAAQ,4BAA4B"}

package/lib/components/AppItem/useAppItem.js

@@ -11,9 +11,25 @@ import { useNavContext_unstable } from '../NavContext';
  * @param props - props from this instance of AppItem
  * @param ref - reference to root HTMLDivElement of AppItem
  */ export const useAppItem_unstable = (props, ref)=>{
+    const { density = 'medium' } = useNavContext_unstable();
+    const state = useAppItemBase_unstable(props, ref);
+    return {
+        ...state,
+        density
+    };
+};
+/**
+ * Create the base state required to render AppItem.
+ *
+ * The returned state can be modified with hooks such as useAppItemStyles_unstable,
+ * before being passed to renderAppItem_unstable.
+ *
+ * @param props - props from this instance of AppItem
+ * @param ref - reference to root HTMLDivElement of AppItem
+ * @returns The base state of AppItem
+ */ export const useAppItemBase_unstable = (props, ref)=>{
     const { icon, as, href } = props;
     const rootElementType = as || (href ? 'a' : 'button');
-    const { density = 'medium' } = useNavContext_unstable();
     const root = slot.always(getIntrinsicElementProps(rootElementType, useARIAButtonProps(rootElementType, {
         ...props
     })), {
@@ -31,7 +47,6 @@ import { useNavContext_unstable } from '../NavContext';
         root,
         icon: slot.optional(icon, {
             elementType: 'span'
-        }),
-        density
+        })
     };
 };

package/lib/components/AppItem/useAppItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppItem/useAppItem.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { AppItemProps, AppItemState } from './AppItem.types';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport { useNavContext_unstable } from '../NavContext';\n\n/**\n * Create the state required to render AppItem.\n *\n * The returned state can be modified with hooks such as useAppItemStyles_unstable,\n * before being passed to renderAppItem_unstable.\n *\n * @param props - props from this instance of AppItem\n * @param ref - reference to root HTMLDivElement of AppItem\n */\nexport const useAppItem_unstable = (\n  props: AppItemProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): AppItemState => {\n  const { icon, as, href } = props;\n  const rootElementType = as || (href ? 'a' : 'button');\n\n  const { density = 'medium' } = useNavContext_unstable();\n\n  const root = slot.always<ARIAButtonSlotProps<'a'>>(\n    getIntrinsicElementProps(\n      rootElementType,\n      useARIAButtonProps(rootElementType, {\n        ...props,\n      }),\n    ),\n    {\n      elementType: rootElementType,\n      defaultProps: {\n        ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n        type: rootElementType,\n      },\n    },\n  );\n\n  return {\n    components: {\n      root: rootElementType,\n      icon: 'span',\n    },\n    root,\n    icon: slot.optional(icon, {\n      elementType: 'span',\n    }),\n    density,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useARIAButtonProps","useNavContext_unstable","useAppItem_unstable","props","ref","icon","as","href","rootElementType","density","root","always","elementType","defaultProps","type","components","optional"],"mappings":"AAAA;AAGA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAG3E,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,sBAAsB,QAAQ,gBAAgB;AAEvD;;;;;;;;CAQC,GACD,OAAO,MAAMC,sBAAsB,CACjCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGJ;IAC3B,MAAMK,kBAAkBF,MAAOC,CAAAA,OAAO,MAAM,QAAO;IAEnD,MAAM,EAAEE,UAAU,QAAQ,EAAE,GAAGR;IAE/B,MAAMS,OAAOX,KAAKY,MAAM,CACtBb,yBACEU,iBACAR,mBAAmBQ,iBAAiB;QAClC,GAAGL,KAAK;IACV,KAEF;QACES,aAAaJ;QACbK,cAAc;YACZT,KAAKA;YACLU,MAAMN;QACR;IACF;IAGF,OAAO;QACLO,YAAY;YACVL,MAAMF;YACNH,MAAM;QACR;QACAK;QACAL,MAAMN,KAAKiB,QAAQ,CAACX,MAAM;YACxBO,aAAa;QACf;QACAH;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/AppItem/useAppItem.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { AppItemBaseProps, AppItemBaseState, AppItemProps, AppItemState } from './AppItem.types';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport { useNavContext_unstable } from '../NavContext';\n\n/**\n * Create the state required to render AppItem.\n *\n * The returned state can be modified with hooks such as useAppItemStyles_unstable,\n * before being passed to renderAppItem_unstable.\n *\n * @param props - props from this instance of AppItem\n * @param ref - reference to root HTMLDivElement of AppItem\n */\nexport const useAppItem_unstable = (\n  props: AppItemProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): AppItemState => {\n  const { density = 'medium' } = useNavContext_unstable();\n  const state = useAppItemBase_unstable(props, ref);\n\n  return {\n    ...state,\n    density,\n  };\n};\n\n/**\n * Create the base state required to render AppItem.\n *\n * The returned state can be modified with hooks such as useAppItemStyles_unstable,\n * before being passed to renderAppItem_unstable.\n *\n * @param props - props from this instance of AppItem\n * @param ref - reference to root HTMLDivElement of AppItem\n * @returns The base state of AppItem\n */\nexport const useAppItemBase_unstable = (\n  props: AppItemBaseProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): AppItemBaseState => {\n  const { icon, as, href } = props;\n  const rootElementType = as || (href ? 'a' : 'button');\n\n  const root = slot.always<ARIAButtonSlotProps<'a'>>(\n    getIntrinsicElementProps(\n      rootElementType,\n      useARIAButtonProps(rootElementType, {\n        ...props,\n      }),\n    ),\n    {\n      elementType: rootElementType,\n      defaultProps: {\n        ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n        type: rootElementType,\n      },\n    },\n  );\n\n  return {\n    components: {\n      root: rootElementType,\n      icon: 'span',\n    },\n    root,\n    icon: slot.optional(icon, {\n      elementType: 'span',\n    }),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useARIAButtonProps","useNavContext_unstable","useAppItem_unstable","props","ref","density","state","useAppItemBase_unstable","icon","as","href","rootElementType","root","always","elementType","defaultProps","type","components","optional"],"mappings":"AAAA;AAGA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAG3E,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,sBAAsB,QAAQ,gBAAgB;AAEvD;;;;;;;;CAQC,GACD,OAAO,MAAMC,sBAAsB,CACjCC,OACAC;IAEA,MAAM,EAAEC,UAAU,QAAQ,EAAE,GAAGJ;IAC/B,MAAMK,QAAQC,wBAAwBJ,OAAOC;IAE7C,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AAEF;;;;;;;;;CASC,GACD,OAAO,MAAME,0BAA0B,CACrCJ,OACAC;IAEA,MAAM,EAAEI,IAAI,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGP;IAC3B,MAAMQ,kBAAkBF,MAAOC,CAAAA,OAAO,MAAM,QAAO;IAEnD,MAAME,OAAOb,KAAKc,MAAM,CACtBf,yBACEa,iBACAX,mBAAmBW,iBAAiB;QAClC,GAAGR,KAAK;IACV,KAEF;QACEW,aAAaH;QACbI,cAAc;YACZX,KAAKA;YACLY,MAAML;QACR;IACF;IAGF,OAAO;QACLM,YAAY;YACVL,MAAMD;YACNH,MAAM;QACR;QACAI;QACAJ,MAAMT,KAAKmB,QAAQ,CAACV,MAAM;YACxBM,aAAa;QACf;IACF;AACF,EAAE"}

package/lib/components/AppItem/useAppItemStyles.styles.js

@@ -73,8 +73,10 @@ export const useAppItemStyles_unstable = state => {
     density,
     icon
   } = state;
+  // eslint-disable-next-line react-hooks/immutability
   state.root.className = mergeClasses(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
   if (state.icon) {
+    // eslint-disable-next-line react-hooks/immutability
     state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);
   }
   return state;

package/lib/components/AppItem/useAppItemStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","useIconStyles","useRootDefaultClassName","appItemClassNames","root","icon","useAppItemStyles","Bokbzmb","Jyy4pa","B1u1w3b","a9b677","Bt984gj","i8kkvl","Belr9w4","rmohyg","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","absentIconRootAdjustment","B1hrpyx","d","p","useAppItemStyles_unstable","state","rootDefaultClassName","iconStyles","appItemSpecificStyles","density","className","base"],"sources":["useAppItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\nexport const appItemClassNames = {\n    root: 'fui-AppItem',\n    icon: 'fui-AppItem__icon'\n};\n/**\n * Styles for the root slot\n */ export const useAppItemStyles = makeStyles({\n    root: {\n        marginInline: '4px',\n        width: 'revert',\n        alignItems: 'center',\n        gap: '10px',\n        marginInlineStart: '-6px',\n        marginInlineEnd: '0px',\n        padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`,\n        ...typographyStyles.subtitle2\n    },\n    small: {\n        padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} 14px`,\n        gap: '14px'\n    },\n    absentIconRootAdjustment: {\n        paddingInlineStart: '16px'\n    }\n});\n/**\n * Apply styling to the AppItem slots based on the state\n */ export const useAppItemStyles_unstable = (state)=>{\n    'use no memo';\n    const rootDefaultClassName = useRootDefaultClassName();\n    const iconStyles = useIconStyles();\n    const appItemSpecificStyles = useAppItemStyles();\n    const { density, icon } = state;\n    state.root.className = mergeClasses(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,SAASC,aAAa,EAAEC,uBAAuB,QAAQ,2BAA2B;AAClF,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,IAAI,EAAE,aAAa;EACnBC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,gBAAgB,gBAAGT,QAAA;EAAAO,IAAA;IAAAG,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAT,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAW,wBAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAkBnC,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,GAAIC,KAAK,IAAG;EAClD,aAAa;;EACb,MAAMC,oBAAoB,GAAG7B,uBAAuB,CAAC,CAAC;EACtD,MAAM8B,UAAU,GAAG/B,aAAa,CAAC,CAAC;EAClC,MAAMgC,qBAAqB,GAAG3B,gBAAgB,CAAC,CAAC;EAChD,MAAM;IAAE4B,OAAO;IAAE7B;EAAK,CAAC,GAAGyB,KAAK;EAC/BA,KAAK,CAAC1B,IAAI,CAAC+B,SAAS,GAAGrC,YAAY,CAACiC,oBAAoB,EAAE5B,iBAAiB,CAACC,IAAI,EAAE6B,qBAAqB,CAAC7B,IAAI,EAAE8B,OAAO,KAAK,OAAO,IAAID,qBAAqB,CAACT,KAAK,EAAE,CAACnB,IAAI,IAAI4B,qBAAqB,CAACR,wBAAwB,EAAEK,KAAK,CAAC1B,IAAI,CAAC+B,SAAS,CAAC;EAChP,IAAIL,KAAK,CAACzB,IAAI,EAAE;IACZyB,KAAK,CAACzB,IAAI,CAAC8B,SAAS,GAAGrC,YAAY,CAACK,iBAAiB,CAACE,IAAI,EAAE2B,UAAU,CAACI,IAAI,EAAEN,KAAK,CAACzB,IAAI,CAAC8B,SAAS,CAAC;EACtG;EACA,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","useIconStyles","useRootDefaultClassName","appItemClassNames","root","icon","useAppItemStyles","Bokbzmb","Jyy4pa","B1u1w3b","a9b677","Bt984gj","i8kkvl","Belr9w4","rmohyg","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","absentIconRootAdjustment","B1hrpyx","d","p","useAppItemStyles_unstable","state","rootDefaultClassName","iconStyles","appItemSpecificStyles","density","className","base"],"sources":["useAppItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\nexport const appItemClassNames = {\n    root: 'fui-AppItem',\n    icon: 'fui-AppItem__icon'\n};\n/**\n * Styles for the root slot\n */ export const useAppItemStyles = makeStyles({\n    root: {\n        marginInline: '4px',\n        width: 'revert',\n        alignItems: 'center',\n        gap: '10px',\n        marginInlineStart: '-6px',\n        marginInlineEnd: '0px',\n        padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`,\n        ...typographyStyles.subtitle2\n    },\n    small: {\n        padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} 14px`,\n        gap: '14px'\n    },\n    absentIconRootAdjustment: {\n        paddingInlineStart: '16px'\n    }\n});\n/**\n * Apply styling to the AppItem slots based on the state\n */ export const useAppItemStyles_unstable = (state)=>{\n    'use no memo';\n    const rootDefaultClassName = useRootDefaultClassName();\n    const iconStyles = useIconStyles();\n    const appItemSpecificStyles = useAppItemStyles();\n    const { density, icon } = state;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);\n    if (state.icon) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,SAASC,aAAa,EAAEC,uBAAuB,QAAQ,2BAA2B;AAClF,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,IAAI,EAAE,aAAa;EACnBC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,gBAAgB,gBAAGT,QAAA;EAAAO,IAAA;IAAAG,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAT,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAW,wBAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAkBnC,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,GAAIC,KAAK,IAAG;EAClD,aAAa;;EACb,MAAMC,oBAAoB,GAAG7B,uBAAuB,CAAC,CAAC;EACtD,MAAM8B,UAAU,GAAG/B,aAAa,CAAC,CAAC;EAClC,MAAMgC,qBAAqB,GAAG3B,gBAAgB,CAAC,CAAC;EAChD,MAAM;IAAE4B,OAAO;IAAE7B;EAAK,CAAC,GAAGyB,KAAK;EAC/B;EACAA,KAAK,CAAC1B,IAAI,CAAC+B,SAAS,GAAGrC,YAAY,CAACiC,oBAAoB,EAAE5B,iBAAiB,CAACC,IAAI,EAAE6B,qBAAqB,CAAC7B,IAAI,EAAE8B,OAAO,KAAK,OAAO,IAAID,qBAAqB,CAACT,KAAK,EAAE,CAACnB,IAAI,IAAI4B,qBAAqB,CAACR,wBAAwB,EAAEK,KAAK,CAAC1B,IAAI,CAAC+B,SAAS,CAAC;EAChP,IAAIL,KAAK,CAACzB,IAAI,EAAE;IACZ;IACAyB,KAAK,CAACzB,IAAI,CAAC8B,SAAS,GAAGrC,YAAY,CAACK,iBAAiB,CAACE,IAAI,EAAE2B,UAAU,CAACI,IAAI,EAAEN,KAAK,CAACzB,IAAI,CAAC8B,SAAS,CAAC;EACtG;EACA,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/AppItem/useAppItemStyles.styles.raw.js

@@ -35,8 +35,10 @@ export const appItemClassNames = {
     const iconStyles = useIconStyles();
     const appItemSpecificStyles = useAppItemStyles();
     const { density, icon } = state;
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
     if (state.icon) {
+        // eslint-disable-next-line react-hooks/immutability
         state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);
     }
     return state;

package/lib/components/AppItem/useAppItemStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppItem/useAppItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { AppItemSlots, AppItemState } from './AppItem.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\n\nexport const appItemClassNames: SlotClassNames<AppItemSlots> = {\n  root: 'fui-AppItem',\n  icon: 'fui-AppItem__icon',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useAppItemStyles = makeStyles({\n  root: {\n    marginInline: '4px',\n    width: 'revert',\n    alignItems: 'center',\n    gap: '10px',\n    marginInlineStart: '-6px',\n    marginInlineEnd: '0px',\n    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`,\n    ...typographyStyles.subtitle2,\n  },\n  small: {\n    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} 14px`,\n    gap: '14px',\n  },\n  absentIconRootAdjustment: {\n    paddingInlineStart: '16px',\n  },\n});\n\n/**\n * Apply styling to the AppItem slots based on the state\n */\nexport const useAppItemStyles_unstable = (state: AppItemState): AppItemState => {\n  'use no memo';\n\n  const rootDefaultClassName = useRootDefaultClassName();\n  const iconStyles = useIconStyles();\n  const appItemSpecificStyles = useAppItemStyles();\n\n  const { density, icon } = state;\n\n  state.root.className = mergeClasses(\n    rootDefaultClassName,\n    appItemClassNames.root,\n    appItemSpecificStyles.root,\n    density === 'small' && appItemSpecificStyles.small,\n    !icon && appItemSpecificStyles.absentIconRootAdjustment,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","useIconStyles","useRootDefaultClassName","appItemClassNames","root","icon","useAppItemStyles","marginInline","width","alignItems","gap","marginInlineStart","marginInlineEnd","padding","spacingVerticalS","spacingHorizontalS","spacingHorizontalMNudge","subtitle2","small","absentIconRootAdjustment","paddingInlineStart","useAppItemStyles_unstable","state","rootDefaultClassName","iconStyles","appItemSpecificStyles","density","className","base"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AACjE,SAASC,aAAa,EAAEC,uBAAuB,QAAQ,4BAA4B;AAEnF,OAAO,MAAMC,oBAAkD;IAC7DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,mBAAmBT,WAAW;IACzCO,MAAM;QACJG,cAAc;QACdC,OAAO;QACPC,YAAY;QACZC,KAAK;QACLC,mBAAmB;QACnBC,iBAAiB;QACjBC,SAAS,GAAGd,OAAOe,gBAAgB,CAAC,CAAC,EAAEf,OAAOgB,kBAAkB,CAAC,CAAC,EAAEhB,OAAOe,gBAAgB,CAAC,CAAC,EAAEf,OAAOiB,uBAAuB,EAAE;QAC/H,GAAGhB,iBAAiBiB,SAAS;IAC/B;IACAC,OAAO;QACLL,SAAS,GAAGd,OAAOe,gBAAgB,CAAC,CAAC,EAAEf,OAAOgB,kBAAkB,CAAC,CAAC,EAAEhB,OAAOe,gBAAgB,CAAC,KAAK,CAAC;QAClGJ,KAAK;IACP;IACAS,0BAA0B;QACxBC,oBAAoB;IACtB;AACF,GAAG;AAEH;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CAACC;IACxC;IAEA,MAAMC,uBAAuBrB;IAC7B,MAAMsB,aAAavB;IACnB,MAAMwB,wBAAwBnB;IAE9B,MAAM,EAAEoB,OAAO,EAAErB,IAAI,EAAE,GAAGiB;IAE1BA,MAAMlB,IAAI,CAACuB,SAAS,GAAG7B,aACrByB,sBACApB,kBAAkBC,IAAI,EACtBqB,sBAAsBrB,IAAI,EAC1BsB,YAAY,WAAWD,sBAAsBP,KAAK,EAClD,CAACb,QAAQoB,sBAAsBN,wBAAwB,EACvDG,MAAMlB,IAAI,CAACuB,SAAS;IAGtB,IAAIL,MAAMjB,IAAI,EAAE;QACdiB,MAAMjB,IAAI,CAACsB,SAAS,GAAG7B,aAAaK,kBAAkBE,IAAI,EAAEmB,WAAWI,IAAI,EAAEN,MAAMjB,IAAI,CAACsB,SAAS;IACnG;IAEA,OAAOL;AACT,EAAE"}
+{"version":3,"sources":["../src/components/AppItem/useAppItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { AppItemSlots, AppItemState } from './AppItem.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\n\nexport const appItemClassNames: SlotClassNames<AppItemSlots> = {\n  root: 'fui-AppItem',\n  icon: 'fui-AppItem__icon',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useAppItemStyles = makeStyles({\n  root: {\n    marginInline: '4px',\n    width: 'revert',\n    alignItems: 'center',\n    gap: '10px',\n    marginInlineStart: '-6px',\n    marginInlineEnd: '0px',\n    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`,\n    ...typographyStyles.subtitle2,\n  },\n  small: {\n    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} 14px`,\n    gap: '14px',\n  },\n  absentIconRootAdjustment: {\n    paddingInlineStart: '16px',\n  },\n});\n\n/**\n * Apply styling to the AppItem slots based on the state\n */\nexport const useAppItemStyles_unstable = (state: AppItemState): AppItemState => {\n  'use no memo';\n\n  const rootDefaultClassName = useRootDefaultClassName();\n  const iconStyles = useIconStyles();\n  const appItemSpecificStyles = useAppItemStyles();\n\n  const { density, icon } = state;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    rootDefaultClassName,\n    appItemClassNames.root,\n    appItemSpecificStyles.root,\n    density === 'small' && appItemSpecificStyles.small,\n    !icon && appItemSpecificStyles.absentIconRootAdjustment,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","useIconStyles","useRootDefaultClassName","appItemClassNames","root","icon","useAppItemStyles","marginInline","width","alignItems","gap","marginInlineStart","marginInlineEnd","padding","spacingVerticalS","spacingHorizontalS","spacingHorizontalMNudge","subtitle2","small","absentIconRootAdjustment","paddingInlineStart","useAppItemStyles_unstable","state","rootDefaultClassName","iconStyles","appItemSpecificStyles","density","className","base"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AACjE,SAASC,aAAa,EAAEC,uBAAuB,QAAQ,4BAA4B;AAEnF,OAAO,MAAMC,oBAAkD;IAC7DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,mBAAmBT,WAAW;IACzCO,MAAM;QACJG,cAAc;QACdC,OAAO;QACPC,YAAY;QACZC,KAAK;QACLC,mBAAmB;QACnBC,iBAAiB;QACjBC,SAAS,GAAGd,OAAOe,gBAAgB,CAAC,CAAC,EAAEf,OAAOgB,kBAAkB,CAAC,CAAC,EAAEhB,OAAOe,gBAAgB,CAAC,CAAC,EAAEf,OAAOiB,uBAAuB,EAAE;QAC/H,GAAGhB,iBAAiBiB,SAAS;IAC/B;IACAC,OAAO;QACLL,SAAS,GAAGd,OAAOe,gBAAgB,CAAC,CAAC,EAAEf,OAAOgB,kBAAkB,CAAC,CAAC,EAAEhB,OAAOe,gBAAgB,CAAC,KAAK,CAAC;QAClGJ,KAAK;IACP;IACAS,0BAA0B;QACxBC,oBAAoB;IACtB;AACF,GAAG;AAEH;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CAACC;IACxC;IAEA,MAAMC,uBAAuBrB;IAC7B,MAAMsB,aAAavB;IACnB,MAAMwB,wBAAwBnB;IAE9B,MAAM,EAAEoB,OAAO,EAAErB,IAAI,EAAE,GAAGiB;IAE1B,oDAAoD;IACpDA,MAAMlB,IAAI,CAACuB,SAAS,GAAG7B,aACrByB,sBACApB,kBAAkBC,IAAI,EACtBqB,sBAAsBrB,IAAI,EAC1BsB,YAAY,WAAWD,sBAAsBP,KAAK,EAClD,CAACb,QAAQoB,sBAAsBN,wBAAwB,EACvDG,MAAMlB,IAAI,CAACuB,SAAS;IAGtB,IAAIL,MAAMjB,IAAI,EAAE;QACd,oDAAoD;QACpDiB,MAAMjB,IAAI,CAACsB,SAAS,GAAG7B,aAAaK,kBAAkBE,IAAI,EAAEmB,WAAWI,IAAI,EAAEN,MAAMjB,IAAI,CAACsB,SAAS;IACnG;IAEA,OAAOL;AACT,EAAE"}

package/lib/components/AppItemStatic/AppItemStatic.types.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppItemStatic/AppItemStatic.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { NavDensity } from '../Nav/Nav.types';\n\nexport type AppItemStaticSlots = {\n  /**\n   * The root element of the AppItemStatic.\n   */\n  root: Slot<'div'>;\n  /**\n   * Icon that renders before the content.\n   */\n  icon?: Slot<'span'>;\n};\n\n/**\n * AppItemStatic Props\n */\nexport type AppItemStaticProps = ComponentProps<AppItemStaticSlots> & {};\n\n/**\n * State used in rendering AppItemStatic\n */\nexport type AppItemStaticState = ComponentState<AppItemStaticSlots> & {\n  /**\n   * The density of the Nav\n   *\n   * @default 'medium'\n   */\n  density: NavDensity;\n};\n"],"names":[],"mappings":"AAmBA;;CAEC,GACD,WAOE"}
+{"version":3,"sources":["../src/components/AppItemStatic/AppItemStatic.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { NavDensity } from '../Nav/Nav.types';\n\nexport type AppItemStaticSlots = {\n  /**\n   * The root element of the AppItemStatic.\n   */\n  root: Slot<'div'>;\n  /**\n   * Icon that renders before the content.\n   */\n  icon?: Slot<'span'>;\n};\n\n/**\n * AppItemStatic Props\n */\nexport type AppItemStaticProps = ComponentProps<AppItemStaticSlots>;\n\nexport type AppItemStaticBaseProps = AppItemStaticProps;\n\n/**\n * State used in rendering AppItemStatic\n */\nexport type AppItemStaticState = ComponentState<AppItemStaticSlots> & {\n  /**\n   * The density of the Nav\n   *\n   * @default 'medium'\n   */\n  density: NavDensity;\n};\n\nexport type AppItemStaticBaseState = Omit<AppItemStaticState, 'density'>;\n"],"names":[],"mappings":"AAiCA,WAAyE"}

package/lib/components/AppItemStatic/index.js

@@ -1,4 +1,4 @@
 export { AppItemStatic } from './AppItemStatic';
 export { renderAppItemStatic_unstable } from './renderAppItemStatic';
-export { useAppItemStatic_unstable } from './useAppItemStatic';
+export { useAppItemStatic_unstable, useAppItemStaticBase_unstable } from './useAppItemStatic';
 export { appItemStaticClassNames, useAppItemStaticStyles_unstable } from './useAppItemStaticStyles.styles';

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppItemStatic/index.ts"],"sourcesContent":["export { AppItemStatic } from './AppItemStatic';\nexport type { AppItemStaticProps, AppItemStaticSlots, AppItemStaticState } from './AppItemStatic.types';\nexport { renderAppItemStatic_unstable } from './renderAppItemStatic';\nexport { useAppItemStatic_unstable } from './useAppItemStatic';\nexport { appItemStaticClassNames, useAppItemStaticStyles_unstable } from './useAppItemStaticStyles.styles';\n"],"names":["AppItemStatic","renderAppItemStatic_unstable","useAppItemStatic_unstable","appItemStaticClassNames","useAppItemStaticStyles_unstable"],"mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAEhD,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,kCAAkC"}
+{"version":3,"sources":["../src/components/AppItemStatic/index.ts"],"sourcesContent":["export { AppItemStatic } from './AppItemStatic';\nexport type {\n  AppItemStaticProps,\n  AppItemStaticSlots,\n  AppItemStaticState,\n  AppItemStaticBaseProps,\n  AppItemStaticBaseState,\n} from './AppItemStatic.types';\nexport { renderAppItemStatic_unstable } from './renderAppItemStatic';\nexport { useAppItemStatic_unstable, useAppItemStaticBase_unstable } from './useAppItemStatic';\nexport { appItemStaticClassNames, useAppItemStaticStyles_unstable } from './useAppItemStaticStyles.styles';\n"],"names":["AppItemStatic","renderAppItemStatic_unstable","useAppItemStatic_unstable","useAppItemStaticBase_unstable","appItemStaticClassNames","useAppItemStaticStyles_unstable"],"mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAQhD,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,EAAEC,6BAA6B,QAAQ,qBAAqB;AAC9F,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,kCAAkC"}

package/lib/components/AppItemStatic/useAppItemStatic.js

@@ -10,8 +10,15 @@ import { useNavContext_unstable } from '../NavContext';
  * @param props - props from this instance of AppItemStatic
  * @param ref - reference to root HTMLDivElement of AppItemStatic
  */ export const useAppItemStatic_unstable = (props, ref)=>{
-    const { icon } = props;
     const { density = 'medium' } = useNavContext_unstable();
+    const state = useAppItemStaticBase_unstable(props, ref);
+    return {
+        ...state,
+        density
+    };
+};
+export const useAppItemStaticBase_unstable = (props, ref)=>{
+    const { icon } = props;
     return {
         components: {
             root: 'div',
@@ -25,7 +32,6 @@ import { useNavContext_unstable } from '../NavContext';
         }),
         icon: slot.optional(icon, {
             elementType: 'span'
-        }),
-        density
+        })
     };
 };

package/lib/components/AppItemStatic/useAppItemStatic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppItemStatic/useAppItemStatic.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { AppItemStaticProps, AppItemStaticState } from './AppItemStatic.types';\nimport { useNavContext_unstable } from '../NavContext';\n\n/**\n * Create the state required to render AppItemStatic.\n *\n * The returned state can be modified with hooks such as useAppItemStaticStyles_unstable,\n * before being passed to renderAppItemStatic_unstable.\n *\n * @param props - props from this instance of AppItemStatic\n * @param ref - reference to root HTMLDivElement of AppItemStatic\n */\nexport const useAppItemStatic_unstable = (\n  props: AppItemStaticProps,\n  ref: React.Ref<HTMLDivElement>,\n): AppItemStaticState => {\n  const { icon } = props;\n\n  const { density = 'medium' } = useNavContext_unstable();\n  return {\n    components: {\n      root: 'div',\n      icon: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(icon, {\n      elementType: 'span',\n    }),\n    density,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useNavContext_unstable","useAppItemStatic_unstable","props","ref","icon","density","components","root","always","elementType","optional"],"mappings":"AAAA;AAGA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,sBAAsB,QAAQ,gBAAgB;AAEvD;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGF;IAEjB,MAAM,EAAEG,UAAU,QAAQ,EAAE,GAAGL;IAC/B,OAAO;QACLM,YAAY;YACVC,MAAM;YACNH,MAAM;QACR;QACAG,MAAMR,KAAKS,MAAM,CACfV,yBAAyB,OAAO;YAC9BK;YACA,GAAGD,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBL,MAAML,KAAKW,QAAQ,CAACN,MAAM;YACxBK,aAAa;QACf;QACAJ;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/AppItemStatic/useAppItemStatic.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n  AppItemStaticBaseProps,\n  AppItemStaticBaseState,\n  AppItemStaticProps,\n  AppItemStaticState,\n} from './AppItemStatic.types';\nimport { useNavContext_unstable } from '../NavContext';\n\n/**\n * Create the state required to render AppItemStatic.\n *\n * The returned state can be modified with hooks such as useAppItemStaticStyles_unstable,\n * before being passed to renderAppItemStatic_unstable.\n *\n * @param props - props from this instance of AppItemStatic\n * @param ref - reference to root HTMLDivElement of AppItemStatic\n */\nexport const useAppItemStatic_unstable = (\n  props: AppItemStaticProps,\n  ref: React.Ref<HTMLDivElement>,\n): AppItemStaticState => {\n  const { density = 'medium' } = useNavContext_unstable();\n  const state = useAppItemStaticBase_unstable(props, ref);\n\n  return {\n    ...state,\n    density,\n  };\n};\n\nexport const useAppItemStaticBase_unstable = (\n  props: AppItemStaticBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): AppItemStaticBaseState => {\n  const { icon } = props;\n\n  return {\n    components: {\n      root: 'div',\n      icon: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(icon, {\n      elementType: 'span',\n    }),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useNavContext_unstable","useAppItemStatic_unstable","props","ref","density","state","useAppItemStaticBase_unstable","icon","components","root","always","elementType","optional"],"mappings":"AAAA;AAGA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAO3E,SAASC,sBAAsB,QAAQ,gBAAgB;AAEvD;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,UAAU,QAAQ,EAAE,GAAGJ;IAC/B,MAAMK,QAAQC,8BAA8BJ,OAAOC;IAEnD,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AAEF,OAAO,MAAME,gCAAgC,CAC3CJ,OACAC;IAEA,MAAM,EAAEI,IAAI,EAAE,GAAGL;IAEjB,OAAO;QACLM,YAAY;YACVC,MAAM;YACNF,MAAM;QACR;QACAE,MAAMV,KAAKW,MAAM,CACfZ,yBAAyB,OAAO;YAC9BK;YACA,GAAGD,KAAK;QACV,IACA;YAAES,aAAa;QAAM;QAEvBJ,MAAMR,KAAKa,QAAQ,CAACL,MAAM;YACxBI,aAAa;QACf;IACF;AACF,EAAE"}

package/lib/components/AppItemStatic/useAppItemStaticStyles.styles.js

@@ -32,8 +32,10 @@ export const useAppItemStaticStyles_unstable = state => {
     density,
     icon
   } = state;
+  // eslint-disable-next-line react-hooks/immutability
   state.root.className = mergeClasses(rootDefaultClassName, appItemStaticClassNames.root, appItemSpecificStyles.root, appItemStaticStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
   if (state.icon) {
+    // eslint-disable-next-line react-hooks/immutability
     state.icon.className = mergeClasses(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);
   }
   return state;

package/lib/components/AppItemStatic/useAppItemStaticStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","useAppItemStyles","useIconStyles","useRootDefaultClassName","appItemStaticClassNames","root","icon","useAppItemStaticStyles","Bceei9c","Jwef8y","ecr2s2","d","h","a","useAppItemStaticStyles_unstable","state","rootDefaultClassName","iconStyles","appItemSpecificStyles","appItemStaticStyles","density","className","small","absentIconRootAdjustment","base"],"sources":["useAppItemStaticStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useAppItemStyles } from '../AppItem/useAppItemStyles.styles';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\nexport const appItemStaticClassNames = {\n    root: 'fui-AppItemStatic',\n    icon: 'fui-AppItemStatic__icon'\n};\nconst useAppItemStaticStyles = makeStyles({\n    root: {\n        cursor: 'default',\n        ':hover': {\n            backgroundColor: 'unset'\n        },\n        ':active': {\n            backgroundColor: 'unset'\n        }\n    }\n});\n/**\n * Apply styling to the AppItemStatic slots based on the state\n */ export const useAppItemStaticStyles_unstable = (state)=>{\n    'use no memo';\n    const rootDefaultClassName = useRootDefaultClassName();\n    const iconStyles = useIconStyles();\n    const appItemSpecificStyles = useAppItemStyles();\n    const appItemStaticStyles = useAppItemStaticStyles();\n    const { density, icon } = state;\n    state.root.className = mergeClasses(rootDefaultClassName, appItemStaticClassNames.root, appItemSpecificStyles.root, appItemStaticStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,gBAAgB,QAAQ,oCAAoC;AACrE,SAASC,aAAa,EAAEC,uBAAuB,QAAQ,2BAA2B;AAClF,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE,mBAAmB;EACzBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,sBAAsB,gBAAGR,QAAA;EAAAM,IAAA;IAAAG,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAU9B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxD,aAAa;;EACb,MAAMC,oBAAoB,GAAGb,uBAAuB,CAAC,CAAC;EACtD,MAAMc,UAAU,GAAGf,aAAa,CAAC,CAAC;EAClC,MAAMgB,qBAAqB,GAAGjB,gBAAgB,CAAC,CAAC;EAChD,MAAMkB,mBAAmB,GAAGZ,sBAAsB,CAAC,CAAC;EACpD,MAAM;IAAEa,OAAO;IAAEd;EAAK,CAAC,GAAGS,KAAK;EAC/BA,KAAK,CAACV,IAAI,CAACgB,SAAS,GAAGrB,YAAY,CAACgB,oBAAoB,EAAEZ,uBAAuB,CAACC,IAAI,EAAEa,qBAAqB,CAACb,IAAI,EAAEc,mBAAmB,CAACd,IAAI,EAAEe,OAAO,KAAK,OAAO,IAAIF,qBAAqB,CAACI,KAAK,EAAE,CAAChB,IAAI,IAAIY,qBAAqB,CAACK,wBAAwB,EAAER,KAAK,CAACV,IAAI,CAACgB,SAAS,CAAC;EAChR,IAAIN,KAAK,CAACT,IAAI,EAAE;IACZS,KAAK,CAACT,IAAI,CAACe,SAAS,GAAGrB,YAAY,CAACI,uBAAuB,CAACE,IAAI,EAAEW,UAAU,CAACO,IAAI,EAAET,KAAK,CAACT,IAAI,CAACe,SAAS,CAAC;EAC5G;EACA,OAAON,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","useAppItemStyles","useIconStyles","useRootDefaultClassName","appItemStaticClassNames","root","icon","useAppItemStaticStyles","Bceei9c","Jwef8y","ecr2s2","d","h","a","useAppItemStaticStyles_unstable","state","rootDefaultClassName","iconStyles","appItemSpecificStyles","appItemStaticStyles","density","className","small","absentIconRootAdjustment","base"],"sources":["useAppItemStaticStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useAppItemStyles } from '../AppItem/useAppItemStyles.styles';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\nexport const appItemStaticClassNames = {\n    root: 'fui-AppItemStatic',\n    icon: 'fui-AppItemStatic__icon'\n};\nconst useAppItemStaticStyles = makeStyles({\n    root: {\n        cursor: 'default',\n        ':hover': {\n            backgroundColor: 'unset'\n        },\n        ':active': {\n            backgroundColor: 'unset'\n        }\n    }\n});\n/**\n * Apply styling to the AppItemStatic slots based on the state\n */ export const useAppItemStaticStyles_unstable = (state)=>{\n    'use no memo';\n    const rootDefaultClassName = useRootDefaultClassName();\n    const iconStyles = useIconStyles();\n    const appItemSpecificStyles = useAppItemStyles();\n    const appItemStaticStyles = useAppItemStaticStyles();\n    const { density, icon } = state;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(rootDefaultClassName, appItemStaticClassNames.root, appItemSpecificStyles.root, appItemStaticStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);\n    if (state.icon) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.icon.className = mergeClasses(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,gBAAgB,QAAQ,oCAAoC;AACrE,SAASC,aAAa,EAAEC,uBAAuB,QAAQ,2BAA2B;AAClF,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE,mBAAmB;EACzBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,sBAAsB,gBAAGR,QAAA;EAAAM,IAAA;IAAAG,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAU9B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxD,aAAa;;EACb,MAAMC,oBAAoB,GAAGb,uBAAuB,CAAC,CAAC;EACtD,MAAMc,UAAU,GAAGf,aAAa,CAAC,CAAC;EAClC,MAAMgB,qBAAqB,GAAGjB,gBAAgB,CAAC,CAAC;EAChD,MAAMkB,mBAAmB,GAAGZ,sBAAsB,CAAC,CAAC;EACpD,MAAM;IAAEa,OAAO;IAAEd;EAAK,CAAC,GAAGS,KAAK;EAC/B;EACAA,KAAK,CAACV,IAAI,CAACgB,SAAS,GAAGrB,YAAY,CAACgB,oBAAoB,EAAEZ,uBAAuB,CAACC,IAAI,EAAEa,qBAAqB,CAACb,IAAI,EAAEc,mBAAmB,CAACd,IAAI,EAAEe,OAAO,KAAK,OAAO,IAAIF,qBAAqB,CAACI,KAAK,EAAE,CAAChB,IAAI,IAAIY,qBAAqB,CAACK,wBAAwB,EAAER,KAAK,CAACV,IAAI,CAACgB,SAAS,CAAC;EAChR,IAAIN,KAAK,CAACT,IAAI,EAAE;IACZ;IACAS,KAAK,CAACT,IAAI,CAACe,SAAS,GAAGrB,YAAY,CAACI,uBAAuB,CAACE,IAAI,EAAEW,UAAU,CAACO,IAAI,EAAET,KAAK,CAACT,IAAI,CAACe,SAAS,CAAC;EAC5G;EACA,OAAON,KAAK;AAChB,CAAC","ignoreList":[]}