@skbkontur/react-ui 6.4.2-static-css.0 → 6.4.3-6344a.0

package/lib/theming/StaticStyles.js

@@ -0,0 +1,410 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import createEmotion from '@emotion/css/create-instance';
+import { globalFontFace, globalKeyframes, globalStyle } from '@vanilla-extract/css';
+import { getFileScope, hasFileScope } from '@vanilla-extract/css/fileScope';
+import { addFunctionSerializer } from '@vanilla-extract/css/functionSerializer';
+import { compile } from 'stylis';
+import { LIGHT_THEME } from './themes/LightTheme.js';
+import { themeVarName } from './themeVars.js';
+export var REACT_UI_CLASS_PREFIX = 'react-ui';
+/**
+ * Тема при сборке: строковый токен превращается в ссылку на переменную с запасным значением
+ * темы по умолчанию. Пустой токен остаётся пустым — объявление с ним браузер отбрасывает, как и при Emotion.
+ */
+/**
+ * Пустой по умолчанию токен: объявление с ним браузер отбрасывает, а тема может его задать. Помечаем такие
+ * значения и выносим объявления в правила под `:where([data-k-set~="<токен>"])` — атрибут ставит носитель темы,
+ * только когда тема токен задала (см. themeVars.ts). Специфичность от `:where` не растёт.
+ */
+var EMPTY_TOKEN_RE = /__kempty_([A-Za-z0-9_]+)__/g;
+var emptyTokenMarker = function (key) { return "__kempty_".concat(key, "__"); };
+// токены, которые геттеры проверяют на пустоту в JS: им маркер сломал бы условие
+var EMPTY_TOKENS_IN_CONDITIONS = ['btnBorderColorTransition'];
+export var themeAtBuildTime = new Proxy(LIGHT_THEME, {
+    get: function (target, key) {
+        // без receiver: производные токены темы считаются от значений по умолчанию, а не от var()
+        var value = Reflect.get(target, key);
+        if (typeof key !== 'string' || typeof value !== 'string') {
+            return value;
+        }
+        if (value === '') {
+            return EMPTY_TOKENS_IN_CONDITIONS.includes(key) ? '' : emptyTokenMarker(key);
+        }
+        return "var(".concat(themeVarName(key), ", ").concat(value, ")");
+    },
+});
+var toDeclarations = function (children) {
+    var result = {};
+    children.forEach(function (child) {
+        if (child.type !== 'decl') {
+            return;
+        }
+        var prop = String(child.props);
+        var value = String(child.children);
+        var prev = result[prop];
+        // повтор встаёт на место последнего вхождения: важно для пар шорткат/лонгхенд
+        delete result[prop];
+        result[prop] = prev === undefined ? value : [].concat(prev, value);
+    });
+    return result;
+};
+var wrapConditions = function (conditions, rule) {
+    return conditions.reduceRight(function (acc, _a) {
+        var _b, _c;
+        var type = _a[0], query = _a[1];
+        return (_b = {}, _b[type] = (_c = {}, _c[query] = acc, _c), _b);
+    }, rule);
+};
+var emitElements = function (elements, conditions) {
+    if (conditions === void 0) { conditions = []; }
+    elements.forEach(function (el) {
+        if (el.type === 'rule') {
+            var selector = [].concat(el.props).join(',');
+            var decls = toDeclarations(el.children);
+            if (Object.keys(decls).length) {
+                globalStyle(selector, wrapConditions(conditions, decls));
+            }
+        }
+        else if (el.type === '@media' || el.type === '@supports' || el.type === '@container') {
+            var query = [].concat(el.props).join(',');
+            emitElements(el.children, __spreadArray(__spreadArray([], conditions, true), [[el.type, query]], false));
+        }
+        else if (el.type === '@keyframes') {
+            var name_1 = [].concat(el.props).join('');
+            var frames_1 = {};
+            el.children.forEach(function (frame) {
+                frames_1[[].concat(frame.props).join(',')] = toDeclarations(frame.children);
+            });
+            globalKeyframes(name_1, frames_1);
+        }
+        else if (el.type === '@font-face') {
+            var decls = toDeclarations(el.children);
+            var fontFamily = decls["font-family"], rest = __rest(decls, ['font-family']);
+            globalFontFace(String(fontFamily), rest);
+        }
+    });
+};
+// ---------- Emotion при сборке ----------
+/**
+ * Геттеры исполняет настоящий Emotion в серверном режиме (при сборке нет `document`): он кладёт итоговый CSS
+ * каждого класса в `cache.inserted`. Так сохраняется всё, что делал Emotion, — вложенность и `compat`
+ * (`:not(...)` без `&`), композиция (`${otherClass}` в шаблоне), склейка `cx`, префиксы.
+ * Остаётся переименовать класс в читаемый и отдать плоские правила vanilla-extract.
+ */
+var EMOTION_KEY = 'rui';
+// Бандлер стилей может подложить браузерную сборку Emotion: ей при создании нужен `document`.
+// Сами правила она отдаёт в sheet.insert — его подменяем и собираем правила по вызовам.
+var withFakeDocument = function (fn) {
+    var g = globalThis;
+    if (typeof g.document !== 'undefined') {
+        return fn();
+    }
+    g.document = { head: {}, querySelectorAll: function () { return []; } };
+    try {
+        return fn();
+    }
+    finally {
+        delete g.document;
+    }
+};
+var emotion = withFakeDocument(function () { return createEmotion({ key: EMOTION_KEY, container: {} }); });
+var buffer = [];
+emotion.sheet.insert = function (rule) {
+    buffer.push(rule);
+};
+var capture = function (fn) {
+    var prev = buffer;
+    buffer = [];
+    try {
+        return [fn(), buffer];
+    }
+    finally {
+        buffer = prev;
+    }
+};
+var rulesByClass = new Map();
+var emittedRawRules = new Set();
+var emitRaw = function (rules) {
+    return rules.forEach(function (rule) {
+        if (!emittedRawRules.has(rule)) {
+            emittedRawRules.add(rule);
+            emitElements(compile(rule));
+        }
+    });
+};
+/** Правила, вставленные во время вызова: свои — запоминаем за классом, чужие (keyframes, глобальные) — сразу. */
+var store = function (className, rules) {
+    className
+        .split(/\s+/)
+        .filter(function (token) { return token.startsWith("".concat(EMOTION_KEY, "-")); })
+        .forEach(function (token) {
+        var own = rules.filter(function (rule) { return rule.includes(".".concat(token)); });
+        if (own.length && !rulesByClass.has(token)) {
+            rulesByClass.set(token, own.join(''));
+        }
+    });
+    emitRaw(rules.filter(function (rule) { return !/\.rui-[\w-]+/.test(rule); }));
+};
+export var staticEmotion = __assign(__assign({}, emotion), { css: (function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var _a = capture(function () { return emotion.css.apply(emotion, args); }), className = _a[0], rules = _a[1];
+        store(className, rules);
+        return className;
+    }), cx: (function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var _a = capture(function () { return emotion.cx.apply(emotion, args); }), className = _a[0], rules = _a[1];
+        store(className, rules);
+        return className;
+    }), 
+    // keyframes вставляются сразу, а не при подстановке в css: в браузерной сборке их видно только в sheet.insert
+    keyframes: (function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var _a = capture(function () { return emotion.keyframes.apply(emotion, args); }), name = _a[0], rules = _a[1];
+        emitRaw(rules);
+        return name;
+    }), injectGlobal: (function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var _a = capture(function () { return emotion.injectGlobal.apply(emotion, args); }), rules = _a[1];
+        emitRaw(rules);
+    }) });
+var usedNames = new Map();
+var readableByEmotionClass = new Map();
+var emittedRaw = new Set();
+var fileBaseName = function () {
+    var filePath = getFileScope().filePath;
+    var base = filePath.split(/[\\/]/).pop() || 'styles';
+    return base.replace(/\.css\.(ts|tsx|js|mjs)$/, '').replace(/\.(styles|mixins)$/, '');
+};
+var nextName = function (getter) {
+    var base = "".concat(REACT_UI_CLASS_PREFIX, "-").concat(fileBaseName(), "__").concat(getter);
+    var count = usedNames.get(base) || 0;
+    usedNames.set(base, count + 1);
+    return count ? "".concat(base, "-").concat(count + 1) : base;
+};
+/** Keyframes и глобальные правила (injectGlobal) — как есть, в порядке появления. */
+var flushRaw = function () {
+    Object.entries(emotion.cache.inserted).forEach(function (_a) {
+        var key = _a[0], css = _a[1];
+        if (emittedRaw.has(key) || typeof css !== 'string' || css.startsWith(".".concat(EMOTION_KEY, "-"))) {
+            return;
+        }
+        emittedRaw.add(key);
+        emitElements(compile(css));
+    });
+};
+/**
+ * Emotion склеивал классы элемента в один, а stylis поднимает объявления верхнего уровня в начало правила:
+ * вложенные правила (`&, &:enabled`, `&:hover`, `@media`) любого из склеенных классов шли ПОСЛЕ них и при
+ * равной специфичности выигрывали. Повторяем это: в файле сначала правила верхнего уровня всех классов,
+ * затем все вложенные — оба списка в порядке вычисления геттеров.
+ */
+var baseQueue = [];
+var nestedQueue = [];
+var markedTokens = function (value) { return Array.from(value.matchAll(EMPTY_TOKEN_RE)).map(function (match) { return match[1]; }); };
+/** Объявления с пустыми токенами — в отдельное правило под условием `data-k-set`. */
+var splitEmptyTokens = function (name, elements) {
+    return elements.flatMap(function (el) {
+        if (el.type !== 'rule') {
+            return Array.isArray(el.children) && el.type.startsWith('@')
+                ? [__assign(__assign({}, el), { children: splitEmptyTokens(name, el.children) })]
+                : [el];
+        }
+        var decls = el.children;
+        var marked = decls.filter(function (decl) { return decl.type === 'decl' && markedTokens(String(decl.children)).length; });
+        if (!marked.length) {
+            return [el];
+        }
+        var groups = new Map();
+        marked.forEach(function (decl) {
+            var condition = markedTokens(String(decl.children))
+                .map(function (token) { return "[data-k-set~=\"".concat(token, "\"]"); })
+                .join('');
+            var value = String(decl.children).replace(EMPTY_TOKEN_RE, function (_, token) { return "var(".concat(themeVarName(token), ")"); });
+            groups.set(condition, __spreadArray(__spreadArray([], (groups.get(condition) || []), true), [__assign(__assign({}, decl), { children: value })], false));
+        });
+        var selectors = [].concat(el.props);
+        var conditional = Array.from(groups).map(function (_a) {
+            var condition = _a[0], groupDecls = _a[1];
+            return (__assign(__assign({}, el), { props: selectors.flatMap(function (selector) { return [
+                    ":where(".concat(condition, ") ").concat(selector),
+                    selector.replace(".".concat(name), ".".concat(name, ":where(").concat(condition, ")")),
+                ]; }), children: groupDecls }));
+        });
+        return __spreadArray([__assign(__assign({}, el), { children: decls.filter(function (decl) { return !marked.includes(decl); }) })], conditional, true);
+    });
+};
+var queueClassRules = function (name, rawElements) {
+    var elements = splitEmptyTokens(name, rawElements);
+    var isBase = function (el) { return el.type === 'rule' && [].concat(el.props).join(',') === ".".concat(name); };
+    baseQueue.push(elements.filter(isBase));
+    nestedQueue.push(elements.filter(function (el) { return !isBase(el); }));
+};
+var flushClassRules = function () {
+    baseQueue.splice(0).forEach(function (elements) { return emitElements(elements); });
+    nestedQueue.splice(0).forEach(function (elements) { return emitElements(elements); });
+};
+/** Класс Emotion → читаемый класс; CSS класса регистрируется при первом обращении. */
+var toReadable = function (value, getter) {
+    if (value && typeof value === 'object' && 'styles' in value && 'name' in value) {
+        // keyframes, которые геттер вернул, а не подставил в css
+        var _a = value, name_2 = _a.name, styles = _a.styles;
+        if (!emittedRaw.has(name_2)) {
+            emittedRaw.add(name_2);
+            emitElements(compile(styles));
+        }
+        return name_2;
+    }
+    flushRaw();
+    return String(value !== null && value !== void 0 ? value : '')
+        .split(/\s+/)
+        .filter(Boolean)
+        .map(function (token) {
+        var _a;
+        if (!token.startsWith("".concat(EMOTION_KEY, "-"))) {
+            return token;
+        }
+        // имя — в пределах файла: одинаковые стили в разных файлах не должны делить класс (класснеймы — публичный API)
+        var scopedToken = "".concat(getFileScope().filePath, "|").concat(token);
+        var name = readableByEmotionClass.get(scopedToken);
+        if (!name) {
+            name = nextName(getter);
+            readableByEmotionClass.set(scopedToken, name);
+            var inserted = emotion.cache.inserted[token.slice(EMOTION_KEY.length + 1)];
+            var css = (_a = rulesByClass.get(token)) !== null && _a !== void 0 ? _a : (typeof inserted === 'string' ? inserted : undefined);
+            if (css) {
+                queueClassRules(name, compile(css.split(".".concat(token)).join(".".concat(name))));
+            }
+        }
+        return name;
+    })
+        .join(' ');
+};
+var pendingByFile = new Map();
+/** Фаза 1: вызывает фабрику, геттеры оборачивает лениво — CSS ещё не регистрируется. */
+var bind = function (entry) {
+    if (entry.bound) {
+        return entry.bound;
+    }
+    var styles = entry.getStyles(staticEmotion);
+    var cache = {};
+    Object.keys(styles).forEach(function (key) {
+        var original = styles[key];
+        styles[key] = function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            if (cache[key] === undefined) {
+                cache[key] = original.apply(void 0, __spreadArray([themeAtBuildTime], args.slice(1), false));
+            }
+            return cache[key];
+        };
+    });
+    entry.bound = styles;
+    return styles;
+};
+/** Фаза 2: вычисляет все геттеры в порядке объявления и заполняет карту класснеймов. */
+var forceKeys = function (entry, keys) {
+    var styles = bind(entry);
+    keys.forEach(function (key) {
+        if (key in styles) {
+            entry.map[key] = toReadable(styles[key](themeAtBuildTime), String(key));
+        }
+    });
+};
+var createEntry = function (getStyles) {
+    var entry = { getStyles: getStyles, bound: null, map: {}, finalized: false };
+    // без finalizeStaticStyles() в конце файла карта пустая — пусть сборка упадёт, а не выдаст пустые классы
+    entry.map = new Proxy({}, {
+        ownKeys: function (target) {
+            if (!entry.finalized) {
+                throw new Error("[react-ui] \u0412 \u043A\u043E\u043D\u0446\u0435 ".concat(getFileScope().filePath, " \u043D\u0435\u0442 \u0432\u044B\u0437\u043E\u0432\u0430 finalizeStaticStyles()"));
+            }
+            return Reflect.ownKeys(target);
+        },
+    });
+    return entry;
+};
+export var memoizeGetStyles = function (getStyles) {
+    var entry = createEntry(getStyles);
+    var fn = (function (_emotion) { return bind(entry); });
+    if (!hasFileScope()) {
+        // модуль-помощник (общие анимации) без своей области файла: геттеры вычисляются при вызове
+        // из *.css.ts, в его области
+        return fn;
+    }
+    var filePath = getFileScope().filePath;
+    var pending = pendingByFile.get(filePath) || [];
+    pending.push(entry);
+    pendingByFile.set(filePath, pending);
+    // путь от корня сборки потребителя: `components/X/X.css.ts` у самого пакета,
+    // `../react-ui/components/...` или `node_modules/@skbkontur/react-ui/...` у соседей
+    var parts = filePath.split(/[\\/]/);
+    var depth = parts.length - 1 - (parts.lastIndexOf('react-ui') + 1);
+    var importPath = "".concat('../'.repeat(depth) || './', "lib/theming/bindStaticStyles.js");
+    return addFunctionSerializer(fn, { importPath: importPath, importName: 'bindStaticStyles', args: [entry.map] });
+};
+/**
+ * Последняя строка каждого *.css.ts: вычисляет стили файла в порядке объявления.
+ * Отдельный шаг нужен, потому что геттеры ссылаются на объявленные ниже (`getActiveStyles` в Button).
+ *
+ * `late` — геттеры, чьи правила должны идти в конце файла. Emotion вставлял правила в порядке вызова,
+ * и модификаторы вроде `disabled`, зовущиеся последними в `cx(...)`, выигрывали у базовых при равном весе;
+ * в статическом CSS выигрывает объявленное ниже. Так порядок чинится без перестановки кода.
+ */
+export var finalizeStaticStyles = function (late) {
+    if (late === void 0) { late = []; }
+    var filePath = getFileScope().filePath;
+    var entries = pendingByFile.get(filePath) || [];
+    entries.forEach(function (entry) {
+        return forceKeys(entry, Object.keys(bind(entry)).filter(function (key) { return !late.includes(key); }));
+    });
+    late.forEach(function (key) { return entries.forEach(function (entry) { return forceKeys(entry, [key]); }); });
+    flushClassRules();
+    entries.forEach(function (entry) { return (entry.finalized = true); });
+    pendingByFile.delete(filePath);
+};
+export var memoizeStyle = function (styles) { return styles; };
+//# sourceMappingURL=StaticStyles.js.map

