react-native-unistyles 2.0.0-alpha.13 → 2.0.0-alpha.14

package/lib/commonjs/core/UnistyleRegistry.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UnistyleRegistry = void 0;
 var _common = require("../common");
+var _plugins = require("../plugins");
 class UnistyleRegistry {
   config = {};
-  plugins = [];
+  plugins = _common.isWeb ? [_plugins.normalizeWebStylesPlugin] : [];
   themeNames = [];
   themes = {};
   breakpoints = {};
@@ -64,7 +65,7 @@ class UnistyleRegistry {
       })) {
         throw new Error(_common.UnistylesError.DuplicatePluginName);
       }
-      _this.plugins = _this.plugins.concat([plugin]);
+      _this.plugins = [plugin].concat(_this.plugins);
       _this.unistylesBridge.addPlugin(plugin.name, notify);
     };
   })();

package/lib/commonjs/core/UnistyleRegistry.js.map

@@ -1 +1 @@
-{"version":3,"names":["_common","require","UnistyleRegistry","config","plugins","themeNames","themes","breakpoints","sortedBreakpointPairs","constructor","unistylesBridge","addThemes","keys","Object","addBreakpoints","useBreakpoints","addConfig","adaptiveThemes","useAdaptiveThemes","experimentalPlugins","forEach","plugin","addPlugin","initialTheme","useTheme","getTheme","forName","length","hasTheme","Error","UnistylesError","ThemeNotFound","_this","notify","arguments","undefined","name","startsWith","InvalidPluginName","some","_ref","DuplicatePluginName","concat","removePlugin","CantRemoveInternalPlugin","filter","_ref2","exports"],"sourceRoot":"../../../src","sources":["core/UnistyleRegistry.ts"],"mappings":"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"}
+{"version":3,"names":["_common","require","_plugins","UnistyleRegistry","config","plugins","isWeb","normalizeWebStylesPlugin","themeNames","themes","breakpoints","sortedBreakpointPairs","constructor","unistylesBridge","addThemes","keys","Object","addBreakpoints","useBreakpoints","addConfig","adaptiveThemes","useAdaptiveThemes","experimentalPlugins","forEach","plugin","addPlugin","initialTheme","useTheme","getTheme","forName","length","hasTheme","Error","UnistylesError","ThemeNotFound","_this","notify","arguments","undefined","name","startsWith","InvalidPluginName","some","_ref","DuplicatePluginName","concat","removePlugin","CantRemoveInternalPlugin","filter","_ref2","exports"],"sourceRoot":"../../../src","sources":["core/UnistyleRegistry.ts"],"mappings":"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"}

package/lib/commonjs/plugins/withPlugins.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withPlugins = void 0;
-var _normalizeWebStylesPlugin = require("./normalizeWebStylesPlugin");
-var _common = require("../common");
-var _core = require("../core");
-const UNISTYLES_PLUGINS = _common.isWeb ? [_normalizeWebStylesPlugin.normalizeWebStylesPlugin] : [];
-const withPlugins = (key, style) => _core.unistyles.registry.plugins.concat(UNISTYLES_PLUGINS).reduce((acc, plugin) => {
+const withPlugins = (key, style, plugins, runtime) => plugins.reduce((acc, plugin) => {
   if (plugin.onParsedStyle) {
-    return plugin.onParsedStyle(key, acc, _core.unistyles.runtime);
+    return plugin.onParsedStyle(key, acc, runtime);
   }
   return acc;
 }, style);

package/lib/commonjs/plugins/withPlugins.js.map

@@ -1 +1 @@
-{"version":3,"names":["_normalizeWebStylesPlugin","require","_common","_core","UNISTYLES_PLUGINS","isWeb","normalizeWebStylesPlugin","withPlugins","key","style","unistyles","registry","plugins","concat","reduce","acc","plugin","onParsedStyle","runtime","exports"],"sourceRoot":"../../../src","sources":["plugins/withPlugins.ts"],"mappings":";;;;;;AACA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,MAAMG,iBAAiB,GAAGC,aAAK,GACzB,CAACC,kDAAwB,CAAC,GAC1B,EAAE;AAED,MAAMC,WAAW,GAAGA,CAACC,GAAW,EAAEC,KAAc,KAAKC,eAAS,CAACC,QAAQ,CAACC,OAAO,CAACC,MAAM,CAACT,iBAAiB,CAAC,CAC3GU,MAAM,CAAC,CAACC,GAAG,EAAEC,MAAM,KAAK;EACrB,IAAIA,MAAM,CAACC,aAAa,EAAE;IACtB,OAAOD,MAAM,CAACC,aAAa,CAACT,GAAG,EAAEO,GAAG,EAAEL,eAAS,CAACQ,OAAO,CAAC;EAC5D;EAEA,OAAOH,GAAG;AACd,CAAC,EAAEN,KAAK,CAAC;AAAAU,OAAA,CAAAZ,WAAA,GAAAA,WAAA"}
+{"version":3,"names":["withPlugins","key","style","plugins","runtime","reduce","acc","plugin","onParsedStyle","exports"],"sourceRoot":"../../../src","sources":["plugins/withPlugins.ts"],"mappings":";;;;;;AAGO,MAAMA,WAAW,GAAGA,CACvBC,GAAW,EACXC,KAAc,EACdC,OAA+B,EAC/BC,OAAyB,KACxBD,OAAO,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,MAAM,KAAK;EACjC,IAAIA,MAAM,CAACC,aAAa,EAAE;IACtB,OAAOD,MAAM,CAACC,aAAa,CAACP,GAAG,EAAEK,GAAG,EAAEF,OAAO,CAAC;EAClD;EAEA,OAAOE,GAAG;AACd,CAAC,EAAEJ,KAAK,CAAC;AAAAO,OAAA,CAAAT,WAAA,GAAAA,WAAA"}

package/lib/commonjs/useStyles.js

@@ -8,41 +8,37 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _utils = require("./utils");
 var _hooks = require("./hooks");
+var _core = require("./core");
 const useStyles = (stylesheet, variant) => {
   const {
     theme,
     layout,
     plugins
   } = (0, _hooks.useUnistyles)();
-  const {
-    screenSize,
-    breakpoint
-  } = layout;
   if (!stylesheet) {
     return {
       theme,
-      breakpoint,
+      breakpoint: layout.breakpoint,
       styles: {}
     };
   }
   const parsedStyles = (0, _react.useMemo)(() => typeof stylesheet === 'function' ? stylesheet(theme) : stylesheet, [theme, stylesheet, layout]);
   const dynamicStyleSheet = (0, _react.useMemo)(() => Object.entries(parsedStyles).reduce((acc, _ref) => {
     let [key, value] = _ref;
-    const style = value;
     if (typeof value === 'function') {
       return {
         ...acc,
-        [key]: (0, _utils.proxifyFunction)(key, value, breakpoint, screenSize, variant)
+        [key]: (0, _utils.proxifyFunction)(key, value, _core.unistyles.registry.plugins, _core.unistyles.runtime, variant)
       };
     }
     return _reactNative.StyleSheet.create({
       ...acc,
-      [key]: (0, _utils.parseStyle)(key, style, breakpoint, screenSize, variant)
+      [key]: (0, _utils.parseStyle)(key, value, _core.unistyles.registry.plugins, _core.unistyles.runtime, variant)
     });
-  }, {}), [breakpoint, screenSize, parsedStyles, variant, plugins]);
+  }, {}), [layout, parsedStyles, variant, plugins]);
   return {
     theme,
-    breakpoint,
+    breakpoint: layout.breakpoint,
     styles: dynamicStyleSheet
   };
 };

