@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

package/cjs/internal/ThemeShowcase/ThemeShowcase.js

@@ -1,7 +1,5 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ThemeShowcase = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
-
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 var _ColorHelpers = require("../../lib/styles/ColorHelpers");
 var _LightTheme = require("../../lib/theming/themes/LightTheme");
 var _DarkTheme = require("../../lib/theming/themes/DarkTheme");
@@ -14,6 +12,7 @@ var ColorFunctions = _interopRequireWildcard(require("../../lib/styles/ColorFunc
 var _Tooltip = require("../../components/Tooltip");
 var _Supports = require("../../lib/Supports");
 
+var _Emotion = require("../../lib/theming/Emotion");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
@@ -43,7 +42,6 @@ ThemeShowcase = exports.ThemeShowcase = /*#__PURE__*/function (_React$Component)
 
 
 
-
   function ThemeShowcase(props) {var _this;
     _this = _React$Component.call(this, props) || this;_this.state = {};_this.isUnmounting = false;_this.variablesDiff = [];_this.
 
@@ -123,14 +121,6 @@ ThemeShowcase = exports.ThemeShowcase = /*#__PURE__*/function (_React$Component)
 
 
 
-
-
-
-
-
-
-
-
 
 
 
@@ -160,7 +150,7 @@ ThemeShowcase = exports.ThemeShowcase = /*#__PURE__*/function (_React$Component)
       if (!_this.isUnmounting) {
         _this.setState({ selectedVariable: undefined });
       }
-    };if (props.isDebugMode) {ALL_VARIABLES.forEach(function (variable) {var found = _VariablesCollector.ALL_USED_VARIABLES.includes(variable);if (!found) {_this.variablesDiff.push(variable);}});}return _this;}(0, _inheritsLoose2.default)(ThemeShowcase, _React$Component);var _proto = ThemeShowcase.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.styles = (0, _ThemeShowcase2.getStyles)(emotion);if (!_Supports.IS_PROXY_SUPPORTED) {return /*#__PURE__*/_react.default.createElement("div", null, "\u0422\u0430\u0431\u043B\u0438\u0446\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0445 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0442\u043E\u043B\u044C\u043A\u043E \u0432", ' ', /*#__PURE__*/_react.default.createElement(_Link.Link, { href: 'https://caniuse.com/#feat=proxy', target: '_blank' }, "\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0441 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u043E\u0439 Proxy"), ".");}var selectedVariable = _this2.state.selectedVariable;var descriptionsToRender = selectedVariable ? _VariablesCollector.COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {} : _VariablesCollector.COMPONENT_DESCRIPTIONS;var isDebugMode = _this2.props.isDebugMode;var callsCount = isDebugMode ? "(" + _VariablesCollector.CALLS_COUNT + " \u0432\u044B\u0437\u043E\u0432\u043E\u0432)" : '';var executionTime = isDebugMode ? "\u0421\u0433\u0435\u043D\u0435\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0437\u0430 " + _VariablesCollector.EXECUTION_TIME.toFixed(3) + "ms" : '';return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { wrap: true, gap: 30, verticalAlign: 'top' }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Sticky.Sticky, { side: 'top' }, /*#__PURE__*/_react.default.createElement("div", { className: _this2.styles.searchBar(theme), "data-perf-info": executionTime + " " + callsCount }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 15 }, /*#__PURE__*/_react.default.createElement(_ComboBox.ComboBox, { getItems: _this2.getItems, value: selectedVariable, onValueChange: _this2.handleVariableChange, onUnexpectedInput: _this2.handleUnexpectedVariableInput, placeholder: 'поиск по названию переменной' }), !!selectedVariable && /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: _this2.resetVariable }, "\u0441\u0431\u0440\u043E\u0441\u0438\u0442\u044C")))), Object.keys(descriptionsToRender).sort().map(function (componentName) {return /*#__PURE__*/_react.default.createElement(ComponentShowcase, { key: componentName, name: componentName, description: descriptionsToRender[componentName], isDebugMode: isDebugMode, onVariableSelect: _this2.handleVariableChange });})), /*#__PURE__*/_react.default.createElement(ShowUnusedVariables, { diff: _this2.variablesDiff }));});});};_proto.componentWillUnmount = function componentWillUnmount() {this.isUnmounting = true;};_proto.getValues = function getValues(query) {var lowerCaseQuery = query && query.toLowerCase().trim();var allItems = _VariablesCollector.ALL_USED_VARIABLES;if (lowerCaseQuery) {allItems = _VariablesCollector.ALL_USED_VARIABLES.filter(function (usedVariable) {return usedVariable.toLowerCase().startsWith(lowerCaseQuery);});}return allItems.map(function (usedVariableName) {return { value: usedVariableName, label: usedVariableName };});};return ThemeShowcase;}(_react.default.Component);var
+    };if (props.isDebugMode) {ALL_VARIABLES.forEach(function (variable) {var found = _VariablesCollector.ALL_USED_VARIABLES.includes(variable);if (!found) {_this.variablesDiff.push(variable);}});}return _this;}(0, _inheritsLoose2.default)(ThemeShowcase, _React$Component);var _proto = ThemeShowcase.prototype;_proto.render = function render() {var _this2 = this;if (!_Supports.IS_PROXY_SUPPORTED) {return /*#__PURE__*/_react.default.createElement("div", null, "\u0422\u0430\u0431\u043B\u0438\u0446\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0445 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0442\u043E\u043B\u044C\u043A\u043E \u0432", ' ', /*#__PURE__*/_react.default.createElement(_Link.Link, { href: 'https://caniuse.com/#feat=proxy', target: '_blank' }, "\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0441 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u043E\u0439 Proxy"), ".");}var selectedVariable = this.state.selectedVariable;var descriptionsToRender = selectedVariable ? _VariablesCollector.COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {} : _VariablesCollector.COMPONENT_DESCRIPTIONS;var isDebugMode = this.props.isDebugMode;var callsCount = isDebugMode ? "(" + _VariablesCollector.CALLS_COUNT + " \u0432\u044B\u0437\u043E\u0432\u043E\u0432)" : '';var executionTime = isDebugMode ? "\u0421\u0433\u0435\u043D\u0435\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0437\u0430 " + _VariablesCollector.EXECUTION_TIME.toFixed(3) + "ms" : '';return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { wrap: true, gap: 30, verticalAlign: 'top' }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Sticky.Sticky, { side: 'top' }, /*#__PURE__*/_react.default.createElement("div", { className: _ThemeShowcase2.styles.searchBar(theme), "data-perf-info": executionTime + " " + callsCount }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 15 }, /*#__PURE__*/_react.default.createElement(_ComboBox.ComboBox, { getItems: _this2.getItems, value: selectedVariable, onValueChange: _this2.handleVariableChange, onUnexpectedInput: _this2.handleUnexpectedVariableInput, placeholder: 'поиск по названию переменной' }), !!selectedVariable && /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: _this2.resetVariable }, "\u0441\u0431\u0440\u043E\u0441\u0438\u0442\u044C")))), Object.keys(descriptionsToRender).sort().map(function (componentName) {return /*#__PURE__*/_react.default.createElement(ComponentShowcase, { key: componentName, name: componentName, description: descriptionsToRender[componentName], isDebugMode: isDebugMode, onVariableSelect: _this2.handleVariableChange });})), /*#__PURE__*/_react.default.createElement(ShowUnusedVariables, { diff: _this2.variablesDiff }));});};_proto.componentWillUnmount = function componentWillUnmount() {this.isUnmounting = true;};_proto.getValues = function getValues(query) {var lowerCaseQuery = query && query.toLowerCase().trim();var allItems = _VariablesCollector.ALL_USED_VARIABLES;if (lowerCaseQuery) {allItems = _VariablesCollector.ALL_USED_VARIABLES.filter(function (usedVariable) {return usedVariable.toLowerCase().startsWith(lowerCaseQuery);});}return allItems.map(function (usedVariableName) {return { value: usedVariableName, label: usedVariableName };});};return ThemeShowcase;}(_react.default.Component);var
 
 
 
