@fluentui/react-nav 9.2.4 → 9.3.1

package/lib-commonjs/components/NavSubItemContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavSubItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavItemValue } from './NavContext.types';\n\n// This context is analogous to AccordionItemContext\n\nexport type NavSubItemContextValue = {\n  open: boolean;\n  value: NavItemValue;\n};\n\nconst NavSubItemContext = React.createContext<NavSubItemContextValue | undefined>(\n  undefined,\n) as React.Context<NavSubItemContextValue>;\n\nconst NavSubItemContextDefaultValue: NavSubItemContextValue = {\n  open: false,\n  value: '',\n};\n\nexport const { Provider: NavSubItemProvider } = NavSubItemContext;\n\nexport const useNavSubItemContext_unstable = () => {\n  return React.useContext(NavSubItemContext) ?? NavSubItemContextDefaultValue;\n};\n"],"names":["NavSubItemProvider","useNavSubItemContext_unstable","NavSubItemContext","React","createContext","undefined","NavSubItemContextDefaultValue","open","value","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAmByBA,kBAAkB;eAAlBA;;IAEZC,6BAAAA;eAAAA;;;;iEArBU;AAUvB,MAAMC,kCAAoBC,OAAMC,aAAa,CAC3CC;AAGF,MAAMC,gCAAwD;IAC5DC,MAAM;IACNC,OAAO;AACT;AAEO,MAAM,EAAEC,UAAUT,kBAAkB,EAAE,GAAGE;AAEzC,MAAMD,gCAAgC;QACpCE;IAAP,OAAOA,CAAAA,oBAAAA,OAAMO,UAAU,CAACR,kBAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAAuCG;AAChD"}
+{"version":3,"sources":["../src/components/NavSubItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavItemValue } from './NavContext.types';\n\n// This context is analogous to AccordionItemContext\n\nexport type NavSubItemContextValue = {\n  open: boolean;\n  value: NavItemValue;\n};\n\nconst NavSubItemContext = React.createContext<NavSubItemContextValue | undefined>(\n  undefined,\n) as React.Context<NavSubItemContextValue>;\n\nconst NavSubItemContextDefaultValue: NavSubItemContextValue = {\n  open: false,\n  value: '',\n};\n\nexport const { Provider: NavSubItemProvider } = NavSubItemContext;\n\nexport const useNavSubItemContext_unstable = () => {\n  return React.useContext(NavSubItemContext) ?? NavSubItemContextDefaultValue;\n};\n"],"names":["React","NavSubItemContext","createContext","undefined","NavSubItemContextDefaultValue","open","value","Provider","NavSubItemProvider","useNavSubItemContext_unstable","useContext"],"mappings":";;;;;;;;;;;;;;iCAqBaS;;;;;iEArBU,QAAQ;AAU/B,MAAMR,kCAAoBD,OAAME,aAAa,CAC3CC;AAGF,MAAMC,gCAAwD;IAC5DC,MAAM;IACNC,OAAO;AACT;AAEO,MAAM,EAAEC,UAAUC,kBAAkB,EAAE,GAAGP,kBAAkB;AAE3D,MAAMQ,gCAAgC;QACpCT;IAAP,OAAOA,CAAAA,oBAAAA,OAAMU,UAAU,CAACT,kBAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAAuCI;AAChD,EAAE"}

