@fluentui/react-toolbar 9.0.0-rc.5 → 9.0.0

package/lib-amd/components/ToolbarDivider/useToolbarDivider.js

@@ -0,0 +1,20 @@
+define(["require", "exports", "tslib", "@fluentui/react-divider", "../Toolbar/ToolbarContext"], function (require, exports, tslib_1, react_divider_1, ToolbarContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useToolbarDivider_unstable = void 0;
+    /**
+     * 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
+     */
+    var useToolbarDivider_unstable = function (props, ref) {
+        var vertical = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.vertical; });
+        return react_divider_1.useDivider_unstable(tslib_1.__assign({ vertical: !vertical }, props), ref);
+    };
+    exports.useToolbarDivider_unstable = useToolbarDivider_unstable;
+});
+//# sourceMappingURL=useToolbarDivider.js.map

package/lib-amd/components/ToolbarDivider/useToolbarDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarDivider.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarDivider/useToolbarDivider.ts"],"names":[],"mappings":";;;;IAKA;;;;;;;;OAQG;IACI,IAAM,0BAA0B,GAAG,UACxC,KAA0B,EAC1B,GAA2B;QAE3B,IAAM,QAAQ,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,QAAQ,EAAZ,CAAY,CAAC,CAAC;QACjE,OAAO,mCAAmB,oBAAG,QAAQ,EAAE,CAAC,QAAQ,IAAK,KAAK,GAAI,GAAG,CAAC,CAAC;IACrE,CAAC,CAAC;IANW,QAAA,0BAA0B,8BAMrC","sourcesContent":["import * as React from 'react';\nimport { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider.types';\nimport { useDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n\n/**\n * Create the state required to render ToolbarDivider.\n *\n * The returned state can be modified with hooks such as useToolbarDividerStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of ToolbarDivider\n * @param ref - reference to root HTMLElement of ToolbarDivider\n */\nexport const useToolbarDivider_unstable = (\n  props: ToolbarDividerProps,\n  ref: React.Ref<HTMLElement>,\n): ToolbarDividerState => {\n  const vertical = useToolbarContext_unstable(ctx => ctx.vertical);\n  return useDivider_unstable({ vertical: !vertical, ...props }, ref);\n};\n"]}

package/lib-amd/components/ToolbarDivider/useToolbarDividerStyles.js

@@ -0,0 +1,27 @@
+define(["require", "exports", "@griffel/react", "@fluentui/react-divider"], function (require, exports, react_1, react_divider_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useToolbarDividerStyles_unstable = void 0;
+    var useBaseStyles = react_1.makeStyles({
+        // Base styles
+        root: {
+            display: 'inline-flex',
+            maxWidth: '1px',
+        },
+        vertical: {
+            maxWidth: 'initial',
+        },
+    });
+    /**
+     * Apply styling to the ToolbarDivider slots based on the state
+     */
+    var useToolbarDividerStyles_unstable = function (state) {
+        react_divider_1.useDividerStyles_unstable(state);
+        var vertical = state.vertical;
+        var toolbarDividerStyles = useBaseStyles();
+        state.root.className = react_1.mergeClasses(state.root.className, toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical);
+        return state;
+    };
+    exports.useToolbarDividerStyles_unstable = useToolbarDividerStyles_unstable;
+});
+//# sourceMappingURL=useToolbarDividerStyles.js.map

package/lib-amd/components/ToolbarDivider/useToolbarDividerStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarDividerStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarDivider/useToolbarDividerStyles.ts"],"names":[],"mappings":";;;;IAIA,IAAM,aAAa,GAAG,kBAAU,CAAC;QAC/B,cAAc;QACd,IAAI,EAAE;YACJ,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,KAAK;SAChB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,SAAS;SACpB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,gCAAgC,GAAG,UAAC,KAA0B;QACzE,yCAAyB,CAAC,KAAK,CAAC,CAAC;QACzB,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;QAC3B,IAAM,oBAAoB,GAAG,aAAa,EAAE,CAAC;QAC7C,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CACjC,KAAK,CAAC,IAAI,CAAC,SAAS,EACpB,oBAAoB,CAAC,IAAI,EACzB,CAAC,QAAQ,IAAI,oBAAoB,CAAC,QAAQ,CAC3C,CAAC;QACF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAVW,QAAA,gCAAgC,oCAU3C","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nimport type { ToolbarDividerState } from './ToolbarDivider.types';\n\nconst useBaseStyles = makeStyles({\n  // Base styles\n  root: {\n    display: 'inline-flex',\n    maxWidth: '1px',\n  },\n  vertical: {\n    maxWidth: 'initial',\n  },\n});\n\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */\nexport const useToolbarDividerStyles_unstable = (state: ToolbarDividerState): ToolbarDividerState => {\n  useDividerStyles_unstable(state);\n  const { vertical } = state;\n  const toolbarDividerStyles = useBaseStyles();\n  state.root.className = mergeClasses(\n    state.root.className,\n    toolbarDividerStyles.root,\n    !vertical && toolbarDividerStyles.vertical,\n  );\n  return state;\n};\n"]}

package/lib-amd/components/ToolbarGroup/ToolbarGroup.js

@@ -0,0 +1,17 @@
+define(["require", "exports", "react", "./useToolbarGroup", "./useToolbarGroupStyles", "./renderToolbarGroup"], function (require, exports, React, useToolbarGroup_1, useToolbarGroupStyles_1, renderToolbarGroup_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ToolbarGroup = void 0;
+    /**
+     * ToolbarGroup component is a Button to be used inside Toolbar
+     * which will respect toolbar props such as `size`
+     */
+    exports.ToolbarGroup = React.forwardRef(function (props, ref) {
+        var state = useToolbarGroup_1.useToolbarGroup_unstable(props, ref);
+        useToolbarGroupStyles_1.useToolbarGroupStyles_unstable(state);
+        return renderToolbarGroup_1.renderToolbarGroup_unstable(state);
+        // Casting is required due to lack of distributive union to support unions on @types/react
+    });
+    exports.ToolbarGroup.displayName = 'ToolbarGroup';
+});
+//# sourceMappingURL=ToolbarGroup.js.map

package/lib-amd/components/ToolbarGroup/ToolbarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarGroup/ToolbarGroup.tsx"],"names":[],"mappings":";;;;IAOA;;;OAGG;IACU,QAAA,YAAY,GAA2C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC9F,IAAM,KAAK,GAAG,0CAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACnD,sDAA8B,CAAC,KAAK,CAAC,CAAC;QACtC,OAAO,gDAA2B,CAAC,KAAK,CAAC,CAAC;QAC1C,0FAA0F;IAC5F,CAAC,CAA2C,CAAC;IAE7C,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\nimport type { ToolbarGroupProps } from './ToolbarGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useToolbarGroup_unstable } from './useToolbarGroup';\nimport { useToolbarGroupStyles_unstable } from './useToolbarGroupStyles';\nimport { renderToolbarGroup_unstable } from './renderToolbarGroup';\n\n/**\n * ToolbarGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarGroup: ForwardRefComponent<ToolbarGroupProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarGroup_unstable(props, ref);\n  useToolbarGroupStyles_unstable(state);\n  return renderToolbarGroup_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToolbarGroupProps>;\n\nToolbarGroup.displayName = 'ToolbarGroup';\n"]}

package/lib-amd/components/ToolbarGroup/ToolbarGroup.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=ToolbarGroup.types.js.map

package/lib-amd/components/ToolbarGroup/ToolbarGroup.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroup.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarGroup/ToolbarGroup.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ToolbarGroupSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * ToolbarButton Props\n */\nexport type ToolbarGroupProps = ComponentProps<ToolbarGroupSlots>;\n\n/**\n * State used in rendering ToolbarButton\n */\nexport type ToolbarGroupState = ComponentState<ToolbarGroupSlots>;\n"]}

package/lib-amd/components/ToolbarGroup/index.js

@@ -0,0 +1,10 @@
+define(["require", "exports", "tslib", "./ToolbarGroup", "./ToolbarGroup.types", "./useToolbarGroup", "./useToolbarGroupStyles", "./renderToolbarGroup"], function (require, exports, tslib_1, ToolbarGroup_1, ToolbarGroup_types_1, useToolbarGroup_1, useToolbarGroupStyles_1, renderToolbarGroup_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(ToolbarGroup_1, exports);
+    tslib_1.__exportStar(ToolbarGroup_types_1, exports);
+    tslib_1.__exportStar(useToolbarGroup_1, exports);
+    tslib_1.__exportStar(useToolbarGroupStyles_1, exports);
+    tslib_1.__exportStar(renderToolbarGroup_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/ToolbarGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarGroup/index.ts"],"names":[],"mappings":";;;IAAA,8CAA+B;IAC/B,oDAAqC;IACrC,iDAAkC;IAClC,uDAAwC;IACxC,oDAAqC","sourcesContent":["export * from './ToolbarGroup';\nexport * from './ToolbarGroup.types';\nexport * from './useToolbarGroup';\nexport * from './useToolbarGroupStyles';\nexport * from './renderToolbarGroup';\n"]}

package/lib-amd/components/ToolbarGroup/renderToolbarGroup.js

@@ -0,0 +1,14 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.renderToolbarGroup_unstable = void 0;
+    /**
+     * Render the final JSX of ToolbarGroup
+     */
+    var renderToolbarGroup_unstable = function (state) {
+        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
+        return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), slotProps.root.children);
+    };
+    exports.renderToolbarGroup_unstable = renderToolbarGroup_unstable;
+});
+//# sourceMappingURL=renderToolbarGroup.js.map

package/lib-amd/components/ToolbarGroup/renderToolbarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderToolbarGroup.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarGroup/renderToolbarGroup.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,2BAA2B,GAAG,UAAC,KAAwB;QAC5D,IAAA,KAAuB,0BAAQ,CAAoB,KAAK,CAAC,EAAvD,KAAK,WAAA,EAAE,SAAS,eAAuC,CAAC;QAEhE,OAAO,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAc,CAAC;IAChF,CAAC,CAAC;IAJW,QAAA,2BAA2B,+BAItC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { ToolbarGroupState, ToolbarGroupSlots } from './ToolbarGroup.types';\n\n/**\n * Render the final JSX of ToolbarGroup\n */\nexport const renderToolbarGroup_unstable = (state: ToolbarGroupState) => {\n  const { slots, slotProps } = getSlots<ToolbarGroupSlots>(state);\n\n  return <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root>;\n};\n"]}

package/lib-amd/components/ToolbarGroup/useToolbarGroup.js

@@ -0,0 +1,20 @@
+define(["require", "exports", "tslib", "@fluentui/react-utilities"], function (require, exports, tslib_1, react_utilities_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useToolbarGroup_unstable = void 0;
+    /**
+     * 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.
+     */
+    var useToolbarGroup_unstable = function (props, ref) {
+        return {
+            components: {
+                root: 'div',
+            },
+            root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({ ref: ref, role: 'presentation' }, props)),
+        };
+    };
+    exports.useToolbarGroup_unstable = useToolbarGroup_unstable;
+});
+//# sourceMappingURL=useToolbarGroup.js.map

package/lib-amd/components/ToolbarGroup/useToolbarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarGroup.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroup.ts"],"names":[],"mappings":";;;;IAIA;;;;OAIG;IACI,IAAM,wBAAwB,GAAG,UACtC,KAAwB,EACxB,GAA8B;QAE9B,OAAO;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;aACZ;YACD,IAAI,EAAE,uCAAqB,CAAuC,KAAK,qBACrE,GAAG,KAAA,EACH,IAAI,EAAE,cAAc,IACjB,KAAK,EACR;SACH,CAAC;IACJ,CAAC,CAAC;IAdW,QAAA,wBAAwB,4BAcnC","sourcesContent":["import { getNativeElementProps } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup.types';\n\n/**\n * Given user props, defines default props for the Group\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */\nexport const useToolbarGroup_unstable = (\n  props: ToolbarGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n): ToolbarGroupState => {\n  return {\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps<React.HTMLAttributes<HTMLDivElement>>('div', {\n      ref,\n      role: 'presentation',\n      ...props,\n    }),\n  };\n};\n"]}

package/lib-amd/components/ToolbarGroup/useToolbarGroupStyles.js

@@ -0,0 +1,24 @@
+define(["require", "exports", "tslib", "@griffel/react"], function (require, exports, tslib_1, react_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useToolbarGroupStyles_unstable = exports.toolbarGroupClassNames = void 0;
+    exports.toolbarGroupClassNames = {
+        root: 'fui-ToolbarGroup',
+    };
+    /**
+     * Styles for the root slot
+     */
+    var useStyles = react_1.makeStyles({
+        root: tslib_1.__assign({ display: 'flex' }, react_1.shorthands.gap('8px')),
+    });
+    /**
+     * Apply styling to the Toolbar slots based on the state
+     */
+    var useToolbarGroupStyles_unstable = function (state) {
+        var styles = useStyles();
+        state.root.className = react_1.mergeClasses(exports.toolbarGroupClassNames.root, styles.root, state.root.className);
+        return state;
+    };
+    exports.useToolbarGroupStyles_unstable = useToolbarGroupStyles_unstable;
+});
+//# sourceMappingURL=useToolbarGroupStyles.js.map

package/lib-amd/components/ToolbarGroup/useToolbarGroupStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarGroupStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroupStyles.ts"],"names":[],"mappings":";;;;IAIa,QAAA,sBAAsB,GAAsC;QACvE,IAAI,EAAE,kBAAkB;KACzB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,qBACF,OAAO,EAAE,MAAM,IACZ,kBAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CACzB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,8BAA8B,GAAG,UAAC,KAAwB;QACrE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,8BAAsB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEpG,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IALW,QAAA,8BAA8B,kCAKzC","sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { ToolbarGroupSlots, ToolbarGroupState } from './ToolbarGroup.types';\n\nexport const toolbarGroupClassNames: SlotClassNames<ToolbarGroupSlots> = {\n  root: 'fui-ToolbarGroup',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    ...shorthands.gap('8px'),\n  },\n});\n\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarGroupStyles_unstable = (state: ToolbarGroupState): ToolbarGroupState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(toolbarGroupClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"]}

package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "@fluentui/react-button", "./useToolbarRadioButton", "./useToolbarRadioButtonStyles"], function (require, exports, React, react_button_1, useToolbarRadioButton_1, useToolbarRadioButtonStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ToolbarRadioButton = void 0;
+    /**
+     * ToolbarRadioButton component
+     */
+    exports.ToolbarRadioButton = React.forwardRef(function (props, ref) {
+        var state = useToolbarRadioButton_1.useToolbarRadioButton_unstable(props, ref);
+        useToolbarRadioButtonStyles_1.useToolbarRadioButtonStyles_unstable(state);
+        return react_button_1.renderToggleButton_unstable(state);
+    });
+    exports.ToolbarRadioButton.displayName = 'ToolbarRadioButton';
+});
+//# sourceMappingURL=ToolbarRadioButton.js.map

