@fluentui/react-nav 9.4.3 → 9.4.4

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavCategoryItem/useNavCategoryItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';\nimport { ChevronDown20Regular } from '@fluentui/react-icons';\nimport { createPresenceComponentVariant, motionTokens, presenceMotionSlot } from '@fluentui/react-motion';\n\nimport type {\n  NavCategoryItemBaseProps,\n  NavCategoryItemBaseState,\n  NavCategoryItemProps,\n  NavCategoryItemState,\n} from './NavCategoryItem.types';\nimport { useNavCategoryContext_unstable } from '../NavCategoryContext';\nimport { useNavContext_unstable } from '../NavContext';\nimport { Rotate } from '@fluentui/react-motion-components-preview';\n\nconst ExpandIconMotion = createPresenceComponentVariant(Rotate, {\n  duration: motionTokens.durationFast,\n  easing: motionTokens.curveEasyEase,\n  animateOpacity: false, // Don't fade out the icon\n  outAngle: 0,\n  inAngle: 180,\n});\n\n/**\n * Create the state required to render NavCategoryItem.\n *\n * The returned state can be modified with hooks such as useNavCategoryItemStyles,\n * before being passed to renderNavCategoryItem.\n *\n * @param props - props from this instance of NavCategoryItem\n * @param ref - reference to root HTMLButtonElement of NavCategoryItem\n */\nexport const useNavCategoryItem_unstable = (\n  props: NavCategoryItemProps,\n  ref: React.Ref<HTMLButtonElement>,\n): NavCategoryItemState => {\n  const { density = 'medium' } = useNavContext_unstable();\n\n  const state = useNavCategoryItemBase_unstable(props, ref);\n\n  return {\n    ...state,\n    components: {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      ...state.components,\n      expandIconMotion: ExpandIconMotion,\n    },\n    expandIcon: slot.always(props.expandIcon, {\n      defaultProps: {\n        children: <ChevronDown20Regular />,\n        'aria-hidden': true,\n      },\n      elementType: 'span',\n    }),\n    expandIconMotion: presenceMotionSlot(props.expandIconMotion, {\n      elementType: ExpandIconMotion,\n      defaultProps: {\n        visible: state.open,\n      },\n    }),\n    density,\n  };\n};\n\n/**\n * Create the base state required to render NavCategoryItem.\n *\n * @param props - props from this instance of NavCategoryItem\n * @param ref - reference to root HTMLButtonElement of NavCategoryItem\n */\nexport const useNavCategoryItemBase_unstable = (\n  props: NavCategoryItemBaseProps,\n  ref: React.Ref<HTMLButtonElement>,\n): NavCategoryItemBaseState => {\n  const { onClick, expandIcon, icon } = props;\n\n  const { open, value } = useNavCategoryContext_unstable();\n\n  const { onRequestNavCategoryItemToggle, selectedCategoryValue } = useNavContext_unstable();\n\n  const onNavCategoryItemClick = useEventCallback(\n    mergeCallbacks(onClick, event =>\n      onRequestNavCategoryItemToggle(event, { type: 'click', event, value: '', categoryValue: value }),\n    ),\n  );\n\n  // don't fill the icon when it's open\n  const selected = selectedCategoryValue === value && !open;\n  // there's more than 2 possible values for aria-current, but this is the only one that's used in this component\n  const validAriaCurrent: 'page' | 'false' = selected && !open ? 'page' : 'false';\n\n  return {\n    open,\n    value,\n    selected,\n    components: {\n      root: 'button',\n      icon: 'span',\n      expandIcon: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        'aria-current': validAriaCurrent,\n        'aria-expanded': open,\n        ...props,\n        onClick: onNavCategoryItemClick,\n      }),\n      { elementType: 'button' },\n    ),\n    expandIcon: slot.always(expandIcon, {\n      defaultProps: {\n        'aria-hidden': true,\n      },\n      elementType: 'span',\n    }),\n    icon: slot.optional(icon, {\n      elementType: 'span',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","mergeCallbacks","slot","useEventCallback","ChevronDown20Regular","createPresenceComponentVariant","motionTokens","presenceMotionSlot","useNavCategoryContext_unstable","useNavContext_unstable","Rotate","ExpandIconMotion","duration","durationFast","easing","curveEasyEase","animateOpacity","outAngle","inAngle","useNavCategoryItem_unstable","props","ref","density","state","useNavCategoryItemBase_unstable","components","expandIconMotion","expandIcon","always","defaultProps","children","elementType","visible","open","onClick","icon","value","onRequestNavCategoryItemToggle","selectedCategoryValue","onNavCategoryItemClick","event","type","categoryValue","selected","validAriaCurrent","root","optional"],"mappings":"AAAA;;;;;;;;;;;;mCAwEayB;eAAAA;;+BAtCAL;eAAAA;;;;iEAhCU,QAAQ;gCACkD,4BAA4B;4BACxE,wBAAwB;6BACoB,yBAAyB;oCAQ3D,wBAAwB;4BAChC,gBAAgB;8CAChC,4CAA4C;AAEnE,MAAMR,uBAAmBN,2CAAAA,EAA+BK,oCAAAA,EAAQ;IAC9DE,UAAUN,yBAAAA,CAAaO,YAAY;IACnCC,QAAQR,yBAAAA,CAAaS,aAAa;IAClCC,gBAAgB;IAChBC,UAAU;IACVC,SAAS;AACX;AAWO,oCAAoC,CACzCE,OACAC;IAEA,MAAM,EAAEC,UAAU,QAAQ,EAAE,OAAGb,kCAAAA;IAE/B,MAAMc,QAAQC,gCAAgCJ,OAAOC;IAErD,OAAO;QACL,GAAGE,KAAK;QACRE,YAAY;YACV,4DAA4D;YAC5D,GAAGF,MAAME,UAAU;YACnBC,kBAAkBf;QACpB;QACAgB,YAAYzB,oBAAAA,CAAK0B,MAAM,CAACR,MAAMO,UAAU,EAAE;YACxCE,cAAc;gBACZC,UAAAA,WAAAA,GAAU,OAAA,aAAA,CAAC1B,gCAAAA,EAAAA;gBACX,eAAe;YACjB;YACA2B,aAAa;QACf;QACAL,sBAAkBnB,+BAAAA,EAAmBa,MAAMM,gBAAgB,EAAE;YAC3DK,aAAapB;YACbkB,cAAc;gBACZG,SAAST,MAAMU,IAAI;YACrB;QACF;QACAX;IACF;AACF,EAAE;AAQK,wCAAwC,CAC7CF,OACAC;IAEA,MAAM,EAAEa,OAAO,EAAEP,UAAU,EAAEQ,IAAI,EAAE,GAAGf;IAEtC,MAAM,EAAEa,IAAI,EAAEG,KAAK,EAAE,GAAG5B,sDAAAA;IAExB,MAAM,EAAE6B,8BAA8B,EAAEC,qBAAqB,EAAE,OAAG7B,kCAAAA;IAElE,MAAM8B,6BAAyBpC,gCAAAA,MAC7BF,8BAAAA,EAAeiC,SAASM,CAAAA,QACtBH,+BAA+BG,OAAO;YAAEC,MAAM;YAASD;YAAOJ,OAAO;YAAIM,eAAeN;QAAM;IAIlG,qCAAqC;IACrC,MAAMO,WAAWL,0BAA0BF,SAAS,CAACH;IACrD,+GAA+G;IAC/G,MAAMW,mBAAqCD,YAAY,CAACV,OAAO,SAAS;IAExE,OAAO;QACLA;QACAG;QACAO;QACAlB,YAAY;YACVoB,MAAM;YACNV,MAAM;YACNR,YAAY;QACd;QACAkB,MAAM3C,oBAAAA,CAAK0B,MAAM,KACf5B,wCAAAA,EAAyB,UAAU;YACjCqB;YACA,gBAAgBuB;YAChB,iBAAiBX;YACjB,GAAGb,KAAK;YACRc,SAASK;QACX,IACA;YAAER,aAAa;QAAS;QAE1BJ,YAAYzB,oBAAAA,CAAK0B,MAAM,CAACD,YAAY;YAClCE,cAAc;gBACZ,eAAe;YACjB;YACAE,aAAa;QACf;QACAI,MAAMjC,oBAAAA,CAAK4C,QAAQ,CAACX,MAAM;YACxBJ,aAAa;QACf;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/NavCategoryItem/useNavCategoryItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';\nimport { ChevronDown20Regular } from '@fluentui/react-icons';\nimport { createPresenceComponentVariant, motionTokens, presenceMotionSlot } from '@fluentui/react-motion';\n\nimport type {\n  NavCategoryItemBaseProps,\n  NavCategoryItemBaseState,\n  NavCategoryItemProps,\n  NavCategoryItemState,\n} from './NavCategoryItem.types';\nimport { useNavCategoryContext_unstable } from '../NavCategoryContext';\nimport { useNavContext_unstable } from '../NavContext';\nimport { Rotate } from '@fluentui/react-motion-components-preview';\n\nconst ExpandIconMotion = createPresenceComponentVariant(Rotate, {\n  duration: motionTokens.durationFast,\n  easing: motionTokens.curveEasyEase,\n  animateOpacity: false, // Don't fade out the icon\n  outAngle: 0,\n  inAngle: 180,\n});\n\n/**\n * Create the state required to render NavCategoryItem.\n *\n * The returned state can be modified with hooks such as useNavCategoryItemStyles,\n * before being passed to renderNavCategoryItem.\n *\n * @param props - props from this instance of NavCategoryItem\n * @param ref - reference to root HTMLButtonElement of NavCategoryItem\n */\nexport const useNavCategoryItem_unstable = (\n  props: NavCategoryItemProps,\n  ref: React.Ref<HTMLButtonElement>,\n): NavCategoryItemState => {\n  const { density = 'medium' } = useNavContext_unstable();\n\n  const state = useNavCategoryItemBase_unstable(props, ref);\n\n  return {\n    ...state,\n    components: {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      ...state.components,\n      expandIconMotion: ExpandIconMotion,\n    },\n    expandIcon: slot.always(props.expandIcon, {\n      defaultProps: {\n        children: <ChevronDown20Regular />,\n        'aria-hidden': true,\n      },\n      elementType: 'span',\n    }),\n    expandIconMotion: presenceMotionSlot(props.expandIconMotion, {\n      elementType: ExpandIconMotion,\n      defaultProps: {\n        visible: state.open,\n      },\n    }),\n    density,\n  };\n};\n\n/**\n * Create the base state required to render NavCategoryItem.\n *\n * @param props - props from this instance of NavCategoryItem\n * @param ref - reference to root HTMLButtonElement of NavCategoryItem\n */\nexport const useNavCategoryItemBase_unstable = (\n  props: NavCategoryItemBaseProps,\n  ref: React.Ref<HTMLButtonElement>,\n): NavCategoryItemBaseState => {\n  const { onClick, expandIcon, icon } = props;\n\n  const { open, value } = useNavCategoryContext_unstable();\n\n  const { onRequestNavCategoryItemToggle, selectedCategoryValue } = useNavContext_unstable();\n\n  const onNavCategoryItemClick = useEventCallback(\n    mergeCallbacks(onClick, event =>\n      onRequestNavCategoryItemToggle(event, { type: 'click', event, value: '', categoryValue: value }),\n    ),\n  );\n\n  // don't fill the icon when it's open\n  const selected = selectedCategoryValue === value && !open;\n  // there's more than 2 possible values for aria-current, but this is the only one that's used in this component\n  const validAriaCurrent: 'page' | 'false' = selected && !open ? 'page' : 'false';\n\n  return {\n    open,\n    value,\n    selected,\n    components: {\n      root: 'button',\n      icon: 'span',\n      expandIcon: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        'aria-current': validAriaCurrent,\n        'aria-expanded': open,\n        ...props,\n        onClick: onNavCategoryItemClick,\n      }),\n      { elementType: 'button' },\n    ),\n    expandIcon: slot.always(expandIcon, {\n      defaultProps: {\n        'aria-hidden': true,\n      },\n      elementType: 'span',\n    }),\n    icon: slot.optional(icon, {\n      elementType: 'span',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","mergeCallbacks","slot","useEventCallback","ChevronDown20Regular","createPresenceComponentVariant","motionTokens","presenceMotionSlot","useNavCategoryContext_unstable","useNavContext_unstable","Rotate","ExpandIconMotion","duration","durationFast","easing","curveEasyEase","animateOpacity","outAngle","inAngle","useNavCategoryItem_unstable","props","ref","density","state","useNavCategoryItemBase_unstable","components","expandIconMotion","expandIcon","always","defaultProps","children","elementType","visible","open","onClick","icon","value","onRequestNavCategoryItemToggle","selectedCategoryValue","onNavCategoryItemClick","event","type","categoryValue","selected","validAriaCurrent","root","optional"],"mappings":"AAAA;;;;;;;;;;;;mCAwEayB;eAAAA;;+BAtCAL;eAAAA;;;;iEAhCU,QAAQ;gCACkD,4BAA4B;4BACxE,wBAAwB;6BACoB,yBAAyB;oCAQ3D,2BAAwB;4BAChC,mBAAgB;8CAChC,4CAA4C;AAEnE,MAAMR,uBAAmBN,2CAAAA,EAA+BK,oCAAAA,EAAQ;IAC9DE,UAAUN,yBAAAA,CAAaO,YAAY;IACnCC,QAAQR,yBAAAA,CAAaS,aAAa;IAClCC,gBAAgB;IAChBC,UAAU;IACVC,SAAS;AACX;AAWO,oCAAoC,CACzCE,OACAC;IAEA,MAAM,EAAEC,UAAU,QAAQ,EAAE,OAAGb,kCAAAA;IAE/B,MAAMc,QAAQC,gCAAgCJ,OAAOC;IAErD,OAAO;QACL,GAAGE,KAAK;QACRE,YAAY;YACV,4DAA4D;YAC5D,GAAGF,MAAME,UAAU;YACnBC,kBAAkBf;QACpB;QACAgB,YAAYzB,oBAAAA,CAAK0B,MAAM,CAACR,MAAMO,UAAU,EAAE;YACxCE,cAAc;gBACZC,UAAAA,WAAAA,GAAU,OAAA,aAAA,CAAC1B,gCAAAA,EAAAA;gBACX,eAAe;YACjB;YACA2B,aAAa;QACf;QACAL,sBAAkBnB,+BAAAA,EAAmBa,MAAMM,gBAAgB,EAAE;YAC3DK,aAAapB;YACbkB,cAAc;gBACZG,SAAST,MAAMU,IAAI;YACrB;QACF;QACAX;IACF;AACF,EAAE;AAQK,wCAAwC,CAC7CF,OACAC;IAEA,MAAM,EAAEa,OAAO,EAAEP,UAAU,EAAEQ,IAAI,EAAE,GAAGf;IAEtC,MAAM,EAAEa,IAAI,EAAEG,KAAK,EAAE,GAAG5B,sDAAAA;IAExB,MAAM,EAAE6B,8BAA8B,EAAEC,qBAAqB,EAAE,OAAG7B,kCAAAA;IAElE,MAAM8B,6BAAyBpC,gCAAAA,MAC7BF,8BAAAA,EAAeiC,SAASM,CAAAA,QACtBH,+BAA+BG,OAAO;YAAEC,MAAM;YAASD;YAAOJ,OAAO;YAAIM,eAAeN;QAAM;IAIlG,qCAAqC;IACrC,MAAMO,WAAWL,0BAA0BF,SAAS,CAACH;IACrD,+GAA+G;IAC/G,MAAMW,mBAAqCD,YAAY,CAACV,OAAO,SAAS;IAExE,OAAO;QACLA;QACAG;QACAO;QACAlB,YAAY;YACVoB,MAAM;YACNV,MAAM;YACNR,YAAY;QACd;QACAkB,MAAM3C,oBAAAA,CAAK0B,MAAM,KACf5B,wCAAAA,EAAyB,UAAU;YACjCqB;YACA,gBAAgBuB;YAChB,iBAAiBX;YACjB,GAAGb,KAAK;YACRc,SAASK;QACX,IACA;YAAER,aAAa;QAAS;QAE1BJ,YAAYzB,oBAAAA,CAAK0B,MAAM,CAACD,YAAY;YAClCE,cAAc;gBACZ,eAAe;YACjB;YACAE,aAAa;QACf;QACAI,MAAMjC,oBAAAA,CAAK4C,QAAQ,CAACX,MAAM;YACxBJ,aAAa;QACf;IACF;AACF,EAAE"}

package/lib-commonjs/components/NavCategoryItem/{useNavCategoryItem.styles.js → useNavCategoryItem.styles.cjs}

@@ -21,7 +21,7 @@ _export(exports, {
     }
 });
 const _react = require("@griffel/react");
