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

package/lib-commonjs/components/NavSubItem/useNavSubItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavSubItem/useNavSubItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback, isHTMLElement } from '@fluentui/react-utilities';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport { useNavContext_unstable } from '../NavContext';\nimport { useNavCategoryContext_unstable } from '../NavCategoryContext';\n\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { NavSubItemProps, NavSubItemState } from './NavSubItem.types';\n\n/**\n * Create the state required to render NavSubItem.\n *\n * The returned state can be modified with hooks such as useNavSubItemStyles_unstable,\n * before being passed to renderNavSubItem_unstable.\n *\n * @param props - props from this instance of NavSubItem\n * @param ref - reference to root HTMLButtonElement of NavSubItem\n */\nexport const useNavSubItem_unstable = (\n  props: NavSubItemProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): NavSubItemState => {\n  const { onClick, value: subItemValue, as, href } = props;\n\n  const { selectedValue, onRegister, onUnregister, onSelect, density = 'medium' } = useNavContext_unstable();\n\n  const { value: parentCategoryValue } = useNavCategoryContext_unstable();\n\n  const rootElementType = as || (href ? 'a' : 'button');\n\n  const selected = selectedValue === subItemValue;\n\n  const innerRef = React.useRef<HTMLElement>(null);\n\n  const onNavSubItemClick: ARIAButtonSlotProps<'a'>['onClick'] = useEventCallback(event => {\n    onClick?.(event);\n\n    if (!event.defaultPrevented && isHTMLElement(event.target)) {\n      onSelect(event, { type: 'click', event, value: subItemValue, categoryValue: parentCategoryValue });\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 = onNavSubItemClick;\n\n  React.useEffect(() => {\n    onRegister({\n      value: subItemValue,\n      ref: innerRef,\n    });\n\n    return () => {\n      onUnregister({ value: subItemValue, ref: innerRef });\n    };\n  }, [onRegister, onUnregister, innerRef, subItemValue]);\n\n  return {\n    components: {\n      root: rootElementType,\n    },\n    root,\n    selected,\n    value: subItemValue,\n    density,\n  };\n};\n"],"names":["useNavSubItem_unstable","props","ref","onClick","value","subItemValue","as","href","selectedValue","onRegister","onUnregister","onSelect","density","useNavContext_unstable","parentCategoryValue","useNavCategoryContext_unstable","rootElementType","selected","innerRef","React","useRef","onNavSubItemClick","useEventCallback","event","defaultPrevented","isHTMLElement","target","type","categoryValue","root","slot","always","getIntrinsicElementProps","useARIAButtonProps","elementType","defaultProps","useEffect","components"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBaA;;;eAAAA;;;;iEAlBU;gCACyD;2BAC7C;4BACI;oCACQ;AAcxC,MAAMA,yBAAyB,CACpCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,OAAOC,YAAY,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGN;IAEnD,MAAM,EAAEO,aAAa,EAAEC,UAAU,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,EAAE,GAAGC,IAAAA,kCAAAA;IAElF,MAAM,EAAET,OAAOU,mBAAmB,EAAE,GAAGC,IAAAA,kDAAAA;IAEvC,MAAMC,kBAAkBV,MAAOC,CAAAA,OAAO,MAAM,QAAA;IAE5C,MAAMU,WAAWT,kBAAkBH;IAEnC,MAAMa,WAAWC,OAAMC,MAAM,CAAc;IAE3C,MAAMC,oBAAyDC,IAAAA,gCAAAA,EAAiBC,CAAAA;QAC9EpB,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUoB;QAEV,IAAI,CAACA,MAAMC,gBAAgB,IAAIC,IAAAA,6BAAAA,EAAcF,MAAMG,MAAM,GAAG;YAC1Df,SAASY,OAAO;gBAAEI,MAAM;gBAASJ;gBAAOnB,OAAOC;gBAAcuB,eAAed;YAAoB;QAClG;IACF;IAEA,MAAMe,OAAOC,oBAAAA,CAAKC,MAAM,CACtBC,IAAAA,wCAAAA,EACEhB,iBACAiB,IAAAA,6BAAAA,EAAmBjB,iBAAiB;QAClC,gBAAgBC,WAAW,SAAS;QACpC,GAAGhB,KAAK;IACV,KAEF;QACEiC,aAAalB;QACbmB,cAAc;YACZjC,KAAKA;YACLyB,MAAMX;QACR;IACF;IAGFa,KAAK1B,OAAO,GAAGkB;IAEfF,OAAMiB,SAAS,CAAC;QACd3B,WAAW;YACTL,OAAOC;YACPH,KAAKgB;QACP;QAEA,OAAO;YACLR,aAAa;gBAAEN,OAAOC;gBAAcH,KAAKgB;YAAS;QACpD;IACF,GAAG;QAACT;QAAYC;QAAcQ;QAAUb;KAAa;IAErD,OAAO;QACLgC,YAAY;YACVR,MAAMb;QACR;QACAa;QACAZ;QACAb,OAAOC;QACPO;IACF;AACF"}

package/lib-commonjs/components/NavSubItem/useNavSubItemStyles.styles.js

@@ -0,0 +1,53 @@
+"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, {
+    navSubItemClassNames: function() {
+        return navSubItemClassNames;
+    },
+    useNavSubItemStyles_unstable: function() {
+        return useNavSubItemStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
+const navSubItemClassNames = {
+    root: 'fui-NavSubItem'
+};
+/**
+ * Styles for the content slot (children)
+ */ const useNavSubItemSpecificStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        B1hrpyx: "fqo71ku"
+    },
+    smallBase: {
+        B1hrpyx: "f17f9sv1"
+    },
+    selectedIndicator: {
+        rjyhj6: "f1f74g36"
+    }
+}, {
+    d: [
+        ".fqo71ku{-webkit-padding-start:46px;padding-inline-start:46px;}",
+        ".f17f9sv1{-webkit-padding-start:40px;padding-inline-start:40px;}",
+        ".f1f74g36::after{-webkit-margin-start:-52px;margin-inline-start:-52px;}"
+    ]
+});
+const useNavSubItemStyles_unstable = (state)=>{
+    'use no memo';
+    const rootDefaultClassName = (0, _sharedNavStylesstyles.useRootDefaultClassName)();
+    const smallStyles = (0, _sharedNavStylesstyles.useSmallStyles)();
+    const contentStyles = (0, _sharedNavStylesstyles.useContentStyles)();
+    const indicatorStyles = (0, _sharedNavStylesstyles.useIndicatorStyles)();
+    const navSubItemSpecificStyles = useNavSubItemSpecificStyles();
+    const { selected, density } = state;
+    state.root.className = (0, _react.mergeClasses)(navSubItemClassNames.root, rootDefaultClassName, density === 'small' && smallStyles.root, density === 'small' && navSubItemSpecificStyles.smallBase, navSubItemSpecificStyles.base, selected && indicatorStyles.base, selected && contentStyles.selected, selected && navSubItemSpecificStyles.selectedIndicator, state.root.className);
+    return state;
+};