package/lib/theming/StaticStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticStyles.js","sourceRoot":"","sources":["StaticStyles.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Адаптер Emotion → vanilla-extract. Работает только при сборке, внутри файлов `*.css.ts`.\n *\n * Геттеры стилей остаются в прежнем виде (`emotion.css` + шаблон + токены темы), но вычисляются\n * один раз при сборке: вместо темы им подаётся словарь `var(--k-<токен>, <значение по умолчанию>)`,\n * а каждый вызов `css` регистрирует статическое правило через `globalStyle`. В рантайм попадает\n * только карта класснеймов, её собирает `bindStaticStyles`.\n */\nimport type { Emotion } from '@emotion/css/create-instance';\nimport createEmotion from '@emotion/css/create-instance';\nimport { globalFontFace, globalKeyframes, globalStyle } from '@vanilla-extract/css';\nimport { getFileScope, hasFileScope } from '@vanilla-extract/css/fileScope';\nimport { addFunctionSerializer } from '@vanilla-extract/css/functionSerializer';\nimport type { Element } from 'stylis';\nimport { compile } from 'stylis';\n\nimport type { AnyObject } from '../utils.js';\nimport type { StaticStylesMap } from './bindStaticStyles.js';\nimport type { Theme } from './Theme.js';\nimport { LIGHT_THEME } from './themes/LightTheme.js';\nimport { themeVarName } from './themeVars.js';\n\nexport const REACT_UI_CLASS_PREFIX = 'react-ui';\n\ntype Getter = ((...args: any[]) => string) | (() => string);\nexport interface StylesObject {\n  [className: string]: Getter;\n}\nexport type StylesGetter<S> = (emotion: Emotion) => S;\n\n/**\n * Тема при сборке: строковый токен превращается в ссылку на переменную с запасным значением\n * темы по умолчанию. Пустой токен остаётся пустым — объявление с ним браузер отбрасывает, как и при Emotion.\n */\n/**\n * Пустой по умолчанию токен: объявление с ним браузер отбрасывает, а тема может его задать. Помечаем такие\n * значения и выносим объявления в правила под `:where([data-k-set~=\"<токен>\"])` — атрибут ставит носитель темы,\n * только когда тема токен задала (см. themeVars.ts). Специфичность от `:where` не растёт.\n */\nconst EMPTY_TOKEN_RE = /__kempty_([A-Za-z0-9_]+)__/g;\nconst emptyTokenMarker = (key: string) => `__kempty_${key}__`;\n// токены, которые геттеры проверяют на пустоту в JS: им маркер сломал бы условие\nconst EMPTY_TOKENS_IN_CONDITIONS = ['btnBorderColorTransition'];\n\nexport const themeAtBuildTime: Theme = new Proxy(LIGHT_THEME, {\n  get(target, key) {\n    // без receiver: производные токены темы считаются от значений по умолчанию, а не от var()\n    const value = Reflect.get(target, key);\n    if (typeof key !== 'string' || typeof value !== 'string') {\n      return value;\n    }\n    if (value === '') {\n      return EMPTY_TOKENS_IN_CONDITIONS.includes(key) ? '' : emptyTokenMarker(key);\n    }\n    return `var(${themeVarName(key)}, ${value})`;\n  },\n});\n\n// ---------- разбор шаблонов Emotion ----------\n\ntype Declarations = Record<string, string | string[]>;\n\nconst toDeclarations = (children: Element[]): Declarations => {\n  const result: Declarations = {};\n  children.forEach((child) => {\n    if (child.type !== 'decl') {\n      return;\n    }\n    const prop = String(child.props);\n    const value = String(child.children);\n    const prev = result[prop];\n    // повтор встаёт на место последнего вхождения: важно для пар шорткат/лонгхенд\n    delete result[prop];\n    result[prop] = prev === undefined ? value : ([] as string[]).concat(prev, value);\n  });\n  return result;\n};\n\nconst wrapConditions = (conditions: Array<[string, string]>, rule: AnyObject): AnyObject =>\n  conditions.reduceRight<AnyObject>((acc, [type, query]) => ({ [type]: { [query]: acc } }), rule);\n\nconst emitElements = (elements: Element[], conditions: Array<[string, string]> = []) => {\n  elements.forEach((el) => {\n    if (el.type === 'rule') {\n      const selector = ([] as string[]).concat(el.props).join(',');\n      const decls = toDeclarations(el.children as Element[]);\n      if (Object.keys(decls).length) {\n        globalStyle(selector, wrapConditions(conditions, decls) as any);\n      }\n    } else if (el.type === '@media' || el.type === '@supports' || el.type === '@container') {\n      const query = ([] as string[]).concat(el.props).join(',');\n      emitElements(el.children as Element[], [...conditions, [el.type, query]]);\n    } else if (el.type === '@keyframes') {\n      const name = ([] as string[]).concat(el.props).join('');\n      const frames: AnyObject = {};\n      (el.children as Element[]).forEach((frame) => {\n        frames[([] as string[]).concat(frame.props).join(',')] = toDeclarations(frame.children as Element[]);\n      });\n      globalKeyframes(name, frames as any);\n    } else if (el.type === '@font-face') {\n      const decls = toDeclarations(el.children as Element[]);\n      const { 'font-family': fontFamily, ...rest } = decls;\n      globalFontFace(String(fontFamily), rest as any);\n    }\n  });\n};\n\n// ---------- Emotion при сборке ----------\n\n/**\n * Геттеры исполняет настоящий Emotion в серверном режиме (при сборке нет `document`): он кладёт итоговый CSS\n * каждого класса в `cache.inserted`. Так сохраняется всё, что делал Emotion, — вложенность и `compat`\n * (`:not(...)` без `&`), композиция (`${otherClass}` в шаблоне), склейка `cx`, префиксы.\n * Остаётся переименовать класс в читаемый и отдать плоские правила vanilla-extract.\n */\nconst EMOTION_KEY = 'rui';\n\n// Бандлер стилей может подложить браузерную сборку Emotion: ей при создании нужен `document`.\n// Сами правила она отдаёт в sheet.insert — его подменяем и собираем правила по вызовам.\nconst withFakeDocument = <T>(fn: () => T): T => {\n  const g = globalThis as AnyObject;\n  if (typeof g.document !== 'undefined') {\n    return fn();\n  }\n  g.document = { head: {}, querySelectorAll: () => [] };\n  try {\n    return fn();\n  } finally {\n    delete g.document;\n  }\n};\nconst emotion = withFakeDocument(() => createEmotion({ key: EMOTION_KEY, container: {} as HTMLElement }));\n\nlet buffer: string[] = [];\nemotion.sheet.insert = (rule: string) => {\n  buffer.push(rule);\n};\nconst capture = <T>(fn: () => T): [T, string[]] => {\n  const prev = buffer;\n  buffer = [];\n  try {\n    return [fn(), buffer];\n  } finally {\n    buffer = prev;\n  }\n};\n\nconst rulesByClass = new Map<string, string>();\nconst emittedRawRules = new Set<string>();\nconst emitRaw = (rules: string[]) =>\n  rules.forEach((rule) => {\n    if (!emittedRawRules.has(rule)) {\n      emittedRawRules.add(rule);\n      emitElements(compile(rule));\n    }\n  });\n\n/** Правила, вставленные во время вызова: свои — запоминаем за классом, чужие (keyframes, глобальные) — сразу. */\nconst store = (className: string, rules: string[]) => {\n  className\n    .split(/\\s+/)\n    .filter((token) => token.startsWith(`${EMOTION_KEY}-`))\n    .forEach((token) => {\n      const own = rules.filter((rule) => rule.includes(`.${token}`));\n      if (own.length && !rulesByClass.has(token)) {\n        rulesByClass.set(token, own.join(''));\n      }\n    });\n  emitRaw(rules.filter((rule) => !/\\.rui-[\\w-]+/.test(rule)));\n};\n\nexport const staticEmotion: Emotion = {\n  ...emotion,\n  css: ((...args: Parameters<Emotion['css']>) => {\n    const [className, rules] = capture(() => emotion.css(...args));\n    store(className, rules);\n    return className;\n  }) as Emotion['css'],\n  cx: ((...args: Parameters<Emotion['cx']>) => {\n    const [className, rules] = capture(() => emotion.cx(...args));\n    store(className, rules);\n    return className;\n  }) as Emotion['cx'],\n  // keyframes вставляются сразу, а не при подстановке в css: в браузерной сборке их видно только в sheet.insert\n  keyframes: ((...args: Parameters<Emotion['keyframes']>) => {\n    const [name, rules] = capture(() => emotion.keyframes(...args));\n    emitRaw(rules);\n    return name;\n  }) as Emotion['keyframes'],\n  injectGlobal: ((...args: Parameters<Emotion['injectGlobal']>) => {\n    const [, rules] = capture(() => emotion.injectGlobal(...args));\n    emitRaw(rules);\n  }) as Emotion['injectGlobal'],\n};\n\nconst usedNames = new Map<string, number>();\nconst readableByEmotionClass = new Map<string, string>();\nconst emittedRaw = new Set<string>();\n\nconst fileBaseName = (): string => {\n  const { filePath } = getFileScope();\n  const base = filePath.split(/[\\\\/]/).pop() || 'styles';\n  return base.replace(/\\.css\\.(ts|tsx|js|mjs)$/, '').replace(/\\.(styles|mixins)$/, '');\n};\n\nconst nextName = (getter: string): string => {\n  const base = `${REACT_UI_CLASS_PREFIX}-${fileBaseName()}__${getter}`;\n  const count = usedNames.get(base) || 0;\n  usedNames.set(base, count + 1);\n  return count ? `${base}-${count + 1}` : base;\n};\n\n/** Keyframes и глобальные правила (injectGlobal) — как есть, в порядке появления. */\nconst flushRaw = () => {\n  Object.entries(emotion.cache.inserted).forEach(([key, css]) => {\n    if (emittedRaw.has(key) || typeof css !== 'string' || css.startsWith(`.${EMOTION_KEY}-`)) {\n      return;\n    }\n    emittedRaw.add(key);\n    emitElements(compile(css));\n  });\n};\n\n/**\n * Emotion склеивал классы элемента в один, а stylis поднимает объявления верхнего уровня в начало правила:\n * вложенные правила (`&, &:enabled`, `&:hover`, `@media`) любого из склеенных классов шли ПОСЛЕ них и при\n * равной специфичности выигрывали. Повторяем это: в файле сначала правила верхнего уровня всех классов,\n * затем все вложенные — оба списка в порядке вычисления геттеров.\n */\nconst baseQueue: Element[][] = [];\nconst nestedQueue: Element[][] = [];\nconst markedTokens = (value: string): string[] => Array.from(value.matchAll(EMPTY_TOKEN_RE)).map((match) => match[1]);\n\n/** Объявления с пустыми токенами — в отдельное правило под условием `data-k-set`. */\nconst splitEmptyTokens = (name: string, elements: Element[]): Element[] =>\n  elements.flatMap((el): Element[] => {\n    if (el.type !== 'rule') {\n      return Array.isArray(el.children) && el.type.startsWith('@')\n        ? [{ ...el, children: splitEmptyTokens(name, el.children as Element[]) } as Element]\n        : [el];\n    }\n    const decls = el.children as Element[];\n    const marked = decls.filter((decl) => decl.type === 'decl' && markedTokens(String(decl.children)).length);\n    if (!marked.length) {\n      return [el];\n    }\n    const groups = new Map<string, Element[]>();\n    marked.forEach((decl) => {\n      const condition = markedTokens(String(decl.children))\n        .map((token) => `[data-k-set~=\"${token}\"]`)\n        .join('');\n      const value = String(decl.children).replace(EMPTY_TOKEN_RE, (_, token) => `var(${themeVarName(token)})`);\n      groups.set(condition, [...(groups.get(condition) || []), { ...decl, children: value } as Element]);\n    });\n    const selectors = ([] as string[]).concat(el.props);\n    const conditional = Array.from(groups).map(\n      ([condition, groupDecls]) =>\n        ({\n          ...el,\n          props: selectors.flatMap((selector) => [\n            `:where(${condition}) ${selector}`,\n            selector.replace(`.${name}`, `.${name}:where(${condition})`),\n          ]),\n          children: groupDecls,\n        }) as Element,\n    );\n    return [{ ...el, children: decls.filter((decl) => !marked.includes(decl)) } as Element, ...conditional];\n  });\n\nconst queueClassRules = (name: string, rawElements: Element[]) => {\n  const elements = splitEmptyTokens(name, rawElements);\n  const isBase = (el: Element) => el.type === 'rule' && ([] as string[]).concat(el.props).join(',') === `.${name}`;\n  baseQueue.push(elements.filter(isBase));\n  nestedQueue.push(elements.filter((el) => !isBase(el)));\n};\nconst flushClassRules = () => {\n  baseQueue.splice(0).forEach((elements) => emitElements(elements));\n  nestedQueue.splice(0).forEach((elements) => emitElements(elements));\n};\n\n/** Класс Emotion → читаемый класс; CSS класса регистрируется при первом обращении. */\nconst toReadable = (value: unknown, getter: string): string => {\n  if (value && typeof value === 'object' && 'styles' in value && 'name' in value) {\n    // keyframes, которые геттер вернул, а не подставил в css\n    const { name, styles } = value as { name: string; styles: string };\n    if (!emittedRaw.has(name)) {\n      emittedRaw.add(name);\n      emitElements(compile(styles));\n    }\n    return name;\n  }\n  flushRaw();\n  return String(value ?? '')\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((token) => {\n      if (!token.startsWith(`${EMOTION_KEY}-`)) {\n        return token;\n      }\n      // имя — в пределах файла: одинаковые стили в разных файлах не должны делить класс (класснеймы — публичный API)\n      const scopedToken = `${getFileScope().filePath}|${token}`;\n      let name = readableByEmotionClass.get(scopedToken);\n      if (!name) {\n        name = nextName(getter);\n        readableByEmotionClass.set(scopedToken, name);\n        const inserted = emotion.cache.inserted[token.slice(EMOTION_KEY.length + 1)];\n        const css = rulesByClass.get(token) ?? (typeof inserted === 'string' ? inserted : undefined);\n        if (css) {\n          queueClassRules(name, compile(css.split(`.${token}`).join(`.${name}`)));\n        }\n      }\n      return name;\n    })\n    .join(' ');\n};\n\n// ---------- memoizeGetStyles ----------\n\ninterface Entry<S extends StylesObject> {\n  getStyles: StylesGetter<S>;\n  bound: S | null;\n  map: StaticStylesMap<S>;\n  finalized: boolean;\n}\n\nconst pendingByFile = new Map<string, Array<Entry<any>>>();\n\n/** Фаза 1: вызывает фабрику, геттеры оборачивает лениво — CSS ещё не регистрируется. */\nconst bind = <S extends StylesObject>(entry: Entry<S>): S => {\n  if (entry.bound) {\n    return entry.bound;\n  }\n  const styles = entry.getStyles(staticEmotion);\n  const cache: Partial<Record<keyof S, string>> = {};\n  (Object.keys(styles) as Array<keyof S>).forEach((key) => {\n    const original = styles[key];\n    (styles as AnyObject)[key as string] = (...args: unknown[]) => {\n      if (cache[key] === undefined) {\n        cache[key] = original(themeAtBuildTime, ...args.slice(1));\n      }\n      return cache[key] as string;\n    };\n  });\n  entry.bound = styles;\n  return styles;\n};\n\n/** Фаза 2: вычисляет все геттеры в порядке объявления и заполняет карту класснеймов. */\nconst forceKeys = <S extends StylesObject>(entry: Entry<S>, keys: Array<keyof S>) => {\n  const styles = bind(entry);\n  keys.forEach((key) => {\n    if (key in styles) {\n      (entry.map as AnyObject)[key as string] = toReadable(styles[key](themeAtBuildTime), String(key));\n    }\n  });\n};\n\nconst createEntry = <S extends StylesObject>(getStyles: StylesGetter<S>): Entry<S> => {\n  const entry: Entry<S> = { getStyles, bound: null, map: {} as StaticStylesMap<S>, finalized: false };\n  // без finalizeStaticStyles() в конце файла карта пустая — пусть сборка упадёт, а не выдаст пустые классы\n  entry.map = new Proxy({} as StaticStylesMap<S>, {\n    ownKeys(target) {\n      if (!entry.finalized) {\n        throw new Error(`[react-ui] В конце ${getFileScope().filePath} нет вызова finalizeStaticStyles()`);\n      }\n      return Reflect.ownKeys(target);\n    },\n  });\n  return entry;\n};\n\nexport const memoizeGetStyles = <S extends StylesObject>(getStyles: StylesGetter<S>): StylesGetter<S> => {\n  const entry = createEntry(getStyles);\n  const fn = ((_emotion?: Emotion) => bind(entry)) as StylesGetter<S>;\n\n  if (!hasFileScope()) {\n    // модуль-помощник (общие анимации) без своей области файла: геттеры вычисляются при вызове\n    // из *.css.ts, в его области\n    return fn;\n  }\n\n  const { filePath } = getFileScope();\n  const pending = pendingByFile.get(filePath) || [];\n  pending.push(entry);\n  pendingByFile.set(filePath, pending);\n\n  // путь от корня сборки потребителя: `components/X/X.css.ts` у самого пакета,\n  // `../react-ui/components/...` или `node_modules/@skbkontur/react-ui/...` у соседей\n  const parts = filePath.split(/[\\\\/]/);\n  const depth = parts.length - 1 - (parts.lastIndexOf('react-ui') + 1);\n  const importPath = `${'../'.repeat(depth) || './'}lib/theming/bindStaticStyles.js`;\n  return addFunctionSerializer(fn, { importPath, importName: 'bindStaticStyles', args: [entry.map] });\n};\n\n/**\n * Последняя строка каждого *.css.ts: вычисляет стили файла в порядке объявления.\n * Отдельный шаг нужен, потому что геттеры ссылаются на объявленные ниже (`getActiveStyles` в Button).\n *\n * `late` — геттеры, чьи правила должны идти в конце файла. Emotion вставлял правила в порядке вызова,\n * и модификаторы вроде `disabled`, зовущиеся последними в `cx(...)`, выигрывали у базовых при равном весе;\n * в статическом CSS выигрывает объявленное ниже. Так порядок чинится без перестановки кода.\n */\nexport const finalizeStaticStyles = (late: string[] = []): void => {\n  const { filePath } = getFileScope();\n  const entries = pendingByFile.get(filePath) || [];\n  entries.forEach((entry) =>\n    forceKeys(\n      entry,\n      Object.keys(bind(entry)).filter((key) => !late.includes(key)),\n    ),\n  );\n  late.forEach((key) => entries.forEach((entry) => forceKeys(entry, [key])));\n  flushClassRules();\n  entries.forEach((entry) => (entry.finalized = true));\n  pendingByFile.delete(filePath);\n};\n\nexport const memoizeStyle = <S extends StylesObject>(styles: S): S => styles;\n"]}

