first commit

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGrid.base.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { IButtonGridProps } from './ButtonGrid.types';
+export declare const ButtonGridBase: React.FunctionComponent<IButtonGridProps>;

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGrid.base.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonGridBase = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var Utilities_1 = require("../../Utilities");
+var FocusZone_1 = require("../../FocusZone");
+var react_hooks_1 = require("@fluentui/react-hooks");
+var getClassNames = (0, Utilities_1.classNamesFunction)();
+exports.ButtonGridBase = React.forwardRef(function (props, forwardedRef) {
+    var id = (0, react_hooks_1.useId)(undefined, props.id);
+    var items = props.items, columnCount = props.columnCount, onRenderItem = props.onRenderItem, isSemanticRadio = props.isSemanticRadio, 
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    _a = props.ariaPosInSet, 
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    ariaPosInSet = _a === void 0 ? props.positionInSet : _a, 
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    _b = props.ariaSetSize, 
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    ariaSetSize = _b === void 0 ? props.setSize : _b, styles = props.styles, doNotContainWithinFocusZone = props.doNotContainWithinFocusZone;
+    var htmlProps = (0, Utilities_1.getNativeProps)(props, Utilities_1.htmlElementProperties, 
+    // avoid applying onBlur on the table if it's being used in the FocusZone
+    doNotContainWithinFocusZone ? [] : ['onBlur']);
+    var classNames = getClassNames(styles, { theme: props.theme });
+    // Array to store the cells in the correct row index
+    var rowsOfItems = (0, Utilities_1.toMatrix)(items, columnCount);
+    var content = (React.createElement("table", tslib_1.__assign({ "aria-posinset": ariaPosInSet, "aria-setsize": ariaSetSize, id: id, role: isSemanticRadio ? 'radiogroup' : 'grid' }, htmlProps, { className: classNames.root }),
+        React.createElement("tbody", { role: isSemanticRadio ? 'presentation' : 'rowgroup' }, rowsOfItems.map(function (rows, rowIndex) {
+            return (React.createElement("tr", { role: isSemanticRadio ? 'presentation' : 'row', key: rowIndex }, rows.map(function (cell, cellIndex) {
+                return (React.createElement("td", { role: "presentation", key: cellIndex + '-cell', className: classNames.tableCell }, onRenderItem(cell, cellIndex)));
+            })));
+        }))));
+    return doNotContainWithinFocusZone ? (content) : (React.createElement(FocusZone_1.FocusZone
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    , { 
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
+        elementRef: forwardedRef, isCircularNavigation: props.shouldFocusCircularNavigate, className: classNames.focusedContainer, onBlur: props.onBlur }, content));
+});
+//# sourceMappingURL=ButtonGrid.base.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGrid.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGrid.base.js","sourceRoot":"../src/","sources":["utilities/ButtonGrid/ButtonGrid.base.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,6CAAsG;AACtG,6CAA4C;AAC5C,qDAA8C;AAG9C,IAAM,aAAa,GAAG,IAAA,8BAAkB,GAA4C,CAAC;AAExE,QAAA,cAAc,GAA8C,KAAK,CAAC,UAAU,CAGvF,UAAC,KAAK,EAAE,YAAY;IACpB,IAAM,EAAE,GAAG,IAAA,mBAAK,EAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;IAGpC,IAAA,KAAK,GAUH,KAAK,MAVF,EACL,WAAW,GAST,KAAK,YATI,EACX,YAAY,GAQV,KAAK,aARK,EACZ,eAAe,GAOb,KAAK,gBAPQ;IACf,4DAA4D;IAC5D,KAKE,KAAK,aAL2B;IADlC,4DAA4D;IAC5D,YAAY,mBAAG,KAAK,CAAC,aAAa,KAAA;IAClC,4DAA4D;IAC5D,KAGE,KAAK,YAHoB;IAD3B,4DAA4D;IAC5D,WAAW,mBAAG,KAAK,CAAC,OAAO,KAAA,EAC3B,MAAM,GAEJ,KAAK,OAFD,EACN,2BAA2B,GACzB,KAAK,4BADoB,CACnB;IAEV,IAAM,SAAS,GAAG,IAAA,0BAAc,EAC9B,KAAK,EACL,iCAAqB;IACrB,yEAAyE;IACzE,2BAA2B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAC9C,CAAC;IAEF,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAM,EAAE,CAAC,CAAC;IAEnE,oDAAoD;IACpD,IAAM,WAAW,GAAY,IAAA,oBAAQ,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAE1D,IAAM,OAAO,GAAG,CACd,iEACiB,YAAY,kBACb,WAAW,EACzB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,IACzC,SAAS,IACb,SAAS,EAAE,UAAU,CAAC,IAAI;QAE1B,+BAAO,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,IACvD,WAAW,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,QAAQ;YAC9B,OAAO,CACL,4BAAI,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,IAC9D,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,SAAiB;gBAChC,OAAO,CACL,4BAAI,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,SAAS,GAAG,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,IAC9E,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAC3B,CACN,CAAC;YACJ,CAAC,CAAC,CACC,CACN,CAAC;QACJ,CAAC,CAAC,CACI,CACF,CACT,CAAC;IAEF,OAAO,2BAA2B,CAAC,CAAC,CAAC,CACnC,OAAO,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAS;IACR,4DAA4D;;QAA5D,4DAA4D;QAC5D,UAAU,EAAE,YAAY,EACxB,oBAAoB,EAAE,KAAK,CAAC,2BAA2B,EACvD,SAAS,EAAE,UAAU,CAAC,gBAAgB,EACtC,MAAM,EAAE,KAAK,CAAC,MAAM,IAEnB,OAAO,CACE,CACb,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { toMatrix, classNamesFunction, getNativeProps, htmlElementProperties } from '../../Utilities';\nimport { FocusZone } from '../../FocusZone';\nimport { useId } from '@fluentui/react-hooks';\nimport type { IButtonGridProps, IButtonGridStyleProps, IButtonGridStyles } from './ButtonGrid.types';\n\nconst getClassNames = classNamesFunction<IButtonGridStyleProps, IButtonGridStyles>();\n\nexport const ButtonGridBase: React.FunctionComponent<IButtonGridProps> = React.forwardRef<\n  HTMLElement,\n  IButtonGridProps\n>((props, forwardedRef) => {\n  const id = useId(undefined, props.id);\n\n  const {\n    items,\n    columnCount,\n    onRenderItem,\n    isSemanticRadio,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ariaPosInSet = props.positionInSet,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ariaSetSize = props.setSize,\n    styles,\n    doNotContainWithinFocusZone,\n  } = props;\n\n  const htmlProps = getNativeProps<React.HTMLAttributes<HTMLTableElement>>(\n    props,\n    htmlElementProperties,\n    // avoid applying onBlur on the table if it's being used in the FocusZone\n    doNotContainWithinFocusZone ? [] : ['onBlur'],\n  );\n\n  const classNames = getClassNames(styles!, { theme: props.theme! });\n\n  // Array to store the cells in the correct row index\n  const rowsOfItems: any[][] = toMatrix(items, columnCount);\n\n  const content = (\n    <table\n      aria-posinset={ariaPosInSet}\n      aria-setsize={ariaSetSize}\n      id={id}\n      role={isSemanticRadio ? 'radiogroup' : 'grid'}\n      {...htmlProps}\n      className={classNames.root}\n    >\n      <tbody role={isSemanticRadio ? 'presentation' : 'rowgroup'}>\n        {rowsOfItems.map((rows, rowIndex) => {\n          return (\n            <tr role={isSemanticRadio ? 'presentation' : 'row'} key={rowIndex}>\n              {rows.map((cell, cellIndex: number) => {\n                return (\n                  <td role=\"presentation\" key={cellIndex + '-cell'} className={classNames.tableCell}>\n                    {onRenderItem(cell, cellIndex)}\n                  </td>\n                );\n              })}\n            </tr>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n\n  return doNotContainWithinFocusZone ? (\n    content\n  ) : (\n    <FocusZone\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      elementRef={forwardedRef}\n      isCircularNavigation={props.shouldFocusCircularNavigate}\n      className={classNames.focusedContainer}\n      onBlur={props.onBlur}\n    >\n      {content}\n    </FocusZone>\n  );\n});\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGrid.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { IButtonGridProps } from './ButtonGrid.types';
+export declare const ButtonGrid: React.FunctionComponent<IButtonGridProps>;

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGrid.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonGrid = void 0;
+var Utilities_1 = require("../../Utilities");
+var ButtonGrid_base_1 = require("./ButtonGrid.base");
+var ButtonGrid_styles_1 = require("./ButtonGrid.styles");
+exports.ButtonGrid = (0, Utilities_1.styled)(ButtonGrid_base_1.ButtonGridBase, ButtonGrid_styles_1.getStyles);
+exports.ButtonGrid.displayName = 'ButtonGrid';
+//# sourceMappingURL=ButtonGrid.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGrid.js","sourceRoot":"../src/","sources":["utilities/ButtonGrid/ButtonGrid.tsx"],"names":[],"mappings":";;;AACA,6CAAyC;AACzC,qDAAmD;AACnD,yDAAgD;AAGnC,QAAA,UAAU,GAA8C,IAAA,kBAAM,EAKzE,gCAAc,EAAE,6BAAS,CAAC,CAAC;AAC7B,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport { ButtonGridBase } from './ButtonGrid.base';\nimport { getStyles } from './ButtonGrid.styles';\nimport type { IButtonGridProps, IButtonGridStyleProps, IButtonGridStyles } from './ButtonGrid.types';\n\nexport const ButtonGrid: React.FunctionComponent<IButtonGridProps> = styled<\n  IButtonGridProps,\n  IButtonGridStyleProps,\n  IButtonGridStyles,\n  HTMLElement\n>(ButtonGridBase, getStyles);\nButtonGrid.displayName = 'ButtonGrid';\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGrid.styles.d.ts

@@ -0,0 +1,2 @@
+import type { IButtonGridStyleProps, IButtonGridStyles } from './ButtonGrid.types';
+export declare const getStyles: (props: IButtonGridStyleProps) => IButtonGridStyles;

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGrid.styles.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyles = void 0;
+var getStyles = function (props) {
+    return {
+        root: {
+            padding: 2,
+            outline: 'none',
+        },
+        tableCell: {
+            padding: 0,
+        },
+    };
+};
+exports.getStyles = getStyles;
+//# sourceMappingURL=ButtonGrid.styles.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGrid.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGrid.styles.js","sourceRoot":"../src/","sources":["utilities/ButtonGrid/ButtonGrid.styles.ts"],"names":[],"mappings":";;;AAEO,IAAM,SAAS,GAAG,UAAC,KAA4B;IACpD,OAAO;QACL,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,MAAM;SAChB;QACD,SAAS,EAAE;YACT,OAAO,EAAE,CAAC;SACX;KACF,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,SAAS,aAUpB","sourcesContent":["import type { IButtonGridStyleProps, IButtonGridStyles } from './ButtonGrid.types';\n\nexport const getStyles = (props: IButtonGridStyleProps): IButtonGridStyles => {\n  return {\n    root: {\n      padding: 2,\n      outline: 'none',\n    },\n    tableCell: {\n      padding: 0,\n    },\n  };\n};\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGrid.types.d.ts

