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

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

@@ -0,0 +1,149 @@
+"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 _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
+/**
+ * Styles for the root slot
+ */ const useSplitNaveItemStyles = /*#__PURE__*/ (0, _react.__styles)({
+    baseRoot: {
+        mc9l5x: "f22iagw",
+        i8kkvl: 0,
+        Belr9w4: 0,
+        rmohyg: "fx80lhs",
+        Bt984gj: "f1q9h2pe",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f19jm9xf",
+        fsow6f: "fgusgyc",
+        De3pzq: "f1ctqxl6",
+        B3o57yi: "fnsygzv",
+        Bkqvd7p: "f1e9ux7i",
+        Bmy1vo4: "f1xfaukr",
+        Jwef8y: "f11oyicx",
+        ecr2s2: "f9fof1w"
+    },
+    baseNavItem: {
+        mc9l5x: "f22iagw",
+        B9bfxx9: "f1cxpek8",
+        qb2dma: "f1ub7u0d",
+        fsow6f: [
+            "f1o700av",
+            "fes3tcz"
+        ],
+        qhf8xq: "f10pi13n",
+        Brf1p80: "f1s9ku6b",
+        i8kkvl: 0,
+        Belr9w4: 0,
+        rmohyg: "f1u2hskj",
+        De3pzq: "f3rmtva"
+    },
+    baseSecondary: {
+        Bf4jedk: "f107v6xj",
+        Bnt446c: "f1y335lp",
+        B1hrpyx: "f12pses1",
+        rjzwhg: "fibmr9j",
+        Bt984gj: "f1s2louj"
+    },
+    baseMedium: {
+        rjzwhg: "fjtod8q"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        [
+            ".fx80lhs{gap:unset;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1q9h2pe{align-items:stretch;}",
+        [
+            ".f19jm9xf{padding:unset;}",
+            {
+                p: -1
+            }
+        ],
+        ".fgusgyc{text-align:unset;}",
+        ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}",
+        ".fnsygzv{transition-duration:var(--durationFaster);}",
+        ".f1e9ux7i{transition-timing-function:var(--curveLinear);}",
+        ".f1xfaukr{transition-property:background;}",
+        ".f1cxpek8{text-transform:none;}",
+        ".f1ub7u0d{align-self:stretch;}",
+        ".f1o700av{text-align:left;}",
+        ".fes3tcz{text-align:right;}",
+        ".f10pi13n{position:relative;}",
+        ".f1s9ku6b{justify-content:start;}",
+        [
+            ".f1u2hskj{gap:var(--spacingVerticalL);}",
+            {
+                p: -1
+            }
+        ],
+        ".f3rmtva{background-color:transparent;}",
+        ".f107v6xj{min-width:28px;}",
+        ".f1y335lp{-webkit-padding-end:12px;padding-inline-end:12px;}",
+        ".f12pses1{-webkit-padding-start:5px;padding-inline-start:5px;}",
+        ".fibmr9j{padding-block-start:5px;}",
+        ".f1s2louj{align-items:start;}",
+        ".fjtod8q{padding-block-start:9px;}"
+    ],
+    h: [
+        ".f11oyicx:hover{background-color:var(--colorNeutralBackground4Hover);}"
+    ],
+    a: [
+        ".f9fof1w:active{background-color:var(--colorNeutralBackground4Pressed);}"
+    ]
+});
+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, state.density === 'medium' && splitNavItemStyles.baseMedium, state.actionButton.className);
+    }
+    if (state.toggleButton) {
+        state.toggleButton.className = (0, _react.mergeClasses)(splitNavItemClassNames.toggleButton, splitNavItemStyles.baseSecondary, state.density === 'medium' && splitNavItemStyles.baseMedium, state.toggleButton.className);
+    }
+    if (state.menuButton) {
+        state.menuButton.className = (0, _react.mergeClasses)(splitNavItemClassNames.menuButton, splitNavItemStyles.baseSecondary, state.density === 'medium' && splitNavItemStyles.baseMedium, state.menuButton.className);
+    }
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useSplitNavItemStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { navItemTokens, useRootDefaultClassName } from '../sharedNavStyles.styles';\nimport { tokens } from '@fluentui/react-theme';\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\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        },\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/**\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, state.density === 'medium' && splitNavItemStyles.baseMedium, state.actionButton.className);\n    }\n    if (state.toggleButton) {\n        state.toggleButton.className = mergeClasses(splitNavItemClassNames.toggleButton, splitNavItemStyles.baseSecondary, state.density === 'medium' && splitNavItemStyles.baseMedium, state.toggleButton.className);\n    }\n    if (state.menuButton) {\n        state.menuButton.className = mergeClasses(splitNavItemClassNames.menuButton, splitNavItemStyles.baseSecondary, 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","useSplitNaveItemStyles","__styles","baseRoot","mc9l5x","i8kkvl","Belr9w4","rmohyg","Bt984gj","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","fsow6f","De3pzq","B3o57yi","Bkqvd7p","Bmy1vo4","Jwef8y","ecr2s2","baseNavItem","B9bfxx9","qb2dma","qhf8xq","Brf1p80","baseSecondary","Bf4jedk","Bnt446c","B1hrpyx","rjzwhg","baseMedium","d","p","h","a","state","splitNavItemStyles","sharedRootClassNames","useRootDefaultClassName","className","mergeClasses","density"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,242 @@
+"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, {
+    navItemTokens: function() {
+        return navItemTokens;
+    },
+    useContentStyles: function() {
+        return useContentStyles;
+    },
+    useIconStyles: function() {
+        return useIconStyles;
+    },
+    useIndicatorStyles: function() {
+        return useIndicatorStyles;
+    },
+    useRootDefaultClassName: function() {
+        return useRootDefaultClassName;
+    },
+    useSmallStyles: function() {
+        return useSmallStyles;
+    }
+});
+const _reacttheme = require("@fluentui/react-theme");
+const _react = require("@griffel/react");
+const navItemTokens = {
+    defaultDrawerWidth: 260,
+    indicatorOffset: 16,
+    indicatorWidth: 4,
+    indicatorHeight: 20,
+    backgroundColor: _reacttheme.tokens.colorNeutralBackground4,
+    backgroundColorHover: _reacttheme.tokens.colorNeutralBackground4Hover,
+    backgroundColorPressed: _reacttheme.tokens.colorNeutralBackground4Pressed,
+    animationTokens: {
+        animationDuration: _reacttheme.tokens.durationFaster,
+        animationFillMode: 'both',
+        animationTimingFunction: _reacttheme.tokens.curveLinear
+    },
+    transitionTokens: {
+        transitionDuration: _reacttheme.tokens.durationFaster,
+        transitionTimingFunction: _reacttheme.tokens.curveLinear,
+        transitionProperty: 'background'
+    }
+};
+const useRootDefaultClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rdi7s9k", "r94071", [
+    ".rdi7s9k{display:flex;text-transform:none;position:relative;justify-content:start;align-items:flex-start;text-align:left;gap:var(--spacingVerticalL);padding:var(--spacingVerticalMNudge) var(--spacingHorizontalS) var(--spacingVerticalMNudge) var(--spacingHorizontalMNudge);background-color:var(--colorNeutralBackground4);border-radius:var(--borderRadiusMedium);color:var(--colorNeutralForeground2);text-decoration-line:none;border:none;box-sizing:border-box;cursor:pointer;transition-duration:var(--durationFaster);transition-timing-function:var(--curveLinear);transition-property:background;width:100%;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}",
+    ".rdi7s9k:hover{background-color:var(--colorNeutralBackground4Hover);}",
+    ".rdi7s9k:focus-visible{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);outline-offset:calc(var(--strokeWidthThick) * -1);}",
+    ".r94071{display:flex;text-transform:none;position:relative;justify-content:start;align-items:flex-start;text-align:right;gap:var(--spacingVerticalL);padding:var(--spacingVerticalMNudge) var(--spacingHorizontalMNudge) var(--spacingVerticalMNudge) var(--spacingHorizontalS);background-color:var(--colorNeutralBackground4);border-radius:var(--borderRadiusMedium);color:var(--colorNeutralForeground2);text-decoration-line:none;border:none;box-sizing:border-box;cursor:pointer;transition-duration:var(--durationFaster);transition-timing-function:var(--curveLinear);transition-property:background;width:100%;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}",
+    ".r94071:hover{background-color:var(--colorNeutralBackground4Hover);}",
+    ".r94071:focus-visible{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);outline-offset:calc(var(--strokeWidthThick) * -1);}"
+]);
+const useSmallStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: [
+            "f1434i56",
+            "f1jkyjtc"
+        ]
+    }
+}, {
+    d: [
+        [
+            ".f1434i56{padding:var(--spacingVerticalXS) var(--spacingHorizontalS) var(--spacingVerticalXS) var(--spacingHorizontalMNudge);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1jkyjtc{padding:var(--spacingVerticalXS) var(--spacingHorizontalMNudge) var(--spacingVerticalXS) var(--spacingHorizontalS);}",
+            {
+                p: -1
+            }
+        ]
+    ]
+});
+const useContentStyles = /*#__PURE__*/ (0, _react.__styles)({
+    selected: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "f1i3iumi"
+    }
+}, {
+    d: [
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}"
+    ]
+});
+const useIndicatorStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        E3zdtr: "f1mdlcz9",
+        xr36ep: "fpil94b",
+        B67388b: "f90z1up",
+        Bitv4sc: "f2ic3ny",
+        Br128sd: "f1xz7mvd",
+        rjyhj6: "f3i5gj0",
+        Bjyk6c5: "fi4v1pz",
+        Dlnsje: "f1tvrmnx",
+        a2br6o: "f1p1ggug",
+        d9w3h3: 0,
+        B3778ie: 0,
+        B4j8arr: 0,
+        Bl18szs: 0,
+        Blrzh8d: "f3b9emi",
+        Bsft5z2: "f13zj6fq",
+        faxfa8: 0,
+        bj685l: 0,
+        Bovfycw: 0,
+        B8cfl5i: "fl9mdp8",
+        Bg7zzdw: "f6174p6"
+    }
+}, {
+    d: [
+        ".f1mdlcz9::after{position:absolute;}",
+        ".fpil94b::after{animation-duration:var(--durationFaster);}",
+        ".f90z1up::after{animation-fill-mode:both;}",
+        ".f2ic3ny::after{animation-timing-function:var(--curveLinear);}",
+        ".f1xz7mvd::after{animation-name:f1ayorr4;}",
+        ".f3i5gj0::after{-webkit-margin-start:-16px;margin-inline-start:-16px;}",
+        ".fi4v1pz::after{background-color:var(--colorCompoundBrandForeground1);}",
+        ".f1tvrmnx::after{height:20px;}",
+        ".f1p1ggug::after{width:4px;}",
+        [
+            ".f3b9emi::after{border-radius:var(--borderRadiusCircular);}",
+            {
+                p: -1
+            }
+        ],
+        ".f13zj6fq::after{content:\"\";}"
+    ],
+    k: [
+        "@keyframes f1ayorr4{0%{background:transparent;}100%{background:var(--colorCompoundBrandForeground1);}}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.fl9mdp8::after{outline:solid 2px var(--colorTransparentStroke);}}",
+            {
+                p: -1,
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f6174p6::after{outline-offset:-2px;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
+    ]
+});
+const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        mc9l5x: "f13qh94s",
+        zoa1oz: "fngvled",
+        sshi5w: "f16gbxbe",
+        Bf4jedk: "f11u7vat",
+        Bt984gj: "f1w4ww9t",
+        Brf1p80: "f4d9j23",
+        B68tc82: 0,
+        Bmxbyg5: 0,
+        Bpg54ce: "f1a3p1vp",
+        B9gejnh: 0,
+        yr4pdu: 0,
+        Bvkmzld: 0,
+        mqdk8l: 0,
+        Gbjhqp: "f1uiug86",
+        obb2bi: "fwrh02z",
+        D0sxk3: "f16u1re",
+        Esdz9e: 0,
+        Bqil8sh: 0,
+        Bbom3er: 0,
+        djjtid: 0,
+        mz70lj: "f1jsjwoh",
+        t6yez3: "f8bsbmo"
+    },
+    selected: {
+        C9vb3z: "f5rs5gh",
+        ux3ctl: "f1ioc1t6",
+        Ba906uv: "fey0lwf",
+        D0sxk3: "fxoiby5",
+        hndn0g: "fnh0dvc",
+        cw2nnk: "fp7jrvw",
+        Bkztwl0: "fdt4y6x",
+        H8nmoi: "fvl64og",
+        ipgedg: "ffh1t26"
+    }
+}, {
+    d: [
+        ".f13qh94s{display:grid;}",
+        ".fngvled{grid-template-areas:overlay-area;}",
+        ".f16gbxbe{min-height:20px;}",
+        ".f11u7vat{min-width:20px;}",
+        ".f1w4ww9t{align-items:top;}",
+        ".f4d9j23{justify-content:center;}",
+        [
+            ".f1a3p1vp{overflow:hidden;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1uiug86 .fui-Icon-filled{grid-area:overlay-area;}",
+            {
+                p: -1
+            }
+        ],
+        ".fwrh02z .fui-Icon-filled{color:transparent;}",
+        ".f16u1re .fui-Icon-filled{display:none;}",
+        [
+            ".f1jsjwoh .fui-Icon-regular{grid-area:overlay-area;}",
+            {
+                p: -1
+            }
+        ],
+        ".f8bsbmo .fui-Icon-regular{display:inline;}",
+        ".f5rs5gh .fui-Icon-filled{animation-duration:var(--durationFaster);}",
+        ".f1ioc1t6 .fui-Icon-filled{animation-fill-mode:both;}",
+        ".fey0lwf .fui-Icon-filled{animation-timing-function:var(--curveLinear);}",
+        ".fxoiby5 .fui-Icon-filled{display:inline;}",
+        ".fnh0dvc .fui-Icon-filled{animation-name:f9t3kp0;}",
+        ".fp7jrvw .fui-Icon-regular{animation-duration:var(--durationFaster);}",
+        ".fdt4y6x .fui-Icon-regular{animation-fill-mode:both;}",
+        ".fvl64og .fui-Icon-regular{animation-timing-function:var(--curveLinear);}",
+        ".ffh1t26 .fui-Icon-regular{animation-name:fvunsy5;}"
+    ],
+    k: [
+        "@keyframes f9t3kp0{0%{opacity:0;color:transparent;}100%{opacity:1;color:var(--colorNeutralForeground2BrandSelected);}}",
+        "@keyframes fvunsy5{0%{opacity:1;color:var(--colorNeutralForeground2);}100%{opacity:0;color:transparent;}}"
+    ]
+});

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

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

