@fluentui/react-toolbar 9.8.2 → 9.8.4

package/CHANGELOG.md

@@ -1,12 +1,39 @@
 # Change Log - @fluentui/react-toolbar
 
-This log was last generated on Wed, 24 Jun 2026 11:03:51 GMT and should not be manually modified.
+<!-- This log was last generated on Tue, 11 Aug 2026 17:16:03 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## [9.8.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.8.4)
+
+Tue, 11 Aug 2026 17:16:03 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.8.3..@fluentui/react-toolbar_v9.8.4)
+
+### Patches
+
+- Ship ESM-first (type:module): valid ESM under lib/, CommonJS under lib-commonjs/*.cjs, and drop the `node` export condition - bare-Node `import` resolves ESM, `require` resolves CJS; node-targeted bundlers tree-shake. ([PR #36327](https://github.com/microsoft/fluentui/pull/36327) by martinhochel@microsoft.com)
+- Bump @fluentui/react-button to v9.11.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-context-selector to v9.2.19 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-divider to v9.7.4 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.4.5 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-radio to v9.6.5 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.26.3 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-tabster to v9.26.17 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-theme to v9.2.2 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.26.6 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+
+## [9.8.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.8.3)
+
+Mon, 29 Jun 2026 15:15:07 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.8.2..@fluentui/react-toolbar_v9.8.3)
+
+### Patches
+
+- Bump @fluentui/react-button to v9.10.1 ([commit](https://github.com/microsoft/fluentui/commit/aedc345f58bc16bb8540615b5afdf3d2d3569db4) by beachball)
+
 ## [9.8.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.8.2)
 
-Wed, 24 Jun 2026 11:03:51 GMT 
+Wed, 24 Jun 2026 11:10:03 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.8.1..@fluentui/react-toolbar_v9.8.2)
 
 ### Patches

package/dist/index.d.cts

@@ -0,0 +1,381 @@
+import type { ButtonProps } from '@fluentui/react-button';
+import type { ButtonSlots } from '@fluentui/react-button';
+import type { ButtonState } from '@fluentui/react-button';
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ContextSelector } from '@fluentui/react-context-selector';
+import type { DistributiveOmit } from '@fluentui/react-utilities';
+import type { DividerBaseState } from '@fluentui/react-divider';
+import type { DividerSlots } from '@fluentui/react-divider';
+import type { DividerState } from '@fluentui/react-divider';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { JSXElement } from '@fluentui/react-utilities';
+import type * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+import type { ToggleButtonProps } from '@fluentui/react-button';
+import type { ToggleButtonState } from '@fluentui/react-button';
+
+/**
+ * Render the final JSX of Toolbar
+ */
+export declare const renderToolbar_unstable: (state: ToolbarBaseState, contextValues: ToolbarContextValues) => JSXElement;
+
+/**
+ * Render the final JSX of ToolbarGroup
+ */
+export declare const renderToolbarGroup_unstable: (state: ToolbarGroupState) => JSXElement;
+
+declare type ToggableHandler = (e: React_2.MouseEvent | React_2.KeyboardEvent, name: string, value: string, checked?: boolean) => void;
+
+/**
+ * Toolbar component
+ */
+export declare const Toolbar: ForwardRefComponent<ToolbarProps>;
+
+export declare type ToolbarBaseProps = Omit<ToolbarProps, 'size'>;
+
+export declare type ToolbarBaseState = Omit<ToolbarState, 'size'>;
+
+/**
+ * ToolbarButton component is a Button to be used inside Toolbar
+ * which will respect toolbar props such as `size`
+ */
+export declare const ToolbarButton: ForwardRefComponent<ToolbarButtonProps>;
+
+export declare type ToolbarButtonBaseProps = DistributiveOmit<ToolbarButtonProps, 'appearance'>;
+
+export declare type ToolbarButtonBaseState = DistributiveOmit<ToolbarButtonState, 'appearance' | 'size' | 'shape'>;
+
+/**
+ * ToolbarButton Props
+ */
+export declare type ToolbarButtonProps = ComponentProps<ButtonSlots> & Partial<Pick<ButtonProps, 'disabled' | 'disabledFocusable'>> & {
+    appearance?: 'primary' | 'subtle' | 'transparent';
+} & {
+    vertical?: boolean;
+};
+
+/**
+ * State used in rendering ToolbarButton
+ */
+export declare type ToolbarButtonState = ComponentState<Partial<ButtonSlots>> & ButtonState & Required<Pick<ToolbarButtonProps, 'vertical'>>;
+
+declare type ToolbarCheckedValueChangeData = {
+    /** The items for this value that are checked */
+    checkedItems: string[];
+    /** The name of the value */
+    name: string;
+};
+
+declare type ToolbarCheckedValueChangeEvent = React_2.MouseEvent | React_2.KeyboardEvent;
+
+export declare const toolbarClassNames: SlotClassNames<ToolbarSlots>;
+
+export declare type ToolbarContextValue = Pick<ToolbarState, 'size' | 'vertical' | 'checkedValues'> & {
+    handleToggleButton?: ToggableHandler;
+    handleRadio?: ToggableHandler;
+};
+
+export declare type ToolbarContextValues = {
+    toolbar: ToolbarContextValue;
+};
+
+/**
+ * ToolbarDivider component
+ */
+export declare const ToolbarDivider: ForwardRefComponent<ToolbarDividerProps>;
+
+export declare type ToolbarDividerBaseProps = ToolbarDividerProps;
+
+export declare type ToolbarDividerBaseState = ComponentState<Partial<DividerSlots>> & DividerBaseState;
+
+/**
+ * ToolbarDivider Props
+ */
+export declare type ToolbarDividerProps = ComponentProps<Partial<DividerSlots>> & {
+    /**
+     * A divider can be horizontal or vertical (default).
+     *
+     * @default true
+     */
+    vertical?: boolean;
+};
+
+/**
+ * State used in rendering ToolbarDivider
+ */
+export declare type ToolbarDividerState = ComponentState<Partial<DividerSlots>> & DividerState;
+
+/**
+ * ToolbarGroup component is a Button to be used inside Toolbar
+ * which will respect toolbar props such as `size`
+ */
+export declare const ToolbarGroup: ForwardRefComponent<ToolbarGroupProps>;
+
+export declare const toolbarGroupClassNames: SlotClassNames<ToolbarGroupSlots>;
+
+/**
+ * ToolbarButton Props
+ */
+export declare type ToolbarGroupProps = ComponentProps<ToolbarGroupSlots>;
+
+declare type ToolbarGroupSlots = {
+    root: Slot<'div'>;
+};
+
+/**
+ * State used in rendering ToolbarButton
+ */
+export declare type ToolbarGroupState = ComponentState<ToolbarGroupSlots> & {
+    vertical?: boolean;
+};
+
+/**
+ * Toolbar Props
+ */
+export declare type ToolbarProps = ComponentProps<ToolbarSlots> & {
+    /**
+     * Toolbar can have small or medium size
+     *
+     * @default medium
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Toolbar can be vertical styled
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * Map of all checked values
+     */
+    checkedValues?: Record<string, string[]>;
+    /**
+     * Default values to be checked on mount
+     */
+    defaultCheckedValues?: Record<string, string[]>;
+    /**
+     * Callback when checked items change for value with a name
+     *
+     * @param event - React's original SyntheticEvent
+     * @param data - A data object with relevant information
+     */
+    onCheckedValueChange?: (e: ToolbarCheckedValueChangeEvent, data: ToolbarCheckedValueChangeData) => void;
+};
+
+/**
+ * ToolbarRadioButton component
+ */
+export declare const ToolbarRadioButton: ForwardRefComponent<ToolbarRadioButtonProps>;
+
+export declare type ToolbarRadioButtonBaseProps = DistributiveOmit<ToolbarRadioButtonProps, 'appearance'>;
+
+export declare type ToolbarRadioButtonBaseState = DistributiveOmit<ToolbarRadioButtonState, 'appearance' | 'size' | 'shape'>;
+
+/**
+ * ToolbarRadioButton Props
+ */
+export declare type ToolbarRadioButtonProps = ComponentProps<ButtonSlots> & Partial<Pick<ToggleButtonProps, 'disabled' | 'disabledFocusable' | 'size'>> & {
+    appearance?: 'primary' | 'subtle' | 'transparent';
+    name: string;
+    value: string;
+};
+
+/**
+ * State used in rendering ToolbarRadioButton
+ */
+export declare type ToolbarRadioButtonState = ComponentState<Partial<ButtonSlots>> & ToggleButtonState & Required<Pick<ToggleButtonProps, 'checked'>> & Pick<ToolbarRadioButtonProps, 'name' | 'value'>;
+
+/**
+ * ToolbarRadioGroup component is a Button to be used inside Toolbar
+ * which will respect toolbar props such as `size`
+ */
+export declare const ToolbarRadioGroup: ForwardRefComponent<ToolbarRadioGroupProps>;
+
+/**
+ * ToolbarButton Props
+ */
+export declare type ToolbarRadioGroupProps = ComponentProps<ToolbarRadioGroupSlots>;
+
+declare type ToolbarRadioGroupSlots = {
+    root: Slot<'div'>;
+};
+
+/**
+ * State used in rendering ToolbarButton
+ */
+export declare type ToolbarRadioGroupState = ComponentState<ToolbarRadioGroupSlots>;
+
+export declare type ToolbarSlots = {
+    root: Slot<'div'>;
+};
+
+/**
+ * State used in rendering Toolbar
+ */
+export declare type ToolbarState = ComponentState<ToolbarSlots> & Required<Pick<ToolbarProps, 'size' | 'checkedValues' | 'vertical'>> & Pick<ToolbarProps, 'defaultCheckedValues' | 'onCheckedValueChange'> & {
+    handleToggleButton: ToggableHandler;
+    handleRadio: ToggableHandler;
+};
+
+/**
+ * ToolbarToggleButton component
+ */
+export declare const ToolbarToggleButton: ForwardRefComponent<ToolbarToggleButtonProps>;
+
+export declare type ToolbarToggleButtonBaseProps = DistributiveOmit<ToolbarToggleButtonProps, 'appearance'>;
+
+export declare type ToolbarToggleButtonBaseState = DistributiveOmit<ToolbarToggleButtonState, 'appearance' | 'size' | 'shape'>;
+
+/**
+ * ToolbarToggleButton Props
+ */
+export declare type ToolbarToggleButtonProps = ComponentProps<ButtonSlots> & Partial<Pick<ToggleButtonProps, 'disabled' | 'disabledFocusable' | 'size'>> & {
+    appearance?: 'primary' | 'subtle' | 'transparent';
+    name: string;
+    value: string;
+};
+
+/**
+ * State used in rendering ToolbarToggleButton
+ */
+export declare type ToolbarToggleButtonState = ComponentState<Partial<ButtonSlots>> & ToggleButtonState & Required<Pick<ToggleButtonProps, 'checked'>> & Pick<ToolbarToggleButtonProps, 'name' | 'value'>;
+
+/**
+ * Create the state required to render Toolbar.
+ *
+ * The returned state can be modified with hooks such as useToolbarStyles_unstable,
+ * before being passed to renderToolbar_unstable.
+ *
+ * @param props - props from this instance of Toolbar
+ * @param ref - reference to root HTMLElement of Toolbar
+ */
+export declare const useToolbar_unstable: (props: ToolbarProps, ref: React_2.Ref<HTMLElement>) => ToolbarState;
+
+/**
+ * Base hook that builds Toolbar state for behavior and structure only.
+ * It does not add arrow key navigation, which is handled by `useToolbar_unstable`.
+ *
+ * @internal
+ * @param props - Props for this Toolbar instance.
+ * @param ref - Ref to the root HTMLElement.
+ */
+export declare const useToolbarBase_unstable: (props: ToolbarBaseProps, ref: React_2.Ref<HTMLElement>) => ToolbarBaseState;
+
+/**
+ * Given user props, defines default props for the Button, calls useButtonState and useChecked, and returns
+ * processed state.
+ * @param props - User provided props to the Button component.
+ * @param ref - User provided ref to be passed to the Button component.
+ */
+export declare const useToolbarButton_unstable: (props: ToolbarButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToolbarButtonState;
+
+/**
+ * Base hook that builds Toolbar Button state for behavior and structure only.
+ * It does not provide any design-related defaults.
+ *
+ * @internal
+ * @param props - User provided props to the Button component.
+ * @param ref - User provided ref to be passed to the Button component.
+ */
+export declare const useToolbarButtonBase_unstable: (props: ToolbarButtonBaseProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToolbarButtonBaseState;
+
+/**
+ * Apply styling to the ToolbarButton slots based on the state
+ */
+export declare const useToolbarButtonStyles_unstable: (state: ToolbarButtonState) => void;
+
+export declare const useToolbarContext_unstable: <T>(selector: ContextSelector<ToolbarContextValue, T>) => T;
+
+export declare function useToolbarContextValues_unstable(state: ToolbarState): ToolbarContextValues;
+
+/**
+ * Create the state required to render ToolbarDivider.
+ *
+ * The returned state can be modified with hooks such as useToolbarDividerStyles_unstable,
+ * before being passed to renderToolbar_unstable.
+ *
+ * @param props - props from this instance of ToolbarDivider
+ * @param ref - reference to root HTMLElement of ToolbarDivider
+ */
+export declare const useToolbarDivider_unstable: (props: ToolbarDividerProps, ref: React_2.Ref<HTMLElement>) => ToolbarDividerState;
+
+/**
+ * Base hook that builds ToolbarDivider state for behavior and structure only.
+ * It does not provide any design-related defaults.
+ *
+ * @internal
+ * @param props - props from this instance of ToolbarDivider
+ * @param ref - reference to root HTMLElement of ToolbarDivider
+ */
+export declare const useToolbarDividerBase_unstable: (props: ToolbarDividerBaseProps, ref: React_2.Ref<HTMLElement>) => ToolbarDividerBaseState;
+
+/**
+ * Apply styling to the ToolbarDivider slots based on the state
+ */
+export declare const useToolbarDividerStyles_unstable: (state: ToolbarDividerState) => ToolbarDividerState;
+
+/**
+ * Given user props, defines default props for the Group
+ * @param props - User provided props to the Group component.
+ * @param ref - User provided ref to be passed to the Group component.
+ */
+export declare const useToolbarGroup_unstable: (props: ToolbarGroupProps, ref: React_2.Ref<HTMLDivElement>) => ToolbarGroupState;
+
+/**
+ * Apply styling to the Toolbar slots based on the state
+ */
+export declare const useToolbarGroupStyles_unstable: (state: ToolbarGroupState) => ToolbarGroupState;
+
+/**
+ * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns
+ * processed state.
+ * @param props - User provided props to the RadioButton component.
+ * @param ref - User provided ref to be passed to the RadioButton component.
+ */
+export declare const useToolbarRadioButton_unstable: (props: ToolbarRadioButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToolbarRadioButtonState;
+
+/**
+ * Base hook that builds Toolbar RadioButton state for behavior and structure only.
+ * It does not provide any design-related defaults.
+ *
+ * @internal
+ * @param props - User provided props to the RadioButton component.
+ * @param ref - User provided ref to be passed to the RadioButton component.
+ */
+export declare const useToolbarRadioButtonBase_unstable: (props: ToolbarRadioButtonBaseProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToolbarRadioButtonBaseState;
+
+/**
+ * Apply styling to the ToolbarRadioButton slots based on the state
+ */
+export declare const useToolbarRadioButtonStyles_unstable: (state: ToolbarRadioButtonState) => ToolbarRadioButtonState;
+
+/**
+ * Apply styling to the Toolbar slots based on the state
+ */
+export declare const useToolbarStyles_unstable: (state: ToolbarState) => ToolbarState;
+
+/**
+ * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
+ * processed state.
+ * @param props - User provided props to the ToggleButton component.
+ * @param ref - User provided ref to be passed to the ToggleButton component.
+ */
+export declare const useToolbarToggleButton_unstable: (props: ToolbarToggleButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToolbarToggleButtonState;
+
+/**
+ * Base hook that builds Toolbar ToggleButton state for behavior and structure only.
+ * It does not provide any design-related defaults.
+ *
+ * @internal
+ * @param props - User provided props to the ToggleButton component.
+ * @param ref - User provided ref to be passed to the ToggleButton component.
+ */
+export declare const useToolbarToggleButtonBase_unstable: (props: ToolbarToggleButtonBaseProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToolbarToggleButtonBaseState;
+
+/**
+ * Apply styling to the ToolbarToggleButton slots based on the state
+ */
+export declare const useToolbarToggleButtonStyles_unstable: (state: ToolbarToggleButtonState) => ToolbarToggleButtonState;
+
+export { }

package/lib/Toolbar.js

@@ -1 +1 @@
-export { Toolbar, renderToolbar_unstable, toolbarClassNames, useToolbarStyles_unstable, useToolbar_unstable, useToolbarBase_unstable, useToolbarContext_unstable, useToolbarContextValues_unstable } from './components/Toolbar/index';
+export { Toolbar, renderToolbar_unstable, toolbarClassNames, useToolbarStyles_unstable, useToolbar_unstable, useToolbarBase_unstable, useToolbarContext_unstable, useToolbarContextValues_unstable } from "./components/Toolbar/index.js";

package/lib/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Toolbar.ts"],"sourcesContent":["export type {\n  ToggableHandler,\n  ToolbarCheckedValueChangeData,\n  ToolbarCheckedValueChangeEvent,\n  ToolbarContextValue,\n  ToolbarContextValues,\n  ToolbarBaseProps,\n  ToolbarProps,\n  ToolbarSlots,\n  ToolbarBaseState,\n  ToolbarState,\n  UninitializedToolbarState,\n} from './components/Toolbar/index';\nexport {\n  Toolbar,\n  renderToolbar_unstable,\n  toolbarClassNames,\n  useToolbarStyles_unstable,\n  useToolbar_unstable,\n  useToolbarBase_unstable,\n  useToolbarContext_unstable,\n  useToolbarContextValues_unstable,\n} from './components/Toolbar/index';\n"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","useToolbarBase_unstable","useToolbarContext_unstable","useToolbarContextValues_unstable"],"mappings":"AAaA,SACEA,OAAO,EACPC,sBAAsB,EACtBC,iBAAiB,EACjBC,yBAAyB,EACzBC,mBAAmB,EACnBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,gCAAgC,QAC3B,6BAA6B"}
+{"version":3,"sources":["../src/Toolbar.ts"],"sourcesContent":["export type {\n  ToggableHandler,\n  ToolbarCheckedValueChangeData,\n  ToolbarCheckedValueChangeEvent,\n  ToolbarContextValue,\n  ToolbarContextValues,\n  ToolbarBaseProps,\n  ToolbarProps,\n  ToolbarSlots,\n  ToolbarBaseState,\n  ToolbarState,\n  UninitializedToolbarState,\n} from './components/Toolbar/index';\nexport {\n  Toolbar,\n  renderToolbar_unstable,\n  toolbarClassNames,\n  useToolbarStyles_unstable,\n  useToolbar_unstable,\n  useToolbarBase_unstable,\n  useToolbarContext_unstable,\n  useToolbarContextValues_unstable,\n} from './components/Toolbar/index';\n"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","useToolbarBase_unstable","useToolbarContext_unstable","useToolbarContextValues_unstable"],"mappings":"AAaA,SACEA,OAAO,EACPC,sBAAsB,EACtBC,iBAAiB,EACjBC,yBAAyB,EACzBC,mBAAmB,EACnBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,gCAAgC,QAC3B,gCAA6B"}

package/lib/ToolbarButton.js

@@ -1 +1 @@
-export { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable, useToolbarButtonBase_unstable } from './components/ToolbarButton/index';
+export { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable, useToolbarButtonBase_unstable } from "./components/ToolbarButton/index.js";

package/lib/ToolbarButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ToolbarButton.ts"],"sourcesContent":["export type {\n  ToolbarButtonBaseState,\n  ToolbarButtonProps,\n  ToolbarButtonBaseProps,\n  ToolbarButtonState,\n} from './components/ToolbarButton/index';\nexport {\n  ToolbarButton,\n  useToolbarButtonStyles_unstable,\n  useToolbarButton_unstable,\n  useToolbarButtonBase_unstable,\n} from './components/ToolbarButton/index';\n"],"names":["ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","useToolbarButtonBase_unstable"],"mappings":"AAMA,SACEA,aAAa,EACbC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,QACxB,mCAAmC"}
+{"version":3,"sources":["../src/ToolbarButton.ts"],"sourcesContent":["export type {\n  ToolbarButtonBaseState,\n  ToolbarButtonProps,\n  ToolbarButtonBaseProps,\n  ToolbarButtonState,\n} from './components/ToolbarButton/index';\nexport {\n  ToolbarButton,\n  useToolbarButtonStyles_unstable,\n  useToolbarButton_unstable,\n  useToolbarButtonBase_unstable,\n} from './components/ToolbarButton/index';\n"],"names":["ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","useToolbarButtonBase_unstable"],"mappings":"AAMA,SACEA,aAAa,EACbC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,QACxB,sCAAmC"}

package/lib/ToolbarDivider.js

@@ -1 +1 @@
-export { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable, useToolbarDividerBase_unstable } from './components/ToolbarDivider/index';
+export { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable, useToolbarDividerBase_unstable } from "./components/ToolbarDivider/index.js";

package/lib/ToolbarDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ToolbarDivider.ts"],"sourcesContent":["export type {\n  ToolbarDividerBaseState,\n  ToolbarDividerProps,\n  ToolbarDividerBaseProps,\n  ToolbarDividerState,\n} from './components/ToolbarDivider/index';\nexport {\n  ToolbarDivider,\n  useToolbarDividerStyles_unstable,\n  useToolbarDivider_unstable,\n  useToolbarDividerBase_unstable,\n} from './components/ToolbarDivider/index';\n"],"names":["ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","useToolbarDividerBase_unstable"],"mappings":"AAMA,SACEA,cAAc,EACdC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,oCAAoC"}
+{"version":3,"sources":["../src/ToolbarDivider.ts"],"sourcesContent":["export type {\n  ToolbarDividerBaseState,\n  ToolbarDividerProps,\n  ToolbarDividerBaseProps,\n  ToolbarDividerState,\n} from './components/ToolbarDivider/index';\nexport {\n  ToolbarDivider,\n  useToolbarDividerStyles_unstable,\n  useToolbarDivider_unstable,\n  useToolbarDividerBase_unstable,\n} from './components/ToolbarDivider/index';\n"],"names":["ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","useToolbarDividerBase_unstable"],"mappings":"AAMA,SACEA,cAAc,EACdC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,uCAAoC"}

package/lib/ToolbarGroup.js

@@ -1 +1 @@
-export { ToolbarGroup, renderToolbarGroup_unstable, toolbarGroupClassNames, useToolbarGroupStyles_unstable, useToolbarGroup_unstable } from './components/ToolbarGroup/index';
+export { ToolbarGroup, renderToolbarGroup_unstable, toolbarGroupClassNames, useToolbarGroupStyles_unstable, useToolbarGroup_unstable } from "./components/ToolbarGroup/index.js";

package/lib/ToolbarGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ToolbarGroup.ts"],"sourcesContent":["export type { ToolbarGroupProps, ToolbarGroupSlots, ToolbarGroupState } from './components/ToolbarGroup/index';\nexport {\n  ToolbarGroup,\n  renderToolbarGroup_unstable,\n  toolbarGroupClassNames,\n  useToolbarGroupStyles_unstable,\n  useToolbarGroup_unstable,\n} from './components/ToolbarGroup/index';\n"],"names":["ToolbarGroup","renderToolbarGroup_unstable","toolbarGroupClassNames","useToolbarGroupStyles_unstable","useToolbarGroup_unstable"],"mappings":"AACA,SACEA,YAAY,EACZC,2BAA2B,EAC3BC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,QACnB,kCAAkC"}
+{"version":3,"sources":["../src/ToolbarGroup.ts"],"sourcesContent":["export type { ToolbarGroupProps, ToolbarGroupSlots, ToolbarGroupState } from './components/ToolbarGroup/index';\nexport {\n  ToolbarGroup,\n  renderToolbarGroup_unstable,\n  toolbarGroupClassNames,\n  useToolbarGroupStyles_unstable,\n  useToolbarGroup_unstable,\n} from './components/ToolbarGroup/index';\n"],"names":["ToolbarGroup","renderToolbarGroup_unstable","toolbarGroupClassNames","useToolbarGroupStyles_unstable","useToolbarGroup_unstable"],"mappings":"AACA,SACEA,YAAY,EACZC,2BAA2B,EAC3BC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,QACnB,qCAAkC"}

package/lib/ToolbarRadioButton.js

@@ -1 +1 @@
-export { ToolbarRadioButton, useToolbarRadioButtonStyles_unstable, useToolbarRadioButton_unstable, useToolbarRadioButtonBase_unstable } from './components/ToolbarRadioButton/index';
+export { ToolbarRadioButton, useToolbarRadioButtonStyles_unstable, useToolbarRadioButton_unstable, useToolbarRadioButtonBase_unstable } from "./components/ToolbarRadioButton/index.js";

package/lib/ToolbarRadioButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ToolbarRadioButton.ts"],"sourcesContent":["export type {\n  ToolbarRadioButtonBaseProps,\n  ToolbarRadioButtonProps,\n  ToolbarRadioButtonBaseState,\n  ToolbarRadioButtonState,\n} from './components/ToolbarRadioButton/index';\nexport {\n  ToolbarRadioButton,\n  useToolbarRadioButtonStyles_unstable,\n  useToolbarRadioButton_unstable,\n  useToolbarRadioButtonBase_unstable,\n} from './components/ToolbarRadioButton/index';\n"],"names":["ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","useToolbarRadioButtonBase_unstable"],"mappings":"AAMA,SACEA,kBAAkB,EAClBC,oCAAoC,EACpCC,8BAA8B,EAC9BC,kCAAkC,QAC7B,wCAAwC"}
+{"version":3,"sources":["../src/ToolbarRadioButton.ts"],"sourcesContent":["export type {\n  ToolbarRadioButtonBaseProps,\n  ToolbarRadioButtonProps,\n  ToolbarRadioButtonBaseState,\n  ToolbarRadioButtonState,\n} from './components/ToolbarRadioButton/index';\nexport {\n  ToolbarRadioButton,\n  useToolbarRadioButtonStyles_unstable,\n  useToolbarRadioButton_unstable,\n  useToolbarRadioButtonBase_unstable,\n} from './components/ToolbarRadioButton/index';\n"],"names":["ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","useToolbarRadioButtonBase_unstable"],"mappings":"AAMA,SACEA,kBAAkB,EAClBC,oCAAoC,EACpCC,8BAA8B,EAC9BC,kCAAkC,QAC7B,2CAAwC"}

package/lib/ToolbarRadioGroup.js

@@ -1 +1 @@
-export { ToolbarRadioGroup } from './components/ToolbarRadioGroup/index';
+export { ToolbarRadioGroup } from "./components/ToolbarRadioGroup/index.js";

package/lib/ToolbarRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ToolbarRadioGroup.ts"],"sourcesContent":["export type {\n  ToolbarRadioGroupProps,\n  ToolbarRadioGroupSlots,\n  ToolbarRadioGroupState,\n} from './components/ToolbarRadioGroup/index';\nexport { ToolbarRadioGroup } from './components/ToolbarRadioGroup/index';\n"],"names":["ToolbarRadioGroup"],"mappings":"AAKA,SAASA,iBAAiB,QAAQ,uCAAuC"}
+{"version":3,"sources":["../src/ToolbarRadioGroup.ts"],"sourcesContent":["export type {\n  ToolbarRadioGroupProps,\n  ToolbarRadioGroupSlots,\n  ToolbarRadioGroupState,\n} from './components/ToolbarRadioGroup/index';\nexport { ToolbarRadioGroup } from './components/ToolbarRadioGroup/index';\n"],"names":["ToolbarRadioGroup"],"mappings":"AAKA,SAASA,iBAAiB,QAAQ,0CAAuC"}

package/lib/ToolbarToggleButton.js

@@ -1 +1 @@
-export { ToolbarToggleButton, useToolbarToggleButtonStyles_unstable, useToolbarToggleButton_unstable, useToolbarToggleButtonBase_unstable } from './components/ToolbarToggleButton/index';
+export { ToolbarToggleButton, useToolbarToggleButtonStyles_unstable, useToolbarToggleButton_unstable, useToolbarToggleButtonBase_unstable } from "./components/ToolbarToggleButton/index.js";

package/lib/ToolbarToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ToolbarToggleButton.ts"],"sourcesContent":["export type {\n  ToolbarToggleButtonBaseProps,\n  ToolbarToggleButtonProps,\n  ToolbarToggleButtonBaseState,\n  ToolbarToggleButtonState,\n} from './components/ToolbarToggleButton/index';\nexport {\n  ToolbarToggleButton,\n  useToolbarToggleButtonStyles_unstable,\n  useToolbarToggleButton_unstable,\n  useToolbarToggleButtonBase_unstable,\n} from './components/ToolbarToggleButton/index';\n"],"names":["ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonBase_unstable"],"mappings":"AAMA,SACEA,mBAAmB,EACnBC,qCAAqC,EACrCC,+BAA+B,EAC/BC,mCAAmC,QAC9B,yCAAyC"}
+{"version":3,"sources":["../src/ToolbarToggleButton.ts"],"sourcesContent":["export type {\n  ToolbarToggleButtonBaseProps,\n  ToolbarToggleButtonProps,\n  ToolbarToggleButtonBaseState,\n  ToolbarToggleButtonState,\n} from './components/ToolbarToggleButton/index';\nexport {\n  ToolbarToggleButton,\n  useToolbarToggleButtonStyles_unstable,\n  useToolbarToggleButton_unstable,\n  useToolbarToggleButtonBase_unstable,\n} from './components/ToolbarToggleButton/index';\n"],"names":["ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonBase_unstable"],"mappings":"AAMA,SACEA,mBAAmB,EACnBC,qCAAqC,EACrCC,+BAA+B,EAC/BC,mCAAmC,QAC9B,4CAAyC"}

package/lib/components/Toolbar/Toolbar.js

@@ -1,10 +1,10 @@
 'use client';
-import * as React from 'react';
-import { useToolbar_unstable } from './useToolbar';
-import { renderToolbar_unstable } from './renderToolbar';
-import { useToolbarStyles_unstable } from './useToolbarStyles.styles';
-import { useToolbarContextValues_unstable } from './useToolbarContextValues';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import * as React from "react";
+import { useToolbar_unstable } from "./useToolbar.js";
+import { renderToolbar_unstable } from "./renderToolbar.js";
+import { useToolbarStyles_unstable } from "./useToolbarStyles.styles.js";
+import { useToolbarContextValues_unstable } from "./useToolbarContextValues.js";
+import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
 /**
  * Toolbar component
  */ export const Toolbar = /*#__PURE__*/ React.forwardRef((props, ref)=>{

package/lib/components/Toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useToolbar_unstable } from './useToolbar';\nimport { renderToolbar_unstable } from './renderToolbar';\nimport { useToolbarStyles_unstable } from './useToolbarStyles.styles';\nimport type { ToolbarProps } from './Toolbar.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Toolbar component\n */\nexport const Toolbar: ForwardRefComponent<ToolbarProps> = React.forwardRef((props, ref) => {\n  const state = useToolbar_unstable(props, ref);\n  const contextValues = useToolbarContextValues_unstable(state);\n\n  useToolbarStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useToolbarStyles_unstable')(state);\n\n  return renderToolbar_unstable(state, contextValues);\n});\n\nToolbar.displayName = 'Toolbar';\n"],"names":["React","useToolbar_unstable","renderToolbar_unstable","useToolbarStyles_unstable","useToolbarContextValues_unstable","useCustomStyleHook_unstable","Toolbar","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,yBAAyB,QAAQ,4BAA4B;AAGtE,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,wBAA6CN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,QAAQT,oBAAoBO,OAAOC;IACzC,MAAME,gBAAgBP,iCAAiCM;IAEvDP,0BAA0BO;IAE1BL,4BAA4B,6BAA6BK;IAEzD,OAAOR,uBAAuBQ,OAAOC;AACvC,GAAG;AAEHL,QAAQM,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useToolbar_unstable } from './useToolbar';\nimport { renderToolbar_unstable } from './renderToolbar';\nimport { useToolbarStyles_unstable } from './useToolbarStyles.styles';\nimport type { ToolbarProps } from './Toolbar.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Toolbar component\n */\nexport const Toolbar: ForwardRefComponent<ToolbarProps> = React.forwardRef((props, ref) => {\n  const state = useToolbar_unstable(props, ref);\n  const contextValues = useToolbarContextValues_unstable(state);\n\n  useToolbarStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useToolbarStyles_unstable')(state);\n\n  return renderToolbar_unstable(state, contextValues);\n});\n\nToolbar.displayName = 'Toolbar';\n"],"names":["React","useToolbar_unstable","renderToolbar_unstable","useToolbarStyles_unstable","useToolbarContextValues_unstable","useCustomStyleHook_unstable","Toolbar","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,kBAAe;AACnD,SAASC,sBAAsB,QAAQ,qBAAkB;AACzD,SAASC,yBAAyB,QAAQ,+BAA4B;AAGtE,SAASC,gCAAgC,QAAQ,+BAA4B;AAC7E,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,wBAA6CN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,QAAQT,oBAAoBO,OAAOC;IACzC,MAAME,gBAAgBP,iCAAiCM;IAEvDP,0BAA0BO;IAE1BL,4BAA4B,6BAA6BK;IAEzD,OAAOR,uBAAuBQ,OAAOC;AACvC,GAAG;AAEHL,QAAQM,WAAW,GAAG"}

