@fluentui/react-toolbar 9.1.3 → 9.1.5

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/Toolbar/Toolbar.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ToolbarSlots = {\n  root: Slot<'div'>;\n};\n\nexport type ToolbarCheckedValueChangeData = {\n  /** The items for this value that are checked */\n  checkedItems: string[];\n  /** The name of the value */\n  name: string;\n};\n\nexport type ToolbarCheckedValueChangeEvent = React.MouseEvent | React.KeyboardEvent;\n\n/**\n * Toolbar Props\n */\nexport type ToolbarProps = ComponentProps<ToolbarSlots> & {\n  /**\n   * Toolbar can have small or medium size\n   *\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Toolbar can be vertical styled\n   * @default false\n   */\n  vertical?: boolean;\n\n  /**\n   * Map of all checked values\n   */\n  checkedValues?: Record<string, string[]>;\n\n  /**\n   * Default values to be checked on mount\n   */\n  defaultCheckedValues?: Record<string, string[]>;\n\n  /**\n   * Callback when checked items change for value with a name\n   *\n   * @param event - React's original SyntheticEvent\n   * @param data - A data object with relevant information\n   */\n  onCheckedValueChange?: (e: ToolbarCheckedValueChangeEvent, data: ToolbarCheckedValueChangeData) => void;\n};\n\n/**\n * State used in rendering Toolbar\n */\nexport type ToolbarState = ComponentState<ToolbarSlots> &\n  Required<Pick<ToolbarProps, 'size' | 'checkedValues' | 'vertical'>> &\n  Pick<ToolbarProps, 'defaultCheckedValues' | 'onCheckedValueChange'> & {\n    /*\n     * Toggles the state of a ToggleButton item\n     */\n    handleToggleButton: ToggableHandler;\n    /*\n     * Toggles the state of a ToggleButton item\n     */\n    handleRadio: ToggableHandler;\n  };\n\nexport type ToolbarContextValue = Pick<ToolbarState, 'size' | 'vertical' | 'checkedValues'> & {\n  handleToggleButton?: ToggableHandler;\n  handleRadio?: ToggableHandler;\n};\n\nexport type ToolbarContextValues = {\n  toolbar: ToolbarContextValue;\n};\n\nexport type UninitializedToolbarState = Omit<ToolbarState, 'checkedValues' | 'handleToggleButton' | 'handleRadio'> &\n  Partial<Pick<ToolbarState, 'checkedValues'>>;\n\nexport type ToggableHandler = (\n  e: React.MouseEvent | React.KeyboardEvent,\n  name: string,\n  value: string,\n  checked?: boolean,\n) => void;\n"]}

package/lib-amd/components/Toolbar/ToolbarContext.js

@@ -1,21 +0,0 @@
-define(["require", "exports", "@fluentui/react-context-selector"], function (require, exports, react_context_selector_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useToolbarContext_unstable = exports.ToolbarContext = void 0;
-    exports.ToolbarContext = react_context_selector_1.createContext(undefined);
-    var toolbarContextDefaultValue = {
-        size: 'medium',
-        handleToggleButton: function () { return null; },
-        handleRadio: function () { return null; },
-        vertical: false,
-        checkedValues: {},
-    };
-    var useToolbarContext_unstable = function (selector) {
-        return react_context_selector_1.useContextSelector(exports.ToolbarContext, function (ctx) {
-            if (ctx === void 0) { ctx = toolbarContextDefaultValue; }
-            return selector(ctx);
-        });
-    };
-    exports.useToolbarContext_unstable = useToolbarContext_unstable;
-});
-//# sourceMappingURL=ToolbarContext.js.map

