first commit

node_modules/@fluentui/utilities/lib-amd/shadowDom/contexts/MergeStylesDefaultContext.d.ts

@@ -0,0 +1,21 @@
+import type { ExtendedCSSStyleSheet } from '@fluentui/merge-styles';
+import * as React from 'react';
+import type { AdoptedStylesheetExHook, AdoptedStylesheetHook } from '../hooks/useAdoptedStylesheet';
+import type { ShadowConfigHook } from '../hooks/useShadowConfig';
+import type { HasMergeStylesShadowRootContextHook, MergeStylesShadowRootContextHook } from '../hooks/useMergeStylesShadowRoot';
+import type { MergeStylesRootStylesheetsHook } from '../hooks/useMergeStylesRootStylesheets';
+import type { UseStyledHook } from '../hooks/useStyled';
+export declare const getNewContext: () => MergeStylesDefaultContextValue;
+export type UseWindowHook = () => Window | undefined;
+export type MergeStylesDefaultContextValue = {
+    stylesheets: Map<string, ExtendedCSSStyleSheet>;
+    useAdoptedStylesheetEx: AdoptedStylesheetExHook;
+    useAdoptedStylesheet: AdoptedStylesheetHook;
+    useShadowConfig: ShadowConfigHook;
+    useMergeStylesShadowRootContext: MergeStylesShadowRootContextHook;
+    useHasMergeStylesShadowRootContext: HasMergeStylesShadowRootContextHook;
+    useMergeStylesRootStylesheets: MergeStylesRootStylesheetsHook;
+    useWindow: UseWindowHook;
+    useStyled: UseStyledHook;
+};
+export declare const MergeStylesDefaultContext: React.Context<MergeStylesDefaultContextValue>;

node_modules/@fluentui/utilities/lib-amd/shadowDom/contexts/MergeStylesDefaultContext.js

@@ -0,0 +1,25 @@
+define(["require", "exports", "@fluentui/merge-styles", "react"], function (require, exports, merge_styles_1, React) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MergeStylesDefaultContext = exports.getNewContext = void 0;
+    var noop = function () { return false; };
+    var noopShadow = function () { return merge_styles_1.DEFAULT_SHADOW_CONFIG; };
+    var noopRootStylesheets = function () { return new Map(); };
+    var noopUndefined = function () { return undefined; };
+    var getNewContext = function () {
+        return {
+            stylesheets: new Map(),
+            useAdoptedStylesheetEx: noop,
+            useAdoptedStylesheet: noop,
+            useShadowConfig: noopShadow,
+            useMergeStylesShadowRootContext: noopUndefined,
+            useHasMergeStylesShadowRootContext: noop,
+            useMergeStylesRootStylesheets: noopRootStylesheets,
+            useWindow: noopUndefined,
+            useStyled: noopUndefined,
+        };
+    };
+    exports.getNewContext = getNewContext;
+    exports.MergeStylesDefaultContext = React.createContext((0, exports.getNewContext)());
+});
+//# sourceMappingURL=MergeStylesDefaultContext.js.map

node_modules/@fluentui/utilities/lib-amd/shadowDom/contexts/MergeStylesDefaultContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergeStylesDefaultContext.js","sourceRoot":"../src/","sources":["shadowDom/contexts/MergeStylesDefaultContext.tsx"],"names":[],"mappings":";;;;IAaA,IAAM,IAAI,GAAG,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC;IACzB,IAAM,UAAU,GAAG,cAAM,OAAA,oCAAqB,EAArB,CAAqB,CAAC;IAC/C,IAAM,mBAAmB,GAAG,cAAM,OAAA,IAAI,GAAG,EAAE,EAAT,CAAS,CAAC;IAC5C,IAAM,aAAa,GAAG,cAAM,OAAA,SAAS,EAAT,CAAS,CAAC;IAE/B,IAAM,aAAa,GAAG;QAC3B,OAAO;YACL,WAAW,EAAE,IAAI,GAAG,EAAE;YACtB,sBAAsB,EAAE,IAAI;YAC5B,oBAAoB,EAAE,IAAI;YAC1B,eAAe,EAAE,UAAU;YAC3B,+BAA+B,EAAE,aAAa;YAC9C,kCAAkC,EAAE,IAAI;YACxC,6BAA6B,EAAE,mBAAmB;YAClD,SAAS,EAAE,aAAa;YACxB,SAAS,EAAE,aAAa;SACzB,CAAC;IACJ,CAAC,CAAC;IAZW,QAAA,aAAa,iBAYxB;IAgBW,QAAA,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAAiC,IAAA,qBAAa,GAAE,CAAC,CAAC","sourcesContent":["import { DEFAULT_SHADOW_CONFIG } from '@fluentui/merge-styles';\nimport type { ExtendedCSSStyleSheet } from '@fluentui/merge-styles';\nimport * as React from 'react';\n\nimport type { AdoptedStylesheetExHook, AdoptedStylesheetHook } from '../hooks/useAdoptedStylesheet';\nimport type { ShadowConfigHook } from '../hooks/useShadowConfig';\nimport type {\n  HasMergeStylesShadowRootContextHook,\n  MergeStylesShadowRootContextHook,\n} from '../hooks/useMergeStylesShadowRoot';\nimport type { MergeStylesRootStylesheetsHook } from '../hooks/useMergeStylesRootStylesheets';\nimport type { UseStyledHook } from '../hooks/useStyled';\n\nconst noop = () => false;\nconst noopShadow = () => DEFAULT_SHADOW_CONFIG;\nconst noopRootStylesheets = () => new Map();\nconst noopUndefined = () => undefined;\n\nexport const getNewContext = (): MergeStylesDefaultContextValue => {\n  return {\n    stylesheets: new Map(),\n    useAdoptedStylesheetEx: noop,\n    useAdoptedStylesheet: noop,\n    useShadowConfig: noopShadow,\n    useMergeStylesShadowRootContext: noopUndefined,\n    useHasMergeStylesShadowRootContext: noop,\n    useMergeStylesRootStylesheets: noopRootStylesheets,\n    useWindow: noopUndefined,\n    useStyled: noopUndefined,\n  };\n};\n\nexport type UseWindowHook = () => Window | undefined;\n\nexport type MergeStylesDefaultContextValue = {\n  stylesheets: Map<string, ExtendedCSSStyleSheet>;\n  useAdoptedStylesheetEx: AdoptedStylesheetExHook;\n  useAdoptedStylesheet: AdoptedStylesheetHook;\n  useShadowConfig: ShadowConfigHook;\n  useMergeStylesShadowRootContext: MergeStylesShadowRootContextHook;\n  useHasMergeStylesShadowRootContext: HasMergeStylesShadowRootContextHook;\n  useMergeStylesRootStylesheets: MergeStylesRootStylesheetsHook;\n  useWindow: UseWindowHook;\n  useStyled: UseStyledHook;\n};\n\nexport const MergeStylesDefaultContext = React.createContext<MergeStylesDefaultContextValue>(getNewContext());\n"]}

