@skbkontur/react-ui 6.0.2 → 6.0.4-46247.0

package/lib/renderEnvironment/RenderEnvironmentContext.js

@@ -1,22 +1,22 @@
 var _a;
 import React, { createContext, useContext, useMemo } from 'react';
 import { getOwnerGlobalObject, getSafeWindow } from '../globalObject.js';
-import { getEmotion } from '../theming/Emotion.js';
+import { getEmotion, PopupProvider } from '../theming/Emotion.js';
 var globalObject = getSafeWindow();
 export var RenderEnvironmentContext = createContext({
     globalObject: globalObject,
     emotion: getEmotion({ container: (_a = globalObject.document) === null || _a === void 0 ? void 0 : _a.head }),
 });
 export var RenderEnvironmentProvider = function (_a) {
-    var children = _a.children, rootNode = _a.rootNode;
-    var value = useMemo(function () {
-        var _a;
-        var globalObject = getOwnerGlobalObject(rootNode);
-        var container = (_a = globalObject.document) === null || _a === void 0 ? void 0 : _a.head;
-        var emotion = getEmotion({ container: container });
-        return { globalObject: globalObject, emotion: emotion };
-    }, [rootNode]);
-    return React.createElement(RenderEnvironmentContext.Provider, { value: value }, children);
+    var getOffsetParent = _a.getOffsetParent, popupStrategy = _a.popupStrategy, children = _a.children, rootNode = _a.rootNode, stylesContainer = _a.stylesContainer, _b = _a.emotionKey, emotionKey = _b === void 0 ? 'react-ui-render-environment' : _b;
+    var emotion = useMemo(function () { return getEmotion({ container: stylesContainer !== null && stylesContainer !== void 0 ? stylesContainer : rootNode, key: emotionKey }); }, [stylesContainer, rootNode, emotionKey]);
+    var value = useMemo(function () { return ({
+        globalObject: getOwnerGlobalObject(rootNode),
+        emotion: emotion,
+    }); }, [emotion, rootNode]);
+    var popupContext = useMemo(function () { return ({ getOffsetParent: getOffsetParent, popupStrategy: popupStrategy }); }, [getOffsetParent, popupStrategy]);
+    return (React.createElement(PopupProvider, { value: popupContext },
+        React.createElement(RenderEnvironmentContext.Provider, { value: value }, children)));
 };
 export var useGlobal = function () { return useContext(RenderEnvironmentContext).globalObject; };
 export var useEmotion = function () { return useContext(RenderEnvironmentContext).emotion; };

package/lib/renderEnvironment/RenderEnvironmentContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderEnvironmentContext.js","sourceRoot":"","sources":["../../../lib/renderEnvironment/RenderEnvironmentContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAOnD,IAAM,YAAY,GAAG,aAAa,EAAE,CAAC;AACrC,MAAM,CAAC,IAAM,wBAAwB,GAAG,aAAa,CAA+B;IAClF,YAAY,cAAA;IACZ,OAAO,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,MAAA,YAAY,CAAC,QAAQ,0CAAE,IAAmB,EAAE,CAAC;CAC/E,CAAC,CAAC;AAOH,MAAM,CAAC,IAAM,yBAAyB,GAA6C,UAAC,EAAsB;QAApB,QAAQ,cAAA,EAAE,QAAQ,cAAA;IACtG,IAAM,KAAK,GAAG,OAAO,CAAC;;QACpB,IAAM,YAAY,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;QACpD,IAAM,SAAS,GAAG,MAAA,YAAY,CAAC,QAAQ,0CAAE,IAAI,CAAC;QAC9C,IAAM,OAAO,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,SAAwB,EAAE,CAAC,CAAC;QAEpE,OAAO,EAAE,YAAY,cAAA,EAAE,OAAO,SAAA,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO,oBAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAqC,CAAC;AACzG,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,cAAoB,OAAA,UAAU,CAAC,wBAAwB,CAAC,CAAC,YAAY,EAAjD,CAAiD,CAAC;AAC/F,MAAM,CAAC,IAAM,UAAU,GAAG,cAAe,OAAA,UAAU,CAAC,wBAAwB,CAAC,CAAC,OAAO,EAA5C,CAA4C,CAAC;AACtF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAK,SAAkC;IAC9D,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { getOwnerGlobalObject, getSafeWindow } from '../globalObject.js';\nimport type { GlobalObject } from '../globalObject.js';\nimport { getEmotion } from '../theming/Emotion.js';\n\nexport interface RenderEnvironmentContextType {\n  globalObject: GlobalObject;\n  emotion: Emotion;\n}\n\nconst globalObject = getSafeWindow();\nexport const RenderEnvironmentContext = createContext<RenderEnvironmentContextType>({\n  globalObject,\n  emotion: getEmotion({ container: globalObject.document?.head as HTMLElement }),\n});\n\ninterface RenderEnvironmentProviderProps {\n  children: React.ReactNode;\n  rootNode: HTMLElement;\n}\n\nexport const RenderEnvironmentProvider: React.FC<RenderEnvironmentProviderProps> = ({ children, rootNode }) => {\n  const value = useMemo(() => {\n    const globalObject = getOwnerGlobalObject(rootNode);\n    const container = globalObject.document?.head;\n    const emotion = getEmotion({ container: container as HTMLElement });\n\n    return { globalObject, emotion };\n  }, [rootNode]);\n  return <RenderEnvironmentContext.Provider value={value}>{children}</RenderEnvironmentContext.Provider>;\n};\n\nexport const useGlobal = (): GlobalObject => useContext(RenderEnvironmentContext).globalObject;\nexport const useEmotion = (): Emotion => useContext(RenderEnvironmentContext).emotion;\nexport const useStyles = <T,>(getStyles: (emotion: Emotion) => T): T => {\n  const emotion = useEmotion();\n  return getStyles(emotion);\n};\n"]}
+{"version":3,"file":"RenderEnvironmentContext.js","sourceRoot":"","sources":["../../../lib/renderEnvironment/RenderEnvironmentContext.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAOlE,IAAM,YAAY,GAAG,aAAa,EAAE,CAAC;AACrC,MAAM,CAAC,IAAM,wBAAwB,GAAG,aAAa,CAA+B;IAClF,YAAY,cAAA;IACZ,OAAO,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,MAAA,YAAY,CAAC,QAAQ,0CAAE,IAAmB,EAAE,CAAC;CAC/E,CAAC,CAAC;AAyBH,MAAM,CAAC,IAAM,yBAAyB,GAA6C,UAAC,EAOnF;QANC,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,kBAA0C,EAA1C,UAAU,mBAAG,6BAA6B,KAAA;IAE1C,IAAM,OAAO,GAAG,OAAO,CACrB,cAAM,OAAA,UAAU,CAAC,EAAE,SAAS,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,EAAvE,CAAuE,EAC7E,CAAC,eAAe,EAAE,QAAQ,EAAE,UAAU,CAAC,CACxC,CAAC;IAEF,IAAM,KAAK,GAAG,OAAO,CACnB,cAAM,OAAA,CAAC;QACL,YAAY,EAAE,oBAAoB,CAAC,QAAQ,CAAC;QAC5C,OAAO,SAAA;KACR,CAAC,EAHI,CAGJ,EACF,CAAC,OAAO,EAAE,QAAQ,CAAC,CACpB,CAAC;IAEF,IAAM,YAAY,GAAG,OAAO,CAAC,cAAM,OAAA,CAAC,EAAE,eAAe,iBAAA,EAAE,aAAa,eAAA,EAAE,CAAC,EAApC,CAAoC,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3G,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,YAAY;QAChC,oBAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAqC,CACjF,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,cAAoB,OAAA,UAAU,CAAC,wBAAwB,CAAC,CAAC,YAAY,EAAjD,CAAiD,CAAC;AAC/F,MAAM,CAAC,IAAM,UAAU,GAAG,cAAe,OAAA,UAAU,CAAC,wBAAwB,CAAC,CAAC,OAAO,EAA5C,CAA4C,CAAC;AACtF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAK,SAAkC;IAC9D,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React, { createContext, useContext, useMemo } from 'react';\n\nimport { getOwnerGlobalObject, getSafeWindow } from '../globalObject.js';\nimport type { GlobalObject } from '../globalObject.js';\nimport { getEmotion, PopupProvider } from '../theming/Emotion.js';\n\nexport interface RenderEnvironmentContextType {\n  globalObject: GlobalObject;\n  emotion: Emotion;\n}\n\nconst globalObject = getSafeWindow();\nexport const RenderEnvironmentContext = createContext<RenderEnvironmentContextType>({\n  globalObject,\n  emotion: getEmotion({ container: globalObject.document?.head as HTMLElement }),\n});\n\nexport type GetOffsetParent = (element?: Node) => HTMLElement | null;\n\n/**\n * Как монтировать портал с попапами относительно Shadow DOM:\n * - `auto` — абсолютное позиционирование внутри shadow root;\n * - `unstable_relative` — режим со смещением через `top` (не рекомендуется);\n * - `fixed` — фиксация к окну с подпиской на scroll/resize.\n */\nexport type PopupStrategy = 'auto' | 'unstable_relative' | 'fixed';\n\ninterface RenderEnvironmentProviderProps {\n  children: React.ReactNode;\n  rootNode: HTMLElement;\n  /**\n   * Контейнер, в который emotion должен инжектить style-теги.\n   * Позволяет синхронно инициализировать emotion до первого render children.\n   */\n  stylesContainer?: HTMLElement;\n  getOffsetParent?: GetOffsetParent;\n  popupStrategy?: PopupStrategy;\n  emotionKey?: string;\n}\n\nexport const RenderEnvironmentProvider: React.FC<RenderEnvironmentProviderProps> = ({\n  getOffsetParent,\n  popupStrategy,\n  children,\n  rootNode,\n  stylesContainer,\n  emotionKey = 'react-ui-render-environment',\n}) => {\n  const emotion = useMemo(\n    () => getEmotion({ container: stylesContainer ?? rootNode, key: emotionKey }),\n    [stylesContainer, rootNode, emotionKey],\n  );\n\n  const value = useMemo(\n    () => ({\n      globalObject: getOwnerGlobalObject(rootNode),\n      emotion,\n    }),\n    [emotion, rootNode],\n  );\n\n  const popupContext = useMemo(() => ({ getOffsetParent, popupStrategy }), [getOffsetParent, popupStrategy]);\n\n  return (\n    <PopupProvider value={popupContext}>\n      <RenderEnvironmentContext.Provider value={value}>{children}</RenderEnvironmentContext.Provider>\n    </PopupProvider>\n  );\n};\n\nexport const useGlobal = (): GlobalObject => useContext(RenderEnvironmentContext).globalObject;\nexport const useEmotion = (): Emotion => useContext(RenderEnvironmentContext).emotion;\nexport const useStyles = <T,>(getStyles: (emotion: Emotion) => T): T => {\n  const emotion = useEmotion();\n  return getStyles(emotion);\n};\n"]}