package/lib-commonjs/components/NavSubItemGroup/NavSubItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavSubItemGroup/NavSubItemGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useNavSubItemGroup_unstable } from './useNavSubItemGroup';\nimport { renderNavSubItemGroup_unstable } from './renderNavSubItemGroup';\nimport { useNavSubItemGroupStyles_unstable } from './useNavSubItemGroupStyles.styles';\nimport type { NavSubItemGroupProps } from './NavSubItemGroup.types';\n\n/**\n * NavSubItemGroup component - a group of sub-items within a navigation structure.\n */\nexport const NavSubItemGroup: ForwardRefComponent<NavSubItemGroupProps> = React.forwardRef((props, ref) => {\n  const state = useNavSubItemGroup_unstable(props, ref);\n\n  useNavSubItemGroupStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavSubItemGroupStyles_unstable')(state);\n\n  return renderNavSubItemGroup_unstable(state);\n});\n\nNavSubItemGroup.displayName = 'NavSubItemGroup';\n"],"names":["NavSubItemGroup","React","forwardRef","props","ref","state","useNavSubItemGroup_unstable","useNavSubItemGroupStyles_unstable","useCustomStyleHook_unstable","renderNavSubItemGroup_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qCAEqB;oCAEA;uCACG;gDACG;AAM3C,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAClCG,IAAAA,gDAAAA,EAA4B,qCAAqCH;IAEjE,OAAOI,IAAAA,qDAAAA,EAA+BJ;AACxC;AAEAL,gBAAgBU,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/NavSubItemGroup/NavSubItemGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useNavSubItemGroup_unstable } from './useNavSubItemGroup';\nimport { renderNavSubItemGroup_unstable } from './renderNavSubItemGroup';\nimport { useNavSubItemGroupStyles_unstable } from './useNavSubItemGroupStyles.styles';\nimport type { NavSubItemGroupProps } from './NavSubItemGroup.types';\n\n/**\n * NavSubItemGroup component - a group of sub-items within a navigation structure.\n */\nexport const NavSubItemGroup: ForwardRefComponent<NavSubItemGroupProps> = React.forwardRef((props, ref) => {\n  const state = useNavSubItemGroup_unstable(props, ref);\n\n  useNavSubItemGroupStyles_unstable(state);\n  useCustomStyleHook_unstable('useNavSubItemGroupStyles_unstable')(state);\n\n  return renderNavSubItemGroup_unstable(state);\n});\n\nNavSubItemGroup.displayName = 'NavSubItemGroup';\n"],"names":["React","useCustomStyleHook_unstable","useNavSubItemGroup_unstable","renderNavSubItemGroup_unstable","useNavSubItemGroupStyles_unstable","NavSubItemGroup","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAYaK;;;;;;;iEAZU,QAAQ;qCAEa,kCAAkC;oCAElC,uBAAuB;uCACpB,0BAA0B;gDACvB,oCAAoC;AAM/E,wBAAMA,WAAAA,GAA6DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQP,mDAAAA,EAA4BK,OAAOC;QAEjDJ,iEAAAA,EAAkCK;QAClCR,gDAAAA,EAA4B,qCAAqCQ;IAEjE,WAAON,qDAAAA,EAA+BM;AACxC,GAAG;AAEHJ,gBAAgBK,WAAW,GAAG"}

package/lib-commonjs/components/NavSubItemGroup/NavSubItemGroup.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavSubItemGroup/NavSubItemGroup.types.ts"],"sourcesContent":["import { PresenceMotionSlotProps } from '@fluentui/react-motion';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { NavDensity } from '../Nav/Nav.types';\n\n/**\n * Context value for NavSubItemGroup\n */\nexport type NavSubItemGroupCollapseMotionParams = {\n  /**\n   * The number of items in the NavSubItemGroup\n   */\n  items?: number;\n\n  /**\n   * The density of the NavItem\n   */\n  density?: NavDensity;\n};\n\nexport type NavSubItemGroupSlots = {\n  /**\n   * The root element\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Collapse motion slot\n   */\n  collapseMotion?: Slot<PresenceMotionSlotProps<NavSubItemGroupCollapseMotionParams>>;\n};\n\n/**\n * NavSubItemGroup Props\n */\nexport type NavSubItemGroupProps = ComponentProps<NavSubItemGroupSlots>;\n\n/**\n * State used in rendering NavSubItemGroup\n */\nexport type NavSubItemGroupState = ComponentState<NavSubItemGroupSlots> & {\n  /**\n   * Internal open state, provided by context.\n   */\n  open: boolean;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAoCA;;CAEC"}
+{"version":3,"sources":["../src/components/NavSubItemGroup/NavSubItemGroup.types.ts"],"sourcesContent":["import { PresenceMotionSlotProps } from '@fluentui/react-motion';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { NavDensity } from '../Nav/Nav.types';\n\n/**\n * Context value for NavSubItemGroup\n */\nexport type NavSubItemGroupCollapseMotionParams = {\n  /**\n   * The number of items in the NavSubItemGroup\n   */\n  items?: number;\n\n  /**\n   * The density of the NavItem\n   */\n  density?: NavDensity;\n};\n\nexport type NavSubItemGroupSlots = {\n  /**\n   * The root element\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Collapse motion slot\n   */\n  collapseMotion?: Slot<PresenceMotionSlotProps<NavSubItemGroupCollapseMotionParams>>;\n};\n\n/**\n * NavSubItemGroup Props\n */\nexport type NavSubItemGroupProps = ComponentProps<NavSubItemGroupSlots>;\n\n/**\n * State used in rendering NavSubItemGroup\n */\nexport type NavSubItemGroupState = ComponentState<NavSubItemGroupSlots> & {\n  /**\n   * Internal open state, provided by context.\n   */\n  open: boolean;\n};\n"],"names":[],"mappings":"AAoCA;;CAEC,GACD,WAKE"}

package/lib-commonjs/components/NavSubItemGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavSubItemGroup/index.ts"],"sourcesContent":["export { NavSubItemGroup } from './NavSubItemGroup';\nexport type { NavSubItemGroupSlots, NavSubItemGroupProps, NavSubItemGroupState } from './NavSubItemGroup.types';\nexport { renderNavSubItemGroup_unstable } from './renderNavSubItemGroup';\nexport { useNavSubItemGroup_unstable } from './useNavSubItemGroup';\nexport { useNavSubItemGroupStyles_unstable, navSubItemGroupClassNames } from './useNavSubItemGroupStyles.styles';\n"],"names":["NavSubItemGroup","navSubItemGroupClassNames","renderNavSubItemGroup_unstable","useNavSubItemGroupStyles_unstable","useNavSubItemGroup_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,eAAe;eAAfA,gCAAe;;IAIoBC,yBAAyB;eAAzBA,yDAAyB;;IAF5DC,8BAA8B;eAA9BA,qDAA8B;;IAE9BC,iCAAiC;eAAjCA,iEAAiC;;IADjCC,2BAA2B;eAA3BA,+CAA2B;;;iCAHJ;uCAEe;oCACH;gDACiC"}
+{"version":3,"sources":["../src/components/NavSubItemGroup/index.ts"],"sourcesContent":["export { NavSubItemGroup } from './NavSubItemGroup';\nexport type { NavSubItemGroupSlots, NavSubItemGroupProps, NavSubItemGroupState } from './NavSubItemGroup.types';\nexport { renderNavSubItemGroup_unstable } from './renderNavSubItemGroup';\nexport { useNavSubItemGroup_unstable } from './useNavSubItemGroup';\nexport { useNavSubItemGroupStyles_unstable, navSubItemGroupClassNames } from './useNavSubItemGroupStyles.styles';\n"],"names":["NavSubItemGroup","renderNavSubItemGroup_unstable","useNavSubItemGroup_unstable","useNavSubItemGroupStyles_unstable","navSubItemGroupClassNames"],"mappings":";;;;;;;;;;;;eAASA,gCAAe;;;eAIoBI,yDAAyB;;;eAF5DH,qDAA8B;;;eAE9BE,iEAAiC;;;eADjCD,+CAA2B;;;iCAHJ,oBAAoB;uCAEL,0BAA0B;oCAC7B,uBAAuB;gDACU,oCAAoC"}

package/lib-commonjs/components/NavSubItemGroup/renderNavSubItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavSubItemGroup/renderNavSubItemGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { NavSubItemGroupState, NavSubItemGroupSlots } from './NavSubItemGroup.types';\n\n/**\n * Render the final JSX of NavSubItemGroup\n */\nexport const renderNavSubItemGroup_unstable = (state: NavSubItemGroupState) => {\n  assertSlots<NavSubItemGroupSlots>(state);\n\n  return state.collapseMotion ? (\n    <state.collapseMotion>\n      <state.root />\n    </state.collapseMotion>\n  ) : (\n    <state.root />\n  );\n};\n"],"names":["renderNavSubItemGroup_unstable","state","assertSlots","collapseMotion","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,iCAAiC,CAACC;IAC7CC,IAAAA,2BAAAA,EAAkCD;IAElC,OAAOA,MAAME,cAAc,GAAA,WAAA,GACzBC,IAAAA,eAAA,EAACH,MAAME,cAAc,EAAA;kBACnB,WAAA,GAAAC,IAAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;uBAGbD,IAAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;AAEf"}
+{"version":3,"sources":["../src/components/NavSubItemGroup/renderNavSubItemGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { NavSubItemGroupState, NavSubItemGroupSlots } from './NavSubItemGroup.types';\n\n/**\n * Render the final JSX of NavSubItemGroup\n */\nexport const renderNavSubItemGroup_unstable = (state: NavSubItemGroupState) => {\n  assertSlots<NavSubItemGroupSlots>(state);\n\n  return state.collapseMotion ? (\n    <state.collapseMotion>\n      <state.root />\n    </state.collapseMotion>\n  ) : (\n    <state.root />\n  );\n};\n"],"names":["assertSlots","renderNavSubItemGroup_unstable","state","collapseMotion","root"],"mappings":";;;;+BASaC;;;;;;4BARb,gDAAiD;gCAErB,4BAA4B;AAMjD,uCAAuC,CAACC;QAC7CF,2BAAAA,EAAkCE;IAElC,OAAOA,MAAMC,cAAc,GAAA,WAAA,OACzB,eAAA,EAACD,MAAMC,cAAc,EAAA;kBACnB,WAAA,OAAA,eAAA,EAACD,MAAME,IAAI,EAAA,CAAA;2BAGb,eAAA,EAACF,MAAME,IAAI,EAAA,CAAA;AAEf,EAAE"}

package/lib-commonjs/components/NavSubItemGroup/useNavSubItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavSubItemGroup/useNavSubItemGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { createPresenceComponent, motionTokens, presenceMotionSlot } from '@fluentui/react-motion';\n\nimport type {\n  NavSubItemGroupCollapseMotionParams,\n  NavSubItemGroupProps,\n  NavSubItemGroupState,\n} from './NavSubItemGroup.types';\nimport { useNavCategoryContext_unstable } from '../NavCategoryContext';\nimport { useNavContext_unstable } from '../NavContext';\n\nconst smallSize = 28; // 28px for small density\nconst largeSize = 40; // 40px for large density\n\nconst NavGroupMotion = createPresenceComponent(({ items, density }: NavSubItemGroupCollapseMotionParams) => {\n  const isSmallDensity = density === 'small';\n  const height = items ? (isSmallDensity ? items * smallSize : items * largeSize) : 0;\n  const durationPerItem = isSmallDensity ? 15 : 25; // 15ms per item for small, 25ms for large\n  const keyframes: Keyframe[] = [\n    {\n      opacity: 0,\n      minHeight: 0,\n      height: 0,\n    },\n    {\n      opacity: 1,\n      minHeight: `${height}px`,\n      height: `${height}px`,\n    },\n  ];\n  const baseDuration = motionTokens.durationFast + (items || 0) * durationPerItem;\n  const maxDuration = motionTokens.durationUltraSlow;\n  const duration = baseDuration > maxDuration ? maxDuration : baseDuration;\n\n  return {\n    enter: {\n      keyframes,\n      duration,\n      easing: motionTokens.curveDecelerateMid,\n    },\n    exit: {\n      keyframes: [...keyframes].reverse(),\n      duration,\n      easing: motionTokens.curveAccelerateMin,\n    },\n  };\n});\n\n/**\n * Create the state required to render NavSubItemGroup.\n *\n * The returned state can be modified with hooks such as useNavSubItemGroupStyles_unstable,\n * before being passed to renderNavSubItemGroup_unstable.\n *\n * @param props - props from this instance of NavSubItemGroup\n * @param ref - reference to root HTMLDivElement of NavSubItemGroup\n */\nexport const useNavSubItemGroup_unstable = (\n  props: NavSubItemGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n): NavSubItemGroupState => {\n  const { open } = useNavCategoryContext_unstable();\n  const { density } = useNavContext_unstable();\n\n  return {\n    open,\n    components: {\n      root: 'div',\n      collapseMotion: NavGroupMotion,\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ...props,\n        ref,\n      }),\n      { elementType: 'div' },\n    ),\n\n    collapseMotion: presenceMotionSlot(props.collapseMotion, {\n      elementType: NavGroupMotion,\n      defaultProps: {\n        visible: open,\n        unmountOnExit: true,\n        items: React.Children.count(props.children),\n        density,\n      },\n    }),\n  };\n};\n"],"names":["useNavSubItemGroup_unstable","smallSize","largeSize","NavGroupMotion","createPresenceComponent","items","density","isSmallDensity","height","durationPerItem","keyframes","opacity","minHeight","baseDuration","motionTokens","durationFast","maxDuration","durationUltraSlow","duration","enter","easing","curveDecelerateMid","exit","reverse","curveAccelerateMin","props","ref","open","useNavCategoryContext_unstable","useNavContext_unstable","components","root","collapseMotion","slot","always","getIntrinsicElementProps","elementType","presenceMotionSlot","defaultProps","visible","unmountOnExit","React","Children","count","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0DaA;;;eAAAA;;;;iEA1DU;gCACwB;6BAC2B;oCAO3B;4BACR;AAEvC,MAAMC,YAAY,IAAI,yBAAyB;AAC/C,MAAMC,YAAY,IAAI,yBAAyB;AAE/C,MAAMC,iBAAiBC,IAAAA,oCAAAA,EAAwB,CAAC,EAAEC,KAAK,EAAEC,OAAO,EAAuC;IACrG,MAAMC,iBAAiBD,YAAY;IACnC,MAAME,SAASH,QAASE,iBAAiBF,QAAQJ,YAAYI,QAAQH,YAAa;IAClF,MAAMO,kBAAkBF,iBAAiB,KAAK,IAAI,0CAA0C;IAC5F,MAAMG,YAAwB;QAC5B;YACEC,SAAS;YACTC,WAAW;YACXJ,QAAQ;QACV;QACA;YACEG,SAAS;YACTC,WAAW,CAAC,EAAEJ,OAAO,EAAE,CAAC;YACxBA,QAAQ,CAAC,EAAEA,OAAO,EAAE,CAAC;QACvB;KACD;IACD,MAAMK,eAAeC,yBAAAA,CAAaC,YAAY,GAAG,AAACV,CAAAA,SAAS,CAAA,IAAKI;IAChE,MAAMO,cAAcF,yBAAAA,CAAaG,iBAAiB;IAClD,MAAMC,WAAWL,eAAeG,cAAcA,cAAcH;IAE5D,OAAO;QACLM,OAAO;YACLT;YACAQ;YACAE,QAAQN,yBAAAA,CAAaO,kBAAkB;QACzC;QACAC,MAAM;YACJZ,WAAW;mBAAIA;aAAU,CAACa,OAAO;YACjCL;YACAE,QAAQN,yBAAAA,CAAaU,kBAAkB;QACzC;IACF;AACF;AAWO,MAAMxB,8BAA8B,CACzCyB,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,kDAAAA;IACjB,MAAM,EAAEtB,OAAO,EAAE,GAAGuB,IAAAA,kCAAAA;IAEpB,OAAO;QACLF;QACAG,YAAY;YACVC,MAAM;YACNC,gBAAgB7B;QAClB;QAEA4B,MAAME,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,GAAGV,KAAK;YACRC;QACF,IACA;YAAEU,aAAa;QAAM;QAGvBJ,gBAAgBK,IAAAA,+BAAAA,EAAmBZ,MAAMO,cAAc,EAAE;YACvDI,aAAajC;YACbmC,cAAc;gBACZC,SAASZ;gBACTa,eAAe;gBACfnC,OAAOoC,OAAMC,QAAQ,CAACC,KAAK,CAAClB,MAAMmB,QAAQ;gBAC1CtC;YACF;QACF;IACF;AACF"}
+{"version":3,"sources":["../src/components/NavSubItemGroup/useNavSubItemGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { createPresenceComponent, motionTokens, presenceMotionSlot } from '@fluentui/react-motion';\n\nimport type {\n  NavSubItemGroupCollapseMotionParams,\n  NavSubItemGroupProps,\n  NavSubItemGroupState,\n} from './NavSubItemGroup.types';\nimport { useNavCategoryContext_unstable } from '../NavCategoryContext';\nimport { useNavContext_unstable } from '../NavContext';\n\nconst smallSize = 28; // 28px for small density\nconst largeSize = 40; // 40px for large density\n\nconst NavGroupMotion = createPresenceComponent(({ items, density }: NavSubItemGroupCollapseMotionParams) => {\n  const isSmallDensity = density === 'small';\n  const height = items ? (isSmallDensity ? items * smallSize : items * largeSize) : 0;\n  const durationPerItem = isSmallDensity ? 15 : 25; // 15ms per item for small, 25ms for large\n  const keyframes: Keyframe[] = [\n    {\n      opacity: 0,\n      minHeight: 0,\n      height: 0,\n    },\n    {\n      opacity: 1,\n      minHeight: `${height}px`,\n      height: `${height}px`,\n    },\n  ];\n  const baseDuration = motionTokens.durationFast + (items || 0) * durationPerItem;\n  const maxDuration = motionTokens.durationUltraSlow;\n  const duration = baseDuration > maxDuration ? maxDuration : baseDuration;\n\n  return {\n    enter: {\n      keyframes,\n      duration,\n      easing: motionTokens.curveDecelerateMid,\n    },\n    exit: {\n      keyframes: [...keyframes].reverse(),\n      duration,\n      easing: motionTokens.curveAccelerateMin,\n    },\n  };\n});\n\n/**\n * Create the state required to render NavSubItemGroup.\n *\n * The returned state can be modified with hooks such as useNavSubItemGroupStyles_unstable,\n * before being passed to renderNavSubItemGroup_unstable.\n *\n * @param props - props from this instance of NavSubItemGroup\n * @param ref - reference to root HTMLDivElement of NavSubItemGroup\n */\nexport const useNavSubItemGroup_unstable = (\n  props: NavSubItemGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n): NavSubItemGroupState => {\n  const { open } = useNavCategoryContext_unstable();\n  const { density } = useNavContext_unstable();\n\n  return {\n    open,\n    components: {\n      root: 'div',\n      collapseMotion: NavGroupMotion,\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ...props,\n        ref,\n      }),\n      { elementType: 'div' },\n    ),\n\n    collapseMotion: presenceMotionSlot(props.collapseMotion, {\n      elementType: NavGroupMotion,\n      defaultProps: {\n        visible: open,\n        unmountOnExit: true,\n        items: React.Children.count(props.children),\n        density,\n      },\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","createPresenceComponent","motionTokens","presenceMotionSlot","useNavCategoryContext_unstable","useNavContext_unstable","smallSize","largeSize","NavGroupMotion","items","density","isSmallDensity","height","durationPerItem","keyframes","opacity","minHeight","baseDuration","durationFast","maxDuration","durationUltraSlow","duration","enter","easing","curveDecelerateMid","exit","reverse","curveAccelerateMin","useNavSubItemGroup_unstable","props","ref","open","components","root","collapseMotion","always","elementType","defaultProps","visible","unmountOnExit","Children","count","children"],"mappings":";;;;;;;eA0Da8B;;;;iEA1DU,QAAQ;gCACgB,4BAA4B;6BACD,yBAAyB;oCAOpD,wBAAwB;4BAChC,gBAAgB;AAEvD,MAAMtB,YAAY,IAAI,yBAAyB;AAC/C,MAAMC,YAAY,IAAI,yBAAyB;AAE/C,MAAMC,qBAAiBP,oCAAAA,EAAwB,CAAC,EAAEQ,KAAK,EAAEC,OAAO,EAAuC;IACrG,MAAMC,iBAAiBD,YAAY;IACnC,MAAME,SAASH,QAASE,iBAAiBF,QAAQH,YAAYG,QAAQF,YAAa;IAClF,MAAMM,kBAAkBF,iBAAiB,KAAK,IAAI,0CAA0C;IAC5F,MAAMG,YAAwB;QAC5B;YACEC,SAAS;YACTC,WAAW;YACXJ,QAAQ;QACV;QACA;YACEG,SAAS;YACTC,WAAW,GAAGJ,OAAO,EAAE,CAAC;YACxBA,QAAQ,GAAGA,OAAO,EAAE,CAAC;QACvB;KACD;IACD,MAAMK,eAAef,yBAAAA,CAAagB,YAAY,GAAIT,CAAAA,UAAS,CAAA,GAAKI;IAChE,MAAMM,cAAcjB,yBAAAA,CAAakB,iBAAiB;IAClD,MAAMC,WAAWJ,eAAeE,cAAcA,cAAcF;IAE5D,OAAO;QACLK,OAAO;YACLR;YACAO;YACAE,QAAQrB,yBAAAA,CAAasB,kBAAkB;QACzC;QACAC,MAAM;YACJX,WAAW;mBAAIA;aAAU,CAACY,OAAO;YACjCL;YACAE,QAAQrB,yBAAAA,CAAayB,kBAAkB;QACzC;IACF;AACF;AAWO,oCAAoC,CACzCE,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAG3B,kDAAAA;IACjB,MAAM,EAAEM,OAAO,EAAE,OAAGL,kCAAAA;IAEpB,OAAO;QACL0B;QACAC,YAAY;YACVC,MAAM;YACNC,gBAAgB1B;QAClB;QAEAyB,MAAMjC,oBAAAA,CAAKmC,MAAM,KACfpC,wCAAAA,EAAyB,OAAO;YAC9B,GAAG8B,KAAK;YACRC;QACF,IACA;YAAEM,aAAa;QAAM;QAGvBF,oBAAgB/B,+BAAAA,EAAmB0B,MAAMK,cAAc,EAAE;YACvDE,aAAa5B;YACb6B,cAAc;gBACZC,SAASP;gBACTQ,eAAe;gBACf9B,OAAOX,OAAM0C,QAAQ,CAACC,KAAK,CAACZ,MAAMa,QAAQ;gBAC1ChC;YACF;QACF;IACF;AACF,EAAE"}

package/lib-commonjs/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useNavSubItemGroupStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const navSubItemGroupClassNames = {\n    root: 'fui-NavSubItemGroup'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        transform: 'translateZ(0)',\n        overflow: 'hidden'\n    }\n});\n/**\n * Apply styling to the NavSubItemGroup slots based on the state\n */ export const useNavSubItemGroupStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(navSubItemGroupClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["navSubItemGroupClassNames","useNavSubItemGroupStyles_unstable","root","useStyles","__styles","Bz10aip","B68tc82","Bmxbyg5","Bpg54ce","d","p","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,yBAAyB;eAAzBA;;IAaIC,iCAAiC;eAAjCA;;;uBAdwB;AAClC,MAAMD,4BAA4B;IACrCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA;AAQX,MAAMT,oCAAqCU,CAAAA;IAClD;IACA,MAAMC,SAAST;IACfQ,MAAMT,IAAI,CAACW,SAAS,GAAGC,IAAAA,mBAAY,EAACd,0BAA0BE,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IACrG,OAAOF;AACX"}
+{"version":3,"sources":["useNavSubItemGroupStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const navSubItemGroupClassNames = {\n    root: 'fui-NavSubItemGroup'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        transform: 'translateZ(0)',\n        overflow: 'hidden'\n    }\n});\n/**\n * Apply styling to the NavSubItemGroup slots based on the state\n */ export const useNavSubItemGroupStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(navSubItemGroupClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","navSubItemGroupClassNames","root","useStyles","Bz10aip","B68tc82","Bmxbyg5","Bpg54ce","d","p","useNavSubItemGroupStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IACaE,yBAAyB;;;qCAaY;eAAjCS;;;uBAdwB,gBAAgB;AAClD,kCAAkC;IACrCR,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,GAAGJ,mBAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAKrB,CAAC;AAGS,2CAA2CE,KAAK,IAAG;IAC1D,aAAa;IACb,MAAMC,MAAM,GAAGT,SAAS,CAAC,CAAC;IAC1BQ,KAAK,CAACT,IAAI,CAACW,SAAS,OAAGb,mBAAY,EAACC,yBAAyB,CAACC,IAAI,EAAEU,MAAM,CAACV,IAAI,EAAES,KAAK,CAACT,IAAI,CAACW,SAAS,CAAC;IACtG,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.raw.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    navSubItemGroupClassNames: function() {
+        return navSubItemGroupClassNames;
+    },
+    useNavSubItemGroupStyles_unstable: function() {
+        return useNavSubItemGroupStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const navSubItemGroupClassNames = {
+    root: 'fui-NavSubItemGroup'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _react.makeStyles)({
+    root: {
+        transform: 'translateZ(0)',
+        overflow: 'hidden'
+    }
+});
+const useNavSubItemGroupStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navSubItemGroupClassNames.root, styles.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavSubItemGroup/useNavSubItemGroupStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavSubItemGroupSlots, NavSubItemGroupState } from './NavSubItemGroup.types';\n\nexport const navSubItemGroupClassNames: SlotClassNames<Omit<NavSubItemGroupSlots, 'collapseMotion'>> = {\n  root: 'fui-NavSubItemGroup',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    transform: 'translateZ(0)',\n    overflow: 'hidden',\n  },\n});\n\n/**\n * Apply styling to the NavSubItemGroup slots based on the state\n */\nexport const useNavSubItemGroupStyles_unstable = (state: NavSubItemGroupState): NavSubItemGroupState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(navSubItemGroupClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","navSubItemGroupClassNames","root","useStyles","transform","overflow","useNavSubItemGroupStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IAIaE,yBAAAA;;;qCAiBAK;eAAAA;;;uBArB4B,iBAAiB;AAInD,kCAAgG;IACrGJ,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM;QACJE,WAAW;QACXC,UAAU;IACZ;AACF;AAKO,0CAA0C,CAACE;IAChD;IAEA,MAAMC,SAASL;IAEfI,MAAML,IAAI,CAACO,SAAS,OAAGT,mBAAAA,EAAaC,0BAA0BC,IAAI,EAAEM,OAAON,IAAI,EAAEK,MAAML,IAAI,CAACO,SAAS;IAErG,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/SplitNavItem/SplitNavItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitNavItem/SplitNavItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useSplitNavItem_unstable } from './useSplitNavItem';\nimport { renderSplitNavItem_unstable } from './renderSplitNavItem';\nimport { useSplitNavItemStyles_unstable } from './useSplitNavItemStyles.styles';\nimport type { SplitNavItemProps } from './SplitNavItem.types';\n\n/**\n * SplitNavItem component - TODO: add more docs\n */\nexport const SplitNavItem: ForwardRefComponent<SplitNavItemProps> = React.forwardRef((props, ref) => {\n  const state = useSplitNavItem_unstable(props, ref);\n\n  useSplitNavItemStyles_unstable(state);\n  useCustomStyleHook_unstable('useSplitNavItemStyles_unstable')(state);\n\n  return renderSplitNavItem_unstable(state);\n});\n\nSplitNavItem.displayName = 'SplitNavItem';\n"],"names":["SplitNavItem","React","forwardRef","props","ref","state","useSplitNavItem_unstable","useSplitNavItemStyles_unstable","useCustomStyleHook_unstable","renderSplitNavItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qCAEqB;iCAEH;oCACG;6CACG;AAMxC,MAAMA,eAAAA,WAAAA,GAAuDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQC,IAAAA,yCAAAA,EAAyBH,OAAOC;IAE9CG,IAAAA,2DAAAA,EAA+BF;IAC/BG,IAAAA,gDAAAA,EAA4B,kCAAkCH;IAE9D,OAAOI,IAAAA,+CAAAA,EAA4BJ;AACrC;AAEAL,aAAaU,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/SplitNavItem/SplitNavItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\nimport { useSplitNavItem_unstable } from './useSplitNavItem';\nimport { renderSplitNavItem_unstable } from './renderSplitNavItem';\nimport { useSplitNavItemStyles_unstable } from './useSplitNavItemStyles.styles';\nimport type { SplitNavItemProps } from './SplitNavItem.types';\n\n/**\n * SplitNavItem component - TODO: add more docs\n */\nexport const SplitNavItem: ForwardRefComponent<SplitNavItemProps> = React.forwardRef((props, ref) => {\n  const state = useSplitNavItem_unstable(props, ref);\n\n  useSplitNavItemStyles_unstable(state);\n  useCustomStyleHook_unstable('useSplitNavItemStyles_unstable')(state);\n\n  return renderSplitNavItem_unstable(state);\n});\n\nSplitNavItem.displayName = 'SplitNavItem';\n"],"names":["React","useCustomStyleHook_unstable","useSplitNavItem_unstable","renderSplitNavItem_unstable","useSplitNavItemStyles_unstable","SplitNavItem","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAYaK;;;;;;;iEAZU,QAAQ;qCAEa,kCAAkC;iCAErC,oBAAoB;oCACjB,uBAAuB;6CACpB,iCAAiC;AAMzE,qBAAMA,WAAAA,GAAuDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQP,6CAAAA,EAAyBK,OAAOC;QAE9CJ,2DAAAA,EAA+BK;QAC/BR,gDAAAA,EAA4B,kCAAkCQ;IAE9D,WAAON,+CAAAA,EAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}

