@fluentui/react-menu 0.0.0-nightly-20230222-0421.1 → 0.0.0-nightly-20230223-2115.1

package/lib-commonjs/utils/index.js

@@ -1,8 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./useOnMenuEnter"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./useOnMenuEnter"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/utils/index.ts"],"sourcesContent":["export * from './useOnMenuEnter';\n"]}
+{"version":3,"sources":["../../lib/utils/index.js"],"sourcesContent":["export * from './useOnMenuEnter';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,iCAAiC"}

package/lib-commonjs/utils/useIsSubmenu.js

@@ -1,24 +1,18 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useIsSubmenu", {
+    enumerable: true,
+    get: ()=>useIsSubmenu
 });
-exports.useIsSubmenu = void 0;
-const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
-const menuContext_1 = /*#__PURE__*/require("../contexts/menuContext");
-const menuListContext_1 = /*#__PURE__*/require("../contexts/menuListContext");
-/**
- * A component can be a part of a submenu whether its menu context `isSubmenu` flag is true
- * or whether it is a part of a `MenuList`
- *
- * A simple hook to check box contexts easily
- *
- * @returns whether the component is part of a submenu
- */
+const _reactContextSelector = require("@fluentui/react-context-selector");
+const _menuContext = require("../contexts/menuContext");
+const _menuListContext = require("../contexts/menuListContext");
 function useIsSubmenu() {
-  const menuContextValue = menuContext_1.useMenuContext_unstable(context => context.isSubmenu);
-  const hasMenuListContext = react_context_selector_1.useHasParentContext(menuListContext_1.MenuListContext);
-  return menuContextValue || hasMenuListContext;
-}
-exports.useIsSubmenu = useIsSubmenu;
+    const menuContextValue = (0, _menuContext.useMenuContext_unstable)((context)=>context.isSubmenu);
+    const hasMenuListContext = (0, _reactContextSelector.useHasParentContext)(_menuListContext.MenuListContext);
+    return menuContextValue || hasMenuListContext;
+} //# sourceMappingURL=useIsSubmenu.js.map
+
 //# sourceMappingURL=useIsSubmenu.js.map

package/lib-commonjs/utils/useIsSubmenu.js.map

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AAEA;;;;;;;;AAQA,SAAgBA,YAAY;EAC1B,MAAMC,gBAAgB,GAAGC,qCAAuB,CAACC,OAAO,IAAIA,OAAO,CAACC,SAAS,CAAC;EAC9E,MAAMC,kBAAkB,GAAGC,4CAAmB,CAACC,iCAAe,CAAC;EAE/D,OAAON,gBAAgB,IAAII,kBAAkB;AAC/C;AALAG","names":["useIsSubmenu","menuContextValue","menuContext_1","context","isSubmenu","hasMenuListContext","react_context_selector_1","menuListContext_1","exports"],"sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/utils/useIsSubmenu.ts"],"sourcesContent":["import { useHasParentContext } from '@fluentui/react-context-selector';\nimport { useMenuContext_unstable } from '../contexts/menuContext';\nimport { MenuListContext } from '../contexts/menuListContext';\n\n/**\n * A component can be a part of a submenu whether its menu context `isSubmenu` flag is true\n * or whether it is a part of a `MenuList`\n *\n * A simple hook to check box contexts easily\n *\n * @returns whether the component is part of a submenu\n */\nexport function useIsSubmenu() {\n  const menuContextValue = useMenuContext_unstable(context => context.isSubmenu);\n  const hasMenuListContext = useHasParentContext(MenuListContext);\n\n  return menuContextValue || hasMenuListContext;\n}\n"]}
+{"version":3,"sources":["../../lib/utils/useIsSubmenu.js"],"sourcesContent":["import { useHasParentContext } from '@fluentui/react-context-selector';\nimport { useMenuContext_unstable } from '../contexts/menuContext';\nimport { MenuListContext } from '../contexts/menuListContext';\n/**\n * A component can be a part of a submenu whether its menu context `isSubmenu` flag is true\n * or whether it is a part of a `MenuList`\n *\n * A simple hook to check box contexts easily\n *\n * @returns whether the component is part of a submenu\n */\nexport function useIsSubmenu() {\n  const menuContextValue = useMenuContext_unstable(context => context.isSubmenu);\n  const hasMenuListContext = useHasParentContext(MenuListContext);\n  return menuContextValue || hasMenuListContext;\n}\n//# sourceMappingURL=useIsSubmenu.js.map"],"names":["useIsSubmenu","menuContextValue","useMenuContext_unstable","context","isSubmenu","hasMenuListContext","useHasParentContext","MenuListContext"],"mappings":";;;;+BAWgBA;;aAAAA;;sCAXoB;6BACI;iCACR;AASzB,SAASA,eAAe;IAC7B,MAAMC,mBAAmBC,IAAAA,oCAAuB,EAACC,CAAAA,UAAWA,QAAQC,SAAS;IAC7E,MAAMC,qBAAqBC,IAAAA,yCAAmB,EAACC,gCAAe;IAC9D,OAAON,oBAAoBI;AAC7B,EACA,wCAAwC"}

