@niibase/uniwind 1.6.4 → 1.8.0

package/dist/common/bundler/logger.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Logger = void 0;
+const red = "\x1B[91m";
+const yellow = "\x1B[33m";
+const blue = "\x1B[36m";
+const reset = "\x1B[0m";
+class Logger {
+  constructor(name) {
+    this.name = name;
+  }
+  static debug = false;
+  static log(message, meta = "") {
+    if (!Logger.debug) {
+      return;
+    }
+    console.log(`${blue}Uniwind ${meta}- ${message}${reset}`);
+  }
+  static info(message) {
+    console.log(`${blue}[Uniwind] ${message}${reset}`);
+  }
+  static error(message, meta = "") {
+    console.log(`${red}Uniwind Error ${meta}- ${message}${reset}`);
+  }
+  static warn(message, meta = "") {
+    if (!Logger.debug) {
+      return;
+    }
+    console.log(`${yellow}Uniwind Warning ${meta}- ${message}${reset}`);
+  }
+  log(message) {
+    Logger.log(message, `[${this.name} Processor] `);
+  }
+  error(message) {
+    Logger.error(message, `[${this.name} Processor] `);
+  }
+  warn(message) {
+    Logger.warn(message, `[${this.name} Processor] `);
+  }
+}
+exports.Logger = Logger;