node_modules/@fluentui/utilities/lib-amd/shadowDom/contexts/MergeStylesRootContext.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import type { ExtendedCSSStyleSheet } from '@fluentui/merge-styles';
+import type { AdoptedStylesheetExHook, AdoptedStylesheetHook } from '../hooks/useAdoptedStylesheet';
+import type { ShadowConfigHook } from '../hooks/useShadowConfig';
+import type { HasMergeStylesShadowRootContextHook, MergeStylesShadowRootContextHook } from '../hooks/useMergeStylesShadowRoot';
+import type { MergeStylesRootStylesheetsHook } from '../hooks/useMergeStylesRootStylesheets';
+import type { UseStyledHook } from '../hooks/useStyled';
+import type { UseWindowHook } from './MergeStylesDefaultContext';
+declare global {
+    interface DocumentOrShadowRoot {
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/adoptedStyleSheets) */
+        adoptedStyleSheets: CSSStyleSheet[];
+    }
+}
+export type MergeStylesRootContextValue = {
+    stylesheets: Map<string, ExtendedCSSStyleSheet>;
+    useAdoptedStylesheetEx: AdoptedStylesheetExHook;
+    useAdoptedStylesheet: AdoptedStylesheetHook;
+    useShadowConfig: ShadowConfigHook;
+    useMergeStylesShadowRootContext: MergeStylesShadowRootContextHook;
+    useHasMergeStylesShadowRootContext: HasMergeStylesShadowRootContextHook;
+    useMergeStylesRootStylesheets: MergeStylesRootStylesheetsHook;
+    useWindow: UseWindowHook;
+    useStyled: UseStyledHook;
+};
+export declare const MergeStylesRootContext: React.Context<MergeStylesRootContextValue>;
+export type MergeStylesRootProviderProps = {
+    children?: React.ReactNode;
+    /**
+     * Map of stylesheets available in the context.
+     */
+    stylesheets?: Map<string, ExtendedCSSStyleSheet>;
+    /**
+     * Optional `window` object to use for reading adopted stylesheets.
+     * Useful for multi-window scenarios.
+     */
+    window?: Window;
+    useAdoptedStylesheetEx?: AdoptedStylesheetExHook;
+    useAdoptedStylesheet?: AdoptedStylesheetHook;
+    useShadowConfig?: ShadowConfigHook;
+    useMergeStylesShadowRootContext?: MergeStylesShadowRootContextHook;
+    useHasMergeStylesShadowRootContext?: HasMergeStylesShadowRootContextHook;
+    useMergeStylesRootStylesheets?: MergeStylesRootStylesheetsHook;
+    useWindow?: UseWindowHook;
+    useStyled?: UseStyledHook;
+};
+/**
+ * Root context provider for mergeStyles shadow DOM.
+ * Typically this is placed at the render root of your React application.
+ */
+export declare const MergeStylesRootProvider: React.FC<MergeStylesRootProviderProps>;

node_modules/@fluentui/utilities/lib-amd/shadowDom/contexts/MergeStylesRootContext.js

@@ -0,0 +1,83 @@
+define(["require", "exports", "tslib", "react", "@fluentui/merge-styles", "../../dom", "./MergeStylesDefaultContext", "../hooks/useAdoptedStylesheet", "../hooks/useShadowConfig", "../hooks/useMergeStylesShadowRoot", "../hooks/useMergeStylesRootStylesheets", "../hooks/useStyled", "@fluentui/react-window-provider"], function (require, exports, tslib_1, React, merge_styles_1, dom_1, MergeStylesDefaultContext_1, useAdoptedStylesheet_1, useShadowConfig_1, useMergeStylesShadowRoot_1, useMergeStylesRootStylesheets_1, useStyled_1, react_window_provider_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MergeStylesRootProvider = exports.MergeStylesRootContext = void 0;
+    exports.MergeStylesRootContext = React.createContext((0, MergeStylesDefaultContext_1.getNewContext)());
+    /**
+     * Root context provider for mergeStyles shadow DOM.
+     * Typically this is placed at the render root of your React application.
+     */
+    var MergeStylesRootProvider = function (_a) {
+        var userSheets = _a.stylesheets, userWindow = _a.window, useAdoptedStylesheet = _a.useAdoptedStylesheet, useAdoptedStylesheetEx = _a.useAdoptedStylesheetEx, useShadowConfig = _a.useShadowConfig, useMergeStylesShadowRootContext = _a.useMergeStylesShadowRootContext, useHasMergeStylesShadowRootContext = _a.useHasMergeStylesShadowRootContext, useMergeStylesRootStylesheets = _a.useMergeStylesRootStylesheets, useWindow = _a.useWindow, useStyled = _a.useStyled, props = tslib_1.__rest(_a, ["stylesheets", "window", "useAdoptedStylesheet", "useAdoptedStylesheetEx", "useShadowConfig", "useMergeStylesShadowRootContext", "useHasMergeStylesShadowRootContext", "useMergeStylesRootStylesheets", "useWindow", "useStyled"]);
+        var win = userWindow !== null && userWindow !== void 0 ? userWindow : (0, dom_1.getWindow)();
+        var _b = React.useState(function () { return userSheets || new Map(); }), stylesheets = _b[0], setStylesheets = _b[1];
+        var sheetHandler = React.useCallback(function (_a) {
+            var key = _a.key, sheet = _a.sheet;
+            setStylesheets(function (prev) {
+                var next = new Map(prev);
+                next.set(key, sheet);
+                return next;
+            });
+        }, []);
+        // Update stylesheets based on user style sheet changes
+        React.useEffect(function () {
+            setStylesheets(userSheets || new Map());
+        }, [userSheets]);
+        // Wire up listener for adopted stylesheets
+        React.useEffect(function () {
+            if (!win) {
+                return;
+            }
+            var sheet = merge_styles_1.ShadowDomStylesheet.getInstance((0, merge_styles_1.makeShadowConfig)(merge_styles_1.GLOBAL_STYLESHEET_KEY, false, win));
+            var off = sheet.onAddSheet(sheetHandler);
+            return function () {
+                off();
+            };
+        }, [win, sheetHandler]);
+        // Read stylesheets from window on mount
+        React.useEffect(function () {
+            if (!win) {
+                return;
+            }
+            var changed = false;
+            var next = new Map(stylesheets);
+            var sheet = merge_styles_1.ShadowDomStylesheet.getInstance((0, merge_styles_1.makeShadowConfig)(merge_styles_1.GLOBAL_STYLESHEET_KEY, false, win));
+            var adoptedSheets = sheet.getAdoptedSheets();
+            adoptedSheets.forEach(function (adoptedSheet, key) {
+                next.set(key, adoptedSheet);
+                changed = true;
+            });
+            if (changed) {
+                setStylesheets(next);
+            }
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+        }, []);
+        var defaultValues = React.useMemo(function () {
+            return {
+                stylesheets: stylesheets,
+                useAdoptedStylesheet: useAdoptedStylesheet || useAdoptedStylesheet_1.useAdoptedStylesheet,
+                useAdoptedStylesheetEx: useAdoptedStylesheetEx || useAdoptedStylesheet_1.useAdoptedStylesheetEx,
+                useShadowConfig: useShadowConfig || useShadowConfig_1.useShadowConfig,
+                useMergeStylesShadowRootContext: useMergeStylesShadowRootContext || useMergeStylesShadowRoot_1.useMergeStylesShadowRootContext,
+                useHasMergeStylesShadowRootContext: useHasMergeStylesShadowRootContext || useMergeStylesShadowRoot_1.useHasMergeStylesShadowRootContext,
+                useMergeStylesRootStylesheets: useMergeStylesRootStylesheets || useMergeStylesRootStylesheets_1.useMergeStylesRootStylesheets,
+                useWindow: useWindow || react_window_provider_1.useWindow,
+                useStyled: useStyled || useStyled_1.useStyled,
+            };
+        }, [
+            stylesheets,
+            useAdoptedStylesheet,
+            useAdoptedStylesheetEx,
+            useShadowConfig,
+            useMergeStylesShadowRootContext,
+            useHasMergeStylesShadowRootContext,
+            useMergeStylesRootStylesheets,
+            useWindow,
+            useStyled,
+        ]);
+        return (React.createElement(MergeStylesDefaultContext_1.MergeStylesDefaultContext.Provider, { value: defaultValues },
+            React.createElement(exports.MergeStylesRootContext.Provider, tslib_1.__assign({ value: defaultValues }, props))));
+    };
+    exports.MergeStylesRootProvider = MergeStylesRootProvider;
+});
+//# sourceMappingURL=MergeStylesRootContext.js.map

node_modules/@fluentui/utilities/lib-amd/shadowDom/contexts/MergeStylesShadowRootConsumer.d.ts

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+export type MergeStylesContextConsumerProps = {
+    stylesheetKey: string;
+    children: (inShadow: boolean) => React.ReactElement<any, any>;
+};
+export declare const MergeStylesShadowRootConsumer: React.FC<MergeStylesContextConsumerProps>;

node_modules/@fluentui/utilities/lib-amd/shadowDom/contexts/MergeStylesShadowRootConsumer.js

@@ -0,0 +1,17 @@
+define(["require", "exports", "@fluentui/merge-styles", "../hooks/useMergeStylesHooks", "../hooks/useMergeStylesShadowRoot"], function (require, exports, merge_styles_1, useMergeStylesHooks_1, useMergeStylesShadowRoot_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MergeStylesShadowRootConsumer = void 0;
+    var MergeStylesShadowRootConsumer = function (_a) {
+        var stylesheetKey = _a.stylesheetKey, children = _a.children;
+        var _b = (0, useMergeStylesHooks_1.useMergeStylesHooks)(), useAdoptedStylesheetEx = _b.useAdoptedStylesheetEx, useMergeStylesRootStylesheets = _b.useMergeStylesRootStylesheets, useWindow = _b.useWindow;
+        var shadowCtx = (0, useMergeStylesShadowRoot_1.useMergeStylesShadowRootContext)();
+        var rootMergeStyles = useMergeStylesRootStylesheets();
+        var win = useWindow();
+        useAdoptedStylesheetEx(merge_styles_1.GLOBAL_STYLESHEET_KEY, shadowCtx, rootMergeStyles, win);
+        useAdoptedStylesheetEx(stylesheetKey, shadowCtx, rootMergeStyles, win);
+        return children(!!shadowCtx);
+    };
+    exports.MergeStylesShadowRootConsumer = MergeStylesShadowRootConsumer;
+});
+//# sourceMappingURL=MergeStylesShadowRootConsumer.js.map

node_modules/@fluentui/utilities/lib-amd/shadowDom/contexts/MergeStylesShadowRootConsumer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergeStylesShadowRootConsumer.js","sourceRoot":"../src/","sources":["shadowDom/contexts/MergeStylesShadowRootConsumer.ts"],"names":[],"mappings":";;;;IAWO,IAAM,6BAA6B,GAA8C,UAAC,EAGxF;YAFC,aAAa,mBAAA,EACb,QAAQ,cAAA;QAEF,IAAA,KAAuE,IAAA,yCAAmB,GAAE,EAA1F,sBAAsB,4BAAA,EAAE,6BAA6B,mCAAA,EAAE,SAAS,eAA0B,CAAC;QACnG,IAAM,SAAS,GAAG,IAAA,0DAA+B,GAAE,CAAC;QACpD,IAAM,eAAe,GAAG,6BAA6B,EAAE,CAAC;QACxD,IAAM,GAAG,GAAG,SAAS,EAAE,CAAC;QAExB,sBAAsB,CAAC,oCAAqB,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,CAAC,CAAC;QAC/E,sBAAsB,CAAC,aAAa,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,CAAC,CAAC;QAEvE,OAAO,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,CAAC;IAbW,QAAA,6BAA6B,iCAaxC","sourcesContent":["import type * as React from 'react';\nimport { GLOBAL_STYLESHEET_KEY } from '@fluentui/merge-styles';\nimport { useMergeStylesHooks } from '../hooks/useMergeStylesHooks';\nimport { useMergeStylesShadowRootContext } from '../hooks/useMergeStylesShadowRoot';\n\nexport type MergeStylesContextConsumerProps = {\n  stylesheetKey: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  children: (inShadow: boolean) => React.ReactElement<any, any>;\n};\n\nexport const MergeStylesShadowRootConsumer: React.FC<MergeStylesContextConsumerProps> = ({\n  stylesheetKey,\n  children,\n}) => {\n  const { useAdoptedStylesheetEx, useMergeStylesRootStylesheets, useWindow } = useMergeStylesHooks();\n  const shadowCtx = useMergeStylesShadowRootContext();\n  const rootMergeStyles = useMergeStylesRootStylesheets();\n  const win = useWindow();\n\n  useAdoptedStylesheetEx(GLOBAL_STYLESHEET_KEY, shadowCtx, rootMergeStyles, win);\n  useAdoptedStylesheetEx(stylesheetKey, shadowCtx, rootMergeStyles, win);\n\n  return children(!!shadowCtx);\n};\n"]}

node_modules/@fluentui/utilities/lib-amd/shadowDom/contexts/MergeStylesShadowRootContext.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export type MergeStylesShadowRootContextValue = {
+    /**
+     * Map of stylesheets available in the context.
+     */
+    stylesheets: Map<string, CSSStyleSheet>;
+    /**
+     * Shadow root for this context.
+     */
+    shadowRoot?: ShadowRoot | null;
+};
+export declare const MergeStylesShadowRootContext: React.Context<MergeStylesShadowRootContextValue | undefined>;
+export type MergeStylesShadowRootProviderProps = {
+    children?: React.ReactNode;
+    /**
+     * Shadow root for this context.
+     */
+    shadowRoot?: ShadowRoot | null;
+};
+/**
+ * Context for a shadow root.
+ */
+export declare const MergeStylesShadowRootProvider: React.FC<MergeStylesShadowRootProviderProps>;

node_modules/@fluentui/utilities/lib-amd/shadowDom/contexts/MergeStylesShadowRootContext.js

@@ -0,0 +1,28 @@
+define(["require", "exports", "tslib", "react", "@fluentui/merge-styles", "../hooks/useMergeStylesHooks"], function (require, exports, tslib_1, React, merge_styles_1, useMergeStylesHooks_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MergeStylesShadowRootProvider = exports.MergeStylesShadowRootContext = void 0;
+    exports.MergeStylesShadowRootContext = React.createContext(undefined);
+    /**
+     * Context for a shadow root.
+     */
+    var MergeStylesShadowRootProvider = function (_a) {
+        var shadowRoot = _a.shadowRoot, props = tslib_1.__rest(_a, ["shadowRoot"]);
+        var value = React.useMemo(function () {
+            return {
+                stylesheets: new Map(),
+                shadowRoot: shadowRoot,
+            };
+        }, [shadowRoot]);
+        return (React.createElement(exports.MergeStylesShadowRootContext.Provider, tslib_1.__assign({ value: value }, props),
+            React.createElement(GlobalStyles, null),
+            props.children));
+    };
+    exports.MergeStylesShadowRootProvider = MergeStylesShadowRootProvider;
+    var GlobalStyles = function (props) {
+        var useAdoptedStylesheet = (0, useMergeStylesHooks_1.useMergeStylesHooks)().useAdoptedStylesheet;
+        useAdoptedStylesheet(merge_styles_1.GLOBAL_STYLESHEET_KEY);
+        return null;
+    };
+});
+//# sourceMappingURL=MergeStylesShadowRootContext.js.map

node_modules/@fluentui/utilities/lib-amd/shadowDom/contexts/MergeStylesShadowRootContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MergeStylesShadowRootContext.js","sourceRoot":"../src/","sources":["shadowDom/contexts/MergeStylesShadowRootContext.tsx"],"names":[],"mappings":";;;;IAgBa,QAAA,4BAA4B,GAAG,KAAK,CAAC,aAAa,CAC7D,SAAS,CACV,CAAC;IAUF;;OAEG;IACI,IAAM,6BAA6B,GAAiD,UAAC,EAG3F;QAFC,IAAA,UAAU,gBAAA,EACP,KAAK,sBAFkF,cAG3F,CADS;QAER,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;YAC1B,OAAO;gBACL,WAAW,EAAE,IAAI,GAAG,EAAE;gBACtB,UAAU,YAAA;aACX,CAAC;QACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;QAEjB,OAAO,CACL,oBAAC,oCAA4B,CAAC,QAAQ,qBAAC,KAAK,EAAE,KAAK,IAAM,KAAK;YAC5D,oBAAC,YAAY,OAAG;YACf,KAAK,CAAC,QAAQ,CACuB,CACzC,CAAC;IACJ,CAAC,CAAC;IAjBW,QAAA,6BAA6B,iCAiBxC;IAEF,IAAM,YAAY,GAAa,UAAA,KAAK;QAC1B,IAAA,oBAAoB,GAAK,IAAA,yCAAmB,GAAE,qBAA1B,CAA2B;QACvD,oBAAoB,CAAC,oCAAqB,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { GLOBAL_STYLESHEET_KEY } from '@fluentui/merge-styles';\nimport { useMergeStylesHooks } from '../hooks/useMergeStylesHooks';\n\nexport type MergeStylesShadowRootContextValue = {\n  /**\n   * Map of stylesheets available in the context.\n   */\n  stylesheets: Map<string, CSSStyleSheet>;\n\n  /**\n   * Shadow root for this context.\n   */\n  shadowRoot?: ShadowRoot | null;\n};\n\nexport const MergeStylesShadowRootContext = React.createContext<MergeStylesShadowRootContextValue | undefined>(\n  undefined,\n);\n\nexport type MergeStylesShadowRootProviderProps = {\n  children?: React.ReactNode;\n  /**\n   * Shadow root for this context.\n   */\n  shadowRoot?: ShadowRoot | null;\n};\n\n/**\n * Context for a shadow root.\n */\nexport const MergeStylesShadowRootProvider: React.FC<MergeStylesShadowRootProviderProps> = ({\n  shadowRoot,\n  ...props\n}) => {\n  const value = React.useMemo(() => {\n    return {\n      stylesheets: new Map(),\n      shadowRoot,\n    };\n  }, [shadowRoot]);\n\n  return (\n    <MergeStylesShadowRootContext.Provider value={value} {...props}>\n      <GlobalStyles />\n      {props.children}\n    </MergeStylesShadowRootContext.Provider>\n  );\n};\n\nconst GlobalStyles: React.FC = props => {\n  const { useAdoptedStylesheet } = useMergeStylesHooks();\n  useAdoptedStylesheet(GLOBAL_STYLESHEET_KEY);\n  return null;\n};\n"]}

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useAdoptedStylesheet.d.ts

@@ -0,0 +1,12 @@
+import type { ExtendedCSSStyleSheet } from '@fluentui/merge-styles';
+import type { MergeStylesShadowRootContextValue } from '../contexts/MergeStylesShadowRootContext';
+export type AdoptedStylesheetHook = (stylesheetKey: string) => boolean;
+export type AdoptedStylesheetExHook = (stylesheetKey: string, shadowCtx: MergeStylesShadowRootContextValue | undefined, rootMergeStyles: Map<string, ExtendedCSSStyleSheet>, win: Window | undefined) => boolean;
+/**
+ * Use adopted stylesheets in the parent shadow root.
+ */
+export declare const useAdoptedStylesheet: AdoptedStylesheetHook;
+/**
+ * Optimization for specific cases like nested customizables.
+ */
+export declare const useAdoptedStylesheetEx: AdoptedStylesheetExHook;

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useAdoptedStylesheet.js

@@ -0,0 +1,109 @@
+define(["require", "exports", "tslib", "react", "@fluentui/merge-styles", "@fluentui/react-window-provider", "./useMergeStylesRootStylesheets", "./useMergeStylesShadowRoot"], function (require, exports, tslib_1, React, merge_styles_1, react_window_provider_1, useMergeStylesRootStylesheets_1, useMergeStylesShadowRoot_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useAdoptedStylesheetEx = exports.useAdoptedStylesheet = void 0;
+    /**
+     * Use adopted stylesheets in the parent shadow root.
+     */
+    var useAdoptedStylesheet = function (stylesheetKey) {
+        var shadowCtx = (0, useMergeStylesShadowRoot_1.useMergeStylesShadowRootContext)();
+        var rootMergeStyles = (0, useMergeStylesRootStylesheets_1.useMergeStylesRootStylesheets)();
+        var win = (0, react_window_provider_1.useWindow)();
+        return (0, exports.useAdoptedStylesheetEx)(stylesheetKey, shadowCtx, rootMergeStyles, win);
+    };
+    exports.useAdoptedStylesheet = useAdoptedStylesheet;
+    /**
+     * Optimization for specific cases like nested customizables.
+     */
+    var useAdoptedStylesheetEx = function (stylesheetKey, shadowCtx, rootMergeStyles, win) {
+        var polyfillInsertListners = React.useRef({});
+        React.useEffect(function () {
+            if (!shadowCtx) {
+                return;
+            }
+            var polyfillListeners = polyfillInsertListners.current;
+            polyfillInsertListners.current = {};
+            return function () {
+                Object.keys(polyfillListeners).forEach(function (key) {
+                    polyfillListeners[key]();
+                });
+            };
+        }, [win, stylesheetKey, shadowCtx]);
+        if (!shadowCtx) {
+            return false;
+        }
+        if (shadowCtx.shadowRoot && !shadowCtx.stylesheets.has(stylesheetKey)) {
+            var adoptableStyleSheet = rootMergeStyles.get(stylesheetKey);
+            if (adoptableStyleSheet && (win === null || win === void 0 ? void 0 : win.document)) {
+                adoptSheet(shadowCtx, win.document, stylesheetKey, adoptableStyleSheet, polyfillInsertListners.current);
+            }
+        }
+        return true;
+    };
+    exports.useAdoptedStylesheetEx = useAdoptedStylesheetEx;
+    var updatePolyfillSheet = function (shadowCtx, stylesheetKey, rule) {
+        var shadowRoot = shadowCtx.shadowRoot;
+        var style = shadowRoot.querySelector("[data-merge-styles-stylesheet-key=\"".concat(stylesheetKey, "\"]"));
+        if (style === null || style === void 0 ? void 0 : style.sheet) {
+            style.sheet.insertRule(rule);
+        }
+    };
+    var adoptSheet = function (shadowCtx, doc, stylesheetKey, stylesheet, listenerRef) {
+        var _a, _b, _c, _d, _e;
+        var shadowRoot = shadowCtx.shadowRoot;
+        shadowCtx.stylesheets.set(stylesheetKey, stylesheet);
+        if (merge_styles_1.SUPPORTS_CONSTRUCTABLE_STYLESHEETS) {
+            // Maintain the sort order of Fluent style sheets
+            var prevSheets = shadowRoot.adoptedStyleSheets;
+            var i = prevSheets.length;
+            var found = i === 0;
+            while (i >= 0 && !found) {
+                i--;
+                var prevSheet = prevSheets[i];
+                var prevSortOrder = (_b = (_a = prevSheet.metadata) === null || _a === void 0 ? void 0 : _a.sortOrder) !== null && _b !== void 0 ? _b : 0;
+                var sheetSortOrder = (_d = (_c = stylesheet.metadata) === null || _c === void 0 ? void 0 : _c.sortOrder) !== null && _d !== void 0 ? _d : 0;
+                if (prevSheet.bucketName === 'merge-styles' && prevSortOrder < sheetSortOrder) {
+                    found = true;
+                }
+            }
+            if (merge_styles_1.SUPPORTS_MODIFYING_ADOPTED_STYLESHEETS) {
+                // The current spec allows the `adoptedStyleSheets` array to be modified.
+                // Previous versions of the spec required a new array to be created.
+                // For more details see: https://github.com/microsoft/fast/pull/6703
+                shadowRoot.adoptedStyleSheets.splice(i + 1, 0, stylesheet);
+            }
+            else {
+                shadowRoot.adoptedStyleSheets = tslib_1.__spreadArray(tslib_1.__spreadArray(tslib_1.__spreadArray([], shadowRoot.adoptedStyleSheets.slice(0, i + 1), true), [
+                    stylesheet
+                ], false), shadowRoot.adoptedStyleSheets.slice(i + 1), true);
+            }
+        }
+        else {
+            var style = doc.createElement('style');
+            style.setAttribute('data-merge-styles-stylesheet-key', stylesheetKey);
+            var otherStyles = shadowRoot.querySelectorAll('[data-merge-styles-stylesheet-key]');
+            if (otherStyles.length > 0) {
+                shadowRoot.insertBefore(style, otherStyles[otherStyles.length - 1].nextSibling);
+            }
+            else {
+                shadowRoot.insertBefore(style, shadowRoot.firstChild);
+            }
+            if (style.sheet) {
+                (0, merge_styles_1.cloneCSSStyleSheet)(stylesheet, style.sheet);
+                if (!listenerRef[stylesheetKey]) {
+                    var onInsert = function (_a) {
+                        var key = _a.key, rule = _a.rule;
+                        if (key === stylesheetKey) {
+                            if (shadowCtx && rule) {
+                                updatePolyfillSheet(shadowCtx, key, rule);
+                            }
+                        }
+                    };
+                    var polyfillSheet = merge_styles_1.Stylesheet.getInstance((0, merge_styles_1.makeShadowConfig)(stylesheetKey, true, (_e = doc.defaultView) !== null && _e !== void 0 ? _e : undefined));
+                    listenerRef[stylesheetKey] = polyfillSheet.onInsertRule(onInsert);
+                }
+            }
+        }
+    };
+});
+//# sourceMappingURL=useAdoptedStylesheet.js.map

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useMergeStylesHooks.d.ts

@@ -0,0 +1,16 @@
+import type { UseWindowHook } from '../contexts/MergeStylesDefaultContext';
+import type { AdoptedStylesheetExHook, AdoptedStylesheetHook } from './useAdoptedStylesheet';
+import type { ShadowConfigHook } from './useShadowConfig';
+import type { HasMergeStylesShadowRootContextHook, MergeStylesShadowRootContextHook } from './useMergeStylesShadowRoot';
+import type { MergeStylesRootStylesheetsHook } from './useMergeStylesRootStylesheets';
+import type { UseStyledHook } from './useStyled';
+export declare const useMergeStylesHooks: () => {
+    useAdoptedStylesheetEx: AdoptedStylesheetExHook;
+    useAdoptedStylesheet: AdoptedStylesheetHook;
+    useShadowConfig: ShadowConfigHook;
+    useMergeStylesShadowRootContext: MergeStylesShadowRootContextHook;
+    useHasMergeStylesShadowRootContext: HasMergeStylesShadowRootContextHook;
+    useMergeStylesRootStylesheets: MergeStylesRootStylesheetsHook;
+    useWindow: UseWindowHook;
+    useStyled: UseStyledHook;
+};

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useMergeStylesHooks.js

@@ -0,0 +1,20 @@
+define(["require", "exports", "react", "../contexts/MergeStylesDefaultContext"], function (require, exports, React, MergeStylesDefaultContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useMergeStylesHooks = void 0;
+    var useMergeStylesHooks = function () {
+        var ctx = React.useContext(MergeStylesDefaultContext_1.MergeStylesDefaultContext);
+        return {
+            useAdoptedStylesheet: ctx.useAdoptedStylesheet,
+            useAdoptedStylesheetEx: ctx.useAdoptedStylesheetEx,
+            useShadowConfig: ctx.useShadowConfig,
+            useMergeStylesShadowRootContext: ctx.useMergeStylesShadowRootContext,
+            useHasMergeStylesShadowRootContext: ctx.useHasMergeStylesShadowRootContext,
+            useMergeStylesRootStylesheets: ctx.useMergeStylesRootStylesheets,
+            useWindow: ctx.useWindow,
+            useStyled: ctx.useStyled,
+        };
+    };
+    exports.useMergeStylesHooks = useMergeStylesHooks;
+});
+//# sourceMappingURL=useMergeStylesHooks.js.map

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useMergeStylesHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergeStylesHooks.js","sourceRoot":"../src/","sources":["shadowDom/hooks/useMergeStylesHooks.ts"],"names":[],"mappings":";;;;IASO,IAAM,mBAAmB,GAAG;QAUjC,IAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,qDAAyB,CAAC,CAAC;QACxD,OAAO;YACL,oBAAoB,EAAE,GAAG,CAAC,oBAAoB;YAC9C,sBAAsB,EAAE,GAAG,CAAC,sBAAsB;YAClD,eAAe,EAAE,GAAG,CAAC,eAAe;YACpC,+BAA+B,EAAE,GAAG,CAAC,+BAA+B;YACpE,kCAAkC,EAAE,GAAG,CAAC,kCAAkC;YAC1E,6BAA6B,EAAE,GAAG,CAAC,6BAA6B;YAChE,SAAS,EAAE,GAAG,CAAC,SAAS;YACxB,SAAS,EAAE,GAAG,CAAC,SAAS;SACzB,CAAC;IACJ,CAAC,CAAC;IArBW,QAAA,mBAAmB,uBAqB9B","sourcesContent":["import * as React from 'react';\nimport { MergeStylesDefaultContext } from '../contexts/MergeStylesDefaultContext';\nimport type { UseWindowHook } from '../contexts/MergeStylesDefaultContext';\nimport type { AdoptedStylesheetExHook, AdoptedStylesheetHook } from './useAdoptedStylesheet';\nimport type { ShadowConfigHook } from './useShadowConfig';\nimport type { HasMergeStylesShadowRootContextHook, MergeStylesShadowRootContextHook } from './useMergeStylesShadowRoot';\nimport type { MergeStylesRootStylesheetsHook } from './useMergeStylesRootStylesheets';\nimport type { UseStyledHook } from './useStyled';\n\nexport const useMergeStylesHooks = (): {\n  useAdoptedStylesheetEx: AdoptedStylesheetExHook;\n  useAdoptedStylesheet: AdoptedStylesheetHook;\n  useShadowConfig: ShadowConfigHook;\n  useMergeStylesShadowRootContext: MergeStylesShadowRootContextHook;\n  useHasMergeStylesShadowRootContext: HasMergeStylesShadowRootContextHook;\n  useMergeStylesRootStylesheets: MergeStylesRootStylesheetsHook;\n  useWindow: UseWindowHook;\n  useStyled: UseStyledHook;\n} => {\n  const ctx = React.useContext(MergeStylesDefaultContext);\n  return {\n    useAdoptedStylesheet: ctx.useAdoptedStylesheet,\n    useAdoptedStylesheetEx: ctx.useAdoptedStylesheetEx,\n    useShadowConfig: ctx.useShadowConfig,\n    useMergeStylesShadowRootContext: ctx.useMergeStylesShadowRootContext,\n    useHasMergeStylesShadowRootContext: ctx.useHasMergeStylesShadowRootContext,\n    useMergeStylesRootStylesheets: ctx.useMergeStylesRootStylesheets,\n    useWindow: ctx.useWindow,\n    useStyled: ctx.useStyled,\n  };\n};\n"]}

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useMergeStylesRootStylesheets.d.ts