-const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
+const _sharedNavStylesstyles = require("../sharedNavStyles.styles.cjs");
 const navCategoryItemClassNames = {
     root: 'fui-NavCategoryItem',
     icon: 'fui-NavCategoryItem__icon',

package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavCategoryItem.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { typographyStyles } from \"@fluentui/react-theme\";\nimport { useContentStyles, useIconStyles, useIndicatorStyles, useRootDefaultClassName, useSmallStyles } from \"../sharedNavStyles.styles.js\";\nexport const navCategoryItemClassNames = {\n    root: 'fui-NavCategoryItem',\n    icon: 'fui-NavCategoryItem__icon',\n    expandIcon: 'fui-NavCategoryItem__expandIcon',\n    expandIconMotion: 'fui-NavCategoryItem__expandIconMotion'\n};\nconst useExpandIconStyles = makeStyles({\n    base: {\n        marginInlineStart: 'auto',\n        height: '20px'\n    },\n    selected: typographyStyles.body1Strong\n});\n/**\n * Styles for the root slot\n */ export const useRootStyles = makeStyles({\n    base: {\n        width: '100%'\n    }\n});\n/**\n * Apply styling to the NavCategoryItem slots based on the state\n */ export const useNavCategoryItemStyles_unstable = (state)=>{\n    const rootStyles = useRootStyles();\n    const smallStyles = useSmallStyles();\n    const defaultRootClassName = useRootDefaultClassName();\n    const contentStyles = useContentStyles();\n    const indicatorStyles = useIndicatorStyles();\n    const iconStyles = useIconStyles();\n    const expandIconStyles = useExpandIconStyles();\n    const { selected, open, density } = state;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(navCategoryItemClassNames.root, defaultRootClassName, rootStyles.base, density === 'small' && smallStyles.root, selected && open === false && indicatorStyles.base, selected && open === false && contentStyles.selected, state.root.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.expandIcon.className = mergeClasses(navCategoryItemClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);\n    if (state.icon) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.icon.className = mergeClasses(navCategoryItemClassNames.icon, iconStyles.base, selected && iconStyles.selected, state.icon.className);\n    }\n    return state;\n};\n"],"names":["__styles","mergeClasses","typographyStyles","useContentStyles","useIconStyles","useIndicatorStyles","useRootDefaultClassName","useSmallStyles","navCategoryItemClassNames","root","icon","expandIcon","expandIconMotion","useExpandIconStyles","base","Jyy4pa","Bqenvij","selected","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useRootStyles","a9b677","useNavCategoryItemStyles_unstable","state","rootStyles","smallStyles","defaultRootClassName","contentStyles","indicatorStyles","iconStyles","expandIconStyles","open","density","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICQ,yBAAyB;;;qCAsBY;eAAjCiB;;IAPAF,aAAa;;;;uBAlBW,gBAAgB;uCAEoD,8BAA8B;AACpI,kCAAkC;IACrCd,IAAI,EAAE,qBAAqB;IAC3BC,IAAI,EAAE,2BAA2B;IACjCC,UAAU,EAAE,iCAAiC;IAC7CC,gBAAgB,EAAE;AACtB,CAAC;AACD,MAAMC,mBAAmB,GAAA,WAAA,OAAGb,eAAA,EAAA;IAAAc,IAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAM3B,CAAC;AAGS,sBAAmB,WAAA,OAAGtB,eAAA,EAAA;IAAAc,IAAA,EAAA;QAAAU,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAF,CAAA,EAAA;QAAA;KAAA;AAAA,CAIhC,CAAC;AAGS,2CAA2CI,KAAK,IAAG;IAC1D,MAAMC,UAAU,GAAGJ,aAAa,CAAC,CAAC;IAClC,MAAMK,WAAW,GAAGrB,yCAAc,CAAC,CAAC;IACpC,MAAMsB,oBAAoB,OAAGvB,8CAAuB,CAAC,CAAC;IACtD,MAAMwB,aAAa,OAAG3B,uCAAgB,CAAC,CAAC;IACxC,MAAM4B,eAAe,OAAG1B,yCAAkB,CAAC,CAAC;IAC5C,MAAM2B,UAAU,OAAG5B,oCAAa,CAAC,CAAC;IAClC,MAAM6B,gBAAgB,GAAGpB,mBAAmB,CAAC,CAAC;IAC9C,MAAM,EAAEI,QAAQ,EAAEiB,IAAI,EAAEC,OAAAA,EAAS,GAAGT,KAAK;IACzC,oDAAA;IACAA,KAAK,CAACjB,IAAI,CAAC2B,SAAS,OAAGnC,mBAAY,EAACO,yBAAyB,CAACC,IAAI,EAAEoB,oBAAoB,EAAEF,UAAU,CAACb,IAAI,EAAEqB,OAAO,KAAK,OAAO,IAAIP,WAAW,CAACnB,IAAI,EAAEQ,QAAQ,IAAIiB,IAAI,KAAK,KAAK,IAAIH,eAAe,CAACjB,IAAI,EAAEG,QAAQ,IAAIiB,IAAI,KAAK,KAAK,IAAIJ,aAAa,CAACb,QAAQ,EAAES,KAAK,CAACjB,IAAI,CAAC2B,SAAS,CAAC;IACnR,oDAAA;IACAV,KAAK,CAACf,UAAU,CAACyB,SAAS,OAAGnC,mBAAY,EAACO,yBAAyB,CAACG,UAAU,EAAEsB,gBAAgB,CAACnB,IAAI,EAAEY,KAAK,CAACf,UAAU,CAACyB,SAAS,CAAC;IAClI,IAAIV,KAAK,CAAChB,IAAI,EAAE;QACZ,oDAAA;QACAgB,KAAK,CAAChB,IAAI,CAAC0B,SAAS,OAAGnC,mBAAY,EAACO,yBAAyB,CAACE,IAAI,EAAEsB,UAAU,CAAClB,IAAI,EAAEG,QAAQ,IAAIe,UAAU,CAACf,QAAQ,EAAES,KAAK,CAAChB,IAAI,CAAC0B,SAAS,CAAC;IAC/I;IACA,OAAOV,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/NavCategoryItem/{useNavCategoryItem.styles.raw.js → useNavCategoryItem.styles.raw.cjs}

@@ -22,7 +22,7 @@ _export(exports, {
 });
 const _react = require("@griffel/react");
 const _reacttheme = require("@fluentui/react-theme");
-const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
+const _sharedNavStylesstyles = require("../sharedNavStyles.styles.cjs");
 const navCategoryItemClassNames = {
     root: 'fui-NavCategoryItem',
     icon: 'fui-NavCategoryItem__icon',

package/lib-commonjs/components/NavCategoryItem/{useNavCategoryItem.styles.raw.js.map → useNavCategoryItem.styles.raw.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavCategoryItem/useNavCategoryItem.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport {\n  useContentStyles,\n  useIconStyles,\n  useIndicatorStyles,\n  useRootDefaultClassName,\n  useSmallStyles,\n} from '../sharedNavStyles.styles';\n\nimport type { NavCategoryItemSlots, NavCategoryItemState } from './NavCategoryItem.types';\n\nexport const navCategoryItemClassNames: SlotClassNames<NavCategoryItemSlots> = {\n  root: 'fui-NavCategoryItem',\n  icon: 'fui-NavCategoryItem__icon',\n  expandIcon: 'fui-NavCategoryItem__expandIcon',\n  expandIconMotion: 'fui-NavCategoryItem__expandIconMotion',\n};\n\nconst useExpandIconStyles = makeStyles({\n  base: {\n    marginInlineStart: 'auto',\n    height: '20px',\n  },\n  selected: typographyStyles.body1Strong,\n});\n\n/**\n * Styles for the root slot\n */\nexport const useRootStyles = makeStyles({\n  base: {\n    width: '100%',\n  },\n});\n\n/**\n * Apply styling to the NavCategoryItem slots based on the state\n */\nexport const useNavCategoryItemStyles_unstable = (state: NavCategoryItemState): NavCategoryItemState => {\n  const rootStyles = useRootStyles();\n  const smallStyles = useSmallStyles();\n  const defaultRootClassName = useRootDefaultClassName();\n  const contentStyles = useContentStyles();\n  const indicatorStyles = useIndicatorStyles();\n  const iconStyles = useIconStyles();\n  const expandIconStyles = useExpandIconStyles();\n\n  const { selected, open, density } = state;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    navCategoryItemClassNames.root,\n    defaultRootClassName,\n    rootStyles.base,\n    density === 'small' && smallStyles.root,\n    selected && open === false && indicatorStyles.base,\n    selected && open === false && contentStyles.selected,\n    state.root.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.expandIcon.className = mergeClasses(\n    navCategoryItemClassNames.expandIcon,\n    expandIconStyles.base,\n    state.expandIcon.className,\n  );\n\n  if (state.icon) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.icon.className = mergeClasses(\n      navCategoryItemClassNames.icon,\n      iconStyles.base,\n      selected && iconStyles.selected,\n      state.icon.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","typographyStyles","useContentStyles","useIconStyles","useIndicatorStyles","useRootDefaultClassName","useSmallStyles","navCategoryItemClassNames","root","icon","expandIcon","expandIconMotion","useExpandIconStyles","base","marginInlineStart","height","selected","body1Strong","useRootStyles","width","useNavCategoryItemStyles_unstable","state","rootStyles","smallStyles","defaultRootClassName","contentStyles","indicatorStyles","iconStyles","expandIconStyles","open","density","className"],"mappings":"AAAA;;;;;;;;;;;;IAeaQ,yBAAAA;;;IA2BAa,iCAAAA;;;IATAF,aAAAA;;;;uBA/B4B,iBAAiB;4BAEzB,wBAAwB;uCAOlD,4BAA4B;AAI5B,kCAAwE;IAC7EV,MAAM;IACNC,MAAM;IACNC,YAAY;IACZC,kBAAkB;AACpB,EAAE;AAEF,MAAMC,0BAAsBb,iBAAAA,EAAW;IACrCc,MAAM;QACJC,mBAAmB;QACnBC,QAAQ;IACV;IACAC,UAAUf,4BAAAA,CAAiBgB,WAAW;AACxC;AAKO,0BAAsBlB,iBAAAA,EAAW;IACtCc,MAAM;QACJM,OAAO;IACT;AACF,GAAG;AAKI,0CAA0C,CAACE;IAChD,MAAMC,aAAaJ;IACnB,MAAMK,kBAAcjB,qCAAAA;IACpB,MAAMkB,2BAAuBnB,8CAAAA;IAC7B,MAAMoB,oBAAgBvB,uCAAAA;IACtB,MAAMwB,sBAAkBtB,yCAAAA;IACxB,MAAMuB,iBAAaxB,oCAAAA;IACnB,MAAMyB,mBAAmBhB;IAEzB,MAAM,EAAEI,QAAQ,EAAEa,IAAI,EAAEC,OAAO,EAAE,GAAGT;IAEpC,oDAAoD;IACpDA,MAAMb,IAAI,CAACuB,SAAS,OAAG/B,mBAAAA,EACrBO,0BAA0BC,IAAI,EAC9BgB,sBACAF,WAAWT,IAAI,EACfiB,YAAY,WAAWP,YAAYf,IAAI,EACvCQ,YAAYa,SAAS,SAASH,gBAAgBb,IAAI,EAClDG,YAAYa,SAAS,SAASJ,cAAcT,QAAQ,EACpDK,MAAMb,IAAI,CAACuB,SAAS;IAGtB,oDAAoD;IACpDV,MAAMX,UAAU,CAACqB,SAAS,OAAG/B,mBAAAA,EAC3BO,0BAA0BG,UAAU,EACpCkB,iBAAiBf,IAAI,EACrBQ,MAAMX,UAAU,CAACqB,SAAS;IAG5B,IAAIV,MAAMZ,IAAI,EAAE;QACd,oDAAoD;QACpDY,MAAMZ,IAAI,CAACsB,SAAS,GAAG/B,uBAAAA,EACrBO,0BAA0BE,IAAI,EAC9BkB,WAAWd,IAAI,EACfG,YAAYW,WAAWX,QAAQ,EAC/BK,MAAMZ,IAAI,CAACsB,SAAS;IAExB;IAEA,OAAOV;AACT,EAAE"}
+{"version":3,"sources":["../src/components/NavCategoryItem/useNavCategoryItem.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport {\n  useContentStyles,\n  useIconStyles,\n  useIndicatorStyles,\n  useRootDefaultClassName,\n  useSmallStyles,\n} from '../sharedNavStyles.styles';\n\nimport type { NavCategoryItemSlots, NavCategoryItemState } from './NavCategoryItem.types';\n\nexport const navCategoryItemClassNames: SlotClassNames<NavCategoryItemSlots> = {\n  root: 'fui-NavCategoryItem',\n  icon: 'fui-NavCategoryItem__icon',\n  expandIcon: 'fui-NavCategoryItem__expandIcon',\n  expandIconMotion: 'fui-NavCategoryItem__expandIconMotion',\n};\n\nconst useExpandIconStyles = makeStyles({\n  base: {\n    marginInlineStart: 'auto',\n    height: '20px',\n  },\n  selected: typographyStyles.body1Strong,\n});\n\n/**\n * Styles for the root slot\n */\nexport const useRootStyles = makeStyles({\n  base: {\n    width: '100%',\n  },\n});\n\n/**\n * Apply styling to the NavCategoryItem slots based on the state\n */\nexport const useNavCategoryItemStyles_unstable = (state: NavCategoryItemState): NavCategoryItemState => {\n  const rootStyles = useRootStyles();\n  const smallStyles = useSmallStyles();\n  const defaultRootClassName = useRootDefaultClassName();\n  const contentStyles = useContentStyles();\n  const indicatorStyles = useIndicatorStyles();\n  const iconStyles = useIconStyles();\n  const expandIconStyles = useExpandIconStyles();\n\n  const { selected, open, density } = state;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    navCategoryItemClassNames.root,\n    defaultRootClassName,\n    rootStyles.base,\n    density === 'small' && smallStyles.root,\n    selected && open === false && indicatorStyles.base,\n    selected && open === false && contentStyles.selected,\n    state.root.className,\n  );\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.expandIcon.className = mergeClasses(\n    navCategoryItemClassNames.expandIcon,\n    expandIconStyles.base,\n    state.expandIcon.className,\n  );\n\n  if (state.icon) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.icon.className = mergeClasses(\n      navCategoryItemClassNames.icon,\n      iconStyles.base,\n      selected && iconStyles.selected,\n      state.icon.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","typographyStyles","useContentStyles","useIconStyles","useIndicatorStyles","useRootDefaultClassName","useSmallStyles","navCategoryItemClassNames","root","icon","expandIcon","expandIconMotion","useExpandIconStyles","base","marginInlineStart","height","selected","body1Strong","useRootStyles","width","useNavCategoryItemStyles_unstable","state","rootStyles","smallStyles","defaultRootClassName","contentStyles","indicatorStyles","iconStyles","expandIconStyles","open","density","className"],"mappings":"AAAA;;;;;;;;;;;;IAeaQ,yBAAAA;;;IA2BAa,iCAAAA;;;IATAF,aAAAA;;;;uBA/B4B,iBAAiB;4BAEzB,wBAAwB;uCAOlD,+BAA4B;AAI5B,kCAAwE;IAC7EV,MAAM;IACNC,MAAM;IACNC,YAAY;IACZC,kBAAkB;AACpB,EAAE;AAEF,MAAMC,0BAAsBb,iBAAAA,EAAW;IACrCc,MAAM;QACJC,mBAAmB;QACnBC,QAAQ;IACV;IACAC,UAAUf,4BAAAA,CAAiBgB,WAAW;AACxC;AAKO,0BAAsBlB,iBAAAA,EAAW;IACtCc,MAAM;QACJM,OAAO;IACT;AACF,GAAG;AAKI,0CAA0C,CAACE;IAChD,MAAMC,aAAaJ;IACnB,MAAMK,kBAAcjB,qCAAAA;IACpB,MAAMkB,2BAAuBnB,8CAAAA;IAC7B,MAAMoB,oBAAgBvB,uCAAAA;IACtB,MAAMwB,sBAAkBtB,yCAAAA;IACxB,MAAMuB,iBAAaxB,oCAAAA;IACnB,MAAMyB,mBAAmBhB;IAEzB,MAAM,EAAEI,QAAQ,EAAEa,IAAI,EAAEC,OAAO,EAAE,GAAGT;IAEpC,oDAAoD;IACpDA,MAAMb,IAAI,CAACuB,SAAS,OAAG/B,mBAAAA,EACrBO,0BAA0BC,IAAI,EAC9BgB,sBACAF,WAAWT,IAAI,EACfiB,YAAY,WAAWP,YAAYf,IAAI,EACvCQ,YAAYa,SAAS,SAASH,gBAAgBb,IAAI,EAClDG,YAAYa,SAAS,SAASJ,cAAcT,QAAQ,EACpDK,MAAMb,IAAI,CAACuB,SAAS;IAGtB,oDAAoD;IACpDV,MAAMX,UAAU,CAACqB,SAAS,OAAG/B,mBAAAA,EAC3BO,0BAA0BG,UAAU,EACpCkB,iBAAiBf,IAAI,EACrBQ,MAAMX,UAAU,CAACqB,SAAS;IAG5B,IAAIV,MAAMZ,IAAI,EAAE;QACd,oDAAoD;QACpDY,MAAMZ,IAAI,CAACsB,SAAS,GAAG/B,uBAAAA,EACrBO,0BAA0BE,IAAI,EAC9BkB,WAAWd,IAAI,EACfG,YAAYW,WAAWX,QAAQ,EAC/BK,MAAMZ,IAAI,CAACsB,SAAS;IAExB;IAEA,OAAOV;AACT,EAAE"}

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

@@ -13,8 +13,8 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactdivider = require("@fluentui/react-divider");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useNavDivider = require("./useNavDivider");
-const _useNavDividerStylesstyles = require("./useNavDividerStyles.styles");
+const _useNavDivider = require("./useNavDivider.cjs");
+const _useNavDividerStylesstyles = require("./useNavDividerStyles.styles.cjs");
 const NavDivider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useNavDivider.useNavDivider_unstable)(props, ref);
     (0, _useNavDividerStylesstyles.useNavDividerStyles_unstable)(state);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDivider/NavDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDivider_unstable } from '@fluentui/react-divider';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useNavDivider_unstable } from './useNavDivider';\nimport { useNavDividerStyles_unstable } from './useNavDividerStyles.styles';\nimport type { NavDividerProps } from './NavDivider.types';\n\n/**\n * NavDivider component - a divider used within navigation components to separate items.\n */\nexport const NavDivider: ForwardRefComponent<NavDividerProps> = React.forwardRef((props, ref) => {\n  const state = useNavDivider_unstable(props, ref);\n\n  useNavDividerStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavDividerStyles_unstable')(state);\n\n  return renderDivider_unstable(state);\n});\n\nNavDivider.displayName = 'NavDivider';\n"],"names":["React","renderDivider_unstable","useCustomStyleHook_unstable","useNavDivider_unstable","useNavDividerStyles_unstable","NavDivider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACQ,0BAA0B;qCAErB,kCAAkC;+BAEvC,kBAAkB;2CACZ,+BAA+B;AAMrE,MAAMK,aAAAA,WAAAA,GAAmDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,YAAQN,qCAAAA,EAAuBI,OAAOC;QAE5CJ,uDAAAA,EAA6BK;QAC7BP,gDAAAA,EAA4B,gCAAgCO;IAE5D,WAAOR,oCAAAA,EAAuBQ;AAChC,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/NavDivider/NavDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDivider_unstable } from '@fluentui/react-divider';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useNavDivider_unstable } from './useNavDivider';\nimport { useNavDividerStyles_unstable } from './useNavDividerStyles.styles';\nimport type { NavDividerProps } from './NavDivider.types';\n\n/**\n * NavDivider component - a divider used within navigation components to separate items.\n */\nexport const NavDivider: ForwardRefComponent<NavDividerProps> = React.forwardRef((props, ref) => {\n  const state = useNavDivider_unstable(props, ref);\n\n  useNavDividerStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavDividerStyles_unstable')(state);\n\n  return renderDivider_unstable(state);\n});\n\nNavDivider.displayName = 'NavDivider';\n"],"names":["React","renderDivider_unstable","useCustomStyleHook_unstable","useNavDivider_unstable","useNavDividerStyles_unstable","NavDivider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACQ,0BAA0B;qCAErB,kCAAkC;+BAEvC,qBAAkB;2CACZ,kCAA+B;AAMrE,MAAMK,aAAAA,WAAAA,GAAmDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,YAAQN,qCAAAA,EAAuBI,OAAOC;QAE5CJ,uDAAAA,EAA6BK;QAC7BP,gDAAAA,EAA4B,gCAAgCO;IAE5D,WAAOR,oCAAAA,EAAuBQ;AAChC,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}

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