package/lib-amd/components/Toolbar/ToolbarContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarContext.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/Toolbar/ToolbarContext.ts"],"names":[],"mappings":";;;;IAIa,QAAA,cAAc,GAAG,sCAAa,CAAkC,SAAS,CAAiC,CAAC;IAExH,IAAM,0BAA0B,GAAwB;QACtD,IAAI,EAAE,QAAoB;QAC1B,kBAAkB,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;QAC9B,WAAW,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;QACvB,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,EAAE;KAClB,CAAC;IAEK,IAAM,0BAA0B,GAAG,UAAI,QAAiD;QAC7F,OAAA,2CAAkB,CAAC,sBAAc,EAAE,UAAC,GAAgC;YAAhC,oBAAA,EAAA,gCAAgC;YAAK,OAAA,QAAQ,CAAC,GAAG,CAAC;QAAb,CAAa,CAAC;IAAvF,CAAuF,CAAC;IAD7E,QAAA,0BAA0B,8BACmD","sourcesContent":["import { ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { ToolbarContextValue } from './Toolbar.types';\n\nexport const ToolbarContext = createContext<ToolbarContextValue | undefined>(undefined) as Context<ToolbarContextValue>;\n\nconst toolbarContextDefaultValue: ToolbarContextValue = {\n  size: 'medium' as 'medium',\n  handleToggleButton: () => null,\n  handleRadio: () => null,\n  vertical: false,\n  checkedValues: {},\n};\n\nexport const useToolbarContext_unstable = <T>(selector: ContextSelector<ToolbarContextValue, T>): T =>\n  useContextSelector(ToolbarContext, (ctx = toolbarContextDefaultValue) => selector(ctx));\n"]}

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

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./Toolbar", "./Toolbar.types", "./renderToolbar", "./useToolbar", "./useToolbarStyles"], function (require, exports, tslib_1, Toolbar_1, Toolbar_types_1, renderToolbar_1, useToolbar_1, useToolbarStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Toolbar_1, exports);
-    tslib_1.__exportStar(Toolbar_types_1, exports);
-    tslib_1.__exportStar(renderToolbar_1, exports);
-    tslib_1.__exportStar(useToolbar_1, exports);
-    tslib_1.__exportStar(useToolbarStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/Toolbar/index.ts"],"names":[],"mappings":";;;IAAA,yCAA0B;IAC1B,+CAAgC;IAChC,+CAAgC;IAChC,4CAA6B;IAC7B,kDAAmC","sourcesContent":["export * from './Toolbar';\nexport * from './Toolbar.types';\nexport * from './renderToolbar';\nexport * from './useToolbar';\nexport * from './useToolbarStyles';\n"]}

package/lib-amd/components/Toolbar/renderToolbar.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderToolbar.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/Toolbar/renderToolbar.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,sBAAsB,GAAG,UAAC,KAAmB,EAAE,aAAmC;QACvF,IAAA,KAAuB,0BAAQ,CAAe,KAAK,CAAC,EAAlD,KAAK,WAAA,EAAE,SAAS,eAAkC,CAAC;QAE3D,OAAO,CACL,oBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,CAAC,OAAO;YACnD,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAc,CAC9C,CAC3B,CAAC;IACJ,CAAC,CAAC;IARW,QAAA,sBAAsB,0BAQjC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { ToolbarState, ToolbarSlots, ToolbarContextValues } from './Toolbar.types';\nimport { ToolbarContext } from './ToolbarContext';\n\n/**\n * Render the final JSX of Toolbar\n */\nexport const renderToolbar_unstable = (state: ToolbarState, contextValues: ToolbarContextValues) => {\n  const { slots, slotProps } = getSlots<ToolbarSlots>(state);\n\n  return (\n    <ToolbarContext.Provider value={contextValues.toolbar}>\n      <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root>\n    </ToolbarContext.Provider>\n  );\n};\n"]}

package/lib-amd/components/Toolbar/useToolbar.js

@@ -1,85 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities", "@fluentui/react-utilities", "@fluentui/react-tabster"], function (require, exports, tslib_1, react_utilities_1, react_utilities_2, react_tabster_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useToolbar_unstable = void 0;
-    /**
-     * 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
-     */
-    var useToolbar_unstable = function (props, ref) {
-        var _a = props.size, size = _a === void 0 ? 'medium' : _a, _b = props.vertical, vertical = _b === void 0 ? false : _b;
-        var arrowNavigationProps = react_tabster_1.useArrowNavigationGroup({
-            circular: true,
-            axis: 'both',
-        });
-        var initialState = {
-            size: size,
-            vertical: vertical,
-            // TODO add appropriate props/defaults
-            components: {
-                // TODO add each slot's element type or component
-                root: 'div',
-            },
-            // TODO add appropriate slots, for example:
-            // mySlot: resolveShorthand(props.mySlot),
-            root: react_utilities_2.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ role: 'toolbar', ref: ref }, (vertical && { 'aria-orientation': 'vertical' })), arrowNavigationProps), props)),
-        };
-        var _c = useToolbarSelectableState({
-            checkedValues: props.checkedValues,
-            defaultCheckedValues: props.defaultCheckedValues,
-            onCheckedValueChange: props.onCheckedValueChange,
-        }), checkedValues = _c[0], onCheckedValueChange = _c[1];
-        var handleToggleButton = react_utilities_1.useEventCallback(function (e, name, value, checked) {
-            if (name && value) {
-                var checkedItems = (checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues[name]) || [];
-                var newCheckedItems = tslib_1.__spreadArray([], checkedItems);
-                if (checked) {
-                    newCheckedItems.splice(newCheckedItems.indexOf(value), 1);
-                }
-                else {
-                    newCheckedItems.push(value);
-                }
-                onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, { name: name, checkedItems: newCheckedItems });
-            }
-        });
-        var handleRadio = react_utilities_1.useEventCallback(function (e, name, value, checked) {
-            if (name && value) {
-                onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {
-                    name: name,
-                    checkedItems: [value],
-                });
-            }
-        });
-        return tslib_1.__assign(tslib_1.__assign({}, initialState), { handleToggleButton: handleToggleButton, handleRadio: handleRadio, checkedValues: checkedValues !== null && checkedValues !== void 0 ? checkedValues : {} });
-    };
-    exports.useToolbar_unstable = useToolbar_unstable;
-    /**
-     * Adds appropriate state values and handlers for selectable items
-     * i.e checkboxes and radios
-     */
-    var useToolbarSelectableState = function (state) {
-        var _a = react_utilities_1.useControllableState({
-            state: state.checkedValues,
-            defaultState: state.defaultCheckedValues,
-            initialState: {},
-        }), checkedValues = _a[0], setCheckedValues = _a[1];
-        var onCheckedValueChangeOriginal = state.onCheckedValueChange;
-        var onCheckedValueChange = react_utilities_1.useEventCallback(function (e, _a) {
-            var name = _a.name, checkedItems = _a.checkedItems;
-            if (onCheckedValueChangeOriginal) {
-                onCheckedValueChangeOriginal(e, { name: name, checkedItems: checkedItems });
-            }
-            setCheckedValues(function (s) {
-                var _a, _b;
-                return s ? tslib_1.__assign(tslib_1.__assign({}, s), (_a = {}, _a[name] = checkedItems, _a)) : (_b = {}, _b[name] = checkedItems, _b);
-            });
-        });
-        return [checkedValues, onCheckedValueChange];
-    };
-});
-//# sourceMappingURL=useToolbar.js.map

