@fluentui/react-nav 9.4.2 → 9.4.4

package/lib/components/SplitNavItem/useSplitNavItemStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","tokens","motionTokens","navItemTokens","useRootDefaultClassName","splitNavItemClassNames","root","navItem","actionButton","toggleButton","menuButton","actionButtonTooltip","toggleButtonTooltip","menuButtonTooltip","buttonHoverStyles","opacity","pointerEvents","useSplitNaveItemStyles","baseRoot","mc9l5x","i8kkvl","Belr9w4","rmohyg","Bt984gj","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","fsow6f","De3pzq","B3o57yi","Bkqvd7p","Bmy1vo4","Jwef8y","xwko9w","mcc9px","B02v5zz","i4x37a","ecr2s2","baseNavItem","B9bfxx9","qb2dma","qhf8xq","Brf1p80","baseSecondary","Bf4jedk","Bnt446c","B1hrpyx","rjzwhg","baseMedium","baseLarge","hoverAction","abs64n","Bkecrkj","Bn62ygk","Cwk7ip","Bi2q7bf","Es3by","d","p","h","w","a","useSplitNavItemStyles_unstable","state","splitNavItemStyles","sharedRootClassNames","className","density"],"sources":["useSplitNavItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { motionTokens } from '@fluentui/react-motion';\nimport { navItemTokens, useRootDefaultClassName } from '../sharedNavStyles.styles';\nexport const splitNavItemClassNames = {\n    root: 'fui-SplitNavItem',\n    navItem: 'fui-SplitNavItem__navItem',\n    actionButton: 'fui-SplitNavItem__actionButton',\n    toggleButton: 'fui-SplitNavItem__toggleButton',\n    menuButton: 'fui-SplitNavItem__menuButton',\n    /**\n   * Tooltips don't have a class name prop, so this is just to satisfy the linter.\n   */ actionButtonTooltip: 'fui-SplitNavItem__actionButtonTooltip',\n    toggleButtonTooltip: 'fui-SplitNavItem__toggleButtonTooltip',\n    menuButtonTooltip: 'fui-SplitNavItem__menuButtonTooltip'\n};\n// Don't use makeResetStyles here because the sub components call it once and\n// This links says that makeResetStyles should only be called once per element\n// https://griffel.js.org/react/api/make-reset-styles/#limitations\nconst { actionButton, toggleButton, menuButton } = splitNavItemClassNames;\nconst buttonHoverStyles = {\n    [`& .${actionButton}, & .${toggleButton}, & .${menuButton}`]: {\n        opacity: 1,\n        pointerEvents: 'auto'\n    }\n};\n/**\n * Styles for the root slot\n */ const useSplitNaveItemStyles = makeStyles({\n    baseRoot: {\n        display: 'flex',\n        gap: 'unset',\n        alignItems: 'stretch',\n        padding: 'unset',\n        textAlign: 'unset',\n        backgroundColor: navItemTokens.backgroundColor,\n        ...navItemTokens.transitionTokens,\n        ':hover': {\n            backgroundColor: navItemTokens.backgroundColorHover,\n            ...buttonHoverStyles\n        },\n        ':focus-within': buttonHoverStyles,\n        ':active': {\n            backgroundColor: navItemTokens.backgroundColorPressed\n        }\n    },\n    baseNavItem: {\n        // styles that we want to disagree with the default on\n        display: 'flex',\n        textTransform: 'none',\n        alignSelf: 'stretch',\n        textAlign: 'left',\n        position: 'relative',\n        justifyContent: 'start',\n        gap: tokens.spacingVerticalL,\n        backgroundColor: 'transparent'\n    },\n    baseSecondary: {\n        minWidth: '28px',\n        paddingInlineEnd: '12px',\n        paddingInlineStart: '5px',\n        paddingBlockStart: '5px',\n        alignItems: 'start'\n    },\n    baseMedium: {\n        paddingBlockStart: '9px'\n    },\n    baseLarge: {\n        paddingBlockStart: '12px'\n    },\n    hoverAction: {\n        opacity: 0,\n        pointerEvents: 'none',\n        transition: `opacity ${motionTokens.durationFast}ms ${motionTokens.curveEasyEase}`,\n        willChange: 'opacity'\n    }\n});\n/**\n * Apply styling to the SplitNavItem slots based on the state\n */ export const useSplitNavItemStyles_unstable = (state)=>{\n    const splitNavItemStyles = useSplitNaveItemStyles();\n    const sharedRootClassNames = useRootDefaultClassName();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(splitNavItemClassNames.root, sharedRootClassNames, splitNavItemStyles.baseRoot, state.root.className);\n    if (state.navItem) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.navItem.className = mergeClasses(splitNavItemClassNames.navItem, splitNavItemStyles.baseNavItem, state.navItem.className);\n    }\n    if (state.actionButton) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.actionButton.className = mergeClasses(splitNavItemClassNames.actionButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.actionButton.className);\n    }\n    if (state.toggleButton) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.toggleButton.className = mergeClasses(splitNavItemClassNames.toggleButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.toggleButton.className);\n    }\n    if (state.menuButton) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.menuButton.className = mergeClasses(splitNavItemClassNames.menuButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.menuButton.className);\n    }\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","tokens","motionTokens","navItemTokens","useRootDefaultClassName","splitNavItemClassNames","root","navItem","actionButton","toggleButton","menuButton","actionButtonTooltip","toggleButtonTooltip","menuButtonTooltip","buttonHoverStyles","opacity","pointerEvents","useSplitNaveItemStyles","baseRoot","mc9l5x","i8kkvl","Belr9w4","rmohyg","Bt984gj","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","fsow6f","De3pzq","B3o57yi","Bkqvd7p","Bmy1vo4","Jwef8y","xwko9w","mcc9px","B02v5zz","i4x37a","ecr2s2","baseNavItem","B9bfxx9","qb2dma","qhf8xq","Brf1p80","baseSecondary","Bf4jedk","Bnt446c","B1hrpyx","rjzwhg","baseMedium","baseLarge","hoverAction","abs64n","Bkecrkj","Bn62ygk","Cwk7ip","Bi2q7bf","Es3by","d","p","h","w","a","useSplitNavItemStyles_unstable","state","splitNavItemStyles","sharedRootClassNames","className","density"],"sources":["useSplitNavItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { motionTokens } from \"@fluentui/react-motion\";\nimport { navItemTokens, useRootDefaultClassName } from \"../sharedNavStyles.styles.js\";\nexport const splitNavItemClassNames = {\n    root: 'fui-SplitNavItem',\n    navItem: 'fui-SplitNavItem__navItem',\n    actionButton: 'fui-SplitNavItem__actionButton',\n    toggleButton: 'fui-SplitNavItem__toggleButton',\n    menuButton: 'fui-SplitNavItem__menuButton',\n    /**\n   * Tooltips don't have a class name prop, so this is just to satisfy the linter.\n   */ actionButtonTooltip: 'fui-SplitNavItem__actionButtonTooltip',\n    toggleButtonTooltip: 'fui-SplitNavItem__toggleButtonTooltip',\n    menuButtonTooltip: 'fui-SplitNavItem__menuButtonTooltip'\n};\n// Don't use makeResetStyles here because the sub components call it once and\n// This links says that makeResetStyles should only be called once per element\n// https://griffel.js.org/react/api/make-reset-styles/#limitations\nconst { actionButton, toggleButton, menuButton } = splitNavItemClassNames;\nconst buttonHoverStyles = {\n    [`& .${actionButton}, & .${toggleButton}, & .${menuButton}`]: {\n        opacity: 1,\n        pointerEvents: 'auto'\n    }\n};\n/**\n * Styles for the root slot\n */ const useSplitNaveItemStyles = makeStyles({\n    baseRoot: {\n        display: 'flex',\n        gap: 'unset',\n        alignItems: 'stretch',\n        padding: 'unset',\n        textAlign: 'unset',\n        backgroundColor: navItemTokens.backgroundColor,\n        ...navItemTokens.transitionTokens,\n        ':hover': {\n            backgroundColor: navItemTokens.backgroundColorHover,\n            ...buttonHoverStyles\n        },\n        ':focus-within': buttonHoverStyles,\n        ':active': {\n            backgroundColor: navItemTokens.backgroundColorPressed\n        }\n    },\n    baseNavItem: {\n        // styles that we want to disagree with the default on\n        display: 'flex',\n        textTransform: 'none',\n        alignSelf: 'stretch',\n        textAlign: 'left',\n        position: 'relative',\n        justifyContent: 'start',\n        gap: tokens.spacingVerticalL,\n        backgroundColor: 'transparent'\n    },\n    baseSecondary: {\n        minWidth: '28px',\n        paddingInlineEnd: '12px',\n        paddingInlineStart: '5px',\n        paddingBlockStart: '5px',\n        alignItems: 'start'\n    },\n    baseMedium: {\n        paddingBlockStart: '9px'\n    },\n    baseLarge: {\n        paddingBlockStart: '12px'\n    },\n    hoverAction: {\n        opacity: 0,\n        pointerEvents: 'none',\n        transition: `opacity ${motionTokens.durationFast}ms ${motionTokens.curveEasyEase}`,\n        willChange: 'opacity'\n    }\n});\n/**\n * Apply styling to the SplitNavItem slots based on the state\n */ export const useSplitNavItemStyles_unstable = (state)=>{\n    const splitNavItemStyles = useSplitNaveItemStyles();\n    const sharedRootClassNames = useRootDefaultClassName();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(splitNavItemClassNames.root, sharedRootClassNames, splitNavItemStyles.baseRoot, state.root.className);\n    if (state.navItem) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.navItem.className = mergeClasses(splitNavItemClassNames.navItem, splitNavItemStyles.baseNavItem, state.navItem.className);\n    }\n    if (state.actionButton) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.actionButton.className = mergeClasses(splitNavItemClassNames.actionButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.actionButton.className);\n    }\n    if (state.toggleButton) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.toggleButton.className = mergeClasses(splitNavItemClassNames.toggleButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.toggleButton.className);\n    }\n    if (state.menuButton) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.menuButton.className = mergeClasses(splitNavItemClassNames.menuButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.menuButton.className);\n    }\n    return state;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/SplitNavItem/useSplitNavItemStyles.styles.raw.js

@@ -1,8 +1,8 @@
 'use client';