package/lib/commonjs/useStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_utils","_hooks","useStyles","stylesheet","variant","theme","layout","plugins","useUnistyles","screenSize","breakpoint","styles","parsedStyles","useMemo","dynamicStyleSheet","Object","entries","reduce","acc","_ref","key","value","style","proxifyFunction","StyleSheet","create","parseStyle","exports"],"sourceRoot":"../../src","sources":["useStyles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAQA,IAAAG,MAAA,GAAAH,OAAA;AASO,MAAMI,SAAS,GAAGA,CACrBC,UAAyD,EACzDC,OAAyD,KAClC;EACvB,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,mBAAY,EAAC,CAAC;EACjD,MAAM;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAGJ,MAAM;EAEzC,IAAI,CAACH,UAAU,EAAE;IACb,OAAO;MACHE,KAAK;MACLK,UAAU;MACVC,MAAM,EAAE,CAAC;IACb,CAAC;EACL;EAEA,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM,OAAOV,UAAU,KAAK,UAAU,GAC7DA,UAAU,CAACE,KAAK,CAAC,GACjBF,UAAU,EAAE,CAACE,KAAK,EAAEF,UAAU,EAAEG,MAAM,CAAC,CAAC;EAE9C,MAAMQ,iBAAiB,GAAG,IAAAD,cAAO,EAAC,MAAME,MAAM,CACzCC,OAAO,CAACJ,YAAY,CAAC,CACrBK,MAAM,CAAC,CAACC,GAAG,EAAAC,IAAA,KAAmB;IAAA,IAAjB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;IACtB,MAAMG,KAAK,GAAGD,KAA8B;IAE5C,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;MAC7B,OAAO;QACH,GAAGH,GAAG;QACN,CAACE,GAAG,GAAG,IAAAG,sBAAe,EAACH,GAAG,EAAEC,KAAK,EAAEX,UAAU,EAAED,UAAU,EAAEL,OAAO;MACtE,CAAC;IACL;IAEA,OAAOoB,uBAAU,CAACC,MAAM,CAAC;MACrB,GAAGP,GAAG;MACN,CAACE,GAAG,GAAG,IAAAM,iBAAU,EAAKN,GAAG,EAAEE,KAAK,EAAEZ,UAAU,EAAED,UAAU,EAAEL,OAAO;IACrE,CAAC,CAAC;EACN,CAAC,EAAE,CAAC,CAAO,CAAC,EAAE,CAACM,UAAU,EAAED,UAAU,EAAEG,YAAY,EAAER,OAAO,EAAEG,OAAO,CAAC,CAA8B;EAExG,OAAO;IACHF,KAAK;IACLK,UAAU;IACVC,MAAM,EAAEG;EACZ,CAAC;AACL,CAAC;AAAAa,OAAA,CAAAzB,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_react","require","_reactNative","_utils","_hooks","_core","useStyles","stylesheet","variant","theme","layout","plugins","useUnistyles","breakpoint","styles","parsedStyles","useMemo","dynamicStyleSheet","Object","entries","reduce","acc","_ref","key","value","proxifyFunction","unistyles","registry","runtime","StyleSheet","create","parseStyle","exports"],"sourceRoot":"../../src","sources":["useStyles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAQA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AAQO,MAAMK,SAAS,GAAGA,CACrBC,UAAyD,EACzDC,OAAyD,KAClC;EACvB,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,mBAAY,EAAC,CAAC;EAEjD,IAAI,CAACL,UAAU,EAAE;IACb,OAAO;MACHE,KAAK;MACLI,UAAU,EAAEH,MAAM,CAACG,UAAU;MAC7BC,MAAM,EAAE,CAAC;IACb,CAAC;EACL;EAEA,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM,OAAOT,UAAU,KAAK,UAAU,GAC7DA,UAAU,CAACE,KAAK,CAAC,GACjBF,UAAU,EAAE,CAACE,KAAK,EAAEF,UAAU,EAAEG,MAAM,CAAC,CAAC;EAE9C,MAAMO,iBAAiB,GAAG,IAAAD,cAAO,EAAC,MAAME,MAAM,CACzCC,OAAO,CAACJ,YAAY,CAAC,CACrBK,MAAM,CAAC,CAACC,GAAG,EAAAC,IAAA,KAAmB;IAAA,IAAjB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;IACtB,IAAI,OAAOE,KAAK,KAAK,UAAU,EAAE;MAC7B,OAAO;QACH,GAAGH,GAAG;QACN,CAACE,GAAG,GAAG,IAAAE,sBAAe,EAACF,GAAG,EAAEC,KAAK,EAACE,eAAS,CAACC,QAAQ,CAAChB,OAAO,EAAEe,eAAS,CAACE,OAAO,EAAEpB,OAAO;MAC5F,CAAC;IACL;IAEA,OAAOqB,uBAAU,CAACC,MAAM,CAAC;MACrB,GAAGT,GAAG;MACN,CAACE,GAAG,GAAG,IAAAQ,iBAAU,EACbR,GAAG,EACHC,KAAK,EACLE,eAAS,CAACC,QAAQ,CAAChB,OAAO,EAC1Be,eAAS,CAACE,OAAO,EACjBpB,OACJ;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAAC,CAAO,CAAC,EAChB,CAACE,MAAM,EAAEK,YAAY,EAAEP,OAAO,EAAEG,OAAO,CACvC,CAA8B;EAE9B,OAAO;IACHF,KAAK;IACLI,UAAU,EAAEH,MAAM,CAACG,UAAU;IAC7BC,MAAM,EAAEG;EACZ,CAAC;AACL,CAAC;AAAAe,OAAA,CAAA1B,SAAA,GAAAA,SAAA"}

package/lib/commonjs/utils/index.js

@@ -15,12 +15,6 @@ Object.defineProperty(exports, "getKeyForUnistylesMediaQuery", {
     return _mqParser.getKeyForUnistylesMediaQuery;
   }
 });