package/lib-commonjs/components/useNavCategoryContextValues_unstable.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavCategoryContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNavCategoryContextValues_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useNavCategoryContextValues_unstable(state) {
+    const { open, value } = state;
+    const navCategory = _react.useMemo(()=>({
+            open,
+            value
+        }), [
+        open,
+        value
+    ]);
+    return {
+        categoryValue: navCategory
+    };
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/useNavCategoryContextValues_unstable.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavCategoryState } from '../NavCategory';\nimport { NavCategoryContextValue, NavCategoryContextValues } from './NavCategoryContext';\n\nexport function useNavCategoryContextValues_unstable(state: NavCategoryState): NavCategoryContextValues {\n  const { open, value } = state;\n  const navCategory = React.useMemo<NavCategoryContextValue>(() => ({ open, value }), [open, value]);\n\n  return { categoryValue: navCategory };\n}\n"],"names":["useNavCategoryContextValues_unstable","state","open","value","navCategory","React","useMemo","categoryValue"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;AAIhB,SAASA,qCAAqCC,KAAuB;IAC1E,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGF;IACxB,MAAMG,cAAcC,OAAMC,OAAO,CAA0B,IAAO,CAAA;YAAEJ;YAAMC;QAAM,CAAA,GAAI;QAACD;QAAMC;KAAM;IAEjG,OAAO;QAAEI,eAAeH;IAAY;AACtC"}