@@ -170,73 +160,61 @@ ThemeShowcase = exports.ThemeShowcase = /*#__PURE__*/function (_React$Component)
 
 
 ComponentShowcase = /*#__PURE__*/function (_React$Component2) {function ComponentShowcase() {return _React$Component2.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(ComponentShowcase, _React$Component2);var _proto2 = ComponentShowcase.prototype;_proto2.
-
-
-
   render = function render() {var _this3 = this;
     var _this$props = this.props,name = _this$props.name,description = _this$props.description,onVariableSelect = _this$props.onVariableSelect,isDebugMode = _this$props.isDebugMode;
     var elements = Object.keys(description);
 
-    return /*#__PURE__*/(
-      _react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null,
-      function (_ref2) {var emotion = _ref2.emotion;
-        _this3.cx = emotion.cx;
-        _this3.styles = (0, _ThemeShowcase2.getStyles)(emotion);
-
-        return elements.length ? /*#__PURE__*/
-        _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-        function (theme) {
-          return /*#__PURE__*/(
-            _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
-            _react.default.createElement(_Sticky.Sticky, { side: 'top', offset: 40 },
-            function (isSticky) {var _this3$cx;return /*#__PURE__*/(
-                _react.default.createElement("h2", {
-                  className: _this3.cx((_this3$cx = {}, _this3$cx[
-                  _this3.styles.heading(theme)] = true, _this3$cx[
-                  _this3.styles.headingSticky()] = isSticky, _this3$cx)
-                  ) },
-
-                _this3.props.name
-                ));}
-
-            ), /*#__PURE__*/
-            _react.default.createElement("table", { className: _this3.styles.table() }, /*#__PURE__*/
-            _react.default.createElement("thead", null, /*#__PURE__*/
-            _react.default.createElement("tr", null, /*#__PURE__*/
-            _react.default.createElement("th", { className: _this3.styles.headerCell(), style: { width: 170 } }, "ClassName"
-
-            ), /*#__PURE__*/
-            _react.default.createElement("th", { className: _this3.styles.headerCell(), style: { width: 210 } }, "Variable Name"
-
-            ), /*#__PURE__*/
-            _react.default.createElement("th", { className: _this3.styles.headerCell(), style: { width: 250 } }, "Default Value"
-
-            ), /*#__PURE__*/
-            _react.default.createElement("th", { className: _this3.styles.headerCell(), style: { width: 250 } }, "Dark Value"
-
-            )
-            )
-            ), /*#__PURE__*/
-            _react.default.createElement("tbody", null,
-            elements.map(function (el) {return /*#__PURE__*/(
-                _react.default.createElement(ComponentShowcaseRow, {
-                  key: name + "_" + el,
-                  element: el,
-                  row: description[el],
-                  onVariableSelect: onVariableSelect,
-                  isDebugMode: isDebugMode }
-                ));}
-            )
-            )
-            )
-            ));
-
-        }
-        ) :
-        null;
-      }
-      ));
+    return elements.length ? /*#__PURE__*/
+    _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+    function (theme) {
+      return /*#__PURE__*/(
+        _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+        _react.default.createElement(_Sticky.Sticky, { side: 'top', offset: 40 },
+        function (isSticky) {var _cx;return /*#__PURE__*/(
+            _react.default.createElement("h2", {
+              className: (0, _Emotion.cx)((_cx = {}, _cx[
+              _ThemeShowcase2.styles.heading(theme)] = true, _cx[
+              _ThemeShowcase2.styles.headingSticky()] = isSticky, _cx)
+              ) },
+
+            _this3.props.name
+            ));}
+
+        ), /*#__PURE__*/
+        _react.default.createElement("table", { className: _ThemeShowcase2.styles.table() }, /*#__PURE__*/
+        _react.default.createElement("thead", null, /*#__PURE__*/
+        _react.default.createElement("tr", null, /*#__PURE__*/
+        _react.default.createElement("th", { className: _ThemeShowcase2.styles.headerCell(), style: { width: 170 } }, "ClassName"
+
+        ), /*#__PURE__*/
+        _react.default.createElement("th", { className: _ThemeShowcase2.styles.headerCell(), style: { width: 210 } }, "Variable Name"
+
+        ), /*#__PURE__*/
+        _react.default.createElement("th", { className: _ThemeShowcase2.styles.headerCell(), style: { width: 250 } }, "Default Value"
+
+        ), /*#__PURE__*/
+        _react.default.createElement("th", { className: _ThemeShowcase2.styles.headerCell(), style: { width: 250 } }, "Dark Value"
+
+        )
+        )
+        ), /*#__PURE__*/
+        _react.default.createElement("tbody", null,
+        elements.map(function (el) {return /*#__PURE__*/(
+            _react.default.createElement(ComponentShowcaseRow, {
+              key: name + "_" + el,
+              element: el,
+              row: description[el],
+              onVariableSelect: onVariableSelect,
+              isDebugMode: isDebugMode }
+            ));}
+        )
+        )
+        )
+        ));
 
+    }
+    ) :
+    null;
   };return ComponentShowcase;}(_react.default.Component);var
 
 
