@fluentui/react-nav 0.0.0-nightly-20250703-1103.1 → 9.0.0

package/lib-commonjs/components/AppItem/useAppItemStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/AppItem/useAppItemStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { AppItemSlots, AppItemState } from './AppItem.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\n\nexport const appItemClassNames: SlotClassNames<AppItemSlots> = {\n  root: 'fui-AppItem',\n  icon: 'fui-AppItem__icon',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useAppItemStyles = makeStyles({\n  root: {\n    marginInline: '4px',\n    width: 'revert',\n    alignItems: 'center',\n    gap: '10px',\n    marginInlineStart: '-6px',\n    marginInlineEnd: '0px',\n    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} ${tokens.spacingHorizontalMNudge}`,\n    ...typographyStyles.subtitle2,\n  },\n  small: {\n    padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalS} 14px`,\n    gap: '14px',\n  },\n  absentIconRootAdjustment: {\n    paddingInlineStart: '16px',\n  },\n});\n\n/**\n * Apply styling to the AppItem slots based on the state\n */\nexport const useAppItemStyles_unstable = (state: AppItemState): AppItemState => {\n  'use no memo';\n\n  const rootDefaultClassName = useRootDefaultClassName();\n  const iconStyles = useIconStyles();\n  const appItemSpecificStyles = useAppItemStyles();\n\n  const { density, icon } = state;\n\n  state.root.className = mergeClasses(\n    rootDefaultClassName,\n    appItemClassNames.root,\n    appItemSpecificStyles.root,\n    density === 'small' && appItemSpecificStyles.small,\n    !icon && appItemSpecificStyles.absentIconRootAdjustment,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);\n  }\n\n  return state;\n};\n"],"names":["appItemClassNames","useAppItemStyles","useAppItemStyles_unstable","root","icon","makeStyles","marginInline","width","alignItems","gap","marginInlineStart","marginInlineEnd","padding","tokens","spacingVerticalS","spacingHorizontalS","spacingHorizontalMNudge","typographyStyles","subtitle2","small","absentIconRootAdjustment","paddingInlineStart","state","rootDefaultClassName","useRootDefaultClassName","iconStyles","useIconStyles","appItemSpecificStyles","density","className","mergeClasses","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,iBAAAA;eAAAA;;IAQAC,gBAAAA;eAAAA;;IAuBAC,yBAAAA;eAAAA;;;uBArC4B;4BAGA;uCACc;AAEhD,MAAMF,oBAAkD;IAC7DG,MAAM;IACNC,MAAM;AACR;AAKO,MAAMH,mBAAmBI,IAAAA,iBAAAA,EAAW;IACzCF,MAAM;QACJG,cAAc;QACdC,OAAO;QACPC,YAAY;QACZC,KAAK;QACLC,mBAAmB;QACnBC,iBAAiB;QACjBC,SAAS,CAAC,EAAEC,kBAAAA,CAAOC,gBAAgB,CAAC,CAAC,EAAED,kBAAAA,CAAOE,kBAAkB,CAAC,CAAC,EAAEF,kBAAAA,CAAOC,gBAAgB,CAAC,CAAC,EAAED,kBAAAA,CAAOG,uBAAuB,CAAC,CAAC;QAC/H,GAAGC,4BAAAA,CAAiBC,SAAS;IAC/B;IACAC,OAAO;QACLP,SAAS,CAAC,EAAEC,kBAAAA,CAAOC,gBAAgB,CAAC,CAAC,EAAED,kBAAAA,CAAOE,kBAAkB,CAAC,CAAC,EAAEF,kBAAAA,CAAOC,gBAAgB,CAAC,KAAK,CAAC;QAClGL,KAAK;IACP;IACAW,0BAA0B;QACxBC,oBAAoB;IACtB;AACF;AAKO,MAAMnB,4BAA4B,CAACoB;IACxC;IAEA,MAAMC,uBAAuBC,IAAAA,8CAAAA;IAC7B,MAAMC,aAAaC,IAAAA,oCAAAA;IACnB,MAAMC,wBAAwB1B;IAE9B,MAAM,EAAE2B,OAAO,EAAExB,IAAI,EAAE,GAAGkB;IAE1BA,MAAMnB,IAAI,CAAC0B,SAAS,GAAGC,IAAAA,mBAAAA,EACrBP,sBACAvB,kBAAkBG,IAAI,EACtBwB,sBAAsBxB,IAAI,EAC1ByB,YAAY,WAAWD,sBAAsBR,KAAK,EAClD,CAACf,QAAQuB,sBAAsBP,wBAAwB,EACvDE,MAAMnB,IAAI,CAAC0B,SAAS;IAGtB,IAAIP,MAAMlB,IAAI,EAAE;QACdkB,MAAMlB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAAA,EAAa9B,kBAAkBI,IAAI,EAAEqB,WAAWM,IAAI,EAAET,MAAMlB,IAAI,CAACyB,SAAS;IACnG;IAEA,OAAOP;AACT"}

package/lib-commonjs/components/AppItemStatic/useAppItemStaticStyles.styles.raw.js