package/lib-commonjs/components/useNavCategoryItemContextValues_unstable.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavCategoryItemContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNavCategoryItemContextValues_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useNavCategoryItemContextValues_unstable(state) {
+    const { open, value } = state;
+    const navCategoryItem = _react.useMemo(()=>({
+            open,
+            value
+        }), [
+        open,
+        value
+    ]);
+    return {
+        navCategoryItem
+    };
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/useNavCategoryItemContextValues_unstable.ts"],"sourcesContent":["import * as React from 'react';\nimport { NavCategoryItemContextValue } from './NavCategoryItemContext';\nimport { NavCategoryItemContextValues, NavCategoryItemState } from './NavCategoryItem/NavCategoryItem.types';\n\nexport function useNavCategoryItemContextValues_unstable(state: NavCategoryItemState): NavCategoryItemContextValues {\n  const { open, value } = state;\n  const navCategoryItem = React.useMemo<NavCategoryItemContextValue>(() => ({ open, value }), [open, value]);\n\n  return { navCategoryItem };\n}\n"],"names":["useNavCategoryItemContextValues_unstable","state","open","value","navCategoryItem","React","useMemo"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;AAIhB,SAASA,yCAAyCC,KAA2B;IAClF,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGF;IACxB,MAAMG,kBAAkBC,OAAMC,OAAO,CAA8B,IAAO,CAAA;YAAEJ;YAAMC;QAAM,CAAA,GAAI;QAACD;QAAMC;KAAM;IAEzG,OAAO;QAAEC;IAAgB;AAC3B"}