package/lib-commonjs/components/NavSubItem/useNavSubItemStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useNavSubItemStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { navItemTokens, useContentStyles, useIndicatorStyles, useRootDefaultClassName, useSmallStyles } from '../sharedNavStyles.styles';\nexport const navSubItemClassNames = {\n    root: 'fui-NavSubItem'\n};\n/**\n * Styles for the content slot (children)\n */ const useNavSubItemSpecificStyles = makeStyles({\n    base: {\n        paddingInlineStart: '46px'\n    },\n    smallBase: {\n        paddingInlineStart: '40px'\n    },\n    selectedIndicator: {\n        '::after': {\n            marginInlineStart: `-${navItemTokens.indicatorOffset + 36}px`\n        }\n    }\n});\n/**\n * Apply styling to the NavSubItem slots based on the state\n */ export const useNavSubItemStyles_unstable = (state)=>{\n    'use no memo';\n    const rootDefaultClassName = useRootDefaultClassName();\n    const smallStyles = useSmallStyles();\n    const contentStyles = useContentStyles();\n    const indicatorStyles = useIndicatorStyles();\n    const navSubItemSpecificStyles = useNavSubItemSpecificStyles();\n    const { selected, density } = state;\n    state.root.className = mergeClasses(navSubItemClassNames.root, rootDefaultClassName, density === 'small' && smallStyles.root, density === 'small' && navSubItemSpecificStyles.smallBase, navSubItemSpecificStyles.base, selected && indicatorStyles.base, selected && contentStyles.selected, selected && navSubItemSpecificStyles.selectedIndicator, state.root.className);\n    return state;\n};\n"],"names":["navSubItemClassNames","useNavSubItemStyles_unstable","root","useNavSubItemSpecificStyles","__styles","base","B1hrpyx","smallBase","selectedIndicator","rjyhj6","d","state","rootDefaultClassName","useRootDefaultClassName","smallStyles","useSmallStyles","contentStyles","useContentStyles","indicatorStyles","useIndicatorStyles","navSubItemSpecificStyles","selected","density","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,oBAAoB;eAApBA;;IAoBIC,4BAA4B;eAA5BA;;;uBAtBwB;uCACoE;AACtG,MAAMD,uBAAuB;IAChCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,8BAA2B,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,SAAA;IAAA;IAAAC,WAAA;QAAAD,SAAA;IAAA;IAAAE,mBAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAe7B,MAAMT,+BAAgCU,CAAAA;IAC7C;IACA,MAAMC,uBAAuBC,IAAAA,8CAAuB;IACpD,MAAMC,cAAcC,IAAAA,qCAAc;IAClC,MAAMC,gBAAgBC,IAAAA,uCAAgB;IACtC,MAAMC,kBAAkBC,IAAAA,yCAAkB;IAC1C,MAAMC,2BAA2BjB;IACjC,MAAM,EAAEkB,QAAQ,EAAEC,OAAAA,EAAS,GAAGX;IAC9BA,MAAMT,IAAI,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,qBAAqBE,IAAI,EAAEU,sBAAsBU,YAAY,WAAWR,YAAYZ,IAAI,EAAEoB,YAAY,WAAWF,yBAAyBb,SAAS,EAAEa,yBAAyBf,IAAI,EAAEgB,YAAYH,gBAAgBb,IAAI,EAAEgB,YAAYL,cAAcK,QAAQ,EAAEA,YAAYD,yBAAyBZ,iBAAiB,EAAEG,MAAMT,IAAI,CAACqB,SAAS;IAC1W,OAAOZ;AACX"}