package/lib-amd/components/Toolbar/useToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToolbar.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/Toolbar/useToolbar.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useEventCallback, useControllableState } from '@fluentui/react-utilities';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { ToggableHandler, ToolbarProps, ToolbarState, UninitializedToolbarState } from './Toolbar.types';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/**\n * Create the state required to render Toolbar.\n *\n * The returned state can be modified with hooks such as useToolbarStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of Toolbar\n * @param ref - reference to root HTMLElement of Toolbar\n */\nexport const useToolbar_unstable = (props: ToolbarProps, ref: React.Ref<HTMLElement>): ToolbarState => {\n  const { size = 'medium', vertical = false } = props;\n\n  const arrowNavigationProps = useArrowNavigationGroup({\n    circular: true,\n    axis: 'both',\n  });\n\n  const initialState: UninitializedToolbarState = {\n    size,\n    vertical,\n    // TODO add appropriate props/defaults\n    components: {\n      // TODO add each slot's element type or component\n      root: 'div',\n    },\n    // TODO add appropriate slots, for example:\n    // mySlot: resolveShorthand(props.mySlot),\n    root: getNativeElementProps('div', {\n      role: 'toolbar',\n      ref,\n      ...(vertical && { 'aria-orientation': 'vertical' }),\n      ...arrowNavigationProps,\n      ...props,\n    }),\n  };\n\n  const [checkedValues, onCheckedValueChange] = useToolbarSelectableState({\n    checkedValues: props.checkedValues,\n    defaultCheckedValues: props.defaultCheckedValues,\n    onCheckedValueChange: props.onCheckedValueChange,\n  });\n\n  const handleToggleButton: ToggableHandler = useEventCallback(\n    (e: React.MouseEvent | React.KeyboardEvent, name: string, value: string, checked?: boolean) => {\n      if (name && value) {\n        const checkedItems = checkedValues?.[name] || [];\n        const newCheckedItems = [...checkedItems];\n        if (checked) {\n          newCheckedItems.splice(newCheckedItems.indexOf(value), 1);\n        } else {\n          newCheckedItems.push(value);\n        }\n        onCheckedValueChange?.(e, { name, checkedItems: newCheckedItems });\n      }\n    },\n  );\n\n  const handleRadio: ToggableHandler = useEventCallback(\n    (e: React.MouseEvent | React.KeyboardEvent, name: string, value: string, checked?: boolean) => {\n      if (name && value) {\n        onCheckedValueChange?.(e, {\n          name,\n          checkedItems: [value],\n        });\n      }\n    },\n  );\n\n  return {\n    ...initialState,\n    handleToggleButton,\n    handleRadio,\n    checkedValues: checkedValues ?? {},\n  };\n};\n\n/**\n * Adds appropriate state values and handlers for selectable items\n * i.e checkboxes and radios\n */\nconst useToolbarSelectableState = (\n  state: Pick<ToolbarProps, 'checkedValues' | 'defaultCheckedValues' | 'onCheckedValueChange'>,\n) => {\n  const [checkedValues, setCheckedValues] = useControllableState({\n    state: state.checkedValues,\n    defaultState: state.defaultCheckedValues,\n    initialState: {},\n  });\n  const { onCheckedValueChange: onCheckedValueChangeOriginal } = state;\n  const onCheckedValueChange: ToolbarState['onCheckedValueChange'] = useEventCallback((e, { name, checkedItems }) => {\n    if (onCheckedValueChangeOriginal) {\n      onCheckedValueChangeOriginal(e, { name, checkedItems });\n    }\n\n    setCheckedValues(s => {\n      return s ? { ...s, [name]: checkedItems } : { [name]: checkedItems };\n    });\n  });\n\n  return [checkedValues, onCheckedValueChange] as const;\n};\n"]}

package/lib-amd/components/Toolbar/useToolbarContextValues.js

@@ -1,19 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useToolbarContextValues_unstable = void 0;
-    function useToolbarContextValues_unstable(state) {
-        var size = state.size, handleToggleButton = state.handleToggleButton, vertical = state.vertical, checkedValues = state.checkedValues, handleRadio = state.handleRadio;
-        // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
-        var toolbar = {
-            size: size,
-            vertical: vertical,
-            handleToggleButton: handleToggleButton,
-            handleRadio: handleRadio,
-            checkedValues: checkedValues,
-        };
-        return { toolbar: toolbar };
-    }
-    exports.useToolbarContextValues_unstable = useToolbarContextValues_unstable;
-});
-//# sourceMappingURL=useToolbarContextValues.js.map

