@fluentui/react-toolbar 9.1.3 → 9.1.5

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/Toolbar/index.ts"],"sourcesContent":["export * from './Toolbar';\nexport * from './Toolbar.types';\nexport * from './renderToolbar';\nexport * from './useToolbar';\nexport * from './useToolbarStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,eAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,kBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/Toolbar/index.js"],"sourcesContent":["export * from './Toolbar';\nexport * from './Toolbar.types';\nexport * from './renderToolbar';\nexport * from './useToolbar';\nexport * from './useToolbarStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

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

@@ -1,25 +1,20 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderToolbar_unstable", {
+    enumerable: true,
+    get: ()=>renderToolbar_unstable
 });
-exports.renderToolbar_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const ToolbarContext_1 = /*#__PURE__*/require("./ToolbarContext");
-/**
- * Render the final JSX of Toolbar
- */
-const renderToolbar_unstable = (state, contextValues) => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(ToolbarContext_1.ToolbarContext.Provider, {
-    value: contextValues.toolbar
-  }, React.createElement(slots.root, {
-    ...slotProps.root
-  }, slotProps.root.children));
-};
-exports.renderToolbar_unstable = renderToolbar_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _toolbarContext = require("./ToolbarContext");
+const renderToolbar_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(_toolbarContext.ToolbarContext.Provider, {
+        value: contextValues.toolbar
+    }, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slotProps.root.children));
+}; //# sourceMappingURL=renderToolbar.js.map
+
 //# sourceMappingURL=renderToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","ToolbarContext_1","renderToolbar_unstable","state","contextValues","slots","slotProps","getSlots","createElement","ToolbarContext","Provider","value","toolbar","root","children","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/Toolbar/renderToolbar.tsx"],"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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,gBAAA,gBAAAF,OAAA;AAEA;;;AAGO,MAAMG,sBAAsB,GAAGA,CAACC,KAAmB,EAAEC,aAAmC,KAAI;EACjG,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGN,iBAAA,CAAAO,QAAQ,CAAeJ,KAAK,CAAC;EAE1D,OACEL,KAAA,CAAAU,aAAA,CAACP,gBAAA,CAAAQ,cAAc,CAACC,QAAQ;IAACC,KAAK,EAAEP,aAAa,CAACQ;EAAO,GACnDd,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACQ,IAAI;IAAA,GAAKP,SAAS,CAACO;EAAI,GAAGP,SAAS,CAACO,IAAI,CAACC,QAAQ,CAAc,CAC9C;AAE9B,CAAC;AARYC,OAAA,CAAAb,sBAAsB,GAAAA,sBAAA"}
+{"version":3,"sources":["../../../lib/components/Toolbar/renderToolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { ToolbarContext } from './ToolbarContext';\n/**\n * Render the final JSX of Toolbar\n */\nexport const renderToolbar_unstable = (state, contextValues) => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(ToolbarContext.Provider, {\n    value: contextValues.toolbar\n  }, /*#__PURE__*/React.createElement(slots.root, slotProps.root, slotProps.root.children));\n};\n//# sourceMappingURL=renderToolbar.js.map"],"names":["renderToolbar_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","ToolbarContext","Provider","value","toolbar","root","children"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;gCACM;AAIxB,MAAMA,yBAAyB,CAACC,OAAOC,gBAAkB;IAC9D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACC,8BAAc,CAACC,QAAQ,EAAE;QAC/DC,OAAOR,cAAcS,OAAO;IAC9B,GAAG,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMS,IAAI,EAAER,UAAUQ,IAAI,EAAER,UAAUQ,IAAI,CAACC,QAAQ;AACzF,GACA,yCAAyC"}

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

@@ -1,118 +1,110 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useToolbar_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_utilities_2 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
-/**
- * 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
- */
-const useToolbar_unstable = (props, ref) => {
-  const {
-    size = 'medium',
-    vertical = false
-  } = props;
-  const arrowNavigationProps = react_tabster_1.useArrowNavigationGroup({
-    circular: true,
-    axis: 'both'
-  });
-  const initialState = {
-    size,
-    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', {
-      role: 'toolbar',
-      ref,
-      ...(vertical && {
-        'aria-orientation': 'vertical'
-      }),
-      ...arrowNavigationProps,
-      ...props
-    })
-  };
-  const [checkedValues, onCheckedValueChange] = useToolbarSelectableState({
-    checkedValues: props.checkedValues,
-    defaultCheckedValues: props.defaultCheckedValues,
-    onCheckedValueChange: props.onCheckedValueChange
-  });
-  const handleToggleButton = react_utilities_1.useEventCallback((e, name, value, checked) => {
-    if (name && value) {
-      const checkedItems = (checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues[name]) || [];
-      const newCheckedItems = [...checkedItems];
-      if (checked) {
-        newCheckedItems.splice(newCheckedItems.indexOf(value), 1);
-      } else {
-        newCheckedItems.push(value);
-      }
-      onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {
-        name,
-        checkedItems: newCheckedItems
-      });
-    }
-  });
-  const handleRadio = react_utilities_1.useEventCallback((e, name, value, checked) => {
-    if (name && value) {
-      onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {
-        name,
-        checkedItems: [value]
-      });
-    }
-  });
-  return {
-    ...initialState,
-    handleToggleButton,
-    handleRadio,
-    checkedValues: checkedValues !== null && checkedValues !== void 0 ? checkedValues : {}
-  };
+Object.defineProperty(exports, "useToolbar_unstable", {
+    enumerable: true,
+    get: ()=>useToolbar_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactTabster = require("@fluentui/react-tabster");
+const useToolbar_unstable = (props, ref)=>{
+    const { size ='medium' , vertical =false  } = props;
+    const arrowNavigationProps = (0, _reactTabster.useArrowNavigationGroup)({
+        circular: true,
+        axis: 'both'
+    });
+    const initialState = {
+        size,
+        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: (0, _reactUtilities.getNativeElementProps)('div', {
+            role: 'toolbar',
+            ref,
+            ...vertical && {
+                'aria-orientation': 'vertical'
+            },
+            ...arrowNavigationProps,
+            ...props
+        })
+    };
+    const [checkedValues, onCheckedValueChange] = useToolbarSelectableState({
+        checkedValues: props.checkedValues,
+        defaultCheckedValues: props.defaultCheckedValues,
+        onCheckedValueChange: props.onCheckedValueChange
+    });
+    const handleToggleButton = (0, _reactUtilities.useEventCallback)((e, name, value, checked)=>{
+        if (name && value) {
+            const checkedItems = (checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues[name]) || [];
+            const newCheckedItems = [
+                ...checkedItems
+            ];
+            if (checked) {
+                newCheckedItems.splice(newCheckedItems.indexOf(value), 1);
+            } else {
+                newCheckedItems.push(value);
+            }
+            onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {
+                name,
+                checkedItems: newCheckedItems
+            });
+        }
+    });
+    const handleRadio = (0, _reactUtilities.useEventCallback)((e, name, value, checked)=>{
+        if (name && value) {
+            onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {
+                name,
+                checkedItems: [
+                    value
+                ]
+            });
+        }
+    });
+    return {
+        ...initialState,
+        handleToggleButton,
+        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
- */
-const useToolbarSelectableState = state => {
-  const [checkedValues, setCheckedValues] = react_utilities_1.useControllableState({
-    state: state.checkedValues,
-    defaultState: state.defaultCheckedValues,
-    initialState: {}
-  });
-  const {
-    onCheckedValueChange: onCheckedValueChangeOriginal
-  } = state;
-  const onCheckedValueChange = react_utilities_1.useEventCallback((e, {
-    name,
-    checkedItems
-  }) => {
-    if (onCheckedValueChangeOriginal) {
-      onCheckedValueChangeOriginal(e, {
-        name,
-        checkedItems
-      });
-    }
-    setCheckedValues(s => {
-      return s ? {
-        ...s,
-        [name]: checkedItems
-      } : {
-        [name]: checkedItems
-      };
+ */ const useToolbarSelectableState = (state)=>{
+    const [checkedValues, setCheckedValues] = (0, _reactUtilities.useControllableState)({
+        state: state.checkedValues,
+        defaultState: state.defaultCheckedValues,
+        initialState: {}
     });
-  });
-  return [checkedValues, onCheckedValueChange];
-};
+    const { onCheckedValueChange: onCheckedValueChangeOriginal  } = state;
+    const onCheckedValueChange = (0, _reactUtilities.useEventCallback)((e, { name , checkedItems  })=>{
+        if (onCheckedValueChangeOriginal) {
+            onCheckedValueChangeOriginal(e, {
+                name,
+                checkedItems
+            });
+        }
+        setCheckedValues((s)=>{
+            return s ? {
+                ...s,
+                [name]: checkedItems
+            } : {
+                [name]: checkedItems
+            };
+        });
+    });
+    return [
+        checkedValues,
+        onCheckedValueChange
+    ];
+}; //# sourceMappingURL=useToolbar.js.map
+
 //# sourceMappingURL=useToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","react_utilities_2","react_tabster_1","useToolbar_unstable","props","ref","size","vertical","arrowNavigationProps","useArrowNavigationGroup","circular","axis","initialState","components","root","getNativeElementProps","role","checkedValues","onCheckedValueChange","useToolbarSelectableState","defaultCheckedValues","handleToggleButton","useEventCallback","e","name","value","checked","checkedItems","newCheckedItems","splice","indexOf","push","handleRadio","exports","state","setCheckedValues","useControllableState","defaultState","onCheckedValueChangeOriginal","s"],"sources":["../src/packages/react-components/react-toolbar/src/components/Toolbar/useToolbar.ts"],"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"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/Toolbar/useToolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback, useControllableState } from '@fluentui/react-utilities';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\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, ref) => {\n  const {\n    size = 'medium',\n    vertical = false\n  } = props;\n  const arrowNavigationProps = useArrowNavigationGroup({\n    circular: true,\n    axis: 'both'\n  });\n  const initialState = {\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 && {\n        'aria-orientation': 'vertical'\n      }),\n      ...arrowNavigationProps,\n      ...props\n    })\n  };\n  const [checkedValues, onCheckedValueChange] = useToolbarSelectableState({\n    checkedValues: props.checkedValues,\n    defaultCheckedValues: props.defaultCheckedValues,\n    onCheckedValueChange: props.onCheckedValueChange\n  });\n  const handleToggleButton = useEventCallback((e, name, value, checked) => {\n    if (name && value) {\n      const checkedItems = (checkedValues === null || checkedValues === void 0 ? void 0 : 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 === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {\n        name,\n        checkedItems: newCheckedItems\n      });\n    }\n  });\n  const handleRadio = useEventCallback((e, name, value, checked) => {\n    if (name && value) {\n      onCheckedValueChange === null || onCheckedValueChange === void 0 ? void 0 : onCheckedValueChange(e, {\n        name,\n        checkedItems: [value]\n      });\n    }\n  });\n  return {\n    ...initialState,\n    handleToggleButton,\n    handleRadio,\n    checkedValues: checkedValues !== null && checkedValues !== void 0 ? checkedValues : {}\n  };\n};\n/**\n * Adds appropriate state values and handlers for selectable items\n * i.e checkboxes and radios\n */\nconst useToolbarSelectableState = state => {\n  const [checkedValues, setCheckedValues] = useControllableState({\n    state: state.checkedValues,\n    defaultState: state.defaultCheckedValues,\n    initialState: {}\n  });\n  const {\n    onCheckedValueChange: onCheckedValueChangeOriginal\n  } = state;\n  const onCheckedValueChange = useEventCallback((e, {\n    name,\n    checkedItems\n  }) => {\n    if (onCheckedValueChangeOriginal) {\n      onCheckedValueChangeOriginal(e, {\n        name,\n        checkedItems\n      });\n    }\n    setCheckedValues(s => {\n      return s ? {\n        ...s,\n        [name]: checkedItems\n      } : {\n        [name]: checkedItems\n      };\n    });\n  });\n  return [checkedValues, onCheckedValueChange];\n};\n//# sourceMappingURL=useToolbar.js.map"],"names":["useToolbar_unstable","props","ref","size","vertical","arrowNavigationProps","useArrowNavigationGroup","circular","axis","initialState","components","root","getNativeElementProps","role","checkedValues","onCheckedValueChange","useToolbarSelectableState","defaultCheckedValues","handleToggleButton","useEventCallback","e","name","value","checked","checkedItems","newCheckedItems","splice","indexOf","push","handleRadio","state","setCheckedValues","useControllableState","defaultState","onCheckedValueChangeOriginal","s"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;gCACgC;8BAEf;AAUjC,MAAMA,sBAAsB,CAACC,OAAOC,MAAQ;IACjD,MAAM,EACJC,MAAO,SAAQ,EACfC,UAAW,KAAK,CAAA,EACjB,GAAGH;IACJ,MAAMI,uBAAuBC,IAAAA,qCAAuB,EAAC;QACnDC,UAAU,IAAI;QACdC,MAAM;IACR;IACA,MAAMC,eAAe;QACnBN;QACAC;QACA,sCAAsC;QACtCM,YAAY;YACV,iDAAiD;YACjDC,MAAM;QACR;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCC,MAAM;YACNX;YACA,GAAIE,YAAY;gBACd,oBAAoB;YACtB,CAAC;YACD,GAAGC,oBAAoB;YACvB,GAAGJ,KAAK;QACV;IACF;IACA,MAAM,CAACa,eAAeC,qBAAqB,GAAGC,0BAA0B;QACtEF,eAAeb,MAAMa,aAAa;QAClCG,sBAAsBhB,MAAMgB,oBAAoB;QAChDF,sBAAsBd,MAAMc,oBAAoB;IAClD;IACA,MAAMG,qBAAqBC,IAAAA,gCAAgB,EAAC,CAACC,GAAGC,MAAMC,OAAOC,UAAY;QACvE,IAAIF,QAAQC,OAAO;YACjB,MAAME,eAAe,AAACV,CAAAA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,aAAa,CAACO,KAAK,AAAD,KAAM,EAAE;YAC9G,MAAMI,kBAAkB;mBAAID;aAAa;YACzC,IAAID,SAAS;gBACXE,gBAAgBC,MAAM,CAACD,gBAAgBE,OAAO,CAACL,QAAQ;YACzD,OAAO;gBACLG,gBAAgBG,IAAI,CAACN;YACvB,CAAC;YACDP,yBAAyB,IAAI,IAAIA,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBK,GAAG;gBAClGC;gBACAG,cAAcC;YAChB,EAAE;QACJ,CAAC;IACH;IACA,MAAMI,cAAcV,IAAAA,gCAAgB,EAAC,CAACC,GAAGC,MAAMC,OAAOC,UAAY;QAChE,IAAIF,QAAQC,OAAO;YACjBP,yBAAyB,IAAI,IAAIA,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBK,GAAG;gBAClGC;gBACAG,cAAc;oBAACF;iBAAM;YACvB,EAAE;QACJ,CAAC;IACH;IACA,OAAO;QACL,GAAGb,YAAY;QACfS;QACAW;QACAf,eAAeA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAIA,gBAAgB,CAAC,CAAC;IACxF;AACF;AACA;;;CAGC,GACD,MAAME,4BAA4Bc,CAAAA,QAAS;IACzC,MAAM,CAAChB,eAAeiB,iBAAiB,GAAGC,IAAAA,oCAAoB,EAAC;QAC7DF,OAAOA,MAAMhB,aAAa;QAC1BmB,cAAcH,MAAMb,oBAAoB;QACxCR,cAAc,CAAC;IACjB;IACA,MAAM,EACJM,sBAAsBmB,6BAA4B,EACnD,GAAGJ;IACJ,MAAMf,uBAAuBI,IAAAA,gCAAgB,EAAC,CAACC,GAAG,EAChDC,KAAI,EACJG,aAAY,EACb,GAAK;QACJ,IAAIU,8BAA8B;YAChCA,6BAA6Bd,GAAG;gBAC9BC;gBACAG;YACF;QACF,CAAC;QACDO,iBAAiBI,CAAAA,IAAK;YACpB,OAAOA,IAAI;gBACT,GAAGA,CAAC;gBACJ,CAACd,KAAK,EAAEG;YACV,IAAI;gBACF,CAACH,KAAK,EAAEG;YACV,CAAC;QACH;IACF;IACA,OAAO;QAACV;QAAeC;KAAqB;AAC9C,GACA,sCAAsC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["useToolbarContextValues_unstable","state","size","handleToggleButton","vertical","checkedValues","handleRadio","toolbar","exports"],"sources":["../src/packages/react-components/react-toolbar/src/components/Toolbar/useToolbarContextValues.tsx"],"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"],"mappings":";;;;;;AAEA,SAAgBA,gCAAgCA,CAACC,KAAmB;EAClE,MAAM;IAAEC,IAAI;IAAEC,kBAAkB;IAAEC,QAAQ;IAAEC,aAAa;IAAEC;EAAW,CAAE,GAAGL,KAAK;EAChF;EACA,MAAMM,OAAO,GAAwB;IACnCL,IAAI;IACJE,QAAQ;IACRD,kBAAkB;IAClBG,WAAW;IACXD;GACD;EAED,OAAO;IAAEE;EAAO,CAAE;AACpB;AAZAC,OAAA,CAAAR,gCAAA,GAAAA,gCAAA"}
+{"version":3,"sources":["../../../lib/components/Toolbar/useToolbarContextValues.js"],"sourcesContent":["export function useToolbarContextValues_unstable(state) {\n  const {\n    size,\n    handleToggleButton,\n    vertical,\n    checkedValues,\n    handleRadio\n  } = state;\n  // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n  const toolbar = {\n    size,\n    vertical,\n    handleToggleButton,\n    handleRadio,\n    checkedValues\n  };\n  return {\n    toolbar\n  };\n}\n//# sourceMappingURL=useToolbarContextValues.js.map"],"names":["useToolbarContextValues_unstable","state","size","handleToggleButton","vertical","checkedValues","handleRadio","toolbar"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,iCAAiCC,KAAK,EAAE;IACtD,MAAM,EACJC,KAAI,EACJC,mBAAkB,EAClBC,SAAQ,EACRC,cAAa,EACbC,YAAW,EACZ,GAAGL;IACJ,mGAAmG;IACnG,MAAMM,UAAU;QACdL;QACAE;QACAD;QACAG;QACAD;IACF;IACA,OAAO;QACLE;IACF;AACF,EACA,mDAAmD"}

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

@@ -1,54 +1,75 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    toolbarClassNames: ()=>toolbarClassNames,
+    useToolbarStyles_unstable: ()=>useToolbarStyles_unstable
 });
-exports.useToolbarStyles_unstable = exports.toolbarClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-exports.toolbarClassNames = {
-  root: 'fui-Toolbar'
+const _react = require("@griffel/react");
+const toolbarClassNames = {
+    root: 'fui-Toolbar'
 };
 /**
  * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    z8tnut: "f10ra9hq",
-    z189sj: ["f19lj068", "f177v4lu"],
-    Byoj8tv: "f1y2xyjm",
-    uwmqm3: ["f177v4lu", "f19lj068"],
-    i8kkvl: "f4px1ci",
-    Belr9w4: "fn67r4l"
-  },
-  vertical: {
-    Beiy3e4: "f1vx9l62",
-    a9b677: "f1acs6jw"
-  },
-  small: {
-    Bqenvij: "f1d2rq10"
-  },
-  medium: {
-    Bqenvij: "fbhnoac"
-  },
-  large: {
-    Bqenvij: "ff2sm71"
-  }
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        z8tnut: "f10ra9hq",
+        z189sj: [
+            "f19lj068",
+            "f177v4lu"
+        ],
+        Byoj8tv: "f1y2xyjm",
+        uwmqm3: [
+            "f177v4lu",
+            "f19lj068"
+        ],
+        i8kkvl: "f4px1ci",
+        Belr9w4: "fn67r4l"
+    },
+    vertical: {
+        Beiy3e4: "f1vx9l62",
+        a9b677: "f1acs6jw"
+    },
+    small: {
+        Bqenvij: "f1d2rq10"
+    },
+    medium: {
+        Bqenvij: "fbhnoac"
+    },
+    large: {
+        Bqenvij: "ff2sm71"
+    }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f10ra9hq{padding-top:4px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".f1y2xyjm{padding-bottom:4px;}", ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}", ".fn67r4l{row-gap:8px;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1acs6jw{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}", ".f1d2rq10{height:32px;}", ".fbhnoac{height:40px;}", ".ff2sm71{height:48px;}"]
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".f10ra9hq{padding-top:4px;}",
+        ".f19lj068{padding-right:8px;}",
+        ".f177v4lu{padding-left:8px;}",
+        ".f1y2xyjm{padding-bottom:4px;}",
+        ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}",
+        ".fn67r4l{row-gap:8px;}",
+        ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
+        ".f1acs6jw{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}",
+        ".f1d2rq10{height:32px;}",
+        ".fbhnoac{height:40px;}",
+        ".ff2sm71{height:48px;}"
+    ]
 });
-/**
- * Apply styling to the Toolbar slots based on the state
- */
-const useToolbarStyles_unstable = state => {
-  const styles = useStyles();
-  const {
-    vertical,
-    size
-  } = state;
-  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;
+const useToolbarStyles_unstable = (state)=>{
+    const styles = useStyles();
+    const { vertical , size  } = state;
+    state.root.className = (0, _react.mergeClasses)(toolbarClassNames.root, styles.root, vertical && styles.vertical, size === 'small' && !vertical && styles.small, size === 'medium' && !vertical && styles.medium, size === 'large' && !vertical && styles.large, state.root.className);
+    return state;
+}; //# sourceMappingURL=useToolbarStyles.js.map
+
 //# sourceMappingURL=useToolbarStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","exports","toolbarClassNames","root","useStyles","__styles","mc9l5x","Bt984gj","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","vertical","Beiy3e4","a9b677","small","Bqenvij","medium","large","d","useToolbarStyles_unstable","state","styles","size","className","mergeClasses"],"sources":["../src/packages/react-components/react-toolbar/src/components/Toolbar/useToolbarStyles.ts"],"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"],"mappings":";;;;;;AACA,MAAAA,OAAA,gBAAAC,OAAA;AAGaC,OAAA,CAAAC,iBAAiB,GAAiC;EAC7DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGL,OAAA,CAAAM,QAAU;EAAAF,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAD,OAAA;EAAA;EAAAE,KAAA;IAAAF,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,EAoB1B;AAEF;;;AAGO,MAAMC,yBAAyB,GAAIC,KAAmB,IAAkB;EAC7E,MAAMC,MAAM,GAAGpB,SAAS,EAAE;EAC1B,MAAM;IAAEU,QAAQ;IAAEW;EAAI,CAAE,GAAGF,KAAK;EAChCA,KAAK,CAACpB,IAAI,CAACuB,SAAS,GAAG3B,OAAA,CAAA4B,YAAY,CACjC1B,OAAA,CAAAC,iBAAiB,CAACC,IAAI,EACtBqB,MAAM,CAACrB,IAAI,EACXW,QAAQ,IAAIU,MAAM,CAACV,QAAQ,EAC3BW,IAAI,KAAK,OAAO,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACP,KAAK,EAC7CQ,IAAI,KAAK,QAAQ,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACL,MAAM,EAC/CM,IAAI,KAAK,OAAO,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACJ,KAAK,EAC7CG,KAAK,CAACpB,IAAI,CAACuB,SAAS,CACrB;EAED,OAAOH,KAAK;AACd,CAAC;AAdYtB,OAAA,CAAAqB,yBAAyB,GAAAA,yBAAA"}
+{"version":3,"sources":["../../../lib/components/Toolbar/useToolbarStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const toolbarClassNames = {\n  root: 'fui-Toolbar'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    z8tnut: \"f10ra9hq\",\n    z189sj: [\"f19lj068\", \"f177v4lu\"],\n    Byoj8tv: \"f1y2xyjm\",\n    uwmqm3: [\"f177v4lu\", \"f19lj068\"],\n    i8kkvl: \"f4px1ci\",\n    Belr9w4: \"fn67r4l\"\n  },\n  vertical: {\n    Beiy3e4: \"f1vx9l62\",\n    a9b677: \"f1acs6jw\"\n  },\n  small: {\n    Bqenvij: \"f1d2rq10\"\n  },\n  medium: {\n    Bqenvij: \"fbhnoac\"\n  },\n  large: {\n    Bqenvij: \"ff2sm71\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f10ra9hq{padding-top:4px;}\", \".f19lj068{padding-right:8px;}\", \".f177v4lu{padding-left:8px;}\", \".f1y2xyjm{padding-bottom:4px;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1acs6jw{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}\", \".f1d2rq10{height:32px;}\", \".fbhnoac{height:40px;}\", \".ff2sm71{height:48px;}\"]\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    vertical,\n    size\n  } = state;\n  state.root.className = mergeClasses(toolbarClassNames.root, styles.root, vertical && styles.vertical, size === 'small' && !vertical && styles.small, size === 'medium' && !vertical && styles.medium, size === 'large' && !vertical && styles.large, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useToolbarStyles.js.map"],"names":["toolbarClassNames","useToolbarStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","vertical","Beiy3e4","a9b677","small","Bqenvij","medium","large","d","state","styles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB,MAAjBA;IAoCAC,yBAAyB,MAAzBA;;uBArCsC;AAC5C,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,OAAO;QACLF,SAAS;IACX;AACF,GAAG;IACDG,GAAG;QAAC;QAAwF;QAA2G;QAA+B;QAAiC;QAAgC;QAAkC;QAAoD;QAA0B;QAA6F;QAAkF;QAA2B;QAA0B;KAAyB;AACtpB;AAIO,MAAMnB,4BAA4BoB,CAAAA,QAAS;IAChD,MAAMC,SAASnB;IACf,MAAM,EACJU,SAAQ,EACRU,KAAI,EACL,GAAGF;IACJA,MAAMnB,IAAI,CAACsB,SAAS,GAAGC,IAAAA,mBAAY,EAACzB,kBAAkBE,IAAI,EAAEoB,OAAOpB,IAAI,EAAEW,YAAYS,OAAOT,QAAQ,EAAEU,SAAS,WAAW,CAACV,YAAYS,OAAON,KAAK,EAAEO,SAAS,YAAY,CAACV,YAAYS,OAAOJ,MAAM,EAAEK,SAAS,WAAW,CAACV,YAAYS,OAAOH,KAAK,EAAEE,MAAMnB,IAAI,CAACsB,SAAS;IACzQ,OAAOH;AACT,GACA,4CAA4C"}

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

@@ -1,28 +1,25 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "ToolbarButton", {
+    enumerable: true,
+    get: ()=>ToolbarButton
 });
-exports.ToolbarButton = void 0;
-const React = /*#__PURE__*/require("react");
-const react_button_1 = /*#__PURE__*/require("@fluentui/react-button");
-const useToolbarButtonStyles_1 = /*#__PURE__*/require("./useToolbarButtonStyles");
-const useToolbarButton_1 = /*#__PURE__*/require("./useToolbarButton");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * ToolbarButton component is a Button to be used inside Toolbar
- * which will respect toolbar props such as `size`
- */
-exports.ToolbarButton = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useToolbarButton_1.useToolbarButton_unstable(props, ref);
-  useToolbarButtonStyles_1.useToolbarButtonStyles_unstable(state);
-  const {
-    useToolbarButtonStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_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
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactButton = require("@fluentui/react-button");
+const _useToolbarButtonStyles = require("./useToolbarButtonStyles");
+const _useToolbarButton = require("./useToolbarButton");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const ToolbarButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useToolbarButton.useToolbarButton_unstable)(props, ref);
+    (0, _useToolbarButtonStyles.useToolbarButtonStyles_unstable)(state);
+    const { useToolbarButtonStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _reactButton.renderButton_unstable)(state);
+// Casting is required due to lack of distributive union to support unions on @types/react
 });
+ToolbarButton.displayName = 'ToolbarButton'; //# sourceMappingURL=ToolbarButton.js.map
 
-exports.ToolbarButton.displayName = 'ToolbarButton';
 //# sourceMappingURL=ToolbarButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_button_1","useToolbarButtonStyles_1","useToolbarButton_1","react_shared_contexts_1","exports","ToolbarButton","forwardRef","props","ref","state","useToolbarButton_unstable","useToolbarButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderButton_unstable","displayName"],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarButton/ToolbarButton.tsx"],"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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAGA,MAAAC,cAAA,gBAAAD,OAAA;AACA,MAAAE,wBAAA,gBAAAF,OAAA;AACA,MAAAG,kBAAA,gBAAAH,OAAA;AACA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;;AAIaK,OAAA,CAAAC,aAAa,gBAA4CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGP,kBAAA,CAAAQ,yBAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEnDP,wBAAA,CAAAU,+BAA+B,CAACF,KAAK,CAAC;EAEtC,MAAM;IAAEE,+BAA+B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAC3FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOT,cAAA,CAAAc,qBAAqB,CAACL,KAAK,CAAC;EACnC;AACF,CAAC,CAA4C;;AAE7CL,OAAA,CAAAC,aAAa,CAACU,WAAW,GAAG,eAAe"}
+{"version":3,"sources":["../../../lib/components/ToolbarButton/ToolbarButton.js"],"sourcesContent":["import * as React from 'react';\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 * ToolbarButton component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useToolbarButton_unstable(props, ref);\n  useToolbarButtonStyles_unstable(state);\n  const {\n    useToolbarButtonStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nToolbarButton.displayName = 'ToolbarButton';\n//# sourceMappingURL=ToolbarButton.js.map"],"names":["ToolbarButton","React","forwardRef","props","ref","state","useToolbarButton_unstable","useToolbarButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderButton_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;6BACe;wCACU;kCACN;qCACG;AAKtC,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,uDAA+B,EAACF;IAChC,MAAM,EACJE,iCAAiCC,gBAAe,EACjD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,kCAAqB,EAACL;AAC7B,0FAA0F;AAC5F;AAEAL,cAAcW,WAAW,GAAG,iBAC5B,yCAAyC"}

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

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=ToolbarButton.types.js.map
+
 //# sourceMappingURL=ToolbarButton.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-toolbar/src/components/ToolbarButton/ToolbarButton.types.ts"],"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"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/ToolbarButton/ToolbarButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ToolbarButton.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}