@@ -0,0 +1,6 @@
+import type { ExtendedCSSStyleSheet } from '@fluentui/merge-styles';
+export type MergeStylesRootStylesheetsHook = () => Map<string, ExtendedCSSStyleSheet>;
+/**
+ * Get the map of stylesheets available in the context.
+ */
+export declare const useMergeStylesRootStylesheets: MergeStylesRootStylesheetsHook;

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useMergeStylesRootStylesheets.js

@@ -0,0 +1,13 @@
+define(["require", "exports", "react", "../contexts/MergeStylesDefaultContext"], function (require, exports, React, MergeStylesDefaultContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useMergeStylesRootStylesheets = void 0;
+    /**
+     * Get the map of stylesheets available in the context.
+     */
+    var useMergeStylesRootStylesheets = function () {
+        return React.useContext(MergeStylesDefaultContext_1.MergeStylesDefaultContext).stylesheets;
+    };
+    exports.useMergeStylesRootStylesheets = useMergeStylesRootStylesheets;
+});
+//# sourceMappingURL=useMergeStylesRootStylesheets.js.map

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useMergeStylesRootStylesheets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergeStylesRootStylesheets.js","sourceRoot":"../src/","sources":["shadowDom/hooks/useMergeStylesRootStylesheets.ts"],"names":[],"mappings":";;;;IAMA;;OAEG;IACI,IAAM,6BAA6B,GAAmC;QAC3E,OAAO,KAAK,CAAC,UAAU,CAAC,qDAAyB,CAAC,CAAC,WAAW,CAAC;IACjE,CAAC,CAAC;IAFW,QAAA,6BAA6B,iCAExC","sourcesContent":["import * as React from 'react';\nimport { MergeStylesDefaultContext } from '../contexts/MergeStylesDefaultContext';\nimport type { ExtendedCSSStyleSheet } from '@fluentui/merge-styles';\n\nexport type MergeStylesRootStylesheetsHook = () => Map<string, ExtendedCSSStyleSheet>;\n\n/**\n * Get the map of stylesheets available in the context.\n */\nexport const useMergeStylesRootStylesheets: MergeStylesRootStylesheetsHook = () => {\n  return React.useContext(MergeStylesDefaultContext).stylesheets;\n};\n"]}

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useMergeStylesShadowRoot.d.ts

@@ -0,0 +1,13 @@
+import { MergeStylesShadowRootContextValue } from '../contexts/MergeStylesShadowRootContext';
+export type HasMergeStylesShadowRootContextHook = () => boolean;
+export type MergeStylesShadowRootContextHook = () => MergeStylesShadowRootContextValue | undefined;
+/**
+ * Test if a context is available.
+ * @returns true if there is a context.
+ */
+export declare const useHasMergeStylesShadowRootContext: HasMergeStylesShadowRootContextHook;
+/**
+ * Get a reference to the shadow root context.
+ * @returns The context for the shadow root.
+ */
+export declare const useMergeStylesShadowRootContext: MergeStylesShadowRootContextHook;

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useMergeStylesShadowRoot.js

@@ -0,0 +1,22 @@
+define(["require", "exports", "react", "../contexts/MergeStylesShadowRootContext"], function (require, exports, React, MergeStylesShadowRootContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useMergeStylesShadowRootContext = exports.useHasMergeStylesShadowRootContext = void 0;
+    /**
+     * Test if a context is available.
+     * @returns true if there is a context.
+     */
+    var useHasMergeStylesShadowRootContext = function () {
+        return !!(0, exports.useMergeStylesShadowRootContext)();
+    };
+    exports.useHasMergeStylesShadowRootContext = useHasMergeStylesShadowRootContext;
+    /**
+     * Get a reference to the shadow root context.
+     * @returns The context for the shadow root.
+     */
+    var useMergeStylesShadowRootContext = function () {
+        return React.useContext(MergeStylesShadowRootContext_1.MergeStylesShadowRootContext);
+    };
+    exports.useMergeStylesShadowRootContext = useMergeStylesShadowRootContext;
+});
+//# sourceMappingURL=useMergeStylesShadowRoot.js.map

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useMergeStylesShadowRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergeStylesShadowRoot.js","sourceRoot":"../src/","sources":["shadowDom/hooks/useMergeStylesShadowRoot.ts"],"names":[],"mappings":";;;;IASA;;;OAGG;IACI,IAAM,kCAAkC,GAAwC;QACrF,OAAO,CAAC,CAAC,IAAA,uCAA+B,GAAE,CAAC;IAC7C,CAAC,CAAC;IAFW,QAAA,kCAAkC,sCAE7C;IAEF;;;OAGG;IACI,IAAM,+BAA+B,GAAqC;QAC/E,OAAO,KAAK,CAAC,UAAU,CAAC,2DAA4B,CAAC,CAAC;IACxD,CAAC,CAAC;IAFW,QAAA,+BAA+B,mCAE1C","sourcesContent":["import * as React from 'react';\nimport {\n  MergeStylesShadowRootContext,\n  MergeStylesShadowRootContextValue,\n} from '../contexts/MergeStylesShadowRootContext';\n\nexport type HasMergeStylesShadowRootContextHook = () => boolean;\nexport type MergeStylesShadowRootContextHook = () => MergeStylesShadowRootContextValue | undefined;\n\n/**\n * Test if a context is available.\n * @returns true if there is a context.\n */\nexport const useHasMergeStylesShadowRootContext: HasMergeStylesShadowRootContextHook = () => {\n  return !!useMergeStylesShadowRootContext();\n};\n\n/**\n * Get a reference to the shadow root context.\n * @returns The context for the shadow root.\n */\nexport const useMergeStylesShadowRootContext: MergeStylesShadowRootContextHook = () => {\n  return React.useContext(MergeStylesShadowRootContext);\n};\n"]}

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useShadowConfig.d.ts