package/lib/theming/bindStaticStyles.d.ts

@@ -0,0 +1,4 @@
+export type StaticStylesMap<S> = {
+    [K in keyof S]: string;
+};
+export declare const bindStaticStyles: <S>(map: StaticStylesMap<S>) => (_emotion?: unknown) => { [K in keyof S]: (...args: unknown[]) => string; };

package/lib/theming/bindStaticStyles.js

@@ -0,0 +1,18 @@
+/**
+ * Рантайм-половина статических стилей: превращает карту класснеймов, вычисленную при сборке,
+ * обратно в привычную форму `getStyles(emotion).root(theme)`. Тема больше не влияет на класс —
+ * её значения приходят через CSS-переменные `--k-*`.
+ */
+import { isChrome, isFirefox } from '../client.js';
+// браузерные поправки в статическом CSS (см. lib/styles/LabGrotesqueBaseline.css.ts)
+if (typeof document !== 'undefined' && (isChrome || isFirefox)) {
+    document.documentElement.setAttribute('data-k-browser', isChrome ? 'chrome' : 'firefox');
+}
+export var bindStaticStyles = function (map) {
+    var styles = {};
+    Object.keys(map).forEach(function (key) {
+        styles[key] = function () { return map[key]; };
+    });
+    return function (_emotion) { return styles; };
+};
+//# sourceMappingURL=bindStaticStyles.js.map

