@fluentui/react-toolbar 9.1.87 → 9.1.89

package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering ToolbarButton
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["ToolbarRadioGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ToolbarRadioGroupSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * ToolbarButton Props\n */\nexport type ToolbarRadioGroupProps = ComponentProps<ToolbarRadioGroupSlots>;\n\n/**\n * State used in rendering ToolbarButton\n */\nexport type ToolbarRadioGroupState = ComponentState<ToolbarRadioGroupSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAWA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["ToolbarToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarToggleButton_unstable } from './useToolbarToggleButton';\nimport { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarToggleButton component\n */ export const ToolbarToggleButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useToolbarToggleButton_unstable(props, ref);\n    useToolbarToggleButtonStyles_unstable(state);\n    useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);\n    return renderToggleButton_unstable(state);\n});\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"],"names":["ToolbarToggleButton","React","forwardRef","props","ref","state","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;6BACqB;wCACI;oDACM;qCACV;AAGjC,MAAMA,sBAAsB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC1E,MAAMC,QAAQC,IAAAA,uDAA+B,EAACH,OAAOC;IACrDG,IAAAA,yEAAqC,EAACF;IACtCG,IAAAA,gDAA2B,EAAC,yCAAyCH;IACrE,OAAOI,IAAAA,wCAA2B,EAACJ;AACvC;AACAL,oBAAoBU,WAAW,GAAG"}
+{"version":3,"sources":["ToolbarToggleButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ToolbarToggleButtonProps } from './ToolbarToggleButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarToggleButton_unstable } from './useToolbarToggleButton';\nimport { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarToggleButton component\n */\nexport const ToolbarToggleButton: ForwardRefComponent<ToolbarToggleButtonProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarToggleButton_unstable(props, ref);\n\n  useToolbarToggleButtonStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);\n\n  return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarToggleButtonProps>;\n\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"],"names":["ToolbarToggleButton","React","forwardRef","props","ref","state","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;6BAGqB;wCACI;oDACM;qCACV;AAKrC,MAAMA,sBAAAA,WAAAA,GAAqEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzG,MAAMC,QAAQC,IAAAA,uDAAAA,EAAgCH,OAAOC;IAErDG,IAAAA,yEAAAA,EAAsCF;IAEtCG,IAAAA,gDAAAA,EAA4B,yCAAyCH;IAErE,OAAOI,IAAAA,wCAAAA,EAA4BJ;AACrC;AAEAL,oBAAoBU,WAAW,GAAG"}

package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering ToolbarToggleButton
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["ToolbarToggleButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ToggleButtonProps, ButtonSlots, ToggleButtonState } from '@fluentui/react-button';\n\n/**\n * ToolbarToggleButton Props\n */\nexport type ToolbarToggleButtonProps = ComponentProps<ButtonSlots> &\n  Partial<Pick<ToggleButtonProps, 'disabled' | 'disabledFocusable' | 'size'>> & {\n    appearance?: 'primary' | 'subtle';\n    name: string;\n    value: string;\n  };\n\n/**\n * State used in rendering ToolbarToggleButton\n */\nexport type ToolbarToggleButtonState = ComponentState<Partial<ButtonSlots>> &\n  ToggleButtonState &\n  Required<Pick<ToggleButtonProps, 'checked'>> &\n  Pick<ToolbarToggleButtonProps, 'name' | 'value'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAaA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */ export const useToolbarToggleButton_unstable = (props, ref)=>{\n    const handleToggleButton = useToolbarContext_unstable((ctx)=>ctx.handleToggleButton);\n    const checked = useToolbarContext_unstable((ctx)=>{\n        var _ctx_checkedValues_props_name;\n        return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));\n    });\n    const { onClick: onClickOriginal } = props;\n    const toggleButtonState = useToggleButton_unstable({\n        checked,\n        ...props\n    }, ref);\n    const state = {\n        ...toggleButtonState,\n        name: props.name,\n        value: props.value\n    };\n    const handleOnClick = (e)=>{\n        if (state.disabled) {\n            e.preventDefault();\n            e.stopPropagation();\n            return;\n        }\n        handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);\n        onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);\n    };\n    state.root.onClick = handleOnClick;\n    return state;\n};\n"],"names":["useToolbarToggleButton_unstable","props","ref","handleToggleButton","useToolbarContext_unstable","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;6BACkB;gCACE;AAMhC,MAAMA,kCAAkC,CAACC,OAAOC;IACvD,MAAMC,qBAAqBC,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIF,kBAAkB;IACnF,MAAMG,UAAUF,IAAAA,0CAA0B,EAAC,CAACC;QACxC,IAAIE;QACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,gCAAgCF,IAAIG,aAAa,CAACP,MAAMQ,IAAI,CAAC,AAAD,MAAO,QAAQF,kCAAkC,KAAK,IAAI,KAAK,IAAIA,8BAA8BG,QAAQ,CAACT,MAAMU,KAAK,CAAA;IAChM;IACA,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGZ;IACrC,MAAMa,oBAAoBC,IAAAA,qCAAwB,EAAC;QAC/CT;QACA,GAAGL,KAAK;IACZ,GAAGC;IACH,MAAMc,QAAQ;QACV,GAAGF,iBAAiB;QACpBL,MAAMR,MAAMQ,IAAI;QAChBE,OAAOV,MAAMU,KAAK;IACtB;IACA,MAAMM,gBAAgB,CAACC;QACnB,IAAIF,MAAMG,QAAQ,EAAE;YAChBD,EAAEE,cAAc;YAChBF,EAAEG,eAAe;YACjB;QACJ;QACAlB,uBAAuB,QAAQA,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmBe,GAAGF,MAAMP,IAAI,EAAEO,MAAML,KAAK,EAAEK,MAAMV,OAAO;QACpIO,oBAAoB,QAAQA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBK;IACtF;IACAF,MAAMM,IAAI,CAACV,OAAO,GAAGK;IACrB,OAAOD;AACX"}
+{"version":3,"sources":["useToolbarToggleButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToolbarToggleButton_unstable = (\n  props: ToolbarToggleButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarToggleButtonState => {\n  const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n  const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n\n  const { onClick: onClickOriginal } = props;\n  const toggleButtonState = useToggleButton_unstable({ checked, ...props }, ref);\n  const state: ToolbarToggleButtonState = {\n    ...toggleButtonState,\n    name: props.name,\n    value: props.value,\n  };\n\n  const handleOnClick = (\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n  ) => {\n    if (state.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    handleToggleButton?.(e, state.name, state.value, state.checked);\n    onClickOriginal?.(e);\n  };\n\n  state.root.onClick = handleOnClick;\n  return state;\n};\n"],"names":["useToolbarToggleButton_unstable","props","ref","handleToggleButton","useToolbarContext_unstable","ctx","checked","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;6BACkB;gCACE;AASpC,MAAMA,kCAAkC,CAC7CC,OACAC;IAEA,MAAMC,qBAAqBC,IAAAA,0CAAAA,EAA2BC,CAAAA,MAAOA,IAAIF,kBAAkB;IACnF,MAAMG,UAAUF,IAAAA,0CAAAA,EAA2BC,CAAAA;YAASA;eAAF,CAAC,CAAA,CAAA,AAACA,CAAAA,gCAAAA,IAAIE,aAAa,CAACN,MAAMO,IAAI,CAAC,AAAD,MAAC,QAA7BH,kCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,8BAA+BI,QAAQ,CAACR,MAAMS,KAAK,CAAA;;IAEvG,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGX;IACrC,MAAMY,oBAAoBC,IAAAA,qCAAAA,EAAyB;QAAER;QAAS,GAAGL,KAAK;IAAC,GAAGC;IAC1E,MAAMa,QAAkC;QACtC,GAAGF,iBAAiB;QACpBL,MAAMP,MAAMO,IAAI;QAChBE,OAAOT,MAAMS,KAAK;IACpB;IAEA,MAAMM,gBAAgB,CACpBC;QAEA,IAAIF,MAAMG,QAAQ,EAAE;YAClBD,EAAEE,cAAc;YAChBF,EAAEG,eAAe;YACjB;QACF;QAEAjB,uBAAAA,QAAAA,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAqBc,GAAGF,MAAMP,IAAI,EAAEO,MAAML,KAAK,EAAEK,MAAMT,OAAO;QAC9DM,oBAAAA,QAAAA,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAkBK;IACpB;IAEAF,MAAMM,IAAI,CAACV,OAAO,GAAGK;IACrB,OAAOD;AACT"}

package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js

@@ -20,6 +20,7 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useToolbarToggleButtonStyles_unstable = (state)=>{
+    'use no memo';
     (0, _reactbutton.useToggleButtonStyles_unstable)(state);
     const toggleButtonStyles = useBaseStyles();
     state.root.className = (0, _react.mergeClasses)(state.root.className, state.checked && toggleButtonStyles.selected);

package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarToggleButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n  selected: {\n    sj55zd: \"f16muhyy\"\n  }\n}, {\n  d: [\".f16muhyy{color:var(--colorBrandForeground1);}\"]\n});\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = state => {\n  useToggleButtonStyles_unstable(state);\n  const toggleButtonStyles = useBaseStyles();\n  state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n  return state;\n};\n//# sourceMappingURL=useToolbarToggleButtonStyles.styles.js.map"],"names":["useToolbarToggleButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA;;;eAAAA;;;uBAZ0B;6BACQ;AAC/C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAiD;AACvD;AAIO,MAAML,wCAAwCM,CAAAA;IACnDC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;IACtG,OAAOG;AACT,GACA,+DAA+D"}
+{"version":3,"sources":["useToolbarToggleButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = makeStyles({\n    selected: {\n        color: tokens.colorBrandForeground1\n    }\n});\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */ export const useToolbarToggleButtonStyles_unstable = (state)=>{\n    'use no memo';\n    useToggleButtonStyles_unstable(state);\n    const toggleButtonStyles = useBaseStyles();\n    state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n    return state;\n};\n"],"names":["useToolbarToggleButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUiBA;;;eAAAA;;;uBATwB;6BACM;AAC/C,MAAMC,gBAAa,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,UAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;KAAA;AAAA;AAOX,MAAML,wCAAyCM,CAAAA;IACtD;IACAC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;IACtG,OAAOG;AACX"}

package/lib-commonjs/index.js

@@ -12,20 +12,35 @@ _export(exports, {
     Toolbar: function() {
         return _Toolbar.Toolbar;
     },
+    ToolbarButton: function() {
+        return _ToolbarButton.ToolbarButton;
+    },
+    ToolbarDivider: function() {
+        return _ToolbarDivider.ToolbarDivider;
+    },
+    ToolbarGroup: function() {
+        return _ToolbarGroup.ToolbarGroup;
+    },
+    ToolbarRadioButton: function() {
+        return _ToolbarRadioButton.ToolbarRadioButton;
+    },
+    ToolbarRadioGroup: function() {
+        return _ToolbarRadioGroup.ToolbarRadioGroup;
+    },
+    ToolbarToggleButton: function() {
+        return _ToolbarToggleButton.ToolbarToggleButton;
+    },
+    renderToolbarGroup_unstable: function() {
+        return _ToolbarGroup.renderToolbarGroup_unstable;
+    },
     renderToolbar_unstable: function() {
         return _Toolbar.renderToolbar_unstable;
     },
     toolbarClassNames: function() {
         return _Toolbar.toolbarClassNames;
     },
-    useToolbarStyles_unstable: function() {
-        return _Toolbar.useToolbarStyles_unstable;
-    },
-    useToolbar_unstable: function() {
-        return _Toolbar.useToolbar_unstable;
-    },
-    ToolbarButton: function() {
-        return _ToolbarButton.ToolbarButton;
+    toolbarGroupClassNames: function() {
+        return _ToolbarGroup.toolbarGroupClassNames;
     },
     useToolbarButtonStyles_unstable: function() {
         return _ToolbarButton.useToolbarButtonStyles_unstable;
@@ -33,26 +48,17 @@ _export(exports, {
     useToolbarButton_unstable: function() {
         return _ToolbarButton.useToolbarButton_unstable;
     },
-    ToolbarDivider: function() {
-        return _ToolbarDivider.ToolbarDivider;
-    },
     useToolbarDividerStyles_unstable: function() {
         return _ToolbarDivider.useToolbarDividerStyles_unstable;
     },
     useToolbarDivider_unstable: function() {
         return _ToolbarDivider.useToolbarDivider_unstable;
     },
-    ToolbarToggleButton: function() {
-        return _ToolbarToggleButton.ToolbarToggleButton;
-    },
-    useToolbarToggleButtonStyles_unstable: function() {
-        return _ToolbarToggleButton.useToolbarToggleButtonStyles_unstable;
-    },
-    useToolbarToggleButton_unstable: function() {
-        return _ToolbarToggleButton.useToolbarToggleButton_unstable;
+    useToolbarGroupStyles_unstable: function() {
+        return _ToolbarGroup.useToolbarGroupStyles_unstable;
     },
-    ToolbarRadioButton: function() {
-        return _ToolbarRadioButton.ToolbarRadioButton;
+    useToolbarGroup_unstable: function() {
+        return _ToolbarGroup.useToolbarGroup_unstable;
     },
     useToolbarRadioButtonStyles_unstable: function() {
         return _ToolbarRadioButton.useToolbarRadioButtonStyles_unstable;
@@ -60,23 +66,17 @@ _export(exports, {
     useToolbarRadioButton_unstable: function() {
         return _ToolbarRadioButton.useToolbarRadioButton_unstable;
     },
-    ToolbarGroup: function() {
-        return _ToolbarGroup.ToolbarGroup;
-    },
-    useToolbarGroupStyles_unstable: function() {
-        return _ToolbarGroup.useToolbarGroupStyles_unstable;
-    },
-    useToolbarGroup_unstable: function() {
-        return _ToolbarGroup.useToolbarGroup_unstable;
+    useToolbarStyles_unstable: function() {
+        return _Toolbar.useToolbarStyles_unstable;
     },
-    renderToolbarGroup_unstable: function() {
-        return _ToolbarGroup.renderToolbarGroup_unstable;
+    useToolbarToggleButtonStyles_unstable: function() {
+        return _ToolbarToggleButton.useToolbarToggleButtonStyles_unstable;
     },
-    toolbarGroupClassNames: function() {
-        return _ToolbarGroup.toolbarGroupClassNames;
+    useToolbarToggleButton_unstable: function() {
+        return _ToolbarToggleButton.useToolbarToggleButton_unstable;
     },
-    ToolbarRadioGroup: function() {
-        return _ToolbarRadioGroup.ToolbarRadioGroup;
+    useToolbar_unstable: function() {
+        return _Toolbar.useToolbar_unstable;
     }
 });
 const _Toolbar = require("./Toolbar");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { Toolbar, renderToolbar_unstable, toolbarClassNames, useToolbarStyles_unstable, useToolbar_unstable } from './Toolbar';\nexport { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable } from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable } from './ToolbarDivider';\nexport { ToolbarToggleButton, useToolbarToggleButtonStyles_unstable, useToolbarToggleButton_unstable } from './ToolbarToggleButton';\nexport { ToolbarRadioButton, useToolbarRadioButtonStyles_unstable, useToolbarRadioButton_unstable } from './ToolbarRadioButton';\nexport { ToolbarGroup, useToolbarGroupStyles_unstable, useToolbarGroup_unstable, renderToolbarGroup_unstable, toolbarGroupClassNames } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\n"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","ToolbarGroup","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","renderToolbarGroup_unstable","toolbarGroupClassNames","ToolbarRadioGroup"],"mappings":";;;;;;;;;;;IAASA,OAAO;eAAPA,gBAAO;;IAAEC,sBAAsB;eAAtBA,+BAAsB;;IAAEC,iBAAiB;eAAjBA,0BAAiB;;IAAEC,yBAAyB;eAAzBA,kCAAyB;;IAAEC,mBAAmB;eAAnBA,4BAAmB;;IAClGC,aAAa;eAAbA,4BAAa;;IAAEC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;IACzEC,cAAc;eAAdA,8BAAc;;IAAEC,gCAAgC;eAAhCA,gDAAgC;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IAC5EC,mBAAmB;eAAnBA,wCAAmB;;IAAEC,qCAAqC;eAArCA,0DAAqC;;IAAEC,+BAA+B;eAA/BA,oDAA+B;;IAC3FC,kBAAkB;eAAlBA,sCAAkB;;IAAEC,oCAAoC;eAApCA,wDAAoC;;IAAEC,8BAA8B;eAA9BA,kDAA8B;;IACxFC,YAAY;eAAZA,0BAAY;;IAAEC,8BAA8B;eAA9BA,4CAA8B;;IAAEC,wBAAwB;eAAxBA,sCAAwB;;IAAEC,2BAA2B;eAA3BA,yCAA2B;;IAAEC,sBAAsB;eAAtBA,oCAAsB;;IAC3HC,iBAAiB;eAAjBA,oCAAiB;;;yBANyF;+BACzB;gCACG;qCACe;oCACH;8BACmC;mCAC1G"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Toolbar,\n  renderToolbar_unstable,\n  toolbarClassNames,\n  useToolbarStyles_unstable,\n  useToolbar_unstable,\n} from './Toolbar';\nexport type { ToolbarContextValue, ToolbarContextValues, ToolbarProps, ToolbarSlots, ToolbarState } from './Toolbar';\nexport { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable } from './ToolbarButton';\nexport type { ToolbarButtonProps, ToolbarButtonState } from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable } from './ToolbarDivider';\nexport type { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider';\nexport {\n  ToolbarToggleButton,\n  useToolbarToggleButtonStyles_unstable,\n  useToolbarToggleButton_unstable,\n} from './ToolbarToggleButton';\nexport type { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton';\nexport {\n  ToolbarRadioButton,\n  useToolbarRadioButtonStyles_unstable,\n  useToolbarRadioButton_unstable,\n} from './ToolbarRadioButton';\nexport type { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton';\nexport {\n  ToolbarGroup,\n  useToolbarGroupStyles_unstable,\n  useToolbarGroup_unstable,\n  renderToolbarGroup_unstable,\n  toolbarGroupClassNames,\n} from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\nexport type { ToolbarRadioGroupProps, ToolbarRadioGroupState } from './ToolbarRadioGroup';\n"],"names":["Toolbar","ToolbarButton","ToolbarDivider","ToolbarGroup","ToolbarRadioButton","ToolbarRadioGroup","ToolbarToggleButton","renderToolbarGroup_unstable","renderToolbar_unstable","toolbarClassNames","toolbarGroupClassNames","useToolbarButtonStyles_unstable","useToolbarButton_unstable","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","useToolbarStyles_unstable","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","useToolbar_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,OAAO;eAAPA,gBAAO;;IAOAC,aAAa;eAAbA,4BAAa;;IAEbC,cAAc;eAAdA,8BAAc;;IAerBC,YAAY;eAAZA,0BAAY;;IANZC,kBAAkB;eAAlBA,sCAAkB;;IAaXC,iBAAiB;eAAjBA,oCAAiB;;IAnBxBC,mBAAmB;eAAnBA,wCAAmB;;IAenBC,2BAA2B;eAA3BA,yCAA2B;;IA1B3BC,sBAAsB;eAAtBA,+BAAsB;;IACtBC,iBAAiB;eAAjBA,0BAAiB;;IA0BjBC,sBAAsB;eAAtBA,oCAAsB;;IArBAC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;IAEzDC,gCAAgC;eAAhCA,gDAAgC;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IAgBnFC,8BAA8B;eAA9BA,4CAA8B;;IAC9BC,wBAAwB;eAAxBA,sCAAwB;;IAPxBC,oCAAoC;eAApCA,wDAAoC;;IACpCC,8BAA8B;eAA9BA,kDAA8B;;IAjB9BC,yBAAyB;eAAzBA,kCAAyB;;IAUzBC,qCAAqC;eAArCA,0DAAqC;;IACrCC,+BAA+B;eAA/BA,oDAA+B;;IAV/BC,mBAAmB;eAAnBA,4BAAmB;;;yBACd;+BAEmF;gCAEG;qCAMtF;oCAMA;8BAQA;mCAE2B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-toolbar",
-  "version": "9.1.87",
+  "version": "9.1.89",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -35,15 +35,15 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-button": "^9.3.84",
-    "@fluentui/react-divider": "^9.2.70",
+    "@fluentui/react-button": "^9.3.86",
+    "@fluentui/react-divider": "^9.2.72",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.10",
-    "@fluentui/react-jsx-runtime": "^9.0.39",
-    "@fluentui/react-context-selector": "^9.1.62",
-    "@fluentui/react-radio": "^9.2.24",
-    "@fluentui/react-shared-contexts": "^9.19.0",
-    "@fluentui/react-tabster": "^9.22.0",
+    "@fluentui/react-utilities": "^9.18.12",
+    "@fluentui/react-jsx-runtime": "^9.0.41",
+    "@fluentui/react-context-selector": "^9.1.64",
+    "@fluentui/react-radio": "^9.2.26",
+    "@fluentui/react-shared-contexts": "^9.19.1",
+    "@fluentui/react-tabster": "^9.22.2",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },