@fluentui/react-toolbar 9.1.16 → 9.1.17

package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js

@@ -4,17 +4,14 @@ import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * ToolbarRadioGroup component is a Button to be used inside Toolbar
  * which will respect toolbar props such as `size`
- */
-export const ToolbarRadioGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useToolbarGroup_unstable({
-    role: 'radiogroup',
-    ...props
-  }, ref);
-  useToolbarGroupStyles_unstable(state);
-  useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);
-  return renderToolbarGroup_unstable(state);
-  // Casting is required due to lack of distributive union to support unions on @types/react
+ */ export const ToolbarRadioGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useToolbarGroup_unstable({
+        role: 'radiogroup',
+        ...props
+    }, ref);
+    useToolbarGroupStyles_unstable(state);
+    useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);
+    return renderToolbarGroup_unstable(state);
+// Casting is required due to lack of distributive union to support unions on @types/react
 });
-
 ToolbarRadioGroup.displayName = 'ToolbarRadioGroup';
-//# sourceMappingURL=ToolbarRadioGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","renderToolbarGroup_unstable","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","useCustomStyleHook_unstable","ToolbarRadioGroup","forwardRef","props","ref","state","role","displayName"],"sources":["../../../src/components/ToolbarRadioGroup/ToolbarRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ToolbarRadioGroupProps } from './ToolbarRadioGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport {\n  renderToolbarGroup_unstable,\n  useToolbarGroupStyles_unstable,\n  useToolbarGroup_unstable,\n} from '../../ToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarRadioGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarRadioGroup: ForwardRefComponent<ToolbarRadioGroupProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarGroup_unstable({ role: 'radiogroup', ...props }, ref);\n\n  useToolbarGroupStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(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<ToolbarRadioGroupProps>;\n\nToolbarRadioGroup.displayName = 'ToolbarRadioGroup';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,SACEC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB;AACP,SAASC,2BAA2B,QAAQ;AAE5C;;;;AAIA,OAAO,MAAMC,iBAAA,gBAAiEL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC7G,MAAMC,KAAA,GAAQN,wBAAA,CAAyB;IAAEO,IAAA,EAAM;IAAc,GAAGH;EAAM,GAAGC,GAAA;EAEzEN,8BAAA,CAA+BO,KAAA;EAE/BL,2BAAA,CAA4B,kCAAkCK,KAAA;EAE9D,OAAOR,2BAAA,CAA4BQ,KAAA;EACnC;AACF;;AAEAJ,iBAAA,CAAkBM,WAAW,GAAG"}
+{"version":3,"sources":["ToolbarRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ToolbarRadioGroupProps } from './ToolbarRadioGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport {\n  renderToolbarGroup_unstable,\n  useToolbarGroupStyles_unstable,\n  useToolbarGroup_unstable,\n} from '../../ToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarRadioGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarRadioGroup: ForwardRefComponent<ToolbarRadioGroupProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarGroup_unstable({ role: 'radiogroup', ...props }, ref);\n\n  useToolbarGroupStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(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<ToolbarRadioGroupProps>;\n\nToolbarRadioGroup.displayName = 'ToolbarRadioGroup';\n"],"names":["React","renderToolbarGroup_unstable","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","useCustomStyleHook_unstable","ToolbarRadioGroup","forwardRef","props","ref","state","role","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SACEC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB,qBAAqB;AAC5B,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;;CAGC,GACD,OAAO,MAAMC,kCAAiEL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC7G,MAAMC,QAAQN,yBAAyB;QAAEO,MAAM;QAAc,GAAGH,KAAK;IAAC,GAAGC;IAEzEN,+BAA+BO;IAE/BL,4BAA4B,kCAAkCK;IAE9D,OAAOR,4BAA4BQ;AACnC,0FAA0F;AAC5F,GAAkD;AAElDJ,kBAAkBM,WAAW,GAAG"}

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

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=ToolbarRadioGroup.types.js.map
+export { };

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

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

package/lib/components/ToolbarRadioGroup/index.js

@@ -1,3 +1,2 @@
 export * from './ToolbarRadioGroup';
 export * from './ToolbarRadioGroup.types';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/ToolbarRadioGroup/index.ts"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"mappings":"AAAA,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,4BAA4B"}

package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js

@@ -5,12 +5,10 @@ import { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonS
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * ToolbarToggleButton component
- */
-export const ToolbarToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useToolbarToggleButton_unstable(props, ref);
-  useToolbarToggleButtonStyles_unstable(state);
-  useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);
-  return renderToggleButton_unstable(state);
+ */ export const ToolbarToggleButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useToolbarToggleButton_unstable(props, ref);
+    useToolbarToggleButtonStyles_unstable(state);
+    useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);
+    return renderToggleButton_unstable(state);
 });
 ToolbarToggleButton.displayName = 'ToolbarToggleButton';