@@ -0,0 +1,102 @@
+import * as React from 'react';
+import type { IStyle, ITheme } from '../../Styling';
+import type { IRefObject, IStyleFunctionOrObject } from '../../Utilities';
+import type { JSXElement } from '@fluentui/utilities';
+export interface IButtonGrid {
+}
+export interface IButtonGridProps extends React.TableHTMLAttributes<HTMLTableElement>, React.RefAttributes<HTMLElement> {
+    /**
+     * Gets the component ref.
+     */
+    componentRef?: IRefObject<IButtonGrid>;
+    /**
+     * Items to display in a ButtonGrid with the specified number of columns
+     */
+    items: any[];
+    /**
+     * The number of columns
+     */
+    columnCount: number;
+    /**
+     * Custom renderer for the individual items
+     */
+    onRenderItem: (item: any, index: number) => JSXElement;
+    /**
+     * Whether focus should cycle back to the beginning once the user navigates past the end (and vice versa).
+     * Only relevant if `doNotContainWithinFocusZone` is not true.
+     */
+    shouldFocusCircularNavigate?: boolean;
+    /**
+     * If false (the default), the ButtonGrid is contained inside a FocusZone.
+     * If true, a FocusZone is not used.
+     * @default false
+     */
+    doNotContainWithinFocusZone?: boolean;
+    /**
+     * Class name for the FocusZone container for the ButtonGrid.
+     * @deprecated Use `styles.focusedContainer` to define styling for the focus zone container
+     */
+    containerClassName?: string;
+    /**
+     * Handler for when focus leaves the ButtonGrid.
+     */
+    onBlur?: () => void;
+    /**
+     * If true, uses radiogroup semantics for the ButtonGrid.
+     * This should be set to true for single-row grids, for two reasons:
+     *   1. Radios are a more simple and understandable control,
+     *      and a better fit for a single-dimensional selection control
+     *   2. Multiple browsers use heuristics to strip table and grid roles from single-row tables with no column headers.
+     */
+    isSemanticRadio?: boolean;
+    /**
+     * Position this ButtonGrid is in the parent set (index in a parent menu, for example)
+     */
+    ariaPosInSet?: number;
+    /**
+     * @deprecated Use `ariaPosInSet`
+     */
+    positionInSet?: number;
+    /**
+     * Size of the parent set (size of parent menu, for example)
+     */
+    ariaSetSize?: number;
+    /**
+     * @deprecated Use `ariaSetSize`
+     */
+    setSize?: number;
+    /**
+     * Theme to apply to the component.
+     */
+    theme?: ITheme;
+    /**
+     * Optional styles for the component.
+     */
+    styles?: IStyleFunctionOrObject<IButtonGridStyleProps, IButtonGridStyles>;
+}
+/**
+ * Properties required to build the styles for the ButtonGrid component.
+ */
+export interface IButtonGridStyleProps {
+    /**
+     * Theme to apply to the ButtonGrid
+     */
+    theme: ITheme;
+}
+/**
+ * Styles for the ButtonGrid Component.
+ */
+export interface IButtonGridStyles {
+    /**
+     * Style for the table container of a ButtonGrid.
+     */
+    root: IStyle;
+    /**
+     * Style for the table cells of the ButtonGrid.
+     */
+    tableCell: IStyle;
+    /**
+     * Style for the FocusZone container for the ButtonGrid.
+     */
+    focusedContainer?: IStyle;
+}

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGrid.types.js

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

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGrid.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGrid.types.js","sourceRoot":"../src/","sources":["utilities/ButtonGrid/ButtonGrid.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { IStyle, ITheme } from '../../Styling';\nimport type { IRefObject, IStyleFunctionOrObject } from '../../Utilities';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\nexport interface IButtonGrid {}\n\nexport interface IButtonGridProps\n  extends React.TableHTMLAttributes<HTMLTableElement>,\n    React.RefAttributes<HTMLElement> {\n  /**\n   * Gets the component ref.\n   */\n  componentRef?: IRefObject<IButtonGrid>;\n\n  /**\n   * Items to display in a ButtonGrid with the specified number of columns\n   */\n  items: any[];\n\n  /**\n   * The number of columns\n   */\n  columnCount: number;\n\n  /**\n   * Custom renderer for the individual items\n   */\n\n  onRenderItem: (item: any, index: number) => JSXElement;\n\n  /**\n   * Whether focus should cycle back to the beginning once the user navigates past the end (and vice versa).\n   * Only relevant if `doNotContainWithinFocusZone` is not true.\n   */\n  shouldFocusCircularNavigate?: boolean;\n\n  /**\n   * If false (the default), the ButtonGrid is contained inside a FocusZone.\n   * If true, a FocusZone is not used.\n   * @default false\n   */\n  doNotContainWithinFocusZone?: boolean;\n\n  /**\n   * Class name for the FocusZone container for the ButtonGrid.\n   * @deprecated Use `styles.focusedContainer` to define styling for the focus zone container\n   */\n  containerClassName?: string;\n\n  /**\n   * Handler for when focus leaves the ButtonGrid.\n   */\n  onBlur?: () => void;\n\n  /**\n   * If true, uses radiogroup semantics for the ButtonGrid.\n   * This should be set to true for single-row grids, for two reasons:\n   *   1. Radios are a more simple and understandable control,\n   *      and a better fit for a single-dimensional selection control\n   *   2. Multiple browsers use heuristics to strip table and grid roles from single-row tables with no column headers.\n   */\n  isSemanticRadio?: boolean;\n\n  /**\n   * Position this ButtonGrid is in the parent set (index in a parent menu, for example)\n   */\n  ariaPosInSet?: number;\n\n  /**\n   * @deprecated Use `ariaPosInSet`\n   */\n  positionInSet?: number;\n\n  /**\n   * Size of the parent set (size of parent menu, for example)\n   */\n  ariaSetSize?: number;\n\n  /**\n   * @deprecated Use `ariaSetSize`\n   */\n  setSize?: number;\n\n  /**\n   * Theme to apply to the component.\n   */\n  theme?: ITheme;\n\n  /**\n   * Optional styles for the component.\n   */\n  styles?: IStyleFunctionOrObject<IButtonGridStyleProps, IButtonGridStyles>;\n}\n\n/**\n * Properties required to build the styles for the ButtonGrid component.\n */\nexport interface IButtonGridStyleProps {\n  /**\n   * Theme to apply to the ButtonGrid\n   */\n  theme: ITheme;\n}\n\n/**\n * Styles for the ButtonGrid Component.\n */\nexport interface IButtonGridStyles {\n  /**\n   * Style for the table container of a ButtonGrid.\n   */\n  root: IStyle;\n\n  /**\n   * Style for the table cells of the ButtonGrid.\n   */\n  tableCell: IStyle;\n\n  /**\n   * Style for the FocusZone container for the ButtonGrid.\n   */\n  focusedContainer?: IStyle;\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGridCell.d.ts

@@ -0,0 +1,3 @@
+import type { IButtonGridCellProps } from './ButtonGridCell.types';
+import type { JSXElement } from '@fluentui/utilities';
+export declare const ButtonGridCell: <T, P extends IButtonGridCellProps<T>>(props: IButtonGridCellProps<T>) => JSXElement;

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGridCell.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonGridCell = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var Utilities_1 = require("../../Utilities");
+var Button_1 = require("../../Button");
+var react_hooks_1 = require("@fluentui/react-hooks");
+var ButtonGridCell = function (props) {
+    var _a;
+    var defaultId = (0, react_hooks_1.useId)('gridCell');
+    var item = props.item, _b = props.id, id = _b === void 0 ? defaultId : _b, className = props.className, selected = props.selected, _c = props.disabled, disabled = _c === void 0 ? false : _c, onRenderItem = props.onRenderItem, cellDisabledStyle = props.cellDisabledStyle, cellIsSelectedStyle = props.cellIsSelectedStyle, index = props.index, label = props.label, getClassNames = props.getClassNames, onClick = props.onClick, onHover = props.onHover, onMouseMove = props.onMouseMove, onMouseLeave = props.onMouseLeave, onMouseEnter = props.onMouseEnter, onFocus = props.onFocus;
+    var buttonProps = (0, Utilities_1.getNativeProps)(props, Utilities_1.buttonProperties);
+    var handleClick = React.useCallback(function (event) {
+        if (onClick && !disabled) {
+            onClick(item, event);
+        }
+    }, [disabled, item, onClick]);
+    var handleMouseEnter = React.useCallback(function (ev) {
+        var didUpdateOnEnter = onMouseEnter && onMouseEnter(ev);
+        if (!didUpdateOnEnter && onHover && !disabled) {
+            onHover(item, ev);
+        }
+    }, [disabled, item, onHover, onMouseEnter]);
+    var handleMouseMove = React.useCallback(function (ev) {
+        var didUpdateOnMove = onMouseMove && onMouseMove(ev);
+        if (!didUpdateOnMove && onHover && !disabled) {
+            onHover(item, ev);
+        }
+    }, [disabled, item, onHover, onMouseMove]);
+    var handleMouseLeave = React.useCallback(function (ev) {
+        var didUpdateOnLeave = onMouseLeave && onMouseLeave(ev);
+        if (!didUpdateOnLeave && onHover && !disabled) {
+            onHover(undefined, ev);
+        }
+    }, [disabled, onHover, onMouseLeave]);
+    var handleFocus = React.useCallback(function (event) {
+        if (onFocus && !disabled) {
+            onFocus(item, event);
+        }
+    }, [disabled, item, onFocus]);
+    return (React.createElement(Button_1.CommandButton, tslib_1.__assign({ id: id, "data-index": index, "data-is-focusable": true, "aria-selected": selected, ariaLabel: label, title: label }, buttonProps, { className: (0, Utilities_1.css)(className, (_a = {},
+            _a['' + cellIsSelectedStyle] = selected,
+            _a['' + cellDisabledStyle] = disabled,
+            _a)), onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, onFocus: handleFocus, getClassNames: getClassNames }), onRenderItem(item)));
+};
+exports.ButtonGridCell = ButtonGridCell;
+//# sourceMappingURL=ButtonGridCell.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGridCell.types.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import type { IButtonClassNames } from '../../components/Button/BaseButton.classNames';
+import type { ITheme } from '../../Styling';
+import type { JSXElement } from '@fluentui/utilities';
+export interface IButtonGridCellProps<T> {
+    /**
+     * The option that will be made available to the user
+     */
+    item: T;
+    /**
+     * Arbitrary unique string associated with this option
+     */
+    id: string;
+    /**
+     * If the this option should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * If the cell is currently selected
+     */
+    selected?: boolean;
+    onClick?: (item: T, event?: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * The render callback to handle rendering the item
+     */
+    onRenderItem: (item: T) => JSXElement;
+    onHover?: (item?: T, event?: React.MouseEvent<HTMLButtonElement>) => void;
+    onFocus?: (item: T, event?: React.FocusEvent<HTMLButtonElement>) => void;
+    /**
+     * The accessible role for this option
+     */
+    role?: string;
+    /**
+     * className(s) to apply
+     */
+    className?: string;
+    /**
+     * CSS classes to apply when the cell is disabled
+     */
+    cellDisabledStyle?: string[];
+    /**
+     * CSS classes to apply when the cell is selected
+     */
+    cellIsSelectedStyle?: string[];
+    /**
+     * Index for this option
+     */
+    index?: number;
+    /**
+     * The label for this item.
+     */
+    label?: string;
+    /**
+     * Method to provide the classnames to style a button.
+     * The default value for this prop is `getClassnames` defined in `BaseButton.classNames`.
+     */
+    getClassNames?: (theme: ITheme, className: string, variantClassName: string, iconClassName: string | undefined, menuIconClassName: string | undefined, disabled: boolean, checked: boolean, expanded: boolean, isSplit: boolean | undefined) => IButtonClassNames;
+    onMouseEnter?: (ev: React.MouseEvent<HTMLButtonElement>) => boolean;
+    onMouseMove?: (ev: React.MouseEvent<HTMLButtonElement>) => boolean;
+    onMouseLeave?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
+    onWheel?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
+    onKeyDown?: (ev: React.KeyboardEvent<HTMLButtonElement>) => void;
+}

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGridCell.types.js

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

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/ButtonGridCell.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGridCell.types.js","sourceRoot":"../src/","sources":["utilities/ButtonGrid/ButtonGridCell.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { IButtonClassNames } from '../../components/Button/BaseButton.classNames';\nimport type { ITheme } from '../../Styling';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\nexport interface IButtonGridCellProps<T> {\n  /**\n   * The option that will be made available to the user\n   */\n  item: T;\n\n  /**\n   * Arbitrary unique string associated with this option\n   */\n  id: string;\n\n  /**\n   * If the this option should be disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * If the cell is currently selected\n   */\n  selected?: boolean;\n\n  onClick?: (item: T, event?: React.MouseEvent<HTMLButtonElement>) => void;\n\n  /**\n   * The render callback to handle rendering the item\n   */\n  onRenderItem: (item: T) => JSXElement;\n\n  onHover?: (item?: T, event?: React.MouseEvent<HTMLButtonElement>) => void;\n\n  onFocus?: (item: T, event?: React.FocusEvent<HTMLButtonElement>) => void;\n\n  /**\n   * The accessible role for this option\n   */\n  role?: string;\n\n  /**\n   * className(s) to apply\n   */\n  className?: string;\n\n  /**\n   * CSS classes to apply when the cell is disabled\n   */\n  cellDisabledStyle?: string[];\n\n  /**\n   * CSS classes to apply when the cell is selected\n   */\n  cellIsSelectedStyle?: string[];\n\n  /**\n   * Index for this option\n   */\n  index?: number;\n\n  /**\n   * The label for this item.\n   */\n  label?: string;\n\n  /**\n   * Method to provide the classnames to style a button.\n   * The default value for this prop is `getClassnames` defined in `BaseButton.classNames`.\n   */\n  getClassNames?: (\n    theme: ITheme,\n    className: string,\n    variantClassName: string,\n    iconClassName: string | undefined,\n    menuIconClassName: string | undefined,\n    disabled: boolean,\n    checked: boolean,\n    expanded: boolean,\n    isSplit: boolean | undefined,\n  ) => IButtonClassNames;\n\n  onMouseEnter?: (ev: React.MouseEvent<HTMLButtonElement>) => boolean;\n\n  onMouseMove?: (ev: React.MouseEvent<HTMLButtonElement>) => boolean;\n\n  onMouseLeave?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n\n  onWheel?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n\n  onKeyDown?: (ev: React.KeyboardEvent<HTMLButtonElement>) => void;\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ButtonGrid';
+export * from './ButtonGrid.types';
+export * from './ButtonGridCell';
+export * from './ButtonGridCell.types';

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ButtonGrid"), exports);
+tslib_1.__exportStar(require("./ButtonGrid.types"), exports);
+tslib_1.__exportStar(require("./ButtonGridCell"), exports);
+tslib_1.__exportStar(require("./ButtonGridCell.types"), exports);
+//# sourceMappingURL=index.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ButtonGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/ButtonGrid/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,6DAAmC;AACnC,2DAAiC;AACjC,iEAAuC","sourcesContent":["export * from './ButtonGrid';\nexport * from './ButtonGrid.types';\nexport * from './ButtonGridCell';\nexport * from './ButtonGridCell.types';\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/DraggableZone/DraggableZone.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import type { IDraggableZoneProps, ICoordinates } from './DraggableZone.types';
+import type { JSXElement } from '@fluentui/utilities';
+export interface IDraggableZoneState {
+    isDragging: boolean;
+    position: ICoordinates;
+    lastPosition?: ICoordinates;
+}
+export declare class DraggableZone extends React.Component<IDraggableZoneProps, IDraggableZoneState> {
+    static contextType: React.Context<import("@fluentui/react-window-provider").WindowProviderProps>;
+    context: any;
+    private _touchId?;
+    private _currentEventType;
+    private _events;
+    constructor(props: IDraggableZoneProps);
+    componentDidUpdate(prevProps: IDraggableZoneProps): void;
+    componentWillUnmount(): void;
+    render(): JSXElement;
+    private _onMouseDown;
+    private _onMouseUp;
+    private _onTouchStart;
+    private _onTouchEnd;
+    private _onDragStart;
+    private _onDrag;
+    private _onDragStop;
+    /**
+     * Get the control position based off the event that fired
+     * @param event - The event to get offsets from
+     */
+    private _getControlPosition;
+    /**
+     * Get the active touch point that we have saved from the event's TouchList
+     * @param event - The event used to get the TouchList for the active touch point
+     */
+    private _getActiveTouch;
+    /**
+     * Get the initial touch identifier associated with the given event
+     * @param event - The event that contains the TouchList
+     */
+    private _getTouchId;
+    /**
+     * Returns if an element (or any of the element's parents) match the given selector
+     */
+    private _matchesSelector;
+    /**
+     * Attempts to find the Touch that matches the identifier  we stored in dragStart
+     * @param touchList The TouchList to look for the stored identifier from dragStart
+     */
+    private _findTouchInTouchList;
+    /**
+     * Create DragData based off of the last known position and the new position passed in
+     * @param position The new position as part of the drag
+     */
+    private _createDragDataFromPosition;
+    /**
+     * Creates an updated DragData based off the current position and given baseDragData
+     * @param baseDragData The base DragData (from _createDragDataFromPosition) used to calculate the updated positions
+     */
+    private _createUpdatedDragData;
+}

node_modules/@fluentui/react/lib-commonjs/utilities/DraggableZone/DraggableZone.js

@@ -0,0 +1,278 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DraggableZone = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var DraggableZone_styles_1 = require("./DraggableZone.styles");
+var Utilities_1 = require("../../Utilities");
+var react_window_provider_1 = require("@fluentui/react-window-provider");
+var dom_1 = require("../dom");
+var eventMapping = {
+    touch: {
+        start: 'touchstart',
+        move: 'touchmove',
+        stop: 'touchend',
+    },
+    mouse: {
+        start: 'mousedown',
+        move: 'mousemove',
+        stop: 'mouseup',
+    },
+};
+var DraggableZone = /** @class */ (function (_super) {
+    tslib_1.__extends(DraggableZone, _super);
+    function DraggableZone(props) {
+        var _this = _super.call(this, props) || this;
+        _this._currentEventType = eventMapping.mouse;
+        _this._events = [];
+        _this._onMouseDown = function (event) {
+            var onMouseDown = React.Children.only(_this.props.children).props.onMouseDown;
+            if (onMouseDown) {
+                onMouseDown(event);
+            }
+            _this._currentEventType = eventMapping.mouse;
+            return _this._onDragStart(event);
+        };
+        _this._onMouseUp = function (event) {
+            var onMouseUp = React.Children.only(_this.props.children).props.onMouseUp;
+            if (onMouseUp) {
+                onMouseUp(event);
+            }
+            _this._currentEventType = eventMapping.mouse;
+            return _this._onDragStop(event);
+        };
+        _this._onTouchStart = function (event) {
+            var onTouchStart = React.Children.only(_this.props.children).props.onTouchStart;
+            if (onTouchStart) {
+                onTouchStart(event);
+            }
+            _this._currentEventType = eventMapping.touch;
+            return _this._onDragStart(event);
+        };
+        _this._onTouchEnd = function (event) {
+            var onTouchEnd = React.Children.only(_this.props.children).props.onTouchEnd;
+            if (onTouchEnd) {
+                onTouchEnd(event);
+            }
+            _this._currentEventType = eventMapping.touch;
+            _this._onDragStop(event);
+        };
+        _this._onDragStart = function (event) {
+            // Only handle left click for dragging
+            if (typeof event.button === 'number' && event.button !== 0) {
+                return false;
+            }
+            // If the target doesn't match the handleSelector OR
+            // if the target does match the preventDragSelector, bail out
+            if ((_this.props.handleSelector && !_this._matchesSelector(event.target, _this.props.handleSelector)) ||
+                (_this.props.preventDragSelector &&
+                    _this._matchesSelector(event.target, _this.props.preventDragSelector))) {
+                return;
+            }
+            // Remember the touch identifier if this is a touch event so we can
+            // distinguish between individual touches in multitouch scenarios
+            // by remembering which touch point we were given
+            _this._touchId = _this._getTouchId(event);
+            var position = _this._getControlPosition(event);
+            if (position === undefined) {
+                return;
+            }
+            var dragData = _this._createDragDataFromPosition(position);
+            _this.props.onStart && _this.props.onStart(event, dragData);
+            _this.setState({
+                isDragging: true,
+                lastPosition: position,
+            });
+            // hook up the appropriate mouse/touch events to the body to ensure
+            // smooth dragging
+            var doc = (0, dom_1.getDocumentEx)(_this.context);
+            _this._events = [
+                (0, Utilities_1.on)(doc.body, _this._currentEventType.move, _this._onDrag, true /* use capture phase */),
+                (0, Utilities_1.on)(doc.body, _this._currentEventType.stop, _this._onDragStop, true /* use capture phase */),
+            ];
+        };
+        _this._onDrag = function (event) {
+            // Prevent scrolling on mobile devices
+            if (event.type === 'touchmove') {
+                event.preventDefault();
+            }
+            var position = _this._getControlPosition(event);
+            if (!position) {
+                return;
+            }
+            // create the updated drag data from the position data
+            var updatedData = _this._createUpdatedDragData(_this._createDragDataFromPosition(position));
+            var updatedPosition = updatedData.position;
+            _this.props.onDragChange && _this.props.onDragChange(event, updatedData);
+            _this.setState({
+                position: updatedPosition,
+                lastPosition: position,
+            });
+        };
+        _this._onDragStop = function (event) {
+            if (!_this.state.isDragging) {
+                return;
+            }
+            var position = _this._getControlPosition(event);
+            if (!position) {
+                return;
+            }
+            var baseDragData = _this._createDragDataFromPosition(position);
+            // Set dragging to false and reset the lastPosition
+            _this.setState({
+                isDragging: false,
+                lastPosition: undefined,
+            });
+            _this.props.onStop && _this.props.onStop(event, baseDragData);
+            if (_this.props.position) {
+                _this.setState({
+                    position: _this.props.position,
+                });
+            }
+            // Remove event handlers
+            _this._events.forEach(function (dispose) { return dispose(); });
+        };
+        _this.state = {
+            isDragging: false,
+            position: _this.props.position || { x: 0, y: 0 },
+            lastPosition: undefined,
+        };
+        return _this;
+    }
+    DraggableZone.prototype.componentDidUpdate = function (prevProps) {
+        if (this.props.position && (!prevProps.position || this.props.position !== prevProps.position)) {
+            this.setState({ position: this.props.position });
+        }
+    };
+    DraggableZone.prototype.componentWillUnmount = function () {
+        this._events.forEach(function (dispose) { return dispose(); });
+    };
+    DraggableZone.prototype.render = function () {
+        var child = React.Children.only(this.props.children);
+        var props = child.props;
+        var position = this.props.position;
+        var _a = this.state, statePosition = _a.position, isDragging = _a.isDragging;
+        var x = statePosition.x;
+        var y = statePosition.y;
+        if (position && !isDragging) {
+            x = position.x;
+            y = position.y;
+        }
+        return React.cloneElement(child, {
+            style: tslib_1.__assign(tslib_1.__assign({}, props.style), { transform: "translate(".concat(x, "px, ").concat(y, "px)") }),
+            className: (0, DraggableZone_styles_1.getClassNames)(props.className, this.state.isDragging).root,
+            onMouseDown: this._onMouseDown,
+            onMouseUp: this._onMouseUp,
+            onTouchStart: this._onTouchStart,
+            onTouchEnd: this._onTouchEnd,
+        });
+    };
+    /**
+     * Get the control position based off the event that fired
+     * @param event - The event to get offsets from
+     */
+    DraggableZone.prototype._getControlPosition = function (event) {
+        var touchObj = this._getActiveTouch(event);
+        // did we get the right touch?
+        if (this._touchId !== undefined && !touchObj) {
+            return undefined;
+        }
+        var eventToGetOffset = touchObj || event;
+        return {
+            x: eventToGetOffset.clientX,
+            y: eventToGetOffset.clientY,
+        };
+    };
+    /**
+     * Get the active touch point that we have saved from the event's TouchList
+     * @param event - The event used to get the TouchList for the active touch point
+     */
+    DraggableZone.prototype._getActiveTouch = function (event) {
+        return ((event.targetTouches && this._findTouchInTouchList(event.targetTouches)) ||
+            (event.changedTouches && this._findTouchInTouchList(event.changedTouches)));
+    };
+    /**
+     * Get the initial touch identifier associated with the given event
+     * @param event - The event that contains the TouchList
+     */
+    DraggableZone.prototype._getTouchId = function (event) {
+        var touch = (event.targetTouches && event.targetTouches[0]) || (event.changedTouches && event.changedTouches[0]);
+        if (touch) {
+            return touch.identifier;
+        }
+    };
+    /**
+     * Returns if an element (or any of the element's parents) match the given selector
+     */
+    DraggableZone.prototype._matchesSelector = function (element, selector) {
+        var _a;
+        if (!element || element === ((_a = (0, dom_1.getDocumentEx)(this.context)) === null || _a === void 0 ? void 0 : _a.body)) {
+            return false;
+        }
+        var matchesSelectorFn = 
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
+        element.matches || element.webkitMatchesSelector || element.msMatchesSelector; /* for IE */
+        if (!matchesSelectorFn) {
+            return false;
+        }
+        return matchesSelectorFn.call(element, selector) || this._matchesSelector(element.parentElement, selector);
+    };
+    /**
+     * Attempts to find the Touch that matches the identifier  we stored in dragStart
+     * @param touchList The TouchList to look for the stored identifier from dragStart
+     */
+    DraggableZone.prototype._findTouchInTouchList = function (touchList) {
+        if (this._touchId === undefined) {
+            return;
+        }
+        for (var i = 0; i < touchList.length; i++) {
+            if (touchList[i].identifier === this._touchId) {
+                return touchList[i];
+            }
+        }
+        return undefined;
+    };
+    /**
+     * Create DragData based off of the last known position and the new position passed in
+     * @param position The new position as part of the drag
+     */
+    DraggableZone.prototype._createDragDataFromPosition = function (position) {
+        var lastPosition = this.state.lastPosition;
+        // If we have no lastPosition, use the given position
+        // for last position
+        if (lastPosition === undefined) {
+            return {
+                delta: { x: 0, y: 0 },
+                lastPosition: position,
+                position: position,
+            };
+        }
+        return {
+            delta: {
+                x: position.x - lastPosition.x,
+                y: position.y - lastPosition.y,
+            },
+            lastPosition: lastPosition,
+            position: position,
+        };
+    };
+    /**
+     * Creates an updated DragData based off the current position and given baseDragData
+     * @param baseDragData The base DragData (from _createDragDataFromPosition) used to calculate the updated positions
+     */
+    DraggableZone.prototype._createUpdatedDragData = function (baseDragData) {
+        var position = this.state.position;
+        return {
+            position: {
+                x: position.x + baseDragData.delta.x,
+                y: position.y + baseDragData.delta.y,
+            },
+            delta: baseDragData.delta,
+            lastPosition: position,
+        };
+    };
+    DraggableZone.contextType = react_window_provider_1.WindowContext;
+    return DraggableZone;
+}(React.Component));
+exports.DraggableZone = DraggableZone;
+//# sourceMappingURL=DraggableZone.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/DraggableZone/DraggableZone.styles.d.ts

@@ -0,0 +1,4 @@
+export interface IDraggableZoneStyles {
+    root: string;
+}
+export declare const getClassNames: (className: string, isDragging: boolean) => IDraggableZoneStyles;

node_modules/@fluentui/react/lib-commonjs/utilities/DraggableZone/DraggableZone.styles.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getClassNames = void 0;
+var Utilities_1 = require("../../Utilities");
+var Styling_1 = require("../../Styling");
+exports.getClassNames = (0, Utilities_1.memoizeFunction)(function (className, isDragging) {
+    return {
+        root: (0, Styling_1.mergeStyles)(className, isDragging && {
+            touchAction: 'none',
+            selectors: {
+                '& *': {
+                    userSelect: 'none',
+                },
+            },
+        }),
+    };
+});
+//# sourceMappingURL=DraggableZone.styles.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/DraggableZone/DraggableZone.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableZone.styles.js","sourceRoot":"../src/","sources":["utilities/DraggableZone/DraggableZone.styles.ts"],"names":[],"mappings":";;;AAAA,6CAAkD;AAClD,yCAA4C;AAM/B,QAAA,aAAa,GAAG,IAAA,2BAAe,EAAC,UAAC,SAAiB,EAAE,UAAmB;IAClF,OAAO;QACL,IAAI,EAAE,IAAA,qBAAW,EACf,SAAS,EACT,UAAU,IAAI;YACZ,WAAW,EAAE,MAAM;YACnB,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,UAAU,EAAE,MAAM;iBACnB;aACF;SACF,CACF;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { memoizeFunction } from '../../Utilities';\nimport { mergeStyles } from '../../Styling';\n\nexport interface IDraggableZoneStyles {\n  root: string;\n}\n\nexport const getClassNames = memoizeFunction((className: string, isDragging: boolean): IDraggableZoneStyles => {\n  return {\n    root: mergeStyles(\n      className,\n      isDragging && {\n        touchAction: 'none',\n        selectors: {\n          '& *': {\n            userSelect: 'none',\n          },\n        },\n      },\n    ),\n  };\n});\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/DraggableZone/DraggableZone.types.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+export interface IDragData {
+    position: ICoordinates;
+    lastPosition?: ICoordinates;
+    delta: ICoordinates;
+}
+export interface ICoordinates {
+    x: number;
+    y: number;
+}
+export interface IDraggableZoneProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Specifies a selector to be used as the handle that initiates drag
+     */
+    handleSelector?: string;
+    /**
+     * Specifies a selector to be used to prevent drag initialization.
+     * For example, if you do not want buttons inside of your handleSelector
+     * to have the cursor change to move or to allow users to select from buttons,
+     * you could pass button here (the close button in the header of a dialog is a concrete example)
+     */
+    preventDragSelector?: string;
+    /**
+     * the X and Y coordinates to use as an offest to position the draggable content
+     */
+    position?: ICoordinates;
+    /**
+     * Callback for when dragging starts
+     */
+    onStart?: (event: React.MouseEvent<HTMLElement> & React.TouchEvent<HTMLElement>, dragData: IDragData) => void;
+    /**
+     * Callback for when the drag changes, while dragging
+     */
+    onDragChange?: (event: React.MouseEvent<HTMLElement> & React.TouchEvent<HTMLElement>, dragData: IDragData) => void;
+    /**
+     * Callback for when dragging stops
+     */
+    onStop?: (event: React.MouseEvent<HTMLElement> & React.TouchEvent<HTMLElement>, dragData: IDragData) => void;
+}

node_modules/@fluentui/react/lib-commonjs/utilities/DraggableZone/DraggableZone.types.js

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

node_modules/@fluentui/react/lib-commonjs/utilities/DraggableZone/DraggableZone.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableZone.types.js","sourceRoot":"../src/","sources":["utilities/DraggableZone/DraggableZone.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport interface IDragData {\n  position: ICoordinates;\n  lastPosition?: ICoordinates;\n  delta: ICoordinates;\n}\n\nexport interface ICoordinates {\n  x: number;\n  y: number;\n}\n\nexport interface IDraggableZoneProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Specifies a selector to be used as the handle that initiates drag\n   */\n  handleSelector?: string;\n\n  /**\n   * Specifies a selector to be used to prevent drag initialization.\n   * For example, if you do not want buttons inside of your handleSelector\n   * to have the cursor change to move or to allow users to select from buttons,\n   * you could pass button here (the close button in the header of a dialog is a concrete example)\n   */\n  preventDragSelector?: string;\n\n  /**\n   * the X and Y coordinates to use as an offest to position the draggable content\n   */\n  position?: ICoordinates;\n\n  /**\n   * Callback for when dragging starts\n   */\n  onStart?: (event: React.MouseEvent<HTMLElement> & React.TouchEvent<HTMLElement>, dragData: IDragData) => void;\n\n  /**\n   * Callback for when the drag changes, while dragging\n   */\n  onDragChange?: (event: React.MouseEvent<HTMLElement> & React.TouchEvent<HTMLElement>, dragData: IDragData) => void;\n\n  /**\n   * Callback for when dragging stops\n   */\n  onStop?: (event: React.MouseEvent<HTMLElement> & React.TouchEvent<HTMLElement>, dragData: IDragData) => void;\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/DraggableZone/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DraggableZone';
+export * from './DraggableZone.types';
+export * from './DraggableZone.styles';

node_modules/@fluentui/react/lib-commonjs/utilities/DraggableZone/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DraggableZone"), exports);
+tslib_1.__exportStar(require("./DraggableZone.types"), exports);
+tslib_1.__exportStar(require("./DraggableZone.styles"), exports);
+//# sourceMappingURL=index.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/DraggableZone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/DraggableZone/index.ts"],"names":[],"mappings":";;;AAAA,0DAAgC;AAChC,gEAAsC;AACtC,iEAAuC","sourcesContent":["export * from './DraggableZone';\nexport * from './DraggableZone.types';\nexport * from './DraggableZone.styles';\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/MenuContext/MenuContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { MinimalMenuProps } from './types';
+export declare const MenuContext: React.Context<MinimalMenuProps>;
+export declare const useMenuContext: () => MinimalMenuProps;

node_modules/@fluentui/react/lib-commonjs/utilities/MenuContext/MenuContext.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMenuContext = exports.MenuContext = void 0;
+var React = require("react");
+exports.MenuContext = React.createContext({});
+var useMenuContext = function () {
+    return React.useContext(exports.MenuContext);
+};
+exports.useMenuContext = useMenuContext;
+//# sourceMappingURL=MenuContext.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/MenuContext/MenuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContext.js","sourceRoot":"../src/","sources":["utilities/MenuContext/MenuContext.ts"],"names":[],"mappings":";;;AAAA,6BAA+B;AAGlB,QAAA,WAAW,GAAG,KAAK,CAAC,aAAa,CAAmB,EAAE,CAAC,CAAC;AAE9D,IAAM,cAAc,GAAG;IAC5B,OAAO,KAAK,CAAC,UAAU,CAAC,mBAAW,CAAC,CAAC;AACvC,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB","sourcesContent":["import * as React from 'react';\nimport type { MinimalMenuProps } from './types';\n\nexport const MenuContext = React.createContext<MinimalMenuProps>({});\n\nexport const useMenuContext = (): MinimalMenuProps => {\n  return React.useContext(MenuContext);\n};\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/MenuContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MenuContext';
+export * from './types';

node_modules/@fluentui/react/lib-commonjs/utilities/MenuContext/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./MenuContext"), exports);
+tslib_1.__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/MenuContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/MenuContext/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B;AAC9B,kDAAwB","sourcesContent":["export * from './MenuContext';\nexport * from './types';\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/MenuContext/types.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+/**
+ * {@docCategory MenuContext}
+ */
+export type MinimalMenuProps = {
+    hidden?: boolean;
+    onDismiss?: () => void;
+    target?: React.Ref<HTMLElement | undefined>;
+};

node_modules/@fluentui/react/lib-commonjs/utilities/MenuContext/types.js

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

node_modules/@fluentui/react/lib-commonjs/utilities/MenuContext/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["utilities/MenuContext/types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\n/**\n * {@docCategory MenuContext}\n */\nexport type MinimalMenuProps = {\n  hidden?: boolean;\n  onDismiss?: () => void;\n  target?: React.Ref<HTMLElement | undefined>;\n};\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/ThemeContext.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { Theme } from '@fluentui/theme';
+export declare const ThemeContext: React.Context<Theme | undefined>;

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/ThemeContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeContext = void 0;
+var React = require("react");
+exports.ThemeContext = React.createContext(undefined);
+//# sourceMappingURL=ThemeContext.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"../src/","sources":["utilities/ThemeProvider/ThemeContext.ts"],"names":[],"mappings":";;;AAAA,6BAA+B;AAGlB,QAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAoB,SAAS,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport type { Theme } from '@fluentui/theme';\n\nexport const ThemeContext = React.createContext<Theme | undefined>(undefined);\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { ThemeProviderProps } from './ThemeProvider.types';
+/**
+ * ThemeProvider, used for providing css variables and registering stylesheets.
+ */
+export declare const ThemeProvider: React.FunctionComponent<ThemeProviderProps>;

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = void 0;
+var React = require("react");
+var useThemeProviderClasses_1 = require("./useThemeProviderClasses");
+var useThemeProvider_1 = require("./useThemeProvider");
+var react_hooks_1 = require("@fluentui/react-hooks");
+/**
+ * ThemeProvider, used for providing css variables and registering stylesheets.
+ */
+exports.ThemeProvider = React.forwardRef(function (props, ref) {
+    var rootRef = (0, react_hooks_1.useMergedRefs)(ref, React.useRef(null));
+    var _a = (0, useThemeProvider_1.useThemeProvider)(props, {
+        ref: rootRef,
+        as: 'div',
+        applyTo: 'element',
+    }), render = _a.render, state = _a.state;
+    // Render styles.
+    (0, useThemeProviderClasses_1.useThemeProviderClasses)(state);
+    // Return the rendered content.
+    return render(state);
+});
+exports.ThemeProvider.displayName = 'ThemeProvider';
+//# sourceMappingURL=ThemeProvider.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"../src/","sources":["utilities/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,qEAAoE;AACpE,uDAAsD;AACtD,qDAAsD;AAGtD;;GAEG;AACU,QAAA,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,UAAC,KAAyB,EAAE,GAA8B;IACxD,IAAM,OAAO,GAAG,IAAA,2BAAa,EAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC,CAAC;IAC9D,IAAA,KAAoB,IAAA,mCAAgB,EAAC,KAAK,EAAE;QAChD,GAAG,EAAE,OAAO;QACZ,EAAE,EAAE,KAAK;QACT,OAAO,EAAE,SAAS;KACnB,CAAC,EAJM,MAAM,YAAA,EAAE,KAAK,WAInB,CAAC;IAEH,iBAAiB;IACjB,IAAA,iDAAuB,EAAC,KAAK,CAAC,CAAC;IAE/B,+BAA+B;IAC/B,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC,CAC6C,CAAC;AAEjD,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import * as React from 'react';\nimport { useThemeProviderClasses } from './useThemeProviderClasses';\nimport { useThemeProvider } from './useThemeProvider';\nimport { useMergedRefs } from '@fluentui/react-hooks';\nimport type { ThemeProviderProps } from './ThemeProvider.types';\n\n/**\n * ThemeProvider, used for providing css variables and registering stylesheets.\n */\nexport const ThemeProvider = React.forwardRef<HTMLDivElement, ThemeProviderProps>(\n  (props: ThemeProviderProps, ref: React.Ref<HTMLDivElement>) => {\n    const rootRef = useMergedRefs(ref, React.useRef<HTMLElement>(null));\n    const { render, state } = useThemeProvider(props, {\n      ref: rootRef,\n      as: 'div',\n      applyTo: 'element',\n    });\n\n    // Render styles.\n    useThemeProviderClasses(state);\n\n    // Return the rendered content.\n    return render(state);\n  },\n) as React.FunctionComponent<ThemeProviderProps>;\n\nThemeProvider.displayName = 'ThemeProvider';\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/ThemeProvider.types.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { Theme, PartialTheme } from '@fluentui/theme';
+import type { ICustomizerContext } from '@fluentui/utilities';
+/**
+ * {@docCategory ThemeProvider}
+ * Props for the ThemeProvider component.
+ */
+export interface ThemeProviderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * A component that should be used as the root element of the ThemeProvider component.
+     */
+    as?: React.ElementType;
+    /**
+     * Optional ref to the root element.
+     */
+    ref?: React.Ref<HTMLElement>;
+    /**
+     * Defines the theme provided by the user.
+     */
+    theme?: PartialTheme | Theme;
+    /**
+     * Defines where body-related theme is applied to.
+     * Setting to 'element' will apply body styles to the root element of ThemeProvider.
+     * Setting to 'body' will apply body styles to document body.
+     * Setting to 'none' will not apply body styles to either element or body.
+     *
+     * @defaultvalue 'element'
+     */
+    applyTo?: 'element' | 'body' | 'none';
+}
+/**
+ * State for the ThemeProvider component.
+ */
+export type ThemeProviderState = Omit<ThemeProviderProps, 'theme' | 'ref'> & {
+    theme: Theme;
+    ref: React.RefObject<HTMLElement | null>;
+    customizerContext: ICustomizerContext;
+};

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/ThemeProvider.types.js

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

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/ThemeProvider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.types.js","sourceRoot":"../src/","sources":["utilities/ThemeProvider/ThemeProvider.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { Theme, PartialTheme } from '@fluentui/theme';\nimport type { ICustomizerContext } from '@fluentui/utilities';\n\n/* eslint-disable @typescript-eslint/naming-convention */\n\n/**\n * {@docCategory ThemeProvider}\n * Props for the ThemeProvider component.\n */\nexport interface ThemeProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * A component that should be used as the root element of the ThemeProvider component.\n   */\n  as?: React.ElementType;\n\n  /**\n   * Optional ref to the root element.\n   */\n  ref?: React.Ref<HTMLElement>;\n\n  /**\n   * Defines the theme provided by the user.\n   */\n  theme?: PartialTheme | Theme;\n\n  /**\n   * Defines where body-related theme is applied to.\n   * Setting to 'element' will apply body styles to the root element of ThemeProvider.\n   * Setting to 'body' will apply body styles to document body.\n   * Setting to 'none' will not apply body styles to either element or body.\n   *\n   * @defaultvalue 'element'\n   */\n  applyTo?: 'element' | 'body' | 'none';\n}\n\n/**\n * State for the ThemeProvider component.\n */\nexport type ThemeProviderState = Omit<ThemeProviderProps, 'theme' | 'ref'> & {\n  theme: Theme;\n\n  ref: React.RefObject<HTMLElement | null>;\n\n  customizerContext: ICustomizerContext;\n};\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/index.d.ts