package/lib/renderEnvironment/RenderEnvironmentDecorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderEnvironmentDecorator.js","sourceRoot":"","sources":["../../../lib/renderEnvironment/RenderEnvironmentDecorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AASzE,MAAM,UAAU,qBAAqB,CACnC,WAAc;;IAEd,IAAM,0BAA0B;YAAiB,2BAAW;YAAzB;;YA0BnC,CAAC;YAlBQ,wBAAM,GAAb;gBAAA,iBAiBC;gBAhBC,OAAO,CACL,oBAAC,wBAAwB,CAAC,QAAQ,QAC/B,UAAC,EAAyB;wBAAvB,YAAY,kBAAA,EAAE,OAAO,aAAA;oBACvB,KAAI,CAAC,YAAY,GAAG,YAAY,CAAC;oBACjC,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;oBACvB,KAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;oBAErB,IAAM,cAAc,GAAG,gBAAK,CAAC,MAAM,CAAC;oBACpC,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;wBACzC,OAAO,cAAc,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;oBACnC,CAAC;oBAED,OAAO,IAAI,CAAC;gBACd,CAAC,CACiC,CACrC,CAAC;YACJ,CAAC;YACH,cAAC;QAAD,CAAC,AA1BkC,CAAc,WAAW;;QAC5C,sBAAmB,GAAG,WAAW,CAAC,mBAAoB;QACtD,cAAW,GAAG,WAAW,CAAC,WAAY;WAwBrD,CAAC;IAEF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;IAC3F,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,0BAA0B,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;IACzF,CAAC;IAED,OAAO,0BAA0B,CAAC;AACpC,CAAC","sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject } from '../globalObject.js';\n\nimport { RenderEnvironmentContext } from './RenderEnvironmentContext.js';\n\ninterface ComponentWithKonturReactUI {\n  __KONTUR_REACT_UI__?: string;\n  displayName?: string;\n}\n\ntype Constructor<T = NonNullable<unknown>> = (new (...args: any[]) => T) & ComponentWithKonturReactUI;\n\nexport function withRenderEnvironment<T extends Constructor<React.Component>>(\n  constructor: T,\n): ComponentWithKonturReactUI & T {\n  const RenderEnvironmentDecorator = class extends constructor {\n    public static __KONTUR_REACT_UI__ = constructor.__KONTUR_REACT_UI__;\n    public static displayName = constructor.displayName;\n\n    public globalObject!: GlobalObject;\n    public cx!: Emotion['cx'];\n    public emotion!: Emotion;\n\n    public render(): React.ReactNode {\n      return (\n        <RenderEnvironmentContext.Consumer>\n          {({ globalObject, emotion }) => {\n            this.globalObject = globalObject;\n            this.emotion = emotion;\n            this.cx = emotion.cx;\n\n            const originalRender = super.render;\n            if (typeof originalRender === 'function') {\n              return originalRender.call(this);\n            }\n\n            return null;\n          }}\n        </RenderEnvironmentContext.Consumer>\n      );\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(RenderEnvironmentDecorator, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(RenderEnvironmentDecorator, 'name', { value: constructor.name });\n  }\n\n  return RenderEnvironmentDecorator;\n}\n"]}
+{"version":3,"file":"RenderEnvironmentDecorator.js","sourceRoot":"","sources":["../../../lib/renderEnvironment/RenderEnvironmentDecorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AASzE,MAAM,UAAU,qBAAqB,CACnC,WAAc;;IAEd,IAAM,0BAA0B;YAAiB,2BAAW;YAAzB;;YA0BnC,CAAC;YAlBQ,wBAAM,GAAb;gBAAA,iBAiBC;gBAhBC,OAAO,CACL,oBAAC,wBAAwB,CAAC,QAAQ,QAC/B,UAAC,EAAyB;wBAAvB,YAAY,kBAAA,EAAE,OAAO,aAAA;oBACvB,KAAI,CAAC,YAAY,GAAG,YAAY,CAAC;oBACjC,KAAI,CAAC,OAAO,GAAG,OAAO,CAAC;oBACvB,KAAI,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;oBAErB,IAAM,cAAc,GAAG,gBAAK,CAAC,MAAM,CAAC;oBACpC,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;wBACzC,OAAO,cAAc,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;oBACnC,CAAC;oBAED,OAAO,IAAI,CAAC;gBACd,CAAC,CACiC,CACrC,CAAC;YACJ,CAAC;YACH,cAAC;QAAD,CAAC,AA1BkC,CAAc,WAAW;;QAC5C,sBAAmB,GAAG,WAAW,CAAC,mBAAoB;QACtD,cAAW,GAAG,WAAW,CAAC,WAAY;WAwBrD,CAAC;IAEF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;IAC3F,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,0BAA0B,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;IACzF,CAAC;IAED,OAAO,0BAA0B,CAAC;AACpC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\n\nimport type { GlobalObject } from '../globalObject.js';\nimport { RenderEnvironmentContext } from './RenderEnvironmentContext.js';\n\ninterface ComponentWithKonturReactUI {\n  __KONTUR_REACT_UI__?: string;\n  displayName?: string;\n}\n\ntype Constructor<T = NonNullable<unknown>> = (new (...args: any[]) => T) & ComponentWithKonturReactUI;\n\nexport function withRenderEnvironment<T extends Constructor<React.Component>>(\n  constructor: T,\n): ComponentWithKonturReactUI & T {\n  const RenderEnvironmentDecorator = class extends constructor {\n    public static __KONTUR_REACT_UI__ = constructor.__KONTUR_REACT_UI__;\n    public static displayName = constructor.displayName;\n\n    public globalObject!: GlobalObject;\n    public cx!: Emotion['cx'];\n    public emotion!: Emotion;\n\n    public render(): React.ReactNode {\n      return (\n        <RenderEnvironmentContext.Consumer>\n          {({ globalObject, emotion }) => {\n            this.globalObject = globalObject;\n            this.emotion = emotion;\n            this.cx = emotion.cx;\n\n            const originalRender = super.render;\n            if (typeof originalRender === 'function') {\n              return originalRender.call(this);\n            }\n\n            return null;\n          }}\n        </RenderEnvironmentContext.Consumer>\n      );\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(RenderEnvironmentDecorator, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(RenderEnvironmentDecorator, 'name', { value: constructor.name });\n  }\n\n  return RenderEnvironmentDecorator;\n}\n"]}

package/lib/rootNode/getRootNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRootNode.js","sourceRoot":"","sources":["../../../lib/rootNode/getRootNode.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE;;;;;;;;GAQG;AAEH,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,QAAuC;IACjE;;;;;;OAMG;IAEH,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,oDAAoD;QACpD,+CAA+C;QAC/C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxB,mDAAmD;QACnD,8DAA8D;QAC9D,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,QAAQ,CAAC;IAEb,IAAI,sBAAsB,CAAC,QAAQ,CAAC,EAAE,CAAC;QACrC,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACpC,CAAC;IAED,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,qFAAqF;QACrF,6FAA6F;QAC7F,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,kGAAkG;IAClG,OAAO,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/C,CAAC,CAAC","sourcesContent":["import type React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { isElement } from '../utils.js';\n\nimport { isInstanceWithRootNode } from './rootNodeDecorator.js';\n\n/**\n * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance\n * following the \"StrictMode support convention\" (@see README.md#strictmode, #2518).\n *\n * Replaces findDOMNode but falls back to it if \"convention\" is not respected.\n *\n * @param instance Component's instance provided by React.Ref or `this` inside class-components.\n * @returns Component's root `Element` or null\n */\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<Element> => {\n  /**\n   * Options of what instance can be:\n   *  1. null or undefined\n   *  2. DOM Element\n   *  3. class Component instance (object)\n   *  4. literally anything, returned from useImperativeHandle\n   */\n\n  if (!instance) {\n    // instance can be `null` if component was unmounted\n    // also checking undefined for convenient usage\n    return null;\n  }\n\n  if (isElement(instance)) {\n    // instance can be an Element already if its coming\n    // from Refs of intrinsic elements (<div />, <button />, etc.)\n    return instance;\n  }\n\n  let rootNode;\n\n  if (isInstanceWithRootNode(instance)) {\n    rootNode = instance.getRootNode();\n  }\n\n  if (rootNode !== undefined) {\n    // the getter exists and has returned something, it should be what we are looking for\n    // probably its an Element or null (which is also OK, e.g. Popup/Tooltip/Hint before opening)\n    return rootNode;\n  }\n\n  // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it\n  return isElement(rootNode) ? rootNode : null;\n};\n"]}
+{"version":3,"file":"getRootNode.js","sourceRoot":"","sources":["../../../lib/rootNode/getRootNode.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE;;;;;;;;GAQG;AAEH,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,QAAuC;IACjE;;;;;;OAMG;IAEH,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,oDAAoD;QACpD,+CAA+C;QAC/C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxB,mDAAmD;QACnD,8DAA8D;QAC9D,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,QAAQ,CAAC;IAEb,IAAI,sBAAsB,CAAC,QAAQ,CAAC,EAAE,CAAC;QACrC,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACpC,CAAC;IAED,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,qFAAqF;QACrF,6FAA6F;QAC7F,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,kGAAkG;IAClG,OAAO,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/C,CAAC,CAAC","sourcesContent":["import type React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { isElement } from '../utils.js';\nimport { isInstanceWithRootNode } from './rootNodeDecorator.js';\n\n/**\n * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance\n * following the \"StrictMode support convention\" (@see README.md#strictmode, #2518).\n *\n * Replaces findDOMNode but falls back to it if \"convention\" is not respected.\n *\n * @param instance Component's instance provided by React.Ref or `this` inside class-components.\n * @returns Component's root `Element` or null\n */\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<Element> => {\n  /**\n   * Options of what instance can be:\n   *  1. null or undefined\n   *  2. DOM Element\n   *  3. class Component instance (object)\n   *  4. literally anything, returned from useImperativeHandle\n   */\n\n  if (!instance) {\n    // instance can be `null` if component was unmounted\n    // also checking undefined for convenient usage\n    return null;\n  }\n\n  if (isElement(instance)) {\n    // instance can be an Element already if its coming\n    // from Refs of intrinsic elements (<div />, <button />, etc.)\n    return instance;\n  }\n\n  let rootNode;\n\n  if (isInstanceWithRootNode(instance)) {\n    rootNode = instance.getRootNode();\n  }\n\n  if (rootNode !== undefined) {\n    // the getter exists and has returned something, it should be what we are looking for\n    // probably its an Element or null (which is also OK, e.g. Popup/Tooltip/Hint before opening)\n    return rootNode;\n  }\n\n  // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it\n  return isElement(rootNode) ? rootNode : null;\n};\n"]}

package/lib/rootNode/rootNodeDecorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"rootNodeDecorator.js","sourceRoot":"","sources":["../../../lib/rootNode/rootNodeDecorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AA0B/C,MAAM,UAAU,QAAQ,CAAsC,SAAY;;IACxE,IAAM,QAAQ;YAAiB,2BAAS;YAMtC;gBAAmB,cAAc;qBAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;oBAAd,yBAAc;;gBAC/B,YAAA,MAAK,YAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAC;gBAHV,cAAQ,GAAsB,SAAS,CAAC,eAAe,CAAC;gBACxD,qBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;gBAKrC,iBAAW,GAAG,UAAC,QAAuC;oBAC3D,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;oBACvC,IAAI,QAAQ,KAAK,KAAI,CAAC,QAAQ,EAAE,CAAC;wBAC/B,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;wBACzB,KAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBAChD,CAAC;gBACH,CAAC,CAAC;gBAEK,iBAAW,GAAG;oBACnB,OAAO,KAAI,CAAC,QAAQ,CAAC;gBACvB,CAAC,CAAC;gBAEK,+BAAyB,GAAG,UAAC,QAA2C;oBAC7E,KAAI,CAAC,eAAe,CAAC,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBACrD,OAAO;wBACL,MAAM,EAAE;4BACN,KAAI,CAAC,eAAe,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;wBAC1D,CAAC;qBACF,CAAC;gBACJ,CAAC,CAAC;;YArBF,CAAC;YAsBH,cAAC;QAAD,CAAC,AA9BgB,CAAc,SAAS;;QACxB,sBAAmB,GAAG,SAAS,CAAC,mBAAoB;QACpD,cAAW,GAAG,SAAS,CAAC,WAAY;WA4BnD,CAAC;IAEF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzE,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;IACrE,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,QAAiB;IACtD,OAAO,OAAO,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AAC5F,CAAC,CAAC","sourcesContent":["import type React from 'react';\nimport { EventEmitter } from 'eventemitter3';\n\nimport type { Nullable } from '../../typings/utility-types.js';\n\nimport { getRootNode } from './getRootNode.js';\n\nexport type TGetRootNode = () => Nullable<Element>;\nexport type TSetRootNode = (e: Nullable<React.ReactInstance>) => void;\n\nexport interface TRootNodeSubscription {\n  remove: () => void;\n}\n\nexport interface InstanceWithRootNode {\n  getRootNode: TGetRootNode;\n  addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;\n}\n\ninterface ComponentWithDefaultRootNode {\n  defaultRootNode?: Element | null;\n}\ninterface ComponentWithKonturReactUI {\n  __KONTUR_REACT_UI__?: string;\n  displayName?: string;\n}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {\n  new (...args: any[]): React.Component;\n}\n\nexport function rootNode<T extends DecoratableClassComponent>(Component: T): T {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public static __KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__;\n    public static displayName = Component.displayName;\n\n    public rootNode: Nullable<Element> = Component.defaultRootNode;\n    public rootNodeEmitter = new EventEmitter();\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      const rootNode = getRootNode(instance);\n      if (rootNode !== this.rootNode) {\n        this.rootNode = rootNode;\n        this.rootNodeEmitter.emit('change', rootNode);\n      }\n    };\n\n    public getRootNode = (): Nullable<Element> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<Element>) => void): TRootNodeSubscription => {\n      this.rootNodeEmitter.addListener('change', callback);\n      return {\n        remove: () => {\n          this.rootNodeEmitter.removeListener('change', callback);\n        },\n      };\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n\nexport const isInstanceWithRootNode = (instance: unknown): instance is InstanceWithRootNode => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"]}
+{"version":3,"file":"rootNodeDecorator.js","sourceRoot":"","sources":["../../../lib/rootNode/rootNodeDecorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AA0B/C,MAAM,UAAU,QAAQ,CAAsC,SAAY;;IACxE,IAAM,QAAQ;YAAiB,2BAAS;YAMtC;gBAAmB,cAAc;qBAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;oBAAd,yBAAc;;gBAC/B,YAAA,MAAK,YAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAC;gBAHV,cAAQ,GAAsB,SAAS,CAAC,eAAe,CAAC;gBACxD,qBAAe,GAAG,IAAI,YAAY,EAAE,CAAC;gBAKrC,iBAAW,GAAG,UAAC,QAAuC;oBAC3D,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;oBACvC,IAAI,QAAQ,KAAK,KAAI,CAAC,QAAQ,EAAE,CAAC;wBAC/B,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;wBACzB,KAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBAChD,CAAC;gBACH,CAAC,CAAC;gBAEK,iBAAW,GAAG;oBACnB,OAAO,KAAI,CAAC,QAAQ,CAAC;gBACvB,CAAC,CAAC;gBAEK,+BAAyB,GAAG,UAAC,QAA2C;oBAC7E,KAAI,CAAC,eAAe,CAAC,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBACrD,OAAO;wBACL,MAAM,EAAE;4BACN,KAAI,CAAC,eAAe,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;wBAC1D,CAAC;qBACF,CAAC;gBACJ,CAAC,CAAC;;YArBF,CAAC;YAsBH,cAAC;QAAD,CAAC,AA9BgB,CAAc,SAAS;;QACxB,sBAAmB,GAAG,SAAS,CAAC,mBAAoB;QACpD,cAAW,GAAG,SAAS,CAAC,WAAY;WA4BnD,CAAC;IAEF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzE,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;IACrE,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,QAAiB;IACtD,OAAO,OAAO,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AAC5F,CAAC,CAAC","sourcesContent":["import { EventEmitter } from 'eventemitter3';\nimport type React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getRootNode } from './getRootNode.js';\n\nexport type TGetRootNode = () => Nullable<Element>;\nexport type TSetRootNode = (e: Nullable<React.ReactInstance>) => void;\n\nexport interface TRootNodeSubscription {\n  remove: () => void;\n}\n\nexport interface InstanceWithRootNode {\n  getRootNode: TGetRootNode;\n  addRootNodeChangeListener?: (callback: (node: Nullable<Element>) => void) => TRootNodeSubscription;\n}\n\ninterface ComponentWithDefaultRootNode {\n  defaultRootNode?: Element | null;\n}\ninterface ComponentWithKonturReactUI {\n  __KONTUR_REACT_UI__?: string;\n  displayName?: string;\n}\n\ninterface DecoratableClassComponent extends ComponentWithDefaultRootNode, ComponentWithKonturReactUI {\n  new (...args: any[]): React.Component;\n}\n\nexport function rootNode<T extends DecoratableClassComponent>(Component: T): T {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public static __KONTUR_REACT_UI__ = Component.__KONTUR_REACT_UI__;\n    public static displayName = Component.displayName;\n\n    public rootNode: Nullable<Element> = Component.defaultRootNode;\n    public rootNodeEmitter = new EventEmitter();\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      const rootNode = getRootNode(instance);\n      if (rootNode !== this.rootNode) {\n        this.rootNode = rootNode;\n        this.rootNodeEmitter.emit('change', rootNode);\n      }\n    };\n\n    public getRootNode = (): Nullable<Element> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<Element>) => void): TRootNodeSubscription => {\n      this.rootNodeEmitter.addListener('change', callback);\n      return {\n        remove: () => {\n          this.rootNodeEmitter.removeListener('change', callback);\n        },\n      };\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n\nexport const isInstanceWithRootNode = (instance: unknown): instance is InstanceWithRootNode => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"]}

package/lib/shadowDom/isShadowRoot.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Возвращает `true`, если узел является `ShadowRoot`.
+ * Работает и для `mode: 'closed'` (проверка фрагмента с `host` — `Element`),
+ * в отличие от `host.shadowRoot`, которое для closed-roots равно `null`.
+ */
+export declare const isShadowRoot: (root: unknown) => root is ShadowRoot;

package/lib/shadowDom/isShadowRoot.js

@@ -0,0 +1,17 @@
+var DOCUMENT_FRAGMENT_NODE = 11;
+/**
+ * Возвращает `true`, если узел является `ShadowRoot`.
+ * Работает и для `mode: 'closed'` (проверка фрагмента с `host` — `Element`),
+ * в отличие от `host.shadowRoot`, которое для closed-roots равно `null`.
+ */
+export var isShadowRoot = function (root) {
+    var _a, _b;
+    var node = root;
+    if ((node === null || node === void 0 ? void 0 : node.nodeType) !== DOCUMENT_FRAGMENT_NODE) {
+        return false;
+    }
+    var host = node.host;
+    var ElementCtor = (_b = (_a = host === null || host === void 0 ? void 0 : host.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView) === null || _b === void 0 ? void 0 : _b.Element;
+    return Boolean(ElementCtor && host instanceof ElementCtor);
+};
+//# sourceMappingURL=isShadowRoot.js.map

package/lib/shadowDom/isShadowRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isShadowRoot.js","sourceRoot":"","sources":["../../../lib/shadowDom/isShadowRoot.ts"],"names":[],"mappings":"AAAA,IAAM,sBAAsB,GAAG,EAAE,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,IAAa;;IACxC,IAAM,IAAI,GAAG,IAA+B,CAAC;IAC7C,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,MAAK,sBAAsB,EAAE,CAAC;QAC9C,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAM,IAAI,GAAI,IAA4C,CAAC,IAAI,CAAC;IAChE,IAAM,WAAW,GAAG,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAE,WAAW,0CAAE,OAAO,CAAC;IAC9D,OAAO,OAAO,CAAC,WAAW,IAAI,IAAI,YAAY,WAAW,CAAC,CAAC;AAC7D,CAAC,CAAC","sourcesContent":["const DOCUMENT_FRAGMENT_NODE = 11;\n\n/**\n * Возвращает `true`, если узел является `ShadowRoot`.\n * Работает и для `mode: 'closed'` (проверка фрагмента с `host` — `Element`),\n * в отличие от `host.shadowRoot`, которое для closed-roots равно `null`.\n */\nexport const isShadowRoot = (root: unknown): root is ShadowRoot => {\n  const node = root as Node | null | undefined;\n  if (node?.nodeType !== DOCUMENT_FRAGMENT_NODE) {\n    return false;\n  }\n  const host = (node as unknown as Pick<ShadowRoot, 'host'>).host;\n  const ElementCtor = host?.ownerDocument?.defaultView?.Element;\n  return Boolean(ElementCtor && host instanceof ElementCtor);\n};\n"]}

package/lib/size/SizeControlContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SizeControlContext.js","sourceRoot":"","sources":["../../../lib/size/SizeControlContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAMlD,MAAM,CAAC,IAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAA0B;IAC7E,IAAI,EAAE,gBAAgB;CACvB,CAAC,CAAC;AAEH,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC;AAC/C,kBAAkB,CAAC,mBAAmB,GAAG,aAAa,CAAC","sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../types/props.js';\n\nimport { defaultSizeValue } from './constants.js';\n\nexport interface SizeControlContextProps {\n  size: SizeProp;\n}\n\nexport const SizeControlContext = React.createContext<SizeControlContextProps>({\n  size: defaultSizeValue,\n});\n\nSizeControlContext.displayName = 'SizeContext';\nSizeControlContext.__KONTUR_REACT_UI__ = 'SizeContext';\n"]}
+{"version":3,"file":"SizeControlContext.js","sourceRoot":"","sources":["../../../lib/size/SizeControlContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAMlD,MAAM,CAAC,IAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAA0B;IAC7E,IAAI,EAAE,gBAAgB;CACvB,CAAC,CAAC;AAEH,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC;AAC/C,kBAAkB,CAAC,mBAAmB,GAAG,aAAa,CAAC","sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../types/props.js';\nimport { defaultSizeValue } from './constants.js';\n\nexport interface SizeControlContextProps {\n  size: SizeProp;\n}\n\nexport const SizeControlContext = React.createContext<SizeControlContextProps>({\n  size: defaultSizeValue,\n});\n\nSizeControlContext.displayName = 'SizeContext';\nSizeControlContext.__KONTUR_REACT_UI__ = 'SizeContext';\n"]}

package/lib/size/SizeDecorator.js

@@ -14,8 +14,8 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 import React from 'react';
-import { SizeControlContext } from './SizeControlContext.js';
 import { defaultSizeValue } from './constants.js';
+import { SizeControlContext } from './SizeControlContext.js';
 export function withSize(constructor) {
     var SizeDecorator = /** @class */ (function (_super) {
         __extends(class_1, _super);

package/lib/size/SizeDecorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SizeDecorator.js","sourceRoot":"","sources":["../../../lib/size/SizeDecorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAQlD,MAAM,UAAU,QAAQ,CAAwD,WAAc;IAC5F,IAAM,aAAa;QAAiB,2BAAW;QAAzB;;YACb,UAAI,GAAa,gBAAgB,CAAC;;QAiB3C,CAAC;QAfQ,wBAAM,GAAb;YAAA,iBAcC;YAbC,OAAO,CACL,oBAAC,kBAAkB,CAAC,QAAQ,QACzB,UAAC,OAAO;;gBACP,KAAI,CAAC,IAAI,GAAG,MAAA,KAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,OAAO,CAAC,IAAI,CAAC;gBAC5C,IAAM,cAAc,GAAG,gBAAK,CAAC,MAAM,CAAC;gBACpC,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;oBACzC,OAAO,cAAc,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;gBACnC,CAAC;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAC2B,CAC/B,CAAC;QACJ,CAAC;QACH,cAAC;IAAD,CAAC,AAlBqB,CAAc,WAAW,EAkB9C,CAAC;IAEF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC9E,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;IAC5E,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../types/props.js';\n\nimport { SizeControlContext } from './SizeControlContext.js';\nimport { defaultSizeValue } from './constants.js';\n\ntype Constructor<T = NonNullable<unknown>> = new (...args: any[]) => T;\n\ninterface WithSizeProps {\n  size?: SizeProp;\n}\n\nexport function withSize<T extends Constructor<React.Component<WithSizeProps>>>(constructor: T): WithSizeProps & T {\n  const SizeDecorator = class extends constructor {\n    public size: SizeProp = defaultSizeValue;\n\n    public render(): React.ReactNode {\n      return (\n        <SizeControlContext.Consumer>\n          {(context) => {\n            this.size = this.props.size ?? context.size;\n            const originalRender = super.render;\n            if (typeof originalRender === 'function') {\n              return originalRender.call(this);\n            }\n\n            return null;\n          }}\n        </SizeControlContext.Consumer>\n      );\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(SizeDecorator, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(SizeDecorator, 'name', { value: constructor.name });\n  }\n\n  return SizeDecorator;\n}\n"]}
+{"version":3,"file":"SizeDecorator.js","sourceRoot":"","sources":["../../../lib/size/SizeDecorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAQ7D,MAAM,UAAU,QAAQ,CAAwD,WAAc;IAC5F,IAAM,aAAa;QAAiB,2BAAW;QAAzB;;YACb,UAAI,GAAa,gBAAgB,CAAC;;QAiB3C,CAAC;QAfQ,wBAAM,GAAb;YAAA,iBAcC;YAbC,OAAO,CACL,oBAAC,kBAAkB,CAAC,QAAQ,QACzB,UAAC,OAAO;;gBACP,KAAI,CAAC,IAAI,GAAG,MAAA,KAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,OAAO,CAAC,IAAI,CAAC;gBAC5C,IAAM,cAAc,GAAG,gBAAK,CAAC,MAAM,CAAC;gBACpC,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;oBACzC,OAAO,cAAc,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;gBACnC,CAAC;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAC2B,CAC/B,CAAC;QACJ,CAAC;QACH,cAAC;IAAD,CAAC,AAlBqB,CAAc,WAAW,EAkB9C,CAAC;IAEF,IAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC9E,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;QACnD,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;IAC5E,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../types/props.js';\nimport { defaultSizeValue } from './constants.js';\nimport { SizeControlContext } from './SizeControlContext.js';\n\ntype Constructor<T = NonNullable<unknown>> = new (...args: any[]) => T;\n\ninterface WithSizeProps {\n  size?: SizeProp;\n}\n\nexport function withSize<T extends Constructor<React.Component<WithSizeProps>>>(constructor: T): WithSizeProps & T {\n  const SizeDecorator = class extends constructor {\n    public size: SizeProp = defaultSizeValue;\n\n    public render(): React.ReactNode {\n      return (\n        <SizeControlContext.Consumer>\n          {(context) => {\n            this.size = this.props.size ?? context.size;\n            const originalRender = super.render;\n            if (typeof originalRender === 'function') {\n              return originalRender.call(this);\n            }\n\n            return null;\n          }}\n        </SizeControlContext.Consumer>\n      );\n    }\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(SizeDecorator, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(SizeDecorator, 'name', { value: constructor.name });\n  }\n\n  return SizeDecorator;\n}\n"]}

package/lib/size/useSizeControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSizeControl.js","sourceRoot":"","sources":["../../../lib/size/useSizeControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,aAAwB;IAC7C,IAAA,IAAI,GAAK,UAAU,CAAC,kBAAkB,CAAC,KAAnC,CAAoC;IAChD,OAAO,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,IAAI,CAAC;AAC/B,CAAC,CAAC","sourcesContent":["import { useContext } from 'react';\n\nimport type { SizeProp } from '../types/props.js';\n\nimport { SizeControlContext } from './SizeControlContext.js';\n\nexport const useSizeControl = (propValueSize?: SizeProp): SizeProp => {\n  const { size } = useContext(SizeControlContext);\n  return propValueSize ?? size;\n};\n"]}
+{"version":3,"file":"useSizeControl.js","sourceRoot":"","sources":["../../../lib/size/useSizeControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,aAAwB;IAC7C,IAAA,IAAI,GAAK,UAAU,CAAC,kBAAkB,CAAC,KAAnC,CAAoC;IAChD,OAAO,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,IAAI,CAAC;AAC/B,CAAC,CAAC","sourcesContent":["import { useContext } from 'react';\n\nimport type { SizeProp } from '../types/props.js';\nimport { SizeControlContext } from './SizeControlContext.js';\n\nexport const useSizeControl = (propValueSize?: SizeProp): SizeProp => {\n  const { size } = useContext(SizeControlContext);\n  return propValueSize ?? size;\n};\n"]}

package/lib/styles/ColorFunctions.js

@@ -1,5 +1,5 @@
-import { clamp, floatFromPercent } from './ColorHelpers.js';
 import { ColorFactory } from './ColorFactory.js';
+import { clamp, floatFromPercent } from './ColorHelpers.js';
 var DEFAULT_DARK = ColorFactory.create('#333333');
 var DEFAULT_LIGHT = ColorFactory.create('#fff');
 var ColorFunctionsCache = Object.create(null);
@@ -119,7 +119,7 @@ export var isValid = function (colorString) {
         ColorFactory.create(colorString);
         return true;
     }
-    catch (e) {
+    catch (_a) {
         return false;
     }
 };

package/lib/styles/ColorFunctions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorFunctions.js","sourceRoot":"","sources":["../../../lib/styles/ColorFunctions.ts"],"names":[],"mappings":"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","sourcesContent":["import { clamp, floatFromPercent } from './ColorHelpers.js';\nimport { ColorFactory } from './ColorFactory.js';\nimport type { ColorObject } from './ColorObject.js';\n\ntype SignType = '+' | '-';\ntype MethodType = 'absolute' | 'relative';\n\nconst DEFAULT_DARK = ColorFactory.create('#333333');\nconst DEFAULT_LIGHT = ColorFactory.create('#fff');\nconst ColorFunctionsCache: { [key: string]: string } = Object.create(null);\n\nconst buildCacheKey = (name: string, ...args: any[]) => `${name}(${args.join()})`;\n\nconst shiftColor = (colorString: string, a: number | string, sign: SignType, method?: MethodType): string => {\n  if (!colorString) {\n    return '';\n  }\n\n  if (colorString.toLowerCase() === 'transparent') {\n    return 'transparent';\n  }\n\n  let amount: number;\n  if (typeof a === 'string') {\n    amount = a.endsWith('%') ? floatFromPercent(a) : parseFloat(a);\n  } else {\n    amount = a;\n  }\n  amount = clamp(amount, 1);\n\n  const color = ColorFactory.create(colorString);\n  const hsl = color.toHSL();\n\n  if (sign === '+') {\n    hsl.l += method === 'relative' ? hsl.l * amount : amount;\n  } else {\n    hsl.l -= method === 'relative' ? hsl.l * amount : amount;\n  }\n\n  hsl.l = clamp(hsl.l);\n\n  let newColor: ColorObject;\n  if (color.alpha < 1) {\n    newColor = ColorFactory.create(`hsla(${hsl.h}, ${hsl.s}, ${hsl.l}, ${hsl.a})`);\n  } else {\n    newColor = ColorFactory.create(`hsl(${hsl.h}, ${hsl.s}, ${hsl.l})`);\n  }\n  return newColor.toColorString(color.type);\n};\n\n/**\n * @deprecated Устарело в пользу нативного CSS color-mix(). Будет удалено в версии 7.0.\n * Пример: color: color-mix(in srgb, #3498db, white 20%);\n */\nexport function lighten(colorString: string, amount: number | string, method?: MethodType): string {\n  const key = buildCacheKey('lighten', colorString, amount, method);\n  if (ColorFunctionsCache[key] === undefined) {\n    ColorFunctionsCache[key] = shiftColor(colorString, amount, '+', method);\n  }\n  return ColorFunctionsCache[key];\n}\n\n/**\n * @deprecated Устарело в пользу нативного CSS color-mix(). Будет удалено в версии 7.0.\n * Пример: color: color-mix(in srgb, #3498db, black 20%);\n */\nexport function darken(colorString: string, amount: number | string, method?: MethodType): string {\n  const key = buildCacheKey('darken', colorString, amount, method);\n  if (ColorFunctionsCache[key] === undefined) {\n    ColorFunctionsCache[key] = shiftColor(colorString, amount, '-', method);\n    return ColorFunctionsCache[key];\n  }\n\n  return ColorFunctionsCache[key];\n}\n\n/**\n * @deprecated Устарело. Рекомендуется использовать CSS Relative Color Syntax или CSS-переменные. Будет удалено в версии 7.0.\n */\nexport function contrast(colorString: string, darkString?: string, lightString?: string, threshold = 0.43): string {\n  const key = buildCacheKey('contrast', colorString, darkString, lightString, threshold);\n  if (!colorString) {\n    ColorFunctionsCache[key] = '';\n  }\n  if (ColorFunctionsCache[key] === undefined) {\n    const color = ColorFactory.create(colorString);\n    let dark = typeof darkString === 'undefined' ? DEFAULT_DARK : ColorFactory.create(darkString);\n    let light = typeof lightString === 'undefined' ? DEFAULT_LIGHT : ColorFactory.create(lightString);\n\n    // Figure out which is actually light and dark:\n    if (dark.luma() > light.luma()) {\n      [dark, light] = [light, dark];\n    }\n\n    if (color.luma() < threshold) {\n      ColorFunctionsCache[key] = light.alpha < 1 ? light.toRGBString() : light.toHEXString();\n    } else {\n      ColorFunctionsCache[key] = dark.alpha < 1 ? dark.toRGBString() : dark.toHEXString();\n    }\n  }\n  return ColorFunctionsCache[key];\n}\n\n/** @deprecated Устарело в пользу CSS Relative Color Syntax (например, from #3498db r). Будет удалено в версии 7.0. */\nexport const red = (colorString: string): number => {\n  const color = ColorFactory.create(colorString);\n  return color.rgb[0];\n};\n\n/** @deprecated Устарело в пользу CSS Relative Color Syntax (например, from #3498db g). Будет удалено в версии 7.0. */\nexport const green = (colorString: string): number => {\n  const color = ColorFactory.create(colorString);\n  return color.rgb[1];\n};\n\n/** @deprecated Устарело в пользу CSS Relative Color Syntax (например, from #3498db b). Будет удалено в версии 7.0. */\nexport const blue = (colorString: string): number => {\n  const color = ColorFactory.create(colorString);\n  return color.rgb[2];\n};\n\n/** @deprecated Устарело в пользу CSS Relative Color Syntax или color-mix. Будет удалено в версии 7.0. */\nexport const alpha = (colorString: string): number => {\n  const color = ColorFactory.create(colorString);\n  return color.alpha;\n};\n\n/** @deprecated Устарело. Валидация на стороне JS не требуется при использовании нативного CSS. Будет удалено в версии 7.0. */\nexport const isValid = (colorString: string): boolean => {\n  try {\n    ColorFactory.create(colorString);\n    return true;\n  } catch (e) {\n    return false;\n  }\n};\n\n/**\n * @deprecated Устарело в пользу нативного CSS color-mix(). Будет удалено в версии 7.0.\n * Пример: color: color-mix(in srgb, #3498db, transparent 50%);\n */\nexport const fade = (colorString: string, alpha: number): string => {\n  const key = buildCacheKey('fade', colorString, alpha);\n\n  if (ColorFunctionsCache[key] === undefined) {\n    const color = ColorFactory.create(colorString).clone();\n    color.alpha = alpha;\n    ColorFunctionsCache[key] = color.toColorString(color.type === 'hex' ? 'rgba' : color.type);\n  }\n  return ColorFunctionsCache[key];\n};\n"]}
+{"version":3,"file":"ColorFunctions.js","sourceRoot":"","sources":["../../../lib/styles/ColorFunctions.ts"],"names":[],"mappings":"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","sourcesContent":["import { ColorFactory } from './ColorFactory.js';\nimport { clamp, floatFromPercent } from './ColorHelpers.js';\nimport type { ColorObject } from './ColorObject.js';\n\ntype SignType = '+' | '-';\ntype MethodType = 'absolute' | 'relative';\n\nconst DEFAULT_DARK = ColorFactory.create('#333333');\nconst DEFAULT_LIGHT = ColorFactory.create('#fff');\nconst ColorFunctionsCache: { [key: string]: string } = Object.create(null);\n\nconst buildCacheKey = (name: string, ...args: any[]) => `${name}(${args.join()})`;\n\nconst shiftColor = (colorString: string, a: number | string, sign: SignType, method?: MethodType): string => {\n  if (!colorString) {\n    return '';\n  }\n\n  if (colorString.toLowerCase() === 'transparent') {\n    return 'transparent';\n  }\n\n  let amount: number;\n  if (typeof a === 'string') {\n    amount = a.endsWith('%') ? floatFromPercent(a) : parseFloat(a);\n  } else {\n    amount = a;\n  }\n  amount = clamp(amount, 1);\n\n  const color = ColorFactory.create(colorString);\n  const hsl = color.toHSL();\n\n  if (sign === '+') {\n    hsl.l += method === 'relative' ? hsl.l * amount : amount;\n  } else {\n    hsl.l -= method === 'relative' ? hsl.l * amount : amount;\n  }\n\n  hsl.l = clamp(hsl.l);\n\n  let newColor: ColorObject;\n  if (color.alpha < 1) {\n    newColor = ColorFactory.create(`hsla(${hsl.h}, ${hsl.s}, ${hsl.l}, ${hsl.a})`);\n  } else {\n    newColor = ColorFactory.create(`hsl(${hsl.h}, ${hsl.s}, ${hsl.l})`);\n  }\n  return newColor.toColorString(color.type);\n};\n\n/**\n * @deprecated Устарело в пользу нативного CSS color-mix(). Будет удалено в версии 7.0.\n * Пример: color: color-mix(in srgb, #3498db, white 20%);\n */\nexport function lighten(colorString: string, amount: number | string, method?: MethodType): string {\n  const key = buildCacheKey('lighten', colorString, amount, method);\n  if (ColorFunctionsCache[key] === undefined) {\n    ColorFunctionsCache[key] = shiftColor(colorString, amount, '+', method);\n  }\n  return ColorFunctionsCache[key];\n}\n\n/**\n * @deprecated Устарело в пользу нативного CSS color-mix(). Будет удалено в версии 7.0.\n * Пример: color: color-mix(in srgb, #3498db, black 20%);\n */\nexport function darken(colorString: string, amount: number | string, method?: MethodType): string {\n  const key = buildCacheKey('darken', colorString, amount, method);\n  if (ColorFunctionsCache[key] === undefined) {\n    ColorFunctionsCache[key] = shiftColor(colorString, amount, '-', method);\n    return ColorFunctionsCache[key];\n  }\n\n  return ColorFunctionsCache[key];\n}\n\n/**\n * @deprecated Устарело. Рекомендуется использовать CSS Relative Color Syntax или CSS-переменные. Будет удалено в версии 7.0.\n */\nexport function contrast(colorString: string, darkString?: string, lightString?: string, threshold = 0.43): string {\n  const key = buildCacheKey('contrast', colorString, darkString, lightString, threshold);\n  if (!colorString) {\n    ColorFunctionsCache[key] = '';\n  }\n  if (ColorFunctionsCache[key] === undefined) {\n    const color = ColorFactory.create(colorString);\n    let dark = typeof darkString === 'undefined' ? DEFAULT_DARK : ColorFactory.create(darkString);\n    let light = typeof lightString === 'undefined' ? DEFAULT_LIGHT : ColorFactory.create(lightString);\n\n    // Figure out which is actually light and dark:\n    if (dark.luma() > light.luma()) {\n      [dark, light] = [light, dark];\n    }\n\n    if (color.luma() < threshold) {\n      ColorFunctionsCache[key] = light.alpha < 1 ? light.toRGBString() : light.toHEXString();\n    } else {\n      ColorFunctionsCache[key] = dark.alpha < 1 ? dark.toRGBString() : dark.toHEXString();\n    }\n  }\n  return ColorFunctionsCache[key];\n}\n\n/** @deprecated Устарело в пользу CSS Relative Color Syntax (например, from #3498db r). Будет удалено в версии 7.0. */\nexport const red = (colorString: string): number => {\n  const color = ColorFactory.create(colorString);\n  return color.rgb[0];\n};\n\n/** @deprecated Устарело в пользу CSS Relative Color Syntax (например, from #3498db g). Будет удалено в версии 7.0. */\nexport const green = (colorString: string): number => {\n  const color = ColorFactory.create(colorString);\n  return color.rgb[1];\n};\n\n/** @deprecated Устарело в пользу CSS Relative Color Syntax (например, from #3498db b). Будет удалено в версии 7.0. */\nexport const blue = (colorString: string): number => {\n  const color = ColorFactory.create(colorString);\n  return color.rgb[2];\n};\n\n/** @deprecated Устарело в пользу CSS Relative Color Syntax или color-mix. Будет удалено в версии 7.0. */\nexport const alpha = (colorString: string): number => {\n  const color = ColorFactory.create(colorString);\n  return color.alpha;\n};\n\n/** @deprecated Устарело. Валидация на стороне JS не требуется при использовании нативного CSS. Будет удалено в версии 7.0. */\nexport const isValid = (colorString: string): boolean => {\n  try {\n    ColorFactory.create(colorString);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * @deprecated Устарело в пользу нативного CSS color-mix(). Будет удалено в версии 7.0.\n * Пример: color: color-mix(in srgb, #3498db, transparent 50%);\n */\nexport const fade = (colorString: string, alpha: number): string => {\n  const key = buildCacheKey('fade', colorString, alpha);\n\n  if (ColorFunctionsCache[key] === undefined) {\n    const color = ColorFactory.create(colorString).clone();\n    color.alpha = alpha;\n    ColorFunctionsCache[key] = color.toColorString(color.type === 'hex' ? 'rgba' : color.type);\n  }\n  return ColorFunctionsCache[key];\n};\n"]}

package/lib/theming/AnimationKeyframes.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationKeyframes.js","sourceRoot":"","sources":["../../../lib/theming/AnimationKeyframes.ts"],"names":[],"mappings":";;;;AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,CAAC,IAAM,qBAAqB,GAAG,gBAAgB,CAAC,UAAC,EAAsB;QAApB,SAAS,eAAA;IAAgB,OAAA,CAAC;QACjF,mBAAmB;YACjB,OAAO,SAAS,kKAAA,+FAGb,KAAC;QACN,CAAC;QACD,mBAAmB;YACjB,OAAO,SAAS,uOAAA,oKAIb,KAAC;QACN,CAAC;QACD,mBAAmB;YACjB,OAAO,SAAS,0HAAA,uDAEb,KAAC;QACN,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,SAAS,mNAAA,+BACS,EAAK,6BACV,EAAQ,6BACR,EAAO,kCACF,EAAO,aAC7B,KAJsB,CAAC,CAAC,GAAG,EACV,CAAC,CAAC,MAAM,EACR,CAAC,CAAC,KAAK,EACF,CAAC,CAAC,KAAK,EAC5B;QACN,CAAC;KACF,CAAC;AA3BgF,CA2BhF,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport type { Theme } from './Theme.js';\nimport { memoizeGetStyles } from './Emotion.js';\n\nexport const getAnimationKeyframes = memoizeGetStyles(({ keyframes }: Emotion) => ({\n  spinnerCircleOffset() {\n    return keyframes`\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      `;\n  },\n  spinnerCircleLength() {\n    return keyframes`\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      `;\n  },\n  spinnerCircleRotate() {\n    return keyframes`\n        100% { transform: rotate(360deg); }\n      `;\n  },\n  spinnerColor(t: Theme) {\n    return keyframes`\n        100%, 0% { stroke: ${t.red}; }\n        40% { stroke: ${t.yellow}; }\n        66% { stroke: ${t.green}; }\n        80%, 90% { stroke: ${t.brand}; }\n      `;\n  },\n}));\n"]}
+{"version":3,"file":"AnimationKeyframes.js","sourceRoot":"","sources":["../../../lib/theming/AnimationKeyframes.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,CAAC,IAAM,qBAAqB,GAAG,gBAAgB,CAAC,UAAC,EAAsB;QAApB,SAAS,eAAA;IAAgB,OAAA,CAAC;QACjF,mBAAmB;YACjB,OAAO,SAAS,kKAAA,+FAGb,KAAC;QACN,CAAC;QACD,mBAAmB;YACjB,OAAO,SAAS,uOAAA,oKAIb,KAAC;QACN,CAAC;QACD,mBAAmB;YACjB,OAAO,SAAS,0HAAA,uDAEb,KAAC;QACN,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,SAAS,mNAAA,+BACS,EAAK,6BACV,EAAQ,6BACR,EAAO,kCACF,EAAO,aAC7B,KAJsB,CAAC,CAAC,GAAG,EACV,CAAC,CAAC,MAAM,EACR,CAAC,CAAC,KAAK,EACF,CAAC,CAAC,KAAK,EAC5B;QACN,CAAC;KACF,CAAC;AA3BgF,CA2BhF,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from './Emotion.js';\nimport type { Theme } from './Theme.js';\n\nexport const getAnimationKeyframes = memoizeGetStyles(({ keyframes }: Emotion) => ({\n  spinnerCircleOffset() {\n    return keyframes`\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      `;\n  },\n  spinnerCircleLength() {\n    return keyframes`\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      `;\n  },\n  spinnerCircleRotate() {\n    return keyframes`\n        100% { transform: rotate(360deg); }\n      `;\n  },\n  spinnerColor(t: Theme) {\n    return keyframes`\n        100%, 0% { stroke: ${t.red}; }\n        40% { stroke: ${t.yellow}; }\n        66% { stroke: ${t.green}; }\n        80%, 90% { stroke: ${t.brand}; }\n      `;\n  },\n}));\n"]}

package/lib/theming/Emotion.d.ts

@@ -1,8 +1,9 @@
 import type { Emotion } from '@emotion/css/create-instance';
+import type { GetOffsetParent, PopupStrategy } from '../renderEnvironment/RenderEnvironmentContext.js';
 import type { Theme } from './Theme.js';
 export declare const REACT_UI_PREFIX: string;
 export declare const getEmotion: ({ key, container, nonce, }: {
-    container: HTMLElement;
+    container?: HTMLElement | null;
     key?: string;
     nonce?: string;
 }) => Emotion;
@@ -13,3 +14,18 @@ export type StylesGetter<S> = (emotion: Emotion) => S;
 export declare const memoizeStyle: <S extends StylesObject>(styles: S) => S;
 export declare const memoizeGetStyles: <S extends StylesObject>(getStyles: StylesGetter<S>) => StylesGetter<S>;
 export declare const prefix: (component: string, app?: string) => <T extends Record<string, string>>(classes: T) => T;
+export declare const EmotionContext: import("react").Context<Emotion>;
+export declare const EmotionConsumer: import("react").Consumer<Emotion>;
+export declare const EmotionProvider: import("react").Provider<Emotion>;
+export declare const PopupContext: import("react").Context<{
+    getOffsetParent?: GetOffsetParent;
+    popupStrategy?: PopupStrategy;
+}>;
+export declare const PopupConsumer: import("react").Consumer<{
+    getOffsetParent?: GetOffsetParent;
+    popupStrategy?: PopupStrategy;
+}>;
+export declare const PopupProvider: import("react").Provider<{
+    getOffsetParent?: GetOffsetParent;
+    popupStrategy?: PopupStrategy;
+}>;

package/lib/theming/Emotion.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import createEmotion from '@emotion/css/create-instance';
+import { createContext } from 'react';
 import extraScopePlugin from 'stylis-plugin-extra-scope';
 import { Upgrade } from '../Upgrades.js';
 export var REACT_UI_PREFIX = Upgrade.getSpecificityClassName();
@@ -20,21 +21,21 @@ export var getEmotion = function (_a) {
         key: key,
         prepend: true,
         stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,
-        container: container,
+        container: container !== null && container !== void 0 ? container : undefined,
         nonce: nonce,
     });
 };
 function isZeroArgs(fn) {
     return fn.length === 0;
 }
-var memoize = function (fn) {
+var memoize = function (fn, context) {
     if (isZeroArgs(fn)) {
         var isCalled_1 = false;
         var result_1;
         return function () {
             if (!isCalled_1) {
                 isCalled_1 = true;
-                result_1 = fn();
+                result_1 = fn.call(context);
             }
             return result_1;
         };
@@ -42,13 +43,13 @@ var memoize = function (fn) {
     var cache = new WeakMap();
     return function (arg) {
         if (!cache.has(arg)) {
-            cache.set(arg, fn(arg));
+            cache.set(arg, fn.call(context, arg));
         }
         return cache.get(arg);
     };
 };
 export var memoizeStyle = function (styles) {
-    Object.keys(styles).forEach(function (className) { return (styles[className] = memoize(styles[className])); });
+    Object.keys(styles).forEach(function (className) { return (styles[className] = memoize(styles[className], styles)); });
     return styles;
 };
 export var memoizeGetStyles = function (getStyles) {
@@ -69,4 +70,14 @@ export var prefix = function (component, app) {
         }, {});
     };
 };
+export var EmotionContext = createContext(getEmotion({}));
+export var EmotionConsumer = EmotionContext.Consumer;
+export var EmotionProvider = EmotionContext.Provider;
+export var PopupContext = createContext({
+    getOffsetParent: function () { return null; },
+});
+export var PopupConsumer = PopupContext.Consumer;
+export var PopupProvider = PopupContext.Provider;
+EmotionContext.displayName = 'EmotionContext';
+EmotionContext.__KONTUR_REACT_UI__ = 'EmotionContext';
 //# sourceMappingURL=Emotion.js.map

package/lib/theming/Emotion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Emotion.js","sourceRoot":"","sources":["../../../lib/theming/Emotion.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\n\nimport { Upgrade } from '../Upgrades.js';\nimport type { AnyObject, FunctionWithParams } from '../utils.js';\n\nimport type { Theme } from './Theme.js';\n\nexport const REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const getEmotion = ({\n  key = REACT_UI_PREFIX,\n  container,\n  nonce,\n}: {\n  container: HTMLElement;\n  key?: string;\n  nonce?: string;\n}): Emotion =>\n  createEmotion({\n    key,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n    container,\n    nonce,\n  });\n\nfunction isZeroArgs<R, T extends FunctionWithParams<R>>(fn: T | FunctionWithParams<R>): fn is () => R {\n  return fn.length === 0;\n}\n\nconst memoize = <A extends AnyObject, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n  if (isZeroArgs(fn)) {\n    let isCalled = false;\n    let result: R;\n    return () => {\n      if (!isCalled) {\n        isCalled = true;\n        result = fn();\n      }\n      return result;\n    };\n  }\n\n  const cache = new WeakMap();\n  return (arg: A) => {\n    if (!cache.has(arg)) {\n      cache.set(arg, fn(arg));\n    }\n\n    return cache.get(arg);\n  };\n};\n\nexport interface StylesObject {\n  [className: string]: (() => string) | ((t: Theme) => string);\n}\n\nexport type StylesGetter<S> = (emotion: Emotion) => S;\n\nexport const memoizeStyle = <S extends StylesObject>(styles: S): S => {\n  Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n  return styles;\n};\n\nexport const memoizeGetStyles = <S extends StylesObject>(getStyles: StylesGetter<S>): StylesGetter<S> => {\n  const stylesCache = new WeakMap<Emotion, S>();\n  return (emotion: Emotion): S => {\n    if (!stylesCache.has(emotion)) {\n      stylesCache.set(emotion, memoizeStyle(getStyles(emotion)));\n    }\n\n    return stylesCache.get(emotion) as S;\n  };\n};\n\nexport const prefix =\n  (component: string, app = REACT_UI_PREFIX) =>\n  <T extends Record<string, string>>(classes: T): T =>\n    Object.keys(classes).reduce((acc, key) => {\n      return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n    }, {} as T);\n"]}
+{"version":3,"file":"Emotion.js","sourceRoot":"","sources":["../../../lib/theming/Emotion.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAIzC,MAAM,CAAC,IAAM,eAAe,GAAG,OAAO,CAAC,uBAAuB,EAAE,CAAC;AAEjE,IAAM,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC,IAAI,CAAC,WAAI,eAAe,CAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE5F,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAQ1B;QAPC,WAAqB,EAArB,GAAG,mBAAG,eAAe,KAAA,EACrB,SAAS,eAAA,EACT,KAAK,WAAA;IAML,OAAA,aAAa,CAAC;QACZ,GAAG,KAAA;QACH,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAC5D,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS;QACjC,KAAK,OAAA;KACN,CAAC;AANF,CAME,CAAC;AAEL,SAAS,UAAU,CAAqC,EAA6B;IACnF,OAAO,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;AACzB,CAAC;AAED,IAAM,OAAO,GAAG,UACd,EAA+B,EAC/B,OAAgC;IAEhC,IAAI,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC;QACnB,IAAI,UAAQ,GAAG,KAAK,CAAC;QACrB,IAAI,QAAS,CAAC;QACd,OAAO;YACL,IAAI,CAAC,UAAQ,EAAE,CAAC;gBACd,UAAQ,GAAG,IAAI,CAAC;gBAChB,QAAM,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC5B,CAAC;YACD,OAAO,QAAM,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC;IAED,IAAM,KAAK,GAAG,IAAI,OAAO,EAAE,CAAC;IAC5B,OAAO,UAAC,GAAM;QACZ,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YACpB,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;QACxC,CAAC;QAED,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAyB,MAAS;IAC5D,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CACzB,UAAC,SAAS,IAAK,OAAA,CAAC,MAAM,CAAC,SAAoB,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,MAAM,CAAe,CAAC,EAAjF,CAAiF,CACjG,CAAC;IACF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAyB,SAA0B;IACjF,IAAM,WAAW,GAAG,IAAI,OAAO,EAAc,CAAC;IAC9C,OAAO,UAAC,OAAgB;QACtB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC9B,WAAW,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7D,CAAC;QAED,OAAO,WAAW,CAAC,GAAG,CAAC,OAAO,CAAM,CAAC;IACvC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GACjB,UAAC,SAAiB,EAAE,GAAqB;IAArB,oBAAA,EAAA,qBAAqB;IACzC,OAAA,UAAmC,OAAU;QAC3C,OAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,GAAG;;YACnC,6BAAY,GAAG,gBAAG,GAAG,IAAG,UAAG,GAAG,cAAI,SAAS,cAAI,OAAO,CAAC,GAAG,CAAC,CAAE,OAAG;QAClE,CAAC,EAAE,EAAO,CAAC;IAFX,CAEW;AAHb,CAGa,CAAC;AAEhB,MAAM,CAAC,IAAM,cAAc,GAAG,aAAa,CAAU,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;AACrE,MAAM,CAAC,IAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC;AACvD,MAAM,CAAC,IAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC;AAEvD,MAAM,CAAC,IAAM,YAAY,GAAG,aAAa,CAGtC;IACD,eAAe,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;CAC5B,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC;AACnD,MAAM,CAAC,IAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC;AAEnD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC9C,cAAc,CAAC,mBAAmB,GAAG,gBAAgB,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport createEmotion from '@emotion/css/create-instance';\nimport { createContext } from 'react';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\n\nimport type { GetOffsetParent, PopupStrategy } from '../renderEnvironment/RenderEnvironmentContext.js';\nimport { Upgrade } from '../Upgrades.js';\nimport type { AnyObject, FunctionWithParams } from '../utils.js';\nimport type { Theme } from './Theme.js';\n\nexport const REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const getEmotion = ({\n  key = REACT_UI_PREFIX,\n  container,\n  nonce,\n}: {\n  container?: HTMLElement | null;\n  key?: string;\n  nonce?: string;\n}): Emotion =>\n  createEmotion({\n    key,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n    container: container ?? undefined,\n    nonce,\n  });\n\nfunction isZeroArgs<R, T extends FunctionWithParams<R>>(fn: T | FunctionWithParams<R>): fn is () => R {\n  return fn.length === 0;\n}\n\nconst memoize = <A extends AnyObject, R>(\n  fn: (() => R) | ((arg: A) => R),\n  context: Record<string, unknown>,\n): (() => R) | ((arg: A) => R) => {\n  if (isZeroArgs(fn)) {\n    let isCalled = false;\n    let result: R;\n    return () => {\n      if (!isCalled) {\n        isCalled = true;\n        result = fn.call(context);\n      }\n      return result;\n    };\n  }\n\n  const cache = new WeakMap();\n  return (arg: A) => {\n    if (!cache.has(arg)) {\n      cache.set(arg, fn.call(context, arg));\n    }\n\n    return cache.get(arg);\n  };\n};\n\nexport interface StylesObject {\n  [className: string]: (() => string) | ((t: Theme) => string);\n}\n\nexport type StylesGetter<S> = (emotion: Emotion) => S;\n\nexport const memoizeStyle = <S extends StylesObject>(styles: S): S => {\n  Object.keys(styles).forEach(\n    (className) => (styles[className as keyof S] = memoize(styles[className], styles) as S[keyof S]),\n  );\n  return styles;\n};\n\nexport const memoizeGetStyles = <S extends StylesObject>(getStyles: StylesGetter<S>): StylesGetter<S> => {\n  const stylesCache = new WeakMap<Emotion, S>();\n  return (emotion: Emotion): S => {\n    if (!stylesCache.has(emotion)) {\n      stylesCache.set(emotion, memoizeStyle(getStyles(emotion)));\n    }\n\n    return stylesCache.get(emotion) as S;\n  };\n};\n\nexport const prefix =\n  (component: string, app = REACT_UI_PREFIX) =>\n  <T extends Record<string, string>>(classes: T): T =>\n    Object.keys(classes).reduce((acc, key) => {\n      return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n    }, {} as T);\n\nexport const EmotionContext = createContext<Emotion>(getEmotion({}));\nexport const EmotionConsumer = EmotionContext.Consumer;\nexport const EmotionProvider = EmotionContext.Provider;\n\nexport const PopupContext = createContext<{\n  getOffsetParent?: GetOffsetParent;\n  popupStrategy?: PopupStrategy;\n}>({\n  getOffsetParent: () => null,\n});\nexport const PopupConsumer = PopupContext.Consumer;\nexport const PopupProvider = PopupContext.Provider;\n\nEmotionContext.displayName = 'EmotionContext';\nEmotionContext.__KONTUR_REACT_UI__ = 'EmotionContext';\n"]}

package/lib/theming/ThemeFactory.js

@@ -1,5 +1,5 @@
 import { isNonNullable } from '../utils.js';
-import { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from './ThemeHelpers.js';
+import { REACT_UI_THEME_MARKERS, findPropertyDescriptor } from './ThemeHelpers.js';
 import { LIGHT_THEME } from './themes/LightTheme.js';
 var ThemeFactory = /** @class */ (function () {
     function ThemeFactory() {

package/lib/theming/ThemeFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeFactory.js","sourceRoot":"","sources":["../../../lib/theming/ThemeFactory.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD;IAAA;IA4DA,CAAC;IAlDC,sBAAkB,4BAAY;aAA9B;YACE,OAAO,IAAI,CAAC,uBAAuB,CAAC;QACtC,CAAC;;;OAAA;IAEa,mBAAM,GAApB,UAAwB,KAA2B,EAAE,SAAiB;QACpE,IAAM,IAAI,GAAG,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC;QAC5C,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;IAEa,8BAAiB,GAA/B,UAAgC,KAAY;QAA5C,iBAYC;QAXC,0BAA0B;QAC1B,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,UAAC,YAAY;YAC3D,IAAM,UAAU,GAAG,sBAAsB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;YAC/D,MAAM,CAAC,cAAc,CAAC,KAAI,CAAC,YAAY,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;QAEH,wBAAwB;QACxB,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,OAAO,CAAC,UAAC,MAAM;YACnD,IAAM,UAAU,GAAG,sBAAsB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;YAC7D,MAAM,CAAC,cAAc,CAAC,KAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;IACL,CAAC;IAEa,oBAAO,GAArB,UAAuC,KAAQ;QAC7C,IAAM,IAAI,GAAmB,EAAE,CAAC;QAChC,OAAO,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAiB,CAAC,OAAO,CAAC,UAAC,GAAG;gBAC9C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;oBACxB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACjB,CAAC;YACH,CAAC,CAAC,CAAC;YACH,yCAAyC;YACzC,6CAA6C;YAC7C,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC;IAEc,2BAAc,GAA7B,UAA8B,IAAW,EAAE,KAAc;QACvD,IAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,QAAQ;YAClC,IAAM,UAAU,GAAG,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YACpE,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;YACxD,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC;IA1DD;;;;;;OAMG;IACqB,oCAAuB,GAAU,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAoDtF,mBAAC;CAAA,AA5DD,IA4DC;SA5DY,YAAY","sourcesContent":["import type { NoInfer } from '../utils.js';\nimport { isNonNullable } from '../utils.js';\n\nimport type { Theme, ThemeIn } from './Theme.js';\nimport { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from './ThemeHelpers.js';\nimport { LIGHT_THEME } from './themes/LightTheme.js';\n\nexport class ThemeFactory {\n  /**\n   * The default theme created with Object.create() is needed for the \"overrideBaseTheme\" to work.\n   *\n   * Themes should be frozen objects. But it is not possible to define properties on frozen objects.\n   * So, an object created by Object.create({ *frozen_object* }) acts as frozen too,\n   * but allows to apply Object.defineProperty to his own properties.\n   */\n  private static readonly overridableDefaultTheme: Theme = Object.create(LIGHT_THEME);\n\n  public static get defaultTheme(): Theme {\n    return this.overridableDefaultTheme;\n  }\n\n  public static create<T>(theme: ThemeIn & NoInfer<T>, baseTheme?: Theme): Readonly<Theme & NoInfer<T>> {\n    const base = baseTheme || this.defaultTheme;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideBaseTheme(theme: Theme): void {\n    // copying theme variables\n    ThemeFactory.getKeys(this.defaultTheme).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(theme, variableName);\n      Object.defineProperty(this.defaultTheme, variableName, descriptor);\n    });\n\n    // copying theme markers\n    Object.values(REACT_UI_THEME_MARKERS).forEach((marker) => {\n      const descriptor = findPropertyDescriptor(theme, marker.key);\n      Object.defineProperty(this.defaultTheme, marker.key, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T): Array<keyof T> {\n    const keys: Array<keyof T> = [];\n    while (isNonNullable(theme)) {\n      (Object.keys(theme) as typeof keys).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      // TODO: Enable `no-param-reassign` rule.\n      // eslint-disable-next-line no-param-reassign\n      theme = Object.getPrototypeOf(theme);\n    }\n\n    return keys.sort();\n  }\n\n  private static constructTheme(base: Theme, theme: ThemeIn) {\n    const newTheme = Object.create(base);\n    Object.keys(theme).forEach((propName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName);\n      if (descriptor) {\n        Object.defineProperty(newTheme, propName, descriptor);\n      }\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"]}
+{"version":3,"file":"ThemeFactory.js","sourceRoot":"","sources":["../../../lib/theming/ThemeFactory.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD;IAAA;IA4DA,CAAC;IAlDC,sBAAkB,4BAAY;aAA9B;YACE,OAAO,IAAI,CAAC,uBAAuB,CAAC;QACtC,CAAC;;;OAAA;IAEa,mBAAM,GAApB,UAAwB,KAA2B,EAAE,SAAiB;QACpE,IAAM,IAAI,GAAG,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC;QAC5C,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;IAEa,8BAAiB,GAA/B,UAAgC,KAAY;QAA5C,iBAYC;QAXC,0BAA0B;QAC1B,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,UAAC,YAAY;YAC3D,IAAM,UAAU,GAAG,sBAAsB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;YAC/D,MAAM,CAAC,cAAc,CAAC,KAAI,CAAC,YAAY,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;QAEH,wBAAwB;QACxB,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,OAAO,CAAC,UAAC,MAAM;YACnD,IAAM,UAAU,GAAG,sBAAsB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;YAC7D,MAAM,CAAC,cAAc,CAAC,KAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;IACL,CAAC;IAEa,oBAAO,GAArB,UAAuC,KAAQ;QAC7C,IAAM,IAAI,GAAmB,EAAE,CAAC;QAChC,OAAO,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAiB,CAAC,OAAO,CAAC,UAAC,GAAG;gBAC9C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;oBACxB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACjB,CAAC;YACH,CAAC,CAAC,CAAC;YACH,yCAAyC;YACzC,6CAA6C;YAC7C,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC;IAEc,2BAAc,GAA7B,UAA8B,IAAW,EAAE,KAAc;QACvD,IAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,QAAQ;YAClC,IAAM,UAAU,GAAG,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YACpE,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;YACxD,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC;IA1DD;;;;;;OAMG;IACqB,oCAAuB,GAAU,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAoDtF,mBAAC;CAAA,AA5DD,IA4DC;SA5DY,YAAY","sourcesContent":["import type { NoInfer } from '../utils.js';\nimport { isNonNullable } from '../utils.js';\nimport type { Theme, ThemeIn } from './Theme.js';\nimport { REACT_UI_THEME_MARKERS, findPropertyDescriptor } from './ThemeHelpers.js';\nimport { LIGHT_THEME } from './themes/LightTheme.js';\n\nexport class ThemeFactory {\n  /**\n   * The default theme created with Object.create() is needed for the \"overrideBaseTheme\" to work.\n   *\n   * Themes should be frozen objects. But it is not possible to define properties on frozen objects.\n   * So, an object created by Object.create({ *frozen_object* }) acts as frozen too,\n   * but allows to apply Object.defineProperty to his own properties.\n   */\n  private static readonly overridableDefaultTheme: Theme = Object.create(LIGHT_THEME);\n\n  public static get defaultTheme(): Theme {\n    return this.overridableDefaultTheme;\n  }\n\n  public static create<T>(theme: ThemeIn & NoInfer<T>, baseTheme?: Theme): Readonly<Theme & NoInfer<T>> {\n    const base = baseTheme || this.defaultTheme;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideBaseTheme(theme: Theme): void {\n    // copying theme variables\n    ThemeFactory.getKeys(this.defaultTheme).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(theme, variableName);\n      Object.defineProperty(this.defaultTheme, variableName, descriptor);\n    });\n\n    // copying theme markers\n    Object.values(REACT_UI_THEME_MARKERS).forEach((marker) => {\n      const descriptor = findPropertyDescriptor(theme, marker.key);\n      Object.defineProperty(this.defaultTheme, marker.key, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T): Array<keyof T> {\n    const keys: Array<keyof T> = [];\n    while (isNonNullable(theme)) {\n      (Object.keys(theme) as typeof keys).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      // TODO: Enable `no-param-reassign` rule.\n      // eslint-disable-next-line no-param-reassign\n      theme = Object.getPrototypeOf(theme);\n    }\n\n    return keys.sort();\n  }\n\n  private static constructTheme(base: Theme, theme: ThemeIn) {\n    const newTheme = Object.create(base);\n    Object.keys(theme).forEach((propName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName);\n      if (descriptor) {\n        Object.defineProperty(newTheme, propName, descriptor);\n      }\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"]}

package/lib/theming/ThemeHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeHelpers.js","sourceRoot":"","sources":["../../../lib/theming/ThemeHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAG9B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAKvD;;;;GAIG;AACH,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,KAAY;IACxC,IAAM,WAAW,GAAG,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAC,GAAG;QACnC,IAAM,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;QACpC,IAAI,OAAO,UAAU,CAAC,GAAG,KAAK,UAAU,IAAI,UAAU,CAAC,YAAY,EAAE,CAAC;YACpE,UAAU,CAAC,UAAU,GAAG,IAAI,CAAC;YAC7B,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAS/B;IACF,SAAS,EAAE;QACT,GAAG,EAAE,4BAA4B;QACjC,KAAK,EAAE,IAAI;KACZ;IACD,YAAY,EAAE;QACZ,GAAG,EAAE,4BAA4B;QACjC,KAAK,EAAE,IAAI;KACZ;CACF,CAAC;AAEF,sBAAsB;AACtB,MAAM,CAAC,IAAM,uBAAuB,GAAG,sBAAsB,CAAC,SAAS,CAAC,GAAG,CAAC;AAE5E,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAsB;IAChD,oCAAoC;IACpC,OAAO,KAAK,CAAC,sBAAsB,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,sBAAsB,CAAC,SAAS,CAAC,KAAK,CAAC;AAChG,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,IAAM,eAAe,GAAW,UAAC,KAAK;;IAC3C,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK;QACxB,GAAC,sBAAsB,CAAC,SAAS,CAAC,GAAG,IAAG;YACtC,KAAK,EAAE,sBAAsB,CAAC,SAAS,CAAC,KAAK;YAC7C,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;YACjB,YAAY,EAAE,KAAK;SACpB;YACD,CAAC;AACL,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAuC,UAAC,OAAO,IAAK,OAAA,UAAC,KAAK;;IACrF,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK;QACxB,GAAC,sBAAsB,CAAC,YAAY,CAAC,GAAG,IAAG;YACzC,KAAK,EAAE,OAAO,IAAI,sBAAsB,CAAC,YAAY,CAAC,KAAK;YAC3D,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;YACjB,YAAY,EAAE,KAAK;SACpB;YACD,CAAC;AACL,CAAC,EATgF,CAShF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,KAAsB,EAAE,OAAsB;IACvE,IAAM,YAAY;IAChB,oCAAoC;IACpC,KAAK,CAAC,sBAAsB,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAEjD,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,CAAC,KAAK,EAAE,yEAAkE,OAAO,MAAG,CAAC,CAAC;QAC7F,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,iBAAiB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAAY,EAAE,QAAgB;IACnE,0BAA0B;IAC1B,yCAAyC;IACzC,6CAA6C;IAC7C,OAAO,aAAa,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAClE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC;YAC1D,OAAO,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC;QAChE,CAAC;IACH,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,KAAY,EAAE,OAAgB;IACzD,OAAO,OAAO,CAAC,MAAM,CAAC,UAAC,WAAW,EAAE,MAAM;QACxC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAC3B,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,OAA8E;IAChG,IAAA,UAAU,GAAwC,OAAO,WAA/C,EAAE,cAAc,GAAwB,OAAO,eAA/B,EAAE,KAAsB,OAAO,aAAZ,EAAjB,YAAY,mBAAG,EAAE,KAAA,CAAa;IAElE,IAAI,cAAc,EAAE,CAAC;QACnB,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;IACpD,CAAC;IAED,IAAM,KAAK,GAAG,YAAY,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,CAAC;IAEpE,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC","sourcesContent":["import warning from 'warning';\n\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { isNonNullable } from '../utils.js';\n\nimport type { Theme, ThemeIn } from './Theme.js';\nimport type { ThemeVersions } from './ThemeVersions.js';\nimport { isThemeVersionGTE } from './ThemeVersions.js';\n\nexport type Marker = (theme: Theme) => Theme;\nexport type Markers = Marker[];\n\n/**\n * Makes all computable theme variables (getters) visible to the Object.keys(theme)\n * @param theme Theme object\n * @returns The given theme object with all getters made enumerable\n */\nexport const exposeGetters = (theme: Theme): Theme => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_THEME_MARKERS: {\n  darkTheme: {\n    key: string;\n    value: true;\n  };\n  themeVersion: {\n    key: string;\n    value: ThemeVersions | null;\n  };\n} = {\n  darkTheme: {\n    key: '__IS_REACT_UI_DARK_THEME__',\n    value: true,\n  },\n  themeVersion: {\n    key: '__REACT_UI_THEME_VERSION__',\n    value: null,\n  },\n};\n\n// backward compatible\nexport const REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;\n};\n\n/**\n * Marks the given theme as \"dark\"\n * @param theme Theme object\n * @returns The given theme object with a \"dark theme\" mark\n */\nexport const markAsDarkTheme: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.darkTheme.key]: {\n      value: REACT_UI_THEME_MARKERS.darkTheme.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\n/**\n * Creates a marker for the theme, that will mark it with a version\n * @param version Theme version\n * @returns A marker that marks the given theme with the given version once applied\n */\nexport const markThemeVersion: (version: ThemeVersions) => Marker = (version) => (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.themeVersion.key]: {\n      value: version || REACT_UI_THEME_MARKERS.themeVersion.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\n/**\n * Checks if the given theme's version is \"greater or equal\" then the given version\n * @param theme Theme object\n * @param version A string version\n * @returns Boolean result\n */\nexport const isThemeGTE = (theme: Theme | ThemeIn, version: ThemeVersions): boolean => {\n  const themeVersion: Nullable<ThemeVersions> =\n    // @ts-expect-error: internal value.\n    theme[REACT_UI_THEME_MARKERS.themeVersion.key];\n\n  if (!themeVersion) {\n    warning(false, `[ThemeHelpers]: The theme doesn't have a version. Checking for ${version}.`);\n    return false;\n  }\n\n  return isThemeVersionGTE(themeVersion, version);\n};\n\n/**\n * Finds the given theme's object property descriptor by its name\n * @param theme Theme object\n * @param propName The property name\n * @returns The found descriptor or an empty object\n */\nexport function findPropertyDescriptor(theme: Theme, propName: string): PropertyDescriptor {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n\n/**\n * Marks the given theme with the given markers\n * @param theme Theme object\n * @param markers Markers array\n * @returns The given theme marked with the given marks\n */\nexport function applyMarkers(theme: Theme, markers: Markers): Theme {\n  return markers.reduce((markedTheme, marker) => {\n    return marker(markedTheme);\n  }, Object.create(theme));\n}\n\n/**\n * Creates a theme object out of the given class with variables\n * @param options Options object\n * @param options.themeClass A class with variables\n * @param [options.prototypeTheme] An optional prototype theme, that will be the base for the new theme\n * @param [options.themeMarkers] An optional array of markers, that new them will be marked of\n * @returns The new theme object\n */\nexport function createTheme(options: { themeClass: Theme; prototypeTheme?: Theme; themeMarkers?: Markers }): Theme {\n  const { themeClass, prototypeTheme, themeMarkers = [] } = options;\n\n  if (prototypeTheme) {\n    Object.setPrototypeOf(themeClass, prototypeTheme);\n  }\n\n  const theme = applyMarkers(exposeGetters(themeClass), themeMarkers);\n\n  return Object.freeze(theme);\n}\n"]}
+{"version":3,"file":"ThemeHelpers.js","sourceRoot":"","sources":["../../../lib/theming/ThemeHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["import warning from 'warning';\n\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { isNonNullable } from '../utils.js';\nimport type { Theme, ThemeIn } from './Theme.js';\nimport type { ThemeVersions } from './ThemeVersions.js';\nimport { isThemeVersionGTE } from './ThemeVersions.js';\n\nexport type Marker = (theme: Theme) => Theme;\nexport type Markers = Marker[];\n\n/**\n * Makes all computable theme variables (getters) visible to the Object.keys(theme)\n * @param theme Theme object\n * @returns The given theme object with all getters made enumerable\n */\nexport const exposeGetters = (theme: Theme): Theme => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_THEME_MARKERS: {\n  darkTheme: {\n    key: string;\n    value: true;\n  };\n  themeVersion: {\n    key: string;\n    value: ThemeVersions | null;\n  };\n} = {\n  darkTheme: {\n    key: '__IS_REACT_UI_DARK_THEME__',\n    value: true,\n  },\n  themeVersion: {\n    key: '__REACT_UI_THEME_VERSION__',\n    value: null,\n  },\n};\n\n// backward compatible\nexport const REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;\n};\n\n/**\n * Marks the given theme as \"dark\"\n * @param theme Theme object\n * @returns The given theme object with a \"dark theme\" mark\n */\nexport const markAsDarkTheme: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.darkTheme.key]: {\n      value: REACT_UI_THEME_MARKERS.darkTheme.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\n/**\n * Creates a marker for the theme, that will mark it with a version\n * @param version Theme version\n * @returns A marker that marks the given theme with the given version once applied\n */\nexport const markThemeVersion: (version: ThemeVersions) => Marker = (version) => (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.themeVersion.key]: {\n      value: version || REACT_UI_THEME_MARKERS.themeVersion.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\n/**\n * Checks if the given theme's version is \"greater or equal\" then the given version\n * @param theme Theme object\n * @param version A string version\n * @returns Boolean result\n */\nexport const isThemeGTE = (theme: Theme | ThemeIn, version: ThemeVersions): boolean => {\n  const themeVersion: Nullable<ThemeVersions> =\n    // @ts-expect-error: internal value.\n    theme[REACT_UI_THEME_MARKERS.themeVersion.key];\n\n  if (!themeVersion) {\n    warning(false, `[ThemeHelpers]: The theme doesn't have a version. Checking for ${version}.`);\n    return false;\n  }\n\n  return isThemeVersionGTE(themeVersion, version);\n};\n\n/**\n * Finds the given theme's object property descriptor by its name\n * @param theme Theme object\n * @param propName The property name\n * @returns The found descriptor or an empty object\n */\nexport function findPropertyDescriptor(theme: Theme, propName: string): PropertyDescriptor {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n\n/**\n * Marks the given theme with the given markers\n * @param theme Theme object\n * @param markers Markers array\n * @returns The given theme marked with the given marks\n */\nexport function applyMarkers(theme: Theme, markers: Markers): Theme {\n  return markers.reduce((markedTheme, marker) => {\n    return marker(markedTheme);\n  }, Object.create(theme));\n}\n\n/**\n * Creates a theme object out of the given class with variables\n * @param options Options object\n * @param options.themeClass A class with variables\n * @param [options.prototypeTheme] An optional prototype theme, that will be the base for the new theme\n * @param [options.themeMarkers] An optional array of markers, that new them will be marked of\n * @returns The new theme object\n */\nexport function createTheme(options: { themeClass: Theme; prototypeTheme?: Theme; themeMarkers?: Markers }): Theme {\n  const { themeClass, prototypeTheme, themeMarkers = [] } = options;\n\n  if (prototypeTheme) {\n    Object.setPrototypeOf(themeClass, prototypeTheme);\n  }\n\n  const theme = applyMarkers(exposeGetters(themeClass), themeMarkers);\n\n  return Object.freeze(theme);\n}\n"]}

package/lib/theming/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../../lib/theming/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import { useContext } from 'react';\n\nimport type { BasicThemeClass } from '../../internal/themes/BasicTheme.js';\n\nimport { ThemeContext } from './ThemeContext.js';\n\nexport const useTheme = (): Readonly<typeof BasicThemeClass> => {\n  return useContext(ThemeContext);\n};\n"]}
+{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../../lib/theming/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import { useContext } from 'react';\n\nimport type { BasicThemeClass } from '../../internal/themes/BasicTheme.js';\nimport { ThemeContext } from './ThemeContext.js';\n\nexport const useTheme = (): Readonly<typeof BasicThemeClass> => {\n  return useContext(ThemeContext);\n};\n"]}

package/lib/types/polymorphic-component.d.ts

@@ -1,5 +1,5 @@
-import type React from 'react';
 import type { JSX } from 'react';
+import type React from 'react';
 import type { Merge } from '../../typings/utility-types.js';
 type PropsWithComponent<P, T extends React.ElementType> = P & {
     /**

package/lib/types/polymorphic-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"polymorphic-component.js","sourceRoot":"","sources":["../../../lib/types/polymorphic-component.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\nimport type { JSX } from 'react';\n\nimport type { Merge } from '../../typings/utility-types.js';\n\ntype PropsWithComponent<P, T extends React.ElementType> = P & {\n  /**\n   * Компонент, используемый в качестве корневого узла.\n   */\n  component?: T;\n};\n\nexport type PolymorphicPropsWithoutRef<P, T extends React.ElementType> = Merge<\n  T extends keyof JSX.IntrinsicElements\n    ? React.PropsWithoutRef<JSX.IntrinsicElements[T]>\n    : React.ComponentPropsWithoutRef<T>,\n  PropsWithComponent<P, T>\n>;\n\nexport type PolymorphicPropsWithRef<P, T extends React.ElementType> = Merge<\n  T extends keyof JSX.IntrinsicElements ? React.PropsWithRef<JSX.IntrinsicElements[T]> : React.ComponentPropsWithRef<T>,\n  PropsWithComponent<P, T>\n>;\n\ntype PolymorphicExoticComponent<P = Record<string, unknown>, T extends React.ElementType = React.ElementType> = Merge<\n  React.ExoticComponent<P & { [key: string]: unknown }>,\n  {\n    <InstanceT extends React.ElementType = T>(\n      props: PolymorphicPropsWithRef<P, InstanceT>,\n    ): React.ReactElement<any> | null;\n  }\n>;\n\nexport type PolymorphicForwardRefExoticComponent<P, T extends React.ElementType> = Merge<\n  React.ForwardRefExoticComponent<P & { [key: string]: unknown }>,\n  PolymorphicExoticComponent<P, T>\n>;\n"]}
+{"version":3,"file":"polymorphic-component.js","sourceRoot":"","sources":["../../../lib/types/polymorphic-component.ts"],"names":[],"mappings":"","sourcesContent":["import type { JSX } from 'react';\nimport type React from 'react';\n\nimport type { Merge } from '../../typings/utility-types.js';\n\ntype PropsWithComponent<P, T extends React.ElementType> = P & {\n  /**\n   * Компонент, используемый в качестве корневого узла.\n   */\n  component?: T;\n};\n\nexport type PolymorphicPropsWithoutRef<P, T extends React.ElementType> = Merge<\n  T extends keyof JSX.IntrinsicElements\n    ? React.PropsWithoutRef<JSX.IntrinsicElements[T]>\n    : React.ComponentPropsWithoutRef<T>,\n  PropsWithComponent<P, T>\n>;\n\nexport type PolymorphicPropsWithRef<P, T extends React.ElementType> = Merge<\n  T extends keyof JSX.IntrinsicElements ? React.PropsWithRef<JSX.IntrinsicElements[T]> : React.ComponentPropsWithRef<T>,\n  PropsWithComponent<P, T>\n>;\n\ntype PolymorphicExoticComponent<P = Record<string, unknown>, T extends React.ElementType = React.ElementType> = Merge<\n  React.ExoticComponent<P & { [key: string]: unknown }>,\n  {\n    <InstanceT extends React.ElementType = T>(\n      props: PolymorphicPropsWithRef<P, InstanceT>,\n    ): React.ReactElement<any> | null;\n  }\n>;\n\nexport type PolymorphicForwardRefExoticComponent<P, T extends React.ElementType> = Merge<\n  React.ForwardRefExoticComponent<P & { [key: string]: unknown }>,\n  PolymorphicExoticComponent<P, T>\n>;\n"]}

package/lib/utils.d.ts

@@ -1,16 +1,16 @@
 import type React from 'react';
-import type { GlobalObject } from '../lib/globalObject.js';
-import type { CurrencyInputProps } from '../components/CurrencyInput/index.js';
-import type { PasswordInputProps } from '../components/PasswordInput/index.js';
-import type { InputProps } from '../components/Input/index.js';
 import type { AutocompleteProps } from '../components/Autocomplete/index.js';
-import type { FxInputProps } from '../components/FxInput/index.js';
-import type { SelectProps } from '../components/Select/index.js';
+import type { ButtonProps } from '../components/Button/index.js';
+import type { CurrencyInputProps } from '../components/CurrencyInput/index.js';
 import type { DropdownProps } from '../components/Dropdown/index.js';
 import type { DropdownMenuProps } from '../components/DropdownMenu/index.js';
-import type { ButtonProps } from '../components/Button/index.js';
-import type { TooltipProps } from '../components/Tooltip/index.js';
+import type { FxInputProps } from '../components/FxInput/index.js';
 import type { HintProps } from '../components/Hint/index.js';
+import type { InputProps } from '../components/Input/index.js';
+import type { PasswordInputProps } from '../components/PasswordInput/index.js';
+import type { SelectProps } from '../components/Select/index.js';
+import type { TooltipProps } from '../components/Tooltip/index.js';
+import type { GlobalObject } from '../lib/globalObject.js';
 export { delay } from './delay.js';
 export type Defaultize<P, D> = P extends any ? string extends keyof P ? P : Pick<P, Exclude<keyof P, keyof D>> & Partial<Pick<P, Extract<keyof P, keyof D>>> & Partial<Pick<D, Exclude<keyof D, keyof P>>> : never;
 export type DefaultizeProps<C, P> = C extends {