-import { makeStyles, mergeClasses } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-import { motionTokens } from '@fluentui/react-motion';
-import { navItemTokens, useRootDefaultClassName } from '../sharedNavStyles.styles';
+import { makeStyles, mergeClasses } from "@griffel/react";
+import { tokens } from "@fluentui/react-theme";
+import { motionTokens } from "@fluentui/react-motion";
+import { navItemTokens, useRootDefaultClassName } from "../sharedNavStyles.styles.js";
 export const splitNavItemClassNames = {
     root: 'fui-SplitNavItem',
     navItem: 'fui-SplitNavItem__navItem',

package/lib/components/SplitNavItem/useSplitNavItemStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitNavItem/useSplitNavItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { motionTokens } from '@fluentui/react-motion';\n\nimport type { SplitNavItemSlots, SplitNavItemState } from './SplitNavItem.types';\nimport { navItemTokens, useRootDefaultClassName } from '../sharedNavStyles.styles';\n\nexport const splitNavItemClassNames: SlotClassNames<SplitNavItemSlots> = {\n  root: 'fui-SplitNavItem',\n  navItem: 'fui-SplitNavItem__navItem',\n  actionButton: 'fui-SplitNavItem__actionButton',\n  toggleButton: 'fui-SplitNavItem__toggleButton',\n  menuButton: 'fui-SplitNavItem__menuButton',\n  /**\n   * Tooltips don't have a class name prop, so this is just to satisfy the linter.\n   */\n  actionButtonTooltip: 'fui-SplitNavItem__actionButtonTooltip',\n  toggleButtonTooltip: 'fui-SplitNavItem__toggleButtonTooltip',\n  menuButtonTooltip: 'fui-SplitNavItem__menuButtonTooltip',\n};\n// Don't use makeResetStyles here because the sub components call it once and\n// This links says that makeResetStyles should only be called once per element\n// https://griffel.js.org/react/api/make-reset-styles/#limitations\n\nconst { actionButton, toggleButton, menuButton } = splitNavItemClassNames;\nconst buttonHoverStyles = {\n  [`& .${actionButton}, & .${toggleButton}, & .${menuButton}`]: {\n    opacity: 1,\n    pointerEvents: 'auto',\n  },\n};\n\n/**\n * Styles for the root slot\n */\nconst useSplitNaveItemStyles = makeStyles({\n  baseRoot: {\n    display: 'flex',\n    gap: 'unset',\n    alignItems: 'stretch',\n    padding: 'unset',\n    textAlign: 'unset',\n    backgroundColor: navItemTokens.backgroundColor,\n    ...navItemTokens.transitionTokens,\n\n    ':hover': {\n      backgroundColor: navItemTokens.backgroundColorHover,\n      ...buttonHoverStyles,\n    },\n\n    ':focus-within': buttonHoverStyles,\n\n    ':active': {\n      backgroundColor: navItemTokens.backgroundColorPressed,\n    },\n  },\n  baseNavItem: {\n    // styles that we want to disagree with the default on\n    display: 'flex',\n    textTransform: 'none',\n    alignSelf: 'stretch',\n    textAlign: 'left',\n    position: 'relative',\n    justifyContent: 'start',\n    gap: tokens.spacingVerticalL,\n    backgroundColor: 'transparent',\n  },\n  baseSecondary: {\n    minWidth: '28px',\n    paddingInlineEnd: '12px',\n    paddingInlineStart: '5px',\n    paddingBlockStart: '5px',\n    alignItems: 'start',\n  },\n  baseMedium: {\n    paddingBlockStart: '9px',\n  },\n\n  baseLarge: {\n    paddingBlockStart: '12px',\n  },\n\n  hoverAction: {\n    opacity: 0,\n    pointerEvents: 'none',\n    transition: `opacity ${motionTokens.durationFast}ms ${motionTokens.curveEasyEase}`,\n    willChange: 'opacity',\n  },\n});\n\n/**\n * Apply styling to the SplitNavItem slots based on the state\n */\nexport const useSplitNavItemStyles_unstable = (state: SplitNavItemState): SplitNavItemState => {\n  const splitNavItemStyles = useSplitNaveItemStyles();\n  const sharedRootClassNames = useRootDefaultClassName();\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    splitNavItemClassNames.root,\n    sharedRootClassNames,\n    splitNavItemStyles.baseRoot,\n    state.root.className,\n  );\n\n  if (state.navItem) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.navItem.className = mergeClasses(\n      splitNavItemClassNames.navItem,\n      splitNavItemStyles.baseNavItem,\n      state.navItem.className,\n    );\n  }\n\n  if (state.actionButton) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.actionButton.className = mergeClasses(\n      splitNavItemClassNames.actionButton,\n      splitNavItemStyles.baseSecondary,\n      splitNavItemStyles.hoverAction,\n      state.density === 'medium' && splitNavItemStyles.baseMedium,\n      state.actionButton.className,\n    );\n  }\n\n  if (state.toggleButton) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.toggleButton.className = mergeClasses(\n      splitNavItemClassNames.toggleButton,\n      splitNavItemStyles.baseSecondary,\n      splitNavItemStyles.hoverAction,\n      state.density === 'medium' && splitNavItemStyles.baseMedium,\n      state.toggleButton.className,\n    );\n  }\n\n  if (state.menuButton) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.menuButton.className = mergeClasses(\n      splitNavItemClassNames.menuButton,\n      splitNavItemStyles.baseSecondary,\n      splitNavItemStyles.hoverAction,\n      state.density === 'medium' && splitNavItemStyles.baseMedium,\n      state.menuButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","motionTokens","navItemTokens","useRootDefaultClassName","splitNavItemClassNames","root","navItem","actionButton","toggleButton","menuButton","actionButtonTooltip","toggleButtonTooltip","menuButtonTooltip","buttonHoverStyles","opacity","pointerEvents","useSplitNaveItemStyles","baseRoot","display","gap","alignItems","padding","textAlign","backgroundColor","transitionTokens","backgroundColorHover","backgroundColorPressed","baseNavItem","textTransform","alignSelf","position","justifyContent","spacingVerticalL","baseSecondary","minWidth","paddingInlineEnd","paddingInlineStart","paddingBlockStart","baseMedium","baseLarge","hoverAction","transition","durationFast","curveEasyEase","willChange","useSplitNavItemStyles_unstable","state","splitNavItemStyles","sharedRootClassNames","className","density"],"mappings":"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"}
+{"version":3,"sources":["../src/components/SplitNavItem/useSplitNavItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { motionTokens } from '@fluentui/react-motion';\n\nimport type { SplitNavItemSlots, SplitNavItemState } from './SplitNavItem.types';\nimport { navItemTokens, useRootDefaultClassName } from '../sharedNavStyles.styles';\n\nexport const splitNavItemClassNames: SlotClassNames<SplitNavItemSlots> = {\n  root: 'fui-SplitNavItem',\n  navItem: 'fui-SplitNavItem__navItem',\n  actionButton: 'fui-SplitNavItem__actionButton',\n  toggleButton: 'fui-SplitNavItem__toggleButton',\n  menuButton: 'fui-SplitNavItem__menuButton',\n  /**\n   * Tooltips don't have a class name prop, so this is just to satisfy the linter.\n   */\n  actionButtonTooltip: 'fui-SplitNavItem__actionButtonTooltip',\n  toggleButtonTooltip: 'fui-SplitNavItem__toggleButtonTooltip',\n  menuButtonTooltip: 'fui-SplitNavItem__menuButtonTooltip',\n};\n// Don't use makeResetStyles here because the sub components call it once and\n// This links says that makeResetStyles should only be called once per element\n// https://griffel.js.org/react/api/make-reset-styles/#limitations\n\nconst { actionButton, toggleButton, menuButton } = splitNavItemClassNames;\nconst buttonHoverStyles = {\n  [`& .${actionButton}, & .${toggleButton}, & .${menuButton}`]: {\n    opacity: 1,\n    pointerEvents: 'auto',\n  },\n};\n\n/**\n * Styles for the root slot\n */\nconst useSplitNaveItemStyles = makeStyles({\n  baseRoot: {\n    display: 'flex',\n    gap: 'unset',\n    alignItems: 'stretch',\n    padding: 'unset',\n    textAlign: 'unset',\n    backgroundColor: navItemTokens.backgroundColor,\n    ...navItemTokens.transitionTokens,\n\n    ':hover': {\n      backgroundColor: navItemTokens.backgroundColorHover,\n      ...buttonHoverStyles,\n    },\n\n    ':focus-within': buttonHoverStyles,\n\n    ':active': {\n      backgroundColor: navItemTokens.backgroundColorPressed,\n    },\n  },\n  baseNavItem: {\n    // styles that we want to disagree with the default on\n    display: 'flex',\n    textTransform: 'none',\n    alignSelf: 'stretch',\n    textAlign: 'left',\n    position: 'relative',\n    justifyContent: 'start',\n    gap: tokens.spacingVerticalL,\n    backgroundColor: 'transparent',\n  },\n  baseSecondary: {\n    minWidth: '28px',\n    paddingInlineEnd: '12px',\n    paddingInlineStart: '5px',\n    paddingBlockStart: '5px',\n    alignItems: 'start',\n  },\n  baseMedium: {\n    paddingBlockStart: '9px',\n  },\n\n  baseLarge: {\n    paddingBlockStart: '12px',\n  },\n\n  hoverAction: {\n    opacity: 0,\n    pointerEvents: 'none',\n    transition: `opacity ${motionTokens.durationFast}ms ${motionTokens.curveEasyEase}`,\n    willChange: 'opacity',\n  },\n});\n\n/**\n * Apply styling to the SplitNavItem slots based on the state\n */\nexport const useSplitNavItemStyles_unstable = (state: SplitNavItemState): SplitNavItemState => {\n  const splitNavItemStyles = useSplitNaveItemStyles();\n  const sharedRootClassNames = useRootDefaultClassName();\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    splitNavItemClassNames.root,\n    sharedRootClassNames,\n    splitNavItemStyles.baseRoot,\n    state.root.className,\n  );\n\n  if (state.navItem) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.navItem.className = mergeClasses(\n      splitNavItemClassNames.navItem,\n      splitNavItemStyles.baseNavItem,\n      state.navItem.className,\n    );\n  }\n\n  if (state.actionButton) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.actionButton.className = mergeClasses(\n      splitNavItemClassNames.actionButton,\n      splitNavItemStyles.baseSecondary,\n      splitNavItemStyles.hoverAction,\n      state.density === 'medium' && splitNavItemStyles.baseMedium,\n      state.actionButton.className,\n    );\n  }\n\n  if (state.toggleButton) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.toggleButton.className = mergeClasses(\n      splitNavItemClassNames.toggleButton,\n      splitNavItemStyles.baseSecondary,\n      splitNavItemStyles.hoverAction,\n      state.density === 'medium' && splitNavItemStyles.baseMedium,\n      state.toggleButton.className,\n    );\n  }\n\n  if (state.menuButton) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.menuButton.className = mergeClasses(\n      splitNavItemClassNames.menuButton,\n      splitNavItemStyles.baseSecondary,\n      splitNavItemStyles.hoverAction,\n      state.density === 'medium' && splitNavItemStyles.baseMedium,\n      state.menuButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","motionTokens","navItemTokens","useRootDefaultClassName","splitNavItemClassNames","root","navItem","actionButton","toggleButton","menuButton","actionButtonTooltip","toggleButtonTooltip","menuButtonTooltip","buttonHoverStyles","opacity","pointerEvents","useSplitNaveItemStyles","baseRoot","display","gap","alignItems","padding","textAlign","backgroundColor","transitionTokens","backgroundColorHover","backgroundColorPressed","baseNavItem","textTransform","alignSelf","position","justifyContent","spacingVerticalL","baseSecondary","minWidth","paddingInlineEnd","paddingInlineStart","paddingBlockStart","baseMedium","baseLarge","hoverAction","transition","durationFast","curveEasyEase","willChange","useSplitNavItemStyles_unstable","state","splitNavItemStyles","sharedRootClassNames","className","density"],"mappings":"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"}

package/lib/components/sharedNavStyles.styles.js

@@ -1,8 +1,8 @@
 'use client';
 
-import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { __resetStyles, __styles } from '@griffel/react';
+import { iconFilledClassName, iconRegularClassName } from "@fluentui/react-icons";
+import { tokens, typographyStyles } from "@fluentui/react-theme";
+import { __resetStyles, __styles } from "@griffel/react";
 // Styles shared by several nav components.
 export const navItemTokens = {
   defaultDrawerWidth: 260,

package/lib/components/sharedNavStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["iconFilledClassName","iconRegularClassName","tokens","typographyStyles","__resetStyles","__styles","navItemTokens","defaultDrawerWidth","indicatorOffset","indicatorWidth","indicatorHeight","backgroundColor","colorNeutralBackground4","backgroundColorHover","colorNeutralBackground4Hover","backgroundColorPressed","colorNeutralBackground4Pressed","animationTokens","animationDuration","durationFaster","animationFillMode","animationTimingFunction","curveLinear","transitionTokens","transitionDuration","transitionTimingFunction","transitionProperty","useRootDefaultClassName","useSmallStyles","root","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p","useContentStyles","selected","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useIndicatorStyles","base","E3zdtr","xr36ep","B67388b","Bitv4sc","Br128sd","rjyhj6","Bjyk6c5","Dlnsje","a2br6o","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","vikyaa","Brlscjf","vvp1qr","t65l24","rc3c53","k","m","useIconStyles","mc9l5x","zoa1oz","sshi5w","Bf4jedk","Bt984gj","Brf1p80","B68tc82","Bmxbyg5","Bpg54ce","B9gejnh","yr4pdu","Bvkmzld","mqdk8l","Gbjhqp","obb2bi","D0sxk3","Esdz9e","Bqil8sh","Bbom3er","djjtid","mz70lj","t6yez3","C9vb3z","ux3ctl","Ba906uv","hndn0g","cw2nnk","Bkztwl0","H8nmoi","ipgedg"],"sources":["sharedNavStyles.styles.js"],"sourcesContent":["'use client';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles } from '@griffel/react';\n// Styles shared by several nav components.\nexport const navItemTokens = {\n    defaultDrawerWidth: 260,\n    indicatorOffset: 16,\n    indicatorWidth: 4,\n    indicatorHeight: 20,\n    backgroundColor: tokens.colorNeutralBackground4,\n    backgroundColorHover: tokens.colorNeutralBackground4Hover,\n    backgroundColorPressed: tokens.colorNeutralBackground4Pressed,\n    animationTokens: {\n        animationDuration: tokens.durationFaster,\n        animationFillMode: 'both',\n        animationTimingFunction: tokens.curveLinear\n    },\n    transitionTokens: {\n        transitionDuration: tokens.durationFaster,\n        transitionTimingFunction: tokens.curveLinear,\n        transitionProperty: 'background'\n    }\n};\n/**\n * Styles for the root slot\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */ export const useRootDefaultClassName = makeResetStyles({\n    display: 'flex',\n    textTransform: 'none',\n    position: 'relative',\n    justifyContent: 'start',\n    alignItems: 'flex-start',\n    textAlign: 'left',\n    gap: tokens.spacingVerticalL,\n    padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalMNudge}`,\n    backgroundColor: navItemTokens.backgroundColor,\n    borderRadius: tokens.borderRadiusMedium,\n    color: tokens.colorNeutralForeground2,\n    textDecorationLine: 'none',\n    border: 'none',\n    // this element can change between a button and an anchor\n    // so we need to reset box sizing to prevent horizontal overflow\n    boxSizing: 'border-box',\n    cursor: 'pointer',\n    transitionDuration: navItemTokens.animationTokens.animationDuration,\n    transitionTimingFunction: navItemTokens.animationTokens.animationTimingFunction,\n    transitionProperty: 'background',\n    width: '100%',\n    ...typographyStyles.body1,\n    ':hover': {\n        backgroundColor: navItemTokens.backgroundColorHover\n    },\n    // Use custom insert focus indicator\n    '&:focus-visible': {\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        outlineOffset: `calc(${tokens.strokeWidthThick} * -1)`\n    }\n});\nexport const useSmallStyles = makeStyles({\n    root: {\n        padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalMNudge}`\n    }\n});\n/**\n * Styles for the content slot (children)\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */ export const useContentStyles = makeStyles({\n    selected: typographyStyles.body1Strong\n});\n/**\n * French fry styles\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n */ export const useIndicatorStyles = makeStyles({\n    base: {\n        '::after': {\n            position: 'absolute',\n            ...navItemTokens.animationTokens,\n            animationName: {\n                '0%': {\n                    background: 'transparent'\n                },\n                '100%': {\n                    background: tokens.colorCompoundBrandForeground1\n                }\n            },\n            marginInlineStart: `-${navItemTokens.indicatorOffset}px`,\n            backgroundColor: tokens.colorCompoundBrandForeground1,\n            height: `${navItemTokens.indicatorHeight}px`,\n            width: `${navItemTokens.indicatorWidth}px`,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"'\n        },\n        '@media (forced-colors: active)': {\n            '::after': {\n                outline: `solid 2px ${tokens.colorTransparentStroke}`,\n                outlineOffset: '-2px'\n            }\n        }\n    }\n});\n/**\n * Styles for the icon slot\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n * We use the grid trick to stack the filled and regular icons on top of each other\n */ export const useIconStyles = makeStyles({\n    base: {\n        display: 'grid',\n        gridTemplateAreas: 'overlay-area',\n        minHeight: '20px',\n        minWidth: '20px',\n        alignItems: 'top',\n        justifyContent: 'center',\n        overflow: 'hidden',\n        [`& .${iconFilledClassName}`]: {\n            gridArea: 'overlay-area',\n            color: 'transparent',\n            display: 'none'\n        },\n        [`& .${iconRegularClassName}`]: {\n            gridArea: 'overlay-area',\n            display: 'inline'\n        }\n    },\n    selected: {\n        [`& .${iconFilledClassName}`]: {\n            ...navItemTokens.animationTokens,\n            display: 'inline',\n            animationName: {\n                '0%': {\n                    opacity: 0,\n                    color: 'transparent'\n                },\n                '100%': {\n                    opacity: 1,\n                    color: tokens.colorNeutralForeground2BrandSelected\n                }\n            }\n        },\n        [`& .${iconRegularClassName}`]: {\n            ...navItemTokens.animationTokens,\n            animationName: {\n                '0%': {\n                    opacity: 1,\n                    color: tokens.colorNeutralForeground2\n                },\n                '100%': {\n                    opacity: 0,\n                    color: 'transparent'\n                }\n            }\n        }\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,mBAAmB,EAAEC,oBAAoB,QAAQ,uBAAuB;AACjF,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,SAAAC,aAAA,EAAAC,QAAA,QAA4C,gBAAgB;AAC5D;AACA,OAAO,MAAMC,aAAa,GAAG;EACzBC,kBAAkB,EAAE,GAAG;EACvBC,eAAe,EAAE,EAAE;EACnBC,cAAc,EAAE,CAAC;EACjBC,eAAe,EAAE,EAAE;EACnBC,eAAe,EAAET,MAAM,CAACU,uBAAuB;EAC/CC,oBAAoB,EAAEX,MAAM,CAACY,4BAA4B;EACzDC,sBAAsB,EAAEb,MAAM,CAACc,8BAA8B;EAC7DC,eAAe,EAAE;IACbC,iBAAiB,EAAEhB,MAAM,CAACiB,cAAc;IACxCC,iBAAiB,EAAE,MAAM;IACzBC,uBAAuB,EAAEnB,MAAM,CAACoB;EACpC,CAAC;EACDC,gBAAgB,EAAE;IACdC,kBAAkB,EAAEtB,MAAM,CAACiB,cAAc;IACzCM,wBAAwB,EAAEvB,MAAM,CAACoB,WAAW;IAC5CI,kBAAkB,EAAE;EACxB;AACJ,CAAC;AACD;AACA;AACA;AACA;AAAI,OAAO,MAAMC,uBAAuB,gBAAGvB,aAAA,w5DA+B1C,CAAC;AACF,OAAO,MAAMwB,cAAc,gBAAGvB,QAAA;EAAAwB,IAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAI7B,CAAC;AACF;AACA;AACA;AACA;AAAI,OAAO,MAAMC,gBAAgB,gBAAGhC,QAAA;EAAAiC,QAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAP,CAAA;AAAA,CAEnC,CAAC;AACF;AACA;AACA;AACA;AAAI,OAAO,MAAMQ,kBAAkB,gBAAGtC,QAAA;EAAAuC,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAA7B,CAAA;IAAAC,CAAA;EAAA;EAAA6B,CAAA;EAAAC,CAAA;IAAA9B,CAAA;IAAA8B,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CA2BrC,CAAC;AACF;AACA;AACA;AACA;AACA;AAAI,OAAO,MAAMC,aAAa,gBAAG9D,QAAA;EAAAuC,IAAA;IAAAwB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAnD,QAAA;IAAAoD,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAT,MAAA;IAAAU,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAA9D,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAA6B,CAAA;AAAA,CAgDhC,CAAC","ignoreList":[]}
+{"version":3,"names":["iconFilledClassName","iconRegularClassName","tokens","typographyStyles","__resetStyles","__styles","navItemTokens","defaultDrawerWidth","indicatorOffset","indicatorWidth","indicatorHeight","backgroundColor","colorNeutralBackground4","backgroundColorHover","colorNeutralBackground4Hover","backgroundColorPressed","colorNeutralBackground4Pressed","animationTokens","animationDuration","durationFaster","animationFillMode","animationTimingFunction","curveLinear","transitionTokens","transitionDuration","transitionTimingFunction","transitionProperty","useRootDefaultClassName","useSmallStyles","root","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p","useContentStyles","selected","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useIndicatorStyles","base","E3zdtr","xr36ep","B67388b","Bitv4sc","Br128sd","rjyhj6","Bjyk6c5","Dlnsje","a2br6o","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","vikyaa","Brlscjf","vvp1qr","t65l24","rc3c53","k","m","useIconStyles","mc9l5x","zoa1oz","sshi5w","Bf4jedk","Bt984gj","Brf1p80","B68tc82","Bmxbyg5","Bpg54ce","B9gejnh","yr4pdu","Bvkmzld","mqdk8l","Gbjhqp","obb2bi","D0sxk3","Esdz9e","Bqil8sh","Bbom3er","djjtid","mz70lj","t6yez3","C9vb3z","ux3ctl","Ba906uv","hndn0g","cw2nnk","Bkztwl0","H8nmoi","ipgedg"],"sources":["sharedNavStyles.styles.js"],"sourcesContent":["'use client';\nimport { iconFilledClassName, iconRegularClassName } from \"@fluentui/react-icons\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\nimport { makeResetStyles, makeStyles } from \"@griffel/react\";\n// Styles shared by several nav components.\nexport const navItemTokens = {\n    defaultDrawerWidth: 260,\n    indicatorOffset: 16,\n    indicatorWidth: 4,\n    indicatorHeight: 20,\n    backgroundColor: tokens.colorNeutralBackground4,\n    backgroundColorHover: tokens.colorNeutralBackground4Hover,\n    backgroundColorPressed: tokens.colorNeutralBackground4Pressed,\n    animationTokens: {\n        animationDuration: tokens.durationFaster,\n        animationFillMode: 'both',\n        animationTimingFunction: tokens.curveLinear\n    },\n    transitionTokens: {\n        transitionDuration: tokens.durationFaster,\n        transitionTimingFunction: tokens.curveLinear,\n        transitionProperty: 'background'\n    }\n};\n/**\n * Styles for the root slot\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */ export const useRootDefaultClassName = makeResetStyles({\n    display: 'flex',\n    textTransform: 'none',\n    position: 'relative',\n    justifyContent: 'start',\n    alignItems: 'flex-start',\n    textAlign: 'left',\n    gap: tokens.spacingVerticalL,\n    padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalMNudge}`,\n    backgroundColor: navItemTokens.backgroundColor,\n    borderRadius: tokens.borderRadiusMedium,\n    color: tokens.colorNeutralForeground2,\n    textDecorationLine: 'none',\n    border: 'none',\n    // this element can change between a button and an anchor\n    // so we need to reset box sizing to prevent horizontal overflow\n    boxSizing: 'border-box',\n    cursor: 'pointer',\n    transitionDuration: navItemTokens.animationTokens.animationDuration,\n    transitionTimingFunction: navItemTokens.animationTokens.animationTimingFunction,\n    transitionProperty: 'background',\n    width: '100%',\n    ...typographyStyles.body1,\n    ':hover': {\n        backgroundColor: navItemTokens.backgroundColorHover\n    },\n    // Use custom insert focus indicator\n    '&:focus-visible': {\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        outlineOffset: `calc(${tokens.strokeWidthThick} * -1)`\n    }\n});\nexport const useSmallStyles = makeStyles({\n    root: {\n        padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalMNudge}`\n    }\n});\n/**\n * Styles for the content slot (children)\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */ export const useContentStyles = makeStyles({\n    selected: typographyStyles.body1Strong\n});\n/**\n * French fry styles\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n */ export const useIndicatorStyles = makeStyles({\n    base: {\n        '::after': {\n            position: 'absolute',\n            ...navItemTokens.animationTokens,\n            animationName: {\n                '0%': {\n                    background: 'transparent'\n                },\n                '100%': {\n                    background: tokens.colorCompoundBrandForeground1\n                }\n            },\n            marginInlineStart: `-${navItemTokens.indicatorOffset}px`,\n            backgroundColor: tokens.colorCompoundBrandForeground1,\n            height: `${navItemTokens.indicatorHeight}px`,\n            width: `${navItemTokens.indicatorWidth}px`,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"'\n        },\n        '@media (forced-colors: active)': {\n            '::after': {\n                outline: `solid 2px ${tokens.colorTransparentStroke}`,\n                outlineOffset: '-2px'\n            }\n        }\n    }\n});\n/**\n * Styles for the icon slot\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n * We use the grid trick to stack the filled and regular icons on top of each other\n */ export const useIconStyles = makeStyles({\n    base: {\n        display: 'grid',\n        gridTemplateAreas: 'overlay-area',\n        minHeight: '20px',\n        minWidth: '20px',\n        alignItems: 'top',\n        justifyContent: 'center',\n        overflow: 'hidden',\n        [`& .${iconFilledClassName}`]: {\n            gridArea: 'overlay-area',\n            color: 'transparent',\n            display: 'none'\n        },\n        [`& .${iconRegularClassName}`]: {\n            gridArea: 'overlay-area',\n            display: 'inline'\n        }\n    },\n    selected: {\n        [`& .${iconFilledClassName}`]: {\n            ...navItemTokens.animationTokens,\n            display: 'inline',\n            animationName: {\n                '0%': {\n                    opacity: 0,\n                    color: 'transparent'\n                },\n                '100%': {\n                    opacity: 1,\n                    color: tokens.colorNeutralForeground2BrandSelected\n                }\n            }\n        },\n        [`& .${iconRegularClassName}`]: {\n            ...navItemTokens.animationTokens,\n            animationName: {\n                '0%': {\n                    opacity: 1,\n                    color: tokens.colorNeutralForeground2\n                },\n                '100%': {\n                    opacity: 0,\n                    color: 'transparent'\n                }\n            }\n        }\n    }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,mBAAmB,EAAEC,oBAAoB,QAAQ,uBAAuB;AACjF,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,SAAAC,aAAA,EAAAC,QAAA,QAA4C,gBAAgB;AAC5D;AACA,OAAO,MAAMC,aAAa,GAAG;EACzBC,kBAAkB,EAAE,GAAG;EACvBC,eAAe,EAAE,EAAE;EACnBC,cAAc,EAAE,CAAC;EACjBC,eAAe,EAAE,EAAE;EACnBC,eAAe,EAAET,MAAM,CAACU,uBAAuB;EAC/CC,oBAAoB,EAAEX,MAAM,CAACY,4BAA4B;EACzDC,sBAAsB,EAAEb,MAAM,CAACc,8BAA8B;EAC7DC,eAAe,EAAE;IACbC,iBAAiB,EAAEhB,MAAM,CAACiB,cAAc;IACxCC,iBAAiB,EAAE,MAAM;IACzBC,uBAAuB,EAAEnB,MAAM,CAACoB;EACpC,CAAC;EACDC,gBAAgB,EAAE;IACdC,kBAAkB,EAAEtB,MAAM,CAACiB,cAAc;IACzCM,wBAAwB,EAAEvB,MAAM,CAACoB,WAAW;IAC5CI,kBAAkB,EAAE;EACxB;AACJ,CAAC;AACD;AACA;AACA;AACA;AAAI,OAAO,MAAMC,uBAAuB,gBAAGvB,aAAA,w5DA+B1C,CAAC;AACF,OAAO,MAAMwB,cAAc,gBAAGvB,QAAA;EAAAwB,IAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAI7B,CAAC;AACF;AACA;AACA;AACA;AAAI,OAAO,MAAMC,gBAAgB,gBAAGhC,QAAA;EAAAiC,QAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAP,CAAA;AAAA,CAEnC,CAAC;AACF;AACA;AACA;AACA;AAAI,OAAO,MAAMQ,kBAAkB,gBAAGtC,QAAA;EAAAuC,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAA7B,CAAA;IAAAC,CAAA;EAAA;EAAA6B,CAAA;EAAAC,CAAA;IAAA9B,CAAA;IAAA8B,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CA2BrC,CAAC;AACF;AACA;AACA;AACA;AACA;AAAI,OAAO,MAAMC,aAAa,gBAAG9D,QAAA;EAAAuC,IAAA;IAAAwB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAnD,QAAA;IAAAoD,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAT,MAAA;IAAAU,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAA9D,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAA6B,CAAA;AAAA,CAgDhC,CAAC","ignoreList":[]}

package/lib/components/sharedNavStyles.styles.raw.js

@@ -1,7 +1,7 @@
 'use client';
-import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { makeResetStyles, makeStyles } from '@griffel/react';
+import { iconFilledClassName, iconRegularClassName } from "@fluentui/react-icons";
+import { tokens, typographyStyles } from "@fluentui/react-theme";
+import { makeResetStyles, makeStyles } from "@griffel/react";
 // Styles shared by several nav components.
 export const navItemTokens = {
     defaultDrawerWidth: 260,

package/lib/components/useNavCategoryContextValues_unstable.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 export function useNavCategoryContextValues_unstable(state) {
     const { open, value } = state;
     const navCategory = React.useMemo(()=>({

package/lib/components/useNavCategoryItemContextValues_unstable.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 export function useNavCategoryItemContextValues_unstable(state) {
     const { open, value } = state;
     const navCategoryItem = React.useMemo(()=>({

package/lib/components/useNavContextValues.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 export function useNavContextValues_unstable(state) {
     const { selectedValue, selectedCategoryValue, onRegister, onUnregister, onSelect, getRegisteredNavItems, onRequestNavCategoryItemToggle, openCategories, multiple, density, onNavItemSelect, tabbable } = state;
     const navContext = React.useMemo(()=>({

package/lib/index.js

@@ -1,22 +1,22 @@
-export { Nav, renderNav_unstable, useNav_unstable, useNavBase_unstable, useNavStyles_unstable, navClassNames } from './components/Nav/index';
-export { NavCategory, renderNavCategory_unstable, useNavCategory_unstable } from './components/NavCategory/index';
-export { NavCategoryItem, navCategoryItemClassNames, renderNavCategoryItem_unstable, useNavCategoryItem_unstable, useNavCategoryItemBase_unstable, useNavCategoryItemStyles_unstable } from './components/NavCategoryItem/index';
-export { NavItem, renderNavItem_unstable, useNavItem_unstable, useNavItemBase_unstable, useNavItemStyles_unstable, navItemClassNames } from './components/NavItem/index';
-export { NavProvider, useNavContext_unstable } from './components/NavContext';
-export { NavSubItem, renderNavSubItem_unstable, useNavSubItem_unstable, useNavSubItemBase_unstable, useNavSubItemStyles_unstable, navSubItemClassNames } from './components/NavSubItem/index';
-export { NavSubItemGroup, renderNavSubItemGroup_unstable, useNavSubItemGroup_unstable, useNavSubItemGroupBase_unstable, useNavSubItemGroupStyles_unstable, navSubItemGroupClassNames } from './components/NavSubItemGroup/index';
-export { NavDrawer, navDrawerClassNames, renderNavDrawer_unstable, useNavDrawerStyles_unstable, useNavDrawer_unstable } from './NavDrawer';
-export { NavDrawerFooter, navDrawerFooterClassNames, useNavDrawerFooterStyles_unstable, useNavDrawerFooter_unstable } from './NavDrawerFooter';
-export { NavDrawerHeader, navDrawerHeaderClassNames, useNavDrawerHeaderStyles_unstable, useNavDrawerHeader_unstable } from './NavDrawerHeader';
-export { NavDrawerBody, navDrawerBodyClassNames, useNavDrawerBodyStyles_unstable, useNavDrawerBody_unstable } from './NavDrawerBody';
-export { Hamburger, hamburgerClassNames, useHamburgerStyles_unstable, useHamburger_unstable } from './Hamburger';
-export { NavSectionHeader, navSectionHeaderClassNames, renderNavSectionHeader_unstable, useNavSectionHeaderStyles_unstable, useNavSectionHeader_unstable } from './NavSectionHeader';
-export { NavDivider, navDividerClassNames, useNavDividerStyles_unstable, useNavDivider_unstable } from './NavDivider';
-export { AppItem, appItemClassNames, renderAppItem_unstable, useAppItemStyles_unstable, useAppItem_unstable, useAppItemBase_unstable } from './AppItem';
-export { AppItemStatic, appItemStaticClassNames, renderAppItemStatic_unstable, useAppItemStaticStyles_unstable, useAppItemStatic_unstable, useAppItemStaticBase_unstable } from './AppItemStatic';
-export { SplitNavItem, renderSplitNavItem_unstable, splitNavItemClassNames, useSplitNavItemStyles_unstable, useSplitNavItem_unstable } from './SplitNavItem';
-export { NavCategoryProvider, useNavCategoryContext_unstable } from './components/NavCategoryContext';
-export { useNavCategoryContextValues_unstable } from './components/useNavCategoryContextValues_unstable';
-export { NavCategoryItemProvider, useNavCategoryItemContext_unstable } from './components/NavCategoryItemContext';
-export { useNavCategoryItemContextValues_unstable } from './components/useNavCategoryItemContextValues_unstable';
-export { useNavContextValues_unstable } from './components/useNavContextValues';
+export { Nav, renderNav_unstable, useNav_unstable, useNavBase_unstable, useNavStyles_unstable, navClassNames } from "./components/Nav/index.js";
+export { NavCategory, renderNavCategory_unstable, useNavCategory_unstable } from "./components/NavCategory/index.js";
+export { NavCategoryItem, navCategoryItemClassNames, renderNavCategoryItem_unstable, useNavCategoryItem_unstable, useNavCategoryItemBase_unstable, useNavCategoryItemStyles_unstable } from "./components/NavCategoryItem/index.js";
+export { NavItem, renderNavItem_unstable, useNavItem_unstable, useNavItemBase_unstable, useNavItemStyles_unstable, navItemClassNames } from "./components/NavItem/index.js";
+export { NavProvider, useNavContext_unstable } from "./components/NavContext.js";
+export { NavSubItem, renderNavSubItem_unstable, useNavSubItem_unstable, useNavSubItemBase_unstable, useNavSubItemStyles_unstable, navSubItemClassNames } from "./components/NavSubItem/index.js";
+export { NavSubItemGroup, renderNavSubItemGroup_unstable, useNavSubItemGroup_unstable, useNavSubItemGroupBase_unstable, useNavSubItemGroupStyles_unstable, navSubItemGroupClassNames } from "./components/NavSubItemGroup/index.js";
+export { NavDrawer, navDrawerClassNames, renderNavDrawer_unstable, useNavDrawerStyles_unstable, useNavDrawer_unstable } from "./NavDrawer.js";
+export { NavDrawerFooter, navDrawerFooterClassNames, useNavDrawerFooterStyles_unstable, useNavDrawerFooter_unstable } from "./NavDrawerFooter.js";
+export { NavDrawerHeader, navDrawerHeaderClassNames, useNavDrawerHeaderStyles_unstable, useNavDrawerHeader_unstable } from "./NavDrawerHeader.js";
+export { NavDrawerBody, navDrawerBodyClassNames, useNavDrawerBodyStyles_unstable, useNavDrawerBody_unstable } from "./NavDrawerBody.js";
+export { Hamburger, hamburgerClassNames, useHamburgerStyles_unstable, useHamburger_unstable } from "./Hamburger.js";
+export { NavSectionHeader, navSectionHeaderClassNames, renderNavSectionHeader_unstable, useNavSectionHeaderStyles_unstable, useNavSectionHeader_unstable } from "./NavSectionHeader.js";
+export { NavDivider, navDividerClassNames, useNavDividerStyles_unstable, useNavDivider_unstable } from "./NavDivider.js";
+export { AppItem, appItemClassNames, renderAppItem_unstable, useAppItemStyles_unstable, useAppItem_unstable, useAppItemBase_unstable } from "./AppItem.js";
+export { AppItemStatic, appItemStaticClassNames, renderAppItemStatic_unstable, useAppItemStaticStyles_unstable, useAppItemStatic_unstable, useAppItemStaticBase_unstable } from "./AppItemStatic.js";
+export { SplitNavItem, renderSplitNavItem_unstable, splitNavItemClassNames, useSplitNavItemStyles_unstable, useSplitNavItem_unstable } from "./SplitNavItem.js";
+export { NavCategoryProvider, useNavCategoryContext_unstable } from "./components/NavCategoryContext.js";
+export { useNavCategoryContextValues_unstable } from "./components/useNavCategoryContextValues_unstable.js";
+export { NavCategoryItemProvider, useNavCategoryItemContext_unstable } from "./components/NavCategoryItemContext.js";
+export { useNavCategoryItemContextValues_unstable } from "./components/useNavCategoryItemContextValues_unstable.js";
+export { useNavContextValues_unstable } from "./components/useNavContextValues.js";

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Nav,\n  renderNav_unstable,\n  useNav_unstable,\n  useNavBase_unstable,\n  useNavStyles_unstable,\n  navClassNames,\n} from './components/Nav/index';\nexport type {\n  NavProps,\n  NavSlots,\n  NavState,\n  NavDensity,\n  OnNavItemSelectData,\n  NavBaseProps,\n  NavBaseState,\n} from './components/Nav/index';\n\nexport { NavCategory, renderNavCategory_unstable, useNavCategory_unstable } from './components/NavCategory/index';\nexport type { NavCategoryProps, NavCategoryState } from './components/NavCategory/index';\n\nexport {\n  NavCategoryItem,\n  navCategoryItemClassNames,\n  renderNavCategoryItem_unstable,\n  useNavCategoryItem_unstable,\n  useNavCategoryItemBase_unstable,\n  useNavCategoryItemStyles_unstable,\n} from './components/NavCategoryItem/index';\nexport type {\n  NavCategoryItemProps,\n  NavCategoryItemSlots,\n  NavCategoryItemState,\n  NavCategoryItemBaseProps,\n  NavCategoryItemBaseSlots,\n  NavCategoryItemBaseState,\n} from './components/NavCategoryItem/index';\n\nexport {\n  NavItem,\n  renderNavItem_unstable,\n  useNavItem_unstable,\n  useNavItemBase_unstable,\n  useNavItemStyles_unstable,\n  navItemClassNames,\n} from './components/NavItem/index';\nexport type {\n  NavItemSlots,\n  NavItemProps,\n  NavItemState,\n  NavItemBaseProps,\n  NavItemBaseState,\n} from './components/NavItem/index';\n\nexport { NavProvider, useNavContext_unstable } from './components/NavContext';\nexport type {\n  NavItemValue,\n  NavContextValue,\n  NavContextValues,\n  NavItemRegisterData,\n  RegisterNavItemEventHandler,\n} from './components/NavContext.types';\n\nexport {\n  NavSubItem,\n  renderNavSubItem_unstable,\n  useNavSubItem_unstable,\n  useNavSubItemBase_unstable,\n  useNavSubItemStyles_unstable,\n  navSubItemClassNames,\n} from './components/NavSubItem/index';\nexport type {\n  NavSubItemSlots,\n  NavSubItemProps,\n  NavSubItemState,\n  NavSubItemBaseProps,\n  NavSubItemBaseState,\n} from './components/NavSubItem/index';\n\nexport {\n  NavSubItemGroup,\n  renderNavSubItemGroup_unstable,\n  useNavSubItemGroup_unstable,\n  useNavSubItemGroupBase_unstable,\n  useNavSubItemGroupStyles_unstable,\n  navSubItemGroupClassNames,\n} from './components/NavSubItemGroup/index';\nexport type {\n  NavSubItemGroupSlots,\n  NavSubItemGroupProps,\n  NavSubItemGroupState,\n  NavSubItemGroupBaseSlots,\n  NavSubItemGroupBaseProps,\n  NavSubItemGroupBaseState,\n} from './components/NavSubItemGroup/index';\nexport type { NavDrawerProps, NavDrawerSlots, NavDrawerState } from './NavDrawer';\nexport {\n  NavDrawer,\n  navDrawerClassNames,\n  renderNavDrawer_unstable,\n  useNavDrawerStyles_unstable,\n  useNavDrawer_unstable,\n} from './NavDrawer';\nexport type { NavDrawerFooterProps, NavDrawerFooterSlots, NavDrawerFooterState } from './NavDrawerFooter';\nexport {\n  NavDrawerFooter,\n  navDrawerFooterClassNames,\n  useNavDrawerFooterStyles_unstable,\n  useNavDrawerFooter_unstable,\n} from './NavDrawerFooter';\nexport type { NavDrawerHeaderProps, NavDrawerHeaderSlots, NavDrawerHeaderState } from './NavDrawerHeader';\nexport {\n  NavDrawerHeader,\n  navDrawerHeaderClassNames,\n  useNavDrawerHeaderStyles_unstable,\n  useNavDrawerHeader_unstable,\n} from './NavDrawerHeader';\nexport type { NavDrawerBodyProps, NavDrawerBodySlots, NavDrawerBodyState } from './NavDrawerBody';\nexport {\n  NavDrawerBody,\n  navDrawerBodyClassNames,\n  useNavDrawerBodyStyles_unstable,\n  useNavDrawerBody_unstable,\n} from './NavDrawerBody';\nexport type { HamburgerProps, HamburgerState } from './Hamburger';\nexport { Hamburger, hamburgerClassNames, useHamburgerStyles_unstable, useHamburger_unstable } from './Hamburger';\nexport type { NavSectionHeaderProps, NavSectionHeaderSlots, NavSectionHeaderState } from './NavSectionHeader';\nexport {\n  NavSectionHeader,\n  navSectionHeaderClassNames,\n  renderNavSectionHeader_unstable,\n  useNavSectionHeaderStyles_unstable,\n  useNavSectionHeader_unstable,\n} from './NavSectionHeader';\nexport type { NavDividerProps, NavDividerState } from './NavDivider';\nexport { NavDivider, navDividerClassNames, useNavDividerStyles_unstable, useNavDivider_unstable } from './NavDivider';\nexport type { AppItemProps, AppItemSlots, AppItemState, AppItemBaseProps, AppItemBaseState } from './AppItem';\nexport {\n  AppItem,\n  appItemClassNames,\n  renderAppItem_unstable,\n  useAppItemStyles_unstable,\n  useAppItem_unstable,\n  useAppItemBase_unstable,\n} from './AppItem';\nexport type {\n  AppItemStaticProps,\n  AppItemStaticSlots,\n  AppItemStaticState,\n  AppItemStaticBaseProps,\n  AppItemStaticBaseState,\n} from './AppItemStatic';\nexport {\n  AppItemStatic,\n  appItemStaticClassNames,\n  renderAppItemStatic_unstable,\n  useAppItemStaticStyles_unstable,\n  useAppItemStatic_unstable,\n  useAppItemStaticBase_unstable,\n} from './AppItemStatic';\nexport type { SplitNavItemProps, SplitNavItemSlots, SplitNavItemState } from './SplitNavItem';\nexport {\n  SplitNavItem,\n  renderSplitNavItem_unstable,\n  splitNavItemClassNames,\n  useSplitNavItemStyles_unstable,\n  useSplitNavItem_unstable,\n} from './SplitNavItem';\n\nexport type { NavCategoryContextValues } from './components/NavCategoryContext';\nexport { NavCategoryProvider, useNavCategoryContext_unstable } from './components/NavCategoryContext';\nexport { useNavCategoryContextValues_unstable } from './components/useNavCategoryContextValues_unstable';\n\nexport type { NavCategoryItemContextValues } from './components/NavCategoryItem/NavCategoryItem.types';\nexport { NavCategoryItemProvider, useNavCategoryItemContext_unstable } from './components/NavCategoryItemContext';\nexport { useNavCategoryItemContextValues_unstable } from './components/useNavCategoryItemContextValues_unstable';\n\nexport { useNavContextValues_unstable } from './components/useNavContextValues';\n"],"names":["Nav","renderNav_unstable","useNav_unstable","useNavBase_unstable","useNavStyles_unstable","navClassNames","NavCategory","renderNavCategory_unstable","useNavCategory_unstable","NavCategoryItem","navCategoryItemClassNames","renderNavCategoryItem_unstable","useNavCategoryItem_unstable","useNavCategoryItemBase_unstable","useNavCategoryItemStyles_unstable","NavItem","renderNavItem_unstable","useNavItem_unstable","useNavItemBase_unstable","useNavItemStyles_unstable","navItemClassNames","NavProvider","useNavContext_unstable","NavSubItem","renderNavSubItem_unstable","useNavSubItem_unstable","useNavSubItemBase_unstable","useNavSubItemStyles_unstable","navSubItemClassNames","NavSubItemGroup","renderNavSubItemGroup_unstable","useNavSubItemGroup_unstable","useNavSubItemGroupBase_unstable","useNavSubItemGroupStyles_unstable","navSubItemGroupClassNames","NavDrawer","navDrawerClassNames","renderNavDrawer_unstable","useNavDrawerStyles_unstable","useNavDrawer_unstable","NavDrawerFooter","navDrawerFooterClassNames","useNavDrawerFooterStyles_unstable","useNavDrawerFooter_unstable","NavDrawerHeader","navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable","useNavDrawerHeader_unstable","NavDrawerBody","navDrawerBodyClassNames","useNavDrawerBodyStyles_unstable","useNavDrawerBody_unstable","Hamburger","hamburgerClassNames","useHamburgerStyles_unstable","useHamburger_unstable","NavSectionHeader","navSectionHeaderClassNames","renderNavSectionHeader_unstable","useNavSectionHeaderStyles_unstable","useNavSectionHeader_unstable","NavDivider","navDividerClassNames","useNavDividerStyles_unstable","useNavDivider_unstable","AppItem","appItemClassNames","renderAppItem_unstable","useAppItemStyles_unstable","useAppItem_unstable","useAppItemBase_unstable","AppItemStatic","appItemStaticClassNames","renderAppItemStatic_unstable","useAppItemStaticStyles_unstable","useAppItemStatic_unstable","useAppItemStaticBase_unstable","SplitNavItem","renderSplitNavItem_unstable","splitNavItemClassNames","useSplitNavItemStyles_unstable","useSplitNavItem_unstable","NavCategoryProvider","useNavCategoryContext_unstable","useNavCategoryContextValues_unstable","NavCategoryItemProvider","useNavCategoryItemContext_unstable","useNavCategoryItemContextValues_unstable","useNavContextValues_unstable"],"mappings":"AAAA,SACEA,GAAG,EACHC,kBAAkB,EAClBC,eAAe,EACfC,mBAAmB,EACnBC,qBAAqB,EACrBC,aAAa,QACR,yBAAyB;AAWhC,SAASC,WAAW,EAAEC,0BAA0B,EAAEC,uBAAuB,QAAQ,iCAAiC;AAGlH,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,2BAA2B,EAC3BC,+BAA+B,EAC/BC,iCAAiC,QAC5B,qCAAqC;AAU5C,SACEC,OAAO,EACPC,sBAAsB,EACtBC,mBAAmB,EACnBC,uBAAuB,EACvBC,yBAAyB,EACzBC,iBAAiB,QACZ,6BAA6B;AASpC,SAASC,WAAW,EAAEC,sBAAsB,QAAQ,0BAA0B;AAS9E,SACEC,UAAU,EACVC,yBAAyB,EACzBC,sBAAsB,EACtBC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,oBAAoB,QACf,gCAAgC;AASvC,SACEC,eAAe,EACfC,8BAA8B,EAC9BC,2BAA2B,EAC3BC,+BAA+B,EAC/BC,iCAAiC,EACjCC,yBAAyB,QACpB,qCAAqC;AAU5C,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc;AAErB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,iCAAiC,EACjCC,2BAA2B,QACtB,oBAAoB;AAE3B,SACEC,eAAe,EACfC,yBAAyB,EACzBC,iCAAiC,EACjCC,2BAA2B,QACtB,oBAAoB;AAE3B,SACEC,aAAa,EACbC,uBAAuB,EACvBC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAEzB,SAASC,SAAS,EAAEC,mBAAmB,EAAEC,2BAA2B,EAAEC,qBAAqB,QAAQ,cAAc;AAEjH,SACEC,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,QACvB,qBAAqB;AAE5B,SAASC,UAAU,EAAEC,oBAAoB,EAAEC,4BAA4B,EAAEC,sBAAsB,QAAQ,eAAe;AAEtH,SACEC,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,EACnBC,uBAAuB,QAClB,YAAY;AAQnB,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,QACxB,kBAAkB;AAEzB,SACEC,YAAY,EACZC,2BAA2B,EAC3BC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,QACnB,iBAAiB;AAGxB,SAASC,mBAAmB,EAAEC,8BAA8B,QAAQ,kCAAkC;AACtG,SAASC,oCAAoC,QAAQ,oDAAoD;AAGzG,SAASC,uBAAuB,EAAEC,kCAAkC,QAAQ,sCAAsC;AAClH,SAASC,wCAAwC,QAAQ,wDAAwD;AAEjH,SAASC,4BAA4B,QAAQ,mCAAmC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Nav,\n  renderNav_unstable,\n  useNav_unstable,\n  useNavBase_unstable,\n  useNavStyles_unstable,\n  navClassNames,\n} from './components/Nav/index';\nexport type {\n  NavProps,\n  NavSlots,\n  NavState,\n  NavDensity,\n  OnNavItemSelectData,\n  NavBaseProps,\n  NavBaseState,\n} from './components/Nav/index';\n\nexport { NavCategory, renderNavCategory_unstable, useNavCategory_unstable } from './components/NavCategory/index';\nexport type { NavCategoryProps, NavCategoryState } from './components/NavCategory/index';\n\nexport {\n  NavCategoryItem,\n  navCategoryItemClassNames,\n  renderNavCategoryItem_unstable,\n  useNavCategoryItem_unstable,\n  useNavCategoryItemBase_unstable,\n  useNavCategoryItemStyles_unstable,\n} from './components/NavCategoryItem/index';\nexport type {\n  NavCategoryItemProps,\n  NavCategoryItemSlots,\n  NavCategoryItemState,\n  NavCategoryItemBaseProps,\n  NavCategoryItemBaseSlots,\n  NavCategoryItemBaseState,\n} from './components/NavCategoryItem/index';\n\nexport {\n  NavItem,\n  renderNavItem_unstable,\n  useNavItem_unstable,\n  useNavItemBase_unstable,\n  useNavItemStyles_unstable,\n  navItemClassNames,\n} from './components/NavItem/index';\nexport type {\n  NavItemSlots,\n  NavItemProps,\n  NavItemState,\n  NavItemBaseProps,\n  NavItemBaseState,\n} from './components/NavItem/index';\n\nexport { NavProvider, useNavContext_unstable } from './components/NavContext';\nexport type {\n  NavItemValue,\n  NavContextValue,\n  NavContextValues,\n  NavItemRegisterData,\n  RegisterNavItemEventHandler,\n} from './components/NavContext.types';\n\nexport {\n  NavSubItem,\n  renderNavSubItem_unstable,\n  useNavSubItem_unstable,\n  useNavSubItemBase_unstable,\n  useNavSubItemStyles_unstable,\n  navSubItemClassNames,\n} from './components/NavSubItem/index';\nexport type {\n  NavSubItemSlots,\n  NavSubItemProps,\n  NavSubItemState,\n  NavSubItemBaseProps,\n  NavSubItemBaseState,\n} from './components/NavSubItem/index';\n\nexport {\n  NavSubItemGroup,\n  renderNavSubItemGroup_unstable,\n  useNavSubItemGroup_unstable,\n  useNavSubItemGroupBase_unstable,\n  useNavSubItemGroupStyles_unstable,\n  navSubItemGroupClassNames,\n} from './components/NavSubItemGroup/index';\nexport type {\n  NavSubItemGroupSlots,\n  NavSubItemGroupProps,\n  NavSubItemGroupState,\n  NavSubItemGroupBaseSlots,\n  NavSubItemGroupBaseProps,\n  NavSubItemGroupBaseState,\n} from './components/NavSubItemGroup/index';\nexport type { NavDrawerProps, NavDrawerSlots, NavDrawerState } from './NavDrawer';\nexport {\n  NavDrawer,\n  navDrawerClassNames,\n  renderNavDrawer_unstable,\n  useNavDrawerStyles_unstable,\n  useNavDrawer_unstable,\n} from './NavDrawer';\nexport type { NavDrawerFooterProps, NavDrawerFooterSlots, NavDrawerFooterState } from './NavDrawerFooter';\nexport {\n  NavDrawerFooter,\n  navDrawerFooterClassNames,\n  useNavDrawerFooterStyles_unstable,\n  useNavDrawerFooter_unstable,\n} from './NavDrawerFooter';\nexport type { NavDrawerHeaderProps, NavDrawerHeaderSlots, NavDrawerHeaderState } from './NavDrawerHeader';\nexport {\n  NavDrawerHeader,\n  navDrawerHeaderClassNames,\n  useNavDrawerHeaderStyles_unstable,\n  useNavDrawerHeader_unstable,\n} from './NavDrawerHeader';\nexport type { NavDrawerBodyProps, NavDrawerBodySlots, NavDrawerBodyState } from './NavDrawerBody';\nexport {\n  NavDrawerBody,\n  navDrawerBodyClassNames,\n  useNavDrawerBodyStyles_unstable,\n  useNavDrawerBody_unstable,\n} from './NavDrawerBody';\nexport type { HamburgerProps, HamburgerState } from './Hamburger';\nexport { Hamburger, hamburgerClassNames, useHamburgerStyles_unstable, useHamburger_unstable } from './Hamburger';\nexport type { NavSectionHeaderProps, NavSectionHeaderSlots, NavSectionHeaderState } from './NavSectionHeader';\nexport {\n  NavSectionHeader,\n  navSectionHeaderClassNames,\n  renderNavSectionHeader_unstable,\n  useNavSectionHeaderStyles_unstable,\n  useNavSectionHeader_unstable,\n} from './NavSectionHeader';\nexport type { NavDividerProps, NavDividerState } from './NavDivider';\nexport { NavDivider, navDividerClassNames, useNavDividerStyles_unstable, useNavDivider_unstable } from './NavDivider';\nexport type { AppItemProps, AppItemSlots, AppItemState, AppItemBaseProps, AppItemBaseState } from './AppItem';\nexport {\n  AppItem,\n  appItemClassNames,\n  renderAppItem_unstable,\n  useAppItemStyles_unstable,\n  useAppItem_unstable,\n  useAppItemBase_unstable,\n} from './AppItem';\nexport type {\n  AppItemStaticProps,\n  AppItemStaticSlots,\n  AppItemStaticState,\n  AppItemStaticBaseProps,\n  AppItemStaticBaseState,\n} from './AppItemStatic';\nexport {\n  AppItemStatic,\n  appItemStaticClassNames,\n  renderAppItemStatic_unstable,\n  useAppItemStaticStyles_unstable,\n  useAppItemStatic_unstable,\n  useAppItemStaticBase_unstable,\n} from './AppItemStatic';\nexport type { SplitNavItemProps, SplitNavItemSlots, SplitNavItemState } from './SplitNavItem';\nexport {\n  SplitNavItem,\n  renderSplitNavItem_unstable,\n  splitNavItemClassNames,\n  useSplitNavItemStyles_unstable,\n  useSplitNavItem_unstable,\n} from './SplitNavItem';\n\nexport type { NavCategoryContextValues } from './components/NavCategoryContext';\nexport { NavCategoryProvider, useNavCategoryContext_unstable } from './components/NavCategoryContext';\nexport { useNavCategoryContextValues_unstable } from './components/useNavCategoryContextValues_unstable';\n\nexport type { NavCategoryItemContextValues } from './components/NavCategoryItem/NavCategoryItem.types';\nexport { NavCategoryItemProvider, useNavCategoryItemContext_unstable } from './components/NavCategoryItemContext';\nexport { useNavCategoryItemContextValues_unstable } from './components/useNavCategoryItemContextValues_unstable';\n\nexport { useNavContextValues_unstable } from './components/useNavContextValues';\n"],"names":["Nav","renderNav_unstable","useNav_unstable","useNavBase_unstable","useNavStyles_unstable","navClassNames","NavCategory","renderNavCategory_unstable","useNavCategory_unstable","NavCategoryItem","navCategoryItemClassNames","renderNavCategoryItem_unstable","useNavCategoryItem_unstable","useNavCategoryItemBase_unstable","useNavCategoryItemStyles_unstable","NavItem","renderNavItem_unstable","useNavItem_unstable","useNavItemBase_unstable","useNavItemStyles_unstable","navItemClassNames","NavProvider","useNavContext_unstable","NavSubItem","renderNavSubItem_unstable","useNavSubItem_unstable","useNavSubItemBase_unstable","useNavSubItemStyles_unstable","navSubItemClassNames","NavSubItemGroup","renderNavSubItemGroup_unstable","useNavSubItemGroup_unstable","useNavSubItemGroupBase_unstable","useNavSubItemGroupStyles_unstable","navSubItemGroupClassNames","NavDrawer","navDrawerClassNames","renderNavDrawer_unstable","useNavDrawerStyles_unstable","useNavDrawer_unstable","NavDrawerFooter","navDrawerFooterClassNames","useNavDrawerFooterStyles_unstable","useNavDrawerFooter_unstable","NavDrawerHeader","navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable","useNavDrawerHeader_unstable","NavDrawerBody","navDrawerBodyClassNames","useNavDrawerBodyStyles_unstable","useNavDrawerBody_unstable","Hamburger","hamburgerClassNames","useHamburgerStyles_unstable","useHamburger_unstable","NavSectionHeader","navSectionHeaderClassNames","renderNavSectionHeader_unstable","useNavSectionHeaderStyles_unstable","useNavSectionHeader_unstable","NavDivider","navDividerClassNames","useNavDividerStyles_unstable","useNavDivider_unstable","AppItem","appItemClassNames","renderAppItem_unstable","useAppItemStyles_unstable","useAppItem_unstable","useAppItemBase_unstable","AppItemStatic","appItemStaticClassNames","renderAppItemStatic_unstable","useAppItemStaticStyles_unstable","useAppItemStatic_unstable","useAppItemStaticBase_unstable","SplitNavItem","renderSplitNavItem_unstable","splitNavItemClassNames","useSplitNavItemStyles_unstable","useSplitNavItem_unstable","NavCategoryProvider","useNavCategoryContext_unstable","useNavCategoryContextValues_unstable","NavCategoryItemProvider","useNavCategoryItemContext_unstable","useNavCategoryItemContextValues_unstable","useNavContextValues_unstable"],"mappings":"AAAA,SACEA,GAAG,EACHC,kBAAkB,EAClBC,eAAe,EACfC,mBAAmB,EACnBC,qBAAqB,EACrBC,aAAa,QACR,4BAAyB;AAWhC,SAASC,WAAW,EAAEC,0BAA0B,EAAEC,uBAAuB,QAAQ,oCAAiC;AAGlH,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,2BAA2B,EAC3BC,+BAA+B,EAC/BC,iCAAiC,QAC5B,wCAAqC;AAU5C,SACEC,OAAO,EACPC,sBAAsB,EACtBC,mBAAmB,EACnBC,uBAAuB,EACvBC,yBAAyB,EACzBC,iBAAiB,QACZ,gCAA6B;AASpC,SAASC,WAAW,EAAEC,sBAAsB,QAAQ,6BAA0B;AAS9E,SACEC,UAAU,EACVC,yBAAyB,EACzBC,sBAAsB,EACtBC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,oBAAoB,QACf,mCAAgC;AASvC,SACEC,eAAe,EACfC,8BAA8B,EAC9BC,2BAA2B,EAC3BC,+BAA+B,EAC/BC,iCAAiC,EACjCC,yBAAyB,QACpB,wCAAqC;AAU5C,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,iBAAc;AAErB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,iCAAiC,EACjCC,2BAA2B,QACtB,uBAAoB;AAE3B,SACEC,eAAe,EACfC,yBAAyB,EACzBC,iCAAiC,EACjCC,2BAA2B,QACtB,uBAAoB;AAE3B,SACEC,aAAa,EACbC,uBAAuB,EACvBC,+BAA+B,EAC/BC,yBAAyB,QACpB,qBAAkB;AAEzB,SAASC,SAAS,EAAEC,mBAAmB,EAAEC,2BAA2B,EAAEC,qBAAqB,QAAQ,iBAAc;AAEjH,SACEC,gBAAgB,EAChBC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,kCAAkC,EAClCC,4BAA4B,QACvB,wBAAqB;AAE5B,SAASC,UAAU,EAAEC,oBAAoB,EAAEC,4BAA4B,EAAEC,sBAAsB,QAAQ,kBAAe;AAEtH,SACEC,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,EACnBC,uBAAuB,QAClB,eAAY;AAQnB,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,QACxB,qBAAkB;AAEzB,SACEC,YAAY,EACZC,2BAA2B,EAC3BC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,QACnB,oBAAiB;AAGxB,SAASC,mBAAmB,EAAEC,8BAA8B,QAAQ,qCAAkC;AACtG,SAASC,oCAAoC,QAAQ,uDAAoD;AAGzG,SAASC,uBAAuB,EAAEC,kCAAkC,QAAQ,yCAAsC;AAClH,SAASC,wCAAwC,QAAQ,2DAAwD;AAEjH,SAASC,4BAA4B,QAAQ,sCAAmC"}

package/lib-commonjs/{AppItem.js → AppItem.cjs}

@@ -31,4 +31,4 @@ _export(exports, {
         return _index.useAppItem_unstable;
     }
 });
-const _index = require("./components/AppItem/index");
+const _index = require("./components/AppItem/index.cjs");

package/lib-commonjs/{AppItem.js.map → AppItem.cjs.map}

@@ -1 +1 @@
-{"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":";;;;;;;;;;;;eAQEA,cAAO;;;eACPC,wBAAiB;;;eACjBC,6BAAsB;;;eAItBI,8BAAuB;;;eAHvBH,uBAAgB;;;eAChBC,gCAAyB;;;eACzBC,0BAAmB;;;uBAEd,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":";;;;;;;;;;;;eAQEA,cAAO;;;eACPC,wBAAiB;;;eACjBC,6BAAsB;;;eAItBI,8BAAuB;;;eAHvBH,uBAAgB;;;eAChBC,gCAAyB;;;eACzBC,0BAAmB;;;uBAEd,gCAA6B"}

package/lib-commonjs/{AppItemStatic.js → AppItemStatic.cjs}

@@ -28,4 +28,4 @@ _export(exports, {
         return _index.useAppItemStatic_unstable;
     }
 });
-const _index = require("./components/AppItemStatic/index");
+const _index = require("./components/AppItemStatic/index.cjs");

package/lib-commonjs/{AppItemStatic.js.map → AppItemStatic.cjs.map}

@@ -1 +1 @@
-{"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":";;;;;;;;;;;;eAQEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,mCAA4B;;;eAG5BG,oCAA6B;;;eAF7BF,sCAA+B;;;eAC/BC,gCAAyB;;;uBAEpB,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":";;;;;;;;;;;;eAQEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,mCAA4B;;;eAG5BG,oCAA6B;;;eAF7BF,sCAA+B;;;eAC/BC,gCAAyB;;;uBAEpB,sCAAmC"}

package/lib-commonjs/{Hamburger.js → Hamburger.cjs}

@@ -22,4 +22,4 @@ _export(exports, {
         return _index.useHamburger_unstable;
     }
 });
-const _index = require("./components/Hamburger/index");
+const _index = require("./components/Hamburger/index.cjs");

package/lib-commonjs/{Hamburger.js.map → Hamburger.cjs.map}

@@ -1 +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"],"mappings":";;;;;;;;;;;;eAEEA,gBAAS;;;eACTC,0BAAmB;;;eACnBC,kCAA2B;;;eAC3BC,4BAAqB;;;uBAChB,+BAA+B"}
+{"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"],"mappings":";;;;;;;;;;;;eAEEA,gBAAS;;;eACTC,0BAAmB;;;eACnBC,kCAA2B;;;eAC3BC,4BAAqB;;;uBAChB,kCAA+B"}

package/lib-commonjs/{Nav.js → Nav.cjs}

@@ -52,6 +52,6 @@ _export(exports, {
         return _index.useNav_unstable;
     }
 });
-const _index = require("./components/Nav/index");
-const _index1 = require("./components/NavCategoryItem/index");
-const _NavContext = require("./components/NavContext");
+const _index = require("./components/Nav/index.cjs");
+const _index1 = require("./components/NavCategoryItem/index.cjs");
+const _NavContext = require("./components/NavContext.cjs");

package/lib-commonjs/{Nav.js.map → Nav.cjs.map}

@@ -1 +1 @@
-{"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":";;;;;;;;;;;IAUEA;yBAAG;;;eAgBHM,uBAAe;;;eAORM,uBAAW;;6BANO;eAAzBL;;;eAhBAN,oBAAa;;;eAiBbO,sCAA8B;;;eAhB9BN,yBAAkB;;;eAGlBG,0BAAmB;;;eAgBnBM,uCAA+B;;;eAF/BF,yCAAiC;;;eACjCC,mCAA2B;;;eAGPG,kCAAsB;;;eApB1CV,4BAAqB;;;eACrBC,sBAAe;;;uBAEV,yBAAyB;wBAgBzB,qCAAqC;4BACQ,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":";;;;;;;;;;;IAUEA;yBAAG;;;eAgBHM,uBAAe;;;eAORM,uBAAW;;6BANO;eAAzBL;;;eAhBAN,oBAAa;;;eAiBbO,sCAA8B;;;eAhB9BN,yBAAkB;;;eAGlBG,0BAAmB;;;eAgBnBM,uCAA+B;;;eAF/BF,yCAAiC;;;eACjCC,mCAA2B;;;eAGPG,kCAAsB;;;eApB1CV,4BAAqB;;;eACrBC,sBAAe;;;uBAEV,4BAAyB;wBAgBzB,wCAAqC;4BACQ,6BAA0B"}

package/lib-commonjs/{NavCategory.js → NavCategory.cjs}

@@ -19,4 +19,4 @@ _export(exports, {
         return _index.useNavCategory_unstable;
     }
 });
-const _index = require("./components/NavCategory/index");
+const _index = require("./components/NavCategory/index.cjs");

package/lib-commonjs/{NavCategory.js.map → NavCategory.cjs.map}

@@ -1 +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"],"mappings":";;;;;;;;;;;;eACSA,kBAAW;;;eAAEC,iCAA0B;;;eAAEC,8BAAuB;;;uBAAQ,iCAAiC"}
+{"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"],"mappings":";;;;;;;;;;;;eACSA,kBAAW;;;eAAEC,iCAA0B;;;eAAEC,8BAAuB;;;uBAAQ,oCAAiC"}

package/lib-commonjs/{NavDivider.js → NavDivider.cjs}

@@ -22,4 +22,4 @@ _export(exports, {
         return _index.useNavDivider_unstable;
     }
 });
-const _index = require("./components/NavDivider/index");
+const _index = require("./components/NavDivider/index.cjs");

package/lib-commonjs/{NavDivider.js.map → NavDivider.cjs.map}

@@ -1 +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"],"mappings":";;;;;;;;;;;;eAEEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,mCAA4B;;;eAC5BC,6BAAsB;;;uBACjB,gCAAgC"}
+{"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"],"mappings":";;;;;;;;;;;;eAEEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,mCAA4B;;;eAC5BC,6BAAsB;;;uBACjB,mCAAgC"}

package/lib-commonjs/{NavDrawer.js → NavDrawer.cjs}

@@ -25,4 +25,4 @@ _export(exports, {
         return _index.useNavDrawer_unstable;
     }
 });
-const _index = require("./components/NavDrawer/index");
+const _index = require("./components/NavDrawer/index.cjs");

package/lib-commonjs/{NavDrawer.js.map → NavDrawer.cjs.map}

@@ -1 +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"],"mappings":";;;;;;;;;;;;eAEEA,gBAAS;;;eACTC,0BAAmB;;;eACnBC,+BAAwB;;;eACxBC,kCAA2B;;;eAC3BC,4BAAqB;;;uBAChB,+BAA+B"}
+{"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"],"mappings":";;;;;;;;;;;;eAEEA,gBAAS;;;eACTC,0BAAmB;;;eACnBC,+BAAwB;;;eACxBC,kCAA2B;;;eAC3BC,4BAAqB;;;uBAChB,kCAA+B"}

package/lib-commonjs/{NavDrawerBody.js → NavDrawerBody.cjs}

@@ -22,4 +22,4 @@ _export(exports, {
         return _index.useNavDrawerBody_unstable;
     }
 });
-const _index = require("./components/NavDrawerBody/index");
+const _index = require("./components/NavDrawerBody/index.cjs");

package/lib-commonjs/{NavDrawerBody.js.map → NavDrawerBody.cjs.map}

@@ -1 +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"],"mappings":";;;;;;;;;;;;eAEEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,sCAA+B;;;eAC/BC,gCAAyB;;;uBACpB,mCAAmC"}
+{"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"],"mappings":";;;;;;;;;;;;eAEEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,sCAA+B;;;eAC/BC,gCAAyB;;;uBACpB,sCAAmC"}

package/lib-commonjs/{NavDrawerFooter.js → NavDrawerFooter.cjs}

@@ -22,4 +22,4 @@ _export(exports, {
         return _index.useNavDrawerFooter_unstable;
     }
 });
-const _index = require("./components/NavDrawerFooter/index");
+const _index = require("./components/NavDrawerFooter/index.cjs");

package/lib-commonjs/{NavDrawerFooter.js.map → NavDrawerFooter.cjs.map}

@@ -1 +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"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,qCAAqC"}
+{"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"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,wCAAqC"}

package/lib-commonjs/{NavDrawerHeader.js → NavDrawerHeader.cjs}

@@ -22,4 +22,4 @@ _export(exports, {
         return _index.useNavDrawerHeader_unstable;
     }
 });
-const _index = require("./components/NavDrawerHeader/index");
+const _index = require("./components/NavDrawerHeader/index.cjs");

package/lib-commonjs/{NavDrawerHeader.js.map → NavDrawerHeader.cjs.map}

@@ -1 +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"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,qCAAqC"}
+{"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"],"mappings":";;;;;;;;;;;;eAMEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,wCAAiC;;;eACjCC,kCAA2B;;;uBACtB,wCAAqC"}