package/lib-amd/components/Toolbar/useToolbarContextValues.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToolbarContextValues.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/Toolbar/useToolbarContextValues.tsx"],"names":[],"mappings":";;;;IAEA,SAAgB,gCAAgC,CAAC,KAAmB;QAC1D,IAAA,IAAI,GAA+D,KAAK,KAApE,EAAE,kBAAkB,GAA2C,KAAK,mBAAhD,EAAE,QAAQ,GAAiC,KAAK,SAAtC,EAAE,aAAa,GAAkB,KAAK,cAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAW;QACjF,mGAAmG;QACnG,IAAM,OAAO,GAAwB;YACnC,IAAI,MAAA;YACJ,QAAQ,UAAA;YACR,kBAAkB,oBAAA;YAClB,WAAW,aAAA;YACX,aAAa,eAAA;SACd,CAAC;QAEF,OAAO,EAAE,OAAO,SAAA,EAAE,CAAC;IACrB,CAAC;IAZD,4EAYC","sourcesContent":["import type { ToolbarContextValue, ToolbarContextValues, ToolbarState } from './Toolbar.types';\n\nexport function useToolbarContextValues_unstable(state: ToolbarState): ToolbarContextValues {\n  const { size, handleToggleButton, vertical, checkedValues, handleRadio } = state;\n  // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n  const toolbar: ToolbarContextValue = {\n    size,\n    vertical,\n    handleToggleButton,\n    handleRadio,\n    checkedValues,\n  };\n\n  return { toolbar };\n}\n"]}

package/lib-amd/components/Toolbar/useToolbarStyles.js

@@ -1,38 +0,0 @@
-define(["require", "exports", "tslib", "@griffel/react"], function (require, exports, tslib_1, react_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useToolbarStyles_unstable = exports.toolbarClassNames = void 0;
-    exports.toolbarClassNames = {
-        root: 'fui-Toolbar',
-    };
-    /**
-     * Styles for the root slot
-     */
-    var useStyles = react_1.makeStyles({
-        root: tslib_1.__assign(tslib_1.__assign({ display: 'flex', alignItems: 'center' }, react_1.shorthands.padding('4px', '8px', '4px', '8px')), react_1.shorthands.gap('8px')),
-        vertical: {
-            flexDirection: 'column',
-            width: 'fit-content',
-        },
-        small: {
-            height: '32px',
-        },
-        medium: {
-            height: '40px',
-        },
-        large: {
-            height: '48px',
-        },
-    });
-    /**
-     * Apply styling to the Toolbar slots based on the state
-     */
-    var useToolbarStyles_unstable = function (state) {
-        var styles = useStyles();
-        var vertical = state.vertical, size = state.size;
-        state.root.className = react_1.mergeClasses(exports.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);
-        return state;
-    };
-    exports.useToolbarStyles_unstable = useToolbarStyles_unstable;
-});
-//# sourceMappingURL=useToolbarStyles.js.map

package/lib-amd/components/Toolbar/useToolbarStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToolbarStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/Toolbar/useToolbarStyles.ts"],"names":[],"mappings":";;;;IAIa,QAAA,iBAAiB,GAAiC;QAC7D,IAAI,EAAE,aAAa;KACpB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,sCACF,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,QAAQ,IACjB,kBAAU,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,GAC9C,kBAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CACzB;QACD,QAAQ,EAAE;YACR,aAAa,EAAE,QAAQ;YACvB,KAAK,EAAE,aAAa;SACrB;QACD,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;SACf;QACD,MAAM,EAAE;YACN,MAAM,EAAE,MAAM;SACf;QACD,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,yBAAyB,GAAG,UAAC,KAAmB;QAC3D,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QACnB,IAAA,QAAQ,GAAW,KAAK,SAAhB,EAAE,IAAI,GAAK,KAAK,KAAV,CAAW;QACjC,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CACjC,yBAAiB,CAAC,IAAI,EACtB,MAAM,CAAC,IAAI,EACX,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,IAAI,KAAK,OAAO,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,EAC7C,IAAI,KAAK,QAAQ,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,EAC/C,IAAI,KAAK,OAAO,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,EAC7C,KAAK,CAAC,IAAI,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAdW,QAAA,yBAAyB,6BAcpC","sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { ToolbarSlots, ToolbarState } from './Toolbar.types';\n\nexport const toolbarClassNames: SlotClassNames<ToolbarSlots> = {\n  root: 'fui-Toolbar',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    ...shorthands.padding('4px', '8px', '4px', '8px'),\n    ...shorthands.gap('8px'),\n  },\n  vertical: {\n    flexDirection: 'column',\n    width: 'fit-content',\n  },\n  small: {\n    height: '32px',\n  },\n  medium: {\n    height: '40px',\n  },\n  large: {\n    height: '48px',\n  },\n});\n\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarStyles_unstable = (state: ToolbarState): ToolbarState => {\n  const styles = useStyles();\n  const { vertical, size } = state;\n  state.root.className = mergeClasses(\n    toolbarClassNames.root,\n    styles.root,\n    vertical && styles.vertical,\n    size === 'small' && !vertical && styles.small,\n    size === 'medium' && !vertical && styles.medium,\n    size === 'large' && !vertical && styles.large,\n    state.root.className,\n  );\n\n  return state;\n};\n"]}

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