-Object.defineProperty(exports, "getKeyForVariant", {
-  enumerable: true,
-  get: function () {
-    return _variants.getKeyForVariant;
-  }
-});
 Object.defineProperty(exports, "getValueForBreakpoint", {
   enumerable: true,
   get: function () {
@@ -64,7 +58,6 @@ Object.defineProperty(exports, "proxifyFunction", {
   }
 });
 var _mq = require("./mq");
-var _variants = require("./variants");
 var _mqParser = require("./mqParser");
 var _breakpoints = require("./breakpoints");
 var _styles = require("./styles");

package/lib/commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mq","require","_variants","_mqParser","_breakpoints","_styles"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA"}
+{"version":3,"names":["_mq","require","_mqParser","_breakpoints","_styles"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA"}

package/lib/commonjs/utils/styles.js

@@ -8,8 +8,8 @@ var _breakpoints = require("./breakpoints");
 var _common = require("../common");
 var _variants = require("./variants");
 var _plugins = require("../plugins");
-const proxifyFunction = (key, fn, breakpoint, screenSize, variant) => new Proxy(fn, {
-  apply: (target, thisArg, argumentsList) => parseStyle(key, target.apply(thisArg, argumentsList), breakpoint, screenSize, variant)
+const proxifyFunction = (key, fn, plugins, runtime, variant) => new Proxy(fn, {
+  apply: (target, thisArg, argumentsList) => parseStyle(key, target.apply(thisArg, argumentsList), plugins, runtime, variant)
 });
 exports.proxifyFunction = proxifyFunction;
 const isPlatformColor = value => {
@@ -19,27 +19,17 @@ const isPlatformColor = value => {
   return _common.isAndroid && 'resource_paths' in value && typeof value.resource_paths === 'object';
 };
 exports.isPlatformColor = isPlatformColor;
-const parseStyle = (key, style, breakpoint, screenSize, variant) => {
-  const entries = Object.entries(style || {}).map(_ref => {
+const parseStyle = (key, style, plugins, runtime, variant) => {
+  const entries = Object.entries((0, _variants.getStyleWithVariant)(style || {}, variant));
+  const parsedStyles = Object.fromEntries(entries.map(_ref => {
     let [key, value] = _ref;
-    if (key !== 'variants') {
-      return [key, value];
-    }
-    const variantKey = (0, _variants.getKeyForVariant)(value, variant);
-    if (!variantKey) {
-      return undefined;
-    }
-    return Object.entries(value[variantKey]).flat();
-  }).filter(Boolean);
-  const parsedStyles = Object.fromEntries(entries.map(_ref2 => {
-    let [key, value] = _ref2;
     const hasNestedProperties = key === 'shadowOffset' || key === 'textShadowOffset';
     if (hasNestedProperties) {
-      return [key, parseStyle(key, value, breakpoint, screenSize, variant)];
+      return [key, parseStyle(key, value, plugins, runtime, variant)];
     }
     const isTransform = key === 'transform';
     if (isTransform && Array.isArray(value)) {
-      return [key, value.map(value => parseStyle(key, value, breakpoint, screenSize, variant))];
+      return [key, value.map(value => parseStyle(key, value, plugins, runtime, variant))];
     }
     const isDynamicFunction = typeof value === 'function';
     const isValidStyle = typeof value !== 'object' || isPlatformColor(value);
@@ -48,7 +38,7 @@ const parseStyle = (key, style, breakpoint, screenSize, variant) => {
     }
     return [key, (0, _breakpoints.getValueForBreakpoint)(value)];
   }));
-  return (0, _plugins.withPlugins)(key, parsedStyles);
+  return (0, _plugins.withPlugins)(key, parsedStyles, plugins, runtime);
 };
 exports.parseStyle = parseStyle;
 //# sourceMappingURL=styles.js.map

package/lib/commonjs/utils/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_breakpoints","require","_common","_variants","_plugins","proxifyFunction","key","fn","breakpoint","screenSize","variant","Proxy","apply","target","thisArg","argumentsList","parseStyle","exports","isPlatformColor","value","isIOS","semantic","isAndroid","resource_paths","style","entries","Object","map","_ref","variantKey","getKeyForVariant","undefined","flat","filter","Boolean","parsedStyles","fromEntries","_ref2","hasNestedProperties","isTransform","Array","isArray","isDynamicFunction","isValidStyle","getValueForBreakpoint","withPlugins"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":"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"}
+{"version":3,"names":["_breakpoints","require","_common","_variants","_plugins","proxifyFunction","key","fn","plugins","runtime","variant","Proxy","apply","target","thisArg","argumentsList","parseStyle","exports","isPlatformColor","value","isIOS","semantic","isAndroid","resource_paths","style","entries","Object","getStyleWithVariant","parsedStyles","fromEntries","map","_ref","hasNestedProperties","isTransform","Array","isArray","isDynamicFunction","isValidStyle","getValueForBreakpoint","withPlugins"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEO,MAAMI,eAAe,GAAGA,CAC3BC,GAAW,EACXC,EAAY,EACZC,OAA+B,EAC/BC,OAAyB,EACzBC,OAAgB,KACL,IAAIC,KAAK,CAACJ,EAAE,EAAE;EACzBK,KAAK,EAAEA,CAACC,MAAM,EAAEC,OAAO,EAAEC,aAAa,KAClCC,UAAU,CAACV,GAAG,EAAEO,MAAM,CAACD,KAAK,CAACE,OAAO,EAAEC,aAAa,CAAC,EAAEP,OAAO,EAAEC,OAAO,EAAEC,OAAO;AACvF,CAAC,CAAC;AAAAO,OAAA,CAAAZ,eAAA,GAAAA,eAAA;AAEK,MAAMa,eAAe,GAAkBC,KAAQ,IAAc;EAChE,IAAIC,aAAK,EAAE;IACP,OAAO,UAAU,IAAID,KAAK,IAAI,OAAOA,KAAK,CAACE,QAAQ,KAAK,QAAQ;EACpE;EAEA,OAAOC,iBAAS,IAAI,gBAAgB,IAAIH,KAAK,IAAI,OAAOA,KAAK,CAACI,cAAc,KAAK,QAAQ;AAC7F,CAAC;AAAAN,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAEM,MAAMF,UAAU,GAAGA,CACtBV,GAAW,EACXkB,KAA2B,EAC3BhB,OAA+B,EAC/BC,OAAyB,EACzBC,OAAgB,KACZ;EACJ,MAAMe,OAAO,GAAGC,MAAM,CACjBD,OAAO,CAAC,IAAAE,6BAAmB,EAACH,KAAK,IAAI,CAAC,CAAC,EAAEd,OAAO,CAAC,CAAyD;EAE/G,MAAMkB,YAAY,GAAGF,MAAM,CACtBG,WAAW,CAACJ,OAAO,CACfK,GAAG,CAACC,IAAA,IAAkB;IAAA,IAAjB,CAACzB,GAAG,EAAEa,KAAK,CAAC,GAAAY,IAAA;IACd,MAAMC,mBAAmB,GAAG1B,GAAG,KAAK,cAAc,IAAIA,GAAG,KAAK,kBAAkB;IAEhF,IAAI0B,mBAAmB,EAAE;MACrB,OAAO,CACH1B,GAAG,EACHU,UAAU,CAACV,GAAG,EAAEa,KAAK,EAA0BX,OAAO,EAAEC,OAAO,EAAEC,OAAO,CAAC,CAC5E;IACL;IAEA,MAAMuB,WAAW,GAAG3B,GAAG,KAAK,WAAW;IAEvC,IAAI2B,WAAW,IAAIC,KAAK,CAACC,OAAO,CAAChB,KAAK,CAAC,EAAE;MACrC,OAAO,CACHb,GAAG,EACHa,KAAK,CAACW,GAAG,CAACX,KAAK,IAAIH,UAAU,CAACV,GAAG,EAAEa,KAAK,EAAEX,OAAO,EAAEC,OAAO,EAAEC,OAAO,CAAC,CAAC,CACxE;IACL;IAEA,MAAM0B,iBAAiB,GAAG,OAAOjB,KAAK,KAAK,UAAU;IACrD,MAAMkB,YAAY,GAAG,OAAOlB,KAAK,KAAK,QAAQ,IAAID,eAAe,CAACC,KAAK,CAAC;IAExE,IAAIiB,iBAAiB,IAAIC,YAAY,EAAE;MACnC,OAAO,CAAC/B,GAAG,EAAEa,KAAK,CAAC;IACvB;IAEA,OAAO,CACHb,GAAG,EACH,IAAAgC,kCAAqB,EAACnB,KAAoB,CAAC,CAC9C;EACL,CAAC,CACL,CAAM;EAEV,OAAO,IAAAoB,oBAAW,EAACjC,GAAG,EAAEsB,YAAY,EAAEpB,OAAO,EAAEC,OAAO,CAAC;AAC3D,CAAC;AAAAQ,OAAA,CAAAD,UAAA,GAAAA,UAAA"}

package/lib/commonjs/utils/variants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getKeyForVariant = void 0;
+exports.getStyleWithVariant = void 0;
 const getKeyForVariant = (value, variant) => {
   if (variant && variant in value) {
     return variant;
@@ -13,5 +13,20 @@ const getKeyForVariant = (value, variant) => {
   }
   return undefined;
 };
-exports.getKeyForVariant = getKeyForVariant;
+const getStyleWithVariant = (style, variant) => {
+  if (!('variants' in style)) {
+    return style;
+  }
+  const variantKey = getKeyForVariant(style.variants, variant);
+  const variantValue = variantKey ? style.variants[variantKey] : {};
+  const {
+    variants,
+    ...otherStyles
+  } = style;
+  return {
+    ...otherStyles,
+    ...variantValue
+  };
+};
+exports.getStyleWithVariant = getStyleWithVariant;
 //# sourceMappingURL=variants.js.map

package/lib/commonjs/utils/variants.js.map

@@ -1 +1 @@
-{"version":3,"names":["getKeyForVariant","value","variant","undefined","exports"],"sourceRoot":"../../../src","sources":["utils/variants.ts"],"mappings":";;;;;;AAEO,MAAMA,gBAAgB,GAAGA,CAACC,KAAkB,EAAEC,OAAgB,KAAuB;EACxF,IAAIA,OAAO,IAAIA,OAAO,IAAID,KAAK,EAAE;IAC7B,OAAOC,OAAO;EAClB;EAEA,IAAI,SAAS,IAAID,KAAK,EAAE;IACpB,OAAO,SAAS;EACpB;EAEA,OAAOE,SAAS;AACpB,CAAC;AAAAC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA"}
+{"version":3,"names":["getKeyForVariant","value","variant","undefined","getStyleWithVariant","style","variantKey","variants","variantValue","otherStyles","exports"],"sourceRoot":"../../../src","sources":["utils/variants.ts"],"mappings":";;;;;;AAEA,MAAMA,gBAAgB,GAAGA,CAACC,KAAkC,EAAEC,OAAgB,KAAuB;EACjG,IAAIA,OAAO,IAAIA,OAAO,IAAID,KAAK,EAAE;IAC7B,OAAOC,OAAO;EAClB;EAEA,IAAI,SAAS,IAAID,KAAK,EAAE;IACpB,OAAO,SAAS;EACpB;EAEA,OAAOE,SAAS;AACpB,CAAC;AAEM,MAAMC,mBAAmB,GAAGA,CAC/BC,KAA2B,EAC3BH,OAAgB,KACf;EACD,IAAI,EAAE,UAAU,IAAIG,KAAK,CAAC,EAAE;IACxB,OAAOA,KAAK;EAChB;EAEA,MAAMC,UAAU,GAAGN,gBAAgB,CAC/BK,KAAK,CAACE,QAAQ,EACdL,OACJ,CAAC;EACD,MAAMM,YAAY,GAAGF,UAAU,GACxBD,KAAK,CAACE,QAAQ,CAAiCD,UAAU,CAAC,GAC3D,CAAC,CAAC;EAER,MAAM;IAAEC,QAAQ;IAAE,GAAGE;EAAY,CAAC,GAAGJ,KAAK;EAE1C,OAAO;IACH,GAAGI,WAAW;IACd,GAAGD;EACP,CAAC;AACL,CAAC;AAAAE,OAAA,CAAAN,mBAAA,GAAAA,mBAAA"}

package/lib/module/core/UnistyleRegistry.js

@@ -1,7 +1,8 @@
-import { UnistylesError } from '../common';
+import { isWeb, UnistylesError } from '../common';
+import { normalizeWebStylesPlugin } from '../plugins';
 export class UnistyleRegistry {
   config = {};
-  plugins = [];
+  plugins = isWeb ? [normalizeWebStylesPlugin] : [];
   themeNames = [];
   themes = {};
   breakpoints = {};
@@ -58,7 +59,7 @@ export class UnistyleRegistry {
       })) {
         throw new Error(UnistylesError.DuplicatePluginName);
       }
-      _this.plugins = _this.plugins.concat([plugin]);
+      _this.plugins = [plugin].concat(_this.plugins);
       _this.unistylesBridge.addPlugin(plugin.name, notify);
     };
   })();

package/lib/module/core/UnistyleRegistry.js.map

@@ -1 +1 @@
-{"version":3,"names":["UnistylesError","UnistyleRegistry","config","plugins","themeNames","themes","breakpoints","sortedBreakpointPairs","constructor","unistylesBridge","addThemes","keys","Object","addBreakpoints","useBreakpoints","addConfig","adaptiveThemes","useAdaptiveThemes","experimentalPlugins","forEach","plugin","addPlugin","initialTheme","useTheme","getTheme","forName","length","hasTheme","Error","ThemeNotFound","_this","notify","arguments","undefined","name","startsWith","InvalidPluginName","some","_ref","DuplicatePluginName","concat","removePlugin","CantRemoveInternalPlugin","filter","_ref2"],"sourceRoot":"../../../src","sources":["core/UnistyleRegistry.ts"],"mappings":"AAEA,SAASA,cAAc,QAAQ,WAAW;AAE1C,OAAO,MAAMC,gBAAgB,CAAC;EACnBC,MAAM,GAAoB,CAAC,CAAC;EAC5BC,OAAO,GAA2B,EAAE;EACpCC,UAAU,GAAiC,EAAE;EAC7CC,MAAM,GAAoB,CAAC,CAAC;EAC5BC,WAAW,GAAyB,CAAC,CAAC;EACtCC,qBAAqB,GAA0F,EAAE;EAExHC,WAAWA,CAASC,eAAgC,EAAE;IAAA,KAAlCA,eAAgC,GAAhCA,eAAgC;EAAG;EAEhDC,SAAS,GAAIL,MAAuB,IAAK;IAC5C,IAAI,CAACA,MAAM,GAAGA,MAAM;IAEpB,MAAMM,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACN,MAAM,CAAiC;IAEhE,IAAI,CAACI,eAAe,CAACJ,MAAM,GAAGM,IAAI;IAClC,IAAI,CAACP,UAAU,GAAGO,IAAI;IAEtB,OAAO,IAAI;EACf,CAAC;EAEME,cAAc,GAAIP,WAAiC,IAAK;IAC3D,IAAI,CAACA,WAAW,GAAGA,WAAW;IAC9B,IAAI,CAACG,eAAe,CAACK,cAAc,CAACR,WAAW,CAAC;IAChD,IAAI,CAACC,qBAAqB,GAAG,IAAI,CAACE,eAAe,CAACF,qBAAqB;IAEvE,OAAO,IAAI;EACf,CAAC;EAEMQ,SAAS,GAAIb,MAAuB,IAAK;IAC5C,IAAI,CAACA,MAAM,GAAGA,MAAM;IAEpB,IAAIA,MAAM,CAACc,cAAc,EAAE;MACvB,IAAI,CAACP,eAAe,CAACQ,iBAAiB,CAACf,MAAM,CAACc,cAAc,CAAC;IACjE;IAEA,IAAId,MAAM,CAACgB,mBAAmB,EAAE;MAC5BhB,MAAM,CAACgB,mBAAmB,CAACC,OAAO,CAACC,MAAM,IAAI,IAAI,CAACC,SAAS,CAACD,MAAM,EAAE,KAAK,CAAC,CAAC;IAC/E;IAEA,IAAIlB,MAAM,CAACoB,YAAY,EAAE;MACrB,IAAI,CAACb,eAAe,CAACc,QAAQ,CAACrB,MAAM,CAACoB,YAAY,CAAC;IACtD;EACJ,CAAC;EAEME,QAAQ,GAAIC,OAA8B,IAAK;IAClD,IAAI,IAAI,CAACrB,UAAU,CAACsB,MAAM,KAAK,CAAC,EAAE;MAC9B,OAAO,CAAC,CAAC;IACb;IAEA,IAAI,CAAC,IAAI,CAACC,QAAQ,CAACF,OAAO,CAAC,EAAE;MACzB,MAAM,IAAIG,KAAK,CAAC5B,cAAc,CAAC6B,aAAa,CAAC;IACjD;IAEA,OAAO,IAAI,CAACxB,MAAM,CAACoB,OAAO,CAAC;EAC/B,CAAC;EAEMJ,SAAS;IAAA,IAAAS,KAAA;IAAA,OAAG,UAACV,MAAuB,EAA6B;MAAA,IAA3BW,MAAe,GAAAC,SAAA,CAAAN,MAAA,QAAAM,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,IAAI;MAC/D,IAAIZ,MAAM,CAACc,IAAI,CAACC,UAAU,CAAC,aAAa,CAAC,EAAE;QACvC,MAAM,IAAIP,KAAK,CAAC5B,cAAc,CAACoC,iBAAiB,CAAC;MACrD;MAEA,IAAIN,KAAI,CAAC3B,OAAO,CAACkC,IAAI,CAACC,IAAA;QAAA,IAAC;UAAEJ;QAAK,CAAC,GAAAI,IAAA;QAAA,OAAKJ,IAAI,KAAKd,MAAM,CAACc,IAAI;MAAA,EAAC,EAAE;QACvD,MAAM,IAAIN,KAAK,CAAC5B,cAAc,CAACuC,mBAAmB,CAAC;MACvD;MAEAT,KAAI,CAAC3B,OAAO,GAAG2B,KAAI,CAAC3B,OAAO,CAACqC,MAAM,CAAC,CAACpB,MAAM,CAAC,CAAC;MAC5CU,KAAI,CAACrB,eAAe,CAACY,SAAS,CAACD,MAAM,CAACc,IAAI,EAAEH,MAAM,CAAC;IACvD,CAAC;EAAA;EAEMU,YAAY,GAAIrB,MAAuB,IAAK;IAC/C,IAAIA,MAAM,CAACc,IAAI,CAACC,UAAU,CAAC,aAAa,CAAC,EAAE;MACvC,MAAM,IAAIP,KAAK,CAAC5B,cAAc,CAAC0C,wBAAwB,CAAC;IAC5D;IAEA,IAAI,CAACvC,OAAO,GAAG,IAAI,CAACA,OAAO,CAACwC,MAAM,CAACC,KAAA;MAAA,IAAC;QAAEV;MAAK,CAAC,GAAAU,KAAA;MAAA,OAAKV,IAAI,KAAKd,MAAM,CAACc,IAAI;IAAA,EAAC;IACtE,IAAI,CAACzB,eAAe,CAACgC,YAAY,CAACrB,MAAM,CAACc,IAAI,CAAC;EAClD,CAAC;EAEMP,QAAQ,GAAIO,IAA2B,IAAKA,IAAI,IAAI,IAAI,CAAC7B,MAAM;AAC1E"}
+{"version":3,"names":["isWeb","UnistylesError","normalizeWebStylesPlugin","UnistyleRegistry","config","plugins","themeNames","themes","breakpoints","sortedBreakpointPairs","constructor","unistylesBridge","addThemes","keys","Object","addBreakpoints","useBreakpoints","addConfig","adaptiveThemes","useAdaptiveThemes","experimentalPlugins","forEach","plugin","addPlugin","initialTheme","useTheme","getTheme","forName","length","hasTheme","Error","ThemeNotFound","_this","notify","arguments","undefined","name","startsWith","InvalidPluginName","some","_ref","DuplicatePluginName","concat","removePlugin","CantRemoveInternalPlugin","filter","_ref2"],"sourceRoot":"../../../src","sources":["core/UnistyleRegistry.ts"],"mappings":"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"}

package/lib/module/plugins/withPlugins.js

@@ -1,10 +1,6 @@
-import { normalizeWebStylesPlugin } from './normalizeWebStylesPlugin';
-import { isWeb } from '../common';
-import { unistyles } from '../core';
-const UNISTYLES_PLUGINS = isWeb ? [normalizeWebStylesPlugin] : [];
-export const withPlugins = (key, style) => unistyles.registry.plugins.concat(UNISTYLES_PLUGINS).reduce((acc, plugin) => {
+export const withPlugins = (key, style, plugins, runtime) => plugins.reduce((acc, plugin) => {
   if (plugin.onParsedStyle) {
-    return plugin.onParsedStyle(key, acc, unistyles.runtime);
+    return plugin.onParsedStyle(key, acc, runtime);
   }
   return acc;
 }, style);

package/lib/module/plugins/withPlugins.js.map

@@ -1 +1 @@
-{"version":3,"names":["normalizeWebStylesPlugin","isWeb","unistyles","UNISTYLES_PLUGINS","withPlugins","key","style","registry","plugins","concat","reduce","acc","plugin","onParsedStyle","runtime"],"sourceRoot":"../../../src","sources":["plugins/withPlugins.ts"],"mappings":"AACA,SAASA,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,SAAS,QAAQ,SAAS;AAEnC,MAAMC,iBAAiB,GAAGF,KAAK,GACzB,CAACD,wBAAwB,CAAC,GAC1B,EAAE;AAER,OAAO,MAAMI,WAAW,GAAGA,CAACC,GAAW,EAAEC,KAAc,KAAKJ,SAAS,CAACK,QAAQ,CAACC,OAAO,CAACC,MAAM,CAACN,iBAAiB,CAAC,CAC3GO,MAAM,CAAC,CAACC,GAAG,EAAEC,MAAM,KAAK;EACrB,IAAIA,MAAM,CAACC,aAAa,EAAE;IACtB,OAAOD,MAAM,CAACC,aAAa,CAACR,GAAG,EAAEM,GAAG,EAAET,SAAS,CAACY,OAAO,CAAC;EAC5D;EAEA,OAAOH,GAAG;AACd,CAAC,EAAEL,KAAK,CAAC"}
+{"version":3,"names":["withPlugins","key","style","plugins","runtime","reduce","acc","plugin","onParsedStyle"],"sourceRoot":"../../../src","sources":["plugins/withPlugins.ts"],"mappings":"AAGA,OAAO,MAAMA,WAAW,GAAGA,CACvBC,GAAW,EACXC,KAAc,EACdC,OAA+B,EAC/BC,OAAyB,KACxBD,OAAO,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,MAAM,KAAK;EACjC,IAAIA,MAAM,CAACC,aAAa,EAAE;IACtB,OAAOD,MAAM,CAACC,aAAa,CAACP,GAAG,EAAEK,GAAG,EAAEF,OAAO,CAAC;EAClD;EAEA,OAAOE,GAAG;AACd,CAAC,EAAEJ,KAAK,CAAC"}

package/lib/module/useStyles.js

@@ -2,41 +2,37 @@ import { useMemo } from 'react';
 import { StyleSheet } from 'react-native';
 import { parseStyle, proxifyFunction } from './utils';
 import { useUnistyles } from './hooks';
+import { unistyles } from './core';
 export const useStyles = (stylesheet, variant) => {
   const {
     theme,
     layout,
     plugins
   } = useUnistyles();
-  const {
-    screenSize,
-    breakpoint
-  } = layout;
   if (!stylesheet) {
     return {
       theme,
-      breakpoint,
+      breakpoint: layout.breakpoint,
       styles: {}
     };
   }
   const parsedStyles = useMemo(() => typeof stylesheet === 'function' ? stylesheet(theme) : stylesheet, [theme, stylesheet, layout]);
   const dynamicStyleSheet = useMemo(() => Object.entries(parsedStyles).reduce((acc, _ref) => {
     let [key, value] = _ref;
-    const style = value;
     if (typeof value === 'function') {
       return {
         ...acc,
-        [key]: proxifyFunction(key, value, breakpoint, screenSize, variant)
+        [key]: proxifyFunction(key, value, unistyles.registry.plugins, unistyles.runtime, variant)
       };
     }
     return StyleSheet.create({
       ...acc,
-      [key]: parseStyle(key, style, breakpoint, screenSize, variant)
+      [key]: parseStyle(key, value, unistyles.registry.plugins, unistyles.runtime, variant)
     });
-  }, {}), [breakpoint, screenSize, parsedStyles, variant, plugins]);
+  }, {}), [layout, parsedStyles, variant, plugins]);
   return {
     theme,
-    breakpoint,
+    breakpoint: layout.breakpoint,
     styles: dynamicStyleSheet
   };
 };

package/lib/module/useStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","StyleSheet","parseStyle","proxifyFunction","useUnistyles","useStyles","stylesheet","variant","theme","layout","plugins","screenSize","breakpoint","styles","parsedStyles","dynamicStyleSheet","Object","entries","reduce","acc","_ref","key","value","style","create"],"sourceRoot":"../../src","sources":["useStyles.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,eAAe,QAAQ,SAAS;AAQrD,SAASC,YAAY,QAAQ,SAAS;AAStC,OAAO,MAAMC,SAAS,GAAGA,CACrBC,UAAyD,EACzDC,OAAyD,KAClC;EACvB,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGN,YAAY,CAAC,CAAC;EACjD,MAAM;IAAEO,UAAU;IAAEC;EAAW,CAAC,GAAGH,MAAM;EAEzC,IAAI,CAACH,UAAU,EAAE;IACb,OAAO;MACHE,KAAK;MACLI,UAAU;MACVC,MAAM,EAAE,CAAC;IACb,CAAC;EACL;EAEA,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,OAAOM,UAAU,KAAK,UAAU,GAC7DA,UAAU,CAACE,KAAK,CAAC,GACjBF,UAAU,EAAE,CAACE,KAAK,EAAEF,UAAU,EAAEG,MAAM,CAAC,CAAC;EAE9C,MAAMM,iBAAiB,GAAGf,OAAO,CAAC,MAAMgB,MAAM,CACzCC,OAAO,CAACH,YAAY,CAAC,CACrBI,MAAM,CAAC,CAACC,GAAG,EAAAC,IAAA,KAAmB;IAAA,IAAjB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;IACtB,MAAMG,KAAK,GAAGD,KAA8B;IAE5C,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;MAC7B,OAAO;QACH,GAAGH,GAAG;QACN,CAACE,GAAG,GAAGlB,eAAe,CAACkB,GAAG,EAAEC,KAAK,EAAEV,UAAU,EAAED,UAAU,EAAEJ,OAAO;MACtE,CAAC;IACL;IAEA,OAAON,UAAU,CAACuB,MAAM,CAAC;MACrB,GAAGL,GAAG;MACN,CAACE,GAAG,GAAGnB,UAAU,CAAKmB,GAAG,EAAEE,KAAK,EAAEX,UAAU,EAAED,UAAU,EAAEJ,OAAO;IACrE,CAAC,CAAC;EACN,CAAC,EAAE,CAAC,CAAO,CAAC,EAAE,CAACK,UAAU,EAAED,UAAU,EAAEG,YAAY,EAAEP,OAAO,EAAEG,OAAO,CAAC,CAA8B;EAExG,OAAO;IACHF,KAAK;IACLI,UAAU;IACVC,MAAM,EAAEE;EACZ,CAAC;AACL,CAAC"}
+{"version":3,"names":["useMemo","StyleSheet","parseStyle","proxifyFunction","useUnistyles","unistyles","useStyles","stylesheet","variant","theme","layout","plugins","breakpoint","styles","parsedStyles","dynamicStyleSheet","Object","entries","reduce","acc","_ref","key","value","registry","runtime","create"],"sourceRoot":"../../src","sources":["useStyles.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,eAAe,QAAQ,SAAS;AAQrD,SAASC,YAAY,QAAQ,SAAS;AAEtC,SAASC,SAAS,QAAQ,QAAQ;AAQlC,OAAO,MAAMC,SAAS,GAAGA,CACrBC,UAAyD,EACzDC,OAAyD,KAClC;EACvB,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGP,YAAY,CAAC,CAAC;EAEjD,IAAI,CAACG,UAAU,EAAE;IACb,OAAO;MACHE,KAAK;MACLG,UAAU,EAAEF,MAAM,CAACE,UAAU;MAC7BC,MAAM,EAAE,CAAC;IACb,CAAC;EACL;EAEA,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,OAAOO,UAAU,KAAK,UAAU,GAC7DA,UAAU,CAACE,KAAK,CAAC,GACjBF,UAAU,EAAE,CAACE,KAAK,EAAEF,UAAU,EAAEG,MAAM,CAAC,CAAC;EAE9C,MAAMK,iBAAiB,GAAGf,OAAO,CAAC,MAAMgB,MAAM,CACzCC,OAAO,CAACH,YAAY,CAAC,CACrBI,MAAM,CAAC,CAACC,GAAG,EAAAC,IAAA,KAAmB;IAAA,IAAjB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;IACtB,IAAI,OAAOE,KAAK,KAAK,UAAU,EAAE;MAC7B,OAAO;QACH,GAAGH,GAAG;QACN,CAACE,GAAG,GAAGlB,eAAe,CAACkB,GAAG,EAAEC,KAAK,EAACjB,SAAS,CAACkB,QAAQ,CAACZ,OAAO,EAAEN,SAAS,CAACmB,OAAO,EAAEhB,OAAO;MAC5F,CAAC;IACL;IAEA,OAAOP,UAAU,CAACwB,MAAM,CAAC;MACrB,GAAGN,GAAG;MACN,CAACE,GAAG,GAAGnB,UAAU,CACbmB,GAAG,EACHC,KAAK,EACLjB,SAAS,CAACkB,QAAQ,CAACZ,OAAO,EAC1BN,SAAS,CAACmB,OAAO,EACjBhB,OACJ;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAAC,CAAO,CAAC,EAChB,CAACE,MAAM,EAAEI,YAAY,EAAEN,OAAO,EAAEG,OAAO,CACvC,CAA8B;EAE9B,OAAO;IACHF,KAAK;IACLG,UAAU,EAAEF,MAAM,CAACE,UAAU;IAC7BC,MAAM,EAAEE;EACZ,CAAC;AACL,CAAC"}

package/lib/module/utils/index.js

@@ -1,5 +1,4 @@
 export { mq, MQSymbol } from './mq';
-export { getKeyForVariant } from './variants';
 export { getKeyForUnistylesMediaQuery, isWithinTheWidthAndHeight, isValidMq, parseMq } from './mqParser';
 export { getValueForBreakpoint } from './breakpoints';
 export { proxifyFunction, parseStyle } from './styles';

package/lib/module/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["mq","MQSymbol","getKeyForVariant","getKeyForUnistylesMediaQuery","isWithinTheWidthAndHeight","isValidMq","parseMq","getValueForBreakpoint","proxifyFunction","parseStyle"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"AAAA,SAASA,EAAE,EAAEC,QAAQ,QAAQ,MAAM;AACnC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,4BAA4B,EAAEC,yBAAyB,EAAEC,SAAS,EAAEC,OAAO,QAAQ,YAAY;AACxG,SAASC,qBAAqB,QAAQ,eAAe;AACrD,SAASC,eAAe,EAAEC,UAAU,QAAQ,UAAU"}
+{"version":3,"names":["mq","MQSymbol","getKeyForUnistylesMediaQuery","isWithinTheWidthAndHeight","isValidMq","parseMq","getValueForBreakpoint","proxifyFunction","parseStyle"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"AAAA,SAASA,EAAE,EAAEC,QAAQ,QAAQ,MAAM;AACnC,SAASC,4BAA4B,EAAEC,yBAAyB,EAAEC,SAAS,EAAEC,OAAO,QAAQ,YAAY;AACxG,SAASC,qBAAqB,QAAQ,eAAe;AACrD,SAASC,eAAe,EAAEC,UAAU,QAAQ,UAAU"}

package/lib/module/utils/styles.js

@@ -1,9 +1,9 @@
 import { getValueForBreakpoint } from './breakpoints';
 import { isAndroid, isIOS } from '../common';
-import { getKeyForVariant } from './variants';
+import { getStyleWithVariant } from './variants';
 import { withPlugins } from '../plugins';
-export const proxifyFunction = (key, fn, breakpoint, screenSize, variant) => new Proxy(fn, {
-  apply: (target, thisArg, argumentsList) => parseStyle(key, target.apply(thisArg, argumentsList), breakpoint, screenSize, variant)
+export const proxifyFunction = (key, fn, plugins, runtime, variant) => new Proxy(fn, {
+  apply: (target, thisArg, argumentsList) => parseStyle(key, target.apply(thisArg, argumentsList), plugins, runtime, variant)
 });
 export const isPlatformColor = value => {
   if (isIOS) {
@@ -11,27 +11,17 @@ export const isPlatformColor = value => {
   }
   return isAndroid && 'resource_paths' in value && typeof value.resource_paths === 'object';
 };
-export const parseStyle = (key, style, breakpoint, screenSize, variant) => {
-  const entries = Object.entries(style || {}).map(_ref => {
+export const parseStyle = (key, style, plugins, runtime, variant) => {
+  const entries = Object.entries(getStyleWithVariant(style || {}, variant));
+  const parsedStyles = Object.fromEntries(entries.map(_ref => {
     let [key, value] = _ref;
-    if (key !== 'variants') {
-      return [key, value];
-    }
-    const variantKey = getKeyForVariant(value, variant);
-    if (!variantKey) {
-      return undefined;
-    }
-    return Object.entries(value[variantKey]).flat();
-  }).filter(Boolean);
-  const parsedStyles = Object.fromEntries(entries.map(_ref2 => {
-    let [key, value] = _ref2;
     const hasNestedProperties = key === 'shadowOffset' || key === 'textShadowOffset';
     if (hasNestedProperties) {
-      return [key, parseStyle(key, value, breakpoint, screenSize, variant)];
+      return [key, parseStyle(key, value, plugins, runtime, variant)];
     }
     const isTransform = key === 'transform';
     if (isTransform && Array.isArray(value)) {
-      return [key, value.map(value => parseStyle(key, value, breakpoint, screenSize, variant))];
+      return [key, value.map(value => parseStyle(key, value, plugins, runtime, variant))];
     }
     const isDynamicFunction = typeof value === 'function';
     const isValidStyle = typeof value !== 'object' || isPlatformColor(value);
@@ -40,6 +30,6 @@ export const parseStyle = (key, style, breakpoint, screenSize, variant) => {
     }
     return [key, getValueForBreakpoint(value)];
   }));
-  return withPlugins(key, parsedStyles);
+  return withPlugins(key, parsedStyles, plugins, runtime);
 };
 //# sourceMappingURL=styles.js.map

package/lib/module/utils/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["getValueForBreakpoint","isAndroid","isIOS","getKeyForVariant","withPlugins","proxifyFunction","key","fn","breakpoint","screenSize","variant","Proxy","apply","target","thisArg","argumentsList","parseStyle","isPlatformColor","value","semantic","resource_paths","style","entries","Object","map","_ref","variantKey","undefined","flat","filter","Boolean","parsedStyles","fromEntries","_ref2","hasNestedProperties","isTransform","Array","isArray","isDynamicFunction","isValidStyle"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":"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"}
+{"version":3,"names":["getValueForBreakpoint","isAndroid","isIOS","getStyleWithVariant","withPlugins","proxifyFunction","key","fn","plugins","runtime","variant","Proxy","apply","target","thisArg","argumentsList","parseStyle","isPlatformColor","value","semantic","resource_paths","style","entries","Object","parsedStyles","fromEntries","map","_ref","hasNestedProperties","isTransform","Array","isArray","isDynamicFunction","isValidStyle"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":"AACA,SAASA,qBAAqB,QAAQ,eAAe;AAErD,SAASC,SAAS,EAAEC,KAAK,QAAQ,WAAW;AAC5C,SAASC,mBAAmB,QAAQ,YAAY;AAChD,SAASC,WAAW,QAAQ,YAAY;AAExC,OAAO,MAAMC,eAAe,GAAGA,CAC3BC,GAAW,EACXC,EAAY,EACZC,OAA+B,EAC/BC,OAAyB,EACzBC,OAAgB,KACL,IAAIC,KAAK,CAACJ,EAAE,EAAE;EACzBK,KAAK,EAAEA,CAACC,MAAM,EAAEC,OAAO,EAAEC,aAAa,KAClCC,UAAU,CAACV,GAAG,EAAEO,MAAM,CAACD,KAAK,CAACE,OAAO,EAAEC,aAAa,CAAC,EAAEP,OAAO,EAAEC,OAAO,EAAEC,OAAO;AACvF,CAAC,CAAC;AAEF,OAAO,MAAMO,eAAe,GAAkBC,KAAQ,IAAc;EAChE,IAAIhB,KAAK,EAAE;IACP,OAAO,UAAU,IAAIgB,KAAK,IAAI,OAAOA,KAAK,CAACC,QAAQ,KAAK,QAAQ;EACpE;EAEA,OAAOlB,SAAS,IAAI,gBAAgB,IAAIiB,KAAK,IAAI,OAAOA,KAAK,CAACE,cAAc,KAAK,QAAQ;AAC7F,CAAC;AAED,OAAO,MAAMJ,UAAU,GAAGA,CACtBV,GAAW,EACXe,KAA2B,EAC3Bb,OAA+B,EAC/BC,OAAyB,EACzBC,OAAgB,KACZ;EACJ,MAAMY,OAAO,GAAGC,MAAM,CACjBD,OAAO,CAACnB,mBAAmB,CAACkB,KAAK,IAAI,CAAC,CAAC,EAAEX,OAAO,CAAC,CAAyD;EAE/G,MAAMc,YAAY,GAAGD,MAAM,CACtBE,WAAW,CAACH,OAAO,CACfI,GAAG,CAACC,IAAA,IAAkB;IAAA,IAAjB,CAACrB,GAAG,EAAEY,KAAK,CAAC,GAAAS,IAAA;IACd,MAAMC,mBAAmB,GAAGtB,GAAG,KAAK,cAAc,IAAIA,GAAG,KAAK,kBAAkB;IAEhF,IAAIsB,mBAAmB,EAAE;MACrB,OAAO,CACHtB,GAAG,EACHU,UAAU,CAACV,GAAG,EAAEY,KAAK,EAA0BV,OAAO,EAAEC,OAAO,EAAEC,OAAO,CAAC,CAC5E;IACL;IAEA,MAAMmB,WAAW,GAAGvB,GAAG,KAAK,WAAW;IAEvC,IAAIuB,WAAW,IAAIC,KAAK,CAACC,OAAO,CAACb,KAAK,CAAC,EAAE;MACrC,OAAO,CACHZ,GAAG,EACHY,KAAK,CAACQ,GAAG,CAACR,KAAK,IAAIF,UAAU,CAACV,GAAG,EAAEY,KAAK,EAAEV,OAAO,EAAEC,OAAO,EAAEC,OAAO,CAAC,CAAC,CACxE;IACL;IAEA,MAAMsB,iBAAiB,GAAG,OAAOd,KAAK,KAAK,UAAU;IACrD,MAAMe,YAAY,GAAG,OAAOf,KAAK,KAAK,QAAQ,IAAID,eAAe,CAACC,KAAK,CAAC;IAExE,IAAIc,iBAAiB,IAAIC,YAAY,EAAE;MACnC,OAAO,CAAC3B,GAAG,EAAEY,KAAK,CAAC;IACvB;IAEA,OAAO,CACHZ,GAAG,EACHN,qBAAqB,CAACkB,KAAoB,CAAC,CAC9C;EACL,CAAC,CACL,CAAM;EAEV,OAAOd,WAAW,CAACE,GAAG,EAAEkB,YAAY,EAAEhB,OAAO,EAAEC,OAAO,CAAC;AAC3D,CAAC"}

package/lib/module/utils/variants.js

@@ -1,4 +1,4 @@
-export const getKeyForVariant = (value, variant) => {
+const getKeyForVariant = (value, variant) => {
   if (variant && variant in value) {
     return variant;
   }
@@ -7,4 +7,19 @@ export const getKeyForVariant = (value, variant) => {
   }
   return undefined;
 };
+export const getStyleWithVariant = (style, variant) => {
+  if (!('variants' in style)) {
+    return style;
+  }
+  const variantKey = getKeyForVariant(style.variants, variant);
+  const variantValue = variantKey ? style.variants[variantKey] : {};
+  const {
+    variants,
+    ...otherStyles
+  } = style;
+  return {
+    ...otherStyles,
+    ...variantValue
+  };
+};
 //# sourceMappingURL=variants.js.map

package/lib/module/utils/variants.js.map

@@ -1 +1 @@
-{"version":3,"names":["getKeyForVariant","value","variant","undefined"],"sourceRoot":"../../../src","sources":["utils/variants.ts"],"mappings":"AAEA,OAAO,MAAMA,gBAAgB,GAAGA,CAACC,KAAkB,EAAEC,OAAgB,KAAuB;EACxF,IAAIA,OAAO,IAAIA,OAAO,IAAID,KAAK,EAAE;IAC7B,OAAOC,OAAO;EAClB;EAEA,IAAI,SAAS,IAAID,KAAK,EAAE;IACpB,OAAO,SAAS;EACpB;EAEA,OAAOE,SAAS;AACpB,CAAC"}
+{"version":3,"names":["getKeyForVariant","value","variant","undefined","getStyleWithVariant","style","variantKey","variants","variantValue","otherStyles"],"sourceRoot":"../../../src","sources":["utils/variants.ts"],"mappings":"AAEA,MAAMA,gBAAgB,GAAGA,CAACC,KAAkC,EAAEC,OAAgB,KAAuB;EACjG,IAAIA,OAAO,IAAIA,OAAO,IAAID,KAAK,EAAE;IAC7B,OAAOC,OAAO;EAClB;EAEA,IAAI,SAAS,IAAID,KAAK,EAAE;IACpB,OAAO,SAAS;EACpB;EAEA,OAAOE,SAAS;AACpB,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGA,CAC/BC,KAA2B,EAC3BH,OAAgB,KACf;EACD,IAAI,EAAE,UAAU,IAAIG,KAAK,CAAC,EAAE;IACxB,OAAOA,KAAK;EAChB;EAEA,MAAMC,UAAU,GAAGN,gBAAgB,CAC/BK,KAAK,CAACE,QAAQ,EACdL,OACJ,CAAC;EACD,MAAMM,YAAY,GAAGF,UAAU,GACxBD,KAAK,CAACE,QAAQ,CAAiCD,UAAU,CAAC,GAC3D,CAAC,CAAC;EAER,MAAM;IAAEC,QAAQ;IAAE,GAAGE;EAAY,CAAC,GAAGJ,KAAK;EAE1C,OAAO;IACH,GAAGI,WAAW;IACd,GAAGD;EACP,CAAC;AACL,CAAC"}

package/lib/typescript/src/core/UnistyleRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnistyleRegistry.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistyleRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACjF,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAGtE,qBAAa,gBAAgB;IAQb,OAAO,CAAC,eAAe;IAP5B,MAAM,EAAE,eAAe,CAAK;IAC5B,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC,CAAK;IACpC,UAAU,EAAE,KAAK,CAAC,MAAM,eAAe,CAAC,CAAK;IAC7C,MAAM,EAAE,eAAe,CAAwB;IAC/C,WAAW,EAAE,oBAAoB,CAA6B;IAC9D,qBAAqB,EAAE,KAAK,CAAC,CAAC,MAAM,oBAAoB,EAAE,oBAAoB,CAAC,MAAM,oBAAoB,CAAC,CAAC,CAAC,CAAK;gBAEpG,eAAe,EAAE,eAAe;IAE7C,SAAS,WAAY,eAAe,UAS1C;IAEM,cAAc,gBAAiB,oBAAoB,UAMzD;IAEM,SAAS,WAAY,eAAe,UAc1C;IAEM,QAAQ,YAAa,MAAM,eAAe,WAUhD;IAEM,SAAS,WAAY,eAAe,WAAU,OAAO,UAW3D;IAEM,YAAY,WAAY,eAAe,UAO7C;IAEM,QAAQ,SAAU,MAAM,eAAe,aAAwB;CACzE"}
+{"version":3,"file":"UnistyleRegistry.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistyleRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACjF,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAItE,qBAAa,gBAAgB;IAUb,OAAO,CAAC,eAAe;IAT5B,MAAM,EAAE,eAAe,CAAK;IAC5B,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC,CAE9B;IACD,UAAU,EAAE,KAAK,CAAC,MAAM,eAAe,CAAC,CAAK;IAC7C,MAAM,EAAE,eAAe,CAAwB;IAC/C,WAAW,EAAE,oBAAoB,CAA6B;IAC9D,qBAAqB,EAAE,KAAK,CAAC,CAAC,MAAM,oBAAoB,EAAE,oBAAoB,CAAC,MAAM,oBAAoB,CAAC,CAAC,CAAC,CAAK;gBAEpG,eAAe,EAAE,eAAe;IAE7C,SAAS,WAAY,eAAe,UAS1C;IAEM,cAAc,gBAAiB,oBAAoB,UAMzD;IAEM,SAAS,WAAY,eAAe,UAc1C;IAEM,QAAQ,YAAa,MAAM,eAAe,WAUhD;IAEM,SAAS,WAAY,eAAe,WAAU,OAAO,UAW3D;IAEM,YAAY,WAAY,eAAe,UAO7C;IAEM,QAAQ,SAAU,MAAM,eAAe,aAAwB;CACzE"}

package/lib/typescript/src/plugins/withPlugins.d.ts

@@ -1,3 +1,4 @@
-import type { RNStyle } from '../types';
-export declare const withPlugins: (key: string, style: RNStyle) => RNStyle;
+import type { RNStyle, UnistylesPlugin } from '../types';
+import type { UnistylesRuntime } from '../core';
+export declare const withPlugins: (key: string, style: RNStyle, plugins: Array<UnistylesPlugin>, runtime: UnistylesRuntime) => RNStyle;
 //# sourceMappingURL=withPlugins.d.ts.map

package/lib/typescript/src/plugins/withPlugins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withPlugins.d.ts","sourceRoot":"","sources":["../../../../src/plugins/withPlugins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AASvC,eAAO,MAAM,WAAW,QAAS,MAAM,SAAS,OAAO,YAO1C,CAAA"}
+{"version":3,"file":"withPlugins.d.ts","sourceRoot":"","sources":["../../../../src/plugins/withPlugins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,WAAW,QACf,MAAM,SACJ,OAAO,WACL,MAAM,eAAe,CAAC,WACtB,gBAAgB,YAOpB,CAAA"}

package/lib/typescript/src/useStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStyles.d.ts","sourceRoot":"","sources":["../../../src/useStyles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACR,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,cAAc,EACjB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEpD,KAAK,gBAAgB,CAAC,EAAE,SAAS,iBAAiB,CAAC,EAAE,CAAC,IAAI;IACtD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,MAAM,oBAAoB,CAAC;IACvC,MAAM,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,SAAS,oLA0CrB,CAAA"}
+{"version":3,"file":"useStyles.d.ts","sourceRoot":"","sources":["../../../src/useStyles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACR,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,cAAc,EACjB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGpD,KAAK,gBAAgB,CAAC,EAAE,SAAS,iBAAiB,CAAC,EAAE,CAAC,IAAI;IACtD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,MAAM,oBAAoB,CAAC;IACvC,MAAM,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,SAAS,oLA+CrB,CAAA"}

package/lib/typescript/src/utils/index.d.ts

@@ -1,5 +1,4 @@
 export { mq, MQSymbol } from './mq';
-export { getKeyForVariant } from './variants';
 export { getKeyForUnistylesMediaQuery, isWithinTheWidthAndHeight, isValidMq, parseMq } from './mqParser';
 export { getValueForBreakpoint } from './breakpoints';
 export { proxifyFunction, parseStyle } from './styles';

package/lib/typescript/src/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,4BAA4B,EAAE,yBAAyB,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACxG,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,EAAE,4BAA4B,EAAE,yBAAyB,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACxG,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA"}

package/lib/typescript/src/utils/styles.d.ts

@@ -1,6 +1,6 @@
-import type { CustomNamedStyles, ScreenSize, RNStyle } from '../types';
-import type { UnistylesBreakpoints } from '../global';
-export declare const proxifyFunction: (key: string, fn: Function, breakpoint: keyof UnistylesBreakpoints & string, screenSize: ScreenSize, variant?: string) => Function;
+import type { CustomNamedStyles, RNStyle, UnistylesPlugin } from '../types';
+import type { UnistylesRuntime } from '../core';
+export declare const proxifyFunction: (key: string, fn: Function, plugins: Array<UnistylesPlugin>, runtime: UnistylesRuntime, variant?: string) => Function;
 export declare const isPlatformColor: <T extends {}>(value: T) => boolean;
-export declare const parseStyle: <T extends RNStyle>(key: string, style: CustomNamedStyles<T>, breakpoint: keyof UnistylesBreakpoints & string, screenSize: ScreenSize, variant?: string) => T;
+export declare const parseStyle: <T extends RNStyle>(key: string, style: CustomNamedStyles<T>, plugins: Array<UnistylesPlugin>, runtime: UnistylesRuntime, variant?: string) => T;
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/utils/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAe,OAAO,EAAE,MAAM,UAAU,CAAA;AAEnF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAKrD,eAAO,MAAM,eAAe,QACnB,MAAM,MACP,QAAQ,cAAc,MAAM,oBAAoB,GAAG,MAAM,cACjD,UAAU,YACZ,MAAM,KACjB,QAGD,CAAA;AAEF,eAAO,MAAM,eAAe,8BAA6B,OAMxD,CAAA;AAED,eAAO,MAAM,UAAU,2BACd,MAAM,2CAEC,MAAM,oBAAoB,GAAG,MAAM,cACnC,UAAU,YACZ,MAAM,MA4DnB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAe,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAExF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,eAAO,MAAM,eAAe,QACnB,MAAM,MACP,QAAQ,WACH,MAAM,eAAe,CAAC,WACtB,gBAAgB,YACf,MAAM,KACjB,QAGD,CAAA;AAEF,eAAO,MAAM,eAAe,8BAA6B,OAMxD,CAAA;AAED,eAAO,MAAM,UAAU,2BACd,MAAM,wCAEF,MAAM,eAAe,CAAC,WACtB,gBAAgB,YACf,MAAM,MAyCnB,CAAA"}

package/lib/typescript/src/utils/variants.d.ts

@@ -1,3 +1,3 @@
-import type { Optional, NestedStyle } from '../types';
-export declare const getKeyForVariant: (value: NestedStyle, variant?: string) => Optional<string>;
+import type { CustomNamedStyles } from '../types';
+export declare const getStyleWithVariant: <T>(style: CustomNamedStyles<T>, variant?: string) => CustomNamedStyles<T> | Omit<CustomNamedStyles<T> & Record<"variants", unknown>, "variants">;
 //# sourceMappingURL=variants.d.ts.map

package/lib/typescript/src/utils/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/utils/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAErD,eAAO,MAAM,gBAAgB,UAAW,WAAW,YAAY,MAAM,KAAG,SAAS,MAAM,CAUtF,CAAA"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/utils/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,iBAAiB,EAAe,MAAM,UAAU,CAAA;AAcxE,eAAO,MAAM,mBAAmB,6CAElB,MAAM,gGAoBnB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "2.0.0-alpha.13",
+  "version": "2.0.0-alpha.14",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",

package/src/core/UnistyleRegistry.ts

@@ -1,10 +1,13 @@
 import type { UnistylesBridge, UnistylesConfig, UnistylesPlugin } from '../types'
 import type { UnistylesBreakpoints, UnistylesThemes } from '../global'
-import { UnistylesError } from '../common'
+import { isWeb, UnistylesError } from '../common'
+import { normalizeWebStylesPlugin } from '../plugins'
 
 export class UnistyleRegistry {
     public config: UnistylesConfig = {}
-    public plugins: Array<UnistylesPlugin> = []
+    public plugins: Array<UnistylesPlugin> = isWeb
+        ? [normalizeWebStylesPlugin]
+        : []
     public themeNames: Array<keyof UnistylesThemes> = []
     public themes: UnistylesThemes = {} as UnistylesThemes
     public breakpoints: UnistylesBreakpoints = {} as UnistylesBreakpoints
@@ -68,7 +71,7 @@ export class UnistyleRegistry {
             throw new Error(UnistylesError.DuplicatePluginName)
         }
 
-        this.plugins = this.plugins.concat([plugin])
+        this.plugins = [plugin].concat(this.plugins)
         this.unistylesBridge.addPlugin(plugin.name, notify)
     }
 

package/src/plugins/withPlugins.ts

@@ -1,17 +1,15 @@
-import type { RNStyle } from '../types'
-import { normalizeWebStylesPlugin } from './normalizeWebStylesPlugin'
-import { isWeb } from '../common'
-import { unistyles } from '../core'
+import type { RNStyle, UnistylesPlugin } from '../types'
+import type { UnistylesRuntime } from '../core'
 
-const UNISTYLES_PLUGINS = isWeb
-    ? [normalizeWebStylesPlugin]
-    : []
+export const withPlugins = (
+    key: string,
+    style: RNStyle,
+    plugins: Array<UnistylesPlugin>,
+    runtime: UnistylesRuntime
+) => plugins.reduce((acc, plugin) => {
+    if (plugin.onParsedStyle) {
+        return plugin.onParsedStyle(key, acc, runtime)
+    }
 
-export const withPlugins = (key: string, style: RNStyle) => unistyles.registry.plugins.concat(UNISTYLES_PLUGINS)
-    .reduce((acc, plugin) => {
-        if (plugin.onParsedStyle) {
-            return plugin.onParsedStyle(key, acc, unistyles.runtime)
-        }
-
-        return acc
-    }, style)
+    return acc
+}, style)

package/src/useStyles.ts

@@ -10,6 +10,7 @@ import type {
 } from './types'
 import { useUnistyles } from './hooks'
 import type { UnistylesBreakpoints } from './global'
+import { unistyles } from './core'
 
 type ParsedStylesheet<ST extends CustomNamedStyles<ST>> = {
     theme: UnistylesTheme,
@@ -22,12 +23,11 @@ export const useStyles = <ST extends CustomNamedStyles<ST>>(
     variant?: ExtractVariantNames<typeof stylesheet> & string
 ): ParsedStylesheet<ST> => {
     const { theme, layout, plugins } = useUnistyles()
-    const { screenSize, breakpoint } = layout
 
     if (!stylesheet) {
         return {
             theme,
-            breakpoint,
+            breakpoint: layout.breakpoint,
             styles: {} as ReactNativeStyleSheet<ST>
         }
     }
@@ -39,24 +39,30 @@ export const useStyles = <ST extends CustomNamedStyles<ST>>(
     const dynamicStyleSheet = useMemo(() => Object
         .entries(parsedStyles)
         .reduce((acc, [key, value]) => {
-            const style = value as CustomNamedStyles<ST>
-
             if (typeof value === 'function') {
                 return {
                     ...acc,
-                    [key]: proxifyFunction(key, value, breakpoint, screenSize, variant)
+                    [key]: proxifyFunction(key, value,unistyles.registry.plugins, unistyles.runtime, variant)
                 }
             }
 
             return StyleSheet.create({
                 ...acc,
-                [key]: parseStyle<ST>(key, style, breakpoint, screenSize, variant)
+                [key]: parseStyle<ST>(
+                    key,
+                    value as CustomNamedStyles<ST>,
+                    unistyles.registry.plugins,
+                    unistyles.runtime,
+                    variant
+                )
             })
-        }, {} as ST), [breakpoint, screenSize, parsedStyles, variant, plugins]) as ReactNativeStyleSheet<ST>
+        }, {} as ST),
+    [layout, parsedStyles, variant, plugins]
+    ) as ReactNativeStyleSheet<ST>
 
     return {
         theme,
-        breakpoint,
+        breakpoint: layout.breakpoint,
         styles: dynamicStyleSheet
     }
 }

package/src/utils/index.ts

@@ -1,5 +1,4 @@
 export { mq, MQSymbol } from './mq'
-export { getKeyForVariant } from './variants'
 export { getKeyForUnistylesMediaQuery, isWithinTheWidthAndHeight, isValidMq, parseMq } from './mqParser'
 export { getValueForBreakpoint } from './breakpoints'
 export { proxifyFunction, parseStyle } from './styles'

package/src/utils/styles.ts

@@ -1,18 +1,19 @@
-import type { CustomNamedStyles, ScreenSize, NestedStyle, RNStyle } from '../types'
+import type { CustomNamedStyles, NestedStyle, RNStyle, UnistylesPlugin } from '../types'
 import { getValueForBreakpoint } from './breakpoints'
-import type { UnistylesBreakpoints } from '../global'
+import type { UnistylesRuntime } from '../core'
 import { isAndroid, isIOS } from '../common'
-import { getKeyForVariant } from './variants'
+import { getStyleWithVariant } from './variants'
 import { withPlugins } from '../plugins'
 
 export const proxifyFunction = (
     key: string,
-    fn: Function, breakpoint: keyof UnistylesBreakpoints & string,
-    screenSize: ScreenSize,
+    fn: Function,
+    plugins: Array<UnistylesPlugin>,
+    runtime: UnistylesRuntime,
     variant?: string
 ): Function => new Proxy(fn, {
     apply: (target, thisArg, argumentsList) =>
-        parseStyle(key, target.apply(thisArg, argumentsList), breakpoint, screenSize, variant)
+        parseStyle(key, target.apply(thisArg, argumentsList), plugins, runtime, variant)
 })
 
 export const isPlatformColor = <T extends {}>(value: T): boolean => {
@@ -26,31 +27,12 @@ export const isPlatformColor = <T extends {}>(value: T): boolean => {
 export const parseStyle = <T extends RNStyle>(
     key: string,
     style: CustomNamedStyles<T>,
-    breakpoint: keyof UnistylesBreakpoints & string,
-    screenSize: ScreenSize,
+    plugins: Array<UnistylesPlugin>,
+    runtime: UnistylesRuntime,
     variant?: string
 ): T => {
-    const entries = (Object
-        .entries(style || {}) as Array<[keyof T, CustomNamedStyles<T> | NestedStyle]>)
-        .map(([key, value]) => {
-            if (key !== 'variants') {
-                return [key, value]
-            }
-
-            const variantKey = getKeyForVariant(
-                value as NestedStyle,
-                variant
-            )
-
-            if (!variantKey) {
-                return undefined
-            }
-
-            return Object
-                .entries(value[variantKey as keyof typeof value] as NestedStyle)
-                .flat()
-        })
-        .filter(Boolean) as Array<[keyof T, CustomNamedStyles<T> | NestedStyle]>
+    const entries = Object
+        .entries(getStyleWithVariant(style || {}, variant)) as Array<[keyof T, CustomNamedStyles<T> | NestedStyle]>
 
     const parsedStyles = Object
         .fromEntries(entries
@@ -60,7 +42,7 @@ export const parseStyle = <T extends RNStyle>(
                 if (hasNestedProperties) {
                     return [
                         key,
-                        parseStyle(key, value as CustomNamedStyles<T>, breakpoint, screenSize, variant)
+                        parseStyle(key, value as CustomNamedStyles<T>, plugins, runtime, variant)
                     ]
                 }
 
@@ -69,7 +51,7 @@ export const parseStyle = <T extends RNStyle>(
                 if (isTransform && Array.isArray(value)) {
                     return [
                         key,
-                        value.map(value => parseStyle(key, value, breakpoint, screenSize, variant))
+                        value.map(value => parseStyle(key, value, plugins, runtime, variant))
                     ]
                 }
 
@@ -87,5 +69,5 @@ export const parseStyle = <T extends RNStyle>(
             })
         ) as T
 
-    return withPlugins(key, parsedStyles) as T
+    return withPlugins(key, parsedStyles, plugins, runtime) as T
 }

package/src/utils/variants.ts

@@ -1,6 +1,6 @@
-import type { Optional, NestedStyle } from '../types'
+import type { Optional, CustomNamedStyles, NestedStyle } from '../types'
 
-export const getKeyForVariant = (value: NestedStyle, variant?: string): Optional<string> => {
+const getKeyForVariant = (value: Record<string, NestedStyle>, variant?: string): Optional<string> => {
     if (variant && variant in value) {
         return variant
     }
@@ -11,3 +11,27 @@ export const getKeyForVariant = (value: NestedStyle, variant?: string): Optional
 
     return undefined
 }
+
+export const getStyleWithVariant = <T>(
+    style: CustomNamedStyles<T>,
+    variant?: string
+) => {
+    if (!('variants' in style)) {
+        return style
+    }
+
+    const variantKey = getKeyForVariant(
+        style.variants as Record<string, NestedStyle>,
+        variant
+    )
+    const variantValue = variantKey
+        ? (style.variants as Record<string, NestedStyle>)[variantKey]
+        : {}
+
+    const { variants, ...otherStyles } = style
+
+    return {
+        ...otherStyles,
+        ...variantValue
+    }
+}