@@ -0,0 +1,9 @@
+import type { ShadowConfig } from '@fluentui/merge-styles';
+export type ShadowConfigHook = (stylesheetKey: string, inShadow: boolean, win?: Window) => ShadowConfig;
+/**
+ * Get a shadow config.
+ * @param stylesheetKey - Globally unique key
+ * @param win - Reference to the `window` global.
+ * @returns ShadowConfig
+ */
+export declare const useShadowConfig: ShadowConfigHook;

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useShadowConfig.js

@@ -0,0 +1,19 @@
+define(["require", "exports", "react", "@fluentui/merge-styles"], function (require, exports, React, merge_styles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useShadowConfig = void 0;
+    /**
+     * Get a shadow config.
+     * @param stylesheetKey - Globally unique key
+     * @param win - Reference to the `window` global.
+     * @returns ShadowConfig
+     */
+    var useShadowConfig = function (stylesheetKey, inShadow, win) {
+        if (inShadow === void 0) { inShadow = false; }
+        return React.useMemo(function () {
+            return (0, merge_styles_1.makeShadowConfig)(stylesheetKey, inShadow, win);
+        }, [stylesheetKey, inShadow, win]);
+    };
+    exports.useShadowConfig = useShadowConfig;
+});
+//# sourceMappingURL=useShadowConfig.js.map

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useShadowConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShadowConfig.js","sourceRoot":"../src/","sources":["shadowDom/hooks/useShadowConfig.ts"],"names":[],"mappings":";;;;IAMA;;;;;OAKG;IACI,IAAM,eAAe,GAAqB,UAAC,aAAa,EAAE,QAAgB,EAAE,GAAI;QAAtB,yBAAA,EAAA,gBAAgB;QAC/E,OAAO,KAAK,CAAC,OAAO,CAAC;YACnB,OAAO,IAAA,+BAAgB,EAAC,aAAa,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC;QACxD,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAJW,QAAA,eAAe,mBAI1B","sourcesContent":["import * as React from 'react';\nimport { makeShadowConfig } from '@fluentui/merge-styles';\nimport type { ShadowConfig } from '@fluentui/merge-styles';\n\nexport type ShadowConfigHook = (stylesheetKey: string, inShadow: boolean, win?: Window) => ShadowConfig;\n\n/**\n * Get a shadow config.\n * @param stylesheetKey - Globally unique key\n * @param win - Reference to the `window` global.\n * @returns ShadowConfig\n */\nexport const useShadowConfig: ShadowConfigHook = (stylesheetKey, inShadow = false, win?) => {\n  return React.useMemo(() => {\n    return makeShadowConfig(stylesheetKey, inShadow, win);\n  }, [stylesheetKey, inShadow, win]);\n};\n"]}

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useStyled.d.ts

@@ -0,0 +1,3 @@
+import { ShadowConfig } from '@fluentui/merge-styles';
+export type UseStyledHook = (scope: string) => ShadowConfig | undefined;
+export declare const useStyled: UseStyledHook;

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useStyled.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "../../dom", "./useMergeStylesHooks"], function (require, exports, dom_1, useMergeStylesHooks_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useStyled = void 0;
+    var useStyled = function (scope) {
+        if (scope === void 0) { scope = '__global__'; }
+        var _a = (0, useMergeStylesHooks_1.useMergeStylesHooks)(), useAdoptedStylesheetEx = _a.useAdoptedStylesheetEx, useShadowConfig = _a.useShadowConfig, useMergeStylesShadowRootContext = _a.useMergeStylesShadowRootContext, useMergeStylesRootStylesheets = _a.useMergeStylesRootStylesheets, useWindow = _a.useWindow;
+        var win = useWindow() || (0, dom_1.getWindow)();
+        var shadowCtx = useMergeStylesShadowRootContext();
+        var inShadow = !!shadowCtx;
+        var rootMergeStyles = useMergeStylesRootStylesheets();
+        var shadowConfig = useShadowConfig(scope, inShadow, win);
+        useAdoptedStylesheetEx(scope, shadowCtx, rootMergeStyles, win);
+        return shadowConfig;
+    };
+    exports.useStyled = useStyled;
+});
+//# sourceMappingURL=useStyled.js.map

node_modules/@fluentui/utilities/lib-amd/shadowDom/hooks/useStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyled.js","sourceRoot":"../src/","sources":["shadowDom/hooks/useStyled.ts"],"names":[],"mappings":";;;;IAMO,IAAM,SAAS,GAAkB,UAAC,KAAoB;QAApB,sBAAA,EAAA,oBAAoB;QACrD,IAAA,KAMF,IAAA,yCAAmB,GAAE,EALvB,sBAAsB,4BAAA,EACtB,eAAe,qBAAA,EACf,+BAA+B,qCAAA,EAC/B,6BAA6B,mCAAA,EAC7B,SAAS,eACc,CAAC;QAE1B,IAAM,GAAG,GAAG,SAAS,EAAE,IAAI,IAAA,eAAS,GAAE,CAAC;QACvC,IAAM,SAAS,GAAG,+BAA+B,EAAE,CAAC;QACpD,IAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC;QAC7B,IAAM,eAAe,GAAG,6BAA6B,EAAE,CAAC;QACxD,IAAM,YAAY,GAAG,eAAe,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC;QAE3D,sBAAsB,CAAC,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,CAAC,CAAC;QAE/D,OAAO,YAAY,CAAC;IACtB,CAAC,CAAC;IAlBW,QAAA,SAAS,aAkBpB","sourcesContent":["import { ShadowConfig } from '@fluentui/merge-styles';\nimport { getWindow } from '../../dom';\nimport { useMergeStylesHooks } from './useMergeStylesHooks';\n\nexport type UseStyledHook = (scope: string) => ShadowConfig | undefined;\n\nexport const useStyled: UseStyledHook = (scope = '__global__') => {\n  const {\n    useAdoptedStylesheetEx,\n    useShadowConfig,\n    useMergeStylesShadowRootContext,\n    useMergeStylesRootStylesheets,\n    useWindow,\n  } = useMergeStylesHooks();\n\n  const win = useWindow() || getWindow();\n  const shadowCtx = useMergeStylesShadowRootContext();\n  const inShadow = !!shadowCtx;\n  const rootMergeStyles = useMergeStylesRootStylesheets();\n  const shadowConfig = useShadowConfig(scope, inShadow, win);\n\n  useAdoptedStylesheetEx(scope, shadowCtx, rootMergeStyles, win);\n\n  return shadowConfig;\n};\n"]}

node_modules/@fluentui/utilities/lib-amd/shadowDom/index.d.ts

