react-native-unistyles 3.0.0-alpha.34 → 3.0.0-alpha.36

package/lib/module/web/convert/object/transform.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import { getObjectStyle } from './objectStyle';
+import { normalizeNumericValue } from '../utils';
+const normalizeTransform = (key, value) => {
+  if (key.includes('scale')) {
+    return value;
+  }
+  if (typeof value === 'number') {
+    return normalizeNumericValue(value);
+  }
+  return value;
+};
+export const getTransformStyle = transforms => getObjectStyle(transforms, 'transform', (key, value) => {
+  switch (key) {
+    case 'matrix':
+      return `${key}(${value.join(',')})`;
+    default:
+      return `${key}(${normalizeTransform(key, value)})`;
+  }
+});
+//# sourceMappingURL=transform.js.map

package/lib/module/web/convert/object/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getObjectStyle","normalizeNumericValue","normalizeTransform","key","value","includes","getTransformStyle","transforms","join"],"sourceRoot":"../../../../../src","sources":["web/convert/object/transform.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,eAAe;AAC9C,SAASC,qBAAqB,QAAQ,UAAU;AAGhD,MAAMC,kBAAkB,GAAGA,CAACC,GAAW,EAAEC,KAAU,KAAK;EACpD,IAAID,GAAG,CAACE,QAAQ,CAAC,OAAO,CAAC,EAAE;IACvB,OAAOD,KAAK;EAChB;EAEA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAOH,qBAAqB,CAACG,KAAK,CAAC;EACvC;EAEA,OAAOA,KAAK;AAChB,CAAC;AAED,OAAO,MAAME,iBAAiB,GAAIC,UAAkC,IAAKP,cAAc,CAACO,UAAU,EAAE,WAAW,EAAE,CAACJ,GAAG,EAAEC,KAAK,KAAK;EAC7H,QAAOD,GAAG;IACN,KAAK,QAAQ;MACT,OAAO,GAAGA,GAAG,IAAKC,KAAK,CAAmBI,IAAI,CAAC,GAAG,CAAC,GAAG;IAC1D;MACI,OAAO,GAAGL,GAAG,IAAID,kBAAkB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAG;EAC1D;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/web/convert/{boxShadow.js → shadow/boxShadow.js}

@@ -1,39 +1,24 @@
 "use strict";
 