package/lib-commonjs/{NavItem.js → NavItem.cjs}

@@ -28,4 +28,4 @@ _export(exports, {
         return _index.useNavItem_unstable;
     }
 });
-const _index = require("./components/NavItem/index");
+const _index = require("./components/NavItem/index.cjs");

package/lib-commonjs/{NavItem.js.map → NavItem.cjs.map}

@@ -1 +1 @@
-{"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":";;;;;;;;;;;;eAQEA,cAAO;;;eACPC,wBAAiB;;;eACjBC,6BAAsB;;;eAGtBG,8BAAuB;;;eAFvBF,gCAAyB;;;eACzBC,0BAAmB;;;uBAEd,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":";;;;;;;;;;;;eAQEA,cAAO;;;eACPC,wBAAiB;;;eACjBC,6BAAsB;;;eAGtBG,8BAAuB;;;eAFvBF,gCAAyB;;;eACzBC,0BAAmB;;;uBAEd,gCAA6B"}

package/lib-commonjs/{NavSectionHeader.js → NavSectionHeader.cjs}

@@ -25,4 +25,4 @@ _export(exports, {
         return _index.useNavSectionHeader_unstable;
     }
 });
-const _index = require("./components/NavSectionHeader/index");
+const _index = require("./components/NavSectionHeader/index.cjs");