@@ -1,19 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-button", "./useToolbarButtonStyles", "./useToolbarButton", "@fluentui/react-shared-contexts"], function (require, exports, React, react_button_1, useToolbarButtonStyles_1, useToolbarButton_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ToolbarButton = void 0;
-    /**
-     * ToolbarButton component is a Button to be used inside Toolbar
-     * which will respect toolbar props such as `size`
-     */
-    exports.ToolbarButton = React.forwardRef(function (props, ref) {
-        var state = useToolbarButton_1.useToolbarButton_unstable(props, ref);
-        useToolbarButtonStyles_1.useToolbarButtonStyles_unstable(state);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useToolbarButtonStyles_unstable;
-        useCustomStyles(state);
-        return react_button_1.renderButton_unstable(state);
-        // Casting is required due to lack of distributive union to support unions on @types/react
-    });
-    exports.ToolbarButton.displayName = 'ToolbarButton';
-});
-//# sourceMappingURL=ToolbarButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarButton/ToolbarButton.tsx"],"names":[],"mappings":";;;;IAQA;;;OAGG;IACU,QAAA,aAAa,GAA4C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAChG,IAAM,KAAK,GAAG,4CAAyB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEpD,wDAA+B,CAAC,KAAK,CAAC,CAAC;QAE/B,IAAiC,eAAe,GAAK,oDAA4B,EAAE,gCAAnC,CAAoC;QAC5F,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,oCAAqB,CAAC,KAAK,CAAC,CAAC;QACpC,0FAA0F;IAC5F,CAAC,CAA4C,CAAC;IAE9C,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import * as React from 'react';\nimport type { ToolbarButtonProps } from './ToolbarButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderButton_unstable } from '@fluentui/react-button';\nimport { useToolbarButtonStyles_unstable } from './useToolbarButtonStyles';\nimport { useToolbarButton_unstable } from './useToolbarButton';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarButton component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarButton: ForwardRefComponent<ToolbarButtonProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarButton_unstable(props, ref);\n\n  useToolbarButtonStyles_unstable(state);\n\n  const { useToolbarButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToolbarButtonProps>;\n\nToolbarButton.displayName = 'ToolbarButton';\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarButton.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarButton/ToolbarButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ButtonProps, ButtonSlots, ButtonState } from '@fluentui/react-button';\n\n/**\n * ToolbarButton Props\n */\nexport type ToolbarButtonProps = ComponentProps<ButtonSlots> &\n  Partial<Pick<ButtonProps, 'disabled' | 'disabledFocusable'>> & {\n    appearance?: 'primary' | 'subtle';\n  } & {\n    vertical?: boolean;\n  };\n\n/**\n * State used in rendering ToolbarButton\n */\nexport type ToolbarButtonState = ComponentState<Partial<ButtonSlots>> &\n  ButtonState &\n  Required<Pick<ToolbarButtonProps, 'vertical'>>;\n"]}

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

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./ToolbarButton", "./ToolbarButton.types", "./useToolbarButton", "./useToolbarButtonStyles"], function (require, exports, tslib_1, ToolbarButton_1, ToolbarButton_types_1, useToolbarButton_1, useToolbarButtonStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(ToolbarButton_1, exports);
-    tslib_1.__exportStar(ToolbarButton_types_1, exports);
-    tslib_1.__exportStar(useToolbarButton_1, exports);
-    tslib_1.__exportStar(useToolbarButtonStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarButton/index.ts"],"names":[],"mappings":";;;IAAA,+CAAgC;IAChC,qDAAsC;IACtC,kDAAmC;IACnC,wDAAyC","sourcesContent":["export * from './ToolbarButton';\nexport * from './ToolbarButton.types';\nexport * from './useToolbarButton';\nexport * from './useToolbarButtonStyles';\n"]}

package/lib-amd/components/ToolbarButton/useToolbarButton.js

@@ -1,18 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-button"], function (require, exports, tslib_1, react_button_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useToolbarButton_unstable = void 0;
-    /**
-     * 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.
-     */
-    var useToolbarButton_unstable = function (props, ref) {
-        var _a = props.vertical, vertical = _a === void 0 ? false : _a, buttonProps = tslib_1.__rest(props, ["vertical"]);
-        var state = react_button_1.useButton_unstable(tslib_1.__assign({ appearance: 'subtle' }, buttonProps), ref);
-        return tslib_1.__assign({ vertical: vertical }, state);
-    };
-    exports.useToolbarButton_unstable = useToolbarButton_unstable;
-});
-//# sourceMappingURL=useToolbarButton.js.map

