@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

package/lib/theming/Emotion.js

@@ -0,0 +1,72 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import createEmotion from '@emotion/css/create-instance';
+import extraScopePlugin from 'stylis-plugin-extra-scope';
+import { Upgrade } from '../Upgrades.js';
+export var REACT_UI_PREFIX = Upgrade.getSpecificityClassName();
+var scope = new Array(Upgrade.getSpecificityLevel()).fill(".".concat(REACT_UI_PREFIX)).join('');
+export var getEmotion = function (_a) {
+    var _b = _a.key, key = _b === void 0 ? REACT_UI_PREFIX : _b, container = _a.container, nonce = _a.nonce;
+    return createEmotion({
+        key: key,
+        prepend: true,
+        stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,
+        container: container,
+        nonce: nonce,
+    });
+};
+function isZeroArgs(fn) {
+    return fn.length === 0;
+}
+var memoize = function (fn) {
+    if (isZeroArgs(fn)) {
+        var isCalled_1 = false;
+        var result_1;
+        return function () {
+            if (!isCalled_1) {
+                isCalled_1 = true;
+                result_1 = fn();
+            }
+            return result_1;
+        };
+    }
+    var cache = new WeakMap();
+    return function (arg) {
+        if (!cache.has(arg)) {
+            cache.set(arg, fn(arg));
+        }
+        return cache.get(arg);
+    };
+};
+export var memoizeStyle = function (styles) {
+    Object.keys(styles).forEach(function (className) { return (styles[className] = memoize(styles[className])); });
+    return styles;
+};
+export var memoizeGetStyles = function (getStyles) {
+    var stylesCache = new WeakMap();
+    return function (emotion) {
+        if (!stylesCache.has(emotion)) {
+            stylesCache.set(emotion, memoizeStyle(getStyles(emotion)));
+        }
+        return stylesCache.get(emotion);
+    };
+};
+export var prefix = function (component, app) {
+    if (app === void 0) { app = REACT_UI_PREFIX; }
+    return function (classes) {
+        return Object.keys(classes).reduce(function (acc, key) {
+            var _a;
+            return __assign(__assign({}, acc), (_a = {}, _a[key] = "".concat(app, "-").concat(component, "-").concat(classes[key]), _a));
+        }, {});
+    };
+};
+//# sourceMappingURL=Emotion.js.map

package/lib/theming/Emotion.js.map

@@ -0,0 +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"]}

package/lib/theming/Theme.d.ts

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

package/lib/theming/Theme.js

@@ -0,0 +1,3 @@
+import { BasicThemeClassForExtension } from '../../internal/themes/BasicTheme.js';
+export { BasicThemeClassForExtension };
+//# sourceMappingURL=Theme.js.map

package/lib/theming/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../../lib/theming/Theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAKlF,OAAO,EAAE,2BAA2B,EAAE,CAAC","sourcesContent":["import type { BasicThemeClass } from '../../internal/themes/BasicTheme.js';\nimport { BasicThemeClassForExtension } from '../../internal/themes/BasicTheme.js';\n\nexport type Theme = Readonly<typeof BasicThemeClass>;\nexport type ThemeIn = Partial<typeof BasicThemeClass>;\n\nexport { BasicThemeClassForExtension };\n"]}

package/lib/theming/ThemeContext.d.ts

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

package/lib/theming/ThemeContext.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ThemeFactory } from './ThemeFactory.js';
+export var ThemeContext = React.createContext(ThemeFactory.defaultTheme);
+ThemeContext.displayName = 'ThemeContext';
+ThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';
+//# sourceMappingURL=ThemeContext.js.map

package/lib/theming/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../lib/theming/ThemeContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;AAE3E,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,YAAY,CAAC,mBAAmB,GAAG,cAAc,CAAC","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from './ThemeFactory.js';\n\nexport const ThemeContext = React.createContext(ThemeFactory.defaultTheme);\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"]}

package/lib/theming/ThemeFactory.d.ts

