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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItem/AppItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useAppItem_unstable } from './useAppItem';\nimport { renderAppItem_unstable } from './renderAppItem';\nimport { useAppItemStyles_unstable } from './useAppItemStyles.styles';\nimport type { AppItemProps } from './AppItem.types';\n\n/**\n * AppItem component - TODO: add more docs\n */\nexport const AppItem: ForwardRefComponent<AppItemProps> = React.forwardRef((props, ref) => {\n  const state = useAppItem_unstable(props, ref);\n\n  useAppItemStyles_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('useAppItemStyles_unstable')(state);\n\n  return renderAppItem_unstable(state);\n});\n\nAppItem.displayName = 'AppItem';\n"],"names":["AppItem","React","forwardRef","props","ref","state","useAppItem_unstable","useAppItemStyles_unstable","renderAppItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;4BAEa;+BACG;wCACG;AAMnC,MAAMA,UAAAA,WAAAA,GAA6CC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,QAAQC,IAAAA,+BAAAA,EAAoBH,OAAOC;IAEzCG,IAAAA,iDAAAA,EAA0BF;IAE1B;;;;;;;GAOC,GACD,mEAAmE;IAEnE,OAAOG,IAAAA,qCAAAA,EAAuBH;AAChC;AAEAL,QAAQS,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItem/AppItem.types.ts"],"sourcesContent":["import { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { NavDensity } from '../Nav/Nav.types';\n\nexport type AppItemSlots = {\n  /**\n   * The root element of the AppItem.\n   */\n  root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n\n  /**\n   * Icon that renders before the content.\n   */\n  icon?: Slot<'span'>;\n};\n\n/**\n * AppItem Props\n */\nexport type AppItemProps = ComponentProps<AppItemSlots> & { href?: string };\n\n/**\n * State used in rendering AppItem\n */\nexport type AppItemState = ComponentState<AppItemSlots> & {\n  /**\n   * The density of the NavItem\n   *\n   * @default 'medium'\n   */\n  density: NavDensity;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAqBA;;CAEC"}

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

@@ -0,0 +1,34 @@
+"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, {
+    AppItem: function() {
+        return _AppItem.AppItem;
+    },
+    appItemClassNames: function() {
+        return _useAppItemStylesstyles.appItemClassNames;
+    },
+    renderAppItem_unstable: function() {
+        return _renderAppItem.renderAppItem_unstable;
+    },
+    useAppItemStyles: function() {
+        return _useAppItemStylesstyles.useAppItemStyles;
+    },
+    useAppItemStyles_unstable: function() {
+        return _useAppItemStylesstyles.useAppItemStyles_unstable;
+    },
+    useAppItem_unstable: function() {
+        return _useAppItem.useAppItem_unstable;
+    }
+});
+const _AppItem = require("./AppItem");
+const _renderAppItem = require("./renderAppItem");
+const _useAppItem = require("./useAppItem");
+const _useAppItemStylesstyles = require("./useAppItemStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItem/index.ts"],"sourcesContent":["export { AppItem } from './AppItem';\nexport type { AppItemProps, AppItemSlots, AppItemState } from './AppItem.types';\nexport { renderAppItem_unstable } from './renderAppItem';\nexport { useAppItem_unstable } from './useAppItem';\nexport { appItemClassNames, useAppItemStyles, useAppItemStyles_unstable } from './useAppItemStyles.styles';\n"],"names":["AppItem","appItemClassNames","renderAppItem_unstable","useAppItemStyles","useAppItemStyles_unstable","useAppItem_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,OAAO;eAAPA,gBAAO;;IAIPC,iBAAiB;eAAjBA,yCAAiB;;IAFjBC,sBAAsB;eAAtBA,qCAAsB;;IAEHC,gBAAgB;eAAhBA,wCAAgB;;IAAEC,yBAAyB;eAAzBA,iDAAyB;;IAD9DC,mBAAmB;eAAnBA,+BAAmB;;;yBAHJ;+BAEe;4BACH;wCAC2C"}