package/dist/common/bundler/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/common/common/consts.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNIWIND_THEME_VARIABLES = exports.UNIWIND_PLATFORM_VARIABLES = exports.Platform = void 0;
+exports.UNIWIND_THEME_VARIABLES = exports.UNIWIND_PLATFORM_VARIABLES = exports.StyleDependency = exports.Platform = exports.Orientation = exports.DEFAULT_SCREEN_WIDTH = exports.DEFAULT_SCREEN_HEIGHT = exports.ColorScheme = void 0;
 var Platform = exports.Platform = /* @__PURE__ */(Platform2 => {
   Platform2["Android"] = "android";
   Platform2["iOS"] = "ios";
@@ -15,4 +15,28 @@ var Platform = exports.Platform = /* @__PURE__ */(Platform2 => {
   return Platform2;
 })(Platform || {});
 const UNIWIND_PLATFORM_VARIABLES = exports.UNIWIND_PLATFORM_VARIABLES = "__uniwind-platform-";
-const UNIWIND_THEME_VARIABLES = exports.UNIWIND_THEME_VARIABLES = "__uniwind-theme-";
+const UNIWIND_THEME_VARIABLES = exports.UNIWIND_THEME_VARIABLES = "__uniwind-theme-";
+var StyleDependency = exports.StyleDependency = /* @__PURE__ */(StyleDependency2 => {
+  StyleDependency2[StyleDependency2["ColorScheme"] = 1] = "ColorScheme";
+  StyleDependency2[StyleDependency2["Theme"] = 2] = "Theme";
+  StyleDependency2[StyleDependency2["Dimensions"] = 3] = "Dimensions";
+  StyleDependency2[StyleDependency2["Orientation"] = 4] = "Orientation";
+  StyleDependency2[StyleDependency2["Insets"] = 5] = "Insets";
+  StyleDependency2[StyleDependency2["FontScale"] = 6] = "FontScale";
+  StyleDependency2[StyleDependency2["Rtl"] = 7] = "Rtl";
+  StyleDependency2[StyleDependency2["AdaptiveThemes"] = 8] = "AdaptiveThemes";
+  StyleDependency2[StyleDependency2["Variables"] = 9] = "Variables";
+  return StyleDependency2;
+})(StyleDependency || {});
+var Orientation = exports.Orientation = /* @__PURE__ */(Orientation2 => {
+  Orientation2["Portrait"] = "portrait";
+  Orientation2["Landscape"] = "landscape";
+  return Orientation2;
+})(Orientation || {});
+var ColorScheme = exports.ColorScheme = /* @__PURE__ */(ColorScheme2 => {
+  ColorScheme2["Light"] = "light";
+  ColorScheme2["Dark"] = "dark";
+  return ColorScheme2;
+})(ColorScheme || {});
+const DEFAULT_SCREEN_WIDTH = exports.DEFAULT_SCREEN_WIDTH = 375;
+const DEFAULT_SCREEN_HEIGHT = exports.DEFAULT_SCREEN_HEIGHT = 680;

package/dist/common/components/web/rnw.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toRNWClassName = void 0;
+var _consts = require("../../common/consts");
 var _core = require("../../core");
 var _listener = require("../../core/listener");
-var _types = require("../../types");
 require("./metro-injected");
 const addClassNameToRoot = () => {
   if (typeof document === "undefined") {
@@ -18,7 +18,7 @@ const addClassNameToRoot = () => {
 };
 _listener.UniwindListener.subscribe(() => {
   addClassNameToRoot();
-}, [_types.StyleDependency.Theme]);
+}, [_consts.StyleDependency.Theme]);
 addClassNameToRoot();
 const toRNWClassName = className => className !== void 0 ? {
   $$css: true,

package/dist/common/core/config/config.common.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.UniwindConfigBuilder = exports.Uniwind = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
-var _withUniwind = require("../../hoc/withUniwind");
+var _consts = require("../../common/consts");
+var _hoc = require("../../hoc");
 var _useCSSVariable = require("../../hooks/useCSSVariable/useCSSVariable");
-var _types = require("../../types");
 var _listener = require("../listener");
 const SYSTEM_THEME = "system";
 const RN_VERSION = _reactNative.Platform.constants?.reactNativeVersion?.minor ?? 0;
@@ -19,12 +19,12 @@ class UniwindConfigBuilder {
   #currentTheme = this.colorScheme;
   constructor() {
     _reactNative.Appearance.addChangeListener(event => {
-      const colorScheme = event.colorScheme === "unspecified" ? _types.ColorScheme.Light : event.colorScheme ?? _types.ColorScheme.Light;
+      const colorScheme = event.colorScheme === "unspecified" ? _consts.ColorScheme.Light : event.colorScheme ?? _consts.ColorScheme.Light;
       const prevTheme = this.#currentTheme;
       if (this.#hasAdaptiveThemes && prevTheme !== colorScheme) {
         this.#currentTheme = colorScheme;
         this.onThemeChange();
-        _listener.UniwindListener.notify([_types.StyleDependency.Theme]);
+        _listener.UniwindListener.notify([_consts.StyleDependency.Theme]);
       }
     });
   }
@@ -40,15 +40,15 @@ class UniwindConfigBuilder {
   get colorScheme() {
     const colorScheme = _reactNative.Appearance.getColorScheme();
     if (colorScheme === "unspecified") {
-      return _types.ColorScheme.Light;
+      return _consts.ColorScheme.Light;
     }
-    return colorScheme ?? _types.ColorScheme.Light;
+    return colorScheme ?? _consts.ColorScheme.Light;
   }
   Wrapper({
     as,
     ...props
   }) {
-    const StyledComponent = (0, _react.useMemo)(() => (0, _withUniwind.withUniwind)(as), [as]);
+    const StyledComponent = (0, _react.useMemo)(() => (0, _hoc.withUniwind)(as), [as]);
     return (0, _react.createElement)(StyledComponent, props);
   }
   // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
@@ -78,10 +78,10 @@ class UniwindConfigBuilder {
     } finally {
       if (prevTheme !== this.#currentTheme) {
         this.onThemeChange();
-        _listener.UniwindListener.notify([_types.StyleDependency.Theme]);
+        _listener.UniwindListener.notify([_consts.StyleDependency.Theme]);
       }
       if (prevHasAdaptiveThemes !== this.#hasAdaptiveThemes) {
-        _listener.UniwindListener.notify([_types.StyleDependency.AdaptiveThemes]);
+        _listener.UniwindListener.notify([_consts.StyleDependency.AdaptiveThemes]);
       }
     }
   }

package/dist/common/core/config/config.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Uniwind = void 0;
+var _consts = require("../../common/consts");
 var _utils = require("../../common/utils");
-var _types = require("../../types");
 var _listener = require("../listener");
 var _logger = require("../logger");
 var _web = require("../web");
@@ -35,7 +35,7 @@ class UniwindConfigBuilder extends _config.UniwindConfigBuilder {
         rule.style.setProperty(varName, existingRules[rule.theme] ?? null);
       });
     });
-    _listener.UniwindListener.notify([_types.StyleDependency.Variables]);
+    _listener.UniwindListener.notify([_consts.StyleDependency.Variables]);
   }
   __reinit(generateStyleSheetCallback, themes) {
     const oldThemes = this.themes;

package/dist/common/core/config/config.native.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Uniwind = void 0;
 var _culori = require("culori");
-var _types = require("../../types");
+var _consts = require("../../common/consts");
 var _listener = require("../listener");
 var _logger = require("../logger");
 var _native = require("../native");
@@ -31,20 +31,16 @@ class UniwindConfigBuilder extends _config.UniwindConfigBuilder {
         return varValue;
       };
       _native.UniwindStore.vars[theme] ??= {};
-      Object.defineProperty(_native.UniwindStore.vars[theme], varName, {
-        configurable: true,
-        enumerable: true,
-        get: getValue
-      });
+      _native.UniwindStore.vars[theme][varName] = getValue;
     });
