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

package/lib/AppItem.js

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

package/lib/AppItem.js.map

@@ -0,0 +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"],"rangeMappings":"","mappings":"AACA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,gBAAgB,EAChBC,yBAAyB,EACzBC,mBAAmB,QACd,6BAA6B"}

package/lib/AppItemStatic.js

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

package/lib/AppItemStatic.js.map

@@ -0,0 +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"],"rangeMappings":"","mappings":"AACA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,mCAAmC"}

package/lib/Hamburger.js

@@ -0,0 +1 @@
+export { Hamburger, hamburgerClassNames, useHamburgerStyles_unstable, useHamburger_unstable } from './components/Hamburger/index';

package/lib/Hamburger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Hamburger.ts"],"sourcesContent":["export type { HamburgerProps, HamburgerState } from './components/Hamburger/index';\nexport {\n  Hamburger,\n  hamburgerClassNames,\n  useHamburgerStyles_unstable,\n  useHamburger_unstable,\n} from './components/Hamburger/index';\n"],"names":["Hamburger","hamburgerClassNames","useHamburgerStyles_unstable","useHamburger_unstable"],"rangeMappings":"","mappings":"AACA,SACEA,SAAS,EACTC,mBAAmB,EACnBC,2BAA2B,EAC3BC,qBAAqB,QAChB,+BAA+B"}

package/lib/Nav.js

@@ -0,0 +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 { NavProvider, useNavContext_unstable } from './components/NavContext';

package/lib/Nav.js.map

@@ -0,0 +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"],"rangeMappings":";;","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"}

package/lib/NavCategory.js

@@ -0,0 +1 @@
+export { NavCategory, renderNavCategory_unstable, useNavCategory_unstable } from './components/NavCategory/index';

package/lib/NavCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/NavCategory.ts"],"sourcesContent":["export type { NavCategoryProps, NavCategoryState } from './components/NavCategory/index';\nexport { NavCategory, renderNavCategory_unstable, useNavCategory_unstable } from './components/NavCategory/index';\n"],"names":["NavCategory","renderNavCategory_unstable","useNavCategory_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,WAAW,EAAEC,0BAA0B,EAAEC,uBAAuB,QAAQ,iCAAiC"}

package/lib/NavDivider.js

@@ -0,0 +1 @@
+export { NavDivider, navDividerClassNames, useNavDividerStyles_unstable, useNavDivider_unstable } from './components/NavDivider/index';

package/lib/NavDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/NavDivider.ts"],"sourcesContent":["export type { NavDividerProps, NavDividerState } from './components/NavDivider/index';\nexport {\n  NavDivider,\n  navDividerClassNames,\n  useNavDividerStyles_unstable,\n  useNavDivider_unstable,\n} from './components/NavDivider/index';\n"],"names":["NavDivider","navDividerClassNames","useNavDividerStyles_unstable","useNavDivider_unstable"],"rangeMappings":"","mappings":"AACA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,4BAA4B,EAC5BC,sBAAsB,QACjB,gCAAgC"}

package/lib/NavDrawer.js

@@ -0,0 +1 @@
+export { NavDrawer, navDrawerClassNames, renderNavDrawer_unstable, useNavDrawerStyles_unstable, useNavDrawer_unstable } from './components/NavDrawer/index';

package/lib/NavDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/NavDrawer.ts"],"sourcesContent":["export type { NavDrawerProps, NavDrawerSlots, NavDrawerState } from './components/NavDrawer/index';\nexport {\n  NavDrawer,\n  navDrawerClassNames,\n  renderNavDrawer_unstable,\n  useNavDrawerStyles_unstable,\n  useNavDrawer_unstable,\n} from './components/NavDrawer/index';\n"],"names":["NavDrawer","navDrawerClassNames","renderNavDrawer_unstable","useNavDrawerStyles_unstable","useNavDrawer_unstable"],"rangeMappings":"","mappings":"AACA,SACEA,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,+BAA+B"}