package/lib-commonjs/components/AppItem/renderAppItem.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderAppItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderAppItem_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderAppItem_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+            state.root.children
+        ]
+    });
+};

package/lib-commonjs/components/AppItem/renderAppItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItem/renderAppItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AppItemState, AppItemSlots } from './AppItem.types';\n\n/**\n * Render the final JSX of AppItem\n */\nexport const renderAppItem_unstable = (state: AppItemState) => {\n  assertSlots<AppItemSlots>(state);\n\n  return (\n    <state.root>\n      {state.icon && <state.icon />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["renderAppItem_unstable","state","assertSlots","_jsxs","root","icon","_jsx","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,yBAAyB,CAACC;IACrCC,IAAAA,2BAAAA,EAA0BD;IAE1B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,IAAI,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,IAAI,EAAA,CAAA;YACzBJ,MAAMG,IAAI,CAACG,QAAQ;;;AAG1B"}

package/lib-commonjs/components/AppItem/useAppItem.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAppItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return useAppItem_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 _reactaria = require("@fluentui/react-aria");
+const _NavContext = require("../NavContext");
+const useAppItem_unstable = (props, ref)=>{
+    const { icon, as, href } = props;
+    const rootElementType = as || (href ? 'a' : 'button');
+    const { density = 'medium' } = (0, _NavContext.useNavContext_unstable)();
+    const root = _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)(rootElementType, (0, _reactaria.useARIAButtonProps)(rootElementType, {
+        ...props
+    })), {
+        elementType: rootElementType,
+        defaultProps: {
+            ref: ref,
+            type: rootElementType
+        }
+    });
+    return {
+        components: {
+            root: rootElementType,
+            icon: 'span'
+        },
+        root,
+        icon: _reactutilities.slot.optional(icon, {
+            elementType: 'span'
+        }),
+        density
+    };
+};

package/lib-commonjs/components/AppItem/useAppItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItem/useAppItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { AppItemProps, AppItemState } from './AppItem.types';\nimport { ARIAButtonSlotProps, useARIAButtonProps } from '@fluentui/react-aria';\nimport { useNavContext_unstable } from '../NavContext';\n\n/**\n * Create the state required to render AppItem.\n *\n * The returned state can be modified with hooks such as useAppItemStyles_unstable,\n * before being passed to renderAppItem_unstable.\n *\n * @param props - props from this instance of AppItem\n * @param ref - reference to root HTMLDivElement of AppItem\n */\nexport const useAppItem_unstable = (\n  props: AppItemProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): AppItemState => {\n  const { icon, as, href } = props;\n  const rootElementType = as || (href ? 'a' : 'button');\n\n  const { density = 'medium' } = useNavContext_unstable();\n\n  const root = slot.always<ARIAButtonSlotProps<'a'>>(\n    getIntrinsicElementProps(\n      rootElementType,\n      useARIAButtonProps(rootElementType, {\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  return {\n    components: {\n      root: rootElementType,\n      icon: 'span',\n    },\n    root,\n    icon: slot.optional(icon, {\n      elementType: 'span',\n    }),\n    density,\n  };\n};\n"],"names":["useAppItem_unstable","props","ref","icon","as","href","rootElementType","density","useNavContext_unstable","root","slot","always","getIntrinsicElementProps","useARIAButtonProps","elementType","defaultProps","type","components","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;iEAfU;gCACwB;2BAES;4BACjB;AAWhC,MAAMA,sBAAsB,CACjCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGJ;IAC3B,MAAMK,kBAAkBF,MAAOC,CAAAA,OAAO,MAAM,QAAA;IAE5C,MAAM,EAAEE,UAAU,QAAQ,EAAE,GAAGC,IAAAA,kCAAAA;IAE/B,MAAMC,OAAOC,oBAAAA,CAAKC,MAAM,CACtBC,IAAAA,wCAAAA,EACEN,iBACAO,IAAAA,6BAAAA,EAAmBP,iBAAiB;QAClC,GAAGL,KAAK;IACV,KAEF;QACEa,aAAaR;QACbS,cAAc;YACZb,KAAKA;YACLc,MAAMV;QACR;IACF;IAGF,OAAO;QACLW,YAAY;YACVR,MAAMH;YACNH,MAAM;QACR;QACAM;QACAN,MAAMO,oBAAAA,CAAKQ,QAAQ,CAACf,MAAM;YACxBW,aAAa;QACf;QACAP;IACF;AACF"}

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

@@ -0,0 +1,133 @@
+"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, {
+    appItemClassNames: function() {
+        return appItemClassNames;
+    },
+    useAppItemStyles: function() {
+        return useAppItemStyles;
+    },
+    useAppItemStyles_unstable: function() {
+        return useAppItemStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _sharedNavStylesstyles = require("../sharedNavStyles.styles");
+const appItemClassNames = {
+    root: 'fui-AppItem',
+    icon: 'fui-AppItem__icon'
+};
+const useAppItemStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Bokbzmb: "f1x6gvzo",
+        Jyy4pa: "f1djyvue",
+        B1u1w3b: "feysv1g",
+        a9b677: "f1jd6clc",
+        Bt984gj: "f122n59",
+        i8kkvl: 0,
+        Belr9w4: 0,
+        rmohyg: "f1ga9sj3",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: [
+            "f1fdqhks",
+            "fnlwq4f"
+        ],
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "faaz57k"
+    },
+    small: {
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: [
+            "f1m1l4b8",
+            "f1yxbtnt"
+        ],
+        i8kkvl: 0,
+        Belr9w4: 0,
+        rmohyg: "f1let0xu"
+    },
+    absentIconRootAdjustment: {
+        B1hrpyx: "ft8721j"
+    }
+}, {
+    d: [
+        [
+            ".feysv1g{margin-inline:4px;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1jd6clc{width:revert;}",
+        ".f122n59{align-items:center;}",
+        [
+            ".f1ga9sj3{gap:10px;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1djyvue{-webkit-margin-start:-6px;margin-inline-start:-6px;}",
+        ".f1x6gvzo{-webkit-margin-end:0px;margin-inline-end:0px;}",
+        [
+            ".f1fdqhks{padding:var(--spacingVerticalS) var(--spacingHorizontalS) var(--spacingVerticalS) var(--spacingHorizontalMNudge);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".fnlwq4f{padding:var(--spacingVerticalS) var(--spacingHorizontalMNudge) var(--spacingVerticalS) var(--spacingHorizontalS);}",
+            {
+                p: -1
+            }
+        ],
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
+        [
+            ".f1m1l4b8{padding:var(--spacingVerticalS) var(--spacingHorizontalS) var(--spacingVerticalS) 14px;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1yxbtnt{padding:var(--spacingVerticalS) 14px var(--spacingVerticalS) var(--spacingHorizontalS);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1let0xu{gap:14px;}",
+            {
+                p: -1
+            }
+        ],
+        ".ft8721j{-webkit-padding-start:16px;padding-inline-start:16px;}"
+    ]
+});
+const useAppItemStyles_unstable = (state)=>{
+    'use no memo';
+    const rootDefaultClassName = (0, _sharedNavStylesstyles.useRootDefaultClassName)();
+    const iconStyles = (0, _sharedNavStylesstyles.useIconStyles)();
+    const appItemSpecificStyles = useAppItemStyles();
+    const { density, icon } = state;
+    state.root.className = (0, _react.mergeClasses)(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(appItemClassNames.icon, iconStyles.base, state.icon.className);
+    }
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAppItemStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\nexport const appItemClassNames = {\n    root: 'fui-AppItem',\n    icon: 'fui-AppItem__icon'\n};\n/**\n * Styles for the root slot\n */ export 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 * Apply styling to the AppItem slots based on the state\n */ export const useAppItemStyles_unstable = (state)=>{\n    'use no memo';\n    const rootDefaultClassName = useRootDefaultClassName();\n    const iconStyles = useIconStyles();\n    const appItemSpecificStyles = useAppItemStyles();\n    const { density, icon } = state;\n    state.root.className = mergeClasses(rootDefaultClassName, appItemClassNames.root, appItemSpecificStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(appItemClassNames.icon, iconStyles.base, state.icon.className);\n    }\n    return state;\n};\n"],"names":["appItemClassNames","useAppItemStyles","useAppItemStyles_unstable","root","icon","__styles","Bokbzmb","Jyy4pa","B1u1w3b","a9b677","Bt984gj","i8kkvl","Belr9w4","rmohyg","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","absentIconRootAdjustment","B1hrpyx","d","p","state","rootDefaultClassName","useRootDefaultClassName","iconStyles","useIconStyles","appItemSpecificStyles","density","className","mergeClasses","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,iBAAiB;eAAjBA;;IAMIC,gBAAgB;eAAhBA;;IAqBAC,yBAAyB;eAAzBA;;;uBA9BwB;uCAEc;AAChD,MAAMF,oBAAoB;IAC7BG,MAAM;IACNC,MAAM;AACV;AAGW,MAAMH,mBAAgB,WAAA,GAAGI,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,OAAA;QAAAT,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAP,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAW,0BAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA;AAqBzB,MAAMzB,4BAA6B0B,CAAAA;IAC1C;IACA,MAAMC,uBAAuBC,IAAAA,8CAAuB;IACpD,MAAMC,aAAaC,IAAAA,oCAAa;IAChC,MAAMC,wBAAwBhC;IAC9B,MAAM,EAAEiC,OAAO,EAAE9B,IAAAA,EAAM,GAAGwB;IAC1BA,MAAMzB,IAAI,CAACgC,SAAS,GAAGC,IAAAA,mBAAY,EAACP,sBAAsB7B,kBAAkBG,IAAI,EAAE8B,sBAAsB9B,IAAI,EAAE+B,YAAY,WAAWD,sBAAsBV,KAAK,EAAE,CAACnB,QAAQ6B,sBAAsBT,wBAAwB,EAAEI,MAAMzB,IAAI,CAACgC,SAAS;IAC/O,IAAIP,MAAMxB,IAAI,EAAE;QACZwB,MAAMxB,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAACpC,kBAAkBI,IAAI,EAAE2B,WAAWM,IAAI,EAAET,MAAMxB,IAAI,CAAC+B,SAAS;IACrG;IACA,OAAOP;AACX"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "AppItemStatic", {
+    enumerable: true,
+    get: function() {
+        return AppItemStatic;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useAppItemStatic = require("./useAppItemStatic");
+const _renderAppItemStatic = require("./renderAppItemStatic");
+const _useAppItemStaticStylesstyles = require("./useAppItemStaticStyles.styles");
+const AppItemStatic = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useAppItemStatic.useAppItemStatic_unstable)(props, ref);
+    (0, _useAppItemStaticStylesstyles.useAppItemStaticStyles_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('useAppItemStaticStyles_unstable')(state);
+    return (0, _renderAppItemStatic.renderAppItemStatic_unstable)(state);
+});
+AppItemStatic.displayName = 'AppItemStatic';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItemStatic/AppItemStatic.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useAppItemStatic_unstable } from './useAppItemStatic';\nimport { renderAppItemStatic_unstable } from './renderAppItemStatic';\nimport { useAppItemStaticStyles_unstable } from './useAppItemStaticStyles.styles';\nimport type { AppItemStaticProps } from './AppItemStatic.types';\n\n/**\n * AppItemStatic component - TODO: add more docs\n */\nexport const AppItemStatic: ForwardRefComponent<AppItemStaticProps> = React.forwardRef((props, ref) => {\n  const state = useAppItemStatic_unstable(props, ref);\n\n  useAppItemStaticStyles_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('useAppItemStaticStyles_unstable')(state);\n\n  return renderAppItemStatic_unstable(state);\n});\n\nAppItemStatic.displayName = 'AppItemStatic';\n"],"names":["AppItemStatic","React","forwardRef","props","ref","state","useAppItemStatic_unstable","useAppItemStaticStyles_unstable","renderAppItemStatic_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;kCAEmB;qCACG;8CACG;AAMzC,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAEhC;;;;;;;GAOC,GACD,yEAAyE;IAEzE,OAAOG,IAAAA,iDAAAA,EAA6BH;AACtC;AAEAL,cAAcS,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItemStatic/AppItemStatic.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { NavDensity } from '../Nav/Nav.types';\n\nexport type AppItemStaticSlots = {\n  /**\n   * The root element of the AppItemStatic.\n   */\n  root: Slot<'div'>;\n  /**\n   * Icon that renders before the content.\n   */\n  icon?: Slot<'span'>;\n};\n\n/**\n * AppItemStatic Props\n */\nexport type AppItemStaticProps = ComponentProps<AppItemStaticSlots> & {};\n\n/**\n * State used in rendering AppItemStatic\n */\nexport type AppItemStaticState = ComponentState<AppItemStaticSlots> & {\n  /**\n   * The density of the Nav\n   *\n   * @default 'medium'\n   */\n  density: NavDensity;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAmBA;;CAEC"}

package/lib-commonjs/components/AppItemStatic/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, {
+    AppItemStatic: function() {
+        return _AppItemStatic.AppItemStatic;
+    },
+    appItemStaticClassNames: function() {
+        return _useAppItemStaticStylesstyles.appItemStaticClassNames;
+    },
+    renderAppItemStatic_unstable: function() {
+        return _renderAppItemStatic.renderAppItemStatic_unstable;
+    },
+    useAppItemStaticStyles_unstable: function() {
+        return _useAppItemStaticStylesstyles.useAppItemStaticStyles_unstable;
+    },
+    useAppItemStatic_unstable: function() {
+        return _useAppItemStatic.useAppItemStatic_unstable;
+    }
+});
+const _AppItemStatic = require("./AppItemStatic");
+const _renderAppItemStatic = require("./renderAppItemStatic");
+const _useAppItemStatic = require("./useAppItemStatic");
+const _useAppItemStaticStylesstyles = require("./useAppItemStaticStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItemStatic/index.ts"],"sourcesContent":["export { AppItemStatic } from './AppItemStatic';\nexport type { AppItemStaticProps, AppItemStaticSlots, AppItemStaticState } from './AppItemStatic.types';\nexport { renderAppItemStatic_unstable } from './renderAppItemStatic';\nexport { useAppItemStatic_unstable } from './useAppItemStatic';\nexport { appItemStaticClassNames, useAppItemStaticStyles_unstable } from './useAppItemStaticStyles.styles';\n"],"names":["AppItemStatic","appItemStaticClassNames","renderAppItemStatic_unstable","useAppItemStaticStyles_unstable","useAppItemStatic_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,aAAa;eAAbA,4BAAa;;IAIbC,uBAAuB;eAAvBA,qDAAuB;;IAFvBC,4BAA4B;eAA5BA,iDAA4B;;IAEHC,+BAA+B;eAA/BA,6DAA+B;;IADxDC,yBAAyB;eAAzBA,2CAAyB;;;+BAHJ;qCAEe;kCACH;8CAC+B"}

package/lib-commonjs/components/AppItemStatic/renderAppItemStatic.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderAppItemStatic_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderAppItemStatic_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderAppItemStatic_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+            state.root.children
+        ]
+    });
+};

