@fluentui/react-button 9.3.34 → 9.3.35

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "MenuButton", {
     enumerable: true,
-    get: ()=>MenuButton
+    get: function() {
+        return MenuButton;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _renderMenuButton = require("./renderMenuButton");
 const _useMenuButton = require("./useMenuButton");
-const _useMenuButtonStylesStyles = require("./useMenuButtonStyles.styles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+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, _useMenuButtonStylesStyles.useMenuButtonStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useMenuButtonStyles_unstable')(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":["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 */ export 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});\nMenuButton.displayName = 'MenuButton';\n"],"names":["MenuButton","React","forwardRef","props","ref","state","useMenuButton_unstable","useMenuButtonStyles_unstable","useCustomStyleHook_unstable","renderMenuButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;kCACmB;+BACH;2CACM;qCACD;AAIjC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACvE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7BG,IAAAA,gDAA2B,EAAC,gCAAgCH;IAC5D,OAAOI,IAAAA,2CAAyB,EAACJ;AACrC,0FAA0F;AAC1F;AACAL,WAAWU,WAAW,GAAG"}
+{"version":3,"sources":["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 */ export 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});\nMenuButton.displayName = 'MenuButton';\n"],"names":["MenuButton","React","forwardRef","props","ref","state","useMenuButton_unstable","useMenuButtonStyles_unstable","useCustomStyleHook_unstable","renderMenuButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;kCACmB;+BACH;2CACM;qCACD;AAIjC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7BG,IAAAA,gDAA2B,EAAC,gCAAgCH;IAC5D,OAAOI,IAAAA,2CAAyB,EAACJ;AACrC,0FAA0F;AAC1F;AACAL,WAAWU,WAAW,GAAG"}

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

@@ -9,12 +9,16 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    menuButtonClassNames: ()=>_useMenuButtonStylesStyles.menuButtonClassNames,
-    useMenuButtonStyles_unstable: ()=>_useMenuButtonStylesStyles.useMenuButtonStyles_unstable
+    menuButtonClassNames: function() {
+        return _useMenuButtonStylesstyles.menuButtonClassNames;
+    },
+    useMenuButtonStyles_unstable: function() {
+        return _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 _useMenuButtonStylesStyles = require("./useMenuButtonStyles.styles");
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./MenuButton.types"), exports);
+_export_star._(require("./MenuButton"), exports);
+_export_star._(require("./renderMenuButton"), exports);
+_export_star._(require("./useMenuButton"), exports);
+const _useMenuButtonStylesstyles = require("./useMenuButtonStyles.styles");

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './MenuButton.types';\nexport * from './MenuButton';\nexport * from './renderMenuButton';\nexport * from './useMenuButton';\nexport { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles';\n"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,oBAAoB,MAApBA,+CAAoB;IAAEC,4BAA4B,MAA5BA,uDAA4B;;;oBAJ7C;oBACA;oBACA;oBACA;2CACqD"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './MenuButton.types';\nexport * from './MenuButton';\nexport * from './renderMenuButton';\nexport * from './useMenuButton';\nexport { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles';\n"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,oBAAoB;eAApBA,+CAAoB;;IAAEC,4BAA4B;eAA5BA,uDAA4B;;;;uBAJ7C;uBACA;uBACA;uBACA;2CACqD"}

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

@@ -1,15 +1,24 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderMenuButton_unstable", {
     enumerable: true,
-    get: ()=>renderMenuButton_unstable
+    get: function() {
+        return renderMenuButton_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderMenuButton_unstable = (state)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    const { icon , iconOnly  } = state;
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.icon, null), !iconOnly && state.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && state.menuIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.menuIcon, null));
+    var _icon;
+    (0, _reactutilities.assertSlots)(state);
+    const { icon, iconOnly } = state;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+            !iconOnly && state.root.children,
+            (!iconOnly || !((_icon = icon) === null || _icon === void 0 ? void 0 : _icon.children)) && state.menuIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuIcon, {})
+        ]
+    });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderMenuButton.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Renders a MenuButton component by passing the state defined props to the appropriate slots.\n */ export const renderMenuButton_unstable = (state)=>{\n    assertSlots(state);\n    const { icon , iconOnly  } = state;\n    return /*#__PURE__*/ createElement(state.root, null, state.icon && /*#__PURE__*/ createElement(state.icon, null), !iconOnly && state.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && state.menuIcon && /*#__PURE__*/ createElement(state.menuIcon, null));\n};\n"],"names":["renderMenuButton_unstable","state","assertSlots","icon","iconOnly","createElement","root","children","menuIcon"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,4BAA4B,CAACC,QAAQ;IAClDC,IAAAA,2BAAW,EAACD;IACZ,MAAM,EAAEE,KAAI,EAAGC,SAAQ,EAAG,GAAGH;IAC7B,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACJ,MAAMK,IAAI,EAAE,IAAI,EAAEL,MAAME,IAAI,IAAI,WAAW,GAAGE,IAAAA,8BAAa,EAACJ,MAAME,IAAI,EAAE,IAAI,GAAG,CAACC,YAAYH,MAAMK,IAAI,CAACC,QAAQ,EAAE,AAAC,CAAA,CAACH,YAAY,CAAED,CAAAA,SAAS,IAAI,IAAIA,SAAS,KAAK,IAAI,KAAK,IAAIA,KAAKI,QAAQ,AAAD,CAAC,KAAMN,MAAMO,QAAQ,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACJ,MAAMO,QAAQ,EAAE,IAAI;AACzS"}
+{"version":3,"sources":["renderMenuButton.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Renders a MenuButton component by passing the state defined props to the appropriate slots.\n */ export const renderMenuButton_unstable = (state)=>{\n    var _icon;\n    assertSlots(state);\n    const { icon, iconOnly } = state;\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.icon && /*#__PURE__*/ _jsx(state.icon, {}),\n            !iconOnly && state.root.children,\n            (!iconOnly || !((_icon = icon) === null || _icon === void 0 ? void 0 : _icon.children)) && state.menuIcon && /*#__PURE__*/ _jsx(state.menuIcon, {})\n        ]\n    });\n};\n"],"names":["renderMenuButton_unstable","state","_icon","assertSlots","icon","iconOnly","_jsxs","root","children","_jsx","menuIcon"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,4BAA4B,CAACC;IAC1C,IAAIC;IACJC,IAAAA,2BAAW,EAACF;IACZ,MAAM,EAAEG,IAAI,EAAEC,QAAQ,EAAE,GAAGJ;IAC3B,OAAO,WAAW,GAAGK,IAAAA,gBAAK,EAACL,MAAMM,IAAI,EAAE;QACnCC,UAAU;YACNP,MAAMG,IAAI,IAAI,WAAW,GAAGK,IAAAA,eAAI,EAACR,MAAMG,IAAI,EAAE,CAAC;YAC9C,CAACC,YAAYJ,MAAMM,IAAI,CAACC,QAAQ;YAC/B,CAAA,CAACH,YAAY,CAAE,CAAA,AAACH,CAAAA,QAAQE,IAAG,MAAO,QAAQF,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMM,QAAQ,AAAD,CAAC,KAAMP,MAAMS,QAAQ,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACR,MAAMS,QAAQ,EAAE,CAAC;SACpJ;IACL;AACJ"}

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

@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useMenuButton_unstable", {
     enumerable: true,
-    get: ()=>useMenuButton_unstable
+    get: function() {
+        return useMenuButton_unstable;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactIcons = require("@fluentui/react-icons");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reacticons = require("@fluentui/react-icons");
+const _reactutilities = require("@fluentui/react-utilities");
 const _index = require("../Button/index");
-const useMenuButton_unstable = ({ menuIcon , ...props }, ref)=>{
+const useMenuButton_unstable = ({ menuIcon, ...props }, ref)=>{
     const buttonState = (0, _index.useButton_unstable)(props, ref);
     var _props_ariaexpanded;
     buttonState.root['aria-expanded'] = (_props_ariaexpanded = props['aria-expanded']) !== null && _props_ariaexpanded !== void 0 ? _props_ariaexpanded : false;
@@ -26,9 +28,9 @@ const useMenuButton_unstable = ({ menuIcon , ...props }, ref)=>{
             icon: 'span',
             menuIcon: 'span'
         },
-        menuIcon: _reactUtilities.slot.optional(menuIcon, {
+        menuIcon: _reactutilities.slot.optional(menuIcon, {
             defaultProps: {
-                children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronDownRegular, null)
+                children: /*#__PURE__*/ _react.createElement(_reacticons.ChevronDownRegular, null)
             },
             renderByDefault: true,
             elementType: 'span'

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

@@ -1 +1 @@
-{"version":3,"sources":["useMenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { slot } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\n/**\n * Given user props, returns the final state for a MenuButton.\n */ export const useMenuButton_unstable = ({ menuIcon , ...props }, ref)=>{\n    const buttonState = useButton_unstable(props, ref);\n    var _props_ariaexpanded;\n    buttonState.root['aria-expanded'] = (_props_ariaexpanded = props['aria-expanded']) !== null && _props_ariaexpanded !== void 0 ? _props_ariaexpanded : false;\n    return {\n        // Button state\n        ...buttonState,\n        // State calculated from a set of props\n        iconOnly: Boolean(!props.children),\n        // Slots definition\n        components: {\n            root: 'button',\n            icon: 'span',\n            menuIcon: 'span'\n        },\n        menuIcon: slot.optional(menuIcon, {\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(ChevronDownRegular, null)\n            },\n            renderByDefault: true,\n            elementType: 'span'\n        })\n    };\n};\n"],"names":["useMenuButton_unstable","menuIcon","props","ref","buttonState","useButton_unstable","_props_ariaexpanded","root","iconOnly","Boolean","children","components","icon","slot","optional","defaultProps","React","createElement","ChevronDownRegular","renderByDefault","elementType"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;4BACY;gCACd;uBACc;AAGxB,MAAMA,yBAAyB,CAAC,EAAEC,SAAQ,EAAG,GAAGC,OAAO,EAAEC,MAAM;IACtE,MAAMC,cAAcC,IAAAA,yBAAkB,EAACH,OAAOC;IAC9C,IAAIG;IACJF,YAAYG,IAAI,CAAC,gBAAgB,GAAG,AAACD,CAAAA,sBAAsBJ,KAAK,CAAC,gBAAgB,AAAD,MAAO,IAAI,IAAII,wBAAwB,KAAK,IAAIA,sBAAsB,KAAK;IAC3J,OAAO;QACH,eAAe;QACf,GAAGF,WAAW;QACd,uCAAuC;QACvCI,UAAUC,QAAQ,CAACP,MAAMQ,QAAQ;QACjC,mBAAmB;QACnBC,YAAY;YACRJ,MAAM;YACNK,MAAM;YACNX,UAAU;QACd;QACAA,UAAUY,oBAAI,CAACC,QAAQ,CAACb,UAAU;YAC9Bc,cAAc;gBACVL,UAAU,WAAW,GAAGM,OAAMC,aAAa,CAACC,8BAAkB,EAAE,IAAI;YACxE;YACAC,iBAAiB,IAAI;YACrBC,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["useMenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { slot } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\n/**\n * Given user props, returns the final state for a MenuButton.\n */ export const useMenuButton_unstable = ({ menuIcon, ...props }, ref)=>{\n    const buttonState = useButton_unstable(props, ref);\n    var _props_ariaexpanded;\n    buttonState.root['aria-expanded'] = (_props_ariaexpanded = props['aria-expanded']) !== null && _props_ariaexpanded !== void 0 ? _props_ariaexpanded : false;\n    return {\n        // Button state\n        ...buttonState,\n        // State calculated from a set of props\n        iconOnly: Boolean(!props.children),\n        // Slots definition\n        components: {\n            root: 'button',\n            icon: 'span',\n            menuIcon: 'span'\n        },\n        menuIcon: slot.optional(menuIcon, {\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(ChevronDownRegular, null)\n            },\n            renderByDefault: true,\n            elementType: 'span'\n        })\n    };\n};\n"],"names":["useMenuButton_unstable","menuIcon","props","ref","buttonState","useButton_unstable","_props_ariaexpanded","root","iconOnly","Boolean","children","components","icon","slot","optional","defaultProps","React","createElement","ChevronDownRegular","renderByDefault","elementType"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;4BACY;gCACd;uBACc;AAGxB,MAAMA,yBAAyB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAO,EAAEC;IAC/D,MAAMC,cAAcC,IAAAA,yBAAkB,EAACH,OAAOC;IAC9C,IAAIG;IACJF,YAAYG,IAAI,CAAC,gBAAgB,GAAG,AAACD,CAAAA,sBAAsBJ,KAAK,CAAC,gBAAgB,AAAD,MAAO,QAAQI,wBAAwB,KAAK,IAAIA,sBAAsB;IACtJ,OAAO;QACH,eAAe;QACf,GAAGF,WAAW;QACd,uCAAuC;QACvCI,UAAUC,QAAQ,CAACP,MAAMQ,QAAQ;QACjC,mBAAmB;QACnBC,YAAY;YACRJ,MAAM;YACNK,MAAM;YACNX,UAAU;QACd;QACAA,UAAUY,oBAAI,CAACC,QAAQ,CAACb,UAAU;YAC9Bc,cAAc;gBACVL,UAAU,WAAW,GAAGM,OAAMC,aAAa,CAACC,8BAAkB,EAAE;YACpE;YACAC,iBAAiB;YACjBC,aAAa;QACjB;IACJ;AACJ"}

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

@@ -9,17 +9,21 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    menuButtonClassNames: ()=>menuButtonClassNames,
-    useMenuButtonStyles_unstable: ()=>useMenuButtonStyles_unstable
+    menuButtonClassNames: function() {
+        return menuButtonClassNames;
+    },
+    useMenuButtonStyles_unstable: function() {
+        return useMenuButtonStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
-const _useButtonStylesStyles = require("../Button/useButtonStyles.styles");
+const _useButtonStylesstyles = require("../Button/useButtonStyles.styles");
 const menuButtonClassNames = {
     root: 'fui-MenuButton',
     icon: 'fui-MenuButton__icon',
     menuIcon: 'fui-MenuButton__menuIcon'
 };
-const useRootExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useRootExpandedStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         D0sxk3: "fxoiby5",
         t6yez3: "f15q0o9g"
@@ -93,7 +97,7 @@ const useRootExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
     ]
 });
-const useIconExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useIconExpandedStyles = /*#__PURE__*/ (0, _react.__styles)({
     outline: {
         sj55zd: "f14nttnl"
     },
@@ -124,7 +128,7 @@ const useIconExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ]
     ]
 });
-const useMenuIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useMenuIconStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bg96gwp: "fez10in"
     },
@@ -178,7 +182,7 @@ 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, _useButtonStylesStyles.useButtonStyles_unstable)({
+    (0, _useButtonStylesstyles.useButtonStyles_unstable)({
         ...state,
         iconPosition: 'before'
     });

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

@@ -1 +1 @@
-{"version":3,"sources":["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  highContrast: {\n    ze5xyy: \"fqyhrn0\"\n  }\n}, {\n  d: [\".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"],\n  m: [[\"@media (forced-colors: active){.fqyhrn0:hover{color:Canvas;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\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] && iconExpandedStyles.highContrast, 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","highContrast","ze5xyy","m","useMenuIconStyles","Bg96gwp","small","Be2twd7","Bqenvij","a9b677","medium","large","notIconOnly","Frg6f3","state","rootExpandedStyles","iconExpandedStyles","menuIconStyles","className","mergeClasses","appearance","size","iconOnly","useButtonStyles_unstable","iconPosition"],"mappings":"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"}
+{"version":3,"sources":["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  highContrast: {\n    ze5xyy: \"fqyhrn0\"\n  }\n}, {\n  d: [\".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"],\n  m: [[\"@media (forced-colors: active){.fqyhrn0:hover{color:Canvas;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\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] && iconExpandedStyles.highContrast, 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","highContrast","ze5xyy","m","useMenuIconStyles","Bg96gwp","small","Be2twd7","Bqenvij","a9b677","medium","large","notIconOnly","Frg6f3","state","rootExpandedStyles","iconExpandedStyles","menuIconStyles","className","mergeClasses","appearance","size","iconOnly","useButtonStyles_unstable","iconPosition"],"mappings":"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"}

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SplitButton", {
     enumerable: true,
-    get: ()=>SplitButton
+    get: function() {
+        return SplitButton;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _renderSplitButton = require("./renderSplitButton");
 const _useSplitButton = require("./useSplitButton");
-const _useSplitButtonStylesStyles = require("./useSplitButtonStyles.styles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+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, _useSplitButtonStylesStyles.useSplitButtonStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useSplitButtonStyles_unstable')(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":["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 */ export 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});\nSplitButton.displayName = 'SplitButton';\n"],"names":["SplitButton","React","forwardRef","props","ref","state","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyleHook_unstable","renderSplitButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;mCACoB;gCACH;4CACM;qCACF;AAIjC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACxE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9BG,IAAAA,gDAA2B,EAAC,iCAAiCH;IAC7D,OAAOI,IAAAA,6CAA0B,EAACJ;AACtC,0FAA0F;AAC1F;AACAL,YAAYU,WAAW,GAAG"}
+{"version":3,"sources":["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 */ export 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});\nSplitButton.displayName = 'SplitButton';\n"],"names":["SplitButton","React","forwardRef","props","ref","state","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyleHook_unstable","renderSplitButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;mCACoB;gCACH;4CACM;qCACF;AAIjC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9BG,IAAAA,gDAA2B,EAAC,iCAAiCH;IAC7D,OAAOI,IAAAA,6CAA0B,EAACJ;AACtC,0FAA0F;AAC1F;AACAL,YAAYU,WAAW,GAAG"}

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

@@ -9,12 +9,16 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    splitButtonClassNames: ()=>_useSplitButtonStylesStyles.splitButtonClassNames,
-    useSplitButtonStyles_unstable: ()=>_useSplitButtonStylesStyles.useSplitButtonStyles_unstable
+    splitButtonClassNames: function() {
+        return _useSplitButtonStylesstyles.splitButtonClassNames;
+    },
+    useSplitButtonStyles_unstable: function() {
+        return _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 _useSplitButtonStylesStyles = require("./useSplitButtonStyles.styles");
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./SplitButton"), exports);
+_export_star._(require("./SplitButton.types"), exports);
+_export_star._(require("./renderSplitButton"), exports);
+_export_star._(require("./useSplitButton"), exports);
+const _useSplitButtonStylesstyles = require("./useSplitButtonStyles.styles");

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './SplitButton';\nexport * from './SplitButton.types';\nexport * from './renderSplitButton';\nexport * from './useSplitButton';\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\n"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,qBAAqB,MAArBA,iDAAqB;IAAEC,6BAA6B,MAA7BA,yDAA6B;;;oBAJ/C;oBACA;oBACA;oBACA;4CACuD"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './SplitButton';\nexport * from './SplitButton.types';\nexport * from './renderSplitButton';\nexport * from './useSplitButton';\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\n"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,qBAAqB;eAArBA,iDAAqB;;IAAEC,6BAA6B;eAA7BA,yDAA6B;;;;uBAJ/C;uBACA;uBACA;uBACA;4CACuD"}

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

@@ -1,14 +1,21 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderSplitButton_unstable", {
     enumerable: true,
-    get: ()=>renderSplitButton_unstable
+    get: function() {
+        return renderSplitButton_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderSplitButton_unstable = (state)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.primaryActionButton && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.primaryActionButton, null), state.menuButton && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.menuButton, null));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.primaryActionButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.primaryActionButton, {}),
+            state.menuButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuButton, {})
+        ]
+    });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderSplitButton.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Renders a SplitButton component by passing the state defined props to the appropriate slots.\n */ export const renderSplitButton_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, state.primaryActionButton && /*#__PURE__*/ createElement(state.primaryActionButton, null), state.menuButton && /*#__PURE__*/ createElement(state.menuButton, null));\n};\n"],"names":["renderSplitButton_unstable","state","assertSlots","createElement","root","primaryActionButton","menuButton"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,6BAA6B,CAACC,QAAQ;IACnDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAEH,MAAMI,mBAAmB,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACF,MAAMI,mBAAmB,EAAE,IAAI,GAAGJ,MAAMK,UAAU,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMK,UAAU,EAAE,IAAI;AAC1N"}
+{"version":3,"sources":["renderSplitButton.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Renders a SplitButton component by passing the state defined props to the appropriate slots.\n */ export const renderSplitButton_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.primaryActionButton && /*#__PURE__*/ _jsx(state.primaryActionButton, {}),\n            state.menuButton && /*#__PURE__*/ _jsx(state.menuButton, {})\n        ]\n    });\n};\n"],"names":["renderSplitButton_unstable","state","assertSlots","_jsxs","root","children","primaryActionButton","_jsx","menuButton"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,6BAA6B,CAACC;IAC3CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,mBAAmB,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,mBAAmB,EAAE,CAAC;YAC5EL,MAAMO,UAAU,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACN,MAAMO,UAAU,EAAE,CAAC;SAC7D;IACL;AACJ"}

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

@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useSplitButton_unstable", {
     enumerable: true,
-    get: ()=>useSplitButton_unstable
+    get: function() {
+        return useSplitButton_unstable;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _button = require("../Button/Button");
-const _menuButton = require("../MenuButton/MenuButton");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _Button = require("../Button/Button");
+const _MenuButton = require("../MenuButton/MenuButton");
 const useSplitButton_unstable = (props, ref)=>{
-    const { appearance ='secondary' , children , disabled =false , disabledFocusable =false , icon , iconPosition ='before' , menuButton , menuIcon , primaryActionButton , shape ='rounded' , size ='medium'  } = props;
-    const baseId = (0, _reactUtilities.useId)('splitButton-');
-    const menuButtonShorthand = _reactUtilities.slot.optional(menuButton, {
+    const { appearance = 'secondary', children, disabled = false, disabledFocusable = false, icon, iconPosition = 'before', menuButton, menuIcon, primaryActionButton, shape = 'rounded', size = 'medium' } = props;
+    const baseId = (0, _reactutilities.useId)('splitButton-');
+    const menuButtonShorthand = _reactutilities.slot.optional(menuButton, {
         defaultProps: {
             appearance,
             disabled,
@@ -24,9 +26,9 @@ const useSplitButton_unstable = (props, ref)=>{
             size
         },
         renderByDefault: true,
-        elementType: _menuButton.MenuButton
+        elementType: _MenuButton.MenuButton
     });
-    const primaryActionButtonShorthand = _reactUtilities.slot.optional(primaryActionButton, {
+    const primaryActionButtonShorthand = _reactutilities.slot.optional(primaryActionButton, {
         defaultProps: {
             appearance,
             children,
@@ -39,7 +41,7 @@ const useSplitButton_unstable = (props, ref)=>{
             size
         },
         renderByDefault: true,
-        elementType: _button.Button
+        elementType: _Button.Button
     }); // Resolve menu button's aria-labelledby to be labelled by the primary action button if not a label was not provided
     // by the user.
     if (menuButtonShorthand && primaryActionButtonShorthand && !menuButtonShorthand['aria-label'] && !menuButtonShorthand['aria-labelledby']) {
@@ -55,10 +57,10 @@ const useSplitButton_unstable = (props, ref)=>{
         size,
         components: {
             root: 'div',
-            menuButton: _menuButton.MenuButton,
-            primaryActionButton: _button.Button
+            menuButton: _MenuButton.MenuButton,
+            primaryActionButton: _Button.Button
         },
-        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
+        root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
             ref,
             ...props
         }), {

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

@@ -1 +1 @@
-{"version":3,"sources":["useSplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\n/**\n * Given user props, defines default props for the SplitButton and returns processed state.\n * @param props - User provided props to the SplitButton component.\n * @param ref - User provided ref to be passed to the SplitButton component.\n */ export const useSplitButton_unstable = (props, ref)=>{\n    const { appearance ='secondary' , children , disabled =false , disabledFocusable =false , icon , iconPosition ='before' , menuButton , menuIcon , primaryActionButton , shape ='rounded' , size ='medium'  } = props;\n    const baseId = useId('splitButton-');\n    const menuButtonShorthand = slot.optional(menuButton, {\n        defaultProps: {\n            appearance,\n            disabled,\n            disabledFocusable,\n            menuIcon,\n            shape,\n            size\n        },\n        renderByDefault: true,\n        elementType: MenuButton\n    });\n    const primaryActionButtonShorthand = slot.optional(primaryActionButton, {\n        defaultProps: {\n            appearance,\n            children,\n            disabled,\n            disabledFocusable,\n            icon,\n            iconPosition,\n            id: baseId + '__primaryActionButton',\n            shape,\n            size\n        },\n        renderByDefault: true,\n        elementType: Button\n    }); // Resolve menu button's aria-labelledby to be labelled by the primary action button if not a label was not provided\n    // by the user.\n    if (menuButtonShorthand && primaryActionButtonShorthand && !menuButtonShorthand['aria-label'] && !menuButtonShorthand['aria-labelledby']) {\n        menuButtonShorthand['aria-labelledby'] = primaryActionButtonShorthand.id;\n    }\n    return {\n        // Props passed at the top-level\n        appearance,\n        disabled,\n        disabledFocusable,\n        iconPosition,\n        shape,\n        size,\n        components: {\n            root: 'div',\n            menuButton: MenuButton,\n            primaryActionButton: Button\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        menuButton: menuButtonShorthand,\n        primaryActionButton: primaryActionButtonShorthand\n    };\n};\n"],"names":["useSplitButton_unstable","props","ref","appearance","children","disabled","disabledFocusable","icon","iconPosition","menuButton","menuIcon","primaryActionButton","shape","size","baseId","useId","menuButtonShorthand","slot","optional","defaultProps","renderByDefault","elementType","MenuButton","primaryActionButtonShorthand","id","Button","components","root","always","getNativeElementProps"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;gCAC4B;wBAC5B;4BACI;AAKhB,MAAMA,0BAA0B,CAACC,OAAOC,MAAM;IACrD,MAAM,EAAEC,YAAY,YAAW,EAAGC,SAAQ,EAAGC,UAAU,KAAK,CAAA,EAAGC,mBAAmB,KAAK,CAAA,EAAGC,KAAI,EAAGC,cAAc,SAAQ,EAAGC,WAAU,EAAGC,SAAQ,EAAGC,oBAAmB,EAAGC,OAAO,UAAS,EAAGC,MAAM,SAAQ,EAAG,GAAGZ;IAC/M,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMC,sBAAsBC,oBAAI,CAACC,QAAQ,CAACT,YAAY;QAClDU,cAAc;YACVhB;YACAE;YACAC;YACAI;YACAE;YACAC;QACJ;QACAO,iBAAiB,IAAI;QACrBC,aAAaC,sBAAU;IAC3B;IACA,MAAMC,+BAA+BN,oBAAI,CAACC,QAAQ,CAACP,qBAAqB;QACpEQ,cAAc;YACVhB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAgB,IAAIV,SAAS;YACbF;YACAC;QACJ;QACAO,iBAAiB,IAAI;QACrBC,aAAaI,cAAM;IACvB,IAAI,oHAAoH;IACxH,eAAe;IACf,IAAIT,uBAAuBO,gCAAgC,CAACP,mBAAmB,CAAC,aAAa,IAAI,CAACA,mBAAmB,CAAC,kBAAkB,EAAE;QACtIA,mBAAmB,CAAC,kBAAkB,GAAGO,6BAA6BC,EAAE;IAC5E,CAAC;IACD,OAAO;QACH,gCAAgC;QAChCrB;QACAE;QACAC;QACAE;QACAI;QACAC;QACAa,YAAY;YACRC,MAAM;YACNlB,YAAYa,sBAAU;YACtBX,qBAAqBc,cAAM;QAC/B;QACAE,MAAMV,oBAAI,CAACW,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3C3B;YACA,GAAGD,KAAK;QACZ,IAAI;YACAoB,aAAa;QACjB;QACAZ,YAAYO;QACZL,qBAAqBY;IACzB;AACJ"}
+{"version":3,"sources":["useSplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\n/**\n * Given user props, defines default props for the SplitButton and returns processed state.\n * @param props - User provided props to the SplitButton component.\n * @param ref - User provided ref to be passed to the SplitButton component.\n */ export const useSplitButton_unstable = (props, ref)=>{\n    const { appearance = 'secondary', children, disabled = false, disabledFocusable = false, icon, iconPosition = 'before', menuButton, menuIcon, primaryActionButton, shape = 'rounded', size = 'medium' } = props;\n    const baseId = useId('splitButton-');\n    const menuButtonShorthand = slot.optional(menuButton, {\n        defaultProps: {\n            appearance,\n            disabled,\n            disabledFocusable,\n            menuIcon,\n            shape,\n            size\n        },\n        renderByDefault: true,\n        elementType: MenuButton\n    });\n    const primaryActionButtonShorthand = slot.optional(primaryActionButton, {\n        defaultProps: {\n            appearance,\n            children,\n            disabled,\n            disabledFocusable,\n            icon,\n            iconPosition,\n            id: baseId + '__primaryActionButton',\n            shape,\n            size\n        },\n        renderByDefault: true,\n        elementType: Button\n    }); // Resolve menu button's aria-labelledby to be labelled by the primary action button if not a label was not provided\n    // by the user.\n    if (menuButtonShorthand && primaryActionButtonShorthand && !menuButtonShorthand['aria-label'] && !menuButtonShorthand['aria-labelledby']) {\n        menuButtonShorthand['aria-labelledby'] = primaryActionButtonShorthand.id;\n    }\n    return {\n        // Props passed at the top-level\n        appearance,\n        disabled,\n        disabledFocusable,\n        iconPosition,\n        shape,\n        size,\n        components: {\n            root: 'div',\n            menuButton: MenuButton,\n            primaryActionButton: Button\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        menuButton: menuButtonShorthand,\n        primaryActionButton: primaryActionButtonShorthand\n    };\n};\n"],"names":["useSplitButton_unstable","props","ref","appearance","children","disabled","disabledFocusable","icon","iconPosition","menuButton","menuIcon","primaryActionButton","shape","size","baseId","useId","menuButtonShorthand","slot","optional","defaultProps","renderByDefault","elementType","MenuButton","primaryActionButtonShorthand","id","Button","components","root","always","getNativeElementProps"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;gCAC4B;wBAC5B;4BACI;AAKhB,MAAMA,0BAA0B,CAACC,OAAOC;IAC/C,MAAM,EAAEC,aAAa,WAAW,EAAEC,QAAQ,EAAEC,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEC,IAAI,EAAEC,eAAe,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,mBAAmB,EAAEC,QAAQ,SAAS,EAAEC,OAAO,QAAQ,EAAE,GAAGZ;IAC1M,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMC,sBAAsBC,oBAAI,CAACC,QAAQ,CAACT,YAAY;QAClDU,cAAc;YACVhB;YACAE;YACAC;YACAI;YACAE;YACAC;QACJ;QACAO,iBAAiB;QACjBC,aAAaC,sBAAU;IAC3B;IACA,MAAMC,+BAA+BN,oBAAI,CAACC,QAAQ,CAACP,qBAAqB;QACpEQ,cAAc;YACVhB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAgB,IAAIV,SAAS;YACbF;YACAC;QACJ;QACAO,iBAAiB;QACjBC,aAAaI,cAAM;IACvB,IAAI,oHAAoH;IACxH,eAAe;IACf,IAAIT,uBAAuBO,gCAAgC,CAACP,mBAAmB,CAAC,aAAa,IAAI,CAACA,mBAAmB,CAAC,kBAAkB,EAAE;QACtIA,mBAAmB,CAAC,kBAAkB,GAAGO,6BAA6BC,EAAE;IAC5E;IACA,OAAO;QACH,gCAAgC;QAChCrB;QACAE;QACAC;QACAE;QACAI;QACAC;QACAa,YAAY;YACRC,MAAM;YACNlB,YAAYa,sBAAU;YACtBX,qBAAqBc,cAAM;QAC/B;QACAE,MAAMV,oBAAI,CAACW,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3C3B;YACA,GAAGD,KAAK;QACZ,IAAI;YACAoB,aAAa;QACjB;QACAZ,YAAYO;QACZL,qBAAqBY;IACzB;AACJ"}

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

@@ -9,8 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    splitButtonClassNames: ()=>splitButtonClassNames,
-    useSplitButtonStyles_unstable: ()=>useSplitButtonStyles_unstable
+    splitButtonClassNames: function() {
+        return splitButtonClassNames;
+    },
+    useSplitButtonStyles_unstable: function() {
+        return useSplitButtonStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
 const splitButtonClassNames = {
@@ -18,7 +22,7 @@ const splitButtonClassNames = {
     menuButton: 'fui-SplitButton__menuButton',
     primaryActionButton: 'fui-SplitButton__primaryActionButton'
 };
-const useFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useFocusStyles = /*#__PURE__*/ (0, _react.__styles)({
     primaryActionButton: {
         B6xbmo0: [
             "f1x37qnr",
@@ -53,7 +57,7 @@ const useFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1rgcpbv[data-fui-focus-visible]{border-right-width:0;}"
     ]
 });
-const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         mc9l5x: "ftuwxu6",
         Brf1p80: "fsxf2b5",
@@ -248,7 +252,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
 const useSplitButtonStyles_unstable = (state)=>{
     const rootStyles = useRootStyles();
     const focusStyles = useFocusStyles();
-    const { appearance , disabled , disabledFocusable  } = state;
+    const { appearance, disabled, disabledFocusable } = state;
     state.root.className = (0, _react.mergeClasses)(splitButtonClassNames.root, rootStyles.base, appearance && rootStyles[appearance], (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast, state.root.className);
     if (state.menuButton) {
         state.menuButton.className = (0, _react.mergeClasses)(splitButtonClassNames.menuButton, focusStyles.menuButton, state.menuButton.className);

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

@@ -1 +1 @@
-{"version":3,"sources":["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: [\"f4rm5b0\", \"f1tuwo13\"],\n    lcnrd8: [\"fdwdeeo\", \"f1ezdslh\"],\n    Brbpp8k: [\"fckzjn8\", \"f8ohr2i\"],\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:inline-flex;}\", \".fsxf2b5{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;}\", \".f4rm5b0 .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeOnBrand);}\", \".f1tuwo13 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeOnBrand);}\", \".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: [\".fdwdeeo:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeOnBrand);}\", \".f1ezdslh:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeOnBrand);}\", \".fckzjn8:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeOnBrand);}\", \".f8ohr2i:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeOnBrand);}\", \".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){.f1m2s8ie:hover .fui-SplitButton__primaryActionButton{border-left-color:Highlight;}.f3jppgx:hover .fui-SplitButton__primaryActionButton{border-right-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){.f13tct40 .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}.fj2q5vi .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f179dhpp:hover .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}.fb2mzc7:hover .fui-SplitButton__primaryActionButton{border-right-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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"}
+{"version":3,"sources":["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: [\"f4rm5b0\", \"f1tuwo13\"],\n    lcnrd8: [\"fdwdeeo\", \"f1ezdslh\"],\n    Brbpp8k: [\"fckzjn8\", \"f8ohr2i\"],\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:inline-flex;}\", \".fsxf2b5{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;}\", \".f4rm5b0 .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeOnBrand);}\", \".f1tuwo13 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeOnBrand);}\", \".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: [\".fdwdeeo:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeOnBrand);}\", \".f1ezdslh:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeOnBrand);}\", \".fckzjn8:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeOnBrand);}\", \".f8ohr2i:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeOnBrand);}\", \".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){.f1m2s8ie:hover .fui-SplitButton__primaryActionButton{border-left-color:Highlight;}.f3jppgx:hover .fui-SplitButton__primaryActionButton{border-right-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){.f13tct40 .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}.fj2q5vi .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f179dhpp:hover .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}.fb2mzc7:hover .fui-SplitButton__primaryActionButton{border-right-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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"}