package/lib/theming/bindStaticStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindStaticStyles.js","sourceRoot":"","sources":["bindStaticStyles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,qFAAqF;AACrF,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,EAAE,CAAC;IAC/D,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAC3F,CAAC;AAID,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAI,GAAuB;IACzD,IAAM,MAAM,GAAG,EAAwD,CAAC;IACvE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAoB,CAAC,OAAO,CAAC,UAAC,GAAG;QAC/C,MAAM,CAAC,GAAG,CAAC,GAAG,cAAM,OAAA,GAAG,CAAC,GAAG,CAAC,EAAR,CAAQ,CAAC;IAC/B,CAAC,CAAC,CAAC;IACH,OAAO,UAAC,QAAkB,IAAK,OAAA,MAAM,EAAN,CAAM,CAAC;AACxC,CAAC,CAAC","sourcesContent":["/**\n * Рантайм-половина статических стилей: превращает карту класснеймов, вычисленную при сборке,\n * обратно в привычную форму `getStyles(emotion).root(theme)`. Тема больше не влияет на класс —\n * её значения приходят через CSS-переменные `--k-*`.\n */\nimport { isChrome, isFirefox } from '../client.js';\n\n// браузерные поправки в статическом CSS (см. lib/styles/LabGrotesqueBaseline.css.ts)\nif (typeof document !== 'undefined' && (isChrome || isFirefox)) {\n  document.documentElement.setAttribute('data-k-browser', isChrome ? 'chrome' : 'firefox');\n}\n\nexport type StaticStylesMap<S> = { [K in keyof S]: string };\n\nexport const bindStaticStyles = <S>(map: StaticStylesMap<S>) => {\n  const styles = {} as { [K in keyof S]: (...args: unknown[]) => string };\n  (Object.keys(map) as Array<keyof S>).forEach((key) => {\n    styles[key] = () => map[key];\n  });\n  return (_emotion?: unknown) => styles;\n};\n"]}

