@fluentui/react-toolbar 9.1.88 → 9.1.90

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

@@ -1 +1 @@
-{"version":3,"sources":["renderToolbar.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ToolbarContext } from './ToolbarContext';\n/**\n * Render the final JSX of Toolbar\n */ export const renderToolbar_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(ToolbarContext.Provider, {\n        value: contextValues.toolbar,\n        children: /*#__PURE__*/ _jsx(state.root, {\n            children: state.root.children\n        })\n    });\n};\n"],"names":["renderToolbar_unstable","state","contextValues","assertSlots","_jsx","ToolbarContext","Provider","value","toolbar","children","root"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BALa;gCACF;gCACG;AAGpB,MAAMA,yBAAyB,CAACC,OAAOC;IAC9CC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,8BAAc,CAACC,QAAQ,EAAE;QAC/CC,OAAOL,cAAcM,OAAO;QAC5BC,UAAU,WAAW,GAAGL,IAAAA,eAAI,EAACH,MAAMS,IAAI,EAAE;YACrCD,UAAUR,MAAMS,IAAI,CAACD,QAAQ;QACjC;IACJ;AACJ"}
+{"version":3,"sources":["renderToolbar.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } 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  assertSlots<ToolbarSlots>(state);\n\n  return (\n    <ToolbarContext.Provider value={contextValues.toolbar}>\n      <state.root>{state.root.children}</state.root>\n    </ToolbarContext.Provider>\n  );\n};\n"],"names":["renderToolbar_unstable","state","contextValues","assertSlots","_jsx","ToolbarContext","Provider","value","toolbar","root","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAC4B;gCAEG;AAKxB,MAAMA,yBAAyB,CAACC,OAAqBC;IAC1DC,IAAAA,2BAAAA,EAA0BF;IAE1B,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,8BAAAA,CAAeC,QAAQ,EAAA;QAACC,OAAOL,cAAcM,OAAO;kBACnD,WAAA,GAAAJ,IAAAA,eAAA,EAACH,MAAMQ,IAAI,EAAA;sBAAER,MAAMQ,IAAI,CAACC,QAAQ;;;AAGtC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useToolbar.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback, useControllableState, getIntrinsicElementProps, slot } 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: slot.always(getIntrinsicElementProps('div', {\n            role: 'toolbar',\n            // FIXME:\n            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n            // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n            ref: ref,\n            ...vertical && {\n                'aria-orientation': 'vertical'\n            },\n            ...arrowNavigationProps,\n            ...props\n        }), {\n            elementType: 'div'\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","slot","always","getIntrinsicElementProps","role","elementType","checkedValues","onCheckedValueChange","useToolbarSelectableState","defaultCheckedValues","handleToggleButton","useEventCallback","e","name","value","checked","checkedItems","newCheckedItems","splice","indexOf","push","handleRadio","state","setCheckedValues","useControllableState","defaultState","onCheckedValueChangeOriginal","s"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACgE;8BAC/C;AAS7B,MAAMA,sBAAsB,CAACC,OAAOC;IAC3C,MAAM,EAAEC,OAAO,QAAQ,EAAEC,WAAW,KAAK,EAAE,GAAGH;IAC9C,MAAMI,uBAAuBC,IAAAA,qCAAuB,EAAC;QACjDC,UAAU;QACVC,MAAM;IACV;IACA,MAAMC,eAAe;QACjBN;QACAC;QACA,sCAAsC;QACtCM,YAAY;YACR,iDAAiD;YACjDC,MAAM;QACV;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CC,MAAM;YACN,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5Fb,KAAKA;YACL,GAAGE,YAAY;gBACX,oBAAoB;YACxB,CAAC;YACD,GAAGC,oBAAoB;YACvB,GAAGJ,KAAK;QACZ,IAAI;YACAe,aAAa;QACjB;IACJ;IACA,MAAM,CAACC,eAAeC,qBAAqB,GAAGC,0BAA0B;QACpEF,eAAehB,MAAMgB,aAAa;QAClCG,sBAAsBnB,MAAMmB,oBAAoB;QAChDF,sBAAsBjB,MAAMiB,oBAAoB;IACpD;IACA,MAAMG,qBAAqBC,IAAAA,gCAAgB,EAAC,CAACC,GAAGC,MAAMC,OAAOC;QACzD,IAAIF,QAAQC,OAAO;YACf,MAAME,eAAe,AAACV,CAAAA,kBAAkB,QAAQA,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;YACAP,yBAAyB,QAAQA,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBK,GAAG;gBAChGC;gBACAG,cAAcC;YAClB;QACJ;IACJ;IACA,MAAMI,cAAcV,IAAAA,gCAAgB,EAAC,CAACC,GAAGC,MAAMC,OAAOC;QAClD,IAAIF,QAAQC,OAAO;YACfP,yBAAyB,QAAQA,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBK,GAAG;gBAChGC;gBACAG,cAAc;oBACVF;iBACH;YACL;QACJ;IACJ;IACA,OAAO;QACH,GAAGhB,YAAY;QACfY;QACAW;QACAf,eAAeA,kBAAkB,QAAQA,kBAAkB,KAAK,IAAIA,gBAAgB,CAAC;IACzF;AACJ;AACA;;;CAGC,GAAG,MAAME,4BAA4B,CAACc;IACnC,MAAM,CAAChB,eAAeiB,iBAAiB,GAAGC,IAAAA,oCAAoB,EAAC;QAC3DF,OAAOA,MAAMhB,aAAa;QAC1BmB,cAAcH,MAAMb,oBAAoB;QACxCX,cAAc,CAAC;IACnB;IACA,MAAM,EAAES,sBAAsBmB,4BAA4B,EAAE,GAAGJ;IAC/D,MAAMf,uBAAuBI,IAAAA,gCAAgB,EAAC,CAACC,GAAG,EAAEC,IAAI,EAAEG,YAAY,EAAE;QACpE,IAAIU,8BAA8B;YAC9BA,6BAA6Bd,GAAG;gBAC5BC;gBACAG;YACJ;QACJ;QACAO,iBAAiB,CAACI;YACd,OAAOA,IAAI;gBACP,GAAGA,CAAC;gBACJ,CAACd,KAAK,EAAEG;YACZ,IAAI;gBACA,CAACH,KAAK,EAAEG;YACZ;QACJ;IACJ;IACA,OAAO;QACHV;QACAC;KACH;AACL"}
+{"version":3,"sources":["useToolbar.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback, useControllableState, getIntrinsicElementProps, slot } 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: slot.always(\n      getIntrinsicElementProps('div', {\n        role: 'toolbar',\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n        ...(vertical && ({ 'aria-orientation': 'vertical' } as const)),\n        ...arrowNavigationProps,\n        ...props,\n      }),\n      { elementType: 'div' },\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"],"names":["useToolbar_unstable","props","ref","size","vertical","arrowNavigationProps","useArrowNavigationGroup","circular","axis","initialState","components","root","slot","always","getIntrinsicElementProps","role","elementType","checkedValues","onCheckedValueChange","useToolbarSelectableState","defaultCheckedValues","handleToggleButton","useEventCallback","e","name","value","checked","checkedItems","newCheckedItems","splice","indexOf","push","handleRadio","state","setCheckedValues","useControllableState","defaultState","onCheckedValueChangeOriginal","s"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACgE;8BAE/C;AAWjC,MAAMA,sBAAsB,CAACC,OAAqBC;IACvD,MAAM,EAAEC,OAAO,QAAQ,EAAEC,WAAW,KAAK,EAAE,GAAGH;IAE9C,MAAMI,uBAAuBC,IAAAA,qCAAAA,EAAwB;QACnDC,UAAU;QACVC,MAAM;IACR;IAEA,MAAMC,eAA0C;QAC9CN;QACAC;QACA,sCAAsC;QACtCM,YAAY;YACV,iDAAiD;YACjDC,MAAM;QACR;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BC,MAAM;YACN,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5Fb,KAAKA;YACL,GAAIE,YAAa;gBAAE,oBAAoB;YAAW,CAAW;YAC7D,GAAGC,oBAAoB;YACvB,GAAGJ,KAAK;QACV,IACA;YAAEe,aAAa;QAAM;IAEzB;IAEA,MAAM,CAACC,eAAeC,qBAAqB,GAAGC,0BAA0B;QACtEF,eAAehB,MAAMgB,aAAa;QAClCG,sBAAsBnB,MAAMmB,oBAAoB;QAChDF,sBAAsBjB,MAAMiB,oBAAoB;IAClD;IAEA,MAAMG,qBAAsCC,IAAAA,gCAAAA,EAC1C,CAACC,GAA2CC,MAAcC,OAAeC;QACvE,IAAIF,QAAQC,OAAO;YACjB,MAAME,eAAeV,CAAAA,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,aAAe,CAACO,KAAK,AAALA,KAAS,EAAE;YAChD,MAAMI,kBAAkB;mBAAID;aAAa;YACzC,IAAID,SAAS;gBACXE,gBAAgBC,MAAM,CAACD,gBAAgBE,OAAO,CAACL,QAAQ;YACzD,OAAO;gBACLG,gBAAgBG,IAAI,CAACN;YACvB;YACAP,yBAAAA,QAAAA,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAuBK,GAAG;gBAAEC;gBAAMG,cAAcC;YAAgB;QAClE;IACF;IAGF,MAAMI,cAA+BV,IAAAA,gCAAAA,EACnC,CAACC,GAA2CC,MAAcC,OAAeC;QACvE,IAAIF,QAAQC,OAAO;YACjBP,yBAAAA,QAAAA,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAuBK,GAAG;gBACxBC;gBACAG,cAAc;oBAACF;iBAAM;YACvB;QACF;IACF;IAGF,OAAO;QACL,GAAGhB,YAAY;QACfY;QACAW;QACAf,eAAeA,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,gBAAiB,CAAC;IACnC;AACF;AAEA;;;CAGC,GACD,MAAME,4BAA4B,CAChCc;IAEA,MAAM,CAAChB,eAAeiB,iBAAiB,GAAGC,IAAAA,oCAAAA,EAAqB;QAC7DF,OAAOA,MAAMhB,aAAa;QAC1BmB,cAAcH,MAAMb,oBAAoB;QACxCX,cAAc,CAAC;IACjB;IACA,MAAM,EAAES,sBAAsBmB,4BAA4B,EAAE,GAAGJ;IAC/D,MAAMf,uBAA6DI,IAAAA,gCAAAA,EAAiB,CAACC,GAAG,EAAEC,IAAI,EAAEG,YAAY,EAAE;QAC5G,IAAIU,8BAA8B;YAChCA,6BAA6Bd,GAAG;gBAAEC;gBAAMG;YAAa;QACvD;QAEAO,iBAAiBI,CAAAA;YACf,OAAOA,IAAI;gBAAE,GAAGA,CAAC;gBAAE,CAACd,KAAK,EAAEG;YAAa,IAAI;gBAAE,CAACH,KAAK,EAAEG;YAAa;QACrE;IACF;IAEA,OAAO;QAACV;QAAeC;KAAqB;AAC9C"}

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

@@ -1 +1 @@
-{"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;;;eAAAA;;;AAAT,SAASA,iCAAiCC,KAAK;IAClD,MAAM,EAAEC,IAAI,EAAEC,kBAAkB,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAGL;IAC3E,mGAAmG;IACnG,MAAMM,UAAU;QACZL;QACAE;QACAD;QACAG;QACAD;IACJ;IACA,OAAO;QACHE;IACJ;AACJ"}
+{"version":3,"sources":["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"],"names":["useToolbarContextValues_unstable","state","size","handleToggleButton","vertical","checkedValues","handleRadio","toolbar"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,iCAAiCC,KAAmB;IAClE,MAAM,EAAEC,IAAI,EAAEC,kBAAkB,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAGL;IAC3E,mGAAmG;IACnG,MAAMM,UAA+B;QACnCL;QACAE;QACAD;QACAG;QACAD;IACF;IAEA,OAAO;QAAEE;IAAQ;AACnB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } 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    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1yqiaad\"\n  },\n  vertical: {\n    Beiy3e4: \"f1vx9l62\",\n    a9b677: \"f1acs6jw\"\n  },\n  small: {\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"fvz760z\"\n  },\n  medium: {\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1yqiaad\"\n  },\n  large: {\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1ms6bdn\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", [\".f1yqiaad{padding:4px 8px;}\", {\n    p: -1\n  }], \".f1vx9l62{flex-direction:column;}\", \".f1acs6jw{width:fit-content;}\", [\".fvz760z{padding:0px 4px;}\", {\n    p: -1\n  }], [\".f1yqiaad{padding:4px 8px;}\", {\n    p: -1\n  }], [\".f1ms6bdn{padding:4px 20px;}\", {\n    p: -1\n  }]]\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarStyles_unstable = state => {\n  'use no memo';\n\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","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","vertical","Beiy3e4","a9b677","small","medium","large","d","p","state","styles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB;eAAjBA;;IAuDAC,yBAAyB;eAAzBA;;;uBAxD0B;AAChC,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLR,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAK,QAAQ;QACNT,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAM,OAAO;QACLV,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDO,GAAG;QAAC;QAA2B;QAAiC;YAAC;YAA+B;gBAC9FC,GAAG,CAAC;YACN;SAAE;QAAE;QAAqC;QAAiC;YAAC;YAA8B;gBACvGA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA+B;gBAClCA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAgC;gBACnCA,GAAG,CAAC;YACN;SAAE;KAAC;AACL;AAIO,MAAMlB,4BAA4BmB,CAAAA;IACvC;IAEA,MAAMC,SAASlB;IACf,MAAM,EACJS,QAAQ,EACRU,IAAI,EACL,GAAGF;IACJA,MAAMlB,IAAI,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,kBAAkBE,IAAI,EAAEmB,OAAOnB,IAAI,EAAEU,YAAYS,OAAOT,QAAQ,EAAEU,SAAS,WAAW,CAACV,YAAYS,OAAON,KAAK,EAAEO,SAAS,YAAY,CAACV,YAAYS,OAAOL,MAAM,EAAEM,SAAS,WAAW,CAACV,YAAYS,OAAOJ,KAAK,EAAEG,MAAMlB,IAAI,CAACqB,SAAS;IACzQ,OAAOH;AACT,GACA,mDAAmD"}
+{"version":3,"sources":["useToolbarStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const toolbarClassNames = {\n    root: 'fui-Toolbar'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        alignItems: 'center',\n        padding: '4px 8px'\n    },\n    vertical: {\n        flexDirection: 'column',\n        width: 'fit-content'\n    },\n    small: {\n        padding: '0px 4px'\n    },\n    medium: {\n        padding: '4px 8px'\n    },\n    large: {\n        padding: '4px 20px'\n    }\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */ export const useToolbarStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { vertical, size } = 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"],"names":["toolbarClassNames","useToolbarStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","vertical","Beiy3e4","a9b677","small","medium","large","d","p","state","styles","size","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,iBAAiB;eAAjBA;;IA2BIC,yBAAyB;eAAzBA;;;uBA5BwB;AAClC,MAAMD,oBAAoB;IAC7BE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,UAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,OAAA;QAAAR,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAK,QAAA;QAAAT,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAM,OAAA;QAAAV,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAO,GAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA;AAsBX,MAAMlB,4BAA6BmB,CAAAA;IAC1C;IACA,MAAMC,SAASlB;IACf,MAAM,EAAES,QAAQ,EAAEU,IAAAA,EAAM,GAAGF;IAC3BA,MAAMlB,IAAI,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,kBAAkBE,IAAI,EAAEmB,OAAOnB,IAAI,EAAEU,YAAYS,OAAOT,QAAQ,EAAEU,SAAS,WAAW,CAACV,YAAYS,OAAON,KAAK,EAAEO,SAAS,YAAY,CAACV,YAAYS,OAAOL,MAAM,EAAEM,SAAS,WAAW,CAACV,YAAYS,OAAOJ,KAAK,EAAEG,MAAMlB,IAAI,CAACqB,SAAS;IACzQ,OAAOH;AACX"}

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

@@ -1 +1 @@
-{"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;;;eAAAA;;;;iEARM;6BACe;8CACU;kCACN;qCACE;AAIjC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACpE,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"}
+{"version":3,"sources":["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.styles';\nimport { useToolbarButton_unstable } from './useToolbarButton';\nimport { useCustomStyleHook_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  useCustomStyleHook_unstable('useToolbarButtonStyles_unstable')(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"],"names":["ToolbarButton","React","forwardRef","props","ref","state","useToolbarButton_unstable","useToolbarButtonStyles_unstable","useCustomStyleHook_unstable","renderButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;6BAGe;8CACU;kCACN;qCACE;AAMrC,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAEhCG,IAAAA,gDAAAA,EAA4B,mCAAmCH;IAE/D,OAAOI,IAAAA,kCAAAA,EAAsBJ;AAC7B,0FAA0F;AAC5F;AAEAL,cAAcU,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering ToolbarButton
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["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"],"names":[],"rangeMappings":";;","mappings":"AAaA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarButton';\nexport * from './ToolbarButton.types';\nexport * from './useToolbarButton';\nexport * from './useToolbarButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ToolbarButton';\nexport * from './ToolbarButton.types';\nexport * from './useToolbarButton';\nexport * from './useToolbarButtonStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useButton_unstable } from '@fluentui/react-button';\n/**\n * Given user props, defines default props for the Button, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */ export const useToolbarButton_unstable = (props, ref)=>{\n    const { vertical = false, ...buttonProps } = props;\n    const state = useButton_unstable({\n        appearance: 'subtle',\n        ...buttonProps\n    }, ref);\n    return {\n        vertical,\n        ...state\n    };\n};\n"],"names":["useToolbarButton_unstable","props","ref","vertical","buttonProps","state","useButton_unstable","appearance"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;6BACY;AAMxB,MAAMA,4BAA4B,CAACC,OAAOC;IACjD,MAAM,EAAEC,WAAW,KAAK,EAAE,GAAGC,aAAa,GAAGH;IAC7C,MAAMI,QAAQC,IAAAA,+BAAkB,EAAC;QAC7BC,YAAY;QACZ,GAAGH,WAAW;IAClB,GAAGF;IACH,OAAO;QACHC;QACA,GAAGE,KAAK;IACZ;AACJ"}
+{"version":3,"sources":["useToolbarButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { ToolbarButtonProps, ToolbarButtonState } from './ToolbarButton.types';\n\n/**\n * Given user props, defines default props for the Button, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */\nexport const useToolbarButton_unstable = (\n  props: ToolbarButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarButtonState => {\n  const { vertical = false, ...buttonProps } = props;\n  const state = useButton_unstable({ appearance: 'subtle', ...buttonProps }, ref);\n  return {\n    vertical,\n    ...state,\n  };\n};\n"],"names":["useToolbarButton_unstable","props","ref","vertical","buttonProps","state","useButton_unstable","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;6BACY;AAS5B,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,WAAW,KAAK,EAAE,GAAGC,aAAa,GAAGH;IAC7C,MAAMI,QAAQC,IAAAA,+BAAAA,EAAmB;QAAEC,YAAY;QAAU,GAAGH,WAAW;IAAC,GAAGF;IAC3E,OAAO;QACLC;QACA,GAAGE,KAAK;IACV;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n  vertical: {\n    Beiy3e4: \"f1vx9l62\"\n  },\n  verticalIcon: {\n    Be2twd7: \"f1rt2boy\",\n    jrapky: 0,\n    Frg6f3: 0,\n    t21cq0: 0,\n    B6of3ja: 0,\n    B74szlk: \"f1s184ao\"\n  }\n}, {\n  d: [\".f1vx9l62{flex-direction:column;}\", \".f1rt2boy{font-size:24px;}\", [\".f1s184ao{margin:0;}\", {\n    p: -1\n  }]]\n});\n/**\n * Apply styling to the ToolbarButton slots based on the state\n */\nexport const useToolbarButtonStyles_unstable = state => {\n  'use no memo';\n\n  useButtonStyles_unstable(state);\n  const buttonStyles = useBaseStyles();\n  state.root.className = mergeClasses(state.root.className, state.vertical && buttonStyles.vertical);\n  if (state.icon) {\n    state.icon.className = mergeClasses(state.icon.className, state.vertical && buttonStyles.verticalIcon);\n  }\n};\n//# sourceMappingURL=useToolbarButtonStyles.styles.js.map"],"names":["useToolbarButtonStyles_unstable","useBaseStyles","__styles","vertical","Beiy3e4","verticalIcon","Be2twd7","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","state","useButtonStyles_unstable","buttonStyles","root","className","mergeClasses","icon"],"mappings":";;;;+BAsBaA;;;eAAAA;;;uBAtB0B;6BACE;AACzC,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,UAAU;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAqC;QAA8B;YAAC;YAAwB;gBAC9FC,GAAG,CAAC;YACN;SAAE;KAAC;AACL;AAIO,MAAMb,kCAAkCc,CAAAA;IAC7C;IAEAC,IAAAA,qCAAwB,EAACD;IACzB,MAAME,eAAef;IACrBa,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMX,QAAQ,IAAIa,aAAab,QAAQ;IACjG,IAAIW,MAAMM,IAAI,EAAE;QACdN,MAAMM,IAAI,CAACF,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMM,IAAI,CAACF,SAAS,EAAEJ,MAAMX,QAAQ,IAAIa,aAAaX,YAAY;IACvG;AACF,GACA,yDAAyD"}
+{"version":3,"sources":["useToolbarButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = makeStyles({\n    vertical: {\n        flexDirection: 'column'\n    },\n    verticalIcon: {\n        fontSize: '24px',\n        margin: '0'\n    }\n});\n/**\n * Apply styling to the ToolbarButton slots based on the state\n */ export const useToolbarButtonStyles_unstable = (state)=>{\n    'use no memo';\n    useButtonStyles_unstable(state);\n    const buttonStyles = useBaseStyles();\n    state.root.className = mergeClasses(state.root.className, state.vertical && buttonStyles.vertical);\n    if (state.icon) {\n        state.icon.className = mergeClasses(state.icon.className, state.vertical && buttonStyles.verticalIcon);\n    }\n};\n"],"names":["useToolbarButtonStyles_unstable","useBaseStyles","__styles","vertical","Beiy3e4","verticalIcon","Be2twd7","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","state","useButtonStyles_unstable","buttonStyles","root","className","mergeClasses","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaiBA;;;eAAAA;;;uBAbwB;6BACA;AACzC,MAAMC,gBAAa,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,UAAA;QAAAC,SAAA;IAAA;IAAAC,cAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA;AAWX,MAAMb,kCAAmCc,CAAAA;IAChD;IACAC,IAAAA,qCAAwB,EAACD;IACzB,MAAME,eAAef;IACrBa,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMX,QAAQ,IAAIa,aAAab,QAAQ;IACjG,IAAIW,MAAMM,IAAI,EAAE;QACZN,MAAMM,IAAI,CAACF,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMM,IAAI,CAACF,SAAS,EAAEJ,MAAMX,QAAQ,IAAIa,aAAaX,YAAY;IACzG;AACJ"}

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

@@ -1 +1 @@
-{"version":3,"sources":["ToolbarDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles.styles';\nimport { renderDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarDivider_unstable } from './useToolbarDivider';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarDivider component\n */ export const ToolbarDivider = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useToolbarDivider_unstable(props, ref);\n    useToolbarDividerStyles_unstable(state);\n    useCustomStyleHook_unstable('useToolbarDividerStyles_unstable')(state);\n    return renderDivider_unstable(state);\n});\nToolbarDivider.displayName = 'ToolbarDivider';\n"],"names":["ToolbarDivider","React","forwardRef","props","ref","state","useToolbarDivider_unstable","useToolbarDividerStyles_unstable","useCustomStyleHook_unstable","renderDivider_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;+CAC0B;8BACV;mCACI;qCACC;AAGjC,MAAMA,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrE,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjCG,IAAAA,gDAA2B,EAAC,oCAAoCH;IAChE,OAAOI,IAAAA,oCAAsB,EAACJ;AAClC;AACAL,eAAeU,WAAW,GAAG"}
+{"version":3,"sources":["ToolbarDivider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles.styles';\nimport type { ToolbarDividerProps } from './ToolbarDivider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarDivider_unstable } from './useToolbarDivider';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarDivider component\n */\nexport const ToolbarDivider: ForwardRefComponent<ToolbarDividerProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarDivider_unstable(props, ref);\n\n  useToolbarDividerStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useToolbarDividerStyles_unstable')(state);\n\n  return renderDivider_unstable(state);\n});\n\nToolbarDivider.displayName = 'ToolbarDivider';\n"],"names":["ToolbarDivider","React","forwardRef","props","ref","state","useToolbarDivider_unstable","useToolbarDividerStyles_unstable","useCustomStyleHook_unstable","renderDivider_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;+CAC0B;8BAGV;mCACI;qCACC;AAKrC,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAEhDG,IAAAA,+DAAAA,EAAiCF;IAEjCG,IAAAA,gDAAAA,EAA4B,oCAAoCH;IAEhE,OAAOI,IAAAA,oCAAAA,EAAuBJ;AAChC;AAEAL,eAAeU,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering ToolbarDivider
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarDivider';\nexport * from './ToolbarDivider.types';\nexport * from './useToolbarDividerStyles.styles';\nexport * from './useToolbarDivider';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ToolbarDivider';\nexport * from './ToolbarDivider.types';\nexport * from './useToolbarDividerStyles.styles';\nexport * from './useToolbarDivider';\n"],"names":[],"rangeMappings":";;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { useDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n/**\n * Create the state required to render ToolbarDivider.\n *\n * The returned state can be modified with hooks such as useToolbarDividerStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of ToolbarDivider\n * @param ref - reference to root HTMLElement of ToolbarDivider\n */ export const useToolbarDivider_unstable = (props, ref)=>{\n    const vertical = useToolbarContext_unstable((ctx)=>ctx.vertical);\n    return useDivider_unstable({\n        vertical: !vertical,\n        ...props\n    }, ref);\n};\n"],"names":["useToolbarDivider_unstable","props","ref","vertical","useToolbarContext_unstable","ctx","useDivider_unstable"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;8BACa;gCACO;AAShC,MAAMA,6BAA6B,CAACC,OAAOC;IAClD,MAAMC,WAAWC,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIF,QAAQ;IAC/D,OAAOG,IAAAA,iCAAmB,EAAC;QACvBH,UAAU,CAACA;QACX,GAAGF,KAAK;IACZ,GAAGC;AACP"}
+{"version":3,"sources":["useToolbarDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider.types';\nimport { useDivider_unstable } from '@fluentui/react-divider';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n\n/**\n * Create the state required to render ToolbarDivider.\n *\n * The returned state can be modified with hooks such as useToolbarDividerStyles_unstable,\n * before being passed to renderToolbar_unstable.\n *\n * @param props - props from this instance of ToolbarDivider\n * @param ref - reference to root HTMLElement of ToolbarDivider\n */\nexport const useToolbarDivider_unstable = (\n  props: ToolbarDividerProps,\n  ref: React.Ref<HTMLElement>,\n): ToolbarDividerState => {\n  const vertical = useToolbarContext_unstable(ctx => ctx.vertical);\n  return useDivider_unstable({ vertical: !vertical, ...props }, ref);\n};\n"],"names":["useToolbarDivider_unstable","props","ref","vertical","useToolbarContext_unstable","ctx","useDivider_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;8BAEa;gCACO;AAWpC,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAMC,WAAWC,IAAAA,0CAAAA,EAA2BC,CAAAA,MAAOA,IAAIF,QAAQ;IAC/D,OAAOG,IAAAA,iCAAAA,EAAoB;QAAEH,UAAU,CAACA;QAAU,GAAGF,KAAK;IAAC,GAAGC;AAChE"}

package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarDividerStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nconst useBaseStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"ftuwxu6\",\n    B2u0y6b: \"f1lwjmbk\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1oic3e7\"\n  },\n  vertical: {\n    B2u0y6b: \"fe668z\"\n  }\n}, {\n  d: [\".ftuwxu6{display:inline-flex;}\", \".f1lwjmbk{max-width:1px;}\", [\".f1oic3e7{padding:0 12px;}\", {\n    p: -1\n  }], \".fe668z{max-width:initial;}\"]\n});\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */\nexport const useToolbarDividerStyles_unstable = state => {\n  'use no memo';\n\n  useDividerStyles_unstable(state);\n  const {\n    vertical\n  } = state;\n  const toolbarDividerStyles = useBaseStyles();\n  state.root.className = mergeClasses(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useToolbarDividerStyles.styles.js.map"],"names":["useToolbarDividerStyles_unstable","useBaseStyles","__styles","root","mc9l5x","B2u0y6b","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","vertical","d","p","state","useDividerStyles_unstable","toolbarDividerStyles","className","mergeClasses"],"mappings":";;;;+BAuBaA;;;eAAAA;;;uBAvB0B;8BACG;AAC1C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRN,SAAS;IACX;AACF,GAAG;IACDO,GAAG;QAAC;QAAkC;QAA6B;YAAC;YAA8B;gBAChGC,GAAG,CAAC;YACN;SAAE;QAAE;KAA8B;AACpC;AAIO,MAAMb,mCAAmCc,CAAAA;IAC9C;IAEAC,IAAAA,uCAAyB,EAACD;IAC1B,MAAM,EACJH,QAAQ,EACT,GAAGG;IACJ,MAAME,uBAAuBf;IAC7Ba,MAAMX,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACF,qBAAqBb,IAAI,EAAE,CAACQ,YAAYK,qBAAqBL,QAAQ,EAAEG,MAAMX,IAAI,CAACc,SAAS;IAC/H,OAAOH;AACT,GACA,0DAA0D"}
+{"version":3,"sources":["useToolbarDividerStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nconst useBaseStyles = makeStyles({\n    // Base styles\n    root: {\n        display: 'inline-flex',\n        maxWidth: '1px',\n        padding: '0 12px'\n    },\n    vertical: {\n        maxWidth: 'initial'\n    }\n});\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */ export const useToolbarDividerStyles_unstable = (state)=>{\n    'use no memo';\n    useDividerStyles_unstable(state);\n    const { vertical } = state;\n    const toolbarDividerStyles = useBaseStyles();\n    state.root.className = mergeClasses(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);\n    return state;\n};\n"],"names":["useToolbarDividerStyles_unstable","useBaseStyles","__styles","root","mc9l5x","B2u0y6b","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","vertical","d","p","state","useDividerStyles_unstable","toolbarDividerStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeiBA;;;eAAAA;;;uBAfwB;8BACC;AAC1C,MAAMC,gBAAa,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,UAAA;QAAAN,SAAA;IAAA;AAAA,GAAA;IAAAO,GAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA;AAaX,MAAMb,mCAAoCc,CAAAA;IACjD;IACAC,IAAAA,uCAAyB,EAACD;IAC1B,MAAM,EAAEH,QAAAA,EAAU,GAAGG;IACrB,MAAME,uBAAuBf;IAC7Ba,MAAMX,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACF,qBAAqBb,IAAI,EAAE,CAACQ,YAAYK,qBAAqBL,QAAQ,EAAEG,MAAMX,IAAI,CAACc,SAAS;IAC/H,OAAOH;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["ToolbarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { useToolbarGroup_unstable } from './useToolbarGroup';\nimport { useToolbarGroupStyles_unstable } from './useToolbarGroupStyles.styles';\nimport { renderToolbarGroup_unstable } from './renderToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */ export const ToolbarGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useToolbarGroup_unstable(props, ref);\n    useToolbarGroupStyles_unstable(state);\n    useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n    return renderToolbarGroup_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nToolbarGroup.displayName = 'ToolbarGroup';\n"],"names":["ToolbarGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;iCACkB;6CACM;oCACH;qCACA;AAIjC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACvC,0FAA0F;AAC1F;AACAL,aAAaU,WAAW,GAAG"}
+{"version":3,"sources":["ToolbarGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ToolbarGroupProps } from './ToolbarGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useToolbarGroup_unstable } from './useToolbarGroup';\nimport { useToolbarGroupStyles_unstable } from './useToolbarGroupStyles.styles';\nimport { renderToolbarGroup_unstable } from './renderToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarGroup: ForwardRefComponent<ToolbarGroupProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarGroup_unstable(props, ref);\n\n  useToolbarGroupStyles_unstable(state);\n\n  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<ToolbarGroupProps>;\n\nToolbarGroup.displayName = 'ToolbarGroup';\n"],"names":["ToolbarGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;iCAGkB;6CACM;oCACH;qCACA;AAMrC,MAAMA,eAAAA,WAAAA,GAAuDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQC,IAAAA,yCAAAA,EAAyBH,OAAOC;IAE9CG,IAAAA,2DAAAA,EAA+BF;IAE/BG,IAAAA,gDAAAA,EAA4B,kCAAkCH;IAE9D,OAAOI,IAAAA,+CAAAA,EAA4BJ;AACnC,0FAA0F;AAC5F;AAEAL,aAAaU,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering ToolbarButton
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarGroup';\nexport * from './ToolbarGroup.types';\nexport * from './useToolbarGroup';\nexport * from './useToolbarGroupStyles.styles';\nexport * from './renderToolbarGroup';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ToolbarGroup';\nexport * from './ToolbarGroup.types';\nexport * from './useToolbarGroup';\nexport * from './useToolbarGroupStyles.styles';\nexport * from './renderToolbarGroup';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderToolbarGroup.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ToolbarGroup\n */ export const renderToolbarGroup_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {\n        children: state.root.children\n    });\n};\n"],"names":["renderToolbarGroup_unstable","state","assertSlots","_jsx","root","children"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,8BAA8B,CAACC;IAC5CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE;QAClCC,UAAUJ,MAAMG,IAAI,CAACC,QAAQ;IACjC;AACJ"}
+{"version":3,"sources":["renderToolbarGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ToolbarGroupState, ToolbarGroupSlots } from './ToolbarGroup.types';\n\n/**\n * Render the final JSX of ToolbarGroup\n */\nexport const renderToolbarGroup_unstable = (state: ToolbarGroupState) => {\n  assertSlots<ToolbarGroupSlots>(state);\n\n  return <state.root>{state.root.children}</state.root>;\n};\n"],"names":["renderToolbarGroup_unstable","state","assertSlots","_jsx","root","children"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;gCAC4B;AAMrB,MAAMA,8BAA8B,CAACC;IAC1CC,IAAAA,2BAAAA,EAA+BD;IAE/B,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA;kBAAEH,MAAMG,IAAI,CAACC,QAAQ;;AACzC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarGroup.js"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n/**\n * Given user props, defines default props for the Group\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */ export const useToolbarGroup_unstable = (props, ref)=>{\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            role: 'presentation',\n            ...props\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useToolbarGroup_unstable","props","ref","components","root","slot","always","getIntrinsicElementProps","role","elementType"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;gCAN8B;iEACxB;AAKZ,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CL;YACAM,MAAM;YACN,GAAGP,KAAK;QACZ,IAAI;YACAQ,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["useToolbarGroup.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup.types';\n\n/**\n * Given user props, defines default props for the Group\n * @param props - User provided props to the Group component.\n * @param ref - User provided ref to be passed to the Group component.\n */\nexport const useToolbarGroup_unstable = (\n  props: ToolbarGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n): ToolbarGroupState => {\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps<React.HTMLAttributes<HTMLDivElement>>('div', {\n        ref,\n        role: 'presentation',\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["useToolbarGroup_unstable","props","ref","components","root","slot","always","getIntrinsicElementProps","role","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;gCATkC;iEACxB;AAQhB,MAAMA,2BAA2B,CACtCC,OACAC;IAEA,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAA+D,OAAO;YACpEL;YACAM,MAAM;YACN,GAAGP,KAAK;QACV,IACA;YAAEQ,aAAa;QAAM;IAEzB;AACF"}

package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const toolbarGroupClassNames = {\n  root: 'fui-ToolbarGroup'\n};\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarGroupStyles_unstable = state => {\n  'use no memo';\n\n  state.root.className = mergeClasses(toolbarGroupClassNames.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useToolbarGroupStyles.styles.js.map"],"names":["toolbarGroupClassNames","useToolbarGroupStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,sBAAsB;eAAtBA;;IAMAC,8BAA8B;eAA9BA;;;uBAPgB;AACtB,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AAIO,MAAMD,iCAAiCE,CAAAA;IAC5C;IAEAA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,uBAAuBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IACrF,OAAOD;AACT,GACA,wDAAwD"}
+{"version":3,"sources":["useToolbarGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const toolbarGroupClassNames = {\n    root: 'fui-ToolbarGroup'\n};\n/**\n * Apply styling to the Toolbar slots based on the state\n */ export const useToolbarGroupStyles_unstable = (state)=>{\n    'use no memo';\n    state.root.className = mergeClasses(toolbarGroupClassNames.root, state.root.className);\n    return state;\n};\n"],"names":["toolbarGroupClassNames","useToolbarGroupStyles_unstable","root","state","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,sBAAsB;eAAtBA;;IAKIC,8BAA8B;eAA9BA;;;uBANY;AACtB,MAAMD,yBAAyB;IAClCE,MAAM;AACV;AAGW,MAAMD,iCAAkCE,CAAAA;IAC/C;IACAA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,uBAAuBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IACrF,OAAOD;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["ToolbarRadioButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarRadioButton component\n */ export const ToolbarRadioButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useToolbarRadioButton_unstable(props, ref);\n    useToolbarRadioButtonStyles_unstable(state);\n    useCustomStyleHook_unstable('useToolbarRadioButtonStyles_unstable')(state);\n    return renderToggleButton_unstable(state);\n});\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n"],"names":["ToolbarRadioButton","React","forwardRef","props","ref","state","useToolbarRadioButton_unstable","useToolbarRadioButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;6BACqB;uCACG;mDACM;qCACT;AAGjC,MAAMA,qBAAqB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzE,MAAMC,QAAQC,IAAAA,qDAA8B,EAACH,OAAOC;IACpDG,IAAAA,uEAAoC,EAACF;IACrCG,IAAAA,gDAA2B,EAAC,wCAAwCH;IACpE,OAAOI,IAAAA,wCAA2B,EAACJ;AACvC;AACAL,mBAAmBU,WAAW,GAAG"}
+{"version":3,"sources":["ToolbarRadioButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ToolbarRadioButtonProps } from './ToolbarRadioButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarRadioButton component\n */\nexport const ToolbarRadioButton: ForwardRefComponent<ToolbarRadioButtonProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarRadioButton_unstable(props, ref);\n\n  useToolbarRadioButtonStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useToolbarRadioButtonStyles_unstable')(state);\n\n  return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarRadioButtonProps>;\n\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n"],"names":["ToolbarRadioButton","React","forwardRef","props","ref","state","useToolbarRadioButton_unstable","useToolbarRadioButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;6BAGqB;uCACG;mDACM;qCACT;AAKrC,MAAMA,qBAAAA,WAAAA,GAAmEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvG,MAAMC,QAAQC,IAAAA,qDAAAA,EAA+BH,OAAOC;IAEpDG,IAAAA,uEAAAA,EAAqCF;IAErCG,IAAAA,gDAAAA,EAA4B,wCAAwCH;IAEpE,OAAOI,IAAAA,wCAAAA,EAA4BJ;AACrC;AAEAL,mBAAmBU,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering ToolbarRadioButton
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarRadioButton';\nexport * from './ToolbarRadioButton.types';\nexport * from './useToolbarRadioButton';\nexport * from './useToolbarRadioButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ToolbarRadioButton';\nexport * from './ToolbarRadioButton.types';\nexport * from './useToolbarRadioButton';\nexport * from './useToolbarRadioButtonStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarRadioButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n/**\n * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */ export const useToolbarRadioButton_unstable = (props, ref)=>{\n    const handleRadio = useToolbarContext_unstable((ctx)=>ctx.handleRadio);\n    const checked = useToolbarContext_unstable((ctx)=>{\n        var _ctx_checkedValues_props_name;\n        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));\n    });\n    const size = useToolbarContext_unstable((ctx)=>ctx.size);\n    const { onClick: onClickOriginal } = props;\n    const toggleButtonState = useToggleButton_unstable({\n        size,\n        checked,\n        role: 'radio',\n        'aria-checked': checked,\n        ...props\n    }, ref);\n    const state = {\n        ...toggleButtonState,\n        name: props.name,\n        value: props.value\n    };\n    const handleOnClick = useEventCallback((e)=>{\n        handleRadio === null || handleRadio === void 0 ? void 0 : handleRadio(e, state.name, state.value, state.checked);\n        onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);\n    });\n    state.root['aria-pressed'] = undefined;\n    state.root.onClick = handleOnClick;\n    return state;\n};\n"],"names":["useToolbarRadioButton_unstable","props","ref","handleRadio","useToolbarContext_unstable","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","role","state","handleOnClick","useEventCallback","e","root","undefined"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;gCACU;6BACQ;gCACE;AAMhC,MAAMA,iCAAiC,CAACC,OAAOC;IACtD,MAAMC,cAAcC,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIF,WAAW;IACrE,MAAMG,UAAUF,IAAAA,0CAA0B,EAAC,CAACC;QACxC,IAAIE;QACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,gCAAgCF,IAAIG,aAAa,CAACP,MAAMQ,IAAI,CAAC,AAAD,MAAO,QAAQF,kCAAkC,KAAK,IAAI,KAAK,IAAIA,8BAA8BG,QAAQ,CAACT,MAAMU,KAAK,CAAA;IAChM;IACA,MAAMC,OAAOR,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIO,IAAI;IACvD,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGb;IACrC,MAAMc,oBAAoBC,IAAAA,qCAAwB,EAAC;QAC/CJ;QACAN;QACAW,MAAM;QACN,gBAAgBX;QAChB,GAAGL,KAAK;IACZ,GAAGC;IACH,MAAMgB,QAAQ;QACV,GAAGH,iBAAiB;QACpBN,MAAMR,MAAMQ,IAAI;QAChBE,OAAOV,MAAMU,KAAK;IACtB;IACA,MAAMQ,gBAAgBC,IAAAA,gCAAgB,EAAC,CAACC;QACpClB,gBAAgB,QAAQA,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYkB,GAAGH,MAAMT,IAAI,EAAES,MAAMP,KAAK,EAAEO,MAAMZ,OAAO;QAC/GQ,oBAAoB,QAAQA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBO;IACtF;IACAH,MAAMI,IAAI,CAAC,eAAe,GAAGC;IAC7BL,MAAMI,IAAI,CAACT,OAAO,GAAGM;IACrB,OAAOD;AACX"}
+{"version":3,"sources":["useToolbarRadioButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton.types';\n\n/**\n * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */\nexport const useToolbarRadioButton_unstable = (\n  props: ToolbarRadioButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarRadioButtonState => {\n  const handleRadio = useToolbarContext_unstable(ctx => ctx.handleRadio);\n  const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n  const size = useToolbarContext_unstable(ctx => ctx.size);\n\n  const { onClick: onClickOriginal } = props;\n  const toggleButtonState = useToggleButton_unstable(\n    { size, checked, role: 'radio', 'aria-checked': checked, ...props },\n    ref,\n  );\n  const state: ToolbarRadioButtonState = {\n    ...toggleButtonState,\n    name: props.name,\n    value: props.value,\n  };\n\n  const handleOnClick = useEventCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      handleRadio?.(e, state.name, state.value, state.checked);\n      onClickOriginal?.(e);\n    },\n  );\n  state.root['aria-pressed'] = undefined;\n  state.root.onClick = handleOnClick;\n  return state;\n};\n"],"names":["useToolbarRadioButton_unstable","props","ref","handleRadio","useToolbarContext_unstable","ctx","checked","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","role","state","handleOnClick","useEventCallback","e","root","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;gCACU;6BACQ;gCACE;AASpC,MAAMA,iCAAiC,CAC5CC,OACAC;IAEA,MAAMC,cAAcC,IAAAA,0CAAAA,EAA2BC,CAAAA,MAAOA,IAAIF,WAAW;IACrE,MAAMG,UAAUF,IAAAA,0CAAAA,EAA2BC,CAAAA;YAASA;eAAF,CAAC,CAAA,CAAA,AAACA,CAAAA,gCAAAA,IAAIE,aAAa,CAACN,MAAMO,IAAI,CAAC,AAAD,MAAC,QAA7BH,kCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,8BAA+BI,QAAQ,CAACR,MAAMS,KAAK,CAAA;;IACvG,MAAMC,OAAOP,IAAAA,0CAAAA,EAA2BC,CAAAA,MAAOA,IAAIM,IAAI;IAEvD,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGZ;IACrC,MAAMa,oBAAoBC,IAAAA,qCAAAA,EACxB;QAAEJ;QAAML;QAASU,MAAM;QAAS,gBAAgBV;QAAS,GAAGL,KAAK;IAAC,GAClEC;IAEF,MAAMe,QAAiC;QACrC,GAAGH,iBAAiB;QACpBN,MAAMP,MAAMO,IAAI;QAChBE,OAAOT,MAAMS,KAAK;IACpB;IAEA,MAAMQ,gBAAgBC,IAAAA,gCAAAA,EACpB,CAACC;QACCjB,gBAAAA,QAAAA,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAciB,GAAGH,MAAMT,IAAI,EAAES,MAAMP,KAAK,EAAEO,MAAMX,OAAO;QACvDO,oBAAAA,QAAAA,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAkBO;IACpB;IAEFH,MAAMI,IAAI,CAAC,eAAe,GAAGC;IAC7BL,MAAMI,IAAI,CAACT,OAAO,GAAGM;IACrB,OAAOD;AACT"}

package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarRadioButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n  selected: {\n    sj55zd: \"f16muhyy\"\n  }\n}, {\n  d: [\".f16muhyy{color:var(--colorBrandForeground1);}\"]\n});\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */\nexport const useToolbarRadioButtonStyles_unstable = state => {\n  'use no memo';\n\n  useToggleButtonStyles_unstable(state);\n  const toggleButtonStyles = useBaseStyles();\n  state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n  return state;\n};\n//# sourceMappingURL=useToolbarRadioButtonStyles.styles.js.map"],"names":["useToolbarRadioButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA;;;eAAAA;;;uBAZ0B;6BACQ;AAC/C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAiD;AACvD;AAIO,MAAML,uCAAuCM,CAAAA;IAClD;IAEAC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;IACtG,OAAOG;AACT,GACA,8DAA8D"}
+{"version":3,"sources":["useToolbarRadioButtonStyles.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 ToolbarRadioButton slots based on the state\n */ export const useToolbarRadioButtonStyles_unstable = (state)=>{\n    'use no memo';\n    useToggleButtonStyles_unstable(state);\n    const toggleButtonStyles = useBaseStyles();\n    state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n    return state;\n};\n"],"names":["useToolbarRadioButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUiBA;;;eAAAA;;;uBATwB;6BACM;AAC/C,MAAMC,gBAAa,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,UAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;KAAA;AAAA;AAOX,MAAML,uCAAwCM,CAAAA;IACrD;IACAC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;IACtG,OAAOG;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["ToolbarRadioGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToolbarGroup_unstable, useToolbarGroupStyles_unstable, useToolbarGroup_unstable } from '../../ToolbarGroup';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToolbarRadioGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */ export const ToolbarRadioGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useToolbarGroup_unstable({\n        role: 'radiogroup',\n        ...props\n    }, ref);\n    useToolbarGroupStyles_unstable(state);\n    useCustomStyleHook_unstable('useToolbarGroupStyles_unstable')(state);\n    return renderToolbarGroup_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nToolbarRadioGroup.displayName = 'ToolbarRadioGroup';\n"],"names":["ToolbarRadioGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","role","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;8BAC+E;qCAC1D;AAIjC,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxE,MAAMC,QAAQC,IAAAA,sCAAwB,EAAC;QACnCC,MAAM;QACN,GAAGJ,KAAK;IACZ,GAAGC;IACHI,IAAAA,4CAA8B,EAACH;IAC/BI,IAAAA,gDAA2B,EAAC,kCAAkCJ;IAC9D,OAAOK,IAAAA,yCAA2B,EAACL;AACvC,0FAA0F;AAC1F;AACAL,kBAAkBW,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":["ToolbarRadioGroup","React","forwardRef","props","ref","state","useToolbarGroup_unstable","role","useToolbarGroupStyles_unstable","useCustomStyleHook_unstable","renderToolbarGroup_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;8BAOhB;qCACqC;AAMrC,MAAMA,oBAAAA,WAAAA,GAAiEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQC,IAAAA,sCAAAA,EAAyB;QAAEC,MAAM;QAAc,GAAGJ,KAAK;IAAC,GAAGC;IAEzEI,IAAAA,4CAAAA,EAA+BH;IAE/BI,IAAAA,gDAAAA,EAA4B,kCAAkCJ;IAE9D,OAAOK,IAAAA,yCAAAA,EAA4BL;AACnC,0FAA0F;AAC5F;AAEAL,kBAAkBW,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering ToolbarButton
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"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":[],"rangeMappings":";;","mappings":"AAWA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["ToolbarToggleButton.js"],"sourcesContent":["import * as React from 'react';\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 * ToolbarToggleButton component\n */ export const ToolbarToggleButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useToolbarToggleButton_unstable(props, ref);\n    useToolbarToggleButtonStyles_unstable(state);\n    useCustomStyleHook_unstable('useToolbarToggleButtonStyles_unstable')(state);\n    return renderToggleButton_unstable(state);\n});\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"],"names":["ToolbarToggleButton","React","forwardRef","props","ref","state","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;6BACqB;wCACI;oDACM;qCACV;AAGjC,MAAMA,sBAAsB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC1E,MAAMC,QAAQC,IAAAA,uDAA+B,EAACH,OAAOC;IACrDG,IAAAA,yEAAqC,EAACF;IACtCG,IAAAA,gDAA2B,EAAC,yCAAyCH;IACrE,OAAOI,IAAAA,wCAA2B,EAACJ;AACvC;AACAL,oBAAoBU,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":["ToolbarToggleButton","React","forwardRef","props","ref","state","useToolbarToggleButton_unstable","useToolbarToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;6BAGqB;wCACI;oDACM;qCACV;AAKrC,MAAMA,sBAAAA,WAAAA,GAAqEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzG,MAAMC,QAAQC,IAAAA,uDAAAA,EAAgCH,OAAOC;IAErDG,IAAAA,yEAAAA,EAAsCF;IAEtCG,IAAAA,gDAAAA,EAA4B,yCAAyCH;IAErE,OAAOI,IAAAA,wCAAAA,EAA4BJ;AACrC;AAEAL,oBAAoBU,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering ToolbarToggleButton
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"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":[],"rangeMappings":";;","mappings":"AAaA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\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 */ export const useToolbarToggleButton_unstable = (props, ref)=>{\n    const handleToggleButton = useToolbarContext_unstable((ctx)=>ctx.handleToggleButton);\n    const checked = useToolbarContext_unstable((ctx)=>{\n        var _ctx_checkedValues_props_name;\n        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));\n    });\n    const { onClick: onClickOriginal } = props;\n    const toggleButtonState = useToggleButton_unstable({\n        checked,\n        ...props\n    }, ref);\n    const state = {\n        ...toggleButtonState,\n        name: props.name,\n        value: props.value\n    };\n    const handleOnClick = (e)=>{\n        if (state.disabled) {\n            e.preventDefault();\n            e.stopPropagation();\n            return;\n        }\n        handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);\n        onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);\n    };\n    state.root.onClick = handleOnClick;\n    return state;\n};\n"],"names":["useToolbarToggleButton_unstable","props","ref","handleToggleButton","useToolbarContext_unstable","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;6BACkB;gCACE;AAMhC,MAAMA,kCAAkC,CAACC,OAAOC;IACvD,MAAMC,qBAAqBC,IAAAA,0CAA0B,EAAC,CAACC,MAAMA,IAAIF,kBAAkB;IACnF,MAAMG,UAAUF,IAAAA,0CAA0B,EAAC,CAACC;QACxC,IAAIE;QACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,gCAAgCF,IAAIG,aAAa,CAACP,MAAMQ,IAAI,CAAC,AAAD,MAAO,QAAQF,kCAAkC,KAAK,IAAI,KAAK,IAAIA,8BAA8BG,QAAQ,CAACT,MAAMU,KAAK,CAAA;IAChM;IACA,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGZ;IACrC,MAAMa,oBAAoBC,IAAAA,qCAAwB,EAAC;QAC/CT;QACA,GAAGL,KAAK;IACZ,GAAGC;IACH,MAAMc,QAAQ;QACV,GAAGF,iBAAiB;QACpBL,MAAMR,MAAMQ,IAAI;QAChBE,OAAOV,MAAMU,KAAK;IACtB;IACA,MAAMM,gBAAgB,CAACC;QACnB,IAAIF,MAAMG,QAAQ,EAAE;YAChBD,EAAEE,cAAc;YAChBF,EAAEG,eAAe;YACjB;QACJ;QACAlB,uBAAuB,QAAQA,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmBe,GAAGF,MAAMP,IAAI,EAAEO,MAAML,KAAK,EAAEK,MAAMV,OAAO;QACpIO,oBAAoB,QAAQA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBK;IACtF;IACAF,MAAMM,IAAI,CAACV,OAAO,GAAGK;IACrB,OAAOD;AACX"}
+{"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":["useToolbarToggleButton_unstable","props","ref","handleToggleButton","useToolbarContext_unstable","ctx","checked","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;6BACkB;gCACE;AASpC,MAAMA,kCAAkC,CAC7CC,OACAC;IAEA,MAAMC,qBAAqBC,IAAAA,0CAAAA,EAA2BC,CAAAA,MAAOA,IAAIF,kBAAkB;IACnF,MAAMG,UAAUF,IAAAA,0CAAAA,EAA2BC,CAAAA;YAASA;eAAF,CAAC,CAAA,CAAA,AAACA,CAAAA,gCAAAA,IAAIE,aAAa,CAACN,MAAMO,IAAI,CAAC,AAAD,MAAC,QAA7BH,kCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,8BAA+BI,QAAQ,CAACR,MAAMS,KAAK,CAAA;;IAEvG,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGX;IACrC,MAAMY,oBAAoBC,IAAAA,qCAAAA,EAAyB;QAAER;QAAS,GAAGL,KAAK;IAAC,GAAGC;IAC1E,MAAMa,QAAkC;QACtC,GAAGF,iBAAiB;QACpBL,MAAMP,MAAMO,IAAI;QAChBE,OAAOT,MAAMS,KAAK;IACpB;IAEA,MAAMM,gBAAgB,CACpBC;QAEA,IAAIF,MAAMG,QAAQ,EAAE;YAClBD,EAAEE,cAAc;YAChBF,EAAEG,eAAe;YACjB;QACF;QAEAjB,uBAAAA,QAAAA,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAqBc,GAAGF,MAAMP,IAAI,EAAEO,MAAML,KAAK,EAAEK,MAAMT,OAAO;QAC9DM,oBAAAA,QAAAA,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAkBK;IACpB;IAEAF,MAAMM,IAAI,CAACV,OAAO,GAAGK;IACrB,OAAOD;AACT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useToolbarToggleButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n  selected: {\n    sj55zd: \"f16muhyy\"\n  }\n}, {\n  d: [\".f16muhyy{color:var(--colorBrandForeground1);}\"]\n});\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = state => {\n  'use no memo';\n\n  useToggleButtonStyles_unstable(state);\n  const toggleButtonStyles = useBaseStyles();\n  state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n  return state;\n};\n//# sourceMappingURL=useToolbarToggleButtonStyles.styles.js.map"],"names":["useToolbarToggleButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA;;;eAAAA;;;uBAZ0B;6BACQ;AAC/C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAiD;AACvD;AAIO,MAAML,wCAAwCM,CAAAA;IACnD;IAEAC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;IACtG,OAAOG;AACT,GACA,+DAA+D"}
+{"version":3,"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    'use no memo';\n    useToggleButtonStyles_unstable(state);\n    const toggleButtonStyles = useBaseStyles();\n    state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n    return state;\n};\n"],"names":["useToolbarToggleButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUiBA;;;eAAAA;;;uBATwB;6BACM;AAC/C,MAAMC,gBAAa,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,UAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;KAAA;AAAA;AAOX,MAAML,wCAAyCM,CAAAA;IACtD;IACAC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;IACtG,OAAOG;AACX"}

package/lib-commonjs/index.js

@@ -12,20 +12,35 @@ _export(exports, {
     Toolbar: function() {
         return _Toolbar.Toolbar;
     },
+    ToolbarButton: function() {
+        return _ToolbarButton.ToolbarButton;
+    },
+    ToolbarDivider: function() {
+        return _ToolbarDivider.ToolbarDivider;
+    },
+    ToolbarGroup: function() {
+        return _ToolbarGroup.ToolbarGroup;
+    },
+    ToolbarRadioButton: function() {
+        return _ToolbarRadioButton.ToolbarRadioButton;
+    },
+    ToolbarRadioGroup: function() {
+        return _ToolbarRadioGroup.ToolbarRadioGroup;
+    },
+    ToolbarToggleButton: function() {
+        return _ToolbarToggleButton.ToolbarToggleButton;
+    },
+    renderToolbarGroup_unstable: function() {
+        return _ToolbarGroup.renderToolbarGroup_unstable;
+    },
     renderToolbar_unstable: function() {
         return _Toolbar.renderToolbar_unstable;
     },
     toolbarClassNames: function() {
         return _Toolbar.toolbarClassNames;
     },
-    useToolbarStyles_unstable: function() {
-        return _Toolbar.useToolbarStyles_unstable;
-    },
-    useToolbar_unstable: function() {
-        return _Toolbar.useToolbar_unstable;
-    },
-    ToolbarButton: function() {
-        return _ToolbarButton.ToolbarButton;
+    toolbarGroupClassNames: function() {
+        return _ToolbarGroup.toolbarGroupClassNames;
     },
     useToolbarButtonStyles_unstable: function() {
         return _ToolbarButton.useToolbarButtonStyles_unstable;
@@ -33,26 +48,17 @@ _export(exports, {
     useToolbarButton_unstable: function() {
         return _ToolbarButton.useToolbarButton_unstable;
     },
-    ToolbarDivider: function() {
-        return _ToolbarDivider.ToolbarDivider;
-    },
     useToolbarDividerStyles_unstable: function() {
         return _ToolbarDivider.useToolbarDividerStyles_unstable;
     },
     useToolbarDivider_unstable: function() {
         return _ToolbarDivider.useToolbarDivider_unstable;
     },
-    ToolbarToggleButton: function() {
-        return _ToolbarToggleButton.ToolbarToggleButton;
-    },
-    useToolbarToggleButtonStyles_unstable: function() {
-        return _ToolbarToggleButton.useToolbarToggleButtonStyles_unstable;
-    },
-    useToolbarToggleButton_unstable: function() {
-        return _ToolbarToggleButton.useToolbarToggleButton_unstable;
+    useToolbarGroupStyles_unstable: function() {
+        return _ToolbarGroup.useToolbarGroupStyles_unstable;
     },
-    ToolbarRadioButton: function() {
-        return _ToolbarRadioButton.ToolbarRadioButton;
+    useToolbarGroup_unstable: function() {
+        return _ToolbarGroup.useToolbarGroup_unstable;
     },
     useToolbarRadioButtonStyles_unstable: function() {
         return _ToolbarRadioButton.useToolbarRadioButtonStyles_unstable;
@@ -60,23 +66,17 @@ _export(exports, {
     useToolbarRadioButton_unstable: function() {
         return _ToolbarRadioButton.useToolbarRadioButton_unstable;
     },
-    ToolbarGroup: function() {
-        return _ToolbarGroup.ToolbarGroup;
-    },
-    useToolbarGroupStyles_unstable: function() {
-        return _ToolbarGroup.useToolbarGroupStyles_unstable;
-    },
-    useToolbarGroup_unstable: function() {
-        return _ToolbarGroup.useToolbarGroup_unstable;
+    useToolbarStyles_unstable: function() {
+        return _Toolbar.useToolbarStyles_unstable;
     },
-    renderToolbarGroup_unstable: function() {
-        return _ToolbarGroup.renderToolbarGroup_unstable;
+    useToolbarToggleButtonStyles_unstable: function() {
+        return _ToolbarToggleButton.useToolbarToggleButtonStyles_unstable;
     },
-    toolbarGroupClassNames: function() {
-        return _ToolbarGroup.toolbarGroupClassNames;
+    useToolbarToggleButton_unstable: function() {
+        return _ToolbarToggleButton.useToolbarToggleButton_unstable;
     },
-    ToolbarRadioGroup: function() {
-        return _ToolbarRadioGroup.ToolbarRadioGroup;
+    useToolbar_unstable: function() {
+        return _Toolbar.useToolbar_unstable;
     }
 });
 const _Toolbar = require("./Toolbar");