package/lib-commonjs/utils/useOnMenuEnter.js

@@ -1,73 +1,61 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.dispatchMenuEnterEvent = exports.useOnMenuMouseEnter = exports.MENU_ENTER_EVENT = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
-/**
- * Name of the custom event
- */
-exports.MENU_ENTER_EVENT = 'fuimenuenter';
-/**
- * This hook works similarly to @see {useOnClickOutside}
- *
- * Problem: Trying to behave the same as system menus:
- * When the mouse leaves a stack of nested menus the stack should not dismiss.
- * However if the mouse leaves a stack of menus and enters a parent menu all its children menu should dismiss.
- *
- * We don't use the native mouseenter event because it would trigger too many times in the document
- * Instead, dispatch custom DOM event from the menu so that it can bubble
- * Each nested menu can use the listener to check if the event is from a child or parent menu
- */
-const useOnMenuMouseEnter = options => {
-  const {
-    refs,
-    callback,
-    element,
-    disabled
-  } = options;
-  // Keep mouse event here because this is essentially a custom 'mouseenter' event
-  const listener = react_utilities_1.useEventCallback(ev => {
-    var _a;
-    const popoverRef = refs[0];
-    const someMenuPopover = ev.target;
-    // someMenu is a child -> will always be contained because of vParents
-    // someMenu is a parent -> will always not be contained because no vParent
-    // someMenu is the current popover -> it will contain itself
-    const isOutsidePopover = !react_portal_1.elementContains((_a = popoverRef.current) !== null && _a !== void 0 ? _a : null, someMenuPopover);
-    if (isOutsidePopover && !disabled) {
-      callback(ev);
-    }
-  });
-  React.useEffect(() => {
-    // eslint-disable-next-line eqeqeq
-    if (element == null) {
-      return;
-    }
-    if (!disabled) {
-      element.addEventListener(exports.MENU_ENTER_EVENT, listener);
-    }
-    return () => {
-      element.removeEventListener(exports.MENU_ENTER_EVENT, listener);
-    };
-  }, [listener, element, disabled]);
-};
-exports.useOnMenuMouseEnter = useOnMenuMouseEnter;
-/**
- * Dispatches the custom MouseEvent enter event. Similar to calling `el.click()`
- * @param el element for the event target
- * @param nativeEvent the native mouse event this is mapped to
- */
-const dispatchMenuEnterEvent = (el, nativeEvent) => {
-  el.dispatchEvent(new CustomEvent(exports.MENU_ENTER_EVENT, {
-    bubbles: true,
-    detail: {
-      nativeEvent
-    }
-  }));
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    MENU_ENTER_EVENT: ()=>MENU_ENTER_EVENT,
+    useOnMenuMouseEnter: ()=>useOnMenuMouseEnter,
+    dispatchMenuEnterEvent: ()=>dispatchMenuEnterEvent
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactPortal = require("@fluentui/react-portal");
+const MENU_ENTER_EVENT = 'fuimenuenter';
+const useOnMenuMouseEnter = (options)=>{
+    const { refs , callback , element , disabled  } = options;
+    // Keep mouse event here because this is essentially a custom 'mouseenter' event
+    const listener = (0, _reactUtilities.useEventCallback)((ev)=>{
+        const popoverRef = refs[0];
+        const someMenuPopover = ev.target;
+        // someMenu is a child -> will always be contained because of vParents
+        // someMenu is a parent -> will always not be contained because no vParent
+        // someMenu is the current popover -> it will contain itself
+        const isOutsidePopover = !(0, _reactPortal.elementContains)(popoverRef.current ?? null, someMenuPopover);
+        if (isOutsidePopover && !disabled) {
+            callback(ev);
+        }
+    });
+    _react.useEffect(()=>{
+        // eslint-disable-next-line eqeqeq
+        if (element == null) {
+            return;
+        }
+        if (!disabled) {
+            element.addEventListener(MENU_ENTER_EVENT, listener);
+        }
+        return ()=>{
+            element.removeEventListener(MENU_ENTER_EVENT, listener);
+        };
+    }, [
+        listener,
+        element,
+        disabled
+    ]);
 };
-exports.dispatchMenuEnterEvent = dispatchMenuEnterEvent;
+const dispatchMenuEnterEvent = (el, nativeEvent)=>{
+    el.dispatchEvent(new CustomEvent(MENU_ENTER_EVENT, {
+        bubbles: true,
+        detail: {
+            nativeEvent
+        }
+    }));
+}; //# sourceMappingURL=useOnMenuEnter.js.map
+
 //# sourceMappingURL=useOnMenuEnter.js.map

package/lib-commonjs/utils/useOnMenuEnter.js.map

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AAGA;;;AAGaA,wBAAgB,GAAG,cAAc;AAE9C;;;;;;;;;;;AAWO,MAAMC,mBAAmB,GAAIC,OAAyC,IAAI;EAC/E,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAQ,CAAE,GAAGJ,OAAO;EAErD;EACA,MAAMK,QAAQ,GAAGC,kCAAgB,CAAEC,EAAc,IAAI;;IACnD,MAAMC,UAAU,GAAGP,IAAI,CAAC,CAAC,CAAC;IAC1B,MAAMQ,eAAe,GAAGF,EAAE,CAACG,MAAqB;IAEhD;IACA;IACA;IACA,MAAMC,gBAAgB,GAAG,CAACC,8BAAe,CAAC,gBAAU,CAACC,OAAO,mCAAI,IAAI,EAAEJ,eAAe,CAAC;IACtF,IAAIE,gBAAgB,IAAI,CAACP,QAAQ,EAAE;MACjCF,QAAQ,CAACK,EAAE,CAAC;;EAEhB,CAAC,CAAC;EAEFO,KAAK,CAACC,SAAS,CAAC,MAAK;IACnB;IACA,IAAIZ,OAAO,IAAI,IAAI,EAAE;MACnB;;IAWF,IAAI,CAACC,QAAQ,EAAE;MACbD,OAAO,CAACa,gBAAgB,CAAClB,wBAAgB,EAAEO,QAA4B,CAAC;;IAG1E,OAAO,MAAK;MACVF,OAAO,CAACc,mBAAmB,CAACnB,wBAAgB,EAAEO,QAA4B,CAAC;IAC7E,CAAC;EACH,CAAC,EAAE,CAACA,QAAQ,EAAEF,OAAO,EAAEC,QAAQ,CAAC,CAAC;AACnC,CAAC;AAvCYN,2BAAmB;AAyChC;;;;;AAKO,MAAMoB,sBAAsB,GAAG,CAACC,EAAe,EAAEC,WAAuB,KAAI;EACjFD,EAAE,CAACE,aAAa,CAAC,IAAIC,WAAW,CAACxB,wBAAgB,EAAE;IAAEyB,OAAO,EAAE,IAAI;IAAEC,MAAM,EAAE;MAAEJ;IAAW;EAAE,CAAE,CAAC,CAAC;AACjG,CAAC;AAFYtB,8BAAsB","names":["exports","useOnMenuMouseEnter","options","refs","callback","element","disabled","listener","react_utilities_1","ev","popoverRef","someMenuPopover","target","isOutsidePopover","react_portal_1","current","React","useEffect","addEventListener","removeEventListener","dispatchMenuEnterEvent","el","nativeEvent","dispatchEvent","CustomEvent","bubbles","detail"],"sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-menu/src/utils/useOnMenuEnter.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { elementContains } from '@fluentui/react-portal';\nimport type { UseOnClickOrScrollOutsideOptions } from '@fluentui/react-utilities';\n\n/**\n * Name of the custom event\n */\nexport const MENU_ENTER_EVENT = 'fuimenuenter';\n\n/**\n * This hook works similarly to @see {useOnClickOutside}\n *\n * Problem: Trying to behave the same as system menus:\n * When the mouse leaves a stack of nested menus the stack should not dismiss.\n * However if the mouse leaves a stack of menus and enters a parent menu all its children menu should dismiss.\n *\n * We don't use the native mouseenter event because it would trigger too many times in the document\n * Instead, dispatch custom DOM event from the menu so that it can bubble\n * Each nested menu can use the listener to check if the event is from a child or parent menu\n */\nexport const useOnMenuMouseEnter = (options: UseOnClickOrScrollOutsideOptions) => {\n  const { refs, callback, element, disabled } = options;\n\n  // Keep mouse event here because this is essentially a custom 'mouseenter' event\n  const listener = useEventCallback((ev: MouseEvent) => {\n    const popoverRef = refs[0];\n    const someMenuPopover = ev.target as HTMLElement;\n\n    // someMenu is a child -> will always be contained because of vParents\n    // someMenu is a parent -> will always not be contained because no vParent\n    // someMenu is the current popover -> it will contain itself\n    const isOutsidePopover = !elementContains(popoverRef.current ?? null, someMenuPopover);\n    if (isOutsidePopover && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    // eslint-disable-next-line eqeqeq\n    if (element == null) {\n      return;\n    }\n\n    /**\n     * Because `addEventListener` type override falls back to 2nd definition (evt name is unknown string literal)\n     * evt is being typed as a base class of MouseEvent -> `Event`.\n     * This type is used to override `listener` calls to make TS happy\n     */\n\n    type ListenerOverride = (evt: Event) => void;\n\n    if (!disabled) {\n      element.addEventListener(MENU_ENTER_EVENT, listener as ListenerOverride);\n    }\n\n    return () => {\n      element.removeEventListener(MENU_ENTER_EVENT, listener as ListenerOverride);\n    };\n  }, [listener, element, disabled]);\n};\n\n/**\n * Dispatches the custom MouseEvent enter event. Similar to calling `el.click()`\n * @param el element for the event target\n * @param nativeEvent the native mouse event this is mapped to\n */\nexport const dispatchMenuEnterEvent = (el: HTMLElement, nativeEvent: MouseEvent) => {\n  el.dispatchEvent(new CustomEvent(MENU_ENTER_EVENT, { bubbles: true, detail: { nativeEvent } }));\n};\n"]}
+{"version":3,"sources":["../../lib/utils/useOnMenuEnter.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { elementContains } from '@fluentui/react-portal';\n/**\n * Name of the custom event\n */\nexport const MENU_ENTER_EVENT = 'fuimenuenter';\n/**\n * This hook works similarly to @see {useOnClickOutside}\n *\n * Problem: Trying to behave the same as system menus:\n * When the mouse leaves a stack of nested menus the stack should not dismiss.\n * However if the mouse leaves a stack of menus and enters a parent menu all its children menu should dismiss.\n *\n * We don't use the native mouseenter event because it would trigger too many times in the document\n * Instead, dispatch custom DOM event from the menu so that it can bubble\n * Each nested menu can use the listener to check if the event is from a child or parent menu\n */\nexport const useOnMenuMouseEnter = options => {\n  const {\n    refs,\n    callback,\n    element,\n    disabled\n  } = options;\n  // Keep mouse event here because this is essentially a custom 'mouseenter' event\n  const listener = useEventCallback(ev => {\n    const popoverRef = refs[0];\n    const someMenuPopover = ev.target;\n    // someMenu is a child -> will always be contained because of vParents\n    // someMenu is a parent -> will always not be contained because no vParent\n    // someMenu is the current popover -> it will contain itself\n    const isOutsidePopover = !elementContains(popoverRef.current ?? null, someMenuPopover);\n    if (isOutsidePopover && !disabled) {\n      callback(ev);\n    }\n  });\n  React.useEffect(() => {\n    // eslint-disable-next-line eqeqeq\n    if (element == null) {\n      return;\n    }\n    if (!disabled) {\n      element.addEventListener(MENU_ENTER_EVENT, listener);\n    }\n    return () => {\n      element.removeEventListener(MENU_ENTER_EVENT, listener);\n    };\n  }, [listener, element, disabled]);\n};\n/**\n * Dispatches the custom MouseEvent enter event. Similar to calling `el.click()`\n * @param el element for the event target\n * @param nativeEvent the native mouse event this is mapped to\n */\nexport const dispatchMenuEnterEvent = (el, nativeEvent) => {\n  el.dispatchEvent(new CustomEvent(MENU_ENTER_EVENT, {\n    bubbles: true,\n    detail: {\n      nativeEvent\n    }\n  }));\n};\n//# sourceMappingURL=useOnMenuEnter.js.map"],"names":["MENU_ENTER_EVENT","useOnMenuMouseEnter","dispatchMenuEnterEvent","options","refs","callback","element","disabled","listener","useEventCallback","ev","popoverRef","someMenuPopover","target","isOutsidePopover","elementContains","current","React","useEffect","addEventListener","removeEventListener","el","nativeEvent","dispatchEvent","CustomEvent","bubbles","detail"],"mappings":";;;;;;;;;;;IAMaA,gBAAgB,MAAhBA;IAYAC,mBAAmB,MAAnBA;IAqCAC,sBAAsB,MAAtBA;;;6DAvDU;gCACU;6BACD;AAIzB,MAAMF,mBAAmB;AAYzB,MAAMC,sBAAsBE,CAAAA,UAAW;IAC5C,MAAM,EACJC,KAAI,EACJC,SAAQ,EACRC,QAAO,EACPC,SAAQ,EACT,GAAGJ;IACJ,gFAAgF;IAChF,MAAMK,WAAWC,IAAAA,gCAAgB,EAACC,CAAAA,KAAM;QACtC,MAAMC,aAAaP,IAAI,CAAC,EAAE;QAC1B,MAAMQ,kBAAkBF,GAAGG,MAAM;QACjC,sEAAsE;QACtE,0EAA0E;QAC1E,4DAA4D;QAC5D,MAAMC,mBAAmB,CAACC,IAAAA,4BAAe,EAACJ,WAAWK,OAAO,IAAI,IAAI,EAAEJ;QACtE,IAAIE,oBAAoB,CAACP,UAAU;YACjCF,SAASK;QACX,CAAC;IACH;IACAO,OAAMC,SAAS,CAAC,IAAM;QACpB,kCAAkC;QAClC,IAAIZ,WAAW,IAAI,EAAE;YACnB;QACF,CAAC;QACD,IAAI,CAACC,UAAU;YACbD,QAAQa,gBAAgB,CAACnB,kBAAkBQ;QAC7C,CAAC;QACD,OAAO,IAAM;YACXF,QAAQc,mBAAmB,CAACpB,kBAAkBQ;QAChD;IACF,GAAG;QAACA;QAAUF;QAASC;KAAS;AAClC;AAMO,MAAML,yBAAyB,CAACmB,IAAIC,cAAgB;IACzDD,GAAGE,aAAa,CAAC,IAAIC,YAAYxB,kBAAkB;QACjDyB,SAAS,IAAI;QACbC,QAAQ;YACNJ;QACF;IACF;AACF,GACA,0CAA0C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-menu",
-  "version": "0.0.0-nightly-20230222-0421.1",
+  "version": "0.0.0-nightly-20230223-2115.1",
   "description": "Fluent UI menu component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -24,29 +24,29 @@
     "storybook": "start-storybook",
     "test": "jest --passWithNoTests",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+    "generate-api": "just-scripts generate-api"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230222-0421.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230223-2115.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "0.0.0-nightly-20230222-0421.1",
-    "@fluentui/keyboard-keys": "0.0.0-nightly-20230222-0421.1",
-    "@fluentui/react-context-selector": "0.0.0-nightly-20230222-0421.1",
+    "@fluentui/react-aria": "0.0.0-nightly-20230223-2115.1",
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20230223-2115.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20230223-2115.1",
     "@fluentui/react-icons": "^2.0.175",
-    "@fluentui/react-portal": "0.0.0-nightly-20230222-0421.1",
-    "@fluentui/react-positioning": "0.0.0-nightly-20230222-0421.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230222-0421.1",
-    "@fluentui/react-tabster": "0.0.0-nightly-20230222-0421.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20230222-0421.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230222-0421.1",
+    "@fluentui/react-portal": "0.0.0-nightly-20230223-2115.1",
+    "@fluentui/react-positioning": "0.0.0-nightly-20230223-2115.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230223-2115.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20230223-2115.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230223-2115.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230223-2115.1",
     "@griffel/react": "^1.5.2",
-    "tslib": "^2.1.0"
+    "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",