@@ -22,6 +22,6 @@ _export(exports, {
         return _useNavDivider.useNavDivider_unstable;
     }
 });
-const _NavDivider = require("./NavDivider");
-const _useNavDivider = require("./useNavDivider");
-const _useNavDividerStylesstyles = require("./useNavDividerStyles.styles");
+const _NavDivider = require("./NavDivider.cjs");
+const _useNavDivider = require("./useNavDivider.cjs");
+const _useNavDividerStylesstyles = require("./useNavDividerStyles.styles.cjs");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDivider/index.ts"],"sourcesContent":["export { NavDivider } from './NavDivider';\nexport type { NavDividerProps, NavDividerState } from './NavDivider.types';\nexport { useNavDivider_unstable } from './useNavDivider';\nexport { navDividerClassNames, useNavDividerStyles_unstable } from './useNavDividerStyles.styles';\n"],"names":["NavDivider","useNavDivider_unstable","navDividerClassNames","useNavDividerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,sBAAU;;;eAGVE,+CAAoB;;;eAAEC,uDAA4B;;;eADlDF,qCAAsB;;;4BAFJ,eAAe;+BAEH,kBAAkB;2CACU,+BAA+B"}
+{"version":3,"sources":["../src/components/NavDivider/index.ts"],"sourcesContent":["export { NavDivider } from './NavDivider';\nexport type { NavDividerProps, NavDividerState } from './NavDivider.types';\nexport { useNavDivider_unstable } from './useNavDivider';\nexport { navDividerClassNames, useNavDividerStyles_unstable } from './useNavDividerStyles.styles';\n"],"names":["NavDivider","useNavDivider_unstable","navDividerClassNames","useNavDividerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,sBAAU;;;eAGVE,+CAAoB;;;eAAEC,uDAA4B;;;eADlDF,qCAAsB;;;4BAFJ,kBAAe;+BAEH,qBAAkB;2CACU,kCAA+B"}

package/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavDividerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { useDividerStyles_unstable } from \"@fluentui/react-divider\";\nexport const navDividerClassNames = {\n    root: 'fui-NavDivider',\n    wrapper: 'fui-NavDivider__wrapper'\n};\nconst useStyles = makeStyles({\n    root: {\n        flexGrow: 0,\n        marginTop: '4px',\n        marginBottom: '4px'\n    }\n});\n/**\n * Apply styling to the NavDivider slots based on the state\n */ export const useNavDividerStyles_unstable = (state)=>{\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(navDividerClassNames.root, styles.root, state.root.className);\n    // eslint-disable-next-line react-hooks/immutability\n    state.wrapper.className = mergeClasses(navDividerClassNames.wrapper, state.wrapper.className);\n    useDividerStyles_unstable(state);\n    return state;\n};\n"],"names":["__styles","mergeClasses","useDividerStyles_unstable","navDividerClassNames","root","wrapper","useStyles","Bh6795r","B6of3ja","jrapky","d","useNavDividerStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,oBAAoB;;;gCAaY;;;;uBAfJ,gBAAgB;8BACf,yBAAyB;AAC5D,6BAA6B;IAChCC,IAAI,EAAE,gBAAgB;IACtBC,OAAO,EAAE;AACb,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAG,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAMjB,CAAC;AAGS,MAAMC,gCAAgCC,KAAK,IAAG;IACrD,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAM,KAAK,CAACR,IAAI,CAACU,SAAS,OAAGb,mBAAY,EAACE,oBAAoB,CAACC,IAAI,EAAES,MAAM,CAACT,IAAI,EAAEQ,KAAK,CAACR,IAAI,CAACU,SAAS,CAAC;IACjG,oDAAA;IACAF,KAAK,CAACP,OAAO,CAACS,SAAS,OAAGb,mBAAY,EAACE,oBAAoB,CAACE,OAAO,EAAEO,KAAK,CAACP,OAAO,CAACS,SAAS,CAAC;QAC7FZ,uCAAyB,EAACU,KAAK,CAAC;IAChC,OAAOA,KAAK;AAChB,CAAC"}

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