package/lib/theming/themeVars.d.ts

@@ -0,0 +1,26 @@
+import type React from 'react';
+import type { Theme } from './Theme.js';
+export declare const THEME_VAR_PREFIX = "--k-";
+export declare const themeVarName: (token: string) => string;
+/**
+ * Тема, которую применил ближайший носитель выше по DOM (CommonWrapper, контейнер портала). Нужна, чтобы
+ * вложенная тема могла вернуть токен к значению по умолчанию: переменная предка иначе наследуется.
+ */
+export declare const ThemeCarrierContext: React.Context<Readonly<typeof import("../../internal/themes/BasicTheme.js").BasicThemeClass> | null>;
+/**
+ * Переменные, которыми тема отличается от темы по умолчанию (её значения уже зашиты в CSS запасными значениями
+ * `var(--k-x, <значение>)`), плюс сброс токенов, которые переопределила тема носителя выше: иначе вложенная тема
+ * не вернула бы значение по умолчанию — переменная предка наследуется.
+ */
+export declare const getThemeVars: (theme: Theme, parent?: Theme | null) => React.CSSProperties;
+/**
+ * Значение токена по умолчанию: снимает обёртку `var(--k-<токен>, <значение темы>)` один раз. Значение темы
+ * само может быть `var(--k-color-..., #fff)` из палитры — его не раскрываем: master сравнивал именно эти строки.
+ * Для условий в стилях, которые вычисляются при сборке.
+ */
+export declare const tokenDefault: (value: string) => string;
+/**
+ * Пустые по умолчанию токены, которые тема задала. Их объявления в CSS стоят под
+ * `:where([data-k-set~="<токен>"])` (см. StaticStyles.ts), чтобы без темы отбрасываться, как раньше.
+ */
+export declare const getThemeSetTokens: (theme: Theme) => string;