@@ -1,49 +0,0 @@
-"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, {
-    appItemStaticClassNames: function() {
-        return appItemStaticClassNames;
-    },
-    useAppItemStaticStyles_unstable: function() {
-        return useAppItemStaticStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _useAppItemStylesstyles = require("../AppItem/useAppItemStyles.styles");
-const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
-const appItemStaticClassNames = {
-    root: 'fui-AppItemStatic',
-    icon: 'fui-AppItemStatic__icon'
-};
-const useAppItemStaticStyles = (0, _react.makeStyles)({
-    root: {
-        cursor: 'default',
-        ':hover': {
-            backgroundColor: 'unset'
-        },
-        ':active': {
-            backgroundColor: 'unset'
-        }
-    }
-});
-const useAppItemStaticStyles_unstable = (state)=>{
-    'use no memo';
-    const rootDefaultClassName = (0, _sharedNavStylesstyles.useRootDefaultClassName)();
-    const iconStyles = (0, _sharedNavStylesstyles.useIconStyles)();
-    const appItemSpecificStyles = (0, _useAppItemStylesstyles.useAppItemStyles)();
-    const appItemStaticStyles = useAppItemStaticStyles();
-    const { density, icon } = state;
-    state.root.className = (0, _react.mergeClasses)(rootDefaultClassName, appItemStaticClassNames.root, appItemSpecificStyles.root, appItemStaticStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
-    if (state.icon) {
-        state.icon.className = (0, _react.mergeClasses)(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);
-    }
-    return state;
-};

package/lib-commonjs/components/AppItemStatic/useAppItemStaticStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/AppItemStatic/useAppItemStaticStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { AppItemStaticSlots, AppItemStaticState } from './AppItemStatic.types';\nimport { useAppItemStyles } from '../AppItem/useAppItemStyles.styles';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\n\nexport const appItemStaticClassNames: SlotClassNames<AppItemStaticSlots> = {\n  root: 'fui-AppItemStatic',\n  icon: 'fui-AppItemStatic__icon',\n};\n\nconst useAppItemStaticStyles = makeStyles({\n  root: {\n    cursor: 'default',\n    ':hover': {\n      backgroundColor: 'unset',\n    },\n    ':active': {\n      backgroundColor: 'unset',\n    },\n  },\n});\n\n/**\n * Apply styling to the AppItemStatic slots based on the state\n */\nexport const useAppItemStaticStyles_unstable = (state: AppItemStaticState): AppItemStaticState => {\n  'use no memo';\n\n  const rootDefaultClassName = useRootDefaultClassName();\n  const iconStyles = useIconStyles();\n  const appItemSpecificStyles = useAppItemStyles();\n  const appItemStaticStyles = useAppItemStaticStyles();\n\n  const { density, icon } = state;\n\n  state.root.className = mergeClasses(\n    rootDefaultClassName,\n    appItemStaticClassNames.root,\n    appItemSpecificStyles.root,\n    appItemStaticStyles.root,\n    density === 'small' && appItemSpecificStyles.small,\n    !icon && appItemSpecificStyles.absentIconRootAdjustment,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);\n  }\n\n  return state;\n};\n"],"names":["appItemStaticClassNames","useAppItemStaticStyles_unstable","root","icon","useAppItemStaticStyles","makeStyles","cursor","backgroundColor","state","rootDefaultClassName","useRootDefaultClassName","iconStyles","useIconStyles","appItemSpecificStyles","useAppItemStyles","appItemStaticStyles","density","className","mergeClasses","small","absentIconRootAdjustment","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,uBAAAA;eAAAA;;IAoBAC,+BAAAA;eAAAA;;;uBA1B4B;wCAGR;uCACsB;AAEhD,MAAMD,0BAA8D;IACzEE,MAAM;IACNC,MAAM;AACR;AAEA,MAAMC,yBAAyBC,IAAAA,iBAAAA,EAAW;IACxCH,MAAM;QACJI,QAAQ;QACR,UAAU;YACRC,iBAAiB;QACnB;QACA,WAAW;YACTA,iBAAiB;QACnB;IACF;AACF;AAKO,MAAMN,kCAAkC,CAACO;IAC9C;IAEA,MAAMC,uBAAuBC,IAAAA,8CAAAA;IAC7B,MAAMC,aAAaC,IAAAA,oCAAAA;IACnB,MAAMC,wBAAwBC,IAAAA,wCAAAA;IAC9B,MAAMC,sBAAsBX;IAE5B,MAAM,EAAEY,OAAO,EAAEb,IAAI,EAAE,GAAGK;IAE1BA,MAAMN,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAAA,EACrBT,sBACAT,wBAAwBE,IAAI,EAC5BW,sBAAsBX,IAAI,EAC1Ba,oBAAoBb,IAAI,EACxBc,YAAY,WAAWH,sBAAsBM,KAAK,EAClD,CAAChB,QAAQU,sBAAsBO,wBAAwB,EACvDZ,MAAMN,IAAI,CAACe,SAAS;IAGtB,IAAIT,MAAML,IAAI,EAAE;QACdK,MAAML,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAAA,EAAalB,wBAAwBG,IAAI,EAAEQ,WAAWU,IAAI,EAAEb,MAAML,IAAI,CAACc,SAAS;IACzG;IAEA,OAAOT;AACT"}

package/lib-commonjs/components/Hamburger/useHamburgerStyles.styles.raw.js

@@ -1,50 +0,0 @@
-"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, {
-    hamburgerClassNames: function() {
-        return hamburgerClassNames;
-    },
-    useHamburgerStyles_unstable: function() {
-        return useHamburgerStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _reactbutton = require("@fluentui/react-button");
-const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
-const hamburgerClassNames = {
-    root: 'fui-Hamburger',
-    icon: 'fui-Hamburger__icon'
-};
-/**
- * Styles for the root slot
- */ const useStyles = (0, _react.makeStyles)({
-    root: {
-        textDecorationLine: 'none',
-        backgroundColor: _sharedNavStylesstyles.navItemTokens.backgroundColor,
-        ..._react.shorthands.border('none'),
-        ':hover': {
-            backgroundColor: _sharedNavStylesstyles.navItemTokens.backgroundColorHover
-        },
-        ':active': {
-            backgroundColor: _sharedNavStylesstyles.navItemTokens.backgroundColorPressed
-        }
-    }
-});
-const useHamburgerStyles_unstable = (state)=>{
-    'use no memo';
-    (0, _reactbutton.useButtonStyles_unstable)(state);
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(hamburgerClassNames.root, styles.root, state.root.className);
-    if (state.icon) {
-        state.icon.className = (0, _react.mergeClasses)(hamburgerClassNames.icon, state.icon.className);
-    }
-    return state;
-};

package/lib-commonjs/components/Hamburger/useHamburgerStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Hamburger/useHamburgerStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { ButtonSlots, useButtonStyles_unstable } from '@fluentui/react-button';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { HamburgerState } from './Hamburger.types';\nimport { navItemTokens } from '../sharedNavStyles.styles';\n\nexport const hamburgerClassNames: SlotClassNames<ButtonSlots> = {\n  root: 'fui-Hamburger',\n  icon: 'fui-Hamburger__icon',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    textDecorationLine: 'none',\n    backgroundColor: navItemTokens.backgroundColor,\n    ...shorthands.border('none'),\n    ':hover': {\n      backgroundColor: navItemTokens.backgroundColorHover,\n    },\n    ':active': {\n      backgroundColor: navItemTokens.backgroundColorPressed,\n    },\n  },\n});\n\n/**\n * Apply styling to the Hamburger slots based on the state\n */\nexport const useHamburgerStyles_unstable = (state: HamburgerState): HamburgerState => {\n  'use no memo';\n\n  useButtonStyles_unstable(state);\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(hamburgerClassNames.root, styles.root, state.root.className);\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(hamburgerClassNames.icon, state.icon.className);\n  }\n\n  return state;\n};\n"],"names":["hamburgerClassNames","useHamburgerStyles_unstable","root","icon","useStyles","makeStyles","textDecorationLine","backgroundColor","navItemTokens","shorthands","border","backgroundColorHover","backgroundColorPressed","state","useButtonStyles_unstable","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,mBAAAA;eAAAA;;IAyBAC,2BAAAA;eAAAA;;;uBA/BwC;6BACC;uCAGxB;AAEvB,MAAMD,sBAAmD;IAC9DE,MAAM;IACNC,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BH,MAAM;QACJI,oBAAoB;QACpBC,iBAAiBC,oCAAAA,CAAcD,eAAe;QAC9C,GAAGE,iBAAAA,CAAWC,MAAM,CAAC,OAAO;QAC5B,UAAU;YACRH,iBAAiBC,oCAAAA,CAAcG,oBAAoB;QACrD;QACA,WAAW;YACTJ,iBAAiBC,oCAAAA,CAAcI,sBAAsB;QACvD;IACF;AACF;AAKO,MAAMX,8BAA8B,CAACY;IAC1C;IAEAC,IAAAA,qCAAAA,EAAyBD;IACzB,MAAME,SAASX;IAEfS,MAAMX,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAAA,EAAajB,oBAAoBE,IAAI,EAAEa,OAAOb,IAAI,EAAEW,MAAMX,IAAI,CAACc,SAAS;IAE/F,IAAIH,MAAMV,IAAI,EAAE;QACdU,MAAMV,IAAI,CAACa,SAAS,GAAGC,IAAAA,mBAAAA,EAAajB,oBAAoBG,IAAI,EAAEU,MAAMV,IAAI,CAACa,SAAS;IACpF;IAEA,OAAOH;AACT"}