@@ -0,0 +1,5 @@
+export { ThemeProvider } from './ThemeProvider';
+export { useTheme } from './useTheme';
+export { ThemeContext } from './ThemeContext';
+export * from './makeStyles';
+export type { ThemeProviderProps } from './ThemeProvider.types';

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeContext = exports.useTheme = exports.ThemeProvider = void 0;
+var tslib_1 = require("tslib");
+var ThemeProvider_1 = require("./ThemeProvider");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
+var useTheme_1 = require("./useTheme");
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return useTheme_1.useTheme; } });
+var ThemeContext_1 = require("./ThemeContext");
+Object.defineProperty(exports, "ThemeContext", { enumerable: true, get: function () { return ThemeContext_1.ThemeContext; } });
+tslib_1.__exportStar(require("./makeStyles"), exports);
+//# sourceMappingURL=index.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/ThemeProvider/index.ts"],"names":[],"mappings":";;;;AAAA,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,uDAA6B","sourcesContent":["export { ThemeProvider } from './ThemeProvider';\nexport { useTheme } from './useTheme';\nexport { ThemeContext } from './ThemeContext';\nexport * from './makeStyles';\nexport type { ThemeProviderProps } from './ThemeProvider.types';\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/makeStyles.d.ts

@@ -0,0 +1,28 @@
+import type { IStyle } from '@fluentui/style-utilities';
+import type { Theme } from '@fluentui/theme';
+export type StylesClassMapping<TStyleSet extends {
+    [key in keyof TStyleSet]: IStyle;
+}> = {
+    [key in keyof TStyleSet]: string;
+};
+/**
+ * Options that can be provided to the hook generated by `makeStyles`.
+ * @deprecated Only used in deprecated `makeStyles` implementation below.
+ */
+export type UseStylesOptions = {
+    theme?: Theme;
+};
+/**
+ * Registers a css object, optionally as a function of the theme.
+ *
+ * @param styleOrFunction - Either a css javascript object, or a function which takes in `ITheme`
+ * and returns a css javascript object.
+ *
+ * @deprecated Use `mergeStyles` instead for v8 related code. We will be using a new implementation of `makeStyles` in
+ * future versions of the library.
+ */
+export declare function makeStyles<TStyleSet extends {
+    [key in keyof TStyleSet]: IStyle;
+} = {
+    [key: string]: IStyle;
+}>(styleOrFunction: TStyleSet | ((theme: Theme) => TStyleSet)): (options?: UseStylesOptions) => StylesClassMapping<TStyleSet>;

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/makeStyles.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeStyles = makeStyles;
+var React = require("react");
+var useTheme_1 = require("./useTheme");
+var utilities_1 = require("@fluentui/utilities");
+var react_window_provider_1 = require("@fluentui/react-window-provider");
+var mergeStylesRenderer_1 = require("./styleRenderers/mergeStylesRenderer");
+var graphGet = function (graphNode, _a) {
+    var _b, _c, _d;
+    var windowId = _a[0], id = _a[1], theme = _a[2];
+    return (_d = (_c = (_b = graphNode.get(windowId)) === null || _b === void 0 ? void 0 : _b.get(id)) === null || _c === void 0 ? void 0 : _c.get(theme)) === null || _d === void 0 ? void 0 : _d.classMap;
+};
+var graphSet = function (graphNode, _a, classMap) {
+    var _b, _c;
+    var windowId = _a[0], id = _a[1], theme = _a[2];
+    var windowNode = (_b = graphNode.get(windowId)) !== null && _b !== void 0 ? _b : new Map();
+    graphNode.set(windowId, windowNode);
+    var idNode = (_c = windowNode.get(id)) !== null && _c !== void 0 ? _c : new Map();
+    windowNode.set(id, idNode);
+    idNode.set(theme, { classMap: classMap, refCount: 0 });
+};
+function graphRef(graphNode, _a) {
+    var _b, _c;
+    var windowId = _a[0], id = _a[1], theme = _a[2];
+    var node = (_c = (_b = graphNode.get(windowId)) === null || _b === void 0 ? void 0 : _b.get(id)) === null || _c === void 0 ? void 0 : _c.get(theme);
+    if (node) {
+        node.refCount++;
+    }
+}
+function graphDeref(graphNode, _a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var windowId = _a[0], id = _a[1], theme = _a[2];
+    var node = (_c = (_b = graphNode.get(windowId)) === null || _b === void 0 ? void 0 : _b.get(id)) === null || _c === void 0 ? void 0 : _c.get(theme);
+    if (node) {
+        node.refCount--;
+        if (node.refCount === 0) {
+            (_e = (_d = graphNode.get(windowId)) === null || _d === void 0 ? void 0 : _d.get(id)) === null || _e === void 0 ? void 0 : _e.delete(theme);
+            if (((_g = (_f = graphNode.get(windowId)) === null || _f === void 0 ? void 0 : _f.get(id)) === null || _g === void 0 ? void 0 : _g.size) === 0) {
+                (_h = graphNode.get(windowId)) === null || _h === void 0 ? void 0 : _h.delete(id);
+                if (((_j = graphNode.get(windowId)) === null || _j === void 0 ? void 0 : _j.size) === 0) {
+                    graphNode.delete(windowId);
+                }
+            }
+        }
+    }
+}
+/**
+ * Registers a css object, optionally as a function of the theme.
+ *
+ * @param styleOrFunction - Either a css javascript object, or a function which takes in `ITheme`
+ * and returns a css javascript object.
+ *
+ * @deprecated Use `mergeStyles` instead for v8 related code. We will be using a new implementation of `makeStyles` in
+ * future versions of the library.
+ */
+function makeStyles(styleOrFunction) {
+    // Create graph of inputs to map to output.
+    var graph = new Map();
+    // Retain a dictionary of window ids we're tracking
+    var allWindows = new Set();
+    // cleanupMapEntries will
+    // 1. remove all the graph branches for the window,
+    // 2. remove the event listener,
+    // 3. delete the allWindows entry.
+    var cleanupMapEntries = function (ev) {
+        var win = ev.currentTarget;
+        var winId = win.__id__;
+        graph.delete(winId);
+        win.removeEventListener('unload', cleanupMapEntries);
+        allWindows.delete(winId);
+    };
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    return function (options) {
+        if (options === void 0) { options = {}; }
+        var theme = options.theme;
+        var winId;
+        var win = (0, react_window_provider_1.useWindow)();
+        if (win) {
+            win.__id__ = win.__id__ || (0, utilities_1.getId)();
+            winId = win.__id__;
+            if (!allWindows.has(winId)) {
+                allWindows.add(winId);
+                win.addEventListener('unload', cleanupMapEntries);
+            }
+        }
+        var contextualTheme = (0, useTheme_1.useTheme)();
+        theme = theme || contextualTheme;
+        var renderer = mergeStylesRenderer_1.mergeStylesRenderer;
+        var id = renderer.getId();
+        var path = [winId, id, theme];
+        var value = graphGet(graph, path);
+        // Don't keep around unused styles
+        React.useEffect(function () {
+            graphRef(graph, [winId, id, theme]);
+            return function () { return graphDeref(graph, [winId, id, theme]); };
+        }, [winId, id, theme]);
+        if (!value) {
+            var styles = isStyleFunction(styleOrFunction)
+                ? styleOrFunction(theme)
+                : styleOrFunction;
+            value = mergeStylesRenderer_1.mergeStylesRenderer.renderStyles(styles, { targetWindow: win, rtl: !!theme.rtl });
+            graphSet(graph, path, value);
+        }
+        return value;
+    };
+}
+function isStyleFunction(styleOrFunction) {
+    return typeof styleOrFunction === 'function';
+}
+//# sourceMappingURL=makeStyles.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/renderThemeProvider.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeProviderState } from './ThemeProvider.types';
+import type { JSXElement } from '@fluentui/utilities';
+export declare const renderThemeProvider: (state: ThemeProviderState) => JSXElement;

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/renderThemeProvider.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderThemeProvider = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var utilities_1 = require("@fluentui/utilities");
+var ThemeContext_1 = require("./ThemeContext");
+var renderThemeProvider = function (state) {
+    var customizerContext = state.customizerContext, ref = state.ref, theme = state.theme;
+    var Root = state.as || 'div';
+    var rootProps = typeof state.as === 'string'
+        ? (0, utilities_1.getNativeElementProps)(state.as, state)
+        : state.as === React.Fragment
+            ? { children: state.children }
+            : (0, utilities_1.omit)(state, ['as']);
+    return (React.createElement(ThemeContext_1.ThemeContext.Provider, { value: theme },
+        React.createElement(utilities_1.CustomizerContext.Provider, { value: customizerContext },
+            React.createElement(utilities_1.FocusRectsProvider, { providerRef: ref },
+                React.createElement(Root, tslib_1.__assign({}, rootProps))))));
+};
+exports.renderThemeProvider = renderThemeProvider;
+//# sourceMappingURL=renderThemeProvider.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/renderThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderThemeProvider.js","sourceRoot":"../src/","sources":["utilities/ThemeProvider/renderThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,iDAAyG;AACzG,+CAA8C;AAKvC,IAAM,mBAAmB,GAAG,UAAC,KAAyB;IACnD,IAAA,iBAAiB,GAAiB,KAAK,kBAAtB,EAAE,GAAG,GAAY,KAAK,IAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAChD,IAAM,IAAI,GAAG,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC;IAC/B,IAAM,SAAS,GACb,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ;QAC1B,CAAC,CAAC,IAAA,iCAAqB,EAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC;QACxC,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,CAAC,QAAQ;YAC7B,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE;YAC9B,CAAC,CAAC,IAAA,gBAAI,EAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,oBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACjC,oBAAC,6BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB;YAClD,oBAAC,8BAAkB,IAAC,WAAW,EAAE,GAAG;gBAClC,oBAAC,IAAI,uBAAK,SAAS,EAAI,CACJ,CACM,CACP,CACzB,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,mBAAmB,uBAmB9B","sourcesContent":["import * as React from 'react';\nimport { CustomizerContext, FocusRectsProvider, getNativeElementProps, omit } from '@fluentui/utilities';\nimport { ThemeContext } from './ThemeContext';\nimport type { ThemeProviderState } from './ThemeProvider.types';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\nexport const renderThemeProvider = (state: ThemeProviderState): JSXElement => {\n  const { customizerContext, ref, theme } = state;\n  const Root = state.as || 'div';\n  const rootProps =\n    typeof state.as === 'string'\n      ? getNativeElementProps(state.as, state)\n      : state.as === React.Fragment\n      ? { children: state.children }\n      : omit(state, ['as']);\n\n  return (\n    <ThemeContext.Provider value={theme}>\n      <CustomizerContext.Provider value={customizerContext}>\n        <FocusRectsProvider providerRef={ref}>\n          <Root {...rootProps} />\n        </FocusRectsProvider>\n      </CustomizerContext.Provider>\n    </ThemeContext.Provider>\n  );\n};\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/styleRenderers/mergeStylesRenderer.d.ts

