react-native-unistyles 2.0.0-rc.1 → 2.0.0-rc.2

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

@@ -1 +1 @@
-{"version":3,"names":["normalizeColor","isUnistylesMq","isValidMq","parseMq","generateReactNativeWebId","createMediaQueryForStyles","styles","runtime","withMediaQueries","Object","entries","filter","_ref","value","reduce","acc","_ref2","prop","objectKeys","keys","mediaQueries","key","breakpoints","length","className","breakpointsStyles","getBreakpointsStyles","mediaQueriesStyles","getMediaQueriesFromMQ","trim","getMaxWidthMediaQuery","width","to","Infinity","getMaxHeightMediaQuery","height","_ref3","result","from","normalizePropName","normalizeWebValue","_ref4","breakpoint","undefined","replace","toLowerCase"],"sourceRoot":"../../../src","sources":["utils/cssMediaQuery.ts"],"mappings":"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"}
+{"version":3,"names":["normalizeColor","isUnistylesMq","isValidMq","parseMq","generateReactNativeWebId","createMediaQueryForStyles","styles","runtime","withMediaQueries","Object","entries","filter","value","reduce","acc","prop","objectKeys","keys","mediaQueries","key","breakpoints","length","className","breakpointsStyles","getBreakpointsStyles","mediaQueriesStyles","getMediaQueriesFromMQ","trim","getMaxWidthMediaQuery","width","to","Infinity","getMaxHeightMediaQuery","height","result","from","normalizePropName","normalizeWebValue","breakpoint","undefined","replace","toLowerCase"],"sourceRoot":"../../../src","sources":["utils/cssMediaQuery.ts"],"mappings":"AAAA,SAASA,cAAc,QAAQ,eAAe;AAC9C,SAASC,aAAa,EAAEC,SAAS,EAAEC,OAAO,QAAgC,YAAY;AAEtF,SAASC,wBAAwB,QAAQ,cAAc;AAGvD,OAAO,MAAMC,yBAAyB,GAAGA,CAACC,MAAe,EAAEC,OAAyB,KAAc;EAC9F,MAAMC,gBAAgB,GAAGC,MAAM,CAC1BC,OAAO,CAACJ,MAAM,CAAC,CACfK,MAAM,CAAC,CAAC,GAAGC,KAAK,CAAC,KAAK,OAAOA,KAAK,KAAK,QAAQ,CAAC,CAChDC,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,IAAI,EAAEH,KAAK,CAAC,KAAK;IAC5B,MAAMI,UAAU,GAAGP,MAAM,CAACQ,IAAI,CAACL,KAAK,CAAC;IACrC,MAAMM,YAAY,GAAGF,UAAU,CAACL,MAAM,CAACQ,GAAG,IAAIlB,aAAa,CAACkB,GAAG,CAAC,CAAC;IACjE,MAAMC,WAAW,GAAGJ,UAAU,CAACL,MAAM,CAACQ,GAAG,IAAIZ,OAAO,CAACa,WAAW,CAACD,GAAG,CAAqC,CAAC;IAE1G,IAAID,YAAY,CAACG,MAAM,KAAK,CAAC,IAAID,WAAW,CAACC,MAAM,KAAK,CAAC,EAAE;MACvD,OAAOP,GAAG;IACd;IAEA,MAAMQ,SAAS,GAAGlB,wBAAwB,CAACW,IAAI,EAAE,IAAI,CAAC;IACtD,MAAMQ,iBAAiB,GAAGC,oBAAoB,CAACT,IAAI,EAAEH,KAAK,EAA6BL,OAAO,EAAEe,SAAS,CAAC;IAC1G,MAAMG,kBAAkB,GAAGC,qBAAqB,CAACX,IAAI,EAAEH,KAAK,EAA6BU,SAAS,CAAC;IAEnG,OAAO;MACH,GAAGR,GAAG;MACN,CAACC,IAAI,GAAI;AACzB,sBAAsBQ,iBAAkB;AACxC,sBAAsBE,kBAAmB;AACzC,iBAAiB,CAACE,IAAI,CAAC;IACX,CAAC;EACL,CAAC,EAAE,CAAC,CAAC,CAAC;EAEV,OAAO;IACH,GAAGrB,MAAM;IACT,GAAGE;EACP,CAAC;AACL,CAAC;AAED,MAAMoB,qBAAqB,GAAIC,KAAiC,IAAa;EACzE,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,EAAE;EACb;EAEA,IAAIA,KAAK,CAACC,EAAE,KAAKC,QAAQ,EAAE;IACvB,OAAO,EAAE;EACb;EAEA,OAAQ,mBAAkBF,KAAK,CAACC,EAAG,KAAI;AAC3C,CAAC;AAED,MAAME,sBAAsB,GAAIC,MAAmC,IAAa;EAC5E,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,EAAE;EACb;EAEA,IAAIA,MAAM,CAACH,EAAE,KAAKC,QAAQ,EAAE;IACxB,OAAO,EAAE;EACb;EAEA,OAAQ,oBAAmBE,MAAM,CAACH,EAAG,KAAI;AAC7C,CAAC;AAED,MAAMJ,qBAAqB,GAAGA,CAACX,IAAY,EAAEH,KAA8B,EAAEU,SAAiB,KAAab,MAAM,CAC5GC,OAAO,CAACE,KAAK,CAAC,CACdC,MAAM,CAAC,CAACC,GAAG,EAAE,CAACK,GAAG,EAAEP,KAAK,CAAC,KAAK;EAC3B,MAAMsB,MAAM,GAAG/B,OAAO,CAACgB,GAAG,CAAC;EAE3B,IAAI,CAACjB,SAAS,CAACgC,MAAM,CAAC,EAAE;IACpB,OAAOpB,GAAG;EACd;EAEA,IAAIoB,MAAM,CAACL,KAAK,IAAIK,MAAM,CAACD,MAAM,EAAE;IAC/B,OAAQ,GAAEnB,GAAI;AAC1B;AACA,gDAAgDoB,MAAM,CAACL,KAAK,CAACM,IAAK,wBAAuBD,MAAM,CAACD,MAAM,CAACE,IAAK,OAAMP,qBAAqB,CAACM,MAAM,CAACL,KAAK,CAAE,IAAGG,sBAAsB,CAACE,MAAM,CAACD,MAAM,CAAE;AAC/L,uBAAuBX,SAAU;AACjC,0BAA0Bc,iBAAiB,CAACrB,IAAI,CAAE,KAAIsB,iBAAiB,CAACtB,IAAI,EAAEH,KAAK,CAAE;AACrF;AACA;AACA,aAAa;EACL;EAEA,IAAIsB,MAAM,CAACL,KAAK,EAAE;IACd,OAAQ,GAAEf,GAAI;AAC1B;AACA,gDAAgDoB,MAAM,CAACL,KAAK,CAACM,IAAK,OAAMP,qBAAqB,CAACM,MAAM,CAACL,KAAK,CAAE;AAC5G,uBAAuBP,SAAU;AACjC,0BAA0Bc,iBAAiB,CAACrB,IAAI,CAAE,KAAIsB,iBAAiB,CAACtB,IAAI,EAAEH,KAAK,CAAE;AACrF;AACA;AACA,aAAa;EACL;EAEA,IAAIsB,MAAM,CAACD,MAAM,EAAE;IACf,OAAQ,GAAEnB,GAAI;AAC1B;AACA,iDAAiDoB,MAAM,CAACD,MAAM,CAACE,IAAK,OAAMH,sBAAsB,CAACE,MAAM,CAACD,MAAM,CAAE;AAChH,uBAAuBX,SAAU;AACjC,0BAA0Bc,iBAAiB,CAACrB,IAAI,CAAE,KAAIsB,iBAAiB,CAACtB,IAAI,EAAEH,KAAK,CAAE;AACrF;AACA;AACA,aAAa;EACL;EAEA,OAAOE,GAAG;AACd,CAAC,EAAE,EAAE,CAAC;AAEV,MAAMU,oBAAoB,GAAGA,CAACT,IAAY,EAAEH,KAA8B,EAAEL,OAAyB,EAAEe,SAAiB,KAAab,MAAM,CACtIC,OAAO,CAACE,KAAK,CAAC,CACdC,MAAM,CAAC,CAACC,GAAG,EAAE,CAACK,GAAG,EAAEP,KAAK,CAAC,KAAK;EAC3B,MAAM0B,UAAU,GAAG/B,OAAO,CAACa,WAAW,CAACD,GAAG,CAAqC;EAE/E,IAAImB,UAAU,KAAKC,SAAS,EAAE;IAC1B,OAAOzB,GAAG;EACd;EAEA,OAAQ,GAAEA,GAAI;AACtB;AACA,4CAA4CwB,UAAW;AACvD,mBAAmBhB,SAAU;AAC7B,sBAAsBc,iBAAiB,CAACrB,IAAI,CAAE,KAAIsB,iBAAiB,CAACtB,IAAI,EAAEH,KAAK,CAAE;AACjF;AACA;AACA,SAAS;AACL,CAAC,EAAE,EAAE,CAAC;AAEV,MAAMwB,iBAAiB,GAAIrB,IAAY,IAAKA,IAAI,CAACyB,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAACC,WAAW,CAAC,CAAC;AAElG,MAAMJ,iBAAiB,GAAGA,CAACtB,IAAY,EAAEH,KAAc,KAAa;EAChE,IAAIA,KAAK,KAAK2B,SAAS,EAAE;IACrB,OAAO,OAAO;EAClB;EAEA,QAAQxB,IAAI;IACR;IACA,KAAK,OAAO;IACZ,KAAK,iBAAiB;IACtB,KAAK,aAAa;IAClB,KAAK,mBAAmB;IACxB,KAAK,iBAAiB;IACtB,KAAK,kBAAkB;IACvB,KAAK,gBAAgB;IACrB,KAAK,kBAAkB;IACvB,KAAK,qBAAqB;IAC1B,KAAK,uBAAuB;IAC5B,KAAK,qBAAqB;MACtB,OAAOf,cAAc,CAACY,KAAe,CAAC;;IAE1C;IACA,KAAK,OAAO;IACZ,KAAK,QAAQ;IACb,KAAK,UAAU;IACf,KAAK,WAAW;IAChB,KAAK,UAAU;IACf,KAAK,WAAW;IAChB,KAAK,cAAc;IACnB,KAAK,aAAa;IAClB,KAAK,wBAAwB;IAC7B,KAAK,yBAAyB;IAC9B,KAAK,oBAAoB;IACzB,KAAK,sBAAsB;IAC3B,KAAK,sBAAsB;IAC3B,KAAK,wBAAwB;IAC7B,KAAK,qBAAqB;IAC1B,KAAK,sBAAsB;IAC3B,KAAK,mBAAmB;IACxB,KAAK,iBAAiB;IACtB,KAAK,kBAAkB;IACvB,KAAK,gBAAgB;IACrB,KAAK,QAAQ;IACb,KAAK,MAAM;IACX,KAAK,OAAO;IACZ,KAAK,KAAK;IACV,KAAK,WAAW;IAChB,KAAK,cAAc;IACnB,KAAK,YAAY;IACjB,KAAK,aAAa;IAClB,KAAK,YAAY;IACjB,KAAK,eAAe;IACpB,KAAK,aAAa;IAClB,KAAK,cAAc;IACnB,KAAK,WAAW;IAChB,KAAK,QAAQ;IACb,KAAK,WAAW;IAChB,KAAK,KAAK;IACV,KAAK,QAAQ;IACb,KAAK,SAAS;IACd,KAAK,UAAU;IACf,KAAK,eAAe;MAChB,OAAQ,GAAEA,KAAgB,IAAG;;IAEjC;IACA,KAAK,aAAa;IAClB,KAAK,eAAe;IACpB,KAAK,oBAAoB;IACzB,KAAK,cAAc;IACnB,KAAK,YAAY;IACjB,KAAK,WAAW;IAChB,KAAK,eAAe;IACpB,KAAK,UAAU;IACf,KAAK,MAAM;IACX,KAAK,aAAa;IAClB,KAAK,SAAS;IACd,KAAK,WAAW;IAChB,KAAK,QAAQ;IACb,KAAK,gBAAgB;IACrB,KAAK,UAAU;IACf,KAAK,SAAS;IACd,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,YAAY;IACjB,KAAK,YAAY;IACjB,KAAK,WAAW;IAChB,KAAK,oBAAoB;IACzB,KAAK,WAAW;IAChB,KAAK,qBAAqB;IAC1B,KAAK,YAAY;IACjB,KAAK,eAAe;IACpB,KAAK,aAAa;IAClB,KAAK,eAAe;IACpB,KAAK,WAAW;MACZ,OAAOA,KAAK;;IAEhB;IACA;IACA,KAAK,kBAAkB;IACvB,KAAK,mBAAmB;IACxB,KAAK,gBAAgB;IACrB,KAAK,iBAAiB;IACtB,KAAK,aAAa;IAClB,KAAK,cAAc;IACnB,KAAK,eAAe;IACpB,KAAK,cAAc;IACnB,KAAK,WAAW;IAChB,KAAK,iBAAiB;IACtB,KAAK,YAAY;IACjB,KAAK,kBAAkB;IACvB,KAAK,kBAAkB;IACvB,KAAK,iBAAiB;MAClB,OAAO,EAAE;;IAEb;IACA,KAAK,kBAAkB;IACvB,KAAK,gBAAgB;IACrB,KAAK,gBAAgB;IACrB,KAAK,uBAAuB;IAC5B,KAAK,yBAAyB;IAC9B,KAAK,aAAa;IAClB,KAAK,WAAW;IAChB,KAAK,oBAAoB;IACzB,KAAK,sBAAsB;IAC3B,KAAK,kBAAkB;IACvB,KAAK,OAAO;IACZ,KAAK,KAAK;IACV,KAAK,YAAY;IACjB,KAAK,cAAc;IACnB,KAAK,aAAa;IAClB,KAAK,eAAe;IACpB,KAAK,kBAAkB;IACvB,KAAK,mBAAmB;IACxB,KAAK,oBAAoB;IACzB,KAAK,YAAY;IACjB,KAAK,cAAc;IACnB,KAAK,WAAW;IAChB;MACI,OAAO,EAAE;EACjB;AACJ,CAAC"}

