react-native-unistyles 3.0.0-alpha.35 → 3.0.0-alpha.37

package/lib/commonjs/web/shadowRegistry.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UnistylesShadowRegistry = void 0;
+var _convert = require("./convert");
+var _listener = require("./listener");
 var _registry = require("./registry");
 var _utils = require("./utils");
 var _variants2 = require("./variants");
@@ -16,9 +18,12 @@ class UnistylesShadowRegistryBuilder {
   dispose = () => {};
   // END MOCKS
 
-  resultsMap = (0, _utils.createDoubleMap)();
-  classNamesMap = (0, _utils.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;
@@ -39,16 +44,15 @@ class UnistylesShadowRegistryBuilder {
     if (ref === null) {
       const secrets = (0, _utils.extractSecrets)(_style);
       secrets.forEach(({
-        __uni__refs,
-        __uni__key
+        __uni__refs
       }) => {
         __uni__refs.forEach(ref => {
           if ((0, _utils.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) {
             _registry.UnistylesRegistry.remove(oldResult);
           }
@@ -80,42 +84,78 @@ class UnistylesShadowRegistryBuilder {
         variantsResult: result
       }, variants));
       const resultWithVariants = (0, _utils.deepMergeObjects)(result, variantsResult ?? {});
-      const oldResult = this.resultsMap.get(ref, __uni__key);
 
-      // If results are the same do nothing
-      if ((0, _utils.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 = (0, _utils.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 ((0, _utils.equal)(oldResult, newResult)) {
+          return;
+        }
+        const oldClassNames = this.classNamesMap.get(ref);
+
+        // Remove old styles
+        if (oldResult) {
+          _registry.UnistylesRegistry.remove(oldResult);
+        }
+
+        // Remove old classnames from the ref
+        oldClassNames?.forEach(className => ref.classList.remove(className));
+        this.resultsMap.set(ref, newResult);
+        const {
+          hash,
+          existingHash
+        } = _registry.UnistylesRegistry.add(newResult);
+        const injectedClassNames = newResult?._web?._classNames ?? [];
+        const newClassNames = injectedClassNames.concat(hash);
+        const dependencies = (0, _utils.extractUnistyleDependencies)(newResult);
+        if (typeof __uni__stylesheet === 'function') {
+          // Add dependencies from dynamic styles to stylesheet
+          _registry.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) {
-        _registry.UnistylesRegistry.remove(oldResult);
-      }
+      // Listen for theme / runtime changes
+      const dispose = _listener.UnistylesListener.addListeners((0, _utils.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 = _registry.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 = _registry.UnistylesRegistry.getComputedStylesheet(__uni__stylesheet);
+        const newValue = newComputedStyleSheet[__uni__key];
+        const result = typeof newValue === 'function' ? newValue(...args) : newValue;
+        const {
+          variantsResult
+        } = Object.fromEntries((0, _variants2.getVariants)({
+          variantsResult: result
+        }, variants));
+        const resultWithVariants = (0, _utils.deepMergeObjects)(result, variantsResult ?? {});
+        _registry.UnistylesRegistry.applyStyles(hash, (0, _convert.convertUnistyles)(resultWithVariants));
       });
-      const injectedClassNames = resultWithVariants?._web?._classNames ?? [];
-      const newClassNames = injectedClassNames.concat(className);
-      const dependencies = (0, _utils.extractUnistyleDependencies)(resultWithVariants);
-      if (typeof __uni__stylesheet === 'function') {
-        // Add dependencies from dynamic styles to stylesheet
-        _registry.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 = () => {};
 }
 const UnistylesShadowRegistry = exports.UnistylesShadowRegistry = new UnistylesShadowRegistryBuilder();

package/lib/commonjs/web/shadowRegistry.js.map

@@ -1 +1 @@
-{"version":3,"names":["_registry","require","_utils","_variants2","UnistylesShadowRegistryBuilder","name","__type","equals","toString","dispose","resultsMap","createDoubleMap","classNamesMap","add","ref","_style","_variants","_args","Array","isArray","forEach","style","Object","keys","some","key","startsWith","secrets","extractSecrets","__uni__refs","__uni__key","isInDocument","oldResult","get","delete","UnistylesRegistry","remove","HTMLElement","secret","__uni__stylesheet","__uni__variants","__uni__args","newComputedStylesheet","getComputedStylesheet","args","variants","length","result","variantsResult","fromEntries","getVariants","resultWithVariants","deepMergeObjects","equal","oldClassNames","className","classList","set","stylesheet","value","injectedClassNames","_web","_classNames","newClassNames","concat","dependencies","extractUnistyleDependencies","addDependenciesToStylesheet","UnistylesShadowRegistry","exports"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAIA,MAAMG,8BAA8B,CAAC;EACjC;EACAC,IAAI,GAAG,yBAAyB;EAChCC,MAAM,GAAG,KAAK;EACdC,MAAM,GAAGA,CAAA,KAAM,IAAI;EACnBC,QAAQ,GAAGA,CAAA,KAAM,yBAAyB;EAC1CC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClB;;EAEQC,UAAU,GAAG,IAAAC,sBAAe,EAAuC,CAAC;EACpEC,aAAa,GAAG,IAAAD,sBAAe,EAAqC,CAAC;EAE7EE,GAAG,GAAGA,CAACC,GAAQ,EAAEC,MAA6B,EAAEC,SAA+B,EAAEC,KAAkB,KAAK;IACpG;IACA,IAAI,CAACF,MAAM,EAAE;MACT;IACJ;;IAEA;IACA,IAAIG,KAAK,CAACC,OAAO,CAACJ,MAAM,CAAC,EAAE;MACvBA,MAAM,CAACK,OAAO,CAACC,KAAK,IAAI,IAAI,CAACR,GAAG,CAACC,GAAG,EAAEO,KAAK,EAAEL,SAAS,EAAEC,KAAK,CAAC,CAAC;MAE/D;IACJ;;IAEA;IACA,IAAI,CAACK,MAAM,CAACC,IAAI,CAACR,MAAM,CAAC,CAACS,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE;MAC7D;IACJ;;IAEA;IACA,IAAIZ,GAAG,KAAK,IAAI,EAAE;MACd,MAAMa,OAAO,GAAG,IAAAC,qBAAc,EAACb,MAAM,CAAC;MAEtCY,OAAO,CAACP,OAAO,CAAC,CAAC;QAAES,WAAW;QAAEC;MAAW,CAAC,KAAK;QAC7CD,WAAW,CAACT,OAAO,CAACN,GAAG,IAAI;UACvB,IAAI,IAAAiB,mBAAY,EAACjB,GAAG,CAAC,EAAE;YACnB;UACJ;UAEA,MAAMkB,SAAS,GAAG,IAAI,CAACtB,UAAU,CAACuB,GAAG,CAACnB,GAAG,EAAEgB,UAAU,CAAC;UACtD,IAAI,CAACpB,UAAU,CAACwB,MAAM,CAACpB,GAAG,EAAEgB,UAAU,CAAC;UACvC,IAAI,CAAClB,aAAa,CAACsB,MAAM,CAACpB,GAAG,EAAEgB,UAAU,CAAC;UAE1C,IAAIE,SAAS,EAAE;YACXG,2BAAiB,CAACC,MAAM,CAACJ,SAAS,CAAC;UACvC;QACJ,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;;IAEA;IACA,IAAI,EAAElB,GAAG,YAAYuB,WAAW,CAAC,EAAE;MAC/B;IACJ;IAEA,IAAAT,qBAAc,EAACb,MAAM,CAAC,CAACK,OAAO,CAACkB,MAAM,IAAI;MACrC,MAAM;QAAER,UAAU;QAAES,iBAAiB;QAAEC,eAAe;QAAEC,WAAW,GAAG,EAAE;QAAEZ;MAAY,CAAC,GAAGS,MAAM;MAChG,MAAMI,qBAAqB,GAAGP,2BAAiB,CAACQ,qBAAqB,CAACJ,iBAAiB,CAAC;MACxF,MAAMlB,KAAK,GAAGqB,qBAAqB,CAACZ,UAAU,CAAE;MAChD,MAAMc,IAAI,GAAG3B,KAAK,IAAIwB,WAAW;MACjC,MAAMI,QAAQ,GAAG7B,SAAS,IAAIM,MAAM,CAACC,IAAI,CAACP,SAAS,CAAC,CAAC8B,MAAM,GAAG,CAAC,GAAG9B,SAAS,GAAGwB,eAAe;MAC7F,MAAMO,MAAM,GAAG,OAAO1B,KAAK,KAAK,UAAU,GACpCA,KAAK,CAAC,GAAGuB,IAAI,CAAC,GACdvB,KAAK;MACX,MAAM;QAAE2B;MAAe,CAAC,GAAG1B,MAAM,CAAC2B,WAAW,CAAC,IAAAC,sBAAW,EAAC;QAAEF,cAAc,EAAED;MAAO,CAAC,EAAEF,QAAQ,CAAC,CAAC;MAChG,MAAMM,kBAAkB,GAAG,IAAAC,uBAAgB,EAACL,MAAM,EAAEC,cAAc,IAAI,CAAC,CAAC,CAAC;MACzE,MAAMhB,SAAS,GAAG,IAAI,CAACtB,UAAU,CAACuB,GAAG,CAACnB,GAAG,EAAEgB,UAAU,CAAC;;MAEtD;MACA,IAAI,IAAAuB,YAAK,EAACrB,SAAS,EAAEmB,kBAAkB,CAAC,EAAE;QACtC;MACJ;MAEA,MAAMG,aAAa,GAAG,IAAI,CAAC1C,aAAa,CAACqB,GAAG,CAACnB,GAAG,EAAEgB,UAAU,CAAC;;MAE7D;MACA,IAAIE,SAAS,EAAE;QACXG,2BAAiB,CAACC,MAAM,CAACJ,SAAS,CAAC;MACvC;;MAEA;MACAsB,aAAa,EAAElC,OAAO,CAACmC,SAAS,IAAIzC,GAAG,CAAC0C,SAAS,CAACpB,MAAM,CAACmB,SAAS,CAAC,CAAC;MACpE,IAAI,CAAC7C,UAAU,CAAC+C,GAAG,CAAC3C,GAAG,EAAEgB,UAAU,EAAEqB,kBAAkB,CAAC;MAExD,MAAMI,SAAS,GAAGpB,2BAAiB,CAACtB,GAAG,CAAC;QACpCY,GAAG,EAAEK,UAAU;QACfc,IAAI;QACJc,UAAU,EAAEnB,iBAAiB;QAC7BoB,KAAK,EAAER,kBAAkB;QACzBN;MACJ,CAAC,CAAC;MACF,MAAMe,kBAAiC,GAAGT,kBAAkB,EAAEU,IAAI,EAAEC,WAAW,IAAI,EAAE;MACrF,MAAMC,aAAa,GAAGH,kBAAkB,CAACI,MAAM,CAACT,SAAS,CAAC;MAC1D,MAAMU,YAAY,GAAG,IAAAC,kCAA2B,EAACf,kBAAkB,CAAC;MAEpE,IAAI,OAAOZ,iBAAiB,KAAK,UAAU,EAAE;QACzC;QACAJ,2BAAiB,CAACgC,2BAA2B,CAAC5B,iBAAiB,EAAE0B,YAAY,CAAC;MAClF;MAEApC,WAAW,CAAChB,GAAG,CAACC,GAAG,CAAC;MACpB,IAAI,CAACF,aAAa,CAAC6C,GAAG,CAAC3C,GAAG,EAAEgB,UAAU,EAAEiC,aAAa,CAAC;MACtD;MACAjD,GAAG,CAAC0C,SAAS,CAAC3C,GAAG,CAAC,GAAGkD,aAAa,CAAC;IACvC,CAAC,CAAC;EACN,CAAC;EAED3B,MAAM,GAAGA,CAAA,KAAM,CAAC,CAAC;AACrB;AAEO,MAAMgC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAIhE,8BAA8B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_convert","require","_listener","_registry","_utils","_variants2","UnistylesShadowRegistryBuilder","name","__type","equals","toString","dispose","resultsMap","Map","hashMap","classNamesMap","timeoutMap","queuedResultMap","add","ref","_style","_variants","_args","Promise","resolve","Array","isArray","forEach","style","Object","keys","some","key","startsWith","secrets","extractSecrets","__uni__refs","isInDocument","oldResult","get","delete","UnistylesRegistry","remove","HTMLElement","secret","__uni__key","__uni__stylesheet","__uni__variants","__uni__args","newComputedStylesheet","getComputedStylesheet","args","variants","length","result","variantsResult","fromEntries","getVariants","resultWithVariants","deepMergeObjects","storedResult","newResult","timeout","set","clearTimeout","setTimeout","equal","oldClassNames","className","classList","hash","existingHash","injectedClassNames","_web","_classNames","newClassNames","concat","dependencies","extractUnistyleDependencies","addDependenciesToStylesheet","UnistylesListener","addListeners","newComputedStyleSheet","newValue","applyStyles","convertUnistyles","UnistylesShadowRegistry","exports"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/web/utils/common.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.warn = exports.reduceObject = exports.keyInObject = exports.isServer = exports.generateHash = exports.equal = exports.deepMergeObjects = exports.createDoubleMap = void 0;
+exports.warn = exports.reduceObject = exports.keyInObject = exports.isServer = exports.hyphenate = exports.generateHash = exports.equal = exports.deepMergeObjects = void 0;
 const reduceObject = (obj, reducer) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, reducer(value, key)]));
 exports.reduceObject = reduceObject;
 const keyInObject = (obj, key) => key in obj;
@@ -57,36 +57,6 @@ const generateHash = value => {
   return `unistyles-${(hasher >>> 0).toString(36)}`;
 };
 exports.generateHash = generateHash;
-const createDoubleMap = () => {
-  const map = new Map();
-  return {
-    get: (key, secondKey) => {
-      const mapForKey = map.get(key);
-      if (!mapForKey) {
-        return undefined;
-      }
-      return mapForKey.get(secondKey);
-    },
-    set: (key, secondKey, value) => {
-      const mapForKey = map.get(key) ?? new Map();
-      map.set(key, mapForKey);
-      mapForKey.set(secondKey, value);
-    },
-    delete: (key, secondKey) => {
-      const mapForKey = map.get(key);
-      if (!mapForKey) {
-        return;
-      }
-      mapForKey.delete(secondKey);
-    },
-    forEach: callback => {
-      map.forEach((mapForKey, key) => {
-        mapForKey.forEach((value, secondKey) => {
-          callback(key, secondKey, value);
-        });
-      });
-    }
-  };
-};
-exports.createDoubleMap = createDoubleMap;
+const hyphenate = propertyName => propertyName.replace(/[A-Z]/g, m => `-${m.toLowerCase()}`);
+exports.hyphenate = hyphenate;
 //# sourceMappingURL=common.js.map

package/lib/commonjs/web/utils/common.js.map

@@ -1 +1 @@
-{"version":3,"names":["reduceObject","obj","reducer","Object","fromEntries","entries","map","key","value","exports","keyInObject","isServer","window","deepMergeObjects","sources","target","forEach","source","keys","sourceValue","targetValue","warn","message","console","equal","a","b","is","keysA","length","every","prototype","hasOwnProperty","call","generateHash","str","JSON","stringify","hasher","charCodeAt","toString","createDoubleMap","Map","get","secondKey","mapForKey","undefined","set","delete","callback"],"sourceRoot":"../../../../src","sources":["web/utils/common.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["reduceObject","obj","reducer","Object","fromEntries","entries","map","key","value","exports","keyInObject","isServer","window","deepMergeObjects","sources","target","forEach","source","keys","sourceValue","targetValue","warn","message","console","equal","a","b","is","keysA","length","every","prototype","hasOwnProperty","call","generateHash","str","JSON","stringify","hasher","charCodeAt","toString","hyphenate","propertyName","replace","m","toLowerCase"],"sourceRoot":"../../../../src","sources":["web/utils/common.ts"],"mappings":";;;;;;AAAO,MAAMA,YAAY,GAAGA,CACxBC,GAAS,EACTC,OAA+D,KAC9DC,MAAM,CAACC,WAAW,CAACD,MAAM,CAACE,OAAO,CAACJ,GAAG,CAAC,CAACK,GAAG,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK,CAACD,GAAG,EAAEL,OAAO,CAACM,KAAK,EAAsBD,GAAG,CAAC,CAAC,CAAC,CAAoC;AAAAE,OAAA,CAAAT,YAAA,GAAAA,YAAA;AAE9I,MAAMU,WAAW,GAAGA,CAAgCT,GAAM,EAAEM,GAAgB,KAAqBA,GAAG,IAAIN,GAAG;AAAAQ,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAE3G,MAAMC,QAAQ,GAAGA,CAAA,KAAM,OAAOC,MAAM,KAAK,WAAW;;AAE3D;AACA;AACA;AAFAH,OAAA,CAAAE,QAAA,GAAAA,QAAA;AAGO,MAAME,gBAAgB,GAAGA,CAAqC,GAAGC,OAAiB,KAAK;EAC1F,MAAMC,MAAM,GAAG,CAAC,CAAM;EAEtBD,OAAO,CAACE,OAAO,CAACC,MAAM,IAAI;IACtBd,MAAM,CAACe,IAAI,CAACD,MAAM,CAAC,CAACD,OAAO,CAACT,GAAG,IAAI;MAC/B,MAAMY,WAAW,GAAGF,MAAM,CAACV,GAAG,CAAC;MAC/B,MAAMa,WAAW,GAAGL,MAAM,CAACR,GAAG,CAAC;MAE/B,IAAIJ,MAAM,CAACgB,WAAW,CAAC,IAAIA,WAAW,IAAIhB,MAAM,CAACiB,WAAW,CAAC,KAAKA,WAAW,EAAE;QAC3E;QACAL,MAAM,CAACR,GAAG,CAAC,GAAGM,gBAAgB,CAACO,WAAW,EAAED,WAAW,CAAC;QAExD;MACJ;;MAEA;MACAJ,MAAM,CAACR,GAAG,CAAC,GAAGY,WAAW;IAC7B,CAAC,CAAC;EACN,CAAC,CAAC;EAEF,OAAOJ,MAAM;AACjB,CAAC;AAAAN,OAAA,CAAAI,gBAAA,GAAAA,gBAAA;AAEM,MAAMQ,IAAI,GAAIC,OAAe,IAAKC,OAAO,CAACF,IAAI,CAAC,+BAA+BC,OAAO,EAAE,CAAC;AAAAb,OAAA,CAAAY,IAAA,GAAAA,IAAA;AAExF,MAAMG,KAAK,GAAGA,CAAIC,CAAI,EAAEC,CAAI,KAAK;EACpC,IAAIvB,MAAM,CAACwB,EAAE,CAACF,CAAC,EAAEC,CAAC,CAAC,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,IACI,OAAOD,CAAC,KAAK,QAAQ,IAClBA,CAAC,KAAK,IAAI,IACV,OAAOC,CAAC,KAAK,QAAQ,IACrBA,CAAC,KAAK,IAAI,EACf;IACE,OAAO,KAAK;EAChB;EAEA,MAAME,KAAK,GAAGzB,MAAM,CAACe,IAAI,CAACO,CAAC,CAAmB;EAE9C,IAAIG,KAAK,CAACC,MAAM,KAAK1B,MAAM,CAACe,IAAI,CAACQ,CAAC,CAAC,CAACG,MAAM,EAAE;IACxC,OAAO,KAAK;EAChB;EAEA,OAAOD,KAAK,CAACE,KAAK,CAACvB,GAAG,IAAIJ,MAAM,CAACwB,EAAE,CAACF,CAAC,CAAClB,GAAG,CAAC,EAAEmB,CAAC,CAACnB,GAAG,CAAC,CAAC,IAAIJ,MAAM,CAAC4B,SAAS,CAACC,cAAc,CAACC,IAAI,CAACP,CAAC,EAAEnB,GAAG,CAAC,CAAC;AACxG,CAAC;AAAAE,OAAA,CAAAe,KAAA,GAAAA,KAAA;AAEM,MAAMU,YAAY,GAAI1B,KAAU,IAAK;EACxC,MAAM2B,GAAG,GAAGC,IAAI,CAACC,SAAS,CAAC7B,KAAK,CAAC;EACjC,IAAI8B,MAAM,GAAG,IAAI;EACjB,IAAIT,MAAM,GAAGM,GAAG,CAACN,MAAM;EAEvB,OAAOA,MAAM,EAAE,EAAES,MAAM,GAAIA,MAAM,GAAG,EAAE,GAAIH,GAAG,CAACI,UAAU,CAACV,MAAM,CAAC;EAEhE,OAAO,aAAa,CAACS,MAAM,KAAK,CAAC,EAAEE,QAAQ,CAAC,EAAE,CAAC,EAAE;AACrD,CAAC;AAAA/B,OAAA,CAAAyB,YAAA,GAAAA,YAAA;AAEM,MAAMO,SAAS,GAAIC,YAAoB,IAAKA,YAAY,CAACC,OAAO,CAAC,QAAQ,EAAGC,CAAS,IAAK,IAAIA,CAAC,CAACC,WAAW,CAAC,CAAC,EAAE,CAAC;AAAApC,OAAA,CAAAgC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/web/utils/unistyle.js

@@ -75,8 +75,11 @@ const getMediaQuery = query => {
 };
 exports.getMediaQuery = getMediaQuery;
 const extractUnistyleDependencies = value => {
+  if (!value) {
+    return [];
+  }
   const dependencies = (0, _common.keyInObject)(value, 'uni__dependencies') ? value.uni__dependencies : [];
-  return dependencies;
+  return Array.isArray(dependencies) ? dependencies : [];
 };
 exports.extractUnistyleDependencies = extractUnistyleDependencies;
 //# sourceMappingURL=unistyle.js.map

package/lib/commonjs/web/utils/unistyle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_types","require","_mq","_state","_common","schemeToTheme","scheme","ColorScheme","Dark","Light","exports","hexToRGBA","hex","opacity","replace","split","map","x","parseInt","filter","num","isNaN","reduce","acc","color","concat","assignSecrets","object","secrets","Math","random","toString","slice","extractSecrets","Object","entries","key","value","startsWith","push","getStyles","values","returnValue","defineProperties","reduceObject","enumerable","configurable","isInDocument","element","document","body","contains","extractMediaQueryValue","query","_","px","match","undefined","Number","getMediaQuery","Orientation","includes","isUnistylesMq","minWidth","maxWidth","minHeight","maxHeight","parseMq","Boolean","join","UnistylesState","breakpoints","keyInObject","extractUnistyleDependencies","dependencies","uni__dependencies"],"sourceRoot":"../../../../src","sources":["web/utils/unistyle.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_types","require","_mq","_state","_common","schemeToTheme","scheme","ColorScheme","Dark","Light","exports","hexToRGBA","hex","opacity","replace","split","map","x","parseInt","filter","num","isNaN","reduce","acc","color","concat","assignSecrets","object","secrets","Math","random","toString","slice","extractSecrets","Object","entries","key","value","startsWith","push","getStyles","values","returnValue","defineProperties","reduceObject","enumerable","configurable","isInDocument","element","document","body","contains","extractMediaQueryValue","query","_","px","match","undefined","Number","getMediaQuery","Orientation","includes","isUnistylesMq","minWidth","maxWidth","minHeight","maxHeight","parseMq","Boolean","join","UnistylesState","breakpoints","keyInObject","extractUnistyleDependencies","dependencies","uni__dependencies","Array","isArray"],"sourceRoot":"../../../../src","sources":["web/utils/unistyle.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/useMedia.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useLayoutEffect","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","isValidMq","parseMq","isUnistylesMq","useMedia","config","computeIsVisible","maybeMq","mq","console","error","parsedMq","width","height","screen","minWidth","undefined","maxWidth","minHeight","maxHeight","isVisible","setIsVisible","removeChangeListener","addChangeListener","dependencies","includes","Breakpoints"],"sourceRoot":"../../../src","sources":["components/useMedia.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SAASC,UAAU,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAkC,UAAU;AACrG,SAASC,SAAS,EAAEC,OAAO,EAAEC,aAAa,QAAQ,OAAO;AAEzD,OAAO,MAAMC,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,gBAAgB,GAAGA,CAAA,KAAe;IACpC,MAAMC,OAAO,GAAGF,MAAM,CAACG,EAAuB;IAE9C,IAAI,CAACL,aAAa,CAACI,OAAO,CAAC,EAAE;MACzBE,OAAO,CAACC,KAAK,CAAC,sCAAsCH,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMI,QAAQ,GAAIT,OAAO,CAACK,OAAO,CAAC;IAElC,IAAI,CAACN,SAAS,CAACU,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEH,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEK,KAAK;MAAEC;IAAO,CAAC,GAAGb,gBAAgB,CAACc,MAAM;IAEjD,IAAIH,QAAQ,CAACI,QAAQ,KAAKC,SAAS,IAAIJ,KAAK,GAAGD,QAAQ,CAACI,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIJ,QAAQ,CAACM,QAAQ,KAAKD,SAAS,IAAIJ,KAAK,GAAGD,QAAQ,CAACM,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIN,QAAQ,CAACO,SAAS,KAAKF,SAAS,IAAIH,MAAM,GAAGF,QAAQ,CAACO,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,IAAIP,QAAQ,CAACQ,SAAS,KAAKH,SAAS,IAAIH,MAAM,GAAGF,QAAQ,CAACQ,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,OAAO,IAAI;EACf,CAAC;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGxB,QAAQ,CAAiBS,gBAAgB,CAAC,CAAC,CAAC;EAE9EX,SAAS,CAAC,MAAM;IACZ0B,YAAY,CAACf,gBAAgB,CAAC,CAAC,CAAC;EACpC,CAAC,EAAE,CAACD,MAAM,CAACG,EAAE,CAAC,CAAC;EAEfZ,eAAe,CAAC,MAAM;IAClB,MAAM0B,oBAAoB,GAAIxB,UAAU,CAAyByB,iBAAiB,CAACC,YAAY,IAAI;MAC/F,IAAIA,YAAY,CAACC,QAAQ,CAAC1B,kBAAkB,CAAC2B,WAAW,CAAC,EAAE;QACvDL,YAAY,CAACf,gBAAgB,CAAC,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACTgB,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,CAACjB,MAAM,CAACG,EAAE,CAAC,CAAC;EAEf,OAAO;IACHY;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useLayoutEffect","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","isValidMq","parseMq","isUnistylesMq","useMedia","config","computeIsVisible","maybeMq","mq","console","error","parsedMq","width","height","screen","minWidth","undefined","maxWidth","minHeight","maxHeight","isVisible","setIsVisible","removeChangeListener","addChangeListener","dependencies","includes","Breakpoints"],"sourceRoot":"../../../src","sources":["components/useMedia.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SAASC,UAAU,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAkC,UAAU;AACrG,SAASC,SAAS,EAAEC,OAAO,EAAEC,aAAa,QAAQ,OAAO;AAEzD,OAAO,MAAMC,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,gBAAgB,GAAGA,CAAA,KAAe;IACpC,MAAMC,OAAO,GAAGF,MAAM,CAACG,EAAuB;IAE9C,IAAI,CAACL,aAAa,CAACI,OAAO,CAAC,EAAE;MACzBE,OAAO,CAACC,KAAK,CAAC,sCAAsCH,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMI,QAAQ,GAAGT,OAAO,CAACK,OAAO,CAAC;IAEjC,IAAI,CAACN,SAAS,CAACU,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEH,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEK,KAAK;MAAEC;IAAO,CAAC,GAAGb,gBAAgB,CAACc,MAAM;IAEjD,IAAIH,QAAQ,CAACI,QAAQ,KAAKC,SAAS,IAAIJ,KAAK,GAAGD,QAAQ,CAACI,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIJ,QAAQ,CAACM,QAAQ,KAAKD,SAAS,IAAIJ,KAAK,GAAGD,QAAQ,CAACM,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIN,QAAQ,CAACO,SAAS,KAAKF,SAAS,IAAIH,MAAM,GAAGF,QAAQ,CAACO,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,IAAIP,QAAQ,CAACQ,SAAS,KAAKH,SAAS,IAAIH,MAAM,GAAGF,QAAQ,CAACQ,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,OAAO,IAAI;EACf,CAAC;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGxB,QAAQ,CAAiBS,gBAAgB,CAAC,CAAC,CAAC;EAE9EX,SAAS,CAAC,MAAM;IACZ0B,YAAY,CAACf,gBAAgB,CAAC,CAAC,CAAC;EACpC,CAAC,EAAE,CAACD,MAAM,CAACG,EAAE,CAAC,CAAC;EAEfZ,eAAe,CAAC,MAAM;IAClB,MAAM0B,oBAAoB,GAAIxB,UAAU,CAAyByB,iBAAiB,CAACC,YAAY,IAAI;MAC/F,IAAIA,YAAY,CAACC,QAAQ,CAAC1B,kBAAkB,CAAC2B,WAAW,CAAC,EAAE;QACvDL,YAAY,CAACf,gBAAgB,CAAC,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACTgB,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,CAACjB,MAAM,CAACG,EAAE,CAAC,CAAC;EAEf,OAAO;IACHY;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/components/useMedia.web.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { isUnistylesMq, isValidMq, parseMq } from '../mq';
+export const useMedia = config => {
+  const disposeRef = useRef(() => {});
+  const [isVisible, setIsVisible] = useState(() => {
+    const maybeMq = config.mq;
+    if (!isUnistylesMq(maybeMq)) {
+      console.error(`🦄 Unistyles: Received invalid mq: ${maybeMq}`);
+      return false;
+    }
+    const parsedMq = parseMq(maybeMq);
+    if (!isValidMq(parsedMq)) {
+      console.error(`🦄 Unistyles: Received invalid mq where min is greater than max: ${maybeMq}`);
+      return false;
+    }
+    const {
+      minWidth,
+      maxWidth,
+      minHeight,
+      maxHeight
+    } = parsedMq;
+    const mediaQuery = [minWidth !== undefined ? `(min-width: ${minWidth}px)` : undefined, maxWidth !== undefined ? `(max-width: ${maxWidth}px)` : undefined, minHeight !== undefined ? `(min-height: ${minHeight}px)` : undefined, maxHeight !== undefined ? `(max-height: ${maxHeight}px)` : undefined].filter(Boolean).join(' and ');
+    const media = window.matchMedia(mediaQuery);
+    const handler = event => setIsVisible(event.matches);
+    media.addEventListener('change', handler);
+    disposeRef.current = () => media.removeEventListener('change', handler);
+    return media.matches;
+  });
+
+  // Unmount
+  useEffect(() => () => disposeRef.current(), []);
+  return {
+    isVisible
+  };
+};
+//# sourceMappingURL=useMedia.web.js.map

package/lib/module/components/useMedia.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","isUnistylesMq","isValidMq","parseMq","useMedia","config","disposeRef","isVisible","setIsVisible","maybeMq","mq","console","error","parsedMq","minWidth","maxWidth","minHeight","maxHeight","mediaQuery","undefined","filter","Boolean","join","media","window","matchMedia","handler","event","matches","addEventListener","current","removeEventListener"],"sourceRoot":"../../../src","sources":["components/useMedia.web.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,aAAa,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAEzD,OAAO,MAAMC,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,UAAU,GAAGP,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;EACnC,MAAM,CAACQ,SAAS,EAAEC,YAAY,CAAC,GAAGR,QAAQ,CAAC,MAAM;IAC7C,MAAMS,OAAO,GAAGJ,MAAM,CAACK,EAAuB;IAE9C,IAAI,CAACT,aAAa,CAACQ,OAAO,CAAC,EAAE;MACzBE,OAAO,CAACC,KAAK,CAAC,sCAAsCH,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMI,QAAQ,GAAGV,OAAO,CAACM,OAAO,CAAC;IAEjC,IAAI,CAACP,SAAS,CAACW,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEH,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEK,QAAQ;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAU,CAAC,GAAGJ,QAAQ;IAE7D,MAAMK,UAAU,GAAG,CACfJ,QAAQ,KAAKK,SAAS,GAAG,eAAeL,QAAQ,KAAK,GAAGK,SAAS,EACjEJ,QAAQ,KAAKI,SAAS,GAAG,eAAeJ,QAAQ,KAAK,GAAGI,SAAS,EACjEH,SAAS,KAAKG,SAAS,GAAG,gBAAgBH,SAAS,KAAK,GAAGG,SAAS,EACpEF,SAAS,KAAKE,SAAS,GAAG,gBAAgBF,SAAS,KAAK,GAAGE,SAAS,CACvE,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,OAAO,CAAC;IAE/B,MAAMC,KAAK,GAAGC,MAAM,CAACC,UAAU,CAACP,UAAU,CAAC;IAC3C,MAAMQ,OAAO,GAAIC,KAA0B,IAAKnB,YAAY,CAACmB,KAAK,CAACC,OAAO,CAAC;IAE3EL,KAAK,CAACM,gBAAgB,CAAC,QAAQ,EAAEH,OAAO,CAAC;IACzCpB,UAAU,CAACwB,OAAO,GAAG,MAAMP,KAAK,CAACQ,mBAAmB,CAAC,QAAQ,EAAEL,OAAO,CAAC;IAEvE,OAAOH,KAAK,CAACK,OAAO;EACxB,CAAC,CAAC;;EAEF;EACA9B,SAAS,CAAC,MAAM,MAAMQ,UAAU,CAACwB,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC;EAE/C,OAAO;IACHvB;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/core/createUnistylesComponent.js

@@ -1,12 +1,64 @@
 "use strict";
 
-import React from 'react';
+import React, { useEffect, useState } from 'react';
+import { UnistylesRuntime } from '../specs';
+import { UnistyleDependency } from '../specs/NativePlatform';
+import { UnistylesListener } from '../web/listener';
+import { UnistylesShadowRegistry } from '../web';
+import { equal } from '../web/utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 const SUPPORTED_STYLE_PROPS = ['style', 'contentContainerStyle'];
-export const createUnistylesComponent = (Component, _ = () => ({})) => {
+const ALL_DEPENDENCIES = Object.values(UnistyleDependency).filter(dependency => typeof dependency === 'number');
+const useShadowRegistry = style => {
+  const [classNames, setClassNames] = useState([]);
+  const [ref] = useState(document.createElement('div'));
+  if (style) {
+    UnistylesShadowRegistry.add(ref, style).then(newClassNames => {
+      if (equal(classNames, newClassNames)) {
+        return;
+      }
+      setClassNames(newClassNames);
+    });
+  }
+  useEffect(() => () => {
+    // Remove styles on unmount
+    UnistylesShadowRegistry.add(null, style);
+  });
+  return classNames;
+};
+export const createUnistylesComponent = (Component, mappings) => {
   return props => {
+    const [mappingsProps, setMappingsProps] = useState(mappings?.(UnistylesRuntime.getTheme()));
+    const styleClassNames = useShadowRegistry(props.style);
+    const contentContainerStyleClassNames = useShadowRegistry(props.contentContainerStyle);
+    useEffect(() => {
+      const disposeMappings = UnistylesListener.addListeners(ALL_DEPENDENCIES, () => {
+        if (!mappings) {
+          disposeMappings();
+          return;
+        }
+        return setMappingsProps(mappings(UnistylesRuntime.getTheme()));
+      });
+      return () => disposeMappings();
+    }, [mappingsProps, props.style]);
+    const combinedProps = {
+      ...mappingsProps,
+      ...props,
+      ...(props.style ? {
+        style: {
+          $$css: true,
+          'unistyles': styleClassNames.join(' ')
+        }
+      } : {}),
+      ...(props.contentContainerStyle ? {
+        style: {
+          $$css: true,
+          'unistyles': contentContainerStyleClassNames.join(' ')
+        }
+      } : {})
+    };
     return /*#__PURE__*/_jsx(Component, {
-      ...props
+      ...combinedProps
     });
   };
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","jsx","_jsx","SUPPORTED_STYLE_PROPS","createUnistylesComponent","Component","_","props"],"sourceRoot":"../../../src","sources":["core/createUnistylesComponent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAmD,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAKtE,MAAMC,qBAAqB,GAAG,CAAC,OAAO,EAAE,uBAAuB,CAAU;AAEzE,OAAO,MAAMC,wBAAwB,GAAGA,CAA+BC,SAAY,EAAEC,CAAc,GAAGA,CAAA,MAAO,CAAC,CAAC,CAAC,KAAK;EACjH,OAAQC,KAAwB,IAAK;IACjC,oBAAOL,IAAA,CAACG,SAAS;MAAA,GAAKE;IAAK,CAAG,CAAC;EACnC,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","UnistylesRuntime","UnistyleDependency","UnistylesListener","UnistylesShadowRegistry","equal","jsx","_jsx","SUPPORTED_STYLE_PROPS","ALL_DEPENDENCIES","Object","values","filter","dependency","useShadowRegistry","style","classNames","setClassNames","ref","document","createElement","add","then","newClassNames","createUnistylesComponent","Component","mappings","props","mappingsProps","setMappingsProps","getTheme","styleClassNames","contentContainerStyleClassNames","contentContainerStyle","disposeMappings","addListeners","combinedProps","$$css","join"],"sourceRoot":"../../../src","sources":["core/createUnistylesComponent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAA4B,OAAO;AAEtE,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,kBAAkB,QAAQ,yBAAyB;AAE5D,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,uBAAuB,QAAQ,QAAQ;AAChD,SAASC,KAAK,QAAQ,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEpC,MAAMC,qBAAqB,GAAG,CAAC,OAAO,EAAE,uBAAuB,CAAU;AACzE,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACT,kBAAkB,CAAC,CAACU,MAAM,CAAEC,UAAU,IAAuC,OAAOA,UAAU,KAAK,QAAQ,CAAC;AAInJ,MAAMC,iBAAiB,GAAIC,KAA2B,IAAK;EACvD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGjB,QAAQ,CAAgB,EAAE,CAAC;EAC/D,MAAM,CAACkB,GAAG,CAAC,GAAGlB,QAAQ,CAACmB,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAAC;EAErD,IAAIL,KAAK,EAAE;IACPX,uBAAuB,CAClBiB,GAAG,CAACH,GAAG,EAAEH,KAAK,CAAC,CACfO,IAAI,CAACC,aAAa,IAAI;MACnB,IAAIlB,KAAK,CAACW,UAAU,EAAEO,aAAa,CAAC,EAAE;QAClC;MACJ;MAEAN,aAAa,CAACM,aAAa,CAAC;IAChC,CAAC,CAAC;EACV;EAEAxB,SAAS,CAAC,MAAM,MAAM;IAClB;IACAK,uBAAuB,CAACiB,GAAG,CAAC,IAAI,EAAEN,KAAK,CAAC;EAC5C,CAAC,CAAC;EAEF,OAAOC,UAAU;AACrB,CAAC;AAED,OAAO,MAAMQ,wBAAwB,GAAGA,CAAmGC,SAAgC,EAAEC,QAA+C,KAAK;EAC7N,OAAQC,KAA+D,IAAK;IACxE,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG7B,QAAQ,CAAC0B,QAAQ,GAAGzB,gBAAgB,CAAC6B,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3F,MAAMC,eAAe,GAAGjB,iBAAiB,CAACa,KAAK,CAACZ,KAAK,CAAC;IACtD,MAAMiB,+BAA+B,GAAGlB,iBAAiB,CAACa,KAAK,CAACM,qBAAqB,CAAC;IAEtFlC,SAAS,CAAC,MAAM;MACZ,MAAMmC,eAAe,GAAG/B,iBAAiB,CAACgC,YAAY,CAAC1B,gBAAgB,EAAE,MAAM;QAC3E,IAAI,CAACiB,QAAQ,EAAE;UACXQ,eAAe,CAAC,CAAC;UAEjB;QACJ;QAEA,OAAOL,gBAAgB,CAACH,QAAQ,CAACzB,gBAAgB,CAAC6B,QAAQ,CAAC,CAAC,CAAC,CAAC;MAClE,CAAC,CAAC;MAEF,OAAO,MAAMI,eAAe,CAAC,CAAC;IAClC,CAAC,EAAE,CAACN,aAAa,EAAED,KAAK,CAACZ,KAAK,CAAC,CAAC;IAEhC,MAAMqB,aAAa,GAAG;MAClB,GAAGR,aAAa;MAChB,GAAGD,KAAK;MACR,IAAGA,KAAK,CAACZ,KAAK,GAAG;QACbA,KAAK,EAAE;UACHsB,KAAK,EAAE,IAAI;UACX,WAAW,EAAEN,eAAe,CAACO,IAAI,CAAC,GAAG;QACzC;MACJ,CAAC,GAAG,CAAC,CAAC;MACN,IAAGX,KAAK,CAACM,qBAAqB,GAAG;QAC7BlB,KAAK,EAAE;UACHsB,KAAK,EAAE,IAAI;UACX,WAAW,EAAEL,+BAA+B,CAACM,IAAI,CAAC,GAAG;QACzD;MACJ,CAAC,GAAG,CAAC,CAAC;IACV,CAAsB;IAEtB,oBAAO/B,IAAA,CAACkB,SAAS;MAAA,GAAKW;IAAa,CAAG,CAAC;EAC3C,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/core/createUnistylesComponent.native.js

@@ -4,7 +4,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
 import { jsx as _jsx } from "react/jsx-runtime";
 const SUPPORTED_STYLE_PROPS = ['style', 'contentContainerStyle'];
-export const createUnistylesComponent = (Component, mappings = () => ({})) => {
+export const createUnistylesComponent = (Component, mappings) => {
   return props => {
     const [theme, setTheme] = useState(UnistylesRuntime.getTheme());
     const [, setRt] = useState(0);
@@ -16,6 +16,8 @@ export const createUnistylesComponent = (Component, mappings = () => ({})) => {
           if (Array.isArray(props[propName])) {
             console.error(`🦄 Unistyles: createUnistylesComponent requires ${propName} to be an object. Please check props for component: ${Component.displayName}`);
           }
+
+          // @ts-expect-error - this is hidden from TS
           if (props[propName].__unistyles_name && !props[propName].__proto__?.getStyle) {
             console.error(`🦄 Unistyles: createUnistylesComponent received style that is not bound. You likely used the spread operator on a Unistyle style. Please check props for component: ${Component.displayName}`);
           }
@@ -28,7 +30,7 @@ export const createUnistylesComponent = (Component, mappings = () => ({})) => {
     }
     useEffect(() => {
       const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
-        const componentDependencies = props.style?.__proto__.uni__dependencies || mappings(theme).style?.__proto__.uni__dependencies;
+        const componentDependencies = props.style?.__proto__.uni__dependencies || mappings?.(theme).style?.__proto__.uni__dependencies;
         if (dependencies.includes(UnistyleDependency.Theme) && (!componentDependencies || componentDependencies.includes(UnistyleDependency.Theme))) {
           setTheme(UnistylesRuntime.getTheme());
 
@@ -37,6 +39,7 @@ export const createUnistylesComponent = (Component, mappings = () => ({})) => {
             if (props?.[propName]) {
               stylesRef.current = {
                 ...stylesRef.current,
+                // @ts-expect-error - this is hidden from TS
                 [propName]: props[propName].__proto__?.getStyle() || props[propName]
               };
             }
@@ -51,9 +54,7 @@ export const createUnistylesComponent = (Component, mappings = () => ({})) => {
         removeChangeListener();
       };
     }, []);
-    const mergedProps = {
-      ...mappings(theme)
-    };
+    const mergedProps = mappings?.(theme) ?? {};
     Object.keys(props).forEach(key => {
       if (key in mergedProps) {
         mergedProps[key] = Object.assign(props[key], mergedProps[key]);

package/lib/module/core/createUnistylesComponent.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","jsx","_jsx","SUPPORTED_STYLE_PROPS","createUnistylesComponent","Component","mappings","props","theme","setTheme","getTheme","setRt","stylesRef","isForcedRef","current","forEach","propName","Array","isArray","console","error","displayName","__unistyles_name","__proto__","getStyle","removeChangeListener","addChangeListener","dependencies","componentDependencies","style","uni__dependencies","includes","Theme","some","dependency","prevState","mergedProps","Object","keys","key","assign"],"sourceRoot":"../../../src","sources":["core/createUnistylesComponent.native.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","jsx","_jsx","SUPPORTED_STYLE_PROPS","createUnistylesComponent","Component","mappings","props","theme","setTheme","getTheme","setRt","stylesRef","isForcedRef","current","forEach","propName","Array","isArray","console","error","displayName","__unistyles_name","__proto__","getStyle","removeChangeListener","addChangeListener","dependencies","componentDependencies","style","uni__dependencies","includes","Theme","some","dependency","prevState","mergedProps","Object","keys","key","assign"],"sourceRoot":"../../../src","sources":["core/createUnistylesComponent.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAwBC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAE9E,SAASC,UAAU,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAkC,UAAU;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGrG,MAAMC,qBAAqB,GAAG,CAAC,OAAO,EAAE,uBAAuB,CAAU;AAGzE,OAAO,MAAMC,wBAAwB,GAAEA,CAAmGC,SAAgC,EAAEC,QAA+C,KAAK;EAC5N,OAAQC,KAA+D,IAAK;IACxE,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAAiBG,gBAAgB,CAACU,QAAQ,CAAC,CAAC,CAAC;IAC/E,MAAM,GAAGC,KAAK,CAAC,GAAGd,QAAQ,CAAC,CAAC,CAAC;IAC7B,MAAMe,SAAS,GAAGhB,MAAM,CAAsB,CAAC,CAAC,CAAC;IACjD,MAAMiB,WAAW,GAAGjB,MAAM,CAAC,KAAK,CAAC;IAEjC,IAAI,CAACiB,WAAW,CAACC,OAAO,EAAE;MACtBX,qBAAqB,CAACY,OAAO,CAACC,QAAQ,IAAI;QACtC,IAAIT,KAAK,GAAGS,QAAQ,CAAC,EAAE;UACnB,IAAIC,KAAK,CAACC,OAAO,CAACX,KAAK,CAACS,QAAQ,CAAC,CAAC,EAAE;YAChCG,OAAO,CAACC,KAAK,CAAC,mDAAmDJ,QAAQ,uDAAuDX,SAAS,CAACgB,WAAW,EAAE,CAAC;UAC5J;;UAEA;UACA,IAAId,KAAK,CAACS,QAAQ,CAAC,CAACM,gBAAgB,IAAI,CAACf,KAAK,CAACS,QAAQ,CAAC,CAACO,SAAS,EAAEC,QAAQ,EAAE;YAC1EL,OAAO,CAACC,KAAK,CAAC,uKAAuKf,SAAS,CAACgB,WAAW,EAAE,CAAC;UACjN;UAEAT,SAAS,CAACE,OAAO,GAAG;YAChB,GAAGF,SAAS,CAACE,OAAO;YACpB,CAACE,QAAQ,GAAGT,KAAK,CAACS,QAAQ;UAC9B,CAAC;QACL;MACJ,CAAC,CAAC;IACN;IAEArB,SAAS,CAAC,MAAM;MACZ,MAAM8B,oBAAoB,GAAI3B,UAAU,CAAyB4B,iBAAiB,CAACC,YAAY,IAAI;QAC/F,MAAMC,qBAAqB,GAAIrB,KAAK,CAACsB,KAAK,EAAEN,SAAS,CAACO,iBAAiB,IAAIxB,QAAQ,GAAGE,KAAK,CAAC,CAACqB,KAAK,EAAEN,SAAS,CAACO,iBAA+C;QAE7J,IAAIH,YAAY,CAACI,QAAQ,CAAChC,kBAAkB,CAACiC,KAAK,CAAC,KAAK,CAACJ,qBAAqB,IAAGA,qBAAqB,CAACG,QAAQ,CAAChC,kBAAkB,CAACiC,KAAK,CAAC,CAAC,EAAE;UACxIvB,QAAQ,CAACT,gBAAgB,CAACU,QAAQ,CAAC,CAAC,CAAC;;UAErC;UACAP,qBAAqB,CAACY,OAAO,CAACC,QAAQ,IAAI;YACtC,IAAIT,KAAK,GAAGS,QAAQ,CAAC,EAAE;cACnBJ,SAAS,CAACE,OAAO,GAAG;gBAChB,GAAGF,SAAS,CAACE,OAAO;gBACpB;gBACA,CAACE,QAAQ,GAAGT,KAAK,CAACS,QAAQ,CAAC,CAACO,SAAS,EAAEC,QAAQ,CAAC,CAAC,IAAIjB,KAAK,CAACS,QAAQ;cACvE,CAAC;YACL;UACJ,CAAC,CAAC;UAEFH,WAAW,CAACC,OAAO,GAAG,IAAI;QAC9B;QAEA,IAAIa,YAAY,CAACM,IAAI,CAACC,UAAU,IAAIA,UAAU,IAAI,CAAC,CAAC,KAAK,CAACN,qBAAqB,IAAIA,qBAAqB,CAACK,IAAI,CAACC,UAAU,IAAIA,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;UAC3IvB,KAAK,CAACwB,SAAS,IAAIA,SAAS,GAAG,CAAC,CAAC;QACrC;MACJ,CAAC,CAAC;MAEF,OAAO,MAAM;QACTV,oBAAoB,CAAC,CAAC;MAC1B,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;IAEN,MAAMW,WAAW,GAAG9B,QAAQ,GAAGE,KAAK,CAAC,IAA2B,CAAC,CAAC;IAElE6B,MAAM,CAACC,IAAI,CAAC/B,KAAK,CAAC,CAACQ,OAAO,CAACwB,GAAG,IAAI;MAC9B,IAAIA,GAAG,IAAIH,WAAW,EAAE;QACpBA,WAAW,CAACG,GAAG,CAAC,GAAGF,MAAM,CAACG,MAAM,CAACjC,KAAK,CAACgC,GAAG,CAAuB,EAAEH,WAAW,CAACG,GAAG,CAAC,CAAC;QAEpF;MACJ;MAEAH,WAAW,CAACG,GAAG,CAAC,GAAGhC,KAAK,CAACgC,GAAG,CAAuB;IACvD,CAAC,CAAC;;IAEF;IACApC,qBAAqB,CAACY,OAAO,CAACC,QAAQ,IAAI;MACtC,IAAIoB,WAAW,CAACpB,QAAQ,CAAC,EAAE;QACvBoB,WAAW,CAACpB,QAAQ,CAAC,GAAGJ,SAAS,CAACE,OAAO,CAACE,QAAQ,CAAC;MACvD;IACJ,CAAC,CAAC;IAEFH,WAAW,CAACC,OAAO,GAAG,KAAK;IAE3B,oBAAOZ,IAAA,CAACG,SAAS;MAAA,GAAK+B;IAAW,CAAa,CAAC;EACnD,CAAC;AACL,CAAC","ignoreList":[]}

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

@@ -3,15 +3,14 @@
 import { isPseudo } from './pseudo';
 import { getStyle } from './style';
 import { deepMergeObjects } from '../utils';
-import { getTransformStyle } from './transform';
-import { isBoxShadow, isTextShadow, isTransform } from './utils';
-import { getTextShadowStyle } from './textShadow';
-import { getBoxShadowStyle } from './boxShadow';
+import { getTransformStyle, getBoxShadow, getFilterStyle } from './object';
+import { isShadow, isFilter, isTextShadow, isTransform, isBoxShadow } from './utils';
+import { getTextShadowStyle, getBoxShadowStyle } from './shadow';
 export const convertUnistyles = value => {
   // Flag to mark if textShadow is already created
   let hasTextShadow = false;
   // Flag to mark if boxShadow is already created
-  let hasBoxShadow = false;
+  let hasShadow = false;
   const stylesArray = Object.entries({
     ...value,
     ...value._web
@@ -38,14 +37,20 @@ export const convertUnistyles = value => {
       return getTextShadowStyle(value);
     }
 
-    // Box shadow
-    if (isBoxShadow(unistylesKey)) {
-      if (hasBoxShadow) {
+    // RN shadows
+    if (isShadow(unistylesKey)) {
+      if (hasShadow) {
         return [];
       }
-      hasBoxShadow = true;
+      hasShadow = true;
       return getBoxShadowStyle(value);
     }
+    if (isFilter(unistylesKey, unistylesValue)) {
+      return getFilterStyle(unistylesValue);
+    }
+    if (isBoxShadow(unistylesKey, unistylesValue)) {
+      return getBoxShadow(unistylesValue);
+    }
 
     // Transforms
     if (isTransform(unistylesKey, unistylesValue)) {

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

@@ -1 +1 @@
-{"version":3,"names":["isPseudo","getStyle","deepMergeObjects","getTransformStyle","isBoxShadow","isTextShadow","isTransform","getTextShadowStyle","getBoxShadowStyle","convertUnistyles","value","hasTextShadow","hasBoxShadow","stylesArray","Object","entries","_web","flatMap","unistylesKey","unistylesValue","includes","startsWith","flattenValues","map","breakpointKey","breakpointValue"],"sourceRoot":"../../../../src","sources":["web/convert/index.ts"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,UAAU;AACnC,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,WAAW,EAAEC,YAAY,EAAEC,WAAW,QAAQ,SAAS;AAChE,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,iBAAiB,QAAQ,aAAa;AAE/C,OAAO,MAAMC,gBAAgB,GAAIC,KAAsB,IAAK;EACxD;EACA,IAAIC,aAAa,GAAG,KAAK;EACzB;EACA,IAAIC,YAAY,GAAG,KAAK;EAExB,MAAMC,WAAW,GAAGC,MAAM,CAACC,OAAO,CAAC;IAC/B,GAAGL,KAAK;IACR,GAAGA,KAAK,CAACM;EACb,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,CAACC,YAAY,EAAEC,cAAc,CAAC,KAAK;IAC3C;IACA,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,uBAAuB,CAAC,CAACC,QAAQ,CAACF,YAAY,CAAC,IAAIA,YAAY,CAACG,UAAU,CAAC,UAAU,CAAC,EAAE;MACrK,OAAO,EAAE;IACb;;IAEA;IACA,IAAIrB,QAAQ,CAACkB,YAAY,CAAC,EAAE;MACxB,MAAMI,aAAa,GAAGb,gBAAgB,CAACU,cAAiC,CAAC;MAEzE,OAAO;QAAE,CAACD,YAAY,GAAGI;MAAc,CAAC;IAC5C;;IAEA;IACA,IAAIjB,YAAY,CAACa,YAAY,CAAC,EAAE;MAC5B,IAAIP,aAAa,EAAE;QACf,OAAO,EAAE;MACb;MAEAA,aAAa,GAAG,IAAI;MAEpB,OAAOJ,kBAAkB,CAACG,KAAK,CAAC;IACpC;;IAEA;IACA,IAAIN,WAAW,CAACc,YAAY,CAAC,EAAE;MAC3B,IAAIN,YAAY,EAAE;QACd,OAAO,EAAE;MACb;MAEAA,YAAY,GAAG,IAAI;MAEnB,OAAOJ,iBAAiB,CAACE,KAAK,CAAC;IACnC;;IAEA;IACA,IAAIJ,WAAW,CAACY,YAAY,EAAEC,cAAc,CAAC,EAAE;MAC3C,OAAOhB,iBAAiB,CAACgB,cAAc,CAAC;IAC5C;;IAEA;IACA,IAAI,OAAOA,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,IAAI,EAAE;MAC/D,OAAOL,MAAM,CAACC,OAAO,CAACI,cAAc,CAAC,CAACI,GAAG,CAAC,CAAC,CAACC,aAAa,EAAEC,eAAe,CAAC,KAAK;QAC5E,OAAO;UAAE,CAACD,aAAa,GAAGvB,QAAQ,CAACiB,YAAY,EAAEO,eAAe;QAAE,CAAC;MACvE,CAAC,CAAC;IACN;;IAEA;IACA,OAAOxB,QAAQ,CAACiB,YAAY,EAAEC,cAAc,CAAC;EACjD,CAAC,CAA+B;EAEhC,OAAOjB,gBAAgB,CAAC,GAAGW,WAAW,CAAC;AAC3C,CAAC","ignoreList":[]}
+{"version":3,"names":["isPseudo","getStyle","deepMergeObjects","getTransformStyle","getBoxShadow","getFilterStyle","isShadow","isFilter","isTextShadow","isTransform","isBoxShadow","getTextShadowStyle","getBoxShadowStyle","convertUnistyles","value","hasTextShadow","hasShadow","stylesArray","Object","entries","_web","flatMap","unistylesKey","unistylesValue","includes","startsWith","flattenValues","map","breakpointKey","breakpointValue"],"sourceRoot":"../../../../src","sources":["web/convert/index.ts"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,UAAU;AACnC,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,iBAAiB,EAAEC,YAAY,EAAEC,cAAc,QAAQ,UAAU;AAC1E,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,WAAW,EAAEC,WAAW,QAAQ,SAAS;AACpF,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ,UAAU;AAEhE,OAAO,MAAMC,gBAAgB,GAAIC,KAAsB,IAAK;EACxD;EACA,IAAIC,aAAa,GAAG,KAAK;EACzB;EACA,IAAIC,SAAS,GAAG,KAAK;EAErB,MAAMC,WAAW,GAAGC,MAAM,CAACC,OAAO,CAAC;IAC/B,GAAGL,KAAK;IACR,GAAGA,KAAK,CAACM;EACb,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,CAACC,YAAY,EAAEC,cAAc,CAAC,KAAK;IAC3C;IACA,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,uBAAuB,CAAC,CAACC,QAAQ,CAACF,YAAY,CAAC,IAAIA,YAAY,CAACG,UAAU,CAAC,UAAU,CAAC,EAAE;MACrK,OAAO,EAAE;IACb;;IAEA;IACA,IAAIzB,QAAQ,CAACsB,YAAY,CAAC,EAAE;MACxB,MAAMI,aAAa,GAAGb,gBAAgB,CAACU,cAAiC,CAAC;MAEzE,OAAO;QAAE,CAACD,YAAY,GAAGI;MAAc,CAAC;IAC5C;;IAEA;IACA,IAAIlB,YAAY,CAACc,YAAY,CAAC,EAAE;MAC5B,IAAIP,aAAa,EAAE;QACf,OAAO,EAAE;MACb;MAEAA,aAAa,GAAG,IAAI;MAEpB,OAAOJ,kBAAkB,CAACG,KAAK,CAAC;IACpC;;IAEA;IACA,IAAIR,QAAQ,CAACgB,YAAY,CAAC,EAAE;MACxB,IAAIN,SAAS,EAAE;QACX,OAAO,EAAE;MACb;MAEAA,SAAS,GAAG,IAAI;MAEhB,OAAOJ,iBAAiB,CAACE,KAAK,CAAC;IACnC;IAEA,IAAIP,QAAQ,CAACe,YAAY,EAAEC,cAAc,CAAC,EAAE;MACxC,OAAOlB,cAAc,CAACkB,cAAc,CAAC;IACzC;IAEA,IAAIb,WAAW,CAACY,YAAY,EAAEC,cAAc,CAAC,EAAE;MAC3C,OAAOnB,YAAY,CAACmB,cAAc,CAAC;IACvC;;IAEA;IACA,IAAId,WAAW,CAACa,YAAY,EAAEC,cAAc,CAAC,EAAE;MAC3C,OAAOpB,iBAAiB,CAACoB,cAAc,CAAC;IAC5C;;IAEA;IACA,IAAI,OAAOA,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,IAAI,EAAE;MAC/D,OAAOL,MAAM,CAACC,OAAO,CAACI,cAAc,CAAC,CAACI,GAAG,CAAC,CAAC,CAACC,aAAa,EAAEC,eAAe,CAAC,KAAK;QAC5E,OAAO;UAAE,CAACD,aAAa,GAAG3B,QAAQ,CAACqB,YAAY,EAAEO,eAAe;QAAE,CAAC;MACvE,CAAC,CAAC;IACN;;IAEA;IACA,OAAO5B,QAAQ,CAACqB,YAAY,EAAEC,cAAc,CAAC;EACjD,CAAC,CAA+B;EAEhC,OAAOrB,gBAAgB,CAAC,GAAGe,WAAW,CAAC;AAC3C,CAAC","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+import { normalizeNumericValue } from '../utils';
+import { deepMergeObjects, keyInObject } from '../../utils';
+const createBoxShadowValue = style => {
+  const {
+    offsetX,
+    offsetY,
+    blurRadius = 0,
+    spreadDistance = 0,
+    color = '#000',
+    inset
+  } = style;
+  return `${inset ? 'inset ' : ''}${normalizeNumericValue(offsetX)} ${normalizeNumericValue(offsetY)} ${normalizeNumericValue(blurRadius)} ${normalizeNumericValue(spreadDistance)} ${color}`;
+};
+export const getBoxShadow = boxShadow => {
+  const breakpoints = new Set();
+  boxShadow.forEach(shadow => {
+    const [key] = Object.keys(shadow);
+    const value = shadow[key];
+
+    // Breakpoints
+    if (typeof value === 'object') {
+      Object.keys(value).forEach(breakpoint => breakpoints.add(breakpoint));
+    }
+  });
+  if (breakpoints.size === 0) {
+    const boxShadowStyle = Object.fromEntries(boxShadow.map(shadow => {
+      const [key] = Object.keys(shadow);
+      return [key, shadow[key]];
+    }));
+    return {
+      boxShadow: createBoxShadowValue(boxShadowStyle)
+    };
+  }
+  const breakpointStyles = Array.from(breakpoints).map(breakpoint => {
+    const styles = Object.fromEntries(boxShadow.map(shadow => {
+      const [key] = Object.keys(shadow);
+      const value = shadow[key];
+      if (typeof value === 'object' && keyInObject(value, breakpoint)) {
+        return [key, value[breakpoint]];
+      }
+      return [key, value];
+    }));
+    return {
+      [breakpoint]: {
+        boxShadow: createBoxShadowValue(styles)
+      }
+    };
+  });
+  return deepMergeObjects(...breakpointStyles);
+};
+//# sourceMappingURL=boxShadow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeNumericValue","deepMergeObjects","keyInObject","createBoxShadowValue","style","offsetX","offsetY","blurRadius","spreadDistance","color","inset","getBoxShadow","boxShadow","breakpoints","Set","forEach","shadow","key","Object","keys","value","breakpoint","add","size","boxShadowStyle","fromEntries","map","breakpointStyles","Array","from","styles"],"sourceRoot":"../../../../../src","sources":["web/convert/object/boxShadow.ts"],"mappings":";;AACA,SAASA,qBAAqB,QAAQ,UAAU;AAChD,SAASC,gBAAgB,EAAEC,WAAW,QAAQ,aAAa;AAE3D,MAAMC,oBAAoB,GAAIC,KAAqB,IAAK;EACpD,MAAM;IAAEC,OAAO;IAAEC,OAAO;IAAEC,UAAU,GAAG,CAAC;IAAEC,cAAc,GAAG,CAAC;IAAEC,KAAK,GAAG,MAAM;IAAEC;EAAM,CAAC,GAAGN,KAAK;EAE7F,OAAO,GAAGM,KAAK,GAAG,QAAQ,GAAG,EAAE,GAAGV,qBAAqB,CAACK,OAAO,CAAC,IAAIL,qBAAqB,CAACM,OAAO,CAAC,IAAIN,qBAAqB,CAACO,UAAoB,CAAC,IAAIP,qBAAqB,CAACQ,cAAwB,CAAC,IAAIC,KAAK,EAAE;AACnN,CAAC;AAED,OAAO,MAAME,YAAY,GAAIC,SAAgC,IAAK;EAC9D,MAAMC,WAAW,GAAG,IAAIC,GAAG,CAAS,CAAC;EACrCF,SAAS,CAACG,OAAO,CAACC,MAAM,IAAI;IACxB,MAAM,CAACC,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC;IACjC,MAAMI,KAAK,GAAGJ,MAAM,CAACC,GAAG,CAAyB;;IAEjD;IACA,IAAI,OAAOG,KAAK,KAAK,QAAQ,EAAE;MAC3BF,MAAM,CAACC,IAAI,CAACC,KAAK,CAAC,CAACL,OAAO,CAACM,UAAU,IAAIR,WAAW,CAACS,GAAG,CAACD,UAAU,CAAC,CAAC;IACzE;EACJ,CAAC,CAAC;EAEF,IAAIR,WAAW,CAACU,IAAI,KAAK,CAAC,EAAE;IACxB,MAAMC,cAAc,GAAGN,MAAM,CAACO,WAAW,CAACb,SAAS,CAACc,GAAG,CAACV,MAAM,IAAI;MAC9D,MAAM,CAACC,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC;MACjC,OAAO,CAACC,GAAG,EAAED,MAAM,CAACC,GAAG,CAAyB,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,OAAO;MACHL,SAAS,EAAET,oBAAoB,CAACqB,cAAc;IAClD,CAAC;EACL;EAEA,MAAMG,gBAAgB,GAAGC,KAAK,CAACC,IAAI,CAAChB,WAAW,CAAC,CAACa,GAAG,CAACL,UAAU,IAAI;IAC/D,MAAMS,MAAM,GAAGZ,MAAM,CAACO,WAAW,CAACb,SAAS,CAACc,GAAG,CAACV,MAAM,IAAI;MACtD,MAAM,CAACC,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC;MACjC,MAAMI,KAAK,GAAGJ,MAAM,CAACC,GAAG,CAAyB;MAEjD,IAAI,OAAOG,KAAK,KAAK,QAAQ,IAAIlB,WAAW,CAACkB,KAAK,EAAEC,UAAU,CAAC,EAAE;QAC7D,OAAO,CAACJ,GAAG,EAAEG,KAAK,CAACC,UAAU,CAAC,CAAC;MACnC;MAEA,OAAO,CAACJ,GAAG,EAAEG,KAAK,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,OAAO;MACH,CAACC,UAAU,GAAG;QACVT,SAAS,EAAET,oBAAoB,CAAC2B,MAAM;MAC1C;IACJ,CAAC;EACL,CAAC,CAAC;EAEF,OAAO7B,gBAAgB,CAAC,GAAG0B,gBAAgB,CAAC;AAChD,CAAC","ignoreList":[]}