package/lib/NavDrawerBody.js

@@ -0,0 +1 @@
+export { NavDrawerBody, navDrawerBodyClassNames, useNavDrawerBodyStyles_unstable, useNavDrawerBody_unstable } from './components/NavDrawerBody/index';

package/lib/NavDrawerBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/NavDrawerBody.ts"],"sourcesContent":["export type { NavDrawerBodyProps, NavDrawerBodySlots, NavDrawerBodyState } from './components/NavDrawerBody/index';\nexport {\n  NavDrawerBody,\n  navDrawerBodyClassNames,\n  useNavDrawerBodyStyles_unstable,\n  useNavDrawerBody_unstable,\n} from './components/NavDrawerBody/index';\n"],"names":["NavDrawerBody","navDrawerBodyClassNames","useNavDrawerBodyStyles_unstable","useNavDrawerBody_unstable"],"rangeMappings":"","mappings":"AACA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,+BAA+B,EAC/BC,yBAAyB,QACpB,mCAAmC"}

package/lib/NavDrawerFooter.js

@@ -0,0 +1 @@
+export { NavDrawerFooter, navDrawerFooterClassNames, useNavDrawerFooterStyles_unstable, useNavDrawerFooter_unstable } from './components/NavDrawerFooter/index';

package/lib/NavDrawerFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/NavDrawerFooter.ts"],"sourcesContent":["export type {\n  NavDrawerFooterProps,\n  NavDrawerFooterSlots,\n  NavDrawerFooterState,\n} from './components/NavDrawerFooter/index';\nexport {\n  NavDrawerFooter,\n  navDrawerFooterClassNames,\n  useNavDrawerFooterStyles_unstable,\n  useNavDrawerFooter_unstable,\n} from './components/NavDrawerFooter/index';\n"],"names":["NavDrawerFooter","navDrawerFooterClassNames","useNavDrawerFooterStyles_unstable","useNavDrawerFooter_unstable"],"rangeMappings":"","mappings":"AAKA,SACEA,eAAe,EACfC,yBAAyB,EACzBC,iCAAiC,EACjCC,2BAA2B,QACtB,qCAAqC"}

package/lib/NavDrawerHeader.js

@@ -0,0 +1 @@
+export { NavDrawerHeader, navDrawerHeaderClassNames, useNavDrawerHeaderStyles_unstable, useNavDrawerHeader_unstable } from './components/NavDrawerHeader/index';

package/lib/NavDrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/NavDrawerHeader.ts"],"sourcesContent":["export type {\n  NavDrawerHeaderProps,\n  NavDrawerHeaderSlots,\n  NavDrawerHeaderState,\n} from './components/NavDrawerHeader/index';\nexport {\n  NavDrawerHeader,\n  navDrawerHeaderClassNames,\n  useNavDrawerHeaderStyles_unstable,\n  useNavDrawerHeader_unstable,\n} from './components/NavDrawerHeader/index';\n"],"names":["NavDrawerHeader","navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable","useNavDrawerHeader_unstable"],"rangeMappings":"","mappings":"AAKA,SACEA,eAAe,EACfC,yBAAyB,EACzBC,iCAAiC,EACjCC,2BAA2B,QACtB,qCAAqC"}

package/lib/NavItem.js

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

package/lib/NavItem.js.map

@@ -0,0 +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"],"rangeMappings":"","mappings":"AACA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,6BAA6B"}

package/lib/NavSectionHeader.js

@@ -0,0 +1 @@
+export { NavSectionHeader, navSectionHeaderClassNames, renderNavSectionHeader_unstable, useNavSectionHeaderStyles_unstable, useNavSectionHeader_unstable } from './components/NavSectionHeader/index';