@@ -0,0 +1,2 @@
+import type { StyleRenderer } from './types';
+export declare const mergeStylesRenderer: StyleRenderer;

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/styleRenderers/mergeStylesRenderer.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeStylesRenderer = void 0;
+var merge_styles_1 = require("@fluentui/merge-styles");
+var _seed = 0;
+exports.mergeStylesRenderer = {
+    reset: function () {
+        // If the stylesheet reset call is made, invalidate the cache keys.
+        merge_styles_1.Stylesheet.getInstance().onReset(function () { return _seed++; });
+    },
+    getId: function () { return _seed; },
+    renderStyles: function (styleSet, options) {
+        return (0, merge_styles_1.mergeCssSets)((Array.isArray(styleSet) ? styleSet : [styleSet]), options);
+    },
+    renderFontFace: function (fontFace, options) {
+        return (0, merge_styles_1.fontFace)(fontFace);
+    },
+    renderKeyframes: function (keyframes) {
+        return (0, merge_styles_1.keyframes)(keyframes);
+    },
+};
+//# sourceMappingURL=mergeStylesRenderer.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/styleRenderers/mergeStylesRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeStylesRenderer.js","sourceRoot":"../src/","sources":["utilities/ThemeProvider/styleRenderers/mergeStylesRenderer.tsx"],"names":[],"mappings":";;;AAAA,uDAKgC;AAGhC,IAAI,KAAK,GAAG,CAAC,CAAC;AAED,QAAA,mBAAmB,GAAkB;IAChD,KAAK,EAAE;QACL,mEAAmE;QACnE,yBAAU,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,cAAM,OAAA,KAAK,EAAE,EAAP,CAAO,CAAC,CAAC;IAClD,CAAC;IAED,KAAK,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;IAElB,YAAY,EAAE,UAAC,QAAQ,EAAE,OAAO;QAC9B,OAAO,IAAA,2BAAY,EAAC,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAQ,EAAE,OAAO,CAAQ,CAAC;IAChG,CAAC;IAED,cAAc,EAAE,UAAC,QAAQ,EAAE,OAAO;QAChC,OAAO,IAAA,uBAAa,EAAC,QAAQ,CAAC,CAAC;IACjC,CAAC;IAED,eAAe,EAAE,UAAA,SAAS;QACxB,OAAO,IAAA,wBAAc,EAAC,SAAgB,CAAC,CAAC;IAC1C,CAAC;CACF,CAAC","sourcesContent":["import {\n  Stylesheet,\n  mergeCssSets,\n  fontFace as mergeFontFace,\n  keyframes as mergeKeyframes,\n} from '@fluentui/merge-styles';\nimport type { StyleRenderer } from './types';\n\nlet _seed = 0;\n\nexport const mergeStylesRenderer: StyleRenderer = {\n  reset: () => {\n    // If the stylesheet reset call is made, invalidate the cache keys.\n    Stylesheet.getInstance().onReset(() => _seed++);\n  },\n\n  getId: () => _seed,\n\n  renderStyles: (styleSet, options) => {\n    return mergeCssSets((Array.isArray(styleSet) ? styleSet : [styleSet]) as any, options) as any;\n  },\n\n  renderFontFace: (fontFace, options) => {\n    return mergeFontFace(fontFace);\n  },\n\n  renderKeyframes: keyframes => {\n    return mergeKeyframes(keyframes as any);\n  },\n};\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/styleRenderers/types.d.ts