@@ -248,68 +226,52 @@ ComponentShowcase = /*#__PURE__*/function (_React$Component2) {function Componen
 
 
 ComponentShowcaseRow = /*#__PURE__*/function (_React$Component3) {function ComponentShowcaseRow() {return _React$Component3.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(ComponentShowcaseRow, _React$Component3);var _proto3 = ComponentShowcaseRow.prototype;_proto3.
-
-
-
   render = function render() {var _this4 = this;
     var _this$props2 = this.props,el = _this$props2.element,row = _this$props2.row,isDebugMode = _this$props2.isDebugMode;
     var rowSpan = row.variables.length + 1;
 
     return /*#__PURE__*/(
-      _react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null,
-      function (_ref3) {var emotion = _ref3.emotion;
-        _this4.cx = emotion.cx;
-        _this4.styles = (0, _ThemeShowcase2.getStyles)(emotion);
-
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {var _cx2;
         return /*#__PURE__*/(
-          _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-          function (theme) {var _this4$cx;
+          _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+          _react.default.createElement("tr", { className: (0, _Emotion.cx)(_ThemeShowcase2.styles.invisibleRow(), (_cx2 = {}, _cx2[_ThemeShowcase2.styles.invisibleDarkRow()] = theme === _DarkTheme.DARK_THEME, _cx2)) }, /*#__PURE__*/
+          _react.default.createElement("td", { className: (0, _Emotion.cx)(_ThemeShowcase2.styles.cell(), _ThemeShowcase2.styles.majorCell()), rowSpan: rowSpan }, /*#__PURE__*/
+          _react.default.createElement("span", { className: _ThemeShowcase2.styles.elementName() }, ".", el)
+          ), /*#__PURE__*/
+          _react.default.createElement("td", { className: _ThemeShowcase2.styles.invisibleCell() }), /*#__PURE__*/
+          _react.default.createElement("td", { className: _ThemeShowcase2.styles.invisibleCell() }), /*#__PURE__*/
+          _react.default.createElement("td", { className: _ThemeShowcase2.styles.invisibleCell() })
+          ),
+          row.variables.map(function (varName) {var _cx3;
+            var dependencies = row.dependencies[varName] || EMPTY_ARRAY;
+            var variableDefault = _LightTheme.LIGHT_THEME[varName];
+            var variableDark = _DarkTheme.DARK_THEME[varName];
+            var hasNoVariables = isDebugMode && !variableDefault;
             return /*#__PURE__*/(
-              _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
               _react.default.createElement("tr", {
-                className: _this4.cx(_this4.styles.invisibleRow(), (_this4$cx = {}, _this4$cx[
-                _this4.styles.invisibleDarkRow()] = theme === _DarkTheme.DARK_THEME, _this4$cx)
+                key: el + "_" + varName,
+                className: (0, _Emotion.cx)(_ThemeShowcase2.styles.row(), (_cx3 = {}, _cx3[
+                _ThemeShowcase2.styles.suspiciousRow()] = hasNoVariables, _cx3[
+                _ThemeShowcase2.styles.darkRow()] = theme === _DarkTheme.DARK_THEME, _cx3)
                 ) }, /*#__PURE__*/
 
-              _react.default.createElement("td", { className: _this4.cx(_this4.styles.cell(), _this4.styles.majorCell()), rowSpan: rowSpan }, /*#__PURE__*/
-              _react.default.createElement("span", { className: _this4.styles.elementName() }, ".", el)
+              _react.default.createElement("td", { className: _ThemeShowcase2.styles.cell() }, /*#__PURE__*/
+              _react.default.createElement(VariableName, {
+                variableName: varName,
+                dependencies: dependencies,
+                onVariableSelect: _this4.props.onVariableSelect }
+              )
+              ), /*#__PURE__*/
+              _react.default.createElement("td", { className: _ThemeShowcase2.styles.cell() }, /*#__PURE__*/
+              _react.default.createElement(VariableValue, { value: variableDefault })
               ), /*#__PURE__*/
-              _react.default.createElement("td", { className: _this4.styles.invisibleCell() }), /*#__PURE__*/
-              _react.default.createElement("td", { className: _this4.styles.invisibleCell() }), /*#__PURE__*/
-              _react.default.createElement("td", { className: _this4.styles.invisibleCell() })
-              ),
-              row.variables.map(function (varName) {var _this4$cx2;
-                var dependencies = row.dependencies[varName] || EMPTY_ARRAY;
-                var variableDefault = _LightTheme.LIGHT_THEME[varName];
-                var variableDark = _DarkTheme.DARK_THEME[varName];
-                var hasNoVariables = isDebugMode && !variableDefault;
-                return /*#__PURE__*/(
-                  _react.default.createElement("tr", {
-                    key: el + "_" + varName,
-                    className: _this4.cx(_this4.styles.row(), (_this4$cx2 = {}, _this4$cx2[
-                    _this4.styles.suspiciousRow()] = hasNoVariables, _this4$cx2[
-                    _this4.styles.darkRow()] = theme === _DarkTheme.DARK_THEME, _this4$cx2)
-                    ) }, /*#__PURE__*/
-
-                  _react.default.createElement("td", { className: _this4.styles.cell() }, /*#__PURE__*/
-                  _react.default.createElement(VariableName, {
-                    variableName: varName,
-                    dependencies: dependencies,
-                    onVariableSelect: _this4.props.onVariableSelect }
-                  )
-                  ), /*#__PURE__*/
-                  _react.default.createElement("td", { className: _this4.styles.cell() }, /*#__PURE__*/
-                  _react.default.createElement(VariableValue, { value: variableDefault })
-                  ), /*#__PURE__*/
-                  _react.default.createElement("td", { className: _this4.styles.cell() }, /*#__PURE__*/
-                  _react.default.createElement(VariableValue, { value: variableDark })
-                  )
-                  ));
-
-              })
+              _react.default.createElement("td", { className: _ThemeShowcase2.styles.cell() }, /*#__PURE__*/
+              _react.default.createElement(VariableValue, { value: variableDark })
+              )
               ));
 
-          }
+          })
           ));
 
       }
@@ -343,16 +305,6 @@ VariableName = /*#__PURE__*/function (_React$Component4) {function VariableName(
 
 
 
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -369,24 +321,14 @@ VariableName = /*#__PURE__*/function (_React$Component4) {function VariableName(
       if (onVariableSelect) {
         onVariableSelect({ value: variableName, label: variableName });
       }
-    };return _this5;}(0, _inheritsLoose2.default)(VariableName, _React$Component4);var _proto4 = VariableName.prototype;_proto4.render = function render() {var _this6 = this;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref4) {var emotion = _ref4.emotion;_this6.styles = (0, _ThemeShowcase2.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", { className: _this6.styles.variableName(), onClick: _this6.handleVariableSelect }, _this6.props.variableName), _this6.props.dependencies.length > 0 && _this6.renderDependencies());});};_proto4.renderDependencies = function renderDependencies() {var _this$props3 = this.props,dependencies = _this$props3.dependencies,onVariableSelect = _this$props3.onVariableSelect;return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "\u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043E\u0442:", dependencies.map(function (dependency) {return /*#__PURE__*/_react.default.createElement(DependencyName, { key: "dependency_" + dependency, dependencyName: dependency, onDependencySelect: onVariableSelect });}));};return VariableName;}(_react.default.Component);var
-
-
-
-
-
-
-DependencyName = /*#__PURE__*/function (_React$Component5) {function DependencyName() {var _this7;for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {args[_key2] = arguments[_key2];}_this7 = _React$Component5.call.apply(_React$Component5, [this].concat(args)) || this;_this7.
-
-
-
-
+    };return _this5;}(0, _inheritsLoose2.default)(VariableName, _React$Component4);var _proto4 = VariableName.prototype;_proto4.render = function render() {return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", { className: _ThemeShowcase2.styles.variableName(), onClick: this.handleVariableSelect }, this.props.variableName), this.props.dependencies.length > 0 && this.renderDependencies());};_proto4.renderDependencies = function renderDependencies() {var _this$props3 = this.props,dependencies = _this$props3.dependencies,onVariableSelect = _this$props3.onVariableSelect;return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "\u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043E\u0442:", dependencies.map(function (dependency) {return /*#__PURE__*/_react.default.createElement(DependencyName, { key: "dependency_" + dependency, dependencyName: dependency, onDependencySelect: onVariableSelect });}));};return VariableName;}(_react.default.Component);var
 
 
 
 
 
 
+DependencyName = /*#__PURE__*/function (_React$Component5) {function DependencyName() {var _this6;for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {args[_key2] = arguments[_key2];}_this6 = _React$Component5.call.apply(_React$Component5, [this].concat(args)) || this;_this6.
 
 
 
@@ -402,7 +344,7 @@ DependencyName = /*#__PURE__*/function (_React$Component5) {function DependencyN
 
 
     getValues = function () {
-      var dependencyName = _this7.props.dependencyName;
+      var dependencyName = _this6.props.dependencyName;
       var dependencyDefault = _LightTheme.LIGHT_THEME[dependencyName];
       var dependencyDark = _DarkTheme.DARK_THEME[dependencyName];
       return /*#__PURE__*/(
@@ -411,20 +353,17 @@ DependencyName = /*#__PURE__*/function (_React$Component5) {function DependencyN
         _react.default.createElement("span", null, "Dark value: ", /*#__PURE__*/_react.default.createElement(VariableValue, { value: dependencyDark }))
         ));
 
-    };_this7.
+    };_this6.
 
     handleDependencySelect = function () {
-      var _this7$props = _this7.props,dependencyName = _this7$props.dependencyName,onDependencySelect = _this7$props.onDependencySelect;
+      var _this6$props = _this6.props,dependencyName = _this6$props.dependencyName,onDependencySelect = _this6$props.onDependencySelect;
       if (onDependencySelect) {
         onDependencySelect({ value: dependencyName, label: dependencyName });
       }
-    };return _this7;}(0, _inheritsLoose2.default)(DependencyName, _React$Component5);var _proto5 = DependencyName.prototype;_proto5.render = function render() {var _this8 = this;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref5) {var emotion = _ref5.emotion;_this8.styles = (0, _ThemeShowcase2.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), "\u2013", ' ', /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, { trigger: 'hover', render: _this8.getValues, pos: 'right middle' }, /*#__PURE__*/_react.default.createElement("span", { className: _this8.styles.variableName(), onClick: _this8.handleDependencySelect }, _this8.props.dependencyName)));});};return DependencyName;}(_react.default.Component);
+    };return _this6;}(0, _inheritsLoose2.default)(DependencyName, _React$Component5);var _proto5 = DependencyName.prototype;_proto5.render = function render() {return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), "\u2013", ' ', /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, { trigger: 'hover', render: this.getValues, pos: 'right middle' }, /*#__PURE__*/_react.default.createElement("span", { className: _ThemeShowcase2.styles.variableName(), onClick: this.handleDependencySelect }, this.props.dependencyName)));};return DependencyName;}(_react.default.Component);
 
 
-var VariableValue = function VariableValue(props) {var _cx;
-  var emotion = (0, _RenderEnvironmentContext.useEmotion)();
-  var cx = emotion.cx;
-  var styles = (0, _ThemeShowcase2.getStyles)(emotion);
+var VariableValue = function VariableValue(props) {var _cx4;
   var value = props.value;
   var valueIsColor = (0, _ColorHelpers.isColor)(value);
   var valueIsGradient = isGradient(value);
@@ -435,21 +374,20 @@ var VariableValue = function VariableValue(props) {var _cx;
   }
 
   return /*#__PURE__*/(
-    _react.default.createElement("span", { className: cx((_cx = {}, _cx[styles.undefined()] = !value, _cx)) },
-    hasExample && /*#__PURE__*/_react.default.createElement("span", { className: styles.colorExample(), style: { background: value, borderColor: borderColor } }),
+    _react.default.createElement("span", { className: (0, _Emotion.cx)((_cx4 = {}, _cx4[_ThemeShowcase2.styles.undefined()] = !value, _cx4)) },
+    hasExample && /*#__PURE__*/_react.default.createElement("span", { className: _ThemeShowcase2.styles.colorExample(), style: { background: value, borderColor: borderColor } }),
     value || 'undefined'
     ));
 
 };
 
 var ShowUnusedVariables = function ShowUnusedVariables(props) {
-  var styles = (0, _ThemeShowcase2.getStyles)((0, _RenderEnvironmentContext.useEmotion)());
   if (props.diff.length === 0) {
     return null;
   }
 
   return /*#__PURE__*/(
-    _react.default.createElement("div", { className: styles.unusedVariablesWarning() }, "\u041D\u0435\u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u043D\u044B\u0435 \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0435 (",
+    _react.default.createElement("div", { className: _ThemeShowcase2.styles.unusedVariablesWarning() }, "\u041D\u0435\u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u043D\u044B\u0435 \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0435 (",
     props.diff.length, "):", /*#__PURE__*/
 
     _react.default.createElement("ul", null,

package/cjs/internal/ThemeShowcase/ThemeShowcase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_ColorHelpers","_LightTheme","_DarkTheme","_ComboBox","_Gapped","_Link","_Sticky","ColorFunctions","_interopRequireWildcard","_Tooltip","_Supports","_ThemeContext","_VariablesCollector","_ThemeShowcase2","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","lightVariables","ThemeShowcase","exports","_React$Component","props","_this","call","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","isDebugMode","forEach","variable","found","ALL_USED_VARIABLES","includes","push","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","RenderEnvironmentContext","Consumer","_ref","emotion","styles","getStyles","IS_PROXY_SUPPORTED","Link","href","target","descriptionsToRender","COMPONENT_DESCRIPTIONS_BY_VARIABLE","value","COMPONENT_DESCRIPTIONS","callsCount","CALLS_COUNT","executionTime","EXECUTION_TIME","toFixed","ThemeContext","theme","Gapped","wrap","gap","verticalAlign","Sticky","side","className","searchBar","ComboBox","onValueChange","onUnexpectedInput","placeholder","onClick","sort","map","componentName","ComponentShowcase","key","name","description","onVariableSelect","ShowUnusedVariables","diff","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","React","Component","_React$Component2","apply","arguments","_proto2","_this3","_this$props","elements","_ref2","cx","Fragment","offset","isSticky","_this3$cx","heading","headingSticky","table","headerCell","style","width","el","ComponentShowcaseRow","element","row","_React$Component3","_proto3","_this4","_this$props2","rowSpan","variables","_ref3","_this4$cx","invisibleRow","invisibleDarkRow","darkVariables","cell","majorCell","elementName","invisibleCell","varName","_this4$cx2","dependencies","variableDefault","variableDark","hasNoVariables","suspiciousRow","darkRow","VariableName","variableName","VariableValue","_React$Component4","_this5","_len","args","Array","_key","concat","handleVariableSelect","_this5$props","_proto4","_this6","_ref4","renderDependencies","_this$props3","dependency","DependencyName","dependencyName","onDependencySelect","_React$Component5","_this7","_len2","_key2","dependencyDefault","dependencyDark","handleDependencySelect","_this7$props","_proto5","_this8","_ref5","Tooltip","trigger","pos","_cx","useEmotion","valueIsColor","isColor","valueIsGradient","isGradient","hasExample","borderColor","contrast","colorExample","background","unusedVariablesWarning","v","input"],"sources":["ThemeShowcase.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext, useEmotion } from '../../lib/theming/RenderEnvironmentContext';\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { LIGHT_THEME as lightVariables } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME as darkVariables } from '../../lib/theming/themes/DarkTheme';\nimport type { ComboBoxItem } from '../../components/ComboBox';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Gapped } from '../../components/Gapped';\nimport { Link } from '../../components/Link';\nimport { Sticky } from '../../components/Sticky';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Tooltip } from '../../components/Tooltip';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { ComponentDescriptionType, ComponentRowDescriptionType } from './VariablesCollector';\nimport {\n  ALL_USED_VARIABLES,\n  CALLS_COUNT,\n  COMPONENT_DESCRIPTIONS,\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n  EXECUTION_TIME,\n} from './VariablesCollector';\nimport { getStyles } from './ThemeShowcase.styles';\n\nconst EMPTY_ARRAY: string[] = [];\n\nconst ALL_VARIABLES = Object.keys(lightVariables) as Array<keyof Theme>;\n\ninterface ShowcaseProps {\n  isDebugMode?: boolean;\n}\ninterface ShowcaseState {\n  selectedVariable?: ComboBoxItem;\n}\n\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\n  public state: ShowcaseState = {};\n\n  private styles!: ReturnType<typeof getStyles>;\n  private isUnmounting = false;\n  private variablesDiff: string[] = [];\n\n  constructor(props: ShowcaseProps) {\n    super(props);\n    if (props.isDebugMode) {\n      ALL_VARIABLES.forEach((variable) => {\n        const found = ALL_USED_VARIABLES.includes(variable);\n        if (!found) {\n          this.variablesDiff.push(variable);\n        }\n      });\n    }\n  }\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.styles = getStyles(emotion);\n\n          if (!IS_PROXY_SUPPORTED) {\n            return (\n              <div>\n                Таблица использования переменных доступна только в{' '}\n                <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\n                  браузерах с поддержкой Proxy\n                </Link>\n                .\n              </div>\n            );\n          }\n\n          const selectedVariable = this.state.selectedVariable;\n          const descriptionsToRender = selectedVariable\n            ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {}\n            : COMPONENT_DESCRIPTIONS;\n\n          const isDebugMode = this.props.isDebugMode;\n          const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\n          const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                return (\n                  <Gapped wrap gap={30} verticalAlign={'top'}>\n                    <div>\n                      <Sticky side={'top'}>\n                        <div className={this.styles.searchBar(theme)} data-perf-info={`${executionTime} ${callsCount}`}>\n                          <Gapped gap={15}>\n                            <ComboBox\n                              getItems={this.getItems}\n                              value={selectedVariable}\n                              onValueChange={this.handleVariableChange}\n                              onUnexpectedInput={this.handleUnexpectedVariableInput}\n                              placeholder={'поиск по названию переменной'}\n                            />\n                            {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\n                          </Gapped>\n                        </div>\n                      </Sticky>\n                      {Object.keys(descriptionsToRender)\n                        .sort()\n                        .map((componentName) => (\n                          <ComponentShowcase\n                            key={componentName}\n                            name={componentName}\n                            description={descriptionsToRender[componentName]}\n                            isDebugMode={isDebugMode}\n                            onVariableSelect={this.handleVariableChange}\n                          />\n                        ))}\n                    </div>\n                    <ShowUnusedVariables diff={this.variablesDiff} />\n                  </Gapped>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n  public componentWillUnmount(): void {\n    this.isUnmounting = true;\n  }\n\n  private getValues(query: string) {\n    const lowerCaseQuery = query && query.toLowerCase().trim();\n    let allItems = ALL_USED_VARIABLES;\n    if (lowerCaseQuery) {\n      allItems = ALL_USED_VARIABLES.filter((usedVariable) => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\n    }\n    return allItems.map((usedVariableName) => ({\n      value: usedVariableName,\n      label: usedVariableName,\n    }));\n  }\n  private getItems = (query: string) => {\n    return Promise.resolve(this.getValues(query));\n  };\n  private handleVariableChange = (item: ComboBoxItem) => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: item });\n    }\n  };\n  private handleUnexpectedVariableInput = (query: string) => {\n    const values = this.getValues(query);\n    if (values.length > 0) {\n      return values[0];\n    }\n\n    return this.resetVariable();\n  };\n  private resetVariable = () => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: undefined });\n    }\n  };\n}\n\ninterface ComponentShowcaseProps {\n  name: string;\n  description: ComponentDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps> {\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render() {\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\n    const elements = Object.keys(description);\n\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\n          return elements.length ? (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                return (\n                  <React.Fragment>\n                    <Sticky side={'top'} offset={40}>\n                      {(isSticky) => (\n                        <h2\n                          className={this.cx({\n                            [this.styles.heading(theme)]: true,\n                            [this.styles.headingSticky()]: isSticky,\n                          })}\n                        >\n                          {this.props.name}\n                        </h2>\n                      )}\n                    </Sticky>\n                    <table className={this.styles.table()}>\n                      <thead>\n                        <tr>\n                          <th className={this.styles.headerCell()} style={{ width: 170 }}>\n                            ClassName\n                          </th>\n                          <th className={this.styles.headerCell()} style={{ width: 210 }}>\n                            Variable Name\n                          </th>\n                          <th className={this.styles.headerCell()} style={{ width: 250 }}>\n                            Default Value\n                          </th>\n                          <th className={this.styles.headerCell()} style={{ width: 250 }}>\n                            Dark Value\n                          </th>\n                        </tr>\n                      </thead>\n                      <tbody>\n                        {elements.map((el) => (\n                          <ComponentShowcaseRow\n                            key={`${name}_${el}`}\n                            element={el}\n                            row={description[el]}\n                            onVariableSelect={onVariableSelect}\n                            isDebugMode={isDebugMode}\n                          />\n                        ))}\n                      </tbody>\n                    </table>\n                  </React.Fragment>\n                );\n              }}\n            </ThemeContext.Consumer>\n          ) : null;\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n}\n\ninterface ComponentShowcaseRowProps {\n  element: string;\n  row: ComponentRowDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render() {\n    const { element: el, row, isDebugMode } = this.props;\n    const rowSpan = row.variables.length + 1;\n\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                return (\n                  <React.Fragment>\n                    <tr\n                      className={this.cx(this.styles.invisibleRow(), {\n                        [this.styles.invisibleDarkRow()]: theme === darkVariables,\n                      })}\n                    >\n                      <td className={this.cx(this.styles.cell(), this.styles.majorCell())} rowSpan={rowSpan}>\n                        <span className={this.styles.elementName()}>.{el}</span>\n                      </td>\n                      <td className={this.styles.invisibleCell()} />\n                      <td className={this.styles.invisibleCell()} />\n                      <td className={this.styles.invisibleCell()} />\n                    </tr>\n                    {row.variables.map((varName) => {\n                      const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\n                      const variableDefault = lightVariables[varName] as string;\n                      const variableDark = darkVariables[varName] as string;\n                      const hasNoVariables = isDebugMode && !variableDefault;\n                      return (\n                        <tr\n                          key={`${el}_${varName}`}\n                          className={this.cx(this.styles.row(), {\n                            [this.styles.suspiciousRow()]: hasNoVariables,\n                            [this.styles.darkRow()]: theme === darkVariables,\n                          })}\n                        >\n                          <td className={this.styles.cell()}>\n                            <VariableName\n                              variableName={varName as string}\n                              dependencies={dependencies}\n                              onVariableSelect={this.props.onVariableSelect}\n                            />\n                          </td>\n                          <td className={this.styles.cell()}>\n                            <VariableValue value={variableDefault} />\n                          </td>\n                          <td className={this.styles.cell()}>\n                            <VariableValue value={variableDark} />\n                          </td>\n                        </tr>\n                      );\n                    })}\n                  </React.Fragment>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n}\n\ninterface VariableNameProps {\n  variableName: string;\n  dependencies: Array<keyof Theme>;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass VariableName extends React.Component<VariableNameProps> {\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.styles = getStyles(emotion);\n\n          return (\n            <span>\n              <span className={this.styles.variableName()} onClick={this.handleVariableSelect}>\n                {this.props.variableName}\n              </span>\n              {this.props.dependencies.length > 0 && this.renderDependencies()}\n            </span>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  private renderDependencies() {\n    const { dependencies, onVariableSelect } = this.props;\n    return (\n      <React.Fragment>\n        <br />\n        <br />\n        зависит от:\n        {dependencies.map((dependency) => (\n          <DependencyName\n            key={`dependency_${dependency}`}\n            dependencyName={dependency}\n            onDependencySelect={onVariableSelect}\n          />\n        ))}\n      </React.Fragment>\n    );\n  }\n\n  private handleVariableSelect = () => {\n    const { variableName, onVariableSelect } = this.props;\n    if (onVariableSelect) {\n      onVariableSelect({ value: variableName, label: variableName });\n    }\n  };\n}\n\ninterface DependencyNameProps {\n  dependencyName: keyof Theme;\n  onDependencySelect: (item: ComboBoxItem) => void;\n}\nclass DependencyName extends React.Component<DependencyNameProps> {\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.styles = getStyles(emotion);\n\n          return (\n            <React.Fragment>\n              <br />\n              &ndash;{' '}\n              <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\n                <span className={this.styles.variableName()} onClick={this.handleDependencySelect}>\n                  {this.props.dependencyName}\n                </span>\n              </Tooltip>\n            </React.Fragment>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  private getValues = () => {\n    const dependencyName = this.props.dependencyName;\n    const dependencyDefault = lightVariables[dependencyName] as string;\n    const dependencyDark = darkVariables[dependencyName] as string;\n    return (\n      <React.Fragment>\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n        <span>Dark value: {<VariableValue value={dependencyDark} />}</span>\n      </React.Fragment>\n    );\n  };\n\n  private handleDependencySelect = () => {\n    const { dependencyName, onDependencySelect } = this.props;\n    if (onDependencySelect) {\n      onDependencySelect({ value: dependencyName, label: dependencyName });\n    }\n  };\n}\n\nconst VariableValue = (props: { value: string }) => {\n  const emotion = useEmotion();\n  const { cx } = emotion;\n  const styles = getStyles(emotion);\n  const value = props.value;\n  const valueIsColor = isColor(value);\n  const valueIsGradient = isGradient(value);\n  const hasExample = valueIsColor || valueIsGradient;\n  let borderColor = 'transparent';\n  if (hasExample) {\n    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\n  }\n\n  return (\n    <span className={cx({ [styles.undefined()]: !value })}>\n      {hasExample && <span className={styles.colorExample()} style={{ background: value, borderColor }} />}\n      {value || 'undefined'}\n    </span>\n  );\n};\n\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\n  const styles = getStyles(useEmotion());\n  if (props.diff.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={styles.unusedVariablesWarning()}>\n      Неиспользованные переменные ({props.diff.length}\n      ):\n      <ul>\n        {props.diff.sort().map((v) => (\n          <li key={v}>{v}</li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nfunction isGradient(input: string) {\n  return !!input && input.startsWith('linear-gradient');\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ColorHelpers","_LightTheme","_DarkTheme","_ComboBox","_Gapped","_Link","_Sticky","ColorFunctions","_interopRequireWildcard","_Tooltip","_Supports","_Emotion","_ThemeContext","_VariablesCollector","_ThemeShowcase2","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","lightVariables","ThemeShowcase","exports","_React$Component","props","_this","call","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","isDebugMode","forEach","variable","found","ALL_USED_VARIABLES","includes","push","_inheritsLoose2","default","_proto","prototype","render","_this2","IS_PROXY_SUPPORTED","createElement","Link","href","target","descriptionsToRender","COMPONENT_DESCRIPTIONS_BY_VARIABLE","value","COMPONENT_DESCRIPTIONS","callsCount","CALLS_COUNT","executionTime","EXECUTION_TIME","toFixed","ThemeContext","Consumer","theme","Gapped","wrap","gap","verticalAlign","Sticky","side","className","styles","searchBar","ComboBox","onValueChange","onUnexpectedInput","placeholder","onClick","sort","map","componentName","ComponentShowcase","key","name","description","onVariableSelect","ShowUnusedVariables","diff","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","React","Component","_React$Component2","apply","arguments","_proto2","_this3","_this$props","elements","Fragment","offset","isSticky","_cx","cx","heading","headingSticky","table","headerCell","style","width","el","ComponentShowcaseRow","element","row","_React$Component3","_proto3","_this4","_this$props2","rowSpan","variables","_cx2","invisibleRow","invisibleDarkRow","darkVariables","cell","majorCell","elementName","invisibleCell","varName","_cx3","dependencies","variableDefault","variableDark","hasNoVariables","suspiciousRow","darkRow","VariableName","variableName","VariableValue","_React$Component4","_this5","_len","args","Array","_key","concat","handleVariableSelect","_this5$props","_proto4","renderDependencies","_this$props3","dependency","DependencyName","dependencyName","onDependencySelect","_React$Component5","_this6","_len2","_key2","dependencyDefault","dependencyDark","handleDependencySelect","_this6$props","_proto5","Tooltip","trigger","pos","_cx4","valueIsColor","isColor","valueIsGradient","isGradient","hasExample","borderColor","contrast","colorExample","background","unusedVariablesWarning","v","input"],"sources":["ThemeShowcase.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { LIGHT_THEME as lightVariables } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME as darkVariables } from '../../lib/theming/themes/DarkTheme';\nimport type { ComboBoxItem } from '../../components/ComboBox';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Gapped } from '../../components/Gapped';\nimport { Link } from '../../components/Link';\nimport { Sticky } from '../../components/Sticky';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Tooltip } from '../../components/Tooltip';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { ComponentDescriptionType, ComponentRowDescriptionType } from './VariablesCollector';\nimport {\n  ALL_USED_VARIABLES,\n  CALLS_COUNT,\n  COMPONENT_DESCRIPTIONS,\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n  EXECUTION_TIME,\n} from './VariablesCollector';\nimport { styles } from './ThemeShowcase.styles';\n\nconst EMPTY_ARRAY: string[] = [];\n\nconst ALL_VARIABLES = Object.keys(lightVariables) as Array<keyof Theme>;\n\ninterface ShowcaseProps {\n  isDebugMode?: boolean;\n}\ninterface ShowcaseState {\n  selectedVariable?: ComboBoxItem;\n}\n\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\n  public state: ShowcaseState = {};\n\n  private isUnmounting = false;\n  private variablesDiff: string[] = [];\n\n  constructor(props: ShowcaseProps) {\n    super(props);\n    if (props.isDebugMode) {\n      ALL_VARIABLES.forEach((variable) => {\n        const found = ALL_USED_VARIABLES.includes(variable);\n        if (!found) {\n          this.variablesDiff.push(variable);\n        }\n      });\n    }\n  }\n\n  public render() {\n    if (!IS_PROXY_SUPPORTED) {\n      return (\n        <div>\n          Таблица использования переменных доступна только в{' '}\n          <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\n            браузерах с поддержкой Proxy\n          </Link>\n          .\n        </div>\n      );\n    }\n\n    const selectedVariable = this.state.selectedVariable;\n    const descriptionsToRender = selectedVariable\n      ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {}\n      : COMPONENT_DESCRIPTIONS;\n\n    const isDebugMode = this.props.isDebugMode;\n    const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\n    const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <Gapped wrap gap={30} verticalAlign={'top'}>\n              <div>\n                <Sticky side={'top'}>\n                  <div className={styles.searchBar(theme)} data-perf-info={`${executionTime} ${callsCount}`}>\n                    <Gapped gap={15}>\n                      <ComboBox\n                        getItems={this.getItems}\n                        value={selectedVariable}\n                        onValueChange={this.handleVariableChange}\n                        onUnexpectedInput={this.handleUnexpectedVariableInput}\n                        placeholder={'поиск по названию переменной'}\n                      />\n                      {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\n                    </Gapped>\n                  </div>\n                </Sticky>\n                {Object.keys(descriptionsToRender)\n                  .sort()\n                  .map((componentName) => (\n                    <ComponentShowcase\n                      key={componentName}\n                      name={componentName}\n                      description={descriptionsToRender[componentName]}\n                      isDebugMode={isDebugMode}\n                      onVariableSelect={this.handleVariableChange}\n                    />\n                  ))}\n              </div>\n              <ShowUnusedVariables diff={this.variablesDiff} />\n            </Gapped>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n  public componentWillUnmount(): void {\n    this.isUnmounting = true;\n  }\n\n  private getValues(query: string) {\n    const lowerCaseQuery = query && query.toLowerCase().trim();\n    let allItems = ALL_USED_VARIABLES;\n    if (lowerCaseQuery) {\n      allItems = ALL_USED_VARIABLES.filter((usedVariable) => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\n    }\n    return allItems.map((usedVariableName) => ({\n      value: usedVariableName,\n      label: usedVariableName,\n    }));\n  }\n  private getItems = (query: string) => {\n    return Promise.resolve(this.getValues(query));\n  };\n  private handleVariableChange = (item: ComboBoxItem) => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: item });\n    }\n  };\n  private handleUnexpectedVariableInput = (query: string) => {\n    const values = this.getValues(query);\n    if (values.length > 0) {\n      return values[0];\n    }\n\n    return this.resetVariable();\n  };\n  private resetVariable = () => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: undefined });\n    }\n  };\n}\n\ninterface ComponentShowcaseProps {\n  name: string;\n  description: ComponentDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps> {\n  public render() {\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\n    const elements = Object.keys(description);\n\n    return elements.length ? (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <Sticky side={'top'} offset={40}>\n                {(isSticky) => (\n                  <h2\n                    className={cx({\n                      [styles.heading(theme)]: true,\n                      [styles.headingSticky()]: isSticky,\n                    })}\n                  >\n                    {this.props.name}\n                  </h2>\n                )}\n              </Sticky>\n              <table className={styles.table()}>\n                <thead>\n                  <tr>\n                    <th className={styles.headerCell()} style={{ width: 170 }}>\n                      ClassName\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 210 }}>\n                      Variable Name\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 250 }}>\n                      Default Value\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 250 }}>\n                      Dark Value\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {elements.map((el) => (\n                    <ComponentShowcaseRow\n                      key={`${name}_${el}`}\n                      element={el}\n                      row={description[el]}\n                      onVariableSelect={onVariableSelect}\n                      isDebugMode={isDebugMode}\n                    />\n                  ))}\n                </tbody>\n              </table>\n            </React.Fragment>\n          );\n        }}\n      </ThemeContext.Consumer>\n    ) : null;\n  }\n}\n\ninterface ComponentShowcaseRowProps {\n  element: string;\n  row: ComponentRowDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\n  public render() {\n    const { element: el, row, isDebugMode } = this.props;\n    const rowSpan = row.variables.length + 1;\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <tr className={cx(styles.invisibleRow(), { [styles.invisibleDarkRow()]: theme === darkVariables })}>\n                <td className={cx(styles.cell(), styles.majorCell())} rowSpan={rowSpan}>\n                  <span className={styles.elementName()}>.{el}</span>\n                </td>\n                <td className={styles.invisibleCell()} />\n                <td className={styles.invisibleCell()} />\n                <td className={styles.invisibleCell()} />\n              </tr>\n              {row.variables.map((varName) => {\n                const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\n                const variableDefault = lightVariables[varName] as string;\n                const variableDark = darkVariables[varName] as string;\n                const hasNoVariables = isDebugMode && !variableDefault;\n                return (\n                  <tr\n                    key={`${el}_${varName}`}\n                    className={cx(styles.row(), {\n                      [styles.suspiciousRow()]: hasNoVariables,\n                      [styles.darkRow()]: theme === darkVariables,\n                    })}\n                  >\n                    <td className={styles.cell()}>\n                      <VariableName\n                        variableName={varName as string}\n                        dependencies={dependencies}\n                        onVariableSelect={this.props.onVariableSelect}\n                      />\n                    </td>\n                    <td className={styles.cell()}>\n                      <VariableValue value={variableDefault} />\n                    </td>\n                    <td className={styles.cell()}>\n                      <VariableValue value={variableDark} />\n                    </td>\n                  </tr>\n                );\n              })}\n            </React.Fragment>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\ninterface VariableNameProps {\n  variableName: string;\n  dependencies: Array<keyof Theme>;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass VariableName extends React.Component<VariableNameProps> {\n  public render() {\n    return (\n      <span>\n        <span className={styles.variableName()} onClick={this.handleVariableSelect}>\n          {this.props.variableName}\n        </span>\n        {this.props.dependencies.length > 0 && this.renderDependencies()}\n      </span>\n    );\n  }\n\n  private renderDependencies() {\n    const { dependencies, onVariableSelect } = this.props;\n    return (\n      <React.Fragment>\n        <br />\n        <br />\n        зависит от:\n        {dependencies.map((dependency) => (\n          <DependencyName\n            key={`dependency_${dependency}`}\n            dependencyName={dependency}\n            onDependencySelect={onVariableSelect}\n          />\n        ))}\n      </React.Fragment>\n    );\n  }\n\n  private handleVariableSelect = () => {\n    const { variableName, onVariableSelect } = this.props;\n    if (onVariableSelect) {\n      onVariableSelect({ value: variableName, label: variableName });\n    }\n  };\n}\n\ninterface DependencyNameProps {\n  dependencyName: keyof Theme;\n  onDependencySelect: (item: ComboBoxItem) => void;\n}\nclass DependencyName extends React.Component<DependencyNameProps> {\n  public render() {\n    return (\n      <React.Fragment>\n        <br />\n        &ndash;{' '}\n        <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\n          <span className={styles.variableName()} onClick={this.handleDependencySelect}>\n            {this.props.dependencyName}\n          </span>\n        </Tooltip>\n      </React.Fragment>\n    );\n  }\n\n  private getValues = () => {\n    const dependencyName = this.props.dependencyName;\n    const dependencyDefault = lightVariables[dependencyName] as string;\n    const dependencyDark = darkVariables[dependencyName] as string;\n    return (\n      <React.Fragment>\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n        <span>Dark value: {<VariableValue value={dependencyDark} />}</span>\n      </React.Fragment>\n    );\n  };\n\n  private handleDependencySelect = () => {\n    const { dependencyName, onDependencySelect } = this.props;\n    if (onDependencySelect) {\n      onDependencySelect({ value: dependencyName, label: dependencyName });\n    }\n  };\n}\n\nconst VariableValue = (props: { value: string }) => {\n  const value = props.value;\n  const valueIsColor = isColor(value);\n  const valueIsGradient = isGradient(value);\n  const hasExample = valueIsColor || valueIsGradient;\n  let borderColor = 'transparent';\n  if (hasExample) {\n    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\n  }\n\n  return (\n    <span className={cx({ [styles.undefined()]: !value })}>\n      {hasExample && <span className={styles.colorExample()} style={{ background: value, borderColor }} />}\n      {value || 'undefined'}\n    </span>\n  );\n};\n\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\n  if (props.diff.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={styles.unusedVariablesWarning()}>\n      Неиспользованные переменные ({props.diff.length}\n      ):\n      <ul>\n        {props.diff.sort().map((v) => (\n          <li key={v}>{v}</li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nfunction isGradient(input: string) {\n  return !!input && input.startsWith('linear-gradient');\n}\n"],"mappings":"gWAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAC,uBAAA,CAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;;AAEA,IAAAY,QAAA,GAAAZ,OAAA;AACA,IAAAa,aAAA,GAAAb,OAAA;;;AAGA,IAAAc,mBAAA,GAAAd,OAAA;;;;;;;AAOA,IAAAe,eAAA,GAAAf,OAAA;;AAEA,IAAMgB,WAAqB,GAAG,EAAE;;AAEhC,IAAMC,aAAa,GAAGC,MAAM,CAACC,IAAI,CAACC,uBAAc,CAAuB,CAAC;;;;;;;;;AAS3DC,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAAE,gBAAA;;;;;;EAMxB,SAAAF,cAAYG,KAAoB,EAAE,KAAAC,KAAA;IAChCA,KAAA,GAAAF,gBAAA,CAAAG,IAAA,OAAMF,KAAK,CAAC,SAACC,KAAA,CANRE,KAAK,GAAkB,CAAC,CAAC,CAAAF,KAAA,CAExBG,YAAY,GAAG,KAAK,CAAAH,KAAA,CACpBI,aAAa,GAAa,EAAE,CAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0F5BK,QAAQ,GAAG,UAACC,KAAa,EAAK;MACpC,OAAOC,OAAO,CAACC,OAAO,CAACR,KAAA,CAAKS,SAAS,CAACH,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAAN,KAAA;IACOU,oBAAoB,GAAG,UAACC,IAAkB,EAAK;MACrD,IAAI,CAACX,KAAA,CAAKG,YAAY,EAAE;QACtBH,KAAA,CAAKY,QAAQ,CAAC,EAAEC,gBAAgB,EAAEF,IAAI,CAAC,CAAC,CAAC;MAC3C;IACF,CAAC,CAAAX,KAAA;IACOc,6BAA6B,GAAG,UAACR,KAAa,EAAK;MACzD,IAAMS,MAAM,GAAGf,KAAA,CAAKS,SAAS,CAACH,KAAK,CAAC;MACpC,IAAIS,MAAM,CAACC,MAAM,GAAG,CAAC,EAAE;QACrB,OAAOD,MAAM,CAAC,CAAC,CAAC;MAClB;;MAEA,OAAOf,KAAA,CAAKiB,aAAa,CAAC,CAAC;IAC7B,CAAC,CAAAjB,KAAA;IACOiB,aAAa,GAAG,YAAM;MAC5B,IAAI,CAACjB,KAAA,CAAKG,YAAY,EAAE;QACtBH,KAAA,CAAKY,QAAQ,CAAC,EAAEC,gBAAgB,EAAEK,SAAS,CAAC,CAAC,CAAC;MAChD;IACF,CAAC,CA1GC,IAAInB,KAAK,CAACoB,WAAW,EAAE,CACrB3B,aAAa,CAAC4B,OAAO,CAAC,UAACC,QAAQ,EAAK,CAClC,IAAMC,KAAK,GAAGC,sCAAkB,CAACC,QAAQ,CAACH,QAAQ,CAAC,CACnD,IAAI,CAACC,KAAK,EAAE,CACVtB,KAAA,CAAKI,aAAa,CAACqB,IAAI,CAACJ,QAAQ,CAAC,CACnC,CACF,CAAC,CAAC,CACJ,CAAC,OAAArB,KAAA,CACH,CAAC,IAAA0B,eAAA,CAAAC,OAAA,EAAA/B,aAAA,EAAAE,gBAAA,MAAA8B,MAAA,GAAAhC,aAAA,CAAAiC,SAAA,CAAAD,MAAA,CAEME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,IAAI,CAACC,4BAAkB,EAAE,CACvB,oBACE3D,MAAA,CAAAsD,OAAA,CAAAM,aAAA,cAAK,qRAC+C,EAAC,GAAG,eACtD5D,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACpD,KAAA,CAAAqD,IAAI,IAACC,IAAI,EAAE,iCAAkC,EAACC,MAAM,EAAE,QAAS,IAAC,kIAE3D,CAAC,KAEJ,CAAC,CAEV,CAEA,IAAMvB,gBAAgB,GAAG,IAAI,CAACX,KAAK,CAACW,gBAAgB,CACpD,IAAMwB,oBAAoB,GAAGxB,gBAAgB,GACzCyB,sDAAkC,CAACzB,gBAAgB,CAAC0B,KAAK,CAAC,IAAI,CAAC,CAAC,GAChEC,0CAAsB,CAE1B,IAAMrB,WAAW,GAAG,IAAI,CAACpB,KAAK,CAACoB,WAAW,CAC1C,IAAMsB,UAAU,GAAGtB,WAAW,SAAOuB,+BAAW,oDAAc,EAAE,CAChE,IAAMC,aAAa,GAAGxB,WAAW,oGAAuByB,kCAAc,CAACC,OAAO,CAAC,CAAC,CAAC,UAAO,EAAE,CAE1F,oBACExE,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAAC7C,aAAA,CAAA0D,YAAY,CAACC,QAAQ,QACnB,UAACC,KAAK,EAAK,CACV,oBACE3E,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACrD,OAAA,CAAAqE,MAAM,IAACC,IAAI,QAACC,GAAG,EAAE,EAAG,EAACC,aAAa,EAAE,KAAM,iBACzC/E,MAAA,CAAAsD,OAAA,CAAAM,aAAA,2BACE5D,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACnD,OAAA,CAAAuE,MAAM,IAACC,IAAI,EAAE,KAAM,iBAClBjF,MAAA,CAAAsD,OAAA,CAAAM,aAAA,UAAKsB,SAAS,EAAEC,sBAAM,CAACC,SAAS,CAACT,KAAK,CAAE,EAAC,kBAAmBL,aAAa,SAAIF,UAAa,iBACxFpE,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACrD,OAAA,CAAAqE,MAAM,IAACE,GAAG,EAAE,EAAG,iBACd9E,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACtD,SAAA,CAAA+E,QAAQ,IACPrD,QAAQ,EAAE0B,MAAI,CAAC1B,QAAS,EACxBkC,KAAK,EAAE1B,gBAAiB,EACxB8C,aAAa,EAAE5B,MAAI,CAACrB,oBAAqB,EACzCkD,iBAAiB,EAAE7B,MAAI,CAACjB,6BAA8B,EACtD+C,WAAW,EAAE,8BAA+B,EAC7C,CAAC,EACD,CAAC,CAAChD,gBAAgB,iBAAIxC,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACpD,KAAA,CAAAqD,IAAI,IAAC4B,OAAO,EAAE/B,MAAI,CAACd,aAAc,IAAC,kDAAc,CAClE,CACL,CACC,CAAC,EACRxB,MAAM,CAACC,IAAI,CAAC2C,oBAAoB,CAAC,CAC/B0B,IAAI,CAAC,CAAC,CACNC,GAAG,CAAC,UAACC,aAAa,uBACjB5F,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACiC,iBAAiB,IAChBC,GAAG,EAAEF,aAAc,EACnBG,IAAI,EAAEH,aAAc,EACpBI,WAAW,EAAEhC,oBAAoB,CAAC4B,aAAa,CAAE,EACjD9C,WAAW,EAAEA,WAAY,EACzBmD,gBAAgB,EAAEvC,MAAI,CAACrB,oBAAqB,EAC7C,CAAC,EACH,CACA,CAAC,eACNrC,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACsC,mBAAmB,IAACC,IAAI,EAAEzC,MAAI,CAAC3B,aAAc,EAAE,CAC1C,CAAC,CAEb,CACqB,CAAC,CAE5B,CAAC,CAAAwB,MAAA,CACM6C,oBAAoB,GAA3B,SAAAA,qBAAA,EAAoC,CAClC,IAAI,CAACtE,YAAY,GAAG,IAAI,CAC1B,CAAC,CAAAyB,MAAA,CAEOnB,SAAS,GAAjB,SAAAA,UAAkBH,KAAa,EAAE,CAC/B,IAAMoE,cAAc,GAAGpE,KAAK,IAAIA,KAAK,CAACqE,WAAW,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAC1D,IAAIC,QAAQ,GAAGtD,sCAAkB,CACjC,IAAImD,cAAc,EAAE,CAClBG,QAAQ,GAAGtD,sCAAkB,CAACuD,MAAM,CAAC,UAACC,YAAY,UAAKA,YAAY,CAACJ,WAAW,CAAC,CAAC,CAACK,UAAU,CAACN,cAAc,CAAC,GAAC,CAC/G,CACA,OAAOG,QAAQ,CAACb,GAAG,CAAC,UAACiB,gBAAgB,UAAM,EACzC1C,KAAK,EAAE0C,gBAAgB,EACvBC,KAAK,EAAED,gBAAgB,CACzB,CAAC,EAAC,CAAC,CACL,CAAC,QAAArF,aAAA,GA7FgCuF,cAAK,CAACC,SAAS;;;;;;;;;AA2H5ClB,iBAAiB,0BAAAmB,iBAAA,YAAAnB,kBAAA,UAAAmB,iBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAA7D,eAAA,CAAAC,OAAA,EAAAuC,iBAAA,EAAAmB,iBAAA,MAAAG,OAAA,GAAAtB,iBAAA,CAAArC,SAAA,CAAA2D,OAAA;EACd1D,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAA2D,MAAA;IACd,IAAAC,WAAA,GAA6D,IAAI,CAAC3F,KAAK,CAA/DqE,IAAI,GAAAsB,WAAA,CAAJtB,IAAI,CAAEC,WAAW,GAAAqB,WAAA,CAAXrB,WAAW,CAAEC,gBAAgB,GAAAoB,WAAA,CAAhBpB,gBAAgB,CAAEnD,WAAW,GAAAuE,WAAA,CAAXvE,WAAW;IACxD,IAAMwE,QAAQ,GAAGlG,MAAM,CAACC,IAAI,CAAC2E,WAAW,CAAC;;IAEzC,OAAOsB,QAAQ,CAAC3E,MAAM;IACpB3C,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAAC7C,aAAA,CAAA0D,YAAY,CAACC,QAAQ;IACnB,UAACC,KAAK,EAAK;MACV;QACE3E,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAAC5D,MAAA,CAAAsD,OAAK,CAACiE,QAAQ;QACbvH,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACnD,OAAA,CAAAuE,MAAM,IAACC,IAAI,EAAE,KAAM,EAACuC,MAAM,EAAE,EAAG;QAC7B,UAACC,QAAQ,OAAAC,GAAA;YACR1H,MAAA,CAAAsD,OAAA,CAAAM,aAAA;cACEsB,SAAS,EAAE,IAAAyC,WAAE,GAAAD,GAAA,OAAAA,GAAA;cACVvC,sBAAM,CAACyC,OAAO,CAACjD,KAAK,CAAC,IAAG,IAAI,EAAA+C,GAAA;cAC5BvC,sBAAM,CAAC0C,aAAa,CAAC,CAAC,IAAGJ,QAAQ,EAAAC,GAAA;cACnC,CAAE;;YAEFN,MAAI,CAAC1F,KAAK,CAACqE;YACV,CAAC;;QAED,CAAC;QACT/F,MAAA,CAAAsD,OAAA,CAAAM,aAAA,YAAOsB,SAAS,EAAEC,sBAAM,CAAC2C,KAAK,CAAC,CAAE;QAC/B9H,MAAA,CAAAsD,OAAA,CAAAM,aAAA;QACE5D,MAAA,CAAAsD,OAAA,CAAAM,aAAA;QACE5D,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIsB,SAAS,EAAEC,sBAAM,CAAC4C,UAAU,CAAC,CAAE,EAACC,KAAK,EAAE,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAE,IAAC;;QAEvD,CAAC;QACLjI,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIsB,SAAS,EAAEC,sBAAM,CAAC4C,UAAU,CAAC,CAAE,EAACC,KAAK,EAAE,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAE,IAAC;;QAEvD,CAAC;QACLjI,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIsB,SAAS,EAAEC,sBAAM,CAAC4C,UAAU,CAAC,CAAE,EAACC,KAAK,EAAE,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAE,IAAC;;QAEvD,CAAC;QACLjI,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIsB,SAAS,EAAEC,sBAAM,CAAC4C,UAAU,CAAC,CAAE,EAACC,KAAK,EAAE,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAE,IAAC;;QAEvD;QACF;QACC,CAAC;QACRjI,MAAA,CAAAsD,OAAA,CAAAM,aAAA;QACG0D,QAAQ,CAAC3B,GAAG,CAAC,UAACuC,EAAE;YACflI,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACuE,oBAAoB;cACnBrC,GAAG,EAAKC,IAAI,SAAImC,EAAK;cACrBE,OAAO,EAAEF,EAAG;cACZG,GAAG,EAAErC,WAAW,CAACkC,EAAE,CAAE;cACrBjC,gBAAgB,EAAEA,gBAAiB;cACnCnD,WAAW,EAAEA,WAAY;YAC1B,CAAC;QACH;QACI;QACF;QACO,CAAC;;IAErB;IACqB,CAAC;IACtB,IAAI;EACV,CAAC,QAAA+C,iBAAA,GAxD6BiB,cAAK,CAACC,SAAS;;;;;;;;;;AAkEzCoB,oBAAoB,0BAAAG,iBAAA,YAAAH,qBAAA,UAAAG,iBAAA,CAAArB,KAAA,OAAAC,SAAA,eAAA7D,eAAA,CAAAC,OAAA,EAAA6E,oBAAA,EAAAG,iBAAA,MAAAC,OAAA,GAAAJ,oBAAA,CAAA3E,SAAA,CAAA+E,OAAA;EACjB9E,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAA+E,MAAA;IACd,IAAAC,YAAA,GAA0C,IAAI,CAAC/G,KAAK,CAAnCwG,EAAE,GAAAO,YAAA,CAAXL,OAAO,CAAMC,GAAG,GAAAI,YAAA,CAAHJ,GAAG,CAAEvF,WAAW,GAAA2F,YAAA,CAAX3F,WAAW;IACrC,IAAM4F,OAAO,GAAGL,GAAG,CAACM,SAAS,CAAChG,MAAM,GAAG,CAAC;;IAExC;MACE3C,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAAC7C,aAAA,CAAA0D,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK,KAAAiE,IAAA;QACV;UACE5I,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAAC5D,MAAA,CAAAsD,OAAK,CAACiE,QAAQ;UACbvH,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIsB,SAAS,EAAE,IAAAyC,WAAE,EAACxC,sBAAM,CAAC0D,YAAY,CAAC,CAAC,GAAAD,IAAA,OAAAA,IAAA,CAAKzD,sBAAM,CAAC2D,gBAAgB,CAAC,CAAC,IAAGnE,KAAK,KAAKoE,qBAAa,EAAAH,IAAA,CAAE,CAAE;UACjG5I,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIsB,SAAS,EAAE,IAAAyC,WAAE,EAACxC,sBAAM,CAAC6D,IAAI,CAAC,CAAC,EAAE7D,sBAAM,CAAC8D,SAAS,CAAC,CAAC,CAAE,EAACP,OAAO,EAAEA,OAAQ;UACrE1I,MAAA,CAAAsD,OAAA,CAAAM,aAAA,WAAMsB,SAAS,EAAEC,sBAAM,CAAC+D,WAAW,CAAC,CAAE,IAAC,GAAC,EAAChB,EAAS;UAChD,CAAC;UACLlI,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIsB,SAAS,EAAEC,sBAAM,CAACgE,aAAa,CAAC,CAAE,EAAE,CAAC;UACzCnJ,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIsB,SAAS,EAAEC,sBAAM,CAACgE,aAAa,CAAC,CAAE,EAAE,CAAC;UACzCnJ,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIsB,SAAS,EAAEC,sBAAM,CAACgE,aAAa,CAAC,CAAE,EAAE;UACtC,CAAC;UACJd,GAAG,CAACM,SAAS,CAAChD,GAAG,CAAC,UAACyD,OAAO,EAAK,KAAAC,IAAA;YAC9B,IAAMC,YAAY,GAAGjB,GAAG,CAACiB,YAAY,CAACF,OAAO,CAAC,IAAIlI,WAAW;YAC7D,IAAMqI,eAAe,GAAGjI,uBAAc,CAAC8H,OAAO,CAAW;YACzD,IAAMI,YAAY,GAAGT,qBAAa,CAACK,OAAO,CAAW;YACrD,IAAMK,cAAc,GAAG3G,WAAW,IAAI,CAACyG,eAAe;YACtD;cACEvJ,MAAA,CAAAsD,OAAA,CAAAM,aAAA;gBACEkC,GAAG,EAAKoC,EAAE,SAAIkB,OAAU;gBACxBlE,SAAS,EAAE,IAAAyC,WAAE,EAACxC,sBAAM,CAACkD,GAAG,CAAC,CAAC,GAAAgB,IAAA,OAAAA,IAAA;gBACvBlE,sBAAM,CAACuE,aAAa,CAAC,CAAC,IAAGD,cAAc,EAAAJ,IAAA;gBACvClE,sBAAM,CAACwE,OAAO,CAAC,CAAC,IAAGhF,KAAK,KAAKoE,qBAAa,EAAAM,IAAA;gBAC5C,CAAE;;cAEHrJ,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIsB,SAAS,EAAEC,sBAAM,CAAC6D,IAAI,CAAC,CAAE;cAC3BhJ,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACgG,YAAY;gBACXC,YAAY,EAAET,OAAkB;gBAChCE,YAAY,EAAEA,YAAa;gBAC3BrD,gBAAgB,EAAEuC,MAAI,CAAC9G,KAAK,CAACuE,gBAAiB;cAC/C;cACC,CAAC;cACLjG,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIsB,SAAS,EAAEC,sBAAM,CAAC6D,IAAI,CAAC,CAAE;cAC3BhJ,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACkG,aAAa,IAAC5F,KAAK,EAAEqF,eAAgB,EAAE;cACtC,CAAC;cACLvJ,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIsB,SAAS,EAAEC,sBAAM,CAAC6D,IAAI,CAAC,CAAE;cAC3BhJ,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACkG,aAAa,IAAC5F,KAAK,EAAEsF,YAAa,EAAE;cACnC;cACF,CAAC;;UAET,CAAC;UACa,CAAC;;MAErB;MACqB,CAAC;;EAE5B,CAAC,QAAArB,oBAAA,GApDgCrB,cAAK,CAACC,SAAS;;;;;;;;;AA6D5C6C,YAAY,0BAAAG,iBAAA,YAAAH,aAAA,OAAAI,MAAA,UAAAC,IAAA,GAAA/C,SAAA,CAAAvE,MAAA,EAAAuH,IAAA,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAlD,SAAA,CAAAkD,IAAA,GAAAJ,MAAA,GAAAD,iBAAA,CAAAnI,IAAA,CAAAqF,KAAA,CAAA8C,iBAAA,SAAAM,MAAA,CAAAH,IAAA,WAAAF,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8BRM,oBAAoB,GAAG,YAAM;MACnC,IAAAC,YAAA,GAA2CP,MAAA,CAAKtI,KAAK,CAA7CmI,YAAY,GAAAU,YAAA,CAAZV,YAAY,CAAE5D,gBAAgB,GAAAsE,YAAA,CAAhBtE,gBAAgB;MACtC,IAAIA,gBAAgB,EAAE;QACpBA,gBAAgB,CAAC,EAAE/B,KAAK,EAAE2F,YAAY,EAAEhD,KAAK,EAAEgD,YAAY,CAAC,CAAC,CAAC;MAChE;IACF,CAAC,QAAAG,MAAA,MAAA3G,eAAA,CAAAC,OAAA,EAAAsG,YAAA,EAAAG,iBAAA,MAAAS,OAAA,GAAAZ,YAAA,CAAApG,SAAA,CAAAgH,OAAA,CAlCM/G,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEzD,MAAA,CAAAsD,OAAA,CAAAM,aAAA,4BACE5D,MAAA,CAAAsD,OAAA,CAAAM,aAAA,WAAMsB,SAAS,EAAEC,sBAAM,CAAC0E,YAAY,CAAC,CAAE,EAACpE,OAAO,EAAE,IAAI,CAAC6E,oBAAqB,IACxE,IAAI,CAAC5I,KAAK,CAACmI,YACR,CAAC,EACN,IAAI,CAACnI,KAAK,CAAC4H,YAAY,CAAC3G,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC8H,kBAAkB,CAAC,CAC3D,CAAC,CAEX,CAAC,CAAAD,OAAA,CAEOC,kBAAkB,GAA1B,SAAAA,mBAAA,EAA6B,CAC3B,IAAAC,YAAA,GAA2C,IAAI,CAAChJ,KAAK,CAA7C4H,YAAY,GAAAoB,YAAA,CAAZpB,YAAY,CAAErD,gBAAgB,GAAAyE,YAAA,CAAhBzE,gBAAgB,CACtC,oBACEjG,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAAC5D,MAAA,CAAAsD,OAAK,CAACiE,QAAQ,qBACbvH,MAAA,CAAAsD,OAAA,CAAAM,aAAA,WAAK,CAAC,eACN5D,MAAA,CAAAsD,OAAA,CAAAM,aAAA,WAAK,CAAC,4DAEN,EAAC0F,YAAY,CAAC3D,GAAG,CAAC,UAACgF,UAAU,uBAC3B3K,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACgH,cAAc,IACb9E,GAAG,kBAAgB6E,UAAa,EAChCE,cAAc,EAAEF,UAAW,EAC3BG,kBAAkB,EAAE7E,gBAAiB,EACtC,CAAC,EACH,CACa,CAAC,CAErB,CAAC,QAAA2D,YAAA,GA5BwB9C,cAAK,CAACC,SAAS;;;;;;;AA0CpC6D,cAAc,0BAAAG,iBAAA,YAAAH,eAAA,OAAAI,MAAA,UAAAC,KAAA,GAAA/D,SAAA,CAAAvE,MAAA,EAAAuH,IAAA,OAAAC,KAAA,CAAAc,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,KAAAhB,IAAA,CAAAgB,KAAA,IAAAhE,SAAA,CAAAgE,KAAA,GAAAF,MAAA,GAAAD,iBAAA,CAAAnJ,IAAA,CAAAqF,KAAA,CAAA8D,iBAAA,SAAAV,MAAA,CAAAH,IAAA,WAAAc,MAAA;;;;;;;;;;;;;;;IAeV5I,SAAS,GAAG,YAAM;MACxB,IAAMyI,cAAc,GAAGG,MAAA,CAAKtJ,KAAK,CAACmJ,cAAc;MAChD,IAAMM,iBAAiB,GAAG7J,uBAAc,CAACuJ,cAAc,CAAW;MAClE,IAAMO,cAAc,GAAGrC,qBAAa,CAAC8B,cAAc,CAAW;MAC9D;QACE7K,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAAC5D,MAAA,CAAAsD,OAAK,CAACiE,QAAQ;QACbvH,MAAA,CAAAsD,OAAA,CAAAM,aAAA,eAAM,iBAAe,eAAC5D,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACkG,aAAa,IAAC5F,KAAK,EAAEiH,iBAAkB,EAAE,CAAQ,CAAC;QACzEnL,MAAA,CAAAsD,OAAA,CAAAM,aAAA,eAAM,cAAY,eAAC5D,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAACkG,aAAa,IAAC5F,KAAK,EAAEkH,cAAe,EAAE,CAAQ;QACpD,CAAC;;IAErB,CAAC,CAAAJ,MAAA;;IAEOK,sBAAsB,GAAG,YAAM;MACrC,IAAAC,YAAA,GAA+CN,MAAA,CAAKtJ,KAAK,CAAjDmJ,cAAc,GAAAS,YAAA,CAAdT,cAAc,CAAEC,kBAAkB,GAAAQ,YAAA,CAAlBR,kBAAkB;MAC1C,IAAIA,kBAAkB,EAAE;QACtBA,kBAAkB,CAAC,EAAE5G,KAAK,EAAE2G,cAAc,EAAEhE,KAAK,EAAEgE,cAAc,CAAC,CAAC,CAAC;MACtE;IACF,CAAC,QAAAG,MAAA,MAAA3H,eAAA,CAAAC,OAAA,EAAAsH,cAAA,EAAAG,iBAAA,MAAAQ,OAAA,GAAAX,cAAA,CAAApH,SAAA,CAAA+H,OAAA,CA/BM9H,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEzD,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAAC5D,MAAA,CAAAsD,OAAK,CAACiE,QAAQ,qBACbvH,MAAA,CAAAsD,OAAA,CAAAM,aAAA,WAAK,CAAC,UACC,EAAC,GAAG,eACX5D,MAAA,CAAAsD,OAAA,CAAAM,aAAA,CAAChD,QAAA,CAAA4K,OAAO,IAACC,OAAO,EAAE,OAAQ,EAAChI,MAAM,EAAE,IAAI,CAACrB,SAAU,EAACsJ,GAAG,EAAE,cAAe,iBACrE1L,MAAA,CAAAsD,OAAA,CAAAM,aAAA,WAAMsB,SAAS,EAAEC,sBAAM,CAAC0E,YAAY,CAAC,CAAE,EAACpE,OAAO,EAAE,IAAI,CAAC4F,sBAAuB,IAC1E,IAAI,CAAC3J,KAAK,CAACmJ,cACR,CACC,CACK,CAAC,CAErB,CAAC,QAAAD,cAAA,GAb0B9D,cAAK,CAACC,SAAS;;;AAmC5C,IAAM+C,aAAa,GAAG,SAAhBA,aAAaA,CAAIpI,KAAwB,EAAK,KAAAiK,IAAA;EAClD,IAAMzH,KAAK,GAAGxC,KAAK,CAACwC,KAAK;EACzB,IAAM0H,YAAY,GAAG,IAAAC,qBAAO,EAAC3H,KAAK,CAAC;EACnC,IAAM4H,eAAe,GAAGC,UAAU,CAAC7H,KAAK,CAAC;EACzC,IAAM8H,UAAU,GAAGJ,YAAY,IAAIE,eAAe;EAClD,IAAIG,WAAW,GAAG,aAAa;EAC/B,IAAID,UAAU,EAAE;IACdC,WAAW,GAAGL,YAAY,GAAGlL,cAAc,CAACwL,QAAQ,CAAChI,KAAK,CAAC,GAAG,MAAM;EACtE;;EAEA;IACElE,MAAA,CAAAsD,OAAA,CAAAM,aAAA,WAAMsB,SAAS,EAAE,IAAAyC,WAAE,GAAAgE,IAAA,OAAAA,IAAA,CAAIxG,sBAAM,CAACtC,SAAS,CAAC,CAAC,IAAG,CAACqB,KAAK,EAAAyH,IAAA,CAAE,CAAE;IACnDK,UAAU,iBAAIhM,MAAA,CAAAsD,OAAA,CAAAM,aAAA,WAAMsB,SAAS,EAAEC,sBAAM,CAACgH,YAAY,CAAC,CAAE,EAACnE,KAAK,EAAE,EAAEoE,UAAU,EAAElI,KAAK,EAAE+H,WAAW,EAAXA,WAAW,CAAC,CAAE,EAAE,CAAC;IACnG/H,KAAK,IAAI;IACN,CAAC;;AAEX,CAAC;;AAED,IAAMgC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIxE,KAAyB,EAAK;EACzD,IAAIA,KAAK,CAACyE,IAAI,CAACxD,MAAM,KAAK,CAAC,EAAE;IAC3B,OAAO,IAAI;EACb;;EAEA;IACE3C,MAAA,CAAAsD,OAAA,CAAAM,aAAA,UAAKsB,SAAS,EAAEC,sBAAM,CAACkH,sBAAsB,CAAC,CAAE,IAAC,iKAClB;IAAC3K,KAAK,CAACyE,IAAI,CAACxD,MAAM,EAAC,IAEhD;;IAAA3C,MAAA,CAAAsD,OAAA,CAAAM,aAAA;IACGlC,KAAK,CAACyE,IAAI,CAACT,IAAI,CAAC,CAAC,CAACC,GAAG,CAAC,UAAC2G,CAAC;QACvBtM,MAAA,CAAAsD,OAAA,CAAAM,aAAA,SAAIkC,GAAG,EAAEwG,CAAE,IAAEA,CAAM,CAAC;IACrB;IACC;IACD,CAAC;;AAEV,CAAC;;AAED,SAASP,UAAUA,CAACQ,KAAa,EAAE;EACjC,OAAO,CAAC,CAACA,KAAK,IAAIA,KAAK,CAAC5F,UAAU,CAAC,iBAAiB,CAAC;AACvD","ignoreList":[]}

package/cjs/internal/ThemeShowcase/ThemeShowcase.styles.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     searchBar(t: Theme): string;
     heading(t: Theme): string;
     headingSticky(): string;