package/lib-commonjs/components/SplitNavItem/SplitNavItem.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitNavItem/SplitNavItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { NavItemProps } from '../NavItem/NavItem.types';\nimport { ButtonProps, MenuButtonProps, ToggleButtonProps } from '@fluentui/react-button';\nimport type { TooltipProps } from '@fluentui/react-tooltip';\nimport { NavDensity } from '../Nav/Nav.types';\nimport { NavSubItemProps } from '../NavSubItem/NavSubItem.types';\n\nexport type SplitNavItemSlots = {\n  /**\n   * Root of the component, wrapping the children.\n   */\n  root: Slot<'div'>;\n\n  /**\n   * The NavItem Slot.\n   * Will behave as a SubNavItem if it's in an a SubGroup.\n   */\n  navItem?: NonNullable<Slot<NavItemProps & NavSubItemProps>>;\n\n  /**\n   * Basic button slot.\n   */\n  actionButton?: Slot<ButtonProps>;\n\n  /**\n   * Toggle button slot\n   */\n  toggleButton?: Slot<ToggleButtonProps>;\n\n  /**\n   * Menu button slot to stuff more things in when the other two aren't enough.\n   */\n  menuButton?: Slot<MenuButtonProps>;\n\n  /**\n   * Tooltip for the action button.\n   */\n  actionButtonTooltip?: Slot<TooltipProps>;\n\n  /**\n   * Tooltip for the toggle button.\n   */\n  toggleButtonTooltip?: Slot<TooltipProps>;\n\n  /**\n   * Tooltip for the menu button.\n   */\n  menuButtonTooltip?: Slot<TooltipProps>;\n};\n\n/**\n * SplitNavItem Props\n */\nexport type SplitNavItemProps = ComponentProps<SplitNavItemSlots>;\n\n/**\n * State used in rendering SplitNavItem\n */\nexport type SplitNavItemState = ComponentState<SplitNavItemSlots> & {\n  /**\n   * The density of the NavItem\n   *\n   * @default 'medium'\n   */\n  density: NavDensity;\n\n  /**\n   * A boolean that represents if the main item in the SplitNavItem is a SubNav item.\n   * If false, it's a NavItem.\n   */\n  isSubNav: boolean;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAuDA;;CAEC"}
+{"version":3,"sources":["../src/components/SplitNavItem/SplitNavItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { NavItemProps } from '../NavItem/NavItem.types';\nimport { ButtonProps, MenuButtonProps, ToggleButtonProps } from '@fluentui/react-button';\nimport type { TooltipProps } from '@fluentui/react-tooltip';\nimport { NavDensity } from '../Nav/Nav.types';\nimport { NavSubItemProps } from '../NavSubItem/NavSubItem.types';\n\nexport type SplitNavItemSlots = {\n  /**\n   * Root of the component, wrapping the children.\n   */\n  root: Slot<'div'>;\n\n  /**\n   * The NavItem Slot.\n   * Will behave as a SubNavItem if it's in an a SubGroup.\n   */\n  navItem?: NonNullable<Slot<NavItemProps & NavSubItemProps>>;\n\n  /**\n   * Basic button slot.\n   */\n  actionButton?: Slot<ButtonProps>;\n\n  /**\n   * Toggle button slot\n   */\n  toggleButton?: Slot<ToggleButtonProps>;\n\n  /**\n   * Menu button slot to stuff more things in when the other two aren't enough.\n   */\n  menuButton?: Slot<MenuButtonProps>;\n\n  /**\n   * Tooltip for the action button.\n   */\n  actionButtonTooltip?: Slot<TooltipProps>;\n\n  /**\n   * Tooltip for the toggle button.\n   */\n  toggleButtonTooltip?: Slot<TooltipProps>;\n\n  /**\n   * Tooltip for the menu button.\n   */\n  menuButtonTooltip?: Slot<TooltipProps>;\n};\n\n/**\n * SplitNavItem Props\n */\nexport type SplitNavItemProps = ComponentProps<SplitNavItemSlots>;\n\n/**\n * State used in rendering SplitNavItem\n */\nexport type SplitNavItemState = ComponentState<SplitNavItemSlots> & {\n  /**\n   * The density of the NavItem\n   *\n   * @default 'medium'\n   */\n  density: NavDensity;\n\n  /**\n   * A boolean that represents if the main item in the SplitNavItem is a SubNav item.\n   * If false, it's a NavItem.\n   */\n  isSubNav: boolean;\n};\n"],"names":[],"mappings":"AAuDA;;CAEC,GACD,WAaE"}

package/lib-commonjs/components/SplitNavItem/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitNavItem/index.ts"],"sourcesContent":["export { SplitNavItem } from './SplitNavItem';\nexport type { SplitNavItemProps, SplitNavItemSlots, SplitNavItemState } from './SplitNavItem.types';\nexport { renderSplitNavItem_unstable } from './renderSplitNavItem';\nexport { useSplitNavItem_unstable } from './useSplitNavItem';\nexport { splitNavItemClassNames, useSplitNavItemStyles_unstable } from './useSplitNavItemStyles.styles';\n"],"names":["SplitNavItem","renderSplitNavItem_unstable","splitNavItemClassNames","useSplitNavItemStyles_unstable","useSplitNavItem_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,YAAY;eAAZA,0BAAY;;IAEZC,2BAA2B;eAA3BA,+CAA2B;;IAE3BC,sBAAsB;eAAtBA,mDAAsB;;IAAEC,8BAA8B;eAA9BA,2DAA8B;;IADtDC,wBAAwB;eAAxBA,yCAAwB;;;8BAHJ;oCAEe;iCACH;6CAC8B"}
+{"version":3,"sources":["../src/components/SplitNavItem/index.ts"],"sourcesContent":["export { SplitNavItem } from './SplitNavItem';\nexport type { SplitNavItemProps, SplitNavItemSlots, SplitNavItemState } from './SplitNavItem.types';\nexport { renderSplitNavItem_unstable } from './renderSplitNavItem';\nexport { useSplitNavItem_unstable } from './useSplitNavItem';\nexport { splitNavItemClassNames, useSplitNavItemStyles_unstable } from './useSplitNavItemStyles.styles';\n"],"names":["SplitNavItem","renderSplitNavItem_unstable","useSplitNavItem_unstable","splitNavItemClassNames","useSplitNavItemStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,0BAAY;;;eAEZC,+CAA2B;;;eAE3BE,mDAAsB;;;eAAEC,2DAA8B;;;eADtDF,yCAAwB;;;8BAHJ,iBAAiB;oCAEF,uBAAuB;iCAC1B,oBAAoB;6CACU,iCAAiC"}

package/lib-commonjs/components/SplitNavItem/renderSplitNavItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitNavItem/renderSplitNavItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { assertSlots } from '@fluentui/react-utilities';\n\nimport type { SplitNavItemState, SplitNavItemSlots } from './SplitNavItem.types';\n\n/**\n * @internal\n *\n * Helper function to render button slots\n */\nconst renderButtonSlot = (Button?: React.ElementType, ButtonTooltip?: React.ElementType) => {\n  if (!Button) {\n    return null;\n  }\n\n  if (ButtonTooltip) {\n    return (\n      <ButtonTooltip>\n        <Button />\n      </ButtonTooltip>\n    );\n  }\n\n  return <Button />;\n};\n\n/**\n * Render the final JSX of SplitNavItem\n */\nexport const renderSplitNavItem_unstable = (state: SplitNavItemState) => {\n  assertSlots<SplitNavItemSlots>(state);\n\n  return (\n    <state.root>\n      {state.navItem && <state.navItem />}\n      {renderButtonSlot(state.actionButton, state.actionButtonTooltip)}\n      {renderButtonSlot(state.menuButton, state.menuButtonTooltip)}\n      {renderButtonSlot(state.toggleButton, state.toggleButtonTooltip)}\n    </state.root>\n  );\n};\n"],"names":["renderSplitNavItem_unstable","renderButtonSlot","Button","ButtonTooltip","_jsx","state","assertSlots","_jsxs","root","navItem","actionButton","actionButtonTooltip","menuButton","menuButtonTooltip","toggleButton","toggleButtonTooltip"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgCaA;;;eAAAA;;;;4BA/Bb;iEAEuB;gCACK;AAI5B;;;;CAIC,GACD,MAAMC,mBAAmB,CAACC,QAA4BC;IACpD,IAAI,CAACD,QAAQ;QACX,OAAO;IACT;IAEA,IAAIC,eAAe;QACjB,OAAA,WAAA,GACEC,IAAAA,eAAA,EAACD,eAAAA;sBACC,WAAA,GAAAC,IAAAA,eAAA,EAACF,QAAAA,CAAAA;;IAGP;IAEA,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,QAAAA,CAAAA;AACV;AAKO,MAAMF,8BAA8B,CAACK;IAC1CC,IAAAA,2BAAAA,EAA+BD;IAE/B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,OAAO,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACC,MAAMI,OAAO,EAAA,CAAA;YAC/BR,iBAAiBI,MAAMK,YAAY,EAAEL,MAAMM,mBAAmB;YAC9DV,iBAAiBI,MAAMO,UAAU,EAAEP,MAAMQ,iBAAiB;YAC1DZ,iBAAiBI,MAAMS,YAAY,EAAET,MAAMU,mBAAmB;;;AAGrE"}
+{"version":3,"sources":["../src/components/SplitNavItem/renderSplitNavItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { assertSlots } from '@fluentui/react-utilities';\n\nimport type { SplitNavItemState, SplitNavItemSlots } from './SplitNavItem.types';\n\n/**\n * @internal\n *\n * Helper function to render button slots\n */\nconst renderButtonSlot = (Button?: React.ElementType, ButtonTooltip?: React.ElementType) => {\n  if (!Button) {\n    return null;\n  }\n\n  if (ButtonTooltip) {\n    return (\n      <ButtonTooltip>\n        <Button />\n      </ButtonTooltip>\n    );\n  }\n\n  return <Button />;\n};\n\n/**\n * Render the final JSX of SplitNavItem\n */\nexport const renderSplitNavItem_unstable = (state: SplitNavItemState) => {\n  assertSlots<SplitNavItemSlots>(state);\n\n  return (\n    <state.root>\n      {state.navItem && <state.navItem />}\n      {renderButtonSlot(state.actionButton, state.actionButtonTooltip)}\n      {renderButtonSlot(state.menuButton, state.menuButtonTooltip)}\n      {renderButtonSlot(state.toggleButton, state.toggleButtonTooltip)}\n    </state.root>\n  );\n};\n"],"names":["React","assertSlots","renderButtonSlot","Button","ButtonTooltip","renderSplitNavItem_unstable","state","root","navItem","actionButton","actionButtonTooltip","menuButton","menuButtonTooltip","toggleButton","toggleButtonTooltip"],"mappings":";;;;+BAgCaK;;;;;;;4BA/Bb,iCAAiD;iEAE1B,QAAQ;gCACH,4BAA4B;AAIxD;;;;CAIC,GACD,MAAMH,mBAAmB,CAACC,QAA4BC;IACpD,IAAI,CAACD,QAAQ;QACX,OAAO;IACT;IAEA,IAAIC,eAAe;QACjB,OAAA,WAAA,OACE,eAAA,EAACA,eAAAA;sBACC,WAAA,OAAA,eAAA,EAACD,QAAAA,CAAAA;;IAGP;IAEA,OAAA,WAAA,OAAO,eAAA,EAACA,QAAAA,CAAAA;AACV;AAKO,oCAAoC,CAACG;IAC1CL,+BAAAA,EAA+BK;IAE/B,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAME,OAAO,IAAA,WAAA,OAAI,eAAA,EAACF,MAAME,OAAO,EAAA,CAAA;YAC/BN,iBAAiBI,MAAMG,YAAY,EAAEH,MAAMI,mBAAmB;YAC9DR,iBAAiBI,MAAMK,UAAU,EAAEL,MAAMM,iBAAiB;YAC1DV,iBAAiBI,MAAMO,YAAY,EAAEP,MAAMQ,mBAAmB;;;AAGrE,EAAE"}

package/lib-commonjs/components/SplitNavItem/useSplitNavItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitNavItem/useSplitNavItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { Tooltip } from '@fluentui/react-tooltip';\nimport type { SplitNavItemProps, SplitNavItemState } from './SplitNavItem.types';\nimport { useNavContext_unstable } from '../NavContext';\nimport { Button, MenuButton, ToggleButton } from '@fluentui/react-button';\nimport { MoreHorizontalFilled, Pin20Regular } from '@fluentui/react-icons';\nimport { NavItem } from '../NavItem/index';\nimport { NavSubItem } from '../NavSubItem/NavSubItem';\nimport { useNavCategoryContext_unstable } from '../NavCategoryContext';\n\n/**\n * Create the state required to render SplitNavItem.\n *\n * The returned state can be modified with hooks such as useSplitNavItemStyles_unstable,\n * before being passed to renderSplitNavItem_unstable.\n *\n * @param props - props from this instance of SplitNavItem\n * @param ref - reference to root HTMLDivElement of SplitNavItem\n */\nexport const useSplitNavItem_unstable = (\n  props: SplitNavItemProps,\n  ref: React.Ref<HTMLDivElement>,\n): SplitNavItemState => {\n  const {\n    navItem,\n    actionButton,\n    toggleButton,\n    menuButton,\n    actionButtonTooltip,\n    toggleButtonTooltip,\n    menuButtonTooltip,\n    children,\n  } = props;\n\n  const { density = 'medium' } = useNavContext_unstable();\n\n  const { value: potentialParenValue } = useNavCategoryContext_unstable();\n\n  const isSubNav = potentialParenValue.length > 0 ? true : false;\n\n  const navItemShorthand = slot.always(navItem, {\n    defaultProps: {\n      children,\n    },\n    elementType: isSubNav ? NavSubItem : NavItem,\n  });\n\n  const actionButtonShorthand = slot.optional(actionButton, {\n    defaultProps: {\n      icon: <Pin20Regular />,\n      size: 'small',\n      appearance: 'transparent',\n    },\n    elementType: Button,\n  });\n\n  const toggleButtonShorthand = slot.optional(toggleButton, {\n    defaultProps: {\n      icon: <Pin20Regular />,\n      size: 'small',\n      appearance: 'transparent',\n    },\n    elementType: ToggleButton,\n  });\n\n  const menuButtonShorthand = slot.optional(menuButton, {\n    defaultProps: {\n      icon: <MoreHorizontalFilled />,\n      size: 'small',\n      appearance: 'transparent',\n    },\n    elementType: MenuButton,\n  });\n\n  const actionButtonTooltipShorthand = slot.optional(actionButtonTooltip, {\n    defaultProps: { relationship: 'label' },\n    elementType: Tooltip,\n  });\n\n  const toggleButtonTooltipShorthand = slot.optional(toggleButtonTooltip, {\n    defaultProps: { relationship: 'label' },\n    elementType: Tooltip,\n  });\n\n  const menuButtonTooltipShorthand = slot.optional(menuButtonTooltip, {\n    defaultProps: { relationship: 'label' },\n    elementType: Tooltip,\n  });\n\n  return {\n    components: {\n      root: 'div',\n      navItem: isSubNav ? NavSubItem : NavItem,\n      actionButton: Button,\n      toggleButton: ToggleButton,\n      menuButton: MenuButton,\n      actionButtonTooltip: Tooltip,\n      toggleButtonTooltip: Tooltip,\n      menuButtonTooltip: Tooltip,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n        // because we're passing in children to the NavItem,\n        // We can be explicit about the children prop here\n        children: null,\n      }),\n      { elementType: 'div' },\n    ),\n    navItem: navItemShorthand,\n    actionButton: actionButtonShorthand,\n    toggleButton: toggleButtonShorthand,\n    menuButton: menuButtonShorthand,\n    actionButtonTooltip: actionButtonTooltipShorthand,\n    toggleButtonTooltip: toggleButtonTooltipShorthand,\n    menuButtonTooltip: menuButtonTooltipShorthand,\n    density,\n    isSubNav,\n  };\n};\n"],"names":["useSplitNavItem_unstable","props","ref","navItem","actionButton","toggleButton","menuButton","actionButtonTooltip","toggleButtonTooltip","menuButtonTooltip","children","density","useNavContext_unstable","value","potentialParenValue","useNavCategoryContext_unstable","isSubNav","length","navItemShorthand","slot","always","defaultProps","elementType","NavSubItem","NavItem","actionButtonShorthand","optional","icon","React","createElement","Pin20Regular","size","appearance","Button","toggleButtonShorthand","ToggleButton","menuButtonShorthand","MoreHorizontalFilled","MenuButton","actionButtonTooltipShorthand","relationship","Tooltip","toggleButtonTooltipShorthand","menuButtonTooltipShorthand","components","root","getIntrinsicElementProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBaA;;;eAAAA;;;;iEApBU;gCACwB;8BACvB;4BAEe;6BACU;4BACE;uBAC3B;4BACG;oCACoB;AAWxC,MAAMA,2BAA2B,CACtCC,OACAC;IAEA,MAAM,EACJC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,UAAU,EACVC,mBAAmB,EACnBC,mBAAmB,EACnBC,iBAAiB,EACjBC,QAAQ,EACT,GAAGT;IAEJ,MAAM,EAAEU,UAAU,QAAQ,EAAE,GAAGC,IAAAA,kCAAAA;IAE/B,MAAM,EAAEC,OAAOC,mBAAmB,EAAE,GAAGC,IAAAA,kDAAAA;IAEvC,MAAMC,WAAWF,oBAAoBG,MAAM,GAAG,IAAI,OAAO;IAEzD,MAAMC,mBAAmBC,oBAAAA,CAAKC,MAAM,CAACjB,SAAS;QAC5CkB,cAAc;YACZX;QACF;QACAY,aAAaN,WAAWO,sBAAAA,GAAaC,cAAAA;IACvC;IAEA,MAAMC,wBAAwBN,oBAAAA,CAAKO,QAAQ,CAACtB,cAAc;QACxDiB,cAAc;YACZM,MAAAA,WAAAA,GAAMC,OAAAC,aAAA,CAACC,wBAAAA,EAAAA;YACPC,MAAM;YACNC,YAAY;QACd;QACAV,aAAaW,mBAAAA;IACf;IAEA,MAAMC,wBAAwBf,oBAAAA,CAAKO,QAAQ,CAACrB,cAAc;QACxDgB,cAAc;YACZM,MAAAA,WAAAA,GAAMC,OAAAC,aAAA,CAACC,wBAAAA,EAAAA;YACPC,MAAM;YACNC,YAAY;QACd;QACAV,aAAaa,yBAAAA;IACf;IAEA,MAAMC,sBAAsBjB,oBAAAA,CAAKO,QAAQ,CAACpB,YAAY;QACpDe,cAAc;YACZM,MAAAA,WAAAA,GAAMC,OAAAC,aAAA,CAACQ,gCAAAA,EAAAA;YACPN,MAAM;YACNC,YAAY;QACd;QACAV,aAAagB,uBAAAA;IACf;IAEA,MAAMC,+BAA+BpB,oBAAAA,CAAKO,QAAQ,CAACnB,qBAAqB;QACtEc,cAAc;YAAEmB,cAAc;QAAQ;QACtClB,aAAamB,qBAAAA;IACf;IAEA,MAAMC,+BAA+BvB,oBAAAA,CAAKO,QAAQ,CAAClB,qBAAqB;QACtEa,cAAc;YAAEmB,cAAc;QAAQ;QACtClB,aAAamB,qBAAAA;IACf;IAEA,MAAME,6BAA6BxB,oBAAAA,CAAKO,QAAQ,CAACjB,mBAAmB;QAClEY,cAAc;YAAEmB,cAAc;QAAQ;QACtClB,aAAamB,qBAAAA;IACf;IAEA,OAAO;QACLG,YAAY;YACVC,MAAM;YACN1C,SAASa,WAAWO,sBAAAA,GAAaC,cAAAA;YACjCpB,cAAc6B,mBAAAA;YACd5B,cAAc8B,yBAAAA;YACd7B,YAAYgC,uBAAAA;YACZ/B,qBAAqBkC,qBAAAA;YACrBjC,qBAAqBiC,qBAAAA;YACrBhC,mBAAmBgC,qBAAAA;QACrB;QACAI,MAAM1B,oBAAAA,CAAKC,MAAM,CACf0B,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B5C;YACA,GAAGD,KAAK;YACR,oDAAoD;YACpD,kDAAkD;YAClDS,UAAU;QACZ,IACA;YAAEY,aAAa;QAAM;QAEvBnB,SAASe;QACTd,cAAcqB;QACdpB,cAAc6B;QACd5B,YAAY8B;QACZ7B,qBAAqBgC;QACrB/B,qBAAqBkC;QACrBjC,mBAAmBkC;QACnBhC;QACAK;IACF;AACF"}
+{"version":3,"sources":["../src/components/SplitNavItem/useSplitNavItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { Tooltip } from '@fluentui/react-tooltip';\nimport type { SplitNavItemProps, SplitNavItemState } from './SplitNavItem.types';\nimport { useNavContext_unstable } from '../NavContext';\nimport { Button, MenuButton, ToggleButton } from '@fluentui/react-button';\nimport { MoreHorizontalFilled, Pin20Regular } from '@fluentui/react-icons';\nimport { NavItem } from '../NavItem/index';\nimport { NavSubItem } from '../NavSubItem/NavSubItem';\nimport { useNavCategoryContext_unstable } from '../NavCategoryContext';\n\n/**\n * Create the state required to render SplitNavItem.\n *\n * The returned state can be modified with hooks such as useSplitNavItemStyles_unstable,\n * before being passed to renderSplitNavItem_unstable.\n *\n * @param props - props from this instance of SplitNavItem\n * @param ref - reference to root HTMLDivElement of SplitNavItem\n */\nexport const useSplitNavItem_unstable = (\n  props: SplitNavItemProps,\n  ref: React.Ref<HTMLDivElement>,\n): SplitNavItemState => {\n  const {\n    navItem,\n    actionButton,\n    toggleButton,\n    menuButton,\n    actionButtonTooltip,\n    toggleButtonTooltip,\n    menuButtonTooltip,\n    children,\n  } = props;\n\n  const { density = 'medium' } = useNavContext_unstable();\n\n  const { value: potentialParenValue } = useNavCategoryContext_unstable();\n\n  const isSubNav = potentialParenValue.length > 0 ? true : false;\n\n  const navItemShorthand = slot.always(navItem, {\n    defaultProps: {\n      children,\n    },\n    elementType: isSubNav ? NavSubItem : NavItem,\n  });\n\n  const actionButtonShorthand = slot.optional(actionButton, {\n    defaultProps: {\n      icon: <Pin20Regular />,\n      size: 'small',\n      appearance: 'transparent',\n    },\n    elementType: Button,\n  });\n\n  const toggleButtonShorthand = slot.optional(toggleButton, {\n    defaultProps: {\n      icon: <Pin20Regular />,\n      size: 'small',\n      appearance: 'transparent',\n    },\n    elementType: ToggleButton,\n  });\n\n  const menuButtonShorthand = slot.optional(menuButton, {\n    defaultProps: {\n      icon: <MoreHorizontalFilled />,\n      size: 'small',\n      appearance: 'transparent',\n    },\n    elementType: MenuButton,\n  });\n\n  const actionButtonTooltipShorthand = slot.optional(actionButtonTooltip, {\n    defaultProps: { relationship: 'label' },\n    elementType: Tooltip,\n  });\n\n  const toggleButtonTooltipShorthand = slot.optional(toggleButtonTooltip, {\n    defaultProps: { relationship: 'label' },\n    elementType: Tooltip,\n  });\n\n  const menuButtonTooltipShorthand = slot.optional(menuButtonTooltip, {\n    defaultProps: { relationship: 'label' },\n    elementType: Tooltip,\n  });\n\n  return {\n    components: {\n      root: 'div',\n      navItem: isSubNav ? NavSubItem : NavItem,\n      actionButton: Button,\n      toggleButton: ToggleButton,\n      menuButton: MenuButton,\n      actionButtonTooltip: Tooltip,\n      toggleButtonTooltip: Tooltip,\n      menuButtonTooltip: Tooltip,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n        // because we're passing in children to the NavItem,\n        // We can be explicit about the children prop here\n        children: null,\n      }),\n      { elementType: 'div' },\n    ),\n    navItem: navItemShorthand,\n    actionButton: actionButtonShorthand,\n    toggleButton: toggleButtonShorthand,\n    menuButton: menuButtonShorthand,\n    actionButtonTooltip: actionButtonTooltipShorthand,\n    toggleButtonTooltip: toggleButtonTooltipShorthand,\n    menuButtonTooltip: menuButtonTooltipShorthand,\n    density,\n    isSubNav,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","Tooltip","useNavContext_unstable","Button","MenuButton","ToggleButton","MoreHorizontalFilled","Pin20Regular","NavItem","NavSubItem","useNavCategoryContext_unstable","useSplitNavItem_unstable","props","ref","navItem","actionButton","toggleButton","menuButton","actionButtonTooltip","toggleButtonTooltip","menuButtonTooltip","children","density","value","potentialParenValue","isSubNav","length","navItemShorthand","always","defaultProps","elementType","actionButtonShorthand","optional","icon","size","appearance","toggleButtonShorthand","menuButtonShorthand","actionButtonTooltipShorthand","relationship","toggleButtonTooltipShorthand","menuButtonTooltipShorthand","components","root"],"mappings":";;;;+BAoBaa;;;;;;;iEApBU,QAAQ;gCACgB,4BAA4B;8BACnD,0BAA0B;4BAEX,gBAAgB;6BACN,yBAAyB;4BACvB,wBAAwB;uBACnD,mBAAmB;4BAChB,2BAA2B;oCACP,wBAAwB;AAWhE,iCAAiC,CACtCC,OACAC;IAEA,MAAM,EACJC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,UAAU,EACVC,mBAAmB,EACnBC,mBAAmB,EACnBC,iBAAiB,EACjBC,QAAQ,EACT,GAAGT;IAEJ,MAAM,EAAEU,UAAU,QAAQ,EAAE,OAAGpB,kCAAAA;IAE/B,MAAM,EAAEqB,OAAOC,mBAAmB,EAAE,OAAGd,kDAAAA;IAEvC,MAAMe,WAAWD,oBAAoBE,MAAM,GAAG,IAAI,OAAO;IAEzD,MAAMC,mBAAmB3B,oBAAAA,CAAK4B,MAAM,CAACd,SAAS;QAC5Ce,cAAc;YACZR;QACF;QACAS,aAAaL,WAAWhB,sBAAAA,GAAaD,cAAAA;IACvC;IAEA,MAAMuB,wBAAwB/B,oBAAAA,CAAKgC,QAAQ,CAACjB,cAAc;QACxDc,cAAc;YACZI,MAAAA,WAAAA,GAAM,OAAA,aAAA,CAAC1B,wBAAAA,EAAAA;YACP2B,MAAM;YACNC,YAAY;QACd;QACAL,aAAa3B,mBAAAA;IACf;IAEA,MAAMiC,wBAAwBpC,oBAAAA,CAAKgC,QAAQ,CAAChB,cAAc;QACxDa,cAAc;YACZI,MAAAA,WAAAA,GAAM,OAAA,aAAA,CAAC1B,wBAAAA,EAAAA;YACP2B,MAAM;YACNC,YAAY;QACd;QACAL,aAAazB,yBAAAA;IACf;IAEA,MAAMgC,sBAAsBrC,oBAAAA,CAAKgC,QAAQ,CAACf,YAAY;QACpDY,cAAc;YACZI,MAAAA,WAAAA,GAAM,OAAA,aAAA,CAAC3B,gCAAAA,EAAAA;YACP4B,MAAM;YACNC,YAAY;QACd;QACAL,aAAa1B,uBAAAA;IACf;IAEA,MAAMkC,+BAA+BtC,oBAAAA,CAAKgC,QAAQ,CAACd,qBAAqB;QACtEW,cAAc;YAAEU,cAAc;QAAQ;QACtCT,aAAa7B,qBAAAA;IACf;IAEA,MAAMuC,+BAA+BxC,oBAAAA,CAAKgC,QAAQ,CAACb,qBAAqB;QACtEU,cAAc;YAAEU,cAAc;QAAQ;QACtCT,aAAa7B,qBAAAA;IACf;IAEA,MAAMwC,6BAA6BzC,oBAAAA,CAAKgC,QAAQ,CAACZ,mBAAmB;QAClES,cAAc;YAAEU,cAAc;QAAQ;QACtCT,aAAa7B,qBAAAA;IACf;IAEA,OAAO;QACLyC,YAAY;YACVC,MAAM;YACN7B,SAASW,WAAWhB,sBAAAA,GAAaD,cAAAA;YACjCO,cAAcZ,mBAAAA;YACda,cAAcX,yBAAAA;YACdY,YAAYb,uBAAAA;YACZc,qBAAqBjB,qBAAAA;YACrBkB,qBAAqBlB,qBAAAA;YACrBmB,mBAAmBnB,qBAAAA;QACrB;QACA0C,MAAM3C,oBAAAA,CAAK4B,MAAM,KACf7B,wCAAAA,EAAyB,OAAO;YAC9Bc;YACA,GAAGD,KAAK;YACR,oDAAoD;YACpD,kDAAkD;YAClDS,UAAU;QACZ,IACA;YAAES,aAAa;QAAM;QAEvBhB,SAASa;QACTZ,cAAcgB;QACdf,cAAcoB;QACdnB,YAAYoB;QACZnB,qBAAqBoB;QACrBnB,qBAAqBqB;QACrBpB,mBAAmBqB;QACnBnB;QACAG;IACF;AACF,EAAE"}

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

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

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

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    splitNavItemClassNames: function() {
+        return splitNavItemClassNames;
+    },
+    useSplitNavItemStyles_unstable: function() {
+        return useSplitNavItemStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const _reactmotion = require("@fluentui/react-motion");
+const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
+const splitNavItemClassNames = {
+    root: 'fui-SplitNavItem',
+    navItem: 'fui-SplitNavItem__navItem',
+    actionButton: 'fui-SplitNavItem__actionButton',
+    toggleButton: 'fui-SplitNavItem__toggleButton',
+    menuButton: 'fui-SplitNavItem__menuButton',
+    /**
+   * Tooltips don't have a class name prop, so this is just to satisfy the linter.
+   */ actionButtonTooltip: 'fui-SplitNavItem__actionButtonTooltip',
+    toggleButtonTooltip: 'fui-SplitNavItem__toggleButtonTooltip',
+    menuButtonTooltip: 'fui-SplitNavItem__menuButtonTooltip'
+};
+// Don't use makeResetStyles here because the sub components call it once and
+// This links says that makeResetStyles should only be called once per element
+// https://griffel.js.org/react/api/make-reset-styles/#limitations
+const { actionButton, toggleButton, menuButton } = splitNavItemClassNames;
+const buttonHoverStyles = {
+    [`& .${actionButton}, & .${toggleButton}, & .${menuButton}`]: {
+        opacity: 1,
+        pointerEvents: 'auto'
+    }
+};
+/**
+ * Styles for the root slot
+ */ const useSplitNaveItemStyles = (0, _react.makeStyles)({
+    baseRoot: {
+        display: 'flex',
+        gap: 'unset',
+        alignItems: 'stretch',
+        padding: 'unset',
+        textAlign: 'unset',
+        backgroundColor: _sharedNavStylesstyles.navItemTokens.backgroundColor,
+        ..._sharedNavStylesstyles.navItemTokens.transitionTokens,
+        ':hover': {
+            backgroundColor: _sharedNavStylesstyles.navItemTokens.backgroundColorHover,
+            ...buttonHoverStyles
+        },
+        ':focus-within': buttonHoverStyles,
+        ':active': {
+            backgroundColor: _sharedNavStylesstyles.navItemTokens.backgroundColorPressed
+        }
+    },
+    baseNavItem: {
+        // styles that we want to disagree with the default on
+        display: 'flex',
+        textTransform: 'none',
+        alignSelf: 'stretch',
+        textAlign: 'left',
+        position: 'relative',
+        justifyContent: 'start',
+        gap: _reacttheme.tokens.spacingVerticalL,
+        backgroundColor: 'transparent'
+    },
+    baseSecondary: {
+        minWidth: '28px',
+        paddingInlineEnd: '12px',
+        paddingInlineStart: '5px',
+        paddingBlockStart: '5px',
+        alignItems: 'start'
+    },
+    baseMedium: {
+        paddingBlockStart: '9px'
+    },
+    baseLarge: {
+        paddingBlockStart: '12px'
+    },
+    hoverAction: {
+        opacity: 0,
+        pointerEvents: 'none',
+        transition: `opacity ${_reactmotion.motionTokens.durationFast}ms ${_reactmotion.motionTokens.curveEasyEase}`,
+        willChange: 'opacity'
+    }
+});
+const useSplitNavItemStyles_unstable = (state)=>{
+    'use no memo';
+    const splitNavItemStyles = useSplitNaveItemStyles();
+    const sharedRootClassNames = (0, _sharedNavStylesstyles.useRootDefaultClassName)();
+    state.root.className = (0, _react.mergeClasses)(splitNavItemClassNames.root, sharedRootClassNames, splitNavItemStyles.baseRoot, state.root.className);
+    if (state.navItem) {
+        state.navItem.className = (0, _react.mergeClasses)(splitNavItemClassNames.navItem, splitNavItemStyles.baseNavItem, state.navItem.className);
+    }
+    if (state.actionButton) {
+        state.actionButton.className = (0, _react.mergeClasses)(splitNavItemClassNames.actionButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.actionButton.className);
+    }
+    if (state.toggleButton) {
+        state.toggleButton.className = (0, _react.mergeClasses)(splitNavItemClassNames.toggleButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.toggleButton.className);
+    }
+    if (state.menuButton) {
+        state.menuButton.className = (0, _react.mergeClasses)(splitNavItemClassNames.menuButton, splitNavItemStyles.baseSecondary, splitNavItemStyles.hoverAction, state.density === 'medium' && splitNavItemStyles.baseMedium, state.menuButton.className);
+    }
+    return state;
+};

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["sharedNavStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles } from '@griffel/react';\n// Styles shared by several nav components.\nexport const navItemTokens = {\n    defaultDrawerWidth: 260,\n    indicatorOffset: 16,\n    indicatorWidth: 4,\n    indicatorHeight: 20,\n    backgroundColor: tokens.colorNeutralBackground4,\n    backgroundColorHover: tokens.colorNeutralBackground4Hover,\n    backgroundColorPressed: tokens.colorNeutralBackground4Pressed,\n    animationTokens: {\n        animationDuration: tokens.durationFaster,\n        animationFillMode: 'both',\n        animationTimingFunction: tokens.curveLinear\n    },\n    transitionTokens: {\n        transitionDuration: tokens.durationFaster,\n        transitionTimingFunction: tokens.curveLinear,\n        transitionProperty: 'background'\n    }\n};\n/**\n * Styles for the root slot\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */ export const useRootDefaultClassName = makeResetStyles({\n    display: 'flex',\n    textTransform: 'none',\n    position: 'relative',\n    justifyContent: 'start',\n    alignItems: 'flex-start',\n    textAlign: 'left',\n    gap: tokens.spacingVerticalL,\n    padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalMNudge}`,\n    backgroundColor: navItemTokens.backgroundColor,\n    borderRadius: tokens.borderRadiusMedium,\n    color: tokens.colorNeutralForeground2,\n    textDecorationLine: 'none',\n    border: 'none',\n    // this element can change between a button and an anchor\n    // so we need to reset box sizing to prevent horizontal overflow\n    boxSizing: 'border-box',\n    cursor: 'pointer',\n    transitionDuration: navItemTokens.animationTokens.animationDuration,\n    transitionTimingFunction: navItemTokens.animationTokens.animationTimingFunction,\n    transitionProperty: 'background',\n    width: '100%',\n    ...typographyStyles.body1,\n    ':hover': {\n        backgroundColor: navItemTokens.backgroundColorHover\n    },\n    // Use custom insert focus indicator\n    '&:focus-visible': {\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        outlineOffset: `calc(${tokens.strokeWidthThick} * -1)`\n    }\n});\nexport const useSmallStyles = makeStyles({\n    root: {\n        padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalMNudge}`\n    }\n});\n/**\n * Styles for the content slot (children)\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */ export const useContentStyles = makeStyles({\n    selected: typographyStyles.body1Strong\n});\n/**\n * French fry styles\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n */ export const useIndicatorStyles = makeStyles({\n    base: {\n        '::after': {\n            position: 'absolute',\n            ...navItemTokens.animationTokens,\n            animationName: {\n                '0%': {\n                    background: 'transparent'\n                },\n                '100%': {\n                    background: tokens.colorCompoundBrandForeground1\n                }\n            },\n            marginInlineStart: `-${navItemTokens.indicatorOffset}px`,\n            backgroundColor: tokens.colorCompoundBrandForeground1,\n            height: `${navItemTokens.indicatorHeight}px`,\n            width: `${navItemTokens.indicatorWidth}px`,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"'\n        },\n        '@media (forced-colors: active)': {\n            '::after': {\n                outline: `solid 2px ${tokens.colorTransparentStroke}`,\n                outlineOffset: '-2px'\n            }\n        }\n    }\n});\n/**\n * Styles for the icon slot\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n * We use the grid trick to stack the filled and regular icons on top of each other\n */ export const useIconStyles = makeStyles({\n    base: {\n        display: 'grid',\n        gridTemplateAreas: 'overlay-area',\n        minHeight: '20px',\n        minWidth: '20px',\n        alignItems: 'top',\n        justifyContent: 'center',\n        overflow: 'hidden',\n        [`& .${iconFilledClassName}`]: {\n            gridArea: 'overlay-area',\n            color: 'transparent',\n            display: 'none'\n        },\n        [`& .${iconRegularClassName}`]: {\n            gridArea: 'overlay-area',\n            display: 'inline'\n        }\n    },\n    selected: {\n        [`& .${iconFilledClassName}`]: {\n            ...navItemTokens.animationTokens,\n            display: 'inline',\n            animationName: {\n                '0%': {\n                    opacity: 0,\n                    color: 'transparent'\n                },\n                '100%': {\n                    opacity: 1,\n                    color: tokens.colorNeutralForeground2BrandSelected\n                }\n            }\n        },\n        [`& .${iconRegularClassName}`]: {\n            ...navItemTokens.animationTokens,\n            animationName: {\n                '0%': {\n                    opacity: 1,\n                    color: tokens.colorNeutralForeground2\n                },\n                '100%': {\n                    opacity: 0,\n                    color: 'transparent'\n                }\n            }\n        }\n    }\n});\n"],"names":["navItemTokens","useContentStyles","useIconStyles","useIndicatorStyles","useRootDefaultClassName","useSmallStyles","defaultDrawerWidth","indicatorOffset","indicatorWidth","indicatorHeight","backgroundColor","tokens","colorNeutralBackground4","backgroundColorHover","colorNeutralBackground4Hover","backgroundColorPressed","colorNeutralBackground4Pressed","animationTokens","animationDuration","durationFaster","animationFillMode","animationTimingFunction","curveLinear","transitionTokens","transitionDuration","transitionTimingFunction","transitionProperty","__resetStyles","__styles","root","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p","selected","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","base","E3zdtr","xr36ep","B67388b","Bitv4sc","Br128sd","rjyhj6","Bjyk6c5","Dlnsje","a2br6o","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","faxfa8","bj685l","Bovfycw","B8cfl5i","Bg7zzdw","k","m","mc9l5x","zoa1oz","sshi5w","Bf4jedk","Bt984gj","Brf1p80","B68tc82","Bmxbyg5","Bpg54ce","B9gejnh","yr4pdu","Bvkmzld","mqdk8l","Gbjhqp","obb2bi","D0sxk3","Esdz9e","Bqil8sh","Bbom3er","djjtid","mz70lj","t6yez3","C9vb3z","ux3ctl","Ba906uv","hndn0g","cw2nnk","Bkztwl0","H8nmoi","ipgedg"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["sharedNavStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { makeResetStyles, makeStyles } from '@griffel/react';\n// Styles shared by several nav components.\nexport const navItemTokens = {\n    defaultDrawerWidth: 260,\n    indicatorOffset: 16,\n    indicatorWidth: 4,\n    indicatorHeight: 20,\n    backgroundColor: tokens.colorNeutralBackground4,\n    backgroundColorHover: tokens.colorNeutralBackground4Hover,\n    backgroundColorPressed: tokens.colorNeutralBackground4Pressed,\n    animationTokens: {\n        animationDuration: tokens.durationFaster,\n        animationFillMode: 'both',\n        animationTimingFunction: tokens.curveLinear\n    },\n    transitionTokens: {\n        transitionDuration: tokens.durationFaster,\n        transitionTimingFunction: tokens.curveLinear,\n        transitionProperty: 'background'\n    }\n};\n/**\n * Styles for the root slot\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */ export const useRootDefaultClassName = makeResetStyles({\n    display: 'flex',\n    textTransform: 'none',\n    position: 'relative',\n    justifyContent: 'start',\n    alignItems: 'flex-start',\n    textAlign: 'left',\n    gap: tokens.spacingVerticalL,\n    padding: `${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalMNudge} ${tokens.spacingHorizontalMNudge}`,\n    backgroundColor: navItemTokens.backgroundColor,\n    borderRadius: tokens.borderRadiusMedium,\n    color: tokens.colorNeutralForeground2,\n    textDecorationLine: 'none',\n    border: 'none',\n    // this element can change between a button and an anchor\n    // so we need to reset box sizing to prevent horizontal overflow\n    boxSizing: 'border-box',\n    cursor: 'pointer',\n    transitionDuration: navItemTokens.animationTokens.animationDuration,\n    transitionTimingFunction: navItemTokens.animationTokens.animationTimingFunction,\n    transitionProperty: 'background',\n    width: '100%',\n    ...typographyStyles.body1,\n    ':hover': {\n        backgroundColor: navItemTokens.backgroundColorHover\n    },\n    // Use custom insert focus indicator\n    '&:focus-visible': {\n        outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n        outlineOffset: `calc(${tokens.strokeWidthThick} * -1)`\n    }\n});\nexport const useSmallStyles = makeStyles({\n    root: {\n        padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalMNudge}`\n    }\n});\n/**\n * Styles for the content slot (children)\n * Shared across NavItem, NavCategoryItem, NavSubItem, and AppItem\n */ export const useContentStyles = makeStyles({\n    selected: typographyStyles.body1Strong\n});\n/**\n * French fry styles\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n */ export const useIndicatorStyles = makeStyles({\n    base: {\n        '::after': {\n            position: 'absolute',\n            ...navItemTokens.animationTokens,\n            animationName: {\n                '0%': {\n                    background: 'transparent'\n                },\n                '100%': {\n                    background: tokens.colorCompoundBrandForeground1\n                }\n            },\n            marginInlineStart: `-${navItemTokens.indicatorOffset}px`,\n            backgroundColor: tokens.colorCompoundBrandForeground1,\n            height: `${navItemTokens.indicatorHeight}px`,\n            width: `${navItemTokens.indicatorWidth}px`,\n            borderRadius: tokens.borderRadiusCircular,\n            content: '\"\"'\n        },\n        '@media (forced-colors: active)': {\n            '::after': {\n                outline: `solid 2px ${tokens.colorTransparentStroke}`,\n                outlineOffset: '-2px'\n            }\n        }\n    }\n});\n/**\n * Styles for the icon slot\n * Shared across NavItem, NavCategoryItem, and NavSubItem\n * We use the grid trick to stack the filled and regular icons on top of each other\n */ export const useIconStyles = makeStyles({\n    base: {\n        display: 'grid',\n        gridTemplateAreas: 'overlay-area',\n        minHeight: '20px',\n        minWidth: '20px',\n        alignItems: 'top',\n        justifyContent: 'center',\n        overflow: 'hidden',\n        [`& .${iconFilledClassName}`]: {\n            gridArea: 'overlay-area',\n            color: 'transparent',\n            display: 'none'\n        },\n        [`& .${iconRegularClassName}`]: {\n            gridArea: 'overlay-area',\n            display: 'inline'\n        }\n    },\n    selected: {\n        [`& .${iconFilledClassName}`]: {\n            ...navItemTokens.animationTokens,\n            display: 'inline',\n            animationName: {\n                '0%': {\n                    opacity: 0,\n                    color: 'transparent'\n                },\n                '100%': {\n                    opacity: 1,\n                    color: tokens.colorNeutralForeground2BrandSelected\n                }\n            }\n        },\n        [`& .${iconRegularClassName}`]: {\n            ...navItemTokens.animationTokens,\n            animationName: {\n                '0%': {\n                    opacity: 1,\n                    color: tokens.colorNeutralForeground2\n                },\n                '100%': {\n                    opacity: 0,\n                    color: 'transparent'\n                }\n            }\n        }\n    }\n});\n"],"names":["iconFilledClassName","iconRegularClassName","tokens","typographyStyles","__resetStyles","__styles","navItemTokens","defaultDrawerWidth","indicatorOffset","indicatorWidth","indicatorHeight","backgroundColor","colorNeutralBackground4","backgroundColorHover","colorNeutralBackground4Hover","backgroundColorPressed","colorNeutralBackground4Pressed","animationTokens","animationDuration","durationFaster","animationFillMode","animationTimingFunction","curveLinear","transitionTokens","transitionDuration","transitionTimingFunction","transitionProperty","useRootDefaultClassName","useSmallStyles","root","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","d","p","useContentStyles","selected","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useIndicatorStyles","base","E3zdtr","xr36ep","B67388b","Bitv4sc","Br128sd","rjyhj6","Bjyk6c5","Dlnsje","a2br6o","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bsft5z2","faxfa8","bj685l","Bovfycw","B8cfl5i","Bg7zzdw","k","m","useIconStyles","mc9l5x","zoa1oz","sshi5w","Bf4jedk","Bt984gj","Brf1p80","B68tc82","Bmxbyg5","Bpg54ce","B9gejnh","yr4pdu","Bvkmzld","mqdk8l","Gbjhqp","obb2bi","D0sxk3","Esdz9e","Bqil8sh","Bbom3er","djjtid","mz70lj","t6yez3","C9vb3z","ux3ctl","Ba906uv","hndn0g","cw2nnk","Bkztwl0","H8nmoi","ipgedg"],"mappings":"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"}