@@ -0,0 +1,31 @@
+import type { IFontFace, IKeyframes } from '@fluentui/merge-styles';
+type StyleRendererOptions = {
+    rtl?: boolean;
+    targetWindow: Window | undefined;
+};
+export interface StyleRenderer {
+    /**
+     * Expected to initialize or re-initialize the renderer. Primarily for testing purposes.
+     */
+    reset: () => void;
+    /**
+     * Returns a unique id for the renderer; used as part of the cache key when determining if new
+     * styles need to be rendered.
+     */
+    getId: () => number;
+    /**
+     * Renders a stylesheet and returns the map of key to class name.
+     */
+    renderStyles: <TRuleSet>(ruleSet: TRuleSet, options: StyleRendererOptions) => {
+        [key in keyof TRuleSet]: string;
+    };
+    /**
+     * Renders keyframes and returns the keyframe name.
+     */
+    renderKeyframes: (keyframes: IKeyframes, options: StyleRendererOptions) => string;
+    /**
+     * Renders fontfaces.
+     */
+    renderFontFace: (fontFace: IFontFace, options: StyleRendererOptions) => void;
+}
+export {};

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/styleRenderers/types.js

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

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/styleRenderers/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["utilities/ThemeProvider/styleRenderers/types.ts"],"names":[],"mappings":"","sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport type { IFontFace, IKeyframes } from '@fluentui/merge-styles';\n\ntype StyleRendererOptions = {\n  rtl?: boolean;\n  targetWindow: Window | undefined;\n};\n\nexport interface StyleRenderer {\n  /**\n   * Expected to initialize or re-initialize the renderer. Primarily for testing purposes.\n   */\n  reset: () => void;\n\n  /**\n   * Returns a unique id for the renderer; used as part of the cache key when determining if new\n   * styles need to be rendered.\n   */\n  getId: () => number;\n\n  /**\n   * Renders a stylesheet and returns the map of key to class name.\n   */\n  renderStyles: <TRuleSet>(ruleSet: TRuleSet, options: StyleRendererOptions) => { [key in keyof TRuleSet]: string };\n\n  /**\n   * Renders keyframes and returns the keyframe name.\n   */\n  renderKeyframes: (keyframes: IKeyframes, options: StyleRendererOptions) => string;\n\n  /**\n   * Renders fontfaces.\n   */\n  renderFontFace: (fontFace: IFontFace, options: StyleRendererOptions) => void;\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/useTheme.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui/theme';
+/**
+ * React hook for programmatically accessing the theme.
+ */
+export declare const useTheme: () => Theme;

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/useTheme.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = void 0;
+var React = require("react");
+var utilities_1 = require("@fluentui/utilities");
+var theme_1 = require("@fluentui/theme");
+var ThemeContext_1 = require("./ThemeContext");
+/**
+ * Get theme from CustomizerContext or Customizations singleton.
+ */
+function useCompatTheme() {
+    return (0, utilities_1.useCustomizationSettings)(['theme']).theme;
+}
+/**
+ * React hook for programmatically accessing the theme.
+ */
+var useTheme = function () {
+    var theme = React.useContext(ThemeContext_1.ThemeContext);
+    var legacyTheme = useCompatTheme();
+    return theme || legacyTheme || (0, theme_1.createTheme)({});
+};
+exports.useTheme = useTheme;
+//# sourceMappingURL=useTheme.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sourceRoot":"../src/","sources":["utilities/ThemeProvider/useTheme.ts"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,iDAA+D;AAC/D,yCAA8C;AAC9C,+CAA8C;AAG9C;;GAEG;AACH,SAAS,cAAc;IACrB,OAAO,IAAA,oCAAwB,EAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;AACnD,CAAC;AAED;;GAEG;AACI,IAAM,QAAQ,GAAG;IACtB,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IAC7C,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,OAAO,KAAK,IAAI,WAAW,IAAI,IAAA,mBAAW,EAAC,EAAE,CAAC,CAAC;AACjD,CAAC,CAAC;AALW,QAAA,QAAQ,YAKnB","sourcesContent":["import * as React from 'react';\nimport { useCustomizationSettings } from '@fluentui/utilities';\nimport { createTheme } from '@fluentui/theme';\nimport { ThemeContext } from './ThemeContext';\nimport type { ITheme, Theme } from '@fluentui/theme';\n\n/**\n * Get theme from CustomizerContext or Customizations singleton.\n */\nfunction useCompatTheme(): ITheme | undefined {\n  return useCustomizationSettings(['theme']).theme;\n}\n\n/**\n * React hook for programmatically accessing the theme.\n */\nexport const useTheme = (): Theme => {\n  const theme = React.useContext(ThemeContext);\n  const legacyTheme = useCompatTheme();\n\n  return theme || legacyTheme || createTheme({});\n};\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/useThemeProvider.d.ts