package/lib-commonjs/{NavSectionHeader.js.map → NavSectionHeader.cjs.map}

@@ -1 +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"],"mappings":";;;;;;;;;;;;eAMEA,uBAAgB;;;eAChBC,iCAA0B;;;eAC1BC,sCAA+B;;;eAC/BC,yCAAkC;;;eAClCC,mCAA4B;;;uBACvB,sCAAsC"}
+{"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"],"mappings":";;;;;;;;;;;;eAMEA,uBAAgB;;;eAChBC,iCAA0B;;;eAC1BC,sCAA+B;;;eAC/BC,yCAAkC;;;eAClCC,mCAA4B;;;uBACvB,yCAAsC"}

package/lib-commonjs/{NavSubItem.js → NavSubItem.cjs}

@@ -28,4 +28,4 @@ _export(exports, {
         return _index.useNavSubItem_unstable;
     }
 });
-const _index = require("./components/NavSubItem/index");
+const _index = require("./components/NavSubItem/index.cjs");

package/lib-commonjs/{NavSubItem.js.map → NavSubItem.cjs.map}

@@ -1 +1 @@
-{"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":";;;;;;;;;;;;eAQEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,gCAAyB;;;eAGzBG,iCAA0B;;;eAF1BF,mCAA4B;;;eAC5BC,6BAAsB;;;uBAEjB,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":";;;;;;;;;;;;eAQEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,gCAAyB;;;eAGzBG,iCAA0B;;;eAF1BF,mCAA4B;;;eAC5BC,6BAAsB;;;uBAEjB,mCAAgC"}

