@fluentui/react-tabs 9.74.7-experimental.cli-api.20261006-ccaa611d58.0 → 9.75.0-experimental.css-modules.20261031-810ab07afb.0

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

@@ -5,41 +5,41 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    TabList: function() {
+    get TabList () {
         return _TabList.TabList;
     },
-    TabListContext: function() {
+    get TabListContext () {
         return _TabListContext.TabListContext;
     },
-    TabListProvider: function() {
+    get TabListProvider () {
         return _TabListContext.TabListProvider;
     },
-    renderTabList_unstable: function() {
+    get renderTabList_unstable () {
         return _renderTabList.renderTabList_unstable;
     },
-    tabListClassNames: function() {
+    get tabListClassNames () {
         return _useTabListStylesstyles.tabListClassNames;
     },
-    useTabListA11yBehavior_unstable: function() {
+    get useTabListA11yBehavior_unstable () {
         return _useTabList.useTabListA11yBehavior_unstable;
     },
-    useTabListBase_unstable: function() {
+    get useTabListBase_unstable () {
         return _useTabList.useTabListBase_unstable;
     },
-    useTabListContextValues_unstable: function() {
+    get useTabListContextValues_unstable () {
         return _useTabListContextValues.useTabListContextValues_unstable;
     },
-    useTabListContext_unstable: function() {
+    get useTabListContext_unstable () {
         return _TabListContext.useTabListContext_unstable;
     },
-    useTabListStyles_unstable: function() {
+    get useTabListStyles_unstable () {
         return _useTabListStylesstyles.useTabListStyles_unstable;
     },
-    useTabList_unstable: function() {
+    get useTabList_unstable () {
         return _useTabList.useTabList_unstable;
     }
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TabList/index.ts"],"sourcesContent":["export { TabList } from './TabList';\nexport type {\n  RegisterTabEventHandler,\n  SelectTabData,\n  SelectTabEvent,\n  SelectTabEventHandler,\n  TabListContextValue,\n  TabListContextValues,\n  TabListBaseProps,\n  TabListProps,\n  TabListSlots,\n  TabListBaseState,\n  TabListState,\n  TabRegisterData,\n} from './TabList.types';\nexport { TabListContext, TabListProvider, useTabListContext_unstable } from './TabListContext';\nexport { renderTabList_unstable } from './renderTabList';\nexport { useTabList_unstable, useTabListBase_unstable, useTabListA11yBehavior_unstable } from './useTabList';\nexport { useTabListContextValues_unstable } from './useTabListContextValues';\nexport { tabListClassNames, useTabListStyles_unstable } from './useTabListStyles.styles';\n"],"names":["TabList","TabListContext","TabListProvider","useTabListContext_unstable","renderTabList_unstable","useTabList_unstable","useTabListBase_unstable","useTabListA11yBehavior_unstable","useTabListContextValues_unstable","tabListClassNames","useTabListStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;+BAAO;;;eAePC,8BAAc;;;eAAEC,+BAAe;;;eAC/BE,qCAAsB;;;eAGtBK,yCAAiB;;;eAF6BF,2CAA+B;;;eAAxDD,mCAAuB;;;eAC5CE,yDAAgC;;;eAHCL,0CAA0B;;;eAIxCO,iDAAyB;;IAF5CL;8CAAmB;;;yBAjBJ,eAAY;gCAewC,sBAAmB;+BACxD,qBAAkB;4BACqC,kBAAe;yCAC5D,+BAA4B;wCAChB,+BAA4B"}
+{"version":3,"sources":["../../../src/components/TabList/index.ts"],"sourcesContent":["export { TabList } from './TabList';\nexport type {\n  RegisterTabEventHandler,\n  SelectTabData,\n  SelectTabEvent,\n  SelectTabEventHandler,\n  TabListContextValue,\n  TabListContextValues,\n  TabListBaseProps,\n  TabListProps,\n  TabListSlots,\n  TabListBaseState,\n  TabListState,\n  TabRegisterData,\n} from './TabList.types';\nexport { TabListContext, TabListProvider, useTabListContext_unstable } from './TabListContext';\nexport { renderTabList_unstable } from './renderTabList';\nexport { useTabList_unstable, useTabListBase_unstable, useTabListA11yBehavior_unstable } from './useTabList';\nexport { useTabListContextValues_unstable } from './useTabListContextValues';\nexport { tabListClassNames, useTabListStyles_unstable } from './useTabListStyles.styles';\n"],"names":["TabList","TabListContext","TabListProvider","useTabListContext_unstable","renderTabList_unstable","useTabList_unstable","useTabListBase_unstable","useTabListA11yBehavior_unstable","useTabListContextValues_unstable","tabListClassNames","useTabListStyles_unstable"],"mappings":";;;;;;;;;;;QAASA;+BAAO;;;eAePC,8BAAc;;;eAAEC,+BAAe;;;eAC/BE,qCAAsB;;QAGtBK;wDAAiB;;QAF6BF;0DAA+B;;;eAAxDD,mCAAuB;;;eAC5CE,yDAAgC;;;eAHCL,0CAA0B;;;eAIxCO,iDAAyB;;;eAF5CL,+BAAmB;;;yBAjBJ,eAAY;gCAewC,sBAAmB;+BACxD,qBAAkB;4BACqC,kBAAe;yCAC5D,+BAA4B;wCAChB,+BAA4B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TabList/renderTabList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { TabListBaseState, TabListSlots, TabListContextValues } from './TabList.types';\nimport { TabListProvider } from './TabListContext';\n\n/**\n * Render the final JSX of TabList\n */\nexport const renderTabList_unstable = (state: TabListBaseState, contextValues: TabListContextValues): JSXElement => {\n  assertSlots<TabListSlots>(state);\n\n  return (\n    <state.root>\n      <TabListProvider value={contextValues.tabList}>{state.root.children}</TabListProvider>\n    </state.root>\n  );\n};\n"],"names":["assertSlots","TabListProvider","renderTabList_unstable","state","contextValues","root","value","tabList","children"],"mappings":";;;;+BAUaE;;;;;;4BATb,gDAAiD;gCACrB,4BAA4B;gCAGxB,sBAAmB;AAK5C,+BAA+B,CAACC,OAAyBC;QAC9DJ,2BAAAA,EAA0BG;IAE1B,OAAA,WAAA,OACE,eAAA,EAACA,MAAME,IAAI,EAAA;kBACT,WAAA,OAAA,eAAA,EAACJ,+BAAAA,EAAAA;YAAgBK,OAAOF,cAAcG,OAAO;sBAAGJ,MAAME,IAAI,CAACG,QAAQ;;;AAGzE,EAAE"}
+{"version":3,"sources":["../../../src/components/TabList/renderTabList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { TabListBaseState, TabListSlots, TabListContextValues } from './TabList.types';\nimport { TabListProvider } from './TabListContext';\n\n/**\n * Render the final JSX of TabList\n */\nexport const renderTabList_unstable = (state: TabListBaseState, contextValues: TabListContextValues): JSXElement => {\n  assertSlots<TabListSlots>(state);\n\n  return (\n    <state.root>\n      <TabListProvider value={contextValues.tabList}>{state.root.children}</TabListProvider>\n    </state.root>\n  );\n};\n"],"names":["assertSlots","TabListProvider","renderTabList_unstable","state","contextValues","root","value","tabList","children"],"mappings":";;;;+BAUaE;;;;;;;gCATb,gDAAiD,GACjD,SAASF,WAAW,QAAQ,4BAA4B;gCAGxB,sBAAmB;AAK5C,+BAA+B,CAACG,OAAyBC;QAC9DJ,2BAAAA,EAA0BG;IAE1B,OAAA,WAAA,OACE,eAAA,EAACA,MAAME,IAAI,EAAA;kBACT,WAAA,OAAA,eAAA,EAACJ,+BAAAA,EAAAA;YAAgBK,OAAOF,cAAcG,OAAO;sBAAGJ,MAAME,IAAI,CAACG,QAAQ;;;AAGzE,EAAE"}

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

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    useTabListA11yBehavior_unstable: function() {
+    get useTabListA11yBehavior_unstable () {
         return useTabListA11yBehavior_unstable;
     },
-    useTabListBase_unstable: function() {
+    get useTabListBase_unstable () {
         return useTabListBase_unstable;
     },
-    useTabList_unstable: function() {
+    get useTabList_unstable () {
         return useTabList_unstable;
     }
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TabList/useTabList.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { type TabsterDOMAttribute, useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useControllableState, useEventCallback, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport type {\n  TabRegisterData,\n  SelectTabData,\n  SelectTabEvent,\n  TabListBaseProps,\n  TabListBaseState,\n  TabListProps,\n  TabListState,\n} from './TabList.types';\nimport type { TabValue } from '../Tab';\n\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 */\nexport const useTabList_unstable = (props: TabListProps, ref: React.Ref<HTMLElement>): TabListState => {\n  const { appearance = 'transparent', reserveSelectedTabSpace = true, size = 'medium' } = props;\n  const state = useTabListBase_unstable(props, ref);\n  const focusAttributes = useTabListA11yBehavior_unstable({ vertical: state.vertical });\n\n  return {\n    ...state,\n    root: {\n      ...focusAttributes,\n      ...state.root,\n    },\n    appearance,\n    reserveSelectedTabSpace,\n    size,\n  };\n};\n\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 */\nexport const useTabListBase_unstable = (props: TabListBaseProps, ref: React.Ref<HTMLElement>): TabListBaseState => {\n  const {\n    disabled = false,\n    onTabSelect,\n    selectTabOnFocus = false,\n    vertical = false,\n    selectedValue: controlledSelectedValue,\n    defaultSelectedValue,\n    ...rest\n  } = props;\n\n  const innerRef = React.useRef<HTMLElement>(null);\n\n  const [selectedValue, setSelectedValue] = useControllableState({\n    state: controlledSelectedValue,\n    defaultState: defaultSelectedValue,\n    initialState: undefined,\n  });\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<TabValue | undefined>(undefined);\n  const previousSelectedValue = React.useRef<TabValue | undefined>(undefined);\n\n  React.useEffect(() => {\n    previousSelectedValue.current = currentSelectedValue.current;\n    currentSelectedValue.current = selectedValue;\n  }, [selectedValue]);\n\n  const onSelect = useEventCallback((event: SelectTabEvent, data: SelectTabData) => {\n    setSelectedValue(data.value);\n    onTabSelect?.(event, data);\n  });\n\n  const registeredTabs = React.useRef<Record<string, TabRegisterData>>({});\n\n  const onRegister = useEventCallback((data: TabRegisterData) => {\n    const key = JSON.stringify(data.value);\n\n    if (!key && process.env.NODE_ENV !== 'production') {\n      // eslint-disable-next-line no-console\n      console.error(\n        [\n          `[@fluentui/react-tabs] The value \"${data.value}\" cannot be serialized to JSON string.`,\n          'Tab component requires serializable values.',\n          'Please provide a primitive value (string, number, boolean),',\n          `or a plain object/array that doesn't contain functions, symbols, or circular references.`,\n        ].join(' '),\n      );\n    }\n\n    registeredTabs.current[key] = data;\n  });\n\n  const onUnregister = useEventCallback((data: TabRegisterData) => {\n    delete registeredTabs.current[JSON.stringify(data.value)];\n  });\n\n  const getRegisteredTabs = React.useCallback(() => {\n    return {\n      selectedValue: currentSelectedValue.current,\n      previousSelectedValue: previousSelectedValue.current,\n      registeredTabs: registeredTabs.current,\n    };\n  }, []);\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      {\n        ref: useMergedRefs(ref, innerRef) as React.Ref<HTMLDivElement>,\n        role: 'tablist',\n        'aria-orientation': vertical ? 'vertical' : 'horizontal',\n        ...rest,\n      },\n      { elementType: 'div' },\n    ),\n    disabled,\n    selectTabOnFocus,\n    selectedValue,\n    onRegister,\n    onUnregister,\n    onSelect,\n    getRegisteredTabs,\n    vertical,\n  };\n};\n\n/**\n * Hook to get accessibility attributes for TabList component, such as roving tab index.\n * Based on Tabster's useArrowNavigationGroup.\n *\n * @param vertical - whether the TabList is vertical\n * @returns Tabster DOM attributes\n */\nexport const useTabListA11yBehavior_unstable = ({\n  vertical,\n}: Pick<TabListBaseState, 'vertical'>): TabsterDOMAttribute => {\n  return useArrowNavigationGroup({\n    circular: true,\n    axis: vertical ? 'vertical' : 'horizontal',\n    memorizeCurrent: false,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_hasDefault: true,\n  });\n};\n"],"names":["React","useArrowNavigationGroup","useControllableState","useEventCallback","useMergedRefs","slot","useTabList_unstable","props","ref","appearance","reserveSelectedTabSpace","size","state","useTabListBase_unstable","focusAttributes","useTabListA11yBehavior_unstable","vertical","root","disabled","onTabSelect","selectTabOnFocus","selectedValue","controlledSelectedValue","defaultSelectedValue","rest","innerRef","useRef","setSelectedValue","defaultState","initialState","undefined","currentSelectedValue","previousSelectedValue","useEffect","current","onSelect","event","data","value","registeredTabs","onRegister","key","JSON","stringify","process","env","NODE_ENV","console","error","join","onUnregister","getRegisteredTabs","useCallback","components","always","role","elementType","circular","axis","memorizeCurrent","unstable_hasDefault"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/TabList/useTabList.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { type TabsterDOMAttribute, useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { useControllableState, useEventCallback, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport type {\n  TabRegisterData,\n  SelectTabData,\n  SelectTabEvent,\n  TabListBaseProps,\n  TabListBaseState,\n  TabListProps,\n  TabListState,\n} from './TabList.types';\nimport type { TabValue } from '../Tab';\n\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 */\nexport const useTabList_unstable = (props: TabListProps, ref: React.Ref<HTMLElement>): TabListState => {\n  const { appearance = 'transparent', reserveSelectedTabSpace = true, size = 'medium' } = props;\n  const state = useTabListBase_unstable(props, ref);\n  const focusAttributes = useTabListA11yBehavior_unstable({ vertical: state.vertical });\n\n  return {\n    ...state,\n    root: {\n      ...focusAttributes,\n      ...state.root,\n    },\n    appearance,\n    reserveSelectedTabSpace,\n    size,\n  };\n};\n\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 */\nexport const useTabListBase_unstable = (props: TabListBaseProps, ref: React.Ref<HTMLElement>): TabListBaseState => {\n  const {\n    disabled = false,\n    onTabSelect,\n    selectTabOnFocus = false,\n    vertical = false,\n    selectedValue: controlledSelectedValue,\n    defaultSelectedValue,\n    ...rest\n  } = props;\n\n  const innerRef = React.useRef<HTMLElement>(null);\n\n  const [selectedValue, setSelectedValue] = useControllableState({\n    state: controlledSelectedValue,\n    defaultState: defaultSelectedValue,\n    initialState: undefined,\n  });\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<TabValue | undefined>(undefined);\n  const previousSelectedValue = React.useRef<TabValue | undefined>(undefined);\n\n  React.useEffect(() => {\n    previousSelectedValue.current = currentSelectedValue.current;\n    currentSelectedValue.current = selectedValue;\n  }, [selectedValue]);\n\n  const onSelect = useEventCallback((event: SelectTabEvent, data: SelectTabData) => {\n    setSelectedValue(data.value);\n    onTabSelect?.(event, data);\n  });\n\n  const registeredTabs = React.useRef<Record<string, TabRegisterData>>({});\n\n  const onRegister = useEventCallback((data: TabRegisterData) => {\n    const key = JSON.stringify(data.value);\n\n    if (!key && process.env.NODE_ENV !== 'production') {\n      // eslint-disable-next-line no-console\n      console.error(\n        [\n          `[@fluentui/react-tabs] The value \"${data.value}\" cannot be serialized to JSON string.`,\n          'Tab component requires serializable values.',\n          'Please provide a primitive value (string, number, boolean),',\n          `or a plain object/array that doesn't contain functions, symbols, or circular references.`,\n        ].join(' '),\n      );\n    }\n\n    registeredTabs.current[key] = data;\n  });\n\n  const onUnregister = useEventCallback((data: TabRegisterData) => {\n    delete registeredTabs.current[JSON.stringify(data.value)];\n  });\n\n  const getRegisteredTabs = React.useCallback(() => {\n    return {\n      selectedValue: currentSelectedValue.current,\n      previousSelectedValue: previousSelectedValue.current,\n      registeredTabs: registeredTabs.current,\n    };\n  }, []);\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      {\n        ref: useMergedRefs(ref, innerRef) as React.Ref<HTMLDivElement>,\n        role: 'tablist',\n        'aria-orientation': vertical ? 'vertical' : 'horizontal',\n        ...rest,\n      },\n      { elementType: 'div' },\n    ),\n    disabled,\n    selectTabOnFocus,\n    selectedValue,\n    onRegister,\n    onUnregister,\n    onSelect,\n    getRegisteredTabs,\n    vertical,\n  };\n};\n\n/**\n * Hook to get accessibility attributes for TabList component, such as roving tab index.\n * Based on Tabster's useArrowNavigationGroup.\n *\n * @param vertical - whether the TabList is vertical\n * @returns Tabster DOM attributes\n */\nexport const useTabListA11yBehavior_unstable = ({\n  vertical,\n}: Pick<TabListBaseState, 'vertical'>): TabsterDOMAttribute => {\n  return useArrowNavigationGroup({\n    circular: true,\n    axis: vertical ? 'vertical' : 'horizontal',\n    memorizeCurrent: false,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_hasDefault: true,\n  });\n};\n"],"names":["React","useArrowNavigationGroup","useControllableState","useEventCallback","useMergedRefs","slot","useTabList_unstable","props","ref","appearance","reserveSelectedTabSpace","size","state","useTabListBase_unstable","focusAttributes","useTabListA11yBehavior_unstable","vertical","root","disabled","onTabSelect","selectTabOnFocus","selectedValue","controlledSelectedValue","defaultSelectedValue","rest","innerRef","useRef","setSelectedValue","defaultState","initialState","undefined","currentSelectedValue","previousSelectedValue","useEffect","current","onSelect","event","data","value","registeredTabs","onRegister","key","JSON","stringify","process","env","NODE_ENV","console","error","join","onUnregister","getRegisteredTabs","useCallback","components","always","role","elementType","circular","axis","memorizeCurrent","unstable_hasDefault"],"mappings":"AAAA;;;;;;;;;;;;QAsJae;;;QAnGAF;;;;;;;;iEAjDU,QAAQ;8BACmC,0BAA0B;gCAChB,4BAA4B;AAqBjG,MAAMP,sBAAsB,CAACC,OAAqBC;IACvD,MAAM,EAAEC,aAAa,aAAa,EAAEC,0BAA0B,IAAI,EAAEC,OAAO,QAAQ,EAAE,GAAGJ;IACxF,MAAMK,QAAQC,wBAAwBN,OAAOC;IAC7C,MAAMM,kBAAkBC,gCAAgC;QAAEC,UAAUJ,MAAMI,QAAQ;IAAC;IAEnF,OAAO;QACL,GAAGJ,KAAK;QACRK,MAAM;YACJ,GAAGH,eAAe;YAClB,GAAGF,MAAMK,IAAI;QACf;QACAR;QACAC;QACAC;IACF;AACF,EAAE;AAWK,gCAAgC,CAACJ,OAAyBC;IAC/D,MAAM,EACJU,WAAW,KAAK,EAChBC,WAAW,EACXC,mBAAmB,KAAK,EACxBJ,WAAW,KAAK,EAChBK,eAAeC,uBAAuB,EACtCC,oBAAoB,EACpB,GAAGC,MACJ,GAAGjB;IAEJ,MAAMkB,WAAWzB,OAAM0B,MAAM,CAAc;IAE3C,MAAM,CAACL,eAAeM,iBAAiB,OAAGzB,oCAAAA,EAAqB;QAC7DU,OAAOU;QACPM,cAAcL;QACdM,cAAcC;IAChB;IAEA,4DAA4D;IAC5D,8FAA8F;IAC9F,qFAAqF;IACrF,0CAA0C;IAC1C,MAAMC,uBAAuB/B,OAAM0B,MAAM,CAAuBI;IAChE,MAAME,wBAAwBhC,OAAM0B,MAAM,CAAuBI;IAEjE9B,OAAMiC,SAAS,CAAC;QACdD,sBAAsBE,OAAO,GAAGH,qBAAqBG,OAAO;QAC5DH,qBAAqBG,OAAO,GAAGb;IACjC,GAAG;QAACA;KAAc;IAElB,MAAMc,eAAWhC,gCAAAA,EAAiB,CAACiC,OAAuBC;QACxDV,iBAAiBU,KAAKC,KAAK;QAC3BnB,gBAAAA,QAAAA,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAciB,OAAOC;IACvB;IAEA,MAAME,iBAAiBvC,OAAM0B,MAAM,CAAkC,CAAC;IAEtE,MAAMc,iBAAarC,gCAAAA,EAAiB,CAACkC;QACnC,MAAMI,MAAMC,KAAKC,SAAS,CAACN,KAAKC,KAAK;QAErC,IAAI,CAACG,OAAOG,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACjD,sCAAsC;YACtCC,QAAQC,KAAK,CACX;gBACE,CAAC,kCAAkC,EAAEX,KAAKC,KAAK,CAAC,sCAAsC,CAAC;gBACvF;gBACA;gBACA,CAAC,wFAAwF,CAAC;aAC3F,CAACW,IAAI,CAAC;QAEX;QAEAV,eAAeL,OAAO,CAACO,IAAI,GAAGJ;IAChC;IAEA,MAAMa,mBAAe/C,gCAAAA,EAAiB,CAACkC;QACrC,OAAOE,eAAeL,OAAO,CAACQ,KAAKC,SAAS,CAACN,KAAKC,KAAK,EAAE;IAC3D;IAEA,MAAMa,oBAAoBnD,OAAMoD,WAAW,CAAC;QAC1C,OAAO;YACL/B,eAAeU,qBAAqBG,OAAO;YAC3CF,uBAAuBA,sBAAsBE,OAAO;YACpDK,gBAAgBA,eAAeL,OAAO;QACxC;IACF,GAAG,EAAE;IAEL,OAAO;QACLmB,YAAY;YACVpC,MAAM;QACR;QACAA,MAAMZ,oBAAAA,CAAKiD,MAAM,CACf;YACE9C,SAAKJ,6BAAAA,EAAcI,KAAKiB;YACxB8B,MAAM;YACN,oBAAoBvC,WAAW,aAAa;YAC5C,GAAGQ,IAAI;QACT,GACA;YAAEgC,aAAa;QAAM;QAEvBtC;QACAE;QACAC;QACAmB;QACAU;QACAf;QACAgB;QACAnC;IACF;AACF,EAAE;AASK,wCAAwC,CAAC,EAC9CA,QAAQ,EAC2B;IACnC,WAAOf,qCAAAA,EAAwB;QAC7BwD,UAAU;QACVC,MAAM1C,WAAW,aAAa;QAC9B2C,iBAAiB;QACjB,gEAAgE;QAChEC,qBAAqB;IACvB;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TabList/useTabListContextValues.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { TabListContextValue, TabListContextValues, TabListState } from './TabList.types';\n\nexport function useTabListContextValues_unstable(state: TabListState): TabListContextValues {\n  const {\n    appearance,\n    reserveSelectedTabSpace,\n    disabled,\n    selectTabOnFocus,\n    selectedValue: selectedKey,\n    onRegister,\n    onUnregister,\n    onSelect,\n    getRegisteredTabs,\n    size,\n    vertical,\n  } = state;\n\n  const tabList = React.useMemo<TabListContextValue>(\n    () => ({\n      appearance,\n      reserveSelectedTabSpace,\n      disabled,\n      selectTabOnFocus,\n      selectedValue: selectedKey,\n      onSelect,\n      onRegister,\n      onUnregister,\n      getRegisteredTabs,\n      size,\n      vertical,\n    }),\n    [\n      appearance,\n      reserveSelectedTabSpace,\n      disabled,\n      selectTabOnFocus,\n      selectedKey,\n      onSelect,\n      onRegister,\n      onUnregister,\n      getRegisteredTabs,\n      size,\n      vertical,\n    ],\n  );\n\n  return { tabList };\n}\n"],"names":["React","useTabListContextValues_unstable","state","appearance","reserveSelectedTabSpace","disabled","selectTabOnFocus","selectedValue","selectedKey","onRegister","onUnregister","onSelect","getRegisteredTabs","size","vertical","tabList","useMemo"],"mappings":"AAAA;;;;;+BAKgBC;;;;;;;iEAHO,QAAQ;AAGxB,0CAA0CC,KAAmB;IAClE,MAAM,EACJC,UAAU,EACVC,uBAAuB,EACvBC,QAAQ,EACRC,gBAAgB,EAChBC,eAAeC,WAAW,EAC1BC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,iBAAiB,EACjBC,IAAI,EACJC,QAAQ,EACT,GAAGZ;IAEJ,MAAMa,UAAUf,OAAMgB,OAAO,CAC3B,IAAO;YACLb;YACAC;YACAC;YACAC;YACAC,eAAeC;YACfG;YACAF;YACAC;YACAE;YACAC;YACAC;SACF,CAAA,EACA;QACEX;QACAC;QACAC;QACAC;QACAE;QACAG;QACAF;QACAC;QACAE;QACAC;QACAC;KACD;IAGH,OAAO;QAAEC;IAAQ;AACnB"}
+{"version":3,"sources":["../../../src/components/TabList/useTabListContextValues.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { TabListContextValue, TabListContextValues, TabListState } from './TabList.types';\n\nexport function useTabListContextValues_unstable(state: TabListState): TabListContextValues {\n  const {\n    appearance,\n    reserveSelectedTabSpace,\n    disabled,\n    selectTabOnFocus,\n    selectedValue: selectedKey,\n    onRegister,\n    onUnregister,\n    onSelect,\n    getRegisteredTabs,\n    size,\n    vertical,\n  } = state;\n\n  const tabList = React.useMemo<TabListContextValue>(\n    () => ({\n      appearance,\n      reserveSelectedTabSpace,\n      disabled,\n      selectTabOnFocus,\n      selectedValue: selectedKey,\n      onSelect,\n      onRegister,\n      onUnregister,\n      getRegisteredTabs,\n      size,\n      vertical,\n    }),\n    [\n      appearance,\n      reserveSelectedTabSpace,\n      disabled,\n      selectTabOnFocus,\n      selectedKey,\n      onSelect,\n      onRegister,\n      onUnregister,\n      getRegisteredTabs,\n      size,\n      vertical,\n    ],\n  );\n\n  return { tabList };\n}\n"],"names":["React","useTabListContextValues_unstable","state","appearance","reserveSelectedTabSpace","disabled","selectTabOnFocus","selectedValue","selectedKey","onRegister","onUnregister","onSelect","getRegisteredTabs","size","vertical","tabList","useMemo"],"mappings":"AAAA;;;;;+BAKgBC;;;;;;;iEAHO,QAAQ;AAGxB,0CAA0CC,KAAmB;IAClE,MAAM,EACJC,UAAU,EACVC,uBAAuB,EACvBC,QAAQ,EACRC,gBAAgB,EAChBC,eAAeC,WAAW,EAC1BC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,iBAAiB,EACjBC,IAAI,EACJC,QAAQ,EACT,GAAGZ;IAEJ,MAAMa,UAAUf,OAAMgB,OAAO,CAC3B,IAAO;YACLb;YACAC;YACAC;YACAC;YACAC,eAAeC;YACfG;YACAF;YACAC;YACAE;YACAC;YACAC;SACF,CAAA,EACA;QACEX;QACAC;QACAC;QACAC;QACAE;QACAG;QACAF;QACAC;QACAE;QACAC;QACAC;KACD;IAGH,OAAO;QAAEC;IAAQ;AACnB"}

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

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    tabListClassNames: function() {
+    get tabListClassNames () {
         return tabListClassNames;
     },
-    useTabListStyles_unstable: function() {
+    get useTabListStyles_unstable () {
         return useTabListStyles_unstable;
     }
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["useTabListStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const tabListClassNames = {\n    root: 'fui-TabList'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        flexShrink: 0,\n        flexWrap: 'nowrap',\n        position: 'relative'\n    },\n    horizontal: {\n        alignItems: 'stretch',\n        flexDirection: 'row'\n    },\n    vertical: {\n        alignItems: 'stretch',\n        flexDirection: 'column'\n    },\n    roundedSmall: {\n        gap: tokens.spacingHorizontalSNudge\n    },\n    rounded: {\n        gap: tokens.spacingHorizontalS\n    }\n});\n/**\n * Apply styling to the TabList slots based on the state\n */ export const useTabListStyles_unstable = (state)=>{\n    const { appearance, vertical, size } = state;\n    const styles = useStyles();\n    const isRounded = appearance === 'subtle-circular' || appearance === 'filled-circular';\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, isRounded && (size === 'small' ? styles.roundedSmall : styles.rounded), state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","tokens","tabListClassNames","root","useStyles","mc9l5x","Beiy3e4","Bnnss6s","Eh141a","qhf8xq","horizontal","Bt984gj","vertical","roundedSmall","i8kkvl","Belr9w4","rmohyg","rounded","d","p","useTabListStyles_unstable","state","appearance","size","styles","isRounded","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,iBAAiB;;;6BA8BY;eAAzBkB;;;uBAhCwB,gBAAgB;AAElD,0BAA0B;IAC7BjB,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,UAAA,EAAA;QAAAC,OAAA,EAAA;QAAAL,OAAA,EAAA;IAAA;IAAAM,QAAA,EAAA;QAAAD,OAAA,EAAA;QAAAL,OAAA,EAAA;IAAA;IAAAO,YAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,OAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAsBrB,CAAC;AAGS,mCAAmCE,KAAK,IAAG;IAClD,MAAM,EAAEC,UAAU,EAAEV,QAAQ,EAAEW,IAAAA,EAAM,GAAGF,KAAK;IAC5C,MAAMG,MAAM,GAAGpB,SAAS,CAAC,CAAC;IAC1B,MAAMqB,SAAS,GAAGH,UAAU,KAAK,iBAAiB,IAAIA,UAAU,KAAK,iBAAiB;IACtF,oDAAA;IACAD,KAAK,CAAClB,IAAI,CAACuB,SAAS,OAAG1B,mBAAY,EAACE,iBAAiB,CAACC,IAAI,EAAEqB,MAAM,CAACrB,IAAI,EAAES,QAAQ,GAAGY,MAAM,CAACZ,QAAQ,GAAGY,MAAM,CAACd,UAAU,EAAEe,SAAS,KAAKF,IAAI,KAAK,OAAO,GAAGC,MAAM,CAACX,YAAY,GAAGW,MAAM,CAACP,OAAAA,AAAO,CAAC,EAAEI,KAAK,CAAClB,IAAI,CAACuB,SAAS,CAAC;IACtN,OAAOL,KAAK;AAChB,CAAC"}
+{"version":3,"sources":["useTabListStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const tabListClassNames = {\n    root: 'fui-TabList'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        flexShrink: 0,\n        flexWrap: 'nowrap',\n        position: 'relative'\n    },\n    horizontal: {\n        alignItems: 'stretch',\n        flexDirection: 'row'\n    },\n    vertical: {\n        alignItems: 'stretch',\n        flexDirection: 'column'\n    },\n    roundedSmall: {\n        gap: tokens.spacingHorizontalSNudge\n    },\n    rounded: {\n        gap: tokens.spacingHorizontalS\n    }\n});\n/**\n * Apply styling to the TabList slots based on the state\n */ export const useTabListStyles_unstable = (state)=>{\n    const { appearance, vertical, size } = state;\n    const styles = useStyles();\n    const isRounded = appearance === 'subtle-circular' || appearance === 'filled-circular';\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, isRounded && (size === 'small' ? styles.roundedSmall : styles.rounded), state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","tokens","tabListClassNames","root","useStyles","mc9l5x","Beiy3e4","Bnnss6s","Eh141a","qhf8xq","horizontal","Bt984gj","vertical","roundedSmall","i8kkvl","Belr9w4","rmohyg","rounded","d","p","useTabListStyles_unstable","state","appearance","size","styles","isRounded","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;QAGCG,iBAAiB;;;QA8BbkB,yBAAyB;;;;uBAhCD,gBAAgB;AAElD,0BAA0B;IAC7BjB,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,UAAA,EAAA;QAAAC,OAAA,EAAA;QAAAL,OAAA,EAAA;IAAA;IAAAM,QAAA,EAAA;QAAAD,OAAA,EAAA;QAAAL,OAAA,EAAA;IAAA;IAAAO,YAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,OAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAsBrB,CAAC;AAGS,mCAAmCE,KAAK,IAAG;IAClD,MAAM,EAAEC,UAAU,EAAEV,QAAQ,EAAEW,IAAAA,EAAM,GAAGF,KAAK;IAC5C,MAAMG,MAAM,GAAGpB,SAAS,CAAC,CAAC;IAC1B,MAAMqB,SAAS,GAAGH,UAAU,KAAK,iBAAiB,IAAIA,UAAU,KAAK,iBAAiB;IACtF,oDAAA;IACAD,KAAK,CAAClB,IAAI,CAACuB,SAAS,GAAG1B,uBAAY,EAACE,iBAAiB,CAACC,IAAI,EAAEqB,MAAM,CAACrB,IAAI,EAAES,QAAQ,GAAGY,MAAM,CAACZ,QAAQ,GAAGY,MAAM,CAACd,UAAU,EAAEe,SAAS,KAAKF,IAAI,KAAK,OAAO,GAAGC,MAAM,CAACX,YAAY,GAAGW,MAAM,CAACP,OAAAA,AAAO,CAAC,EAAEI,KAAK,CAAClB,IAAI,CAACuB,SAAS,CAAC;IACtN,OAAOL,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/TabList/useTabListStyles.styles.css.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get tabListClassNames () {
+        return tabListClassNames;
+    },
+    get useTabListStyles_unstable () {
+        return useTabListStyles_unstable;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _clsx = require("clsx");
+const _TabListmodulecss = /*#__PURE__*/ _interop_require_default._(require("./TabList.module.css"));
+const tabListClassNames = {
+    root: 'fui-TabList'
+};
+const useTabListStyles_unstable = (state)=>{
+    const { appearance, vertical, size } = state;
+    state.root.className = (0, _clsx.clsx)(tabListClassNames.root, _TabListmodulecss.default.root, vertical ? _TabListmodulecss.default.vertical : _TabListmodulecss.default.horizontal, appearance && _TabListmodulecss.default[appearance], size === 'small' && _TabListmodulecss.default.small, state.root.className);
+    return state;
+};

package/lib-commonjs/components/TabList/useTabListStyles.styles.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TabList/useTabListStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TabListSlots, TabListState } from './TabList.types';\nimport styles from './TabList.module.css';\n\nexport const tabListClassNames: SlotClassNames<TabListSlots> = {\n  root: 'fui-TabList',\n};\n\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = (state: TabListState): TabListState => {\n  const { appearance, vertical, size } = state;\n\n  state.root.className = clsx(\n    tabListClassNames.root,\n    styles.root,\n    vertical ? styles.vertical : styles.horizontal,\n    appearance && styles[appearance],\n    size === 'small' && styles.small,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["clsx","styles","tabListClassNames","root","useTabListStyles_unstable","state","appearance","vertical","size","className","horizontal","small"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;2EAGT,uBAAuB;AAEnC,0BAAwD;IAC7DC,MAAM;AACR,EAAE;AAKK,MAAMC,4BAA4B,CAACC;IACxC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGH;IAEvCA,MAAMF,IAAI,CAACM,SAAS,OAAGT,UAAAA,EACrBE,kBAAkBC,IAAI,EACtBF,yBAAAA,CAAOE,IAAI,EACXI,WAAWN,yBAAAA,CAAOM,QAAQ,GAAGN,yBAAAA,CAAOS,UAAU,EAC9CJ,cAAcL,yBAAM,CAACK,WAAW,EAChCE,SAAS,WAAWP,yBAAAA,CAAOU,KAAK,EAChCN,MAAMF,IAAI,CAACM,SAAS;IAGtB,OAAOJ;AACT,EAAE"}

package/lib-commonjs/components/TabList/useTabListStyles.styles.raw.cjs

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    tabListClassNames: function() {
+    get tabListClassNames () {
         return tabListClassNames;
     },
-    useTabListStyles_unstable: function() {
+    get useTabListStyles_unstable () {
         return useTabListStyles_unstable;
     }
 });

package/lib-commonjs/components/TabList/useTabListStyles.styles.raw.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TabList/useTabListStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TabListSlots, TabListState } from './TabList.types';\n\nexport const tabListClassNames: SlotClassNames<TabListSlots> = {\n  root: 'fui-TabList',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    flexShrink: 0,\n    flexWrap: 'nowrap',\n    position: 'relative',\n  },\n  horizontal: {\n    alignItems: 'stretch',\n    flexDirection: 'row',\n  },\n  vertical: {\n    alignItems: 'stretch',\n    flexDirection: 'column',\n  },\n  roundedSmall: {\n    gap: tokens.spacingHorizontalSNudge,\n  },\n  rounded: {\n    gap: tokens.spacingHorizontalS,\n  },\n});\n\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = (state: TabListState): TabListState => {\n  const { appearance, vertical, size } = state;\n\n  const styles = useStyles();\n\n  const isRounded = appearance === 'subtle-circular' || appearance === 'filled-circular';\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    tabListClassNames.root,\n    styles.root,\n    vertical ? styles.vertical : styles.horizontal,\n    isRounded && (size === 'small' ? styles.roundedSmall : styles.rounded),\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","tabListClassNames","root","useStyles","display","flexDirection","flexShrink","flexWrap","position","horizontal","alignItems","vertical","roundedSmall","gap","spacingHorizontalSNudge","rounded","spacingHorizontalS","useTabListStyles_unstable","state","appearance","size","styles","isRounded","className"],"mappings":"AAAA;;;;;;;;;;;;IAOaG,iBAAAA;;;6BAkCAgB;eAAAA;;;uBAtC4B,iBAAiB;4BACnC,wBAAwB;AAGxC,0BAAwD;IAC7Df,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYL,iBAAAA,EAAW;IAC3BI,MAAM;QACJE,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,UAAU;QACVC,UAAU;IACZ;IACAC,YAAY;QACVC,YAAY;QACZL,eAAe;IACjB;IACAM,UAAU;QACRD,YAAY;QACZL,eAAe;IACjB;IACAO,cAAc;QACZC,KAAKb,kBAAAA,CAAOc,uBAAuB;IACrC;IACAC,SAAS;QACPF,KAAKb,kBAAAA,CAAOgB,kBAAkB;IAChC;AACF;AAKO,kCAAkC,CAACE;IACxC,MAAM,EAAEC,UAAU,EAAER,QAAQ,EAAES,IAAI,EAAE,GAAGF;IAEvC,MAAMG,SAASlB;IAEf,MAAMmB,YAAYH,eAAe,qBAAqBA,eAAe;IAErE,oDAAoD;IACpDD,MAAMhB,IAAI,CAACqB,SAAS,OAAGxB,mBAAAA,EACrBE,kBAAkBC,IAAI,EACtBmB,OAAOnB,IAAI,EACXS,WAAWU,OAAOV,QAAQ,GAAGU,OAAOZ,UAAU,EAC9Ca,aAAcF,CAAAA,SAAS,UAAUC,OAAOT,YAAY,GAAGS,OAAON,OAAAA,AAAM,GACpEG,MAAMhB,IAAI,CAACqB,SAAS;IAGtB,OAAOL;AACT,EAAE"}
+{"version":3,"sources":["../../../src/components/TabList/useTabListStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TabListSlots, TabListState } from './TabList.types';\n\nexport const tabListClassNames: SlotClassNames<TabListSlots> = {\n  root: 'fui-TabList',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    flexShrink: 0,\n    flexWrap: 'nowrap',\n    position: 'relative',\n  },\n  horizontal: {\n    alignItems: 'stretch',\n    flexDirection: 'row',\n  },\n  vertical: {\n    alignItems: 'stretch',\n    flexDirection: 'column',\n  },\n  roundedSmall: {\n    gap: tokens.spacingHorizontalSNudge,\n  },\n  rounded: {\n    gap: tokens.spacingHorizontalS,\n  },\n});\n\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = (state: TabListState): TabListState => {\n  const { appearance, vertical, size } = state;\n\n  const styles = useStyles();\n\n  const isRounded = appearance === 'subtle-circular' || appearance === 'filled-circular';\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    tabListClassNames.root,\n    styles.root,\n    vertical ? styles.vertical : styles.horizontal,\n    isRounded && (size === 'small' ? styles.roundedSmall : styles.rounded),\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","tabListClassNames","root","useStyles","display","flexDirection","flexShrink","flexWrap","position","horizontal","alignItems","vertical","roundedSmall","gap","spacingHorizontalSNudge","rounded","spacingHorizontalS","useTabListStyles_unstable","state","appearance","size","styles","isRounded","className"],"mappings":"AAAA;;;;;;;;;;;;QAOaG;;;;eAkCAgB;;;uBAtC4B,iBAAiB;4BACnC,wBAAwB;AAGxC,0BAAwD;IAC7Df,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYL,iBAAAA,EAAW;IAC3BI,MAAM;QACJE,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,UAAU;QACVC,UAAU;IACZ;IACAC,YAAY;QACVC,YAAY;QACZL,eAAe;IACjB;IACAM,UAAU;QACRD,YAAY;QACZL,eAAe;IACjB;IACAO,cAAc;QACZC,KAAKb,kBAAAA,CAAOc,uBAAuB;IACrC;IACAC,SAAS;QACPF,KAAKb,kBAAAA,CAAOgB,kBAAkB;IAChC;AACF;AAKO,kCAAkC,CAACE;IACxC,MAAM,EAAEC,UAAU,EAAER,QAAQ,EAAES,IAAI,EAAE,GAAGF;IAEvC,MAAMG,SAASlB;IAEf,MAAMmB,YAAYH,eAAe,qBAAqBA,eAAe;IAErE,oDAAoD;IACpDD,MAAMhB,IAAI,CAACqB,SAAS,OAAGxB,mBAAAA,EACrBE,kBAAkBC,IAAI,EACtBmB,OAAOnB,IAAI,EACXS,WAAWU,OAAOV,QAAQ,GAAGU,OAAOZ,UAAU,EAC9Ca,aAAcF,CAAAA,SAAS,UAAUC,OAAOT,YAAY,GAAGS,OAAON,OAAAA,AAAM,GACpEG,MAAMhB,IAAI,CAACqB,SAAS;IAGtB,OAAOL;AACT,EAAE"}

package/lib-commonjs/components/TabList/useTabListStyles.styles.raw.css.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get tabListClassNames () {
+        return tabListClassNames;
+    },
+    get useTabListStyles_unstable () {
+        return useTabListStyles_unstable;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _clsx = require("clsx");
+const _TabListmodulecss = /*#__PURE__*/ _interop_require_default._(require("./TabList.module.css"));
+const tabListClassNames = {
+    root: 'fui-TabList'
+};
+const useTabListStyles_unstable = (state)=>{
+    const { appearance, vertical, size } = state;
+    state.root.className = (0, _clsx.clsx)(tabListClassNames.root, _TabListmodulecss.default.root, vertical ? _TabListmodulecss.default.vertical : _TabListmodulecss.default.horizontal, appearance && _TabListmodulecss.default[appearance], size === 'small' && _TabListmodulecss.default.small, state.root.className);
+    return state;
+};

package/lib-commonjs/components/TabList/useTabListStyles.styles.raw.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TabList/useTabListStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TabListSlots, TabListState } from './TabList.types';\nimport styles from './TabList.module.css';\n\nexport const tabListClassNames: SlotClassNames<TabListSlots> = {\n  root: 'fui-TabList',\n};\n\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = (state: TabListState): TabListState => {\n  const { appearance, vertical, size } = state;\n\n  state.root.className = clsx(\n    tabListClassNames.root,\n    styles.root,\n    vertical ? styles.vertical : styles.horizontal,\n    appearance && styles[appearance],\n    size === 'small' && styles.small,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["clsx","styles","tabListClassNames","root","useTabListStyles_unstable","state","appearance","vertical","size","className","horizontal","small"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;2EAGT,uBAAuB;AAEnC,0BAAwD;IAC7DC,MAAM;AACR,EAAE;AAKK,MAAMC,4BAA4B,CAACC;IACxC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGH;IAEvCA,MAAMF,IAAI,CAACM,SAAS,OAAGT,UAAAA,EACrBE,kBAAkBC,IAAI,EACtBF,yBAAAA,CAAOE,IAAI,EACXI,WAAWN,yBAAAA,CAAOM,QAAQ,GAAGN,yBAAAA,CAAOS,UAAU,EAC9CJ,cAAcL,yBAAM,CAACK,WAAW,EAChCE,SAAS,WAAWP,yBAAAA,CAAOU,KAAK,EAChCN,MAAMF,IAAI,CAACM,SAAS;IAGtB,OAAOJ;AACT,EAAE"}

package/lib-commonjs/index.cjs

@@ -5,71 +5,71 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    Tab: function() {
+    get Tab () {
         return _Tab.Tab;
     },
-    TabList: function() {
+    get TabList () {
         return _TabList.TabList;
     },
-    TabListProvider: function() {
+    get TabListProvider () {
         return _TabList.TabListProvider;
     },
-    renderTabList_unstable: function() {
+    get renderTabList_unstable () {
         return _TabList.renderTabList_unstable;
     },
-    renderTab_unstable: function() {
+    get renderTab_unstable () {
         return _Tab.renderTab_unstable;
     },
-    tabClassNames: function() {
+    get tabClassNames () {
         return _Tab.tabClassNames;
     },
-    tabListClassNames: function() {
+    get tabListClassNames () {
         return _TabList.tabListClassNames;
     },
-    tabReservedSpaceClassNames: function() {
+    get tabReservedSpaceClassNames () {
         return _Tab.tabReservedSpaceClassNames;
     },
-    useTabAnimatedIndicatorStyles_unstable: function() {
+    get useTabAnimatedIndicatorStyles_unstable () {
         return _Tab.useTabAnimatedIndicatorStyles_unstable;
     },
-    useTabBase_unstable: function() {
+    get useTabBase_unstable () {
         return _Tab.useTabBase_unstable;
     },
-    useTabButtonStyles_unstable: function() {
+    get useTabButtonStyles_unstable () {
         return _Tab.useTabButtonStyles_unstable;
     },
-    useTabContentStyles_unstable: function() {
+    get useTabContentStyles_unstable () {
         return _Tab.useTabContentStyles_unstable;
     },
-    useTabIndicatorStyles_unstable: function() {
+    get useTabIndicatorStyles_unstable () {
         return _Tab.useTabIndicatorStyles_unstable;
     },
-    useTabListA11yBehavior_unstable: function() {
+    get useTabListA11yBehavior_unstable () {
         return _TabList.useTabListA11yBehavior_unstable;
     },
-    useTabListBase_unstable: function() {
+    get useTabListBase_unstable () {
         return _TabList.useTabListBase_unstable;
     },
-    useTabListContextValues_unstable: function() {
+    get useTabListContextValues_unstable () {
         return _TabList.useTabListContextValues_unstable;
     },
-    useTabListContext_unstable: function() {
+    get useTabListContext_unstable () {
         return _TabList.useTabListContext_unstable;
     },
-    useTabListStyles_unstable: function() {
+    get useTabListStyles_unstable () {
         return _TabList.useTabListStyles_unstable;
     },
-    useTabList_unstable: function() {
+    get useTabList_unstable () {
         return _TabList.useTabList_unstable;
     },
-    useTabStyles_unstable: function() {
+    get useTabStyles_unstable () {
         return _Tab.useTabStyles_unstable;
     },
-    useTab_unstable: function() {
+    get useTab_unstable () {
         return _Tab.useTab_unstable;
     }
 });

package/lib-commonjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export type { TabProps, TabSlots, TabState, TabValue, TabBaseProps, TabBaseState } from './Tab';\nexport {\n  renderTab_unstable,\n  Tab,\n  tabClassNames,\n  tabReservedSpaceClassNames,\n  useTabAnimatedIndicatorStyles_unstable,\n  useTabButtonStyles_unstable,\n  useTabContentStyles_unstable,\n  useTabIndicatorStyles_unstable,\n  useTabStyles_unstable,\n  useTab_unstable,\n  useTabBase_unstable,\n} from './Tab';\nexport type {\n  TabRegisterData,\n  RegisterTabEventHandler,\n  SelectTabData,\n  SelectTabEvent,\n  SelectTabEventHandler,\n  TabListContextValue,\n  TabListContextValues,\n  TabListProps,\n  TabListSlots,\n  TabListState,\n  TabListBaseProps,\n  TabListBaseState,\n} from './TabList';\nexport {\n  renderTabList_unstable,\n  TabList,\n  TabListProvider,\n  tabListClassNames,\n  useTabListContext_unstable,\n  useTabListContextValues_unstable,\n  useTabListStyles_unstable,\n  useTabList_unstable,\n  useTabListA11yBehavior_unstable,\n  useTabListBase_unstable,\n} from './TabList';\n"],"names":["renderTab_unstable","Tab","tabClassNames","tabReservedSpaceClassNames","useTabAnimatedIndicatorStyles_unstable","useTabButtonStyles_unstable","useTabContentStyles_unstable","useTabIndicatorStyles_unstable","useTabStyles_unstable","useTab_unstable","useTabBase_unstable","renderTabList_unstable","TabList","TabListProvider","tabListClassNames","useTabListContext_unstable","useTabListContextValues_unstable","useTabListStyles_unstable","useTabList_unstable","useTabListA11yBehavior_unstable","useTabListBase_unstable"],"mappings":";;;;;;;;;;;IAGEC,GAAG;;;WA2BI;eAAPW;;IACAC,eAAe;;;;eAFfF,+BAAsB;;;eA3BtBX,uBAAkB;;;eAElBE,kBAAa;;;eA4BbY,0BAAiB;;;eA3BjBX,+BAA0B;;;eAC1BC,2CAAsC;;IAMtCM;uCAAmB;;;eALnBL,gCAA2B;;;eAC3BC,iCAA4B;;;eAC5BC,mCAA8B;;mCA4BC;eAA/BY;;;eACAC,gCAAuB;;;eAJvBJ,yCAAgC;;;eADhCD,mCAA0B;;;eAE1BE,kCAAyB;;;eACzBC,4BAAmB;;IA1BnBV;yCAAqB;;;eACrBC,oBAAe;;;qBAEV,WAAQ;yBA0BR,eAAY"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export type { TabProps, TabSlots, TabState, TabValue, TabBaseProps, TabBaseState } from './Tab';\nexport {\n  renderTab_unstable,\n  Tab,\n  tabClassNames,\n  tabReservedSpaceClassNames,\n  useTabAnimatedIndicatorStyles_unstable,\n  useTabButtonStyles_unstable,\n  useTabContentStyles_unstable,\n  useTabIndicatorStyles_unstable,\n  useTabStyles_unstable,\n  useTab_unstable,\n  useTabBase_unstable,\n} from './Tab';\nexport type {\n  TabRegisterData,\n  RegisterTabEventHandler,\n  SelectTabData,\n  SelectTabEvent,\n  SelectTabEventHandler,\n  TabListContextValue,\n  TabListContextValues,\n  TabListProps,\n  TabListSlots,\n  TabListState,\n  TabListBaseProps,\n  TabListBaseState,\n} from './TabList';\nexport {\n  renderTabList_unstable,\n  TabList,\n  TabListProvider,\n  tabListClassNames,\n  useTabListContext_unstable,\n  useTabListContextValues_unstable,\n  useTabListStyles_unstable,\n  useTabList_unstable,\n  useTabListA11yBehavior_unstable,\n  useTabListBase_unstable,\n} from './TabList';\n"],"names":["renderTab_unstable","Tab","tabClassNames","tabReservedSpaceClassNames","useTabAnimatedIndicatorStyles_unstable","useTabButtonStyles_unstable","useTabContentStyles_unstable","useTabIndicatorStyles_unstable","useTabStyles_unstable","useTab_unstable","useTabBase_unstable","renderTabList_unstable","TabList","TabListProvider","tabListClassNames","useTabListContext_unstable","useTabListContextValues_unstable","useTabListStyles_unstable","useTabList_unstable","useTabListA11yBehavior_unstable","useTabListBase_unstable"],"mappings":";;;;;;;;;;;QAGEC;uBAAG;;;eA2BHW,gBAAO;;;eACPC,wBAAe;;QAFfF;8CAAsB;;;eA3BtBX,uBAAkB;;;eAElBE,kBAAa;;;eA4BbY,0BAAiB;;;eA3BjBX,+BAA0B;;;eAC1BC,2CAAsC;;QAMtCM;uCAAmB;;;eALnBL,gCAA2B;;;eAC3BC,iCAA4B;;;eAC5BC,mCAA8B;;;eA4B9BY,wCAA+B;;;eAC/BC,gCAAuB;;;eAJvBJ,yCAAgC;;;eADhCD,mCAA0B;;;eAE1BE,kCAAyB;;;eACzBC,4BAAmB;;;eA1BnBV,0BAAqB;;;eACrBC,oBAAe;;;qBAEV,WAAQ;yBA0BR,eAAY"}

package/package.json

@@ -1,25 +1,28 @@
 {
   "name": "@fluentui/react-tabs",
-  "version": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
+  "version": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
   "description": "Fluent UI React tabs components",
   "main": "lib-commonjs/index.cjs",
   "module": "lib/index.js",
   "typings": "./dist/index.d.ts",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui"
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/react-context-selector": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-jsx-runtime": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-shared-contexts": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-tabster": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-theme": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-utilities": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
+    "@fluentui/react-context-selector": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-jsx-runtime": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-shared-contexts": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-tabster": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-theme": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-utilities": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
     "@griffel/react": "^1.5.32",
-    "@swc/helpers": "^0.5.1"
+    "@swc/helpers": "^0.5.1",
+    "clsx": "^2.1.1"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0 <20.0.0",
@@ -42,7 +45,6 @@
         "default": "./lib-commonjs/index.cjs"
       }
     },
-    "./metadata.json": "./dist/metadata/index.json",
     "./package.json": "./package.json"
   },
   "files": [
@@ -50,9 +52,7 @@
     "dist/*.d.ts",
     "dist/*.d.cts",
     "lib",
-    "lib-commonjs",
-    "dist/metadata"
+    "lib-commonjs"
   ],
-  "type": "module",
-  "fluentuiCatalog": "./metadata.json"
+  "type": "module"
 }