@fluentui/react-tabs 9.3.15 → 9.3.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/CHANGELOG.json +79 -1
  2. package/CHANGELOG.md +28 -2
  3. package/lib/Tab.js +0 -1
  4. package/lib/Tab.js.map +1 -1
  5. package/lib/TabList.js +0 -1
  6. package/lib/TabList.js.map +1 -1
  7. package/lib/components/Tab/Tab.js +5 -7
  8. package/lib/components/Tab/Tab.js.map +1 -1
  9. package/lib/components/Tab/Tab.types.js +1 -2
  10. package/lib/components/Tab/Tab.types.js.map +1 -1
  11. package/lib/components/Tab/index.js +0 -1
  12. package/lib/components/Tab/index.js.map +1 -1
  13. package/lib/components/Tab/renderTab.js +7 -12
  14. package/lib/components/Tab/renderTab.js.map +1 -1
  15. package/lib/components/Tab/useTab.js +65 -68
  16. package/lib/components/Tab/useTab.js.map +1 -1
  17. package/lib/components/Tab/useTabAnimatedIndicator.styles.js.map +1 -1
  18. package/lib/components/Tab/useTabStyles.styles.js.map +1 -1
  19. package/lib/components/TabList/TabList.js +6 -8
  20. package/lib/components/TabList/TabList.js.map +1 -1
  21. package/lib/components/TabList/TabList.types.js +0 -1
  22. package/lib/components/TabList/TabList.types.js.map +1 -1
  23. package/lib/components/TabList/TabListContext.js +19 -20
  24. package/lib/components/TabList/TabListContext.js.map +1 -1
  25. package/lib/components/TabList/index.js +0 -1
  26. package/lib/components/TabList/index.js.map +1 -1
  27. package/lib/components/TabList/renderTabList.js +6 -11
  28. package/lib/components/TabList/renderTabList.js.map +1 -1
  29. package/lib/components/TabList/useTabList.js +63 -70
  30. package/lib/components/TabList/useTabList.js.map +1 -1
  31. package/lib/components/TabList/useTabListContextValues.js +16 -28
  32. package/lib/components/TabList/useTabListContextValues.js.map +1 -1
  33. package/lib/components/TabList/useTabListStyles.styles.js.map +1 -1
  34. package/lib/index.js +0 -1
  35. package/lib/index.js.map +1 -1
  36. package/lib-commonjs/Tab.js +0 -3
  37. package/lib-commonjs/Tab.js.map +1 -1
  38. package/lib-commonjs/TabList.js +0 -3
  39. package/lib-commonjs/TabList.js.map +1 -1
  40. package/lib-commonjs/components/Tab/Tab.js +1 -3
  41. package/lib-commonjs/components/Tab/Tab.js.map +1 -1
  42. package/lib-commonjs/components/Tab/Tab.types.js +0 -3
  43. package/lib-commonjs/components/Tab/Tab.types.js.map +1 -1
  44. package/lib-commonjs/components/Tab/index.js +0 -3
  45. package/lib-commonjs/components/Tab/index.js.map +1 -1
  46. package/lib-commonjs/components/Tab/renderTab.js +1 -3
  47. package/lib-commonjs/components/Tab/renderTab.js.map +1 -1
  48. package/lib-commonjs/components/Tab/useTab.js +1 -3
  49. package/lib-commonjs/components/Tab/useTab.js.map +1 -1
  50. package/lib-commonjs/components/Tab/useTabAnimatedIndicator.styles.js +0 -2
  51. package/lib-commonjs/components/Tab/useTabAnimatedIndicator.styles.js.map +1 -1
  52. package/lib-commonjs/components/Tab/useTabStyles.styles.js +0 -2
  53. package/lib-commonjs/components/Tab/useTabStyles.styles.js.map +1 -1
  54. package/lib-commonjs/components/TabList/TabList.js +1 -3
  55. package/lib-commonjs/components/TabList/TabList.js.map +1 -1
  56. package/lib-commonjs/components/TabList/TabList.types.js +0 -3
  57. package/lib-commonjs/components/TabList/TabList.types.js.map +1 -1
  58. package/lib-commonjs/components/TabList/TabListContext.js +2 -4
  59. package/lib-commonjs/components/TabList/TabListContext.js.map +1 -1
  60. package/lib-commonjs/components/TabList/index.js +0 -3
  61. package/lib-commonjs/components/TabList/index.js.map +1 -1
  62. package/lib-commonjs/components/TabList/renderTabList.js +1 -3
  63. package/lib-commonjs/components/TabList/renderTabList.js.map +1 -1
  64. package/lib-commonjs/components/TabList/useTabList.js +1 -3
  65. package/lib-commonjs/components/TabList/useTabList.js.map +1 -1
  66. package/lib-commonjs/components/TabList/useTabListContextValues.js +1 -3
  67. package/lib-commonjs/components/TabList/useTabListContextValues.js.map +1 -1
  68. package/lib-commonjs/components/TabList/useTabListStyles.styles.js +0 -2
  69. package/lib-commonjs/components/TabList/useTabListStyles.styles.js.map +1 -1
  70. package/lib-commonjs/index.js +0 -3
  71. package/lib-commonjs/index.js.map +1 -1
  72. package/package.json +7 -7
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/TabList.js"],"sourcesContent":["export * from './components/TabList/index';\n//# sourceMappingURL=TabList.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,mCAAmC"}
1
+ {"version":3,"sources":["TabList.js"],"sourcesContent":["export * from './components/TabList/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
@@ -18,6 +18,4 @@ const Tab = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
18
  (0, _reactSharedContexts.useCustomStyleHook_unstable)('useTabStyles_unstable')(state);
19
19
  return (0, _renderTab.renderTab_unstable)(state);
20
20
  });
