@fluentui/react-tabs 9.3.36 → 9.3.37

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

@@ -4,20 +4,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TabList", {
     enumerable: true,
-    get: ()=>TabList
+    get: function() {
+        return TabList;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useTabList = require("./useTabList");
 const _renderTabList = require("./renderTabList");
-const _useTabListStylesStyles = require("./useTabListStyles.styles");
+const _useTabListStylesstyles = require("./useTabListStyles.styles");
 const _useTabListContextValues = require("./useTabListContextValues");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const TabList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useTabList.useTabList_unstable)(props, ref);
     const contextValues = (0, _useTabListContextValues.useTabListContextValues_unstable)(state);
-    (0, _useTabListStylesStyles.useTabListStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useTabListStyles_unstable')(state);
+    (0, _useTabListStylesstyles.useTabListStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTabListStyles_unstable')(state);
     return (0, _renderTabList.renderTabList_unstable)(state, contextValues);
 });
 TabList.displayName = 'TabList';

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

@@ -1 +1 @@
-{"version":3,"sources":["TabList.js"],"sourcesContent":["import * as React from 'react';\nimport { useTabList_unstable } from './useTabList';\nimport { renderTabList_unstable } from './renderTabList';\nimport { useTabListStyles_unstable } from './useTabListStyles.styles';\nimport { useTabListContextValues_unstable } from './useTabListContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A tab list provides single selection from a set of tabs.\n */ export const TabList = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTabList_unstable(props, ref);\n    const contextValues = useTabListContextValues_unstable(state);\n    useTabListStyles_unstable(state);\n    useCustomStyleHook_unstable('useTabListStyles_unstable')(state);\n    return renderTabList_unstable(state, contextValues);\n});\nTabList.displayName = 'TabList';\n"],"names":["TabList","React","forwardRef","props","ref","state","useTabList_unstable","contextValues","useTabListContextValues_unstable","useTabListStyles_unstable","useCustomStyleHook_unstable","renderTabList_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;4BACa;+BACG;wCACG;yCACO;qCACL;AAGjC,MAAMA,UAAU,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACpE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,yDAAgC,EAACH;IACvDI,IAAAA,iDAAyB,EAACJ;IAC1BK,IAAAA,gDAA2B,EAAC,6BAA6BL;IACzD,OAAOM,IAAAA,qCAAsB,EAACN,OAAOE;AACzC;AACAP,QAAQY,WAAW,GAAG"}
+{"version":3,"sources":["TabList.js"],"sourcesContent":["import * as React from 'react';\nimport { useTabList_unstable } from './useTabList';\nimport { renderTabList_unstable } from './renderTabList';\nimport { useTabListStyles_unstable } from './useTabListStyles.styles';\nimport { useTabListContextValues_unstable } from './useTabListContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A tab list provides single selection from a set of tabs.\n */ export const TabList = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTabList_unstable(props, ref);\n    const contextValues = useTabListContextValues_unstable(state);\n    useTabListStyles_unstable(state);\n    useCustomStyleHook_unstable('useTabListStyles_unstable')(state);\n    return renderTabList_unstable(state, contextValues);\n});\nTabList.displayName = 'TabList';\n"],"names":["TabList","React","forwardRef","props","ref","state","useTabList_unstable","contextValues","useTabListContextValues_unstable","useTabListStyles_unstable","useCustomStyleHook_unstable","renderTabList_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;4BACa;+BACG;wCACG;yCACO;qCACL;AAGjC,MAAMA,UAAU,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC9D,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,yDAAgC,EAACH;IACvDI,IAAAA,iDAAyB,EAACJ;IAC1BK,IAAAA,gDAA2B,EAAC,6BAA6BL;IACzD,OAAOM,IAAAA,qCAAsB,EAACN,OAAOE;AACzC;AACAP,QAAQY,WAAW,GAAG"}

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

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

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

@@ -1 +1 @@
-{"version":3,"sources":["TabList.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}
+{"version":3,"sources":["TabList.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}

package/lib-commonjs/components/TabList/TabListContext.js

@@ -9,11 +9,17 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    TabListContext: ()=>TabListContext,
-    TabListProvider: ()=>TabListProvider,
-    useTabListContext_unstable: ()=>useTabListContext_unstable
+    TabListContext: function() {
+        return TabListContext;
+    },
+    TabListProvider: function() {
+        return TabListProvider;
+    },
+    useTabListContext_unstable: function() {
+        return useTabListContext_unstable;
+    }
 });
-const _reactContextSelector = require("@fluentui/react-context-selector");
+const _reactcontextselector = require("@fluentui/react-context-selector");
 const tabListContextDefaultValue = {
     appearance: 'transparent',
     reserveSelectedTabSpace: true,
@@ -33,6 +39,6 @@ const tabListContextDefaultValue = {
     size: 'medium',
     vertical: false
 };
-const TabListContext = (0, _reactContextSelector.createContext)(undefined);
+const TabListContext = (0, _reactcontextselector.createContext)(undefined);
 const TabListProvider = TabListContext.Provider;
-const useTabListContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(TabListContext, (ctx = tabListContextDefaultValue)=>selector(ctx));
+const useTabListContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(TabListContext, (ctx = tabListContextDefaultValue)=>selector(ctx));

package/lib-commonjs/components/TabList/TabListContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TabListContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nconst tabListContextDefaultValue = {\n    appearance: 'transparent',\n    reserveSelectedTabSpace: true,\n    disabled: false,\n    selectedValue: undefined,\n    onRegister: ()=>{\n    /* noop */ },\n    onUnregister: ()=>{\n    /* noop */ },\n    onSelect: ()=>{\n    /* noop */ },\n    getRegisteredTabs: ()=>{\n        return {\n            registeredTabs: {}\n        };\n    },\n    size: 'medium',\n    vertical: false\n};\nexport const TabListContext = createContext(undefined);\nexport const TabListProvider = TabListContext.Provider;\nexport const useTabListContext_unstable = (selector)=>useContextSelector(TabListContext, (ctx = tabListContextDefaultValue)=>selector(ctx));\n"],"names":["TabListContext","TabListProvider","useTabListContext_unstable","tabListContextDefaultValue","appearance","reserveSelectedTabSpace","disabled","selectedValue","undefined","onRegister","onUnregister","onSelect","getRegisteredTabs","registeredTabs","size","vertical","createContext","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAoBaA,cAAc,MAAdA;IACAC,eAAe,MAAfA;IACAC,0BAA0B,MAA1BA;;sCAtBqC;AAClD,MAAMC,6BAA6B;IAC/BC,YAAY;IACZC,yBAAyB,IAAI;IAC7BC,UAAU,KAAK;IACfC,eAAeC;IACfC,YAAY,IAAI;IAChB,QAAQ,GAAG;IACXC,cAAc,IAAI;IAClB,QAAQ,GAAG;IACXC,UAAU,IAAI;IACd,QAAQ,GAAG;IACXC,mBAAmB,IAAI;QACnB,OAAO;YACHC,gBAAgB,CAAC;QACrB;IACJ;IACAC,MAAM;IACNC,UAAU,KAAK;AACnB;AACO,MAAMf,iBAAiBgB,IAAAA,mCAAa,EAACR;AACrC,MAAMP,kBAAkBD,eAAeiB,QAAQ;AAC/C,MAAMf,6BAA6B,CAACgB,WAAWC,IAAAA,wCAAkB,EAACnB,gBAAgB,CAACoB,MAAMjB,0BAA0B,GAAGe,SAASE"}
+{"version":3,"sources":["TabListContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nconst tabListContextDefaultValue = {\n    appearance: 'transparent',\n    reserveSelectedTabSpace: true,\n    disabled: false,\n    selectedValue: undefined,\n    onRegister: ()=>{\n    /* noop */ },\n    onUnregister: ()=>{\n    /* noop */ },\n    onSelect: ()=>{\n    /* noop */ },\n    getRegisteredTabs: ()=>{\n        return {\n            registeredTabs: {}\n        };\n    },\n    size: 'medium',\n    vertical: false\n};\nexport const TabListContext = createContext(undefined);\nexport const TabListProvider = TabListContext.Provider;\nexport const useTabListContext_unstable = (selector)=>useContextSelector(TabListContext, (ctx = tabListContextDefaultValue)=>selector(ctx));\n"],"names":["TabListContext","TabListProvider","useTabListContext_unstable","tabListContextDefaultValue","appearance","reserveSelectedTabSpace","disabled","selectedValue","undefined","onRegister","onUnregister","onSelect","getRegisteredTabs","registeredTabs","size","vertical","createContext","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAoBaA,cAAc;eAAdA;;IACAC,eAAe;eAAfA;;IACAC,0BAA0B;eAA1BA;;;sCAtBqC;AAClD,MAAMC,6BAA6B;IAC/BC,YAAY;IACZC,yBAAyB;IACzBC,UAAU;IACVC,eAAeC;IACfC,YAAY;IACZ,QAAQ,GAAG;IACXC,cAAc;IACd,QAAQ,GAAG;IACXC,UAAU;IACV,QAAQ,GAAG;IACXC,mBAAmB;QACf,OAAO;YACHC,gBAAgB,CAAC;QACrB;IACJ;IACAC,MAAM;IACNC,UAAU;AACd;AACO,MAAMf,iBAAiBgB,IAAAA,mCAAa,EAACR;AACrC,MAAMP,kBAAkBD,eAAeiB,QAAQ;AAC/C,MAAMf,6BAA6B,CAACgB,WAAWC,IAAAA,wCAAkB,EAACnB,gBAAgB,CAACoB,MAAMjB,0BAA0B,GAAGe,SAASE"}

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./TabList"), exports);
-_exportStar(require("./TabList.types"), exports);
-_exportStar(require("./TabListContext"), exports);
-_exportStar(require("./renderTabList"), exports);
-_exportStar(require("./useTabList"), exports);
-_exportStar(require("./useTabListContextValues"), exports);
-_exportStar(require("./useTabListStyles.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./TabList"), exports);
+_export_star._(require("./TabList.types"), exports);
+_export_star._(require("./TabListContext"), exports);
+_export_star._(require("./renderTabList"), exports);
+_export_star._(require("./useTabList"), exports);
+_export_star._(require("./useTabListContextValues"), exports);
+_export_star._(require("./useTabListStyles.styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TabList';\nexport * from './TabList.types';\nexport * from './TabListContext';\nexport * from './renderTabList';\nexport * from './useTabList';\nexport * from './useTabListContextValues';\nexport * from './useTabListStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TabList';\nexport * from './TabList.types';\nexport * from './TabListContext';\nexport * from './renderTabList';\nexport * from './useTabList';\nexport * from './useTabListContextValues';\nexport * from './useTabListStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/TabList/renderTabList.js

@@ -1,17 +1,22 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderTabList_unstable", {
     enumerable: true,
-    get: ()=>renderTabList_unstable
+    get: function() {
+        return renderTabList_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
-const _tabListContext = require("./TabListContext");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _TabListContext = require("./TabListContext");
 const renderTabList_unstable = (state, contextValues)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_tabListContext.TabListProvider, {
-        value: contextValues.tabList
-    }, state.root.children));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_TabListContext.TabListProvider, {
+            value: contextValues.tabList,
+            children: state.root.children
+        })
+    });
 };

package/lib-commonjs/components/TabList/renderTabList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTabList.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TabListProvider } from './TabListContext';\n/**\n * Render the final JSX of TabList\n */ export const renderTabList_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(TabListProvider, {\n        value: contextValues.tabList\n    }, state.root.children));\n};\n"],"names":["renderTabList_unstable","state","contextValues","assertSlots","createElement","root","TabListProvider","value","tabList","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;gCACI;AAGrB,MAAMA,yBAAyB,CAACC,OAAOC,gBAAgB;IAC9DC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAE,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACE,+BAAe,EAAE;QAC9FC,OAAOL,cAAcM,OAAO;IAChC,GAAGP,MAAMI,IAAI,CAACI,QAAQ;AAC1B"}
+{"version":3,"sources":["renderTabList.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TabListProvider } from './TabListContext';\n/**\n * Render the final JSX of TabList\n */ export const renderTabList_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {\n        children: /*#__PURE__*/ _jsx(TabListProvider, {\n            value: contextValues.tabList,\n            children: state.root.children\n        })\n    });\n};\n"],"names":["renderTabList_unstable","state","contextValues","assertSlots","_jsx","root","children","TabListProvider","value","tabList"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAK7DA;;;eAAAA;;;4BAL4F;gCACjF;gCACI;AAGrB,MAAMA,yBAAyB,CAACC,OAAOC;IAC9CC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACH,MAAMI,IAAI,EAAE;QAClCC,UAAU,WAAW,GAAGF,IAAAA,eAAI,EAACG,+BAAe,EAAE;YAC1CC,OAAON,cAAcO,OAAO;YAC5BH,UAAUL,MAAMI,IAAI,CAACC,QAAQ;QACjC;IACJ;AACJ"}

package/lib-commonjs/components/TabList/useTabList.js

@@ -4,21 +4,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useTabList_unstable", {
     enumerable: true,
-    get: ()=>useTabList_unstable
+    get: function() {
+        return useTabList_unstable;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactTabster = require("@fluentui/react-tabster");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reacttabster = require("@fluentui/react-tabster");
+const _reactutilities = require("@fluentui/react-utilities");
 const useTabList_unstable = (props, ref)=>{
-    const { appearance ='transparent' , reserveSelectedTabSpace =true , disabled =false , onTabSelect , size ='medium' , vertical =false  } = props;
+    const { appearance = 'transparent', reserveSelectedTabSpace = true, disabled = false, onTabSelect, size = 'medium', vertical = false } = props;
     const innerRef = _react.useRef(null);
-    const focusAttributes = (0, _reactTabster.useArrowNavigationGroup)({
+    const focusAttributes = (0, _reacttabster.useArrowNavigationGroup)({
         circular: true,
         axis: vertical ? 'vertical' : 'horizontal',
         memorizeCurrent: true
     });
-    const [selectedValue, setSelectedValue] = (0, _reactUtilities.useControllableState)({
+    const [selectedValue, setSelectedValue] = (0, _reactutilities.useControllableState)({
         state: props.selectedValue,
         defaultState: props.defaultSelectedValue,
         initialState: undefined
@@ -35,15 +37,16 @@ const useTabList_unstable = (props, ref)=>{
     }, [
         selectedValue
     ]);
-    const onSelect = (0, _reactUtilities.useEventCallback)((event, data)=>{
+    const onSelect = (0, _reactutilities.useEventCallback)((event, data)=>{
+        var _onTabSelect;
         setSelectedValue(data.value);
-        onTabSelect === null || onTabSelect === void 0 ? void 0 : onTabSelect(event, data);
+        (_onTabSelect = onTabSelect) === null || _onTabSelect === void 0 ? void 0 : _onTabSelect(event, data);
     });
     const registeredTabs = _react.useRef({});
-    const onRegister = (0, _reactUtilities.useEventCallback)((data)=>{
+    const onRegister = (0, _reactutilities.useEventCallback)((data)=>{
         registeredTabs.current[JSON.stringify(data.value)] = data;
     });
-    const onUnregister = (0, _reactUtilities.useEventCallback)((data)=>{
+    const onUnregister = (0, _reactutilities.useEventCallback)((data)=>{
         delete registeredTabs.current[JSON.stringify(data.value)];
     });
     const getRegisteredTabs = _react.useCallback(()=>{
@@ -57,8 +60,8 @@ const useTabList_unstable = (props, ref)=>{
         components: {
             root: 'div'
         },
-        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
-            ref: (0, _reactUtilities.useMergedRefs)(ref, innerRef),
+        root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
+            ref: (0, _reactutilities.useMergedRefs)(ref, innerRef),
             role: 'tablist',
             'aria-orientation': vertical ? 'vertical' : 'horizontal',
             ...focusAttributes,

package/lib-commonjs/components/TabList/useTabList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTabList.js"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getNativeElementProps, useControllableState, useEventCallback, useMergedRefs, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render TabList.\n *\n * The returned state can be modified with hooks such as useTabListStyles_unstable,\n * before being passed to renderTabList_unstable.\n *\n * @param props - props from this instance of TabList\n * @param ref - reference to root HTMLElement of TabList\n */ export const useTabList_unstable = (props, ref)=>{\n    const { appearance ='transparent' , reserveSelectedTabSpace =true , disabled =false , onTabSelect , size ='medium' , vertical =false  } = props;\n    const innerRef = React.useRef(null);\n    const focusAttributes = useArrowNavigationGroup({\n        circular: true,\n        axis: vertical ? 'vertical' : 'horizontal',\n        memorizeCurrent: true\n    });\n    const [selectedValue, setSelectedValue] = useControllableState({\n        state: props.selectedValue,\n        defaultState: props.defaultSelectedValue,\n        initialState: undefined\n    });\n    // considered usePrevious, but it is sensitive to re-renders\n    // this could cause the previous to move to current in the case where the tab list re-renders.\n    // these refs avoid getRegisteredTabs changing when selectedValue changes and causing\n    // renders for tabs that have not changed.\n    const currentSelectedValue = React.useRef(undefined);\n    const previousSelectedValue = React.useRef(undefined);\n    React.useEffect(()=>{\n        previousSelectedValue.current = currentSelectedValue.current;\n        currentSelectedValue.current = selectedValue;\n    }, [\n        selectedValue\n    ]);\n    const onSelect = useEventCallback((event, data)=>{\n        setSelectedValue(data.value);\n        onTabSelect === null || onTabSelect === void 0 ? void 0 : onTabSelect(event, data);\n    });\n    const registeredTabs = React.useRef({});\n    const onRegister = useEventCallback((data)=>{\n        registeredTabs.current[JSON.stringify(data.value)] = data;\n    });\n    const onUnregister = useEventCallback((data)=>{\n        delete registeredTabs.current[JSON.stringify(data.value)];\n    });\n    const getRegisteredTabs = React.useCallback(()=>{\n        return {\n            selectedValue: currentSelectedValue.current,\n            previousSelectedValue: previousSelectedValue.current,\n            registeredTabs: registeredTabs.current\n        };\n    }, []);\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref: useMergedRefs(ref, innerRef),\n            role: 'tablist',\n            'aria-orientation': vertical ? 'vertical' : 'horizontal',\n            ...focusAttributes,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        appearance,\n        reserveSelectedTabSpace,\n        disabled,\n        selectedValue,\n        size,\n        vertical,\n        onRegister,\n        onUnregister,\n        onSelect,\n        getRegisteredTabs\n    };\n};\n"],"names":["useTabList_unstable","props","ref","appearance","reserveSelectedTabSpace","disabled","onTabSelect","size","vertical","innerRef","React","useRef","focusAttributes","useArrowNavigationGroup","circular","axis","memorizeCurrent","selectedValue","setSelectedValue","useControllableState","state","defaultState","defaultSelectedValue","initialState","undefined","currentSelectedValue","previousSelectedValue","useEffect","current","onSelect","useEventCallback","event","data","value","registeredTabs","onRegister","JSON","stringify","onUnregister","getRegisteredTabs","useCallback","components","root","slot","always","getNativeElementProps","useMergedRefs","role","elementType"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;8BACiB;gCAC2D;AASxF,MAAMA,sBAAsB,CAACC,OAAOC,MAAM;IACjD,MAAM,EAAEC,YAAY,cAAa,EAAGC,yBAAyB,IAAI,CAAA,EAAGC,UAAU,KAAK,CAAA,EAAGC,YAAW,EAAGC,MAAM,SAAQ,EAAGC,UAAU,KAAK,CAAA,EAAG,GAAGP;IAC1I,MAAMQ,WAAWC,OAAMC,MAAM,CAAC,IAAI;IAClC,MAAMC,kBAAkBC,IAAAA,qCAAuB,EAAC;QAC5CC,UAAU,IAAI;QACdC,MAAMP,WAAW,aAAa,YAAY;QAC1CQ,iBAAiB,IAAI;IACzB;IACA,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,IAAAA,oCAAoB,EAAC;QAC3DC,OAAOnB,MAAMgB,aAAa;QAC1BI,cAAcpB,MAAMqB,oBAAoB;QACxCC,cAAcC;IAClB;IACA,4DAA4D;IAC5D,8FAA8F;IAC9F,qFAAqF;IACrF,0CAA0C;IAC1C,MAAMC,uBAAuBf,OAAMC,MAAM,CAACa;IAC1C,MAAME,wBAAwBhB,OAAMC,MAAM,CAACa;IAC3Cd,OAAMiB,SAAS,CAAC,IAAI;QAChBD,sBAAsBE,OAAO,GAAGH,qBAAqBG,OAAO;QAC5DH,qBAAqBG,OAAO,GAAGX;IACnC,GAAG;QACCA;KACH;IACD,MAAMY,WAAWC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAO;QAC7Cd,iBAAiBc,KAAKC,KAAK;QAC3B3B,gBAAgB,IAAI,IAAIA,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYyB,OAAOC,KAAK;IACtF;IACA,MAAME,iBAAiBxB,OAAMC,MAAM,CAAC,CAAC;IACrC,MAAMwB,aAAaL,IAAAA,gCAAgB,EAAC,CAACE,OAAO;QACxCE,eAAeN,OAAO,CAACQ,KAAKC,SAAS,CAACL,KAAKC,KAAK,EAAE,GAAGD;IACzD;IACA,MAAMM,eAAeR,IAAAA,gCAAgB,EAAC,CAACE,OAAO;QAC1C,OAAOE,eAAeN,OAAO,CAACQ,KAAKC,SAAS,CAACL,KAAKC,KAAK,EAAE;IAC7D;IACA,MAAMM,oBAAoB7B,OAAM8B,WAAW,CAAC,IAAI;QAC5C,OAAO;YACHvB,eAAeQ,qBAAqBG,OAAO;YAC3CF,uBAAuBA,sBAAsBE,OAAO;YACpDM,gBAAgBA,eAAeN,OAAO;QAC1C;IACJ,GAAG,EAAE;IACL,OAAO;QACHa,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3C3C,KAAK4C,IAAAA,6BAAa,EAAC5C,KAAKO;YACxBsC,MAAM;YACN,oBAAoBvC,WAAW,aAAa,YAAY;YACxD,GAAGI,eAAe;YAClB,GAAGX,KAAK;QACZ,IAAI;YACA+C,aAAa;QACjB;QACA7C;QACAC;QACAC;QACAY;QACAV;QACAC;QACA2B;QACAG;QACAT;QACAU;IACJ;AACJ"}
+{"version":3,"sources":["useTabList.js"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getNativeElementProps, useControllableState, useEventCallback, useMergedRefs, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render TabList.\n *\n * The returned state can be modified with hooks such as useTabListStyles_unstable,\n * before being passed to renderTabList_unstable.\n *\n * @param props - props from this instance of TabList\n * @param ref - reference to root HTMLElement of TabList\n */ export const useTabList_unstable = (props, ref)=>{\n    const { appearance = 'transparent', reserveSelectedTabSpace = true, disabled = false, onTabSelect, size = 'medium', vertical = false } = props;\n    const innerRef = React.useRef(null);\n    const focusAttributes = useArrowNavigationGroup({\n        circular: true,\n        axis: vertical ? 'vertical' : 'horizontal',\n        memorizeCurrent: true\n    });\n    const [selectedValue, setSelectedValue] = useControllableState({\n        state: props.selectedValue,\n        defaultState: props.defaultSelectedValue,\n        initialState: undefined\n    });\n    // considered usePrevious, but it is sensitive to re-renders\n    // this could cause the previous to move to current in the case where the tab list re-renders.\n    // these refs avoid getRegisteredTabs changing when selectedValue changes and causing\n    // renders for tabs that have not changed.\n    const currentSelectedValue = React.useRef(undefined);\n    const previousSelectedValue = React.useRef(undefined);\n    React.useEffect(()=>{\n        previousSelectedValue.current = currentSelectedValue.current;\n        currentSelectedValue.current = selectedValue;\n    }, [\n        selectedValue\n    ]);\n    const onSelect = useEventCallback((event, data)=>{\n        var _onTabSelect;\n        setSelectedValue(data.value);\n        (_onTabSelect = onTabSelect) === null || _onTabSelect === void 0 ? void 0 : _onTabSelect(event, data);\n    });\n    const registeredTabs = React.useRef({});\n    const onRegister = useEventCallback((data)=>{\n        registeredTabs.current[JSON.stringify(data.value)] = data;\n    });\n    const onUnregister = useEventCallback((data)=>{\n        delete registeredTabs.current[JSON.stringify(data.value)];\n    });\n    const getRegisteredTabs = React.useCallback(()=>{\n        return {\n            selectedValue: currentSelectedValue.current,\n            previousSelectedValue: previousSelectedValue.current,\n            registeredTabs: registeredTabs.current\n        };\n    }, []);\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref: useMergedRefs(ref, innerRef),\n            role: 'tablist',\n            'aria-orientation': vertical ? 'vertical' : 'horizontal',\n            ...focusAttributes,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        appearance,\n        reserveSelectedTabSpace,\n        disabled,\n        selectedValue,\n        size,\n        vertical,\n        onRegister,\n        onUnregister,\n        onSelect,\n        getRegisteredTabs\n    };\n};\n"],"names":["useTabList_unstable","props","ref","appearance","reserveSelectedTabSpace","disabled","onTabSelect","size","vertical","innerRef","React","useRef","focusAttributes","useArrowNavigationGroup","circular","axis","memorizeCurrent","selectedValue","setSelectedValue","useControllableState","state","defaultState","defaultSelectedValue","initialState","undefined","currentSelectedValue","previousSelectedValue","useEffect","current","onSelect","useEventCallback","event","data","_onTabSelect","value","registeredTabs","onRegister","JSON","stringify","onUnregister","getRegisteredTabs","useCallback","components","root","slot","always","getNativeElementProps","useMergedRefs","role","elementType"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;8BACiB;gCAC2D;AASxF,MAAMA,sBAAsB,CAACC,OAAOC;IAC3C,MAAM,EAAEC,aAAa,aAAa,EAAEC,0BAA0B,IAAI,EAAEC,WAAW,KAAK,EAAEC,WAAW,EAAEC,OAAO,QAAQ,EAAEC,WAAW,KAAK,EAAE,GAAGP;IACzI,MAAMQ,WAAWC,OAAMC,MAAM,CAAC;IAC9B,MAAMC,kBAAkBC,IAAAA,qCAAuB,EAAC;QAC5CC,UAAU;QACVC,MAAMP,WAAW,aAAa;QAC9BQ,iBAAiB;IACrB;IACA,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,IAAAA,oCAAoB,EAAC;QAC3DC,OAAOnB,MAAMgB,aAAa;QAC1BI,cAAcpB,MAAMqB,oBAAoB;QACxCC,cAAcC;IAClB;IACA,4DAA4D;IAC5D,8FAA8F;IAC9F,qFAAqF;IACrF,0CAA0C;IAC1C,MAAMC,uBAAuBf,OAAMC,MAAM,CAACa;IAC1C,MAAME,wBAAwBhB,OAAMC,MAAM,CAACa;IAC3Cd,OAAMiB,SAAS,CAAC;QACZD,sBAAsBE,OAAO,GAAGH,qBAAqBG,OAAO;QAC5DH,qBAAqBG,OAAO,GAAGX;IACnC,GAAG;QACCA;KACH;IACD,MAAMY,WAAWC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC;QACtC,IAAIC;QACJf,iBAAiBc,KAAKE,KAAK;QAC1BD,CAAAA,eAAe3B,WAAU,MAAO,QAAQ2B,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaF,OAAOC;IACpG;IACA,MAAMG,iBAAiBzB,OAAMC,MAAM,CAAC,CAAC;IACrC,MAAMyB,aAAaN,IAAAA,gCAAgB,EAAC,CAACE;QACjCG,eAAeP,OAAO,CAACS,KAAKC,SAAS,CAACN,KAAKE,KAAK,EAAE,GAAGF;IACzD;IACA,MAAMO,eAAeT,IAAAA,gCAAgB,EAAC,CAACE;QACnC,OAAOG,eAAeP,OAAO,CAACS,KAAKC,SAAS,CAACN,KAAKE,KAAK,EAAE;IAC7D;IACA,MAAMM,oBAAoB9B,OAAM+B,WAAW,CAAC;QACxC,OAAO;YACHxB,eAAeQ,qBAAqBG,OAAO;YAC3CF,uBAAuBA,sBAAsBE,OAAO;YACpDO,gBAAgBA,eAAeP,OAAO;QAC1C;IACJ,GAAG,EAAE;IACL,OAAO;QACHc,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3C5C,KAAK6C,IAAAA,6BAAa,EAAC7C,KAAKO;YACxBuC,MAAM;YACN,oBAAoBxC,WAAW,aAAa;YAC5C,GAAGI,eAAe;YAClB,GAAGX,KAAK;QACZ,IAAI;YACAgD,aAAa;QACjB;QACA9C;QACAC;QACAC;QACAY;QACAV;QACAC;QACA4B;QACAG;QACAV;QACAW;IACJ;AACJ"}

package/lib-commonjs/components/TabList/useTabListContextValues.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useTabListContextValues_unstable", {
     enumerable: true,
-    get: ()=>useTabListContextValues_unstable
+    get: function() {
+        return useTabListContextValues_unstable;
+    }
 });
 function useTabListContextValues_unstable(state) {
-    const { appearance , reserveSelectedTabSpace , disabled , selectedValue: selectedKey , onRegister , onUnregister , onSelect , getRegisteredTabs , size , vertical  } = state;
+    const { appearance, reserveSelectedTabSpace, disabled, selectedValue: selectedKey, onRegister, onUnregister, onSelect, getRegisteredTabs, size, vertical } = state;
     const tabList = {
         appearance,
         reserveSelectedTabSpace,

package/lib-commonjs/components/TabList/useTabListContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTabListContextValues.js"],"sourcesContent":["export function useTabListContextValues_unstable(state) {\n    const { appearance , reserveSelectedTabSpace , disabled , selectedValue: selectedKey , onRegister , onUnregister , onSelect , getRegisteredTabs , size , vertical  } = state;\n    const tabList = {\n        appearance,\n        reserveSelectedTabSpace,\n        disabled,\n        selectedValue: selectedKey,\n        onSelect,\n        onRegister,\n        onUnregister,\n        getRegisteredTabs,\n        size,\n        vertical\n    };\n    return {\n        tabList\n    };\n}\n"],"names":["useTabListContextValues_unstable","state","appearance","reserveSelectedTabSpace","disabled","selectedValue","selectedKey","onRegister","onUnregister","onSelect","getRegisteredTabs","size","vertical","tabList"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,iCAAiCC,KAAK,EAAE;IACpD,MAAM,EAAEC,WAAU,EAAGC,wBAAuB,EAAGC,SAAQ,EAAGC,eAAeC,YAAW,EAAGC,WAAU,EAAGC,aAAY,EAAGC,SAAQ,EAAGC,kBAAiB,EAAGC,KAAI,EAAGC,SAAQ,EAAG,GAAGX;IACvK,MAAMY,UAAU;QACZX;QACAC;QACAC;QACAC,eAAeC;QACfG;QACAF;QACAC;QACAE;QACAC;QACAC;IACJ;IACA,OAAO;QACHC;IACJ;AACJ"}
+{"version":3,"sources":["useTabListContextValues.js"],"sourcesContent":["export function useTabListContextValues_unstable(state) {\n    const { appearance, reserveSelectedTabSpace, disabled, selectedValue: selectedKey, onRegister, onUnregister, onSelect, getRegisteredTabs, size, vertical } = state;\n    const tabList = {\n        appearance,\n        reserveSelectedTabSpace,\n        disabled,\n        selectedValue: selectedKey,\n        onSelect,\n        onRegister,\n        onUnregister,\n        getRegisteredTabs,\n        size,\n        vertical\n    };\n    return {\n        tabList\n    };\n}\n"],"names":["useTabListContextValues_unstable","state","appearance","reserveSelectedTabSpace","disabled","selectedValue","selectedKey","onRegister","onUnregister","onSelect","getRegisteredTabs","size","vertical","tabList"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,iCAAiCC,KAAK;IAClD,MAAM,EAAEC,UAAU,EAAEC,uBAAuB,EAAEC,QAAQ,EAAEC,eAAeC,WAAW,EAAEC,UAAU,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGX;IAC7J,MAAMY,UAAU;QACZX;QACAC;QACAC;QACAC,eAAeC;QACfG;QACAF;QACAC;QACAE;QACAC;QACAC;IACJ;IACA,OAAO;QACHC;IACJ;AACJ"}

package/lib-commonjs/components/TabList/useTabListStyles.styles.js

@@ -9,8 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    tabListClassNames: ()=>tabListClassNames,
-    useTabListStyles_unstable: ()=>useTabListStyles_unstable
+    tabListClassNames: function() {
+        return tabListClassNames;
+    },
+    useTabListStyles_unstable: function() {
+        return useTabListStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
 const tabListClassNames = {
@@ -18,7 +22,7 @@ const tabListClassNames = {
 };
 /**
  * Styles for the root slot
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {
         mc9l5x: "f22iagw",
         Beiy3e4: "f1063pyq",
@@ -46,7 +50,7 @@ const tabListClassNames = {
     ]
 });
 const useTabListStyles_unstable = (state)=>{
-    const { vertical  } = state;
+    const { vertical } = state;
     const styles = useStyles();
     state.root.className = (0, _react.mergeClasses)(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, state.root.className);
     return state;

package/lib-commonjs/components/TabList/useTabListStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTabListStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const tabListClassNames = {\n  root: 'fui-TabList'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\",\n    Bnnss6s: \"fi64zpg\",\n    Eh141a: \"flvyvdh\",\n    qhf8xq: \"f10pi13n\"\n  },\n  horizontal: {\n    Bt984gj: \"f1q9h2pe\",\n    Beiy3e4: \"f1063pyq\"\n  },\n  vertical: {\n    Bt984gj: \"f1q9h2pe\",\n    Beiy3e4: \"f1vx9l62\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".fi64zpg{flex-shrink:0;}\", \".flvyvdh{flex-wrap:nowrap;}\", \".f10pi13n{position:relative;}\", \".f1q9h2pe{align-items:stretch;}\", \".f1vx9l62{flex-direction:column;}\"]\n});\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = state => {\n  const {\n    vertical\n  } = state;\n  const styles = useStyles();\n  state.root.className = mergeClasses(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTabListStyles.styles.js.map"],"names":["tabListClassNames","useTabListStyles_unstable","root","useStyles","__styles","mc9l5x","Beiy3e4","Bnnss6s","Eh141a","qhf8xq","horizontal","Bt984gj","vertical","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB,MAAjBA;IA4BAC,yBAAyB,MAAzBA;;uBA7B0B;AAChC,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,YAAY;QACVC,SAAS;QACTL,SAAS;IACX;IACAM,UAAU;QACRD,SAAS;QACTL,SAAS;IACX;AACF,GAAG;IACDO,GAAG;QAAC;QAA2B;QAAkC;QAA4B;QAA+B;QAAiC;QAAmC;KAAoC;AACtO;AAIO,MAAMZ,4BAA4Ba,CAAAA,QAAS;IAChD,MAAM,EACJF,SAAQ,EACT,GAAGE;IACJ,MAAMC,SAASZ;IACfW,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,kBAAkBE,IAAI,EAAEa,OAAOb,IAAI,EAAEU,WAAWG,OAAOH,QAAQ,GAAGG,OAAOL,UAAU,EAAEI,MAAMZ,IAAI,CAACc,SAAS;IAC7I,OAAOF;AACT,GACA,mDAAmD"}
+{"version":3,"sources":["useTabListStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const tabListClassNames = {\n  root: 'fui-TabList'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\",\n    Bnnss6s: \"fi64zpg\",\n    Eh141a: \"flvyvdh\",\n    qhf8xq: \"f10pi13n\"\n  },\n  horizontal: {\n    Bt984gj: \"f1q9h2pe\",\n    Beiy3e4: \"f1063pyq\"\n  },\n  vertical: {\n    Bt984gj: \"f1q9h2pe\",\n    Beiy3e4: \"f1vx9l62\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".fi64zpg{flex-shrink:0;}\", \".flvyvdh{flex-wrap:nowrap;}\", \".f10pi13n{position:relative;}\", \".f1q9h2pe{align-items:stretch;}\", \".f1vx9l62{flex-direction:column;}\"]\n});\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = state => {\n  const {\n    vertical\n  } = state;\n  const styles = useStyles();\n  state.root.className = mergeClasses(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTabListStyles.styles.js.map"],"names":["tabListClassNames","useTabListStyles_unstable","root","useStyles","__styles","mc9l5x","Beiy3e4","Bnnss6s","Eh141a","qhf8xq","horizontal","Bt984gj","vertical","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB;eAAjBA;;IA4BAC,yBAAyB;eAAzBA;;;uBA7B0B;AAChC,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,YAAY;QACVC,SAAS;QACTL,SAAS;IACX;IACAM,UAAU;QACRD,SAAS;QACTL,SAAS;IACX;AACF,GAAG;IACDO,GAAG;QAAC;QAA2B;QAAkC;QAA4B;QAA+B;QAAiC;QAAmC;KAAoC;AACtO;AAIO,MAAMZ,4BAA4Ba,CAAAA;IACvC,MAAM,EACJF,QAAQ,EACT,GAAGE;IACJ,MAAMC,SAASZ;IACfW,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,kBAAkBE,IAAI,EAAEa,OAAOb,IAAI,EAAEU,WAAWG,OAAOH,QAAQ,GAAGG,OAAOL,UAAU,EAAEI,MAAMZ,IAAI,CAACc,SAAS;IAC7I,OAAOF;AACT,GACA,mDAAmD"}

package/lib-commonjs/index.js

@@ -9,19 +9,45 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    renderTab_unstable: ()=>_tab.renderTab_unstable,
-    Tab: ()=>_tab.Tab,
-    tabClassNames: ()=>_tab.tabClassNames,
-    useTabStyles_unstable: ()=>_tab.useTabStyles_unstable,
-    useTab_unstable: ()=>_tab.useTab_unstable,
-    renderTabList_unstable: ()=>_tabList.renderTabList_unstable,
-    TabList: ()=>_tabList.TabList,
-    TabListProvider: ()=>_tabList.TabListProvider,
-    tabListClassNames: ()=>_tabList.tabListClassNames,
-    useTabListContext_unstable: ()=>_tabList.useTabListContext_unstable,
-    useTabListContextValues_unstable: ()=>_tabList.useTabListContextValues_unstable,
-    useTabListStyles_unstable: ()=>_tabList.useTabListStyles_unstable,
-    useTabList_unstable: ()=>_tabList.useTabList_unstable
+    renderTab_unstable: function() {
+        return _Tab.renderTab_unstable;
+    },
+    Tab: function() {
+        return _Tab.Tab;
+    },
+    tabClassNames: function() {
+        return _Tab.tabClassNames;
+    },
+    useTabStyles_unstable: function() {
+        return _Tab.useTabStyles_unstable;
+    },
+    useTab_unstable: function() {
+        return _Tab.useTab_unstable;
+    },
+    renderTabList_unstable: function() {
+        return _TabList.renderTabList_unstable;
+    },
+    TabList: function() {
+        return _TabList.TabList;
+    },
+    TabListProvider: function() {
+        return _TabList.TabListProvider;
+    },
+    tabListClassNames: function() {
+        return _TabList.tabListClassNames;
+    },
+    useTabListContext_unstable: function() {
+        return _TabList.useTabListContext_unstable;
+    },
+    useTabListContextValues_unstable: function() {
+        return _TabList.useTabListContextValues_unstable;
+    },
+    useTabListStyles_unstable: function() {
+        return _TabList.useTabListStyles_unstable;
+    },
+    useTabList_unstable: function() {
+        return _TabList.useTabList_unstable;
+    }
 });
-const _tab = require("./Tab");
-const _tabList = require("./TabList");
+const _Tab = require("./Tab");
+const _TabList = require("./TabList");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { renderTab_unstable, Tab, tabClassNames, useTabStyles_unstable, useTab_unstable } from './Tab';\nexport { renderTabList_unstable, TabList, TabListProvider, tabListClassNames, useTabListContext_unstable, useTabListContextValues_unstable, useTabListStyles_unstable, useTabList_unstable } from './TabList';\n"],"names":["renderTab_unstable","Tab","tabClassNames","useTabStyles_unstable","useTab_unstable","renderTabList_unstable","TabList","TabListProvider","tabListClassNames","useTabListContext_unstable","useTabListContextValues_unstable","useTabListStyles_unstable","useTabList_unstable"],"mappings":";;;;;;;;;;;IAASA,kBAAkB,MAAlBA,uBAAkB;IAAEC,GAAG,MAAHA,QAAG;IAAEC,aAAa,MAAbA,kBAAa;IAAEC,qBAAqB,MAArBA,0BAAqB;IAAEC,eAAe,MAAfA,oBAAe;IAC9EC,sBAAsB,MAAtBA,+BAAsB;IAAEC,OAAO,MAAPA,gBAAO;IAAEC,eAAe,MAAfA,wBAAe;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,0BAA0B,MAA1BA,mCAA0B;IAAEC,gCAAgC,MAAhCA,yCAAgC;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;;qBAD3F;yBACmG"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { renderTab_unstable, Tab, tabClassNames, useTabStyles_unstable, useTab_unstable } from './Tab';\nexport { renderTabList_unstable, TabList, TabListProvider, tabListClassNames, useTabListContext_unstable, useTabListContextValues_unstable, useTabListStyles_unstable, useTabList_unstable } from './TabList';\n"],"names":["renderTab_unstable","Tab","tabClassNames","useTabStyles_unstable","useTab_unstable","renderTabList_unstable","TabList","TabListProvider","tabListClassNames","useTabListContext_unstable","useTabListContextValues_unstable","useTabListStyles_unstable","useTabList_unstable"],"mappings":";;;;;;;;;;;IAASA,kBAAkB;eAAlBA,uBAAkB;;IAAEC,GAAG;eAAHA,QAAG;;IAAEC,aAAa;eAAbA,kBAAa;;IAAEC,qBAAqB;eAArBA,0BAAqB;;IAAEC,eAAe;eAAfA,oBAAe;;IAC9EC,sBAAsB;eAAtBA,+BAAsB;;IAAEC,OAAO;eAAPA,gBAAO;;IAAEC,eAAe;eAAfA,wBAAe;;IAAEC,iBAAiB;eAAjBA,0BAAiB;;IAAEC,0BAA0B;eAA1BA,mCAA0B;;IAAEC,gCAAgC;eAAhCA,yCAAgC;;IAAEC,yBAAyB;eAAzBA,kCAAyB;;IAAEC,mBAAmB;eAAnBA,4BAAmB;;;qBAD3F;yBACmG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tabs",
-  "version": "9.3.36",
+  "version": "9.3.37",
   "description": "Fluent UI React tabs components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -32,20 +32,20 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.1.31",
-    "@fluentui/react-jsx-runtime": "^9.0.3",
-    "@fluentui/react-shared-contexts": "^9.7.2",
-    "@fluentui/react-tabster": "^9.12.5",
-    "@fluentui/react-theme": "^9.1.11",
-    "@fluentui/react-utilities": "^9.13.0",
+    "@fluentui/react-context-selector": "^9.1.32",
+    "@fluentui/react-jsx-runtime": "^9.0.4",
+    "@fluentui/react-shared-contexts": "^9.7.3",
+    "@fluentui/react-tabster": "^9.12.6",
+    "@fluentui/react-theme": "^9.1.12",
+    "@fluentui/react-utilities": "^9.13.1",
     "@griffel/react": "^1.5.14",
-    "@swc/helpers": "^0.4.14"
+    "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@types/react": ">=16.8.0 <19.0.0",
-    "@types/react-dom": ">=16.8.0 <19.0.0",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0",
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.14.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0",
     "scheduler": "^0.19.0 || ^0.20.0"
   },
   "beachball": {