package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarRadioButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/ToolbarRadioButton.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,kBAAkB,GAAiD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC1G,IAAM,KAAK,GAAG,sDAA8B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEzD,kEAAoC,CAAC,KAAK,CAAC,CAAC;QAC5C,OAAO,0CAA2B,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,CAAiD,CAAC;IAEnD,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC","sourcesContent":["import * as React from 'react';\nimport type { ToolbarRadioButtonProps } from './ToolbarRadioButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles';\n\n/**\n * ToolbarRadioButton component\n */\nexport const ToolbarRadioButton: ForwardRefComponent<ToolbarRadioButtonProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarRadioButton_unstable(props, ref);\n\n  useToolbarRadioButtonStyles_unstable(state);\n  return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarRadioButtonProps>;\n\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n"]}

package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=ToolbarRadioButton.types.js.map

package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarRadioButton.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/ToolbarRadioButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ToggleButtonProps, ButtonSlots, ToggleButtonState } from '@fluentui/react-button';\n\n/**\n * ToolbarRadioButton Props\n */\nexport type ToolbarRadioButtonProps = 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 ToolbarRadioButton\n */\nexport type ToolbarRadioButtonState = ComponentState<Partial<ButtonSlots>> &\n  ToggleButtonState &\n  Required<Pick<ToggleButtonProps, 'checked'>> &\n  Pick<ToolbarRadioButtonProps, 'name' | 'value'>;\n"]}