@@ -0,0 +1,18 @@
+export { MergeStylesRootProvider } from './contexts/MergeStylesRootContext';
+export type { MergeStylesRootContextValue, MergeStylesRootProviderProps } from './contexts/MergeStylesRootContext';
+export type { UseWindowHook } from './contexts/MergeStylesDefaultContext';
+export { MergeStylesShadowRootConsumer } from './contexts/MergeStylesShadowRootConsumer';
+export type { MergeStylesContextConsumerProps } from './contexts/MergeStylesShadowRootConsumer';
+export { MergeStylesShadowRootContext, MergeStylesShadowRootProvider } from './contexts/MergeStylesShadowRootContext';
+export type { MergeStylesShadowRootContextValue, MergeStylesShadowRootProviderProps, } from './contexts/MergeStylesShadowRootContext';
+export { useAdoptedStylesheet, useAdoptedStylesheetEx } from './hooks/useAdoptedStylesheet';
+export type { AdoptedStylesheetHook, AdoptedStylesheetExHook } from './hooks/useAdoptedStylesheet';
+export { useMergeStylesHooks } from './hooks/useMergeStylesHooks';
+export { useMergeStylesRootStylesheets } from './hooks/useMergeStylesRootStylesheets';
+export type { MergeStylesRootStylesheetsHook } from './hooks/useMergeStylesRootStylesheets';
+export { useHasMergeStylesShadowRootContext, useMergeStylesShadowRootContext } from './hooks/useMergeStylesShadowRoot';
+export type { HasMergeStylesShadowRootContextHook, MergeStylesShadowRootContextHook, } from './hooks/useMergeStylesShadowRoot';
+export { useShadowConfig } from './hooks/useShadowConfig';
+export type { ShadowConfigHook } from './hooks/useShadowConfig';
+export { useStyled } from './hooks/useStyled';
+export type { UseStyledHook } from './hooks/useStyled';

node_modules/@fluentui/utilities/lib-amd/shadowDom/index.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "./contexts/MergeStylesRootContext", "./contexts/MergeStylesShadowRootConsumer", "./contexts/MergeStylesShadowRootContext", "./hooks/useAdoptedStylesheet", "./hooks/useMergeStylesHooks", "./hooks/useMergeStylesRootStylesheets", "./hooks/useMergeStylesShadowRoot", "./hooks/useShadowConfig", "./hooks/useStyled"], function (require, exports, MergeStylesRootContext_1, MergeStylesShadowRootConsumer_1, MergeStylesShadowRootContext_1, useAdoptedStylesheet_1, useMergeStylesHooks_1, useMergeStylesRootStylesheets_1, useMergeStylesShadowRoot_1, useShadowConfig_1, useStyled_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useStyled = exports.useShadowConfig = exports.useMergeStylesShadowRootContext = exports.useHasMergeStylesShadowRootContext = exports.useMergeStylesRootStylesheets = exports.useMergeStylesHooks = exports.useAdoptedStylesheetEx = exports.useAdoptedStylesheet = exports.MergeStylesShadowRootProvider = exports.MergeStylesShadowRootContext = exports.MergeStylesShadowRootConsumer = exports.MergeStylesRootProvider = void 0;
+    Object.defineProperty(exports, "MergeStylesRootProvider", { enumerable: true, get: function () { return MergeStylesRootContext_1.MergeStylesRootProvider; } });
+    Object.defineProperty(exports, "MergeStylesShadowRootConsumer", { enumerable: true, get: function () { return MergeStylesShadowRootConsumer_1.MergeStylesShadowRootConsumer; } });
+    Object.defineProperty(exports, "MergeStylesShadowRootContext", { enumerable: true, get: function () { return MergeStylesShadowRootContext_1.MergeStylesShadowRootContext; } });
+    Object.defineProperty(exports, "MergeStylesShadowRootProvider", { enumerable: true, get: function () { return MergeStylesShadowRootContext_1.MergeStylesShadowRootProvider; } });
+    Object.defineProperty(exports, "useAdoptedStylesheet", { enumerable: true, get: function () { return useAdoptedStylesheet_1.useAdoptedStylesheet; } });
+    Object.defineProperty(exports, "useAdoptedStylesheetEx", { enumerable: true, get: function () { return useAdoptedStylesheet_1.useAdoptedStylesheetEx; } });
+    Object.defineProperty(exports, "useMergeStylesHooks", { enumerable: true, get: function () { return useMergeStylesHooks_1.useMergeStylesHooks; } });
+    Object.defineProperty(exports, "useMergeStylesRootStylesheets", { enumerable: true, get: function () { return useMergeStylesRootStylesheets_1.useMergeStylesRootStylesheets; } });
+    Object.defineProperty(exports, "useHasMergeStylesShadowRootContext", { enumerable: true, get: function () { return useMergeStylesShadowRoot_1.useHasMergeStylesShadowRootContext; } });
+    Object.defineProperty(exports, "useMergeStylesShadowRootContext", { enumerable: true, get: function () { return useMergeStylesShadowRoot_1.useMergeStylesShadowRootContext; } });
+    Object.defineProperty(exports, "useShadowConfig", { enumerable: true, get: function () { return useShadowConfig_1.useShadowConfig; } });
+    Object.defineProperty(exports, "useStyled", { enumerable: true, get: function () { return useStyled_1.useStyled; } });
+});
+//# sourceMappingURL=index.js.map

node_modules/@fluentui/utilities/lib-amd/shadowDom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["shadowDom/index.ts"],"names":[],"mappings":";;;;IAAS,iIAAA,uBAAuB,OAAA;IAKvB,8IAAA,6BAA6B,OAAA;IAG7B,4IAAA,4BAA4B,OAAA;IAAE,6IAAA,6BAA6B,OAAA;IAM3D,4HAAA,oBAAoB,OAAA;IAAE,8HAAA,sBAAsB,OAAA;IAG5C,0HAAA,mBAAmB,OAAA;IACnB,8IAAA,6BAA6B,OAAA;IAG7B,8IAAA,kCAAkC,OAAA;IAAE,2IAAA,+BAA+B,OAAA;IAMnE,kHAAA,eAAe,OAAA;IAGf,sGAAA,SAAS,OAAA","sourcesContent":["export { MergeStylesRootProvider } from './contexts/MergeStylesRootContext';\nexport type { MergeStylesRootContextValue, MergeStylesRootProviderProps } from './contexts/MergeStylesRootContext';\n\nexport type { UseWindowHook } from './contexts/MergeStylesDefaultContext';\n\nexport { MergeStylesShadowRootConsumer } from './contexts/MergeStylesShadowRootConsumer';\nexport type { MergeStylesContextConsumerProps } from './contexts/MergeStylesShadowRootConsumer';\n\nexport { MergeStylesShadowRootContext, MergeStylesShadowRootProvider } from './contexts/MergeStylesShadowRootContext';\nexport type {\n  MergeStylesShadowRootContextValue,\n  MergeStylesShadowRootProviderProps,\n} from './contexts/MergeStylesShadowRootContext';\n\nexport { useAdoptedStylesheet, useAdoptedStylesheetEx } from './hooks/useAdoptedStylesheet';\nexport type { AdoptedStylesheetHook, AdoptedStylesheetExHook } from './hooks/useAdoptedStylesheet';\n\nexport { useMergeStylesHooks } from './hooks/useMergeStylesHooks';\nexport { useMergeStylesRootStylesheets } from './hooks/useMergeStylesRootStylesheets';\nexport type { MergeStylesRootStylesheetsHook } from './hooks/useMergeStylesRootStylesheets';\n\nexport { useHasMergeStylesShadowRootContext, useMergeStylesShadowRootContext } from './hooks/useMergeStylesShadowRoot';\nexport type {\n  HasMergeStylesShadowRootContextHook,\n  MergeStylesShadowRootContextHook,\n} from './hooks/useMergeStylesShadowRoot';\n\nexport { useShadowConfig } from './hooks/useShadowConfig';\nexport type { ShadowConfigHook } from './hooks/useShadowConfig';\n\nexport { useStyled } from './hooks/useStyled';\nexport type { UseStyledHook } from './hooks/useStyled';\n"]}