package/lib/NavSectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/NavSectionHeader.ts"],"sourcesContent":["export type {\n  NavSectionHeaderProps,\n  NavSectionHeaderSlots,\n  NavSectionHeaderState,\n} from './components/NavSectionHeader/index';\nexport {\n  NavSectionHeader,\n  navSectionHeaderClassNames,\n  renderNavSectionHeader_unstable,\n  useNavSectionHeaderStyles_unstable,\n  useNavSectionHeader_unstable,\n} from './components/NavSectionHeader/index';\n"],"names":["NavSectionHeader","navSectionHeaderClassNames","renderNavSectionHeader_unstable","useNavSectionHeaderStyles_unstable","useNavSectionHeader_unstable"],"rangeMappings":"","mappings":"AAKA,SACEA,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,QACvB,sCAAsC"}

package/lib/NavSubItem.js

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

package/lib/NavSubItem.js.map

@@ -0,0 +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"],"rangeMappings":"","mappings":"AACA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,gCAAgC"}

package/lib/NavSubItemGroup.js

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

package/lib/NavSubItemGroup.js.map

@@ -0,0 +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"],"rangeMappings":"","mappings":"AAKA,SACEA,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,iCAAiC,EACjCC,2BAA2B,QACtB,qCAAqC"}

package/lib/SplitNavItem.js

@@ -0,0 +1 @@
+export { SplitNavItem, renderSplitNavItem_unstable, splitNavItemClassNames, useSplitNavItemStyles_unstable, useSplitNavItem_unstable } from './components/SplitNavItem/index';

package/lib/SplitNavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SplitNavItem.ts"],"sourcesContent":["export type { SplitNavItemProps, SplitNavItemSlots, SplitNavItemState } from './components/SplitNavItem/index';\nexport {\n  SplitNavItem,\n  renderSplitNavItem_unstable,\n  splitNavItemClassNames,\n  useSplitNavItemStyles_unstable,\n  useSplitNavItem_unstable,\n} from './components/SplitNavItem/index';\n"],"names":["SplitNavItem","renderSplitNavItem_unstable","splitNavItemClassNames","useSplitNavItemStyles_unstable","useSplitNavItem_unstable"],"rangeMappings":"","mappings":"AACA,SACEA,YAAY,EACZC,2BAA2B,EAC3BC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,QACnB,kCAAkC"}