package/lib-amd/components/ToolbarRadioButton/index.js

@@ -0,0 +1,9 @@
+define(["require", "exports", "tslib", "./ToolbarRadioButton", "./ToolbarRadioButton.types", "./useToolbarRadioButton", "./useToolbarRadioButtonStyles"], function (require, exports, tslib_1, ToolbarRadioButton_1, ToolbarRadioButton_types_1, useToolbarRadioButton_1, useToolbarRadioButtonStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(ToolbarRadioButton_1, exports);
+    tslib_1.__exportStar(ToolbarRadioButton_types_1, exports);
+    tslib_1.__exportStar(useToolbarRadioButton_1, exports);
+    tslib_1.__exportStar(useToolbarRadioButtonStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/ToolbarRadioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC;IACrC,0DAA2C;IAC3C,uDAAwC;IACxC,6DAA8C","sourcesContent":["export * from './ToolbarRadioButton';\nexport * from './ToolbarRadioButton.types';\nexport * from './useToolbarRadioButton';\nexport * from './useToolbarRadioButtonStyles';\n"]}

package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButton.js

@@ -0,0 +1,28 @@
+define(["require", "exports", "tslib", "@fluentui/react-utilities", "@fluentui/react-button", "../Toolbar/ToolbarContext"], function (require, exports, tslib_1, react_utilities_1, react_button_1, ToolbarContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useToolbarRadioButton_unstable = void 0;
+    /**
+     * 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.
+     */
+    var useToolbarRadioButton_unstable = function (props, ref) {
+        var handleRadio = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.handleRadio; });
+        var checked = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { var _a; return !!((_a = ctx.checkedValues[props.name]) === null || _a === void 0 ? void 0 : _a.includes(props.value)); });
+        var size = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.size; });
+        var onClickOriginal = props.onClick;
+        var toggleButtonState = react_button_1.useToggleButton_unstable(tslib_1.__assign({ size: size, checked: checked, role: 'radio', 'aria-checked': checked }, props), ref);
+        var state = tslib_1.__assign(tslib_1.__assign({}, toggleButtonState), { name: props.name, value: props.value });
+        var handleOnClick = react_utilities_1.useEventCallback(function (e) {
+            handleRadio === null || handleRadio === void 0 ? void 0 : handleRadio(e, state.name, state.value, state.checked);
+            onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
+        });
+        state.root['aria-pressed'] = undefined;
+        state.root.onClick = handleOnClick;
+        return state;
+    };
+    exports.useToolbarRadioButton_unstable = useToolbarRadioButton_unstable;
+});
+//# sourceMappingURL=useToolbarRadioButton.js.map