@@ -12,10 +12,10 @@ Object.defineProperty(exports, "NavDrawer", {
 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 _useNavDrawer = require("./useNavDrawer");
-const _renderNavDrawer = require("./renderNavDrawer");
-const _useNavDrawerStylesstyles = require("./useNavDrawerStyles.styles");
-const _useNavContextValues = require("../useNavContextValues");
+const _useNavDrawer = require("./useNavDrawer.cjs");
+const _renderNavDrawer = require("./renderNavDrawer.cjs");
+const _useNavDrawerStylesstyles = require("./useNavDrawerStyles.styles.cjs");
+const _useNavContextValues = require("../useNavContextValues.cjs");
 const NavDrawer = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useNavDrawer.useNavDrawer_unstable)(props, ref);
     const contextValues = (0, _useNavContextValues.useNavContextValues_unstable)(state);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDrawer/NavDrawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport { useNavDrawer_unstable } from './useNavDrawer';\nimport { renderNavDrawer_unstable } from './renderNavDrawer';\nimport { useNavDrawerStyles_unstable } from './useNavDrawerStyles.styles';\nimport { useNavContextValues_unstable } from '../useNavContextValues';\nimport type { NavState } from '../Nav/Nav.types';\nimport type { NavDrawerProps } from './NavDrawer.types';\n\n/**\n * NavDrawer component - a component that provides a drawer for navigation items.\n */\nexport const NavDrawer: ForwardRefComponent<NavDrawerProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawer_unstable(props, ref);\n  const contextValues = useNavContextValues_unstable(state as NavState);\n\n  useNavDrawerStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavDrawerStyles_unstable')(state);\n\n  return renderNavDrawer_unstable(state, contextValues);\n});\n\nNavDrawer.displayName = 'NavDrawer';\n"],"names":["React","useCustomStyleHook_unstable","useNavDrawer_unstable","renderNavDrawer_unstable","useNavDrawerStyles_unstable","useNavContextValues_unstable","NavDrawer","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCACa,kCAAkC;8BAGxC,iBAAiB;iCACd,oBAAoB;0CACjB,8BAA8B;qCAC7B,yBAAyB;AAO/D,MAAMM,YAAAA,WAAAA,GAAiDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,YAAQR,mCAAAA,EAAsBM,OAAOC;IAC3C,MAAME,oBAAgBN,iDAAAA,EAA6BK;QAEnDN,qDAAAA,EAA4BM;QAC5BT,gDAAAA,EAA4B,+BAA+BS;IAE3D,WAAOP,yCAAAA,EAAyBO,OAAOC;AACzC,GAAG;AAEHL,UAAUM,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/NavDrawer/NavDrawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport { useNavDrawer_unstable } from './useNavDrawer';\nimport { renderNavDrawer_unstable } from './renderNavDrawer';\nimport { useNavDrawerStyles_unstable } from './useNavDrawerStyles.styles';\nimport { useNavContextValues_unstable } from '../useNavContextValues';\nimport type { NavState } from '../Nav/Nav.types';\nimport type { NavDrawerProps } from './NavDrawer.types';\n\n/**\n * NavDrawer component - a component that provides a drawer for navigation items.\n */\nexport const NavDrawer: ForwardRefComponent<NavDrawerProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawer_unstable(props, ref);\n  const contextValues = useNavContextValues_unstable(state as NavState);\n\n  useNavDrawerStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavDrawerStyles_unstable')(state);\n\n  return renderNavDrawer_unstable(state, contextValues);\n});\n\nNavDrawer.displayName = 'NavDrawer';\n"],"names":["React","useCustomStyleHook_unstable","useNavDrawer_unstable","renderNavDrawer_unstable","useNavDrawerStyles_unstable","useNavContextValues_unstable","NavDrawer","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCACa,kCAAkC;8BAGxC,oBAAiB;iCACd,uBAAoB;0CACjB,iCAA8B;qCAC7B,4BAAyB;AAO/D,MAAMM,YAAAA,WAAAA,GAAiDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,YAAQR,mCAAAA,EAAsBM,OAAOC;IAC3C,MAAME,oBAAgBN,iDAAAA,EAA6BK;QAEnDN,qDAAAA,EAA4BM;QAC5BT,gDAAAA,EAA4B,+BAA+BS;IAE3D,WAAOP,yCAAAA,EAAyBO,OAAOC;AACzC,GAAG;AAEHL,UAAUM,WAAW,GAAG"}

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

@@ -25,7 +25,7 @@ _export(exports, {
         return _useNavDrawer.useNavDrawer_unstable;
     }
 });
-const _NavDrawer = require("./NavDrawer");
-const _renderNavDrawer = require("./renderNavDrawer");
-const _useNavDrawer = require("./useNavDrawer");
-const _useNavDrawerStylesstyles = require("./useNavDrawerStyles.styles");
+const _NavDrawer = require("./NavDrawer.cjs");
+const _renderNavDrawer = require("./renderNavDrawer.cjs");
+const _useNavDrawer = require("./useNavDrawer.cjs");
+const _useNavDrawerStylesstyles = require("./useNavDrawerStyles.styles.cjs");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDrawer/index.ts"],"sourcesContent":["export { NavDrawer } from './NavDrawer';\nexport type { NavDrawerProps, NavDrawerSlots, NavDrawerState } from './NavDrawer.types';\nexport { renderNavDrawer_unstable } from './renderNavDrawer';\nexport { useNavDrawer_unstable } from './useNavDrawer';\nexport { navDrawerClassNames, useNavDrawerStyles_unstable } from './useNavDrawerStyles.styles';\n"],"names":["NavDrawer","renderNavDrawer_unstable","useNavDrawer_unstable","navDrawerClassNames","useNavDrawerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,oBAAS;;;eAITG,6CAAmB;;;eAFnBF,yCAAwB;;;eAEHG,qDAA2B;;;eADhDF,mCAAqB;;;2BAHJ,cAAc;iCAEC,oBAAoB;8BACvB,iBAAiB;0CACU,8BAA8B"}
+{"version":3,"sources":["../src/components/NavDrawer/index.ts"],"sourcesContent":["export { NavDrawer } from './NavDrawer';\nexport type { NavDrawerProps, NavDrawerSlots, NavDrawerState } from './NavDrawer.types';\nexport { renderNavDrawer_unstable } from './renderNavDrawer';\nexport { useNavDrawer_unstable } from './useNavDrawer';\nexport { navDrawerClassNames, useNavDrawerStyles_unstable } from './useNavDrawerStyles.styles';\n"],"names":["NavDrawer","renderNavDrawer_unstable","useNavDrawer_unstable","navDrawerClassNames","useNavDrawerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,oBAAS;;;eAITG,6CAAmB;;;eAFnBF,yCAAwB;;;eAEHG,qDAA2B;;;eADhDF,mCAAqB;;;2BAHJ,iBAAc;iCAEC,uBAAoB;8BACvB,oBAAiB;0CACU,iCAA8B"}

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

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "renderNavDrawer_unstable", {
 });
 const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
 const _reactutilities = require("@fluentui/react-utilities");
-const _NavContext = require("../NavContext");
+const _NavContext = require("../NavContext.cjs");
 const renderNavDrawer_unstable = (state, contextValues)=>{
     (0, _reactutilities.assertSlots)(state);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_NavContext.NavProvider, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDrawer/renderNavDrawer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { NavProvider } from '../NavContext';\nimport type { NavContextValues } from '../NavContext.types';\nimport type { NavDrawerSlots, NavDrawerState } from './NavDrawer.types';\n\nexport const renderNavDrawer_unstable = (state: NavDrawerState, contextValues: NavContextValues): JSXElement => {\n  assertSlots<NavDrawerSlots>(state);\n\n  return (\n    <NavProvider value={contextValues.nav}>\n      <state.root />\n    </NavProvider>\n  );\n};\n"],"names":["assertSlots","NavProvider","renderNavDrawer_unstable","state","contextValues","value","nav","root"],"mappings":";;;;+BASaE;;;;;;4BARb,gDAAiD;gCAErB,4BAA4B;4BAE5B,gBAAgB;AAIrC,iCAAiC,CAACC,OAAuBC;QAC9DJ,2BAAAA,EAA4BG;IAE5B,OAAA,WAAA,OACE,eAAA,EAACF,uBAAAA,EAAAA;QAAYI,OAAOD,cAAcE,GAAG;kBACnC,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}
+{"version":3,"sources":["../src/components/NavDrawer/renderNavDrawer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { NavProvider } from '../NavContext';\nimport type { NavContextValues } from '../NavContext.types';\nimport type { NavDrawerSlots, NavDrawerState } from './NavDrawer.types';\n\nexport const renderNavDrawer_unstable = (state: NavDrawerState, contextValues: NavContextValues): JSXElement => {\n  assertSlots<NavDrawerSlots>(state);\n\n  return (\n    <NavProvider value={contextValues.nav}>\n      <state.root />\n    </NavProvider>\n  );\n};\n"],"names":["assertSlots","NavProvider","renderNavDrawer_unstable","state","contextValues","value","nav","root"],"mappings":";;;;+BASaE;;;;;;4BARb,gDAAiD;gCAErB,4BAA4B;4BAE5B,mBAAgB;AAIrC,iCAAiC,CAACC,OAAuBC;QAC9DJ,2BAAAA,EAA4BG;IAE5B,OAAA,WAAA,OACE,eAAA,EAACF,uBAAAA,EAAAA;QAAYI,OAAOD,cAAcE,GAAG;kBACnC,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}

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

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useNavDrawer_unstable", {
 });
 const _reactdrawer = require("@fluentui/react-drawer");
 const _reactutilities = require("@fluentui/react-utilities");