21
- Tab.displayName = 'Tab'; //# sourceMappingURL=Tab.js.map
22
-
23
- //# sourceMappingURL=Tab.js.map
21
+ Tab.displayName = 'Tab';
@@ -1 +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.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"}
1
+ {"version":3,"sources":["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 */ export 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"],"names":["Tab","React","forwardRef","props","ref","state","useTab_unstable","useTabStyles_unstable","useCustomStyleHook_unstable","renderTab_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;wBACS;2BACG;oCACG;qCACM;AAGjC,MAAMA,MAAM,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAChE,MAAMC,QAAQC,IAAAA,uBAAe,EAACH,OAAOC;IACrCG,IAAAA,yCAAqB,EAACF;IACtBG,IAAAA,gDAA2B,EAAC,yBAAyBH;IACrD,OAAOI,IAAAA,6BAAkB,EAACJ;AAC9B;AACAL,IAAIU,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=Tab.types.js.map
6
-
7
- //# sourceMappingURL=Tab.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Tab/Tab.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Tab.types.js.map"],"names":[],"mappings":";;;;CACA,qCAAqC"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -9,6 +9,3 @@ _exportStar(require("./renderTab"), exports);
9
9
  _exportStar(require("./useTab"), exports);
10
10
  _exportStar(require("./useTabStyles.styles"), exports);
11
11
  _exportStar(require("./useTabAnimatedIndicator.styles"), exports);
12
- //# sourceMappingURL=index.js.map
13
-
14
- //# sourceMappingURL=index.js.map
@@ -1 +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.styles';\nexport * from './useTabAnimatedIndicator.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["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"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA"}
@@ -14,6 +14,4 @@ const renderTab_unstable = (state)=>{
14
14
  ...slotProps.content,
15
15
  className: state.contentReservedSpaceClassName
16
16
  }));
17
- }; //# sourceMappingURL=renderTab.js.map
18
-
19
- //# sourceMappingURL=renderTab.js.map
17
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Tab/renderTab.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Tab\n */\nexport const renderTab_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /*#__PURE__*/createElement(slots.root, slotProps.root, slots.icon && /*#__PURE__*/createElement(slots.icon, slotProps.icon), !state.iconOnly && /*#__PURE__*/createElement(slots.content, slotProps.content), !state.selected && !state.iconOnly && state.contentReservedSpaceClassName !== undefined && /*#__PURE__*/createElement(slots.content, {\n ...slotProps.content,\n className: state.contentReservedSpaceClassName\n }));\n};\n//# sourceMappingURL=renderTab.js.map"],"names":["renderTab_unstable","state","slots","slotProps","getSlotsNext","createElement","root","icon","iconOnly","content","selected","contentReservedSpaceClassName","undefined","className"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,qBAAqBC,CAAAA,QAAS;IACzC,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,IAAI,IAAI,WAAW,GAAEF,IAAAA,8BAAa,EAACH,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,GAAG,CAACN,MAAMO,QAAQ,IAAI,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,OAAO,EAAEN,UAAUM,OAAO,GAAG,CAACR,MAAMS,QAAQ,IAAI,CAACT,MAAMO,QAAQ,IAAIP,MAAMU,6BAA6B,KAAKC,aAAa,WAAW,GAAEP,IAAAA,8BAAa,EAACH,MAAMO,OAAO,EAAE;QACxV,GAAGN,UAAUM,OAAO;QACpBI,WAAWZ,MAAMU,6BAA6B;IAChD;AACF,GACA,qCAAqC"}
1
+ {"version":3,"sources":["renderTab.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Tab\n */ export const renderTab_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.icon && /*#__PURE__*/ createElement(slots.icon, slotProps.icon), !state.iconOnly && /*#__PURE__*/ createElement(slots.content, slotProps.content), !state.selected && !state.iconOnly && state.contentReservedSpaceClassName !== undefined && /*#__PURE__*/ createElement(slots.content, {\n ...slotProps.content,\n className: state.contentReservedSpaceClassName\n }));\n};\n"],"names":["renderTab_unstable","state","slots","slotProps","getSlotsNext","createElement","root","icon","iconOnly","content","selected","contentReservedSpaceClassName","undefined","className"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,qBAAqB,CAACC,QAAQ;IAC3C,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,IAAI,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,GAAG,CAACN,MAAMO,QAAQ,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,OAAO,EAAEN,UAAUM,OAAO,GAAG,CAACR,MAAMS,QAAQ,IAAI,CAACT,MAAMO,QAAQ,IAAIP,MAAMU,6BAA6B,KAAKC,aAAa,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMO,OAAO,EAAE;QAC1V,GAAGN,UAAUM,OAAO;QACpBI,WAAWZ,MAAMU,6BAA6B;IAClD;AACJ"}
@@ -78,6 +78,4 @@ const useTab_unstable = (props, ref)=>{
78
78
  value,
79
79
  vertical
80
80
  };
81
- }; //# sourceMappingURL=useTab.js.map
82
-
83
- //# sourceMappingURL=useTab.js.map
81
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Tab/useTab.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { useTabListContext_unstable } from '../TabList/TabListContext';\n/**\n * Create the state required to render Tab.\n *\n * The returned state can be modified with hooks such as useTabStyles_unstable,\n * before being passed to renderTab_unstable.\n *\n * @param props - props from this instance of Tab\n * @param ref - reference to root HTMLElement of Tab\n */\nexport const useTab_unstable = (props, ref) => {\n const {\n content,\n disabled: tabDisabled = false,\n icon,\n onClick,\n value\n } = props;\n const appearance = useTabListContext_unstable(ctx => ctx.appearance);\n const reserveSelectedTabSpace = useTabListContext_unstable(ctx => ctx.reserveSelectedTabSpace);\n const listDisabled = useTabListContext_unstable(ctx => ctx.disabled);\n const selected = useTabListContext_unstable(ctx => ctx.selectedValue === value);\n const onRegister = useTabListContext_unstable(ctx => ctx.onRegister);\n const onUnregister = useTabListContext_unstable(ctx => ctx.onUnregister);\n const onSelect = useTabListContext_unstable(ctx => ctx.onSelect);\n const size = useTabListContext_unstable(ctx => ctx.size);\n const vertical = useTabListContext_unstable(ctx => !!ctx.vertical);\n const disabled = listDisabled || tabDisabled;\n const innerRef = React.useRef(null);\n const onTabClick = useEventCallback(mergeCallbacks(onClick, event => onSelect(event, {\n value\n })));\n React.useEffect(() => {\n onRegister({\n value,\n ref: innerRef\n });\n return () => {\n onUnregister({\n value,\n ref: innerRef\n });\n };\n }, [onRegister, onUnregister, innerRef, value]);\n const iconShorthand = resolveShorthand(icon);\n const contentShorthand = resolveShorthand(content, {\n required: true,\n defaultProps: {\n children: props.children\n }\n });\n return {\n components: {\n root: 'button',\n icon: 'span',\n content: 'span'\n },\n root: getNativeElementProps('button', {\n ref: useMergedRefs(ref, innerRef),\n role: 'tab',\n type: 'button',\n // aria-selected undefined indicates it is not selectable\n // according to https://www.w3.org/TR/wai-aria-1.1/#aria-selected\n 'aria-selected': disabled ? undefined : `${selected}`,\n ...props,\n disabled,\n onClick: onTabClick\n }),\n icon: iconShorthand,\n iconOnly: Boolean((iconShorthand === null || iconShorthand === void 0 ? void 0 : iconShorthand.children) && !contentShorthand.children),\n content: contentShorthand,\n appearance,\n contentReservedSpaceClassName: reserveSelectedTabSpace ? '' : undefined,\n disabled,\n selected,\n size,\n value,\n vertical\n };\n};\n//# sourceMappingURL=useTab.js.map"],"names":["useTab_unstable","props","ref","content","disabled","tabDisabled","icon","onClick","value","appearance","useTabListContext_unstable","ctx","reserveSelectedTabSpace","listDisabled","selected","selectedValue","onRegister","onUnregister","onSelect","size","vertical","innerRef","React","useRef","onTabClick","useEventCallback","mergeCallbacks","event","useEffect","iconShorthand","resolveShorthand","contentShorthand","required","defaultProps","children","components","root","getNativeElementProps","useMergedRefs","role","type","undefined","iconOnly","Boolean","contentReservedSpaceClassName"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACkF;gCAC9D;AAUpC,MAAMA,kBAAkB,CAACC,OAAOC,MAAQ;IAC7C,MAAM,EACJC,QAAO,EACPC,UAAUC,cAAc,KAAK,CAAA,EAC7BC,KAAI,EACJC,QAAO,EACPC,MAAK,EACN,GAAGP;IACJ,MAAMQ,aAAaC,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAIF,UAAU;IACnE,MAAMG,0BAA0BF,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAIC,uBAAuB;IAC7F,MAAMC,eAAeH,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAIP,QAAQ;IACnE,MAAMU,WAAWJ,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAII,aAAa,KAAKP;IACzE,MAAMQ,aAAaN,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAIK,UAAU;IACnE,MAAMC,eAAeP,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAIM,YAAY;IACvE,MAAMC,WAAWR,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAIO,QAAQ;IAC/D,MAAMC,OAAOT,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAIQ,IAAI;IACvD,MAAMC,WAAWV,IAAAA,0CAA0B,EAACC,CAAAA,MAAO,CAAC,CAACA,IAAIS,QAAQ;IACjE,MAAMhB,WAAWS,gBAAgBR;IACjC,MAAMgB,WAAWC,OAAMC,MAAM,CAAC,IAAI;IAClC,MAAMC,aAAaC,IAAAA,gCAAgB,EAACC,IAAAA,8BAAc,EAACnB,SAASoB,CAAAA,QAAST,SAASS,OAAO;YACnFnB;QACF;IACAc,OAAMM,SAAS,CAAC,IAAM;QACpBZ,WAAW;YACTR;YACAN,KAAKmB;QACP;QACA,OAAO,IAAM;YACXJ,aAAa;gBACXT;gBACAN,KAAKmB;YACP;QACF;IACF,GAAG;QAACL;QAAYC;QAAcI;QAAUb;KAAM;IAC9C,MAAMqB,gBAAgBC,IAAAA,gCAAgB,EAACxB;IACvC,MAAMyB,mBAAmBD,IAAAA,gCAAgB,EAAC3B,SAAS;QACjD6B,UAAU,IAAI;QACdC,cAAc;YACZC,UAAUjC,MAAMiC,QAAQ;QAC1B;IACF;IACA,OAAO;QACLC,YAAY;YACVC,MAAM;YACN9B,MAAM;YACNH,SAAS;QACX;QACAiC,MAAMC,IAAAA,qCAAqB,EAAC,UAAU;YACpCnC,KAAKoC,IAAAA,6BAAa,EAACpC,KAAKmB;YACxBkB,MAAM;YACNC,MAAM;YACN,yDAAyD;YACzD,iEAAiE;YACjE,iBAAiBpC,WAAWqC,YAAY,CAAC,EAAE3B,SAAS,CAAC;YACrD,GAAGb,KAAK;YACRG;YACAG,SAASiB;QACX;QACAlB,MAAMuB;QACNa,UAAUC,QAAQ,AAACd,CAAAA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcK,QAAQ,AAAD,KAAM,CAACH,iBAAiBG,QAAQ;QACtI/B,SAAS4B;QACTtB;QACAmC,+BAA+BhC,0BAA0B,KAAK6B,SAAS;QACvErC;QACAU;QACAK;QACAX;QACAY;IACF;AACF,GACA,kCAAkC"}
1
+ {"version":3,"sources":["useTab.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { useTabListContext_unstable } from '../TabList/TabListContext';\n/**\n * Create the state required to render Tab.\n *\n * The returned state can be modified with hooks such as useTabStyles_unstable,\n * before being passed to renderTab_unstable.\n *\n * @param props - props from this instance of Tab\n * @param ref - reference to root HTMLElement of Tab\n */ export const useTab_unstable = (props, ref)=>{\n const { content , disabled: tabDisabled = false , icon , onClick , value } = props;\n const appearance = useTabListContext_unstable((ctx)=>ctx.appearance);\n const reserveSelectedTabSpace = useTabListContext_unstable((ctx)=>ctx.reserveSelectedTabSpace);\n const listDisabled = useTabListContext_unstable((ctx)=>ctx.disabled);\n const selected = useTabListContext_unstable((ctx)=>ctx.selectedValue === value);\n const onRegister = useTabListContext_unstable((ctx)=>ctx.onRegister);\n const onUnregister = useTabListContext_unstable((ctx)=>ctx.onUnregister);\n const onSelect = useTabListContext_unstable((ctx)=>ctx.onSelect);\n const size = useTabListContext_unstable((ctx)=>ctx.size);\n const vertical = useTabListContext_unstable((ctx)=>!!ctx.vertical);\n const disabled = listDisabled || tabDisabled;\n const innerRef = React.useRef(null);\n const onTabClick = useEventCallback(mergeCallbacks(onClick, (event)=>onSelect(event, {\n value\n })));\n React.useEffect(()=>{\n onRegister({\n value,\n ref: innerRef\n });\n return ()=>{\n onUnregister({\n value,\n ref: innerRef\n });\n };\n }, [\n onRegister,\n onUnregister,\n innerRef,\n value\n ]);\n const iconShorthand = resolveShorthand(icon);\n const contentShorthand = resolveShorthand(content, {\n required: true,\n defaultProps: {\n children: props.children\n }\n });\n return {\n components: {\n root: 'button',\n icon: 'span',\n content: 'span'\n },\n root: getNativeElementProps('button', {\n ref: useMergedRefs(ref, innerRef),\n role: 'tab',\n type: 'button',\n // aria-selected undefined indicates it is not selectable\n // according to https://www.w3.org/TR/wai-aria-1.1/#aria-selected\n 'aria-selected': disabled ? undefined : `${selected}`,\n ...props,\n disabled,\n onClick: onTabClick\n }),\n icon: iconShorthand,\n iconOnly: Boolean((iconShorthand === null || iconShorthand === void 0 ? void 0 : iconShorthand.children) && !contentShorthand.children),\n content: contentShorthand,\n appearance,\n contentReservedSpaceClassName: reserveSelectedTabSpace ? '' : undefined,\n disabled,\n selected,\n size,\n value,\n vertical\n };\n};\n"],"names":["useTab_unstable","props","ref","content","disabled","tabDisabled","icon","onClick","value","appearance","useTabListContext_unstable","ctx","reserveSelectedTabSpace","listDisabled","selected","selectedValue","onRegister","onUnregister","onSelect","size","vertical","innerRef","React","useRef","onTabClick","useEventCallback","mergeCallbacks","event","useEffect","iconShorthand","resolveShorthand","contentShorthand","required","defaultProps","children","components","root","getNativeElementProps","useMergedRefs","role","type","undefined","iconOnly","Boolean","contentReservedSpaceClassName"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACkF;gCAC9D;AAShC,MAAMA,kBAAkB,CAACC,OAAOC,MAAM;IAC7C,MAAM,EAAEC,QAAO,EAAGC,UAAUC,cAAc,KAAK,CAAA,EAAGC,KAAI,EAAGC,QAAO,EAAGC,MAAK,EAAG,GAAGP;IAC9E,MAAMQ,aAAaC,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIF,UAAU;IACnE,MAAMG,0BAA0BF,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIC,uBAAuB;IAC7F,MAAMC,eAAeH,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIP,QAAQ;IACnE,MAAMU,WAAWJ,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAII,aAAa,KAAKP;IACzE,MAAMQ,aAAaN,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIK,UAAU;IACnE,MAAMC,eAAeP,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIM,YAAY;IACvE,MAAMC,WAAWR,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIO,QAAQ;IAC/D,MAAMC,OAAOT,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIQ,IAAI;IACvD,MAAMC,WAAWV,IAAAA,0CAA0B,EAAC,CAACC,MAAM,CAAC,CAACA,IAAIS,QAAQ;IACjE,MAAMhB,WAAWS,gBAAgBR;IACjC,MAAMgB,WAAWC,OAAMC,MAAM,CAAC,IAAI;IAClC,MAAMC,aAAaC,IAAAA,gCAAgB,EAACC,IAAAA,8BAAc,EAACnB,SAAS,CAACoB,QAAQT,SAASS,OAAO;YAC7EnB;QACJ;IACJc,OAAMM,SAAS,CAAC,IAAI;QAChBZ,WAAW;YACPR;YACAN,KAAKmB;QACT;QACA,OAAO,IAAI;YACPJ,aAAa;gBACTT;gBACAN,KAAKmB;YACT;QACJ;IACJ,GAAG;QACCL;QACAC;QACAI;QACAb;KACH;IACD,MAAMqB,gBAAgBC,IAAAA,gCAAgB,EAACxB;IACvC,MAAMyB,mBAAmBD,IAAAA,gCAAgB,EAAC3B,SAAS;QAC/C6B,UAAU,IAAI;QACdC,cAAc;YACVC,UAAUjC,MAAMiC,QAAQ;QAC5B;IACJ;IACA,OAAO;QACHC,YAAY;YACRC,MAAM;YACN9B,MAAM;YACNH,SAAS;QACb;QACAiC,MAAMC,IAAAA,qCAAqB,EAAC,UAAU;YAClCnC,KAAKoC,IAAAA,6BAAa,EAACpC,KAAKmB;YACxBkB,MAAM;YACNC,MAAM;YACN,yDAAyD;YACzD,iEAAiE;YACjE,iBAAiBpC,WAAWqC,YAAY,CAAC,EAAE3B,SAAS,CAAC;YACrD,GAAGb,KAAK;YACRG;YACAG,SAASiB;QACb;QACAlB,MAAMuB;QACNa,UAAUC,QAAQ,AAACd,CAAAA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcK,QAAQ,AAAD,KAAM,CAACH,iBAAiBG,QAAQ;QACtI/B,SAAS4B;QACTtB;QACAmC,+BAA+BhC,0BAA0B,KAAK6B,SAAS;QACvErC;QACAU;QACAK;QACAX;QACAY;IACJ;AACJ"}
@@ -145,5 +145,3 @@ const useTabAnimatedIndicatorStyles_unstable = (state)=>{
145
145
  };
146
146
  return state;
147
147
  }; //# sourceMappingURL=useTabAnimatedIndicator.styles.js.map
148
-
149
- //# sourceMappingURL=useTabAnimatedIndicator.styles.js.map
@@ -1 +1 @@
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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"}
1
+ {"version":3,"sources":["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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"}
@@ -776,5 +776,3 @@ const useTabStyles_unstable = (state)=>{
776
776
  (0, _useTabAnimatedIndicatorStyles.useTabAnimatedIndicatorStyles_unstable)(state);
777
777
  return state;
778
778
  }; //# sourceMappingURL=useTabStyles.styles.js.map
779
-
780
- //# sourceMappingURL=useTabStyles.styles.js.map
@@ -1 +1 @@
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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"}
1
+ {"version":3,"sources":["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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"}
@@ -20,6 +20,4 @@ const TabList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
20
20
  (0, _reactSharedContexts.useCustomStyleHook_unstable)('useTabListStyles_unstable')(state);
21
21
  return (0, _renderTabList.renderTabList_unstable)(state, contextValues);
22
22
  });
23
- TabList.displayName = 'TabList'; //# sourceMappingURL=TabList.js.map
24
-
25
- //# sourceMappingURL=TabList.js.map
23
+ TabList.displayName = 'TabList';
@@ -1 +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.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"}
1
+ {"version":3,"sources":["TabList.js"],"sourcesContent":["import * as React from 'react';\nimport { useTabList_unstable } from './useTabList';\nimport { renderTabList_unstable } from './renderTabList';\nimport { useTabListStyles_unstable } from './useTabListStyles.styles';\nimport { useTabListContextValues_unstable } from './useTabListContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A tab list provides single selection from a set of tabs.\n */ export const TabList = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useTabList_unstable(props, ref);\n const contextValues = useTabListContextValues_unstable(state);\n useTabListStyles_unstable(state);\n useCustomStyleHook_unstable('useTabListStyles_unstable')(state);\n return renderTabList_unstable(state, contextValues);\n});\nTabList.displayName = 'TabList';\n"],"names":["TabList","React","forwardRef","props","ref","state","useTabList_unstable","contextValues","useTabListContextValues_unstable","useTabListStyles_unstable","useCustomStyleHook_unstable","renderTabList_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;4BACa;+BACG;wCACG;yCACO;qCACL;AAGjC,MAAMA,UAAU,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACpE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,yDAAgC,EAACH;IACvDI,IAAAA,iDAAyB,EAACJ;IAC1BK,IAAAA,gDAA2B,EAAC,6BAA6BL;IACzD,OAAOM,IAAAA,qCAAsB,EAACN,OAAOE;AACzC;AACAP,QAAQY,WAAW,GAAG"}
@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
6
6
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
7
- //# sourceMappingURL=TabList.types.js.map
8
-
9
- //# sourceMappingURL=TabList.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/TabList/TabList.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=TabList.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,yCAAyC"}
1
+ {"version":3,"sources":["TabList.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}
@@ -33,8 +33,6 @@ const tabListContextDefaultValue = {
33
33
  size: 'medium',
34
34
  vertical: false
35
35
  };
36
- const TabListContext = /*#__PURE__*/ (0, _reactContextSelector.createContext)(undefined);
36
+ const TabListContext = (0, _reactContextSelector.createContext)(undefined);
37
37
  const TabListProvider = TabListContext.Provider;
38
- const useTabListContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(TabListContext, (ctx = tabListContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=TabListContext.js.map
39
-
40
- //# sourceMappingURL=TabListContext.js.map
38
+ const useTabListContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(TabListContext, (ctx = tabListContextDefaultValue)=>selector(ctx));
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/TabList/TabListContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nconst tabListContextDefaultValue = {\n appearance: 'transparent',\n reserveSelectedTabSpace: true,\n disabled: false,\n selectedValue: undefined,\n onRegister: () => {\n /* noop */},\n onUnregister: () => {\n /* noop */},\n onSelect: () => {\n /* noop */},\n getRegisteredTabs: () => {\n return {\n registeredTabs: {}\n };\n },\n size: 'medium',\n vertical: false\n};\nexport const TabListContext = /*#__PURE__*/createContext(undefined);\nexport const TabListProvider = TabListContext.Provider;\nexport const useTabListContext_unstable = selector => useContextSelector(TabListContext, (ctx = tabListContextDefaultValue) => selector(ctx));\n//# sourceMappingURL=TabListContext.js.map"],"names":["TabListContext","TabListProvider","useTabListContext_unstable","tabListContextDefaultValue","appearance","reserveSelectedTabSpace","disabled","selectedValue","undefined","onRegister","onUnregister","onSelect","getRegisteredTabs","registeredTabs","size","vertical","createContext","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAoBaA,cAAc,MAAdA;IACAC,eAAe,MAAfA;IACAC,0BAA0B,MAA1BA;;sCAtBqC;AAClD,MAAMC,6BAA6B;IACjCC,YAAY;IACZC,yBAAyB,IAAI;IAC7BC,UAAU,KAAK;IACfC,eAAeC;IACfC,YAAY,IAAM;IAChB,QAAQ,GAAE;IACZC,cAAc,IAAM;IAClB,QAAQ,GAAE;IACZC,UAAU,IAAM;IACd,QAAQ,GAAE;IACZC,mBAAmB,IAAM;QACvB,OAAO;YACLC,gBAAgB,CAAC;QACnB;IACF;IACAC,MAAM;IACNC,UAAU,KAAK;AACjB;AACO,MAAMf,iBAAiB,WAAW,GAAEgB,IAAAA,mCAAa,EAACR;AAClD,MAAMP,kBAAkBD,eAAeiB,QAAQ;AAC/C,MAAMf,6BAA6BgB,CAAAA,WAAYC,IAAAA,wCAAkB,EAACnB,gBAAgB,CAACoB,MAAMjB,0BAA0B,GAAKe,SAASE,OACxI,0CAA0C"}
1
+ {"version":3,"sources":["TabListContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nconst tabListContextDefaultValue = {\n appearance: 'transparent',\n reserveSelectedTabSpace: true,\n disabled: false,\n selectedValue: undefined,\n onRegister: ()=>{\n /* noop */ },\n onUnregister: ()=>{\n /* noop */ },\n onSelect: ()=>{\n /* noop */ },\n getRegisteredTabs: ()=>{\n return {\n registeredTabs: {}\n };\n },\n size: 'medium',\n vertical: false\n};\nexport const TabListContext = createContext(undefined);\nexport const TabListProvider = TabListContext.Provider;\nexport const useTabListContext_unstable = (selector)=>useContextSelector(TabListContext, (ctx = tabListContextDefaultValue)=>selector(ctx));\n"],"names":["TabListContext","TabListProvider","useTabListContext_unstable","tabListContextDefaultValue","appearance","reserveSelectedTabSpace","disabled","selectedValue","undefined","onRegister","onUnregister","onSelect","getRegisteredTabs","registeredTabs","size","vertical","createContext","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAoBaA,cAAc,MAAdA;IACAC,eAAe,MAAfA;IACAC,0BAA0B,MAA1BA;;sCAtBqC;AAClD,MAAMC,6BAA6B;IAC/BC,YAAY;IACZC,yBAAyB,IAAI;IAC7BC,UAAU,KAAK;IACfC,eAAeC;IACfC,YAAY,IAAI;IAChB,QAAQ,GAAG;IACXC,cAAc,IAAI;IAClB,QAAQ,GAAG;IACXC,UAAU,IAAI;IACd,QAAQ,GAAG;IACXC,mBAAmB,IAAI;QACnB,OAAO;YACHC,gBAAgB,CAAC;QACrB;IACJ;IACAC,MAAM;IACNC,UAAU,KAAK;AACnB;AACO,MAAMf,iBAAiBgB,IAAAA,mCAAa,EAACR;AACrC,MAAMP,kBAAkBD,eAAeiB,QAAQ;AAC/C,MAAMf,6BAA6B,CAACgB,WAAWC,IAAAA,wCAAkB,EAACnB,gBAAgB,CAACoB,MAAMjB,0BAA0B,GAAGe,SAASE"}
@@ -10,6 +10,3 @@ _exportStar(require("./renderTabList"), exports);
10
10
  _exportStar(require("./useTabList"), exports);
11
11
  _exportStar(require("./useTabListContextValues"), exports);
12
12
  _exportStar(require("./useTabListStyles.styles"), exports);
13
- //# sourceMappingURL=index.js.map
14
-
15
- //# sourceMappingURL=index.js.map
@@ -1 +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.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './TabList';\nexport * from './TabList.types';\nexport * from './TabListContext';\nexport * from './renderTabList';\nexport * from './useTabList';\nexport * from './useTabListContextValues';\nexport * from './useTabListStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}
@@ -14,6 +14,4 @@ const renderTabList_unstable = (state, contextValues)=>{
14
14
  return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_tabListContext.TabListProvider, {
15
15
  value: contextValues.tabList
16
16
  }, state.root.children));
17
- }; //# sourceMappingURL=renderTabList.js.map
18
-
19
- //# sourceMappingURL=renderTabList.js.map
17
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/TabList/renderTabList.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { TabListProvider } from './TabListContext';\n/**\n * Render the final JSX of TabList\n */\nexport const renderTabList_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(TabListProvider, {\n value: contextValues.tabList\n }, state.root.children));\n};\n//# sourceMappingURL=renderTabList.js.map"],"names":["renderTabList_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","TabListProvider","value","tabList","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMrCA;;aAAAA;;iCANqE;gCACrD;gCACG;AAIzB,MAAMA,yBAAyB,CAACC,OAAOC,gBAAkB;IAC9D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAED,IAAAA,8BAAa,EAACE,+BAAe,EAAE;QACxGC,OAAOP,cAAcQ,OAAO;IAC9B,GAAGT,MAAMM,IAAI,CAACI,QAAQ;AACxB,GACA,yCAAyC"}
1
+ {"version":3,"sources":["renderTabList.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { TabListProvider } from './TabListContext';\n/**\n * Render the final JSX of TabList\n */ export const renderTabList_unstable = (state, contextValues)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(TabListProvider, {\n value: contextValues.tabList\n }, state.root.children));\n};\n"],"names":["renderTabList_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","TabListProvider","value","tabList","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;gCACG;AAGrB,MAAMA,yBAAyB,CAACC,OAAOC,gBAAgB;IAC9D,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACE,+BAAe,EAAE;QACxGC,OAAOP,cAAcQ,OAAO;IAChC,GAAGT,MAAMM,IAAI,CAACI,QAAQ;AAC1B"}
@@ -75,6 +75,4 @@ const useTabList_unstable = (props, ref)=>{
75
75
  onSelect,
76
76
  getRegisteredTabs
77
77
  };
78
- }; //# sourceMappingURL=useTabList.js.map
79
-
80
- //# sourceMappingURL=useTabList.js.map
78
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/TabList/useTabList.js"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getNativeElementProps, useControllableState, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\n/**\n * Create the state required to render TabList.\n *\n * The returned state can be modified with hooks such as useTabListStyles_unstable,\n * before being passed to renderTabList_unstable.\n *\n * @param props - props from this instance of TabList\n * @param ref - reference to root HTMLElement of TabList\n */\nexport const useTabList_unstable = (props, ref) => {\n const {\n appearance = 'transparent',\n reserveSelectedTabSpace = true,\n disabled = false,\n onTabSelect,\n size = 'medium',\n vertical = false\n } = props;\n const innerRef = React.useRef(null);\n const focusAttributes = useArrowNavigationGroup({\n circular: true,\n axis: vertical ? 'vertical' : 'horizontal',\n memorizeCurrent: true\n });\n const [selectedValue, setSelectedValue] = useControllableState({\n state: props.selectedValue,\n defaultState: props.defaultSelectedValue,\n initialState: undefined\n });\n // considered usePrevious, but it is sensitive to re-renders\n // this could cause the previous to move to current in the case where the tab list re-renders.\n // these refs avoid getRegisteredTabs changing when selectedValue changes and causing\n // renders for tabs that have not changed.\n const currentSelectedValue = React.useRef(undefined);\n const previousSelectedValue = React.useRef(undefined);\n React.useEffect(() => {\n previousSelectedValue.current = currentSelectedValue.current;\n currentSelectedValue.current = selectedValue;\n }, [selectedValue]);\n const onSelect = useEventCallback((event, data) => {\n setSelectedValue(data.value);\n onTabSelect === null || onTabSelect === void 0 ? void 0 : onTabSelect(event, data);\n });\n const registeredTabs = React.useRef({});\n const onRegister = useEventCallback(data => {\n registeredTabs.current[JSON.stringify(data.value)] = data;\n });\n const onUnregister = useEventCallback(data => {\n delete registeredTabs.current[JSON.stringify(data.value)];\n });\n const getRegisteredTabs = React.useCallback(() => {\n return {\n selectedValue: currentSelectedValue.current,\n previousSelectedValue: previousSelectedValue.current,\n registeredTabs: registeredTabs.current\n };\n }, []);\n return {\n components: {\n root: 'div'\n },\n root: getNativeElementProps('div', {\n ref: useMergedRefs(ref, innerRef),\n role: 'tablist',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n ...focusAttributes,\n ...props\n }),\n appearance,\n reserveSelectedTabSpace,\n disabled,\n selectedValue,\n size,\n vertical,\n onRegister,\n onUnregister,\n onSelect,\n getRegisteredTabs\n };\n};\n//# sourceMappingURL=useTabList.js.map"],"names":["useTabList_unstable","props","ref","appearance","reserveSelectedTabSpace","disabled","onTabSelect","size","vertical","innerRef","React","useRef","focusAttributes","useArrowNavigationGroup","circular","axis","memorizeCurrent","selectedValue","setSelectedValue","useControllableState","state","defaultState","defaultSelectedValue","initialState","undefined","currentSelectedValue","previousSelectedValue","useEffect","current","onSelect","useEventCallback","event","data","value","registeredTabs","onRegister","JSON","stringify","onUnregister","getRegisteredTabs","useCallback","components","root","getNativeElementProps","useMergedRefs","role"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;8BACiB;gCACqD;AAUtF,MAAMA,sBAAsB,CAACC,OAAOC,MAAQ;IACjD,MAAM,EACJC,YAAa,cAAa,EAC1BC,yBAA0B,IAAI,CAAA,EAC9BC,UAAW,KAAK,CAAA,EAChBC,YAAW,EACXC,MAAO,SAAQ,EACfC,UAAW,KAAK,CAAA,EACjB,GAAGP;IACJ,MAAMQ,WAAWC,OAAMC,MAAM,CAAC,IAAI;IAClC,MAAMC,kBAAkBC,IAAAA,qCAAuB,EAAC;QAC9CC,UAAU,IAAI;QACdC,MAAMP,WAAW,aAAa,YAAY;QAC1CQ,iBAAiB,IAAI;IACvB;IACA,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,IAAAA,oCAAoB,EAAC;QAC7DC,OAAOnB,MAAMgB,aAAa;QAC1BI,cAAcpB,MAAMqB,oBAAoB;QACxCC,cAAcC;IAChB;IACA,4DAA4D;IAC5D,8FAA8F;IAC9F,qFAAqF;IACrF,0CAA0C;IAC1C,MAAMC,uBAAuBf,OAAMC,MAAM,CAACa;IAC1C,MAAME,wBAAwBhB,OAAMC,MAAM,CAACa;IAC3Cd,OAAMiB,SAAS,CAAC,IAAM;QACpBD,sBAAsBE,OAAO,GAAGH,qBAAqBG,OAAO;QAC5DH,qBAAqBG,OAAO,GAAGX;IACjC,GAAG;QAACA;KAAc;IAClB,MAAMY,WAAWC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAS;QACjDd,iBAAiBc,KAAKC,KAAK;QAC3B3B,gBAAgB,IAAI,IAAIA,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYyB,OAAOC,KAAK;IACpF;IACA,MAAME,iBAAiBxB,OAAMC,MAAM,CAAC,CAAC;IACrC,MAAMwB,aAAaL,IAAAA,gCAAgB,EAACE,CAAAA,OAAQ;QAC1CE,eAAeN,OAAO,CAACQ,KAAKC,SAAS,CAACL,KAAKC,KAAK,EAAE,GAAGD;IACvD;IACA,MAAMM,eAAeR,IAAAA,gCAAgB,EAACE,CAAAA,OAAQ;QAC5C,OAAOE,eAAeN,OAAO,CAACQ,KAAKC,SAAS,CAACL,KAAKC,KAAK,EAAE;IAC3D;IACA,MAAMM,oBAAoB7B,OAAM8B,WAAW,CAAC,IAAM;QAChD,OAAO;YACLvB,eAAeQ,qBAAqBG,OAAO;YAC3CF,uBAAuBA,sBAAsBE,OAAO;YACpDM,gBAAgBA,eAAeN,OAAO;QACxC;IACF,GAAG,EAAE;IACL,OAAO;QACLa,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCzC,KAAK0C,IAAAA,6BAAa,EAAC1C,KAAKO;YACxBoC,MAAM;YACN,oBAAoBrC,WAAW,aAAa,YAAY;YACxD,GAAGI,eAAe;YAClB,GAAGX,KAAK;QACV;QACAE;QACAC;QACAC;QACAY;QACAV;QACAC;QACA2B;QACAG;QACAT;QACAU;IACF;AACF,GACA,sCAAsC"}
1
+ {"version":3,"sources":["useTabList.js"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getNativeElementProps, useControllableState, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\n/**\n * Create the state required to render TabList.\n *\n * The returned state can be modified with hooks such as useTabListStyles_unstable,\n * before being passed to renderTabList_unstable.\n *\n * @param props - props from this instance of TabList\n * @param ref - reference to root HTMLElement of TabList\n */ export const useTabList_unstable = (props, ref)=>{\n const { appearance ='transparent' , reserveSelectedTabSpace =true , disabled =false , onTabSelect , size ='medium' , vertical =false } = props;\n const innerRef = React.useRef(null);\n const focusAttributes = useArrowNavigationGroup({\n circular: true,\n axis: vertical ? 'vertical' : 'horizontal',\n memorizeCurrent: true\n });\n const [selectedValue, setSelectedValue] = useControllableState({\n state: props.selectedValue,\n defaultState: props.defaultSelectedValue,\n initialState: undefined\n });\n // considered usePrevious, but it is sensitive to re-renders\n // this could cause the previous to move to current in the case where the tab list re-renders.\n // these refs avoid getRegisteredTabs changing when selectedValue changes and causing\n // renders for tabs that have not changed.\n const currentSelectedValue = React.useRef(undefined);\n const previousSelectedValue = React.useRef(undefined);\n React.useEffect(()=>{\n previousSelectedValue.current = currentSelectedValue.current;\n currentSelectedValue.current = selectedValue;\n }, [\n selectedValue\n ]);\n const onSelect = useEventCallback((event, data)=>{\n setSelectedValue(data.value);\n onTabSelect === null || onTabSelect === void 0 ? void 0 : onTabSelect(event, data);\n });\n const registeredTabs = React.useRef({});\n const onRegister = useEventCallback((data)=>{\n registeredTabs.current[JSON.stringify(data.value)] = data;\n });\n const onUnregister = useEventCallback((data)=>{\n delete registeredTabs.current[JSON.stringify(data.value)];\n });\n const getRegisteredTabs = React.useCallback(()=>{\n return {\n selectedValue: currentSelectedValue.current,\n previousSelectedValue: previousSelectedValue.current,\n registeredTabs: registeredTabs.current\n };\n }, []);\n return {\n components: {\n root: 'div'\n },\n root: getNativeElementProps('div', {\n ref: useMergedRefs(ref, innerRef),\n role: 'tablist',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n ...focusAttributes,\n ...props\n }),\n appearance,\n reserveSelectedTabSpace,\n disabled,\n selectedValue,\n size,\n vertical,\n onRegister,\n onUnregister,\n onSelect,\n getRegisteredTabs\n };\n};\n"],"names":["useTabList_unstable","props","ref","appearance","reserveSelectedTabSpace","disabled","onTabSelect","size","vertical","innerRef","React","useRef","focusAttributes","useArrowNavigationGroup","circular","axis","memorizeCurrent","selectedValue","setSelectedValue","useControllableState","state","defaultState","defaultSelectedValue","initialState","undefined","currentSelectedValue","previousSelectedValue","useEffect","current","onSelect","useEventCallback","event","data","value","registeredTabs","onRegister","JSON","stringify","onUnregister","getRegisteredTabs","useCallback","components","root","getNativeElementProps","useMergedRefs","role"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;8BACiB;gCACqD;AASlF,MAAMA,sBAAsB,CAACC,OAAOC,MAAM;IACjD,MAAM,EAAEC,YAAY,cAAa,EAAGC,yBAAyB,IAAI,CAAA,EAAGC,UAAU,KAAK,CAAA,EAAGC,YAAW,EAAGC,MAAM,SAAQ,EAAGC,UAAU,KAAK,CAAA,EAAG,GAAGP;IAC1I,MAAMQ,WAAWC,OAAMC,MAAM,CAAC,IAAI;IAClC,MAAMC,kBAAkBC,IAAAA,qCAAuB,EAAC;QAC5CC,UAAU,IAAI;QACdC,MAAMP,WAAW,aAAa,YAAY;QAC1CQ,iBAAiB,IAAI;IACzB;IACA,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,IAAAA,oCAAoB,EAAC;QAC3DC,OAAOnB,MAAMgB,aAAa;QAC1BI,cAAcpB,MAAMqB,oBAAoB;QACxCC,cAAcC;IAClB;IACA,4DAA4D;IAC5D,8FAA8F;IAC9F,qFAAqF;IACrF,0CAA0C;IAC1C,MAAMC,uBAAuBf,OAAMC,MAAM,CAACa;IAC1C,MAAME,wBAAwBhB,OAAMC,MAAM,CAACa;IAC3Cd,OAAMiB,SAAS,CAAC,IAAI;QAChBD,sBAAsBE,OAAO,GAAGH,qBAAqBG,OAAO;QAC5DH,qBAAqBG,OAAO,GAAGX;IACnC,GAAG;QACCA;KACH;IACD,MAAMY,WAAWC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAO;QAC7Cd,iBAAiBc,KAAKC,KAAK;QAC3B3B,gBAAgB,IAAI,IAAIA,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYyB,OAAOC,KAAK;IACtF;IACA,MAAME,iBAAiBxB,OAAMC,MAAM,CAAC,CAAC;IACrC,MAAMwB,aAAaL,IAAAA,gCAAgB,EAAC,CAACE,OAAO;QACxCE,eAAeN,OAAO,CAACQ,KAAKC,SAAS,CAACL,KAAKC,KAAK,EAAE,GAAGD;IACzD;IACA,MAAMM,eAAeR,IAAAA,gCAAgB,EAAC,CAACE,OAAO;QAC1C,OAAOE,eAAeN,OAAO,CAACQ,KAAKC,SAAS,CAACL,KAAKC,KAAK,EAAE;IAC7D;IACA,MAAMM,oBAAoB7B,OAAM8B,WAAW,CAAC,IAAI;QAC5C,OAAO;YACHvB,eAAeQ,qBAAqBG,OAAO;YAC3CF,uBAAuBA,sBAAsBE,OAAO;YACpDM,gBAAgBA,eAAeN,OAAO;QAC1C;IACJ,GAAG,EAAE;IACL,OAAO;QACHa,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BzC,KAAK0C,IAAAA,6BAAa,EAAC1C,KAAKO;YACxBoC,MAAM;YACN,oBAAoBrC,WAAW,aAAa,YAAY;YACxD,GAAGI,eAAe;YAClB,GAAGX,KAAK;QACZ;QACAE;QACAC;QACAC;QACAY;QACAV;QACAC;QACA2B;QACAG;QACAT;QACAU;IACJ;AACJ"}
@@ -23,6 +23,4 @@ function useTabListContextValues_unstable(state) {
23
23
  return {
24
24
  tabList
25
25
  };
26
- } //# sourceMappingURL=useTabListContextValues.js.map
27
-
28
- //# sourceMappingURL=useTabListContextValues.js.map
26
+ }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/TabList/useTabListContextValues.js"],"sourcesContent":["export function useTabListContextValues_unstable(state) {\n const {\n appearance,\n reserveSelectedTabSpace,\n disabled,\n selectedValue: selectedKey,\n onRegister,\n onUnregister,\n onSelect,\n getRegisteredTabs,\n size,\n vertical\n } = state;\n const tabList = {\n appearance,\n reserveSelectedTabSpace,\n disabled,\n selectedValue: selectedKey,\n onSelect,\n onRegister,\n onUnregister,\n getRegisteredTabs,\n size,\n vertical\n };\n return {\n tabList\n };\n}\n//# sourceMappingURL=useTabListContextValues.js.map"],"names":["useTabListContextValues_unstable","state","appearance","reserveSelectedTabSpace","disabled","selectedValue","selectedKey","onRegister","onUnregister","onSelect","getRegisteredTabs","size","vertical","tabList"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,iCAAiCC,KAAK,EAAE;IACtD,MAAM,EACJC,WAAU,EACVC,wBAAuB,EACvBC,SAAQ,EACRC,eAAeC,YAAW,EAC1BC,WAAU,EACVC,aAAY,EACZC,SAAQ,EACRC,kBAAiB,EACjBC,KAAI,EACJC,SAAQ,EACT,GAAGX;IACJ,MAAMY,UAAU;QACdX;QACAC;QACAC;QACAC,eAAeC;QACfG;QACAF;QACAC;QACAE;QACAC;QACAC;IACF;IACA,OAAO;QACLC;IACF;AACF,EACA,mDAAmD"}
1
+ {"version":3,"sources":["useTabListContextValues.js"],"sourcesContent":["export function useTabListContextValues_unstable(state) {\n const { appearance , reserveSelectedTabSpace , disabled , selectedValue: selectedKey , onRegister , onUnregister , onSelect , getRegisteredTabs , size , vertical } = state;\n const tabList = {\n appearance,\n reserveSelectedTabSpace,\n disabled,\n selectedValue: selectedKey,\n onSelect,\n onRegister,\n onUnregister,\n getRegisteredTabs,\n size,\n vertical\n };\n return {\n tabList\n };\n}\n"],"names":["useTabListContextValues_unstable","state","appearance","reserveSelectedTabSpace","disabled","selectedValue","selectedKey","onRegister","onUnregister","onSelect","getRegisteredTabs","size","vertical","tabList"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,iCAAiCC,KAAK,EAAE;IACpD,MAAM,EAAEC,WAAU,EAAGC,wBAAuB,EAAGC,SAAQ,EAAGC,eAAeC,YAAW,EAAGC,WAAU,EAAGC,aAAY,EAAGC,SAAQ,EAAGC,kBAAiB,EAAGC,KAAI,EAAGC,SAAQ,EAAG,GAAGX;IACvK,MAAMY,UAAU;QACZX;QACAC;QACAC;QACAC,eAAeC;QACfG;QACAF;QACAC;QACAE;QACAC;QACAC;IACJ;IACA,OAAO;QACHC;IACJ;AACJ"}
@@ -51,5 +51,3 @@ const useTabListStyles_unstable = (state)=>{
51
51
  state.root.className = (0, _react.mergeClasses)(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, state.root.className);
52
52
  return state;
53
53
  }; //# sourceMappingURL=useTabListStyles.styles.js.map
54
-
55
- //# sourceMappingURL=useTabListStyles.styles.js.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"sources":["useTabListStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const tabListClassNames = {\n root: 'fui-TabList'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1063pyq\",\n Bnnss6s: \"fi64zpg\",\n Eh141a: \"flvyvdh\",\n qhf8xq: \"f10pi13n\"\n },\n horizontal: {\n Bt984gj: \"f1q9h2pe\",\n Beiy3e4: \"f1063pyq\"\n },\n vertical: {\n Bt984gj: \"f1q9h2pe\",\n Beiy3e4: \"f1vx9l62\"\n }\n}, {\n d: [\".f22iagw{display:-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"}
@@ -25,6 +25,3 @@ _export(exports, {
25
25
  });
26
26
  const _tab = require("./Tab");
27
27
  const _tabList = require("./TabList");
28
- //# sourceMappingURL=index.js.map
29
-
30
- //# sourceMappingURL=index.js.map