package/lib-commonjs/components/NavSubItemContext.js

@@ -0,0 +1,30 @@
+"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, {
+    NavSubItemProvider: function() {
+        return NavSubItemProvider;
+    },
+    useNavSubItemContext_unstable: function() {
+        return useNavSubItemContext_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const NavSubItemContext = /*#__PURE__*/ _react.createContext(undefined);
+const NavSubItemContextDefaultValue = {
+    open: false,
+    value: ''
+};
+const { Provider: NavSubItemProvider } = NavSubItemContext;
+const useNavSubItemContext_unstable = ()=>{
+    var _React_useContext;
+    return (_React_useContext = _react.useContext(NavSubItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : NavSubItemContextDefaultValue;
+};

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

@@ -0,0 +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"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NavSubItemGroup", {
+    enumerable: true,
+    get: function() {
+        return NavSubItemGroup;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useNavSubItemGroup = require("./useNavSubItemGroup");
+const _renderNavSubItemGroup = require("./renderNavSubItemGroup");
+const _useNavSubItemGroupStylesstyles = require("./useNavSubItemGroupStyles.styles");
+const NavSubItemGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useNavSubItemGroup.useNavSubItemGroup_unstable)(props, ref);
+    (0, _useNavSubItemGroupStylesstyles.useNavSubItemGroupStyles_unstable)(state);
+    // TODO update types in packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts
+    // https://github.com/microsoft/fluentui/blob/master/rfcs/react-components/convergence/custom-styling.md
+    // useCustomStyleHook_unstable('useNavSubItemGroupStyles_unstable')(state);
+    return (0, _renderNavSubItemGroup.renderNavSubItemGroup_unstable)(state);
+});
+NavSubItemGroup.displayName = 'NavSubItemGroup';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavSubItemGroup/NavSubItemGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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 - TODO: add more docs\n */\nexport const NavSubItemGroup: ForwardRefComponent<NavSubItemGroupProps> = React.forwardRef((props, ref) => {\n  const state = useNavSubItemGroup_unstable(props, ref);\n\n  useNavSubItemGroupStyles_unstable(state);\n  // TODO update types in packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts\n  // https://github.com/microsoft/fluentui/blob/master/rfcs/react-components/convergence/custom-styling.md\n  // useCustomStyleHook_unstable('useNavSubItemGroupStyles_unstable')(state);\n  return renderNavSubItemGroup_unstable(state);\n});\n\nNavSubItemGroup.displayName = 'NavSubItemGroup';\n"],"names":["NavSubItemGroup","React","forwardRef","props","ref","state","useNavSubItemGroup_unstable","useNavSubItemGroupStyles_unstable","renderNavSubItemGroup_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;oCAGqB;uCACG;gDACG;AAM3C,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAClC,8HAA8H;IAC9H,wGAAwG;IACxG,2EAA2E;IAC3E,OAAOG,IAAAA,qDAAAA,EAA+BH;AACxC;AAEAL,gBAAgBS,WAAW,GAAG"}

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

@@ -0,0 +1,6 @@
+/**
+ * State used in rendering NavSubItemGroup
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavSubItemGroup/NavSubItemGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type NavSubItemGroupSlots = {\n  root: NonNullable<Slot<'div'>>;\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":"AAWA;;CAEC"}

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

@@ -0,0 +1,31 @@
+"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, {
+    NavSubItemGroup: function() {
+        return _NavSubItemGroup.NavSubItemGroup;
+    },
+    navSubItemGroupClassNames: function() {
+        return _useNavSubItemGroupStylesstyles.navSubItemGroupClassNames;
+    },
+    renderNavSubItemGroup_unstable: function() {
+        return _renderNavSubItemGroup.renderNavSubItemGroup_unstable;
+    },
+    useNavSubItemGroupStyles_unstable: function() {
+        return _useNavSubItemGroupStylesstyles.useNavSubItemGroupStyles_unstable;
+    },
+    useNavSubItemGroup_unstable: function() {
+        return _useNavSubItemGroup.useNavSubItemGroup_unstable;
+    }
+});
+const _NavSubItemGroup = require("./NavSubItemGroup");
+const _renderNavSubItemGroup = require("./renderNavSubItemGroup");
+const _useNavSubItemGroup = require("./useNavSubItemGroup");
+const _useNavSubItemGroupStylesstyles = require("./useNavSubItemGroupStyles.styles");

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

@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderNavSubItemGroup_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderNavSubItemGroup_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderNavSubItemGroup_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return state.open ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
+        children: state.root.children
+    }) : null;
+};

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

@@ -0,0 +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.open ? <state.root>{state.root.children}</state.root> : null;\n};\n"],"names":["renderNavSubItemGroup_unstable","state","assertSlots","open","_jsx","root","children"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,iCAAiC,CAACC;IAC7CC,IAAAA,2BAAAA,EAAkCD;IAElC,OAAOA,MAAME,IAAI,GAAA,WAAA,GAAGC,IAAAA,eAAA,EAACH,MAAMI,IAAI,EAAA;kBAAEJ,MAAMI,IAAI,CAACC,QAAQ;SAAiB;AACvE"}

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavSubItemGroup_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNavSubItemGroup_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _NavCategoryContext = require("../NavCategoryContext");
+const useNavSubItemGroup_unstable = (props, ref)=>{
+    const { open } = (0, _NavCategoryContext.useNavCategoryContext_unstable)();
+    // copied over from accordion. todo - figure out how to handle.
+    // const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });
+    // const navigation = useAccordionContext_unstable(ctx => ctx.navigation);
+    return {
+        open,
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ...props,
+            ref
+        }), {
+            elementType: 'div'
+        })
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavSubItemGroup/useNavSubItemGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { NavSubItemGroupProps, NavSubItemGroupState } from './NavSubItemGroup.types';\nimport { useNavCategoryContext_unstable } from '../NavCategoryContext';\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\n  // copied over from accordion. todo - figure out how to handle.\n  // const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n  // const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n  return {\n    open,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ...props,\n        ref,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["useNavSubItemGroup_unstable","props","ref","open","useNavCategoryContext_unstable","components","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACwB;oCAEA;AAWxC,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,kDAAAA;IAEjB,+DAA+D;IAC/D,0FAA0F;IAC1F,0EAA0E;IAE1E,OAAO;QACLD;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,GAAGR,KAAK;YACRC;QACF,IACA;YAAEQ,aAAa;QAAM;IAEzB;AACF"}

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

@@ -0,0 +1,35 @@
+"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 = /*#__PURE__*/ (0, _react.__styles)({
+    root: {}
+}, {});
+const useNavSubItemGroupStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(navSubItemGroupClassNames.root, styles.root, state.root.className);
+    // TODO Add class names to slots, for example:
+    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+    return state;
+};

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

@@ -0,0 +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    }\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    // TODO Add class names to slots, for example:\n    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n    return state;\n};\n"],"names":["navSubItemGroupClassNames","useNavSubItemGroupStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,yBAAyB;eAAzBA;;IAWIC,iCAAiC;eAAjCA;;;uBAZwB;AAClC,MAAMD,4BAA4B;IACrCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA,CAAA;AAAA,GAAA,CAAA;AAMX,MAAMD,oCAAqCI,CAAAA;IAClD;IACA,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,0BAA0BE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IACrG,8CAAA;IACA,gFAAA;IACA,OAAOF;AACX"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SplitNavItem", {
+    enumerable: true,
+    get: function() {
+        return SplitNavItem;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useSplitNavItem = require("./useSplitNavItem");
+const _renderSplitNavItem = require("./renderSplitNavItem");
+const _useSplitNavItemStylesstyles = require("./useSplitNavItemStyles.styles");
+const SplitNavItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useSplitNavItem.useSplitNavItem_unstable)(props, ref);
+    (0, _useSplitNavItemStylesstyles.useSplitNavItemStyles_unstable)(state);
+    /**
+   * @see https://github.com/microsoft/fluentui/blob/master/docs/react-v9/contributing/rfcs/react-components/convergence/custom-styling.md
+   *
+   * TODO: 💡 once package will become stable (PR which will be part of promoting PREVIEW package to STABLE),
+   *      - uncomment this line
+   *      - update types {@link file://./../../../../../../../packages/react-components/react-shared-contexts/library/src/CustomStyleHooksContext/CustomStyleHooksContext.ts#CustomStyleHooksContextValue}
+   *      - verify that custom global style override works for your component
+   */ // useCustomStyleHook_unstable('useSplitNavItemStyles_unstable')(state);
+    return (0, _renderSplitNavItem.renderSplitNavItem_unstable)(state);
+});
+SplitNavItem.displayName = 'SplitNavItem';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SplitNavItem/SplitNavItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\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\n  /**\n   * @see https://github.com/microsoft/fluentui/blob/master/docs/react-v9/contributing/rfcs/react-components/convergence/custom-styling.md\n   *\n   * TODO: 💡 once package will become stable (PR which will be part of promoting PREVIEW package to STABLE),\n   *      - uncomment this line\n   *      - update types {@link file://./../../../../../../../packages/react-components/react-shared-contexts/library/src/CustomStyleHooksContext/CustomStyleHooksContext.ts#CustomStyleHooksContextValue}\n   *      - verify that custom global style override works for your component\n   */\n  // useCustomStyleHook_unstable('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","renderSplitNavItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;iCAEkB;oCACG;6CACG;AAMxC,MAAMA,eAAAA,WAAAA,GAAuDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQC,IAAAA,yCAAAA,EAAyBH,OAAOC;IAE9CG,IAAAA,2DAAAA,EAA+BF;IAE/B;;;;;;;GAOC,GACD,wEAAwE;IAExE,OAAOG,IAAAA,+CAAAA,EAA4BH;AACrC;AAEAL,aAAaS,WAAW,GAAG"}

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