package/lib-commonjs/components/AppItemStatic/renderAppItemStatic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItemStatic/renderAppItemStatic.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AppItemStaticState, AppItemStaticSlots } from './AppItemStatic.types';\n\n/**\n * Render the final JSX of AppItemStatic\n */\nexport const renderAppItemStatic_unstable = (state: AppItemStaticState) => {\n  assertSlots<AppItemStaticSlots>(state);\n\n  return (\n    <state.root>\n      {state.icon && <state.icon />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["renderAppItemStatic_unstable","state","assertSlots","_jsxs","root","icon","_jsx","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,+BAA+B,CAACC;IAC3CC,IAAAA,2BAAAA,EAAgCD;IAEhC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,IAAI,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,IAAI,EAAA,CAAA;YACzBJ,MAAMG,IAAI,CAACG,QAAQ;;;AAG1B"}

package/lib-commonjs/components/AppItemStatic/useAppItemStatic.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAppItemStatic_unstable", {
+    enumerable: true,
+    get: function() {
+        return useAppItemStatic_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 _NavContext = require("../NavContext");
+const useAppItemStatic_unstable = (props, ref)=>{
+    const { icon } = props;
+    const { density = 'medium' } = (0, _NavContext.useNavContext_unstable)();
+    return {
+        components: {
+            root: 'div',
+            icon: 'span'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        icon: _reactutilities.slot.optional(icon, {
+            elementType: 'span'
+        }),
+        density
+    };
+};

package/lib-commonjs/components/AppItemStatic/useAppItemStatic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppItemStatic/useAppItemStatic.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { AppItemStaticProps, AppItemStaticState } from './AppItemStatic.types';\nimport { useNavContext_unstable } from '../NavContext';\n\n/**\n * Create the state required to render AppItemStatic.\n *\n * The returned state can be modified with hooks such as useAppItemStaticStyles_unstable,\n * before being passed to renderAppItemStatic_unstable.\n *\n * @param props - props from this instance of AppItemStatic\n * @param ref - reference to root HTMLDivElement of AppItemStatic\n */\nexport const useAppItemStatic_unstable = (\n  props: AppItemStaticProps,\n  ref: React.Ref<HTMLDivElement>,\n): AppItemStaticState => {\n  const { icon } = props;\n\n  const { density = 'medium' } = useNavContext_unstable();\n  return {\n    components: {\n      root: 'div',\n      icon: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(icon, {\n      elementType: 'span',\n    }),\n    density,\n  };\n};\n"],"names":["useAppItemStatic_unstable","props","ref","icon","density","useNavContext_unstable","components","root","slot","always","getIntrinsicElementProps","elementType","optional"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACwB;4BAER;AAWhC,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGF;IAEjB,MAAM,EAAEG,UAAU,QAAQ,EAAE,GAAGC,IAAAA,kCAAAA;IAC/B,OAAO;QACLC,YAAY;YACVC,MAAM;YACNJ,MAAM;QACR;QACAI,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BR;YACA,GAAGD,KAAK;QACV,IACA;YAAEU,aAAa;QAAM;QAEvBR,MAAMK,oBAAAA,CAAKI,QAAQ,CAACT,MAAM;YACxBQ,aAAa;QACf;QACAP;IACF;AACF"}

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

@@ -0,0 +1,55 @@
+"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 = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Bceei9c: "f158kwzp",
+        Jwef8y: "fmaajru",
+        ecr2s2: "f11z5bqc"
+    }
+}, {
+    d: [
+        ".f158kwzp{cursor:default;}"
+    ],
+    h: [
+        ".fmaajru:hover{background-color:unset;}"
+    ],
+    a: [
+        ".f11z5bqc:active{background-color: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.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAppItemStaticStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useAppItemStyles } from '../AppItem/useAppItemStyles.styles';\nimport { useIconStyles, useRootDefaultClassName } from '../sharedNavStyles.styles';\nexport const appItemStaticClassNames = {\n    root: 'fui-AppItemStatic',\n    icon: 'fui-AppItemStatic__icon'\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 * Apply styling to the AppItemStatic slots based on the state\n */ export const useAppItemStaticStyles_unstable = (state)=>{\n    'use no memo';\n    const rootDefaultClassName = useRootDefaultClassName();\n    const iconStyles = useIconStyles();\n    const appItemSpecificStyles = useAppItemStyles();\n    const appItemStaticStyles = useAppItemStaticStyles();\n    const { density, icon } = state;\n    state.root.className = mergeClasses(rootDefaultClassName, appItemStaticClassNames.root, appItemSpecificStyles.root, appItemStaticStyles.root, density === 'small' && appItemSpecificStyles.small, !icon && appItemSpecificStyles.absentIconRootAdjustment, state.root.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(appItemStaticClassNames.icon, iconStyles.base, state.icon.className);\n    }\n    return state;\n};\n"],"names":["appItemStaticClassNames","useAppItemStaticStyles_unstable","root","icon","useAppItemStaticStyles","__styles","Bceei9c","Jwef8y","ecr2s2","d","h","a","state","rootDefaultClassName","useRootDefaultClassName","iconStyles","useIconStyles","appItemSpecificStyles","useAppItemStyles","appItemStaticStyles","density","className","mergeClasses","small","absentIconRootAdjustment","base"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,uBAAuB;eAAvBA;;IAiBIC,+BAA+B;eAA/BA;;;uBApBwB;wCACR;uCACsB;AAChD,MAAMD,0BAA0B;IACnCE,MAAM;IACNC,MAAM;AACV;AACA,MAAMC,yBAAsB,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAH,MAAA;QAAAI,SAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;KAAA;AAAA;AAapB,MAAMV,kCAAmCW,CAAAA;IAChD;IACA,MAAMC,uBAAuBC,IAAAA,8CAAuB;IACpD,MAAMC,aAAaC,IAAAA,oCAAa;IAChC,MAAMC,wBAAwBC,IAAAA,wCAAgB;IAC9C,MAAMC,sBAAsBf;IAC5B,MAAM,EAAEgB,OAAO,EAAEjB,IAAAA,EAAM,GAAGS;IAC1BA,MAAMV,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACT,sBAAsBb,wBAAwBE,IAAI,EAAEe,sBAAsBf,IAAI,EAAEiB,oBAAoBjB,IAAI,EAAEkB,YAAY,WAAWH,sBAAsBM,KAAK,EAAE,CAACpB,QAAQc,sBAAsBO,wBAAwB,EAAEZ,MAAMV,IAAI,CAACmB,SAAS;IAC/Q,IAAIT,MAAMT,IAAI,EAAE;QACZS,MAAMT,IAAI,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wBAAwBG,IAAI,EAAEY,WAAWU,IAAI,EAAEb,MAAMT,IAAI,CAACkB,SAAS;IAC3G;IACA,OAAOT;AACX"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Hamburger", {
+    enumerable: true,
+    get: function() {
+        return Hamburger;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useHamburger = require("./useHamburger");
+const _reactbutton = require("@fluentui/react-button");
+const _useHamburgerStylesstyles = require("./useHamburgerStyles.styles");
+const Hamburger = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useHamburger.useHamburger_unstable)(props, ref);
+    (0, _useHamburgerStylesstyles.useHamburgerStyles_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('useHamburgerStyles_unstable')(state);
+    return (0, _reactbutton.renderButton_unstable)(state);
+});
+Hamburger.displayName = 'Hamburger';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Hamburger/Hamburger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useHamburger_unstable } from './useHamburger';\nimport { renderButton_unstable } from '@fluentui/react-button';\nimport { useHamburgerStyles_unstable } from './useHamburgerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { HamburgerProps } from './Hamburger.types';\n\n/**\n * Hamburger component - TODO: add more docs\n */\nexport const Hamburger: ForwardRefComponent<HamburgerProps> = React.forwardRef((props, ref) => {\n  const state = useHamburger_unstable(props, ref);\n\n  useHamburgerStyles_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('useHamburgerStyles_unstable')(state);\n  return renderButton_unstable(state);\n}) as ForwardRefComponent<HamburgerProps>;\n\nHamburger.displayName = 'Hamburger';\n"],"names":["Hamburger","React","forwardRef","props","ref","state","useHamburger_unstable","useHamburgerStyles_unstable","renderButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;8BACe;6BACA;0CACM;AAOrC,MAAMA,YAAAA,WAAAA,GAAiDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQC,IAAAA,mCAAAA,EAAsBH,OAAOC;IAE3CG,IAAAA,qDAAAA,EAA4BF;IAC5B,8HAA8H;IAC9H,wGAAwG;IACxG,qEAAqE;IACrE,OAAOG,IAAAA,kCAAAA,EAAsBH;AAC/B;AAEAL,UAAUS,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Hamburger/Hamburger.types.ts"],"sourcesContent":["import { ButtonProps, ButtonState } from '@fluentui/react-button';\n\n/**\n * Hamburger Props\n */\nexport type HamburgerProps = ButtonProps;\n\n/**\n * State used in rendering Hamburger\n */\nexport type HamburgerState = ButtonState;\n"],"names":[],"rangeMappings":";;","mappings":"AAOA;;CAEC"}

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

@@ -0,0 +1,27 @@
+"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, {
+    Hamburger: function() {
+        return _Hamburger.Hamburger;
+    },
+    hamburgerClassNames: function() {
+        return _useHamburgerStylesstyles.hamburgerClassNames;
+    },
+    useHamburgerStyles_unstable: function() {
+        return _useHamburgerStylesstyles.useHamburgerStyles_unstable;
+    },
+    useHamburger_unstable: function() {
+        return _useHamburger.useHamburger_unstable;
+    }
+});
+const _Hamburger = require("./Hamburger");
+const _useHamburger = require("./useHamburger");
+const _useHamburgerStylesstyles = require("./useHamburgerStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Hamburger/index.ts"],"sourcesContent":["export { Hamburger } from './Hamburger';\nexport type { HamburgerProps, HamburgerState } from './Hamburger.types';\nexport { useHamburger_unstable } from './useHamburger';\nexport { hamburgerClassNames, useHamburgerStyles_unstable } from './useHamburgerStyles.styles';\n"],"names":["Hamburger","hamburgerClassNames","useHamburgerStyles_unstable","useHamburger_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,SAAS;eAATA,oBAAS;;IAGTC,mBAAmB;eAAnBA,6CAAmB;;IAAEC,2BAA2B;eAA3BA,qDAA2B;;IADhDC,qBAAqB;eAArBA,mCAAqB;;;2BAFJ;8BAEY;0CAC2B"}

package/lib-commonjs/components/Hamburger/useHamburger.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useHamburger_unstable", {
+    enumerable: true,
+    get: function() {
+        return useHamburger_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactbutton = require("@fluentui/react-button");
+const _reacticons = require("@fluentui/react-icons");
+const useHamburger_unstable = (props, ref)=>{
+    return (0, _reactbutton.useButton_unstable)({
+        icon: /*#__PURE__*/ _react.createElement(_reacticons.Navigation20Filled, null),
+        appearance: 'transparent',
+        ...props
+    }, ref);
+};

package/lib-commonjs/components/Hamburger/useHamburger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Hamburger/useHamburger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { Navigation20Filled } from '@fluentui/react-icons';\nimport type { HamburgerProps, HamburgerState } from './Hamburger.types';\n\n/**\n * Given user props, defines default props for the Button, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */\nexport const useHamburger_unstable = (\n  props: HamburgerProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): HamburgerState => {\n  return useButton_unstable({ icon: <Navigation20Filled />, appearance: 'transparent', ...props }, ref);\n};\n"],"names":["useHamburger_unstable","props","ref","useButton_unstable","icon","React","createElement","Navigation20Filled","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;6BACY;4BACA;AAS5B,MAAMA,wBAAwB,CACnCC,OACAC;IAEA,OAAOC,IAAAA,+BAAAA,EAAmB;QAAEC,MAAAA,WAAAA,GAAMC,OAAAC,aAAA,CAACC,8BAAAA,EAAAA;QAAuBC,YAAY;QAAe,GAAGP,KAAK;IAAC,GAAGC;AACnG"}