package/lib/module/utils/mq.js

@@ -15,42 +15,18 @@ const getMQValue = value => {
  */
 export const mq = {
   only: {
-    width: function () {
-      let wMin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      let wMax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
-      return `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]`;
-    },
-    height: function () {
-      let hMin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      let hMax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
-      return `:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`;
-    }
-  },
-  width: function () {
-    let wMin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    let wMax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
-    return {
-      and: {
-        height: function () {
-          let hMin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          let hMax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
-          return `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`;
-        }
-      }
-    };
+    width: (wMin = 0, wMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]`,
+    height: (hMin = 0, hMax = Infinity) => `:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
   },
-  height: function () {
-    let hMin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    let hMax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
-    return {
-      and: {
-        width: function () {
-          let wMin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          let wMax = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Infinity;
-          return `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`;
-        }
-      }
-    };
-  }
+  width: (wMin = 0, wMax = Infinity) => ({
+    and: {
+      height: (hMin = 0, hMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
+    }
+  }),
+  height: (hMin = 0, hMax = Infinity) => ({
+    and: {
+      width: (wMin = 0, wMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
+    }
+  })
 };
 //# sourceMappingURL=mq.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["unistyles","getMQValue","value","registry","breakpoints","mq","only","width","wMin","arguments","length","undefined","wMax","Infinity","height","hMin","hMax","and"],"sourceRoot":"../../../src","sources":["utils/mq.ts"],"mappings":"AAEA,SAASA,SAAS,QAAQ,SAAS;AAqBnC,MAAMC,UAAU,GAAIC,KAAwB,IAAK;EAC7C,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAOA,KAAK;EAChB;EAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;IAChB,OAAO,CAAC;EACZ;EAEA,OAAOF,SAAS,CAACG,QAAQ,CAACC,WAAW,CAACF,KAAK,CAAC,IAAI,CAAC;AACrD,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMG,EAAa,GAAG;EACzBC,IAAI,EAAE;IACFC,KAAK,EAAE,SAAAA,CAAA;MAAA,IAACC,IAAuB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;MAAA,IAAEG,IAAa,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGI,QAAQ;MAAA,OAAO,MAAKZ,UAAU,CAACO,IAAI,CAAE,KAAIP,UAAU,CAACW,IAAI,CAAE,GAAE;IAAA,CAAsB;IACvIE,MAAM,EAAE,SAAAA,CAAA;MAAA,IAACC,IAAuB,GAAAN,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;MAAA,IAAEO,IAAa,GAAAP,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGI,QAAQ;MAAA,OAAO,MAAKZ,UAAU,CAACc,IAAI,CAAE,KAAId,UAAU,CAACe,IAAI,CAAE,GAAE;IAAA;EACtH,CAAC;EACDT,KAAK,EAAE,SAAAA,CAAA;IAAA,IAACC,IAAuB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;IAAA,IAAEG,IAAa,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGI,QAAQ;IAAA,OAAM;MAC/DI,GAAG,EAAE;QACDH,MAAM,EAAE,SAAAA,CAAA;UAAA,IAACC,IAAuB,GAAAN,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;UAAA,IAAEO,IAAa,GAAAP,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGI,QAAQ;UAAA,OACxD,MAAKZ,UAAU,CAACO,IAAI,CAAE,KAAIP,UAAU,CAACW,IAAI,CAAE,OAAMX,UAAU,CAACc,IAAI,CAAE,KAAId,UAAU,CAACe,IAAI,CAAE,GAAE;QAAA;MACnG;IACJ,CAAC;EAAA,CAAC;EACFF,MAAM,EAAE,SAAAA,CAAA;IAAA,IAACC,IAAuB,GAAAN,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;IAAA,IAAEO,IAAa,GAAAP,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGI,QAAQ;IAAA,OAAM;MAChEI,GAAG,EAAE;QACDV,KAAK,EAAE,SAAAA,CAAA;UAAA,IAACC,IAAuB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;UAAA,IAAEG,IAAa,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGI,QAAQ;UAAA,OACvD,MAAKZ,UAAU,CAACO,IAAI,CAAE,KAAIP,UAAU,CAACW,IAAI,CAAE,OAAMX,UAAU,CAACc,IAAI,CAAE,KAAId,UAAU,CAACe,IAAI,CAAE,GAAE;QAAA;MACnG;IACJ,CAAC;EAAA;AACL,CAAC"}
+{"version":3,"names":["unistyles","getMQValue","value","registry","breakpoints","mq","only","width","wMin","wMax","Infinity","height","hMin","hMax","and"],"sourceRoot":"../../../src","sources":["utils/mq.ts"],"mappings":"AAEA,SAASA,SAAS,QAAQ,SAAS;AAqBnC,MAAMC,UAAU,GAAIC,KAAwB,IAAK;EAC7C,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAOA,KAAK;EAChB;EAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;IAChB,OAAO,CAAC;EACZ;EAEA,OAAOF,SAAS,CAACG,QAAQ,CAACC,WAAW,CAACF,KAAK,CAAC,IAAI,CAAC;AACrD,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMG,EAAa,GAAG;EACzBC,IAAI,EAAE;IACFC,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,QAAQ,KAAO,MAAKT,UAAU,CAACO,IAAI,CAAE,KAAIP,UAAU,CAACQ,IAAI,CAAE,GAAwB;IACvIE,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGH,QAAQ,KAAO,MAAKT,UAAU,CAACW,IAAI,CAAE,KAAIX,UAAU,CAACY,IAAI,CAAE;EACpH,CAAC;EACDN,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,QAAQ,MAAM;IAC/DI,GAAG,EAAE;MACDH,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGH,QAAQ,KACxD,MAAKT,UAAU,CAACO,IAAI,CAAE,KAAIP,UAAU,CAACQ,IAAI,CAAE,OAAMR,UAAU,CAACW,IAAI,CAAE,KAAIX,UAAU,CAACY,IAAI,CAAE;IACjG;EACJ,CAAC,CAAC;EACFF,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGH,QAAQ,MAAM;IAChEI,GAAG,EAAE;MACDP,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,QAAQ,KACvD,MAAKT,UAAU,CAACO,IAAI,CAAE,KAAIP,UAAU,CAACQ,IAAI,CAAE,OAAMR,UAAU,CAACW,IAAI,CAAE,KAAIX,UAAU,CAACY,IAAI,CAAE;IACjG;EACJ,CAAC;AACL,CAAC"}

package/lib/module/utils/mqParser.js

@@ -63,8 +63,7 @@ const isWithinTheHeight = (height, screenHeight) => {
   return screenHeight >= from && screenHeight <= to;
 };
 export const getKeyForUnistylesMediaQuery = (mediaQueries, screenSize) => {
-  const mq = mediaQueries.find(_ref => {
-    let [key] = _ref;
+  const mq = mediaQueries.find(([key]) => {
     if (!isUnistylesMq(key)) {
       return false;
     }

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

@@ -1 +1 @@
-{"version":3,"names":["IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","parseMq","mq","width","fromW","toW","exec","height","fromH","toH","from","Number","to","undefined","isUnistylesMq","test","isValidMq","parsedMq","isWithinTheWidthAndHeight","screenSize","isWithinTheWidth","isWithinTheHeight","screenWidth","screenHeight","getKeyForUnistylesMediaQuery","mediaQueries","find","_ref","key","at"],"sourceRoot":"../../../src","sources":["utils/mqParser.ts"],"mappings":"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"}
+{"version":3,"names":["IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","parseMq","mq","width","fromW","toW","exec","height","fromH","toH","from","Number","to","undefined","isUnistylesMq","test","isValidMq","parsedMq","isWithinTheWidthAndHeight","screenSize","isWithinTheWidth","isWithinTheHeight","screenWidth","screenHeight","getKeyForUnistylesMediaQuery","mediaQueries","find","key","at"],"sourceRoot":"../../../src","sources":["utils/mqParser.ts"],"mappings":"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"}

package/lib/module/utils/styles.js

@@ -10,50 +10,45 @@ export const isPlatformColor = value => {
   }
   return isAndroid && 'resource_paths' in value && typeof value.resource_paths === 'object';
 };
-export const parseStyle = function (style) {
-  let variant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let parseMediaQueries = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  return Object.entries(style || {}).reduce((acc, _ref) => {
-    let [key, value] = _ref;
-    // nested objects
-    if (key === 'shadowOffset' || key === 'textShadowOffset') {
-      acc[key] = parseStyle(value, variant);
-      return acc;
-    }
+export const parseStyle = (style, variant = {}, parseMediaQueries = true) => Object.entries(style || {}).reduce((acc, [key, value]) => {
+  // nested objects
+  if (key === 'shadowOffset' || key === 'textShadowOffset') {
+    acc[key] = parseStyle(value, variant);
+    return acc;
+  }
 
-    // transforms
-    if (key === 'transform' && Array.isArray(value)) {
-      acc[key] = value.map(value => parseStyle(value, variant));
-      return acc;
-    }
+  // transforms
+  if (key === 'transform' && Array.isArray(value)) {
+    acc[key] = value.map(value => parseStyle(value, variant));
+    return acc;
+  }
 
-    // values or platform colors
-    if (typeof value !== 'object' || isPlatformColor(value)) {
-      acc[key] = value;
-      return acc;
-    }
-    if (key === 'variants') {
-      return {
+  // values or platform colors
+  if (typeof value !== 'object' || isPlatformColor(value)) {
+    acc[key] = value;
+    return acc;
+  }
+  if (key === 'variants') {
+    return {
+      ...acc,
+      ...Object.keys(value).reduce((acc, key) => ({
         ...acc,
-        ...Object.keys(value).reduce((acc, key) => ({
-          ...acc,
-          // this will parse the styles of the selected variant (or default if it is undefined), if selected variant has no styles then it will fallback to default styles
-          ...parseStyle(value[key][variant[key] || 'default'] ?? value[key].default ?? {})
-        }), {})
-      };
-    }
+        // this will parse the styles of the selected variant (or default if it is undefined), if selected variant has no styles then it will fallback to default styles
+        ...parseStyle(value[key][variant[key] || 'default'] ?? value[key].default ?? {})
+      }), {})
+    };
+  }
 
-    // don't parse media queries and breakpoints
-    if (!parseMediaQueries) {
-      return {
-        ...acc,
-        [key]: value
-      };
-    }
+  // don't parse media queries and breakpoints
+  if (!parseMediaQueries) {
     return {
       ...acc,
-      [key]: getValueForBreakpoint(value)
+      [key]: value
     };
-  }, {});
-};
+  }
+  return {
+    ...acc,
+    [key]: getValueForBreakpoint(value)
+  };
+}, {});
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getValueForBreakpoint","isAndroid","isIOS","withPlugins","proxifyFunction","key","fn","variant","Proxy","apply","target","thisArg","argumentsList","parseStyle","isPlatformColor","value","semantic","resource_paths","style","arguments","length","undefined","parseMediaQueries","Object","entries","reduce","acc","_ref","Array","isArray","map","keys","default"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":"AACA,SAASA,qBAAqB,QAAQ,eAAe;AACrD,SAASC,SAAS,EAAEC,KAAK,QAAQ,WAAW;AAC5C,SAASC,WAAW,QAAQ,eAAe;AAE3C,OAAO,MAAMC,eAAe,GAAGA,CAC3BC,GAAW,EACXC,EAAY,EACZC,OAA0C,KAC/B,IAAIC,KAAK,CAACF,EAAE,EAAE;EACzBG,KAAK,EAAEA,CAACC,MAAM,EAAEC,OAAO,EAAEC,aAAa,KAAKT,WAAW,CAACE,GAAG,EAAEQ,UAAU,CAACH,MAAM,CAACD,KAAK,CAACE,OAAO,EAAEC,aAAa,CAAC,EAAEL,OAAO,CAAC;AACzH,CAAC,CAAC;AAEF,OAAO,MAAMO,eAAe,GAAkBC,KAAQ,IAAc;EAChE,IAAIb,KAAK,EAAE;IACP,OAAO,UAAU,IAAIa,KAAK,IAAI,OAAOA,KAAK,CAACC,QAAQ,KAAK,QAAQ;EACpE;EAEA,OAAOf,SAAS,IAAI,gBAAgB,IAAIc,KAAK,IAAI,OAAOA,KAAK,CAACE,cAAc,KAAK,QAAQ;AAC7F,CAAC;AAED,OAAO,MAAMJ,UAAU,GAAG,SAAAA,CACtBK,KAAQ;EAAA,IACRX,OAAyC,GAAAY,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,IAC9CG,iBAAiB,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAAA,OACpBI,MAAM,CACTC,OAAO,CAACN,KAAK,IAAI,CAAC,CAAC,CAAC,CACpBO,MAAM,CAAC,CAACC,GAAG,EAAAC,IAAA,KAAmB;IAAA,IAAjB,CAACtB,GAAG,EAAEU,KAAK,CAAC,GAAAY,IAAA;IACtB;IACA,IAAItB,GAAG,KAAK,cAAc,IAAIA,GAAG,KAAM,kBAAkB,EAAE;MACvDqB,GAAG,CAACrB,GAAG,CAAC,GAAGQ,UAAU,CAACE,KAAK,EAAER,OAAO,CAAC;MAErC,OAAOmB,GAAG;IACd;;IAEA;IACA,IAAIrB,GAAG,KAAK,WAAW,IAAIuB,KAAK,CAACC,OAAO,CAACd,KAAK,CAAC,EAAE;MAC7CW,GAAG,CAACrB,GAAG,CAAC,GAAGU,KAAK,CAACe,GAAG,CAACf,KAAK,IAAIF,UAAU,CAACE,KAAK,EAAER,OAAO,CAAC,CAAC;MAEzD,OAAOmB,GAAG;IACd;;IAEA;IACA,IAAI,OAAOX,KAAK,KAAK,QAAQ,IAAID,eAAe,CAACC,KAAK,CAAC,EAAE;MACrDW,GAAG,CAACrB,GAAG,CAAY,GAAGU,KAAK;MAE3B,OAAOW,GAAG;IACd;IAEA,IAAIrB,GAAG,KAAK,UAAU,EAAE;MACpB,OAAO;QACH,GAAGqB,GAAG;QACN,GAAIH,MAAM,CACLQ,IAAI,CAAChB,KAAK,CAAC,CACXU,MAAM,CAAC,CAACC,GAAG,EAAErB,GAAG,MAAM;UACnB,GAAGqB,GAAG;UACN;UACA,GAAGb,UAAU,CAAEE,KAAK,CAAEV,GAAG,CAAC,CAACE,OAAO,CAACF,GAAG,CAAyB,IAAI,SAAS,CAAC,IAAKU,KAAK,CAAEV,GAAG,CAAC,CAAC2B,OAAO,IAAI,CAAC,CAAC;QAC/G,CAAC,CAAC,EAAE,CAAC,CAAC;MACd,CAAC;IACL;;IAEA;IACA,IAAI,CAACV,iBAAiB,EAAE;MACpB,OAAO;QACH,GAAGI,GAAG;QACN,CAACrB,GAAG,GAAGU;MACX,CAAC;IACL;IAEA,OAAO;MACH,GAAGW,GAAG;MACN,CAACrB,GAAG,GAAGL,qBAAqB,CAACe,KAAgC;IACjE,CAAC;EACL,CAAC,EAAE,CAAC,CAAM,CAAC;AAAA"}
+{"version":3,"names":["getValueForBreakpoint","isAndroid","isIOS","withPlugins","proxifyFunction","key","fn","variant","Proxy","apply","target","thisArg","argumentsList","parseStyle","isPlatformColor","value","semantic","resource_paths","style","parseMediaQueries","Object","entries","reduce","acc","Array","isArray","map","keys","default"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":"AACA,SAASA,qBAAqB,QAAQ,eAAe;AACrD,SAASC,SAAS,EAAEC,KAAK,QAAQ,WAAW;AAC5C,SAASC,WAAW,QAAQ,eAAe;AAE3C,OAAO,MAAMC,eAAe,GAAGA,CAC3BC,GAAW,EACXC,EAAY,EACZC,OAA0C,KAC/B,IAAIC,KAAK,CAACF,EAAE,EAAE;EACzBG,KAAK,EAAEA,CAACC,MAAM,EAAEC,OAAO,EAAEC,aAAa,KAAKT,WAAW,CAACE,GAAG,EAAEQ,UAAU,CAACH,MAAM,CAACD,KAAK,CAACE,OAAO,EAAEC,aAAa,CAAC,EAAEL,OAAO,CAAC;AACzH,CAAC,CAAC;AAEF,OAAO,MAAMO,eAAe,GAAkBC,KAAQ,IAAc;EAChE,IAAIb,KAAK,EAAE;IACP,OAAO,UAAU,IAAIa,KAAK,IAAI,OAAOA,KAAK,CAACC,QAAQ,KAAK,QAAQ;EACpE;EAEA,OAAOf,SAAS,IAAI,gBAAgB,IAAIc,KAAK,IAAI,OAAOA,KAAK,CAACE,cAAc,KAAK,QAAQ;AAC7F,CAAC;AAED,OAAO,MAAMJ,UAAU,GAAGA,CACtBK,KAAQ,EACRX,OAAyC,GAAG,CAAC,CAAC,EAC9CY,iBAAiB,GAAG,IAAI,KACpBC,MAAM,CACTC,OAAO,CAACH,KAAK,IAAI,CAAC,CAAC,CAAC,CACpBI,MAAM,CAAC,CAACC,GAAG,EAAE,CAAClB,GAAG,EAAEU,KAAK,CAAC,KAAK;EAC3B;EACA,IAAIV,GAAG,KAAK,cAAc,IAAIA,GAAG,KAAM,kBAAkB,EAAE;IACvDkB,GAAG,CAAClB,GAAG,CAAC,GAAGQ,UAAU,CAACE,KAAK,EAAER,OAAO,CAAC;IAErC,OAAOgB,GAAG;EACd;;EAEA;EACA,IAAIlB,GAAG,KAAK,WAAW,IAAImB,KAAK,CAACC,OAAO,CAACV,KAAK,CAAC,EAAE;IAC7CQ,GAAG,CAAClB,GAAG,CAAC,GAAGU,KAAK,CAACW,GAAG,CAACX,KAAK,IAAIF,UAAU,CAACE,KAAK,EAAER,OAAO,CAAC,CAAC;IAEzD,OAAOgB,GAAG;EACd;;EAEA;EACA,IAAI,OAAOR,KAAK,KAAK,QAAQ,IAAID,eAAe,CAACC,KAAK,CAAC,EAAE;IACrDQ,GAAG,CAAClB,GAAG,CAAY,GAAGU,KAAK;IAE3B,OAAOQ,GAAG;EACd;EAEA,IAAIlB,GAAG,KAAK,UAAU,EAAE;IACpB,OAAO;MACH,GAAGkB,GAAG;MACN,GAAIH,MAAM,CACLO,IAAI,CAACZ,KAAK,CAAC,CACXO,MAAM,CAAC,CAACC,GAAG,EAAElB,GAAG,MAAM;QACnB,GAAGkB,GAAG;QACN;QACA,GAAGV,UAAU,CAAEE,KAAK,CAAEV,GAAG,CAAC,CAACE,OAAO,CAACF,GAAG,CAAyB,IAAI,SAAS,CAAC,IAAKU,KAAK,CAAEV,GAAG,CAAC,CAACuB,OAAO,IAAI,CAAC,CAAC;MAC/G,CAAC,CAAC,EAAE,CAAC,CAAC;IACd,CAAC;EACL;;EAEA;EACA,IAAI,CAACT,iBAAiB,EAAE;IACpB,OAAO;MACH,GAAGI,GAAG;MACN,CAAClB,GAAG,GAAGU;IACX,CAAC;EACL;EAEA,OAAO;IACH,GAAGQ,GAAG;IACN,CAAClB,GAAG,GAAGL,qBAAqB,CAACe,KAAgC;EACjE,CAAC;AACL,CAAC,EAAE,CAAC,CAAM,CAAC"}

package/lib/typescript/src/core/UnistylesModule.d.ts

@@ -1,6 +1,19 @@
-type UnistylesNativeModule = {
+export declare class UnistylesBridgeWeb {
+    #private;
+    constructor();
     install(): boolean;
-};
-export declare const UnistylesModule: UnistylesNativeModule;
-export {};
+    private useTheme;
+    private useBreakpoints;
+    private useAdaptiveThemes;
+    private addPlugin;
+    private removePlugin;
+    private getTheme;
+    private setupListeners;
+    private getBreakpointFromScreenWidth;
+    private getPreferredColorScheme;
+    private emitPluginChange;
+    private emitThemeChange;
+    private emitLayoutChange;
+}
+export declare const UnistylesModule: UnistylesBridgeWeb;
 //# sourceMappingURL=UnistylesModule.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UnistylesModule.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistylesModule.ts"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IACzB,OAAO,IAAI,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,eAAe,uBAAoD,CAAA"}
+{"version":3,"file":"UnistylesModule.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistylesModule.ts"],"names":[],"mappings":"AAMA,qBAAa,kBAAkB;;;IAuBpB,OAAO;IA6Dd,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,cAAc;IA6BtB,OAAO,CAAC,4BAA4B;IAgBpC,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,gBAAgB;CAe3B;AAED,eAAO,MAAM,eAAe,oBAA2B,CAAA"}

package/lib/typescript/src/core/UnistylesModule.native.d.ts

@@ -0,0 +1,6 @@
+type UnistylesNativeModule = {
+    install(): boolean;
+};
+export declare const UnistylesModule: UnistylesNativeModule;
+export {};
+//# sourceMappingURL=UnistylesModule.native.d.ts.map

package/lib/typescript/src/core/UnistylesModule.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnistylesModule.native.d.ts","sourceRoot":"","sources":["../../../../src/core/UnistylesModule.native.ts"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IACzB,OAAO,IAAI,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,eAAe,uBAAoD,CAAA"}

package/lib/typescript/src/hooks/useCSS.d.ts

@@ -1,3 +1,3 @@
 import type { ReactNativeStyleSheet } from '../types';
-export declare const useCSS: <T>(_stylesheet: ReactNativeStyleSheet<T>) => void;
+export declare const useCSS: <T>(stylesheet: ReactNativeStyleSheet<T>) => void;
 //# sourceMappingURL=useCSS.d.ts.map

package/lib/typescript/src/hooks/useCSS.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCSS.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCSS.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAErD,eAAO,MAAM,MAAM,gDAA+C,IAAU,CAAA"}
+{"version":3,"file":"useCSS.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCSS.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAGrD,eAAO,MAAM,MAAM,mDA6ClB,CAAA"}

package/lib/typescript/src/hooks/useCSS.native.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNativeStyleSheet } from '../types';
+export declare const useCSS: <T>(_stylesheet: ReactNativeStyleSheet<T>) => void;
+//# sourceMappingURL=useCSS.native.d.ts.map

package/lib/typescript/src/hooks/useCSS.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCSS.native.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCSS.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAErD,eAAO,MAAM,MAAM,gDAA+C,IAAU,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "2.0.0-rc.1",
+  "version": "2.0.0-rc.2",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",
@@ -56,17 +56,17 @@
     "@release-it/conventional-changelog": "8.0.1",
     "@testing-library/react-hooks": "8.0.1",
     "@types/jest": "29.5.11",
-    "@types/react": "18.2.43",
+    "@types/react": "18.2.45",
     "@typescript-eslint/eslint-plugin": "6.14.0",
     "@typescript-eslint/eslint-plugin-tslint": "6.14.0",
     "@typescript-eslint/parser": "6.14.0",
     "commitlint": "18.4.3",
     "concurrently": "8.2.2",
-    "eslint": "8.55.0",
+    "eslint": "8.56.0",
     "eslint-config-codemask": "1.1.7",
     "eslint-plugin-functional": "6.0.0",
-    "eslint-plugin-import": "2.29.0",
-    "eslint-plugin-jsdoc": "46.9.0",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-jsdoc": "46.9.1",
     "eslint-plugin-jsx-a11y": "6.8.0",
     "eslint-plugin-nested-if": "1.0.0",
     "eslint-plugin-no-else": "0.2.2",
@@ -136,9 +136,7 @@
     },
     "plugins": {
       "@release-it/conventional-changelog": {
-        "preset": {
-          "name": "conventionalcommits"
-        }
+        "preset": "angular"
       }
     }
   },

package/src/core/UnistylesModule.native.ts

@@ -0,0 +1,7 @@
+import { NativeModules } from 'react-native'
+
+type UnistylesNativeModule = {
+    install(): boolean
+}
+
+export const UnistylesModule = NativeModules?.Unistyles as UnistylesNativeModule

package/src/core/UnistylesModule.ts

@@ -1,7 +1,227 @@
-import { NativeModules } from 'react-native'
+import { NativeEventEmitter, NativeModules } from 'react-native'
+import type { UnistylesThemes, UnistylesBreakpoints } from 'react-native-unistyles'
+import type { ColorSchemeName } from '../types'
+import { normalizeWebStylesPlugin } from '../plugins'
+import { isServer } from '../common'
 
-type UnistylesNativeModule = {
-    install(): boolean
+export class UnistylesBridgeWeb {
+    #timerRef?: ReturnType<typeof setTimeout> = undefined
+    #hasAdaptiveThemes: boolean = false
+    #supportsAutomaticColorScheme = false
+    #screenWidth = isServer ? undefined : window.innerWidth
+    #screenHeight = isServer ? undefined : window.innerHeight
+    #themes: Array<keyof UnistylesThemes> = []
+    #breakpoints: UnistylesBreakpoints = {} as UnistylesBreakpoints
+    #colorScheme: ColorSchemeName = this.getPreferredColorScheme()
+    #themeName: keyof UnistylesThemes = '' as keyof UnistylesThemes
+    #enabledPlugins: Array<string> = [normalizeWebStylesPlugin.name]
+    #unistylesEvents = new NativeEventEmitter(NativeModules.Unistyles)
+    #sortedBreakpointPairs: Array<[keyof UnistylesBreakpoints, number]> = []
+    #breakpoint: keyof UnistylesBreakpoints = '' as keyof UnistylesBreakpoints
+
+    constructor() {
+        if (!isServer) {
+            this.setupListeners()
+            this.#screenWidth = window.innerWidth
+            this.#screenHeight = window.innerHeight
+        }
+    }
+
+    public install() {
+        // @ts-ignore
+        // eslint-disable-next-line no-undef
+        globalThis.__UNISTYLES__ = new Proxy({}, {
+            get: (_target, prop) => {
+                switch (prop) {
+                    case 'themeName':
+                        return this.getTheme()
+                    case 'screenWidth':
+                        return this.#screenWidth
+                    case 'screenHeight':
+                        return this.#screenHeight
+                    case 'breakpoint':
+                        return this.#breakpoint || undefined
+                    case 'breakpoints':
+                        return this.#breakpoints
+                    case 'hasAdaptiveThemes':
+                        return this.#hasAdaptiveThemes
+                    case 'sortedBreakpointPairs':
+                        return this.#sortedBreakpointPairs
+                    case 'enabledPlugins':
+                        return this.#enabledPlugins
+                    case 'colorScheme':
+                        return this.#colorScheme
+                    case 'useTheme':
+                        return (themeName: keyof UnistylesThemes) => this.useTheme(themeName)
+                    case 'useBreakpoints':
+                        return (breakpoints: UnistylesBreakpoints) => this.useBreakpoints(breakpoints)
+                    case 'useAdaptiveThemes':
+                        return (enable: boolean) => this.useAdaptiveThemes(enable)
+                    case 'addPlugin':
+                        return (pluginName: string, notify: boolean) => this.addPlugin(pluginName, notify)
+                    case 'removePlugin':
+                        return (pluginName: string) => this.removePlugin(pluginName)
+                    default:
+                        return Reflect.get(this, prop)
+                }
+            },
+            set: (target, prop, newValue, receiver) => {
+                switch (prop) {
+                    case 'themes': {
+                        this.#themes = newValue
+                        this.#supportsAutomaticColorScheme = newValue.includes('light') && newValue.includes('dark')
+
+                        return true
+                    }
+                    case 'themeName': {
+                        this.#themeName = newValue as keyof UnistylesThemes
+                        this.emitThemeChange()
+
+                        return true
+                    }
+                    default:
+                        return Reflect.set(target, prop, newValue, receiver)
+                }
+            }
+        })
+
+        return true
+    }
+
+    private useTheme(themeName: keyof UnistylesThemes) {
+        this.#themeName = themeName
+        this.emitThemeChange()
+    }
+
+    private useBreakpoints(breakpoints: UnistylesBreakpoints) {
+        this.#breakpoints = breakpoints
+        this.#sortedBreakpointPairs = Object
+            .entries(breakpoints)
+            .sort(([, a], [, b]) => (a ?? 0) - (b ?? 0)) as Array<[keyof UnistylesBreakpoints, number]>
+
+        if (!isServer) {
+            this.#breakpoint = this.getBreakpointFromScreenWidth(this.#screenWidth as number)
+        }
+    }
+
+    private useAdaptiveThemes(enable: boolean) {
+        this.#hasAdaptiveThemes = enable
+
+        if (!this.#hasAdaptiveThemes || !this.#supportsAutomaticColorScheme) {
+            return
+        }
+
+        if (this.#themeName !== this.#colorScheme) {
+            this.#themeName = this.#colorScheme as keyof UnistylesThemes
+            this.emitThemeChange()
+        }
+    }
+
+    private addPlugin(pluginName: string, notify: boolean) {
+        this.#enabledPlugins = [pluginName].concat(this.#enabledPlugins)
+
+        if (notify) {
+            this.emitPluginChange()
+        }
+    }
+
+    private removePlugin(pluginName: string) {
+        this.#enabledPlugins = this.#enabledPlugins.filter(name => name !== pluginName)
+        this.emitPluginChange()
+    }
+
+    private getTheme(): keyof UnistylesThemes {
+
+        if (this.#themes.length === 1) {
+            return this.#themes.at(0) as keyof UnistylesThemes
+        }
+
+        return this.#themeName
+    }
+
+    private setupListeners() {
+        window.addEventListener('resize', () => {
+            clearTimeout(this.#timerRef)
+
+            this.#timerRef = setTimeout(() => {
+                this.#screenWidth = window.innerWidth
+                this.#screenHeight = window.innerHeight
+                this.#breakpoint = this.getBreakpointFromScreenWidth(this.#screenWidth)
+
+                this.emitLayoutChange()
+            }, 100)
+        })
+
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
+            this.#colorScheme = event.matches
+                ? 'dark'
+                : 'light'
+
+            if (!this.#supportsAutomaticColorScheme || !this.#hasAdaptiveThemes) {
+                return
+            }
+
+            if (this.#colorScheme !== this.#themeName) {
+                this.#themeName = this.#colorScheme as keyof UnistylesThemes
+                this.emitThemeChange()
+            }
+        })
+    }
+
+    private getBreakpointFromScreenWidth(width: number): keyof UnistylesBreakpoints {
+        const breakpoint = this.#sortedBreakpointPairs
+            .find(([, value], index, otherBreakpoints) => {
+                const minVal = value
+                const maxVal = otherBreakpoints[index + 1]?.[1]
+
+                if (!maxVal) {
+                    return true
+                }
+
+                return width >= minVal && width < maxVal
+            })
+
+        return breakpoint?.at(0) as keyof UnistylesBreakpoints
+    }
+
+    private getPreferredColorScheme() {
+        if (!isServer && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+            return 'dark'
+        }
+
+        return 'light'
+    }
+
+    private emitPluginChange() {
+        this.#unistylesEvents.emit('__unistylesOnChange', {
+            type: 'plugin'
+        })
+    }
+
+    private emitThemeChange() {
+        this.#unistylesEvents.emit('__unistylesOnChange', {
+            type: 'theme',
+            payload: {
+                themeName: this.#themeName
+            }
+        })
+    }
+
+    private emitLayoutChange() {
+        this.#unistylesEvents.emit('__unistylesOnChange', {
+            type: 'layout',
+            payload: {
+                breakpoint: this.#breakpoint,
+                orientation: (this.#screenWidth as number) > (this.#screenHeight as number)
+                    ? 'landscape'
+                    : 'portrait',
+                screen: {
+                    width: this.#screenWidth,
+                    height: this.#screenHeight
+                }
+            }
+        })
+    }
 }
 