-const _useNav = require("../Nav/useNav");
+const _useNav = require("../Nav/useNav.cjs");
 const useNavDrawer_unstable = (props, ref)=>{
     const { size = undefined, tabbable = false } = props;
     const navState = (0, _useNav.useNav_unstable)(props, ref);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDrawer/useNavDrawer.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { DrawerProps } from '@fluentui/react-drawer';\nimport { Drawer } from '@fluentui/react-drawer';\nimport type { RefAttributes } from '@fluentui/react-utilities';\nimport { slot } from '@fluentui/react-utilities';\n\nimport { useNav_unstable } from '../Nav/useNav';\nimport type { NavDrawerProps, NavDrawerState } from './NavDrawer.types';\n\n/**\n * Create the state required to render NavDrawer.\n *\n * The returned state can be modified with hooks such as useNavDrawerStyles_unstable,\n * before being passed to renderNavDrawer_unstable.\n *\n * @param props - props from this instance of NavDrawer\n * @param ref - reference to root HTMLDivElement of NavDrawer\n */\nexport const useNavDrawer_unstable = (props: NavDrawerProps, ref: React.Ref<HTMLDivElement>): NavDrawerState => {\n  const { size = undefined, tabbable = false } = props;\n\n  const navState = useNav_unstable(props, ref);\n\n  return {\n    ...navState,\n    size,\n    tabbable,\n    components: {\n      // TODO: remove once React v18 slot API is modified\n      // this is a problem with the lack of support for union types on React v18\n      // ComponentState is using React.ComponentType which will try to infer propType\n      // propTypes WeakValidator signature will break distributive unions making this type invalid\n      root: Drawer as React.FC<DrawerProps>,\n    },\n\n    root: slot.always(\n      { ref, role: 'navigation', ...props },\n      {\n        // TODO: remove once React v18 slot API is modified\n        // this is a problem with the lack of support for union types on React v18\n        // ComponentState is using React.ComponentType which will try to infer propType\n        // propTypes WeakValidator signature will break distributive unions making this type invalid\n        elementType: Drawer as React.FC<DrawerProps & RefAttributes<HTMLDivElement>>,\n      },\n    ),\n  };\n};\n"],"names":["Drawer","slot","useNav_unstable","useNavDrawer_unstable","props","ref","size","undefined","tabbable","navState","components","root","always","role","elementType"],"mappings":"AAAA;;;;;+BAoBaG;;;;;;6BAhBU,yBAAyB;gCAE3B,4BAA4B;wBAEjB,gBAAgB;AAYzC,8BAA8B,CAACC,OAAuBC;IAC3D,MAAM,EAAEC,OAAOC,SAAS,EAAEC,WAAW,KAAK,EAAE,GAAGJ;IAE/C,MAAMK,eAAWP,uBAAAA,EAAgBE,OAAOC;IAExC,OAAO;QACL,GAAGI,QAAQ;QACXH;QACAE;QACAE,YAAY;YACV,mDAAmD;YACnD,0EAA0E;YAC1E,+EAA+E;YAC/E,4FAA4F;YAC5FC,MAAMX,mBAAAA;QACR;QAEAW,MAAMV,oBAAAA,CAAKW,MAAM,CACf;YAAEP;YAAKQ,MAAM;YAAc,GAAGT,KAAK;QAAC,GACpC;YACE,mDAAmD;YACnD,0EAA0E;YAC1E,+EAA+E;YAC/E,4FAA4F;YAC5FU,aAAad,mBAAAA;QACf;IAEJ;AACF,EAAE"}
+{"version":3,"sources":["../src/components/NavDrawer/useNavDrawer.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport type { DrawerProps } from '@fluentui/react-drawer';\nimport { Drawer } from '@fluentui/react-drawer';\nimport type { RefAttributes } from '@fluentui/react-utilities';\nimport { slot } from '@fluentui/react-utilities';\n\nimport { useNav_unstable } from '../Nav/useNav';\nimport type { NavDrawerProps, NavDrawerState } from './NavDrawer.types';\n\n/**\n * Create the state required to render NavDrawer.\n *\n * The returned state can be modified with hooks such as useNavDrawerStyles_unstable,\n * before being passed to renderNavDrawer_unstable.\n *\n * @param props - props from this instance of NavDrawer\n * @param ref - reference to root HTMLDivElement of NavDrawer\n */\nexport const useNavDrawer_unstable = (props: NavDrawerProps, ref: React.Ref<HTMLDivElement>): NavDrawerState => {\n  const { size = undefined, tabbable = false } = props;\n\n  const navState = useNav_unstable(props, ref);\n\n  return {\n    ...navState,\n    size,\n    tabbable,\n    components: {\n      // TODO: remove once React v18 slot API is modified\n      // this is a problem with the lack of support for union types on React v18\n      // ComponentState is using React.ComponentType which will try to infer propType\n      // propTypes WeakValidator signature will break distributive unions making this type invalid\n      root: Drawer as React.FC<DrawerProps>,\n    },\n\n    root: slot.always(\n      { ref, role: 'navigation', ...props },\n      {\n        // TODO: remove once React v18 slot API is modified\n        // this is a problem with the lack of support for union types on React v18\n        // ComponentState is using React.ComponentType which will try to infer propType\n        // propTypes WeakValidator signature will break distributive unions making this type invalid\n        elementType: Drawer as React.FC<DrawerProps & RefAttributes<HTMLDivElement>>,\n      },\n    ),\n  };\n};\n"],"names":["Drawer","slot","useNav_unstable","useNavDrawer_unstable","props","ref","size","undefined","tabbable","navState","components","root","always","role","elementType"],"mappings":"AAAA;;;;;+BAoBaG;;;;;;6BAhBU,yBAAyB;gCAE3B,4BAA4B;wBAEjB,mBAAgB;AAYzC,8BAA8B,CAACC,OAAuBC;IAC3D,MAAM,EAAEC,OAAOC,SAAS,EAAEC,WAAW,KAAK,EAAE,GAAGJ;IAE/C,MAAMK,eAAWP,uBAAAA,EAAgBE,OAAOC;IAExC,OAAO;QACL,GAAGI,QAAQ;QACXH;QACAE;QACAE,YAAY;YACV,mDAAmD;YACnD,0EAA0E;YAC1E,+EAA+E;YAC/E,4FAA4F;YAC5FC,MAAMX,mBAAAA;QACR;QAEAW,MAAMV,oBAAAA,CAAKW,MAAM,CACf;YAAEP;YAAKQ,MAAM;YAAc,GAAGT,KAAK;QAAC,GACpC;YACE,mDAAmD;YACnD,0EAA0E;YAC1E,+EAA+E;YAC/E,4FAA4F;YAC5FU,aAAad,mBAAAA;QACf;IAEJ;AACF,EAAE"}

package/lib-commonjs/components/NavDrawer/useNavDrawerStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavDrawerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { navItemTokens } from \"../sharedNavStyles.styles.js\";\nexport const navDrawerClassNames = {\n    root: 'fui-NavDrawer'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        backgroundColor: navItemTokens.backgroundColor,\n        alignItems: 'unset'\n    },\n    // seperate style so it can be applied conditionally\n    // if size is not set, use default width from the token.\n    defaultWidth: {\n        width: `${navItemTokens.defaultDrawerWidth}px`\n    }\n});\n/**\n * Apply styling to the NavDrawer slots based on the state\n */ export const useNavDrawerStyles_unstable = (state)=>{\n    const { size } = state;\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(navDrawerClassNames.root, styles.root, !size && styles.defaultWidth, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","navItemTokens","navDrawerClassNames","root","useStyles","De3pzq","Bt984gj","defaultWidth","a9b677","d","useNavDrawerStyles_unstable","state","size","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,mBAAmB;;;+BAkBY;eAA3BQ;;;uBApBwB,gBAAgB;AAElD,4BAA4B;IAC/BP,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAUrB,CAAC;AAGS,qCAAqCE,KAAK,IAAG;IACpD,MAAM,EAAEC,IAAAA,EAAM,GAAGD,KAAK;IACtB,MAAME,MAAM,GAAGT,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAO,KAAK,CAACR,IAAI,CAACW,SAAS,OAAGd,mBAAY,EAACE,mBAAmB,CAACC,IAAI,EAAEU,MAAM,CAACV,IAAI,EAAE,CAACS,IAAI,IAAIC,MAAM,CAACN,YAAY,EAAEI,KAAK,CAACR,IAAI,CAACW,SAAS,CAAC;IAC9H,OAAOH,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/NavDrawer/{useNavDrawerStyles.styles.raw.js → useNavDrawerStyles.styles.raw.cjs}

@@ -18,7 +18,7 @@ _export(exports, {
     }
 });
 const _react = require("@griffel/react");
-const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
+const _sharedNavStylesstyles = require("../sharedNavStyles.styles.cjs");
 const navDrawerClassNames = {
     root: 'fui-NavDrawer'
 };

package/lib-commonjs/components/NavDrawer/{useNavDrawerStyles.styles.raw.js.map → useNavDrawerStyles.styles.raw.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDrawer/useNavDrawerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { InlineDrawerSlots } from '@fluentui/react-drawer';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDrawerState } from './NavDrawer.types';\nimport { navItemTokens } from '../sharedNavStyles.styles';\n\nexport const navDrawerClassNames: SlotClassNames<Omit<InlineDrawerSlots, 'surfaceMotion'>> = {\n  root: 'fui-NavDrawer',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    backgroundColor: navItemTokens.backgroundColor,\n    alignItems: 'unset',\n  },\n  // seperate style so it can be applied conditionally\n  // if size is not set, use default width from the token.\n  defaultWidth: {\n    width: `${navItemTokens.defaultDrawerWidth}px`,\n  },\n});\n\n/**\n * Apply styling to the NavDrawer slots based on the state\n */\nexport const useNavDrawerStyles_unstable = (state: NavDrawerState): NavDrawerState => {\n  const { size } = state;\n\n  const styles = useStyles();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    navDrawerClassNames.root,\n    styles.root,\n    !size && styles.defaultWidth,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","navItemTokens","navDrawerClassNames","root","useStyles","backgroundColor","alignItems","defaultWidth","width","defaultDrawerWidth","useNavDrawerStyles_unstable","state","size","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAQaG,mBAAAA;;;IAsBAQ,2BAAAA;;;;uBA5B4B,iBAAiB;uCAI5B,4BAA4B;AAEnD,4BAAsF;IAC3FP,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYL,iBAAAA,EAAW;IAC3BI,MAAM;QACJE,iBAAiBJ,oCAAAA,CAAcI,eAAe;QAC9CC,YAAY;IACd;IACA,oDAAoD;IACpD,wDAAwD;IACxDC,cAAc;QACZC,OAAO,GAAGP,oCAAAA,CAAcQ,kBAAkB,CAAC,EAAE,CAAC;IAChD;AACF;AAKO,oCAAoC,CAACE;IAC1C,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAME,SAAST;IACf,oDAAoD;IACpDO,MAAMR,IAAI,CAACW,SAAS,OAAGd,mBAAAA,EACrBE,oBAAoBC,IAAI,EACxBU,OAAOV,IAAI,EACX,CAACS,QAAQC,OAAON,YAAY,EAC5BI,MAAMR,IAAI,CAACW,SAAS;IAGtB,OAAOH;AACT,EAAE"}
+{"version":3,"sources":["../src/components/NavDrawer/useNavDrawerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { InlineDrawerSlots } from '@fluentui/react-drawer';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDrawerState } from './NavDrawer.types';\nimport { navItemTokens } from '../sharedNavStyles.styles';\n\nexport const navDrawerClassNames: SlotClassNames<Omit<InlineDrawerSlots, 'surfaceMotion'>> = {\n  root: 'fui-NavDrawer',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    backgroundColor: navItemTokens.backgroundColor,\n    alignItems: 'unset',\n  },\n  // seperate style so it can be applied conditionally\n  // if size is not set, use default width from the token.\n  defaultWidth: {\n    width: `${navItemTokens.defaultDrawerWidth}px`,\n  },\n});\n\n/**\n * Apply styling to the NavDrawer slots based on the state\n */\nexport const useNavDrawerStyles_unstable = (state: NavDrawerState): NavDrawerState => {\n  const { size } = state;\n\n  const styles = useStyles();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    navDrawerClassNames.root,\n    styles.root,\n    !size && styles.defaultWidth,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","navItemTokens","navDrawerClassNames","root","useStyles","backgroundColor","alignItems","defaultWidth","width","defaultDrawerWidth","useNavDrawerStyles_unstable","state","size","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAQaG,mBAAAA;;;IAsBAQ,2BAAAA;;;;uBA5B4B,iBAAiB;uCAI5B,+BAA4B;AAEnD,4BAAsF;IAC3FP,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYL,iBAAAA,EAAW;IAC3BI,MAAM;QACJE,iBAAiBJ,oCAAAA,CAAcI,eAAe;QAC9CC,YAAY;IACd;IACA,oDAAoD;IACpD,wDAAwD;IACxDC,cAAc;QACZC,OAAO,GAAGP,oCAAAA,CAAcQ,kBAAkB,CAAC,EAAE,CAAC;IAChD;AACF;AAKO,oCAAoC,CAACE;IAC1C,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAME,SAAST;IACf,oDAAoD;IACpDO,MAAMR,IAAI,CAACW,SAAS,OAAGd,mBAAAA,EACrBE,oBAAoBC,IAAI,EACxBU,OAAOV,IAAI,EACX,CAACS,QAAQC,OAAON,YAAY,EAC5BI,MAAMR,IAAI,CAACW,SAAS;IAGtB,OAAOH;AACT,EAAE"}

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

@@ -13,8 +13,8 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactdrawer = require("@fluentui/react-drawer");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useNavDrawerBody = require("./useNavDrawerBody");
-const _useNavDrawerBodyStylesstyles = require("./useNavDrawerBodyStyles.styles");
+const _useNavDrawerBody = require("./useNavDrawerBody.cjs");
+const _useNavDrawerBodyStylesstyles = require("./useNavDrawerBodyStyles.styles.cjs");
 const NavDrawerBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useNavDrawerBody.useNavDrawerBody_unstable)(props, ref);
     (0, _useNavDrawerBodyStylesstyles.useNavDrawerBodyStyles_unstable)(state);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDrawerBody/NavDrawerBody.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDrawerBody_unstable } from '@fluentui/react-drawer';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useNavDrawerBody_unstable } from './useNavDrawerBody';\nimport { useNavDrawerBodyStyles_unstable } from './useNavDrawerBodyStyles.styles';\nimport type { NavDrawerBodyProps } from './NavDrawerBody.types';\n\n/**\n * NavDrawerBody component\n */\nexport const NavDrawerBody: ForwardRefComponent<NavDrawerBodyProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawerBody_unstable(props, ref);\n\n  useNavDrawerBodyStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavDrawerBodyStyles_unstable')(state);\n\n  return renderDrawerBody_unstable(state);\n});\n\nNavDrawerBody.displayName = 'NavDrawerBody';\n"],"names":["React","renderDrawerBody_unstable","useCustomStyleHook_unstable","useNavDrawerBody_unstable","useNavDrawerBodyStyles_unstable","NavDrawerBody","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BACW,yBAAyB;qCAEvB,kCAAkC;kCAEpC,qBAAqB;8CACf,kCAAkC;AAM3E,MAAMK,gBAAAA,WAAAA,GAAyDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQN,2CAAAA,EAA0BI,OAAOC;QAE/CJ,6DAAAA,EAAgCK;QAChCP,gDAAAA,EAA4B,mCAAmCO;IAE/D,WAAOR,sCAAAA,EAA0BQ;AACnC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/NavDrawerBody/NavDrawerBody.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDrawerBody_unstable } from '@fluentui/react-drawer';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useNavDrawerBody_unstable } from './useNavDrawerBody';\nimport { useNavDrawerBodyStyles_unstable } from './useNavDrawerBodyStyles.styles';\nimport type { NavDrawerBodyProps } from './NavDrawerBody.types';\n\n/**\n * NavDrawerBody component\n */\nexport const NavDrawerBody: ForwardRefComponent<NavDrawerBodyProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawerBody_unstable(props, ref);\n\n  useNavDrawerBodyStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavDrawerBodyStyles_unstable')(state);\n\n  return renderDrawerBody_unstable(state);\n});\n\nNavDrawerBody.displayName = 'NavDrawerBody';\n"],"names":["React","renderDrawerBody_unstable","useCustomStyleHook_unstable","useNavDrawerBody_unstable","useNavDrawerBodyStyles_unstable","NavDrawerBody","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BACW,yBAAyB;qCAEvB,kCAAkC;kCAEpC,wBAAqB;8CACf,qCAAkC;AAM3E,MAAMK,gBAAAA,WAAAA,GAAyDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQN,2CAAAA,EAA0BI,OAAOC;QAE/CJ,6DAAAA,EAAgCK;QAChCP,gDAAAA,EAA4B,mCAAmCO;IAE/D,WAAOR,sCAAAA,EAA0BQ;AACnC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

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

@@ -22,6 +22,6 @@ _export(exports, {
         return _useNavDrawerBody.useNavDrawerBody_unstable;
     }
 });
-const _NavDrawerBody = require("./NavDrawerBody");
-const _useNavDrawerBody = require("./useNavDrawerBody");
-const _useNavDrawerBodyStylesstyles = require("./useNavDrawerBodyStyles.styles");
+const _NavDrawerBody = require("./NavDrawerBody.cjs");
+const _useNavDrawerBody = require("./useNavDrawerBody.cjs");
+const _useNavDrawerBodyStylesstyles = require("./useNavDrawerBodyStyles.styles.cjs");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDrawerBody/index.ts"],"sourcesContent":["export { NavDrawerBody } from './NavDrawerBody';\nexport type { NavDrawerBodyProps, NavDrawerBodySlots, NavDrawerBodyState } from './NavDrawerBody.types';\nexport { useNavDrawerBody_unstable } from './useNavDrawerBody';\nexport { navDrawerBodyClassNames, useNavDrawerBodyStyles_unstable } from './useNavDrawerBodyStyles.styles';\n"],"names":["NavDrawerBody","useNavDrawerBody_unstable","navDrawerBodyClassNames","useNavDrawerBodyStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eAGbE,qDAAuB;;;eAAEC,6DAA+B;;;eADxDF,2CAAyB;;;+BAFJ,kBAAkB;kCAEN,qBAAqB;8CACU,kCAAkC"}
+{"version":3,"sources":["../src/components/NavDrawerBody/index.ts"],"sourcesContent":["export { NavDrawerBody } from './NavDrawerBody';\nexport type { NavDrawerBodyProps, NavDrawerBodySlots, NavDrawerBodyState } from './NavDrawerBody.types';\nexport { useNavDrawerBody_unstable } from './useNavDrawerBody';\nexport { navDrawerBodyClassNames, useNavDrawerBodyStyles_unstable } from './useNavDrawerBodyStyles.styles';\n"],"names":["NavDrawerBody","useNavDrawerBody_unstable","navDrawerBodyClassNames","useNavDrawerBodyStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eAGbE,qDAAuB;;;eAAEC,6DAA+B;;;eADxDF,2CAAyB;;;+BAFJ,qBAAkB;kCAEN,wBAAqB;8CACU,qCAAkC"}

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

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useNavDrawerBody_unstable", {
 });
 const _reacttabster = require("@fluentui/react-tabster");
 const _reactdrawer = require("@fluentui/react-drawer");