package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarRadioButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/useToolbarRadioButton.ts"],"names":[],"mappings":";;;;IAMA;;;;;OAKG;IACI,IAAM,8BAA8B,GAAG,UAC5C,KAA8B,EAC9B,GAAqD;QAErD,IAAM,WAAW,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,WAAW,EAAf,CAAe,CAAC,CAAC;QACvE,IAAM,OAAO,GAAG,2CAA0B,CAAC,UAAA,GAAG,YAAI,OAAA,CAAC,CAAC,CAAA,MAAA,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA,CAAA,EAAA,CAAC,CAAC;QAC1G,IAAM,IAAI,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,IAAI,EAAR,CAAQ,CAAC,CAAC;QAEjD,IAAS,eAAe,GAAK,KAAK,QAAV,CAAW;QAC3C,IAAM,iBAAiB,GAAG,uCAAwB,oBAC9C,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,IAAK,KAAK,GACjE,GAAG,CACJ,CAAC;QACF,IAAM,KAAK,yCACN,iBAAiB,KACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,GACnB,CAAC;QAEF,IAAM,aAAa,GAAG,kCAAgB,CACpC,UAAC,CAAoG;YACnG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YACzD,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,CAAC,CAAC,CAAC;QACvB,CAAC,CACF,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;QACvC,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC;QACnC,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA5BW,QAAA,8BAA8B,kCA4BzC","sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton.types';\n\n/**\n * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */\nexport const useToolbarRadioButton_unstable = (\n  props: ToolbarRadioButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarRadioButtonState => {\n  const handleRadio = useToolbarContext_unstable(ctx => ctx.handleRadio);\n  const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n  const size = useToolbarContext_unstable(ctx => ctx.size);\n\n  const { onClick: onClickOriginal } = props;\n  const toggleButtonState = useToggleButton_unstable(\n    { size, checked, role: 'radio', 'aria-checked': checked, ...props },\n    ref,\n  );\n  const state: ToolbarRadioButtonState = {\n    ...toggleButtonState,\n    name: props.name,\n    value: props.value,\n  };\n\n  const handleOnClick = useEventCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      handleRadio?.(e, state.name, state.value, state.checked);\n      onClickOriginal?.(e);\n    },\n  );\n  state.root['aria-pressed'] = undefined;\n  state.root.onClick = handleOnClick;\n  return state;\n};\n"]}

