@fluentui/react-button 9.3.10 → 9.3.12

package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/CompoundButton/useCompoundButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nexport const compoundButtonClassNames = {\n  root: 'fui-CompoundButton',\n  icon: 'fui-CompoundButton__icon',\n  contentContainer: 'fui-CompoundButton__contentContainer',\n  secondaryContent: 'fui-CompoundButton__secondaryContent'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    Bqenvij: \"f11ysow2\",\n    J657lq: \"f1um431h\",\n    Jlnjib: \"fte7hqw\",\n    Bc29nj9: \"f1yh8ef3\"\n  },\n  highContrast: {\n    pu7qz5: \"fi3u9nm\",\n    B10010i: \"f1tdgb9w\"\n  },\n  outline: {},\n  primary: {\n    J657lq: \"foe7gw6\",\n    Jlnjib: \"fvxlz81\",\n    Bc29nj9: \"f1c2mdy\",\n    B8ia98v: \"f1r39r2s\"\n  },\n  secondary: {},\n  subtle: {\n    J657lq: \"f1um431h\",\n    Jlnjib: \"fte7hqw\",\n    Bc29nj9: \"f1yh8ef3\"\n  },\n  transparent: {\n    J657lq: \"f1um431h\",\n    Jlnjib: \"f1wn9xqz\",\n    Bc29nj9: \"f1a8q4d0\"\n  },\n  small: {\n    z8tnut: \"f17mpqex\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1quwm26\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    Be2twd7: \"fkhj508\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  medium: {\n    z8tnut: \"fbtff6s\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Byoj8tv: \"flw3t2g\",\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n    Be2twd7: \"fkhj508\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  large: {\n    z8tnut: \"fm4bm3s\",\n    z189sj: [\"fjodcmx\", \"fhx4nu\"],\n    Byoj8tv: \"fdt8xvx\",\n    uwmqm3: [\"fhx4nu\", \"fjodcmx\"],\n    Be2twd7: \"fod5ikn\",\n    Bg96gwp: \"faaz57k\"\n  },\n  disabled: {\n    J657lq: \"f1rlv8bf\",\n    Jlnjib: \"fd1dbtm\",\n    Bc29nj9: \"f1vqmdmi\"\n  },\n  disabledHighContrast: {\n    B8ia98v: \"f1csacz4\",\n    pu7qz5: \"f1s5tkfe\",\n    B10010i: \"fs0rda3\"\n  }\n}, {\n  d: [\".f11ysow2{height:auto;}\", \".f1um431h .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2);}\", \".foe7gw6 .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1quwm26{padding-bottom:var(--spacingHorizontalMNudge);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbtff6s{padding-top:14px;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".flw3t2g{padding-bottom:var(--spacingHorizontalL);}\", \".fm4bm3s{padding-top:18px;}\", \".fjodcmx{padding-right:var(--spacingHorizontalL);}\", \".fhx4nu{padding-left:var(--spacingHorizontalL);}\", \".fdt8xvx{padding-bottom:var(--spacingHorizontalXL);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1rlv8bf .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\"],\n  h: [\".fte7hqw:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Hover);}\", \".f1yh8ef3:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Pressed);}\", \".fvxlz81:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f1c2mdy:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f1wn9xqz:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandHover);}\", \".f1a8q4d0:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandPressed);}\", \".fd1dbtm:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\", \".f1vqmdmi:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\"],\n  m: [[\"@media (forced-colors: active){.fi3u9nm:hover .fui-CompoundButton__secondaryContent{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1tdgb9w:hover:active .fui-CompoundButton__secondaryContent{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1r39r2s .fui-CompoundButton__secondaryContent{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1csacz4 .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1s5tkfe:hover .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fs0rda3:hover:active .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useRootIconOnlyStyles = /*#__PURE__*/__styles({\n  small: {\n    z8tnut: \"f1x4af0m\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"fd55psn\",\n    uwmqm3: [\"fruq291\", \"f7x41pl\"],\n    B2u0y6b: \"ft5vyj6\",\n    Bf4jedk: \"f17suaiq\"\n  },\n  medium: {\n    z8tnut: \"f16k8034\",\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n    Byoj8tv: \"f1angvds\",\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n    B2u0y6b: \"fdczgix\",\n    Bf4jedk: \"fjdcg9m\"\n  },\n  large: {\n    z8tnut: \"f17mpqex\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"fdvome7\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    B2u0y6b: \"fww51uw\",\n    Bf4jedk: \"f1qhsl2h\"\n  }\n}, {\n  d: [\".f1x4af0m{padding-top:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".fd55psn{padding-bottom:var(--spacingHorizontalXS);}\", \".ft5vyj6{max-width:48px;}\", \".f17suaiq{min-width:48px;}\", \".f16k8034{padding-top:var(--spacingHorizontalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f1angvds{padding-bottom:var(--spacingHorizontalSNudge);}\", \".fdczgix{max-width:52px;}\", \".fjdcg9m{min-width:52px;}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fdvome7{padding-bottom:var(--spacingHorizontalS);}\", \".fww51uw{max-width:56px;}\", \".f1qhsl2h{min-width:56px;}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Be2twd7: \"fndrnj9\",\n    Bqenvij: \"fbhnoac\",\n    a9b677: \"feqmc2u\"\n  },\n  before: {\n    t21cq0: [\"fkujibs\", \"f199hnxi\"]\n  },\n  after: {\n    Frg6f3: [\"f199hnxi\", \"fkujibs\"]\n  }\n}, {\n  d: [\".fndrnj9{font-size:40px;}\", \".fbhnoac{height:40px;}\", \".feqmc2u{width:40px;}\", \".fkujibs{margin-right:var(--spacingHorizontalM);}\", \".f199hnxi{margin-left:var(--spacingHorizontalM);}\"]\n});\nconst useContentContainerStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\",\n    fsow6f: [\"f1o700av\", \"fes3tcz\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\"]\n});\nconst useSecondaryContentStyles = /*#__PURE__*/__styles({\n  base: {\n    Bg96gwp: \"flkuc6h\",\n    Bhrd7zp: \"figsok6\"\n  },\n  small: {\n    Be2twd7: \"fy9rknc\"\n  },\n  medium: {\n    Be2twd7: \"fy9rknc\"\n  },\n  large: {\n    Be2twd7: \"fkhj508\"\n  }\n}, {\n  d: [\".flkuc6h{line-height:100%;}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\"]\n});\nexport const useCompoundButtonStyles_unstable = state => {\n  const rootStyles = useRootStyles();\n  const rootIconOnlyStyles = useRootIconOnlyStyles();\n  const iconStyles = useIconStyles();\n  const contentContainerStyles = useContentContainerStyles();\n  const secondaryContentStyles = useSecondaryContentStyles();\n  const {\n    appearance,\n    disabled,\n    disabledFocusable,\n    iconOnly,\n    iconPosition,\n    size\n  } = state;\n  state.root.className = mergeClasses(compoundButtonClassNames.root,\n  // Root styles\n  rootStyles.base, rootStyles.highContrast, appearance && rootStyles[appearance], rootStyles[size],\n  // Disabled styles\n  (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast,\n  // Icon-only styles\n  iconOnly && rootIconOnlyStyles[size],\n  // User provided class name\n  state.root.className);\n  state.contentContainer.className = mergeClasses(compoundButtonClassNames.contentContainer, contentContainerStyles.base, state.contentContainer.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(compoundButtonClassNames.icon, iconStyles.base, state.root.children !== undefined && state.root.children !== null && iconStyles[iconPosition], state.icon.className);\n  }\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(compoundButtonClassNames.secondaryContent, secondaryContentStyles.base, secondaryContentStyles[size], state.secondaryContent.className);\n  }\n  useButtonStyles_unstable(state);\n  return state;\n};\n//# sourceMappingURL=useCompoundButtonStyles.styles.js.map"],"names":["compoundButtonClassNames","useCompoundButtonStyles_unstable","root","icon","contentContainer","secondaryContent","useRootStyles","__styles","base","Bqenvij","J657lq","Jlnjib","Bc29nj9","highContrast","pu7qz5","B10010i","outline","primary","B8ia98v","secondary","subtle","transparent","small","z8tnut","z189sj","Byoj8tv","uwmqm3","Be2twd7","Bg96gwp","medium","large","disabled","disabledHighContrast","d","h","m","useRootIconOnlyStyles","B2u0y6b","Bf4jedk","useIconStyles","a9b677","before","t21cq0","after","Frg6f3","useContentContainerStyles","mc9l5x","Beiy3e4","fsow6f","useSecondaryContentStyles","Bhrd7zp","state","rootStyles","rootIconOnlyStyles","iconStyles","contentContainerStyles","secondaryContentStyles","appearance","disabledFocusable","iconOnly","iconPosition","size","className","mergeClasses","children","undefined","useButtonStyles_unstable"],"mappings":"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"}

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

@@ -10,13 +10,12 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _renderMenuButton = require("./renderMenuButton");
 const _useMenuButton = require("./useMenuButton");