-//# sourceMappingURL=ToolbarToggleButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","renderToggleButton_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","ToolbarToggleButton","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/ToolbarToggleButton/ToolbarToggleButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ToolbarToggleButtonProps } from './ToolbarToggleButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarToggleButton_unstable } from './useToolbarToggleButton';\nimport { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarToggleButton component\n */\nexport const ToolbarToggleButton: ForwardRefComponent<ToolbarToggleButtonProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarToggleButton_unstable(props, ref);\n\n  useToolbarToggleButtonStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);\n\n  return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarToggleButtonProps>;\n\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,+BAA+B,QAAQ;AAChD,SAASC,qCAAqC,QAAQ;AACtD,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,mBAAA,gBAAqEL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACjH,MAAMC,KAAA,GAAQP,+BAAA,CAAgCK,KAAA,EAAOC,GAAA;EAErDL,qCAAA,CAAsCM,KAAA;EAEtCL,2BAAA,CAA4B,yCAAyCK,KAAA;EAErE,OAAOR,2BAAA,CAA4BQ,KAAA;AACrC;AAEAJ,mBAAA,CAAoBK,WAAW,GAAG"}
+{"version":3,"sources":["ToolbarToggleButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ToolbarToggleButtonProps } from './ToolbarToggleButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarToggleButton_unstable } from './useToolbarToggleButton';\nimport { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarToggleButton component\n */\nexport const ToolbarToggleButton: ForwardRefComponent<ToolbarToggleButtonProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarToggleButton_unstable(props, ref);\n\n  useToolbarToggleButtonStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);\n\n  return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarToggleButtonProps>;\n\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"],"names":["React","renderToggleButton_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","ToolbarToggleButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,2BAA2B,QAAQ,yBAAyB;AACrE,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SAASC,qCAAqC,QAAQ,wCAAwC;AAC9F,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,oCAAqEL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACjH,MAAMC,QAAQP,gCAAgCK,OAAOC;IAErDL,sCAAsCM;IAEtCL,4BAA4B,yCAAyCK;IAErE,OAAOR,4BAA4BQ;AACrC,GAAoD;AAEpDJ,oBAAoBK,WAAW,GAAG"}

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

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=ToolbarToggleButton.types.js.map
+export { };

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

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

package/lib/components/ToolbarToggleButton/index.js

@@ -2,4 +2,3 @@ export * from './ToolbarToggleButton';
 export * from './ToolbarToggleButton.types';
 export * from './useToolbarToggleButton';
 export * from './useToolbarToggleButtonStyles.styles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/ToolbarToggleButton/index.ts"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,wBAAwB;AACtC,cAAc,8BAA8B;AAC5C,cAAc,2BAA2B;AACzC,cAAc,wCAAwC"}

package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js

@@ -6,35 +6,31 @@ import { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';
  * processed state.
  * @param props - User provided props to the ToggleButton component.
  * @param ref - User provided ref to be passed to the ToggleButton component.
- */
-export const useToolbarToggleButton_unstable = (props, ref) => {
-  const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);
-  const checked = useToolbarContext_unstable(ctx => {
-    var _ctx_checkedValues_props_name;
-    return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));
-  });
-  const {
-    onClick: onClickOriginal
-  } = props;
-  const toggleButtonState = useToggleButton_unstable({
-    checked,
-    ...props
-  }, ref);
-  const state = {
-    ...toggleButtonState,
-    name: props.name,
-    value: props.value
-  };
-  const handleOnClick = e => {
-    if (state.disabled) {
-      e.preventDefault();
-      e.stopPropagation();
-      return;
-    }
-    handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);
-    onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
-  };
-  state.root.onClick = handleOnClick;
-  return state;
+ */ export const useToolbarToggleButton_unstable = (props, ref)=>{
+    const handleToggleButton = useToolbarContext_unstable((ctx)=>ctx.handleToggleButton);
+    const checked = useToolbarContext_unstable((ctx)=>{
+        var _ctx_checkedValues_props_name;
+        return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));
+    });
+    const { onClick: onClickOriginal  } = props;
+    const toggleButtonState = useToggleButton_unstable({
+        checked,
+        ...props
+    }, ref);
+    const state = {
+        ...toggleButtonState,
+        name: props.name,
+        value: props.value
+    };
+    const handleOnClick = (e)=>{
+        if (state.disabled) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);
+        onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
+    };
+    state.root.onClick = handleOnClick;
+    return state;
 };