package/lib/components/AppItem/AppItem.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { useAppItem_unstable } from './useAppItem';
+import { renderAppItem_unstable } from './renderAppItem';
+import { useAppItemStyles_unstable } from './useAppItemStyles.styles';
+/**
+ * AppItem component - TODO: add more docs
+ */ export const AppItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useAppItem_unstable(props, ref);
+    useAppItemStyles_unstable(state);
+    /**
+   * @see https://github.com/microsoft/fluentui/blob/master/docs/react-v9/contributing/rfcs/react-components/convergence/custom-styling.md
+   *
+   * TODO: 💡 once package will become stable (PR which will be part of promoting PREVIEW package to STABLE),
+   *      - uncomment this line
+   *      - update types {@link file://./../../../../../../../packages/react-components/react-shared-contexts/library/src/CustomStyleHooksContext/CustomStyleHooksContext.ts#CustomStyleHooksContextValue}
+   *      - verify that custom global style override works for your component
+   */ // useCustomStyleHook_unstable('useAppItemStyles_unstable')(state);
+    return renderAppItem_unstable(state);
+});
+AppItem.displayName = 'AppItem';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItem/AppItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useAppItem_unstable } from './useAppItem';\nimport { renderAppItem_unstable } from './renderAppItem';\nimport { useAppItemStyles_unstable } from './useAppItemStyles.styles';\nimport type { AppItemProps } from './AppItem.types';\n\n/**\n * AppItem component - TODO: add more docs\n */\nexport const AppItem: ForwardRefComponent<AppItemProps> = React.forwardRef((props, ref) => {\n  const state = useAppItem_unstable(props, ref);\n\n  useAppItemStyles_unstable(state);\n\n  /**\n   * @see https://github.com/microsoft/fluentui/blob/master/docs/react-v9/contributing/rfcs/react-components/convergence/custom-styling.md\n   *\n   * TODO: 💡 once package will become stable (PR which will be part of promoting PREVIEW package to STABLE),\n   *      - uncomment this line\n   *      - update types {@link file://./../../../../../../../packages/react-components/react-shared-contexts/library/src/CustomStyleHooksContext/CustomStyleHooksContext.ts#CustomStyleHooksContextValue}\n   *      - verify that custom global style override works for your component\n   */\n  // useCustomStyleHook_unstable('useAppItemStyles_unstable')(state);\n\n  return renderAppItem_unstable(state);\n});\n\nAppItem.displayName = 'AppItem';\n"],"names":["React","useAppItem_unstable","renderAppItem_unstable","useAppItemStyles_unstable","AppItem","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,yBAAyB,QAAQ,4BAA4B;AAGtE;;CAEC,GACD,OAAO,MAAMC,wBAA6CJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,QAAQP,oBAAoBK,OAAOC;IAEzCJ,0BAA0BK;IAE1B;;;;;;;GAOC,GACD,mEAAmE;IAEnE,OAAON,uBAAuBM;AAChC,GAAG;AAEHJ,QAAQK,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItem/AppItem.types.ts"],"sourcesContent":["import { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { 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":[],"rangeMappings":";;","mappings":"AAqBA;;CAEC,GACD,WAOE"}

package/lib/components/AppItem/index.js

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

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

@@ -0,0 +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"],"rangeMappings":";;;","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"}

package/lib/components/AppItem/renderAppItem.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItem/renderAppItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AppItemState, AppItemSlots } from './AppItem.types';\n\n/**\n * Render the final JSX of AppItem\n */\nexport const renderAppItem_unstable = (state: AppItemState) => {\n  assertSlots<AppItemSlots>(state);\n\n  return (\n    <state.root>\n      {state.icon && <state.icon />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderAppItem_unstable","state","root","icon","children"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC;IACrCF,YAA0BE;IAE1B,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,IAAI,kBAAI,KAACF,MAAME,IAAI;YACzBF,MAAMC,IAAI,CAACE,QAAQ;;;AAG1B,EAAE"}

package/lib/components/AppItem/useAppItem.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+import { useARIAButtonProps } from '@fluentui/react-aria';
+import { useNavContext_unstable } from '../NavContext';
+/**
+ * Create the 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
+ */ export const useAppItem_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
+    })), {
+        elementType: rootElementType,
+        defaultProps: {
+            ref: ref,
+            type: rootElementType
+        }
+    });
+    return {
+        components: {
+            root: rootElementType,
+            icon: 'span'
+        },
+        root,
+        icon: slot.optional(icon, {
+            elementType: 'span'
+        }),
+        density
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItem/useAppItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { AppItemProps, AppItemState } from './AppItem.types';\nimport { ARIAButtonSlotProps, 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":["React","getIntrinsicElementProps","slot","useARIAButtonProps","useNavContext_unstable","useAppItem_unstable","props","ref","icon","as","href","rootElementType","density","root","always","elementType","defaultProps","type","components","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAA8BC,kBAAkB,QAAQ,uBAAuB;AAC/E,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"}

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

@@ -0,0 +1,79 @@
+import { __styles, mergeClasses } from '@griffel/react';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
+import { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';
+export const appItemClassNames = {
+  root: 'fui-AppItem',
+  icon: 'fui-AppItem__icon'
+};
+/**
+ * Styles for the root slot
+ */
+export const useAppItemStyles = /*#__PURE__*/__styles({
+  root: {
+    Bokbzmb: "f1x6gvzo",
+    Jyy4pa: "f1djyvue",
+    B1u1w3b: "feysv1g",
+    a9b677: "f1jd6clc",
+    Bt984gj: "f122n59",
+    i8kkvl: 0,
+    Belr9w4: 0,
+    rmohyg: "f1ga9sj3",
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: ["f1fdqhks", "fnlwq4f"],
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fod5ikn",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "faaz57k"
+  },
+  small: {
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: ["f1m1l4b8", "f1yxbtnt"],
+    i8kkvl: 0,
+    Belr9w4: 0,
+    rmohyg: "f1let0xu"
+  },
+  absentIconRootAdjustment: {
+    B1hrpyx: "ft8721j"
+  }
+}, {
+  d: [[".feysv1g{margin-inline:4px;}", {
+    p: -1
+  }], ".f1jd6clc{width:revert;}", ".f122n59{align-items:center;}", [".f1ga9sj3{gap:10px;}", {
+    p: -1
+  }], ".f1djyvue{-webkit-margin-start:-6px;margin-inline-start:-6px;}", ".f1x6gvzo{-webkit-margin-end:0px;margin-inline-end:0px;}", [".f1fdqhks{padding:var(--spacingVerticalS) var(--spacingHorizontalS) var(--spacingVerticalS) var(--spacingHorizontalMNudge);}", {
+    p: -1
+  }], [".fnlwq4f{padding:var(--spacingVerticalS) var(--spacingHorizontalMNudge) var(--spacingVerticalS) var(--spacingHorizontalS);}", {
+    p: -1
+  }], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}", [".f1m1l4b8{padding:var(--spacingVerticalS) var(--spacingHorizontalS) var(--spacingVerticalS) 14px;}", {
+    p: -1
+  }], [".f1yxbtnt{padding:var(--spacingVerticalS) 14px var(--spacingVerticalS) var(--spacingHorizontalS);}", {
+    p: -1
+  }], [".f1let0xu{gap:14px;}", {
+    p: -1
+  }], ".ft8721j{-webkit-padding-start:16px;padding-inline-start:16px;}"]
+});
+/**
+ * Apply styling to the AppItem slots based on the state
+ */
+export const useAppItemStyles_unstable = state => {
+  'use no memo';
+
+  const rootDefaultClassName = useRootDefaultClassName();
+  const iconStyles = useIconStyles();
+  const appItemSpecificStyles = useAppItemStyles();
+  const {
+    density,
+    icon
+  } = state;
+  state.root.className = mergeClasses(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
+  if (state.icon) {
+    state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);
+  }
+  return state;
+};

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