-const _useMenuButtonStyles = require("./useMenuButtonStyles");
+const _useMenuButtonStylesStyles = require("./useMenuButtonStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const MenuButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useMenuButton.useMenuButton_unstable)(props, ref);
-    (0, _useMenuButtonStyles.useMenuButtonStyles_unstable)(state);
-    const { useMenuButtonStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useMenuButtonStylesStyles.useMenuButtonStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useMenuButtonStyles_unstable')(state);
     return (0, _renderMenuButton.renderMenuButton_unstable)(state);
 // Casting is required due to lack of distributive union to support unions on @types/react
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuButton/MenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderMenuButton_unstable } from './renderMenuButton';\nimport { useMenuButton_unstable } from './useMenuButton';\nimport { useMenuButtonStyles_unstable } from './useMenuButtonStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close\n * menus.\n */\nexport const MenuButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useMenuButton_unstable(props, ref);\n  useMenuButtonStyles_unstable(state);\n  const {\n    useMenuButtonStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderMenuButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nMenuButton.displayName = 'MenuButton';\n//# sourceMappingURL=MenuButton.js.map"],"names":["MenuButton","React","forwardRef","props","ref","state","useMenuButton_unstable","useMenuButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderMenuButton_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;kCACmB;+BACH;qCACM;qCACA;AAKtC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,iDAA4B,EAACF;IAC7B,MAAM,EACJE,8BAA8BC,gBAAe,EAC9C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,2CAAyB,EAACL;AACjC,0FAA0F;AAC5F;AAEAL,WAAWW,WAAW,GAAG,cACzB,sCAAsC"}
+{"version":3,"sources":["../../../lib/components/MenuButton/MenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderMenuButton_unstable } from './renderMenuButton';\nimport { useMenuButton_unstable } from './useMenuButton';\nimport { useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close\n * menus.\n */\nexport const MenuButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useMenuButton_unstable(props, ref);\n  useMenuButtonStyles_unstable(state);\n  useCustomStyleHook_unstable('useMenuButtonStyles_unstable')(state);\n  return renderMenuButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nMenuButton.displayName = 'MenuButton';\n//# sourceMappingURL=MenuButton.js.map"],"names":["MenuButton","React","forwardRef","props","ref","state","useMenuButton_unstable","useMenuButtonStyles_unstable","useCustomStyleHook_unstable","renderMenuButton_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;kCACmB;+BACH;2CACM;qCACD;AAKrC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7BG,IAAAA,gDAA2B,EAAC,gCAAgCH;IAC5D,OAAOI,IAAAA,2CAAyB,EAACJ;AACjC,0FAA0F;AAC5F;AAEAL,WAAWU,WAAW,GAAG,cACzB,sCAAsC"}

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

@@ -9,15 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    menuButtonClassNames: ()=>_useMenuButtonStyles.menuButtonClassNames,
-    useMenuButtonStyles_unstable: ()=>_useMenuButtonStyles.useMenuButtonStyles_unstable
+    menuButtonClassNames: ()=>_useMenuButtonStylesStyles.menuButtonClassNames,
+    useMenuButtonStyles_unstable: ()=>_useMenuButtonStylesStyles.useMenuButtonStyles_unstable
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./MenuButton.types"), exports);
 _exportStar(require("./MenuButton"), exports);
 _exportStar(require("./renderMenuButton"), exports);
 _exportStar(require("./useMenuButton"), exports);
-const _useMenuButtonStyles = require("./useMenuButtonStyles");
+const _useMenuButtonStylesStyles = require("./useMenuButtonStyles.styles");
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/MenuButton/index.js"],"sourcesContent":["export * from './MenuButton.types';\nexport * from './MenuButton';\nexport * from './renderMenuButton';\nexport * from './useMenuButton';\nexport { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles';\n//# sourceMappingURL=index.js.map"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,oBAAoB,MAApBA,yCAAoB;IAAEC,4BAA4B,MAA5BA,iDAA4B;;;oBAJ7C;oBACA;oBACA;oBACA;qCACqD;CACnE,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/MenuButton/index.js"],"sourcesContent":["export * from './MenuButton.types';\nexport * from './MenuButton';\nexport * from './renderMenuButton';\nexport * from './useMenuButton';\nexport { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,oBAAoB,MAApBA,+CAAoB;IAAEC,4BAA4B,MAA5BA,uDAA4B;;;oBAJ7C;oBACA;oBACA;oBACA;2CACqD;CACnE,iCAAiC"}

package/lib-commonjs/components/MenuButton/{useMenuButtonStyles.js → useMenuButtonStyles.styles.js}

@@ -13,7 +13,7 @@ _export(exports, {
     useMenuButtonStyles_unstable: ()=>useMenuButtonStyles_unstable
 });
 const _react = require("@griffel/react");
-const _useButtonStyles = require("../Button/useButtonStyles");
+const _useButtonStylesStyles = require("../Button/useButtonStyles.styles");
 const menuButtonClassNames = {
     root: 'fui-MenuButton',
     icon: 'fui-MenuButton__icon',
@@ -167,11 +167,11 @@ const useMenuButtonStyles_unstable = (state)=>{
     if (state.menuIcon) {
         state.menuIcon.className = (0, _react.mergeClasses)(menuButtonClassNames.menuIcon, menuIconStyles.base, menuIconStyles[state.size], !state.iconOnly && menuIconStyles.notIconOnly, state.menuIcon.className);
     }
-    (0, _useButtonStyles.useButtonStyles_unstable)({
+    (0, _useButtonStylesStyles.useButtonStyles_unstable)({
         ...state,
         iconPosition: 'before'
     });
     return state;
-}; //# sourceMappingURL=useMenuButtonStyles.js.map
+}; //# sourceMappingURL=useMenuButtonStyles.styles.js.map
 
-//# sourceMappingURL=useMenuButtonStyles.js.map
+//# sourceMappingURL=useMenuButtonStyles.styles.js.map

package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/MenuButton/useMenuButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens } from '@fluentui/react-theme';\nimport { mergeClasses, __styles, shorthands } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nexport const menuButtonClassNames = {\n  root: 'fui-MenuButton',\n  icon: 'fui-MenuButton__icon',\n  menuIcon: 'fui-MenuButton__menuIcon'\n};\nconst useRootExpandedStyles = /*#__PURE__*/__styles({\n  base: {\n    D0sxk3: \"fxoiby5\",\n    t6yez3: \"f15q0o9g\"\n  },\n  outline: {\n    g2u3we: \"f1ly1fcm\",\n    h3c5rm: [\"fi8bssc\", \"fj6btzu\"],\n    B9xav0g: \"f1s9tnsa\",\n    zhjwy3: [\"fj6btzu\", \"fi8bssc\"],\n    B4j52fo: \"fgx37oo\",\n    Bekrc4i: [\"f130t4y6\", \"f1efpmoh\"],\n    Bn0qgzm: \"fv51ejd\",\n    ibv6hh: [\"f1efpmoh\", \"f130t4y6\"],\n    sj55zd: \"f14nttnl\"\n  },\n  primary: {\n    De3pzq: \"f8w4g0q\"\n  },\n  secondary: {\n    De3pzq: \"f1nfm20t\",\n    g2u3we: \"f1ly1fcm\",\n    h3c5rm: [\"fi8bssc\", \"fj6btzu\"],\n    B9xav0g: \"f1s9tnsa\",\n    zhjwy3: [\"fj6btzu\", \"fi8bssc\"],\n    sj55zd: \"f14nttnl\"\n  },\n  subtle: {\n    De3pzq: \"fq5gl1p\",\n    sj55zd: \"f1eryozh\"\n  },\n  transparent: {\n    De3pzq: \"f1q9pm1r\",\n    sj55zd: \"f1qj7y59\"\n  }\n}, {\n  d: [\".fxoiby5 .fui-Icon-filled{display:inline;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\", \".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}\", \".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}\", \".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}\", \".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}\", \".fgx37oo{border-top-width:var(--strokeWidthThicker);}\", \".f130t4y6{border-right-width:var(--strokeWidthThicker);}\", \".f1efpmoh{border-left-width:var(--strokeWidthThicker);}\", \".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}\", \".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1eryozh{color:var(--colorNeutralForeground2Selected);}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"]\n});\nconst useIconExpandedStyles = /*#__PURE__*/__styles({\n  outline: {\n    sj55zd: \"f14nttnl\"\n  },\n  primary: {},\n  secondary: {\n    sj55zd: \"f14nttnl\"\n  },\n  subtle: {\n    sj55zd: \"f1qj7y59\"\n  },\n  transparent: {\n    sj55zd: \"f1qj7y59\"\n  }\n}, {\n  d: [\".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"]\n});\nconst useMenuIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Bg96gwp: \"fez10in\"\n  },\n  small: {\n    Be2twd7: \"f1ugzwwg\",\n    Bqenvij: \"fvblgha\",\n    Bg96gwp: \"fwrc4pm\",\n    a9b677: \"frx94fk\"\n  },\n  medium: {\n    Be2twd7: \"f1ugzwwg\",\n    Bqenvij: \"fvblgha\",\n    Bg96gwp: \"fwrc4pm\",\n    a9b677: \"frx94fk\"\n  },\n  large: {\n    Be2twd7: \"f4ybsrx\",\n    Bqenvij: \"fd461yt\",\n    Bg96gwp: \"faaz57k\",\n    a9b677: \"fjw5fx7\"\n  },\n  notIconOnly: {\n    Frg6f3: [\"fbyavb5\", \"fm0x6gh\"]\n  }\n}, {\n  d: [\".fez10in{line-height:0;}\", \".f1ugzwwg{font-size:12px;}\", \".fvblgha{height:12px;}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".frx94fk{width:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fd461yt{height:16px;}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fjw5fx7{width:16px;}\", \".fbyavb5{margin-left:var(--spacingHorizontalXS);}\", \".fm0x6gh{margin-right:var(--spacingHorizontalXS);}\"]\n});\nexport const useMenuButtonStyles_unstable = state => {\n  const rootExpandedStyles = useRootExpandedStyles();\n  const iconExpandedStyles = useIconExpandedStyles();\n  const menuIconStyles = useMenuIconStyles();\n  state.root.className = mergeClasses(menuButtonClassNames.root, state.root['aria-expanded'] && rootExpandedStyles.base, state.root['aria-expanded'] && rootExpandedStyles[state.appearance], state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuButtonClassNames.icon, state.root['aria-expanded'] && iconExpandedStyles[state.appearance], state.icon.className);\n  }\n  if (state.menuIcon) {\n    state.menuIcon.className = mergeClasses(menuButtonClassNames.menuIcon, menuIconStyles.base, menuIconStyles[state.size], !state.iconOnly && menuIconStyles.notIconOnly, state.menuIcon.className);\n  }\n  useButtonStyles_unstable({\n    ...state,\n    iconPosition: 'before'\n  });\n  return state;\n};\n//# sourceMappingURL=useMenuButtonStyles.styles.js.map"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable","root","icon","menuIcon","useRootExpandedStyles","__styles","base","D0sxk3","t6yez3","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sj55zd","primary","De3pzq","secondary","subtle","transparent","d","useIconExpandedStyles","useMenuIconStyles","Bg96gwp","small","Be2twd7","Bqenvij","a9b677","medium","large","notIconOnly","Frg6f3","state","rootExpandedStyles","iconExpandedStyles","menuIconStyles","className","mergeClasses","appearance","size","iconOnly","useButtonStyles_unstable","iconPosition"],"mappings":";;;;;;;;;;;IAIaA,oBAAoB,MAApBA;IAwFAC,4BAA4B,MAA5BA;;uBA1FsC;uCACV;AAClC,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,MAAM;IACNC,UAAU;AACZ;AACA,MAAMC,wBAAwB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAClDC,MAAM;QACJC,QAAQ;QACRC,QAAQ;IACV;IACAC,SAAS;QACPC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;IACV;IACAC,SAAS;QACPC,QAAQ;IACV;IACAC,WAAW;QACTD,QAAQ;QACRV,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BK,QAAQ;IACV;IACAI,QAAQ;QACNF,QAAQ;QACRF,QAAQ;IACV;IACAK,aAAa;QACXH,QAAQ;QACRF,QAAQ;IACV;AACF,GAAG;IACDM,GAAG;QAAC;QAA8C;QAA8C;QAAmE;QAAoE;QAAmE;QAAsE;QAAyD;QAA4D;QAA2D;QAA4D;QAA4D;QAAmE;QAAuE;QAAoE;QAA4D;QAA0E;KAAgE;AAC9iC;AACA,MAAMC,wBAAwB,WAAW,GAAEpB,IAAAA,kBAAQ,EAAC;IAClDI,SAAS;QACPS,QAAQ;IACV;IACAC,SAAS,CAAC;IACVE,WAAW;QACTH,QAAQ;IACV;IACAI,QAAQ;QACNJ,QAAQ;IACV;IACAK,aAAa;QACXL,QAAQ;IACV;AACF,GAAG;IACDM,GAAG;QAAC;QAA4D;KAAgE;AAClI;AACA,MAAME,oBAAoB,WAAW,GAAErB,IAAAA,kBAAQ,EAAC;IAC9CC,MAAM;QACJqB,SAAS;IACX;IACAC,OAAO;QACLC,SAAS;QACTC,SAAS;QACTH,SAAS;QACTI,QAAQ;IACV;IACAC,QAAQ;QACNH,SAAS;QACTC,SAAS;QACTH,SAAS;QACTI,QAAQ;IACV;IACAE,OAAO;QACLJ,SAAS;QACTC,SAAS;QACTH,SAAS;QACTI,QAAQ;IACV;IACAG,aAAa;QACXC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDX,GAAG;QAAC;QAA4B;QAA8B;QAA0B;QAAmD;QAAyB;QAA6B;QAA0B;QAAmD;QAAyB;QAAqD;KAAqD;AACnZ;AACO,MAAMxB,+BAA+BoC,CAAAA,QAAS;IACnD,MAAMC,qBAAqBjC;IAC3B,MAAMkC,qBAAqBb;IAC3B,MAAMc,iBAAiBb;IACvBU,MAAMnC,IAAI,CAACuC,SAAS,GAAGC,IAAAA,mBAAY,EAAC1C,qBAAqBE,IAAI,EAAEmC,MAAMnC,IAAI,CAAC,gBAAgB,IAAIoC,mBAAmB/B,IAAI,EAAE8B,MAAMnC,IAAI,CAAC,gBAAgB,IAAIoC,kBAAkB,CAACD,MAAMM,UAAU,CAAC,EAAEN,MAAMnC,IAAI,CAACuC,SAAS;IAChN,IAAIJ,MAAMlC,IAAI,EAAE;QACdkC,MAAMlC,IAAI,CAACsC,SAAS,GAAGC,IAAAA,mBAAY,EAAC1C,qBAAqBG,IAAI,EAAEkC,MAAMnC,IAAI,CAAC,gBAAgB,IAAIqC,kBAAkB,CAACF,MAAMM,UAAU,CAAC,EAAEN,MAAMlC,IAAI,CAACsC,SAAS;IAC1J,CAAC;IACD,IAAIJ,MAAMjC,QAAQ,EAAE;QAClBiC,MAAMjC,QAAQ,CAACqC,SAAS,GAAGC,IAAAA,mBAAY,EAAC1C,qBAAqBI,QAAQ,EAAEoC,eAAejC,IAAI,EAAEiC,cAAc,CAACH,MAAMO,IAAI,CAAC,EAAE,CAACP,MAAMQ,QAAQ,IAAIL,eAAeL,WAAW,EAAEE,MAAMjC,QAAQ,CAACqC,SAAS;IACjM,CAAC;IACDK,IAAAA,+CAAwB,EAAC;QACvB,GAAGT,KAAK;QACRU,cAAc;IAChB;IACA,OAAOV;AACT,GACA,sDAAsD"}

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

@@ -10,13 +10,12 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _renderSplitButton = require("./renderSplitButton");
 const _useSplitButton = require("./useSplitButton");
-const _useSplitButtonStyles = require("./useSplitButtonStyles");
+const _useSplitButtonStylesStyles = require("./useSplitButtonStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const SplitButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useSplitButton.useSplitButton_unstable)(props, ref);
-    (0, _useSplitButtonStyles.useSplitButtonStyles_unstable)(state);
-    const { useSplitButtonStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useSplitButtonStylesStyles.useSplitButtonStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useSplitButtonStyles_unstable')(state);
     return (0, _renderSplitButton.renderSplitButton_unstable)(state);
 // Casting is required due to lack of distributive union to support unions on @types/react
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SplitButton/SplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderSplitButton_unstable } from './renderSplitButton';\nimport { useSplitButton_unstable } from './useSplitButton';\nimport { useSplitButtonStyles_unstable } from './useSplitButtonStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary\n * action, while interacting with the second one opens a menu with secondary actions.\n */\nexport const SplitButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useSplitButton_unstable(props, ref);\n  useSplitButtonStyles_unstable(state);\n  const {\n    useSplitButtonStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderSplitButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nSplitButton.displayName = 'SplitButton';\n//# sourceMappingURL=SplitButton.js.map"],"names":["SplitButton","React","forwardRef","props","ref","state","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderSplitButton_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;mCACoB;gCACH;sCACM;qCACD;AAKtC,MAAMA,cAAc,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,mDAA6B,EAACF;IAC9B,MAAM,EACJE,+BAA+BC,gBAAe,EAC/C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,6CAA0B,EAACL;AAClC,0FAA0F;AAC5F;AAEAL,YAAYW,WAAW,GAAG,eAC1B,uCAAuC"}
+{"version":3,"sources":["../../../lib/components/SplitButton/SplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderSplitButton_unstable } from './renderSplitButton';\nimport { useSplitButton_unstable } from './useSplitButton';\nimport { useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary\n * action, while interacting with the second one opens a menu with secondary actions.\n */\nexport const SplitButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useSplitButton_unstable(props, ref);\n  useSplitButtonStyles_unstable(state);\n  useCustomStyleHook_unstable('useSplitButtonStyles_unstable')(state);\n  return renderSplitButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nSplitButton.displayName = 'SplitButton';\n//# sourceMappingURL=SplitButton.js.map"],"names":["SplitButton","React","forwardRef","props","ref","state","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyleHook_unstable","renderSplitButton_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;mCACoB;gCACH;4CACM;qCACF;AAKrC,MAAMA,cAAc,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9BG,IAAAA,gDAA2B,EAAC,iCAAiCH;IAC7D,OAAOI,IAAAA,6CAA0B,EAACJ;AAClC,0FAA0F;AAC5F;AAEAL,YAAYU,WAAW,GAAG,eAC1B,uCAAuC"}

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

@@ -9,15 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    splitButtonClassNames: ()=>_useSplitButtonStyles.splitButtonClassNames,
-    useSplitButtonStyles_unstable: ()=>_useSplitButtonStyles.useSplitButtonStyles_unstable
+    splitButtonClassNames: ()=>_useSplitButtonStylesStyles.splitButtonClassNames,
+    useSplitButtonStyles_unstable: ()=>_useSplitButtonStylesStyles.useSplitButtonStyles_unstable
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./SplitButton"), exports);
 _exportStar(require("./SplitButton.types"), exports);
 _exportStar(require("./renderSplitButton"), exports);
 _exportStar(require("./useSplitButton"), exports);
-const _useSplitButtonStyles = require("./useSplitButtonStyles");
+const _useSplitButtonStylesStyles = require("./useSplitButtonStyles.styles");
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SplitButton/index.js"],"sourcesContent":["export * from './SplitButton';\nexport * from './SplitButton.types';\nexport * from './renderSplitButton';\nexport * from './useSplitButton';\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles';\n//# sourceMappingURL=index.js.map"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,qBAAqB,MAArBA,2CAAqB;IAAEC,6BAA6B,MAA7BA,mDAA6B;;;oBAJ/C;oBACA;oBACA;oBACA;sCACuD;CACrE,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/SplitButton/index.js"],"sourcesContent":["export * from './SplitButton';\nexport * from './SplitButton.types';\nexport * from './renderSplitButton';\nexport * from './useSplitButton';\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,qBAAqB,MAArBA,iDAAqB;IAAEC,6BAA6B,MAA7BA,yDAA6B;;;oBAJ/C;oBACA;oBACA;oBACA;4CACuD;CACrE,iCAAiC"}

package/lib-commonjs/components/SplitButton/{useSplitButtonStyles.js → useSplitButtonStyles.styles.js}

@@ -20,8 +20,6 @@ const splitButtonClassNames = {
 };
 const useFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
     primaryActionButton: {
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
         B6xbmo0: [
             "f1x37qnr",
             "f1um7c6d"
@@ -32,8 +30,6 @@ const useFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ]
     },
     menuButton: {
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
         lbo84a: [
             "frrbwxo",
             "f1rgcpbv"
@@ -48,12 +44,6 @@ const useFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ]
     }
 }, {
-    f: [
-        ".ftqa4ok:focus{outline-style:none;}"
-    ],
-    i: [
-        ".f2hkw1w:focus-visible{outline-style:none;}"
-    ],
     d: [
         ".f1x37qnr[data-fui-focus-visible]{border-top-right-radius:0;}",
         ".f1um7c6d[data-fui-focus-visible]{border-top-left-radius:0;}",
@@ -267,6 +257,6 @@ const useSplitButtonStyles_unstable = (state)=>{
         state.primaryActionButton.className = (0, _react.mergeClasses)(splitButtonClassNames.primaryActionButton, focusStyles.primaryActionButton, state.primaryActionButton.className);
     }
     return state;
-}; //# sourceMappingURL=useSplitButtonStyles.js.map
+}; //# sourceMappingURL=useSplitButtonStyles.styles.js.map
 
-//# sourceMappingURL=useSplitButtonStyles.js.map
+//# sourceMappingURL=useSplitButtonStyles.styles.js.map

package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/SplitButton/useSplitButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const splitButtonClassNames = {\n  root: 'fui-SplitButton',\n  menuButton: 'fui-SplitButton__menuButton',\n  primaryActionButton: 'fui-SplitButton__primaryActionButton'\n};\nconst useFocusStyles = /*#__PURE__*/__styles({\n  primaryActionButton: {\n    B6xbmo0: [\"f1x37qnr\", \"f1um7c6d\"],\n    kdpuga: [\"fn4c73s\", \"f6pwzcr\"]\n  },\n  menuButton: {\n    lbo84a: [\"frrbwxo\", \"f1rgcpbv\"],\n    dm238s: [\"f1um7c6d\", \"f1x37qnr\"],\n    Bw81rd7: [\"f6pwzcr\", \"fn4c73s\"]\n  }\n}, {\n  d: [\".f1x37qnr[data-fui-focus-visible]{border-top-right-radius:0;}\", \".f1um7c6d[data-fui-focus-visible]{border-top-left-radius:0;}\", \".fn4c73s[data-fui-focus-visible]{border-bottom-right-radius:0;}\", \".f6pwzcr[data-fui-focus-visible]{border-bottom-left-radius:0;}\", \".frrbwxo[data-fui-focus-visible]{border-left-width:0;}\", \".f1rgcpbv[data-fui-focus-visible]{border-right-width:0;}\"]\n});\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"ftuwxu6\",\n    Brf1p80: \"fsxf2b5\",\n    qhf8xq: \"f10pi13n\",\n    ha4doy: \"fmrv4ls\",\n    kn2xc0: [\"f14uur2j\", \"fc1btbj\"],\n    Bs76p8a: [\"fye5tvs\", \"fc597qq\"],\n    cuxpm9: [\"f1e8brtx\", \"fr36rk3\"],\n    Biffepf: [\"fxp12j1\", \"f1m6nt2y\"],\n    Defnvf: [\"fr7y8no\", \"f1dn0c6m\"],\n    z0pv9t: \"f1hvqvul\"\n  },\n  outline: {},\n  primary: {\n    B1l9wao: [\"f117mkrt\", \"f6ic349\"],\n    lcnrd8: [\"f10mpf6u\", \"f1bt8jlh\"],\n    Brbpp8k: [\"f1c28ih9\", \"fku5vw4\"],\n    Bcsxniv: [\"ff0tx2l\", \"fnrj3rw\"],\n    tl7e51: [\"f3jppgx\", \"f1m2s8ie\"],\n    mba178: [\"f96h41g\", \"fdxf0pi\"]\n  },\n  secondary: {},\n  subtle: {\n    B1l9wao: [\"fbw67pg\", \"fcas6k2\"],\n    lcnrd8: [\"fn44ryq\", \"fwhhltr\"],\n    Brbpp8k: [\"f1xppm0p\", \"fkfp127\"]\n  },\n  transparent: {\n    B1l9wao: [\"fbw67pg\", \"fcas6k2\"],\n    lcnrd8: [\"fn44ryq\", \"fwhhltr\"],\n    Brbpp8k: [\"f1xppm0p\", \"fkfp127\"]\n  },\n  circular: {},\n  rounded: {},\n  square: {},\n  disabled: {\n    B1l9wao: [\"f10xrnr8\", \"f15nylwb\"],\n    lcnrd8: [\"f11fwhjz\", \"f18vtcsx\"],\n    Brbpp8k: [\"f31btwb\", \"fzgm9gq\"]\n  },\n  disabledHighContrast: {\n    Bcsxniv: [\"fj2q5vi\", \"f13tct40\"],\n    tl7e51: [\"fb2mzc7\", \"f179dhpp\"],\n    mba178: [\"f1ma39qa\", \"f1nzpdru\"]\n  }\n}, {\n  d: [\".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".fsxf2b5{-webkit-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;}\", \".f10pi13n{position:relative;}\", \".fmrv4ls{vertical-align:middle;}\", \".f14uur2j .fui-SplitButton__primaryActionButton{border-top-right-radius:0;}\", \".fc1btbj .fui-SplitButton__primaryActionButton{border-top-left-radius:0;}\", \".fye5tvs .fui-SplitButton__primaryActionButton{border-bottom-right-radius:0;}\", \".fc597qq .fui-SplitButton__primaryActionButton{border-bottom-left-radius:0;}\", \".f1e8brtx .fui-SplitButton__menuButton{border-left-width:0;}\", \".fr36rk3 .fui-SplitButton__menuButton{border-right-width:0;}\", \".fxp12j1 .fui-SplitButton__menuButton{border-top-left-radius:0;}\", \".f1m6nt2y .fui-SplitButton__menuButton{border-top-right-radius:0;}\", \".fr7y8no .fui-SplitButton__menuButton{border-bottom-left-radius:0;}\", \".f1dn0c6m .fui-SplitButton__menuButton{border-bottom-right-radius:0;}\", \".f1hvqvul .fui-SplitButton__menuButton{min-width:0;}\", \".f117mkrt .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f6ic349 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".fbw67pg .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1);}\", \".fcas6k2 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1);}\", \".f10xrnr8 .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f15nylwb .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}\"],\n  h: [\".f10mpf6u:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f1bt8jlh:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1c28ih9:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".fku5vw4:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".fn44ryq:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Hover);}\", \".fwhhltr:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Hover);}\", \".f1xppm0p:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".fkfp127:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f11fwhjz:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f18vtcsx:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f31btwb:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fzgm9gq:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}\"],\n  m: [[\"@media (forced-colors: active){.ff0tx2l .fui-SplitButton__primaryActionButton{border-right-color:HighlightText;}.fnrj3rw .fui-SplitButton__primaryActionButton{border-left-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f3jppgx:hover .fui-SplitButton__primaryActionButton{border-right-color:Highlight;}.f1m2s8ie:hover .fui-SplitButton__primaryActionButton{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f96h41g:hover:active .fui-SplitButton__primaryActionButton{border-right-color:Highlight;}.fdxf0pi:hover:active .fui-SplitButton__primaryActionButton{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fj2q5vi .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f13tct40 .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fb2mzc7:hover .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f179dhpp:hover .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ma39qa:hover:active .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f1nzpdru:hover:active .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nexport const useSplitButtonStyles_unstable = state => {\n  const rootStyles = useRootStyles();\n  const focusStyles = useFocusStyles();\n  const {\n    appearance,\n    disabled,\n    disabledFocusable\n  } = state;\n  state.root.className = mergeClasses(splitButtonClassNames.root, rootStyles.base, appearance && rootStyles[appearance], (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast, state.root.className);\n  if (state.menuButton) {\n    state.menuButton.className = mergeClasses(splitButtonClassNames.menuButton, focusStyles.menuButton, state.menuButton.className);\n  }\n  if (state.primaryActionButton) {\n    state.primaryActionButton.className = mergeClasses(splitButtonClassNames.primaryActionButton, focusStyles.primaryActionButton, state.primaryActionButton.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useSplitButtonStyles.styles.js.map"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable","root","menuButton","primaryActionButton","useFocusStyles","__styles","B6xbmo0","kdpuga","lbo84a","dm238s","Bw81rd7","d","useRootStyles","base","mc9l5x","Brf1p80","qhf8xq","ha4doy","kn2xc0","Bs76p8a","cuxpm9","Biffepf","Defnvf","z0pv9t","outline","primary","B1l9wao","lcnrd8","Brbpp8k","Bcsxniv","tl7e51","mba178","secondary","subtle","transparent","circular","rounded","square","disabled","disabledHighContrast","h","m","state","rootStyles","focusStyles","appearance","disabledFocusable","className","mergeClasses"],"mappings":"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"}

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

@@ -10,13 +10,12 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _renderToggleButton = require("./renderToggleButton");
 const _useToggleButton = require("./useToggleButton");
-const _useToggleButtonStyles = require("./useToggleButtonStyles");
+const _useToggleButtonStylesStyles = require("./useToggleButtonStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const ToggleButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useToggleButton.useToggleButton_unstable)(props, ref);
-    (0, _useToggleButtonStyles.useToggleButtonStyles_unstable)(state);
-    const { useToggleButtonStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useToggleButtonStylesStyles.useToggleButtonStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useToggleButtonStyles_unstable')(state);
     return (0, _renderToggleButton.renderToggleButton_unstable)(state);
 // Casting is required due to lack of distributive union to support unions on @types/react
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/ToggleButton/ToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from './renderToggleButton';\nimport { useToggleButton_unstable } from './useToggleButton';\nimport { useToggleButtonStyles_unstable } from './useToggleButtonStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToggleButtons are buttons that toggle between two defined states when triggered.\n */\nexport const ToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useToggleButton_unstable(props, ref);\n  useToggleButtonStyles_unstable(state);\n  const {\n    useToggleButtonStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderToggleButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nToggleButton.displayName = 'ToggleButton';\n//# sourceMappingURL=ToggleButton.js.map"],"names":["ToggleButton","React","forwardRef","props","ref","state","useToggleButton_unstable","useToggleButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;oCACqB;iCACH;uCACM;qCACF;AAItC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,qDAA8B,EAACF;IAC/B,MAAM,EACJE,gCAAgCC,gBAAe,EAChD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,+CAA2B,EAACL;AACnC,0FAA0F;AAC5F;AAEAL,aAAaW,WAAW,GAAG,gBAC3B,wCAAwC"}
+{"version":3,"sources":["../../../lib/components/ToggleButton/ToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from './renderToggleButton';\nimport { useToggleButton_unstable } from './useToggleButton';\nimport { useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToggleButtons are buttons that toggle between two defined states when triggered.\n */\nexport const ToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useToggleButton_unstable(props, ref);\n  useToggleButtonStyles_unstable(state);\n  useCustomStyleHook_unstable('useToggleButtonStyles_unstable')(state);\n  return renderToggleButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nToggleButton.displayName = 'ToggleButton';\n//# sourceMappingURL=ToggleButton.js.map"],"names":["ToggleButton","React","forwardRef","props","ref","state","useToggleButton_unstable","useToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;oCACqB;iCACH;6CACM;qCACH;AAIrC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACnC,0FAA0F;AAC5F;AAEAL,aAAaU,WAAW,GAAG,gBAC3B,wCAAwC"}

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

@@ -9,15 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    toggleButtonClassNames: ()=>_useToggleButtonStyles.toggleButtonClassNames,
-    useToggleButtonStyles_unstable: ()=>_useToggleButtonStyles.useToggleButtonStyles_unstable
+    toggleButtonClassNames: ()=>_useToggleButtonStylesStyles.toggleButtonClassNames,
+    useToggleButtonStyles_unstable: ()=>_useToggleButtonStylesStyles.useToggleButtonStyles_unstable
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./ToggleButton"), exports);
 _exportStar(require("./ToggleButton.types"), exports);
 _exportStar(require("./renderToggleButton"), exports);
 _exportStar(require("./useToggleButton"), exports);
-const _useToggleButtonStyles = require("./useToggleButtonStyles");
+const _useToggleButtonStylesStyles = require("./useToggleButtonStyles.styles");
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/ToggleButton/index.js"],"sourcesContent":["export * from './ToggleButton';\nexport * from './ToggleButton.types';\nexport * from './renderToggleButton';\nexport * from './useToggleButton';\nexport { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles';\n//# sourceMappingURL=index.js.map"],"names":["toggleButtonClassNames","useToggleButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,sBAAsB,MAAtBA,6CAAsB;IAAEC,8BAA8B,MAA9BA,qDAA8B;;;oBAJjD;oBACA;oBACA;oBACA;uCACyD;CACvE,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/ToggleButton/index.js"],"sourcesContent":["export * from './ToggleButton';\nexport * from './ToggleButton.types';\nexport * from './renderToggleButton';\nexport * from './useToggleButton';\nexport { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":["toggleButtonClassNames","useToggleButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,sBAAsB,MAAtBA,mDAAsB;IAAEC,8BAA8B,MAA9BA,2DAA8B;;;oBAJjD;oBACA;oBACA;oBACA;6CACyD;CACvE,iCAAiC"}

package/lib-commonjs/components/ToggleButton/{useToggleButtonStyles.js → useToggleButtonStyles.styles.js}

@@ -13,7 +13,7 @@ _export(exports, {
     useToggleButtonStyles_unstable: ()=>useToggleButtonStyles_unstable
 });
 const _react = require("@griffel/react");
-const _useButtonStyles = require("../Button/useButtonStyles");
+const _useButtonStylesStyles = require("../Button/useButtonStyles.styles");
 const toggleButtonClassNames = {
     root: 'fui-ToggleButton',
     icon: 'fui-ToggleButton__icon'
@@ -163,8 +163,6 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ],
         Jwef8y: "fjxutwb",
         iro3zm: "fwiml72",
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
         B8q5s1w: "fcaw57c",
         Bci5o5g: [
             "fpwd27e",
@@ -551,12 +549,6 @@ const useRootCheckedStyles = /*#__PURE__*/ (0, _react["__styles"])({
                 m: "(forced-colors: active)"
             }
         ]
-    ],
-    f: [
-        ".ftqa4ok:focus{outline-style:none;}"
-    ],
-    i: [
-        ".f2hkw1w:focus-visible{outline-style:none;}"
     ]
 });
 const useRootDisabledStyles = /*#__PURE__*/ (0, _react["__styles"])({
@@ -903,8 +895,8 @@ const useToggleButtonStyles_unstable = (state)=>{
     if (state.icon) {
         state.icon.className = (0, _react.mergeClasses)(toggleButtonClassNames.icon, (appearance === 'subtle' || appearance === 'transparent') && iconCheckedStyles.subtleOrTransparent, state.icon.className);
     }
-    (0, _useButtonStyles.useButtonStyles_unstable)(state);
+    (0, _useButtonStylesStyles.useButtonStyles_unstable)(state);
     return state;
-}; //# sourceMappingURL=useToggleButtonStyles.js.map
+}; //# sourceMappingURL=useToggleButtonStyles.styles.js.map
 
-//# sourceMappingURL=useToggleButtonStyles.js.map
+//# sourceMappingURL=useToggleButtonStyles.styles.js.map

package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/ToggleButton/useToggleButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nexport const toggleButtonClassNames = {\n  root: 'fui-ToggleButton',\n  icon: 'fui-ToggleButton__icon'\n};\nconst useRootCheckedStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1nfm20t\",\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1aperda\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n    sj55zd: \"f14nttnl\",\n    B4j52fo: \"f192inf7\",\n    Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n    Bn0qgzm: \"f1vxd6vx\",\n    ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n    D0sxk3: \"fxoiby5\",\n    t6yez3: \"f15q0o9g\",\n    Jwef8y: \"f1knas48\",\n    Bgoe8wy: \"fvcxoqz\",\n    Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n    oetu4i: \"f1xlaoq0\",\n    gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n    Bi91k9c: \"feu1g3u\",\n    iro3zm: \"f141de4g\",\n    b661bw: \"f11v6sdu\",\n    Bk6r4ia: [\"f9yn8i4\", \"f1ajwf28\"],\n    B9zn80p: \"f1uwu36w\",\n    Bpld233: [\"f1ajwf28\", \"f9yn8i4\"],\n    B2d53fq: \"f9olfzr\"\n  },\n  highContrast: {\n    Bsw6fvg: \"f1rirnrt\",\n    Bjwas2f: \"f132fbg1\",\n    Bn1d65q: [\"f1ene5x0\", \"fzbc999\"],\n    Bxeuatn: \"f6jgcol\",\n    n51gp8: [\"fzbc999\", \"f1ene5x0\"],\n    Bbusuzp: \"f1lkg8j3\",\n    ycbfsm: \"fkc42ay\",\n    Bqrx1nm: \"fq7113v\",\n    pgvf35: \"ff1wgvm\",\n    Bh7lczh: [\"fiob0tu\", \"f1x4h75k\"],\n    dpv3f4: \"f1j6scgf\",\n    Bpnjhaq: [\"f1x4h75k\", \"fiob0tu\"],\n    ze5xyy: \"f4xjyn1\",\n    g2kj27: \"fbgcvur\",\n    Bf756sw: \"f1ks1yx8\",\n    Bow2dr7: [\"f1o6qegi\", \"fmxjhhp\"],\n    Bvhedfk: \"fcnxywj\",\n    Gye4lf: [\"fmxjhhp\", \"f1o6qegi\"],\n    pc6evw: \"f9ddjv3\",\n    Btyszwp: \"f1j4zkqc\",\n    B8jyv7h: [\"f1ug3svw\", \"f10xfdm4\"],\n    l9kbep: \"f4xlnbu\",\n    By5cl00: [\"f10xfdm4\", \"f1ug3svw\"],\n    abbn9y: \"f1jhcl7q\",\n    Bw5jppy: [\"fokje0w\", \"fpctg2v\"],\n    B0tp99d: \"f1yfuj62\",\n    B55dcl7: [\"fpctg2v\", \"fokje0w\"],\n    G867l3: \"fk75khc\",\n    gdbnj: [\"f90nk7n\", \"f16eiqta\"],\n    mxns5l: \"fnz8tm1\",\n    o3nasb: [\"f16eiqta\", \"f90nk7n\"],\n    B7d2ofm: \"fkom8lu\"\n  },\n  outline: {\n    De3pzq: \"f1q9pm1r\",\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1aperda\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n    B4j52fo: \"fgx37oo\",\n    Bekrc4i: [\"f130t4y6\", \"f1efpmoh\"],\n    Bn0qgzm: \"fv51ejd\",\n    ibv6hh: [\"f1efpmoh\", \"f130t4y6\"],\n    Jwef8y: \"fjxutwb\",\n    iro3zm: \"fwiml72\",\n    B8q5s1w: \"fcaw57c\",\n    Bci5o5g: [\"fpwd27e\", \"f1999bjr\"],\n    n8qw10: \"f1hi52o4\",\n    Bdrgwmp: [\"f1999bjr\", \"fpwd27e\"]\n  },\n  primary: {\n    De3pzq: \"f8w4g0q\",\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    sj55zd: \"f1phragk\",\n    Jwef8y: \"f15wkkf3\",\n    Bgoe8wy: \"f1s2uweq\",\n    Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n    oetu4i: \"f1ukrpxl\",\n    gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n    Bi91k9c: \"f1rq72xc\",\n    iro3zm: \"fnp9lpt\",\n    b661bw: \"f1h0usnq\",\n    Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n    B9zn80p: \"f16h9ulv\",\n    Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n    B2d53fq: \"f1d6v5y2\"\n  },\n  secondary: {},\n  subtle: {\n    De3pzq: \"fq5gl1p\",\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    sj55zd: \"f1eryozh\",\n    Jwef8y: \"f1t94bn6\",\n    Bgoe8wy: \"f1s2uweq\",\n    Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n    oetu4i: \"f1ukrpxl\",\n    gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n    Bi91k9c: \"fnwyq0v\",\n    iro3zm: \"fsv2rcd\",\n    b661bw: \"f1h0usnq\",\n    Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n    B9zn80p: \"f16h9ulv\",\n    Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n    B2d53fq: \"f1omzyqd\"\n  },\n  transparent: {\n    De3pzq: \"f1q9pm1r\",\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    sj55zd: \"f1qj7y59\",\n    Jwef8y: \"fjxutwb\",\n    Bgoe8wy: \"f1s2uweq\",\n    Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n    oetu4i: \"f1ukrpxl\",\n    gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n    Bi91k9c: \"f139oj5f\",\n    iro3zm: \"fwiml72\",\n    b661bw: \"f1h0usnq\",\n    Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n    B9zn80p: \"f16h9ulv\",\n    Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n    B2d53fq: \"f1fg1p5m\"\n  }\n}, {\n  d: [\".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".fxoiby5 .fui-Icon-filled{display:inline;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".fgx37oo{border-top-width:var(--strokeWidthThicker);}\", \".f130t4y6{border-right-width:var(--strokeWidthThicker);}\", \".f1efpmoh{border-left-width:var(--strokeWidthThicker);}\", \".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}\", \".fcaw57c[data-fui-focus-visible]{border-top-color:var(--colorNeutralStroke1);}\", \".fpwd27e[data-fui-focus-visible]{border-right-color:var(--colorNeutralStroke1);}\", \".f1999bjr[data-fui-focus-visible]{border-left-color:var(--colorNeutralStroke1);}\", \".f1hi52o4[data-fui-focus-visible]{border-bottom-color:var(--colorNeutralStroke1);}\", \".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1eryozh{color:var(--colorNeutralForeground2Selected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"],\n  h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}\", \".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f141de4g:hover:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".f11v6sdu:hover:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f9yn8i4:hover:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f1ajwf28:hover:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1uwu36w:hover:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}\", \".f9olfzr:hover:active{color:var(--colorNeutralForeground1Pressed);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}\", \".f1s2uweq:hover{border-top-color:transparent;}\", \".fr80ssc:hover{border-right-color:transparent;}\", \".fecsdlb:hover{border-left-color:transparent;}\", \".f1ukrpxl:hover{border-bottom-color:transparent;}\", \".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}\", \".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}\", \".f1h0usnq:hover:active{border-top-color:transparent;}\", \".fs4ktlq:hover:active{border-right-color:transparent;}\", \".fx2bmrt:hover:active{border-left-color:transparent;}\", \".f16h9ulv:hover:active{border-bottom-color:transparent;}\", \".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}\"],\n  m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f132fbg1{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ene5x0{border-right-color:Highlight;}.fzbc999{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f6jgcol{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fzbc999{border-left-color:Highlight;}.f1ene5x0{border-right-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.ff1wgvm:hover{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fiob0tu:hover{border-right-color:Highlight;}.f1x4h75k:hover{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1j6scgf:hover{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1x4h75k:hover{border-left-color:Highlight;}.fiob0tu:hover{border-right-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fbgcvur:hover:active{background-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ks1yx8:hover:active{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1o6qegi:hover:active{border-right-color:Highlight;}.fmxjhhp:hover:active{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fcnxywj:hover:active{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fmxjhhp:hover:active{border-left-color:Highlight;}.f1o6qegi:hover:active{border-right-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f9ddjv3:hover:active{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1j4zkqc:focus{border-top-width:1px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ug3svw:focus{border-right-width:1px;}.f10xfdm4:focus{border-left-width:1px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f4xlnbu:focus{border-bottom-width:1px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f10xfdm4:focus{border-left-width:1px;}.f1ug3svw:focus{border-right-width:1px;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1jhcl7q:focus{border-top-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fokje0w:focus{border-right-style:solid;}.fpctg2v:focus{border-left-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1yfuj62:focus{border-bottom-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fpctg2v:focus{border-left-style:solid;}.fokje0w:focus{border-right-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fk75khc:focus{border-top-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f90nk7n:focus{border-right-color:HighlightText;}.f16eiqta:focus{border-left-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fnz8tm1:focus{border-bottom-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f16eiqta:focus{border-left-color:HighlightText;}.f90nk7n:focus{border-right-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkom8lu:focus{outline-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useRootDisabledStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1bg9a2p\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n    sj55zd: \"f1s2aq7o\",\n    Jwef8y: \"f1falr9n\",\n    Bgoe8wy: \"f12mpcsy\",\n    Bwzppfd: [\"f1gwvigk\", \"f18rmfxp\"],\n    oetu4i: \"f1jnshp0\",\n    gg5e9n: [\"f18rmfxp\", \"f1gwvigk\"],\n    Bi91k9c: \"fvgxktp\",\n    iro3zm: \"f1t6o4dc\",\n    b661bw: \"f10ztigi\",\n    Bk6r4ia: [\"f1ft5sdu\", \"f1gzf82w\"],\n    B9zn80p: \"f12zbtn2\",\n    Bpld233: [\"f1gzf82w\", \"f1ft5sdu\"],\n    B2d53fq: \"fcvwxyo\"\n  },\n  outline: {},\n  primary: {\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    Bgoe8wy: \"f1s2uweq\",\n    Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n    oetu4i: \"f1ukrpxl\",\n    gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n    b661bw: \"f1h0usnq\",\n    Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n    B9zn80p: \"f16h9ulv\",\n    Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n  },\n  secondary: {},\n  subtle: {\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    Jwef8y: \"fjxutwb\",\n    Bgoe8wy: \"f1s2uweq\",\n    Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n    oetu4i: \"f1ukrpxl\",\n    gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n    iro3zm: \"fwiml72\",\n    b661bw: \"f1h0usnq\",\n    Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n    B9zn80p: \"f16h9ulv\",\n    Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n  },\n  transparent: {\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    Jwef8y: \"fjxutwb\",\n    Bgoe8wy: \"f1s2uweq\",\n    Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n    oetu4i: \"f1ukrpxl\",\n    gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n    iro3zm: \"fwiml72\",\n    b661bw: \"f1h0usnq\",\n    Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n    B9zn80p: \"f16h9ulv\",\n    Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n  }\n}, {\n  d: [\".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\"],\n  h: [\".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\", \".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}\", \".f1s2uweq:hover{border-top-color:transparent;}\", \".fr80ssc:hover{border-right-color:transparent;}\", \".fecsdlb:hover{border-left-color:transparent;}\", \".f1ukrpxl:hover{border-bottom-color:transparent;}\", \".f1h0usnq:hover:active{border-top-color:transparent;}\", \".fs4ktlq:hover:active{border-right-color:transparent;}\", \".fx2bmrt:hover:active{border-left-color:transparent;}\", \".f16h9ulv:hover:active{border-bottom-color:transparent;}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}\"]\n});\nconst useIconCheckedStyles = /*#__PURE__*/__styles({\n  subtleOrTransparent: {\n    sj55zd: \"f1qj7y59\"\n  }\n}, {\n  d: [\".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"]\n});\nconst usePrimaryHighContrastStyles = /*#__PURE__*/__styles({\n  base: {\n    Bsw6fvg: \"f4lkoma\",\n    Bjwas2f: \"f1bauw5b\",\n    Bn1d65q: [\"fbpknfk\", \"fedl69w\"],\n    Bxeuatn: \"f15s25nd\",\n    n51gp8: [\"fedl69w\", \"fbpknfk\"],\n    Bbusuzp: \"f1e4kh5\",\n    ycbfsm: \"fg4l7m0\"\n  },\n  disabled: {\n    Bjwas2f: \"fg455y9\",\n    Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n    Bxeuatn: \"f1cwzwz\",\n    n51gp8: [\"f14g86mu\", \"f1rvyvqg\"],\n    Bbusuzp: \"f1dcs8yz\",\n    G867l3: \"fjwq6ea\",\n    gdbnj: [\"f1lr3nhc\", \"f1mbxvi6\"],\n    mxns5l: \"fn5gmvv\",\n    o3nasb: [\"f1mbxvi6\", \"f1lr3nhc\"]\n  }\n}, {\n  m: [[\"@media (forced-colors: active){.f4lkoma{background-color:ButtonFace;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1bauw5b{border-top-color:ButtonBorder;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fbpknfk{border-right-color:ButtonBorder;}.fedl69w{border-left-color:ButtonBorder;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f15s25nd{border-bottom-color:ButtonBorder;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fedl69w{border-left-color:ButtonBorder;}.fbpknfk{border-right-color:ButtonBorder;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1e4kh5{color:ButtonText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fg4l7m0{forced-color-adjust:auto;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fjwq6ea:focus{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1lr3nhc:focus{border-right-color:GrayText;}.f1mbxvi6:focus{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fn5gmvv:focus{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1mbxvi6:focus{border-left-color:GrayText;}.f1lr3nhc:focus{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nexport const useToggleButtonStyles_unstable = state => {\n  const rootCheckedStyles = useRootCheckedStyles();\n  const rootDisabledStyles = useRootDisabledStyles();\n  const iconCheckedStyles = useIconCheckedStyles();\n  const primaryHighContrastStyles = usePrimaryHighContrastStyles();\n  const {\n    appearance,\n    checked,\n    disabled,\n    disabledFocusable\n  } = state;\n  state.root.className = mergeClasses(toggleButtonClassNames.root,\n  // Primary high contrast styles\n  appearance === 'primary' && primaryHighContrastStyles.base, appearance === 'primary' && (disabled || disabledFocusable) && primaryHighContrastStyles.disabled,\n  // Checked styles\n  checked && rootCheckedStyles.base, checked && rootCheckedStyles.highContrast, appearance && checked && rootCheckedStyles[appearance],\n  // Disabled styles\n  (disabled || disabledFocusable) && rootDisabledStyles.base, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance],\n  // User provided class name\n  state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(toggleButtonClassNames.icon, (appearance === 'subtle' || appearance === 'transparent') && iconCheckedStyles.subtleOrTransparent, state.icon.className);\n  }\n  useButtonStyles_unstable(state);\n  return state;\n};\n//# sourceMappingURL=useToggleButtonStyles.styles.js.map"],"names":["toggleButtonClassNames","useToggleButtonStyles_unstable","root","icon","useRootCheckedStyles","__styles","base","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","sj55zd","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","D0sxk3","t6yez3","Jwef8y","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Bi91k9c","iro3zm","b661bw","Bk6r4ia","B9zn80p","Bpld233","B2d53fq","highContrast","Bsw6fvg","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bbusuzp","ycbfsm","Bqrx1nm","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","ze5xyy","g2kj27","Bf756sw","Bow2dr7","Bvhedfk","Gye4lf","pc6evw","Btyszwp","B8jyv7h","l9kbep","By5cl00","abbn9y","Bw5jppy","B0tp99d","B55dcl7","G867l3","gdbnj","mxns5l","o3nasb","B7d2ofm","outline","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","primary","secondary","subtle","transparent","d","h","m","useRootDisabledStyles","useIconCheckedStyles","subtleOrTransparent","usePrimaryHighContrastStyles","disabled","state","rootCheckedStyles","rootDisabledStyles","iconCheckedStyles","primaryHighContrastStyles","appearance","checked","disabledFocusable","className","mergeClasses","useButtonStyles_unstable"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-button",
-  "version": "9.3.10",
+  "version": "9.3.12",
   "description": "Fluent UI React Button component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,25 +22,26 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "just-scripts generate-api"
+    "generate-api": "just-scripts generate-api",
+    "test-ssr": "test-ssr ./stories/**/*.stories.tsx"
   },
   "devDependencies": {
     "@fluentui/a11y-testing": "^0.1.0",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "^9.0.2",
-    "@fluentui/react-aria": "^9.3.18",
+    "@fluentui/keyboard-keys": "^9.0.3",
+    "@fluentui/react-aria": "^9.3.20",
     "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.2",
-    "@fluentui/react-shared-contexts": "^9.3.3",
-    "@fluentui/react-tabster": "^9.6.5",
-    "@fluentui/react-theme": "^9.1.7",
-    "@fluentui/react-utilities": "^9.8.0",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.4",
+    "@fluentui/react-shared-contexts": "^9.4.0",
+    "@fluentui/react-tabster": "^9.7.1",
+    "@fluentui/react-theme": "^9.1.8",
+    "@fluentui/react-utilities": "^9.9.0",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },

package/.swcrc

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

package/lib/components/Button/useButtonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["iconFilledClassName","iconRegularClassName","createCustomFocusIndicatorStyle","tokens","shorthands","__styles","__resetStyles","mergeClasses","buttonClassNames","root","icon","iconSpacingVar","buttonSpacingSmall","buttonSpacingSmallWithIcon","buttonSpacingMedium","buttonSpacingLarge","buttonSpacingLargeWithIcon","useRootBaseClassName","useIconBaseClassName","useRootStyles","outline","De3pzq","Jwef8y","iro3zm","primary","g2u3we","h3c5rm","B9xav0g","zhjwy3","sj55zd","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Bi91k9c","b661bw","Bk6r4ia","B9zn80p","Bpld233","B2d53fq","Bsw6fvg","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bbusuzp","ycbfsm","Bqrx1nm","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","ze5xyy","g2kj27","Bf756sw","Bow2dr7","Bvhedfk","Gye4lf","pc6evw","secondary","subtle","Bbdnnc7","x3br3k","transparent","circular","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rounded","square","small","Bf4jedk","z8tnut","z189sj","Byoj8tv","uwmqm3","Be2twd7","Bhrd7zp","Bg96gwp","smallWithIcon","medium","large","largeWithIcon","d","h","m","useRootDisabledStyles","base","Bceei9c","eoavqd","Bk3fhr4","Bmfj8id","c3iz72","em6i61","vm6p8p","highContrast","G867l3","gdbnj","mxns5l","o3nasb","useRootFocusStyles","Brovlpu","B486eqv","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","j6ew2k","f","i","useRootIconOnlyStyles","B2u0y6b","useIconStyles","Bqenvij","a9b677","Bqrlyyl","before","t21cq0","after","Frg6f3","useButtonStyles_unstable","state","rootBaseClassName","iconBaseClassName","rootStyles","rootDisabledStyles","rootFocusStyles","rootIconOnlyStyles","iconStyles","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","children","undefined"],"sources":["../../../src/components/Button/useButtonStyles.ts"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { ButtonSlots, ButtonState } from './Button.types';\n\nexport const buttonClassNames: SlotClassNames<ButtonSlots> = {\n  root: 'fui-Button',\n  icon: 'fui-Button__icon',\n};\n\nconst iconSpacingVar = '--fui-Button__icon--spacing';\n\nconst buttonSpacingSmall = '3px';\nconst buttonSpacingSmallWithIcon = '1px';\nconst buttonSpacingMedium = '5px';\nconst buttonSpacingLarge = '8px';\nconst buttonSpacingLargeWithIcon = '7px';\n\nconst useRootBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  boxSizing: 'border-box',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  textDecorationLine: 'none',\n  verticalAlign: 'middle',\n\n  margin: 0,\n  overflow: 'hidden',\n\n  backgroundColor: tokens.colorNeutralBackground1,\n  color: tokens.colorNeutralForeground1,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n\n  fontFamily: tokens.fontFamilyBase,\n  outlineStyle: 'none',\n\n  ':hover': {\n    backgroundColor: tokens.colorNeutralBackground1Hover,\n    borderColor: tokens.colorNeutralStroke1Hover,\n    color: tokens.colorNeutralForeground1Hover,\n\n    cursor: 'pointer',\n\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none',\n    },\n  },\n\n  ':hover:active': {\n    backgroundColor: tokens.colorNeutralBackground1Pressed,\n    borderColor: tokens.colorNeutralStroke1Pressed,\n    color: tokens.colorNeutralForeground1Pressed,\n\n    outlineStyle: 'none',\n\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none',\n    },\n  },\n\n  padding: `${buttonSpacingMedium} ${tokens.spacingHorizontalM}`,\n  minWidth: '96px',\n  borderRadius: tokens.borderRadiusMedium,\n\n  fontSize: tokens.fontSizeBase300,\n  fontWeight: tokens.fontWeightSemibold,\n  lineHeight: tokens.lineHeightBase300,\n\n  // Transition styles\n\n  transitionDuration: tokens.durationFaster,\n  transitionProperty: 'background, border, color',\n  transitionTimingFunction: tokens.curveEasyEase,\n\n  '@media screen and (prefers-reduced-motion: reduce)': {\n    transitionDuration: '0.01ms',\n  },\n\n  // High contrast styles\n\n  '@media (forced-colors: active)': {\n    ':focus': {\n      borderColor: 'ButtonText',\n    },\n\n    ':hover': {\n      backgroundColor: 'HighlightText',\n      borderColor: 'Highlight',\n      color: 'Highlight',\n      forcedColorAdjust: 'none',\n    },\n\n    ':hover:active': {\n      backgroundColor: 'HighlightText',\n      borderColor: 'Highlight',\n      color: 'Highlight',\n      forcedColorAdjust: 'none',\n    },\n  },\n\n  // Focus styles\n\n  ...createCustomFocusIndicatorStyle({\n    borderColor: tokens.colorTransparentStroke,\n    borderRadius: tokens.borderRadiusMedium,\n    outline: `${tokens.strokeWidthThick} solid ${tokens.colorTransparentStroke}`,\n    boxShadow: `\n      ${tokens.shadow4},\n      0 0 0 2px ${tokens.colorStrokeFocus2}\n    `,\n    zIndex: 1,\n  }),\n});\n\nconst useIconBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  display: 'inline-flex',\n  justifyContent: 'center',\n\n  fontSize: '20px',\n  height: '20px',\n  width: '20px',\n\n  [iconSpacingVar]: tokens.spacingHorizontalSNudge,\n});\n\nconst useRootStyles = makeStyles({\n  // Appearance variations\n  outline: {\n    backgroundColor: tokens.colorTransparentBackground,\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundHover,\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorTransparentBackgroundPressed,\n    },\n  },\n  primary: {\n    backgroundColor: tokens.colorBrandBackground,\n    ...shorthands.borderColor('transparent'),\n    color: tokens.colorNeutralForegroundOnBrand,\n\n    ':hover': {\n      backgroundColor: tokens.colorBrandBackgroundHover,\n      ...shorthands.borderColor('transparent'),\n      color: tokens.colorNeutralForegroundOnBrand,\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorBrandBackgroundPressed,\n      ...shorthands.borderColor('transparent'),\n      color: tokens.colorNeutralForegroundOnBrand,\n    },\n\n    '@media (forced-colors: active)': {\n      backgroundColor: 'Highlight',\n      ...shorthands.borderColor('HighlightText'),\n      color: 'HighlightText',\n      forcedColorAdjust: 'none',\n\n      ':hover': {\n        backgroundColor: 'HighlightText',\n        ...shorthands.borderColor('Highlight'),\n        color: 'Highlight',\n      },\n\n      ':hover:active': {\n        backgroundColor: 'HighlightText',\n        ...shorthands.borderColor('Highlight'),\n        color: 'Highlight',\n      },\n    },\n  },\n  secondary: {\n    /* The secondary styles are exactly the same as the base styles. */\n  },\n  subtle: {\n    backgroundColor: tokens.colorSubtleBackground,\n    ...shorthands.borderColor('transparent'),\n    color: tokens.colorNeutralForeground2,\n\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n      ...shorthands.borderColor('transparent'),\n      color: tokens.colorNeutralForeground2Hover,\n\n      [`& .${buttonClassNames.icon}`]: {\n        color: tokens.colorNeutralForeground2BrandHover,\n      },\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n      ...shorthands.borderColor('transparent'),\n      color: tokens.colorNeutralForeground2Pressed,\n\n      [`& .${buttonClassNames.icon}`]: {\n        color: tokens.colorNeutralForeground2BrandPressed,\n      },\n    },\n  },\n  transparent: {\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderColor('transparent'),\n    color: tokens.colorNeutralForeground2,\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundHover,\n      ...shorthands.borderColor('transparent'),\n      color: tokens.colorNeutralForeground2BrandHover,\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorTransparentBackgroundPressed,\n      ...shorthands.borderColor('transparent'),\n      color: tokens.colorNeutralForeground2BrandPressed,\n    },\n  },\n\n  // Shape variations\n  circular: {\n    ...shorthands.borderRadius(tokens.borderRadiusCircular),\n  },\n  rounded: {\n    /* The borderRadius rounded styles are handled in the size variations */\n  },\n  square: {\n    ...shorthands.borderRadius(tokens.borderRadiusNone),\n  },\n\n  // Size variations\n  small: {\n    minWidth: '64px',\n    ...shorthands.padding(buttonSpacingSmall, tokens.spacingHorizontalS),\n\n    ...shorthands.borderRadius(buttonSpacingSmall),\n\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  smallWithIcon: {\n    paddingBottom: buttonSpacingSmallWithIcon,\n    paddingTop: buttonSpacingSmallWithIcon,\n  },\n  medium: {\n    /* defined in base styles */\n  },\n  large: {\n    minWidth: '96px',\n    ...shorthands.padding(buttonSpacingLarge, tokens.spacingHorizontalL),\n\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n\n    fontSize: tokens.fontSizeBase400,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase400,\n  },\n  largeWithIcon: {\n    paddingBottom: buttonSpacingLargeWithIcon,\n    paddingTop: buttonSpacingLargeWithIcon,\n  },\n});\n\nconst useRootDisabledStyles = makeStyles({\n  // Base styles\n  base: {\n    backgroundColor: tokens.colorNeutralBackgroundDisabled,\n    ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n    color: tokens.colorNeutralForegroundDisabled,\n\n    cursor: 'not-allowed',\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n      color: tokens.colorNeutralForegroundDisabled,\n\n      cursor: 'not-allowed',\n\n      [`& .${iconFilledClassName}`]: {\n        display: 'none',\n      },\n      [`& .${iconRegularClassName}`]: {\n        display: 'inline',\n      },\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n      color: tokens.colorNeutralForegroundDisabled,\n\n      cursor: 'not-allowed',\n\n      [`& .${iconFilledClassName}`]: {\n        display: 'none',\n      },\n      [`& .${iconRegularClassName}`]: {\n        display: 'inline',\n      },\n    },\n  },\n\n  // High contrast styles\n  highContrast: {\n    '@media (forced-colors: active)': {\n      backgroundColor: 'ButtonFace',\n      ...shorthands.borderColor('GrayText'),\n      color: 'GrayText',\n\n      ':focus': {\n        ...shorthands.borderColor('GrayText'),\n      },\n\n      ':hover': {\n        backgroundColor: 'ButtonFace',\n        ...shorthands.borderColor('GrayText'),\n        color: 'GrayText',\n      },\n\n      ':hover:active': {\n        backgroundColor: 'ButtonFace',\n        ...shorthands.borderColor('GrayText'),\n        color: 'GrayText',\n      },\n    },\n  },\n\n  // Appearance variations\n  outline: {\n    backgroundColor: tokens.colorTransparentBackground,\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackground,\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorTransparentBackground,\n    },\n  },\n  primary: {\n    ...shorthands.borderColor('transparent'),\n\n    ':hover': {\n      ...shorthands.borderColor('transparent'),\n    },\n\n    ':hover:active': {\n      ...shorthands.borderColor('transparent'),\n    },\n  },\n  secondary: {\n    /* The secondary styles are exactly the same as the base styles. */\n  },\n  subtle: {\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderColor('transparent'),\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackground,\n      ...shorthands.borderColor('transparent'),\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorTransparentBackground,\n      ...shorthands.borderColor('transparent'),\n    },\n  },\n  transparent: {\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderColor('transparent'),\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackground,\n      ...shorthands.borderColor('transparent'),\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorTransparentBackground,\n      ...shorthands.borderColor('transparent'),\n    },\n  },\n});\n\nconst useRootFocusStyles = makeStyles({\n  // Shape variations\n  circular: createCustomFocusIndicatorStyle({\n    ...shorthands.borderRadius(tokens.borderRadiusCircular),\n  }),\n  rounded: {\n    /* The rounded styles are exactly the same as the base styles. */\n  },\n  square: createCustomFocusIndicatorStyle({\n    ...shorthands.borderRadius(tokens.borderRadiusNone),\n  }),\n\n  // Primary styles\n  primary: createCustomFocusIndicatorStyle({\n    ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n    boxShadow: `${tokens.shadow2}, 0 0 0 2px ${tokens.colorStrokeFocus2}`,\n  }),\n\n  // Size variations\n  small: createCustomFocusIndicatorStyle({\n    ...shorthands.borderRadius(tokens.borderRadiusSmall),\n  }),\n  medium: {\n    /* defined in base styles */\n  },\n  large: createCustomFocusIndicatorStyle({\n    ...shorthands.borderRadius(tokens.borderRadiusLarge),\n  }),\n});\n\nconst useRootIconOnlyStyles = makeStyles({\n  // Size variations\n  small: {\n    ...shorthands.padding(buttonSpacingSmallWithIcon),\n\n    minWidth: '24px',\n    maxWidth: '24px',\n  },\n  medium: {\n    ...shorthands.padding(buttonSpacingMedium),\n\n    minWidth: '32px',\n    maxWidth: '32px',\n  },\n  large: {\n    ...shorthands.padding(buttonSpacingLargeWithIcon),\n\n    minWidth: '40px',\n    maxWidth: '40px',\n  },\n});\n\nconst useIconStyles = makeStyles({\n  // Size variations\n  small: {\n    fontSize: '20px',\n    height: '20px',\n    width: '20px',\n\n    [iconSpacingVar]: tokens.spacingHorizontalXS,\n  },\n  medium: {\n    /* defined in base styles */\n  },\n  large: {\n    fontSize: '24px',\n    height: '24px',\n    width: '24px',\n\n    [iconSpacingVar]: tokens.spacingHorizontalSNudge,\n  },\n\n  // Icon position variations\n  before: {\n    marginRight: `var(${iconSpacingVar})`,\n  },\n  after: {\n    marginLeft: `var(${iconSpacingVar})`,\n  },\n});\n\nexport const useButtonStyles_unstable = (state: ButtonState): ButtonState => {\n  const rootBaseClassName = useRootBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n\n  const rootStyles = useRootStyles();\n  const rootDisabledStyles = useRootDisabledStyles();\n  const rootFocusStyles = useRootFocusStyles();\n  const rootIconOnlyStyles = useRootIconOnlyStyles();\n  const iconStyles = useIconStyles();\n\n  const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;\n\n  state.root.className = mergeClasses(\n    buttonClassNames.root,\n    rootBaseClassName,\n\n    appearance && rootStyles[appearance],\n\n    rootStyles[size],\n    icon && size === 'small' && rootStyles.smallWithIcon,\n    icon && size === 'large' && rootStyles.largeWithIcon,\n    rootStyles[shape],\n\n    // Disabled styles\n    (disabled || disabledFocusable) && rootDisabledStyles.base,\n    (disabled || disabledFocusable) && rootDisabledStyles.highContrast,\n    appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance],\n\n    // Focus styles\n    appearance === 'primary' && rootFocusStyles.primary,\n    rootFocusStyles[size],\n    rootFocusStyles[shape],\n\n    // Icon-only styles\n    iconOnly && rootIconOnlyStyles[size],\n\n    // User provided class name\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      buttonClassNames.icon,\n      iconBaseClassName,\n      state.root.children !== undefined && state.root.children !== null && iconStyles[iconPosition],\n      iconStyles[size],\n      state.icon.className,\n    );\n  }\n\n  return state;\n};\n"],"mappings":"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"}