package/lib-commonjs/components/Nav/useNavStyles.styles.raw.js

@@ -1,38 +0,0 @@
-"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, {
-    navClassNames: function() {
-        return navClassNames;
-    },
-    useNavStyles_unstable: function() {
-        return useNavStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const navClassNames = {
-    root: 'fui-Nav'
-};
-/**
- * Styles for the root slot
- */ const useStyles = (0, _react.makeStyles)({
-    root: {
-        display: 'flex',
-        flexDirection: 'column'
-    }
-});
-const useNavStyles_unstable = (state)=>{
-    'use no memo';
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(navClassNames.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/Nav/useNavStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Nav/useNavStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavSlots, NavState } from './Nav.types';\n\nexport const navClassNames: SlotClassNames<NavSlots> = {\n  root: 'fui-Nav',\n  // TODO: add class names for all slots on NavSlots.\n  // Should be of the form `<slotName>: 'fui-Nav__<slotName>`\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n\n  // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the Nav slots based on the state\n */\nexport const useNavStyles_unstable = (state: NavState): NavState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(navClassNames.root, styles.root, state.root.className);\n\n  // TODO Add class names to slots, for example:\n  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n\n  return state;\n};\n"],"names":["navClassNames","useNavStyles_unstable","root","useStyles","makeStyles","display","flexDirection","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,aAAAA;eAAAA;;IAqBAC,qBAAAA;eAAAA;;;uBAzB4B;AAIlC,MAAMD,gBAA0C;IACrDE,MAAM;AAGR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,SAAS;QACTC,eAAe;IACjB;AAGF;AAKO,MAAML,wBAAwB,CAACM;IACpC;IAEA,MAAMC,SAASL;IACfI,MAAML,IAAI,CAACO,SAAS,GAAGC,IAAAA,mBAAAA,EAAaV,cAAcE,IAAI,EAAEM,OAAON,IAAI,EAAEK,MAAML,IAAI,CAACO,SAAS;IAEzF,8CAA8C;IAC9C,gFAAgF;IAEhF,OAAOF;AACT"}

package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.styles.raw.js

@@ -1,62 +0,0 @@
-"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, {
-    navCategoryItemClassNames: function() {
-        return navCategoryItemClassNames;
-    },
-    useNavCategoryItemStyles_unstable: function() {
-        return useNavCategoryItemStyles_unstable;
-    },
-    useRootStyles: function() {
-        return useRootStyles;
-    }
-});
-const _react = require("@griffel/react");
-const _reacttheme = require("@fluentui/react-theme");
-const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
-const navCategoryItemClassNames = {
-    root: 'fui-NavCategoryItem',
-    icon: 'fui-NavCategoryItem__icon',
-    expandIcon: 'fui-NavCategoryItem__expandIcon',
-    expandIconMotion: 'fui-NavCategoryItem__expandIconMotion'
-};
-const useExpandIconStyles = (0, _react.makeStyles)({
-    base: {
-        marginInlineStart: 'auto',
-        height: '20px'
-    },
-    open: {
-        transform: 'rotate(90deg)'
-    },
-    selected: _reacttheme.typographyStyles.body1Strong
-});
-const useRootStyles = (0, _react.makeStyles)({
-    base: {
-        width: '100%'
-    }
-});
-const useNavCategoryItemStyles_unstable = (state)=>{
-    'use no memo';
-    const rootStyles = useRootStyles();
-    const smallStyles = (0, _sharedNavStylesstyles.useSmallStyles)();
-    const defaultRootClassName = (0, _sharedNavStylesstyles.useRootDefaultClassName)();
-    const contentStyles = (0, _sharedNavStylesstyles.useContentStyles)();
-    const indicatorStyles = (0, _sharedNavStylesstyles.useIndicatorStyles)();
-    const iconStyles = (0, _sharedNavStylesstyles.useIconStyles)();
-    const expandIconStyles = useExpandIconStyles();
-    const { selected, open, density } = state;
-    state.root.className = (0, _react.mergeClasses)(navCategoryItemClassNames.root, defaultRootClassName, rootStyles.base, density === 'small' && smallStyles.root, selected && open === false && indicatorStyles.base, selected && open === false && contentStyles.selected, state.root.className);
-    state.expandIcon.className = (0, _react.mergeClasses)(navCategoryItemClassNames.expandIcon, expandIconStyles.base, state.open && expandIconStyles.open, state.expandIcon.className);
-    if (state.icon) {
-        state.icon.className = (0, _react.mergeClasses)(navCategoryItemClassNames.icon, iconStyles.base, selected && iconStyles.selected, state.icon.className);
-    }
-    return state;
-};

package/lib-commonjs/components/NavCategoryItem/useNavCategoryItem.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/NavCategoryItem/useNavCategoryItem.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport {\n  useContentStyles,\n  useIconStyles,\n  useIndicatorStyles,\n  useRootDefaultClassName,\n  useSmallStyles,\n} from '../sharedNavStyles.styles';\n\nimport type { NavCategoryItemSlots, NavCategoryItemState } from './NavCategoryItem.types';\n\nexport const navCategoryItemClassNames: SlotClassNames<NavCategoryItemSlots> = {\n  root: 'fui-NavCategoryItem',\n  icon: 'fui-NavCategoryItem__icon',\n  expandIcon: 'fui-NavCategoryItem__expandIcon',\n  expandIconMotion: 'fui-NavCategoryItem__expandIconMotion',\n};\n\nconst useExpandIconStyles = makeStyles({\n  base: {\n    marginInlineStart: 'auto',\n    height: '20px',\n  },\n  open: {\n    transform: 'rotate(90deg)',\n  },\n  selected: typographyStyles.body1Strong,\n});\n\n/**\n * Styles for the root slot\n */\nexport const useRootStyles = makeStyles({\n  base: {\n    width: '100%',\n  },\n});\n\n/**\n * Apply styling to the NavCategoryItem slots based on the state\n */\nexport const useNavCategoryItemStyles_unstable = (state: NavCategoryItemState): NavCategoryItemState => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n  const smallStyles = useSmallStyles();\n  const defaultRootClassName = useRootDefaultClassName();\n  const contentStyles = useContentStyles();\n  const indicatorStyles = useIndicatorStyles();\n  const iconStyles = useIconStyles();\n  const expandIconStyles = useExpandIconStyles();\n\n  const { selected, open, density } = state;\n\n  state.root.className = mergeClasses(\n    navCategoryItemClassNames.root,\n    defaultRootClassName,\n    rootStyles.base,\n    density === 'small' && smallStyles.root,\n    selected && open === false && indicatorStyles.base,\n    selected && open === false && contentStyles.selected,\n    state.root.className,\n  );\n\n  state.expandIcon.className = mergeClasses(\n    navCategoryItemClassNames.expandIcon,\n    expandIconStyles.base,\n    state.open && expandIconStyles.open,\n    state.expandIcon.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      navCategoryItemClassNames.icon,\n      iconStyles.base,\n      selected && iconStyles.selected,\n      state.icon.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["navCategoryItemClassNames","useNavCategoryItemStyles_unstable","useRootStyles","root","icon","expandIcon","expandIconMotion","useExpandIconStyles","makeStyles","base","marginInlineStart","height","open","transform","selected","typographyStyles","body1Strong","width","state","rootStyles","smallStyles","useSmallStyles","defaultRootClassName","useRootDefaultClassName","contentStyles","useContentStyles","indicatorStyles","useIndicatorStyles","iconStyles","useIconStyles","expandIconStyles","density","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAaaA,yBAAAA;eAAAA;;IA8BAC,iCAAAA;eAAAA;;IATAC,aAAAA;eAAAA;;;uBAlC4B;4BAER;uCAO1B;AAIA,MAAMF,4BAAkE;IAC7EG,MAAM;IACNC,MAAM;IACNC,YAAY;IACZC,kBAAkB;AACpB;AAEA,MAAMC,sBAAsBC,IAAAA,iBAAAA,EAAW;IACrCC,MAAM;QACJC,mBAAmB;QACnBC,QAAQ;IACV;IACAC,MAAM;QACJC,WAAW;IACb;IACAC,UAAUC,4BAAAA,CAAiBC,WAAW;AACxC;AAKO,MAAMd,gBAAgBM,IAAAA,iBAAAA,EAAW;IACtCC,MAAM;QACJQ,OAAO;IACT;AACF;AAKO,MAAMhB,oCAAoC,CAACiB;IAChD;IAEA,MAAMC,aAAajB;IACnB,MAAMkB,cAAcC,IAAAA,qCAAAA;IACpB,MAAMC,uBAAuBC,IAAAA,8CAAAA;IAC7B,MAAMC,gBAAgBC,IAAAA,uCAAAA;IACtB,MAAMC,kBAAkBC,IAAAA,yCAAAA;IACxB,MAAMC,aAAaC,IAAAA,oCAAAA;IACnB,MAAMC,mBAAmBvB;IAEzB,MAAM,EAAEO,QAAQ,EAAEF,IAAI,EAAEmB,OAAO,EAAE,GAAGb;IAEpCA,MAAMf,IAAI,CAAC6B,SAAS,GAAGC,IAAAA,mBAAAA,EACrBjC,0BAA0BG,IAAI,EAC9BmB,sBACAH,WAAWV,IAAI,EACfsB,YAAY,WAAWX,YAAYjB,IAAI,EACvCW,YAAYF,SAAS,SAASc,gBAAgBjB,IAAI,EAClDK,YAAYF,SAAS,SAASY,cAAcV,QAAQ,EACpDI,MAAMf,IAAI,CAAC6B,SAAS;IAGtBd,MAAMb,UAAU,CAAC2B,SAAS,GAAGC,IAAAA,mBAAAA,EAC3BjC,0BAA0BK,UAAU,EACpCyB,iBAAiBrB,IAAI,EACrBS,MAAMN,IAAI,IAAIkB,iBAAiBlB,IAAI,EACnCM,MAAMb,UAAU,CAAC2B,SAAS;IAG5B,IAAId,MAAMd,IAAI,EAAE;QACdc,MAAMd,IAAI,CAAC4B,SAAS,GAAGC,IAAAA,mBAAAA,EACrBjC,0BAA0BI,IAAI,EAC9BwB,WAAWnB,IAAI,EACfK,YAAYc,WAAWd,QAAQ,EAC/BI,MAAMd,IAAI,CAAC4B,SAAS;IAExB;IAEA,OAAOd;AACT"}

package/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.raw.js

@@ -1,39 +0,0 @@
-"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, {
-    navDividerClassNames: function() {
-        return navDividerClassNames;
-    },
-    useNavDividerStyles_unstable: function() {
-        return useNavDividerStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _reactdivider = require("@fluentui/react-divider");
-const navDividerClassNames = {
-    root: 'fui-NavDivider',
-    wrapper: 'fui-NavDivider__wrapper'
-};
-const useStyles = (0, _react.makeStyles)({
-    root: {
-        flexGrow: 0,
-        marginTop: '4px',
-        marginBottom: '4px'
-    }
-});
-const useNavDividerStyles_unstable = (state)=>{
-    'use no memo';
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(navDividerClassNames.root, styles.root, state.root.className);
-    state.wrapper.className = (0, _react.mergeClasses)(navDividerClassNames.wrapper, state.wrapper.className);
-    (0, _reactdivider.useDividerStyles_unstable)(state);
-    return state;
-};

package/lib-commonjs/components/NavDivider/useNavDividerStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/NavDivider/useNavDividerStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDividerStyles_unstable, type DividerSlots } from '@fluentui/react-divider';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDividerState } from './NavDivider.types';\n\nexport const navDividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-NavDivider',\n  wrapper: 'fui-NavDivider__wrapper',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    flexGrow: 0,\n    marginTop: '4px',\n    marginBottom: '4px',\n  },\n});\n\n/**\n * Apply styling to the NavDivider slots based on the state\n */\nexport const useNavDividerStyles_unstable = (state: NavDividerState): NavDividerState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(navDividerClassNames.root, styles.root, state.root.className);\n  state.wrapper.className = mergeClasses(navDividerClassNames.wrapper, state.wrapper.className);\n\n  useDividerStyles_unstable(state);\n  return state;\n};\n"],"names":["navDividerClassNames","useNavDividerStyles_unstable","root","wrapper","useStyles","makeStyles","flexGrow","marginTop","marginBottom","state","styles","className","mergeClasses","useDividerStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,oBAAAA;eAAAA;;IAgBAC,4BAAAA;eAAAA;;;uBArB4B;8BACoB;AAItD,MAAMD,uBAAqD;IAChEE,MAAM;IACNC,SAAS;AACX;AAEA,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BH,MAAM;QACJI,UAAU;QACVC,WAAW;QACXC,cAAc;IAChB;AACF;AAKO,MAAMP,+BAA+B,CAACQ;IAC3C;IAEA,MAAMC,SAASN;IAEfK,MAAMP,IAAI,CAACS,SAAS,GAAGC,IAAAA,mBAAAA,EAAaZ,qBAAqBE,IAAI,EAAEQ,OAAOR,IAAI,EAAEO,MAAMP,IAAI,CAACS,SAAS;IAChGF,MAAMN,OAAO,CAACQ,SAAS,GAAGC,IAAAA,mBAAAA,EAAaZ,qBAAqBG,OAAO,EAAEM,MAAMN,OAAO,CAACQ,SAAS;IAE5FE,IAAAA,uCAAAA,EAA0BJ;IAC1B,OAAOA;AACT"}

package/lib-commonjs/components/NavDrawer/useNavDrawerStyles.styles.raw.js

@@ -1,43 +0,0 @@
-"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, {
-    navDrawerClassNames: function() {
-        return navDrawerClassNames;
-    },
-    useNavDrawerStyles_unstable: function() {
-        return useNavDrawerStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
-const navDrawerClassNames = {
-    root: 'fui-NavDrawer'
-};
-/**
- * Styles for the root slot
- */ const useStyles = (0, _react.makeStyles)({
-    root: {
-        backgroundColor: _sharedNavStylesstyles.navItemTokens.backgroundColor,
-        alignItems: 'unset'
-    },
-    // seperate style so it can be applied conditionally
-    // if size is not set, use default width from the token.
-    defaultWidth: {
-        width: `${_sharedNavStylesstyles.navItemTokens.defaultDrawerWidth}px`
-    }
-});
-const useNavDrawerStyles_unstable = (state)=>{
-    'use no memo';
-    const { size } = state;
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(navDrawerClassNames.root, styles.root, !size && styles.defaultWidth, state.root.className);
-    return state;
-};

package/lib-commonjs/components/NavDrawer/useNavDrawerStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/NavDrawer/useNavDrawerStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { InlineDrawerSlots } from '@fluentui/react-drawer';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDrawerState } from './NavDrawer.types';\nimport { navItemTokens } from '../sharedNavStyles.styles';\n\nexport const navDrawerClassNames: SlotClassNames<Omit<InlineDrawerSlots, 'surfaceMotion'>> = {\n  root: 'fui-NavDrawer',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    backgroundColor: navItemTokens.backgroundColor,\n    alignItems: 'unset',\n  },\n  // seperate style so it can be applied conditionally\n  // if size is not set, use default width from the token.\n  defaultWidth: {\n    width: `${navItemTokens.defaultDrawerWidth}px`,\n  },\n});\n\n/**\n * Apply styling to the NavDrawer slots based on the state\n */\nexport const useNavDrawerStyles_unstable = (state: NavDrawerState): NavDrawerState => {\n  'use no memo';\n\n  const { size } = state;\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    navDrawerClassNames.root,\n    styles.root,\n    !size && styles.defaultWidth,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["navDrawerClassNames","useNavDrawerStyles_unstable","root","useStyles","makeStyles","backgroundColor","navItemTokens","alignItems","defaultWidth","width","defaultDrawerWidth","state","size","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,mBAAAA;eAAAA;;IAsBAC,2BAAAA;eAAAA;;;uBA5B4B;uCAIX;AAEvB,MAAMD,sBAAgF;IAC3FE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,iBAAiBC,oCAAAA,CAAcD,eAAe;QAC9CE,YAAY;IACd;IACA,oDAAoD;IACpD,wDAAwD;IACxDC,cAAc;QACZC,OAAO,CAAC,EAAEH,oCAAAA,CAAcI,kBAAkB,CAAC,EAAE,CAAC;IAChD;AACF;AAKO,MAAMT,8BAA8B,CAACU;IAC1C;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAME,SAASV;IACfQ,MAAMT,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAAA,EACrBf,oBAAoBE,IAAI,EACxBW,OAAOX,IAAI,EACX,CAACU,QAAQC,OAAOL,YAAY,EAC5BG,MAAMT,IAAI,CAACY,SAAS;IAGtB,OAAOH;AACT"}

package/lib-commonjs/components/NavDrawerBody/useNavDrawerBodyStyles.styles.raw.js

@@ -1,42 +0,0 @@
-"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, {
-    navDrawerBodyClassNames: function() {
-        return navDrawerBodyClassNames;
-    },
-    useNavDrawerBodyStyles_unstable: function() {
-        return useNavDrawerBodyStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _reacttheme = require("@fluentui/react-theme");
-const _reactdrawer = require("@fluentui/react-drawer");
-const navDrawerBodyClassNames = {
-    root: 'fui-NavDrawerBody'
-};
-/**
- * Styles for the root slot
- */ const useStyles = (0, _react.makeStyles)({
-    root: {
-        padding: `0 ${_reacttheme.tokens.spacingHorizontalXS} 0 ${_reacttheme.tokens.spacingHorizontalMNudge}`,
-        alignItems: 'unset',
-        display: 'flex',
-        flexDirection: 'column',
-        rowGap: _reacttheme.tokens.spacingVerticalXXS
-    }
-});
-const useNavDrawerBodyStyles_unstable = (state)=>{
-    'use no memo';
-    (0, _reactdrawer.useDrawerBodyStyles_unstable)(state);
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(navDrawerBodyClassNames.root, styles.root, state.root.className);
-    return state;
-};

package/lib-commonjs/components/NavDrawerBody/useNavDrawerBodyStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/NavDrawerBody/useNavDrawerBodyStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useDrawerBodyStyles_unstable } from '@fluentui/react-drawer';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDrawerBodySlots, NavDrawerBodyState } from './NavDrawerBody.types';\n\nexport const navDrawerBodyClassNames: SlotClassNames<NavDrawerBodySlots> = {\n  root: 'fui-NavDrawerBody',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    padding: `0 ${tokens.spacingHorizontalXS} 0 ${tokens.spacingHorizontalMNudge}`,\n    alignItems: 'unset',\n    display: 'flex',\n    flexDirection: 'column',\n    rowGap: tokens.spacingVerticalXXS,\n  },\n});\n\n/**\n * Apply styling to the NavDrawerBody slots based on the state\n */\nexport const useNavDrawerBodyStyles_unstable = (state: NavDrawerBodyState): NavDrawerBodyState => {\n  'use no memo';\n\n  useDrawerBodyStyles_unstable(state);\n  const styles = useStyles();\n  state.root.className = mergeClasses(navDrawerBodyClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["navDrawerBodyClassNames","useNavDrawerBodyStyles_unstable","root","useStyles","makeStyles","padding","tokens","spacingHorizontalXS","spacingHorizontalMNudge","alignItems","display","flexDirection","rowGap","spacingVerticalXXS","state","useDrawerBodyStyles_unstable","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,uBAAAA;eAAAA;;IAoBAC,+BAAAA;eAAAA;;;uBA1B4B;4BAClB;6BACsB;AAItC,MAAMD,0BAA8D;IACzEE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,SAAS,CAAC,EAAE,EAAEC,kBAAAA,CAAOC,mBAAmB,CAAC,GAAG,EAAED,kBAAAA,CAAOE,uBAAuB,CAAC,CAAC;QAC9EC,YAAY;QACZC,SAAS;QACTC,eAAe;QACfC,QAAQN,kBAAAA,CAAOO,kBAAkB;IACnC;AACF;AAKO,MAAMZ,kCAAkC,CAACa;IAC9C;IAEAC,IAAAA,yCAAAA,EAA6BD;IAC7B,MAAME,SAASb;IACfW,MAAMZ,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAAA,EAAalB,wBAAwBE,IAAI,EAAEc,OAAOd,IAAI,EAAEY,MAAMZ,IAAI,CAACe,SAAS;IACnG,OAAOH;AACT"}

package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.raw.js

@@ -1,41 +0,0 @@
-"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, {
-    navDrawerFooterClassNames: function() {
-        return navDrawerFooterClassNames;
-    },
-    useNavDrawerFooterStyles_unstable: function() {
-        return useNavDrawerFooterStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _reacttheme = require("@fluentui/react-theme");
-const _reactdrawer = require("@fluentui/react-drawer");
-const navDrawerFooterClassNames = {
-    root: 'fui-NavDrawerFooter'
-};
-/**
- * Styles for the root slot
- */ const useStyles = (0, _react.makeStyles)({
-    root: {
-        padding: `${_reacttheme.tokens.spacingVerticalXXS} ${_reacttheme.tokens.spacingHorizontalXS} ${_reacttheme.tokens.spacingVerticalXXS} ${_reacttheme.tokens.spacingVerticalXS}  ${_reacttheme.tokens.spacingHorizontalMNudge}`,
-        display: 'flex',
-        flexDirection: 'column',
-        rowGap: _reacttheme.tokens.spacingVerticalXXS
-    }
-});
-const useNavDrawerFooterStyles_unstable = (state)=>{
-    'use no memo';
-    (0, _reactdrawer.useDrawerFooterStyles_unstable)(state);
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(navDrawerFooterClassNames.root, styles.root, state.root.className);
-    return state;
-};

package/lib-commonjs/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/NavDrawerFooter/useNavDrawerFooterStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useDrawerFooterStyles_unstable } from '@fluentui/react-drawer';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDrawerFooterSlots, NavDrawerFooterState } from './NavDrawerFooter.types';\n\nexport const navDrawerFooterClassNames: SlotClassNames<NavDrawerFooterSlots> = {\n  root: 'fui-NavDrawerFooter',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXXS} ${tokens.spacingVerticalXS}  ${tokens.spacingHorizontalMNudge}`,\n    display: 'flex',\n    flexDirection: 'column',\n    rowGap: tokens.spacingVerticalXXS,\n  },\n});\n\n/**\n * Apply styling to the NavDrawerFooter slots based on the state\n */\nexport const useNavDrawerFooterStyles_unstable = (state: NavDrawerFooterState): NavDrawerFooterState => {\n  'use no memo';\n\n  useDrawerFooterStyles_unstable(state);\n  const styles = useStyles();\n  state.root.className = mergeClasses(navDrawerFooterClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["navDrawerFooterClassNames","useNavDrawerFooterStyles_unstable","root","useStyles","makeStyles","padding","tokens","spacingVerticalXXS","spacingHorizontalXS","spacingVerticalXS","spacingHorizontalMNudge","display","flexDirection","rowGap","state","useDrawerFooterStyles_unstable","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,yBAAAA;eAAAA;;IAmBAC,iCAAAA;eAAAA;;;uBAzB4B;4BAClB;6BACwB;AAIxC,MAAMD,4BAAkE;IAC7EE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,SAAS,CAAC,EAAEC,kBAAAA,CAAOC,kBAAkB,CAAC,CAAC,EAAED,kBAAAA,CAAOE,mBAAmB,CAAC,CAAC,EAAEF,kBAAAA,CAAOC,kBAAkB,CAAC,CAAC,EAAED,kBAAAA,CAAOG,iBAAiB,CAAC,EAAE,EAAEH,kBAAAA,CAAOI,uBAAuB,CAAC,CAAC;QACjKC,SAAS;QACTC,eAAe;QACfC,QAAQP,kBAAAA,CAAOC,kBAAkB;IACnC;AACF;AAKO,MAAMN,oCAAoC,CAACa;IAChD;IAEAC,IAAAA,2CAAAA,EAA+BD;IAC/B,MAAME,SAASb;IACfW,MAAMZ,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAAA,EAAalB,0BAA0BE,IAAI,EAAEc,OAAOd,IAAI,EAAEY,MAAMZ,IAAI,CAACe,SAAS;IAErG,OAAOH;AACT"}

package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.raw.js

@@ -1,39 +0,0 @@
-"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, {
-    navDrawerHeaderClassNames: function() {
-        return navDrawerHeaderClassNames;
-    },
-    useNavDrawerHeaderStyles_unstable: function() {
-        return useNavDrawerHeaderStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _reactdrawer = require("@fluentui/react-drawer");
-const navDrawerHeaderClassNames = {
-    root: 'fui-NavDrawerHeader'
-};
-/**
- * Styles for the root slot
- */ const useStyles = (0, _react.makeStyles)({
-    root: {
-        margin: 'unset',
-        paddingInlineStart: '14px',
-        paddingBlock: '5px'
-    }
-});
-const useNavDrawerHeaderStyles_unstable = (state)=>{
-    'use no memo';
-    (0, _reactdrawer.useDrawerHeaderStyles_unstable)(state);
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(navDrawerHeaderClassNames.root, styles.root, state.root.className);
-    return state;
-};

package/lib-commonjs/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/NavDrawerHeader/useNavDrawerHeaderStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDrawerHeaderStyles_unstable } from '@fluentui/react-drawer';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavDrawerHeaderSlots, NavDrawerHeaderState } from './NavDrawerHeader.types';\n\nexport const navDrawerHeaderClassNames: SlotClassNames<NavDrawerHeaderSlots> = {\n  root: 'fui-NavDrawerHeader',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    margin: 'unset',\n    paddingInlineStart: '14px',\n    paddingBlock: '5px',\n  },\n});\n\n/**\n * Apply styling to the NavDrawerHeader slots based on the state\n */\nexport const useNavDrawerHeaderStyles_unstable = (state: NavDrawerHeaderState): NavDrawerHeaderState => {\n  'use no memo';\n\n  useDrawerHeaderStyles_unstable(state);\n  const styles = useStyles();\n  state.root.className = mergeClasses(navDrawerHeaderClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["navDrawerHeaderClassNames","useNavDrawerHeaderStyles_unstable","root","useStyles","makeStyles","margin","paddingInlineStart","paddingBlock","state","useDrawerHeaderStyles_unstable","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,yBAAAA;eAAAA;;IAkBAC,iCAAAA;eAAAA;;;uBAxB4B;6BACM;AAKxC,MAAMD,4BAAkE;IAC7EE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,QAAQ;QACRC,oBAAoB;QACpBC,cAAc;IAChB;AACF;AAKO,MAAMN,oCAAoC,CAACO;IAChD;IAEAC,IAAAA,2CAAAA,EAA+BD;IAC/B,MAAME,SAASP;IACfK,MAAMN,IAAI,CAACS,SAAS,GAAGC,IAAAA,mBAAAA,EAAaZ,0BAA0BE,IAAI,EAAEQ,OAAOR,IAAI,EAAEM,MAAMN,IAAI,CAACS,SAAS;IAErG,OAAOH;AACT"}

package/lib-commonjs/components/NavItem/useNavItemStyles.styles.raw.js

@@ -1,38 +0,0 @@
-"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, {
-    navItemClassNames: function() {
-        return navItemClassNames;
-    },
-    useNavItemStyles_unstable: function() {
-        return useNavItemStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
-const navItemClassNames = {
-    root: 'fui-NavItem',
-    icon: 'fui-NavItem__icon'
-};
-const useNavItemStyles_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 iconStyles = (0, _sharedNavStylesstyles.useIconStyles)();
-    const { selected, density } = state;
-    state.root.className = (0, _react.mergeClasses)(navItemClassNames.root, rootDefaultClassName, density === 'small' && smallStyles.root, selected && indicatorStyles.base, selected && contentStyles.selected, state.root.className);
-    if (state.icon) {
-        state.icon.className = (0, _react.mergeClasses)(navItemClassNames.icon, iconStyles.base, selected && iconStyles.selected, state.icon.className);
-    }
-    return state;
-};

package/lib-commonjs/components/NavItem/useNavItemStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/NavItem/useNavItemStyles.styles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport {\n  useContentStyles,\n  useIconStyles,\n  useIndicatorStyles,\n  useRootDefaultClassName,\n  useSmallStyles,\n} from '../sharedNavStyles.styles';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavItemSlots, NavItemState } from './NavItem.types';\nexport const navItemClassNames: SlotClassNames<NavItemSlots> = {\n  root: 'fui-NavItem',\n  icon: 'fui-NavItem__icon',\n};\n\n/**\n * Apply styling to the NavItem slots based on the state\n */\nexport const useNavItemStyles_unstable = (state: NavItemState): NavItemState => {\n  'use no memo';\n\n  const rootDefaultClassName = useRootDefaultClassName();\n  const smallStyles = useSmallStyles();\n  const contentStyles = useContentStyles();\n  const indicatorStyles = useIndicatorStyles();\n  const iconStyles = useIconStyles();\n\n  const { selected, density } = state;\n\n  state.root.className = mergeClasses(\n    navItemClassNames.root,\n    rootDefaultClassName,\n    density === 'small' && smallStyles.root,\n    selected && indicatorStyles.base,\n    selected && contentStyles.selected,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      navItemClassNames.icon,\n      iconStyles.base,\n      selected && iconStyles.selected,\n      state.icon.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["navItemClassNames","useNavItemStyles_unstable","root","icon","state","rootDefaultClassName","useRootDefaultClassName","smallStyles","useSmallStyles","contentStyles","useContentStyles","indicatorStyles","useIndicatorStyles","iconStyles","useIconStyles","selected","density","className","mergeClasses","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,iBAAAA;eAAAA;;IAQAC,yBAAAA;eAAAA;;;uBAnBgB;uCAOtB;AAIA,MAAMD,oBAAkD;IAC7DE,MAAM;IACNC,MAAM;AACR;AAKO,MAAMF,4BAA4B,CAACG;IACxC;IAEA,MAAMC,uBAAuBC,IAAAA,8CAAAA;IAC7B,MAAMC,cAAcC,IAAAA,qCAAAA;IACpB,MAAMC,gBAAgBC,IAAAA,uCAAAA;IACtB,MAAMC,kBAAkBC,IAAAA,yCAAAA;IACxB,MAAMC,aAAaC,IAAAA,oCAAAA;IAEnB,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAAGZ;IAE9BA,MAAMF,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAAA,EACrBlB,kBAAkBE,IAAI,EACtBG,sBACAW,YAAY,WAAWT,YAAYL,IAAI,EACvCa,YAAYJ,gBAAgBQ,IAAI,EAChCJ,YAAYN,cAAcM,QAAQ,EAClCX,MAAMF,IAAI,CAACe,SAAS;IAGtB,IAAIb,MAAMD,IAAI,EAAE;QACdC,MAAMD,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAAA,EACrBlB,kBAAkBG,IAAI,EACtBU,WAAWM,IAAI,EACfJ,YAAYF,WAAWE,QAAQ,EAC/BX,MAAMD,IAAI,CAACc,SAAS;IAExB;IAEA,OAAOb;AACT"}

package/lib-commonjs/components/NavSectionHeader/useNavSectionHeaderStyles.styles.raw.js

@@ -1,38 +0,0 @@
-"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, {
-    navSectionHeaderClassNames: function() {
-        return navSectionHeaderClassNames;
-    },
-    useNavSectionHeaderStyles_unstable: function() {
-        return useNavSectionHeaderStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _reacttheme = require("@fluentui/react-theme");
-const navSectionHeaderClassNames = {
-    root: 'fui-NavSectionHeader'
-};
-/**
- * Styles for the root slot
- */ const useStyles = (0, _react.makeStyles)({
-    root: {
-        marginInlineStart: `10px`,
-        marginBlock: '8px',
-        ..._reacttheme.typographyStyles.caption1Strong
-    }
-});
-const useNavSectionHeaderStyles_unstable = (state)=>{
-    'use no memo';
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(navSectionHeaderClassNames.root, styles.root, state.root.className);
-    return state;
-};

package/lib-commonjs/components/NavSectionHeader/useNavSectionHeaderStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/NavSectionHeader/useNavSectionHeaderStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { NavSectionHeaderSlots, NavSectionHeaderState } from './NavSectionHeader.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const navSectionHeaderClassNames: SlotClassNames<NavSectionHeaderSlots> = {\n  root: 'fui-NavSectionHeader',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    marginInlineStart: `10px`,\n    marginBlock: '8px',\n    ...typographyStyles.caption1Strong,\n  },\n});\n\n/**\n * Apply styling to the NavSectionHeader slots based on the state\n */\nexport const useNavSectionHeaderStyles_unstable = (state: NavSectionHeaderState): NavSectionHeaderState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(navSectionHeaderClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["navSectionHeaderClassNames","useNavSectionHeaderStyles_unstable","root","useStyles","makeStyles","marginInlineStart","marginBlock","typographyStyles","caption1Strong","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,0BAAAA;eAAAA;;IAkBAC,kCAAAA;eAAAA;;;uBAvB4B;4BAGR;AAE1B,MAAMD,6BAAoE;IAC/EE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,mBAAmB,CAAC,IAAI,CAAC;QACzBC,aAAa;QACb,GAAGC,4BAAAA,CAAiBC,cAAc;IACpC;AACF;AAKO,MAAMP,qCAAqC,CAACQ;IACjD;IAEA,MAAMC,SAASP;IACfM,MAAMP,IAAI,CAACS,SAAS,GAAGC,IAAAA,mBAAAA,EAAaZ,2BAA2BE,IAAI,EAAEQ,OAAOR,IAAI,EAAEO,MAAMP,IAAI,CAACS,SAAS;IAEtG,OAAOF;AACT"}

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

@@ -1,50 +0,0 @@
-"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 = (0, _react.makeStyles)({
-    base: {
-        paddingInlineStart: '46px'
-    },
-    smallBase: {
-        paddingInlineStart: '40px'
-    },
-    selectedIndicator: {
-        '::after': {
-            marginInlineStart: `-${_sharedNavStylesstyles.navItemTokens.indicatorOffset + 36}px`
-        }
-    }
-});
-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;
-    const isSmallDensity = density === 'small';
-    state.root.className = (0, _react.mergeClasses)(navSubItemClassNames.root, rootDefaultClassName, isSmallDensity && smallStyles.root, isSmallDensity && navSubItemSpecificStyles.smallBase, navSubItemSpecificStyles.base, selected && indicatorStyles.base, selected && contentStyles.selected, selected && navSubItemSpecificStyles.selectedIndicator, state.root.className);
-    return state;
-};