-//# sourceMappingURL=useToolbarToggleButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useToggleButton_unstable","useToolbarContext_unstable","useToolbarToggleButton_unstable","props","ref","handleToggleButton","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"sources":["../../../src/components/ToolbarToggleButton/useToolbarToggleButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToolbarToggleButton_unstable = (\n  props: ToolbarToggleButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarToggleButtonState => {\n  const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n  const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n\n  const { onClick: onClickOriginal } = props;\n  const toggleButtonState = useToggleButton_unstable({ checked, ...props }, ref);\n  const state: ToolbarToggleButtonState = {\n    ...toggleButtonState,\n    name: props.name,\n    value: props.value,\n  };\n\n  const handleOnClick = (\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n  ) => {\n    if (state.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    handleToggleButton?.(e, state.name, state.value, state.checked);\n    onClickOriginal?.(e);\n  };\n\n  state.root.onClick = handleOnClick;\n  return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,wBAAwB,QAAQ;AACzC,SAASC,0BAA0B,QAAQ;AAG3C;;;;;;AAMA,OAAO,MAAMC,+BAAA,GAAkCA,CAC7CC,KAAA,EACAC,GAAA,KAC6B;EAC7B,MAAMC,kBAAA,GAAqBJ,0BAAA,CAA2BK,GAAA,IAAOA,GAAA,CAAID,kBAAkB;EACnF,MAAME,OAAA,GAAUN,0BAAA,CAA2BK,GAAA;QAASE,6BAAA;IAAF,QAAC,EAAC,CAAAA,6BAAA,GAAAF,GAAA,CAAIG,aAAa,CAACN,KAAA,CAAMO,IAAI,CAAC,cAA7BF,6BAAA,uBAAAA,6BAAA,CAA+BG,QAAA,CAASR,KAAA,CAAMS,KAAK;;EAEvG,MAAM;IAAEC,OAAA,EAASC;EAAe,CAAE,GAAGX,KAAA;EACrC,MAAMY,iBAAA,GAAoBf,wBAAA,CAAyB;IAAEO,OAAA;IAAS,GAAGJ;EAAM,GAAGC,GAAA;EAC1E,MAAMY,KAAA,GAAkC;IACtC,GAAGD,iBAAiB;IACpBL,IAAA,EAAMP,KAAA,CAAMO,IAAI;IAChBE,KAAA,EAAOT,KAAA,CAAMS;EACf;EAEA,MAAMK,aAAA,GACJC,CAAA,IACG;IACH,IAAIF,KAAA,CAAMG,QAAQ,EAAE;MAClBD,CAAA,CAAEE,cAAc;MAChBF,CAAA,CAAEG,eAAe;MACjB;IACF;IAEAhB,kBAAA,aAAAA,kBAAA,uBAAAA,kBAAA,CAAqBa,CAAA,EAAGF,KAAA,CAAMN,IAAI,EAAEM,KAAA,CAAMJ,KAAK,EAAEI,KAAA,CAAMT,OAAO;IAC9DO,eAAA,aAAAA,eAAA,uBAAAA,eAAA,CAAkBI,CAAA;EACpB;EAEAF,KAAA,CAAMM,IAAI,CAACT,OAAO,GAAGI,aAAA;EACrB,OAAOD,KAAA;AACT"}
+{"version":3,"sources":["useToolbarToggleButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToolbarToggleButton_unstable = (\n  props: ToolbarToggleButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarToggleButtonState => {\n  const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n  const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n\n  const { onClick: onClickOriginal } = props;\n  const toggleButtonState = useToggleButton_unstable({ checked, ...props }, ref);\n  const state: ToolbarToggleButtonState = {\n    ...toggleButtonState,\n    name: props.name,\n    value: props.value,\n  };\n\n  const handleOnClick = (\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n  ) => {\n    if (state.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    handleToggleButton?.(e, state.name, state.value, state.checked);\n    onClickOriginal?.(e);\n  };\n\n  state.root.onClick = handleOnClick;\n  return state;\n};\n"],"names":["React","useToggleButton_unstable","useToolbarContext_unstable","useToolbarToggleButton_unstable","props","ref","handleToggleButton","ctx","checked","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,yBAAyB;AAClE,SAASC,0BAA0B,QAAQ,4BAA4B;AAGvE;;;;;CAKC,GACD,OAAO,MAAMC,kCAAkC,CAC7CC,OACAC,MAC6B;IAC7B,MAAMC,qBAAqBJ,2BAA2BK,CAAAA,MAAOA,IAAID,kBAAkB;IACnF,MAAME,UAAUN,2BAA2BK,CAAAA;YAASA;QAAF,OAAA,CAAC,EAACA,CAAAA,gCAAAA,IAAIE,aAAa,CAACL,MAAMM,IAAI,CAAC,cAA7BH,2CAAAA,KAAAA,IAAAA,8BAA+BI,SAASP,MAAMQ,KAAK;;IAEvG,MAAM,EAAEC,SAASC,gBAAe,EAAE,GAAGV;IACrC,MAAMW,oBAAoBd,yBAAyB;QAAEO;QAAS,GAAGJ,KAAK;IAAC,GAAGC;IAC1E,MAAMW,QAAkC;QACtC,GAAGD,iBAAiB;QACpBL,MAAMN,MAAMM,IAAI;QAChBE,OAAOR,MAAMQ,KAAK;IACpB;IAEA,MAAMK,gBAAgB,CACpBC,IACG;QACH,IAAIF,MAAMG,QAAQ,EAAE;YAClBD,EAAEE,cAAc;YAChBF,EAAEG,eAAe;YACjB;QACF,CAAC;QAEDf,+BAAAA,gCAAAA,KAAAA,IAAAA,mBAAqBY,GAAGF,MAAMN,IAAI,EAAEM,MAAMJ,KAAK,EAAEI,MAAMR,OAAO;QAC9DM,4BAAAA,6BAAAA,KAAAA,IAAAA,gBAAkBI;IACpB;IAEAF,MAAMM,IAAI,CAACT,OAAO,GAAGI;IACrB,OAAOD;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","sj55zd","d","useToolbarToggleButtonStyles_unstable","state","toggleButtonStyles","root","className","checked"],"sources":["../../../src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\nconst useBaseStyles = makeStyles({\n  selected: {\n    color: tokens.colorBrandForeground1,\n  },\n});\n\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = (state: ToolbarToggleButtonState) => {\n  useToggleButtonStyles_unstable(state);\n  const toggleButtonStyles = useBaseStyles();\n\n  state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ;AACvB,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,8BAA8B,QAAQ;AAG/C,MAAMC,aAAA,gBAAgBH,QAAA;EAAAI,QAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAItB;AAEA;;;AAGA,OAAO,MAAMC,qCAAA,GAAyCC,KAAA,IAAoC;EACxFN,8BAAA,CAA+BM,KAAA;EAC/B,MAAMC,kBAAA,GAAqBN,aAAA;EAE3BK,KAAA,CAAME,IAAI,CAACC,SAAS,GAAGV,YAAA,CAAaO,KAAA,CAAME,IAAI,CAACC,SAAS,EAAEH,KAAA,CAAMI,OAAO,IAAIH,kBAAA,CAAmBL,QAAQ;AACxG"}
+{"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","sj55zd","d","useToolbarToggleButtonStyles_unstable","state","toggleButtonStyles","root","className","checked"],"sources":["useToolbarToggleButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = makeStyles({\n    selected: {\n        color: tokens.colorBrandForeground1\n    }\n});\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */ export const useToolbarToggleButtonStyles_unstable = (state)=>{\n    useToggleButtonStyles_unstable(state);\n    const toggleButtonStyles = useBaseStyles();\n    state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,8BAA8B,QAAQ,wBAAwB;AACvE,MAAMC,aAAa,gBAAGH,QAAA;EAAAI,QAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAIrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,qCAAqC,GAAIC,KAAK,IAAG;EAC9DN,8BAA8B,CAACM,KAAK,CAAC;EACrC,MAAMC,kBAAkB,GAAGN,aAAa,CAAC,CAAC;EAC1CK,KAAK,CAACE,IAAI,CAACC,SAAS,GAAGV,YAAY,CAACO,KAAK,CAACE,IAAI,CAACC,SAAS,EAAEH,KAAK,CAACI,OAAO,IAAIH,kBAAkB,CAACL,QAAQ,CAAC;AAC3G,CAAC"}

package/lib/index.js

@@ -5,4 +5,3 @@ export { ToolbarToggleButton, useToolbarToggleButtonStyles_unstable, useToolbarT
 export { ToolbarRadioButton, useToolbarRadioButtonStyles_unstable, useToolbarRadioButton_unstable } from './ToolbarRadioButton';
 export { ToolbarGroup, useToolbarGroupStyles_unstable, useToolbarGroup_unstable, renderToolbarGroup_unstable, toolbarGroupClassNames } from './ToolbarGroup';
 export { ToolbarRadioGroup } from './ToolbarRadioGroup';
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","ToolbarGroup","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","renderToolbarGroup_unstable","toolbarGroupClassNames","ToolbarRadioGroup"],"sources":["../src/index.ts"],"sourcesContent":["export {\n  Toolbar,\n  renderToolbar_unstable,\n  toolbarClassNames,\n  useToolbarStyles_unstable,\n  useToolbar_unstable,\n} from './Toolbar';\nexport type { ToolbarContextValue, ToolbarContextValues, ToolbarProps, ToolbarSlots, ToolbarState } from './Toolbar';\nexport { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable } from './ToolbarButton';\nexport type { ToolbarButtonProps, ToolbarButtonState } from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable } from './ToolbarDivider';\nexport type { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider';\nexport {\n  ToolbarToggleButton,\n  useToolbarToggleButtonStyles_unstable,\n  useToolbarToggleButton_unstable,\n} from './ToolbarToggleButton';\nexport type { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton';\nexport {\n  ToolbarRadioButton,\n  useToolbarRadioButtonStyles_unstable,\n  useToolbarRadioButton_unstable,\n} from './ToolbarRadioButton';\nexport type { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton';\nexport {\n  ToolbarGroup,\n  useToolbarGroupStyles_unstable,\n  useToolbarGroup_unstable,\n  renderToolbarGroup_unstable,\n  toolbarGroupClassNames,\n} from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\nexport type { ToolbarRadioGroupProps, ToolbarRadioGroupState } from './ToolbarRadioGroup';\n"],"mappings":"AAAA,SACEA,OAAO,EACPC,sBAAsB,EACtBC,iBAAiB,EACjBC,yBAAyB,EACzBC,mBAAmB,QACd;AAEP,SAASC,aAAa,EAAEC,+BAA+B,EAAEC,yBAAyB,QAAQ;AAE1F,SAASC,cAAc,EAAEC,gCAAgC,EAAEC,0BAA0B,QAAQ;AAE7F,SACEC,mBAAmB,EACnBC,qCAAqC,EACrCC,+BAA+B,QAC1B;AAEP,SACEC,kBAAkB,EAClBC,oCAAoC,EACpCC,8BAA8B,QACzB;AAEP,SACEC,YAAY,EACZC,8BAA8B,EAC9BC,wBAAwB,EACxBC,2BAA2B,EAC3BC,sBAAsB,QACjB;AAEP,SAASC,iBAAiB,QAAQ"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Toolbar,\n  renderToolbar_unstable,\n  toolbarClassNames,\n  useToolbarStyles_unstable,\n  useToolbar_unstable,\n} from './Toolbar';\nexport type { ToolbarContextValue, ToolbarContextValues, ToolbarProps, ToolbarSlots, ToolbarState } from './Toolbar';\nexport { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable } from './ToolbarButton';\nexport type { ToolbarButtonProps, ToolbarButtonState } from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable } from './ToolbarDivider';\nexport type { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider';\nexport {\n  ToolbarToggleButton,\n  useToolbarToggleButtonStyles_unstable,\n  useToolbarToggleButton_unstable,\n} from './ToolbarToggleButton';\nexport type { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton';\nexport {\n  ToolbarRadioButton,\n  useToolbarRadioButtonStyles_unstable,\n  useToolbarRadioButton_unstable,\n} from './ToolbarRadioButton';\nexport type { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton';\nexport {\n  ToolbarGroup,\n  useToolbarGroupStyles_unstable,\n  useToolbarGroup_unstable,\n  renderToolbarGroup_unstable,\n  toolbarGroupClassNames,\n} from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\nexport type { ToolbarRadioGroupProps, ToolbarRadioGroupState } from './ToolbarRadioGroup';\n"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","ToolbarGroup","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","renderToolbarGroup_unstable","toolbarGroupClassNames","ToolbarRadioGroup"],"mappings":"AAAA,SACEA,OAAO,EACPC,sBAAsB,EACtBC,iBAAiB,EACjBC,yBAAyB,EACzBC,mBAAmB,QACd,YAAY;AAEnB,SAASC,aAAa,EAAEC,+BAA+B,EAAEC,yBAAyB,QAAQ,kBAAkB;AAE5G,SAASC,cAAc,EAAEC,gCAAgC,EAAEC,0BAA0B,QAAQ,mBAAmB;AAEhH,SACEC,mBAAmB,EACnBC,qCAAqC,EACrCC,+BAA+B,QAC1B,wBAAwB;AAE/B,SACEC,kBAAkB,EAClBC,oCAAoC,EACpCC,8BAA8B,QACzB,uBAAuB;AAE9B,SACEC,YAAY,EACZC,8BAA8B,EAC9BC,wBAAwB,EACxBC,2BAA2B,EAC3BC,sBAAsB,QACjB,iBAAiB;AAExB,SAASC,iBAAiB,QAAQ,sBAAsB"}

package/lib-commonjs/Toolbar.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./components/Toolbar/index"), exports);
- //# sourceMappingURL=Toolbar.js.map
-
-//# sourceMappingURL=Toolbar.js.map

package/lib-commonjs/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/Toolbar.js"],"sourcesContent":["export * from './components/Toolbar/index';\n//# sourceMappingURL=Toolbar.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,mCAAmC"}
+{"version":3,"sources":["Toolbar.js"],"sourcesContent":["export * from './components/Toolbar/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

package/lib-commonjs/ToolbarButton.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./components/ToolbarButton/index"), exports);
- //# sourceMappingURL=ToolbarButton.js.map
-
-//# sourceMappingURL=ToolbarButton.js.map

package/lib-commonjs/ToolbarButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/ToolbarButton.js"],"sourcesContent":["export * from './components/ToolbarButton/index';\n//# sourceMappingURL=ToolbarButton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}
+{"version":3,"sources":["ToolbarButton.js"],"sourcesContent":["export * from './components/ToolbarButton/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

package/lib-commonjs/ToolbarDivider.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./components/ToolbarDivider/index"), exports);
- //# sourceMappingURL=ToolbarDivider.js.map
-
-//# sourceMappingURL=ToolbarDivider.js.map

package/lib-commonjs/ToolbarDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/ToolbarDivider.js"],"sourcesContent":["export * from './components/ToolbarDivider/index';\n//# sourceMappingURL=ToolbarDivider.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,0CAA0C"}
+{"version":3,"sources":["ToolbarDivider.js"],"sourcesContent":["export * from './components/ToolbarDivider/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

package/lib-commonjs/ToolbarGroup.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./components/ToolbarGroup/index"), exports);
- //# sourceMappingURL=ToolbarGroup.js.map
-
-//# sourceMappingURL=ToolbarGroup.js.map

package/lib-commonjs/ToolbarGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/ToolbarGroup.js"],"sourcesContent":["export * from './components/ToolbarGroup/index';\n//# sourceMappingURL=ToolbarGroup.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,wCAAwC"}
+{"version":3,"sources":["ToolbarGroup.js"],"sourcesContent":["export * from './components/ToolbarGroup/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

package/lib-commonjs/ToolbarRadioButton.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./components/ToolbarRadioButton/index"), exports);
- //# sourceMappingURL=ToolbarRadioButton.js.map
-
-//# sourceMappingURL=ToolbarRadioButton.js.map

package/lib-commonjs/ToolbarRadioButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/ToolbarRadioButton.js"],"sourcesContent":["export * from './components/ToolbarRadioButton/index';\n//# sourceMappingURL=ToolbarRadioButton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,8CAA8C"}
+{"version":3,"sources":["ToolbarRadioButton.js"],"sourcesContent":["export * from './components/ToolbarRadioButton/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

package/lib-commonjs/ToolbarRadioGroup.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./components/ToolbarRadioGroup/index"), exports);
- //# sourceMappingURL=ToolbarRadioGroup.js.map
-
-//# sourceMappingURL=ToolbarRadioGroup.js.map

package/lib-commonjs/ToolbarRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/ToolbarRadioGroup.js"],"sourcesContent":["export * from './components/ToolbarRadioGroup/index';\n//# sourceMappingURL=ToolbarRadioGroup.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,6CAA6C"}
+{"version":3,"sources":["ToolbarRadioGroup.js"],"sourcesContent":["export * from './components/ToolbarRadioGroup/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

package/lib-commonjs/ToolbarToggleButton.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./components/ToolbarToggleButton/index"), exports);
- //# sourceMappingURL=ToolbarToggleButton.js.map
-
-//# sourceMappingURL=ToolbarToggleButton.js.map

package/lib-commonjs/ToolbarToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/ToolbarToggleButton.js"],"sourcesContent":["export * from './components/ToolbarToggleButton/index';\n//# sourceMappingURL=ToolbarToggleButton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,+CAA+C"}
+{"version":3,"sources":["ToolbarToggleButton.js"],"sourcesContent":["export * from './components/ToolbarToggleButton/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

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

@@ -20,6 +20,4 @@ const Toolbar = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _reactSharedContexts.useCustomStyleHook_unstable)('useToolbarStyles_unstable')(state);
     return (0, _renderToolbar.renderToolbar_unstable)(state, contextValues);
 });
-Toolbar.displayName = 'Toolbar'; //# sourceMappingURL=Toolbar.js.map
-
-//# sourceMappingURL=Toolbar.js.map
+Toolbar.displayName = 'Toolbar';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Toolbar/Toolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbar_unstable } from './useToolbar';\nimport { renderToolbar_unstable } from './renderToolbar';\nimport { useToolbarStyles_unstable } from './useToolbarStyles.styles';\nimport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Toolbar component\n */\nexport const Toolbar = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useToolbar_unstable(props, ref);\n  const contextValues = useToolbarContextValues_unstable(state);\n  useToolbarStyles_unstable(state);\n  useCustomStyleHook_unstable('useToolbarStyles_unstable')(state);\n  return renderToolbar_unstable(state, contextValues);\n});\nToolbar.displayName = 'Toolbar';\n//# sourceMappingURL=Toolbar.js.map"],"names":["Toolbar","React","forwardRef","props","ref","state","useToolbar_unstable","contextValues","useToolbarContextValues_unstable","useToolbarStyles_unstable","useCustomStyleHook_unstable","renderToolbar_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;4BACa;+BACG;wCACG;yCACO;qCACL;AAIrC,MAAMA,UAAU,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,yDAAgC,EAACH;IACvDI,IAAAA,iDAAyB,EAACJ;IAC1BK,IAAAA,gDAA2B,EAAC,6BAA6BL;IACzD,OAAOM,IAAAA,qCAAsB,EAACN,OAAOE;AACvC;AACAP,QAAQY,WAAW,GAAG,WACtB,mCAAmC"}
+{"version":3,"sources":["Toolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbar_unstable } from './useToolbar';\nimport { renderToolbar_unstable } from './renderToolbar';\nimport { useToolbarStyles_unstable } from './useToolbarStyles.styles';\nimport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Toolbar component\n */ export const Toolbar = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useToolbar_unstable(props, ref);\n    const contextValues = useToolbarContextValues_unstable(state);\n    useToolbarStyles_unstable(state);\n    useCustomStyleHook_unstable('useToolbarStyles_unstable')(state);\n    return renderToolbar_unstable(state, contextValues);\n});\nToolbar.displayName = 'Toolbar';\n"],"names":["Toolbar","React","forwardRef","props","ref","state","useToolbar_unstable","contextValues","useToolbarContextValues_unstable","useToolbarStyles_unstable","useCustomStyleHook_unstable","renderToolbar_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;4BACa;+BACG;wCACG;yCACO;qCACL;AAGjC,MAAMA,UAAU,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACpE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzC,MAAMG,gBAAgBC,IAAAA,yDAAgC,EAACH;IACvDI,IAAAA,iDAAyB,EAACJ;IAC1BK,IAAAA,gDAA2B,EAAC,6BAA6BL;IACzD,OAAOM,IAAAA,qCAAsB,EAACN,OAAOE;AACzC;AACAP,QAAQY,WAAW,GAAG"}

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

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
- //# sourceMappingURL=Toolbar.types.js.map
-
-//# sourceMappingURL=Toolbar.types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Toolbar/Toolbar.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=Toolbar.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,yCAAyC"}
+{"version":3,"sources":["Toolbar.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}

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

@@ -13,7 +13,7 @@ _export(exports, {
     useToolbarContext_unstable: ()=>useToolbarContext_unstable
 });
 const _reactContextSelector = require("@fluentui/react-context-selector");
-const ToolbarContext = /*#__PURE__*/ (0, _reactContextSelector.createContext)(undefined);
+const ToolbarContext = (0, _reactContextSelector.createContext)(undefined);
 const toolbarContextDefaultValue = {
     size: 'medium',
     handleToggleButton: ()=>null,
@@ -21,6 +21,4 @@ const toolbarContextDefaultValue = {
     vertical: false,
     checkedValues: {}
 };
-const useToolbarContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(ToolbarContext, (ctx = toolbarContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=ToolbarContext.js.map
-
-//# sourceMappingURL=ToolbarContext.js.map
+const useToolbarContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(ToolbarContext, (ctx = toolbarContextDefaultValue)=>selector(ctx));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Toolbar/ToolbarContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const ToolbarContext = /*#__PURE__*/createContext(undefined);\nconst toolbarContextDefaultValue = {\n  size: 'medium',\n  handleToggleButton: () => null,\n  handleRadio: () => null,\n  vertical: false,\n  checkedValues: {}\n};\nexport const useToolbarContext_unstable = selector => useContextSelector(ToolbarContext, (ctx = toolbarContextDefaultValue) => selector(ctx));\n//# sourceMappingURL=ToolbarContext.js.map"],"names":["ToolbarContext","useToolbarContext_unstable","createContext","undefined","toolbarContextDefaultValue","size","handleToggleButton","handleRadio","vertical","checkedValues","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IACaA,cAAc,MAAdA;IAQAC,0BAA0B,MAA1BA;;sCATqC;AAC3C,MAAMD,iBAAiB,WAAW,GAAEE,IAAAA,mCAAa,EAACC;AACzD,MAAMC,6BAA6B;IACjCC,MAAM;IACNC,oBAAoB,IAAM,IAAI;IAC9BC,aAAa,IAAM,IAAI;IACvBC,UAAU,KAAK;IACfC,eAAe,CAAC;AAClB;AACO,MAAMR,6BAA6BS,CAAAA,WAAYC,IAAAA,wCAAkB,EAACX,gBAAgB,CAACY,MAAMR,0BAA0B,GAAKM,SAASE,OACxI,0CAA0C"}
+{"version":3,"sources":["ToolbarContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const ToolbarContext = createContext(undefined);\nconst toolbarContextDefaultValue = {\n    size: 'medium',\n    handleToggleButton: ()=>null,\n    handleRadio: ()=>null,\n    vertical: false,\n    checkedValues: {}\n};\nexport const useToolbarContext_unstable = (selector)=>useContextSelector(ToolbarContext, (ctx = toolbarContextDefaultValue)=>selector(ctx));\n"],"names":["ToolbarContext","useToolbarContext_unstable","createContext","undefined","toolbarContextDefaultValue","size","handleToggleButton","handleRadio","vertical","checkedValues","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IACaA,cAAc,MAAdA;IAQAC,0BAA0B,MAA1BA;;sCATqC;AAC3C,MAAMD,iBAAiBE,IAAAA,mCAAa,EAACC;AAC5C,MAAMC,6BAA6B;IAC/BC,MAAM;IACNC,oBAAoB,IAAI,IAAI;IAC5BC,aAAa,IAAI,IAAI;IACrBC,UAAU,KAAK;IACfC,eAAe,CAAC;AACpB;AACO,MAAMR,6BAA6B,CAACS,WAAWC,IAAAA,wCAAkB,EAACX,gBAAgB,CAACY,MAAMR,0BAA0B,GAAGM,SAASE"}

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

@@ -8,6 +8,3 @@ _exportStar(require("./Toolbar.types"), exports);
 _exportStar(require("./renderToolbar"), exports);
 _exportStar(require("./useToolbar"), exports);
 _exportStar(require("./useToolbarStyles.styles"), exports);
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Toolbar';\nexport * from './Toolbar.types';\nexport * from './renderToolbar';\nexport * from './useToolbar';\nexport * from './useToolbarStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

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

@@ -14,6 +14,4 @@ const renderToolbar_unstable = (state, contextValues)=>{
     return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_toolbarContext.ToolbarContext.Provider, {
         value: contextValues.toolbar
     }, /*#__PURE__*/ (0, _reactJsxRuntime.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,"sources":["../../../lib/components/Toolbar/renderToolbar.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } 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  } = getSlotsNext(state);\n  return /*#__PURE__*/createElement(ToolbarContext.Provider, {\n    value: contextValues.toolbar\n  }, /*#__PURE__*/createElement(slots.root, slotProps.root, slotProps.root.children));\n};\n//# sourceMappingURL=renderToolbar.js.map"],"names":["renderToolbar_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","ToolbarContext","Provider","value","toolbar","root","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMrCA;;aAAAA;;iCANqE;gCACrD;gCACE;AAIxB,MAAMA,yBAAyB,CAACC,OAAOC,gBAAkB;IAC9D,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACC,8BAAc,CAACC,QAAQ,EAAE;QACzDC,OAAOP,cAAcQ,OAAO;IAC9B,GAAG,WAAW,GAAEJ,IAAAA,8BAAa,EAACH,MAAMQ,IAAI,EAAEP,UAAUO,IAAI,EAAEP,UAAUO,IAAI,CAACC,QAAQ;AACnF,GACA,yCAAyC"}
+{"version":3,"sources":["renderToolbar.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { ToolbarContext } from './ToolbarContext';\n/**\n * Render the final JSX of Toolbar\n */ export const renderToolbar_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(ToolbarContext.Provider, {\n        value: contextValues.toolbar\n    }, /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children));\n};\n"],"names":["renderToolbar_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","ToolbarContext","Provider","value","toolbar","root","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;gCACE;AAGpB,MAAMA,yBAAyB,CAACC,OAAOC,gBAAgB;IAC9D,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,8BAAc,CAACC,QAAQ,EAAE;QACxDC,OAAOP,cAAcQ,OAAO;IAChC,GAAG,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMQ,IAAI,EAAEP,UAAUO,IAAI,EAAEP,UAAUO,IAAI,CAACC,QAAQ;AACtF"}

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

@@ -105,6 +105,4 @@ const useToolbar_unstable = (props, ref)=>{
         checkedValues,
         onCheckedValueChange
     ];
-}; //# sourceMappingURL=useToolbar.js.map
-
-//# sourceMappingURL=useToolbar.js.map
+};

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["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 */ export const useToolbar_unstable = (props, ref)=>{\n    const { size ='medium' , vertical =false  } = 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 = [\n                ...checkedItems\n            ];\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: [\n                    value\n                ]\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 */ const useToolbarSelectableState = (state)=>{\n    const [checkedValues, setCheckedValues] = useControllableState({\n        state: state.checkedValues,\n        defaultState: state.defaultCheckedValues,\n        initialState: {}\n    });\n    const { onCheckedValueChange: onCheckedValueChangeOriginal  } = state;\n    const onCheckedValueChange = useEventCallback((e, { name , checkedItems  })=>{\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 [\n        checkedValues,\n        onCheckedValueChange\n    ];\n};\n"],"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":";;;;+BAYiBA;;aAAAA;;;6DAZM;gCACgC;8BAEf;AAS7B,MAAMA,sBAAsB,CAACC,OAAOC,MAAM;IACjD,MAAM,EAAEC,MAAM,SAAQ,EAAGC,UAAU,KAAK,CAAA,EAAG,GAAGH;IAC9C,MAAMI,uBAAuBC,IAAAA,qCAAuB,EAAC;QACjDC,UAAU,IAAI;QACdC,MAAM;IACV;IACA,MAAMC,eAAe;QACjBN;QACAC;QACA,sCAAsC;QACtCM,YAAY;YACR,iDAAiD;YACjDC,MAAM;QACV;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BC,MAAM;YACNX;YACA,GAAGE,YAAY;gBACX,oBAAoB;YACxB,CAAC;YACD,GAAGC,oBAAoB;YACvB,GAAGJ,KAAK;QACZ;IACJ;IACA,MAAM,CAACa,eAAeC,qBAAqB,GAAGC,0BAA0B;QACpEF,eAAeb,MAAMa,aAAa;QAClCG,sBAAsBhB,MAAMgB,oBAAoB;QAChDF,sBAAsBd,MAAMc,oBAAoB;IACpD;IACA,MAAMG,qBAAqBC,IAAAA,gCAAgB,EAAC,CAACC,GAAGC,MAAMC,OAAOC,UAAU;QACnE,IAAIF,QAAQC,OAAO;YACf,MAAME,eAAe,AAACV,CAAAA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,aAAa,CAACO,KAAK,AAAD,KAAM,EAAE;YAC9G,MAAMI,kBAAkB;mBACjBD;aACN;YACD,IAAID,SAAS;gBACTE,gBAAgBC,MAAM,CAACD,gBAAgBE,OAAO,CAACL,QAAQ;YAC3D,OAAO;gBACHG,gBAAgBG,IAAI,CAACN;YACzB,CAAC;YACDP,yBAAyB,IAAI,IAAIA,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBK,GAAG;gBAChGC;gBACAG,cAAcC;YAClB,EAAE;QACN,CAAC;IACL;IACA,MAAMI,cAAcV,IAAAA,gCAAgB,EAAC,CAACC,GAAGC,MAAMC,OAAOC,UAAU;QAC5D,IAAIF,QAAQC,OAAO;YACfP,yBAAyB,IAAI,IAAIA,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBK,GAAG;gBAChGC;gBACAG,cAAc;oBACVF;iBACH;YACL,EAAE;QACN,CAAC;IACL;IACA,OAAO;QACH,GAAGb,YAAY;QACfS;QACAW;QACAf,eAAeA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAIA,gBAAgB,CAAC,CAAC;IAC1F;AACJ;AACA;;;CAGC,GAAG,MAAME,4BAA4B,CAACc,QAAQ;IAC3C,MAAM,CAAChB,eAAeiB,iBAAiB,GAAGC,IAAAA,oCAAoB,EAAC;QAC3DF,OAAOA,MAAMhB,aAAa;QAC1BmB,cAAcH,MAAMb,oBAAoB;QACxCR,cAAc,CAAC;IACnB;IACA,MAAM,EAAEM,sBAAsBmB,6BAA4B,EAAG,GAAGJ;IAChE,MAAMf,uBAAuBI,IAAAA,gCAAgB,EAAC,CAACC,GAAG,EAAEC,KAAI,EAAGG,aAAY,EAAG,GAAG;QACzE,IAAIU,8BAA8B;YAC9BA,6BAA6Bd,GAAG;gBAC5BC;gBACAG;YACJ;QACJ,CAAC;QACDO,iBAAiB,CAACI,IAAI;YAClB,OAAOA,IAAI;gBACP,GAAGA,CAAC;gBACJ,CAACd,KAAK,EAAEG;YACZ,IAAI;gBACA,CAACH,KAAK,EAAEG;YACZ,CAAC;QACL;IACJ;IACA,OAAO;QACHV;QACAC;KACH;AACL"}

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

@@ -19,6 +19,4 @@ function useToolbarContextValues_unstable(state) {
     return {
         toolbar
     };
-} //# sourceMappingURL=useToolbarContextValues.js.map
-
-//# sourceMappingURL=useToolbarContextValues.js.map
+}

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["useToolbarContextValues.js"],"sourcesContent":["export function useToolbarContextValues_unstable(state) {\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 = {\n        size,\n        vertical,\n        handleToggleButton,\n        handleRadio,\n        checkedValues\n    };\n    return {\n        toolbar\n    };\n}\n"],"names":["useToolbarContextValues_unstable","state","size","handleToggleButton","vertical","checkedValues","handleRadio","toolbar"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,iCAAiCC,KAAK,EAAE;IACpD,MAAM,EAAEC,KAAI,EAAGC,mBAAkB,EAAGC,SAAQ,EAAGC,cAAa,EAAGC,YAAW,EAAG,GAAGL;IAChF,mGAAmG;IACnG,MAAMM,UAAU;QACZL;QACAE;QACAD;QACAG;QACAD;IACJ;IACA,OAAO;QACHE;IACJ;AACJ"}

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

@@ -97,5 +97,3 @@ const useToolbarStyles_unstable = (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.styles.js.map
-
-//# sourceMappingURL=useToolbarStyles.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Toolbar/useToolbarStyles.styles.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  },\n  vertical: {\n    Beiy3e4: \"f1vx9l62\",\n    a9b677: \"f1acs6jw\"\n  },\n  small: {\n    z8tnut: \"f1nbblvp\",\n    z189sj: [\"f8wuabp\", \"fycuoez\"],\n    Byoj8tv: \"f1ov4xf1\",\n    uwmqm3: [\"fycuoez\", \"f8wuabp\"]\n  },\n  medium: {\n    z8tnut: \"f10ra9hq\",\n    z189sj: [\"f19lj068\", \"f177v4lu\"],\n    Byoj8tv: \"f1y2xyjm\",\n    uwmqm3: [\"f177v4lu\", \"f19lj068\"]\n  },\n  large: {\n    z8tnut: \"f10ra9hq\",\n    z189sj: [\"fat0sn4\", \"fekwl8i\"],\n    Byoj8tv: \"f1y2xyjm\",\n    uwmqm3: [\"fekwl8i\", \"fat0sn4\"]\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;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1acs6jw{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}\", \".f1nbblvp{padding-top:0px;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1ov4xf1{padding-bottom:0px;}\", \".fat0sn4{padding-right:20px;}\", \".fekwl8i{padding-left:20px;}\"]\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.styles.js.map"],"names":["toolbarClassNames","useToolbarStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","Beiy3e4","a9b677","small","medium","large","d","state","styles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB,MAAjBA;IA2CAC,yBAAyB,MAAzBA;;uBA5CsC;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;IAClC;IACAC,UAAU;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLP,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAK,QAAQ;QACNR,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAM,OAAO;QACLT,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDO,GAAG;QAAC;QAAwF;QAA2G;QAA+B;QAAiC;QAAgC;QAAkC;QAA6F;QAAkF;QAA+B;QAAgC;QAA+B;QAAkC;QAAiC;KAA+B;AAC1rB;AAIO,MAAMhB,4BAA4BiB,CAAAA,QAAS;IAChD,MAAMC,SAAShB;IACf,MAAM,EACJQ,SAAQ,EACRS,KAAI,EACL,GAAGF;IACJA,MAAMhB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,kBAAkBE,IAAI,EAAEiB,OAAOjB,IAAI,EAAES,YAAYQ,OAAOR,QAAQ,EAAES,SAAS,WAAW,CAACT,YAAYQ,OAAOL,KAAK,EAAEM,SAAS,YAAY,CAACT,YAAYQ,OAAOJ,MAAM,EAAEK,SAAS,WAAW,CAACT,YAAYQ,OAAOH,KAAK,EAAEE,MAAMhB,IAAI,CAACmB,SAAS;IACzQ,OAAOH;AACT,GACA,mDAAmD"}
+{"version":3,"sources":["useToolbarStyles.styles.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  },\n  vertical: {\n    Beiy3e4: \"f1vx9l62\",\n    a9b677: \"f1acs6jw\"\n  },\n  small: {\n    z8tnut: \"f1nbblvp\",\n    z189sj: [\"f8wuabp\", \"fycuoez\"],\n    Byoj8tv: \"f1ov4xf1\",\n    uwmqm3: [\"fycuoez\", \"f8wuabp\"]\n  },\n  medium: {\n    z8tnut: \"f10ra9hq\",\n    z189sj: [\"f19lj068\", \"f177v4lu\"],\n    Byoj8tv: \"f1y2xyjm\",\n    uwmqm3: [\"f177v4lu\", \"f19lj068\"]\n  },\n  large: {\n    z8tnut: \"f10ra9hq\",\n    z189sj: [\"fat0sn4\", \"fekwl8i\"],\n    Byoj8tv: \"f1y2xyjm\",\n    uwmqm3: [\"fekwl8i\", \"fat0sn4\"]\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;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1acs6jw{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}\", \".f1nbblvp{padding-top:0px;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1ov4xf1{padding-bottom:0px;}\", \".fat0sn4{padding-right:20px;}\", \".fekwl8i{padding-left:20px;}\"]\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.styles.js.map"],"names":["toolbarClassNames","useToolbarStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","Beiy3e4","a9b677","small","medium","large","d","state","styles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB,MAAjBA;IA2CAC,yBAAyB,MAAzBA;;uBA5CsC;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;IAClC;IACAC,UAAU;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLP,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAK,QAAQ;QACNR,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAM,OAAO;QACLT,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDO,GAAG;QAAC;QAAwF;QAA2G;QAA+B;QAAiC;QAAgC;QAAkC;QAA6F;QAAkF;QAA+B;QAAgC;QAA+B;QAAkC;QAAiC;KAA+B;AAC1rB;AAIO,MAAMhB,4BAA4BiB,CAAAA,QAAS;IAChD,MAAMC,SAAShB;IACf,MAAM,EACJQ,SAAQ,EACRS,KAAI,EACL,GAAGF;IACJA,MAAMhB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,kBAAkBE,IAAI,EAAEiB,OAAOjB,IAAI,EAAES,YAAYQ,OAAOR,QAAQ,EAAES,SAAS,WAAW,CAACT,YAAYQ,OAAOL,KAAK,EAAEM,SAAS,YAAY,CAACT,YAAYQ,OAAOJ,MAAM,EAAEK,SAAS,WAAW,CAACT,YAAYQ,OAAOH,KAAK,EAAEE,MAAMhB,IAAI,CAACmB,SAAS;IACzQ,OAAOH;AACT,GACA,mDAAmD"}

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

@@ -19,6 +19,4 @@ const ToolbarButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     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
-
-//# sourceMappingURL=ToolbarButton.js.map
+ToolbarButton.displayName = 'ToolbarButton';

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

@@ -1 +1 @@
-{"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.styles';\nimport { useToolbarButton_unstable } from './useToolbarButton';\nimport { useCustomStyleHook_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  useCustomStyleHook_unstable('useToolbarButtonStyles_unstable')(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","useCustomStyleHook_unstable","renderButton_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;6BACe;8CACU;kCACN;qCACE;AAKrC,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,kCAAqB,EAACJ;AAC7B,0FAA0F;AAC5F;AAEAL,cAAcU,WAAW,GAAG,iBAC5B,yCAAyC"}
+{"version":3,"sources":["ToolbarButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderButton_unstable } from '@fluentui/react-button';\nimport { useToolbarButtonStyles_unstable } from './useToolbarButtonStyles.styles';\nimport { useToolbarButton_unstable } from './useToolbarButton';\nimport { useCustomStyleHook_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 */ export const ToolbarButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useToolbarButton_unstable(props, ref);\n    useToolbarButtonStyles_unstable(state);\n    useCustomStyleHook_unstable('useToolbarButtonStyles_unstable')(state);\n    return renderButton_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nToolbarButton.displayName = 'ToolbarButton';\n"],"names":["ToolbarButton","React","forwardRef","props","ref","state","useToolbarButton_unstable","useToolbarButtonStyles_unstable","useCustomStyleHook_unstable","renderButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;6BACe;8CACU;kCACN;qCACE;AAIjC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,kCAAqB,EAACJ;AACjC,0FAA0F;AAC1F;AACAL,cAAcU,WAAW,GAAG"}

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

@@ -2,6 +2,3 @@
 Object.defineProperty(exports, "__esModule", {
     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,"sources":["../../../lib/components/ToolbarButton/ToolbarButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ToolbarButton.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}
+{"version":3,"sources":[],"names":[],"mappings":""}