package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js

@@ -0,0 +1,20 @@
+define(["require", "exports", "@fluentui/react-theme", "@griffel/react", "@fluentui/react-button"], function (require, exports, react_theme_1, react_1, react_button_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useToolbarRadioButtonStyles_unstable = void 0;
+    var useBaseStyles = react_1.makeStyles({
+        selected: {
+            color: react_theme_1.tokens.colorBrandForeground1,
+        },
+    });
+    /**
+     * Apply styling to the ToolbarRadioButton slots based on the state
+     */
+    var useToolbarRadioButtonStyles_unstable = function (state) {
+        react_button_1.useToggleButtonStyles_unstable(state);
+        var toggleButtonStyles = useBaseStyles();
+        state.root.className = react_1.mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);
+    };
+    exports.useToolbarRadioButtonStyles_unstable = useToolbarRadioButtonStyles_unstable;
+});
+//# sourceMappingURL=useToolbarRadioButtonStyles.js.map

package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarRadioButtonStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/useToolbarRadioButtonStyles.ts"],"names":[],"mappings":";;;;IAKA,IAAM,aAAa,GAAG,kBAAU,CAAC;QAC/B,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAM,CAAC,qBAAqB;SACpC;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,oCAAoC,GAAG,UAAC,KAA8B;QACjF,6CAA8B,CAAC,KAAK,CAAC,CAAC;QACtC,IAAM,kBAAkB,GAAG,aAAa,EAAE,CAAC;QAE3C,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC1G,CAAC,CAAC;IALW,QAAA,oCAAoC,wCAK/C","sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarRadioButtonState } from './ToolbarRadioButton.types';\n\nconst useBaseStyles = makeStyles({\n  selected: {\n    color: tokens.colorBrandForeground1,\n  },\n});\n\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */\nexport const useToolbarRadioButtonStyles_unstable = (state: ToolbarRadioButtonState) => {\n  useToggleButtonStyles_unstable(state);\n  const toggleButtonStyles = useBaseStyles();\n\n  state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"]}

package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.js

@@ -0,0 +1,17 @@
+define(["require", "exports", "tslib", "react", "../../ToolbarGroup"], function (require, exports, tslib_1, React, ToolbarGroup_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ToolbarRadioGroup = void 0;
+    /**
+     * ToolbarRadioGroup component is a Button to be used inside Toolbar
+     * which will respect toolbar props such as `size`
+     */
+    exports.ToolbarRadioGroup = React.forwardRef(function (props, ref) {
+        var state = ToolbarGroup_1.useToolbarGroup_unstable(tslib_1.__assign({ role: 'radiogroup' }, props), ref);
+        ToolbarGroup_1.useToolbarGroupStyles_unstable(state);
+        return ToolbarGroup_1.renderToolbarGroup_unstable(state);
+        // Casting is required due to lack of distributive union to support unions on @types/react
+    });
+    exports.ToolbarRadioGroup.displayName = 'ToolbarRadioGroup';
+});
+//# sourceMappingURL=ToolbarRadioGroup.js.map

package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarRadioGroup.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioGroup/ToolbarRadioGroup.tsx"],"names":[],"mappings":";;;;IASA;;;OAGG;IACU,QAAA,iBAAiB,GAAgD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACxG,IAAM,KAAK,GAAG,uCAAwB,oBAAG,IAAI,EAAE,YAAY,IAAK,KAAK,GAAI,GAAG,CAAC,CAAC;QAC9E,6CAA8B,CAAC,KAAK,CAAC,CAAC;QACtC,OAAO,0CAA2B,CAAC,KAAK,CAAC,CAAC;QAC1C,0FAA0F;IAC5F,CAAC,CAAgD,CAAC;IAElD,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC","sourcesContent":["import * as React from 'react';\nimport type { ToolbarRadioGroupProps } from './ToolbarRadioGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport {\n  renderToolbarGroup_unstable,\n  useToolbarGroupStyles_unstable,\n  useToolbarGroup_unstable,\n} from '../../ToolbarGroup';\n\n/**\n * ToolbarRadioGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarRadioGroup: ForwardRefComponent<ToolbarRadioGroupProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarGroup_unstable({ role: 'radiogroup', ...props }, ref);\n  useToolbarGroupStyles_unstable(state);\n  return renderToolbarGroup_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToolbarRadioGroupProps>;\n\nToolbarRadioGroup.displayName = 'ToolbarRadioGroup';\n"]}

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

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=ToolbarRadioGroup.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarRadioGroup.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioGroup/ToolbarRadioGroup.types.ts"],"names":[],"mappings":"","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"]}

package/lib-amd/components/ToolbarRadioGroup/index.js

@@ -0,0 +1,7 @@
+define(["require", "exports", "tslib", "./ToolbarRadioGroup", "./ToolbarRadioGroup.types"], function (require, exports, tslib_1, ToolbarRadioGroup_1, ToolbarRadioGroup_types_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(ToolbarRadioGroup_1, exports);
+    tslib_1.__exportStar(ToolbarRadioGroup_types_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioGroup/index.ts"],"names":[],"mappings":";;;IAAA,mDAAoC;IACpC,yDAA0C","sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"]}

package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "@fluentui/react-button", "./useToolbarToggleButton", "./useToolbarToggleButtonStyles"], function (require, exports, React, react_button_1, useToolbarToggleButton_1, useToolbarToggleButtonStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ToolbarToggleButton = void 0;
+    /**
+     * ToolbarToggleButton component
+     */
+    exports.ToolbarToggleButton = React.forwardRef(function (props, ref) {
+        var state = useToolbarToggleButton_1.useToolbarToggleButton_unstable(props, ref);
+        useToolbarToggleButtonStyles_1.useToolbarToggleButtonStyles_unstable(state);
+        return react_button_1.renderToggleButton_unstable(state);
+    });
+    exports.ToolbarToggleButton.displayName = 'ToolbarToggleButton';
+});
+//# sourceMappingURL=ToolbarToggleButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarToggleButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/ToolbarToggleButton.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,mBAAmB,GAAkD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC5G,IAAM,KAAK,GAAG,wDAA+B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE1D,oEAAqC,CAAC,KAAK,CAAC,CAAC;QAC7C,OAAO,0CAA2B,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,CAAkD,CAAC;IAEpD,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC","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';\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  return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarToggleButtonProps>;\n\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"]}

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

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=ToolbarToggleButton.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarToggleButton.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/ToolbarToggleButton.types.ts"],"names":[],"mappings":"","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"]}

package/lib-amd/components/ToolbarToggleButton/index.js

@@ -0,0 +1,9 @@
+define(["require", "exports", "tslib", "./ToolbarToggleButton", "./ToolbarToggleButton.types", "./useToolbarToggleButton", "./useToolbarToggleButtonStyles"], function (require, exports, tslib_1, ToolbarToggleButton_1, ToolbarToggleButton_types_1, useToolbarToggleButton_1, useToolbarToggleButtonStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(ToolbarToggleButton_1, exports);
+    tslib_1.__exportStar(ToolbarToggleButton_types_1, exports);
+    tslib_1.__exportStar(useToolbarToggleButton_1, exports);
+    tslib_1.__exportStar(useToolbarToggleButtonStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/index.ts"],"names":[],"mappings":";;;IAAA,qDAAsC;IACtC,2DAA4C;IAC5C,wDAAyC;IACzC,8DAA+C","sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles';\n"]}

package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButton.js

@@ -0,0 +1,32 @@
+define(["require", "exports", "tslib", "@fluentui/react-button", "../Toolbar/ToolbarContext"], function (require, exports, tslib_1, react_button_1, ToolbarContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useToolbarToggleButton_unstable = void 0;
+    /**
+     * 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.
+     */
+    var useToolbarToggleButton_unstable = function (props, ref) {
+        var handleToggleButton = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.handleToggleButton; });
+        var checked = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { var _a; return !!((_a = ctx.checkedValues[props.name]) === null || _a === void 0 ? void 0 : _a.includes(props.value)); });
+        var size = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.size; });
+        var onClickOriginal = props.onClick;
+        var toggleButtonState = react_button_1.useToggleButton_unstable(tslib_1.__assign({ size: size, checked: checked }, props), ref);
+        var state = tslib_1.__assign(tslib_1.__assign({}, toggleButtonState), { name: props.name, value: props.value });
+        var handleOnClick = function (e) {
+            if (state.disabled) {
+                e.preventDefault();
+                e.stopPropagation();
+                return;
+            }
+            handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);
+            onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
+        };
+        state.root.onClick = handleOnClick;
+        return state;
+    };
+    exports.useToolbarToggleButton_unstable = useToolbarToggleButton_unstable;
+});
+//# sourceMappingURL=useToolbarToggleButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarToggleButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButton.ts"],"names":[],"mappings":";;;;IAKA;;;;;OAKG;IACI,IAAM,+BAA+B,GAAG,UAC7C,KAA+B,EAC/B,GAAqD;QAErD,IAAM,kBAAkB,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,kBAAkB,EAAtB,CAAsB,CAAC,CAAC;QACrF,IAAM,OAAO,GAAG,2CAA0B,CAAC,UAAA,GAAG,YAAI,OAAA,CAAC,CAAC,CAAA,MAAA,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA,CAAA,EAAA,CAAC,CAAC;QAC1G,IAAM,IAAI,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,IAAI,EAAR,CAAQ,CAAC,CAAC;QAEjD,IAAS,eAAe,GAAK,KAAK,QAAV,CAAW;QAC3C,IAAM,iBAAiB,GAAG,uCAAwB,oBAAG,IAAI,MAAA,EAAE,OAAO,SAAA,IAAK,KAAK,GAAI,GAAG,CAAC,CAAC;QACrF,IAAM,KAAK,yCACN,iBAAiB,KACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,GACnB,CAAC;QAEF,IAAM,aAAa,GAAG,UACpB,CAAoG;YAEpG,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,OAAO;aACR;YAED,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,CAAC,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YAChE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,CAAC,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC;QACnC,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA/BW,QAAA,+BAA+B,mCA+B1C","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  const size = useToolbarContext_unstable(ctx => ctx.size);\n\n  const { onClick: onClickOriginal } = props;\n  const toggleButtonState = useToggleButton_unstable({ size, 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"]}