package/lib-commonjs/components/useNavContextValues.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNavContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useNavContextValues_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useNavContextValues_unstable(state) {
+    const { selectedValue, selectedCategoryValue, onRegister, onUnregister, onSelect, getRegisteredNavItems, onRequestNavCategoryItemToggle, openCategories, multiple, density } = state;
+    const navContext = _react.useMemo(()=>({
+            selectedValue,
+            selectedCategoryValue,
+            onSelect,
+            onRegister,
+            onUnregister,
+            getRegisteredNavItems,
+            onRequestNavCategoryItemToggle,
+            openCategories,
+            multiple,
+            density
+        }), [
+        selectedValue,
+        selectedCategoryValue,
+        onSelect,
+        onRegister,
+        onUnregister,
+        getRegisteredNavItems,
+        onRequestNavCategoryItemToggle,
+        openCategories,
+        multiple,
+        density
+    ]);
+    return {
+        nav: navContext
+    };
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/useNavContextValues.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavContextValue, NavContextValues, NavState } from '../Nav';\n\nexport function useNavContextValues_unstable(state: NavState): NavContextValues {\n  const {\n    selectedValue,\n    selectedCategoryValue,\n    onRegister,\n    onUnregister,\n    onSelect,\n    getRegisteredNavItems,\n    onRequestNavCategoryItemToggle,\n    openCategories,\n    multiple,\n    density,\n  } = state;\n\n  const navContext = React.useMemo<NavContextValue>(\n    () => ({\n      selectedValue,\n      selectedCategoryValue,\n      onSelect,\n      onRegister,\n      onUnregister,\n      getRegisteredNavItems,\n      onRequestNavCategoryItemToggle,\n      openCategories,\n      multiple,\n      density,\n    }),\n    [\n      selectedValue,\n      selectedCategoryValue,\n      onSelect,\n      onRegister,\n      onUnregister,\n      getRegisteredNavItems,\n      onRequestNavCategoryItemToggle,\n      openCategories,\n      multiple,\n      density,\n    ],\n  );\n\n  return { nav: navContext };\n}\n"],"names":["useNavContextValues_unstable","state","selectedValue","selectedCategoryValue","onRegister","onUnregister","onSelect","getRegisteredNavItems","onRequestNavCategoryItemToggle","openCategories","multiple","density","navContext","React","useMemo","nav"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;AAGhB,SAASA,6BAA6BC,KAAe;IAC1D,MAAM,EACJC,aAAa,EACbC,qBAAqB,EACrBC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,qBAAqB,EACrBC,8BAA8B,EAC9BC,cAAc,EACdC,QAAQ,EACRC,OAAO,EACR,GAAGV;IAEJ,MAAMW,aAAaC,OAAMC,OAAO,CAC9B,IAAO,CAAA;YACLZ;YACAC;YACAG;YACAF;YACAC;YACAE;YACAC;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QACET;QACAC;QACAG;QACAF;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;KACD;IAGH,OAAO;QAAEI,KAAKH;IAAW;AAC3B"}