-const _NavContext = require("../NavContext");
+const _NavContext = require("../NavContext.cjs");
 const useNavDrawerBody_unstable = (props, ref)=>{
     const { tabbable } = (0, _NavContext.useNavContext_unstable)();
     const focusAttributes = (0, _reacttabster.useArrowNavigationGroup)({

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDrawerBody/useNavDrawerBody.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useDrawerBody_unstable } from '@fluentui/react-drawer';\n\nimport { useNavContext_unstable } from '../NavContext';\nimport type { NavDrawerBodyProps, NavDrawerBodyState } from './NavDrawerBody.types';\n/**\n * Create the state required to render NavDrawerBody.\n *\n * The returned state can be modified with hooks such as useNavDrawerBodyStyles_unstable,\n * before being passed to renderNavDrawerBody_unstable.\n *\n * @param props - props from this instance of NavDrawerBody\n * @param ref - reference to root HTMLDivElement of NavDrawerBody\n */\nexport const useNavDrawerBody_unstable = (\n  props: NavDrawerBodyProps,\n  ref: React.Ref<HTMLDivElement>,\n): NavDrawerBodyState => {\n  const { tabbable } = useNavContext_unstable();\n  const focusAttributes = useArrowNavigationGroup({\n    axis: 'vertical',\n    circular: true,\n    tabbable,\n  });\n\n  return useDrawerBody_unstable({ ...focusAttributes, ...props }, ref);\n};\n"],"names":["useArrowNavigationGroup","useDrawerBody_unstable","useNavContext_unstable","useNavDrawerBody_unstable","props","ref","tabbable","focusAttributes","axis","circular"],"mappings":"AAAA;;;;;;;;;;;8BAGwC,0BAA0B;6BAC3B,yBAAyB;4BAEzB,gBAAgB;AAWhD,MAAMG,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,QAAQ,EAAE,OAAGJ,kCAAAA;IACrB,MAAMK,sBAAkBP,qCAAAA,EAAwB;QAC9CQ,MAAM;QACNC,UAAU;QACVH;IACF;IAEA,WAAOL,mCAAAA,EAAuB;QAAE,GAAGM,eAAe;QAAE,GAAGH,KAAK;IAAC,GAAGC;AAClE,EAAE"}
+{"version":3,"sources":["../src/components/NavDrawerBody/useNavDrawerBody.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useDrawerBody_unstable } from '@fluentui/react-drawer';\n\nimport { useNavContext_unstable } from '../NavContext';\nimport type { NavDrawerBodyProps, NavDrawerBodyState } from './NavDrawerBody.types';\n/**\n * Create the state required to render NavDrawerBody.\n *\n * The returned state can be modified with hooks such as useNavDrawerBodyStyles_unstable,\n * before being passed to renderNavDrawerBody_unstable.\n *\n * @param props - props from this instance of NavDrawerBody\n * @param ref - reference to root HTMLDivElement of NavDrawerBody\n */\nexport const useNavDrawerBody_unstable = (\n  props: NavDrawerBodyProps,\n  ref: React.Ref<HTMLDivElement>,\n): NavDrawerBodyState => {\n  const { tabbable } = useNavContext_unstable();\n  const focusAttributes = useArrowNavigationGroup({\n    axis: 'vertical',\n    circular: true,\n    tabbable,\n  });\n\n  return useDrawerBody_unstable({ ...focusAttributes, ...props }, ref);\n};\n"],"names":["useArrowNavigationGroup","useDrawerBody_unstable","useNavContext_unstable","useNavDrawerBody_unstable","props","ref","tabbable","focusAttributes","axis","circular"],"mappings":"AAAA;;;;;;;;;;;8BAGwC,0BAA0B;6BAC3B,yBAAyB;4BAEzB,mBAAgB;AAWhD,MAAMG,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,QAAQ,EAAE,OAAGJ,kCAAAA;IACrB,MAAMK,sBAAkBP,qCAAAA,EAAwB;QAC9CQ,MAAM;QACNC,UAAU;QACVH;IACF;IAEA,WAAOL,mCAAAA,EAAuB;QAAE,GAAGM,eAAe;QAAE,GAAGH,KAAK;IAAC,GAAGC;AAClE,EAAE"}

package/lib-commonjs/components/NavDrawerBody/useNavDrawerBodyStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavDrawerBodyStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { useDrawerBodyStyles_unstable } from \"@fluentui/react-drawer\";\nexport const navDrawerBodyClassNames = {\n    root: 'fui-NavDrawerBody'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        padding: `0 ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalMNudge}`,\n        alignItems: 'unset',\n        display: 'flex',\n        flexDirection: 'column',\n        rowGap: tokens.spacingVerticalXXS\n    }\n});\n/**\n * Apply styling to the NavDrawerBody slots based on the state\n */ export const useNavDrawerBodyStyles_unstable = (state)=>{\n    useDrawerBodyStyles_unstable(state);\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(navDrawerBodyClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","tokens","useDrawerBodyStyles_unstable","navDrawerBodyClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bt984gj","mc9l5x","Beiy3e4","Belr9w4","d","p","useNavDrawerBodyStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICI,uBAAuB;;;mCAgBY;eAA/Bc;;;uBAnBwB,gBAAgB;6BAEZ,wBAAwB;AAC9D,gCAAgC;IACnCb,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAK,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAQrB,CAAC;AAGS,yCAAyCE,KAAK,IAAG;QACxDhB,yCAA4B,EAACgB,KAAK,CAAC;IACnC,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAa,KAAK,CAACd,IAAI,CAACgB,SAAS,OAAGpB,mBAAY,EAACG,uBAAuB,CAACC,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACgB,SAAS,CAAC;IACpG,OAAOF,KAAK;AAChB,CAAC"}

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

@@ -13,8 +13,8 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactdrawer = require("@fluentui/react-drawer");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useNavDrawerFooter = require("./useNavDrawerFooter");
-const _useNavDrawerFooterStylesstyles = require("./useNavDrawerFooterStyles.styles");
+const _useNavDrawerFooter = require("./useNavDrawerFooter.cjs");
+const _useNavDrawerFooterStylesstyles = require("./useNavDrawerFooterStyles.styles.cjs");
 const NavDrawerFooter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useNavDrawerFooter.useNavDrawerFooter_unstable)(props, ref);
     (0, _useNavDrawerFooterStylesstyles.useNavDrawerFooterStyles_unstable)(state);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDrawerFooter/NavDrawerFooter.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDrawerFooter_unstable } from '@fluentui/react-drawer';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useNavDrawerFooter_unstable } from './useNavDrawerFooter';\nimport { useNavDrawerFooterStyles_unstable } from './useNavDrawerFooterStyles.styles';\nimport type { NavDrawerFooterProps } from './NavDrawerFooter.types';\n\n/**\n * NavDrawerFooter component\n */\nexport const NavDrawerFooter: ForwardRefComponent<NavDrawerFooterProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawerFooter_unstable(props, ref);\n\n  useNavDrawerFooterStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavDrawerFooterStyles_unstable')(state);\n\n  return renderDrawerFooter_unstable(state);\n});\n\nNavDrawerFooter.displayName = 'NavDrawerFooter';\n"],"names":["React","renderDrawerFooter_unstable","useCustomStyleHook_unstable","useNavDrawerFooter_unstable","useNavDrawerFooterStyles_unstable","NavDrawerFooter","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BACa,yBAAyB;qCAEzB,kCAAkC;oCAElC,uBAAuB;gDACjB,oCAAoC;AAM/E,MAAMK,kBAAAA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,YAAQN,+CAAAA,EAA4BI,OAAOC;QAEjDJ,iEAAAA,EAAkCK;QAClCP,gDAAAA,EAA4B,qCAAqCO;IAEjE,WAAOR,wCAAAA,EAA4BQ;AACrC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/NavDrawerFooter/NavDrawerFooter.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDrawerFooter_unstable } from '@fluentui/react-drawer';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useNavDrawerFooter_unstable } from './useNavDrawerFooter';\nimport { useNavDrawerFooterStyles_unstable } from './useNavDrawerFooterStyles.styles';\nimport type { NavDrawerFooterProps } from './NavDrawerFooter.types';\n\n/**\n * NavDrawerFooter component\n */\nexport const NavDrawerFooter: ForwardRefComponent<NavDrawerFooterProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawerFooter_unstable(props, ref);\n\n  useNavDrawerFooterStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavDrawerFooterStyles_unstable')(state);\n\n  return renderDrawerFooter_unstable(state);\n});\n\nNavDrawerFooter.displayName = 'NavDrawerFooter';\n"],"names":["React","renderDrawerFooter_unstable","useCustomStyleHook_unstable","useNavDrawerFooter_unstable","useNavDrawerFooterStyles_unstable","NavDrawerFooter","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BACa,yBAAyB;qCAEzB,kCAAkC;oCAElC,0BAAuB;gDACjB,uCAAoC;AAM/E,MAAMK,kBAAAA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,YAAQN,+CAAAA,EAA4BI,OAAOC;QAEjDJ,iEAAAA,EAAkCK;QAClCP,gDAAAA,EAA4B,qCAAqCO;IAEjE,WAAOR,wCAAAA,EAA4BQ;AACrC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

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

@@ -22,6 +22,6 @@ _export(exports, {
         return _useNavDrawerFooter.useNavDrawerFooter_unstable;
     }
 });
-const _NavDrawerFooter = require("./NavDrawerFooter");
-const _useNavDrawerFooter = require("./useNavDrawerFooter");
-const _useNavDrawerFooterStylesstyles = require("./useNavDrawerFooterStyles.styles");
+const _NavDrawerFooter = require("./NavDrawerFooter.cjs");
+const _useNavDrawerFooter = require("./useNavDrawerFooter.cjs");
+const _useNavDrawerFooterStylesstyles = require("./useNavDrawerFooterStyles.styles.cjs");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDrawerFooter/index.ts"],"sourcesContent":["export { NavDrawerFooter } from './NavDrawerFooter';\nexport type { NavDrawerFooterProps, NavDrawerFooterSlots, NavDrawerFooterState } from './NavDrawerFooter.types';\nexport { useNavDrawerFooter_unstable } from './useNavDrawerFooter';\nexport { navDrawerFooterClassNames, useNavDrawerFooterStyles_unstable } from './useNavDrawerFooterStyles.styles';\n"],"names":["NavDrawerFooter","useNavDrawerFooter_unstable","navDrawerFooterClassNames","useNavDrawerFooterStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAGfE,yDAAyB;;;eAAEC,iEAAiC;;;eAD5DF,+CAA2B;;;iCAFJ,oBAAoB;oCAER,uBAAuB;gDACU,oCAAoC"}
+{"version":3,"sources":["../src/components/NavDrawerFooter/index.ts"],"sourcesContent":["export { NavDrawerFooter } from './NavDrawerFooter';\nexport type { NavDrawerFooterProps, NavDrawerFooterSlots, NavDrawerFooterState } from './NavDrawerFooter.types';\nexport { useNavDrawerFooter_unstable } from './useNavDrawerFooter';\nexport { navDrawerFooterClassNames, useNavDrawerFooterStyles_unstable } from './useNavDrawerFooterStyles.styles';\n"],"names":["NavDrawerFooter","useNavDrawerFooter_unstable","navDrawerFooterClassNames","useNavDrawerFooterStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAGfE,yDAAyB;;;eAAEC,iEAAiC;;;eAD5DF,+CAA2B;;;iCAFJ,uBAAoB;oCAER,0BAAuB;gDACU,uCAAoC"}

package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavDrawerFooterStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { useDrawerFooterStyles_unstable } from \"@fluentui/react-drawer\";\nexport const navDrawerFooterClassNames = {\n    root: 'fui-NavDrawerFooter'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXXS} ${tokens.spacingVerticalXS}  ${tokens.spacingHorizontalMNudge}`,\n        display: 'flex',\n        flexDirection: 'column',\n        rowGap: tokens.spacingVerticalXXS\n    }\n});\n/**\n * Apply styling to the NavDrawerFooter slots based on the state\n */ export const useNavDrawerFooterStyles_unstable = (state)=>{\n    useDrawerFooterStyles_unstable(state);\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(navDrawerFooterClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","tokens","useDrawerFooterStyles_unstable","navDrawerFooterClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mc9l5x","Beiy3e4","Belr9w4","d","p","useNavDrawerFooterStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICI,yBAAyB;;;qCAeY;;;;uBAlBT,gBAAgB;6BAEV,wBAAwB;AAChE,kCAAkC;IACrCC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAK,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAOrB,CAAC;AAGS,MAAMC,qCAAqCC,KAAK,IAAG;QAC1Df,2CAA8B,EAACe,KAAK,CAAC;IACrC,MAAMC,MAAM,GAAGb,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAY,KAAK,CAACb,IAAI,CAACe,SAAS,OAAGnB,mBAAY,EAACG,yBAAyB,CAACC,IAAI,EAAEc,MAAM,CAACd,IAAI,EAAEa,KAAK,CAACb,IAAI,CAACe,SAAS,CAAC;IACtG,OAAOF,KAAK;AAChB,CAAC"}

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

