@skbkontur/react-ui 0.0.0-30619a873c → 0.0.0-32550fb571

package/internal/themes/LightTheme5_1/LightTheme5_1.js

@@ -0,0 +1,52 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _LightTheme5_;
+import { createTheme, markThemeVersion } from "../../../lib/theming/ThemeHelpers";
+import { BasicThemeClassForExtension } from "../BasicTheme";
+import { LightTheme5_0 } from "../LightTheme5_0";
+export var LightTheme5_1 = createTheme({
+  themeClass: (_LightTheme5_ = /*#__PURE__*/function (_BasicThemeClassForEx) {
+    function LightTheme5_1() {
+      return _BasicThemeClassForEx.apply(this, arguments) || this;
+    }
+    _inheritsLoose(LightTheme5_1, _BasicThemeClassForEx);
+    return _createClass(LightTheme5_1, null, [{
+      key: "mobileModalCloseButtonRightPadding",
+      get: function get() {
+        return this.mobileModalCloseButtonClickArea;
+      }
+    }, {
+      key: "mobileModalCloseButtonTopPadding",
+      get: function get() {
+        return this.mobileModalCloseButtonClickArea;
+      }
+    }, {
+      key: "mobileSidePageCloseButtonPadding",
+      get: function get() {
+        return this.mobileSidePageCloseButtonClickArea;
+      }
+    }, {
+      key: "sidePageCloseButtonClickAreaTop",
+      get: function get() {
+        return this.modalCloseButtonClickAreaTop;
+      }
+    }, {
+      key: "sidePageCloseButtonClickAreaBottom",
+      get: function get() {
+        return this.modalCloseButtonClickAreaBottom;
+      }
+    }, {
+      key: "sidePageCloseButtonClickAreaLeft",
+      get: function get() {
+        return this.modalCloseButtonClickAreaLeft;
+      }
+    }, {
+      key: "sidePageCloseButtonClickAreaRight",
+      get: function get() {
+        return this.modalCloseButtonClickAreaRight;
+      }
+    }]);
+  }(BasicThemeClassForExtension), _LightTheme5_.modalCloseButtonClickAreaTop = '30px', _LightTheme5_.modalCloseButtonClickAreaBottom = '22px', _LightTheme5_.modalCloseButtonClickAreaLeft = '24px', _LightTheme5_.modalCloseButtonClickAreaRight = '28px', _LightTheme5_.mobileModalCloseButtonClickArea = '22px', _LightTheme5_.sidePageHeaderStickyOffset = '10px', _LightTheme5_.mobileSidePageCloseButtonClickArea = '22px', _LightTheme5_.sidePageCloseButtonWrapperFixedOffsetTop = '4px', _LightTheme5_.sidePageCloseButtonWrapperOffsetTop = '2px', _LightTheme5_),
+  prototypeTheme: LightTheme5_0,
+  themeMarkers: [markThemeVersion('5.1')]
+});

package/internal/themes/LightTheme5_1/LightTheme5_1.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTheme","markThemeVersion","BasicThemeClassForExtension","LightTheme5_0","LightTheme5_1","themeClass","_LightTheme5_","_BasicThemeClassForEx","apply","arguments","_inheritsLoose","_createClass","key","get","mobileModalCloseButtonClickArea","mobileSidePageCloseButtonClickArea","modalCloseButtonClickAreaTop","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","modalCloseButtonClickAreaRight","sidePageHeaderStickyOffset","sidePageCloseButtonWrapperFixedOffsetTop","sidePageCloseButtonWrapperOffsetTop","prototypeTheme","themeMarkers"],"sources":["LightTheme5_1.ts"],"sourcesContent":["import { createTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers';\n\nimport { BasicThemeClassForExtension } from './BasicTheme';\nimport { LightTheme5_0 } from './LightTheme5_0';\n\nexport const LightTheme5_1 = createTheme({\n  themeClass: class LightTheme5_1 extends BasicThemeClassForExtension {\n    public static modalCloseButtonClickAreaTop = '30px';\n    public static modalCloseButtonClickAreaBottom = '22px';\n    public static modalCloseButtonClickAreaLeft = '24px';\n    public static modalCloseButtonClickAreaRight = '28px';\n    public static get mobileModalCloseButtonRightPadding() {\n      return this.mobileModalCloseButtonClickArea;\n    }\n    public static get mobileModalCloseButtonTopPadding() {\n      return this.mobileModalCloseButtonClickArea;\n    }\n    public static mobileModalCloseButtonClickArea = '22px';\n    public static sidePageHeaderStickyOffset = '10px';\n    public static get mobileSidePageCloseButtonPadding() {\n      return this.mobileSidePageCloseButtonClickArea;\n    }\n    public static get sidePageCloseButtonClickAreaTop() {\n      return this.modalCloseButtonClickAreaTop;\n    }\n    public static get sidePageCloseButtonClickAreaBottom() {\n      return this.modalCloseButtonClickAreaBottom;\n    }\n    public static get sidePageCloseButtonClickAreaLeft() {\n      return this.modalCloseButtonClickAreaLeft;\n    }\n    public static get sidePageCloseButtonClickAreaRight() {\n      return this.modalCloseButtonClickAreaRight;\n    }\n    public static mobileSidePageCloseButtonClickArea = '22px';\n    public static sidePageCloseButtonWrapperFixedOffsetTop = '4px';\n    public static sidePageCloseButtonWrapperOffsetTop = '2px';\n  },\n  prototypeTheme: LightTheme5_0,\n  themeMarkers: [markThemeVersion('5.1')],\n});\n"],"mappings":"0JAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,gCAAgC;;AAE9E,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,aAAa,QAAQ,iBAAiB;;AAE/C,OAAO,IAAMC,aAAa,GAAGJ,WAAW,CAAC;EACvCK,UAAU,GAAAC,aAAA,0BAAAC,qBAAA,YAAAH,cAAA,UAAAG,qBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,aAAA,EAAAG,qBAAA,SAAAI,YAAA,CAAAP,aAAA,WAAAQ,GAAA,wCAAAC,GAAA;;;;;MAKR,SAAAA,IAAA,EAAuD;QACrD,OAAO,IAAI,CAACC,+BAA+B;MAC7C,CAAC,MAAAF,GAAA,sCAAAC,GAAA;MACD,SAAAA,IAAA,EAAqD;QACnD,OAAO,IAAI,CAACC,+BAA+B;MAC7C,CAAC,MAAAF,GAAA,sCAAAC,GAAA;;;MAGD,SAAAA,IAAA,EAAqD;QACnD,OAAO,IAAI,CAACE,kCAAkC;MAChD,CAAC,MAAAH,GAAA,qCAAAC,GAAA;MACD,SAAAA,IAAA,EAAoD;QAClD,OAAO,IAAI,CAACG,4BAA4B;MAC1C,CAAC,MAAAJ,GAAA,wCAAAC,GAAA;MACD,SAAAA,IAAA,EAAuD;QACrD,OAAO,IAAI,CAACI,+BAA+B;MAC7C,CAAC,MAAAL,GAAA,sCAAAC,GAAA;MACD,SAAAA,IAAA,EAAqD;QACnD,OAAO,IAAI,CAACK,6BAA6B;MAC3C,CAAC,MAAAN,GAAA,uCAAAC,GAAA;MACD,SAAAA,IAAA,EAAsD;QACpD,OAAO,IAAI,CAACM,8BAA8B;MAC5C,CAAC,OA3BqCjB,2BAA2B,GAAAI,aAAA,CACnDU,4BAA4B,GAAG,MAAM,EAAAV,aAAA,CACrCW,+BAA+B,GAAG,MAAM,EAAAX,aAAA,CACxCY,6BAA6B,GAAG,MAAM,EAAAZ,aAAA,CACtCa,8BAA8B,GAAG,MAAM,EAAAb,aAAA,CAOvCQ,+BAA+B,GAAG,MAAM,EAAAR,aAAA,CACxCc,0BAA0B,GAAG,MAAM,EAAAd,aAAA;EAgBnCS,kCAAkC,GAAG,MAAM,EAAAT,aAAA;EAC3Ce,wCAAwC,GAAG,KAAK,EAAAf,aAAA;EAChDgB,mCAAmC,GAAG,KAAK,EAAAhB,aAAA,CAC1D;;EACDiB,cAAc,EAAEpB,aAAa;EAC7BqB,YAAY,EAAE,CAACvB,gBAAgB,CAAC,KAAK,CAAC;AACxC,CAAC,CAAC","ignoreList":[]}

package/internal/themes/LightTheme5_1/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/themes/LightTheme5_1.js",
+  "module": "LightTheme5_1",
+  "types": "../LightTheme5_1.d.ts",
+  "sideEffects": false
+}