@@ -0,0 +1,10 @@
+import type { ThemeProviderProps, ThemeProviderState } from './ThemeProvider.types';
+import type { JSXElement } from '@fluentui/utilities';
+/**
+ * Returns the ThemeProvider render function and calculated state, given user input, ref, and
+ * a set of default prop values.
+ */
+export declare const useThemeProvider: (props: ThemeProviderProps, defaultProps: ThemeProviderProps) => {
+    state: ThemeProviderState;
+    render: (state: ThemeProviderState) => JSXElement;
+};

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/useThemeProvider.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeProvider = void 0;
+var renderThemeProvider_1 = require("./renderThemeProvider");
+var useThemeProviderState_1 = require("./useThemeProviderState");
+var utilities_1 = require("@fluentui/utilities");
+/**
+ * Returns the ThemeProvider render function and calculated state, given user input, ref, and
+ * a set of default prop values.
+ */
+var useThemeProvider = function (props, defaultProps) {
+    var state = (0, utilities_1.getPropsWithDefaults)(defaultProps, props);
+    // Apply changes to state.
+    (0, useThemeProviderState_1.useThemeProviderState)(state);
+    return {
+        state: state,
+        render: renderThemeProvider_1.renderThemeProvider,
+    };
+};
+exports.useThemeProvider = useThemeProvider;
+//# sourceMappingURL=useThemeProvider.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/useThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeProvider.js","sourceRoot":"../src/","sources":["utilities/ThemeProvider/useThemeProvider.tsx"],"names":[],"mappings":";;;AAAA,6DAAsE;AACtE,iEAAgE;AAChE,iDAA2D;AAK3D;;;GAGG;AACI,IAAM,gBAAgB,GAAG,UAC9B,KAAyB,EACzB,YAAgC;IAKhC,IAAM,KAAK,GAAG,IAAA,gCAAoB,EAAC,YAAY,EAAE,KAAK,CAAuB,CAAC;IAE9E,0BAA0B;IAC1B,IAAA,6CAAqB,EAAC,KAAK,CAAC,CAAC;IAE7B,OAAO;QACL,KAAK,OAAA;QACL,MAAM,2CAAA;KACP,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,gBAAgB,oBAgB3B","sourcesContent":["import { renderThemeProvider as render } from './renderThemeProvider';\nimport { useThemeProviderState } from './useThemeProviderState';\nimport { getPropsWithDefaults } from '@fluentui/utilities';\nimport type { ThemeProviderProps, ThemeProviderState } from './ThemeProvider.types';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\n/**\n * Returns the ThemeProvider render function and calculated state, given user input, ref, and\n * a set of default prop values.\n */\nexport const useThemeProvider = (\n  props: ThemeProviderProps,\n  defaultProps: ThemeProviderProps,\n): {\n  state: ThemeProviderState;\n  render: (state: ThemeProviderState) => JSXElement;\n} => {\n  const state = getPropsWithDefaults(defaultProps, props) as ThemeProviderState;\n\n  // Apply changes to state.\n  useThemeProviderState(state);\n\n  return {\n    state,\n    render,\n  };\n};\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/useThemeProviderClasses.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeProviderState } from './ThemeProvider.types';
+export declare function useThemeProviderClasses(state: ThemeProviderState): void;

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/useThemeProviderClasses.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeProviderClasses = useThemeProviderClasses;
+var React = require("react");
+var utilities_1 = require("@fluentui/utilities");
+var react_window_provider_1 = require("@fluentui/react-window-provider");
+var makeStyles_1 = require("./makeStyles");
+// eslint-disable-next-line @typescript-eslint/no-deprecated
+var useThemeProviderStyles = (0, makeStyles_1.makeStyles)(function (theme) {
+    var semanticColors = theme.semanticColors, fonts = theme.fonts;
+    return {
+        body: [
+            {
+                color: semanticColors.bodyText,
+                background: semanticColors.bodyBackground,
+                fontFamily: fonts.medium.fontFamily,
+                fontWeight: fonts.medium.fontWeight,
+                fontSize: fonts.medium.fontSize,
+                MozOsxFontSmoothing: fonts.medium.MozOsxFontSmoothing,
+                WebkitFontSmoothing: fonts.medium.WebkitFontSmoothing,
+            },
+        ],
+    };
+});
+/**
+ * Hook to add class to body element.
+ */
+function useApplyClassToBody(state, classesToApply) {
+    var _a;
+    var applyTo = state.applyTo;
+    var applyToBody = applyTo === 'body';
+    var body = (_a = (0, react_window_provider_1.useDocument)()) === null || _a === void 0 ? void 0 : _a.body;
+    React.useEffect(function () {
+        if (!applyToBody || !body) {
+            return;
+        }
+        for (var _i = 0, classesToApply_1 = classesToApply; _i < classesToApply_1.length; _i++) {
+            var classToApply = classesToApply_1[_i];
+            if (classToApply) {
+                body.classList.add(classToApply);
+            }
+        }
+        return function () {
+            if (!applyToBody || !body) {
+                return;
+            }
+            for (var _i = 0, classesToApply_2 = classesToApply; _i < classesToApply_2.length; _i++) {
+                var classToApply = classesToApply_2[_i];
+                if (classToApply) {
+                    body.classList.remove(classToApply);
+                }
+            }
+        };
+    }, [applyToBody, body, classesToApply]);
+}
+function useThemeProviderClasses(state) {
+    var classes = useThemeProviderStyles(state);
+    var className = state.className, applyTo = state.applyTo;
+    useApplyClassToBody(state, [classes.root, classes.body]);
+    state.className = (0, utilities_1.css)(className, classes.root, applyTo === 'element' && classes.body);
+}
+//# sourceMappingURL=useThemeProviderClasses.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/useThemeProviderClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeProviderClasses.js","sourceRoot":"../src/","sources":["utilities/ThemeProvider/useThemeProviderClasses.tsx"],"names":[],"mappings":";;AA4DA,0DAOC;AAnED,6BAA+B;AAC/B,iDAA0C;AAC1C,yEAA8D;AAC9D,2CAA0C;AAI1C,4DAA4D;AAC5D,IAAM,sBAAsB,GAAG,IAAA,uBAAU,EAAC,UAAC,KAAY;IAC7C,IAAA,cAAc,GAAY,KAAK,eAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAExC,OAAO;QACL,IAAI,EAAE;YACJ;gBACE,KAAK,EAAE,cAAc,CAAC,QAAQ;gBAC9B,UAAU,EAAE,cAAc,CAAC,cAAc;gBACzC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;gBACnC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;gBACnC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;gBAC/B,mBAAmB,EAAE,KAAK,CAAC,MAAM,CAAC,mBAAmB;gBACrD,mBAAmB,EAAE,KAAK,CAAC,MAAM,CAAC,mBAAmB;aACtD;SACF;KACqB,CAAC;AAC3B,CAAC,CAAC,CAAC;AAEH;;GAEG;AACH,SAAS,mBAAmB,CAAC,KAAyB,EAAE,cAAwB;;IACtE,IAAA,OAAO,GAAK,KAAK,QAAV,CAAW;IAE1B,IAAM,WAAW,GAAG,OAAO,KAAK,MAAM,CAAC;IACvC,IAAM,IAAI,GAAG,MAAA,IAAA,mCAAW,GAAE,0CAAE,IAAI,CAAC;IAEjC,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,KAA2B,UAAc,EAAd,iCAAc,EAAd,4BAAc,EAAd,IAAc,EAAE,CAAC;YAAvC,IAAM,YAAY,uBAAA;YACrB,IAAI,YAAY,EAAE,CAAC;gBACjB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;QAED,OAAO;YACL,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,EAAE,CAAC;gBAC1B,OAAO;YACT,CAAC;YAED,KAA2B,UAAc,EAAd,iCAAc,EAAd,4BAAc,EAAd,IAAc,EAAE,CAAC;gBAAvC,IAAM,YAAY,uBAAA;gBACrB,IAAI,YAAY,EAAE,CAAC;oBACjB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;gBACtC,CAAC;YACH,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC;AAC1C,CAAC;AAED,SAAgB,uBAAuB,CAAC,KAAyB;IAC/D,IAAM,OAAO,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IACtC,IAAA,SAAS,GAAc,KAAK,UAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IAErC,mBAAmB,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAEzD,KAAK,CAAC,SAAS,GAAG,IAAA,eAAG,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;AACxF,CAAC","sourcesContent":["import * as React from 'react';\nimport { css } from '@fluentui/utilities';\nimport { useDocument } from '@fluentui/react-window-provider';\nimport { makeStyles } from './makeStyles';\nimport type { ThemeProviderState } from './ThemeProvider.types';\nimport type { Theme } from '@fluentui/theme';\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nconst useThemeProviderStyles = makeStyles((theme: Theme) => {\n  const { semanticColors, fonts } = theme;\n\n  return {\n    body: [\n      {\n        color: semanticColors.bodyText,\n        background: semanticColors.bodyBackground,\n        fontFamily: fonts.medium.fontFamily,\n        fontWeight: fonts.medium.fontWeight,\n        fontSize: fonts.medium.fontSize,\n        MozOsxFontSmoothing: fonts.medium.MozOsxFontSmoothing,\n        WebkitFontSmoothing: fonts.medium.WebkitFontSmoothing,\n      },\n    ],\n  } as Record<string, any>;\n});\n\n/**\n * Hook to add class to body element.\n */\nfunction useApplyClassToBody(state: ThemeProviderState, classesToApply: string[]): void {\n  const { applyTo } = state;\n\n  const applyToBody = applyTo === 'body';\n  const body = useDocument()?.body;\n\n  React.useEffect(() => {\n    if (!applyToBody || !body) {\n      return;\n    }\n\n    for (const classToApply of classesToApply) {\n      if (classToApply) {\n        body.classList.add(classToApply);\n      }\n    }\n\n    return () => {\n      if (!applyToBody || !body) {\n        return;\n      }\n\n      for (const classToApply of classesToApply) {\n        if (classToApply) {\n          body.classList.remove(classToApply);\n        }\n      }\n    };\n  }, [applyToBody, body, classesToApply]);\n}\n\nexport function useThemeProviderClasses(state: ThemeProviderState): void {\n  const classes = useThemeProviderStyles(state);\n  const { className, applyTo } = state;\n\n  useApplyClassToBody(state, [classes.root, classes.body]);\n\n  state.className = css(className, classes.root, applyTo === 'element' && classes.body);\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/useThemeProviderState.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeProviderState } from './ThemeProvider.types';
+export declare const useThemeProviderState: (draftState: ThemeProviderState) => void;

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/useThemeProviderState.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeProviderState = void 0;
+var theme_1 = require("@fluentui/theme");
+var React = require("react");
+var useTheme_1 = require("./useTheme");
+var utilities_1 = require("@fluentui/utilities");
+var themeToIdMap = new Map();
+var getThemeId = function () {
+    var themes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        themes[_i] = arguments[_i];
+    }
+    var ids = [];
+    for (var _a = 0, themes_1 = themes; _a < themes_1.length; _a++) {
+        var theme = themes_1[_a];
+        if (theme) {
+            var id = theme.id || themeToIdMap.get(theme);
+            if (!id) {
+                id = (0, utilities_1.getId)('');
+                themeToIdMap.set(theme, id);
+            }
+            ids.push(id);
+        }
+    }
+    return ids.join('-');
+};
+var useThemeProviderState = function (draftState) {
+    var userTheme = draftState.theme;
+    // Pull contextual theme.
+    var parentTheme = (0, useTheme_1.useTheme)();
+    // Update the incoming theme with a memoized version of the merged theme.
+    var theme = (draftState.theme = React.useMemo(function () {
+        var mergedTheme = (0, theme_1.mergeThemes)(parentTheme, userTheme);
+        mergedTheme.id = getThemeId(parentTheme, userTheme);
+        return mergedTheme;
+    }, [parentTheme, userTheme]));
+    draftState.customizerContext = React.useMemo(function () { return ({
+        customizations: {
+            inCustomizerContext: true,
+            settings: { theme: theme },
+            scopedSettings: theme.components || {},
+        },
+    }); }, [theme]);
+    if (draftState.theme.rtl !== parentTheme.rtl) {
+        draftState.dir = draftState.theme.rtl ? 'rtl' : 'ltr';
+    }
+};
+exports.useThemeProviderState = useThemeProviderState;
+//# sourceMappingURL=useThemeProviderState.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/ThemeProvider/useThemeProviderState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeProviderState.js","sourceRoot":"../src/","sources":["utilities/ThemeProvider/useThemeProviderState.tsx"],"names":[],"mappings":";;;AAAA,yCAA8C;AAC9C,6BAA+B;AAC/B,uCAAsC;AACtC,iDAA4C;AAK5C,IAAM,YAAY,GAAG,IAAI,GAAG,EAAkB,CAAC;AAE/C,IAAM,UAAU,GAAG;IAAC,gBAA+C;SAA/C,UAA+C,EAA/C,qBAA+C,EAA/C,IAA+C;QAA/C,2BAA+C;;IACjE,IAAM,GAAG,GAAa,EAAE,CAAC;IAEzB,KAAoB,UAAM,EAAN,iBAAM,EAAN,oBAAM,EAAN,IAAM,EAAE,CAAC;QAAxB,IAAM,KAAK,eAAA;QACd,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,EAAE,GAAI,KAAe,CAAC,EAAE,IAAI,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAExD,IAAI,CAAC,EAAE,EAAE,CAAC;gBACR,EAAE,GAAG,IAAA,iBAAK,EAAC,EAAE,CAAC,CAAC;gBACf,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC9B,CAAC;YACD,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACf,CAAC;IACH,CAAC;IAED,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACvB,CAAC,CAAC;AAEK,IAAM,qBAAqB,GAAG,UAAC,UAA8B;IAClE,IAAM,SAAS,GAAiB,UAAU,CAAC,KAAK,CAAC;IAEjD,yBAAyB;IACzB,IAAM,WAAW,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAE/B,yEAAyE;IACzE,IAAM,KAAK,GAAG,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAQ;QACrD,IAAM,WAAW,GAAU,IAAA,mBAAW,EAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAE/D,WAAW,CAAC,EAAE,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAEpD,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAE9B,UAAU,CAAC,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAC1C,cAAM,OAAA,CAAC;QACL,cAAc,EAAE;YACd,mBAAmB,EAAE,IAAI;YACzB,QAAQ,EAAE,EAAE,KAAK,OAAA,EAAE;YACnB,cAAc,EAAE,KAAK,CAAC,UAAU,IAAI,EAAE;SACvC;KACF,CAAC,EANI,CAMJ,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,IAAI,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK,WAAW,CAAC,GAAG,EAAE,CAAC;QAC7C,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACxD,CAAC;AACH,CAAC,CAAC;AA7BW,QAAA,qBAAqB,yBA6BhC","sourcesContent":["import { mergeThemes } from '@fluentui/theme';\nimport * as React from 'react';\nimport { useTheme } from './useTheme';\nimport { getId } from '@fluentui/utilities';\nimport type { PartialTheme, Theme } from '@fluentui/theme';\nimport type { ThemeProviderState } from './ThemeProvider.types';\nimport type { ICustomizerContext } from '@fluentui/utilities';\n\nconst themeToIdMap = new Map<Object, string>();\n\nconst getThemeId = (...themes: (Theme | PartialTheme | undefined)[]) => {\n  const ids: string[] = [];\n\n  for (const theme of themes) {\n    if (theme) {\n      let id = (theme as Theme).id || themeToIdMap.get(theme);\n\n      if (!id) {\n        id = getId('');\n        themeToIdMap.set(theme, id);\n      }\n      ids.push(id);\n    }\n  }\n\n  return ids.join('-');\n};\n\nexport const useThemeProviderState = (draftState: ThemeProviderState): void => {\n  const userTheme: PartialTheme = draftState.theme;\n\n  // Pull contextual theme.\n  const parentTheme = useTheme();\n\n  // Update the incoming theme with a memoized version of the merged theme.\n  const theme = (draftState.theme = React.useMemo<Theme>(() => {\n    const mergedTheme: Theme = mergeThemes(parentTheme, userTheme);\n\n    mergedTheme.id = getThemeId(parentTheme, userTheme);\n\n    return mergedTheme;\n  }, [parentTheme, userTheme]));\n\n  draftState.customizerContext = React.useMemo<ICustomizerContext>(\n    () => ({\n      customizations: {\n        inCustomizerContext: true,\n        settings: { theme },\n        scopedSettings: theme.components || {},\n      },\n    }),\n    [theme],\n  );\n\n  if (draftState.theme.rtl !== parentTheme.rtl) {\n    draftState.dir = draftState.theme.rtl ? 'rtl' : 'ltr';\n  }\n};\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/color/_rgbaOrHexString.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @internal
+ * Get a CSS color string from some color components.
+ * If `a` is specified and not 100, returns an `rgba()` string.
+ * Otherwise returns `hex` prefixed with #.
+ */
+export declare function _rgbaOrHexString(r: number, g: number, b: number, a: number | undefined, hex: string): string;