@@ -13,8 +13,8 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactdrawer = require("@fluentui/react-drawer");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useNavDrawerHeaderStylesstyles = require("./useNavDrawerHeaderStyles.styles");
-const _useNavDrawerHeader = require("./useNavDrawerHeader");
+const _useNavDrawerHeaderStylesstyles = require("./useNavDrawerHeaderStyles.styles.cjs");
+const _useNavDrawerHeader = require("./useNavDrawerHeader.cjs");
 const NavDrawerHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useNavDrawerHeader.useNavDrawerHeader_unstable)(props, ref);
     (0, _useNavDrawerHeaderStylesstyles.useNavDrawerHeaderStyles_unstable)(state);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDrawerHeader/NavDrawerHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDrawerHeader_unstable } from '@fluentui/react-drawer';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport { useNavDrawerHeaderStyles_unstable } from './useNavDrawerHeaderStyles.styles';\nimport { useNavDrawerHeader_unstable } from './useNavDrawerHeader';\nimport type { NavDrawerHeaderProps } from './NavDrawerHeader.types';\n\n/**\n * NavDrawerHeader component\n */\nexport const NavDrawerHeader: ForwardRefComponent<NavDrawerHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawerHeader_unstable(props, ref);\n\n  useNavDrawerHeaderStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavDrawerHeaderStyles_unstable')(state);\n\n  return renderDrawerHeader_unstable(state);\n});\n\nNavDrawerHeader.displayName = 'NavDrawerHeader';\n"],"names":["React","renderDrawerHeader_unstable","useCustomStyleHook_unstable","useNavDrawerHeaderStyles_unstable","useNavDrawerHeader_unstable","NavDrawerHeader","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BACa,yBAAyB;qCACzB,kCAAkC;gDAG5B,oCAAoC;oCAC1C,uBAAuB;AAM5D,MAAMK,kBAAAA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,YAAQL,+CAAAA,EAA4BG,OAAOC;QAEjDL,iEAAAA,EAAkCM;QAClCP,gDAAAA,EAA4B,qCAAqCO;IAEjE,WAAOR,wCAAAA,EAA4BQ;AACrC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/NavDrawerHeader/NavDrawerHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDrawerHeader_unstable } from '@fluentui/react-drawer';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport { useNavDrawerHeaderStyles_unstable } from './useNavDrawerHeaderStyles.styles';\nimport { useNavDrawerHeader_unstable } from './useNavDrawerHeader';\nimport type { NavDrawerHeaderProps } from './NavDrawerHeader.types';\n\n/**\n * NavDrawerHeader component\n */\nexport const NavDrawerHeader: ForwardRefComponent<NavDrawerHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useNavDrawerHeader_unstable(props, ref);\n\n  useNavDrawerHeaderStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavDrawerHeaderStyles_unstable')(state);\n\n  return renderDrawerHeader_unstable(state);\n});\n\nNavDrawerHeader.displayName = 'NavDrawerHeader';\n"],"names":["React","renderDrawerHeader_unstable","useCustomStyleHook_unstable","useNavDrawerHeaderStyles_unstable","useNavDrawerHeader_unstable","NavDrawerHeader","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;6BACa,yBAAyB;qCACzB,kCAAkC;gDAG5B,uCAAoC;oCAC1C,0BAAuB;AAM5D,MAAMK,kBAAAA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,YAAQL,+CAAAA,EAA4BG,OAAOC;QAEjDL,iEAAAA,EAAkCM;QAClCP,gDAAAA,EAA4B,qCAAqCO;IAEjE,WAAOR,wCAAAA,EAA4BQ;AACrC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

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

@@ -22,6 +22,6 @@ _export(exports, {
         return _useNavDrawerHeader.useNavDrawerHeader_unstable;
     }
 });
-const _NavDrawerHeader = require("./NavDrawerHeader");
-const _useNavDrawerHeader = require("./useNavDrawerHeader");
-const _useNavDrawerHeaderStylesstyles = require("./useNavDrawerHeaderStyles.styles");
+const _NavDrawerHeader = require("./NavDrawerHeader.cjs");
+const _useNavDrawerHeader = require("./useNavDrawerHeader.cjs");
+const _useNavDrawerHeaderStylesstyles = require("./useNavDrawerHeaderStyles.styles.cjs");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavDrawerHeader/index.ts"],"sourcesContent":["export { NavDrawerHeader } from './NavDrawerHeader';\nexport type { NavDrawerHeaderProps, NavDrawerHeaderSlots, NavDrawerHeaderState } from './NavDrawerHeader.types';\nexport { useNavDrawerHeader_unstable } from './useNavDrawerHeader';\nexport { navDrawerHeaderClassNames, useNavDrawerHeaderStyles_unstable } from './useNavDrawerHeaderStyles.styles';\n"],"names":["NavDrawerHeader","useNavDrawerHeader_unstable","navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAGfE,yDAAyB;;;eAAEC,iEAAiC;;;eAD5DF,+CAA2B;;;iCAFJ,oBAAoB;oCAER,uBAAuB;gDACU,oCAAoC"}
+{"version":3,"sources":["../src/components/NavDrawerHeader/index.ts"],"sourcesContent":["export { NavDrawerHeader } from './NavDrawerHeader';\nexport type { NavDrawerHeaderProps, NavDrawerHeaderSlots, NavDrawerHeaderState } from './NavDrawerHeader.types';\nexport { useNavDrawerHeader_unstable } from './useNavDrawerHeader';\nexport { navDrawerHeaderClassNames, useNavDrawerHeaderStyles_unstable } from './useNavDrawerHeaderStyles.styles';\n"],"names":["NavDrawerHeader","useNavDrawerHeader_unstable","navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAGfE,yDAAyB;;;eAAEC,iEAAiC;;;eAD5DF,+CAA2B;;;iCAFJ,uBAAoB;oCAER,0BAAuB;gDACU,uCAAoC"}

package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavDrawerHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { useDrawerHeaderStyles_unstable } from \"@fluentui/react-drawer\";\nexport const navDrawerHeaderClassNames = {\n    root: 'fui-NavDrawerHeader'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        margin: 'unset',\n        paddingInlineStart: '14px',\n        paddingBlock: '5px'\n    }\n});\n/**\n * Apply styling to the NavDrawerHeader slots based on the state\n */ export const useNavDrawerHeaderStyles_unstable = (state)=>{\n    useDrawerHeaderStyles_unstable(state);\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(navDrawerHeaderClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","useDrawerHeaderStyles_unstable","navDrawerHeaderClassNames","root","useStyles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","B1hrpyx","Dbcxam","rjzwhg","Bblux5w","d","p","useNavDrawerHeaderStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,yBAAyB;;;qCAcY;eAAjCc;;;uBAhBwB,gBAAgB;6BACV,wBAAwB;AAChE,kCAAkC;IACrCb,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAMrB,CAAC;AAGS,2CAA2CE,KAAK,IAAG;QAC1DhB,2CAA8B,EAACgB,KAAK,CAAC;IACrC,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAa,KAAK,CAACd,IAAI,CAACgB,SAAS,OAAGnB,mBAAY,EAACE,yBAAyB,CAACC,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACgB,SAAS,CAAC;IACtG,OAAOF,KAAK;AAChB,CAAC"}

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

@@ -12,9 +12,9 @@ Object.defineProperty(exports, "NavItem", {
 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 _useNavItem = require("./useNavItem");
-const _renderNavItem = require("./renderNavItem");
-const _useNavItemStylesstyles = require("./useNavItemStyles.styles");
+const _useNavItem = require("./useNavItem.cjs");
+const _renderNavItem = require("./renderNavItem.cjs");
+const _useNavItemStylesstyles = require("./useNavItemStyles.styles.cjs");
 const NavItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useNavItem.useNavItem_unstable)(props, ref);
     (0, _useNavItemStylesstyles.useNavItemStyles_unstable)(state);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavItem/NavItem.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 { useNavItem_unstable } from './useNavItem';\nimport { renderNavItem_unstable } from './renderNavItem';\nimport { useNavItemStyles_unstable } from './useNavItemStyles.styles';\nimport type { NavItemProps } from './NavItem.types';\n\n/**\n * NavItem component - a single item in the navigation menu.\n */\nexport const NavItem: ForwardRefComponent<NavItemProps> = React.forwardRef((props, ref) => {\n  const state = useNavItem_unstable(props, ref);\n\n  useNavItemStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavItemStyles_unstable')(state);\n\n  return renderNavItem_unstable(state);\n});\n\nNavItem.displayName = 'NavItem';\n"],"names":["React","useCustomStyleHook_unstable","useNavItem_unstable","renderNavItem_unstable","useNavItemStyles_unstable","NavItem","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/NavItem/NavItem.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 { useNavItem_unstable } from './useNavItem';\nimport { renderNavItem_unstable } from './renderNavItem';\nimport { useNavItemStyles_unstable } from './useNavItemStyles.styles';\nimport type { NavItemProps } from './NavItem.types';\n\n/**\n * NavItem component - a single item in the navigation menu.\n */\nexport const NavItem: ForwardRefComponent<NavItemProps> = React.forwardRef((props, ref) => {\n  const state = useNavItem_unstable(props, ref);\n\n  useNavItemStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavItemStyles_unstable')(state);\n\n  return renderNavItem_unstable(state);\n});\n\nNavItem.displayName = 'NavItem';\n"],"names":["React","useCustomStyleHook_unstable","useNavItem_unstable","renderNavItem_unstable","useNavItemStyles_unstable","NavItem","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"}

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

@@ -28,7 +28,7 @@ _export(exports, {
         return _useNavItem.useNavItem_unstable;
     }
 });
-const _NavItem = require("./NavItem");
-const _renderNavItem = require("./renderNavItem");
-const _useNavItem = require("./useNavItem");
-const _useNavItemStylesstyles = require("./useNavItemStyles.styles");
+const _NavItem = require("./NavItem.cjs");
+const _renderNavItem = require("./renderNavItem.cjs");
+const _useNavItem = require("./useNavItem.cjs");
+const _useNavItemStylesstyles = require("./useNavItemStyles.styles.cjs");

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavItem/index.ts"],"sourcesContent":["export { NavItem } from './NavItem';\nexport type { NavItemSlots, NavItemProps, NavItemState, NavItemBaseProps, NavItemBaseState } from './NavItem.types';\nexport { renderNavItem_unstable } from './renderNavItem';\nexport { useNavItem_unstable, useNavItemBase_unstable } from './useNavItem';\nexport { useNavItemStyles_unstable, navItemClassNames } from './useNavItemStyles.styles';\n"],"names":["NavItem","renderNavItem_unstable","useNavItem_unstable","useNavItemBase_unstable","useNavItemStyles_unstable","navItemClassNames"],"mappings":";;;;;;;;;;;;eAASA,gBAAO;;;eAIoBK,yCAAiB;;;eAF5CJ,qCAAsB;;;eACDE,mCAAuB;;;eAC5CC,iDAAyB;;;eADzBF,+BAAmB;;;yBAHJ,YAAY;+BAEG,kBAAkB;4BACI,eAAe;wCACf,4BAA4B"}
+{"version":3,"sources":["../src/components/NavItem/index.ts"],"sourcesContent":["export { NavItem } from './NavItem';\nexport type { NavItemSlots, NavItemProps, NavItemState, NavItemBaseProps, NavItemBaseState } from './NavItem.types';\nexport { renderNavItem_unstable } from './renderNavItem';\nexport { useNavItem_unstable, useNavItemBase_unstable } from './useNavItem';\nexport { useNavItemStyles_unstable, navItemClassNames } from './useNavItemStyles.styles';\n"],"names":["NavItem","renderNavItem_unstable","useNavItem_unstable","useNavItemBase_unstable","useNavItemStyles_unstable","navItemClassNames"],"mappings":";;;;;;;;;;;;eAASA,gBAAO;;;eAIoBK,yCAAiB;;;eAF5CJ,qCAAsB;;;eACDE,mCAAuB;;;eAC5CC,iDAAyB;;;eADzBF,+BAAmB;;;yBAHJ,eAAY;+BAEG,qBAAkB;4BACI,kBAAe;wCACf,+BAA4B"}

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

@@ -21,7 +21,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactutilities = require("@fluentui/react-utilities");
 const _reactaria = require("@fluentui/react-aria");