package/lib-commonjs/{NavSubItemGroup.js → NavSubItemGroup.cjs}

@@ -28,4 +28,4 @@ _export(exports, {
         return _index.useNavSubItemGroup_unstable;
     }
 });
-const _index = require("./components/NavSubItemGroup/index");
+const _index = require("./components/NavSubItemGroup/index.cjs");

package/lib-commonjs/{NavSubItemGroup.js.map → NavSubItemGroup.cjs.map}

@@ -1 +1 @@
-{"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":";;;;;;;;;;;;eASEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,qCAA8B;;;eAG9BG,sCAA+B;;;eAF/BF,wCAAiC;;;eACjCC,kCAA2B;;;uBAEtB,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":";;;;;;;;;;;;eASEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,qCAA8B;;;eAG9BG,sCAA+B;;;eAF/BF,wCAAiC;;;eACjCC,kCAA2B;;;uBAEtB,wCAAqC"}

package/lib-commonjs/{SplitNavItem.js → SplitNavItem.cjs}

@@ -25,4 +25,4 @@ _export(exports, {
         return _index.useSplitNavItem_unstable;
     }
 });
-const _index = require("./components/SplitNavItem/index");
+const _index = require("./components/SplitNavItem/index.cjs");

package/lib-commonjs/{SplitNavItem.js.map → SplitNavItem.cjs.map}