package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js

@@ -0,0 +1,20 @@
+define(["require", "exports", "@fluentui/react-theme", "@griffel/react", "@fluentui/react-button"], function (require, exports, react_theme_1, react_1, react_button_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useToolbarToggleButtonStyles_unstable = void 0;
+    var useBaseStyles = react_1.makeStyles({
+        selected: {
+            color: react_theme_1.tokens.colorBrandForeground1,
+        },
+    });
+    /**
+     * Apply styling to the ToolbarToggleButton slots based on the state
+     */
+    var useToolbarToggleButtonStyles_unstable = function (state) {
+        react_button_1.useToggleButtonStyles_unstable(state);
+        var toggleButtonStyles = useBaseStyles();
+        state.root.className = react_1.mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);
+    };
+    exports.useToolbarToggleButtonStyles_unstable = useToolbarToggleButtonStyles_unstable;
+});
+//# sourceMappingURL=useToolbarToggleButtonStyles.js.map

package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarToggleButtonStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.ts"],"names":[],"mappings":";;;;IAKA,IAAM,aAAa,GAAG,kBAAU,CAAC;QAC/B,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAM,CAAC,qBAAqB;SACpC;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,qCAAqC,GAAG,UAAC,KAA+B;QACnF,6CAA8B,CAAC,KAAK,CAAC,CAAC;QACtC,IAAM,kBAAkB,GAAG,aAAa,EAAE,CAAC;QAE3C,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC1G,CAAC,CAAC;IALW,QAAA,qCAAqC,yCAKhD","sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\nconst useBaseStyles = makeStyles({\n  selected: {\n    color: tokens.colorBrandForeground1,\n  },\n});\n\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = (state: ToolbarToggleButtonState) => {\n  useToggleButtonStyles_unstable(state);\n  const toggleButtonStyles = useBaseStyles();\n\n  state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"]}

package/lib-amd/index.js

@@ -0,0 +1,27 @@
+define(["require", "exports", "./Toolbar", "./ToolbarButton", "./ToolbarDivider", "./ToolbarToggleButton", "./ToolbarRadioButton", "./ToolbarGroup", "./ToolbarRadioGroup"], function (require, exports, Toolbar_1, ToolbarButton_1, ToolbarDivider_1, ToolbarToggleButton_1, ToolbarRadioButton_1, ToolbarGroup_1, ToolbarRadioGroup_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ToolbarRadioGroup = exports.toolbarGroupClassNames = exports.renderToolbarGroup_unstable = exports.useToolbarGroup_unstable = exports.useToolbarGroupStyles_unstable = exports.ToolbarGroup = exports.useToolbarRadioButton_unstable = exports.useToolbarRadioButtonStyles_unstable = exports.ToolbarRadioButton = exports.useToolbarToggleButton_unstable = exports.useToolbarToggleButtonStyles_unstable = exports.ToolbarToggleButton = exports.useToolbarDivider_unstable = exports.useToolbarDividerStyles_unstable = exports.ToolbarDivider = exports.ToolbarButton = exports.useToolbar_unstable = exports.useToolbarStyles_unstable = exports.toolbarClassNames = exports.renderToolbar_unstable = exports.Toolbar = void 0;
+    Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return Toolbar_1.Toolbar; } });
+    Object.defineProperty(exports, "renderToolbar_unstable", { enumerable: true, get: function () { return Toolbar_1.renderToolbar_unstable; } });
+    Object.defineProperty(exports, "toolbarClassNames", { enumerable: true, get: function () { return Toolbar_1.toolbarClassNames; } });
+    Object.defineProperty(exports, "useToolbarStyles_unstable", { enumerable: true, get: function () { return Toolbar_1.useToolbarStyles_unstable; } });
+    Object.defineProperty(exports, "useToolbar_unstable", { enumerable: true, get: function () { return Toolbar_1.useToolbar_unstable; } });
+    Object.defineProperty(exports, "ToolbarButton", { enumerable: true, get: function () { return ToolbarButton_1.ToolbarButton; } });
+    Object.defineProperty(exports, "ToolbarDivider", { enumerable: true, get: function () { return ToolbarDivider_1.ToolbarDivider; } });
+    Object.defineProperty(exports, "useToolbarDividerStyles_unstable", { enumerable: true, get: function () { return ToolbarDivider_1.useToolbarDividerStyles_unstable; } });
+    Object.defineProperty(exports, "useToolbarDivider_unstable", { enumerable: true, get: function () { return ToolbarDivider_1.useToolbarDivider_unstable; } });
+    Object.defineProperty(exports, "ToolbarToggleButton", { enumerable: true, get: function () { return ToolbarToggleButton_1.ToolbarToggleButton; } });
+    Object.defineProperty(exports, "useToolbarToggleButtonStyles_unstable", { enumerable: true, get: function () { return ToolbarToggleButton_1.useToolbarToggleButtonStyles_unstable; } });
+    Object.defineProperty(exports, "useToolbarToggleButton_unstable", { enumerable: true, get: function () { return ToolbarToggleButton_1.useToolbarToggleButton_unstable; } });
+    Object.defineProperty(exports, "ToolbarRadioButton", { enumerable: true, get: function () { return ToolbarRadioButton_1.ToolbarRadioButton; } });
+    Object.defineProperty(exports, "useToolbarRadioButtonStyles_unstable", { enumerable: true, get: function () { return ToolbarRadioButton_1.useToolbarRadioButtonStyles_unstable; } });
+    Object.defineProperty(exports, "useToolbarRadioButton_unstable", { enumerable: true, get: function () { return ToolbarRadioButton_1.useToolbarRadioButton_unstable; } });
+    Object.defineProperty(exports, "ToolbarGroup", { enumerable: true, get: function () { return ToolbarGroup_1.ToolbarGroup; } });
+    Object.defineProperty(exports, "useToolbarGroupStyles_unstable", { enumerable: true, get: function () { return ToolbarGroup_1.useToolbarGroupStyles_unstable; } });
+    Object.defineProperty(exports, "useToolbarGroup_unstable", { enumerable: true, get: function () { return ToolbarGroup_1.useToolbarGroup_unstable; } });
+    Object.defineProperty(exports, "renderToolbarGroup_unstable", { enumerable: true, get: function () { return ToolbarGroup_1.renderToolbarGroup_unstable; } });
+    Object.defineProperty(exports, "toolbarGroupClassNames", { enumerable: true, get: function () { return ToolbarGroup_1.toolbarGroupClassNames; } });
+    Object.defineProperty(exports, "ToolbarRadioGroup", { enumerable: true, get: function () { return ToolbarRadioGroup_1.ToolbarRadioGroup; } });
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-toolbar/src/index.ts"],"names":[],"mappings":";;;;IACE,kGAAA,OAAO,OAAA;IACP,iHAAA,sBAAsB,OAAA;IACtB,4GAAA,iBAAiB,OAAA;IACjB,oHAAA,yBAAyB,OAAA;IACzB,8GAAA,mBAAmB,OAAA;IAGZ,8GAAA,aAAa,OAAA;IAOb,gHAAA,cAAc,OAAA;IAAE,kIAAA,gCAAgC,OAAA;IAAE,4HAAA,0BAA0B,OAAA;IAGnF,0HAAA,mBAAmB,OAAA;IACnB,4IAAA,qCAAqC,OAAA;IACrC,sIAAA,+BAA+B,OAAA;IAI/B,wHAAA,kBAAkB,OAAA;IAClB,0IAAA,oCAAoC,OAAA;IACpC,oIAAA,8BAA8B,OAAA;IAI9B,4GAAA,YAAY,OAAA;IACZ,8HAAA,8BAA8B,OAAA;IAC9B,wHAAA,wBAAwB,OAAA;IACxB,2HAAA,2BAA2B,OAAA;IAC3B,sHAAA,sBAAsB,OAAA;IAGf,sHAAA,iBAAiB,OAAA","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 } from './ToolbarButton';\nexport type {\n  ToolbarButtonProps,\n  ToolbarButtonState,\n  useToolbarButtonStyles_unstable,\n  useToolbarButton_unstable,\n} 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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-toolbar",
-  "version": "9.0.0-rc.5",
+  "version": "9.0.0",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,13 +34,13 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-button": "^9.1.15",
+    "@fluentui/react-button": "^9.1.16",
     "@fluentui/react-divider": "^9.1.11",
     "@fluentui/react-theme": "^9.1.5",
     "@fluentui/react-utilities": "^9.4.0",
     "@fluentui/react-context-selector": "^9.1.5",
-    "@fluentui/react-radio": "^9.0.18",
-    "@fluentui/react-tabster": "^9.3.7",
+    "@fluentui/react-radio": "^9.0.19",
+    "@fluentui/react-tabster": "^9.4.0",
     "@griffel/react": "^1.5.2",
     "tslib": "^2.1.0"
   },
@@ -52,9 +52,8 @@
   },
   "beachball": {
     "disallowedChangeTypes": [
-      "major",
-      "minor",
-      "patch"
+      "prerelease",
+      "major"
     ]
   },
   "exports": {