-const _NavContext = require("../NavContext");
+const _NavContext = require("../NavContext.cjs");
 const useNavItem_unstable = (props, ref)=>{
     const { density = 'medium' } = (0, _NavContext.useNavContext_unstable)();
     const state = useNavItemBase_unstable(props, ref);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavItem/useNavItem.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback, isHTMLElement } from '@fluentui/react-utilities';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport { useNavContext_unstable } from '../NavContext';\n\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { NavItemBaseState, NavItemProps, NavItemState } from './NavItem.types';\n\n/**\n * Create the state required to render NavItem.\n *\n * The returned state can be modified with hooks such as useNavItemStyles_unstable,\n * before being passed to renderNavItem_unstable.\n *\n * @param props - props from this instance of NavItem\n * @param ref - reference to root HTMLAnchorElement of NavItem\n */\nexport const useNavItem_unstable = (\n  props: NavItemProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): NavItemState => {\n  const { density = 'medium' } = useNavContext_unstable();\n  const state = useNavItemBase_unstable(props, ref);\n\n  return {\n    ...state,\n    density,\n  };\n};\n\n/**\n * NavItemBaseState is the base state used in rendering NavItem,\n * excluding any design-related properties such as `density`.\n *\n * @param props - props from this instance of NavItem\n * @param ref - reference to root HTMLAnchorElement of NavItem\n */\nexport const useNavItemBase_unstable = (\n  props: NavItemProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): NavItemBaseState => {\n  const { onClick, value, icon, as, href } = props;\n\n  const { selectedValue, onRegister, onUnregister, onSelect } = useNavContext_unstable();\n\n  const rootElementType = as || (href ? 'a' : 'button');\n\n  const selected = selectedValue === value;\n\n  const innerRef = React.useRef<HTMLElement>(null);\n\n  const onNavItemClick: ARIAButtonSlotProps<'a'>['onClick'] = useEventCallback(event => {\n    onClick?.(event);\n\n    if (!event.defaultPrevented && isHTMLElement(event.target)) {\n      onSelect(event, { type: 'click', event, value });\n    }\n  });\n\n  const root = slot.always<ARIAButtonSlotProps<'a'>>(\n    getIntrinsicElementProps(\n      rootElementType,\n      useARIAButtonProps(rootElementType, {\n        'aria-current': selected ? 'page' : 'false',\n        ...props,\n      }),\n    ),\n    {\n      elementType: rootElementType,\n      defaultProps: {\n        ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n        type: rootElementType,\n      },\n    },\n  );\n\n  root.onClick = onNavItemClick;\n\n  React.useEffect(() => {\n    onRegister({\n      value,\n      ref: innerRef,\n    });\n\n    return () => {\n      onUnregister({ value, ref: innerRef });\n    };\n  }, [onRegister, onUnregister, innerRef, value]);\n\n  return {\n    components: { root: rootElementType, icon: 'span' },\n    root,\n    icon: slot.optional(icon, {\n      elementType: 'span',\n    }),\n    selected,\n    value,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useEventCallback","isHTMLElement","useARIAButtonProps","useNavContext_unstable","useNavItem_unstable","props","ref","density","state","useNavItemBase_unstable","onClick","value","icon","as","href","selectedValue","onRegister","onUnregister","onSelect","rootElementType","selected","innerRef","useRef","onNavItemClick","event","defaultPrevented","target","type","root","always","elementType","defaultProps","useEffect","components","optional"],"mappings":"AAAA;;;;;;;;;;;;2BAuCaY;eAAAA;;uBApBAL;;;;;iEAjBU,QAAQ;gCACiD,4BAA4B;2BACzE,uBAAuB;4BACnB,gBAAgB;AAchD,MAAMA,sBAAsB,CACjCC,OACAC;IAEA,MAAM,EAAEC,UAAU,QAAQ,EAAE,OAAGJ,kCAAAA;IAC/B,MAAMK,QAAQC,wBAAwBJ,OAAOC;IAE7C,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AASK,gCAAgC,CACrCF,OACAC;IAEA,MAAM,EAAEI,OAAO,EAAEC,KAAK,EAAEC,IAAI,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGT;IAE3C,MAAM,EAAEU,aAAa,EAAEC,UAAU,EAAEC,YAAY,EAAEC,QAAQ,EAAE,OAAGf,kCAAAA;IAE9D,MAAMgB,kBAAkBN,MAAOC,CAAAA,OAAO,MAAM,QAAA,CAAO;IAEnD,MAAMM,WAAWL,kBAAkBJ;IAEnC,MAAMU,WAAWxB,OAAMyB,MAAM,CAAc;IAE3C,MAAMC,qBAAsDvB,gCAAAA,EAAiBwB,CAAAA;QAC3Ed,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUc;QAEV,IAAI,CAACA,MAAMC,gBAAgB,QAAIxB,6BAAAA,EAAcuB,MAAME,MAAM,GAAG;YAC1DR,SAASM,OAAO;gBAAEG,MAAM;gBAASH;gBAAOb;YAAM;QAChD;IACF;IAEA,MAAMiB,OAAO7B,oBAAAA,CAAK8B,MAAM,KACtB/B,wCAAAA,EACEqB,qBACAjB,6BAAAA,EAAmBiB,iBAAiB;QAClC,gBAAgBC,WAAW,SAAS;QACpC,GAAGf,KAAK;IACV,KAEF;QACEyB,aAAaX;QACbY,cAAc;YACZzB,KAAKA;YACLqB,MAAMR;QACR;IACF;IAGFS,KAAKlB,OAAO,GAAGa;IAEf1B,OAAMmC,SAAS,CAAC;QACdhB,WAAW;YACTL;YACAL,KAAKe;QACP;QAEA,OAAO;YACLJ,aAAa;gBAAEN;gBAAOL,KAAKe;YAAS;QACtC;IACF,GAAG;QAACL;QAAYC;QAAcI;QAAUV;KAAM;IAE9C,OAAO;QACLsB,YAAY;YAAEL,MAAMT;YAAiBP,MAAM;QAAO;QAClDgB;QACAhB,MAAMb,oBAAAA,CAAKmC,QAAQ,CAACtB,MAAM;YACxBkB,aAAa;QACf;QACAV;QACAT;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/NavItem/useNavItem.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback, isHTMLElement } from '@fluentui/react-utilities';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport { useNavContext_unstable } from '../NavContext';\n\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { NavItemBaseState, NavItemProps, NavItemState } from './NavItem.types';\n\n/**\n * Create the state required to render NavItem.\n *\n * The returned state can be modified with hooks such as useNavItemStyles_unstable,\n * before being passed to renderNavItem_unstable.\n *\n * @param props - props from this instance of NavItem\n * @param ref - reference to root HTMLAnchorElement of NavItem\n */\nexport const useNavItem_unstable = (\n  props: NavItemProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): NavItemState => {\n  const { density = 'medium' } = useNavContext_unstable();\n  const state = useNavItemBase_unstable(props, ref);\n\n  return {\n    ...state,\n    density,\n  };\n};\n\n/**\n * NavItemBaseState is the base state used in rendering NavItem,\n * excluding any design-related properties such as `density`.\n *\n * @param props - props from this instance of NavItem\n * @param ref - reference to root HTMLAnchorElement of NavItem\n */\nexport const useNavItemBase_unstable = (\n  props: NavItemProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): NavItemBaseState => {\n  const { onClick, value, icon, as, href } = props;\n\n  const { selectedValue, onRegister, onUnregister, onSelect } = useNavContext_unstable();\n\n  const rootElementType = as || (href ? 'a' : 'button');\n\n  const selected = selectedValue === value;\n\n  const innerRef = React.useRef<HTMLElement>(null);\n\n  const onNavItemClick: ARIAButtonSlotProps<'a'>['onClick'] = useEventCallback(event => {\n    onClick?.(event);\n\n    if (!event.defaultPrevented && isHTMLElement(event.target)) {\n      onSelect(event, { type: 'click', event, value });\n    }\n  });\n\n  const root = slot.always<ARIAButtonSlotProps<'a'>>(\n    getIntrinsicElementProps(\n      rootElementType,\n      useARIAButtonProps(rootElementType, {\n        'aria-current': selected ? 'page' : 'false',\n        ...props,\n      }),\n    ),\n    {\n      elementType: rootElementType,\n      defaultProps: {\n        ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n        type: rootElementType,\n      },\n    },\n  );\n\n  root.onClick = onNavItemClick;\n\n  React.useEffect(() => {\n    onRegister({\n      value,\n      ref: innerRef,\n    });\n\n    return () => {\n      onUnregister({ value, ref: innerRef });\n    };\n  }, [onRegister, onUnregister, innerRef, value]);\n\n  return {\n    components: { root: rootElementType, icon: 'span' },\n    root,\n    icon: slot.optional(icon, {\n      elementType: 'span',\n    }),\n    selected,\n    value,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useEventCallback","isHTMLElement","useARIAButtonProps","useNavContext_unstable","useNavItem_unstable","props","ref","density","state","useNavItemBase_unstable","onClick","value","icon","as","href","selectedValue","onRegister","onUnregister","onSelect","rootElementType","selected","innerRef","useRef","onNavItemClick","event","defaultPrevented","target","type","root","always","elementType","defaultProps","useEffect","components","optional"],"mappings":"AAAA;;;;;;;;;;;;2BAuCaY;eAAAA;;uBApBAL;;;;;iEAjBU,QAAQ;gCACiD,4BAA4B;2BACzE,uBAAuB;4BACnB,mBAAgB;AAchD,MAAMA,sBAAsB,CACjCC,OACAC;IAEA,MAAM,EAAEC,UAAU,QAAQ,EAAE,OAAGJ,kCAAAA;IAC/B,MAAMK,QAAQC,wBAAwBJ,OAAOC;IAE7C,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AASK,gCAAgC,CACrCF,OACAC;IAEA,MAAM,EAAEI,OAAO,EAAEC,KAAK,EAAEC,IAAI,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGT;IAE3C,MAAM,EAAEU,aAAa,EAAEC,UAAU,EAAEC,YAAY,EAAEC,QAAQ,EAAE,OAAGf,kCAAAA;IAE9D,MAAMgB,kBAAkBN,MAAOC,CAAAA,OAAO,MAAM,QAAA,CAAO;IAEnD,MAAMM,WAAWL,kBAAkBJ;IAEnC,MAAMU,WAAWxB,OAAMyB,MAAM,CAAc;IAE3C,MAAMC,qBAAsDvB,gCAAAA,EAAiBwB,CAAAA;QAC3Ed,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUc;QAEV,IAAI,CAACA,MAAMC,gBAAgB,QAAIxB,6BAAAA,EAAcuB,MAAME,MAAM,GAAG;YAC1DR,SAASM,OAAO;gBAAEG,MAAM;gBAASH;gBAAOb;YAAM;QAChD;IACF;IAEA,MAAMiB,OAAO7B,oBAAAA,CAAK8B,MAAM,KACtB/B,wCAAAA,EACEqB,qBACAjB,6BAAAA,EAAmBiB,iBAAiB;QAClC,gBAAgBC,WAAW,SAAS;QACpC,GAAGf,KAAK;IACV,KAEF;QACEyB,aAAaX;QACbY,cAAc;YACZzB,KAAKA;YACLqB,MAAMR;QACR;IACF;IAGFS,KAAKlB,OAAO,GAAGa;IAEf1B,OAAMmC,SAAS,CAAC;QACdhB,WAAW;YACTL;YACAL,KAAKe;QACP;QAEA,OAAO;YACLJ,aAAa;gBAAEN;gBAAOL,KAAKe;YAAS;QACtC;IACF,GAAG;QAACL;QAAYC;QAAcI;QAAUV;KAAM;IAE9C,OAAO;QACLsB,YAAY;YAAEL,MAAMT;YAAiBP,MAAM;QAAO;QAClDgB;QACAhB,MAAMb,oBAAAA,CAAKmC,QAAQ,CAACtB,MAAM;YACxBkB,aAAa;QACf;QACAV;QACAT;IACF;AACF,EAAE"}

package/lib-commonjs/components/NavItem/{useNavItemStyles.styles.raw.js → useNavItemStyles.styles.cjs}

@@ -18,7 +18,7 @@ _export(exports, {
     }
 });
 const _react = require("@griffel/react");
-const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
+const _sharedNavStylesstyles = require("../sharedNavStyles.styles.cjs");
 const navItemClassNames = {
     root: 'fui-NavItem',
     icon: 'fui-NavItem__icon'

package/lib-commonjs/components/NavItem/useNavItemStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses } from \"@griffel/react\";\nimport { useContentStyles, useIconStyles, useIndicatorStyles, useRootDefaultClassName, useSmallStyles } from \"../sharedNavStyles.styles.js\";\nexport const navItemClassNames = {\n    root: 'fui-NavItem',\n    icon: 'fui-NavItem__icon'\n};\n/**\n * Apply styling to the NavItem slots based on the state\n */ export const useNavItemStyles_unstable = (state)=>{\n    const rootDefaultClassName = useRootDefaultClassName();\n    const smallStyles = useSmallStyles();\n    const contentStyles = useContentStyles();\n    const indicatorStyles = useIndicatorStyles();\n    const iconStyles = useIconStyles();\n    const { selected, density } = state;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(navItemClassNames.root, rootDefaultClassName, density === 'small' && smallStyles.root, selected && indicatorStyles.base, selected && contentStyles.selected, state.root.className);\n    if (state.icon) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.icon.className = mergeClasses(navItemClassNames.icon, iconStyles.base, selected && iconStyles.selected, state.icon.className);\n    }\n    return state;\n};\n"],"names":["mergeClasses","useContentStyles","useIconStyles","useIndicatorStyles","useRootDefaultClassName","useSmallStyles","navItemClassNames","root","icon","useNavItemStyles_unstable","state","rootDefaultClassName","smallStyles","contentStyles","indicatorStyles","iconStyles","selected","density","className","base"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCM,iBAAiB;;;IAMbG,yBAAyB;;;;uBARb,gBAAgB;uCACgE,8BAA8B;AACpI,0BAA0B;IAC7BF,IAAI,EAAE,aAAa;IACnBC,IAAI,EAAE;AACV,CAAC;AAGU,mCAAmCE,KAAK,IAAG;IAClD,MAAMC,oBAAoB,OAAGP,8CAAuB,CAAC,CAAC;IACtD,MAAMQ,WAAW,OAAGP,qCAAc,CAAC,CAAC;IACpC,MAAMQ,aAAa,OAAGZ,uCAAgB,CAAC,CAAC;IACxC,MAAMa,eAAe,GAAGX,6CAAkB,CAAC,CAAC;IAC5C,MAAMY,UAAU,OAAGb,oCAAa,CAAC,CAAC;IAClC,MAAM,EAAEc,QAAQ,EAAEC,OAAAA,EAAS,GAAGP,KAAK;IACnC,oDAAA;IACAA,KAAK,CAACH,IAAI,CAACW,SAAS,OAAGlB,mBAAY,EAACM,iBAAiB,CAACC,IAAI,EAAEI,oBAAoB,EAAEM,OAAO,KAAK,OAAO,IAAIL,WAAW,CAACL,IAAI,EAAES,QAAQ,IAAIF,eAAe,CAACK,IAAI,EAAEH,QAAQ,IAAIH,aAAa,CAACG,QAAQ,EAAEN,KAAK,CAACH,IAAI,CAACW,SAAS,CAAC;IACtN,IAAIR,KAAK,CAACF,IAAI,EAAE;QACZ,oDAAA;QACAE,KAAK,CAACF,IAAI,CAACU,SAAS,OAAGlB,mBAAY,EAACM,iBAAiB,CAACE,IAAI,EAAEO,UAAU,CAACI,IAAI,EAAEH,QAAQ,IAAID,UAAU,CAACC,QAAQ,EAAEN,KAAK,CAACF,IAAI,CAACU,SAAS,CAAC;IACvI;IACA,OAAOR,KAAK;AAChB,CAAC"}