@@ -1 +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"],"mappings":";;;;;;;;;;;;eAEEA,mBAAY;;;eACZC,kCAA2B;;;eAC3BC,6BAAsB;;;eACtBC,qCAA8B;;;eAC9BC,+BAAwB;;;uBACnB,kCAAkC"}
+{"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"],"mappings":";;;;;;;;;;;;eAEEA,mBAAY;;;eACZC,kCAA2B;;;eAC3BC,6BAAsB;;;eACtBC,qCAA8B;;;eAC9BC,+BAAwB;;;uBACnB,qCAAkC"}

package/lib-commonjs/components/AppItem/{AppItem.js → AppItem.cjs}

@@ -12,9 +12,9 @@ Object.defineProperty(exports, "AppItem", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useAppItem = require("./useAppItem");
-const _renderAppItem = require("./renderAppItem");
-const _useAppItemStylesstyles = require("./useAppItemStyles.styles");
+const _useAppItem = require("./useAppItem.cjs");
+const _renderAppItem = require("./renderAppItem.cjs");
+const _useAppItemStylesstyles = require("./useAppItemStyles.styles.cjs");
 const AppItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useAppItem.useAppItem_unstable)(props, ref);
     (0, _useAppItemStylesstyles.useAppItemStyles_unstable)(state);