node_modules/@fluentui/react/lib-commonjs/utilities/color/_rgbaOrHexString.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._rgbaOrHexString = _rgbaOrHexString;
+var consts_1 = require("./consts");
+/**
+ * @internal
+ * Get a CSS color string from some color components.
+ * If `a` is specified and not 100, returns an `rgba()` string.
+ * Otherwise returns `hex` prefixed with #.
+ */
+function _rgbaOrHexString(r, g, b, a, hex) {
+    return a === consts_1.MAX_COLOR_ALPHA || typeof a !== 'number' ? "#".concat(hex) : "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a / consts_1.MAX_COLOR_ALPHA, ")");
+}
+//# sourceMappingURL=_rgbaOrHexString.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/color/_rgbaOrHexString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_rgbaOrHexString.js","sourceRoot":"../src/","sources":["utilities/color/_rgbaOrHexString.ts"],"names":[],"mappings":";;AAQA,4CAEC;AAVD,mCAA2C;AAE3C;;;;;GAKG;AACH,SAAgB,gBAAgB,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,CAAqB,EAAE,GAAW;IAClG,OAAO,CAAC,KAAK,wBAAe,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAI,GAAG,CAAE,CAAC,CAAC,CAAC,eAAQ,CAAC,eAAK,CAAC,eAAK,CAAC,eAAK,CAAC,GAAG,wBAAe,MAAG,CAAC;AACvH,CAAC","sourcesContent":["import { MAX_COLOR_ALPHA } from './consts';\n\n/**\n * @internal\n * Get a CSS color string from some color components.\n * If `a` is specified and not 100, returns an `rgba()` string.\n * Otherwise returns `hex` prefixed with #.\n */\nexport function _rgbaOrHexString(r: number, g: number, b: number, a: number | undefined, hex: string): string {\n  return a === MAX_COLOR_ALPHA || typeof a !== 'number' ? `#${hex}` : `rgba(${r}, ${g}, ${b}, ${a / MAX_COLOR_ALPHA})`;\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/color/clamp.d.ts

@@ -0,0 +1,2 @@
+/** Clamp a value to ensure it falls within a given range. */
+export declare function clamp(value: number, max: number, min?: number): number;

node_modules/@fluentui/react/lib-commonjs/utilities/color/clamp.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clamp = clamp;
+/** Clamp a value to ensure it falls within a given range. */
+function clamp(value, max, min) {
+    if (min === void 0) { min = 0; }
+    return value < min ? min : value > max ? max : value;
+}
+//# sourceMappingURL=clamp.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/color/clamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.js","sourceRoot":"../src/","sources":["utilities/color/clamp.ts"],"names":[],"mappings":";;AACA,sBAEC;AAHD,6DAA6D;AAC7D,SAAgB,KAAK,CAAC,KAAa,EAAE,GAAW,EAAE,GAAO;IAAP,oBAAA,EAAA,OAAO;IACvD,OAAO,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;AACvD,CAAC","sourcesContent":["/** Clamp a value to ensure it falls within a given range. */\nexport function clamp(value: number, max: number, min = 0): number {\n  return value < min ? min : value > max ? max : value;\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/color/colors.d.ts

@@ -0,0 +1,22 @@
+export * from './consts';
+export * from './interfaces';
+export * from './cssColor';
+export * from './rgb2hex';
+export * from './clamp';
+export * from './hsl2rgb';
+export * from './hsl2hsv';
+export * from './hsv2rgb';
+export * from './hsv2hex';
+export * from './rgb2hsv';
+export * from './hsv2hsl';
+export * from './getColorFromString';
+export * from './getColorFromRGBA';
+export * from './getColorFromHSV';
+export * from './getFullColorString';
+export * from './updateSV';
+export * from './updateH';
+export * from './updateRGB';
+export * from './updateA';
+export * from './correctRGB';
+export * from './correctHSV';
+export * from './correctHex';

node_modules/@fluentui/react/lib-commonjs/utilities/color/colors.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./consts"), exports);
+tslib_1.__exportStar(require("./interfaces"), exports);
+tslib_1.__exportStar(require("./cssColor"), exports);
+tslib_1.__exportStar(require("./rgb2hex"), exports);
+tslib_1.__exportStar(require("./clamp"), exports);
+tslib_1.__exportStar(require("./hsl2rgb"), exports);
+tslib_1.__exportStar(require("./hsl2hsv"), exports);
+tslib_1.__exportStar(require("./hsv2rgb"), exports);
+tslib_1.__exportStar(require("./hsv2hex"), exports);
+tslib_1.__exportStar(require("./rgb2hsv"), exports);
+tslib_1.__exportStar(require("./hsv2hsl"), exports);
+tslib_1.__exportStar(require("./getColorFromString"), exports);
+tslib_1.__exportStar(require("./getColorFromRGBA"), exports);
+tslib_1.__exportStar(require("./getColorFromHSV"), exports);
+tslib_1.__exportStar(require("./getFullColorString"), exports);
+tslib_1.__exportStar(require("./updateSV"), exports);
+tslib_1.__exportStar(require("./updateH"), exports);
+tslib_1.__exportStar(require("./updateRGB"), exports);
+tslib_1.__exportStar(require("./updateA"), exports);
+tslib_1.__exportStar(require("./correctRGB"), exports);
+tslib_1.__exportStar(require("./correctHSV"), exports);
+tslib_1.__exportStar(require("./correctHex"), exports);
+//# sourceMappingURL=colors.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/color/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"../src/","sources":["utilities/color/colors.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,uDAA6B;AAC7B,qDAA2B;AAC3B,oDAA0B;AAC1B,kDAAwB;AACxB,oDAA0B;AAC1B,oDAA0B;AAC1B,oDAA0B;AAC1B,oDAA0B;AAC1B,oDAA0B;AAC1B,oDAA0B;AAC1B,+DAAqC;AACrC,6DAAmC;AACnC,4DAAkC;AAClC,+DAAqC;AACrC,qDAA2B;AAC3B,oDAA0B;AAC1B,sDAA4B;AAC5B,oDAA0B;AAC1B,uDAA6B;AAC7B,uDAA6B;AAC7B,uDAA6B","sourcesContent":["export * from './consts';\nexport * from './interfaces';\nexport * from './cssColor';\nexport * from './rgb2hex';\nexport * from './clamp';\nexport * from './hsl2rgb';\nexport * from './hsl2hsv';\nexport * from './hsv2rgb';\nexport * from './hsv2hex';\nexport * from './rgb2hsv';\nexport * from './hsv2hsl';\nexport * from './getColorFromString';\nexport * from './getColorFromRGBA';\nexport * from './getColorFromHSV';\nexport * from './getFullColorString';\nexport * from './updateSV';\nexport * from './updateH';\nexport * from './updateRGB';\nexport * from './updateA';\nexport * from './correctRGB';\nexport * from './correctHSV';\nexport * from './correctHex';\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/color/consts.d.ts