package/internal/themes/LightTheme5_1.d.ts

@@ -0,0 +1 @@
+export declare const LightTheme5_1: Readonly<typeof import("./BasicTheme").BasicThemeClass>;

package/lib/ModalStack/ModalStack.js

@@ -33,14 +33,19 @@ export var ModalStack = /*#__PURE__*/function () {
       mounted.splice(index, 1);
     }
     emitter.emit('change');
+  };
+  ModalStack.rerender = function rerender() {
+    var _ModalStack$getStackI3 = ModalStack.getStackInfo(),
+      emitter = _ModalStack$getStackI3.emitter;
+    emitter.emit('change');
   }
 
   /**
    * Determines if stack component is allowed to block background
    */;
   ModalStack.isBlocking = function isBlocking(component) {
-    var _ModalStack$getStackI3 = ModalStack.getStackInfo(),
-      mounted = _ModalStack$getStackI3.mounted;
+    var _ModalStack$getStackI4 = ModalStack.getStackInfo(),
+      mounted = _ModalStack$getStackI4.mounted;
     for (var index = 0; index < mounted.length; index++) {
       if (ModalStack.wantsToBlock(mounted[index])) {
         // only the highest component in stack
@@ -62,12 +67,7 @@ export var ModalStack = /*#__PURE__*/function () {
       return true;
     }
     if (isSidePage(component)) {
-      var _ModalStack$getStackI4 = ModalStack.getStackInfo(),
-        mounted = _ModalStack$getStackI4.mounted;
-      var deepestSidePages = mounted.filter(function (i) {
-        return isSidePage(i);
-      }).pop();
-      return !!component.props.blockBackground && component === deepestSidePages;
+      return !!component.props.blockBackground;
     }
     return false;
   };

package/lib/ModalStack/ModalStack.js.map

@@ -1 +1 @@
-{"version":3,"names":["EventEmitter","globalObject","ModalStack","add","component","onChange","_ModalStack$getStackI","getStackInfo","emitter","mounted","unshift","changeHandler","concat","_token","addListener","emit","remove","removeListener","_ModalStack$getStackI2","index","indexOf","splice","isBlocking","_ModalStack$getStackI3","length","wantsToBlock","globalWithStack","__ReactUIStackInfo","isModal","isSidePage","_ModalStack$getStackI4","deepestSidePages","filter","i","pop","props","blockBackground","isReactUIInstance","componentName","instance","constructor","Object","prototype","hasOwnProperty","call","__KONTUR_REACT_UI__"],"sources":["ModalStack.ts"],"sourcesContent":["import React from 'react';\nimport EventEmitter from 'eventemitter3';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { SidePageProps } from '../components/SidePage';\nimport { ModalProps } from '../components/Modal';\n\ninterface StackInfo {\n  emitter: EventEmitter;\n  mounted: React.Component[];\n}\n\ninterface GlobalWithStackInfo {\n  __ReactUIStackInfo?: StackInfo;\n}\n\nexport interface ModalStackSubscription {\n  remove: () => void;\n}\n\nexport class ModalStack {\n  public static add(\n    component: React.Component,\n    onChange: (stack: readonly React.Component[]) => void,\n  ): ModalStackSubscription {\n    const { emitter, mounted } = ModalStack.getStackInfo();\n    mounted.unshift(component);\n    const changeHandler = () => onChange([...mounted]);\n    const _token = emitter.addListener('change', changeHandler);\n    emitter.emit('change');\n    return {\n      remove: () => {\n        // Backwards compatible with versions 0.x and 1.w which using the fbemitter package\n        if ('remove' in _token) {\n          // @ts-expect-error: `remove` is method of `ModalStack`.\n          _token.remove();\n          return;\n        }\n\n        emitter.removeListener('change', changeHandler);\n      },\n    };\n  }\n\n  public static remove(component: React.Component) {\n    const { emitter, mounted } = ModalStack.getStackInfo();\n    const index = mounted.indexOf(component);\n    if (index !== -1) {\n      mounted.splice(index, 1);\n    }\n    emitter.emit('change');\n  }\n\n  /**\n   * Determines if stack component is allowed to block background\n   */\n  public static isBlocking(component: React.Component): boolean {\n    const { mounted } = ModalStack.getStackInfo();\n    for (let index = 0; index < mounted.length; index++) {\n      if (ModalStack.wantsToBlock(mounted[index])) {\n        // only the highest component in stack\n        // that wants to block is allowed to do it\n        return component === mounted[index];\n      }\n    }\n    return false;\n  }\n\n  private static getStackInfo(): StackInfo {\n    const globalWithStack = globalObject as GlobalWithStackInfo;\n    return (\n      globalWithStack.__ReactUIStackInfo ||\n      (globalWithStack.__ReactUIStackInfo = {\n        emitter: new EventEmitter(),\n        mounted: [],\n      })\n    );\n  }\n\n  private static wantsToBlock(component: React.Component): boolean {\n    if (isModal(component)) {\n      return true;\n    }\n\n    if (isSidePage(component)) {\n      const { mounted } = ModalStack.getStackInfo();\n      const deepestSidePages = mounted.filter((i) => isSidePage(i)).pop();\n      return !!component.props.blockBackground && component === deepestSidePages;\n    }\n\n    return false;\n  }\n}\n\n/**\n * Specific check for component type by its instance\n */\nconst isReactUIInstance = <T>(componentName: string) => {\n  return (instance: React.Component): instance is React.Component<T> => {\n    const { constructor } = instance;\n\n    return (\n      Object.prototype.hasOwnProperty.call(constructor, '__KONTUR_REACT_UI__') &&\n      // @ts-expect-error: React doesn't know about existence of __KONTUR_REACT_UI__.\n      constructor.__KONTUR_REACT_UI__ === componentName\n    );\n  };\n};\n\nconst isSidePage = isReactUIInstance<SidePageProps>('SidePage');\n\nconst isModal = isReactUIInstance<ModalProps>('Modal');\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["EventEmitter","globalObject","ModalStack","add","component","onChange","_ModalStack$getStackI","getStackInfo","emitter","mounted","unshift","changeHandler","concat","_token","addListener","emit","remove","removeListener","_ModalStack$getStackI2","index","indexOf","splice","rerender","_ModalStack$getStackI3","isBlocking","_ModalStack$getStackI4","length","wantsToBlock","globalWithStack","__ReactUIStackInfo","isModal","isSidePage","props","blockBackground","isReactUIInstance","componentName","instance","constructor","Object","prototype","hasOwnProperty","call","__KONTUR_REACT_UI__"],"sources":["ModalStack.ts"],"sourcesContent":["import React from 'react';\nimport EventEmitter from 'eventemitter3';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { SidePageProps } from '../components/SidePage';\nimport { ModalProps } from '../components/Modal';\n\ninterface StackInfo {\n  emitter: EventEmitter;\n  mounted: React.Component[];\n}\n\ninterface GlobalWithStackInfo {\n  __ReactUIStackInfo?: StackInfo;\n}\n\nexport interface ModalStackSubscription {\n  remove: () => void;\n}\n\nexport class ModalStack {\n  public static add(\n    component: React.Component,\n    onChange: (stack: readonly React.Component[]) => void,\n  ): ModalStackSubscription {\n    const { emitter, mounted } = ModalStack.getStackInfo();\n    mounted.unshift(component);\n    const changeHandler = () => onChange([...mounted]);\n    const _token = emitter.addListener('change', changeHandler);\n    emitter.emit('change');\n    return {\n      remove: () => {\n        // Backwards compatible with versions 0.x and 1.w which using the fbemitter package\n        if ('remove' in _token) {\n          // @ts-expect-error: `remove` is method of `ModalStack`.\n          _token.remove();\n          return;\n        }\n\n        emitter.removeListener('change', changeHandler);\n      },\n    };\n  }\n\n  public static remove(component: React.Component) {\n    const { emitter, mounted } = ModalStack.getStackInfo();\n    const index = mounted.indexOf(component);\n    if (index !== -1) {\n      mounted.splice(index, 1);\n    }\n    emitter.emit('change');\n  }\n  public static rerender() {\n    const { emitter } = ModalStack.getStackInfo();\n    emitter.emit('change');\n  }\n\n  /**\n   * Determines if stack component is allowed to block background\n   */\n  public static isBlocking(component: React.Component): boolean {\n    const { mounted } = ModalStack.getStackInfo();\n    for (let index = 0; index < mounted.length; index++) {\n      if (ModalStack.wantsToBlock(mounted[index])) {\n        // only the highest component in stack\n        // that wants to block is allowed to do it\n        return component === mounted[index];\n      }\n    }\n    return false;\n  }\n\n  private static getStackInfo(): StackInfo {\n    const globalWithStack = globalObject as GlobalWithStackInfo;\n    return (\n      globalWithStack.__ReactUIStackInfo ||\n      (globalWithStack.__ReactUIStackInfo = {\n        emitter: new EventEmitter(),\n        mounted: [],\n      })\n    );\n  }\n\n  private static wantsToBlock(component: React.Component): boolean {\n    if (isModal(component)) {\n      return true;\n    }\n\n    if (isSidePage(component)) {\n      return !!component.props.blockBackground;\n    }\n\n    return false;\n  }\n}\n\n/**\n * Specific check for component type by its instance\n */\nconst isReactUIInstance = <T>(componentName: string) => {\n  return (instance: React.Component): instance is React.Component<T> => {\n    const { constructor } = instance;\n\n    return (\n      Object.prototype.hasOwnProperty.call(constructor, '__KONTUR_REACT_UI__') &&\n      // @ts-expect-error: React doesn't know about existence of __KONTUR_REACT_UI__.\n      constructor.__KONTUR_REACT_UI__ === componentName\n    );\n  };\n};\n\nconst isSidePage = isReactUIInstance<SidePageProps>('SidePage');\n\nconst isModal = isReactUIInstance<ModalProps>('Modal');\n"],"mappings":"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","ignoreList":[]}

package/lib/ModalStack.d.ts

@@ -5,6 +5,7 @@ export interface ModalStackSubscription {
 export declare class ModalStack {
     static add(component: React.Component, onChange: (stack: readonly React.Component[]) => void): ModalStackSubscription;
     static remove(component: React.Component): void;
+    static rerender(): void;
     /**
      * Determines if stack component is allowed to block background
      */

package/lib/delay/delay.js

@@ -0,0 +1,6 @@
+import { globalObject } from '@skbkontur/global-object';
+export var delay = function delay(ms) {
+  return new Promise(function (resolve) {
+    return globalObject.setTimeout(resolve, ms);
+  });
+};

package/lib/delay/delay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["globalObject","delay","ms","Promise","resolve","setTimeout"],"sources":["delay.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nexport const delay = (ms: number) => new Promise((resolve) => globalObject.setTimeout(resolve, ms));\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,0BAA0B;;AAEvD,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAIC,EAAU,UAAK,IAAIC,OAAO,CAAC,UAACC,OAAO,UAAKJ,YAAY,CAACK,UAAU,CAACD,OAAO,EAAEF,EAAE,CAAC,GAAC","ignoreList":[]}

package/lib/delay/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/delay.js",
+  "module": "delay",
+  "types": "../delay.d.ts",
+  "sideEffects": false
+}

package/lib/delay.d.ts

@@ -0,0 +1 @@
+export declare const delay: (ms: number) => Promise<unknown>;

package/lib/mergeRefs/mergeRefs.js

@@ -0,0 +1,68 @@
+import { isNonNullable, isNullable } from "../utils";
+var CALLBACK_AS_KEY = {
+  callbackAsKey: true
+};
+var cache = new WeakMap();
+
+/**
+ * Позволяет объединить несколько параметров ref в один вызов, в котором во все переданные параметры просетится ref.
+ *
+ * Кеширует результат возвращаемой функции, так что при одинаковых входных параметрах React-у будет возвращена одинаковая функция.
+ * Это позволит не вызывать лишние commitAttachRef и commitDetachRef и не ловить сайдэффекты связанные со значением ref в моменте
+ *
+ * Не прокидывай в параметрах стрелочные функции, так результат не будет закеширован.
+ *
+ * @returns function that passed refs: (...refs) =>
+ *
+ * @example
+ * const SomeComponent = forwardRef((props, ref) => {
+ *  const localRef = useRef();
+ *  return <div ref={mergeRefs(localRef, ref)} />;
+ * });
+ */
+export function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  var cacheLevel = getLeafRefInCache.apply(void 0, refs);
+  var cachedCallback = cacheLevel.get(CALLBACK_AS_KEY);
+  if (cachedCallback && typeof cachedCallback === 'function') {
+    return cachedCallback;
+  }
+  var newRefCallback = createRefCallback(refs);
+  cacheLevel.set(CALLBACK_AS_KEY, newRefCallback);
+  return newRefCallback;
+}
+function createRefCallback(refs) {
+  function applyRef(value) {
+    refs.forEach(function (ref) {
+      if (typeof ref === 'function') {
+        return ref(value);
+      } else if (isNonNullable(ref)) {
+        return ref.current = value;
+      }
+    });
+  }
+  return applyRef;
+}
+function getLeafRefInCache() {
+  var cacheLevel = cache;
+  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    refs[_key2] = arguments[_key2];
+  }
+  for (var _i = 0, _refs = refs; _i < _refs.length; _i++) {
+    var ref = _refs[_i];
+    if (isNullable(ref)) {
+      continue;
+    }
+    var child = cacheLevel.get(ref);
+    if (child && typeof child !== 'function') {
+      cacheLevel = child;
+    } else {
+      var leaf = new WeakMap();
+      cacheLevel.set(ref, leaf);
+      cacheLevel = leaf;
+    }
+  }
+  return cacheLevel;
+}

package/lib/mergeRefs/mergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isNonNullable","isNullable","CALLBACK_AS_KEY","callbackAsKey","cache","WeakMap","mergeRefs","_len","arguments","length","refs","Array","_key","cacheLevel","getLeafRefInCache","apply","cachedCallback","get","newRefCallback","createRefCallback","set","applyRef","value","forEach","ref","current","_len2","_key2","_i","_refs","child","leaf"],"sources":["mergeRefs.ts"],"sourcesContent":["import type React from 'react';\n\nimport { Nullable } from '../typings/utility-types';\n\nimport { isNonNullable, isNullable } from './utils';\n\ntype RefVariants<T> = Nullable<React.RefObject<T> | React.RefCallback<T>>;\ntype RefCallback<T> = ReturnType<typeof createRefCallback<T>>;\nconst CALLBACK_AS_KEY = { callbackAsKey: true };\n\ntype CacheKey<T> = NonNullable<RefVariants<T> | typeof CALLBACK_AS_KEY>;\ntype CacheValue<T> = RefCallback<T> | WeakMap<CacheKey<T>, CacheValue<T>>;\n\nconst cache = new WeakMap<CacheKey<any>, CacheValue<any>>();\n\n/**\n * Позволяет объединить несколько параметров ref в один вызов, в котором во все переданные параметры просетится ref.\n *\n * Кеширует результат возвращаемой функции, так что при одинаковых входных параметрах React-у будет возвращена одинаковая функция.\n * Это позволит не вызывать лишние commitAttachRef и commitDetachRef и не ловить сайдэффекты связанные со значением ref в моменте\n *\n * Не прокидывай в параметрах стрелочные функции, так результат не будет закеширован.\n *\n * @returns function that passed refs: (...refs) =>\n *\n * @example\n * const SomeComponent = forwardRef((props, ref) => {\n *  const localRef = useRef();\n *  return <div ref={mergeRefs(localRef, ref)} />;\n * });\n */\nexport function mergeRefs<T>(...refs: Array<RefVariants<T>>): RefCallback<T> {\n  const cacheLevel = getLeafRefInCache(...refs);\n\n  const cachedCallback = cacheLevel.get(CALLBACK_AS_KEY);\n  if (cachedCallback && typeof cachedCallback === 'function') {\n    return cachedCallback;\n  }\n\n  const newRefCallback = createRefCallback<T>(refs);\n  cacheLevel.set(CALLBACK_AS_KEY, newRefCallback);\n\n  return newRefCallback;\n}\n\nfunction createRefCallback<T>(refs: Array<RefVariants<T>>) {\n  function applyRef(value: T) {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        return ref(value);\n      } else if (isNonNullable(ref)) {\n        return ((ref as React.MutableRefObject<T>).current = value);\n      }\n    });\n  }\n  return applyRef;\n}\n\nfunction getLeafRefInCache<T>(...refs: Array<RefVariants<T>>) {\n  let cacheLevel = cache;\n  for (const ref of refs) {\n    if (isNullable(ref)) {\n      continue;\n    }\n    const child = cacheLevel.get(ref);\n\n    if (child && typeof child !== 'function') {\n      cacheLevel = child;\n    } else {\n      const leaf = new WeakMap();\n      cacheLevel.set(ref, leaf);\n      cacheLevel = leaf;\n    }\n  }\n  return cacheLevel;\n}\n"],"mappings":";;;;AAIA,SAASA,aAAa,EAAEC,UAAU,QAAQ,SAAS;;;;AAInD,IAAMC,eAAe,GAAG,EAAEC,aAAa,EAAE,IAAI,CAAC,CAAC;;;;;AAK/C,IAAMC,KAAK,GAAG,IAAIC,OAAO,CAAiC,CAAC;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAA,EAAoD,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAA7CC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;EAClC,IAAMC,UAAU,GAAGC,iBAAiB,CAAAC,KAAA,SAAIL,IAAI,CAAC;;EAE7C,IAAMM,cAAc,GAAGH,UAAU,CAACI,GAAG,CAACf,eAAe,CAAC;EACtD,IAAIc,cAAc,IAAI,OAAOA,cAAc,KAAK,UAAU,EAAE;IAC1D,OAAOA,cAAc;EACvB;;EAEA,IAAME,cAAc,GAAGC,iBAAiB,CAAIT,IAAI,CAAC;EACjDG,UAAU,CAACO,GAAG,CAAClB,eAAe,EAAEgB,cAAc,CAAC;;EAE/C,OAAOA,cAAc;AACvB;;AAEA,SAASC,iBAAiBA,CAAIT,IAA2B,EAAE;EACzD,SAASW,QAAQA,CAACC,KAAQ,EAAE;IAC1BZ,IAAI,CAACa,OAAO,CAAC,UAACC,GAAG,EAAK;MACpB,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC7B,OAAOA,GAAG,CAACF,KAAK,CAAC;MACnB,CAAC,MAAM,IAAItB,aAAa,CAACwB,GAAG,CAAC,EAAE;QAC7B,OAASA,GAAG,CAA+BC,OAAO,GAAGH,KAAK;MAC5D;IACF,CAAC,CAAC;EACJ;EACA,OAAOD,QAAQ;AACjB;;AAEA,SAASP,iBAAiBA,CAAA,EAAoC;EAC5D,IAAID,UAAU,GAAGT,KAAK,CAAC,SAAAsB,KAAA,GAAAlB,SAAA,CAAAC,MAAA,EADQC,IAAI,OAAAC,KAAA,CAAAe,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,KAAJjB,IAAI,CAAAiB,KAAA,IAAAnB,SAAA,CAAAmB,KAAA;EAEnC,SAAAC,EAAA,MAAAC,KAAA,GAAkBnB,IAAI,EAAAkB,EAAA,GAAAC,KAAA,CAAApB,MAAA,EAAAmB,EAAA,IAAE,CAAnB,IAAMJ,GAAG,GAAAK,KAAA,CAAAD,EAAA;IACZ,IAAI3B,UAAU,CAACuB,GAAG,CAAC,EAAE;MACnB;IACF;IACA,IAAMM,KAAK,GAAGjB,UAAU,CAACI,GAAG,CAACO,GAAG,CAAC;;IAEjC,IAAIM,KAAK,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;MACxCjB,UAAU,GAAGiB,KAAK;IACpB,CAAC,MAAM;MACL,IAAMC,IAAI,GAAG,IAAI1B,OAAO,CAAC,CAAC;MAC1BQ,UAAU,CAACO,GAAG,CAACI,GAAG,EAAEO,IAAI,CAAC;MACzBlB,UAAU,GAAGkB,IAAI;IACnB;EACF;EACA,OAAOlB,UAAU;AACnB","ignoreList":[]}

package/lib/mergeRefs/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/mergeRefs.js",
+  "module": "mergeRefs",
+  "types": "../mergeRefs.d.ts",
+  "sideEffects": false
+}

package/lib/mergeRefs.d.ts

@@ -0,0 +1,23 @@
+import type React from 'react';
+import { Nullable } from '../typings/utility-types';
+type RefVariants<T> = Nullable<React.RefObject<T> | React.RefCallback<T>>;
+type RefCallback<T> = ReturnType<typeof createRefCallback<T>>;
+/**
+ * Позволяет объединить несколько параметров ref в один вызов, в котором во все переданные параметры просетится ref.
+ *
+ * Кеширует результат возвращаемой функции, так что при одинаковых входных параметрах React-у будет возвращена одинаковая функция.
+ * Это позволит не вызывать лишние commitAttachRef и commitDetachRef и не ловить сайдэффекты связанные со значением ref в моменте
+ *
+ * Не прокидывай в параметрах стрелочные функции, так результат не будет закеширован.
+ *
+ * @returns function that passed refs: (...refs) =>
+ *
+ * @example
+ * const SomeComponent = forwardRef((props, ref) => {
+ *  const localRef = useRef();
+ *  return <div ref={mergeRefs(localRef, ref)} />;
+ * });
+ */
+export declare function mergeRefs<T>(...refs: Array<RefVariants<T>>): RefCallback<T>;
+declare function createRefCallback<T>(refs: Array<RefVariants<T>>): (value: T) => void;
+export {};

package/lib/theming/Theme/Theme.js

@@ -1 +1,2 @@
-export {};
+import { BasicThemeClassForExtension } from "../../../internal/themes/BasicTheme";
+export { BasicThemeClassForExtension };

package/lib/theming/Theme/Theme.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["Theme.ts"],"sourcesContent":["import { BasicLightTheme } from '../../internal/themes/BasicLightTheme';\n\nexport type Theme = Readonly<typeof BasicLightTheme>;\nexport type ThemeIn = Partial<typeof BasicLightTheme>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":["BasicThemeClassForExtension"],"sources":["Theme.ts"],"sourcesContent":["import { BasicThemeClass, BasicThemeClassForExtension } from '../../internal/themes/BasicTheme';\n\nexport type Theme = Readonly<typeof BasicThemeClass>;\nexport type ThemeIn = Partial<typeof BasicThemeClass>;\n\nexport { BasicThemeClassForExtension };\n"],"mappings":"AAAA,SAA0BA,2BAA2B,QAAQ,kCAAkC;;;;;AAK/F,SAASA,2BAA2B","ignoreList":[]}

package/lib/theming/Theme.d.ts

@@ -1,3 +1,4 @@
-import { BasicLightTheme } from '../../internal/themes/BasicLightTheme';
-export type Theme = Readonly<typeof BasicLightTheme>;
-export type ThemeIn = Partial<typeof BasicLightTheme>;
+import { BasicThemeClass, BasicThemeClassForExtension } from '../../internal/themes/BasicTheme';
+export type Theme = Readonly<typeof BasicThemeClass>;
+export type ThemeIn = Partial<typeof BasicThemeClass>;
+export { BasicThemeClassForExtension };

package/lib/theming/ThemeContext/ThemeContext.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LIGHT_THEME } from "../themes/LightTheme";
-export var ThemeContext = /*#__PURE__*/React.createContext(LIGHT_THEME);
+import { ThemeFactory } from "../ThemeFactory";
+export var ThemeContext = /*#__PURE__*/React.createContext(ThemeFactory.defaultTheme);
 ThemeContext.displayName = 'ThemeContext';
 ThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';

package/lib/theming/ThemeContext/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","LIGHT_THEME","ThemeContext","createContext","displayName","__KONTUR_REACT_UI__"],"sources":["ThemeContext.ts"],"sourcesContent":["import React from 'react';\n\nimport { LIGHT_THEME } from './themes/LightTheme';\n\nexport const ThemeContext = React.createContext(LIGHT_THEME);\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,WAAW,QAAQ,qBAAqB;;AAEjD,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAa,CAACF,WAAW,CAAC;;AAE5DC,YAAY,CAACE,WAAW,GAAG,cAAc;AACzCF,YAAY,CAACG,mBAAmB,GAAG,cAAc","ignoreList":[]}
+{"version":3,"names":["React","ThemeFactory","ThemeContext","createContext","defaultTheme","displayName","__KONTUR_REACT_UI__"],"sources":["ThemeContext.ts"],"sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from './ThemeFactory';\n\nexport const ThemeContext = React.createContext(ThemeFactory.defaultTheme);\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAa,CAACF,YAAY,CAACG,YAAY,CAAC;;AAE1EF,YAAY,CAACG,WAAW,GAAG,cAAc;AACzCH,YAAY,CAACI,mBAAmB,GAAG,cAAc","ignoreList":[]}

package/lib/theming/ThemeContext.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const ThemeContext: React.Context<Readonly<Readonly<typeof import("../../internal/themes/BasicLightTheme").BasicLightThemeInternal>>>;
+export declare const ThemeContext: React.Context<Readonly<typeof import("../../internal/themes/BasicTheme").BasicThemeClass>>;

package/lib/theming/ThemeFactory/ThemeFactory.js

@@ -1,23 +1,25 @@
-import { BasicLightTheme } from "../../../internal/themes/BasicLightTheme";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 import { isNonNullable } from "../../utils";
 import { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from "../ThemeHelpers";
+import { LIGHT_THEME } from "../themes/LightTheme";
 export var ThemeFactory = /*#__PURE__*/function () {
   function ThemeFactory() {}
   ThemeFactory.create = function create(theme, baseTheme) {
-    var base = baseTheme || BasicLightTheme;
+    var base = baseTheme || this.defaultTheme;
     return this.constructTheme(base, theme);
   };
   ThemeFactory.overrideBaseTheme = function overrideBaseTheme(theme) {
+    var _this = this;
     // copying theme variables
-    ThemeFactory.getKeys(BasicLightTheme).forEach(function (variableName) {
+    ThemeFactory.getKeys(this.defaultTheme).forEach(function (variableName) {
       var descriptor = findPropertyDescriptor(theme, variableName);
-      Object.defineProperty(BasicLightTheme, variableName, descriptor);
+      Object.defineProperty(_this.defaultTheme, variableName, descriptor);
     });
 
     // copying theme markers
     Object.values(REACT_UI_THEME_MARKERS).forEach(function (marker) {
       var descriptor = findPropertyDescriptor(theme, marker.key);
-      Object.defineProperty(BasicLightTheme, marker.key, descriptor);
+      Object.defineProperty(_this.defaultTheme, marker.key, descriptor);
     });
   };
   ThemeFactory.getKeys = function getKeys(theme) {
@@ -44,5 +46,17 @@ export var ThemeFactory = /*#__PURE__*/function () {
     });
     return Object.freeze(newTheme);
   };
-  return ThemeFactory;
-}();
+  return _createClass(ThemeFactory, null, [{
+    key: "defaultTheme",
+    get: function get() {
+      return this.overridableDefaultTheme;
+    }
+  }]);
+}(); /**
+     * The default theme created with Object.create() is needed for the "overrideBaseTheme" to work.
+     *
+     * Themes should be frozen objects. But it is not possible to define properties on frozen objects.
+     * So, an object created by Object.create({ *frozen_object* }) acts as frozen too,
+     * but allows to apply Object.defineProperty to his own properties.
+     */
+ThemeFactory.overridableDefaultTheme = Object.create(LIGHT_THEME);

package/lib/theming/ThemeFactory/ThemeFactory.js.map

@@ -1 +1 @@
-{"version":3,"names":["BasicLightTheme","isNonNullable","findPropertyDescriptor","REACT_UI_THEME_MARKERS","ThemeFactory","create","theme","baseTheme","base","constructTheme","overrideBaseTheme","getKeys","forEach","variableName","descriptor","Object","defineProperty","values","marker","key","keys","includes","push","getPrototypeOf","sort","newTheme","propName","getOwnPropertyDescriptor","freeze"],"sources":["ThemeFactory.ts"],"sourcesContent":["import { BasicLightTheme } from '../../internal/themes/BasicLightTheme';\nimport { isNonNullable, NoInfer } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from './ThemeHelpers';\n\nexport class ThemeFactory {\n  public static create<T>(theme: ThemeIn & NoInfer<T>, baseTheme?: Theme): Readonly<Theme & NoInfer<T>> {\n    const base = baseTheme || BasicLightTheme;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideBaseTheme(theme: Theme) {\n    // copying theme variables\n    ThemeFactory.getKeys(BasicLightTheme).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(theme, variableName);\n      Object.defineProperty(BasicLightTheme, 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(BasicLightTheme, marker.key, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: 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"],"mappings":"AAAA,SAASA,eAAe,QAAQ,uCAAuC;AACvE,SAASC,aAAa,QAAiB,UAAU;;;AAGjD,SAASC,sBAAsB,EAAEC,sBAAsB,QAAQ,gBAAgB;;AAE/E,WAAaC,YAAY,sCAAAA,aAAA,IAAAA,YAAA;EACTC,MAAM,GAApB,SAAAA,OAAwBC,KAA2B,EAAEC,SAAiB,EAAgC;IACpG,IAAMC,IAAI,GAAGD,SAAS,IAAIP,eAAe;IACzC,OAAO,IAAI,CAACS,cAAc,CAACD,IAAI,EAAEF,KAAK,CAAC;EACzC,CAAC,CAAAF,YAAA;;EAEaM,iBAAiB,GAA/B,SAAAA,kBAAgCJ,KAAY,EAAE;IAC5C;IACAF,YAAY,CAACO,OAAO,CAACX,eAAe,CAAC,CAACY,OAAO,CAAC,UAACC,YAAY,EAAK;MAC9D,IAAMC,UAAU,GAAGZ,sBAAsB,CAACI,KAAK,EAAEO,YAAY,CAAC;MAC9DE,MAAM,CAACC,cAAc,CAAChB,eAAe,EAAEa,YAAY,EAAEC,UAAU,CAAC;IAClE,CAAC,CAAC;;IAEF;IACAC,MAAM,CAACE,MAAM,CAACd,sBAAsB,CAAC,CAACS,OAAO,CAAC,UAACM,MAAM,EAAK;MACxD,IAAMJ,UAAU,GAAGZ,sBAAsB,CAACI,KAAK,EAAEY,MAAM,CAACC,GAAG,CAAC;MAC5DJ,MAAM,CAACC,cAAc,CAAChB,eAAe,EAAEkB,MAAM,CAACC,GAAG,EAAEL,UAAU,CAAC;IAChE,CAAC,CAAC;EACJ,CAAC,CAAAV,YAAA;;EAEaO,OAAO,GAArB,SAAAA,QAAuCL,KAAQ,EAAE;IAC/C,IAAMc,IAAoB,GAAG,EAAE;IAC/B,OAAOnB,aAAa,CAACK,KAAK,CAAC,EAAE;MAC1BS,MAAM,CAACK,IAAI,CAACd,KAAK,CAAC,CAAiBM,OAAO,CAAC,UAACO,GAAG,EAAK;QACnD,IAAI,CAACC,IAAI,CAACC,QAAQ,CAACF,GAAG,CAAC,EAAE;UACvBC,IAAI,CAACE,IAAI,CAACH,GAAG,CAAC;QAChB;MACF,CAAC,CAAC;MACF;MACA;MACAb,KAAK,GAAGS,MAAM,CAACQ,cAAc,CAACjB,KAAK,CAAC;IACtC;;IAEA,OAAOc,IAAI,CAACI,IAAI,CAAC,CAAC;EACpB,CAAC,CAAApB,YAAA;;EAEcK,cAAc,GAA7B,SAAAA,eAA8BD,IAAW,EAAEF,KAAc,EAAE;IACzD,IAAMmB,QAAQ,GAAGV,MAAM,CAACV,MAAM,CAACG,IAAI,CAAC;IACpCO,MAAM,CAACK,IAAI,CAACd,KAAK,CAAC,CAACM,OAAO,CAAC,UAACc,QAAQ,EAAK;MACvC,IAAMZ,UAAU,GAAGC,MAAM,CAACY,wBAAwB,CAACrB,KAAK,EAAEoB,QAAQ,CAAC;MACnE,IAAIZ,UAAU,EAAE;QACdC,MAAM,CAACC,cAAc,CAACS,QAAQ,EAAEC,QAAQ,EAAEZ,UAAU,CAAC;MACvD;IACF,CAAC,CAAC;;IAEF,OAAOC,MAAM,CAACa,MAAM,CAACH,QAAQ,CAAC;EAChC,CAAC,QAAArB,YAAA","ignoreList":[]}
+{"version":3,"names":["isNonNullable","findPropertyDescriptor","REACT_UI_THEME_MARKERS","LIGHT_THEME","ThemeFactory","create","theme","baseTheme","base","defaultTheme","constructTheme","overrideBaseTheme","_this","getKeys","forEach","variableName","descriptor","Object","defineProperty","values","marker","key","keys","includes","push","getPrototypeOf","sort","newTheme","propName","getOwnPropertyDescriptor","freeze","_createClass","get","overridableDefaultTheme"],"sources":["ThemeFactory.ts"],"sourcesContent":["import { isNonNullable, NoInfer } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from './ThemeHelpers';\nimport { LIGHT_THEME } from './themes/LightTheme';\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) {\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) {\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"],"mappings":"kEAAA,SAASA,aAAa,QAAiB,UAAU;;;AAGjD,SAASC,sBAAsB,EAAEC,sBAAsB,QAAQ,gBAAgB;AAC/E,SAASC,WAAW,QAAQ,qBAAqB;;AAEjD,WAAaC,YAAY,sCAAAA,aAAA,IAAAA,YAAA;;;;;;;;;;;;;;EAcTC,MAAM,GAApB,SAAAA,OAAwBC,KAA2B,EAAEC,SAAiB,EAAgC;IACpG,IAAMC,IAAI,GAAGD,SAAS,IAAI,IAAI,CAACE,YAAY;IAC3C,OAAO,IAAI,CAACC,cAAc,CAACF,IAAI,EAAEF,KAAK,CAAC;EACzC,CAAC,CAAAF,YAAA;;EAEaO,iBAAiB,GAA/B,SAAAA,kBAAgCL,KAAY,EAAE,KAAAM,KAAA;IAC5C;IACAR,YAAY,CAACS,OAAO,CAAC,IAAI,CAACJ,YAAY,CAAC,CAACK,OAAO,CAAC,UAACC,YAAY,EAAK;MAChE,IAAMC,UAAU,GAAGf,sBAAsB,CAACK,KAAK,EAAES,YAAY,CAAC;MAC9DE,MAAM,CAACC,cAAc,CAACN,KAAI,CAACH,YAAY,EAAEM,YAAY,EAAEC,UAAU,CAAC;IACpE,CAAC,CAAC;;IAEF;IACAC,MAAM,CAACE,MAAM,CAACjB,sBAAsB,CAAC,CAACY,OAAO,CAAC,UAACM,MAAM,EAAK;MACxD,IAAMJ,UAAU,GAAGf,sBAAsB,CAACK,KAAK,EAAEc,MAAM,CAACC,GAAG,CAAC;MAC5DJ,MAAM,CAACC,cAAc,CAACN,KAAI,CAACH,YAAY,EAAEW,MAAM,CAACC,GAAG,EAAEL,UAAU,CAAC;IAClE,CAAC,CAAC;EACJ,CAAC,CAAAZ,YAAA;;EAEaS,OAAO,GAArB,SAAAA,QAAuCP,KAAQ,EAAE;IAC/C,IAAMgB,IAAoB,GAAG,EAAE;IAC/B,OAAOtB,aAAa,CAACM,KAAK,CAAC,EAAE;MAC1BW,MAAM,CAACK,IAAI,CAAChB,KAAK,CAAC,CAAiBQ,OAAO,CAAC,UAACO,GAAG,EAAK;QACnD,IAAI,CAACC,IAAI,CAACC,QAAQ,CAACF,GAAG,CAAC,EAAE;UACvBC,IAAI,CAACE,IAAI,CAACH,GAAG,CAAC;QAChB;MACF,CAAC,CAAC;MACF;MACA;MACAf,KAAK,GAAGW,MAAM,CAACQ,cAAc,CAACnB,KAAK,CAAC;IACtC;;IAEA,OAAOgB,IAAI,CAACI,IAAI,CAAC,CAAC;EACpB,CAAC,CAAAtB,YAAA;;EAEcM,cAAc,GAA7B,SAAAA,eAA8BF,IAAW,EAAEF,KAAc,EAAE;IACzD,IAAMqB,QAAQ,GAAGV,MAAM,CAACZ,MAAM,CAACG,IAAI,CAAC;IACpCS,MAAM,CAACK,IAAI,CAAChB,KAAK,CAAC,CAACQ,OAAO,CAAC,UAACc,QAAQ,EAAK;MACvC,IAAMZ,UAAU,GAAGC,MAAM,CAACY,wBAAwB,CAACvB,KAAK,EAAEsB,QAAQ,CAAC;MACnE,IAAIZ,UAAU,EAAE;QACdC,MAAM,CAACC,cAAc,CAACS,QAAQ,EAAEC,QAAQ,EAAEZ,UAAU,CAAC;MACvD;IACF,CAAC,CAAC;;IAEF,OAAOC,MAAM,CAACa,MAAM,CAACH,QAAQ,CAAC;EAChC,CAAC,QAAAI,YAAA,CAAA3B,YAAA,WAAAiB,GAAA,kBAAAW,GAAA,EAjDD,SAAAA,IAAA,EAAwC,CACtC,OAAO,IAAI,CAACC,uBAAuB,CACrC,CAAC,SAgDF,CA3DC;AACF;AACA;AACA;AACA;AACA;AACA,GAPa7B,YAAY,CAQC6B,uBAAuB,GAAUhB,MAAM,CAACZ,MAAM,CAACF,WAAW,CAAC","ignoreList":[]}

package/lib/theming/ThemeFactory.d.ts

@@ -1,6 +1,15 @@
 import { NoInfer } from '../utils';
 import { Theme, ThemeIn } from './Theme';
 export declare class ThemeFactory {
+    /**
+     * The default theme created with Object.create() is needed for the "overrideBaseTheme" to work.
+     *
+     * Themes should be frozen objects. But it is not possible to define properties on frozen objects.
+     * So, an object created by Object.create({ *frozen_object* }) acts as frozen too,
+     * but allows to apply Object.defineProperty to his own properties.
+     */
+    private static readonly overridableDefaultTheme;
+    static get defaultTheme(): Theme;
     static create<T>(theme: ThemeIn & NoInfer<T>, baseTheme?: Theme): Readonly<Theme & NoInfer<T>>;
     static overrideBaseTheme(theme: Theme): void;
     static getKeys<T extends Theme>(theme: T): (keyof T)[];

package/lib/theming/ThemeHelpers/ThemeHelpers.js

@@ -1,4 +1,12 @@
+import warning from 'warning';
 import { isNonNullable } from "../../utils";
+import { isThemeVersionGTE } from "../ThemeVersions";
+
+/**
+ * Makes all computable theme variables (getters) visible to the Object.keys(theme)
+ * @param theme Theme object
+ * @returns The given theme object with all getters made enumerable
+ */
 export var exposeGetters = function exposeGetters(theme) {
   var descriptors = Object.getOwnPropertyDescriptors(theme);
   Object.keys(descriptors).forEach(function (key) {
@@ -15,9 +23,9 @@ export var REACT_UI_THEME_MARKERS = {
     key: '__IS_REACT_UI_DARK_THEME__',
     value: true
   },
-  theme2022: {
-    key: '__IS_REACT_UI_THEME_2022__',
-    value: true
+  themeVersion: {
+    key: '__REACT_UI_THEME_VERSION__',
+    value: null
   }
 };
 
@@ -27,6 +35,12 @@ export var isDarkTheme = function isDarkTheme(theme) {
   // @ts-expect-error: internal value.
   return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;
 };
+
+/**
+ * Marks the given theme as "dark"
+ * @param theme Theme object
+ * @returns The given theme object with a "dark theme" mark
+ */
 export var markAsDarkTheme = function markAsDarkTheme(theme) {
   var _Object$create;
   return Object.create(theme, (_Object$create = {}, _Object$create[REACT_UI_THEME_MARKERS.darkTheme.key] = {
@@ -36,19 +50,47 @@ export var markAsDarkTheme = function markAsDarkTheme(theme) {
     configurable: false
   }, _Object$create));
 };
-export var markAsTheme2022 = function markAsTheme2022(theme) {
-  var _Object$create2;
-  return Object.create(theme, (_Object$create2 = {}, _Object$create2[REACT_UI_THEME_MARKERS.theme2022.key] = {
-    value: REACT_UI_THEME_MARKERS.theme2022.value,
-    writable: false,
-    enumerable: false,
-    configurable: false
-  }, _Object$create2));
+
+/**
+ * Creates a marker for the theme, that will mark it with a version
+ * @param version Theme version
+ * @returns A marker that marks the given theme with the given version once applied
+ */
+export var markThemeVersion = function markThemeVersion(version) {
+  return function (theme) {
+    var _Object$create2;
+    return Object.create(theme, (_Object$create2 = {}, _Object$create2[REACT_UI_THEME_MARKERS.themeVersion.key] = {
+      value: version || REACT_UI_THEME_MARKERS.themeVersion.value,
+      writable: false,
+      enumerable: false,
+      configurable: false
+    }, _Object$create2));
+  };
 };
-export var isTheme2022 = function isTheme2022(theme) {
+
+/**
+ * Checks if the given theme's version is "greater or equal" then the given version
+ * @param theme Theme object
+ * @param version A string version
+ * @returns Boolean result
+ */
+export var isThemeGTE = function isThemeGTE(theme, version) {
+  var themeVersion =
   // @ts-expect-error: internal value.
-  return theme[REACT_UI_THEME_MARKERS.theme2022.key] === REACT_UI_THEME_MARKERS.theme2022.value;
+  theme[REACT_UI_THEME_MARKERS.themeVersion.key];
+  if (!themeVersion) {
+    warning(true, "[ThemeHelpers]: The theme doesn't have a version. Checking for " + version + ".");
+    return false;
+  }
+  return isThemeVersionGTE(themeVersion, version);
 };
+
+/**
+ * Finds the given theme's object property descriptor by its name
+ * @param theme Theme object
+ * @param propName The property name
+ * @returns The found descriptor or an empty object
+ */
 export function findPropertyDescriptor(theme, propName) {
   // TODO: Rewrite for loop.
   // TODO: Enable `no-param-reassign` rule.
@@ -60,10 +102,35 @@ export function findPropertyDescriptor(theme, propName) {
   }
   return {};
 }
+
+/**
+ * Marks the given theme with the given markers
+ * @param theme Theme object
+ * @param markers Markers array
+ * @returns The given theme marked with the given marks
+ */
 export function applyMarkers(theme, markers) {
-  var markedTheme = theme;
-  markers.forEach(function (marker) {
-    markedTheme = marker(theme);
-  });
-  return markedTheme;
+  return markers.reduce(function (markedTheme, marker) {
+    return marker(markedTheme);
+  }, Object.create(theme));
+}
+
+/**
+ * Creates a theme object out of the given class with variables
+ * @param options Options object
+ * @param options.themeClass A class with variables
+ * @param [options.prototypeTheme] An optional prototype theme, that will be the base for the new theme
+ * @param [options.themeMarkers] An optional array of markers, that new them will be marked of
+ * @returns The new theme object
+ */
+export function createTheme(options) {
+  var themeClass = options.themeClass,
+    prototypeTheme = options.prototypeTheme,
+    _options$themeMarkers = options.themeMarkers,
+    themeMarkers = _options$themeMarkers === void 0 ? [] : _options$themeMarkers;
+  if (prototypeTheme) {
+    Object.setPrototypeOf(themeClass, prototypeTheme);
+  }
+  var theme = applyMarkers(exposeGetters(themeClass), themeMarkers);
+  return Object.freeze(theme);
 }

package/lib/theming/ThemeHelpers/ThemeHelpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["isNonNullable","exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_THEME_MARKERS","darkTheme","value","theme2022","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","_Object$create","create","writable","markAsTheme2022","_Object$create2","isTheme2022","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor","applyMarkers","markers","markedTheme","marker"],"sources":["ThemeHelpers.ts"],"sourcesContent":["import { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\n\nexport type Marker = (theme: Readonly<Theme>) => Readonly<Theme>;\nexport type Markers = Marker[];\n\nexport const exposeGetters = <T extends Record<string, any>>(theme: T): T => {\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: '__IS_REACT_UI_DARK_THEME__',\n    value: true,\n  },\n  theme2022: {\n    key: '__IS_REACT_UI_THEME_2022__',\n    value: true,\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\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\nexport const markAsTheme2022: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.theme2022.key]: {\n      value: REACT_UI_THEME_MARKERS.theme2022.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const isTheme2022 = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.theme2022.key] === REACT_UI_THEME_MARKERS.theme2022.value;\n};\n\nexport function findPropertyDescriptor(theme: Theme, propName: string) {\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\nexport function applyMarkers(theme: Readonly<Theme>, markers: Markers) {\n  let markedTheme: Readonly<Theme> = theme;\n  markers.forEach((marker) => {\n    markedTheme = marker(theme);\n  });\n  return markedTheme;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["warning","isNonNullable","isThemeVersionGTE","exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_THEME_MARKERS","darkTheme","value","themeVersion","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","_Object$create","create","writable","markThemeVersion","version","_Object$create2","isThemeGTE","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor","applyMarkers","markers","reduce","markedTheme","marker","createTheme","options","themeClass","prototypeTheme","_options$themeMarkers","themeMarkers","setPrototypeOf","freeze"],"sources":["ThemeHelpers.ts"],"sourcesContent":["import warning from 'warning';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { isThemeVersionGTE, ThemeVersions } from './ThemeVersions';\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(true, `[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) {\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"],"mappings":"AAAA,OAAOA,OAAO,MAAM,SAAS;;;AAG7B,SAASC,aAAa,QAAQ,UAAU;;;AAGxC,SAASC,iBAAiB,QAAuB,iBAAiB;;;;;AAKlE;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAY,EAAY;EACpD,IAAMC,WAAW,GAAGC,MAAM,CAACC,yBAAyB,CAACH,KAAK,CAAC;EAC3DE,MAAM,CAACE,IAAI,CAACH,WAAW,CAAC,CAACI,OAAO,CAAC,UAACC,GAAG,EAAK;IACxC,IAAMC,UAAU,GAAGN,WAAW,CAACK,GAAG,CAAC;IACnC,IAAI,OAAOC,UAAU,CAACC,GAAG,KAAK,UAAU,IAAID,UAAU,CAACE,YAAY,EAAE;MACnEF,UAAU,CAACG,UAAU,GAAG,IAAI;MAC5BR,MAAM,CAACS,cAAc,CAACX,KAAK,EAAEM,GAAG,EAAEC,UAAU,CAAC;IAC/C;EACF,CAAC,CAAC;EACF,OAAOP,KAAK;AACd,CAAC;;AAED,OAAO,IAAMY,sBASZ;;;;;;;;;AAAG;EACFC,SAAS,EAAE;IACTP,GAAG,EAAE,4BAA4B;IACjCQ,KAAK,EAAE;EACT,CAAC;EACDC,YAAY,EAAE;IACZT,GAAG,EAAE,4BAA4B;IACjCQ,KAAK,EAAE;EACT;AACF,CAAC;;AAED;AACA,OAAO,IAAME,uBAAuB,GAAGJ,sBAAsB,CAACC,SAAS,CAACP,GAAG;;AAE3E,OAAO,IAAMW,WAAW,GAAG,SAAdA,WAAWA,CAAIjB,KAAsB,EAAc;EAC9D;EACA,OAAOA,KAAK,CAACY,sBAAsB,CAACC,SAAS,CAACP,GAAG,CAAC,KAAKM,sBAAsB,CAACC,SAAS,CAACC,KAAK;AAC/F,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMI,eAAuB,GAAG,SAA1BA,eAAuBA,CAAIlB,KAAK,EAAK,KAAAmB,cAAA;EAChD,OAAOjB,MAAM,CAACkB,MAAM,CAACpB,KAAK,GAAAmB,cAAA,OAAAA,cAAA;EACvBP,sBAAsB,CAACC,SAAS,CAACP,GAAG,IAAG;IACtCQ,KAAK,EAAEF,sBAAsB,CAACC,SAAS,CAACC,KAAK;IAC7CO,QAAQ,EAAE,KAAK;IACfX,UAAU,EAAE,KAAK;IACjBD,YAAY,EAAE;EAChB,CAAC,EAAAU,cAAA;EACF,CAAC;AACJ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMG,gBAAoD,GAAG,SAAvDA,gBAAoDA,CAAIC,OAAO,UAAK,UAACvB,KAAK,EAAK,KAAAwB,eAAA;IAC1F,OAAOtB,MAAM,CAACkB,MAAM,CAACpB,KAAK,GAAAwB,eAAA,OAAAA,eAAA;IACvBZ,sBAAsB,CAACG,YAAY,CAACT,GAAG,IAAG;MACzCQ,KAAK,EAAES,OAAO,IAAIX,sBAAsB,CAACG,YAAY,CAACD,KAAK;MAC3DO,QAAQ,EAAE,KAAK;MACfX,UAAU,EAAE,KAAK;MACjBD,YAAY,EAAE;IAChB,CAAC,EAAAe,eAAA;IACF,CAAC;EACJ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIzB,KAAsB,EAAEuB,OAAsB,EAAc;EACrF,IAAMR,YAAqC;EACzC;EACAf,KAAK,CAACY,sBAAsB,CAACG,YAAY,CAACT,GAAG,CAAC;;EAEhD,IAAI,CAACS,YAAY,EAAE;IACjBnB,OAAO,CAAC,IAAI,sEAAoE2B,OAAO,MAAG,CAAC;IAC3F,OAAO,KAAK;EACd;;EAEA,OAAOzB,iBAAiB,CAACiB,YAAY,EAAEQ,OAAO,CAAC;AACjD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,sBAAsBA,CAAC1B,KAAY,EAAE2B,QAAgB,EAAE;EACrE;EACA;EACA;EACA,OAAO9B,aAAa,CAACG,KAAK,CAAC,EAAEA,KAAK,GAAGE,MAAM,CAAC0B,cAAc,CAAC5B,KAAK,CAAC,EAAE;IACjE,IAAIE,MAAM,CAAC2B,SAAS,CAACC,cAAc,CAACC,IAAI,CAAC/B,KAAK,EAAE2B,QAAQ,CAAC,EAAE;MACzD,OAAOzB,MAAM,CAAC8B,wBAAwB,CAAChC,KAAK,EAAE2B,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/D;EACF;EACA,OAAO,CAAC,CAAC;AACX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,YAAYA,CAACjC,KAAY,EAAEkC,OAAgB,EAAS;EAClE,OAAOA,OAAO,CAACC,MAAM,CAAC,UAACC,WAAW,EAAEC,MAAM,EAAK;IAC7C,OAAOA,MAAM,CAACD,WAAW,CAAC;EAC5B,CAAC,EAAElC,MAAM,CAACkB,MAAM,CAACpB,KAAK,CAAC,CAAC;AAC1B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASsC,WAAWA,CAACC,OAA8E,EAAS;EACjH,IAAQC,UAAU,GAAwCD,OAAO,CAAzDC,UAAU,CAAEC,cAAc,GAAwBF,OAAO,CAA7CE,cAAc,CAAAC,qBAAA,GAAwBH,OAAO,CAA7BI,YAAY,CAAZA,YAAY,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;;EAErD,IAAID,cAAc,EAAE;IAClBvC,MAAM,CAAC0C,cAAc,CAACJ,UAAU,EAAEC,cAAc,CAAC;EACnD;;EAEA,IAAMzC,KAAK,GAAGiC,YAAY,CAAClC,aAAa,CAACyC,UAAU,CAAC,EAAEG,YAAY,CAAC;;EAEnE,OAAOzC,MAAM,CAAC2C,MAAM,CAAC7C,KAAK,CAAC;AAC7B","ignoreList":[]}