package/lib-commonjs/components/AppItem/{AppItem.js.map → AppItem.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppItem/AppItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\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 - Application item in the navigation menu.\n */\nexport const AppItem: ForwardRefComponent<AppItemProps> = React.forwardRef((props, ref) => {\n  const state = useAppItem_unstable(props, ref);\n\n  useAppItemStyles_unstable(state);\n  useCustomStyleHook_unstable('useAppItemStyles_unstable')(state);\n\n  return renderAppItem_unstable(state);\n});\n\nAppItem.displayName = 'AppItem';\n"],"names":["React","useCustomStyleHook_unstable","useAppItem_unstable","renderAppItem_unstable","useAppItemStyles_unstable","AppItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;4BAE1C,eAAe;+BACZ,kBAAkB;wCACf,4BAA4B;AAM/D,MAAMK,UAAAA,WAAAA,GAA6CL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,YAAQP,+BAAAA,EAAoBK,OAAOC;QAEzCJ,iDAAAA,EAA0BK;QAC1BR,gDAAAA,EAA4B,6BAA6BQ;IAEzD,WAAON,qCAAAA,EAAuBM;AAChC,GAAG;AAEHJ,QAAQK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/AppItem/AppItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\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 - Application item in the navigation menu.\n */\nexport const AppItem: ForwardRefComponent<AppItemProps> = React.forwardRef((props, ref) => {\n  const state = useAppItem_unstable(props, ref);\n\n  useAppItemStyles_unstable(state);\n  useCustomStyleHook_unstable('useAppItemStyles_unstable')(state);\n\n  return renderAppItem_unstable(state);\n});\n\nAppItem.displayName = 'AppItem';\n"],"names":["React","useCustomStyleHook_unstable","useAppItem_unstable","renderAppItem_unstable","useAppItemStyles_unstable","AppItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;4BAE1C,kBAAe;+BACZ,qBAAkB;wCACf,+BAA4B;AAM/D,MAAMK,UAAAA,WAAAA,GAA6CL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,YAAQP,+BAAAA,EAAoBK,OAAOC;QAEzCJ,iDAAAA,EAA0BK;QAC1BR,gDAAAA,EAA4B,6BAA6BQ;IAEzD,WAAON,qCAAAA,EAAuBM;AAChC,GAAG;AAEHJ,QAAQK,WAAW,GAAG"}