package/lib-amd/components/ToolbarButton/useToolbarButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToolbarButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButton.ts"],"names":[],"mappings":";;;;IAIA;;;;;OAKG;IACI,IAAM,yBAAyB,GAAG,UACvC,KAAyB,EACzB,GAAqD;QAE7C,IAAA,KAAqC,KAAK,SAA1B,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAK,WAAW,kBAAK,KAAK,EAA5C,YAAoC,CAAF,CAAW;QACnD,IAAM,KAAK,GAAG,iCAAkB,oBAAG,UAAU,EAAE,QAAQ,IAAK,WAAW,GAAI,GAAG,CAAC,CAAC;QAChF,0BACE,QAAQ,UAAA,IACL,KAAK,EACR;IACJ,CAAC,CAAC;IAVW,QAAA,yBAAyB,6BAUpC","sourcesContent":["import * as React from 'react';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { ToolbarButtonProps, ToolbarButtonState } from './ToolbarButton.types';\n\n/**\n * Given user props, defines default props for the Button, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */\nexport const useToolbarButton_unstable = (\n  props: ToolbarButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarButtonState => {\n  const { vertical = false, ...buttonProps } = props;\n  const state = useButton_unstable({ appearance: 'subtle', ...buttonProps }, ref);\n  return {\n    vertical,\n    ...state,\n  };\n};\n"]}

package/lib-amd/components/ToolbarButton/useToolbarButtonStyles.js

@@ -1,26 +0,0 @@
-define(["require", "exports", "@griffel/react", "@fluentui/react-button"], function (require, exports, react_1, react_button_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useToolbarButtonStyles_unstable = void 0;
-    var useBaseStyles = react_1.makeStyles({
-        vertical: {
-            flexDirection: 'column',
-        },
-        verticalIcon: {
-            fontSize: '24px',
-        },
-    });
-    /**
-     * Apply styling to the ToolbarButton slots based on the state
-     */
-    var useToolbarButtonStyles_unstable = function (state) {
-        react_button_1.useButtonStyles_unstable(state);
-        var buttonStyles = useBaseStyles();
-        state.root.className = react_1.mergeClasses(state.root.className, state.vertical && buttonStyles.vertical);
-        if (state.icon) {
-            state.icon.className = react_1.mergeClasses(state.icon.className, state.vertical && buttonStyles.verticalIcon);
-        }
-    };
-    exports.useToolbarButtonStyles_unstable = useToolbarButtonStyles_unstable;
-});
-//# sourceMappingURL=useToolbarButtonStyles.js.map

package/lib-amd/components/ToolbarButton/useToolbarButtonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToolbarButtonStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.ts"],"names":[],"mappings":";;;;IAIA,IAAM,aAAa,GAAG,kBAAU,CAAC;QAC/B,QAAQ,EAAE;YACR,aAAa,EAAE,QAAQ;SACxB;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,MAAM;SACjB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,+BAA+B,GAAG,UAAC,KAAyB;QACvE,uCAAwB,CAAC,KAAK,CAAC,CAAC;QAChC,IAAM,YAAY,GAAG,aAAa,EAAE,CAAC;QAErC,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC;QACnG,IAAI,KAAK,CAAC,IAAI,EAAE;YACd,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAI,YAAY,CAAC,YAAY,CAAC,CAAC;SACxG;IACH,CAAC,CAAC;IARW,QAAA,+BAA+B,mCAQ1C","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarButtonState } from './ToolbarButton.types';\n\nconst useBaseStyles = makeStyles({\n  vertical: {\n    flexDirection: 'column',\n  },\n  verticalIcon: {\n    fontSize: '24px',\n  },\n});\n\n/**\n * Apply styling to the ToolbarButton slots based on the state\n */\nexport const useToolbarButtonStyles_unstable = (state: ToolbarButtonState) => {\n  useButtonStyles_unstable(state);\n  const buttonStyles = useBaseStyles();\n\n  state.root.className = mergeClasses(state.root.className, state.vertical && buttonStyles.vertical);\n  if (state.icon) {\n    state.icon.className = mergeClasses(state.icon.className, state.vertical && buttonStyles.verticalIcon);\n  }\n};\n"]}

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

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./useToolbarDividerStyles", "@fluentui/react-divider", "./useToolbarDivider", "@fluentui/react-shared-contexts"], function (require, exports, React, useToolbarDividerStyles_1, react_divider_1, useToolbarDivider_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ToolbarDivider = void 0;
-    /**
-     * ToolbarDivider component
-     */
-    exports.ToolbarDivider = React.forwardRef(function (props, ref) {
-        var state = useToolbarDivider_1.useToolbarDivider_unstable(props, ref);
-        useToolbarDividerStyles_1.useToolbarDividerStyles_unstable(state);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useToolbarDividerStyles_unstable;
-        useCustomStyles(state);
-        return react_divider_1.renderDivider_unstable(state);
-    });
-    exports.ToolbarDivider.displayName = 'ToolbarDivider';
-});
-//# sourceMappingURL=ToolbarDivider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarDivider.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarDivider/ToolbarDivider.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,cAAc,GAA6C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAClG,IAAM,KAAK,GAAG,8CAA0B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAErD,0DAAgC,CAAC,KAAK,CAAC,CAAC;QAEhC,IAAkC,eAAe,GAAK,oDAA4B,EAAE,iCAAnC,CAAoC;QAC7F,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,sCAAsB,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles';\nimport type { ToolbarDividerProps } from './ToolbarDivider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarDivider_unstable } from './useToolbarDivider';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarDivider component\n */\nexport const ToolbarDivider: ForwardRefComponent<ToolbarDividerProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarDivider_unstable(props, ref);\n\n  useToolbarDividerStyles_unstable(state);\n\n  const { useToolbarDividerStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDivider_unstable(state);\n});\n\nToolbarDivider.displayName = 'ToolbarDivider';\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarDivider.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarDivider/ToolbarDivider.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerState } from '@fluentui/react-divider';\n\n/**\n * ToolbarDivider Props\n */\nexport type ToolbarDividerProps = ComponentProps<Partial<DividerSlots>> & {\n  /**\n   * A divider can be horizontal or vertical (default).\n   *\n   * @default true\n   */\n  vertical?: boolean;\n};\n\n/**\n * State used in rendering ToolbarDivider\n */\nexport type ToolbarDividerState = ComponentState<Partial<DividerSlots>> & DividerState;\n"]}

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

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./ToolbarDivider", "./ToolbarDivider.types", "./useToolbarDividerStyles", "./useToolbarDivider"], function (require, exports, tslib_1, ToolbarDivider_1, ToolbarDivider_types_1, useToolbarDividerStyles_1, useToolbarDivider_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(ToolbarDivider_1, exports);
-    tslib_1.__exportStar(ToolbarDivider_types_1, exports);
-    tslib_1.__exportStar(useToolbarDividerStyles_1, exports);
-    tslib_1.__exportStar(useToolbarDivider_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,20 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,27 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,19 +0,0 @@
-define(["require", "exports", "react", "./useToolbarGroup", "./useToolbarGroupStyles", "./renderToolbarGroup", "@fluentui/react-shared-contexts"], function (require, exports, React, useToolbarGroup_1, useToolbarGroupStyles_1, renderToolbarGroup_1, react_shared_contexts_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);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useToolbarGroupStyles_unstable;
-        useCustomStyles(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

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarGroup/ToolbarGroup.tsx"],"names":[],"mappings":";;;;IAQA;;;OAGG;IACU,QAAA,YAAY,GAA2C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC9F,IAAM,KAAK,GAAG,0CAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEnD,sDAA8B,CAAC,KAAK,CAAC,CAAC;QAE9B,IAAgC,eAAe,GAAK,oDAA4B,EAAE,+BAAnC,CAAoC;QAC3F,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,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';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  useToolbarGroupStyles_unstable(state);\n\n  const { useToolbarGroupStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"]}