@@ -1,5 +1,5 @@
-import type { NoInfer } from '../utils';
-import type { Theme, ThemeIn } from './Theme';
+import type { NoInfer } from '../utils.js';
+import type { Theme, ThemeIn } from './Theme.js';
 export declare class ThemeFactory {
     /**
      * The default theme created with Object.create() is needed for the "overrideBaseTheme" to work.

package/lib/theming/ThemeFactory.js

@@ -0,0 +1,66 @@
+import { isNonNullable } from '../utils.js';
+import { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from './ThemeHelpers.js';
+import { LIGHT_THEME } from './themes/LightTheme.js';
+var ThemeFactory = /** @class */ (function () {
+    function ThemeFactory() {
+    }
+    Object.defineProperty(ThemeFactory, "defaultTheme", {
+        get: function () {
+            return this.overridableDefaultTheme;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ThemeFactory.create = function (theme, baseTheme) {
+        var base = baseTheme || this.defaultTheme;
+        return this.constructTheme(base, theme);
+    };
+    ThemeFactory.overrideBaseTheme = function (theme) {
+        var _this = this;
+        // copying theme variables
+        ThemeFactory.getKeys(this.defaultTheme).forEach(function (variableName) {
+            var descriptor = findPropertyDescriptor(theme, variableName);
+            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(_this.defaultTheme, marker.key, descriptor);
+        });
+    };
+    ThemeFactory.getKeys = function (theme) {
+        var keys = [];
+        while (isNonNullable(theme)) {
+            Object.keys(theme).forEach(function (key) {
+                if (!keys.includes(key)) {
+                    keys.push(key);
+                }
+            });
+            // TODO: Enable `no-param-reassign` rule.
+            // eslint-disable-next-line no-param-reassign
+            theme = Object.getPrototypeOf(theme);
+        }
+        return keys.sort();
+    };
+    ThemeFactory.constructTheme = function (base, theme) {
+        var newTheme = Object.create(base);
+        Object.keys(theme).forEach(function (propName) {
+            var descriptor = Object.getOwnPropertyDescriptor(theme, propName);
+            if (descriptor) {
+                Object.defineProperty(newTheme, propName, descriptor);
+            }
+        });
+        return Object.freeze(newTheme);
+    };
+    /**
+     * 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);
+    return ThemeFactory;
+}());
+export { ThemeFactory };
+//# sourceMappingURL=ThemeFactory.js.map

package/lib/theming/ThemeFactory.js.map

@@ -0,0 +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"]}

package/lib/theming/ThemeHelpers.d.ts

@@ -1,5 +1,5 @@
-import type { Theme, ThemeIn } from './Theme';
-import type { ThemeVersions } from './ThemeVersions';
+import type { Theme, ThemeIn } from './Theme.js';
+import type { ThemeVersions } from './ThemeVersions.js';
 export type Marker = (theme: Theme) => Theme;
 export type Markers = Marker[];
 /**

package/lib/theming/ThemeHelpers.js

@@ -0,0 +1,128 @@
+import warning from 'warning';
+import { isNonNullable } from '../utils.js';
+import { isThemeVersionGTE } from './ThemeVersions.js';
+/**
+ * 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 (theme) {
+    var descriptors = Object.getOwnPropertyDescriptors(theme);
+    Object.keys(descriptors).forEach(function (key) {
+        var descriptor = descriptors[key];
+        if (typeof descriptor.get === 'function' && descriptor.configurable) {
+            descriptor.enumerable = true;
+            Object.defineProperty(theme, key, descriptor);
+        }
+    });
+    return theme;
+};
+export var REACT_UI_THEME_MARKERS = {
+    darkTheme: {
+        key: '__IS_REACT_UI_DARK_THEME__',
+        value: true,
+    },
+    themeVersion: {
+        key: '__REACT_UI_THEME_VERSION__',
+        value: null,
+    },
+};
+// backward compatible
+export var REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;
+export var isDarkTheme = function (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 (theme) {
+    var _a;
+    return Object.create(theme, (_a = {},
+        _a[REACT_UI_THEME_MARKERS.darkTheme.key] = {
+            value: REACT_UI_THEME_MARKERS.darkTheme.value,
+            writable: false,
+            enumerable: false,
+            configurable: false,
+        },
+        _a));
+};
+/**
+ * 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 (version) { return function (theme) {
+    var _a;
+    return Object.create(theme, (_a = {},
+        _a[REACT_UI_THEME_MARKERS.themeVersion.key] = {
+            value: version || REACT_UI_THEME_MARKERS.themeVersion.value,
+            writable: false,
+            enumerable: false,
+            configurable: false,
+        },
+        _a));
+}; };
+/**
+ * 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 (theme, version) {
+    var themeVersion = 
+    // @ts-expect-error: internal value.
+    theme[REACT_UI_THEME_MARKERS.themeVersion.key];
+    if (!themeVersion) {
+        warning(false, "[ThemeHelpers]: The theme doesn't have a version. Checking for ".concat(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.
+    // eslint-disable-next-line no-param-reassign
+    for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {
+        if (Object.prototype.hasOwnProperty.call(theme, propName)) {
+            return Object.getOwnPropertyDescriptor(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) {
+    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, _a = options.themeMarkers, themeMarkers = _a === void 0 ? [] : _a;
+    if (prototypeTheme) {
+        Object.setPrototypeOf(themeClass, prototypeTheme);
+    }
+    var theme = applyMarkers(exposeGetters(themeClass), themeMarkers);
+    return Object.freeze(theme);
+}
+//# sourceMappingURL=ThemeHelpers.js.map

package/lib/theming/ThemeHelpers.js.map

@@ -0,0 +1 @@
+{"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';\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"]}

package/lib/theming/ThemeVersions.js

@@ -0,0 +1,48 @@
+/**
+ * Converts a string theme version to the object with numbers
+ * @param str A string with version (e.g. "1.0")
+ * @param [separator="."] Optional major and minor string separator. By default is "."
+ * @returns An object of type { major: number; minor: number } or null, if the given string is invalid
+ */
+export var parseThemeVersion = function (str, separator) {
+    if (separator === void 0) { separator = '\\.'; }
+    var match = str.match(new RegExp("(\\d+)".concat(separator, "(\\d+)")));
+    var major = match === null || match === void 0 ? void 0 : match[1];
+    var minor = match === null || match === void 0 ? void 0 : match[2];
+    if (!major || !minor) {
+        return null;
+    }
+    return {
+        major: Number(major),
+        minor: Number(minor),
+    };
+};
+/**
+ * Extracts a version from a theme name
+ * @param name A string theme name (e.g. "LIGHT_THEME_1_0")
+ * @returns An object of type { major: number; minor: number } or null, if the given string is invalid or contains no version
+ */
+export var parseVersionFromThemeName = function (name) {
+    return parseThemeVersion(name, '_');
+};
+/**
+ * Checks if one string theme version is "greater or equal" than another one
+ * @param v1 The version being compared (e.g. "1.0")
+ * @param v2 The version being compared to (e.g. "2.0")
+ * @returns Boolean result
+ */
+export var isThemeVersionGTE = function (v1, v2) {
+    var parsedV1 = parseThemeVersion(v1);
+    var parsedV2 = parseThemeVersion(v2);
+    if (!parsedV1 || !parsedV2) {
+        return false;
+    }
+    if (parsedV1.major > parsedV2.major) {
+        return true;
+    }
+    else if (parsedV1.major === parsedV2.major) {
+        return parsedV1.minor >= parsedV2.minor;
+    }
+    return false;
+};
+//# sourceMappingURL=ThemeVersions.js.map

package/lib/theming/ThemeVersions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeVersions.js","sourceRoot":"","sources":["../../../lib/theming/ThemeVersions.ts"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,GAAW,EAAE,SAAyB;IAAzB,0BAAA,EAAA,iBAAyB;IACtE,IAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,gBAAS,SAAS,WAAQ,CAAC,CAAC,CAAC;IAChE,IAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,CAAC;IACzB,IAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,CAAC;IAEzB,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;KACrB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,IAAY;IACpD,OAAO,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAiB,EAAE,EAAiB;IACpE,IAAM,QAAQ,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACvC,IAAM,QAAQ,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;IAEvC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;QACpC,OAAO,IAAI,CAAC;IACd,CAAC;SAAM,IAAI,QAAQ,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,EAAE,CAAC;QAC7C,OAAO,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC;IAC1C,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["export type ThemeVersions = '6.0' | '6.1';\nexport interface ThemeVersionParsed {\n  major: number;\n  minor: number;\n}\n\n/**\n * Converts a string theme version to the object with numbers\n * @param str A string with version (e.g. \"1.0\")\n * @param [separator=\".\"] Optional major and minor string separator. By default is \".\"\n * @returns An object of type { major: number; minor: number } or null, if the given string is invalid\n */\nexport const parseThemeVersion = (str: string, separator: string = '\\\\.'): ThemeVersionParsed | null => {\n  const match = str.match(new RegExp(`(\\\\d+)${separator}(\\\\d+)`));\n  const major = match?.[1];\n  const minor = match?.[2];\n\n  if (!major || !minor) {\n    return null;\n  }\n\n  return {\n    major: Number(major),\n    minor: Number(minor),\n  };\n};\n\n/**\n * Extracts a version from a theme name\n * @param name A string theme name (e.g. \"LIGHT_THEME_1_0\")\n * @returns An object of type { major: number; minor: number } or null, if the given string is invalid or contains no version\n */\nexport const parseVersionFromThemeName = (name: string): ThemeVersionParsed | null => {\n  return parseThemeVersion(name, '_');\n};\n\n/**\n * Checks if one string theme version is \"greater or equal\" than another one\n * @param v1 The version being compared (e.g. \"1.0\")\n * @param v2 The version being compared to (e.g. \"2.0\")\n * @returns Boolean result\n */\nexport const isThemeVersionGTE = (v1: ThemeVersions, v2: ThemeVersions): boolean => {\n  const parsedV1 = parseThemeVersion(v1);\n  const parsedV2 = parseThemeVersion(v2);\n\n  if (!parsedV1 || !parsedV2) {\n    return false;\n  }\n\n  if (parsedV1.major > parsedV2.major) {\n    return true;\n  } else if (parsedV1.major === parsedV2.major) {\n    return parsedV1.minor >= parsedV2.minor;\n  }\n\n  return false;\n};\n"]}

package/lib/theming/themes/DarkTheme.d.ts

@@ -1,2 +1,2 @@
-export declare const DARK_THEME_6_0: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
-export declare const DARK_THEME: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
+export declare const DARK_THEME_6_0: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;
+export declare const DARK_THEME: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;

package/lib/theming/themes/DarkTheme.js

@@ -0,0 +1,4 @@
+import { DarkTheme6_0 } from '../../../internal/themes/DarkTheme6_0.js';
+export var DARK_THEME_6_0 = DarkTheme6_0;
+export var DARK_THEME = DARK_THEME_6_0;
+//# sourceMappingURL=DarkTheme.js.map

package/lib/theming/themes/DarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DarkTheme.js","sourceRoot":"","sources":["../../../../lib/theming/themes/DarkTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAExE,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;AAE3C,MAAM,CAAC,IAAM,UAAU,GAAG,cAAc,CAAC","sourcesContent":["import { DarkTheme6_0 } from '../../../internal/themes/DarkTheme6_0.js';\n\nexport const DARK_THEME_6_0 = DarkTheme6_0;\n\nexport const DARK_THEME = DARK_THEME_6_0;\n"]}

package/lib/theming/themes/LightTheme.d.ts

@@ -1,2 +1,2 @@
-export declare const LIGHT_THEME_6_0: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
-export declare const LIGHT_THEME: Readonly<typeof import("../../../internal/themes/BasicTheme").BasicThemeClass>;
+export declare const LIGHT_THEME_6_0: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;
+export declare const LIGHT_THEME: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;

package/lib/theming/themes/LightTheme.js

@@ -0,0 +1,4 @@
+import { LightTheme6_0 } from '../../../internal/themes/LightTheme6_0.js';
+export var LIGHT_THEME_6_0 = LightTheme6_0;
+export var LIGHT_THEME = LIGHT_THEME_6_0;
+//# sourceMappingURL=LightTheme.js.map

package/lib/theming/themes/LightTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightTheme.js","sourceRoot":"","sources":["../../../../lib/theming/themes/LightTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAE1E,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC;AAE7C,MAAM,CAAC,IAAM,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import { LightTheme6_0 } from '../../../internal/themes/LightTheme6_0.js';\n\nexport const LIGHT_THEME_6_0 = LightTheme6_0;\n\nexport const LIGHT_THEME = LIGHT_THEME_6_0;\n"]}

package/lib/theming/useTheme.d.ts

@@ -1,2 +1,2 @@
-import type { BasicThemeClass } from '@skbkontur/react-ui/internal/themes/BasicTheme';
+import type { BasicThemeClass } from '../../internal/themes/BasicTheme.js';
 export declare const useTheme: () => Readonly<typeof BasicThemeClass>;

package/lib/theming/useTheme.js

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import { ThemeContext } from './ThemeContext.js';
+export var useTheme = function () {
+    return useContext(ThemeContext);
+};
+//# sourceMappingURL=useTheme.js.map

package/lib/theming/useTheme.js.map

@@ -0,0 +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"]}

package/lib/toKebabCase.js

@@ -0,0 +1,10 @@
+export var toKebabCase = function (value) {
+    if (!value) {
+        return '';
+    }
+    return value
+        .split(/\.?(?=[A-Z])/)
+        .join('-')
+        .toLowerCase();
+};
+//# sourceMappingURL=toKebabCase.js.map

package/lib/toKebabCase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toKebabCase.js","sourceRoot":"","sources":["../../lib/toKebabCase.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAa;IACvC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,KAAK;SACT,KAAK,CAAC,cAAc,CAAC;SACrB,IAAI,CAAC,GAAG,CAAC;SACT,WAAW,EAAE,CAAC;AACnB,CAAC,CAAC","sourcesContent":["export const toKebabCase = (value: string): string => {\n  if (!value) {\n    return '';\n  }\n\n  return value\n    .split(/\\.?(?=[A-Z])/)\n    .join('-')\n    .toLowerCase();\n};\n"]}

package/lib/typeGuards.js

@@ -0,0 +1,6 @@
+import warning from 'warning';
+export function catchUnreachableWarning(guard, returnValue) {
+    warning(false, "Unsupported kind: ".concat(JSON.stringify(guard)));
+    return returnValue;
+}
+//# sourceMappingURL=typeGuards.js.map

package/lib/typeGuards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeGuards.js","sourceRoot":"","sources":["../../lib/typeGuards.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,MAAM,UAAU,uBAAuB,CAAI,KAAY,EAAE,WAAc;IACrE,OAAO,CAAC,KAAK,EAAE,4BAAqB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAE,CAAC,CAAC;IAC7D,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["import warning from 'warning';\n\nexport function catchUnreachableWarning<T>(guard: never, returnValue: T): T {\n  warning(false, `Unsupported kind: ${JSON.stringify(guard)}`);\n  return returnValue;\n}\n"]}

package/lib/types/button-link.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=button-link.js.map

package/lib/types/button-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-link.js","sourceRoot":"","sources":["../../../lib/types/button-link.ts"],"names":[],"mappings":"","sourcesContent":["export type ButtonLinkAllowedValues = Extract<React.ElementType, 'a' | 'button' | React.ComponentType>;\n"]}

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

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { JSX } from 'react';
-import type { Merge } from '../../typings/utility-types';
+import type { Merge } from '../../typings/utility-types.js';
 type PropsWithComponent<P, T extends React.ElementType> = P & {
     /**
      * Компонент, используемый в качестве корневого узла.

package/lib/types/polymorphic-component.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=polymorphic-component.js.map

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

@@ -0,0 +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"]}

package/lib/types/props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=props.js.map

package/lib/types/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sourceRoot":"","sources":["../../../lib/types/props.ts"],"names":[],"mappings":"","sourcesContent":["export type SizeProp = 'small' | 'medium' | 'large';\n"]}

package/lib/uidUtils.js

@@ -0,0 +1,5 @@
+var index = 0;
+export var getUid = function () {
+    return "".concat(+new Date(), "_").concat(++index);
+};
+//# sourceMappingURL=uidUtils.js.map

package/lib/uidUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uidUtils.js","sourceRoot":"","sources":["../../lib/uidUtils.ts"],"names":[],"mappings":"AAAA,IAAI,KAAK,GAAG,CAAC,CAAC;AAEd,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,OAAO,UAAG,CAAC,IAAI,IAAI,EAAE,cAAI,EAAE,KAAK,CAAE,CAAC;AACrC,CAAC,CAAC","sourcesContent":["let index = 0;\n\nexport const getUid = (): string => {\n  return `${+new Date()}_${++index}`;\n};\n"]}

package/lib/utils.d.ts

@@ -1,17 +1,17 @@
 import type React from 'react';
-import type { GlobalObject } from '../lib/globalObject';
-import type { CurrencyInputProps } from '../components/CurrencyInput';
-import type { PasswordInputProps } from '../components/PasswordInput';
-import type { InputProps } from '../components/Input';
-import type { AutocompleteProps } from '../components/Autocomplete';
-import type { FxInputProps } from '../components/FxInput';
-import type { SelectProps } from '../components/Select';
-import type { DropdownProps } from '../components/Dropdown';
-import type { DropdownMenuProps } from '../components/DropdownMenu';
-import type { ButtonProps } from '../components/Button';
-import type { TooltipProps } from '../components/Tooltip';
-import type { HintProps } from '../components/Hint';
-export { delay } from './delay';
+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 { 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 { HintProps } from '../components/Hint/index.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 {
     defaultProps: infer D;