-export const UnistylesModule = NativeModules?.Unistyles as UnistylesNativeModule
+export const UnistylesModule = new UnistylesBridgeWeb()

package/src/hooks/useCSS.native.ts

@@ -0,0 +1,3 @@
+import type { ReactNativeStyleSheet } from '../types'
+
+export const useCSS = <T>(_stylesheet: ReactNativeStyleSheet<T>): void => {}

package/src/hooks/useCSS.ts

@@ -1,3 +1,51 @@
+import { useInsertionEffect, useRef } from 'react'
+import { unistyles } from '../core'
 import type { ReactNativeStyleSheet } from '../types'
+import { generateReactNativeWebId } from '../utils'
 
-export const useCSS = <T>(_stylesheet: ReactNativeStyleSheet<T>): void => {}
+export const useCSS = <T>(stylesheet: ReactNativeStyleSheet<T>) => {
+    const insertedIds = useRef<Array<string>>([])
+
+    useInsertionEffect(() => {
+        if (!unistyles.registry.config.experimentalCSSMediaQueries) {
+            return
+        }
+
+        Object
+            .entries(stylesheet)
+            .forEach(([_key, value]) => {
+                Object.entries(value!)
+                    .forEach(([prop, val]) => {
+                        if (!val.toString().includes('@media')) {
+                            return
+                        }
+
+                        const id = generateReactNativeWebId(prop, '""')
+
+                        if (insertedIds.current.includes(id)) {
+                            return
+                        }
+
+                        const style = document.createElement('style')
+
+                        style.id = id
+                        style.innerHTML = val
+
+                        document.head.appendChild(style)
+                        insertedIds.current = [...insertedIds.current, id]
+                    })
+            })
+
+        return () => {
+            insertedIds.current.forEach(id => {
+                const style = document.getElementById(id)
+
+                if (style) {
+                    style.remove()
+                }
+            })
+
+            insertedIds.current = []
+        }
+    }, [stylesheet])
+}