-    _listener.UniwindListener.notify([_types.StyleDependency.Variables]);
+    _listener.UniwindListener.notify([_consts.StyleDependency.Variables]);
   }
   updateInsets(insets) {
     _native.UniwindStore.runtime.insets.bottom = insets.bottom ?? 0;
     _native.UniwindStore.runtime.insets.top = insets.top ?? 0;
     _native.UniwindStore.runtime.insets.left = insets.left ?? 0;
     _native.UniwindStore.runtime.insets.right = insets.right ?? 0;
-    _listener.UniwindListener.notify([_types.StyleDependency.Insets]);
+    _listener.UniwindListener.notify([_consts.StyleDependency.Insets]);
   }
   __reinit(generateStyleSheetCallback, themes) {
     super.__reinit(generateStyleSheetCallback, themes);

package/dist/common/core/listener.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UniwindListener = void 0;
-var _types = require("../types");
+var _consts = require("../common/consts");
 class UniwindListenerBuilder {
   listeners = {
-    [_types.StyleDependency.ColorScheme]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.Theme]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.Dimensions]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.Orientation]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.Insets]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.FontScale]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.Rtl]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.AdaptiveThemes]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.Variables]: /* @__PURE__ */new Set()
+    [_consts.StyleDependency.ColorScheme]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.Theme]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.Dimensions]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.Orientation]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.Insets]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.FontScale]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.Rtl]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.AdaptiveThemes]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.Variables]: /* @__PURE__ */new Set()
   };
   notify(dependencies) {
     dependencies.forEach(dep => {

package/dist/common/core/native/native-utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.colorMix = exports.cloneWithAccessors = void 0;
+exports.colorMix = void 0;
 exports.lightDark = lightDark;
 exports.parseColor = void 0;
 var _culori = require("culori");
@@ -28,13 +28,6 @@ function lightDark(light, dark) {
   }
   return light;
 }
-const cloneWithAccessors = obj => {
-  const proto = Object.getPrototypeOf(obj);
-  const clone = Object.create(proto);
-  Object.defineProperties(clone, Object.getOwnPropertyDescriptors(obj));
-  return clone;
-};
-exports.cloneWithAccessors = cloneWithAccessors;
 const parseColor = (type, color) => {
   try {
     const parsedColor = (0, _culori.parse)(`${type}(${color})`);

package/dist/common/core/native/parsers/textShadow.js

@@ -13,27 +13,15 @@ const parseTextShadowMutation = styles => {
   const offsets = tokens.filter(token => token !== color);
   const [offsetX, offsetY, radius] = offsets;
   if (offsetX !== void 0 && offsetY !== void 0) {
-    Object.defineProperty(styles, "textShadowOffset", {
-      configurable: true,
-      enumerable: true,
-      value: {
-        width: Number(offsetX),
-        height: Number(offsetY)
-      }
-    });
+    styles.textShadowOffset = {
+      width: Number(offsetX),
+      height: Number(offsetY)
+    };
     delete styles.textShadow;
   }
   if (radius !== void 0) {
-    Object.defineProperty(styles, "textShadowRadius", {
-      configurable: true,
-      enumerable: true,
-      value: Number(radius)
-    });
+    styles.textShadowRadius = Number(radius);
   }
-  Object.defineProperty(styles, "textShadowColor", {
-    configurable: true,
-    enumerable: true,
-    value: color
-  });
+  styles.textShadowColor = color;
 };
 exports.parseTextShadowMutation = parseTextShadowMutation;

package/dist/common/core/native/parsers/transforms.js

@@ -37,11 +37,7 @@ const parseTransformsMutation = (styles, preserve = false) => {
     }
   }
   if (transformsResult.length > 0) {
-    Object.defineProperty(styles, "transform", {
-      configurable: true,
-      enumerable: true,
-      value: transformsResult
-    });
+    styles.transform = transformsResult;
   }
 };
 exports.parseTransformsMutation = parseTransformsMutation;

package/dist/common/core/native/runtime.js

@@ -7,10 +7,10 @@ exports.UniwindRuntime = void 0;
 var _reactNative = require("react-native");
 var _reactNativeReanimated = require("react-native-reanimated");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _types = require("../../types");
+var _consts = require("../../common/consts");
 var _nativeUtils = require("./native-utils");
 const window = _reactNative.Dimensions.get("window");
-const initialColorScheme = _reactNative.Appearance.getColorScheme() ?? _types.ColorScheme.Light;
+const initialColorScheme = _reactNative.Appearance.getColorScheme() ?? _consts.ColorScheme.Light;
 const UniwindRuntime = exports.UniwindRuntime = {
   screen: {
     width: window.width,
@@ -18,7 +18,7 @@ const UniwindRuntime = exports.UniwindRuntime = {
   },
   colorScheme: initialColorScheme,
   currentThemeName: initialColorScheme,
-  orientation: window.width > window.height ? _types.Orientation.Landscape : _types.Orientation.Portrait,
+  orientation: window.width > window.height ? _consts.Orientation.Landscape : _consts.Orientation.Portrait,
   fontScale: value => value * _reactNative.PixelRatio.getFontScale(),
   hairlineWidth: _reactNative.StyleSheet.hairlineWidth,
   rtl: _reactNative.I18nManager.isRTL,
@@ -44,6 +44,10 @@ const UniwindRuntime = exports.UniwindRuntime = {
       android,
       default: ios
     });
+  },
+  makeResponsive(value, base = _consts.DEFAULT_SCREEN_WIDTH, useHeight = false) {
+    const dimension = useHeight ? this.screen.height : this.screen.width;
+    return Math.round(value * dimension / base);
   }
 };
 UniwindRuntime.lightDark = _nativeUtils.lightDark.bind(UniwindRuntime);

package/dist/common/core/native/store.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.UniwindStore = void 0;
 var _reactNative = require("react-native");
 var _consts = require("../../common/consts");
-var _types = require("../../types");
 var _listener = require("../listener");
-var _nativeUtils = require("./native-utils");
 var _parsers = require("./parsers");
 var _runtime = require("./runtime");
 const emptyState = {
@@ -52,18 +50,18 @@ class UniwindStoreBuilder {
     const commonPlatformVars = scopedVars[`${_consts.UNIWIND_PLATFORM_VARIABLES}${commonPlatform}`];
     const platformVars = scopedVars[`${_consts.UNIWIND_PLATFORM_VARIABLES}${platform}`];
     if (commonPlatformVars) {
-      Object.defineProperties(vars, Object.getOwnPropertyDescriptors(commonPlatformVars));
+      Object.assign(vars, commonPlatformVars);
     }
     if (platformVars) {
-      Object.defineProperties(vars, Object.getOwnPropertyDescriptors(platformVars));
+      Object.assign(vars, platformVars);
     }
     this.keyframes = keyframes;
     this.stylesheet = stylesheet;
     this.vars = Object.fromEntries(themes.map(theme => {
-      const clonedVars = (0, _nativeUtils.cloneWithAccessors)(vars);
+      const clonedVars = Object.create(vars);
       const themeVars = scopedVars[`${_consts.UNIWIND_THEME_VARIABLES}${theme}`];
       if (themeVars) {
-        Object.defineProperties(clonedVars, Object.getOwnPropertyDescriptors(themeVars));
+        Object.assign(clonedVars, themeVars);
       }
       return [theme, clonedVars];
     }));
@@ -73,7 +71,7 @@ class UniwindStoreBuilder {
     }
   };
   resolveStyles(classNames, componentProps, state, uniwindContext) {
-    const result = {};
+    const resultGetters = {};
     const theme = uniwindContext.scopedTheme ?? this.runtime.currentThemeName;
     let vars = this.vars[theme];
     const originalVars = vars;
@@ -89,7 +87,7 @@ class UniwindStoreBuilder {
       for (const style of this.stylesheet[className]) {
         if (style.dependencies) {
           style.dependencies.forEach(dep => {
-            if (dep === _types.StyleDependency.Theme && isScopedTheme) {
+            if (dep === _consts.StyleDependency.Theme && isScopedTheme) {
               return;
             }
             dependencies.add(dep);
@@ -109,95 +107,50 @@ class UniwindStoreBuilder {
           }
           if (property[0] === "-") {
             if (vars === originalVars) {
-              vars = (0, _nativeUtils.cloneWithAccessors)(originalVars);
+              vars = Object.create(originalVars);
             }
-            Object.defineProperty(vars, property, {
-              configurable: true,
-              enumerable: true,
-              get: valueGetter
-            });
+            vars[property] = valueGetter;
           } else {
-            Object.defineProperty(result, property, {
-              configurable: true,
-              enumerable: true,
-              get: () => valueGetter.call(vars)
-            });
+            resultGetters[property] = valueGetter;
           }
           bestBreakpoints.set(property, style);
         }
       }
     }
+    const result = Object.fromEntries(Object.entries(resultGetters).map(([property, valueGetter]) => [property, valueGetter(vars)]));
     if (result.lineHeight !== void 0 && result.lineHeight < 6) {
-      Object.defineProperty(result, "lineHeight", {
-        value: result.fontSize * result.lineHeight,
-        configurable: true,
-        enumerable: true
-      });
+      result.lineHeight *= result.fontSize;
     }
     if (result.boxShadow !== void 0) {
-      Object.defineProperty(result, "boxShadow", {
-        value: (0, _parsers.parseBoxShadow)(result.boxShadow),
-        configurable: true,
-        enumerable: true
-      });
+      result.boxShadow = (0, _parsers.parseBoxShadow)(result.boxShadow);
     }
     if (result.visibility === "hidden") {
-      Object.defineProperty(result, "display", {
-        value: "none",
-        configurable: true,
-        enumerable: true
-      });
+      result.display = "none";
     }
     if (result.borderStyle !== void 0 && result.borderColor === void 0) {
-      Object.defineProperty(result, "borderColor", {
-        value: "#000000",
-        configurable: true,
-        enumerable: true
-      });
+      result.borderColor = "#000000";
     }
     if (result.outlineStyle !== void 0 && result.outlineColor === void 0) {
-      Object.defineProperty(result, "outlineColor", {
-        value: "#000000",
-        configurable: true,
-        enumerable: true
-      });
+      result.outlineColor = "#000000";
     }
     if (result.fontVariant !== void 0) {
-      Object.defineProperty(result, "fontVariant", {
-        value: (0, _parsers.parseFontVariant)(result.fontVariant),
-        configurable: true,
-        enumerable: true
-      });
+      result.fontVariant = (0, _parsers.parseFontVariant)(result.fontVariant);
     }
     (0, _parsers.parseTransformsMutation)(result);
     (0, _parsers.parseTransitionsMutation)(result);
     if (typeof result.animationName === "string") {
-      Object.defineProperty(result, "animationName", {
-        value: this.keyframes[result.animationName] ?? [],
-        configurable: true,
-        enumerable: true
-      });
+      result.animationName = this.keyframes[result.animationName] ?? [];
     } else if (Array.isArray(result.animationName)) {
-      Object.defineProperty(result, "animationName", {
-        value: result.animationName.map(animationName => this.keyframes[animationName] ?? void 0).filter(Boolean),
-        configurable: true,
-        enumerable: true
-      });
+      result.animationName = result.animationName.map(animationName => this.keyframes[animationName] ?? void 0).filter(Boolean);
     }
     if (result.experimental_backgroundImage !== void 0) {
-      Object.defineProperty(result, "experimental_backgroundImage", {
-        value: (0, _parsers.resolveGradient)(result.experimental_backgroundImage),
-        configurable: true,
-        enumerable: true
-      });
+      result.experimental_backgroundImage = (0, _parsers.resolveGradient)(result.experimental_backgroundImage);
     }
     if (result.textShadow !== void 0) {
       (0, _parsers.parseTextShadowMutation)(result);
     }
     return {
-      styles: {
-        ...result
-      },
+      styles: result,
       dependencies: Array.from(dependencies),
       dependencySum,
       hasDataAttributes
@@ -239,12 +192,12 @@ const UniwindStore = exports.UniwindStore = new UniwindStoreBuilder();
 _reactNative.Dimensions.addEventListener("change", ({
   window
 }) => {
-  const newOrientation = window.width > window.height ? _types.Orientation.Landscape : _types.Orientation.Portrait;
+  const newOrientation = window.width > window.height ? _consts.Orientation.Landscape : _consts.Orientation.Portrait;
   const orientationChanged = UniwindStore.runtime.orientation !== newOrientation;
   UniwindStore.runtime.screen = {
     width: window.width,
     height: window.height
   };
   UniwindStore.runtime.orientation = newOrientation;
-  _listener.UniwindListener.notify([...(orientationChanged ? [_types.StyleDependency.Orientation] : []), _types.StyleDependency.Dimensions]);
+  _listener.UniwindListener.notify([...(orientationChanged ? [_consts.StyleDependency.Orientation] : []), _consts.StyleDependency.Dimensions]);
 });

package/dist/common/core/web/cssListener.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CSSListener = void 0;
-var _types = require("../../types");
+var _consts = require("../../common/consts");
 var _listener = require("../listener");
 class CSSListenerBuilder {
   activeRules = /* @__PURE__ */new Set();
@@ -54,7 +54,7 @@ class CSSListenerBuilder {
       listeners?.add(listener);
       disposables.push(() => listeners?.delete(listener));
     });
-    const disposeThemeListener = _listener.UniwindListener.subscribe(listener, [_types.StyleDependency.Theme, _types.StyleDependency.Variables]);
+    const disposeThemeListener = _listener.UniwindListener.subscribe(listener, [_consts.StyleDependency.Theme, _consts.StyleDependency.Variables]);
     return () => {
       disposables.forEach(disposable => disposable());
       disposeThemeListener();

package/dist/common/hoc/withUniwind.js

@@ -13,9 +13,9 @@ var _logger = require("../core/logger");
 var _web = require("../core/web");
 var _withUniwindUtils = require("./withUniwindUtils");
 let warnedOnce = false;
-const withUniwind = (Component2, options) => options ? withManualUniwind(Component2, options) : withAutoUniwind(Component2);
+const withUniwind = (Component, options) => options ? withManualUniwind(Component, options) : withAutoUniwind(Component);
 exports.withUniwind = withUniwind;
-const withAutoUniwind = Component2 => props => {
+const withAutoUniwind = Component => props => {
   const uniwindContext = (0, _context.useUniwindContext)();
   const {
     classNames,
@@ -60,13 +60,13 @@ const withAutoUniwind = Component2 => props => {
     const dispose = _web.CSSListener.subscribeToClassName(classNames, rerender);
     return dispose;
   }, [classNames]);
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component2, {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component, {
     ...props,
     ...generatedProps,
     dataSet: (0, _generateDataSet.generateDataSet)(props)
   });
 };
-const withManualUniwind = (Component2, options) => props => {
+const withManualUniwind = (Component, options) => props => {
   const uniwindContext = (0, _context.useUniwindContext)();
   const {
     generatedProps,
@@ -100,7 +100,7 @@ const withManualUniwind = (Component2, options) => props => {
     const dispose = _web.CSSListener.subscribeToClassName(classNames, rerender);
     return dispose;
   }, [classNames]);
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component2, {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component, {
     ...props,
     ...generatedProps,
     dataSet: (0, _generateDataSet.generateDataSet)(props)

package/dist/common/hoc/withUniwind.native.js

@@ -13,9 +13,9 @@ var _logger = require("../core/logger");
 var _native = require("../core/native");
 var _withUniwindUtils = require("./withUniwindUtils");
 let warnedOnce = false;
-const withUniwind = (Component2, options) => options ? withManualUniwind(Component2, options) : withAutoUniwind(Component2);
+const withUniwind = (Component, options) => options ? withManualUniwind(Component, options) : withAutoUniwind(Component);
 exports.withUniwind = withUniwind;
-const withAutoUniwind = Component2 => props => {
+const withAutoUniwind = Component => props => {
   const uniwindContext = (0, _context.useUniwindContext)();
   const {
     dependencies,
@@ -68,12 +68,12 @@ const withAutoUniwind = Component2 => props => {
     const dispose = _listener.UniwindListener.subscribe(rerender, Array.from(new Set(dependencies)));
     return dispose;
   }, [dependencySum]);
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component2, {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component, {
     ...props,
     ...generatedProps
   });
 };
-const withManualUniwind = (Component2, options) => props => {
+const withManualUniwind = (Component, options) => props => {
   const uniwindContext = (0, _context.useUniwindContext)();
   const {
     generatedProps,
@@ -124,7 +124,7 @@ const withManualUniwind = (Component2, options) => props => {
     const dispose = _listener.UniwindListener.subscribe(rerender, Array.from(new Set(dependencies)));
     return dispose;
   }, [dependencySum]);
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component2, {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component, {
     ...props,
     ...generatedProps
   });

package/dist/common/hooks/useCSSVariable/getVariableValue.native.js

@@ -5,5 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getVariableValue = void 0;
 var _native = require("../../core/native");
-const getVariableValue = (name, uniwindContext) => _native.UniwindStore.vars[uniwindContext.scopedTheme ?? _native.UniwindRuntime.currentThemeName]?.[name];
+const getVariableValue = (name, uniwindContext) => {
+  const vars = _native.UniwindStore.vars[uniwindContext.scopedTheme ?? _native.UniwindRuntime.currentThemeName];
+  return vars?.[name]?.(vars);
+};
 exports.getVariableValue = getVariableValue;