@@ -0,0 +1,19 @@
+export declare const MAX_COLOR_SATURATION = 100;
+export declare const MAX_COLOR_HUE = 359;
+export declare const MAX_COLOR_VALUE = 100;
+export declare const MAX_COLOR_RGB = 255;
+/** @deprecated Use MAX_COLOR_RGB (255) or MAX_COLOR_ALPHA (100) */
+export declare const MAX_COLOR_RGBA = 255;
+export declare const MAX_COLOR_ALPHA = 100;
+/** Minimum length for a hexadecimal color string (not including the #) */
+export declare const MIN_HEX_LENGTH = 3;
+/** Maximum length for a hexadecimal color string (not including the #) */
+export declare const MAX_HEX_LENGTH = 6;
+/** Minimum length for a string of an RGBA color component */
+export declare const MIN_RGBA_LENGTH = 1;
+/** Maximum length for a string of an RGBA color component */
+export declare const MAX_RGBA_LENGTH = 3;
+/** Regular expression matching only valid hexadecimal chars */
+export declare const HEX_REGEX: RegExp;
+/** Regular expression matching only numbers */
+export declare const RGBA_REGEX: RegExp;

node_modules/@fluentui/react/lib-commonjs/utilities/color/consts.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RGBA_REGEX = exports.HEX_REGEX = exports.MAX_RGBA_LENGTH = exports.MIN_RGBA_LENGTH = exports.MAX_HEX_LENGTH = exports.MIN_HEX_LENGTH = exports.MAX_COLOR_ALPHA = exports.MAX_COLOR_RGBA = exports.MAX_COLOR_RGB = exports.MAX_COLOR_VALUE = exports.MAX_COLOR_HUE = exports.MAX_COLOR_SATURATION = void 0;
+exports.MAX_COLOR_SATURATION = 100;
+exports.MAX_COLOR_HUE = 359;
+exports.MAX_COLOR_VALUE = 100;
+exports.MAX_COLOR_RGB = 255;
+/** @deprecated Use MAX_COLOR_RGB (255) or MAX_COLOR_ALPHA (100) */
+exports.MAX_COLOR_RGBA = exports.MAX_COLOR_RGB;
+exports.MAX_COLOR_ALPHA = 100;
+/** Minimum length for a hexadecimal color string (not including the #) */
+exports.MIN_HEX_LENGTH = 3;
+/** Maximum length for a hexadecimal color string (not including the #) */
+exports.MAX_HEX_LENGTH = 6;
+/** Minimum length for a string of an RGBA color component */
+exports.MIN_RGBA_LENGTH = 1;
+/** Maximum length for a string of an RGBA color component */
+exports.MAX_RGBA_LENGTH = 3;
+/** Regular expression matching only valid hexadecimal chars */
+exports.HEX_REGEX = /^[\da-f]{0,6}$/i;
+/** Regular expression matching only numbers */
+exports.RGBA_REGEX = /^\d{0,3}$/;
+//# sourceMappingURL=consts.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/color/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"../src/","sources":["utilities/color/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,GAAG,CAAC;AAC3B,QAAA,aAAa,GAAG,GAAG,CAAC;AACpB,QAAA,eAAe,GAAG,GAAG,CAAC;AACtB,QAAA,aAAa,GAAG,GAAG,CAAC;AACjC,mEAAmE;AACtD,QAAA,cAAc,GAAG,qBAAa,CAAC;AAC/B,QAAA,eAAe,GAAG,GAAG,CAAC;AAEnC,0EAA0E;AAC7D,QAAA,cAAc,GAAG,CAAC,CAAC;AAChC,0EAA0E;AAC7D,QAAA,cAAc,GAAG,CAAC,CAAC;AAChC,6DAA6D;AAChD,QAAA,eAAe,GAAG,CAAC,CAAC;AACjC,6DAA6D;AAChD,QAAA,eAAe,GAAG,CAAC,CAAC;AAEjC,+DAA+D;AAClD,QAAA,SAAS,GAAG,iBAAiB,CAAC;AAC3C,+CAA+C;AAClC,QAAA,UAAU,GAAG,WAAW,CAAC","sourcesContent":["export const MAX_COLOR_SATURATION = 100;\nexport const MAX_COLOR_HUE = 359;\nexport const MAX_COLOR_VALUE = 100;\nexport const MAX_COLOR_RGB = 255;\n/** @deprecated Use MAX_COLOR_RGB (255) or MAX_COLOR_ALPHA (100) */\nexport const MAX_COLOR_RGBA = MAX_COLOR_RGB;\nexport const MAX_COLOR_ALPHA = 100;\n\n/** Minimum length for a hexadecimal color string (not including the #) */\nexport const MIN_HEX_LENGTH = 3;\n/** Maximum length for a hexadecimal color string (not including the #) */\nexport const MAX_HEX_LENGTH = 6;\n/** Minimum length for a string of an RGBA color component */\nexport const MIN_RGBA_LENGTH = 1;\n/** Maximum length for a string of an RGBA color component */\nexport const MAX_RGBA_LENGTH = 3;\n\n/** Regular expression matching only valid hexadecimal chars */\nexport const HEX_REGEX = /^[\\da-f]{0,6}$/i;\n/** Regular expression matching only numbers */\nexport const RGBA_REGEX = /^\\d{0,3}$/;\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/color/correctHSV.d.ts

@@ -0,0 +1,3 @@
+import type { IHSV } from './interfaces';
+/** Corrects an HSV color to fall within the valid range. */
+export declare function correctHSV(color: IHSV): IHSV;

node_modules/@fluentui/react/lib-commonjs/utilities/color/correctHSV.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.correctHSV = correctHSV;
+var consts_1 = require("./consts");
+var clamp_1 = require("./clamp");
+/** Corrects an HSV color to fall within the valid range. */
+function correctHSV(color) {
+    return {
+        h: (0, clamp_1.clamp)(color.h, consts_1.MAX_COLOR_HUE),
+        s: (0, clamp_1.clamp)(color.s, consts_1.MAX_COLOR_SATURATION),
+        v: (0, clamp_1.clamp)(color.v, consts_1.MAX_COLOR_VALUE),
+    };
+}
+//# sourceMappingURL=correctHSV.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/color/correctHSV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"correctHSV.js","sourceRoot":"../src/","sources":["utilities/color/correctHSV.ts"],"names":[],"mappings":";;AAKA,gCAMC;AAXD,mCAAgF;AAChF,iCAAgC;AAGhC,4DAA4D;AAC5D,SAAgB,UAAU,CAAC,KAAW;IACpC,OAAO;QACL,CAAC,EAAE,IAAA,aAAK,EAAC,KAAK,CAAC,CAAC,EAAE,sBAAa,CAAC;QAChC,CAAC,EAAE,IAAA,aAAK,EAAC,KAAK,CAAC,CAAC,EAAE,6BAAoB,CAAC;QACvC,CAAC,EAAE,IAAA,aAAK,EAAC,KAAK,CAAC,CAAC,EAAE,wBAAe,CAAC;KACnC,CAAC;AACJ,CAAC","sourcesContent":["import { MAX_COLOR_HUE, MAX_COLOR_SATURATION, MAX_COLOR_VALUE } from './consts';\nimport { clamp } from './clamp';\nimport type { IHSV } from './interfaces';\n\n/** Corrects an HSV color to fall within the valid range. */\nexport function correctHSV(color: IHSV): IHSV {\n  return {\n    h: clamp(color.h, MAX_COLOR_HUE),\n    s: clamp(color.s, MAX_COLOR_SATURATION),\n    v: clamp(color.v, MAX_COLOR_VALUE),\n  };\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/color/correctHex.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Corrects a hex color to have length 3 or 6. Defaults to white if too short.
+ * Does NOT check anything besides the length (such as valid characters) and does NOT handle
+ * hex values starting with # sign.
+ */
+export declare function correctHex(hex: string): string;

node_modules/@fluentui/react/lib-commonjs/utilities/color/correctHex.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.correctHex = correctHex;
+var consts_1 = require("./consts");
+/**
+ * Corrects a hex color to have length 3 or 6. Defaults to white if too short.
+ * Does NOT check anything besides the length (such as valid characters) and does NOT handle
+ * hex values starting with # sign.
+ */
+function correctHex(hex) {
+    if (!hex || hex.length < consts_1.MIN_HEX_LENGTH) {
+        return 'ffffff'; // not a valid color--default to white
+    }
+    if (hex.length >= consts_1.MAX_HEX_LENGTH) {
+        return hex.substring(0, consts_1.MAX_HEX_LENGTH);
+    }
+    return hex.substring(0, consts_1.MIN_HEX_LENGTH);
+}
+//# sourceMappingURL=correctHex.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/color/correctHex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"correctHex.js","sourceRoot":"../src/","sources":["utilities/color/correctHex.ts"],"names":[],"mappings":";;AAOA,gCAQC;AAfD,mCAA0D;AAE1D;;;;GAIG;AACH,SAAgB,UAAU,CAAC,GAAW;IACpC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,uBAAc,EAAE,CAAC;QACxC,OAAO,QAAQ,CAAC,CAAC,sCAAsC;IACzD,CAAC;IACD,IAAI,GAAG,CAAC,MAAM,IAAI,uBAAc,EAAE,CAAC;QACjC,OAAO,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,uBAAc,CAAC,CAAC;IAC1C,CAAC;IACD,OAAO,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,uBAAc,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["import { MIN_HEX_LENGTH, MAX_HEX_LENGTH } from './consts';\n\n/**\n * Corrects a hex color to have length 3 or 6. Defaults to white if too short.\n * Does NOT check anything besides the length (such as valid characters) and does NOT handle\n * hex values starting with # sign.\n */\nexport function correctHex(hex: string): string {\n  if (!hex || hex.length < MIN_HEX_LENGTH) {\n    return 'ffffff'; // not a valid color--default to white\n  }\n  if (hex.length >= MAX_HEX_LENGTH) {\n    return hex.substring(0, MAX_HEX_LENGTH);\n  }\n  return hex.substring(0, MIN_HEX_LENGTH);\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/color/correctRGB.d.ts

@@ -0,0 +1,3 @@
+import type { IRGB } from './interfaces';
+/** Corrects an RGB color to fall within the valid range.  */
+export declare function correctRGB(color: IRGB): IRGB;

node_modules/@fluentui/react/lib-commonjs/utilities/color/correctRGB.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.correctRGB = correctRGB;
+var consts_1 = require("./consts");
+var clamp_1 = require("./clamp");
+/** Corrects an RGB color to fall within the valid range.  */
+function correctRGB(color) {
+    return {
+        r: (0, clamp_1.clamp)(color.r, consts_1.MAX_COLOR_RGB),
+        g: (0, clamp_1.clamp)(color.g, consts_1.MAX_COLOR_RGB),
+        b: (0, clamp_1.clamp)(color.b, consts_1.MAX_COLOR_RGB),
+        a: typeof color.a === 'number' ? (0, clamp_1.clamp)(color.a, consts_1.MAX_COLOR_ALPHA) : color.a,
+    };
+}
+//# sourceMappingURL=correctRGB.js.map

node_modules/@fluentui/react/lib-commonjs/utilities/color/correctRGB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"correctRGB.js","sourceRoot":"../src/","sources":["utilities/color/correctRGB.ts"],"names":[],"mappings":";;AAKA,gCAOC;AAZD,mCAA0D;AAC1D,iCAAgC;AAGhC,6DAA6D;AAC7D,SAAgB,UAAU,CAAC,KAAW;IACpC,OAAO;QACL,CAAC,EAAE,IAAA,aAAK,EAAC,KAAK,CAAC,CAAC,EAAE,sBAAa,CAAC;QAChC,CAAC,EAAE,IAAA,aAAK,EAAC,KAAK,CAAC,CAAC,EAAE,sBAAa,CAAC;QAChC,CAAC,EAAE,IAAA,aAAK,EAAC,KAAK,CAAC,CAAC,EAAE,sBAAa,CAAC;QAChC,CAAC,EAAE,OAAO,KAAK,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAA,aAAK,EAAC,KAAK,CAAC,CAAC,EAAE,wBAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;KAC3E,CAAC;AACJ,CAAC","sourcesContent":["import { MAX_COLOR_ALPHA, MAX_COLOR_RGB } from './consts';\nimport { clamp } from './clamp';\nimport type { IRGB } from './interfaces';\n\n/** Corrects an RGB color to fall within the valid range.  */\nexport function correctRGB(color: IRGB): IRGB {\n  return {\n    r: clamp(color.r, MAX_COLOR_RGB),\n    g: clamp(color.g, MAX_COLOR_RGB),\n    b: clamp(color.b, MAX_COLOR_RGB),\n    a: typeof color.a === 'number' ? clamp(color.a, MAX_COLOR_ALPHA) : color.a,\n  };\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/utilities/color/cssColor.d.ts

@@ -0,0 +1,8 @@
+import type { IRGB } from './interfaces';
+/**
+ * Converts a valid CSS color string to an RGB color.
+ * Note that hex colors *must* be prefixed with # to be considered valid.
+ * Alpha in returned color defaults to 100.
+ * Four and eight digit hex values (with alpha) are supported if the current browser supports them.
+ */
+export declare function cssColor(color?: string, doc?: Document): IRGB | undefined;