@@ -0,0 +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":["import { 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,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":[]}

package/lib/components/AppItemStatic/AppItemStatic.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { useAppItemStatic_unstable } from './useAppItemStatic';
+import { renderAppItemStatic_unstable } from './renderAppItemStatic';
+import { useAppItemStaticStyles_unstable } from './useAppItemStaticStyles.styles';
+/**
+ * AppItemStatic component - TODO: add more docs
+ */ export const AppItemStatic = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useAppItemStatic_unstable(props, ref);
+    useAppItemStaticStyles_unstable(state);
+    /**
+   * @see https://github.com/microsoft/fluentui/blob/master/docs/react-v9/contributing/rfcs/react-components/convergence/custom-styling.md
+   *
+   * TODO: 💡 once package will become stable (PR which will be part of promoting PREVIEW package to STABLE),
+   *      - uncomment this line
+   *      - update types {@link file://./../../../../../../../packages/react-components/react-shared-contexts/library/src/CustomStyleHooksContext/CustomStyleHooksContext.ts#CustomStyleHooksContextValue}
+   *      - verify that custom global style override works for your component
+   */ // useCustomStyleHook_unstable('useAppItemStaticStyles_unstable')(state);
+    return renderAppItemStatic_unstable(state);
+});
+AppItemStatic.displayName = 'AppItemStatic';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItemStatic/AppItemStatic.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useAppItemStatic_unstable } from './useAppItemStatic';\nimport { renderAppItemStatic_unstable } from './renderAppItemStatic';\nimport { useAppItemStaticStyles_unstable } from './useAppItemStaticStyles.styles';\nimport type { AppItemStaticProps } from './AppItemStatic.types';\n\n/**\n * AppItemStatic component - TODO: add more docs\n */\nexport const AppItemStatic: ForwardRefComponent<AppItemStaticProps> = React.forwardRef((props, ref) => {\n  const state = useAppItemStatic_unstable(props, ref);\n\n  useAppItemStaticStyles_unstable(state);\n\n  /**\n   * @see https://github.com/microsoft/fluentui/blob/master/docs/react-v9/contributing/rfcs/react-components/convergence/custom-styling.md\n   *\n   * TODO: 💡 once package will become stable (PR which will be part of promoting PREVIEW package to STABLE),\n   *      - uncomment this line\n   *      - update types {@link file://./../../../../../../../packages/react-components/react-shared-contexts/library/src/CustomStyleHooksContext/CustomStyleHooksContext.ts#CustomStyleHooksContextValue}\n   *      - verify that custom global style override works for your component\n   */\n  // useCustomStyleHook_unstable('useAppItemStaticStyles_unstable')(state);\n\n  return renderAppItemStatic_unstable(state);\n});\n\nAppItemStatic.displayName = 'AppItemStatic';\n"],"names":["React","useAppItemStatic_unstable","renderAppItemStatic_unstable","useAppItemStaticStyles_unstable","AppItemStatic","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAGlF;;CAEC,GACD,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAEhC;;;;;;;GAOC,GACD,yEAAyE;IAEzE,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItemStatic/AppItemStatic.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { 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":[],"rangeMappings":";;","mappings":"AAmBA;;CAEC,GACD,WAOE"}

package/lib/components/AppItemStatic/index.js

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

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

@@ -0,0 +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"],"rangeMappings":";;;","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"}

package/lib/components/AppItemStatic/renderAppItemStatic.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItemStatic/renderAppItemStatic.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AppItemStaticState, AppItemStaticSlots } from './AppItemStatic.types';\n\n/**\n * Render the final JSX of AppItemStatic\n */\nexport const renderAppItemStatic_unstable = (state: AppItemStaticState) => {\n  assertSlots<AppItemStaticSlots>(state);\n\n  return (\n    <state.root>\n      {state.icon && <state.icon />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderAppItemStatic_unstable","state","root","icon","children"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3CF,YAAgCE;IAEhC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,IAAI,kBAAI,KAACF,MAAME,IAAI;YACzBF,MAAMC,IAAI,CAACE,QAAQ;;;AAG1B,EAAE"}

package/lib/components/AppItemStatic/useAppItemStatic.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+import { useNavContext_unstable } from '../NavContext';
+/**
+ * Create the state required to render AppItemStatic.
+ *
+ * The returned state can be modified with hooks such as useAppItemStaticStyles_unstable,
+ * before being passed to renderAppItemStatic_unstable.
+ *
+ * @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();
+    return {
+        components: {
+            root: 'div',
+            icon: 'span'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        icon: slot.optional(icon, {
+            elementType: 'span'
+        }),
+        density
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItemStatic/useAppItemStatic.ts"],"sourcesContent":["import * 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":["React","getIntrinsicElementProps","slot","useNavContext_unstable","useAppItemStatic_unstable","props","ref","icon","density","components","root","always","elementType","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,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"}

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

@@ -0,0 +1,38 @@
+import { __styles, mergeClasses } from '@griffel/react';
+import { useAppItemStyles } from '../AppItem/useAppItemStyles.styles';
+import { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';
+export const appItemStaticClassNames = {
+  root: 'fui-AppItemStatic',
+  icon: 'fui-AppItemStatic__icon'
+};
+const useAppItemStaticStyles = /*#__PURE__*/__styles({
+  root: {
+    Bceei9c: "f158kwzp",
+    Jwef8y: "fmaajru",
+    ecr2s2: "f11z5bqc"
+  }
+}, {
+  d: [".f158kwzp{cursor:default;}"],
+  h: [".fmaajru:hover{background-color:unset;}"],
+  a: [".f11z5bqc:active{background-color:unset;}"]
+});
+/**
+ * Apply styling to the AppItemStatic slots based on the state
+ */
+export const useAppItemStaticStyles_unstable = state => {
+  'use no memo';
+
+  const rootDefaultClassName = useRootDefaultClassName();
+  const iconStyles = useIconStyles();
+  const appItemSpecificStyles = useAppItemStyles();
+  const appItemStaticStyles = useAppItemStaticStyles();
+  const {
+    density,
+    icon
+  } = state;
+  state.root.className = mergeClasses(rootDefaultClassName, appItemStaticClassNames.root, appItemSpecificStyles.root, appItemStaticStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
+  if (state.icon) {
+    state.icon.className = mergeClasses(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);
+  }
+  return state;
+};

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

@@ -0,0 +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":["import { 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,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":[]}

package/lib/components/Hamburger/Hamburger.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useHamburger_unstable } from './useHamburger';
+import { renderButton_unstable } from '@fluentui/react-button';
+import { useHamburgerStyles_unstable } from './useHamburgerStyles.styles';
+/**
+ * Hamburger component - TODO: add more docs
+ */ export const Hamburger = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useHamburger_unstable(props, ref);
+    useHamburgerStyles_unstable(state);
+    // TODO update types in packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts
+    // https://github.com/microsoft/fluentui/blob/master/rfcs/react-components/convergence/custom-styling.md
+    // useCustomStyleHook_unstable('useHamburgerStyles_unstable')(state);
+    return renderButton_unstable(state);
+});
+Hamburger.displayName = 'Hamburger';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Hamburger/Hamburger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useHamburger_unstable } from './useHamburger';\nimport { renderButton_unstable } from '@fluentui/react-button';\nimport { useHamburgerStyles_unstable } from './useHamburgerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { HamburgerProps } from './Hamburger.types';\n\n/**\n * Hamburger component - TODO: add more docs\n */\nexport const Hamburger: ForwardRefComponent<HamburgerProps> = React.forwardRef((props, ref) => {\n  const state = useHamburger_unstable(props, ref);\n\n  useHamburgerStyles_unstable(state);\n  // TODO update types in packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts\n  // https://github.com/microsoft/fluentui/blob/master/rfcs/react-components/convergence/custom-styling.md\n  // useCustomStyleHook_unstable('useHamburgerStyles_unstable')(state);\n  return renderButton_unstable(state);\n}) as ForwardRefComponent<HamburgerProps>;\n\nHamburger.displayName = 'Hamburger';\n"],"names":["React","useHamburger_unstable","renderButton_unstable","useHamburgerStyles_unstable","Hamburger","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,2BAA2B,QAAQ,8BAA8B;AAI1E;;CAEC,GACD,OAAO,MAAMC,0BAAiDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQP,sBAAsBK,OAAOC;IAE3CJ,4BAA4BK;IAC5B,8HAA8H;IAC9H,wGAAwG;IACxG,qEAAqE;IACrE,OAAON,sBAAsBM;AAC/B,GAA0C;AAE1CJ,UAAUK,WAAW,GAAG"}

package/lib/components/Hamburger/Hamburger.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Hamburger/Hamburger.types.ts"],"sourcesContent":["import { ButtonProps, ButtonState } from '@fluentui/react-button';\n\n/**\n * Hamburger Props\n */\nexport type HamburgerProps = ButtonProps;\n\n/**\n * State used in rendering Hamburger\n */\nexport type HamburgerState = ButtonState;\n"],"names":[],"rangeMappings":";;","mappings":"AAOA;;CAEC,GACD,WAAyC"}

package/lib/components/Hamburger/index.js

@@ -0,0 +1,3 @@
+export { Hamburger } from './Hamburger';
+export { useHamburger_unstable } from './useHamburger';
+export { hamburgerClassNames, useHamburgerStyles_unstable } from './useHamburgerStyles.styles';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Hamburger/index.ts"],"sourcesContent":["export { Hamburger } from './Hamburger';\nexport type { HamburgerProps, HamburgerState } from './Hamburger.types';\nexport { useHamburger_unstable } from './useHamburger';\nexport { hamburgerClassNames, useHamburgerStyles_unstable } from './useHamburgerStyles.styles';\n"],"names":["Hamburger","useHamburger_unstable","hamburgerClassNames","useHamburgerStyles_unstable"],"rangeMappings":";;","mappings":"AAAA,SAASA,SAAS,QAAQ,cAAc;AAExC,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,mBAAmB,EAAEC,2BAA2B,QAAQ,8BAA8B"}

package/lib/components/Hamburger/useHamburger.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { useButton_unstable } from '@fluentui/react-button';
+import { Navigation20Filled } from '@fluentui/react-icons';
+/**
+ * Given user props, defines default props for the Button, calls useButtonState and useChecked, and returns
+ * processed state.
+ * @param props - User provided props to the Button component.
+ * @param ref - User provided ref to be passed to the Button component.
+ */ export const useHamburger_unstable = (props, ref)=>{
+    return useButton_unstable({
+        icon: /*#__PURE__*/ React.createElement(Navigation20Filled, null),
+        appearance: 'transparent',
+        ...props
+    }, ref);
+};

package/lib/components/Hamburger/useHamburger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Hamburger/useHamburger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { Navigation20Filled } from '@fluentui/react-icons';\nimport type { HamburgerProps, HamburgerState } from './Hamburger.types';\n\n/**\n * Given user props, defines default props for the Button, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */\nexport const useHamburger_unstable = (\n  props: HamburgerProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): HamburgerState => {\n  return useButton_unstable({ icon: <Navigation20Filled />, appearance: 'transparent', ...props }, ref);\n};\n"],"names":["React","useButton_unstable","Navigation20Filled","useHamburger_unstable","props","ref","icon","appearance"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,kBAAkB,QAAQ,wBAAwB;AAG3D;;;;;CAKC,GACD,OAAO,MAAMC,wBAAwB,CACnCC,OACAC;IAEA,OAAOJ,mBAAmB;QAAEK,oBAAM,oBAACJ;QAAuBK,YAAY;QAAe,GAAGH,KAAK;IAAC,GAAGC;AACnG,EAAE"}

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

