@fluentui/react-tabs 9.3.11 → 9.3.13

package/CHANGELOG.json

@@ -2,7 +2,125 @@
   "name": "@fluentui/react-tabs",
   "entries": [
     {
-      "date": "Mon, 24 Apr 2023 08:09:17 GMT",
+      "date": "Thu, 18 May 2023 00:35:46 GMT",
+      "tag": "@fluentui/react-tabs_v9.3.13",
+      "version": "9.3.13",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "06cd515eda59a3078bfe32f9cc7c1f281cd20208",
+            "comment": "chore: add test-ssr script to v9 packages"
+          }
+        ],
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.20",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-tabster to v9.7.1",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-utilities to v9.9.0",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 May 2023 20:27:51 GMT",
+      "tag": "@fluentui/react-tabs_v9.3.12",
+      "version": "9.3.12",
+      "comments": {
+        "patch": [
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "ee977e20d359922798949a4f18af7a036ca36ca3",
+            "comment": "Update to use single hook selector"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "43d6e99d28aa0e7bd7111f1043348683646eaa5b",
+            "comment": "chore: move makeStyles() calls to .styles.ts files"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "c28decb23d191a0daaaf6d5d1832429715102129",
+            "comment": "chore: exclude .swcrc from being published"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.19",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.4.0",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-tabster to v9.7.0",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-theme to v9.1.8",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-utilities to v9.8.1",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          }
+        ],
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "dbda7fa69e3000aaf8dd4a061e254ebd35198b8e",
+            "comment": "fix: update npmignore files to fix npm8/node16 regression how npm publish works"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 24 Apr 2023 08:12:43 GMT",
       "tag": "@fluentui/react-tabs_v9.3.11",
       "version": "9.3.11",
       "comments": {
@@ -17,7 +135,7 @@
             "author": "beachball",
             "package": "@fluentui/react-tabs",
             "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2",
-            "commit": "948b5bf9871303d1742f1b9a17a3bd4006ce2fea"
+            "commit": "505433ac64f144c9cca456097413d6af4582e5ee"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,18 +1,48 @@
 # Change Log - @fluentui/react-tabs
 
-This log was last generated on Mon, 24 Apr 2023 08:09:17 GMT and should not be manually modified.
+This log was last generated on Thu, 18 May 2023 00:35:46 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.13)
+
+Thu, 18 May 2023 00:35:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.3.12..@fluentui/react-tabs_v9.3.13)
+
+### Patches
+
+- Bump @fluentui/react-context-selector to v9.1.20 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+- Bump @fluentui/react-tabster to v9.7.1 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+- Bump @fluentui/react-utilities to v9.9.0 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+
+## [9.3.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.12)
+
+Fri, 12 May 2023 20:27:51 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.3.11..@fluentui/react-tabs_v9.3.12)
+
+### Patches
+
+- Update to use single hook selector ([PR #27491](https://github.com/microsoft/fluentui/pull/27491) by gcox@microsoft.com)
+- chore: move makeStyles() calls to .styles.ts files ([PR #27708](https://github.com/microsoft/fluentui/pull/27708) by olfedias@microsoft.com)
+- chore: exclude .swcrc from being published ([PR #27740](https://github.com/microsoft/fluentui/pull/27740) by olfedias@microsoft.com)
+- Bump @fluentui/react-context-selector to v9.1.19 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.4.0 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-tabster to v9.7.0 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-theme to v9.1.8 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-utilities to v9.8.1 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+
 ## [9.3.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.11)
 
-Mon, 24 Apr 2023 08:09:17 GMT 
+Mon, 24 Apr 2023 08:12:43 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.3.10..@fluentui/react-tabs_v9.3.11)
 
 ### Patches
 
 - chore: adopts custom JSX pragma ([PR #27640](https://github.com/microsoft/fluentui/pull/27640) by bernardo.sunderhus@gmail.com)
-- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([PR #27632](https://github.com/microsoft/fluentui/pull/27632) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([commit](https://github.com/microsoft/fluentui/commit/505433ac64f144c9cca456097413d6af4582e5ee) by beachball)
 
 ## [9.3.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.10)
 

package/lib/components/Tab/Tab.js

@@ -1,18 +1,15 @@
 import * as React from 'react';
 import { useTab_unstable } from './useTab';
 import { renderTab_unstable } from './renderTab';
-import { useTabStyles_unstable } from './useTabStyles';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useTabStyles_unstable } from './useTabStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * A tab provides a selectable item in a tab list.
  */
 export const Tab = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useTab_unstable(props, ref);
   useTabStyles_unstable(state);
-  const {
-    useTabStyles_unstable: useCustomStyles
-  } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useTabStyles_unstable')(state);
   return renderTab_unstable(state);
 });
 Tab.displayName = 'Tab';

package/lib/components/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useTab_unstable","renderTab_unstable","useTabStyles_unstable","useCustomStyleHooks_unstable","Tab","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTab_unstable } from './useTab';\nimport { renderTab_unstable } from './renderTab';\nimport { useTabStyles_unstable } from './useTabStyles';\nimport type { TabProps } from './Tab.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A tab provides a selectable item in a tab list.\n */\nexport const Tab: ForwardRefComponent<TabProps> = React.forwardRef((props, ref) => {\n  const state = useTab_unstable(props, ref);\n\n  useTabStyles_unstable(state);\n\n  const { useTabStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTab_unstable(state);\n});\n\nTab.displayName = 'Tab';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,eAAe,QAAQ;AAChC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,qBAAqB,QAAQ;AAGtC,SAASC,4BAA4B,QAAQ;AAE7C;;;AAGA,OAAO,MAAMC,GAAA,gBAAqCL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACjF,MAAMC,KAAA,GAAQR,eAAA,CAAgBM,KAAA,EAAOC,GAAA;EAErCL,qBAAA,CAAsBM,KAAA;EAEtB,MAAM;IAAEN,qBAAA,EAAuBO;EAAe,CAAE,GAAGN,4BAAA;EACnDM,eAAA,CAAgBD,KAAA;EAEhB,OAAOP,kBAAA,CAAmBO,KAAA;AAC5B;AAEAJ,GAAA,CAAIM,WAAW,GAAG"}
+{"version":3,"names":["React","useTab_unstable","renderTab_unstable","useTabStyles_unstable","useCustomStyleHook_unstable","Tab","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTab_unstable } from './useTab';\nimport { renderTab_unstable } from './renderTab';\nimport { useTabStyles_unstable } from './useTabStyles.styles';\nimport type { TabProps } from './Tab.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A tab provides a selectable item in a tab list.\n */\nexport const Tab: ForwardRefComponent<TabProps> = React.forwardRef((props, ref) => {\n  const state = useTab_unstable(props, ref);\n\n  useTabStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTabStyles_unstable')(state);\n\n  return renderTab_unstable(state);\n});\n\nTab.displayName = 'Tab';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,eAAe,QAAQ;AAChC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,qBAAqB,QAAQ;AAGtC,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,GAAA,gBAAqCL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACjF,MAAMC,KAAA,GAAQR,eAAA,CAAgBM,KAAA,EAAOC,GAAA;EAErCL,qBAAA,CAAsBM,KAAA;EAEtBL,2BAAA,CAA4B,yBAAyBK,KAAA;EAErD,OAAOP,kBAAA,CAAmBO,KAAA;AAC5B;AAEAJ,GAAA,CAAIK,WAAW,GAAG"}

package/lib/components/Tab/index.js

@@ -2,6 +2,6 @@ export * from './Tab';
 export * from './Tab.types';
 export * from './renderTab';
 export * from './useTab';
-export * from './useTabStyles';
-export * from './useTabAnimatedIndicator';
+export * from './useTabStyles.styles';
+export * from './useTabAnimatedIndicator.styles';
 //# sourceMappingURL=index.js.map

package/lib/components/Tab/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Tab/index.ts"],"sourcesContent":["export * from './Tab';\nexport * from './Tab.types';\nexport * from './renderTab';\nexport * from './useTab';\nexport * from './useTabStyles';\nexport * from './useTabAnimatedIndicator';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"names":[],"sources":["../../../src/components/Tab/index.ts"],"sourcesContent":["export * from './Tab';\nexport * from './Tab.types';\nexport * from './renderTab';\nexport * from './useTab';\nexport * from './useTabStyles.styles';\nexport * from './useTabAnimatedIndicator.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/Tab/{useTabAnimatedIndicator.js → useTabAnimatedIndicator.styles.js}

@@ -123,4 +123,4 @@ export const useTabAnimatedIndicatorStyles_unstable = state => {
   };
   return state;
 };
-//# sourceMappingURL=useTabAnimatedIndicator.js.map
+//# sourceMappingURL=useTabAnimatedIndicator.styles.js.map

package/lib/components/Tab/useTabAnimatedIndicator.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","__styles","mergeClasses","shorthands","useTabListContext_unstable","tokens","tabIndicatorCssVars_unstable","offsetVar","scaleVar","useActiveIndicatorStyles","base","B68tc82","Bmxbyg5","animated","Ba2ppi3","F2fol1","B1dyfl9","B0vmy72","u9bimw","horizontal","sjv3b2","b1kco5","vertical","d","m","calculateTabRect","element","_element_parentElement","parentRect","parentElement","getBoundingClientRect","x","y","width","height","tabRect","undefined","getRegisteredTabRect","registeredTabs","value","_registeredTabs_JSON_stringify","JSON","stringify","ref","current","useTabAnimatedIndicatorStyles_unstable","state","disabled","selected","activeIndicatorStyles","lastAnimatedFrom","setLastAnimatedFrom","useState","animationValues","setAnimationValues","offset","scale","getRegisteredTabs","ctx","useEffect","previousSelectedValue","selectedValue","previousSelectedTabRect","selectedTabRect","animating","root","className","rootCssVars","style"],"sources":["../../../src/components/Tab/useTabAnimatedIndicator.styles.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TabState, TabValue } from './Tab.types';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useTabListContext_unstable } from '../TabList/TabListContext';\nimport { TabRegisterData } from '../TabList/TabList.types';\nimport { tokens } from '@fluentui/react-theme';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nconst tabIndicatorCssVars_unstable = {\n  offsetVar: '--fui-Tab__indicator--offset',\n  scaleVar: '--fui-Tab__indicator--scale',\n};\n\nconst useActiveIndicatorStyles = makeStyles({\n  base: {\n    // overflow is required to allow the selection indicator to animate outside the tab area.\n    ...shorthands.overflow('visible'),\n  },\n  animated: {\n    '::after': {\n      transitionProperty: 'transform',\n      transitionDuration: `${tokens.durationSlow}`,\n      transitionTimingFunction: `${tokens.curveDecelerateMax}`,\n    },\n    '@media (prefers-reduced-motion: reduce)': {\n      '::after': {\n        transitionProperty: 'none',\n        transitionDuration: '0.01ms',\n      },\n    },\n  },\n  horizontal: {\n    '::after': {\n      transformOrigin: 'left',\n      transform: `translateX(var(${tabIndicatorCssVars_unstable.offsetVar}))\n    scaleX(var(${tabIndicatorCssVars_unstable.scaleVar}))`,\n    },\n  },\n  vertical: {\n    '::after': {\n      transformOrigin: 'top',\n      transform: `translateY(var(${tabIndicatorCssVars_unstable.offsetVar}))\n        scaleY(var(${tabIndicatorCssVars_unstable.scaleVar}))`,\n    },\n  },\n});\n\nconst calculateTabRect = (element: HTMLElement) => {\n  if (element) {\n    const parentRect = element.parentElement?.getBoundingClientRect() || { x: 0, y: 0, width: 0, height: 0 };\n    const tabRect = element.getBoundingClientRect();\n\n    return {\n      x: tabRect.x - parentRect.x,\n      y: tabRect.y - parentRect.y,\n      width: tabRect.width,\n      height: tabRect.height,\n    };\n  }\n  return undefined;\n};\n\nconst getRegisteredTabRect = (registeredTabs: Record<string, TabRegisterData>, value?: TabValue) => {\n  const element =\n    value !== undefined && value !== null ? registeredTabs[JSON.stringify(value)]?.ref.current : undefined;\n  return element ? calculateTabRect(element) : undefined;\n};\n\n/**\n * Adds additional styling to the active tab selection indicator to create a sliding animation.\n */\nexport const useTabAnimatedIndicatorStyles_unstable = (state: TabState): TabState => {\n  const { disabled, selected, vertical } = state;\n\n  const activeIndicatorStyles = useActiveIndicatorStyles();\n  const [lastAnimatedFrom, setLastAnimatedFrom] = React.useState<TabValue>();\n  const [animationValues, setAnimationValues] = React.useState({ offset: 0, scale: 1 });\n  const getRegisteredTabs = useTabListContext_unstable(ctx => ctx.getRegisteredTabs);\n\n  React.useEffect(() => {\n    if (lastAnimatedFrom) {\n      setAnimationValues({ offset: 0, scale: 1 });\n    }\n  }, [lastAnimatedFrom]);\n\n  if (selected) {\n    const { previousSelectedValue, selectedValue, registeredTabs } = getRegisteredTabs();\n    const previousSelectedTabRect = getRegisteredTabRect(registeredTabs, previousSelectedValue);\n    const selectedTabRect = getRegisteredTabRect(registeredTabs, selectedValue);\n\n    if (\n      selectedTabRect &&\n      previousSelectedTabRect &&\n      previousSelectedValue &&\n      lastAnimatedFrom !== previousSelectedValue\n    ) {\n      const offset = vertical\n        ? previousSelectedTabRect.y - selectedTabRect.y\n        : previousSelectedTabRect.x - selectedTabRect.x;\n\n      const scale = vertical\n        ? previousSelectedTabRect.height / selectedTabRect.height\n        : previousSelectedTabRect.width / selectedTabRect.width;\n\n      setAnimationValues({ offset, scale });\n      setLastAnimatedFrom(previousSelectedValue);\n    }\n  } else if (lastAnimatedFrom) {\n    // need to clear the last animated from so that if this tab is selected again\n    // from the same previous tab as last time, that animation still happens.\n    setLastAnimatedFrom(undefined);\n  }\n\n  // do not apply any animation if the tab is disabled\n  if (disabled) {\n    return state;\n  }\n\n  // the animation should only happen as the selection indicator returns to its\n  // original position and not when set at the previous tabs position.\n  const animating = animationValues.offset === 0 && animationValues.scale === 1;\n\n  state.root.className = mergeClasses(\n    state.root.className,\n    selected && activeIndicatorStyles.base,\n    selected && animating && activeIndicatorStyles.animated,\n    selected && (vertical ? activeIndicatorStyles.vertical : activeIndicatorStyles.horizontal),\n  );\n\n  const rootCssVars = {\n    [tabIndicatorCssVars_unstable.offsetVar]: `${animationValues.offset}px`,\n    [tabIndicatorCssVars_unstable.scaleVar]: `${animationValues.scale}`,\n  };\n\n  state.root.style = {\n    ...rootCssVars,\n    ...state.root.style,\n  };\n\n  return state;\n};\n"],"mappings":"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"}

package/lib/components/Tab/{useTabStyles.js → useTabStyles.styles.js}

@@ -1,7 +1,7 @@
 import { __styles, mergeClasses, shorthands } from '@griffel/react';
 import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
-import { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator';
+import { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator.styles';
 export const tabClassNames = {
   root: 'fui-Tab',
   icon: 'fui-Tab__icon',
@@ -413,4 +413,4 @@ export const useTabStyles_unstable = state => {
   useTabAnimatedIndicatorStyles_unstable(state);
   return state;
 };
-//# sourceMappingURL=useTabStyles.js.map
+//# sourceMappingURL=useTabStyles.styles.js.map

package/lib/components/Tab/useTabStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","useTabAnimatedIndicatorStyles_unstable","tabClassNames","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","base","Bt984gj","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","Bceei9c","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","Bahqtrf","Bg96gwp","oeaueh","qhf8xq","B68tc82","Bmxbyg5","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","z8tnut","z189sj","Byoj8tv","uwmqm3","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","Jwef8y","ecr2s2","Bptxc3x","B076xvk","q9r9w5","cl4aha","Bk452zc","a4hkcw","subtle","disabled","selected","d","h","a","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","usePendingIndicatorStyles","az7l2e","Bv4n3vi","vqofr","B0uxbk8","Bgqb9hq","amg5m6","zkfqfm","Bkydozb","vzq8l0","Bka2azo","Br4ovkg","csmgbd","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","m","useActiveIndicatorStyles","Bjyk6c5","B3778ie","d9w3h3","Bl18szs","B4j8arr","Bsft5z2","E3zdtr","t2ki1e","Glksuk","Blzl0y7","f7digc","Biqphg1","Bntoloa","By385i5","Dlnsje","Eqx8gd","B1piin3","bn5sak","a2br6o","useIconStyles","Br312pm","Ijaq50","D0sxk3","t6yez3","small","Be2twd7","Bqenvij","a9b677","medium","large","useContentStyles","Bhrd7zp","largeSelected","noIconBefore","iconBefore","placeholder","Bcdw1i0","useTabStyles_unstable","state","rootStyles","focusStyles","pendingIndicatorStyles","activeIndicatorStyles","iconStyles","contentStyles","appearance","size","className","contentReservedSpaceClassName","undefined"],"sources":["../../../src/components/Tab/useTabStyles.styles.ts"],"sourcesContent":["import type { TabSlots, TabState } from './Tab.types';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator.styles';\n\nexport const tabClassNames: SlotClassNames<TabSlots> = {\n  root: 'fui-Tab',\n  icon: 'fui-Tab__icon',\n  content: 'fui-Tab__content',\n};\n\nconst reservedSpaceClassNames = {\n  content: 'fui-Tab__content--reserved-space',\n};\n\n// These should match the constants defined in @fluentui/react-icons\n// This package avoids taking a dependency on the icons package for only the constants.\nconst iconClassNames = {\n  filled: 'fui-Icon-filled',\n  regular: 'fui-Icon-regular',\n};\n\n/**\n * Styles for the root slot\n */\n/* eslint-disable @typescript-eslint/naming-convention */\nconst useRootStyles = makeStyles({\n  base: {\n    alignItems: 'center',\n    ...shorthands.borderColor('none'),\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n    ...shorthands.borderWidth(0),\n    cursor: 'pointer',\n    display: 'grid',\n    flexShrink: 0,\n    gridAutoFlow: 'column',\n    gridTemplateColumns: 'auto',\n    gridTemplateRows: 'auto',\n    fontFamily: tokens.fontFamilyBase,\n    lineHeight: tokens.lineHeightBase300,\n    outlineStyle: 'none',\n    position: 'relative',\n    ...shorthands.overflow('hidden'),\n    textTransform: 'none',\n  },\n  horizontal: {\n    justifyContent: 'center',\n  },\n  vertical: {\n    justifyContent: 'start',\n  },\n  smallHorizontal: {\n    columnGap: tokens.spacingHorizontalXXS,\n    ...shorthands.padding(tokens.spacingVerticalSNudge, tokens.spacingHorizontalSNudge),\n  },\n  smallVertical: {\n    // horizontal spacing is deliberate. This is the gap between icon and content.\n    columnGap: tokens.spacingHorizontalXXS,\n    ...shorthands.padding(tokens.spacingVerticalXXS, tokens.spacingHorizontalSNudge),\n  },\n  mediumHorizontal: {\n    columnGap: tokens.spacingHorizontalSNudge,\n    ...shorthands.padding(tokens.spacingVerticalM, tokens.spacingHorizontalMNudge),\n  },\n  mediumVertical: {\n    // horizontal spacing is deliberate. This is the gap between icon and content.\n    columnGap: tokens.spacingHorizontalSNudge,\n    ...shorthands.padding(tokens.spacingVerticalSNudge, tokens.spacingHorizontalMNudge),\n  },\n  largeHorizontal: {\n    columnGap: tokens.spacingHorizontalSNudge,\n    ...shorthands.padding(tokens.spacingVerticalL, tokens.spacingHorizontalMNudge),\n  },\n  largeVertical: {\n    // horizontal spacing is deliberate. This is the gap between icon and content.\n    columnGap: tokens.spacingHorizontalSNudge,\n    ...shorthands.padding(tokens.spacingVerticalS, tokens.spacingHorizontalMNudge),\n  },\n  transparent: {\n    backgroundColor: tokens.colorTransparentBackground,\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundHover,\n    },\n    ':active': {\n      backgroundColor: tokens.colorTransparentBackgroundPressed,\n    },\n    '& .fui-Tab__icon': {\n      color: tokens.colorNeutralForeground2,\n    },\n    ':hover .fui-Tab__icon': {\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    ':active .fui-Tab__icon': {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n    '& .fui-Tab__content': {\n      color: tokens.colorNeutralForeground2,\n    },\n    ':hover .fui-Tab__content': {\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    ':active .fui-Tab__content': {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  subtle: {\n    backgroundColor: tokens.colorSubtleBackground,\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n    },\n    ':active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n    },\n    '& .fui-Tab__icon': {\n      color: tokens.colorNeutralForeground2,\n    },\n    ':hover .fui-Tab__icon': {\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    ':active .fui-Tab__icon': {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n    '& .fui-Tab__content': {\n      color: tokens.colorNeutralForeground2,\n    },\n    ':hover .fui-Tab__content': {\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    ':active .fui-Tab__content': {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  disabled: {\n    backgroundColor: tokens.colorTransparentBackground,\n\n    '& .fui-Tab__icon': {\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n    '& .fui-Tab__content': {\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n    cursor: 'not-allowed',\n  },\n  selected: {\n    '& .fui-Tab__icon': {\n      color: tokens.colorCompoundBrandForeground1,\n    },\n    ':hover .fui-Tab__icon': {\n      color: tokens.colorCompoundBrandForeground1Hover,\n    },\n    ':active .fui-Tab__icon': {\n      color: tokens.colorCompoundBrandForeground1Pressed,\n    },\n    '& .fui-Tab__content': {\n      color: tokens.colorNeutralForeground1,\n    },\n    ':hover .fui-Tab__content': {\n      color: tokens.colorNeutralForeground1Hover,\n    },\n    ':active .fui-Tab__content': {\n      color: tokens.colorNeutralForeground1Pressed,\n    },\n  },\n});\n/* eslint-enable @typescript-eslint/naming-convention */\n\n/**\n * Focus styles for the root slot\n */\nconst useFocusStyles = makeStyles({\n  // Tab creates a custom focus indicator because the default focus indicator\n  // is applied using an ::after pseudo-element on the root. Since the selection\n  // indicator uses an ::after pseudo-element on the root, there is a conflict.\n  base: createCustomFocusIndicatorStyle(\n    {\n      ...shorthands.borderColor('transparent'),\n      outlineWidth: tokens.strokeWidthThick,\n      outlineColor: 'transparent',\n      outlineStyle: 'solid',\n      boxShadow: `\n      ${tokens.shadow4},\n      0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2}\n    `,\n      zIndex: 1,\n    },\n    { enableOutline: true },\n  ),\n});\n\n/** Indicator styles for when pending selection */\nconst usePendingIndicatorStyles = makeStyles({\n  base: {\n    ':hover::before': {\n      backgroundColor: tokens.colorNeutralStroke1Hover,\n      ...shorthands.borderRadius(tokens.borderRadiusCircular),\n      content: '\"\"',\n      position: 'absolute',\n    },\n    ':active::before': {\n      backgroundColor: tokens.colorNeutralStroke1Pressed,\n      ...shorthands.borderRadius(tokens.borderRadiusCircular),\n      content: '\"\"',\n      position: 'absolute',\n    },\n    '@media (forced-colors: active)': {\n      ':hover::before': {\n        backgroundColor: 'Highlight',\n      },\n      ':active::before': {\n        backgroundColor: 'Highlight',\n      },\n    },\n  },\n  disabled: {\n    ':hover::before': {\n      backgroundColor: tokens.colorTransparentStroke,\n    },\n    ':active::before': {\n      backgroundColor: tokens.colorTransparentStroke,\n    },\n  },\n  smallHorizontal: {\n    '::before': {\n      bottom: 0,\n      height: tokens.strokeWidthThick,\n      left: tokens.spacingHorizontalSNudge,\n      right: tokens.spacingHorizontalSNudge,\n    },\n  },\n  smallVertical: {\n    '::before': {\n      bottom: tokens.spacingVerticalXS,\n      left: 0,\n      top: tokens.spacingVerticalXS,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n  mediumHorizontal: {\n    '::before': {\n      bottom: 0,\n      height: tokens.strokeWidthThicker,\n      left: tokens.spacingHorizontalM,\n      right: tokens.spacingHorizontalM,\n    },\n  },\n  mediumVertical: {\n    '::before': {\n      bottom: tokens.spacingVerticalS,\n      left: 0,\n      top: tokens.spacingVerticalS,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n  largeHorizontal: {\n    '::before': {\n      bottom: 0,\n      height: tokens.strokeWidthThicker,\n      left: tokens.spacingHorizontalM,\n      right: tokens.spacingHorizontalM,\n    },\n  },\n  largeVertical: {\n    '::before': {\n      bottom: tokens.spacingVerticalMNudge,\n      left: 0,\n      top: tokens.spacingVerticalMNudge,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n});\n\nconst useActiveIndicatorStyles = makeStyles({\n  base: {\n    '::after': {\n      backgroundColor: tokens.colorTransparentStroke,\n      ...shorthands.borderRadius(tokens.borderRadiusCircular),\n      content: '\"\"',\n      position: 'absolute',\n      zIndex: 1,\n    },\n  },\n  selected: {\n    '::after': {\n      backgroundColor: tokens.colorCompoundBrandStroke,\n    },\n    ':hover::after': {\n      backgroundColor: tokens.colorCompoundBrandStrokeHover,\n    },\n    ':active::after': {\n      backgroundColor: tokens.colorCompoundBrandStrokePressed,\n    },\n    '@media (forced-colors: active)': {\n      '::after': {\n        backgroundColor: 'ButtonText',\n      },\n      ':hover::after': {\n        backgroundColor: 'ButtonText',\n      },\n      ':active::after': {\n        backgroundColor: 'ButtonText',\n      },\n    },\n  },\n  disabled: {\n    '::after': {\n      backgroundColor: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n  smallHorizontal: {\n    '::after': {\n      bottom: 0,\n      height: tokens.strokeWidthThick,\n      left: tokens.spacingHorizontalSNudge,\n      right: tokens.spacingHorizontalSNudge,\n    },\n  },\n  smallVertical: {\n    '::after': {\n      bottom: tokens.spacingVerticalXS,\n      left: '0',\n      top: tokens.spacingVerticalXS,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n  mediumHorizontal: {\n    '::after': {\n      bottom: '0',\n      height: tokens.strokeWidthThicker,\n      left: tokens.spacingHorizontalM,\n      right: tokens.spacingHorizontalM,\n    },\n  },\n  mediumVertical: {\n    '::after': {\n      bottom: tokens.spacingVerticalS,\n      left: 0,\n      top: tokens.spacingVerticalS,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n  largeHorizontal: {\n    '::after': {\n      bottom: 0,\n      height: tokens.strokeWidthThicker,\n      left: tokens.spacingHorizontalM,\n      right: tokens.spacingHorizontalM,\n    },\n  },\n  largeVertical: {\n    '::after': {\n      bottom: tokens.spacingVerticalMNudge,\n      left: 0,\n      top: tokens.spacingVerticalMNudge,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n});\n\n/**\n * Styles for the icon slot.\n */\nconst useIconStyles = makeStyles({\n  base: {\n    gridColumnStart: 1,\n    gridRowStart: 1,\n    alignItems: 'center',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    ...shorthands.overflow('hidden'),\n    [`& .${iconClassNames.filled}`]: {\n      display: 'none',\n    },\n    [`& .${iconClassNames.regular}`]: {\n      display: 'inline',\n    },\n  },\n  // per design, the small and medium font sizes are the same.\n  // the size prop only affects spacing.\n  small: {\n    fontSize: '20px',\n    height: '20px',\n    width: '20px',\n  },\n  medium: {\n    fontSize: '20px',\n    height: '20px',\n    width: '20px',\n  },\n  large: {\n    fontSize: '24px',\n    height: '24px',\n    width: '24px',\n  },\n  selected: {\n    [`& .${iconClassNames.filled}`]: {\n      display: 'inline',\n    },\n    [`& .${iconClassNames.regular}`]: {\n      display: 'none',\n    },\n  },\n});\n\n/**\n * Styles for the content slot (children)\n */\nconst useContentStyles = makeStyles({\n  base: {\n    ...typographyStyles.body1,\n    ...shorthands.overflow('hidden'),\n    // content padding is the same for medium & small, horiztonal & vertical\n    ...shorthands.padding(tokens.spacingVerticalNone, tokens.spacingHorizontalXXS),\n  },\n  selected: {\n    ...typographyStyles.body1Strong,\n  },\n  large: {\n    ...typographyStyles.body2,\n  },\n  largeSelected: {\n    ...typographyStyles.subtitle2,\n  },\n  noIconBefore: {\n    gridColumnStart: 1,\n    gridRowStart: 1,\n  },\n  iconBefore: {\n    gridColumnStart: 2,\n    gridRowStart: 1,\n  },\n  placeholder: {\n    visibility: 'hidden',\n  },\n});\n\n/**\n * Apply styling to the Tab slots based on the state\n */\nexport const useTabStyles_unstable = (state: TabState): TabState => {\n  const rootStyles = useRootStyles();\n  const focusStyles = useFocusStyles();\n  const pendingIndicatorStyles = usePendingIndicatorStyles();\n  const activeIndicatorStyles = useActiveIndicatorStyles();\n  const iconStyles = useIconStyles();\n  const contentStyles = useContentStyles();\n\n  const { appearance, disabled, selected, size, vertical } = state;\n\n  state.root.className = mergeClasses(\n    tabClassNames.root,\n    rootStyles.base,\n    vertical ? rootStyles.vertical : rootStyles.horizontal,\n    size === 'small' && (vertical ? rootStyles.smallVertical : rootStyles.smallHorizontal),\n    size === 'medium' && (vertical ? rootStyles.mediumVertical : rootStyles.mediumHorizontal),\n    size === 'large' && (vertical ? rootStyles.largeVertical : rootStyles.largeHorizontal),\n    focusStyles.base,\n    !disabled && appearance === 'subtle' && rootStyles.subtle,\n    !disabled && appearance === 'transparent' && rootStyles.transparent,\n    !disabled && selected && rootStyles.selected,\n    disabled && rootStyles.disabled,\n\n    // pending indicator (before pseudo element)\n    pendingIndicatorStyles.base,\n    size === 'small' && (vertical ? pendingIndicatorStyles.smallVertical : pendingIndicatorStyles.smallHorizontal),\n    size === 'medium' && (vertical ? pendingIndicatorStyles.mediumVertical : pendingIndicatorStyles.mediumHorizontal),\n    size === 'large' && (vertical ? pendingIndicatorStyles.largeVertical : pendingIndicatorStyles.largeHorizontal),\n    disabled && pendingIndicatorStyles.disabled,\n\n    // active indicator (after pseudo element)\n    selected && activeIndicatorStyles.base,\n    selected && !disabled && activeIndicatorStyles.selected,\n    selected &&\n      size === 'small' &&\n      (vertical ? activeIndicatorStyles.smallVertical : activeIndicatorStyles.smallHorizontal),\n    selected &&\n      size === 'medium' &&\n      (vertical ? activeIndicatorStyles.mediumVertical : activeIndicatorStyles.mediumHorizontal),\n    selected &&\n      size === 'large' &&\n      (vertical ? activeIndicatorStyles.largeVertical : activeIndicatorStyles.largeHorizontal),\n    selected && disabled && activeIndicatorStyles.disabled,\n\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      tabClassNames.icon,\n      iconStyles.base,\n      iconStyles[size],\n      selected && iconStyles.selected,\n      state.icon.className,\n    );\n  }\n\n  // This needs to be before state.content.className is updated\n  if (state.contentReservedSpaceClassName !== undefined) {\n    state.contentReservedSpaceClassName = mergeClasses(\n      reservedSpaceClassNames.content,\n      contentStyles.base,\n      size === 'large' ? contentStyles.largeSelected : contentStyles.selected,\n      state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore,\n      contentStyles.placeholder,\n      state.content.className,\n    );\n  }\n\n  state.content.className = mergeClasses(\n    tabClassNames.content,\n    contentStyles.base,\n    size === 'large' && contentStyles.large,\n    selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected),\n    state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore,\n    state.content.className,\n  );\n\n  useTabAnimatedIndicatorStyles_unstable(state);\n\n  return state;\n};\n"],"mappings":"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"}

package/lib/components/TabList/TabList.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { useTabList_unstable } from './useTabList';
 import { renderTabList_unstable } from './renderTabList';
-import { useTabListStyles_unstable } from './useTabListStyles';
+import { useTabListStyles_unstable } from './useTabListStyles.styles';
 import { useTabListContextValues_unstable } from './useTabListContextValues';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * A tab list provides single selection from a set of tabs.
  */
@@ -11,10 +11,7 @@ export const TabList = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useTabList_unstable(props, ref);
   const contextValues = useTabListContextValues_unstable(state);
   useTabListStyles_unstable(state);
-  const {
-    useTabListStyles_unstable: useCustomStyles
-  } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useTabListStyles_unstable')(state);
   return renderTabList_unstable(state, contextValues);
 });
 TabList.displayName = 'TabList';

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

@@ -1 +1 @@
-{"version":3,"names":["React","useTabList_unstable","renderTabList_unstable","useTabListStyles_unstable","useTabListContextValues_unstable","useCustomStyleHooks_unstable","TabList","forwardRef","props","ref","state","contextValues","useCustomStyles","displayName"],"sources":["../../../src/components/TabList/TabList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTabList_unstable } from './useTabList';\nimport { renderTabList_unstable } from './renderTabList';\nimport { useTabListStyles_unstable } from './useTabListStyles';\nimport type { TabListProps } from './TabList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTabListContextValues_unstable } from './useTabListContextValues';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A tab list provides single selection from a set of tabs.\n */\nexport const TabList: ForwardRefComponent<TabListProps> = React.forwardRef((props, ref) => {\n  const state = useTabList_unstable(props, ref);\n  const contextValues = useTabListContextValues_unstable(state);\n\n  useTabListStyles_unstable(state);\n\n  const { useTabListStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTabList_unstable(state, contextValues);\n});\n\nTabList.displayName = 'TabList';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,yBAAyB,QAAQ;AAG1C,SAASC,gCAAgC,QAAQ;AACjD,SAASC,4BAA4B,QAAQ;AAE7C;;;AAGA,OAAO,MAAMC,OAAA,gBAA6CN,KAAA,CAAMO,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACzF,MAAMC,KAAA,GAAQT,mBAAA,CAAoBO,KAAA,EAAOC,GAAA;EACzC,MAAME,aAAA,GAAgBP,gCAAA,CAAiCM,KAAA;EAEvDP,yBAAA,CAA0BO,KAAA;EAE1B,MAAM;IAAEP,yBAAA,EAA2BS;EAAe,CAAE,GAAGP,4BAAA;EACvDO,eAAA,CAAgBF,KAAA;EAEhB,OAAOR,sBAAA,CAAuBQ,KAAA,EAAOC,aAAA;AACvC;AAEAL,OAAA,CAAQO,WAAW,GAAG"}
+{"version":3,"names":["React","useTabList_unstable","renderTabList_unstable","useTabListStyles_unstable","useTabListContextValues_unstable","useCustomStyleHook_unstable","TabList","forwardRef","props","ref","state","contextValues","displayName"],"sources":["../../../src/components/TabList/TabList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTabList_unstable } from './useTabList';\nimport { renderTabList_unstable } from './renderTabList';\nimport { useTabListStyles_unstable } from './useTabListStyles.styles';\nimport type { TabListProps } from './TabList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTabListContextValues_unstable } from './useTabListContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A tab list provides single selection from a set of tabs.\n */\nexport const TabList: ForwardRefComponent<TabListProps> = React.forwardRef((props, ref) => {\n  const state = useTabList_unstable(props, ref);\n  const contextValues = useTabListContextValues_unstable(state);\n\n  useTabListStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTabListStyles_unstable')(state);\n\n  return renderTabList_unstable(state, contextValues);\n});\n\nTabList.displayName = 'TabList';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,yBAAyB,QAAQ;AAG1C,SAASC,gCAAgC,QAAQ;AACjD,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,OAAA,gBAA6CN,KAAA,CAAMO,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACzF,MAAMC,KAAA,GAAQT,mBAAA,CAAoBO,KAAA,EAAOC,GAAA;EACzC,MAAME,aAAA,GAAgBP,gCAAA,CAAiCM,KAAA;EAEvDP,yBAAA,CAA0BO,KAAA;EAE1BL,2BAAA,CAA4B,6BAA6BK,KAAA;EAEzD,OAAOR,sBAAA,CAAuBQ,KAAA,EAAOC,aAAA;AACvC;AAEAL,OAAA,CAAQM,WAAW,GAAG"}

package/lib/components/TabList/index.js

@@ -4,5 +4,5 @@ export * from './TabListContext';
 export * from './renderTabList';
 export * from './useTabList';
 export * from './useTabListContextValues';
-export * from './useTabListStyles';
+export * from './useTabListStyles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/TabList/index.ts"],"sourcesContent":["export * from './TabList';\nexport * from './TabList.types';\nexport * from './TabListContext';\nexport * from './renderTabList';\nexport * from './useTabList';\nexport * from './useTabListContextValues';\nexport * from './useTabListStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"names":[],"sources":["../../../src/components/TabList/index.ts"],"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"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/TabList/{useTabListStyles.js → useTabListStyles.styles.js}

@@ -35,4 +35,4 @@ export const useTabListStyles_unstable = state => {
   state.root.className = mergeClasses(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, state.root.className);
   return state;
 };
-//# sourceMappingURL=useTabListStyles.js.map
+//# sourceMappingURL=useTabListStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","tabListClassNames","root","useStyles","mc9l5x","Beiy3e4","Bnnss6s","Eh141a","qhf8xq","horizontal","Bt984gj","vertical","d","useTabListStyles_unstable","state","styles","className"],"sources":["../../../src/components/TabList/useTabListStyles.styles.ts"],"sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\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});\n\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = (state: TabListState): TabListState => {\n  const { vertical } = state;\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    tabListClassNames.root,\n    styles.root,\n    vertical ? styles.vertical : styles.horizontal,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ;AAGzC,OAAO,MAAMC,iBAAA,GAAkD;EAC7DC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAC,OAAA;IAAAL,OAAA;EAAA;EAAAM,QAAA;IAAAD,OAAA;IAAAL,OAAA;EAAA;AAAA;EAAAO,CAAA;AAAA,EAgBlB;AAEA;;;AAGA,OAAO,MAAMC,yBAAA,GAA6BC,KAAA,IAAsC;EAC9E,MAAM;IAAEH;EAAQ,CAAE,GAAGG,KAAA;EAErB,MAAMC,MAAA,GAASZ,SAAA;EAEfW,KAAA,CAAMZ,IAAI,CAACc,SAAS,GAAGhB,YAAA,CACrBC,iBAAA,CAAkBC,IAAI,EACtBa,MAAA,CAAOb,IAAI,EACXS,QAAA,GAAWI,MAAA,CAAOJ,QAAQ,GAAGI,MAAA,CAAON,UAAU,EAC9CK,KAAA,CAAMZ,IAAI,CAACc,SAAS;EAGtB,OAAOF,KAAA;AACT"}

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

@@ -10,13 +10,12 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _useTab = require("./useTab");
 const _renderTab = require("./renderTab");
-const _useTabStyles = require("./useTabStyles");
+const _useTabStylesStyles = require("./useTabStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const Tab = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useTab.useTab_unstable)(props, ref);
-    (0, _useTabStyles.useTabStyles_unstable)(state);
-    const { useTabStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useTabStylesStyles.useTabStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useTabStyles_unstable')(state);
     return (0, _renderTab.renderTab_unstable)(state);
 });
 Tab.displayName = 'Tab'; //# sourceMappingURL=Tab.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Tab/Tab.js"],"sourcesContent":["import * as React from 'react';\nimport { useTab_unstable } from './useTab';\nimport { renderTab_unstable } from './renderTab';\nimport { useTabStyles_unstable } from './useTabStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A tab provides a selectable item in a tab list.\n */\nexport const Tab = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useTab_unstable(props, ref);\n  useTabStyles_unstable(state);\n  const {\n    useTabStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderTab_unstable(state);\n});\nTab.displayName = 'Tab';\n//# sourceMappingURL=Tab.js.map"],"names":["Tab","React","forwardRef","props","ref","state","useTab_unstable","useTabStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTab_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;wBACS;2BACG;8BACG;qCACO;AAItC,MAAMA,MAAM,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC/D,MAAMC,QAAQC,IAAAA,uBAAe,EAACH,OAAOC;IACrCG,IAAAA,mCAAqB,EAACF;IACtB,MAAM,EACJE,uBAAuBC,gBAAe,EACvC,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,6BAAkB,EAACL;AAC5B;AACAL,IAAIW,WAAW,GAAG,OAClB,+BAA+B"}
+{"version":3,"sources":["../../../lib/components/Tab/Tab.js"],"sourcesContent":["import * as React from 'react';\nimport { useTab_unstable } from './useTab';\nimport { renderTab_unstable } from './renderTab';\nimport { useTabStyles_unstable } from './useTabStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A tab provides a selectable item in a tab list.\n */\nexport const Tab = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useTab_unstable(props, ref);\n  useTabStyles_unstable(state);\n  useCustomStyleHook_unstable('useTabStyles_unstable')(state);\n  return renderTab_unstable(state);\n});\nTab.displayName = 'Tab';\n//# sourceMappingURL=Tab.js.map"],"names":["Tab","React","forwardRef","props","ref","state","useTab_unstable","useTabStyles_unstable","useCustomStyleHook_unstable","renderTab_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;wBACS;2BACG;oCACG;qCACM;AAIrC,MAAMA,MAAM,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC/D,MAAMC,QAAQC,IAAAA,uBAAe,EAACH,OAAOC;IACrCG,IAAAA,yCAAqB,EAACF;IACtBG,IAAAA,gDAA2B,EAAC,yBAAyBH;IACrD,OAAOI,IAAAA,6BAAkB,EAACJ;AAC5B;AACAL,IAAIU,WAAW,GAAG,OAClB,+BAA+B"}

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

@@ -7,8 +7,8 @@ _exportStar(require("./Tab"), exports);
 _exportStar(require("./Tab.types"), exports);
 _exportStar(require("./renderTab"), exports);
 _exportStar(require("./useTab"), exports);
-_exportStar(require("./useTabStyles"), exports);
-_exportStar(require("./useTabAnimatedIndicator"), exports);
+_exportStar(require("./useTabStyles.styles"), exports);
+_exportStar(require("./useTabAnimatedIndicator.styles"), exports);
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Tab/index.js"],"sourcesContent":["export * from './Tab';\nexport * from './Tab.types';\nexport * from './renderTab';\nexport * from './useTab';\nexport * from './useTabStyles';\nexport * from './useTabAnimatedIndicator';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/Tab/index.js"],"sourcesContent":["export * from './Tab';\nexport * from './Tab.types';\nexport * from './renderTab';\nexport * from './useTab';\nexport * from './useTabStyles.styles';\nexport * from './useTabAnimatedIndicator.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/Tab/{useTabAnimatedIndicator.js → useTabAnimatedIndicator.styles.js}

@@ -144,6 +144,6 @@ const useTabAnimatedIndicatorStyles_unstable = (state)=>{
         ...state.root.style
     };
     return state;
-}; //# sourceMappingURL=useTabAnimatedIndicator.js.map
+}; //# sourceMappingURL=useTabAnimatedIndicator.styles.js.map
 
-//# sourceMappingURL=useTabAnimatedIndicator.js.map
+//# sourceMappingURL=useTabAnimatedIndicator.styles.js.map

package/lib-commonjs/components/Tab/useTabAnimatedIndicator.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Tab/useTabAnimatedIndicator.styles.js"],"sourcesContent":["import * as React from 'react';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useTabListContext_unstable } from '../TabList/TabListContext';\nimport { tokens } from '@fluentui/react-theme';\n// eslint-disable-next-line @typescript-eslint/naming-convention\nconst tabIndicatorCssVars_unstable = {\n  offsetVar: '--fui-Tab__indicator--offset',\n  scaleVar: '--fui-Tab__indicator--scale'\n};\nconst useActiveIndicatorStyles = /*#__PURE__*/__styles({\n  base: {\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\"\n  },\n  animated: {\n    Ba2ppi3: \"fhwpy7i\",\n    F2fol1: \"f6zz20j\",\n    B1dyfl9: \"f1ai4sc1\",\n    B0vmy72: \"f9qxlq5\",\n    u9bimw: \"f1aql376\"\n  },\n  horizontal: {\n    sjv3b2: [\"fug4aj8\", \"f1i5xzg7\"],\n    b1kco5: \"f1q7ujh\"\n  },\n  vertical: {\n    sjv3b2: \"f1hqboyk\",\n    b1kco5: \"f1dxupa6\"\n  }\n}, {\n  d: [\".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".fhwpy7i::after{transition-property:transform;}\", \".f6zz20j::after{transition-duration:var(--durationSlow);}\", \".f1ai4sc1::after{transition-timing-function:var(--curveDecelerateMax);}\", \".fug4aj8::after{transform-origin:left;}\", \".f1i5xzg7::after{transform-origin:right;}\", \".f1q7ujh::after{-webkit-transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));-moz-transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));-ms-transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));}\", \".f1hqboyk::after{transform-origin:top;}\", \".f1dxupa6::after{-webkit-transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));-moz-transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));-ms-transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));}\"],\n  m: [[\"@media (prefers-reduced-motion: reduce){.f9qxlq5::after{transition-property:none;}}\", {\n    m: \"(prefers-reduced-motion: reduce)\"\n  }], [\"@media (prefers-reduced-motion: reduce){.f1aql376::after{transition-duration:0.01ms;}}\", {\n    m: \"(prefers-reduced-motion: reduce)\"\n  }]]\n});\nconst calculateTabRect = element => {\n  if (element) {\n    var _element_parentElement;\n    const parentRect = ((_element_parentElement = element.parentElement) === null || _element_parentElement === void 0 ? void 0 : _element_parentElement.getBoundingClientRect()) || {\n      x: 0,\n      y: 0,\n      width: 0,\n      height: 0\n    };\n    const tabRect = element.getBoundingClientRect();\n    return {\n      x: tabRect.x - parentRect.x,\n      y: tabRect.y - parentRect.y,\n      width: tabRect.width,\n      height: tabRect.height\n    };\n  }\n  return undefined;\n};\nconst getRegisteredTabRect = (registeredTabs, value) => {\n  var _registeredTabs_JSON_stringify;\n  const element = value !== undefined && value !== null ? (_registeredTabs_JSON_stringify = registeredTabs[JSON.stringify(value)]) === null || _registeredTabs_JSON_stringify === void 0 ? void 0 : _registeredTabs_JSON_stringify.ref.current : undefined;\n  return element ? calculateTabRect(element) : undefined;\n};\n/**\n * Adds additional styling to the active tab selection indicator to create a sliding animation.\n */\nexport const useTabAnimatedIndicatorStyles_unstable = state => {\n  const {\n    disabled,\n    selected,\n    vertical\n  } = state;\n  const activeIndicatorStyles = useActiveIndicatorStyles();\n  const [lastAnimatedFrom, setLastAnimatedFrom] = React.useState();\n  const [animationValues, setAnimationValues] = React.useState({\n    offset: 0,\n    scale: 1\n  });\n  const getRegisteredTabs = useTabListContext_unstable(ctx => ctx.getRegisteredTabs);\n  React.useEffect(() => {\n    if (lastAnimatedFrom) {\n      setAnimationValues({\n        offset: 0,\n        scale: 1\n      });\n    }\n  }, [lastAnimatedFrom]);\n  if (selected) {\n    const {\n      previousSelectedValue,\n      selectedValue,\n      registeredTabs\n    } = getRegisteredTabs();\n    const previousSelectedTabRect = getRegisteredTabRect(registeredTabs, previousSelectedValue);\n    const selectedTabRect = getRegisteredTabRect(registeredTabs, selectedValue);\n    if (selectedTabRect && previousSelectedTabRect && previousSelectedValue && lastAnimatedFrom !== previousSelectedValue) {\n      const offset = vertical ? previousSelectedTabRect.y - selectedTabRect.y : previousSelectedTabRect.x - selectedTabRect.x;\n      const scale = vertical ? previousSelectedTabRect.height / selectedTabRect.height : previousSelectedTabRect.width / selectedTabRect.width;\n      setAnimationValues({\n        offset,\n        scale\n      });\n      setLastAnimatedFrom(previousSelectedValue);\n    }\n  } else if (lastAnimatedFrom) {\n    // need to clear the last animated from so that if this tab is selected again\n    // from the same previous tab as last time, that animation still happens.\n    setLastAnimatedFrom(undefined);\n  }\n  // do not apply any animation if the tab is disabled\n  if (disabled) {\n    return state;\n  }\n  // the animation should only happen as the selection indicator returns to its\n  // original position and not when set at the previous tabs position.\n  const animating = animationValues.offset === 0 && animationValues.scale === 1;\n  state.root.className = mergeClasses(state.root.className, selected && activeIndicatorStyles.base, selected && animating && activeIndicatorStyles.animated, selected && (vertical ? activeIndicatorStyles.vertical : activeIndicatorStyles.horizontal));\n  const rootCssVars = {\n    [tabIndicatorCssVars_unstable.offsetVar]: `${animationValues.offset}px`,\n    [tabIndicatorCssVars_unstable.scaleVar]: `${animationValues.scale}`\n  };\n  state.root.style = {\n    ...rootCssVars,\n    ...state.root.style\n  };\n  return state;\n};\n//# sourceMappingURL=useTabAnimatedIndicator.styles.js.map"],"names":["useTabAnimatedIndicatorStyles_unstable","tabIndicatorCssVars_unstable","offsetVar","scaleVar","useActiveIndicatorStyles","__styles","base","B68tc82","Bmxbyg5","animated","Ba2ppi3","F2fol1","B1dyfl9","B0vmy72","u9bimw","horizontal","sjv3b2","b1kco5","vertical","d","m","calculateTabRect","element","_element_parentElement","parentRect","parentElement","getBoundingClientRect","x","y","width","height","tabRect","undefined","getRegisteredTabRect","registeredTabs","value","_registeredTabs_JSON_stringify","JSON","stringify","ref","current","state","disabled","selected","activeIndicatorStyles","lastAnimatedFrom","setLastAnimatedFrom","React","useState","animationValues","setAnimationValues","offset","scale","getRegisteredTabs","useTabListContext_unstable","ctx","useEffect","previousSelectedValue","selectedValue","previousSelectedTabRect","selectedTabRect","animating","root","className","mergeClasses","rootCssVars","style"],"mappings":"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"}

package/lib-commonjs/components/Tab/{useTabStyles.js → useTabStyles.styles.js}

@@ -13,7 +13,7 @@ _export(exports, {
     useTabStyles_unstable: ()=>useTabStyles_unstable
 });
 const _react = require("@griffel/react");
-const _useTabAnimatedIndicator = require("./useTabAnimatedIndicator");
+const _useTabAnimatedIndicatorStyles = require("./useTabAnimatedIndicator.styles");
 const tabClassNames = {
     root: 'fui-Tab',
     icon: 'fui-Tab__icon',
@@ -773,8 +773,8 @@ const useTabStyles_unstable = (state)=>{
         state.contentReservedSpaceClassName = (0, _react.mergeClasses)(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.className);
     }
     state.content.className = (0, _react.mergeClasses)(tabClassNames.content, contentStyles.base, size === 'large' && contentStyles.large, selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected), state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, state.content.className);
-    (0, _useTabAnimatedIndicator.useTabAnimatedIndicatorStyles_unstable)(state);
+    (0, _useTabAnimatedIndicatorStyles.useTabAnimatedIndicatorStyles_unstable)(state);
     return state;
-}; //# sourceMappingURL=useTabStyles.js.map
+}; //# sourceMappingURL=useTabStyles.styles.js.map
 
-//# sourceMappingURL=useTabStyles.js.map
+//# sourceMappingURL=useTabStyles.styles.js.map

package/lib-commonjs/components/Tab/useTabStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Tab/useTabStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator.styles';\nexport const tabClassNames = {\n  root: 'fui-Tab',\n  icon: 'fui-Tab__icon',\n  content: 'fui-Tab__content'\n};\nconst reservedSpaceClassNames = {\n  content: 'fui-Tab__content--reserved-space'\n};\n// These should match the constants defined in @fluentui/react-icons\n// This package avoids taking a dependency on the icons package for only the constants.\nconst iconClassNames = {\n  filled: 'fui-Icon-filled',\n  regular: 'fui-Icon-regular'\n};\n/**\n * Styles for the root slot\n */ /* eslint-disable @typescript-eslint/naming-convention */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    Bt984gj: \"f122n59\",\n    g2u3we: \"fwhevhj\",\n    h3c5rm: [\"f61n433\", \"f1q8l70w\"],\n    B9xav0g: \"fv1dfc8\",\n    zhjwy3: [\"f1q8l70w\", \"f61n433\"],\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    B4j52fo: \"fre7gi1\",\n    Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n    Bn0qgzm: \"fqdk4by\",\n    ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n    Bceei9c: \"f1k6fduh\",\n    mc9l5x: \"f13qh94s\",\n    Bnnss6s: \"fi64zpg\",\n    Bxotwcr: \"f1u07yai\",\n    Budl1dq: \"frn2hmy\",\n    wkccdc: \"f1olsevy\",\n    Bahqtrf: \"fk6fouc\",\n    Bg96gwp: \"f1i3iumi\",\n    oeaueh: \"f1s6fcnf\",\n    qhf8xq: \"f10pi13n\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    B9bfxx9: \"f1cxpek8\"\n  },\n  horizontal: {\n    Brf1p80: \"f4d9j23\"\n  },\n  vertical: {\n    Brf1p80: \"f1s9ku6b\"\n  },\n  smallHorizontal: {\n    i8kkvl: \"f14mj54c\",\n    z8tnut: \"fp2oml8\",\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n    Byoj8tv: \"f1tdddsa\",\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n  },\n  smallVertical: {\n    i8kkvl: \"f14mj54c\",\n    z8tnut: \"fclwglc\",\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n    Byoj8tv: \"fywfov9\",\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n  },\n  mediumHorizontal: {\n    i8kkvl: \"f1rjii52\",\n    z8tnut: \"f5yzyt\",\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n    Byoj8tv: \"fx3omr\",\n    uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n  },\n  mediumVertical: {\n    i8kkvl: \"f1rjii52\",\n    z8tnut: \"fp2oml8\",\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n    Byoj8tv: \"f1tdddsa\",\n    uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n  },\n  largeHorizontal: {\n    i8kkvl: \"f1rjii52\",\n    z8tnut: \"fikn0iw\",\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n    Byoj8tv: \"fdxej3c\",\n    uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n  },\n  largeVertical: {\n    i8kkvl: \"f1rjii52\",\n    z8tnut: \"f1kwiid1\",\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n    Byoj8tv: \"f5b47ha\",\n    uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n  },\n  transparent: {\n    De3pzq: \"f1c21dwh\",\n    Jwef8y: \"fjxutwb\",\n    ecr2s2: \"fophhak\",\n    Bptxc3x: \"fmmjozx\",\n    B076xvk: \"f1mfqf41\",\n    q9r9w5: \"f10aiid4\",\n    cl4aha: \"fpkze5g\",\n    Bk452zc: \"f149wc3x\",\n    a4hkcw: \"fjioou7\"\n  },\n  subtle: {\n    De3pzq: \"fhovq9v\",\n    Jwef8y: \"f1t94bn6\",\n    ecr2s2: \"f1wfn5kd\",\n    Bptxc3x: \"fmmjozx\",\n    B076xvk: \"f1mfqf41\",\n    q9r9w5: \"f10aiid4\",\n    cl4aha: \"fpkze5g\",\n    Bk452zc: \"f149wc3x\",\n    a4hkcw: \"fjioou7\"\n  },\n  disabled: {\n    De3pzq: \"f1c21dwh\",\n    Bptxc3x: \"fato7r6\",\n    cl4aha: \"fao1bnu\",\n    Bceei9c: \"fdrzuqr\"\n  },\n  selected: {\n    Bptxc3x: \"f1cadz5z\",\n    B076xvk: \"f1ck17l\",\n    q9r9w5: \"f42ak0g\",\n    cl4aha: \"ffplhdr\",\n    Bk452zc: \"ffth601\",\n    a4hkcw: \"fhklyu5\"\n  }\n}, {\n  d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fwhevhj{border-top-color:none;}\", \".f61n433{border-right-color:none;}\", \".f1q8l70w{border-left-color:none;}\", \".fv1dfc8{border-bottom-color:none;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".fre7gi1{border-top-width:0;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f1k6fduh{cursor:pointer;}\", \".f13qh94s{display:grid;}\", \".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f1u07yai{grid-auto-flow:column;}\", \".frn2hmy{grid-template-columns:auto;}\", \".f1olsevy{grid-template-rows:auto;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1s6fcnf{outline-style:none;}\", \".f10pi13n{position:relative;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1cxpek8{text-transform:none;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f1s9ku6b{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start;}\", \".f14mj54c{-webkit-column-gap:var(--spacingHorizontalXXS);column-gap:var(--spacingHorizontalXXS);}\", \".fp2oml8{padding-top:var(--spacingVerticalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}\", \".fclwglc{padding-top:var(--spacingVerticalXXS);}\", \".fywfov9{padding-bottom:var(--spacingVerticalXXS);}\", \".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}\", \".f5yzyt{padding-top:var(--spacingVerticalM);}\", \".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}\", \".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}\", \".fx3omr{padding-bottom:var(--spacingVerticalM);}\", \".fikn0iw{padding-top:var(--spacingVerticalL);}\", \".fdxej3c{padding-bottom:var(--spacingVerticalL);}\", \".f1kwiid1{padding-top:var(--spacingVerticalS);}\", \".f5b47ha{padding-bottom:var(--spacingVerticalS);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fmmjozx .fui-Tab__icon{color:var(--colorNeutralForeground2);}\", \".fpkze5g .fui-Tab__content{color:var(--colorNeutralForeground2);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fato7r6 .fui-Tab__icon{color:var(--colorNeutralForegroundDisabled);}\", \".fao1bnu .fui-Tab__content{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1cadz5z .fui-Tab__icon{color:var(--colorCompoundBrandForeground1);}\", \".ffplhdr .fui-Tab__content{color:var(--colorNeutralForeground1);}\"],\n  h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f1mfqf41:hover .fui-Tab__icon{color:var(--colorNeutralForeground2Hover);}\", \".f149wc3x:hover .fui-Tab__content{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1ck17l:hover .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Hover);}\", \".ffth601:hover .fui-Tab__content{color:var(--colorNeutralForeground1Hover);}\"],\n  a: [\".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f10aiid4:active .fui-Tab__icon{color:var(--colorNeutralForeground2Pressed);}\", \".fjioou7:active .fui-Tab__content{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f42ak0g:active .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Pressed);}\", \".fhklyu5:active .fui-Tab__content{color:var(--colorNeutralForeground1Pressed);}\"]\n});\n/* eslint-enable @typescript-eslint/naming-convention */ /**\n                                                         * Focus styles for the root slot\n                                                         */\nconst useFocusStyles = /*#__PURE__*/__styles({\n  base: {\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bn4voq9: \"f1p7hgxw\",\n    Bfpq7zp: \"f1way5bb\",\n    g9k6zt: \"f9znhxp\",\n    j6ew2k: [\"fqa318h\", \"fqa318h\"],\n    Bhxq17a: \"f1vjpng2\"\n  }\n}, {\n  d: [\".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f1p7hgxw[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);}\", \".f1way5bb[data-fui-focus-visible]{outline-color:transparent;}\", \".f9znhxp[data-fui-focus-visible]{outline-style:solid;}\", \".fqa318h[data-fui-focus-visible]{box-shadow:var(--shadow4),0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2);}\", \".f1vjpng2[data-fui-focus-visible]{z-index:1;}\"]\n});\n/** Indicator styles for when pending selection */\nconst usePendingIndicatorStyles = /*#__PURE__*/__styles({\n  base: {\n    az7l2e: \"fhw179n\",\n    Bv4n3vi: [\"f10y1uxy\", \"f6aiuy0\"],\n    vqofr: [\"f6aiuy0\", \"f10y1uxy\"],\n    B0uxbk8: [\"f1kfpfnu\", \"f1dx5wco\"],\n    Bgqb9hq: [\"f1dx5wco\", \"f1kfpfnu\"],\n    amg5m6: \"f1kmhr4c\",\n    zkfqfm: \"fl1ydde\",\n    Bkydozb: \"f1y7maxz\",\n    vzq8l0: [\"f105swax\", \"fscdmel\"],\n    Bka2azo: [\"fscdmel\", \"f105swax\"],\n    Br4ovkg: [\"f1tkcw1w\", \"f1u11x8o\"],\n    csmgbd: [\"f1u11x8o\", \"f1tkcw1w\"],\n    y36c18: \"f16cxu0\",\n    B1ctymy: \"f1nwgacf\",\n    Bgvrrv0: \"f15ovonk\",\n    ddr6p5: \"fvje46l\"\n  },\n  disabled: {\n    az7l2e: \"f1ut20fw\",\n    Bkydozb: \"fhrzcfn\"\n  },\n  smallHorizontal: {\n    lawp4y: \"fchca7p\",\n    Baz25je: \"f1r53b5e\",\n    Fbdkly: [\"f1s6rxz5\", \"fo35v8s\"],\n    mdwyqc: [\"fo35v8s\", \"f1s6rxz5\"]\n  },\n  smallVertical: {\n    lawp4y: \"fze4zud\",\n    Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n    Bciustq: \"fdp32p8\",\n    Ccq8qp: \"f1aij3q\"\n  },\n  mediumHorizontal: {\n    lawp4y: \"fchca7p\",\n    Baz25je: \"f1s2r9ax\",\n    Fbdkly: [\"f1o0nnkk\", \"fxb7rol\"],\n    mdwyqc: [\"fxb7rol\", \"f1o0nnkk\"]\n  },\n  mediumVertical: {\n    lawp4y: \"f17jracn\",\n    Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n    Bciustq: \"f117lcb2\",\n    Ccq8qp: \"f1aij3q\"\n  },\n  largeHorizontal: {\n    lawp4y: \"fchca7p\",\n    Baz25je: \"f1s2r9ax\",\n    Fbdkly: [\"f1o0nnkk\", \"fxb7rol\"],\n    mdwyqc: [\"fxb7rol\", \"f1o0nnkk\"]\n  },\n  largeVertical: {\n    lawp4y: \"fel9d3z\",\n    Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n    Bciustq: \"f6vqlre\",\n    Ccq8qp: \"f1aij3q\"\n  }\n}, {\n  h: [\".fhw179n:hover::before{background-color:var(--colorNeutralStroke1Hover);}\", \".f10y1uxy:hover::before{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f6aiuy0:hover::before{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1kfpfnu:hover::before{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1dx5wco:hover::before{border-top-left-radius:var(--borderRadiusCircular);}\", \".f1kmhr4c:hover::before{content:\\\"\\\";}\", \".fl1ydde:hover::before{position:absolute;}\", \".f1ut20fw:hover::before{background-color:var(--colorTransparentStroke);}\"],\n  a: [\".f1y7maxz:active::before{background-color:var(--colorNeutralStroke1Pressed);}\", \".f105swax:active::before{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".fscdmel:active::before{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1tkcw1w:active::before{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1u11x8o:active::before{border-top-left-radius:var(--borderRadiusCircular);}\", \".f16cxu0:active::before{content:\\\"\\\";}\", \".f1nwgacf:active::before{position:absolute;}\", \".fhrzcfn:active::before{background-color:var(--colorTransparentStroke);}\"],\n  m: [[\"@media (forced-colors: active){.f15ovonk:hover::before{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fvje46l:active::before{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  d: [\".fchca7p::before{bottom:0;}\", \".f1r53b5e::before{height:var(--strokeWidthThick);}\", \".f1s6rxz5::before{left:var(--spacingHorizontalSNudge);}\", \".fo35v8s::before{right:var(--spacingHorizontalSNudge);}\", \".fze4zud::before{bottom:var(--spacingVerticalXS);}\", \".f1fzr1x6::before{left:0;}\", \".f1f351id::before{right:0;}\", \".fdp32p8::before{top:var(--spacingVerticalXS);}\", \".f1aij3q::before{width:var(--strokeWidthThicker);}\", \".f1s2r9ax::before{height:var(--strokeWidthThicker);}\", \".f1o0nnkk::before{left:var(--spacingHorizontalM);}\", \".fxb7rol::before{right:var(--spacingHorizontalM);}\", \".f17jracn::before{bottom:var(--spacingVerticalS);}\", \".f117lcb2::before{top:var(--spacingVerticalS);}\", \".fel9d3z::before{bottom:var(--spacingVerticalMNudge);}\", \".f6vqlre::before{top:var(--spacingVerticalMNudge);}\"]\n});\nconst useActiveIndicatorStyles = /*#__PURE__*/__styles({\n  base: {\n    Bjyk6c5: \"f1rp0jgh\",\n    B3778ie: [\"fprarqb\", \"f14vs0nd\"],\n    d9w3h3: [\"f14vs0nd\", \"fprarqb\"],\n    Bl18szs: [\"f1gtfqs9\", \"f18zvfd9\"],\n    B4j8arr: [\"f18zvfd9\", \"f1gtfqs9\"],\n    Bsft5z2: \"f13zj6fq\",\n    E3zdtr: \"f1mdlcz9\",\n    t2ki1e: \"ffmd2fr\"\n  },\n  selected: {\n    Bjyk6c5: \"f1ksivud\",\n    Glksuk: \"f1eytvvh\",\n    Blzl0y7: \"fuaa9s\",\n    f7digc: \"fy7ktjt\",\n    Biqphg1: \"f16tp0gf\",\n    Bntoloa: \"fj0yp7j\"\n  },\n  disabled: {\n    Bjyk6c5: \"f13lkzet\"\n  },\n  smallHorizontal: {\n    By385i5: \"fo72kxq\",\n    Dlnsje: \"f9bb2ob\",\n    Eqx8gd: [\"f1q70ajw\", \"f18rbzdx\"],\n    B1piin3: [\"f18rbzdx\", \"f1q70ajw\"]\n  },\n  smallVertical: {\n    By385i5: \"fqbue9b\",\n    Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n    bn5sak: \"fk1klkt\",\n    a2br6o: \"f1o25lip\"\n  },\n  mediumHorizontal: {\n    By385i5: \"fo72kxq\",\n    Dlnsje: \"f1vx7lu8\",\n    Eqx8gd: [\"fna7m5n\", \"f1oxpfwv\"],\n    B1piin3: [\"f1oxpfwv\", \"fna7m5n\"]\n  },\n  mediumVertical: {\n    By385i5: \"fipylg0\",\n    Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n    bn5sak: \"fqchiol\",\n    a2br6o: \"f1o25lip\"\n  },\n  largeHorizontal: {\n    By385i5: \"fo72kxq\",\n    Dlnsje: \"f1vx7lu8\",\n    Eqx8gd: [\"fna7m5n\", \"f1oxpfwv\"],\n    B1piin3: [\"f1oxpfwv\", \"fna7m5n\"]\n  },\n  largeVertical: {\n    By385i5: \"f1w7dm5g\",\n    Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n    bn5sak: \"f1p6em4m\",\n    a2br6o: \"f1o25lip\"\n  }\n}, {\n  d: [\".f1rp0jgh::after{background-color:var(--colorTransparentStroke);}\", \".fprarqb::after{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f14vs0nd::after{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1gtfqs9::after{border-top-right-radius:var(--borderRadiusCircular);}\", \".f18zvfd9::after{border-top-left-radius:var(--borderRadiusCircular);}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1mdlcz9::after{position:absolute;}\", \".ffmd2fr::after{z-index:1;}\", \".f1ksivud::after{background-color:var(--colorCompoundBrandStroke);}\", \".f13lkzet::after{background-color:var(--colorNeutralForegroundDisabled);}\", \".fo72kxq::after{bottom:0;}\", \".f9bb2ob::after{height:var(--strokeWidthThick);}\", \".f1q70ajw::after{left:var(--spacingHorizontalSNudge);}\", \".f18rbzdx::after{right:var(--spacingHorizontalSNudge);}\", \".fqbue9b::after{bottom:var(--spacingVerticalXS);}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".fk1klkt::after{top:var(--spacingVerticalXS);}\", \".f1o25lip::after{width:var(--strokeWidthThicker);}\", \".f1vx7lu8::after{height:var(--strokeWidthThicker);}\", \".fna7m5n::after{left:var(--spacingHorizontalM);}\", \".f1oxpfwv::after{right:var(--spacingHorizontalM);}\", \".fipylg0::after{bottom:var(--spacingVerticalS);}\", \".fqchiol::after{top:var(--spacingVerticalS);}\", \".f1w7dm5g::after{bottom:var(--spacingVerticalMNudge);}\", \".f1p6em4m::after{top:var(--spacingVerticalMNudge);}\"],\n  h: [\".f1eytvvh:hover::after{background-color:var(--colorCompoundBrandStrokeHover);}\"],\n  a: [\".fuaa9s:active::after{background-color:var(--colorCompoundBrandStrokePressed);}\"],\n  m: [[\"@media (forced-colors: active){.fy7ktjt::after{background-color:ButtonText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f16tp0gf:hover::after{background-color:ButtonText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fj0yp7j:active::after{background-color:ButtonText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\n/**\n * Styles for the icon slot.\n */\nconst useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Br312pm: \"fwpfdsa\",\n    Ijaq50: \"f16hsg94\",\n    Bt984gj: \"f122n59\",\n    mc9l5x: \"ftuwxu6\",\n    Brf1p80: \"f4d9j23\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    D0sxk3: \"f16u1re\",\n    t6yez3: \"f8bsbmo\"\n  },\n  small: {\n    Be2twd7: \"fe5j1ua\",\n    Bqenvij: \"fjamq6b\",\n    a9b677: \"f64fuq3\"\n  },\n  medium: {\n    Be2twd7: \"fe5j1ua\",\n    Bqenvij: \"fjamq6b\",\n    a9b677: \"f64fuq3\"\n  },\n  large: {\n    Be2twd7: \"f1rt2boy\",\n    Bqenvij: \"frvgh55\",\n    a9b677: \"fq4mcun\"\n  },\n  selected: {\n    D0sxk3: \"fxoiby5\",\n    t6yez3: \"f15q0o9g\"\n  }\n}, {\n  d: [\".fwpfdsa{grid-column-start:1;}\", \".f16hsg94{grid-row-start:1;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f16u1re .fui-Icon-filled{display:none;}\", \".f8bsbmo .fui-Icon-regular{display:inline;}\", \".fe5j1ua{font-size:20px;}\", \".fjamq6b{height:20px;}\", \".f64fuq3{width:20px;}\", \".f1rt2boy{font-size:24px;}\", \".frvgh55{height:24px;}\", \".fq4mcun{width:24px;}\", \".fxoiby5 .fui-Icon-filled{display:inline;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\"]\n});\n/**\n * Styles for the content slot (children)\n */\nconst useContentStyles = /*#__PURE__*/__styles({\n  base: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    z8tnut: \"fztplxc\",\n    z189sj: [\"ffczdla\", \"fgiv446\"],\n    Byoj8tv: \"f9g1xly\",\n    uwmqm3: [\"fgiv446\", \"ffczdla\"]\n  },\n  selected: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  large: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\"\n  },\n  largeSelected: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"faaz57k\"\n  },\n  noIconBefore: {\n    Br312pm: \"fwpfdsa\",\n    Ijaq50: \"f16hsg94\"\n  },\n  iconBefore: {\n    Br312pm: \"fd46tj4\",\n    Ijaq50: \"f16hsg94\"\n  },\n  placeholder: {\n    Bcdw1i0: \"fd7fpy0\"\n  }\n}, {\n  d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".fztplxc{padding-top:var(--spacingVerticalNone);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".f9g1xly{padding-bottom:var(--spacingVerticalNone);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fwpfdsa{grid-column-start:1;}\", \".f16hsg94{grid-row-start:1;}\", \".fd46tj4{grid-column-start:2;}\", \".fd7fpy0{visibility:hidden;}\"]\n});\n/**\n * Apply styling to the Tab slots based on the state\n */\nexport const useTabStyles_unstable = state => {\n  const rootStyles = useRootStyles();\n  const focusStyles = useFocusStyles();\n  const pendingIndicatorStyles = usePendingIndicatorStyles();\n  const activeIndicatorStyles = useActiveIndicatorStyles();\n  const iconStyles = useIconStyles();\n  const contentStyles = useContentStyles();\n  const {\n    appearance,\n    disabled,\n    selected,\n    size,\n    vertical\n  } = state;\n  state.root.className = mergeClasses(tabClassNames.root, rootStyles.base, vertical ? rootStyles.vertical : rootStyles.horizontal, size === 'small' && (vertical ? rootStyles.smallVertical : rootStyles.smallHorizontal), size === 'medium' && (vertical ? rootStyles.mediumVertical : rootStyles.mediumHorizontal), size === 'large' && (vertical ? rootStyles.largeVertical : rootStyles.largeHorizontal), focusStyles.base, !disabled && appearance === 'subtle' && rootStyles.subtle, !disabled && appearance === 'transparent' && rootStyles.transparent, !disabled && selected && rootStyles.selected, disabled && rootStyles.disabled,\n  // pending indicator (before pseudo element)\n  pendingIndicatorStyles.base, size === 'small' && (vertical ? pendingIndicatorStyles.smallVertical : pendingIndicatorStyles.smallHorizontal), size === 'medium' && (vertical ? pendingIndicatorStyles.mediumVertical : pendingIndicatorStyles.mediumHorizontal), size === 'large' && (vertical ? pendingIndicatorStyles.largeVertical : pendingIndicatorStyles.largeHorizontal), disabled && pendingIndicatorStyles.disabled,\n  // active indicator (after pseudo element)\n  selected && activeIndicatorStyles.base, selected && !disabled && activeIndicatorStyles.selected, selected && size === 'small' && (vertical ? activeIndicatorStyles.smallVertical : activeIndicatorStyles.smallHorizontal), selected && size === 'medium' && (vertical ? activeIndicatorStyles.mediumVertical : activeIndicatorStyles.mediumHorizontal), selected && size === 'large' && (vertical ? activeIndicatorStyles.largeVertical : activeIndicatorStyles.largeHorizontal), selected && disabled && activeIndicatorStyles.disabled, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(tabClassNames.icon, iconStyles.base, iconStyles[size], selected && iconStyles.selected, state.icon.className);\n  }\n  // This needs to be before state.content.className is updated\n  if (state.contentReservedSpaceClassName !== undefined) {\n    state.contentReservedSpaceClassName = mergeClasses(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.className);\n  }\n  state.content.className = mergeClasses(tabClassNames.content, contentStyles.base, size === 'large' && contentStyles.large, selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected), state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, state.content.className);\n  useTabAnimatedIndicatorStyles_unstable(state);\n  return state;\n};\n//# sourceMappingURL=useTabStyles.styles.js.map"],"names":["tabClassNames","useTabStyles_unstable","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","__styles","base","Bt984gj","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","Bceei9c","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","Bahqtrf","Bg96gwp","oeaueh","qhf8xq","B68tc82","Bmxbyg5","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","z8tnut","z189sj","Byoj8tv","uwmqm3","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","Jwef8y","ecr2s2","Bptxc3x","B076xvk","q9r9w5","cl4aha","Bk452zc","a4hkcw","subtle","disabled","selected","d","h","a","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","usePendingIndicatorStyles","az7l2e","Bv4n3vi","vqofr","B0uxbk8","Bgqb9hq","amg5m6","zkfqfm","Bkydozb","vzq8l0","Bka2azo","Br4ovkg","csmgbd","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","m","useActiveIndicatorStyles","Bjyk6c5","B3778ie","d9w3h3","Bl18szs","B4j8arr","Bsft5z2","E3zdtr","t2ki1e","Glksuk","Blzl0y7","f7digc","Biqphg1","Bntoloa","By385i5","Dlnsje","Eqx8gd","B1piin3","bn5sak","a2br6o","useIconStyles","Br312pm","Ijaq50","D0sxk3","t6yez3","small","Be2twd7","Bqenvij","a9b677","medium","large","useContentStyles","Bhrd7zp","largeSelected","noIconBefore","iconBefore","placeholder","Bcdw1i0","state","rootStyles","focusStyles","pendingIndicatorStyles","activeIndicatorStyles","iconStyles","contentStyles","appearance","size","className","mergeClasses","contentReservedSpaceClassName","undefined","useTabAnimatedIndicatorStyles_unstable"],"mappings":"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"}

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

@@ -10,15 +10,14 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _useTabList = require("./useTabList");
 const _renderTabList = require("./renderTabList");
-const _useTabListStyles = require("./useTabListStyles");
+const _useTabListStylesStyles = require("./useTabListStyles.styles");
 const _useTabListContextValues = require("./useTabListContextValues");
 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, _useTabListStyles.useTabListStyles_unstable)(state);
-    const { useTabListStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useTabListStylesStyles.useTabListStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useTabListStyles_unstable')(state);
     return (0, _renderTabList.renderTabList_unstable)(state, contextValues);
 });
 TabList.displayName = 'TabList'; //# sourceMappingURL=TabList.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/TabList/TabList.js"],"sourcesContent":["import * as React from 'react';\nimport { useTabList_unstable } from './useTabList';\nimport { renderTabList_unstable } from './renderTabList';\nimport { useTabListStyles_unstable } from './useTabListStyles';\nimport { useTabListContextValues_unstable } from './useTabListContextValues';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A tab list provides single selection from a set of tabs.\n */\nexport 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  const {\n    useTabListStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderTabList_unstable(state, contextValues);\n});\nTabList.displayName = 'TabList';\n//# sourceMappingURL=TabList.js.map"],"names":["TabList","React","forwardRef","props","ref","state","useTabList_unstable","contextValues","useTabListContextValues_unstable","useTabListStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTabList_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;4BACa;+BACG;kCACG;yCACO;qCACJ;AAItC,MAAMA,UAAU,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,yDAAgC,EAACH;IACvDI,IAAAA,2CAAyB,EAACJ;IAC1B,MAAM,EACJI,2BAA2BC,gBAAe,EAC3C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBL;IAChB,OAAOO,IAAAA,qCAAsB,EAACP,OAAOE;AACvC;AACAP,QAAQa,WAAW,GAAG,WACtB,mCAAmC"}
+{"version":3,"sources":["../../../lib/components/TabList/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 */\nexport 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//# sourceMappingURL=TabList.js.map"],"names":["TabList","React","forwardRef","props","ref","state","useTabList_unstable","contextValues","useTabListContextValues_unstable","useTabListStyles_unstable","useCustomStyleHook_unstable","renderTabList_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;4BACa;+BACG;wCACG;yCACO;qCACL;AAIrC,MAAMA,UAAU,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnE,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;AACvC;AACAP,QAAQY,WAAW,GAAG,WACtB,mCAAmC"}

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

@@ -9,7 +9,7 @@ _exportStar(require("./TabListContext"), exports);
 _exportStar(require("./renderTabList"), exports);
 _exportStar(require("./useTabList"), exports);
 _exportStar(require("./useTabListContextValues"), exports);
-_exportStar(require("./useTabListStyles"), exports);
+_exportStar(require("./useTabListStyles.styles"), exports);
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/TabList/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';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/TabList/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//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/TabList/{useTabListStyles.js → useTabListStyles.styles.js}

@@ -50,6 +50,6 @@ const useTabListStyles_unstable = (state)=>{
     const styles = useStyles();
     state.root.className = (0, _react.mergeClasses)(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, state.root.className);
     return state;
-}; //# sourceMappingURL=useTabListStyles.js.map
+}; //# sourceMappingURL=useTabListStyles.styles.js.map
 
-//# sourceMappingURL=useTabListStyles.js.map
+//# sourceMappingURL=useTabListStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TabList/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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}\", \".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}\", \".f10pi13n{position:relative;}\", \".f1q9h2pe{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;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;QAAwF;QAAoF;QAAsE;QAA0G;QAAiC;QAAgH;KAA4F;AAC/kB;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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tabs",
-  "version": "9.3.11",
+  "version": "9.3.13",
   "description": "Fluent UI React tabs components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,22 +21,23 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "just-scripts generate-api"
+    "generate-api": "just-scripts generate-api",
+    "test-ssr": "test-ssr ./stories/**/*.stories.tsx"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.1.18",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.2",
-    "@fluentui/react-shared-contexts": "^9.3.3",
-    "@fluentui/react-tabster": "^9.6.5",
-    "@fluentui/react-theme": "^9.1.7",
-    "@fluentui/react-utilities": "^9.8.0",
+    "@fluentui/react-context-selector": "^9.1.20",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.4",
+    "@fluentui/react-shared-contexts": "^9.4.0",
+    "@fluentui/react-tabster": "^9.7.1",
+    "@fluentui/react-theme": "^9.1.8",
+    "@fluentui/react-utilities": "^9.9.0",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },

package/.swcrc

@@ -1,30 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/swcrc",
-  "exclude": [
-    "/testing",
-    "/**/*.cy.ts",
-    "/**/*.cy.tsx",
-    "/**/*.spec.ts",
-    "/**/*.spec.tsx",
-    "/**/*.test.ts",
-    "/**/*.test.tsx"
-  ],
-  "jsc": {
-    "parser": {
-      "syntax": "typescript",
-      "tsx": true,
-      "decorators": false,
-      "dynamicImport": false
-    },
-    "externalHelpers": true,
-    "transform": {
-      "react": {
-        "runtime": "classic",
-        "useSpread": true
-      }
-    },
-    "target": "es2019"
-  },
-  "minify": false,
-  "sourceMaps": true
-}

package/lib/components/Tab/useTabAnimatedIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","__styles","mergeClasses","shorthands","useTabListContext_unstable","tokens","tabIndicatorCssVars_unstable","offsetVar","scaleVar","useActiveIndicatorStyles","base","B68tc82","Bmxbyg5","animated","Ba2ppi3","F2fol1","B1dyfl9","B0vmy72","u9bimw","horizontal","sjv3b2","b1kco5","vertical","d","m","calculateTabRect","element","_element_parentElement","parentRect","parentElement","getBoundingClientRect","x","y","width","height","tabRect","undefined","getRegisteredTabRect","registeredTabs","value","_registeredTabs_JSON_stringify","JSON","stringify","ref","current","useTabAnimatedIndicatorStyles_unstable","state","disabled","selected","activeIndicatorStyles","lastAnimatedFrom","setLastAnimatedFrom","useState","animationValues","setAnimationValues","offset","scale","getRegisteredTabs","ctx","useEffect","previousSelectedValue","selectedValue","previousSelectedTabRect","selectedTabRect","animating","root","className","rootCssVars","style"],"sources":["../../../src/components/Tab/useTabAnimatedIndicator.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TabState, TabValue } from './Tab.types';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useTabListContext_unstable } from '../TabList/TabListContext';\nimport { TabRegisterData } from '../TabList/TabList.types';\nimport { tokens } from '@fluentui/react-theme';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nconst tabIndicatorCssVars_unstable = {\n  offsetVar: '--fui-Tab__indicator--offset',\n  scaleVar: '--fui-Tab__indicator--scale',\n};\n\nconst useActiveIndicatorStyles = makeStyles({\n  base: {\n    // overflow is required to allow the selection indicator to animate outside the tab area.\n    ...shorthands.overflow('visible'),\n  },\n  animated: {\n    '::after': {\n      transitionProperty: 'transform',\n      transitionDuration: `${tokens.durationSlow}`,\n      transitionTimingFunction: `${tokens.curveDecelerateMax}`,\n    },\n    '@media (prefers-reduced-motion: reduce)': {\n      '::after': {\n        transitionProperty: 'none',\n        transitionDuration: '0.01ms',\n      },\n    },\n  },\n  horizontal: {\n    '::after': {\n      transformOrigin: 'left',\n      transform: `translateX(var(${tabIndicatorCssVars_unstable.offsetVar}))\n    scaleX(var(${tabIndicatorCssVars_unstable.scaleVar}))`,\n    },\n  },\n  vertical: {\n    '::after': {\n      transformOrigin: 'top',\n      transform: `translateY(var(${tabIndicatorCssVars_unstable.offsetVar}))\n        scaleY(var(${tabIndicatorCssVars_unstable.scaleVar}))`,\n    },\n  },\n});\n\nconst calculateTabRect = (element: HTMLElement) => {\n  if (element) {\n    const parentRect = element.parentElement?.getBoundingClientRect() || { x: 0, y: 0, width: 0, height: 0 };\n    const tabRect = element.getBoundingClientRect();\n\n    return {\n      x: tabRect.x - parentRect.x,\n      y: tabRect.y - parentRect.y,\n      width: tabRect.width,\n      height: tabRect.height,\n    };\n  }\n  return undefined;\n};\n\nconst getRegisteredTabRect = (registeredTabs: Record<string, TabRegisterData>, value?: TabValue) => {\n  const element =\n    value !== undefined && value !== null ? registeredTabs[JSON.stringify(value)]?.ref.current : undefined;\n  return element ? calculateTabRect(element) : undefined;\n};\n\n/**\n * Adds additional styling to the active tab selection indicator to create a sliding animation.\n */\nexport const useTabAnimatedIndicatorStyles_unstable = (state: TabState): TabState => {\n  const { disabled, selected, vertical } = state;\n\n  const activeIndicatorStyles = useActiveIndicatorStyles();\n  const [lastAnimatedFrom, setLastAnimatedFrom] = React.useState<TabValue>();\n  const [animationValues, setAnimationValues] = React.useState({ offset: 0, scale: 1 });\n  const getRegisteredTabs = useTabListContext_unstable(ctx => ctx.getRegisteredTabs);\n\n  React.useEffect(() => {\n    if (lastAnimatedFrom) {\n      setAnimationValues({ offset: 0, scale: 1 });\n    }\n  }, [lastAnimatedFrom]);\n\n  if (selected) {\n    const { previousSelectedValue, selectedValue, registeredTabs } = getRegisteredTabs();\n    const previousSelectedTabRect = getRegisteredTabRect(registeredTabs, previousSelectedValue);\n    const selectedTabRect = getRegisteredTabRect(registeredTabs, selectedValue);\n\n    if (\n      selectedTabRect &&\n      previousSelectedTabRect &&\n      previousSelectedValue &&\n      lastAnimatedFrom !== previousSelectedValue\n    ) {\n      const offset = vertical\n        ? previousSelectedTabRect.y - selectedTabRect.y\n        : previousSelectedTabRect.x - selectedTabRect.x;\n\n      const scale = vertical\n        ? previousSelectedTabRect.height / selectedTabRect.height\n        : previousSelectedTabRect.width / selectedTabRect.width;\n\n      setAnimationValues({ offset, scale });\n      setLastAnimatedFrom(previousSelectedValue);\n    }\n  } else if (lastAnimatedFrom) {\n    // need to clear the last animated from so that if this tab is selected again\n    // from the same previous tab as last time, that animation still happens.\n    setLastAnimatedFrom(undefined);\n  }\n\n  // do not apply any animation if the tab is disabled\n  if (disabled) {\n    return state;\n  }\n\n  // the animation should only happen as the selection indicator returns to its\n  // original position and not when set at the previous tabs position.\n  const animating = animationValues.offset === 0 && animationValues.scale === 1;\n\n  state.root.className = mergeClasses(\n    state.root.className,\n    selected && activeIndicatorStyles.base,\n    selected && animating && activeIndicatorStyles.animated,\n    selected && (vertical ? activeIndicatorStyles.vertical : activeIndicatorStyles.horizontal),\n  );\n\n  const rootCssVars = {\n    [tabIndicatorCssVars_unstable.offsetVar]: `${animationValues.offset}px`,\n    [tabIndicatorCssVars_unstable.scaleVar]: `${animationValues.scale}`,\n  };\n\n  state.root.style = {\n    ...rootCssVars,\n    ...state.root.style,\n  };\n\n  return state;\n};\n"],"mappings":"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"}

package/lib/components/Tab/useTabStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","useTabAnimatedIndicatorStyles_unstable","tabClassNames","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","base","Bt984gj","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","Bceei9c","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","Bahqtrf","Bg96gwp","oeaueh","qhf8xq","B68tc82","Bmxbyg5","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","z8tnut","z189sj","Byoj8tv","uwmqm3","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","Jwef8y","ecr2s2","Bptxc3x","B076xvk","q9r9w5","cl4aha","Bk452zc","a4hkcw","subtle","disabled","selected","d","h","a","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","usePendingIndicatorStyles","az7l2e","Bv4n3vi","vqofr","B0uxbk8","Bgqb9hq","amg5m6","zkfqfm","Bkydozb","vzq8l0","Bka2azo","Br4ovkg","csmgbd","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","m","useActiveIndicatorStyles","Bjyk6c5","B3778ie","d9w3h3","Bl18szs","B4j8arr","Bsft5z2","E3zdtr","t2ki1e","Glksuk","Blzl0y7","f7digc","Biqphg1","Bntoloa","By385i5","Dlnsje","Eqx8gd","B1piin3","bn5sak","a2br6o","useIconStyles","Br312pm","Ijaq50","D0sxk3","t6yez3","small","Be2twd7","Bqenvij","a9b677","medium","large","useContentStyles","Bhrd7zp","largeSelected","noIconBefore","iconBefore","placeholder","Bcdw1i0","useTabStyles_unstable","state","rootStyles","focusStyles","pendingIndicatorStyles","activeIndicatorStyles","iconStyles","contentStyles","appearance","size","className","contentReservedSpaceClassName","undefined"],"sources":["../../../src/components/Tab/useTabStyles.ts"],"sourcesContent":["import type { TabSlots, TabState } from './Tab.types';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator';\n\nexport const tabClassNames: SlotClassNames<TabSlots> = {\n  root: 'fui-Tab',\n  icon: 'fui-Tab__icon',\n  content: 'fui-Tab__content',\n};\n\nconst reservedSpaceClassNames = {\n  content: 'fui-Tab__content--reserved-space',\n};\n\n// These should match the constants defined in @fluentui/react-icons\n// This package avoids taking a dependency on the icons package for only the constants.\nconst iconClassNames = {\n  filled: 'fui-Icon-filled',\n  regular: 'fui-Icon-regular',\n};\n\n/**\n * Styles for the root slot\n */\n/* eslint-disable @typescript-eslint/naming-convention */\nconst useRootStyles = makeStyles({\n  base: {\n    alignItems: 'center',\n    ...shorthands.borderColor('none'),\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n    ...shorthands.borderWidth(0),\n    cursor: 'pointer',\n    display: 'grid',\n    flexShrink: 0,\n    gridAutoFlow: 'column',\n    gridTemplateColumns: 'auto',\n    gridTemplateRows: 'auto',\n    fontFamily: tokens.fontFamilyBase,\n    lineHeight: tokens.lineHeightBase300,\n    outlineStyle: 'none',\n    position: 'relative',\n    ...shorthands.overflow('hidden'),\n    textTransform: 'none',\n  },\n  horizontal: {\n    justifyContent: 'center',\n  },\n  vertical: {\n    justifyContent: 'start',\n  },\n  smallHorizontal: {\n    columnGap: tokens.spacingHorizontalXXS,\n    ...shorthands.padding(tokens.spacingVerticalSNudge, tokens.spacingHorizontalSNudge),\n  },\n  smallVertical: {\n    // horizontal spacing is deliberate. This is the gap between icon and content.\n    columnGap: tokens.spacingHorizontalXXS,\n    ...shorthands.padding(tokens.spacingVerticalXXS, tokens.spacingHorizontalSNudge),\n  },\n  mediumHorizontal: {\n    columnGap: tokens.spacingHorizontalSNudge,\n    ...shorthands.padding(tokens.spacingVerticalM, tokens.spacingHorizontalMNudge),\n  },\n  mediumVertical: {\n    // horizontal spacing is deliberate. This is the gap between icon and content.\n    columnGap: tokens.spacingHorizontalSNudge,\n    ...shorthands.padding(tokens.spacingVerticalSNudge, tokens.spacingHorizontalMNudge),\n  },\n  largeHorizontal: {\n    columnGap: tokens.spacingHorizontalSNudge,\n    ...shorthands.padding(tokens.spacingVerticalL, tokens.spacingHorizontalMNudge),\n  },\n  largeVertical: {\n    // horizontal spacing is deliberate. This is the gap between icon and content.\n    columnGap: tokens.spacingHorizontalSNudge,\n    ...shorthands.padding(tokens.spacingVerticalS, tokens.spacingHorizontalMNudge),\n  },\n  transparent: {\n    backgroundColor: tokens.colorTransparentBackground,\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundHover,\n    },\n    ':active': {\n      backgroundColor: tokens.colorTransparentBackgroundPressed,\n    },\n    '& .fui-Tab__icon': {\n      color: tokens.colorNeutralForeground2,\n    },\n    ':hover .fui-Tab__icon': {\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    ':active .fui-Tab__icon': {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n    '& .fui-Tab__content': {\n      color: tokens.colorNeutralForeground2,\n    },\n    ':hover .fui-Tab__content': {\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    ':active .fui-Tab__content': {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  subtle: {\n    backgroundColor: tokens.colorSubtleBackground,\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n    },\n    ':active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n    },\n    '& .fui-Tab__icon': {\n      color: tokens.colorNeutralForeground2,\n    },\n    ':hover .fui-Tab__icon': {\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    ':active .fui-Tab__icon': {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n    '& .fui-Tab__content': {\n      color: tokens.colorNeutralForeground2,\n    },\n    ':hover .fui-Tab__content': {\n      color: tokens.colorNeutralForeground2Hover,\n    },\n    ':active .fui-Tab__content': {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  disabled: {\n    backgroundColor: tokens.colorTransparentBackground,\n\n    '& .fui-Tab__icon': {\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n    '& .fui-Tab__content': {\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n    cursor: 'not-allowed',\n  },\n  selected: {\n    '& .fui-Tab__icon': {\n      color: tokens.colorCompoundBrandForeground1,\n    },\n    ':hover .fui-Tab__icon': {\n      color: tokens.colorCompoundBrandForeground1Hover,\n    },\n    ':active .fui-Tab__icon': {\n      color: tokens.colorCompoundBrandForeground1Pressed,\n    },\n    '& .fui-Tab__content': {\n      color: tokens.colorNeutralForeground1,\n    },\n    ':hover .fui-Tab__content': {\n      color: tokens.colorNeutralForeground1Hover,\n    },\n    ':active .fui-Tab__content': {\n      color: tokens.colorNeutralForeground1Pressed,\n    },\n  },\n});\n/* eslint-enable @typescript-eslint/naming-convention */\n\n/**\n * Focus styles for the root slot\n */\nconst useFocusStyles = makeStyles({\n  // Tab creates a custom focus indicator because the default focus indicator\n  // is applied using an ::after pseudo-element on the root. Since the selection\n  // indicator uses an ::after pseudo-element on the root, there is a conflict.\n  base: createCustomFocusIndicatorStyle(\n    {\n      ...shorthands.borderColor('transparent'),\n      outlineWidth: tokens.strokeWidthThick,\n      outlineColor: 'transparent',\n      outlineStyle: 'solid',\n      boxShadow: `\n      ${tokens.shadow4},\n      0 0 0 ${tokens.strokeWidthThick} ${tokens.colorStrokeFocus2}\n    `,\n      zIndex: 1,\n    },\n    { enableOutline: true },\n  ),\n});\n\n/** Indicator styles for when pending selection */\nconst usePendingIndicatorStyles = makeStyles({\n  base: {\n    ':hover::before': {\n      backgroundColor: tokens.colorNeutralStroke1Hover,\n      ...shorthands.borderRadius(tokens.borderRadiusCircular),\n      content: '\"\"',\n      position: 'absolute',\n    },\n    ':active::before': {\n      backgroundColor: tokens.colorNeutralStroke1Pressed,\n      ...shorthands.borderRadius(tokens.borderRadiusCircular),\n      content: '\"\"',\n      position: 'absolute',\n    },\n    '@media (forced-colors: active)': {\n      ':hover::before': {\n        backgroundColor: 'Highlight',\n      },\n      ':active::before': {\n        backgroundColor: 'Highlight',\n      },\n    },\n  },\n  disabled: {\n    ':hover::before': {\n      backgroundColor: tokens.colorTransparentStroke,\n    },\n    ':active::before': {\n      backgroundColor: tokens.colorTransparentStroke,\n    },\n  },\n  smallHorizontal: {\n    '::before': {\n      bottom: 0,\n      height: tokens.strokeWidthThick,\n      left: tokens.spacingHorizontalSNudge,\n      right: tokens.spacingHorizontalSNudge,\n    },\n  },\n  smallVertical: {\n    '::before': {\n      bottom: tokens.spacingVerticalXS,\n      left: 0,\n      top: tokens.spacingVerticalXS,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n  mediumHorizontal: {\n    '::before': {\n      bottom: 0,\n      height: tokens.strokeWidthThicker,\n      left: tokens.spacingHorizontalM,\n      right: tokens.spacingHorizontalM,\n    },\n  },\n  mediumVertical: {\n    '::before': {\n      bottom: tokens.spacingVerticalS,\n      left: 0,\n      top: tokens.spacingVerticalS,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n  largeHorizontal: {\n    '::before': {\n      bottom: 0,\n      height: tokens.strokeWidthThicker,\n      left: tokens.spacingHorizontalM,\n      right: tokens.spacingHorizontalM,\n    },\n  },\n  largeVertical: {\n    '::before': {\n      bottom: tokens.spacingVerticalMNudge,\n      left: 0,\n      top: tokens.spacingVerticalMNudge,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n});\n\nconst useActiveIndicatorStyles = makeStyles({\n  base: {\n    '::after': {\n      backgroundColor: tokens.colorTransparentStroke,\n      ...shorthands.borderRadius(tokens.borderRadiusCircular),\n      content: '\"\"',\n      position: 'absolute',\n      zIndex: 1,\n    },\n  },\n  selected: {\n    '::after': {\n      backgroundColor: tokens.colorCompoundBrandStroke,\n    },\n    ':hover::after': {\n      backgroundColor: tokens.colorCompoundBrandStrokeHover,\n    },\n    ':active::after': {\n      backgroundColor: tokens.colorCompoundBrandStrokePressed,\n    },\n    '@media (forced-colors: active)': {\n      '::after': {\n        backgroundColor: 'ButtonText',\n      },\n      ':hover::after': {\n        backgroundColor: 'ButtonText',\n      },\n      ':active::after': {\n        backgroundColor: 'ButtonText',\n      },\n    },\n  },\n  disabled: {\n    '::after': {\n      backgroundColor: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n  smallHorizontal: {\n    '::after': {\n      bottom: 0,\n      height: tokens.strokeWidthThick,\n      left: tokens.spacingHorizontalSNudge,\n      right: tokens.spacingHorizontalSNudge,\n    },\n  },\n  smallVertical: {\n    '::after': {\n      bottom: tokens.spacingVerticalXS,\n      left: '0',\n      top: tokens.spacingVerticalXS,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n  mediumHorizontal: {\n    '::after': {\n      bottom: '0',\n      height: tokens.strokeWidthThicker,\n      left: tokens.spacingHorizontalM,\n      right: tokens.spacingHorizontalM,\n    },\n  },\n  mediumVertical: {\n    '::after': {\n      bottom: tokens.spacingVerticalS,\n      left: 0,\n      top: tokens.spacingVerticalS,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n  largeHorizontal: {\n    '::after': {\n      bottom: 0,\n      height: tokens.strokeWidthThicker,\n      left: tokens.spacingHorizontalM,\n      right: tokens.spacingHorizontalM,\n    },\n  },\n  largeVertical: {\n    '::after': {\n      bottom: tokens.spacingVerticalMNudge,\n      left: 0,\n      top: tokens.spacingVerticalMNudge,\n      width: tokens.strokeWidthThicker,\n    },\n  },\n});\n\n/**\n * Styles for the icon slot.\n */\nconst useIconStyles = makeStyles({\n  base: {\n    gridColumnStart: 1,\n    gridRowStart: 1,\n    alignItems: 'center',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    ...shorthands.overflow('hidden'),\n    [`& .${iconClassNames.filled}`]: {\n      display: 'none',\n    },\n    [`& .${iconClassNames.regular}`]: {\n      display: 'inline',\n    },\n  },\n  // per design, the small and medium font sizes are the same.\n  // the size prop only affects spacing.\n  small: {\n    fontSize: '20px',\n    height: '20px',\n    width: '20px',\n  },\n  medium: {\n    fontSize: '20px',\n    height: '20px',\n    width: '20px',\n  },\n  large: {\n    fontSize: '24px',\n    height: '24px',\n    width: '24px',\n  },\n  selected: {\n    [`& .${iconClassNames.filled}`]: {\n      display: 'inline',\n    },\n    [`& .${iconClassNames.regular}`]: {\n      display: 'none',\n    },\n  },\n});\n\n/**\n * Styles for the content slot (children)\n */\nconst useContentStyles = makeStyles({\n  base: {\n    ...typographyStyles.body1,\n    ...shorthands.overflow('hidden'),\n    // content padding is the same for medium & small, horiztonal & vertical\n    ...shorthands.padding(tokens.spacingVerticalNone, tokens.spacingHorizontalXXS),\n  },\n  selected: {\n    ...typographyStyles.body1Strong,\n  },\n  large: {\n    ...typographyStyles.body2,\n  },\n  largeSelected: {\n    ...typographyStyles.subtitle2,\n  },\n  noIconBefore: {\n    gridColumnStart: 1,\n    gridRowStart: 1,\n  },\n  iconBefore: {\n    gridColumnStart: 2,\n    gridRowStart: 1,\n  },\n  placeholder: {\n    visibility: 'hidden',\n  },\n});\n\n/**\n * Apply styling to the Tab slots based on the state\n */\nexport const useTabStyles_unstable = (state: TabState): TabState => {\n  const rootStyles = useRootStyles();\n  const focusStyles = useFocusStyles();\n  const pendingIndicatorStyles = usePendingIndicatorStyles();\n  const activeIndicatorStyles = useActiveIndicatorStyles();\n  const iconStyles = useIconStyles();\n  const contentStyles = useContentStyles();\n\n  const { appearance, disabled, selected, size, vertical } = state;\n\n  state.root.className = mergeClasses(\n    tabClassNames.root,\n    rootStyles.base,\n    vertical ? rootStyles.vertical : rootStyles.horizontal,\n    size === 'small' && (vertical ? rootStyles.smallVertical : rootStyles.smallHorizontal),\n    size === 'medium' && (vertical ? rootStyles.mediumVertical : rootStyles.mediumHorizontal),\n    size === 'large' && (vertical ? rootStyles.largeVertical : rootStyles.largeHorizontal),\n    focusStyles.base,\n    !disabled && appearance === 'subtle' && rootStyles.subtle,\n    !disabled && appearance === 'transparent' && rootStyles.transparent,\n    !disabled && selected && rootStyles.selected,\n    disabled && rootStyles.disabled,\n\n    // pending indicator (before pseudo element)\n    pendingIndicatorStyles.base,\n    size === 'small' && (vertical ? pendingIndicatorStyles.smallVertical : pendingIndicatorStyles.smallHorizontal),\n    size === 'medium' && (vertical ? pendingIndicatorStyles.mediumVertical : pendingIndicatorStyles.mediumHorizontal),\n    size === 'large' && (vertical ? pendingIndicatorStyles.largeVertical : pendingIndicatorStyles.largeHorizontal),\n    disabled && pendingIndicatorStyles.disabled,\n\n    // active indicator (after pseudo element)\n    selected && activeIndicatorStyles.base,\n    selected && !disabled && activeIndicatorStyles.selected,\n    selected &&\n      size === 'small' &&\n      (vertical ? activeIndicatorStyles.smallVertical : activeIndicatorStyles.smallHorizontal),\n    selected &&\n      size === 'medium' &&\n      (vertical ? activeIndicatorStyles.mediumVertical : activeIndicatorStyles.mediumHorizontal),\n    selected &&\n      size === 'large' &&\n      (vertical ? activeIndicatorStyles.largeVertical : activeIndicatorStyles.largeHorizontal),\n    selected && disabled && activeIndicatorStyles.disabled,\n\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      tabClassNames.icon,\n      iconStyles.base,\n      iconStyles[size],\n      selected && iconStyles.selected,\n      state.icon.className,\n    );\n  }\n\n  // This needs to be before state.content.className is updated\n  if (state.contentReservedSpaceClassName !== undefined) {\n    state.contentReservedSpaceClassName = mergeClasses(\n      reservedSpaceClassNames.content,\n      contentStyles.base,\n      size === 'large' ? contentStyles.largeSelected : contentStyles.selected,\n      state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore,\n      contentStyles.placeholder,\n      state.content.className,\n    );\n  }\n\n  state.content.className = mergeClasses(\n    tabClassNames.content,\n    contentStyles.base,\n    size === 'large' && contentStyles.large,\n    selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected),\n    state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore,\n    state.content.className,\n  );\n\n  useTabAnimatedIndicatorStyles_unstable(state);\n\n  return state;\n};\n"],"mappings":"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"}

package/lib/components/TabList/useTabListStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","mergeClasses","tabListClassNames","root","useStyles","mc9l5x","Beiy3e4","Bnnss6s","Eh141a","qhf8xq","horizontal","Bt984gj","vertical","d","useTabListStyles_unstable","state","styles","className"],"sources":["../../../src/components/TabList/useTabListStyles.ts"],"sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\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});\n\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = (state: TabListState): TabListState => {\n  const { vertical } = state;\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    tabListClassNames.root,\n    styles.root,\n    vertical ? styles.vertical : styles.horizontal,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ;AAGzC,OAAO,MAAMC,iBAAA,GAAkD;EAC7DC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAC,OAAA;IAAAL,OAAA;EAAA;EAAAM,QAAA;IAAAD,OAAA;IAAAL,OAAA;EAAA;AAAA;EAAAO,CAAA;AAAA,EAgBlB;AAEA;;;AAGA,OAAO,MAAMC,yBAAA,GAA6BC,KAAA,IAAsC;EAC9E,MAAM;IAAEH;EAAQ,CAAE,GAAGG,KAAA;EAErB,MAAMC,MAAA,GAASZ,SAAA;EAEfW,KAAA,CAAMZ,IAAI,CAACc,SAAS,GAAGhB,YAAA,CACrBC,iBAAA,CAAkBC,IAAI,EACtBa,MAAA,CAAOb,IAAI,EACXS,QAAA,GAAWI,MAAA,CAAOJ,QAAQ,GAAGI,MAAA,CAAON,UAAU,EAC9CK,KAAA,CAAMZ,IAAI,CAACc,SAAS;EAGtB,OAAOF,KAAA;AACT"}

package/lib-commonjs/components/Tab/useTabAnimatedIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/Tab/useTabAnimatedIndicator.js"],"sourcesContent":["import * as React from 'react';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useTabListContext_unstable } from '../TabList/TabListContext';\nimport { tokens } from '@fluentui/react-theme';\n// eslint-disable-next-line @typescript-eslint/naming-convention\nconst tabIndicatorCssVars_unstable = {\n  offsetVar: '--fui-Tab__indicator--offset',\n  scaleVar: '--fui-Tab__indicator--scale'\n};\nconst useActiveIndicatorStyles = /*#__PURE__*/__styles({\n  base: {\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\"\n  },\n  animated: {\n    Ba2ppi3: \"fhwpy7i\",\n    F2fol1: \"f6zz20j\",\n    B1dyfl9: \"f1ai4sc1\",\n    B0vmy72: \"f9qxlq5\",\n    u9bimw: \"f1aql376\"\n  },\n  horizontal: {\n    sjv3b2: [\"fug4aj8\", \"f1i5xzg7\"],\n    b1kco5: \"f1q7ujh\"\n  },\n  vertical: {\n    sjv3b2: \"f1hqboyk\",\n    b1kco5: \"f1dxupa6\"\n  }\n}, {\n  d: [\".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".fhwpy7i::after{transition-property:transform;}\", \".f6zz20j::after{transition-duration:var(--durationSlow);}\", \".f1ai4sc1::after{transition-timing-function:var(--curveDecelerateMax);}\", \".fug4aj8::after{transform-origin:left;}\", \".f1i5xzg7::after{transform-origin:right;}\", \".f1q7ujh::after{-webkit-transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));-moz-transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));-ms-transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));transform:translateX(var(--fui-Tab__indicator--offset)) scaleX(var(--fui-Tab__indicator--scale));}\", \".f1hqboyk::after{transform-origin:top;}\", \".f1dxupa6::after{-webkit-transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));-moz-transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));-ms-transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));transform:translateY(var(--fui-Tab__indicator--offset)) scaleY(var(--fui-Tab__indicator--scale));}\"],\n  m: [[\"@media (prefers-reduced-motion: reduce){.f9qxlq5::after{transition-property:none;}}\", {\n    m: \"(prefers-reduced-motion: reduce)\"\n  }], [\"@media (prefers-reduced-motion: reduce){.f1aql376::after{transition-duration:0.01ms;}}\", {\n    m: \"(prefers-reduced-motion: reduce)\"\n  }]]\n});\nconst calculateTabRect = element => {\n  if (element) {\n    var _element_parentElement;\n    const parentRect = ((_element_parentElement = element.parentElement) === null || _element_parentElement === void 0 ? void 0 : _element_parentElement.getBoundingClientRect()) || {\n      x: 0,\n      y: 0,\n      width: 0,\n      height: 0\n    };\n    const tabRect = element.getBoundingClientRect();\n    return {\n      x: tabRect.x - parentRect.x,\n      y: tabRect.y - parentRect.y,\n      width: tabRect.width,\n      height: tabRect.height\n    };\n  }\n  return undefined;\n};\nconst getRegisteredTabRect = (registeredTabs, value) => {\n  var _registeredTabs_JSON_stringify;\n  const element = value !== undefined && value !== null ? (_registeredTabs_JSON_stringify = registeredTabs[JSON.stringify(value)]) === null || _registeredTabs_JSON_stringify === void 0 ? void 0 : _registeredTabs_JSON_stringify.ref.current : undefined;\n  return element ? calculateTabRect(element) : undefined;\n};\n/**\n * Adds additional styling to the active tab selection indicator to create a sliding animation.\n */\nexport const useTabAnimatedIndicatorStyles_unstable = state => {\n  const {\n    disabled,\n    selected,\n    vertical\n  } = state;\n  const activeIndicatorStyles = useActiveIndicatorStyles();\n  const [lastAnimatedFrom, setLastAnimatedFrom] = React.useState();\n  const [animationValues, setAnimationValues] = React.useState({\n    offset: 0,\n    scale: 1\n  });\n  const getRegisteredTabs = useTabListContext_unstable(ctx => ctx.getRegisteredTabs);\n  React.useEffect(() => {\n    if (lastAnimatedFrom) {\n      setAnimationValues({\n        offset: 0,\n        scale: 1\n      });\n    }\n  }, [lastAnimatedFrom]);\n  if (selected) {\n    const {\n      previousSelectedValue,\n      selectedValue,\n      registeredTabs\n    } = getRegisteredTabs();\n    const previousSelectedTabRect = getRegisteredTabRect(registeredTabs, previousSelectedValue);\n    const selectedTabRect = getRegisteredTabRect(registeredTabs, selectedValue);\n    if (selectedTabRect && previousSelectedTabRect && previousSelectedValue && lastAnimatedFrom !== previousSelectedValue) {\n      const offset = vertical ? previousSelectedTabRect.y - selectedTabRect.y : previousSelectedTabRect.x - selectedTabRect.x;\n      const scale = vertical ? previousSelectedTabRect.height / selectedTabRect.height : previousSelectedTabRect.width / selectedTabRect.width;\n      setAnimationValues({\n        offset,\n        scale\n      });\n      setLastAnimatedFrom(previousSelectedValue);\n    }\n  } else if (lastAnimatedFrom) {\n    // need to clear the last animated from so that if this tab is selected again\n    // from the same previous tab as last time, that animation still happens.\n    setLastAnimatedFrom(undefined);\n  }\n  // do not apply any animation if the tab is disabled\n  if (disabled) {\n    return state;\n  }\n  // the animation should only happen as the selection indicator returns to its\n  // original position and not when set at the previous tabs position.\n  const animating = animationValues.offset === 0 && animationValues.scale === 1;\n  state.root.className = mergeClasses(state.root.className, selected && activeIndicatorStyles.base, selected && animating && activeIndicatorStyles.animated, selected && (vertical ? activeIndicatorStyles.vertical : activeIndicatorStyles.horizontal));\n  const rootCssVars = {\n    [tabIndicatorCssVars_unstable.offsetVar]: `${animationValues.offset}px`,\n    [tabIndicatorCssVars_unstable.scaleVar]: `${animationValues.scale}`\n  };\n  state.root.style = {\n    ...rootCssVars,\n    ...state.root.style\n  };\n  return state;\n};\n//# sourceMappingURL=useTabAnimatedIndicator.js.map"],"names":["useTabAnimatedIndicatorStyles_unstable","tabIndicatorCssVars_unstable","offsetVar","scaleVar","useActiveIndicatorStyles","__styles","base","B68tc82","Bmxbyg5","animated","Ba2ppi3","F2fol1","B1dyfl9","B0vmy72","u9bimw","horizontal","sjv3b2","b1kco5","vertical","d","m","calculateTabRect","element","_element_parentElement","parentRect","parentElement","getBoundingClientRect","x","y","width","height","tabRect","undefined","getRegisteredTabRect","registeredTabs","value","_registeredTabs_JSON_stringify","JSON","stringify","ref","current","state","disabled","selected","activeIndicatorStyles","lastAnimatedFrom","setLastAnimatedFrom","React","useState","animationValues","setAnimationValues","offset","scale","getRegisteredTabs","useTabListContext_unstable","ctx","useEffect","previousSelectedValue","selectedValue","previousSelectedTabRect","selectedTabRect","animating","root","className","mergeClasses","rootCssVars","style"],"mappings":"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"}

package/lib-commonjs/components/Tab/useTabStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/Tab/useTabStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator';\nexport const tabClassNames = {\n  root: 'fui-Tab',\n  icon: 'fui-Tab__icon',\n  content: 'fui-Tab__content'\n};\nconst reservedSpaceClassNames = {\n  content: 'fui-Tab__content--reserved-space'\n};\n// These should match the constants defined in @fluentui/react-icons\n// This package avoids taking a dependency on the icons package for only the constants.\nconst iconClassNames = {\n  filled: 'fui-Icon-filled',\n  regular: 'fui-Icon-regular'\n};\n/**\n * Styles for the root slot\n */ /* eslint-disable @typescript-eslint/naming-convention */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    Bt984gj: \"f122n59\",\n    g2u3we: \"fwhevhj\",\n    h3c5rm: [\"f61n433\", \"f1q8l70w\"],\n    B9xav0g: \"fv1dfc8\",\n    zhjwy3: [\"f1q8l70w\", \"f61n433\"],\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    B4j52fo: \"fre7gi1\",\n    Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n    Bn0qgzm: \"fqdk4by\",\n    ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n    Bceei9c: \"f1k6fduh\",\n    mc9l5x: \"f13qh94s\",\n    Bnnss6s: \"fi64zpg\",\n    Bxotwcr: \"f1u07yai\",\n    Budl1dq: \"frn2hmy\",\n    wkccdc: \"f1olsevy\",\n    Bahqtrf: \"fk6fouc\",\n    Bg96gwp: \"f1i3iumi\",\n    oeaueh: \"f1s6fcnf\",\n    qhf8xq: \"f10pi13n\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    B9bfxx9: \"f1cxpek8\"\n  },\n  horizontal: {\n    Brf1p80: \"f4d9j23\"\n  },\n  vertical: {\n    Brf1p80: \"f1s9ku6b\"\n  },\n  smallHorizontal: {\n    i8kkvl: \"f14mj54c\",\n    z8tnut: \"fp2oml8\",\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n    Byoj8tv: \"f1tdddsa\",\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n  },\n  smallVertical: {\n    i8kkvl: \"f14mj54c\",\n    z8tnut: \"fclwglc\",\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n    Byoj8tv: \"fywfov9\",\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n  },\n  mediumHorizontal: {\n    i8kkvl: \"f1rjii52\",\n    z8tnut: \"f5yzyt\",\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n    Byoj8tv: \"fx3omr\",\n    uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n  },\n  mediumVertical: {\n    i8kkvl: \"f1rjii52\",\n    z8tnut: \"fp2oml8\",\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n    Byoj8tv: \"f1tdddsa\",\n    uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n  },\n  largeHorizontal: {\n    i8kkvl: \"f1rjii52\",\n    z8tnut: \"fikn0iw\",\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n    Byoj8tv: \"fdxej3c\",\n    uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n  },\n  largeVertical: {\n    i8kkvl: \"f1rjii52\",\n    z8tnut: \"f1kwiid1\",\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"],\n    Byoj8tv: \"f5b47ha\",\n    uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"]\n  },\n  transparent: {\n    De3pzq: \"f1c21dwh\",\n    Jwef8y: \"fjxutwb\",\n    ecr2s2: \"fophhak\",\n    Bptxc3x: \"fmmjozx\",\n    B076xvk: \"f1mfqf41\",\n    q9r9w5: \"f10aiid4\",\n    cl4aha: \"fpkze5g\",\n    Bk452zc: \"f149wc3x\",\n    a4hkcw: \"fjioou7\"\n  },\n  subtle: {\n    De3pzq: \"fhovq9v\",\n    Jwef8y: \"f1t94bn6\",\n    ecr2s2: \"f1wfn5kd\",\n    Bptxc3x: \"fmmjozx\",\n    B076xvk: \"f1mfqf41\",\n    q9r9w5: \"f10aiid4\",\n    cl4aha: \"fpkze5g\",\n    Bk452zc: \"f149wc3x\",\n    a4hkcw: \"fjioou7\"\n  },\n  disabled: {\n    De3pzq: \"f1c21dwh\",\n    Bptxc3x: \"fato7r6\",\n    cl4aha: \"fao1bnu\",\n    Bceei9c: \"fdrzuqr\"\n  },\n  selected: {\n    Bptxc3x: \"f1cadz5z\",\n    B076xvk: \"f1ck17l\",\n    q9r9w5: \"f42ak0g\",\n    cl4aha: \"ffplhdr\",\n    Bk452zc: \"ffth601\",\n    a4hkcw: \"fhklyu5\"\n  }\n}, {\n  d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fwhevhj{border-top-color:none;}\", \".f61n433{border-right-color:none;}\", \".f1q8l70w{border-left-color:none;}\", \".fv1dfc8{border-bottom-color:none;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".fre7gi1{border-top-width:0;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f1k6fduh{cursor:pointer;}\", \".f13qh94s{display:grid;}\", \".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f1u07yai{grid-auto-flow:column;}\", \".frn2hmy{grid-template-columns:auto;}\", \".f1olsevy{grid-template-rows:auto;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1s6fcnf{outline-style:none;}\", \".f10pi13n{position:relative;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1cxpek8{text-transform:none;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f1s9ku6b{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start;}\", \".f14mj54c{-webkit-column-gap:var(--spacingHorizontalXXS);column-gap:var(--spacingHorizontalXXS);}\", \".fp2oml8{padding-top:var(--spacingVerticalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f1tdddsa{padding-bottom:var(--spacingVerticalSNudge);}\", \".fclwglc{padding-top:var(--spacingVerticalXXS);}\", \".fywfov9{padding-bottom:var(--spacingVerticalXXS);}\", \".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}\", \".f5yzyt{padding-top:var(--spacingVerticalM);}\", \".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}\", \".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}\", \".fx3omr{padding-bottom:var(--spacingVerticalM);}\", \".fikn0iw{padding-top:var(--spacingVerticalL);}\", \".fdxej3c{padding-bottom:var(--spacingVerticalL);}\", \".f1kwiid1{padding-top:var(--spacingVerticalS);}\", \".f5b47ha{padding-bottom:var(--spacingVerticalS);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fmmjozx .fui-Tab__icon{color:var(--colorNeutralForeground2);}\", \".fpkze5g .fui-Tab__content{color:var(--colorNeutralForeground2);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fato7r6 .fui-Tab__icon{color:var(--colorNeutralForegroundDisabled);}\", \".fao1bnu .fui-Tab__content{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1cadz5z .fui-Tab__icon{color:var(--colorCompoundBrandForeground1);}\", \".ffplhdr .fui-Tab__content{color:var(--colorNeutralForeground1);}\"],\n  h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f1mfqf41:hover .fui-Tab__icon{color:var(--colorNeutralForeground2Hover);}\", \".f149wc3x:hover .fui-Tab__content{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1ck17l:hover .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Hover);}\", \".ffth601:hover .fui-Tab__content{color:var(--colorNeutralForeground1Hover);}\"],\n  a: [\".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f10aiid4:active .fui-Tab__icon{color:var(--colorNeutralForeground2Pressed);}\", \".fjioou7:active .fui-Tab__content{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f42ak0g:active .fui-Tab__icon{color:var(--colorCompoundBrandForeground1Pressed);}\", \".fhklyu5:active .fui-Tab__content{color:var(--colorNeutralForeground1Pressed);}\"]\n});\n/* eslint-enable @typescript-eslint/naming-convention */ /**\n                                                         * Focus styles for the root slot\n                                                         */\nconst useFocusStyles = /*#__PURE__*/__styles({\n  base: {\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bn4voq9: \"f1p7hgxw\",\n    Bfpq7zp: \"f1way5bb\",\n    g9k6zt: \"f9znhxp\",\n    j6ew2k: [\"fqa318h\", \"fqa318h\"],\n    Bhxq17a: \"f1vjpng2\"\n  }\n}, {\n  d: [\".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f1p7hgxw[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);}\", \".f1way5bb[data-fui-focus-visible]{outline-color:transparent;}\", \".f9znhxp[data-fui-focus-visible]{outline-style:solid;}\", \".fqa318h[data-fui-focus-visible]{box-shadow:var(--shadow4),0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2);}\", \".f1vjpng2[data-fui-focus-visible]{z-index:1;}\"]\n});\n/** Indicator styles for when pending selection */\nconst usePendingIndicatorStyles = /*#__PURE__*/__styles({\n  base: {\n    az7l2e: \"fhw179n\",\n    Bv4n3vi: [\"f10y1uxy\", \"f6aiuy0\"],\n    vqofr: [\"f6aiuy0\", \"f10y1uxy\"],\n    B0uxbk8: [\"f1kfpfnu\", \"f1dx5wco\"],\n    Bgqb9hq: [\"f1dx5wco\", \"f1kfpfnu\"],\n    amg5m6: \"f1kmhr4c\",\n    zkfqfm: \"fl1ydde\",\n    Bkydozb: \"f1y7maxz\",\n    vzq8l0: [\"f105swax\", \"fscdmel\"],\n    Bka2azo: [\"fscdmel\", \"f105swax\"],\n    Br4ovkg: [\"f1tkcw1w\", \"f1u11x8o\"],\n    csmgbd: [\"f1u11x8o\", \"f1tkcw1w\"],\n    y36c18: \"f16cxu0\",\n    B1ctymy: \"f1nwgacf\",\n    Bgvrrv0: \"f15ovonk\",\n    ddr6p5: \"fvje46l\"\n  },\n  disabled: {\n    az7l2e: \"f1ut20fw\",\n    Bkydozb: \"fhrzcfn\"\n  },\n  smallHorizontal: {\n    lawp4y: \"fchca7p\",\n    Baz25je: \"f1r53b5e\",\n    Fbdkly: [\"f1s6rxz5\", \"fo35v8s\"],\n    mdwyqc: [\"fo35v8s\", \"f1s6rxz5\"]\n  },\n  smallVertical: {\n    lawp4y: \"fze4zud\",\n    Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n    Bciustq: \"fdp32p8\",\n    Ccq8qp: \"f1aij3q\"\n  },\n  mediumHorizontal: {\n    lawp4y: \"fchca7p\",\n    Baz25je: \"f1s2r9ax\",\n    Fbdkly: [\"f1o0nnkk\", \"fxb7rol\"],\n    mdwyqc: [\"fxb7rol\", \"f1o0nnkk\"]\n  },\n  mediumVertical: {\n    lawp4y: \"f17jracn\",\n    Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n    Bciustq: \"f117lcb2\",\n    Ccq8qp: \"f1aij3q\"\n  },\n  largeHorizontal: {\n    lawp4y: \"fchca7p\",\n    Baz25je: \"f1s2r9ax\",\n    Fbdkly: [\"f1o0nnkk\", \"fxb7rol\"],\n    mdwyqc: [\"fxb7rol\", \"f1o0nnkk\"]\n  },\n  largeVertical: {\n    lawp4y: \"fel9d3z\",\n    Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n    Bciustq: \"f6vqlre\",\n    Ccq8qp: \"f1aij3q\"\n  }\n}, {\n  h: [\".fhw179n:hover::before{background-color:var(--colorNeutralStroke1Hover);}\", \".f10y1uxy:hover::before{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f6aiuy0:hover::before{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1kfpfnu:hover::before{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1dx5wco:hover::before{border-top-left-radius:var(--borderRadiusCircular);}\", \".f1kmhr4c:hover::before{content:\\\"\\\";}\", \".fl1ydde:hover::before{position:absolute;}\", \".f1ut20fw:hover::before{background-color:var(--colorTransparentStroke);}\"],\n  a: [\".f1y7maxz:active::before{background-color:var(--colorNeutralStroke1Pressed);}\", \".f105swax:active::before{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".fscdmel:active::before{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1tkcw1w:active::before{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1u11x8o:active::before{border-top-left-radius:var(--borderRadiusCircular);}\", \".f16cxu0:active::before{content:\\\"\\\";}\", \".f1nwgacf:active::before{position:absolute;}\", \".fhrzcfn:active::before{background-color:var(--colorTransparentStroke);}\"],\n  m: [[\"@media (forced-colors: active){.f15ovonk:hover::before{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fvje46l:active::before{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }]],\n  d: [\".fchca7p::before{bottom:0;}\", \".f1r53b5e::before{height:var(--strokeWidthThick);}\", \".f1s6rxz5::before{left:var(--spacingHorizontalSNudge);}\", \".fo35v8s::before{right:var(--spacingHorizontalSNudge);}\", \".fze4zud::before{bottom:var(--spacingVerticalXS);}\", \".f1fzr1x6::before{left:0;}\", \".f1f351id::before{right:0;}\", \".fdp32p8::before{top:var(--spacingVerticalXS);}\", \".f1aij3q::before{width:var(--strokeWidthThicker);}\", \".f1s2r9ax::before{height:var(--strokeWidthThicker);}\", \".f1o0nnkk::before{left:var(--spacingHorizontalM);}\", \".fxb7rol::before{right:var(--spacingHorizontalM);}\", \".f17jracn::before{bottom:var(--spacingVerticalS);}\", \".f117lcb2::before{top:var(--spacingVerticalS);}\", \".fel9d3z::before{bottom:var(--spacingVerticalMNudge);}\", \".f6vqlre::before{top:var(--spacingVerticalMNudge);}\"]\n});\nconst useActiveIndicatorStyles = /*#__PURE__*/__styles({\n  base: {\n    Bjyk6c5: \"f1rp0jgh\",\n    B3778ie: [\"fprarqb\", \"f14vs0nd\"],\n    d9w3h3: [\"f14vs0nd\", \"fprarqb\"],\n    Bl18szs: [\"f1gtfqs9\", \"f18zvfd9\"],\n    B4j8arr: [\"f18zvfd9\", \"f1gtfqs9\"],\n    Bsft5z2: \"f13zj6fq\",\n    E3zdtr: \"f1mdlcz9\",\n    t2ki1e: \"ffmd2fr\"\n  },\n  selected: {\n    Bjyk6c5: \"f1ksivud\",\n    Glksuk: \"f1eytvvh\",\n    Blzl0y7: \"fuaa9s\",\n    f7digc: \"fy7ktjt\",\n    Biqphg1: \"f16tp0gf\",\n    Bntoloa: \"fj0yp7j\"\n  },\n  disabled: {\n    Bjyk6c5: \"f13lkzet\"\n  },\n  smallHorizontal: {\n    By385i5: \"fo72kxq\",\n    Dlnsje: \"f9bb2ob\",\n    Eqx8gd: [\"f1q70ajw\", \"f18rbzdx\"],\n    B1piin3: [\"f18rbzdx\", \"f1q70ajw\"]\n  },\n  smallVertical: {\n    By385i5: \"fqbue9b\",\n    Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n    bn5sak: \"fk1klkt\",\n    a2br6o: \"f1o25lip\"\n  },\n  mediumHorizontal: {\n    By385i5: \"fo72kxq\",\n    Dlnsje: \"f1vx7lu8\",\n    Eqx8gd: [\"fna7m5n\", \"f1oxpfwv\"],\n    B1piin3: [\"f1oxpfwv\", \"fna7m5n\"]\n  },\n  mediumVertical: {\n    By385i5: \"fipylg0\",\n    Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n    bn5sak: \"fqchiol\",\n    a2br6o: \"f1o25lip\"\n  },\n  largeHorizontal: {\n    By385i5: \"fo72kxq\",\n    Dlnsje: \"f1vx7lu8\",\n    Eqx8gd: [\"fna7m5n\", \"f1oxpfwv\"],\n    B1piin3: [\"f1oxpfwv\", \"fna7m5n\"]\n  },\n  largeVertical: {\n    By385i5: \"f1w7dm5g\",\n    Eqx8gd: [\"f1n6gb5g\", \"f15yvnhg\"],\n    bn5sak: \"f1p6em4m\",\n    a2br6o: \"f1o25lip\"\n  }\n}, {\n  d: [\".f1rp0jgh::after{background-color:var(--colorTransparentStroke);}\", \".fprarqb::after{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f14vs0nd::after{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1gtfqs9::after{border-top-right-radius:var(--borderRadiusCircular);}\", \".f18zvfd9::after{border-top-left-radius:var(--borderRadiusCircular);}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".f1mdlcz9::after{position:absolute;}\", \".ffmd2fr::after{z-index:1;}\", \".f1ksivud::after{background-color:var(--colorCompoundBrandStroke);}\", \".f13lkzet::after{background-color:var(--colorNeutralForegroundDisabled);}\", \".fo72kxq::after{bottom:0;}\", \".f9bb2ob::after{height:var(--strokeWidthThick);}\", \".f1q70ajw::after{left:var(--spacingHorizontalSNudge);}\", \".f18rbzdx::after{right:var(--spacingHorizontalSNudge);}\", \".fqbue9b::after{bottom:var(--spacingVerticalXS);}\", \".f1n6gb5g::after{left:0;}\", \".f15yvnhg::after{right:0;}\", \".fk1klkt::after{top:var(--spacingVerticalXS);}\", \".f1o25lip::after{width:var(--strokeWidthThicker);}\", \".f1vx7lu8::after{height:var(--strokeWidthThicker);}\", \".fna7m5n::after{left:var(--spacingHorizontalM);}\", \".f1oxpfwv::after{right:var(--spacingHorizontalM);}\", \".fipylg0::after{bottom:var(--spacingVerticalS);}\", \".fqchiol::after{top:var(--spacingVerticalS);}\", \".f1w7dm5g::after{bottom:var(--spacingVerticalMNudge);}\", \".f1p6em4m::after{top:var(--spacingVerticalMNudge);}\"],\n  h: [\".f1eytvvh:hover::after{background-color:var(--colorCompoundBrandStrokeHover);}\"],\n  a: [\".fuaa9s:active::after{background-color:var(--colorCompoundBrandStrokePressed);}\"],\n  m: [[\"@media (forced-colors: active){.fy7ktjt::after{background-color:ButtonText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f16tp0gf:hover::after{background-color:ButtonText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fj0yp7j:active::after{background-color:ButtonText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\n/**\n * Styles for the icon slot.\n */\nconst useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Br312pm: \"fwpfdsa\",\n    Ijaq50: \"f16hsg94\",\n    Bt984gj: \"f122n59\",\n    mc9l5x: \"ftuwxu6\",\n    Brf1p80: \"f4d9j23\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    D0sxk3: \"f16u1re\",\n    t6yez3: \"f8bsbmo\"\n  },\n  small: {\n    Be2twd7: \"fe5j1ua\",\n    Bqenvij: \"fjamq6b\",\n    a9b677: \"f64fuq3\"\n  },\n  medium: {\n    Be2twd7: \"fe5j1ua\",\n    Bqenvij: \"fjamq6b\",\n    a9b677: \"f64fuq3\"\n  },\n  large: {\n    Be2twd7: \"f1rt2boy\",\n    Bqenvij: \"frvgh55\",\n    a9b677: \"fq4mcun\"\n  },\n  selected: {\n    D0sxk3: \"fxoiby5\",\n    t6yez3: \"f15q0o9g\"\n  }\n}, {\n  d: [\".fwpfdsa{grid-column-start:1;}\", \".f16hsg94{grid-row-start:1;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f16u1re .fui-Icon-filled{display:none;}\", \".f8bsbmo .fui-Icon-regular{display:inline;}\", \".fe5j1ua{font-size:20px;}\", \".fjamq6b{height:20px;}\", \".f64fuq3{width:20px;}\", \".f1rt2boy{font-size:24px;}\", \".frvgh55{height:24px;}\", \".fq4mcun{width:24px;}\", \".fxoiby5 .fui-Icon-filled{display:inline;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\"]\n});\n/**\n * Styles for the content slot (children)\n */\nconst useContentStyles = /*#__PURE__*/__styles({\n  base: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    z8tnut: \"fztplxc\",\n    z189sj: [\"ffczdla\", \"fgiv446\"],\n    Byoj8tv: \"f9g1xly\",\n    uwmqm3: [\"fgiv446\", \"ffczdla\"]\n  },\n  selected: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  large: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\"\n  },\n  largeSelected: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"faaz57k\"\n  },\n  noIconBefore: {\n    Br312pm: \"fwpfdsa\",\n    Ijaq50: \"f16hsg94\"\n  },\n  iconBefore: {\n    Br312pm: \"fd46tj4\",\n    Ijaq50: \"f16hsg94\"\n  },\n  placeholder: {\n    Bcdw1i0: \"fd7fpy0\"\n  }\n}, {\n  d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".fztplxc{padding-top:var(--spacingVerticalNone);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".f9g1xly{padding-bottom:var(--spacingVerticalNone);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fwpfdsa{grid-column-start:1;}\", \".f16hsg94{grid-row-start:1;}\", \".fd46tj4{grid-column-start:2;}\", \".fd7fpy0{visibility:hidden;}\"]\n});\n/**\n * Apply styling to the Tab slots based on the state\n */\nexport const useTabStyles_unstable = state => {\n  const rootStyles = useRootStyles();\n  const focusStyles = useFocusStyles();\n  const pendingIndicatorStyles = usePendingIndicatorStyles();\n  const activeIndicatorStyles = useActiveIndicatorStyles();\n  const iconStyles = useIconStyles();\n  const contentStyles = useContentStyles();\n  const {\n    appearance,\n    disabled,\n    selected,\n    size,\n    vertical\n  } = state;\n  state.root.className = mergeClasses(tabClassNames.root, rootStyles.base, vertical ? rootStyles.vertical : rootStyles.horizontal, size === 'small' && (vertical ? rootStyles.smallVertical : rootStyles.smallHorizontal), size === 'medium' && (vertical ? rootStyles.mediumVertical : rootStyles.mediumHorizontal), size === 'large' && (vertical ? rootStyles.largeVertical : rootStyles.largeHorizontal), focusStyles.base, !disabled && appearance === 'subtle' && rootStyles.subtle, !disabled && appearance === 'transparent' && rootStyles.transparent, !disabled && selected && rootStyles.selected, disabled && rootStyles.disabled,\n  // pending indicator (before pseudo element)\n  pendingIndicatorStyles.base, size === 'small' && (vertical ? pendingIndicatorStyles.smallVertical : pendingIndicatorStyles.smallHorizontal), size === 'medium' && (vertical ? pendingIndicatorStyles.mediumVertical : pendingIndicatorStyles.mediumHorizontal), size === 'large' && (vertical ? pendingIndicatorStyles.largeVertical : pendingIndicatorStyles.largeHorizontal), disabled && pendingIndicatorStyles.disabled,\n  // active indicator (after pseudo element)\n  selected && activeIndicatorStyles.base, selected && !disabled && activeIndicatorStyles.selected, selected && size === 'small' && (vertical ? activeIndicatorStyles.smallVertical : activeIndicatorStyles.smallHorizontal), selected && size === 'medium' && (vertical ? activeIndicatorStyles.mediumVertical : activeIndicatorStyles.mediumHorizontal), selected && size === 'large' && (vertical ? activeIndicatorStyles.largeVertical : activeIndicatorStyles.largeHorizontal), selected && disabled && activeIndicatorStyles.disabled, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(tabClassNames.icon, iconStyles.base, iconStyles[size], selected && iconStyles.selected, state.icon.className);\n  }\n  // This needs to be before state.content.className is updated\n  if (state.contentReservedSpaceClassName !== undefined) {\n    state.contentReservedSpaceClassName = mergeClasses(reservedSpaceClassNames.content, contentStyles.base, size === 'large' ? contentStyles.largeSelected : contentStyles.selected, state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, contentStyles.placeholder, state.content.className);\n  }\n  state.content.className = mergeClasses(tabClassNames.content, contentStyles.base, size === 'large' && contentStyles.large, selected && (size === 'large' ? contentStyles.largeSelected : contentStyles.selected), state.icon ? contentStyles.iconBefore : contentStyles.noIconBefore, state.content.className);\n  useTabAnimatedIndicatorStyles_unstable(state);\n  return state;\n};\n//# sourceMappingURL=useTabStyles.js.map"],"names":["tabClassNames","useTabStyles_unstable","root","icon","content","reservedSpaceClassNames","iconClassNames","filled","regular","useRootStyles","__styles","base","Bt984gj","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","Bceei9c","mc9l5x","Bnnss6s","Bxotwcr","Budl1dq","wkccdc","Bahqtrf","Bg96gwp","oeaueh","qhf8xq","B68tc82","Bmxbyg5","B9bfxx9","horizontal","Brf1p80","vertical","smallHorizontal","i8kkvl","z8tnut","z189sj","Byoj8tv","uwmqm3","smallVertical","mediumHorizontal","mediumVertical","largeHorizontal","largeVertical","transparent","De3pzq","Jwef8y","ecr2s2","Bptxc3x","B076xvk","q9r9w5","cl4aha","Bk452zc","a4hkcw","subtle","disabled","selected","d","h","a","useFocusStyles","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bn4voq9","Bfpq7zp","g9k6zt","j6ew2k","Bhxq17a","usePendingIndicatorStyles","az7l2e","Bv4n3vi","vqofr","B0uxbk8","Bgqb9hq","amg5m6","zkfqfm","Bkydozb","vzq8l0","Bka2azo","Br4ovkg","csmgbd","y36c18","B1ctymy","Bgvrrv0","ddr6p5","lawp4y","Baz25je","Fbdkly","mdwyqc","Bciustq","Ccq8qp","m","useActiveIndicatorStyles","Bjyk6c5","B3778ie","d9w3h3","Bl18szs","B4j8arr","Bsft5z2","E3zdtr","t2ki1e","Glksuk","Blzl0y7","f7digc","Biqphg1","Bntoloa","By385i5","Dlnsje","Eqx8gd","B1piin3","bn5sak","a2br6o","useIconStyles","Br312pm","Ijaq50","D0sxk3","t6yez3","small","Be2twd7","Bqenvij","a9b677","medium","large","useContentStyles","Bhrd7zp","largeSelected","noIconBefore","iconBefore","placeholder","Bcdw1i0","state","rootStyles","focusStyles","pendingIndicatorStyles","activeIndicatorStyles","iconStyles","contentStyles","appearance","size","className","mergeClasses","contentReservedSpaceClassName","undefined","useTabAnimatedIndicatorStyles_unstable"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/TabList/useTabListStyles.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}\", \".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}\", \".f10pi13n{position:relative;}\", \".f1q9h2pe{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;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.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;QAAwF;QAAoF;QAAsE;QAA0G;QAAiC;QAAgH;KAA4F;AAC/kB;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,4CAA4C"}