@@ -0,0 +1,6 @@
+/**
+ * State used in rendering SplitNavItem
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +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"}

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

@@ -0,0 +1,31 @@
+"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, {
+    SplitNavItem: function() {
+        return _SplitNavItem.SplitNavItem;
+    },
+    renderSplitNavItem_unstable: function() {
+        return _renderSplitNavItem.renderSplitNavItem_unstable;
+    },
+    splitNavItemClassNames: function() {
+        return _useSplitNavItemStylesstyles.splitNavItemClassNames;
+    },
+    useSplitNavItemStyles_unstable: function() {
+        return _useSplitNavItemStylesstyles.useSplitNavItemStyles_unstable;
+    },
+    useSplitNavItem_unstable: function() {
+        return _useSplitNavItem.useSplitNavItem_unstable;
+    }
+});
+const _SplitNavItem = require("./SplitNavItem");
+const _renderSplitNavItem = require("./renderSplitNavItem");
+const _useSplitNavItem = require("./useSplitNavItem");
+const _useSplitNavItemStylesstyles = require("./useSplitNavItemStyles.styles");

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

@@ -0,0 +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"}

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderSplitNavItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderSplitNavItem_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderSplitNavItem_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.navItem && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.navItem, {}),
+            state.actionButton && state.actionButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actionButtonTooltip, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actionButton, {})
+            }),
+            state.actionButton && !state.actionButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.actionButton, {}),
+            state.toggleButton && state.toggleButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.toggleButtonTooltip, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.toggleButton, {})
+            }),
+            state.toggleButton && !state.toggleButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.toggleButton, {}),
+            state.menuButton && state.menuButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuButtonTooltip, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuButton, {})
+            }),
+            state.menuButton && !state.menuButtonTooltip && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuButton, {})
+        ]
+    });
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SplitNavItem/renderSplitNavItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SplitNavItemState, SplitNavItemSlots } from './SplitNavItem.types';\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      {state.actionButton && state.actionButtonTooltip && (\n        <state.actionButtonTooltip>\n          <state.actionButton />\n        </state.actionButtonTooltip>\n      )}\n      {state.actionButton && !state.actionButtonTooltip && <state.actionButton />}\n\n      {state.toggleButton && state.toggleButtonTooltip && (\n        <state.toggleButtonTooltip>\n          <state.toggleButton />\n        </state.toggleButtonTooltip>\n      )}\n      {state.toggleButton && !state.toggleButtonTooltip && <state.toggleButton />}\n\n      {state.menuButton && state.menuButtonTooltip && (\n        <state.menuButtonTooltip>\n          <state.menuButton />\n        </state.menuButtonTooltip>\n      )}\n      {state.menuButton && !state.menuButtonTooltip && <state.menuButton />}\n    </state.root>\n  );\n};\n"],"names":["renderSplitNavItem_unstable","state","assertSlots","_jsxs","root","navItem","_jsx","actionButton","actionButtonTooltip","toggleButton","toggleButtonTooltip","menuButton","menuButtonTooltip"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,8BAA8B,CAACC;IAC1CC,IAAAA,2BAAAA,EAA+BD;IAE/B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,OAAO,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,OAAO,EAAA,CAAA;YAC/BJ,MAAMM,YAAY,IAAIN,MAAMO,mBAAmB,IAAA,WAAA,GAC9CF,IAAAA,eAAA,EAACL,MAAMO,mBAAmB,EAAA;0BACxB,WAAA,GAAAF,IAAAA,eAAA,EAACL,MAAMM,YAAY,EAAA,CAAA;;YAGtBN,MAAMM,YAAY,IAAI,CAACN,MAAMO,mBAAmB,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACL,MAAMM,YAAY,EAAA,CAAA;YAEvEN,MAAMQ,YAAY,IAAIR,MAAMS,mBAAmB,IAAA,WAAA,GAC9CJ,IAAAA,eAAA,EAACL,MAAMS,mBAAmB,EAAA;0BACxB,WAAA,GAAAJ,IAAAA,eAAA,EAACL,MAAMQ,YAAY,EAAA,CAAA;;YAGtBR,MAAMQ,YAAY,IAAI,CAACR,MAAMS,mBAAmB,IAAA,WAAA,GAAIJ,IAAAA,eAAA,EAACL,MAAMQ,YAAY,EAAA,CAAA;YAEvER,MAAMU,UAAU,IAAIV,MAAMW,iBAAiB,IAAA,WAAA,GAC1CN,IAAAA,eAAA,EAACL,MAAMW,iBAAiB,EAAA;0BACtB,WAAA,GAAAN,IAAAA,eAAA,EAACL,MAAMU,UAAU,EAAA,CAAA;;YAGpBV,MAAMU,UAAU,IAAI,CAACV,MAAMW,iBAAiB,IAAA,WAAA,GAAIN,IAAAA,eAAA,EAACL,MAAMU,UAAU,EAAA,CAAA;;;AAGxE"}

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

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useSplitNavItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return useSplitNavItem_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reacttooltip = require("@fluentui/react-tooltip");
+const _NavContext = require("../NavContext");
+const _reactbutton = require("@fluentui/react-button");
+const _reacticons = require("@fluentui/react-icons");
+const _index = require("../NavItem/index");
+const _NavSubItem = require("../NavSubItem/NavSubItem");
+const _NavCategoryContext = require("../NavCategoryContext");
+const useSplitNavItem_unstable = (props, ref)=>{
+    const { navItem, actionButton, toggleButton, menuButton, actionButtonTooltip, toggleButtonTooltip, menuButtonTooltip, children } = props;
+    const { density = 'medium' } = (0, _NavContext.useNavContext_unstable)();
+    const { value: potentialParenValue } = (0, _NavCategoryContext.useNavCategoryContext_unstable)();
+    const isSubNav = potentialParenValue.length > 0 ? true : false;
+    const navItemShorthand = _reactutilities.slot.always(navItem, {
+        defaultProps: {
+            children
+        },
+        elementType: isSubNav ? _NavSubItem.NavSubItem : _index.NavItem
+    });
+    const actionButtonShorthand = _reactutilities.slot.optional(actionButton, {
+        defaultProps: {
+            icon: /*#__PURE__*/ _react.createElement(_reacticons.Pin20Regular, null),
+            size: 'small',
+            appearance: 'transparent'
+        },
+        elementType: _reactbutton.Button
+    });
+    const toggleButtonShorthand = _reactutilities.slot.optional(toggleButton, {
+        defaultProps: {
+            icon: /*#__PURE__*/ _react.createElement(_reacticons.Pin20Regular, null),
+            size: 'small',
+            appearance: 'transparent'
+        },
+        elementType: _reactbutton.ToggleButton
+    });
+    const menuButtonShorthand = _reactutilities.slot.optional(menuButton, {
+        defaultProps: {
+            icon: /*#__PURE__*/ _react.createElement(_reacticons.MoreHorizontalFilled, null),
+            size: 'small',
+            appearance: 'transparent'
+        },
+        elementType: _reactbutton.MenuButton
+    });
+    const actionButtonTooltipShorthand = _reactutilities.slot.optional(actionButtonTooltip, {
+        defaultProps: {
+            relationship: 'label'
+        },
+        elementType: _reacttooltip.Tooltip
+    });
+    const toggleButtonTooltipShorthand = _reactutilities.slot.optional(toggleButtonTooltip, {
+        defaultProps: {
+            relationship: 'label'
+        },
+        elementType: _reacttooltip.Tooltip
+    });
+    const menuButtonTooltipShorthand = _reactutilities.slot.optional(menuButtonTooltip, {
+        defaultProps: {
+            relationship: 'label'
+        },
+        elementType: _reacttooltip.Tooltip
+    });
+    return {
+        components: {
+            root: 'div',
+            navItem: isSubNav ? _NavSubItem.NavSubItem : _index.NavItem,
+            actionButton: _reactbutton.Button,
+            toggleButton: _reactbutton.ToggleButton,
+            menuButton: _reactbutton.MenuButton,
+            actionButtonTooltip: _reacttooltip.Tooltip,
+            toggleButtonTooltip: _reacttooltip.Tooltip,
+            menuButtonTooltip: _reacttooltip.Tooltip
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            ...props,
+            // because we're passing in children to the NavItem,
+            // We can be explicit about the children prop here
+            children: null
+        }), {
+            elementType: 'div'
+        }),
+        navItem: navItemShorthand,
+        actionButton: actionButtonShorthand,
+        toggleButton: toggleButtonShorthand,
+        menuButton: menuButtonShorthand,
+        actionButtonTooltip: actionButtonTooltipShorthand,
+        toggleButtonTooltip: toggleButtonTooltipShorthand,
+        menuButtonTooltip: menuButtonTooltipShorthand,
+        density,
+        isSubNav
+    };
+};

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

@@ -0,0 +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"}