package/lib/components/Toolbar/ToolbarContext.js

@@ -1,5 +1,5 @@
 'use client';
-import { createContext, useContextSelector } from '@fluentui/react-context-selector';
+import { createContext, useContextSelector } from "@fluentui/react-context-selector";
 export const ToolbarContext = createContext(undefined);
 const toolbarContextDefaultValue = {
     size: 'medium',

package/lib/components/Toolbar/index.js

@@ -1,6 +1,6 @@
-export { useToolbarContext_unstable } from './ToolbarContext';
-export { Toolbar } from './Toolbar';
-export { renderToolbar_unstable } from './renderToolbar';
-export { useToolbar_unstable, useToolbarBase_unstable } from './useToolbar';
-export { useToolbarContextValues_unstable } from './useToolbarContextValues';
-export { toolbarClassNames, useToolbarStyles_unstable } from './useToolbarStyles.styles';
+export { useToolbarContext_unstable } from "./ToolbarContext.js";
+export { Toolbar } from "./Toolbar.js";
+export { renderToolbar_unstable } from "./renderToolbar.js";
+export { useToolbar_unstable, useToolbarBase_unstable } from "./useToolbar.js";
+export { useToolbarContextValues_unstable } from "./useToolbarContextValues.js";
+export { toolbarClassNames, useToolbarStyles_unstable } from "./useToolbarStyles.styles.js";

package/lib/components/Toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Toolbar/index.ts"],"sourcesContent":["export { useToolbarContext_unstable } from './ToolbarContext';\nexport { Toolbar } from './Toolbar';\nexport type {\n  ToggableHandler,\n  ToolbarCheckedValueChangeData,\n  ToolbarCheckedValueChangeEvent,\n  ToolbarContextValue,\n  ToolbarContextValues,\n  ToolbarBaseProps,\n  ToolbarProps,\n  ToolbarSlots,\n  ToolbarBaseState,\n  ToolbarState,\n  UninitializedToolbarState,\n} from './Toolbar.types';\nexport { renderToolbar_unstable } from './renderToolbar';\nexport { useToolbar_unstable, useToolbarBase_unstable } from './useToolbar';\nexport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nexport { toolbarClassNames, useToolbarStyles_unstable } from './useToolbarStyles.styles';\n"],"names":["useToolbarContext_unstable","Toolbar","renderToolbar_unstable","useToolbar_unstable","useToolbarBase_unstable","useToolbarContextValues_unstable","toolbarClassNames","useToolbarStyles_unstable"],"mappings":"AAAA,SAASA,0BAA0B,QAAQ,mBAAmB;AAC9D,SAASC,OAAO,QAAQ,YAAY;AAcpC,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,mBAAmB,EAAEC,uBAAuB,QAAQ,eAAe;AAC5E,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,4BAA4B"}
+{"version":3,"sources":["../src/components/Toolbar/index.ts"],"sourcesContent":["export { useToolbarContext_unstable } from './ToolbarContext';\nexport { Toolbar } from './Toolbar';\nexport type {\n  ToggableHandler,\n  ToolbarCheckedValueChangeData,\n  ToolbarCheckedValueChangeEvent,\n  ToolbarContextValue,\n  ToolbarContextValues,\n  ToolbarBaseProps,\n  ToolbarProps,\n  ToolbarSlots,\n  ToolbarBaseState,\n  ToolbarState,\n  UninitializedToolbarState,\n} from './Toolbar.types';\nexport { renderToolbar_unstable } from './renderToolbar';\nexport { useToolbar_unstable, useToolbarBase_unstable } from './useToolbar';\nexport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nexport { toolbarClassNames, useToolbarStyles_unstable } from './useToolbarStyles.styles';\n"],"names":["useToolbarContext_unstable","Toolbar","renderToolbar_unstable","useToolbar_unstable","useToolbarBase_unstable","useToolbarContextValues_unstable","toolbarClassNames","useToolbarStyles_unstable"],"mappings":"AAAA,SAASA,0BAA0B,QAAQ,sBAAmB;AAC9D,SAASC,OAAO,QAAQ,eAAY;AAcpC,SAASC,sBAAsB,QAAQ,qBAAkB;AACzD,SAASC,mBAAmB,EAAEC,uBAAuB,QAAQ,kBAAe;AAC5E,SAASC,gCAAgC,QAAQ,+BAA4B;AAC7E,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,+BAA4B"}

package/lib/components/Toolbar/renderToolbar.js

@@ -1,6 +1,6 @@
   import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { assertSlots } from '@fluentui/react-utilities';
-import { ToolbarContext } from './ToolbarContext';
+import { assertSlots } from "@fluentui/react-utilities";
+import { ToolbarContext } from "./ToolbarContext.js";
 /**
  * Render the final JSX of Toolbar
  */ export const renderToolbar_unstable = (state, contextValues)=>{

package/lib/components/Toolbar/renderToolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Toolbar/renderToolbar.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { ToolbarBaseState, ToolbarSlots, ToolbarContextValues } from './Toolbar.types';\nimport { ToolbarContext } from './ToolbarContext';\n\n/**\n * Render the final JSX of Toolbar\n */\nexport const renderToolbar_unstable = (state: ToolbarBaseState, contextValues: ToolbarContextValues): JSXElement => {\n  assertSlots<ToolbarSlots>(state);\n\n  return (\n    <ToolbarContext.Provider value={contextValues.toolbar}>\n      <state.root>{state.root.children}</state.root>\n    </ToolbarContext.Provider>\n  );\n};\n"],"names":["assertSlots","ToolbarContext","renderToolbar_unstable","state","contextValues","Provider","value","toolbar","root","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD,SAASC,cAAc,QAAQ,mBAAmB;AAElD;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC,OAAyBC;IAC9DJ,YAA0BG;IAE1B,qBACE,KAACF,eAAeI,QAAQ;QAACC,OAAOF,cAAcG,OAAO;kBACnD,cAAA,KAACJ,MAAMK,IAAI;sBAAEL,MAAMK,IAAI,CAACC,QAAQ;;;AAGtC,EAAE"}
+{"version":3,"sources":["../src/components/Toolbar/renderToolbar.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { ToolbarBaseState, ToolbarSlots, ToolbarContextValues } from './Toolbar.types';\nimport { ToolbarContext } from './ToolbarContext';\n\n/**\n * Render the final JSX of Toolbar\n */\nexport const renderToolbar_unstable = (state: ToolbarBaseState, contextValues: ToolbarContextValues): JSXElement => {\n  assertSlots<ToolbarSlots>(state);\n\n  return (\n    <ToolbarContext.Provider value={contextValues.toolbar}>\n      <state.root>{state.root.children}</state.root>\n    </ToolbarContext.Provider>\n  );\n};\n"],"names":["assertSlots","ToolbarContext","renderToolbar_unstable","state","contextValues","Provider","value","toolbar","root","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD,SAASC,cAAc,QAAQ,sBAAmB;AAElD;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC,OAAyBC;IAC9DJ,YAA0BG;IAE1B,qBACE,KAACF,eAAeI,QAAQ;QAACC,OAAOF,cAAcG,OAAO;kBACnD,cAAA,KAACJ,MAAMK,IAAI;sBAAEL,MAAMK,IAAI,CAACC,QAAQ;;;AAGtC,EAAE"}

package/lib/components/Toolbar/useToolbar.js

@@ -1,6 +1,6 @@
 'use client';
-import { useEventCallback, useControllableState, getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
-import { useArrowNavigationGroup } from '@fluentui/react-tabster';
+import { useEventCallback, useControllableState, getIntrinsicElementProps, slot } from "@fluentui/react-utilities";
+import { useArrowNavigationGroup } from "@fluentui/react-tabster";
 /**
  * Create the state required to render Toolbar.
  *

package/lib/components/Toolbar/useToolbarContextValues.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 export function useToolbarContextValues_unstable(state) {
     const { size, handleToggleButton, vertical, checkedValues, handleRadio } = state;
     const toolbar = React.useMemo(()=>({

package/lib/components/Toolbar/useToolbarStyles.styles.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { __styles, mergeClasses } from '@griffel/react';
+import { __styles, mergeClasses } from "@griffel/react";
 export const toolbarClassNames = {
   root: 'fui-Toolbar'
 };

package/lib/components/Toolbar/useToolbarStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","toolbarClassNames","root","useStyles","mc9l5x","Bt984gj","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","vertical","Beiy3e4","a9b677","small","medium","large","d","p","useToolbarStyles_unstable","state","styles","size","className"],"sources":["useToolbarStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const toolbarClassNames = {\n    root: 'fui-Toolbar'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        alignItems: 'center',\n        padding: '4px 8px'\n    },\n    vertical: {\n        flexDirection: 'column',\n        width: 'fit-content'\n    },\n    small: {\n        padding: '0px 4px'\n    },\n    medium: {\n        padding: '4px 8px'\n    },\n    large: {\n        padding: '4px 20px'\n    }\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */ export const useToolbarStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { vertical, size } = state;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(toolbarClassNames.root, styles.root, vertical && styles.vertical, size === 'small' && !vertical && styles.small, size === 'medium' && !vertical && styles.medium, size === 'large' && !vertical && styles.large, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAR,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAK,MAAA;IAAAT,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAM,KAAA;IAAAV,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAO,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAmBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,GAAIC,KAAK,IAAG;EAClD,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEQ,QAAQ;IAAEW;EAAK,CAAC,GAAGF,KAAK;EAChC;EACAA,KAAK,CAAClB,IAAI,CAACqB,SAAS,GAAGvB,YAAY,CAACC,iBAAiB,CAACC,IAAI,EAAEmB,MAAM,CAACnB,IAAI,EAAES,QAAQ,IAAIU,MAAM,CAACV,QAAQ,EAAEW,IAAI,KAAK,OAAO,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACP,KAAK,EAAEQ,IAAI,KAAK,QAAQ,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACN,MAAM,EAAEO,IAAI,KAAK,OAAO,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACL,KAAK,EAAEI,KAAK,CAAClB,IAAI,CAACqB,SAAS,CAAC;EAC1Q,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","toolbarClassNames","root","useStyles","mc9l5x","Bt984gj","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","vertical","Beiy3e4","a9b677","small","medium","large","d","p","useToolbarStyles_unstable","state","styles","size","className"],"sources":["useToolbarStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nexport const toolbarClassNames = {\n    root: 'fui-Toolbar'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        alignItems: 'center',\n        padding: '4px 8px'\n    },\n    vertical: {\n        flexDirection: 'column',\n        width: 'fit-content'\n    },\n    small: {\n        padding: '0px 4px'\n    },\n    medium: {\n        padding: '4px 8px'\n    },\n    large: {\n        padding: '4px 20px'\n    }\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */ export const useToolbarStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { vertical, size } = state;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(toolbarClassNames.root, styles.root, vertical && styles.vertical, size === 'small' && !vertical && styles.small, size === 'medium' && !vertical && styles.medium, size === 'large' && !vertical && styles.large, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAR,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAK,MAAA;IAAAT,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAM,KAAA;IAAAV,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAO,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAmBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,GAAIC,KAAK,IAAG;EAClD,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEQ,QAAQ;IAAEW;EAAK,CAAC,GAAGF,KAAK;EAChC;EACAA,KAAK,CAAClB,IAAI,CAACqB,SAAS,GAAGvB,YAAY,CAACC,iBAAiB,CAACC,IAAI,EAAEmB,MAAM,CAACnB,IAAI,EAAES,QAAQ,IAAIU,MAAM,CAACV,QAAQ,EAAEW,IAAI,KAAK,OAAO,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACP,KAAK,EAAEQ,IAAI,KAAK,QAAQ,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACN,MAAM,EAAEO,IAAI,KAAK,OAAO,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACL,KAAK,EAAEI,KAAK,CAAClB,IAAI,CAACqB,SAAS,CAAC;EAC1Q,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}