@fluentui/react-button 9.7.0 → 9.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-button",
-  "version": "9.7.0",
+  "version": "9.8.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.6",
+    "@fluentui/react-aria": "^9.17.8",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.3.3",
-    "@fluentui/react-shared-contexts": "^9.26.0",
-    "@fluentui/react-tabster": "^9.26.10",
-    "@fluentui/react-theme": "^9.2.0",
-    "@fluentui/react-utilities": "^9.25.4",
+    "@fluentui/react-jsx-runtime": "^9.3.5",
+    "@fluentui/react-shared-contexts": "^9.26.1",
+    "@fluentui/react-tabster": "^9.26.12",
+    "@fluentui/react-theme": "^9.2.1",
+    "@fluentui/react-utilities": "^9.26.1",
     "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },

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;
-};

package/lib/components/ToggleButton/useToggleButtonStyles.styles.raw.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-commonjs/components/Button/useButtonStyles.styles.headless.js

@@ -1,52 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    buttonClassNames: function() {
-        return buttonClassNames;
-    },
-    useButtonStyles_unstable: function() {
-        return useButtonStyles_unstable;
-    }
-});
-const buttonClassNames = {
-    root: 'fui-Button',
-    icon: 'fui-Button__icon'
-};
-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-commonjs/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;;;;;;;;;;;;IAKaA,gBAAAA;;;4BAQAG;;;;AARN,yBAAsD;IAC3DF,MAAM;IACNC,MAAM;AACR,EAAE;AAKK,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"}