package/lib/theming/themeVars.js

@@ -0,0 +1,72 @@
+import { createContext } from 'react';
+import { ThemeFactory } from './ThemeFactory.js';
+import { LIGHT_THEME } from './themes/LightTheme.js';
+export var THEME_VAR_PREFIX = '--k-';
+export var themeVarName = function (token) { return "".concat(THEME_VAR_PREFIX).concat(token); };
+var cache = new WeakMap();
+/**
+ * Тема, которую применил ближайший носитель выше по DOM (CommonWrapper, контейнер портала). Нужна, чтобы
+ * вложенная тема могла вернуть токен к значению по умолчанию: переменная предка иначе наследуется.
+ */
+export var ThemeCarrierContext = createContext(null);
+ThemeCarrierContext.displayName = 'ThemeCarrierContext';
+/**
+ * Переменные, которыми тема отличается от темы по умолчанию (её значения уже зашиты в CSS запасными значениями
+ * `var(--k-x, <значение>)`), плюс сброс токенов, которые переопределила тема носителя выше: иначе вложенная тема
+ * не вернула бы значение по умолчанию — переменная предка наследуется.
+ */
+export var getThemeVars = function (theme, parent) {
+    if (parent === void 0) { parent = null; }
+    var parentKey = parent !== null && parent !== void 0 ? parent : LIGHT_THEME;
+    var byParent = cache.get(theme);
+    if (!byParent) {
+        byParent = new WeakMap();
+        cache.set(theme, byParent);
+    }
+    var vars = byParent.get(parentKey);
+    if (vars) {
+        return vars;
+    }
+    vars = {};
+    if (theme !== LIGHT_THEME || (parent && parent !== LIGHT_THEME)) {
+        for (var _i = 0, _a = ThemeFactory.getKeys(theme); _i < _a.length; _i++) {
+            var key = _a[_i];
+            var value = theme[key];
+            var base = LIGHT_THEME[key];
+            var inherited = parent ? parent[key] : base;
+            if (typeof value === 'string' && value !== '' && (value !== base || value !== inherited)) {
+                vars[themeVarName(key)] = value;
+            }
+        }
+    }
+    byParent.set(parentKey, vars);
+    return vars;
+};
+/**
+ * Значение токена по умолчанию: снимает обёртку `var(--k-<токен>, <значение темы>)` один раз. Значение темы
+ * само может быть `var(--k-color-..., #fff)` из палитры — его не раскрываем: master сравнивал именно эти строки.
+ * Для условий в стилях, которые вычисляются при сборке.
+ */
+export var tokenDefault = function (value) {
+    var match = /^var\(--k-[A-Za-z0-9]+,\s*(.*)\)$/.exec(value.trim());
+    return match ? match[1] : value;
+};
+var setTokensCache = new WeakMap();
+/**
+ * Пустые по умолчанию токены, которые тема задала. Их объявления в CSS стоят под
+ * `:where([data-k-set~="<токен>"])` (см. StaticStyles.ts), чтобы без темы отбрасываться, как раньше.
+ */
+export var getThemeSetTokens = function (theme) {
+    var tokens = setTokensCache.get(theme);
+    if (tokens === undefined) {
+        tokens = ThemeFactory.getKeys(theme)
+            .filter(function (key) {
+            var value = theme[key];
+            return (LIGHT_THEME[key] === '' && typeof value === 'string' && value !== '');
+        })
+            .join(' ');
+        setTokensCache.set(theme, tokens);
+    }
+    return tokens;
+};
+//# sourceMappingURL=themeVars.js.map

