@fluentui/react-button 9.7.1 → 9.72.9-experimental.component-base-hooks.20260122-49fc330360.0

package/lib-commonjs/index.js

@@ -57,6 +57,9 @@ _export(exports, {
     toggleButtonClassNames: function() {
         return _ToggleButton.toggleButtonClassNames;
     },
+    useButtonBase_unstable: function() {
+        return _Button.useButtonBase_unstable;
+    },
     useButtonContext: function() {
         return _index1.useButtonContext;
     },
@@ -66,24 +69,36 @@ _export(exports, {
     useButton_unstable: function() {
         return _Button.useButton_unstable;
     },
+    useCompoundButtonBase_unstable: function() {
+        return _CompoundButton.useCompoundButtonBase_unstable;
+    },
     useCompoundButtonStyles_unstable: function() {
         return _CompoundButton.useCompoundButtonStyles_unstable;
     },
     useCompoundButton_unstable: function() {
         return _CompoundButton.useCompoundButton_unstable;
     },
+    useMenuButtonBase_unstable: function() {
+        return _MenuButton.useMenuButtonBase_unstable;
+    },
     useMenuButtonStyles_unstable: function() {
         return _MenuButton.useMenuButtonStyles_unstable;
     },
     useMenuButton_unstable: function() {
         return _MenuButton.useMenuButton_unstable;
     },
+    useSplitButtonBase_unstable: function() {
+        return _SplitButton.useSplitButtonBase_unstable;
+    },
     useSplitButtonStyles_unstable: function() {
         return _SplitButton.useSplitButtonStyles_unstable;
     },
     useSplitButton_unstable: function() {
         return _SplitButton.useSplitButton_unstable;
     },
+    useToggleButtonBase_unstable: function() {
+        return _ToggleButton.useToggleButtonBase_unstable;
+    },
     useToggleButtonStyles_unstable: function() {
         return _ToggleButton.useToggleButtonStyles_unstable;
     },

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Button,\n  buttonClassNames,\n  renderButton_unstable,\n  useButtonStyles_unstable,\n  useButton_unstable,\n} from './Button';\nexport type { ButtonProps, ButtonSlots, ButtonState } from './Button';\nexport {\n  CompoundButton,\n  compoundButtonClassNames,\n  renderCompoundButton_unstable,\n  useCompoundButtonStyles_unstable,\n  useCompoundButton_unstable,\n} from './CompoundButton';\nexport type { CompoundButtonProps, CompoundButtonSlots, CompoundButtonState } from './CompoundButton';\nexport {\n  MenuButton,\n  menuButtonClassNames,\n  renderMenuButton_unstable,\n  useMenuButtonStyles_unstable,\n  useMenuButton_unstable,\n} from './MenuButton';\nexport type { MenuButtonProps, MenuButtonSlots, MenuButtonState } from './MenuButton';\nexport {\n  SplitButton,\n  renderSplitButton_unstable,\n  splitButtonClassNames,\n  useSplitButtonStyles_unstable,\n  useSplitButton_unstable,\n} from './SplitButton';\nexport type { SplitButtonProps, SplitButtonSlots, SplitButtonState } from './SplitButton';\nexport {\n  ToggleButton,\n  renderToggleButton_unstable,\n  toggleButtonClassNames,\n  useToggleButtonStyles_unstable,\n  useToggleButton_unstable,\n} from './ToggleButton';\nexport type { ToggleButtonProps, ToggleButtonState } from './ToggleButton';\n\nexport { useToggleState } from './utils/index';\n\nexport { ButtonContextProvider, useButtonContext } from './contexts/index';\nexport type { ButtonContextValue } from './contexts/index';\n"],"names":["Button","buttonClassNames","renderButton_unstable","useButtonStyles_unstable","useButton_unstable","CompoundButton","compoundButtonClassNames","renderCompoundButton_unstable","useCompoundButtonStyles_unstable","useCompoundButton_unstable","MenuButton","menuButtonClassNames","renderMenuButton_unstable","useMenuButtonStyles_unstable","useMenuButton_unstable","SplitButton","renderSplitButton_unstable","splitButtonClassNames","useSplitButtonStyles_unstable","useSplitButton_unstable","ToggleButton","renderToggleButton_unstable","toggleButtonClassNames","useToggleButtonStyles_unstable","useToggleButton_unstable","useToggleState","ButtonContextProvider","useButtonContext"],"mappings":";;;;;;;;;;;IACEA,MAAM;;;;eA0CC0B,6BAAqB;;;eAlC5BrB,8BAAc;;;eAQdK,sBAAU;;eAQC;eAAXK;;gBAQY;eAAZK;;;eA/BAnB,wBAAgB;;;eAQhBK,wCAAwB;;wBAQJ;eAApBK;;;eAfAT,6BAAqB;;iCAQQ;eAA7BK;;6BAQyB;eAAzBK;;;eAOAI,uCAA0B;;;eAQ1BK,yCAA2B;;;eAP3BJ,kCAAqB;;;eAQrBK,oCAAsB;;IAQQK;uCAAgB;;;eAvC9CxB,gCAAwB;;;eACxBC,0BAAkB;;;eAOlBI,gDAAgC;;;eAChCC,0CAA0B;;;eAO1BI,wCAA4B;;;eAC5BC,kCAAsB;;;eAOtBI,0CAA6B;;;eAC7BC,oCAAuB;;IAOvBI;2DAA8B;;;eAC9BC,sCAAwB;;;eAIjBC,qBAAc;;;wBAnChB,WAAW;gCAQX,mBAAmB;4BAQnB,eAAe;6BAQf,gBAAgB;8BAQhB,iBAAiB;uBAGO,gBAAgB;wBAES,mBAAmB"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Button,\n  buttonClassNames,\n  renderButton_unstable,\n  useButtonStyles_unstable,\n  useButton_unstable,\n} from './Button';\nexport type { ButtonProps, ButtonSlots, ButtonState } from './Button';\nexport {\n  CompoundButton,\n  compoundButtonClassNames,\n  renderCompoundButton_unstable,\n  useCompoundButtonStyles_unstable,\n  useCompoundButton_unstable,\n} from './CompoundButton';\nexport type { CompoundButtonProps, CompoundButtonSlots, CompoundButtonState } from './CompoundButton';\nexport {\n  MenuButton,\n  menuButtonClassNames,\n  renderMenuButton_unstable,\n  useMenuButtonStyles_unstable,\n  useMenuButton_unstable,\n} from './MenuButton';\nexport type { MenuButtonProps, MenuButtonSlots, MenuButtonState } from './MenuButton';\nexport {\n  SplitButton,\n  renderSplitButton_unstable,\n  splitButtonClassNames,\n  useSplitButtonStyles_unstable,\n  useSplitButton_unstable,\n} from './SplitButton';\nexport type { SplitButtonProps, SplitButtonSlots, SplitButtonState } from './SplitButton';\nexport {\n  ToggleButton,\n  renderToggleButton_unstable,\n  toggleButtonClassNames,\n  useToggleButtonStyles_unstable,\n  useToggleButton_unstable,\n} from './ToggleButton';\nexport type { ToggleButtonProps, ToggleButtonState } from './ToggleButton';\n\nexport { useToggleState } from './utils/index';\n\nexport { ButtonContextProvider, useButtonContext } from './contexts/index';\nexport type { ButtonContextValue } from './contexts/index';\n\n// Experimental APIs - will be uncommented in the experimental release branch\nexport { useButtonBase_unstable } from './Button';\nexport type { ButtonBaseProps, ButtonBaseState } from './Button';\nexport { useCompoundButtonBase_unstable } from './CompoundButton';\nexport type { CompoundButtonBaseProps, CompoundButtonBaseState } from './CompoundButton';\nexport { useMenuButtonBase_unstable } from './MenuButton';\nexport type { MenuButtonBaseProps, MenuButtonBaseState } from './MenuButton';\nexport { useSplitButtonBase_unstable } from './SplitButton';\nexport type { SplitButtonBaseProps, SplitButtonBaseState } from './SplitButton';\nexport { useToggleButtonBase_unstable } from './ToggleButton';\nexport type { ToggleButtonBaseProps, ToggleButtonBaseState } from './ToggleButton';\n"],"names":["Button","buttonClassNames","renderButton_unstable","useButtonStyles_unstable","useButton_unstable","CompoundButton","compoundButtonClassNames","renderCompoundButton_unstable","useCompoundButtonStyles_unstable","useCompoundButton_unstable","MenuButton","menuButtonClassNames","renderMenuButton_unstable","useMenuButtonStyles_unstable","useMenuButton_unstable","SplitButton","renderSplitButton_unstable","splitButtonClassNames","useSplitButtonStyles_unstable","useSplitButton_unstable","ToggleButton","renderToggleButton_unstable","toggleButtonClassNames","useToggleButtonStyles_unstable","useToggleButton_unstable","useToggleState","ButtonContextProvider","useButtonContext","useButtonBase_unstable","useCompoundButtonBase_unstable","useMenuButtonBase_unstable","useSplitButtonBase_unstable","useToggleButtonBase_unstable"],"mappings":";;;;;;;;;;;IACEA,MAAM;;;;eA0CC0B,6BAAqB;;;eAlC5BrB,8BAAc;;;eAQdK,sBAAU;;IAQVK,WAAW;;;;eAQXK,0BAAY;;;eA/BZnB,wBAAgB;;;eAQhBK,wCAAwB;;;eAQxBK,gCAAoB;;;eAfpBT,6BAAqB;;iCAQQ;eAA7BK;;;eAQAK,qCAAyB;;IAOzBI,0BAA0B;;;;eAQ1BK,yCAA2B;;;eAP3BJ,kCAAqB;;0BAQC;eAAtBK;;;eAYOM,8BAAsB,QAAQ,WAAW;;;eAJlBD,wBAAgB;;;eAvC9CxB,gCAAwB;;;eACxBC,0BAAkB;;kCA4CmB,QAAQ,mBAAmB;eAAzDyB;;;eArCPrB,gDAAgC;;;eAChCC,0CAA0B;;;eAsCnBqB,sCAA0B,QAAQ,eAAe;;;eA/BxDjB,wCAA4B;;IAC5BC;iDAAsB;;+BAgCY,QAAQ,gBAAgB;eAAnDiB;;;eAzBPb,0CAA6B;;;eAC7BC,oCAAuB;;;eA0BhBa,0CAA4B,QAAQ,iBAAiB;;;eAnB5DT,4CAA8B;;4BACN;eAAxBC;;;eAIOC,qBAAc;;;wBAnChB,WAAW;gCAQX,mBAAmB;4BAQnB,eAAe;6BAQf,gBAAgB;8BAQhB,iBAAiB;uBAGO,gBAAgB;wBAES,mBAAmB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-button",
-  "version": "9.7.1",
+  "version": "9.72.9-experimental.component-base-hooks.20260122-49fc330360.0",
   "description": "Fluent UI React Button component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -11,22 +11,15 @@
     "url": "https://github.com/microsoft/fluentui"
   },
   "license": "MIT",
-  "devDependencies": {
-    "@fluentui/a11y-testing": "*",
-    "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "*",
-    "@fluentui/scripts-api-extractor": "*"
-  },
   "dependencies": {
-    "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-aria": "^9.17.7",
+    "@fluentui/keyboard-keys": "9.72.9-experimental.component-base-hooks.20260122-49fc330360.0",
+    "@fluentui/react-aria": "9.72.9-experimental.component-base-hooks.20260122-49fc330360.0",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.3.4",
-    "@fluentui/react-shared-contexts": "^9.26.0",
-    "@fluentui/react-tabster": "^9.26.11",
-    "@fluentui/react-theme": "^9.2.0",
-    "@fluentui/react-utilities": "^9.26.0",
+    "@fluentui/react-jsx-runtime": "9.72.9-experimental.component-base-hooks.20260122-49fc330360.0",
+    "@fluentui/react-shared-contexts": "9.72.9-experimental.component-base-hooks.20260122-49fc330360.0",
+    "@fluentui/react-tabster": "9.72.9-experimental.component-base-hooks.20260122-49fc330360.0",
+    "@fluentui/react-theme": "9.72.9-experimental.component-base-hooks.20260122-49fc330360.0",
+    "@fluentui/react-utilities": "9.72.9-experimental.component-base-hooks.20260122-49fc330360.0",
     "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
@@ -36,12 +29,7 @@
     "react": ">=16.14.0 <20.0.0",
     "react-dom": ">=16.14.0 <20.0.0"
   },
-  "beachball": {
-    "disallowedChangeTypes": [
-      "major",
-      "prerelease"
-    ]
-  },
+  "beachball": {},
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

package/lib/components/Button/useButtonStyles.styles.headless.js

@@ -1,36 +0,0 @@
-'use client';
-export const buttonClassNames = {
-    root: 'fui-Button',
-    icon: 'fui-Button__icon'
-};
-/**
- * Attaches only semantic slot class names and state modifiers
- */ export const useButtonStyles_unstable = (state)=>{
-    'use no memo';
-    const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;
-    state.root.className = [
-        buttonClassNames.root,
-        // Appearance
-        appearance && `${buttonClassNames.root}--${appearance}`,
-        // Size
-        `${buttonClassNames.root}--${size}`,
-        // Shape
-        `${buttonClassNames.root}--${shape}`,
-        // Disabled styles
-        disabled && `${buttonClassNames.root}--disabled`,
-        disabledFocusable && `${buttonClassNames.root}--disabledFocusable`,
-        // Icon styles
-        icon && iconPosition === 'before' && `${buttonClassNames.root}--iconBefore`,
-        icon && iconPosition === 'after' && `${buttonClassNames.root}--iconAfter`,
-        iconOnly && `${buttonClassNames.root}--iconOnly`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.icon) {
-        state.icon.className = [
-            buttonClassNames.icon,
-            state.icon.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Button/useButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\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\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useButtonStyles_unstable = (state: ButtonState): ButtonState => {\n  'use no memo';\n\n  const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;\n\n  state.root.className = [\n    buttonClassNames.root,\n\n    // Appearance\n    appearance && `${buttonClassNames.root}--${appearance}`,\n\n    // Size\n    `${buttonClassNames.root}--${size}`,\n\n    // Shape\n    `${buttonClassNames.root}--${shape}`,\n\n    // Disabled styles\n    disabled && `${buttonClassNames.root}--disabled`,\n    disabledFocusable && `${buttonClassNames.root}--disabledFocusable`,\n\n    // Icon styles\n    icon && iconPosition === 'before' && `${buttonClassNames.root}--iconBefore`,\n    icon && iconPosition === 'after' && `${buttonClassNames.root}--iconAfter`,\n    iconOnly && `${buttonClassNames.root}--iconOnly`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.icon) {\n    state.icon.className = [buttonClassNames.icon, state.icon.className].filter(Boolean).join(' ');\n  }\n\n  return state;\n};\n"],"names":["buttonClassNames","root","icon","useButtonStyles_unstable","state","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","filter","Boolean","join"],"mappings":"AAAA;AAKA,OAAO,MAAMA,mBAAgD;IAC3DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvC;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEL,IAAI,EAAEM,QAAQ,EAAEC,YAAY,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGP;IAE/FA,MAAMH,IAAI,CAACW,SAAS,GAAG;QACrBZ,iBAAiBC,IAAI;QAErB,aAAa;QACbI,cAAc,GAAGL,iBAAiBC,IAAI,CAAC,EAAE,EAAEI,YAAY;QAEvD,OAAO;QACP,GAAGL,iBAAiBC,IAAI,CAAC,EAAE,EAAEU,MAAM;QAEnC,QAAQ;QACR,GAAGX,iBAAiBC,IAAI,CAAC,EAAE,EAAES,OAAO;QAEpC,kBAAkB;QAClBJ,YAAY,GAAGN,iBAAiBC,IAAI,CAAC,UAAU,CAAC;QAChDM,qBAAqB,GAAGP,iBAAiBC,IAAI,CAAC,mBAAmB,CAAC;QAElE,cAAc;QACdC,QAAQO,iBAAiB,YAAY,GAAGT,iBAAiBC,IAAI,CAAC,YAAY,CAAC;QAC3EC,QAAQO,iBAAiB,WAAW,GAAGT,iBAAiBC,IAAI,CAAC,WAAW,CAAC;QACzEO,YAAY,GAAGR,iBAAiBC,IAAI,CAAC,UAAU,CAAC;QAEhD,2BAA2B;QAC3BG,MAAMH,IAAI,CAACW,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMF,IAAI,EAAE;QACdE,MAAMF,IAAI,CAACU,SAAS,GAAG;YAACZ,iBAAiBE,IAAI;YAAEE,MAAMF,IAAI,CAACU,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IAC5F;IAEA,OAAOX;AACT,EAAE"}

package/lib/components/Button/useButtonStyles.styles.raw.headless.js

@@ -1,36 +0,0 @@
-'use client';
-export const buttonClassNames = {
-    root: 'fui-Button',
-    icon: 'fui-Button__icon'
-};
-/**
- * Attaches only semantic slot class names and state modifiers
- */ export const useButtonStyles_unstable = (state)=>{
-    'use no memo';
-    const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;
-    state.root.className = [
-        buttonClassNames.root,
-        // Appearance
-        appearance && `${buttonClassNames.root}--${appearance}`,
-        // Size
-        `${buttonClassNames.root}--${size}`,
-        // Shape
-        `${buttonClassNames.root}--${shape}`,
-        // Disabled styles
-        disabled && `${buttonClassNames.root}--disabled`,
-        disabledFocusable && `${buttonClassNames.root}--disabledFocusable`,
-        // Icon styles
-        icon && iconPosition === 'before' && `${buttonClassNames.root}--iconBefore`,
-        icon && iconPosition === 'after' && `${buttonClassNames.root}--iconAfter`,
-        iconOnly && `${buttonClassNames.root}--iconOnly`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.icon) {
-        state.icon.className = [
-            buttonClassNames.icon,
-            state.icon.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

package/lib/components/Button/useButtonStyles.styles.raw.headless.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Button/useButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\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\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useButtonStyles_unstable = (state: ButtonState): ButtonState => {\n  'use no memo';\n\n  const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;\n\n  state.root.className = [\n    buttonClassNames.root,\n\n    // Appearance\n    appearance && `${buttonClassNames.root}--${appearance}`,\n\n    // Size\n    `${buttonClassNames.root}--${size}`,\n\n    // Shape\n    `${buttonClassNames.root}--${shape}`,\n\n    // Disabled styles\n    disabled && `${buttonClassNames.root}--disabled`,\n    disabledFocusable && `${buttonClassNames.root}--disabledFocusable`,\n\n    // Icon styles\n    icon && iconPosition === 'before' && `${buttonClassNames.root}--iconBefore`,\n    icon && iconPosition === 'after' && `${buttonClassNames.root}--iconAfter`,\n    iconOnly && `${buttonClassNames.root}--iconOnly`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.icon) {\n    state.icon.className = [buttonClassNames.icon, state.icon.className].filter(Boolean).join(' ');\n  }\n\n  return state;\n};\n"],"names":["buttonClassNames","root","icon","useButtonStyles_unstable","state","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","filter","Boolean","join"],"mappings":"AAAA;AAKA,OAAO,MAAMA,mBAAgD;IAC3DC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvC;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEL,IAAI,EAAEM,QAAQ,EAAEC,YAAY,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGP;IAE/FA,MAAMH,IAAI,CAACW,SAAS,GAAG;QACrBZ,iBAAiBC,IAAI;QAErB,aAAa;QACbI,cAAc,GAAGL,iBAAiBC,IAAI,CAAC,EAAE,EAAEI,YAAY;QAEvD,OAAO;QACP,GAAGL,iBAAiBC,IAAI,CAAC,EAAE,EAAEU,MAAM;QAEnC,QAAQ;QACR,GAAGX,iBAAiBC,IAAI,CAAC,EAAE,EAAES,OAAO;QAEpC,kBAAkB;QAClBJ,YAAY,GAAGN,iBAAiBC,IAAI,CAAC,UAAU,CAAC;QAChDM,qBAAqB,GAAGP,iBAAiBC,IAAI,CAAC,mBAAmB,CAAC;QAElE,cAAc;QACdC,QAAQO,iBAAiB,YAAY,GAAGT,iBAAiBC,IAAI,CAAC,YAAY,CAAC;QAC3EC,QAAQO,iBAAiB,WAAW,GAAGT,iBAAiBC,IAAI,CAAC,WAAW,CAAC;QACzEO,YAAY,GAAGR,iBAAiBC,IAAI,CAAC,UAAU,CAAC;QAEhD,2BAA2B;QAC3BG,MAAMH,IAAI,CAACW,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMF,IAAI,EAAE;QACdE,MAAMF,IAAI,CAACU,SAAS,GAAG;YAACZ,iBAAiBE,IAAI;YAAEE,MAAMF,IAAI,CAACU,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IAC5F;IAEA,OAAOX;AACT,EAAE"}

package/lib/components/CompoundButton/useCompoundButtonStyles.styles.headless.js

@@ -1,49 +0,0 @@
-'use client';
-// Re-export the same slot class names mapping used by the griffel styles file
-export const compoundButtonClassNames = {
-    root: 'fui-CompoundButton',
-    icon: 'fui-CompoundButton__icon',
-    contentContainer: 'fui-CompoundButton__contentContainer',
-    secondaryContent: 'fui-CompoundButton__secondaryContent'
-};
-/**
- * Attaches only semantic slot class names and state modifiers
- */ export const useCompoundButtonStyles_unstable = (state)=>{
-    'use no memo';
-    const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;
-    state.root.className = [
-        compoundButtonClassNames.root,
-        // Appearance
-        appearance && `${compoundButtonClassNames.root}--${appearance}`,
-        // Size
-        size && `${compoundButtonClassNames.root}--${size}`,
-        // Shape
-        shape && `${compoundButtonClassNames.root}--${shape}`,
-        // Disabled styles
-        disabled && `${compoundButtonClassNames.root}--disabled`,
-        disabledFocusable && `${compoundButtonClassNames.root}--disabledFocusable`,
-        // Icon styles
-        icon && iconPosition === 'before' && `${compoundButtonClassNames.root}--iconBefore`,
-        icon && iconPosition === 'after' && `${compoundButtonClassNames.root}--iconAfter`,
-        icon && iconOnly && `${compoundButtonClassNames.root}--iconOnly`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.icon) {
-        state.icon.className = [
-            compoundButtonClassNames.icon,
-            state.icon.className
-        ].filter(Boolean).join(' ');
-    }
-    state.contentContainer.className = [
-        compoundButtonClassNames.contentContainer,
-        state.contentContainer.className
-    ].filter(Boolean).join(' ');
-    if (state.secondaryContent) {
-        state.secondaryContent.className = [
-            compoundButtonClassNames.secondaryContent,
-            state.secondaryContent.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

package/lib/components/CompoundButton/useCompoundButtonStyles.styles.headless.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CompoundButton/useCompoundButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CompoundButtonSlots, CompoundButtonState } from './CompoundButton.types';\n\n// Re-export the same slot class names mapping used by the griffel styles file\nexport const compoundButtonClassNames: SlotClassNames<CompoundButtonSlots> = {\n  root: 'fui-CompoundButton',\n  icon: 'fui-CompoundButton__icon',\n  contentContainer: 'fui-CompoundButton__contentContainer',\n  secondaryContent: 'fui-CompoundButton__secondaryContent',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useCompoundButtonStyles_unstable = (state: CompoundButtonState): CompoundButtonState => {\n  'use no memo';\n\n  const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;\n\n  state.root.className = [\n    compoundButtonClassNames.root,\n\n    // Appearance\n    appearance && `${compoundButtonClassNames.root}--${appearance}`,\n\n    // Size\n    size && `${compoundButtonClassNames.root}--${size}`,\n\n    // Shape\n    shape && `${compoundButtonClassNames.root}--${shape}`,\n\n    // Disabled styles\n    disabled && `${compoundButtonClassNames.root}--disabled`,\n    disabledFocusable && `${compoundButtonClassNames.root}--disabledFocusable`,\n\n    // Icon styles\n    icon && iconPosition === 'before' && `${compoundButtonClassNames.root}--iconBefore`,\n    icon && iconPosition === 'after' && `${compoundButtonClassNames.root}--iconAfter`,\n    icon && iconOnly && `${compoundButtonClassNames.root}--iconOnly`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.icon) {\n    state.icon.className = [compoundButtonClassNames.icon, state.icon.className].filter(Boolean).join(' ');\n  }\n\n  state.contentContainer.className = [compoundButtonClassNames.contentContainer, state.contentContainer.className]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.secondaryContent) {\n    state.secondaryContent.className = [compoundButtonClassNames.secondaryContent, state.secondaryContent.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  return state;\n};\n"],"names":["compoundButtonClassNames","root","icon","contentContainer","secondaryContent","useCompoundButtonStyles_unstable","state","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","filter","Boolean","join"],"mappings":"AAAA;AAKA,8EAA8E;AAC9E,OAAO,MAAMA,2BAAgE;IAC3EC,MAAM;IACNC,MAAM;IACNC,kBAAkB;IAClBC,kBAAkB;AACpB,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,YAAY,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGP;IAE/FA,MAAML,IAAI,CAACa,SAAS,GAAG;QACrBd,yBAAyBC,IAAI;QAE7B,aAAa;QACbM,cAAc,GAAGP,yBAAyBC,IAAI,CAAC,EAAE,EAAEM,YAAY;QAE/D,OAAO;QACPM,QAAQ,GAAGb,yBAAyBC,IAAI,CAAC,EAAE,EAAEY,MAAM;QAEnD,QAAQ;QACRD,SAAS,GAAGZ,yBAAyBC,IAAI,CAAC,EAAE,EAAEW,OAAO;QAErD,kBAAkB;QAClBJ,YAAY,GAAGR,yBAAyBC,IAAI,CAAC,UAAU,CAAC;QACxDQ,qBAAqB,GAAGT,yBAAyBC,IAAI,CAAC,mBAAmB,CAAC;QAE1E,cAAc;QACdC,QAAQS,iBAAiB,YAAY,GAAGX,yBAAyBC,IAAI,CAAC,YAAY,CAAC;QACnFC,QAAQS,iBAAiB,WAAW,GAAGX,yBAAyBC,IAAI,CAAC,WAAW,CAAC;QACjFC,QAAQQ,YAAY,GAAGV,yBAAyBC,IAAI,CAAC,UAAU,CAAC;QAEhE,2BAA2B;QAC3BK,MAAML,IAAI,CAACa,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMJ,IAAI,EAAE;QACdI,MAAMJ,IAAI,CAACY,SAAS,GAAG;YAACd,yBAAyBE,IAAI;YAAEI,MAAMJ,IAAI,CAACY,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IACpG;IAEAX,MAAMH,gBAAgB,CAACW,SAAS,GAAG;QAACd,yBAAyBG,gBAAgB;QAAEG,MAAMH,gBAAgB,CAACW,SAAS;KAAC,CAC7GC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMF,gBAAgB,EAAE;QAC1BE,MAAMF,gBAAgB,CAACU,SAAS,GAAG;YAACd,yBAAyBI,gBAAgB;YAAEE,MAAMF,gBAAgB,CAACU,SAAS;SAAC,CAC7GC,MAAM,CAACC,SACPC,IAAI,CAAC;IACV;IAEA,OAAOX;AACT,EAAE"}

package/lib/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js

@@ -1,49 +0,0 @@
-'use client';
-// Re-export the same slot class names mapping used by the griffel styles file
-export const compoundButtonClassNames = {
-    root: 'fui-CompoundButton',
-    icon: 'fui-CompoundButton__icon',
-    contentContainer: 'fui-CompoundButton__contentContainer',
-    secondaryContent: 'fui-CompoundButton__secondaryContent'
-};
-/**
- * Attaches only semantic slot class names and state modifiers
- */ export const useCompoundButtonStyles_unstable = (state)=>{
-    'use no memo';
-    const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;
-    state.root.className = [
-        compoundButtonClassNames.root,
-        // Appearance
-        appearance && `${compoundButtonClassNames.root}--${appearance}`,
-        // Size
-        size && `${compoundButtonClassNames.root}--${size}`,
-        // Shape
-        shape && `${compoundButtonClassNames.root}--${shape}`,
-        // Disabled styles
-        disabled && `${compoundButtonClassNames.root}--disabled`,
-        disabledFocusable && `${compoundButtonClassNames.root}--disabledFocusable`,
-        // Icon styles
-        icon && iconPosition === 'before' && `${compoundButtonClassNames.root}--iconBefore`,
-        icon && iconPosition === 'after' && `${compoundButtonClassNames.root}--iconAfter`,
-        icon && iconOnly && `${compoundButtonClassNames.root}--iconOnly`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.icon) {
-        state.icon.className = [
-            compoundButtonClassNames.icon,
-            state.icon.className
-        ].filter(Boolean).join(' ');
-    }
-    state.contentContainer.className = [
-        compoundButtonClassNames.contentContainer,
-        state.contentContainer.className
-    ].filter(Boolean).join(' ');
-    if (state.secondaryContent) {
-        state.secondaryContent.className = [
-            compoundButtonClassNames.secondaryContent,
-            state.secondaryContent.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

package/lib/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CompoundButton/useCompoundButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { CompoundButtonSlots, CompoundButtonState } from './CompoundButton.types';\n\n// Re-export the same slot class names mapping used by the griffel styles file\nexport const compoundButtonClassNames: SlotClassNames<CompoundButtonSlots> = {\n  root: 'fui-CompoundButton',\n  icon: 'fui-CompoundButton__icon',\n  contentContainer: 'fui-CompoundButton__contentContainer',\n  secondaryContent: 'fui-CompoundButton__secondaryContent',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useCompoundButtonStyles_unstable = (state: CompoundButtonState): CompoundButtonState => {\n  'use no memo';\n\n  const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;\n\n  state.root.className = [\n    compoundButtonClassNames.root,\n\n    // Appearance\n    appearance && `${compoundButtonClassNames.root}--${appearance}`,\n\n    // Size\n    size && `${compoundButtonClassNames.root}--${size}`,\n\n    // Shape\n    shape && `${compoundButtonClassNames.root}--${shape}`,\n\n    // Disabled styles\n    disabled && `${compoundButtonClassNames.root}--disabled`,\n    disabledFocusable && `${compoundButtonClassNames.root}--disabledFocusable`,\n\n    // Icon styles\n    icon && iconPosition === 'before' && `${compoundButtonClassNames.root}--iconBefore`,\n    icon && iconPosition === 'after' && `${compoundButtonClassNames.root}--iconAfter`,\n    icon && iconOnly && `${compoundButtonClassNames.root}--iconOnly`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.icon) {\n    state.icon.className = [compoundButtonClassNames.icon, state.icon.className].filter(Boolean).join(' ');\n  }\n\n  state.contentContainer.className = [compoundButtonClassNames.contentContainer, state.contentContainer.className]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.secondaryContent) {\n    state.secondaryContent.className = [compoundButtonClassNames.secondaryContent, state.secondaryContent.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  return state;\n};\n"],"names":["compoundButtonClassNames","root","icon","contentContainer","secondaryContent","useCompoundButtonStyles_unstable","state","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","filter","Boolean","join"],"mappings":"AAAA;AAKA,8EAA8E;AAC9E,OAAO,MAAMA,2BAAgE;IAC3EC,MAAM;IACNC,MAAM;IACNC,kBAAkB;IAClBC,kBAAkB;AACpB,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,YAAY,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGP;IAE/FA,MAAML,IAAI,CAACa,SAAS,GAAG;QACrBd,yBAAyBC,IAAI;QAE7B,aAAa;QACbM,cAAc,GAAGP,yBAAyBC,IAAI,CAAC,EAAE,EAAEM,YAAY;QAE/D,OAAO;QACPM,QAAQ,GAAGb,yBAAyBC,IAAI,CAAC,EAAE,EAAEY,MAAM;QAEnD,QAAQ;QACRD,SAAS,GAAGZ,yBAAyBC,IAAI,CAAC,EAAE,EAAEW,OAAO;QAErD,kBAAkB;QAClBJ,YAAY,GAAGR,yBAAyBC,IAAI,CAAC,UAAU,CAAC;QACxDQ,qBAAqB,GAAGT,yBAAyBC,IAAI,CAAC,mBAAmB,CAAC;QAE1E,cAAc;QACdC,QAAQS,iBAAiB,YAAY,GAAGX,yBAAyBC,IAAI,CAAC,YAAY,CAAC;QACnFC,QAAQS,iBAAiB,WAAW,GAAGX,yBAAyBC,IAAI,CAAC,WAAW,CAAC;QACjFC,QAAQQ,YAAY,GAAGV,yBAAyBC,IAAI,CAAC,UAAU,CAAC;QAEhE,2BAA2B;QAC3BK,MAAML,IAAI,CAACa,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMJ,IAAI,EAAE;QACdI,MAAMJ,IAAI,CAACY,SAAS,GAAG;YAACd,yBAAyBE,IAAI;YAAEI,MAAMJ,IAAI,CAACY,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IACpG;IAEAX,MAAMH,gBAAgB,CAACW,SAAS,GAAG;QAACd,yBAAyBG,gBAAgB;QAAEG,MAAMH,gBAAgB,CAACW,SAAS;KAAC,CAC7GC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMF,gBAAgB,EAAE;QAC1BE,MAAMF,gBAAgB,CAACU,SAAS,GAAG;YAACd,yBAAyBI,gBAAgB;YAAEE,MAAMF,gBAAgB,CAACU,SAAS;SAAC,CAC7GC,MAAM,CAACC,SACPC,IAAI,CAAC;IACV;IAEA,OAAOX;AACT,EAAE"}

package/lib/components/MenuButton/useMenuButtonStyles.styles.headless.js

@@ -1,44 +0,0 @@
-'use client';
-export const menuButtonClassNames = {
-    root: 'fui-MenuButton',
-    icon: 'fui-MenuButton__icon',
-    menuIcon: 'fui-MenuButton__menuIcon'
-};
-/**
- * Attaches only semantic slot class names and state modifiers
- */ export const useMenuButtonStyles_unstable = (state)=>{
-    'use no memo';
-    const { appearance, disabled, disabledFocusable, shape, size, icon, iconOnly } = state;
-    const expanded = !!state.root['aria-expanded'];
-    state.root.className = [
-        menuButtonClassNames.root,
-        // Appearance
-        appearance && `${menuButtonClassNames.root}--${appearance}`,
-        // Size
-        size && `${menuButtonClassNames.root}--${size}`,
-        // Shape
-        shape && `${menuButtonClassNames.root}--${shape}`,
-        // Disabled styles
-        disabled && `${menuButtonClassNames.root}--disabled`,
-        disabledFocusable && `${menuButtonClassNames.root}--disabledFocusable`,
-        // Expanded
-        expanded && `${menuButtonClassNames.root}--expanded`,
-        // Icons
-        icon && iconOnly && `${menuButtonClassNames.root}--iconOnly`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.icon) {
-        state.icon.className = [
-            menuButtonClassNames.icon,
-            state.icon.className
-        ].filter(Boolean).join(' ');
-    }
-    if (state.menuIcon) {
-        state.menuIcon.className = [
-            menuButtonClassNames.menuIcon,
-            state.menuIcon.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

package/lib/components/MenuButton/useMenuButtonStyles.styles.headless.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/MenuButton/useMenuButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';\n\nexport const menuButtonClassNames: SlotClassNames<MenuButtonSlots> = {\n  root: 'fui-MenuButton',\n  icon: 'fui-MenuButton__icon',\n  menuIcon: 'fui-MenuButton__menuIcon',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useMenuButtonStyles_unstable = (state: MenuButtonState): MenuButtonState => {\n  'use no memo';\n\n  const { appearance, disabled, disabledFocusable, shape, size, icon, iconOnly } = state;\n  const expanded = !!state.root['aria-expanded'];\n\n  state.root.className = [\n    menuButtonClassNames.root,\n\n    // Appearance\n    appearance && `${menuButtonClassNames.root}--${appearance}`,\n\n    // Size\n    size && `${menuButtonClassNames.root}--${size}`,\n\n    // Shape\n    shape && `${menuButtonClassNames.root}--${shape}`,\n\n    // Disabled styles\n    disabled && `${menuButtonClassNames.root}--disabled`,\n    disabledFocusable && `${menuButtonClassNames.root}--disabledFocusable`,\n\n    // Expanded\n    expanded && `${menuButtonClassNames.root}--expanded`,\n\n    // Icons\n    icon && iconOnly && `${menuButtonClassNames.root}--iconOnly`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.icon) {\n    state.icon.className = [menuButtonClassNames.icon, state.icon.className].filter(Boolean).join(' ');\n  }\n\n  if (state.menuIcon) {\n    state.menuIcon.className = [menuButtonClassNames.menuIcon, state.menuIcon.className].filter(Boolean).join(' ');\n  }\n\n  return state;\n};\n"],"names":["menuButtonClassNames","root","icon","menuIcon","useMenuButtonStyles_unstable","state","appearance","disabled","disabledFocusable","shape","size","iconOnly","expanded","className","filter","Boolean","join"],"mappings":"AAAA;AAKA,OAAO,MAAMA,uBAAwD;IACnEC,MAAM;IACNC,MAAM;IACNC,UAAU;AACZ,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3C;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,KAAK,EAAEC,IAAI,EAAER,IAAI,EAAES,QAAQ,EAAE,GAAGN;IACjF,MAAMO,WAAW,CAAC,CAACP,MAAMJ,IAAI,CAAC,gBAAgB;IAE9CI,MAAMJ,IAAI,CAACY,SAAS,GAAG;QACrBb,qBAAqBC,IAAI;QAEzB,aAAa;QACbK,cAAc,GAAGN,qBAAqBC,IAAI,CAAC,EAAE,EAAEK,YAAY;QAE3D,OAAO;QACPI,QAAQ,GAAGV,qBAAqBC,IAAI,CAAC,EAAE,EAAES,MAAM;QAE/C,QAAQ;QACRD,SAAS,GAAGT,qBAAqBC,IAAI,CAAC,EAAE,EAAEQ,OAAO;QAEjD,kBAAkB;QAClBF,YAAY,GAAGP,qBAAqBC,IAAI,CAAC,UAAU,CAAC;QACpDO,qBAAqB,GAAGR,qBAAqBC,IAAI,CAAC,mBAAmB,CAAC;QAEtE,WAAW;QACXW,YAAY,GAAGZ,qBAAqBC,IAAI,CAAC,UAAU,CAAC;QAEpD,QAAQ;QACRC,QAAQS,YAAY,GAAGX,qBAAqBC,IAAI,CAAC,UAAU,CAAC;QAE5D,2BAA2B;QAC3BI,MAAMJ,IAAI,CAACY,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMH,IAAI,EAAE;QACdG,MAAMH,IAAI,CAACW,SAAS,GAAG;YAACb,qBAAqBE,IAAI;YAAEG,MAAMH,IAAI,CAACW,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IAChG;IAEA,IAAIX,MAAMF,QAAQ,EAAE;QAClBE,MAAMF,QAAQ,CAACU,SAAS,GAAG;YAACb,qBAAqBG,QAAQ;YAAEE,MAAMF,QAAQ,CAACU,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IAC5G;IAEA,OAAOX;AACT,EAAE"}

package/lib/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js

@@ -1,44 +0,0 @@
-'use client';
-export const menuButtonClassNames = {
-    root: 'fui-MenuButton',
-    icon: 'fui-MenuButton__icon',
-    menuIcon: 'fui-MenuButton__menuIcon'
-};
-/**
- * Attaches only semantic slot class names and state modifiers
- */ export const useMenuButtonStyles_unstable = (state)=>{
-    'use no memo';
-    const { appearance, disabled, disabledFocusable, shape, size, icon, iconOnly } = state;
-    const expanded = !!state.root['aria-expanded'];
-    state.root.className = [
-        menuButtonClassNames.root,
-        // Appearance
-        appearance && `${menuButtonClassNames.root}--${appearance}`,
-        // Size
-        size && `${menuButtonClassNames.root}--${size}`,
-        // Shape
-        shape && `${menuButtonClassNames.root}--${shape}`,
-        // Disabled styles
-        disabled && `${menuButtonClassNames.root}--disabled`,
-        disabledFocusable && `${menuButtonClassNames.root}--disabledFocusable`,
-        // Expanded
-        expanded && `${menuButtonClassNames.root}--expanded`,
-        // Icons
-        icon && iconOnly && `${menuButtonClassNames.root}--iconOnly`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.icon) {
-        state.icon.className = [
-            menuButtonClassNames.icon,
-            state.icon.className
-        ].filter(Boolean).join(' ');
-    }
-    if (state.menuIcon) {
-        state.menuIcon.className = [
-            menuButtonClassNames.menuIcon,
-            state.menuIcon.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

package/lib/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/MenuButton/useMenuButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';\n\nexport const menuButtonClassNames: SlotClassNames<MenuButtonSlots> = {\n  root: 'fui-MenuButton',\n  icon: 'fui-MenuButton__icon',\n  menuIcon: 'fui-MenuButton__menuIcon',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useMenuButtonStyles_unstable = (state: MenuButtonState): MenuButtonState => {\n  'use no memo';\n\n  const { appearance, disabled, disabledFocusable, shape, size, icon, iconOnly } = state;\n  const expanded = !!state.root['aria-expanded'];\n\n  state.root.className = [\n    menuButtonClassNames.root,\n\n    // Appearance\n    appearance && `${menuButtonClassNames.root}--${appearance}`,\n\n    // Size\n    size && `${menuButtonClassNames.root}--${size}`,\n\n    // Shape\n    shape && `${menuButtonClassNames.root}--${shape}`,\n\n    // Disabled styles\n    disabled && `${menuButtonClassNames.root}--disabled`,\n    disabledFocusable && `${menuButtonClassNames.root}--disabledFocusable`,\n\n    // Expanded\n    expanded && `${menuButtonClassNames.root}--expanded`,\n\n    // Icons\n    icon && iconOnly && `${menuButtonClassNames.root}--iconOnly`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.icon) {\n    state.icon.className = [menuButtonClassNames.icon, state.icon.className].filter(Boolean).join(' ');\n  }\n\n  if (state.menuIcon) {\n    state.menuIcon.className = [menuButtonClassNames.menuIcon, state.menuIcon.className].filter(Boolean).join(' ');\n  }\n\n  return state;\n};\n"],"names":["menuButtonClassNames","root","icon","menuIcon","useMenuButtonStyles_unstable","state","appearance","disabled","disabledFocusable","shape","size","iconOnly","expanded","className","filter","Boolean","join"],"mappings":"AAAA;AAKA,OAAO,MAAMA,uBAAwD;IACnEC,MAAM;IACNC,MAAM;IACNC,UAAU;AACZ,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3C;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,KAAK,EAAEC,IAAI,EAAER,IAAI,EAAES,QAAQ,EAAE,GAAGN;IACjF,MAAMO,WAAW,CAAC,CAACP,MAAMJ,IAAI,CAAC,gBAAgB;IAE9CI,MAAMJ,IAAI,CAACY,SAAS,GAAG;QACrBb,qBAAqBC,IAAI;QAEzB,aAAa;QACbK,cAAc,GAAGN,qBAAqBC,IAAI,CAAC,EAAE,EAAEK,YAAY;QAE3D,OAAO;QACPI,QAAQ,GAAGV,qBAAqBC,IAAI,CAAC,EAAE,EAAES,MAAM;QAE/C,QAAQ;QACRD,SAAS,GAAGT,qBAAqBC,IAAI,CAAC,EAAE,EAAEQ,OAAO;QAEjD,kBAAkB;QAClBF,YAAY,GAAGP,qBAAqBC,IAAI,CAAC,UAAU,CAAC;QACpDO,qBAAqB,GAAGR,qBAAqBC,IAAI,CAAC,mBAAmB,CAAC;QAEtE,WAAW;QACXW,YAAY,GAAGZ,qBAAqBC,IAAI,CAAC,UAAU,CAAC;QAEpD,QAAQ;QACRC,QAAQS,YAAY,GAAGX,qBAAqBC,IAAI,CAAC,UAAU,CAAC;QAE5D,2BAA2B;QAC3BI,MAAMJ,IAAI,CAACY,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMH,IAAI,EAAE;QACdG,MAAMH,IAAI,CAACW,SAAS,GAAG;YAACb,qBAAqBE,IAAI;YAAEG,MAAMH,IAAI,CAACW,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IAChG;IAEA,IAAIX,MAAMF,QAAQ,EAAE;QAClBE,MAAMF,QAAQ,CAACU,SAAS,GAAG;YAACb,qBAAqBG,QAAQ;YAAEE,MAAMF,QAAQ,CAACU,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IAC5G;IAEA,OAAOX;AACT,EAAE"}

package/lib/components/SplitButton/useSplitButtonStyles.styles.headless.js

@@ -1,39 +0,0 @@
-'use client';
-export const splitButtonClassNames = {
-    root: 'fui-SplitButton',
-    menuButton: 'fui-SplitButton__menuButton',
-    primaryActionButton: 'fui-SplitButton__primaryActionButton'
-};
-/**
- * Attaches only semantic slot class names and state modifiers
- */ export const useSplitButtonStyles_unstable = (state)=>{
-    'use no memo';
-    const { appearance, disabled, disabledFocusable, shape, size } = state;
-    state.root.className = [
-        splitButtonClassNames.root,
-        // Appearance
-        appearance && `${splitButtonClassNames.root}--${appearance}`,
-        // Size
-        size && `${splitButtonClassNames.root}--${size}`,
-        // Shape
-        shape && `${splitButtonClassNames.root}--${shape}`,
-        // Disabled styles
-        disabled && `${splitButtonClassNames.root}--disabled`,
-        disabledFocusable && !disabled && `${splitButtonClassNames.root}--disabledFocusable`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.primaryActionButton) {
-        state.primaryActionButton.className = [
-            splitButtonClassNames.primaryActionButton,
-            state.primaryActionButton.className
-        ].filter(Boolean).join(' ');
-    }
-    if (state.menuButton) {
-        state.menuButton.className = [
-            splitButtonClassNames.menuButton,
-            state.menuButton.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

package/lib/components/SplitButton/useSplitButtonStyles.styles.headless.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SplitButton/useSplitButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';\n\nexport const splitButtonClassNames: SlotClassNames<SplitButtonSlots> = {\n  root: 'fui-SplitButton',\n  menuButton: 'fui-SplitButton__menuButton',\n  primaryActionButton: 'fui-SplitButton__primaryActionButton',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useSplitButtonStyles_unstable = (state: SplitButtonState): SplitButtonState => {\n  'use no memo';\n\n  const { appearance, disabled, disabledFocusable, shape, size } = state;\n\n  state.root.className = [\n    splitButtonClassNames.root,\n\n    // Appearance\n    appearance && `${splitButtonClassNames.root}--${appearance}`,\n\n    // Size\n    size && `${splitButtonClassNames.root}--${size}`,\n\n    // Shape\n    shape && `${splitButtonClassNames.root}--${shape}`,\n\n    // Disabled styles\n    disabled && `${splitButtonClassNames.root}--disabled`,\n    disabledFocusable && !disabled && `${splitButtonClassNames.root}--disabledFocusable`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.primaryActionButton) {\n    state.primaryActionButton.className = [\n      splitButtonClassNames.primaryActionButton,\n      state.primaryActionButton.className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  if (state.menuButton) {\n    state.menuButton.className = [splitButtonClassNames.menuButton, state.menuButton.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  return state;\n};\n"],"names":["splitButtonClassNames","root","menuButton","primaryActionButton","useSplitButtonStyles_unstable","state","appearance","disabled","disabledFocusable","shape","size","className","filter","Boolean","join"],"mappings":"AAAA;AAKA,OAAO,MAAMA,wBAA0D;IACrEC,MAAM;IACNC,YAAY;IACZC,qBAAqB;AACvB,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGL;IAEjEA,MAAMJ,IAAI,CAACU,SAAS,GAAG;QACrBX,sBAAsBC,IAAI;QAE1B,aAAa;QACbK,cAAc,GAAGN,sBAAsBC,IAAI,CAAC,EAAE,EAAEK,YAAY;QAE5D,OAAO;QACPI,QAAQ,GAAGV,sBAAsBC,IAAI,CAAC,EAAE,EAAES,MAAM;QAEhD,QAAQ;QACRD,SAAS,GAAGT,sBAAsBC,IAAI,CAAC,EAAE,EAAEQ,OAAO;QAElD,kBAAkB;QAClBF,YAAY,GAAGP,sBAAsBC,IAAI,CAAC,UAAU,CAAC;QACrDO,qBAAqB,CAACD,YAAY,GAAGP,sBAAsBC,IAAI,CAAC,mBAAmB,CAAC;QAEpF,2BAA2B;QAC3BI,MAAMJ,IAAI,CAACU,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIT,MAAMF,mBAAmB,EAAE;QAC7BE,MAAMF,mBAAmB,CAACQ,SAAS,GAAG;YACpCX,sBAAsBG,mBAAmB;YACzCE,MAAMF,mBAAmB,CAACQ,SAAS;SACpC,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IACV;IAEA,IAAIT,MAAMH,UAAU,EAAE;QACpBG,MAAMH,UAAU,CAACS,SAAS,GAAG;YAACX,sBAAsBE,UAAU;YAAEG,MAAMH,UAAU,CAACS,SAAS;SAAC,CACxFC,MAAM,CAACC,SACPC,IAAI,CAAC;IACV;IAEA,OAAOT;AACT,EAAE"}

package/lib/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js

@@ -1,39 +0,0 @@
-'use client';
-export const splitButtonClassNames = {
-    root: 'fui-SplitButton',
-    menuButton: 'fui-SplitButton__menuButton',
-    primaryActionButton: 'fui-SplitButton__primaryActionButton'
-};
-/**
- * Attaches only semantic slot class names and state modifiers
- */ export const useSplitButtonStyles_unstable = (state)=>{
-    'use no memo';
-    const { appearance, disabled, disabledFocusable, shape, size } = state;
-    state.root.className = [
-        splitButtonClassNames.root,
-        // Appearance
-        appearance && `${splitButtonClassNames.root}--${appearance}`,
-        // Size
-        size && `${splitButtonClassNames.root}--${size}`,
-        // Shape
-        shape && `${splitButtonClassNames.root}--${shape}`,
-        // Disabled styles
-        disabled && `${splitButtonClassNames.root}--disabled`,
-        disabledFocusable && !disabled && `${splitButtonClassNames.root}--disabledFocusable`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.primaryActionButton) {
-        state.primaryActionButton.className = [
-            splitButtonClassNames.primaryActionButton,
-            state.primaryActionButton.className
-        ].filter(Boolean).join(' ');
-    }
-    if (state.menuButton) {
-        state.menuButton.className = [
-            splitButtonClassNames.menuButton,
-            state.menuButton.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

package/lib/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SplitButton/useSplitButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';\n\nexport const splitButtonClassNames: SlotClassNames<SplitButtonSlots> = {\n  root: 'fui-SplitButton',\n  menuButton: 'fui-SplitButton__menuButton',\n  primaryActionButton: 'fui-SplitButton__primaryActionButton',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useSplitButtonStyles_unstable = (state: SplitButtonState): SplitButtonState => {\n  'use no memo';\n\n  const { appearance, disabled, disabledFocusable, shape, size } = state;\n\n  state.root.className = [\n    splitButtonClassNames.root,\n\n    // Appearance\n    appearance && `${splitButtonClassNames.root}--${appearance}`,\n\n    // Size\n    size && `${splitButtonClassNames.root}--${size}`,\n\n    // Shape\n    shape && `${splitButtonClassNames.root}--${shape}`,\n\n    // Disabled styles\n    disabled && `${splitButtonClassNames.root}--disabled`,\n    disabledFocusable && !disabled && `${splitButtonClassNames.root}--disabledFocusable`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.primaryActionButton) {\n    state.primaryActionButton.className = [\n      splitButtonClassNames.primaryActionButton,\n      state.primaryActionButton.className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  if (state.menuButton) {\n    state.menuButton.className = [splitButtonClassNames.menuButton, state.menuButton.className]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  return state;\n};\n"],"names":["splitButtonClassNames","root","menuButton","primaryActionButton","useSplitButtonStyles_unstable","state","appearance","disabled","disabledFocusable","shape","size","className","filter","Boolean","join"],"mappings":"AAAA;AAKA,OAAO,MAAMA,wBAA0D;IACrEC,MAAM;IACNC,YAAY;IACZC,qBAAqB;AACvB,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC;IAC5C;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGL;IAEjEA,MAAMJ,IAAI,CAACU,SAAS,GAAG;QACrBX,sBAAsBC,IAAI;QAE1B,aAAa;QACbK,cAAc,GAAGN,sBAAsBC,IAAI,CAAC,EAAE,EAAEK,YAAY;QAE5D,OAAO;QACPI,QAAQ,GAAGV,sBAAsBC,IAAI,CAAC,EAAE,EAAES,MAAM;QAEhD,QAAQ;QACRD,SAAS,GAAGT,sBAAsBC,IAAI,CAAC,EAAE,EAAEQ,OAAO;QAElD,kBAAkB;QAClBF,YAAY,GAAGP,sBAAsBC,IAAI,CAAC,UAAU,CAAC;QACrDO,qBAAqB,CAACD,YAAY,GAAGP,sBAAsBC,IAAI,CAAC,mBAAmB,CAAC;QAEpF,2BAA2B;QAC3BI,MAAMJ,IAAI,CAACU,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIT,MAAMF,mBAAmB,EAAE;QAC7BE,MAAMF,mBAAmB,CAACQ,SAAS,GAAG;YACpCX,sBAAsBG,mBAAmB;YACzCE,MAAMF,mBAAmB,CAACQ,SAAS;SACpC,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IACV;IAEA,IAAIT,MAAMH,UAAU,EAAE;QACpBG,MAAMH,UAAU,CAACS,SAAS,GAAG;YAACX,sBAAsBE,UAAU;YAAEG,MAAMH,UAAU,CAACS,SAAS;SAAC,CACxFC,MAAM,CAACC,SACPC,IAAI,CAAC;IACV;IAEA,OAAOT;AACT,EAAE"}

package/lib/components/ToggleButton/useToggleButtonStyles.styles.headless.js

@@ -1,36 +0,0 @@
-'use client';
-export const toggleButtonClassNames = {
-    root: 'fui-ToggleButton',
-    icon: 'fui-ToggleButton__icon'
-};
-/**
- * Attaches only semantic slot class names and state modifiers
- */ export const useToggleButtonStyles_unstable = (state)=>{
-    'use no memo';
-    const { appearance, disabled, disabledFocusable, shape, size, checked, iconOnly } = state;
-    state.root.className = [
-        toggleButtonClassNames.root,
-        // Appearance
-        appearance && `${toggleButtonClassNames.root}--${appearance}`,
-        // Size
-        size && `${toggleButtonClassNames.root}--${size}`,
-        // Shape
-        shape && `${toggleButtonClassNames.root}--${shape}`,
-        // Checked
-        checked && `${toggleButtonClassNames.root}--checked`,
-        // Icons
-        iconOnly && `${toggleButtonClassNames.root}--iconOnly`,
-        // Disabled
-        disabled && `${toggleButtonClassNames.root}--disabled`,
-        disabledFocusable && `${toggleButtonClassNames.root}--disabledFocusable`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.icon) {
-        state.icon.className = [
-            toggleButtonClassNames.icon,
-            state.icon.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

package/lib/components/ToggleButton/useToggleButtonStyles.styles.headless.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ToggleButton/useToggleButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { ButtonSlots } from '../Button/Button.types';\nimport type { ToggleButtonState } from './ToggleButton.types';\n\nexport const toggleButtonClassNames: SlotClassNames<ButtonSlots> = {\n  root: 'fui-ToggleButton',\n  icon: 'fui-ToggleButton__icon',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useToggleButtonStyles_unstable = (state: ToggleButtonState): ToggleButtonState => {\n  'use no memo';\n\n  const { appearance, disabled, disabledFocusable, shape, size, checked, iconOnly } = state;\n\n  state.root.className = [\n    toggleButtonClassNames.root,\n\n    // Appearance\n    appearance && `${toggleButtonClassNames.root}--${appearance}`,\n\n    // Size\n    size && `${toggleButtonClassNames.root}--${size}`,\n\n    // Shape\n    shape && `${toggleButtonClassNames.root}--${shape}`,\n\n    // Checked\n    checked && `${toggleButtonClassNames.root}--checked`,\n\n    // Icons\n    iconOnly && `${toggleButtonClassNames.root}--iconOnly`,\n\n    // Disabled\n    disabled && `${toggleButtonClassNames.root}--disabled`,\n    disabledFocusable && `${toggleButtonClassNames.root}--disabledFocusable`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.icon) {\n    state.icon.className = [toggleButtonClassNames.icon, state.icon.className].filter(Boolean).join(' ');\n  }\n\n  return state;\n};\n"],"names":["toggleButtonClassNames","root","icon","useToggleButtonStyles_unstable","state","appearance","disabled","disabledFocusable","shape","size","checked","iconOnly","className","filter","Boolean","join"],"mappings":"AAAA;AAMA,OAAO,MAAMA,yBAAsD;IACjEC,MAAM;IACNC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAACC;IAC7C;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,KAAK,EAAEC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGP;IAEpFA,MAAMH,IAAI,CAACW,SAAS,GAAG;QACrBZ,uBAAuBC,IAAI;QAE3B,aAAa;QACbI,cAAc,GAAGL,uBAAuBC,IAAI,CAAC,EAAE,EAAEI,YAAY;QAE7D,OAAO;QACPI,QAAQ,GAAGT,uBAAuBC,IAAI,CAAC,EAAE,EAAEQ,MAAM;QAEjD,QAAQ;QACRD,SAAS,GAAGR,uBAAuBC,IAAI,CAAC,EAAE,EAAEO,OAAO;QAEnD,UAAU;QACVE,WAAW,GAAGV,uBAAuBC,IAAI,CAAC,SAAS,CAAC;QAEpD,QAAQ;QACRU,YAAY,GAAGX,uBAAuBC,IAAI,CAAC,UAAU,CAAC;QAEtD,WAAW;QACXK,YAAY,GAAGN,uBAAuBC,IAAI,CAAC,UAAU,CAAC;QACtDM,qBAAqB,GAAGP,uBAAuBC,IAAI,CAAC,mBAAmB,CAAC;QAExE,2BAA2B;QAC3BG,MAAMH,IAAI,CAACW,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMF,IAAI,EAAE;QACdE,MAAMF,IAAI,CAACU,SAAS,GAAG;YAACZ,uBAAuBE,IAAI;YAAEE,MAAMF,IAAI,CAACU,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IAClG;IAEA,OAAOX;AACT,EAAE"}

package/lib/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js

@@ -1,36 +0,0 @@
-'use client';
-export const toggleButtonClassNames = {
-    root: 'fui-ToggleButton',
-    icon: 'fui-ToggleButton__icon'
-};
-/**
- * Attaches only semantic slot class names and state modifiers
- */ export const useToggleButtonStyles_unstable = (state)=>{
-    'use no memo';
-    const { appearance, disabled, disabledFocusable, shape, size, checked, iconOnly } = state;
-    state.root.className = [
-        toggleButtonClassNames.root,
-        // Appearance
-        appearance && `${toggleButtonClassNames.root}--${appearance}`,
-        // Size
-        size && `${toggleButtonClassNames.root}--${size}`,
-        // Shape
-        shape && `${toggleButtonClassNames.root}--${shape}`,
-        // Checked
-        checked && `${toggleButtonClassNames.root}--checked`,
-        // Icons
-        iconOnly && `${toggleButtonClassNames.root}--iconOnly`,
-        // Disabled
-        disabled && `${toggleButtonClassNames.root}--disabled`,
-        disabledFocusable && `${toggleButtonClassNames.root}--disabledFocusable`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.icon) {
-        state.icon.className = [
-            toggleButtonClassNames.icon,
-            state.icon.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};