-import { deepMergeObjects, warn } from '../utils';
-import { validateShadow } from './shadow';
-import { BOX_SHADOW_STYLES } from './types';
-import { extractShadowValue, normalizeColor, normalizeNumericValue } from './utils';
+import { deepMergeObjects } from '../../utils';
+import { BOX_SHADOW_STYLES } from '../types';
+import { extractShadowValue, normalizeColor, normalizeNumericValue } from '../utils';
+import { getShadowBreakpoints } from './getShadowBreakpoints';
 const createBoxShadowValue = style => {
-  // at this point every prop is present
   const {
     shadowColor,
     shadowOffset,
     shadowOpacity,
     shadowRadius
   } = style;
-  const offsetX = normalizeNumericValue(shadowOffset.width);
-  const offsetY = normalizeNumericValue(shadowOffset.height);
-  const radius = normalizeNumericValue(shadowRadius);
-  const color = normalizeColor(shadowColor, shadowOpacity);
+  const offsetX = normalizeNumericValue(shadowOffset?.width ?? 0);
+  const offsetY = normalizeNumericValue(shadowOffset?.height ?? 0);
+  const radius = normalizeNumericValue(shadowRadius ?? 0);
+  const color = normalizeColor(shadowColor ?? '#000000', shadowOpacity ?? 1);
   return `${offsetX} ${offsetY} ${radius} ${color}`;
 };
 export const getBoxShadowStyle = styles => {
-  const missingStyles = BOX_SHADOW_STYLES.filter(key => !(key in styles));
-  if (missingStyles.length) {
-    warn(`can't apply box shadow as you miss these properties: ${missingStyles.join(', ')}`);
-    return {};
-  }
-  const breakpointsSet = new Set();
-  try {
-    validateShadow(BOX_SHADOW_STYLES, styles, breakpointsSet);
-  } catch (error) {
-    if (typeof error === 'string') {
-      warn(error);
-    }
-    return {};
-  }
-  const breakpoints = Array.from(breakpointsSet);
+  const breakpoints = getShadowBreakpoints(BOX_SHADOW_STYLES, styles);
 
   // If no breakpoints were used return styles without media queries
   if (breakpoints.length === 0) {

package/lib/module/web/convert/shadow/boxShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["deepMergeObjects","BOX_SHADOW_STYLES","extractShadowValue","normalizeColor","normalizeNumericValue","getShadowBreakpoints","createBoxShadowValue","style","shadowColor","shadowOffset","shadowOpacity","shadowRadius","offsetX","width","offsetY","height","radius","color","getBoxShadowStyle","styles","breakpoints","length","boxShadow","breakpointStyles","map","breakpoint","opacity"],"sourceRoot":"../../../../../src","sources":["web/convert/shadow/boxShadow.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,aAAa;AAC9C,SAASC,iBAAiB,QAAwB,UAAU;AAC5D,SAASC,kBAAkB,EAAEC,cAAc,EAAEC,qBAAqB,QAAQ,UAAU;AACpF,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,MAAMC,oBAAoB,GAAIC,KAAgB,IAAK;EAC/C,MAAM;IAAEC,WAAW;IAAEC,YAAY;IAAEC,aAAa;IAAEC;EAAa,CAAC,GAAGJ,KAAK;EACxE,MAAMK,OAAO,GAAGR,qBAAqB,CAACK,YAAY,EAAEI,KAAK,IAAI,CAAC,CAAC;EAC/D,MAAMC,OAAO,GAAGV,qBAAqB,CAACK,YAAY,EAAEM,MAAM,IAAI,CAAC,CAAC;EAChE,MAAMC,MAAM,GAAGZ,qBAAqB,CAACO,YAAY,IAAI,CAAC,CAAC;EACvD,MAAMM,KAAK,GAAGd,cAAc,CAAEK,WAAW,IAAI,SAAS,EAAcE,aAAa,IAAI,CAAY,CAAC;EAElG,OAAO,GAAGE,OAAO,IAAIE,OAAO,IAAIE,MAAM,IAAIC,KAAK,EAAE;AACrD,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAIC,MAA2B,IAAK;EAC9D,MAAMC,WAAW,GAAGf,oBAAoB,CAACJ,iBAAiB,EAAEkB,MAAM,CAAC;;EAEnE;EACA,IAAIC,WAAW,CAACC,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAO;MACHC,SAAS,EAAEhB,oBAAoB,CAACa,MAAmB;IACvD,CAAC;EACL;;EAEA;EACA,MAAMI,gBAAgB,GAAGH,WAAW,CAACI,GAAG,CAACC,UAAU,IAAI;IACnD,MAAMR,KAAK,GAAGf,kBAAkB,CAAC,aAAa,EAAEuB,UAAU,EAAEN,MAAM,CAAC;IACnE,MAAM;MAAEN,KAAK;MAAEE;IAAO,CAAC,GAAGb,kBAAkB,CAAC,cAAc,EAAEuB,UAAU,EAAEN,MAAM,CAAC;IAChF,MAAMH,MAAM,GAAGd,kBAAkB,CAAC,cAAc,EAAEuB,UAAU,EAAEN,MAAM,CAAC;IACrE,MAAMO,OAAO,GAAGxB,kBAAkB,CAAC,eAAe,EAAEuB,UAAU,EAAEN,MAAM,CAAC;IAEvE,OAAO;MACH,CAACM,UAAU,GAAG;QACVH,SAAS,EAAEhB,oBAAoB,CAAC;UAC5BE,WAAW,EAAES,KAAK;UAClBR,YAAY,EAAE;YACVI,KAAK;YACLE;UACJ,CAAC;UACDJ,YAAY,EAAEK,MAAM;UACpBN,aAAa,EAAEgB;QACnB,CAAC;MACL;IACJ,CAAC;EACL,CAAC,CAAC;;EAEF;EACA,OAAO1B,gBAAgB,CAAC,GAAGuB,gBAAgB,CAAC;AAChD,CAAC","ignoreList":[]}

package/lib/module/web/convert/shadow/getShadowBreakpoints.js

@@ -0,0 +1,33 @@
+"use strict";
+
+export const getShadowBreakpoints = (shadowProperties, styles) => {
+  const breakpoints = new Set();
+  shadowProperties.forEach(key => {
+    const value = styles[key];
+    if (typeof value !== 'object') {
+      return;
+    }
+    if (key === 'shadowOffset' || key === 'textShadowOffset') {
+      const {
+        width,
+        height
+      } = value;
+
+      // If shadowOffset.width has breakpoints
+      if (typeof width === 'object') {
+        Object.keys(width).forEach(breakpoint => breakpoints.add(breakpoint));
+      }
+
+      // If shadowOffset.height has breakpoints
+      if (typeof height === 'object') {
+        Object.keys(height).forEach(breakpoint => breakpoints.add(breakpoint));
+      }
+      return;
+    }
+
+    // Collect regular breakpoints
+    Object.keys(value).forEach(breakpoint => breakpoints.add(breakpoint));
+  });
+  return Array.from(breakpoints);
+};
+//# sourceMappingURL=getShadowBreakpoints.js.map

package/lib/module/web/convert/shadow/getShadowBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getShadowBreakpoints","shadowProperties","styles","breakpoints","Set","forEach","key","value","width","height","Object","keys","breakpoint","add","Array","from"],"sourceRoot":"../../../../../src","sources":["web/convert/shadow/getShadowBreakpoints.ts"],"mappings":";;AAEA,OAAO,MAAMA,oBAAoB,GAAGA,CAACC,gBAAuC,EAAEC,MAA2B,KAAK;EAC1G,MAAMC,WAAW,GAAG,IAAIC,GAAG,CAAS,CAAC;EAErCH,gBAAgB,CAACI,OAAO,CAACC,GAAG,IAAI;IAC5B,MAAMC,KAAK,GAAGL,MAAM,CAACI,GAAG,CAAC;IAEzB,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;MAC3B;IACJ;IAEA,IAAID,GAAG,KAAK,cAAc,IAAIA,GAAG,KAAK,kBAAkB,EAAE;MACtD,MAAM;QAAEE,KAAK;QAAEC;MAAO,CAAC,GAAGF,KAAqB;;MAE/C;MACA,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;QAC3BE,MAAM,CAACC,IAAI,CAACH,KAAK,CAAC,CAACH,OAAO,CAACO,UAAU,IAAIT,WAAW,CAACU,GAAG,CAACD,UAAU,CAAC,CAAC;MACzE;;MAEA;MACA,IAAI,OAAOH,MAAM,KAAK,QAAQ,EAAE;QAC5BC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAACJ,OAAO,CAACO,UAAU,IAAIT,WAAW,CAACU,GAAG,CAACD,UAAU,CAAC,CAAC;MAC1E;MAEA;IACJ;;IAEA;IACAF,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,CAACF,OAAO,CAACO,UAAU,IAAIT,WAAW,CAACU,GAAG,CAACD,UAAU,CAAC,CAAC;EACzE,CAAC,CAAC;EAEF,OAAOE,KAAK,CAACC,IAAI,CAACZ,WAAW,CAAC;AAClC,CAAC","ignoreList":[]}

package/lib/module/web/convert/shadow/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from './boxShadow';
+export * from './textShadow';
+//# sourceMappingURL=index.js.map

package/lib/module/web/convert/shadow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["web/convert/shadow/index.ts"],"mappings":";;AAAA,cAAc,aAAa;AAC3B,cAAc,cAAc","ignoreList":[]}

package/lib/module/web/convert/{textShadow.js → shadow/textShadow.js}

@@ -1,37 +1,23 @@
 "use strict";
 
-import { deepMergeObjects, warn } from '../utils';
-import { validateShadow } from './shadow';
-import { TEXT_SHADOW_STYLES } from './types';
-import { extractShadowValue, normalizeColor, normalizeNumericValue } from './utils';
+import { deepMergeObjects } from '../../utils';
+import { TEXT_SHADOW_STYLES } from '../types';
+import { extractShadowValue, normalizeColor, normalizeNumericValue } from '../utils';
+import { getShadowBreakpoints } from './getShadowBreakpoints';
 const createTextShadowValue = style => {
   const {
     textShadowColor,
     textShadowOffset,
     textShadowRadius
   } = style;
-  const offsetX = normalizeNumericValue(textShadowOffset.width);
-  const offsetY = normalizeNumericValue(textShadowOffset.height);
-  const radius = normalizeNumericValue(textShadowRadius);
-  const color = normalizeColor(textShadowColor);
+  const offsetX = normalizeNumericValue(textShadowOffset?.width ?? 0);
+  const offsetY = normalizeNumericValue(textShadowOffset?.height ?? 0);
+  const radius = normalizeNumericValue(textShadowRadius ?? 0);
+  const color = normalizeColor(textShadowColor ?? '#000000');
   return `${offsetX} ${offsetY} ${radius} ${color}`;
 };
 export const getTextShadowStyle = styles => {
-  const missingStyles = TEXT_SHADOW_STYLES.filter(key => !(key in styles));
-  if (missingStyles.length) {
-    warn(`can't apply text shadow as you miss these properties: ${missingStyles.join(', ')}`);
-    return {};
-  }
-  const breakpointsSet = new Set();
-  try {
-    validateShadow(TEXT_SHADOW_STYLES, styles, breakpointsSet);
-  } catch (error) {
-    if (typeof error === 'string') {
-      warn(error);
-    }
-    return {};
-  }
-  const breakpoints = Array.from(breakpointsSet);
+  const breakpoints = getShadowBreakpoints(TEXT_SHADOW_STYLES, styles);
 
   // If no breakpoints were used return styles without media queries
   if (breakpoints.length === 0) {

package/lib/module/web/convert/shadow/textShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["deepMergeObjects","TEXT_SHADOW_STYLES","extractShadowValue","normalizeColor","normalizeNumericValue","getShadowBreakpoints","createTextShadowValue","style","textShadowColor","textShadowOffset","textShadowRadius","offsetX","width","offsetY","height","radius","color","getTextShadowStyle","styles","breakpoints","length","textShadow","breakpointStyles","map","breakpoint"],"sourceRoot":"../../../../../src","sources":["web/convert/shadow/textShadow.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,aAAa;AAC9C,SAASC,kBAAkB,QAAyB,UAAU;AAC9D,SAASC,kBAAkB,EAAEC,cAAc,EAAEC,qBAAqB,QAAQ,UAAU;AACpF,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,MAAMC,qBAAqB,GAAIC,KAAiB,IAAK;EACjD,MAAM;IAAEC,eAAe;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAAGH,KAAK;EACrE,MAAMI,OAAO,GAAGP,qBAAqB,CAACK,gBAAgB,EAAEG,KAAK,IAAI,CAAC,CAAC;EACnE,MAAMC,OAAO,GAAGT,qBAAqB,CAACK,gBAAgB,EAAEK,MAAM,IAAI,CAAC,CAAC;EACpE,MAAMC,MAAM,GAAGX,qBAAqB,CAACM,gBAAgB,IAAI,CAAC,CAAC;EAC3D,MAAMM,KAAK,GAAGb,cAAc,CAAEK,eAAe,IAAI,SAAoB,CAAC;EAEtE,OAAO,GAAGG,OAAO,IAAIE,OAAO,IAAIE,MAAM,IAAIC,KAAK,EAAE;AACrD,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAIC,MAA2B,IAAK;EAC/D,MAAMC,WAAW,GAAGd,oBAAoB,CAACJ,kBAAkB,EAAEiB,MAAM,CAAC;;EAEpE;EACA,IAAIC,WAAW,CAACC,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAO;MACHC,UAAU,EAAEf,qBAAqB,CAACY,MAAoB;IAC1D,CAAC;EACL;;EAEA;EACA,MAAMI,gBAAgB,GAAGH,WAAW,CAACI,GAAG,CAACC,UAAU,IAAI;IACnD,MAAMR,KAAK,GAAGd,kBAAkB,CAAC,iBAAiB,EAAEsB,UAAU,EAAEN,MAAM,CAAC;IACvE,MAAM;MAAEN,KAAK;MAAEE;IAAO,CAAC,GAAGZ,kBAAkB,CAAC,kBAAkB,EAAEsB,UAAU,EAAEN,MAAM,CAAC;IACpF,MAAMH,MAAM,GAAGb,kBAAkB,CAAC,kBAAkB,EAAEsB,UAAU,EAAEN,MAAM,CAAC;IAEzE,OAAO;MACH,CAACM,UAAU,GAAG;QACVH,UAAU,EAAEf,qBAAqB,CAAC;UAC9BE,eAAe,EAAEQ,KAAK;UACtBP,gBAAgB,EAAE;YACdG,KAAK;YACLE;UACJ,CAAC;UACDJ,gBAAgB,EAAEK;QACtB,CAAC;MACL;IACJ,CAAC;EACL,CAAC,CAAC;;EAEF;EACA,OAAOf,gBAAgB,CAAC,GAAGsB,gBAAgB,CAAC;AAChD,CAAC","ignoreList":[]}

package/lib/module/web/convert/utils.js

@@ -6,8 +6,10 @@ import normalizeColors from '@react-native/normalize-colors';
 import { BOX_SHADOW_STYLES, TEXT_SHADOW_STYLES } from './types';
 export const isTransform = (key, value) => key === 'transform' && Array.isArray(value);
 export const isTextShadow = key => TEXT_SHADOW_STYLES.includes(key);
-export const isBoxShadow = key => BOX_SHADOW_STYLES.includes(key);
-export const normalizeNumericValue = value => value ? `${value}px` : value;
+export const isShadow = key => BOX_SHADOW_STYLES.includes(key);
+export const isFilter = (key, value) => key === 'filter' && Array.isArray(value);
+export const isBoxShadow = (key, value) => key === 'boxShadow' && Array.isArray(value);
+export const normalizeNumericValue = value => value && typeof value === 'number' ? `${value}px` : value;
 export const normalizeColor = (color, opacity = 1) => {
   // If the opacity is 1 there's no need to normalize the color
   if (opacity === 1) {

package/lib/module/web/convert/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["normalizeColors","BOX_SHADOW_STYLES","TEXT_SHADOW_STYLES","isTransform","key","value","Array","isArray","isTextShadow","includes","isBoxShadow","normalizeNumericValue","normalizeColor","color","opacity","integer","hex","toString","padStart","length","r","g","b","a","split","map","x","parseInt","filter","num","isNaN","extractShadowValue","breakpoint","styles","width","height"],"sourceRoot":"../../../../src","sources":["web/convert/utils.ts"],"mappings":";;AAAA;AACA;AACA,OAAOA,eAAe,MAAM,gCAAgC;AAC5D,SAASC,iBAAiB,EAAEC,kBAAkB,QAA4C,SAAS;AAEnG,OAAO,MAAMC,WAAW,GAAGA,CAACC,GAAW,EAAEC,KAAU,KAA0CD,GAAG,KAAK,WAAW,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAExI,OAAO,MAAMG,YAAY,GAAIJ,GAAW,IAAKF,kBAAkB,CAACO,QAAQ,CAACL,GAAwC,CAAC;AAElH,OAAO,MAAMM,WAAW,GAAIN,GAAW,IAAKH,iBAAiB,CAACQ,QAAQ,CAACL,GAAuC,CAAC;AAE/G,OAAO,MAAMO,qBAAqB,GAAIN,KAAa,IAAKA,KAAK,GAAG,GAAGA,KAAK,IAAI,GAAGA,KAAK;AAEpF,OAAO,MAAMO,cAAc,GAAGA,CAACC,KAAa,EAAEC,OAAe,GAAG,CAAC,KAAK;EAClE;EACA,IAAIA,OAAO,KAAK,CAAC,EAAE;IACf,OAAOD,KAAK;EAChB;EAEA,MAAME,OAAO,GAAGf,eAAe,CAACa,KAAK,CAAC;;EAEtC;EACA,IAAIE,OAAO,KAAK,IAAI,EAAE;IAClB,OAAOF,KAAK;EAChB;EAEA,MAAMG,GAAG,GAAGD,OAAO,CAACE,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAEjD,IAAIF,GAAG,CAACG,MAAM,KAAK,CAAC,EAAE;IAClB,MAAM,CAACC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,CAAC,GAAGP,GAAG,CACnCQ,KAAK,CAAC,cAAc,CAAC,CACrBC,GAAG,CAACC,CAAC,IAAIC,QAAQ,CAACD,CAAC,EAAE,EAAE,CAAC,CAAC,CACzBE,MAAM,CAACC,GAAG,IAAI,CAACC,KAAK,CAACD,GAAG,CAAC,CAAC;IAE/B,OAAO,QAAQT,CAAC,IAAIC,CAAC,IAAIC,CAAC,IAAKC,CAAC,GAAG,GAAG,GAAIT,OAAO,GAAG;EACxD;EAEA,OAAOD,KAAK;AAChB,CAAC;AAED,OAAO,MAAMkB,kBAAkB,GAAGA,CAA6B3B,GAAS,EAAE4B,UAAkB,EAAEC,MAAW,KAAsB;EAC3H,MAAM5B,KAAK,GAAG4B,MAAM,CAAC7B,GAAG,CAAC;EAEzB,IAAIA,GAAG,KAAK,kBAAkB,IAAIA,GAAG,KAAK,cAAc,EAAE;IACtD,MAAM;MAAE8B,KAAK;MAAEC;IAAO,CAAC,GAAG9B,KAAK;IAE/B,OAAO;MACH6B,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACF,UAAU,CAAC,GAAGE,KAAK;MAC5DC,MAAM,EAAE,OAAOA,MAAM,KAAK,QAAQ,GAAGA,MAAM,CAACH,UAAU,CAAC,GAAGG;IAC9D,CAAC;EACL;EAEA,OAAO,OAAO9B,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAAC2B,UAAU,CAAC,GAAG3B,KAAK;AAChE,CAAC","ignoreList":[]}
+{"version":3,"names":["normalizeColors","BOX_SHADOW_STYLES","TEXT_SHADOW_STYLES","isTransform","key","value","Array","isArray","isTextShadow","includes","isShadow","isFilter","isBoxShadow","normalizeNumericValue","normalizeColor","color","opacity","integer","hex","toString","padStart","length","r","g","b","a","split","map","x","parseInt","filter","num","isNaN","extractShadowValue","breakpoint","styles","width","height"],"sourceRoot":"../../../../src","sources":["web/convert/utils.ts"],"mappings":";;AAAA;AACA;AACA,OAAOA,eAAe,MAAM,gCAAgC;AAC5D,SAASC,iBAAiB,EAAEC,kBAAkB,QAA0D,SAAS;AAIjH,OAAO,MAAMC,WAAW,GAAGA,CAACC,GAAW,EAAEC,KAAU,KAAsCD,GAAG,KAAK,WAAW,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAEpI,OAAO,MAAMG,YAAY,GAAIJ,GAAW,IAAKF,kBAAkB,CAACO,QAAQ,CAACL,GAAwC,CAAC;AAElH,OAAO,MAAMM,QAAQ,GAAIN,GAAW,IAAKH,iBAAiB,CAACQ,QAAQ,CAACL,GAAuC,CAAC;AAE5G,OAAO,MAAMO,QAAQ,GAAGA,CAACP,GAAW,EAAEC,KAAU,KAA8BD,GAAG,KAAK,QAAQ,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAEtH,OAAO,MAAMO,WAAW,GAAGA,CAACR,GAAW,EAAEC,KAAU,KAAqCD,GAAG,KAAK,WAAW,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAEnI,OAAO,MAAMQ,qBAAqB,GAAIR,KAAsB,IAAKA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,GAAG,GAAGA,KAAK,IAAI,GAAGA,KAAK;AAE1H,OAAO,MAAMS,cAAc,GAAGA,CAACC,KAAa,EAAEC,OAAO,GAAG,CAAC,KAAK;EAC1D;EACA,IAAIA,OAAO,KAAK,CAAC,EAAE;IACf,OAAOD,KAAK;EAChB;EAEA,MAAME,OAAO,GAAGjB,eAAe,CAACe,KAAK,CAAC;;EAEtC;EACA,IAAIE,OAAO,KAAK,IAAI,EAAE;IAClB,OAAOF,KAAK;EAChB;EAEA,MAAMG,GAAG,GAAGD,OAAO,CAACE,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAEjD,IAAIF,GAAG,CAACG,MAAM,KAAK,CAAC,EAAE;IAClB,MAAM,CAACC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,CAAC,GAAGP,GAAG,CACnCQ,KAAK,CAAC,cAAc,CAAC,CACrBC,GAAG,CAACC,CAAC,IAAIC,QAAQ,CAACD,CAAC,EAAE,EAAE,CAAC,CAAC,CACzBE,MAAM,CAACC,GAAG,IAAI,CAACC,KAAK,CAACD,GAAG,CAAC,CAAC;IAE/B,OAAO,QAAQT,CAAC,IAAIC,CAAC,IAAIC,CAAC,IAAKC,CAAC,GAAG,GAAG,GAAIT,OAAO,GAAG;EACxD;EAEA,OAAOD,KAAK;AAChB,CAAC;AAED,OAAO,MAAMkB,kBAAkB,GAAGA,CAA6B7B,GAAS,EAAE8B,UAAkB,EAAEC,MAAW,KAAsB;EAC3H,MAAM9B,KAAK,GAAG8B,MAAM,CAAC/B,GAAG,CAAC;EAEzB,IAAIA,GAAG,KAAK,kBAAkB,IAAIA,GAAG,KAAK,cAAc,EAAE;IACtD,MAAM;MAAEgC,KAAK;MAAEC;IAAO,CAAC,GAAGhC,KAAK;IAE/B,OAAO;MACH+B,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACF,UAAU,CAAC,GAAGE,KAAK;MAC5DC,MAAM,EAAE,OAAOA,MAAM,KAAK,QAAQ,GAAGA,MAAM,CAACH,UAAU,CAAC,GAAGG;IAC9D,CAAC;EACL;EAEA,OAAO,OAAOhC,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAAC6B,UAAU,CAAC,GAAG7B,KAAK;AAChE,CAAC","ignoreList":[]}

package/lib/module/web/listener.js

@@ -7,7 +7,11 @@ class UnistylesListenerBuilder {
   listeners = Array.from({
     length: Object.keys(UnistyleDependency).length / 2
   }, () => new Set());
+  stylesheetListeners = Array.from({
+    length: Object.keys(UnistyleDependency).length / 2
+  }, () => new Set());
   emitChange = dependency => {
+    this.stylesheetListeners[dependency]?.forEach(listener => listener());
     this.listeners[dependency]?.forEach(listener => listener());
   };
   initListeners = () => {
@@ -26,6 +30,12 @@ class UnistylesListenerBuilder {
       dependencies.forEach(dependency => this.listeners[dependency]?.delete(listener));
     };
   };
+  addStylesheetListeners = (dependencies, listener) => {
+    dependencies.forEach(dependency => this.stylesheetListeners[dependency]?.add(listener));
+    return () => {
+      dependencies.forEach(dependency => this.stylesheetListeners[dependency]?.delete(listener));
+    };
+  };
 }
 export const UnistylesListener = new UnistylesListenerBuilder();
 //# sourceMappingURL=listener.js.map

package/lib/module/web/listener.js.map

@@ -1 +1 @@
-{"version":3,"names":["UnistyleDependency","UnistylesRuntime","UnistylesListenerBuilder","isInitialized","listeners","Array","from","length","Object","keys","Set","emitChange","dependency","forEach","listener","initListeners","darkMedia","addEventListener","ColorScheme","lightMedia","window","Orientation","Dimensions","addListeners","dependencies","add","delete","UnistylesListener"],"sourceRoot":"../../../src","sources":["web/listener.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,MAAMC,wBAAwB,CAAC;EACnBC,aAAa,GAAG,KAAK;EACrBC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACT,kBAAkB,CAAC,CAACO,MAAM,GAAG;EAAE,CAAC,EAAE,MAAM,IAAIG,GAAG,CAAe,CAAC,CAAC;EAErHC,UAAU,GAAIC,UAA8B,IAAK;IAC7C,IAAI,CAACR,SAAS,CAACQ,UAAU,CAAC,EAAEC,OAAO,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAC,CAAC;EAC/D,CAAC;EAEDC,aAAa,GAAGA,CAAA,KAAM;IAClB,IAAI,IAAI,CAACZ,aAAa,EAAE;MACpB;IACJ;IAEA,IAAI,CAACA,aAAa,GAAG,IAAI;IACzBF,gBAAgB,CAACe,SAAS,EAAEC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACN,UAAU,CAACX,kBAAkB,CAACkB,WAAW,CAAC,CAAC;IAC7GjB,gBAAgB,CAACkB,UAAU,EAAEF,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACN,UAAU,CAACX,kBAAkB,CAACkB,WAAW,CAAC,CAAC;IAC9GE,MAAM,CAACH,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,IAAI,CAACN,UAAU,CAACX,kBAAkB,CAACqB,WAAW,CAAC,CAAC;IACnGD,MAAM,CAACH,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACN,UAAU,CAACX,kBAAkB,CAACsB,UAAU,CAAC,CAAC;EAC3F,CAAC;EAEDC,YAAY,GAAGA,CAACC,YAAuC,EAAEV,QAAsB,KAAK;IAChFU,YAAY,CAACX,OAAO,CAACD,UAAU,IAAI,IAAI,CAACR,SAAS,CAACQ,UAAU,CAAC,EAAEa,GAAG,CAACX,QAAQ,CAAC,CAAC;IAE7E,OAAO,MAAM;MACTU,YAAY,CAACX,OAAO,CAACD,UAAU,IAAI,IAAI,CAACR,SAAS,CAACQ,UAAU,CAAC,EAAEc,MAAM,CAACZ,QAAQ,CAAC,CAAC;IACpF,CAAC;EACL,CAAC;AACL;AAEA,OAAO,MAAMa,iBAAiB,GAAG,IAAIzB,wBAAwB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["UnistyleDependency","UnistylesRuntime","UnistylesListenerBuilder","isInitialized","listeners","Array","from","length","Object","keys","Set","stylesheetListeners","emitChange","dependency","forEach","listener","initListeners","darkMedia","addEventListener","ColorScheme","lightMedia","window","Orientation","Dimensions","addListeners","dependencies","add","delete","addStylesheetListeners","UnistylesListener"],"sourceRoot":"../../../src","sources":["web/listener.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,MAAMC,wBAAwB,CAAC;EACnBC,aAAa,GAAG,KAAK;EACrBC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACT,kBAAkB,CAAC,CAACO,MAAM,GAAG;EAAE,CAAC,EAAE,MAAM,IAAIG,GAAG,CAAe,CAAC,CAAC;EAC7GC,mBAAmB,GAAGN,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACT,kBAAkB,CAAC,CAACO,MAAM,GAAG;EAAE,CAAC,EAAE,MAAM,IAAIG,GAAG,CAAe,CAAC,CAAC;EAE/HE,UAAU,GAAIC,UAA8B,IAAK;IAC7C,IAAI,CAACF,mBAAmB,CAACE,UAAU,CAAC,EAAEC,OAAO,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAC,CAAC;IACrE,IAAI,CAACX,SAAS,CAACS,UAAU,CAAC,EAAEC,OAAO,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAC,CAAC;EAC/D,CAAC;EAEDC,aAAa,GAAGA,CAAA,KAAM;IAClB,IAAI,IAAI,CAACb,aAAa,EAAE;MACpB;IACJ;IAEA,IAAI,CAACA,aAAa,GAAG,IAAI;IACzBF,gBAAgB,CAACgB,SAAS,EAAEC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACN,UAAU,CAACZ,kBAAkB,CAACmB,WAAW,CAAC,CAAC;IAC7GlB,gBAAgB,CAACmB,UAAU,EAAEF,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACN,UAAU,CAACZ,kBAAkB,CAACmB,WAAW,CAAC,CAAC;IAC9GE,MAAM,CAACH,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,IAAI,CAACN,UAAU,CAACZ,kBAAkB,CAACsB,WAAW,CAAC,CAAC;IACnGD,MAAM,CAACH,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACN,UAAU,CAACZ,kBAAkB,CAACuB,UAAU,CAAC,CAAC;EAC3F,CAAC;EAEDC,YAAY,GAAGA,CAACC,YAAuC,EAAEV,QAAsB,KAAK;IAChFU,YAAY,CAACX,OAAO,CAACD,UAAU,IAAI,IAAI,CAACT,SAAS,CAACS,UAAU,CAAC,EAAEa,GAAG,CAACX,QAAQ,CAAC,CAAC;IAE7E,OAAO,MAAM;MACTU,YAAY,CAACX,OAAO,CAACD,UAAU,IAAI,IAAI,CAACT,SAAS,CAACS,UAAU,CAAC,EAAEc,MAAM,CAACZ,QAAQ,CAAC,CAAC;IACpF,CAAC;EACL,CAAC;EAEDa,sBAAsB,GAAGA,CAACH,YAAuC,EAAEV,QAAsB,KAAK;IAC1FU,YAAY,CAACX,OAAO,CAACD,UAAU,IAAI,IAAI,CAACF,mBAAmB,CAACE,UAAU,CAAC,EAAEa,GAAG,CAACX,QAAQ,CAAC,CAAC;IAEvF,OAAO,MAAM;MACTU,YAAY,CAACX,OAAO,CAACD,UAAU,IAAI,IAAI,CAACF,mBAAmB,CAACE,UAAU,CAAC,EAAEc,MAAM,CAACZ,QAAQ,CAAC,CAAC;IAC9F,CAAC;EACL,CAAC;AACL;AAEA,OAAO,MAAMc,iBAAiB,GAAG,IAAI3B,wBAAwB,CAAC,CAAC","ignoreList":[]}

package/lib/module/web/registry.js

@@ -1,10 +1,9 @@
 "use strict";
 
 import { UnistylesRuntime } from './runtime';
-import { extractMediaQueryValue, keyInObject, getMediaQuery, generateHash, extractUnistyleDependencies, deepMergeObjects } from './utils';
+import { extractMediaQueryValue, keyInObject, getMediaQuery, generateHash, extractUnistyleDependencies } from './utils';
 import { UnistylesListener } from './listener';
 import { convertUnistyles } from './convert';
-import { getVariants } from './variants';
 class UnistylesRegistryBuilder {
   stylesheets = new Map();
   stylesCounter = new Map();
@@ -40,46 +39,31 @@ class UnistylesRegistryBuilder {
     this.disposeListenersMap.get(stylesheet)?.();
     const dependenciesMap = this.dependenciesMap.get(stylesheet) ?? new Set(dependencies);
     dependencies.forEach(dependency => dependenciesMap.add(dependency));
-    const dispose = UnistylesListener.addListeners(Array.from(dependenciesMap), () => {
+    const dispose = UnistylesListener.addStylesheetListeners(Array.from(dependenciesMap), () => {
       const newComputedStylesheet = stylesheet(UnistylesRuntime.theme, UnistylesRuntime.miniRuntime);
       this.stylesheets.set(stylesheet, newComputedStylesheet);
     });
     this.dependenciesMap.set(stylesheet, dependenciesMap);
     this.disposeListenersMap.set(stylesheet, dispose);
   };
-  add = ({
-    key,
-    value,
-    stylesheet,
-    args,
-    variants
-  }) => {
+  add = value => {
     const hash = generateHash(value);
     const existingCounter = this.stylesCounter.get(hash);
     if (!existingCounter || existingCounter.size === 0) {
       const counter = new Set();
-      const dependencies = extractUnistyleDependencies(value);
       counter.add(value);
       this.stylesCounter.set(hash, counter);
       this.applyStyles(hash, convertUnistyles(value));
-      UnistylesListener.addListeners(dependencies, async () => {
-        // Move this callback to the end of the event loop
-        await Promise.resolve();
-        const newComputedStyleSheet = this.getComputedStylesheet(stylesheet);
-        const newValue = newComputedStyleSheet[key];
-        const result = typeof newValue === 'function' ? newValue(...args) : newValue;
-        const {
-          variantsResult
-        } = Object.fromEntries(getVariants({
-          variantsResult: result
-        }, variants));
-        const resultWithVariants = deepMergeObjects(result, variantsResult ?? {});
-        this.applyStyles(hash, convertUnistyles(resultWithVariants));
-      });
-      return hash;
+      return {
+        hash,
+        existingHash: false
+      };
     }
     existingCounter.add(value);
-    return hash;
+    return {
+      hash,
+      existingHash: true
+    };
   };
   applyStyles = (hash, styles) => {
     Object.entries(styles).forEach(([key, value]) => {
@@ -173,6 +157,9 @@ class UnistylesRegistryBuilder {
     existingStyles.delete(value);
     if (existingStyles.size === 0) {
       const ruleIndex = Array.from(this.styleTag.sheet?.cssRules ?? []).findIndex(rule => rule.cssText.includes(`.${hash}`));
+      if (ruleIndex === -1) {
+        return;
+      }
       this.styleTag.sheet?.deleteRule(ruleIndex);
     }
   };

package/lib/module/web/registry.js.map

@@ -1 +1 @@
-{"version":3,"names":["UnistylesRuntime","extractMediaQueryValue","keyInObject","getMediaQuery","generateHash","extractUnistyleDependencies","deepMergeObjects","UnistylesListener","convertUnistyles","getVariants","UnistylesRegistryBuilder","stylesheets","Map","stylesCounter","styleTag","disposeListenersMap","dependenciesMap","tag","newTag","document","createElement","id","head","appendChild","getComputedStylesheet","stylesheet","computedStylesheet","get","createdStylesheet","theme","miniRuntime","dependencies","Object","values","flatMap","value","addDependenciesToStylesheet","set","Set","forEach","dependency","add","dispose","addListeners","Array","from","newComputedStylesheet","key","args","variants","hash","existingCounter","size","counter","applyStyles","Promise","resolve","newComputedStyleSheet","newValue","result","variantsResult","fromEntries","resultWithVariants","styles","entries","sheet","startsWith","mediaQuery","cssRules","queryRule","find","rule","CSSMediaRule","media","item","includes","mediaQueryValue","ruleIndex","reduce","acc","ruleMediaQueryValue","conditionText","undefined","length","insertRule","mqKey","mqValue","applyRule","pseudoKey","pseudoValue","replace","CSSStyleRule","selectorText","style","remove","existingStyles","delete","findIndex","cssText","deleteRule","UnistylesRegistry"],"sourceRoot":"../../../src","sources":["web/registry.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["UnistylesRuntime","extractMediaQueryValue","keyInObject","getMediaQuery","generateHash","extractUnistyleDependencies","UnistylesListener","convertUnistyles","UnistylesRegistryBuilder","stylesheets","Map","stylesCounter","styleTag","disposeListenersMap","dependenciesMap","tag","newTag","document","createElement","id","head","appendChild","getComputedStylesheet","stylesheet","computedStylesheet","get","createdStylesheet","theme","miniRuntime","dependencies","Object","values","flatMap","value","addDependenciesToStylesheet","set","Set","forEach","dependency","add","dispose","addStylesheetListeners","Array","from","newComputedStylesheet","hash","existingCounter","size","counter","applyStyles","existingHash","styles","entries","key","sheet","startsWith","mediaQuery","cssRules","queryRule","find","rule","CSSMediaRule","media","item","includes","mediaQueryValue","ruleIndex","reduce","acc","ruleMediaQueryValue","conditionText","undefined","length","insertRule","mqKey","mqValue","applyRule","pseudoKey","pseudoValue","replace","CSSStyleRule","selectorText","style","remove","existingStyles","delete","findIndex","cssText","deleteRule","UnistylesRegistry"],"sourceRoot":"../../../src","sources":["web/registry.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/runtime.js

@@ -44,6 +44,9 @@ class UnistylesRuntimeBuilder {
   get contentSizeCategory() {
     return WebContentSizeCategory.Unspecified;
   }
+  get breakpoints() {
+    return UnistylesState.breakpoints ?? {};
+  }
   get breakpoint() {
     return UnistylesState.breakpoint;
   }

package/lib/module/web/runtime.js.map

@@ -1 +1 @@
-{"version":3,"names":["UnistyleDependency","ColorScheme","Orientation","WebContentSizeCategory","UnistylesListener","NavigationBar","StatusBar","UnistylesState","hexToRGBA","isServer","schemeToTheme","UnistylesRuntimeBuilder","lightMedia","getLightMedia","darkMedia","getDarkMedia","window","matchMedia","colorScheme","matches","Light","Dark","Unspecified","themeName","contentSizeCategory","breakpoint","orientation","Portrait","screen","type","includes","Landscape","theme","getTheme","pixelRatio","devicePixelRatio","width","height","innerWidth","innerHeight","fontScale","insets","top","bottom","left","right","ime","statusBar","rtl","document","documentElement","dir","hasAdaptiveThemes","navigationBar","miniRuntime","isLandscape","isPortrait","setTheme","UnistylesRuntime","emitChange","Theme","ThemeName","setAdaptiveThemes","isEnabled","setRootViewBackgroundColor","hex","alpha","style","backgroundColor","setImmersiveMode","updateTheme","updater","oldTheme","themes","get","Error","set"],"sourceRoot":"../../../src","sources":["web/runtime.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["UnistyleDependency","ColorScheme","Orientation","WebContentSizeCategory","UnistylesListener","NavigationBar","StatusBar","UnistylesState","hexToRGBA","isServer","schemeToTheme","UnistylesRuntimeBuilder","lightMedia","getLightMedia","darkMedia","getDarkMedia","window","matchMedia","colorScheme","matches","Light","Dark","Unspecified","themeName","contentSizeCategory","breakpoints","breakpoint","orientation","Portrait","screen","type","includes","Landscape","theme","getTheme","pixelRatio","devicePixelRatio","width","height","innerWidth","innerHeight","fontScale","insets","top","bottom","left","right","ime","statusBar","rtl","document","documentElement","dir","hasAdaptiveThemes","navigationBar","miniRuntime","isLandscape","isPortrait","setTheme","UnistylesRuntime","emitChange","Theme","ThemeName","setAdaptiveThemes","isEnabled","setRootViewBackgroundColor","hex","alpha","style","backgroundColor","setImmersiveMode","updateTheme","updater","oldTheme","themes","get","Error","set"],"sourceRoot":"../../../src","sources":["web/runtime.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/shadowRegistry.js

@@ -1,7 +1,9 @@
 "use strict";
 
+import { convertUnistyles } from './convert';
+import { UnistylesListener } from './listener';
 import { UnistylesRegistry } from './registry';
-import { createDoubleMap, deepMergeObjects, equal, extractSecrets, extractUnistyleDependencies, isInDocument } from './utils';
+import { deepMergeObjects, equal, extractSecrets, extractUnistyleDependencies, isInDocument } from './utils';
 import { getVariants } from './variants';
 class UnistylesShadowRegistryBuilder {
   // MOCKS
@@ -12,9 +14,12 @@ class UnistylesShadowRegistryBuilder {
   dispose = () => {};
   // END MOCKS
 
-  resultsMap = createDoubleMap();
-  classNamesMap = createDoubleMap();
-  add = (ref, _style, _variants, _args) => {
+  resultsMap = new Map();
+  hashMap = new Map();
+  classNamesMap = new Map();
+  timeoutMap = new Map();
+  queuedResultMap = new Map();
+  add = (ref, _style, _variants, _args) => new Promise(resolve => {
     // Style is not provided
     if (!_style) {
       return;
@@ -35,16 +40,15 @@ class UnistylesShadowRegistryBuilder {
     if (ref === null) {
       const secrets = extractSecrets(_style);
       secrets.forEach(({
-        __uni__refs,
-        __uni__key
+        __uni__refs
       }) => {
         __uni__refs.forEach(ref => {
           if (isInDocument(ref)) {
             return;
           }
-          const oldResult = this.resultsMap.get(ref, __uni__key);
-          this.resultsMap.delete(ref, __uni__key);
-          this.classNamesMap.delete(ref, __uni__key);
+          const oldResult = this.resultsMap.get(ref);
+          this.resultsMap.delete(ref);
+          this.classNamesMap.delete(ref);
           if (oldResult) {
             UnistylesRegistry.remove(oldResult);
           }
@@ -76,42 +80,78 @@ class UnistylesShadowRegistryBuilder {
         variantsResult: result
       }, variants));
       const resultWithVariants = deepMergeObjects(result, variantsResult ?? {});
-      const oldResult = this.resultsMap.get(ref, __uni__key);
 
-      // If results are the same do nothing
-      if (equal(oldResult, resultWithVariants)) {
-        return;
-      }
-      const oldClassNames = this.classNamesMap.get(ref, __uni__key);
+      // Get stored result from queue
+      const storedResult = this.queuedResultMap.get(ref) ?? {};
+      // Merge stored result with new result
+      const newResult = deepMergeObjects(storedResult, resultWithVariants);
+      const timeout = this.timeoutMap.get(ref);
+
+      // Add callback to the queue and remove old one
+      this.queuedResultMap.set(ref, newResult);
+      clearTimeout(timeout);
+      this.timeoutMap.set(ref, setTimeout(() => {
+        const oldResult = this.resultsMap.get(ref);
+
+        // If results are the same do nothing
+        if (equal(oldResult, newResult)) {
+          return;
+        }
+        const oldClassNames = this.classNamesMap.get(ref);
+
+        // Remove old styles
+        if (oldResult) {
+          UnistylesRegistry.remove(oldResult);
+        }
+
+        // Remove old classnames from the ref
+        oldClassNames?.forEach(className => ref.classList.remove(className));
+        this.resultsMap.set(ref, newResult);
+        const {
+          hash,
+          existingHash
+        } = UnistylesRegistry.add(newResult);
+        const injectedClassNames = newResult?._web?._classNames ?? [];
+        const newClassNames = injectedClassNames.concat(hash);
+        const dependencies = extractUnistyleDependencies(newResult);
+        if (typeof __uni__stylesheet === 'function') {
+          // Add dependencies from dynamic styles to stylesheet
+          UnistylesRegistry.addDependenciesToStylesheet(__uni__stylesheet, dependencies);
+        }
+        __uni__refs.add(ref);
+        this.classNamesMap.set(ref, newClassNames);
+        // Add new classnames to the ref
+        ref.classList.add(...newClassNames);
+        resolve(newClassNames);
+
+        // If it is new hash add it to the map to use for the listener
+        if (!existingHash) {
+          this.hashMap.set(ref, hash);
+        }
+      }, 0));
 
-      // Remove old styles
-      if (oldResult) {
-        UnistylesRegistry.remove(oldResult);
-      }
+      // Listen for theme / runtime changes
+      const dispose = UnistylesListener.addListeners(extractUnistyleDependencies(newResult), () => {
+        const hash = this.hashMap.get(ref);
 
-      // Remove old classnames from the ref
-      oldClassNames?.forEach(className => ref.classList.remove(className));
-      this.resultsMap.set(ref, __uni__key, resultWithVariants);
-      const className = UnistylesRegistry.add({
-        key: __uni__key,
-        args,
-        stylesheet: __uni__stylesheet,
-        value: resultWithVariants,
-        variants
+        // Dispose listener if there is no hash
+        if (!hash) {
+          dispose();
+          return;
+        }
+        const newComputedStyleSheet = UnistylesRegistry.getComputedStylesheet(__uni__stylesheet);
+        const newValue = newComputedStyleSheet[__uni__key];
+        const result = typeof newValue === 'function' ? newValue(...args) : newValue;
+        const {
+          variantsResult
+        } = Object.fromEntries(getVariants({
+          variantsResult: result
+        }, variants));
+        const resultWithVariants = deepMergeObjects(result, variantsResult ?? {});
+        UnistylesRegistry.applyStyles(hash, convertUnistyles(resultWithVariants));
       });
-      const injectedClassNames = resultWithVariants?._web?._classNames ?? [];
-      const newClassNames = injectedClassNames.concat(className);
-      const dependencies = extractUnistyleDependencies(resultWithVariants);
-      if (typeof __uni__stylesheet === 'function') {
-        // Add dependencies from dynamic styles to stylesheet
-        UnistylesRegistry.addDependenciesToStylesheet(__uni__stylesheet, dependencies);
-      }
-      __uni__refs.add(ref);
-      this.classNamesMap.set(ref, __uni__key, newClassNames);
-      // Add new classnames to the ref
-      ref.classList.add(...newClassNames);
     });
-  };
+  });
   remove = () => {};
 }
 export const UnistylesShadowRegistry = new UnistylesShadowRegistryBuilder();