package/lib/theming/themeVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeVars.js","sourceRoot":"","sources":["themeVars.ts"],"names":[],"mappings":"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","sourcesContent":["import type React from 'react';\nimport { createContext } from 'react';\n\nimport type { Theme } from './Theme.js';\nimport { ThemeFactory } from './ThemeFactory.js';\nimport { LIGHT_THEME } from './themes/LightTheme.js';\n\nexport const THEME_VAR_PREFIX = '--k-';\n\nexport const themeVarName = (token: string): string => `${THEME_VAR_PREFIX}${token}`;\n\nconst cache = new WeakMap<Theme, WeakMap<Theme, React.CSSProperties>>();\n\n/**\n * Тема, которую применил ближайший носитель выше по DOM (CommonWrapper, контейнер портала). Нужна, чтобы\n * вложенная тема могла вернуть токен к значению по умолчанию: переменная предка иначе наследуется.\n */\nexport const ThemeCarrierContext = createContext<Theme | null>(null);\nThemeCarrierContext.displayName = 'ThemeCarrierContext';\n\n/**\n * Переменные, которыми тема отличается от темы по умолчанию (её значения уже зашиты в CSS запасными значениями\n * `var(--k-x, <значение>)`), плюс сброс токенов, которые переопределила тема носителя выше: иначе вложенная тема\n * не вернула бы значение по умолчанию — переменная предка наследуется.\n */\nexport const getThemeVars = (theme: Theme, parent: Theme | null = null): React.CSSProperties => {\n  const parentKey = parent ?? LIGHT_THEME;\n  let byParent = cache.get(theme);\n  if (!byParent) {\n    byParent = new WeakMap();\n    cache.set(theme, byParent);\n  }\n  let vars = byParent.get(parentKey);\n  if (vars) {\n    return vars;\n  }\n  vars = {};\n  if (theme !== LIGHT_THEME || (parent && parent !== LIGHT_THEME)) {\n    for (const key of ThemeFactory.getKeys(theme) as string[]) {\n      const value = (theme as unknown as Record<string, unknown>)[key];\n      const base = (LIGHT_THEME as unknown as Record<string, unknown>)[key];\n      const inherited = parent ? (parent as unknown as Record<string, unknown>)[key] : base;\n      if (typeof value === 'string' && value !== '' && (value !== base || value !== inherited)) {\n        (vars as Record<string, string>)[themeVarName(key)] = value;\n      }\n    }\n  }\n  byParent.set(parentKey, vars);\n  return vars;\n};\n\n/**\n * Значение токена по умолчанию: снимает обёртку `var(--k-<токен>, <значение темы>)` один раз. Значение темы\n * само может быть `var(--k-color-..., #fff)` из палитры — его не раскрываем: master сравнивал именно эти строки.\n * Для условий в стилях, которые вычисляются при сборке.\n */\nexport const tokenDefault = (value: string): string => {\n  const match = /^var\\(--k-[A-Za-z0-9]+,\\s*(.*)\\)$/.exec(value.trim());\n  return match ? match[1] : value;\n};\n\nconst setTokensCache = new WeakMap<Theme, string>();\n\n/**\n * Пустые по умолчанию токены, которые тема задала. Их объявления в CSS стоят под\n * `:where([data-k-set~=\"<токен>\"])` (см. StaticStyles.ts), чтобы без темы отбрасываться, как раньше.\n */\nexport const getThemeSetTokens = (theme: Theme): string => {\n  let tokens = setTokensCache.get(theme);\n  if (tokens === undefined) {\n    tokens = (ThemeFactory.getKeys(theme) as string[])\n      .filter((key) => {\n        const value = (theme as unknown as Record<string, unknown>)[key];\n        return (\n          (LIGHT_THEME as unknown as Record<string, unknown>)[key] === '' && typeof value === 'string' && value !== ''\n        );\n      })\n      .join(' ');\n    setTokensCache.set(theme, tokens);\n  }\n  return tokens;\n};\n"]}

package/lib/theming/useTheme.d.ts

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