@@ -0,0 +1,40 @@
+import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { useButtonStyles_unstable } from '@fluentui/react-button';
+import { navItemTokens } from '../sharedNavStyles.styles';
+export const hamburgerClassNames = {
+  root: 'fui-Hamburger',
+  icon: 'fui-Hamburger__icon'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    w71qe1: "f1iuv45f",
+    De3pzq: "f1ctqxl6",
+    icvyot: "f1ern45e",
+    vrafjx: ["f1n71otn", "f1deefiw"],
+    oivjwe: "f1h8hb77",
+    wvpqe5: ["f1deefiw", "f1n71otn"],
+    Jwef8y: "f11oyicx",
+    ecr2s2: "f9fof1w"
+  }
+}, {
+  d: [".f1iuv45f{text-decoration-line:none;}", ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}"],
+  h: [".f11oyicx:hover{background-color:var(--colorNeutralBackground4Hover);}"],
+  a: [".f9fof1w:active{background-color:var(--colorNeutralBackground4Pressed);}"]
+});
+/**
+ * Apply styling to the Hamburger slots based on the state
+ */
+export const useHamburgerStyles_unstable = state => {
+  'use no memo';
+
+  useButtonStyles_unstable(state);
+  const styles = useStyles();
+  state.root.className = mergeClasses(hamburgerClassNames.root, styles.root, state.root.className);
+  if (state.icon) {
+    state.icon.className = mergeClasses(hamburgerClassNames.icon, state.icon.className);
+  }
+  return state;
+};