react-native-unistyles 2.0.0-alpha.9 → 2.0.0-beta.2

package/lib/commonjs/utils/styles.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.proxifyFunction = exports.parseStyle = exports.isPlatformColor = void 0;
 var _breakpoints = require("./breakpoints");
-var _normalizeStyles = require("./normalizeStyles");
-var _common = require("./common");
-const proxifyFunction = (fn, breakpoint, screenSize) => new Proxy(fn, {
-  apply: (target, thisArg, argumentsList) => parseStyle(target.apply(thisArg, argumentsList), breakpoint, screenSize)
+var _common = require("../common");
+var _withPlugins = require("./withPlugins");
+const proxifyFunction = (key, fn, variant) => new Proxy(fn, {
+  apply: (target, thisArg, argumentsList) => (0, _withPlugins.withPlugins)(key, parseStyle(target.apply(thisArg, argumentsList), variant))
 });
 exports.proxifyFunction = proxifyFunction;
 const isPlatformColor = value => {
@@ -18,26 +18,41 @@ const isPlatformColor = value => {
   return _common.isAndroid && 'resource_paths' in value && typeof value.resource_paths === 'object';
 };
 exports.isPlatformColor = isPlatformColor;
-const parseStyle = (style, breakpoint, screenSize) => {
-  const entries = Object.entries(style || {});
-  const parsedStyles = Object.fromEntries(entries.map(_ref => {
+const parseStyle = function (style) {
+  let variant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return Object.entries(style || {}).reduce((acc, _ref) => {
     let [key, value] = _ref;
-    const hasNestedProperties = key === 'shadowOffset' || key === 'textShadowOffset';
-    if (hasNestedProperties) {
-      return [key, parseStyle(value, breakpoint, screenSize)];
+    // nested objects
+    if (key === 'shadowOffset' || key === 'textShadowOffset') {
+      acc[key] = parseStyle(value, variant);
+      return acc;
     }
-    const isTransform = key === 'transform';
-    if (isTransform && Array.isArray(value)) {
-      return [key, value.map(value => parseStyle(value, breakpoint, screenSize))];
+
+    // 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;
     }
-    const isDynamicFunction = typeof value === 'function';
-    const isValidStyle = typeof value !== 'object' || isPlatformColor(value);
-    if (isDynamicFunction || isValidStyle) {
-      return [key, value];
+    if (key === 'variants') {
+      return {
+        ...acc,
+        ...Object.keys(value).reduce((acc, key) => ({
+          ...acc,
+          ...parseStyle(value[key][variant[key] || 'default'] ?? {})
+        }), {})
+      };
     }
-    return [key, (0, _breakpoints.getValueForBreakpoint)(value)];
-  }));
-  return _common.isWeb ? (0, _normalizeStyles.normalizeStyles)(parsedStyles) : parsedStyles;
+    return {
+      ...acc,
+      [key]: (0, _breakpoints.getValueForBreakpoint)(value)
+    };
+  }, {});
 };
 exports.parseStyle = parseStyle;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_breakpoints","require","_normalizeStyles","_common","proxifyFunction","fn","breakpoint","screenSize","Proxy","apply","target","thisArg","argumentsList","parseStyle","exports","isPlatformColor","value","isIOS","semantic","isAndroid","resource_paths","style","entries","Object","parsedStyles","fromEntries","map","_ref","key","hasNestedProperties","isTransform","Array","isArray","isDynamicFunction","isValidStyle","getValueForBreakpoint","isWeb","normalizeStyles"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAEO,MAAMG,eAAe,GAAGA,CAC3BC,EAAY,EAAEC,UAA+C,EAC7DC,UAAsB,KACX,IAAIC,KAAK,CAACH,EAAE,EAAE;EACzBI,KAAK,EAAEA,CAACC,MAAM,EAAEC,OAAO,EAAEC,aAAa,KAClCC,UAAU,CAACH,MAAM,CAACD,KAAK,CAACE,OAAO,EAAEC,aAAa,CAAC,EAAEN,UAAU,EAAEC,UAAU;AAC/E,CAAC,CAAC;AAAAO,OAAA,CAAAV,eAAA,GAAAA,eAAA;AAEK,MAAMW,eAAe,GAAkBC,KAAQ,IAAc;EAChE,IAAIC,aAAK,EAAE;IACP,OAAO,UAAU,IAAID,KAAK,IAAI,OAAOA,KAAK,CAACE,QAAQ,KAAK,QAAQ;EACpE;EAEA,OAAOC,iBAAS,IAAI,gBAAgB,IAAIH,KAAK,IAAI,OAAOA,KAAK,CAACI,cAAc,KAAK,QAAQ;AAC7F,CAAC;AAAAN,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAEM,MAAMF,UAAU,GAAGA,CACtBQ,KAA2B,EAC3Bf,UAA+C,EAC/CC,UAAsB,KAClB;EACJ,MAAMe,OAAO,GAAGC,MAAM,CAACD,OAAO,CAACD,KAAK,IAAI,CAAC,CAAC,CAGzC;EAED,MAAMG,YAAY,GAAGD,MAAM,CACtBE,WAAW,CAACH,OAAO,CACfI,GAAG,CAACC,IAAA,IAAkB;IAAA,IAAjB,CAACC,GAAG,EAAEZ,KAAK,CAAC,GAAAW,IAAA;IACd,MAAME,mBAAmB,GAAGD,GAAG,KAAK,cAAc,IAAIA,GAAG,KAAK,kBAAkB;IAEhF,IAAIC,mBAAmB,EAAE;MACrB,OAAO,CACHD,GAAG,EACHf,UAAU,CAACG,KAAK,EAA0BV,UAAU,EAAEC,UAAU,CAAC,CACpE;IACL;IAEA,MAAMuB,WAAW,GAAGF,GAAG,KAAK,WAAW;IAEvC,IAAIE,WAAW,IAAIC,KAAK,CAACC,OAAO,CAAChB,KAAK,CAAC,EAAE;MACrC,OAAO,CACHY,GAAG,EACHZ,KAAK,CAACU,GAAG,CAACV,KAAK,IAAIH,UAAU,CAACG,KAAK,EAAEV,UAAU,EAAEC,UAAU,CAAC,CAAC,CAChE;IACL;IAEA,MAAM0B,iBAAiB,GAAG,OAAOjB,KAAK,KAAK,UAAU;IACrD,MAAMkB,YAAY,GAAG,OAAOlB,KAAK,KAAK,QAAQ,IAAID,eAAe,CAACC,KAAK,CAAC;IAExE,IAAIiB,iBAAiB,IAAIC,YAAY,EAAE;MACnC,OAAO,CAACN,GAAG,EAAEZ,KAAK,CAAC;IACvB;IAEA,OAAO,CACHY,GAAG,EACH,IAAAO,kCAAqB,EAACnB,KAAqF,CAAC,CAC/G;EACL,CAAC,CACL,CAAC;EAEL,OAAOoB,aAAK,GACN,IAAAC,gCAAe,EAACb,YAAY,CAAC,GAC7BA,YAAY;AACtB,CAAC;AAAAV,OAAA,CAAAD,UAAA,GAAAA,UAAA"}
+{"version":3,"names":["_breakpoints","require","_common","_withPlugins","proxifyFunction","key","fn","variant","Proxy","apply","target","thisArg","argumentsList","withPlugins","parseStyle","exports","isPlatformColor","value","isIOS","semantic","isAndroid","resource_paths","style","arguments","length","undefined","Object","entries","reduce","acc","_ref","Array","isArray","map","keys","getValueForBreakpoint"],"sourceRoot":"../../../src","sources":["utils/styles.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEO,MAAMG,eAAe,GAAGA,CAC3BC,GAAW,EACXC,EAAY,EACZC,OAA0C,KAC/B,IAAIC,KAAK,CAACF,EAAE,EAAE;EACzBG,KAAK,EAAEA,CAACC,MAAM,EAAEC,OAAO,EAAEC,aAAa,KAAK,IAAAC,wBAAW,EAACR,GAAG,EAAES,UAAU,CAACJ,MAAM,CAACD,KAAK,CAACE,OAAO,EAAEC,aAAa,CAAC,EAAEL,OAAO,CAAC;AACzH,CAAC,CAAC;AAAAQ,OAAA,CAAAX,eAAA,GAAAA,eAAA;AAEK,MAAMY,eAAe,GAAkBC,KAAQ,IAAc;EAChE,IAAIC,aAAK,EAAE;IACP,OAAO,UAAU,IAAID,KAAK,IAAI,OAAOA,KAAK,CAACE,QAAQ,KAAK,QAAQ;EACpE;EAEA,OAAOC,iBAAS,IAAI,gBAAgB,IAAIH,KAAK,IAAI,OAAOA,KAAK,CAACI,cAAc,KAAK,QAAQ;AAC7F,CAAC;AAAAN,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAEM,MAAMF,UAAU,GAAG,SAAAA,CACtBQ,KAAQ;EAAA,IACRf,OAAyC,GAAAgB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,OAC1CG,MAAM,CACTC,OAAO,CAACL,KAAK,IAAI,CAAC,CAAC,CAAC,CACpBM,MAAM,CAAC,CAACC,GAAG,EAAAC,IAAA,KAAmB;IAAA,IAAjB,CAACzB,GAAG,EAAEY,KAAK,CAAC,GAAAa,IAAA;IACtB;IACA,IAAIzB,GAAG,KAAK,cAAc,IAAIA,GAAG,KAAM,kBAAkB,EAAE;MACvDwB,GAAG,CAACxB,GAAG,CAAC,GAAGS,UAAU,CAACG,KAAK,EAAEV,OAAO,CAAC;MAErC,OAAOsB,GAAG;IACd;;IAEA;IACA,IAAIxB,GAAG,KAAK,WAAW,IAAI0B,KAAK,CAACC,OAAO,CAACf,KAAK,CAAC,EAAE;MAC7CY,GAAG,CAACxB,GAAG,CAAC,GAAGY,KAAK,CAACgB,GAAG,CAAChB,KAAK,IAAIH,UAAU,CAACG,KAAK,EAAEV,OAAO,CAAC,CAAC;MAEzD,OAAOsB,GAAG;IACd;;IAEA;IACA,IAAI,OAAOZ,KAAK,KAAK,QAAQ,IAAID,eAAe,CAACC,KAAK,CAAC,EAAE;MACrDY,GAAG,CAACxB,GAAG,CAAY,GAAGY,KAAK;MAE3B,OAAOY,GAAG;IACd;IAEA,IAAIxB,GAAG,KAAK,UAAU,EAAE;MACpB,OAAO;QACH,GAAGwB,GAAG;QACN,GAAIH,MAAM,CACLQ,IAAI,CAACjB,KAAK,CAAC,CACXW,MAAM,CAAC,CAACC,GAAG,EAAExB,GAAG,MAAM;UACnB,GAAGwB,GAAG;UACN,GAAGf,UAAU,CAAEG,KAAK,CAAEZ,GAAG,CAAC,CAACE,OAAO,CAACF,GAAG,CAAyB,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;QACvF,CAAC,CAAC,EAAE,CAAC,CAAC;MACd,CAAC;IACL;IAEA,OAAO;MACH,GAAGwB,GAAG;MACN,CAACxB,GAAG,GAAG,IAAA8B,kCAAqB,EAAClB,KAAgC;IACjE,CAAC;EACL,CAAC,EAAE,CAAC,CAAM,CAAC;AAAA;AAAAF,OAAA,CAAAD,UAAA,GAAAA,UAAA"}

package/lib/commonjs/utils/withPlugins.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withPlugins = void 0;
+var _core = require("../core");
+const withPlugins = (key, style) => _core.unistyles.registry.plugins.reduce((acc, plugin) => {
+  if (plugin.onParsedStyle) {
+    return plugin.onParsedStyle(key, acc, _core.unistyles.runtime);
+  }
+  return acc;
+}, style);
+exports.withPlugins = withPlugins;
+//# sourceMappingURL=withPlugins.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","withPlugins","key","style","unistyles","registry","plugins","reduce","acc","plugin","onParsedStyle","runtime","exports"],"sourceRoot":"../../../src","sources":["utils/withPlugins.ts"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAEO,MAAMC,WAAW,GAAGA,CACvBC,GAAW,EACXC,KAAc,KACbC,eAAS,CAACC,QAAQ,CAACC,OAAO,CAACC,MAAM,CAAC,CAACC,GAAG,EAAEC,MAAM,KAAK;EACpD,IAAIA,MAAM,CAACC,aAAa,EAAE;IACtB,OAAOD,MAAM,CAACC,aAAa,CAACR,GAAG,EAAEM,GAAG,EAAEJ,eAAS,CAACO,OAAO,CAAC;EAC5D;EAEA,OAAOH,GAAG;AACd,CAAC,EAAEL,KAAK,CAAC;AAAAS,OAAA,CAAAX,WAAA,GAAAA,WAAA"}

package/lib/module/common.js

@@ -1,22 +1,33 @@
-export let CxxUnistylesEventTypes = /*#__PURE__*/function (CxxUnistylesEventTypes) {
-  CxxUnistylesEventTypes["Theme"] = "theme";
-  CxxUnistylesEventTypes["Layout"] = "layout";
-  return CxxUnistylesEventTypes;
+import { Platform } from 'react-native';
+export const warn = message => {
+  console.warn(`🦄 [react-native-unistyles]: ${message}`);
+};
+export const isWeb = Platform.OS === 'web';
+export const isIOS = Platform.OS === 'ios';
+export const isAndroid = Platform.OS === 'android';
+export const isMobile = isIOS || isAndroid;
+export const isServer = typeof window === 'undefined';
+export const ScreenOrientation = {
+  Landscape: 'landscape',
+  Portrait: 'portrait'
+};
+export let UnistylesEventType = /*#__PURE__*/function (UnistylesEventType) {
+  UnistylesEventType["Theme"] = "theme";
+  UnistylesEventType["Layout"] = "layout";
+  UnistylesEventType["Plugin"] = "plugin";
+  return UnistylesEventType;
 }({});
 export let UnistylesError = /*#__PURE__*/function (UnistylesError) {
-  UnistylesError["RuntimeUnavailable"] = "UNISTYLES_ERROR_RUNTIME_UNAVAILABLE";
-  UnistylesError["ThemeNotFound"] = "UNISTYLES_ERROR_THEME_NOT_FOUND";
-  UnistylesError["ThemeNotRegistered"] = "UNISTYLES_ERROR_THEME_NOT_REGISTERED";
-  UnistylesError["ThemesCannotBeEmpty"] = "UNISTYLES_ERROR_THEMES_CANNOT_BE_EMPTY";
-  UnistylesError["BreakpointsCannotBeEmpty"] = "UNISTYLES_ERROR_BREAKPOINTS_CANNOT_BE_EMPTY";
-  UnistylesError["BreakpointsMustStartFromZero"] = "UNISTYLES_ERROR_BREAKPOINTS_MUST_START_FROM_ZERO";
+  UnistylesError["RuntimeUnavailable"] = "Unistyles runtime is not available. Make sure you followed the installation instructions";
+  UnistylesError["ThemeNotFound"] = "You are trying to get a theme that is not registered with UnistylesRegistry";
+  UnistylesError["ThemeNotRegistered"] = "You are trying to set a theme that was not registered with UnistylesRegistry";
+  UnistylesError["ThemeNotSelected"] = "Your themes are registered, but you didn't select the initial theme";
+  UnistylesError["ThemesCannotBeEmpty"] = "You are trying to register empty themes object";
+  UnistylesError["BreakpointsCannotBeEmpty"] = "You are trying to register empty breakpoints object";
+  UnistylesError["BreakpointsMustStartFromZero"] = "You are trying to register breakpoints that don't start from 0";
+  UnistylesError["InvalidPluginName"] = "Plugin name can't start from reserved prefix __unistyles";
+  UnistylesError["DuplicatePluginName"] = "You are trying to register a plugin with a name that is already registered";
+  UnistylesError["CantRemoveInternalPlugin"] = "You are trying to remove an internal unistyles plugin";
   return UnistylesError;
 }({});
-
-// todo to string?
-export let ScreenOrientation = /*#__PURE__*/function (ScreenOrientation) {
-  ScreenOrientation[ScreenOrientation["Portrait"] = 1] = "Portrait";
-  ScreenOrientation[ScreenOrientation["Landscape"] = 2] = "Landscape";
-  return ScreenOrientation;
-}({});
 //# sourceMappingURL=common.js.map

package/lib/module/common.js.map

@@ -1 +1 @@
-{"version":3,"names":["CxxUnistylesEventTypes","UnistylesError","ScreenOrientation"],"sourceRoot":"../../src","sources":["common.ts"],"mappings":"AAAA,WAAYA,sBAAsB,0BAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA;AAKlC,WAAYC,cAAc,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA;;AAS1B;AACA,WAAYC,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAjBA,iBAAiB,CAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA"}
+{"version":3,"names":["Platform","warn","message","console","isWeb","OS","isIOS","isAndroid","isMobile","isServer","window","ScreenOrientation","Landscape","Portrait","UnistylesEventType","UnistylesError"],"sourceRoot":"../../src","sources":["common.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,IAAI,GAAIC,OAAe,IAAK;EACrCC,OAAO,CAACF,IAAI,CAAE,gCAA+BC,OAAQ,EAAC,CAAC;AAC3D,CAAC;AAED,OAAO,MAAME,KAAK,GAAGJ,QAAQ,CAACK,EAAE,KAAK,KAAK;AAC1C,OAAO,MAAMC,KAAK,GAAGN,QAAQ,CAACK,EAAE,KAAK,KAAK;AAC1C,OAAO,MAAME,SAAS,GAAGP,QAAQ,CAACK,EAAE,KAAK,SAAS;AAClD,OAAO,MAAMG,QAAQ,GAAGF,KAAK,IAAIC,SAAS;AAC1C,OAAO,MAAME,QAAQ,GAAG,OAAOC,MAAM,KAAK,WAAW;AAErD,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,SAAS,EAAE,WAAW;EACtBC,QAAQ,EAAE;AACd,CAAU;AAEV,WAAYC,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA;AAM9B,WAAYC,cAAc,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA"}

package/lib/module/core/UnistyleRegistry.js

@@ -1,5 +1,8 @@
+import { isWeb, UnistylesError } from '../common';
+import { normalizeWebStylesPlugin } from '../plugins';
 export class UnistyleRegistry {
   config = {};
+  plugins = isWeb ? [normalizeWebStylesPlugin] : [];
   themeNames = [];
   themes = {};
   breakpoints = {};
@@ -12,20 +15,79 @@ export class UnistyleRegistry {
     const keys = Object.keys(themes);
     this.unistylesBridge.themes = keys;
     this.themeNames = keys;
-    return this;
+    return {
+      addBreakpoints: this.addBreakpoints,
+      addConfig: this.addConfig
+    };
   };
   addBreakpoints = breakpoints => {
     this.breakpoints = breakpoints;
     this.unistylesBridge.useBreakpoints(breakpoints);
     this.sortedBreakpointPairs = this.unistylesBridge.sortedBreakpointPairs;
-    return this;
+    return {
+      addThemes: this.addThemes,
+      addConfig: this.addConfig
+    };
   };
   addConfig = config => {
     this.config = config;
     if (config.adaptiveThemes) {
       this.unistylesBridge.useAdaptiveThemes(config.adaptiveThemes);
     }
-    return this;
+    if (config.experimentalPlugins) {
+      config.experimentalPlugins.forEach(plugin => this.addPlugin(plugin, false));
+    }
+    if (config.initialTheme) {
+      this.unistylesBridge.useTheme(config.initialTheme);
+    }
+    return {
+      addBreakpoints: this.addBreakpoints,
+      addThemes: this.addThemes
+    };
+  };
+  getTheme = forName => {
+    if (this.themeNames.length === 0) {
+      return {};
+    }
+    if (this.hasTheme(forName)) {
+      return this.themes[forName];
+    }
+    if (this.unistylesBridge.themeName) {
+      throw new Error(UnistylesError.ThemeNotFound);
+    }
+    throw new Error(UnistylesError.ThemeNotSelected);
+  };
+  addPlugin = (() => {
+    var _this = this;
+    return function (plugin) {
+      let notify = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      if (plugin.name.startsWith('__unistyles')) {
+        throw new Error(UnistylesError.InvalidPluginName);
+      }
+      if (_this.plugins.some(_ref => {
+        let {
+          name
+        } = _ref;
+        return name === plugin.name;
+      })) {
+        throw new Error(UnistylesError.DuplicatePluginName);
+      }
+      _this.plugins = [plugin].concat(_this.plugins);
+      _this.unistylesBridge.addPlugin(plugin.name, notify);
+    };
+  })();
+  removePlugin = plugin => {
+    if (plugin.name.startsWith('__unistyles')) {
+      throw new Error(UnistylesError.CantRemoveInternalPlugin);
+    }
+    this.plugins = this.plugins.filter(_ref2 => {
+      let {
+        name
+      } = _ref2;
+      return name !== plugin.name;
+    });
+    this.unistylesBridge.removePlugin(plugin.name);
   };
+  hasTheme = name => name in this.themes;
 }
 //# sourceMappingURL=UnistyleRegistry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["UnistyleRegistry","config","themeNames","themes","breakpoints","sortedBreakpointPairs","constructor","unistylesBridge","addThemes","keys","Object","addBreakpoints","useBreakpoints","addConfig","adaptiveThemes","useAdaptiveThemes"],"sourceRoot":"../../../src","sources":["core/UnistyleRegistry.ts"],"mappings":"AAGA,OAAO,MAAMA,gBAAgB,CAAC;EACnBC,MAAM,GAAoB,CAAC,CAAC;EAC5BC,UAAU,GAAiC,EAAE;EAC7CC,MAAM,GAAoB,CAAC,CAAC;EAC5BC,WAAW,GAAyB,CAAC,CAAC;EACtCC,qBAAqB,GAA0F,EAAE;EAExHC,WAAWA,CAASC,eAAgC,EAAE;IAAA,KAAlCA,eAAgC,GAAhCA,eAAgC;EAAG;EAEhDC,SAAS,GAAIL,MAAuB,IAAK;IAC5C,IAAI,CAACA,MAAM,GAAGA,MAAM;IAEpB,MAAMM,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACN,MAAM,CAAiC;IAEhE,IAAI,CAACI,eAAe,CAACJ,MAAM,GAAGM,IAAI;IAClC,IAAI,CAACP,UAAU,GAAGO,IAAI;IAEtB,OAAO,IAAI;EACf,CAAC;EAEME,cAAc,GAAIP,WAAiC,IAAK;IAC3D,IAAI,CAACA,WAAW,GAAGA,WAAW;IAC9B,IAAI,CAACG,eAAe,CAACK,cAAc,CAACR,WAAW,CAAC;IAChD,IAAI,CAACC,qBAAqB,GAAG,IAAI,CAACE,eAAe,CAACF,qBAAqB;IAEvE,OAAO,IAAI;EACf,CAAC;EAEMQ,SAAS,GAAIZ,MAAuB,IAAK;IAC5C,IAAI,CAACA,MAAM,GAAGA,MAAM;IAEpB,IAAIA,MAAM,CAACa,cAAc,EAAE;MACvB,IAAI,CAACP,eAAe,CAACQ,iBAAiB,CAACd,MAAM,CAACa,cAAc,CAAC;IACjE;IAEA,OAAO,IAAI;EACf,CAAC;AACL"}
+{"version":3,"names":["isWeb","UnistylesError","normalizeWebStylesPlugin","UnistyleRegistry","config","plugins","themeNames","themes","breakpoints","sortedBreakpointPairs","constructor","unistylesBridge","addThemes","keys","Object","addBreakpoints","addConfig","useBreakpoints","adaptiveThemes","useAdaptiveThemes","experimentalPlugins","forEach","plugin","addPlugin","initialTheme","useTheme","getTheme","forName","length","hasTheme","themeName","Error","ThemeNotFound","ThemeNotSelected","_this","notify","arguments","undefined","name","startsWith","InvalidPluginName","some","_ref","DuplicatePluginName","concat","removePlugin","CantRemoveInternalPlugin","filter","_ref2"],"sourceRoot":"../../../src","sources":["core/UnistyleRegistry.ts"],"mappings":"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"}

package/lib/module/core/Unistyles.js

@@ -1,7 +1,7 @@
 import { UnistylesModule } from './UnistylesModule';
 import { UnistylesRuntime } from './UnistylesRuntime';
 import { UnistyleRegistry } from './UnistyleRegistry';
-import { UnistylesError } from '../common';
+import { UnistylesError, isWeb } from '../common';
 class Unistyles {
   constructor() {
     const isInstalled = UnistylesModule?.install() ?? false;
@@ -10,7 +10,7 @@ class Unistyles {
     }
 
     // @ts-ignore
-    this._bridge = global.__UNISTYLES__;
+    this._bridge = (isWeb ? window : global).__UNISTYLES__;
     this._registry = new UnistyleRegistry(this._bridge);
     this._runtime = new UnistylesRuntime(this._bridge, this._registry);
   }

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

@@ -1 +1 @@
-{"version":3,"names":["UnistylesModule","UnistylesRuntime","UnistyleRegistry","UnistylesError","Unistyles","constructor","isInstalled","install","Error","RuntimeUnavailable","_bridge","global","__UNISTYLES__","_registry","_runtime","registry","runtime","unistyles"],"sourceRoot":"../../../src","sources":["core/Unistyles.ts"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB;AACnD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,cAAc,QAAQ,WAAW;AAE1C,MAAMC,SAAS,CAAC;EAKZC,WAAWA,CAAA,EAAG;IACV,MAAMC,WAAW,GAAGN,eAAe,EAAEO,OAAO,CAAC,CAAC,IAAI,KAAK;IAEvD,IAAI,CAACD,WAAW,EAAE;MACd,MAAM,IAAIE,KAAK,CAACL,cAAc,CAACM,kBAAkB,CAAC;IACtD;;IAEA;IACA,IAAI,CAACC,OAAO,GAAGC,MAAM,CAACC,aAAgC;IACtD,IAAI,CAACC,SAAS,GAAG,IAAIX,gBAAgB,CAAC,IAAI,CAACQ,OAAO,CAAC;IACnD,IAAI,CAACI,QAAQ,GAAG,IAAIb,gBAAgB,CAAC,IAAI,CAACS,OAAO,EAAE,IAAI,CAACG,SAAS,CAAC;EACtE;EAEA,IAAWE,QAAQA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACF,SAAS;EACzB;EAEA,IAAWG,OAAOA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACF,QAAQ;EACxB;AACJ;AAEA,OAAO,MAAMG,SAAS,GAAG,IAAIb,SAAS,CAAC,CAAC"}
+{"version":3,"names":["UnistylesModule","UnistylesRuntime","UnistyleRegistry","UnistylesError","isWeb","Unistyles","constructor","isInstalled","install","Error","RuntimeUnavailable","_bridge","window","global","__UNISTYLES__","_registry","_runtime","registry","runtime","unistyles"],"sourceRoot":"../../../src","sources":["core/Unistyles.ts"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB;AACnD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,cAAc,EAAEC,KAAK,QAAQ,WAAW;AAEjD,MAAMC,SAAS,CAAC;EAKZC,WAAWA,CAAA,EAAG;IACV,MAAMC,WAAW,GAAGP,eAAe,EAAEQ,OAAO,CAAC,CAAC,IAAI,KAAK;IAEvD,IAAI,CAACD,WAAW,EAAE;MACd,MAAM,IAAIE,KAAK,CAACN,cAAc,CAACO,kBAAkB,CAAC;IACtD;;IAEA;IACA,IAAI,CAACC,OAAO,GAAG,CAACP,KAAK,GAAGQ,MAAM,GAAGC,MAAM,EAAEC,aAAgC;IACzE,IAAI,CAACC,SAAS,GAAG,IAAIb,gBAAgB,CAAC,IAAI,CAACS,OAAO,CAAC;IACnD,IAAI,CAACK,QAAQ,GAAG,IAAIf,gBAAgB,CAAC,IAAI,CAACU,OAAO,EAAE,IAAI,CAACI,SAAS,CAAC;EACtE;EAEA,IAAWE,QAAQA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACF,SAAS;EACzB;EAEA,IAAWG,OAAOA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACF,QAAQ;EACxB;AACJ;AAEA,OAAO,MAAMG,SAAS,GAAG,IAAId,SAAS,CAAC,CAAC"}

package/lib/module/core/UnistylesModule.web.js

@@ -0,0 +1,180 @@
+import { NativeEventEmitter, NativeModules } from 'react-native';
+import { normalizeWebStylesPlugin } from '../plugins';
+export class UnistylesBridgeWeb {
+  #timerRef = undefined;
+  #hasAdaptiveThemes = false;
+  #supportsAutomaticColorScheme = false;
+  #screenWidth = window.innerWidth;
+  #screenHeight = window.innerHeight;
+  #themes = [];
+  #colorScheme = this.getPreferredColorScheme();
+  #themeName = '';
+  #enabledPlugins = [normalizeWebStylesPlugin.name];
+  #unistylesEvents = new NativeEventEmitter(NativeModules.Unistyles);
+  #sortedBreakpointPairs = [];
+  #breakpoint = '';
+  constructor() {
+    this.setupListeners();
+  }
+  install() {
+    // @ts-ignore
+    window.__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 'hasAdaptiveThemes':
+            return this.#hasAdaptiveThemes;
+          case 'sortedBreakpointPairs':
+            return this.#sortedBreakpointPairs;
+          case 'enabledPlugins':
+            return this.#enabledPlugins;
+          case 'colorScheme':
+            return this.#colorScheme;
+          case 'useTheme':
+            return themeName => this.useTheme(themeName);
+          case 'useBreakpoints':
+            return breakpoints => this.useBreakpoints(breakpoints);
+          case 'useAdaptiveThemes':
+            return enable => this.useAdaptiveThemes(enable);
+          case 'addPlugin':
+            return (pluginName, notify) => this.addPlugin(pluginName, notify);
+          case 'removePlugin':
+            return pluginName => 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;
+              this.emitThemeChange();
+              return true;
+            }
+          default:
+            return Reflect.set(target, prop, newValue, receiver);
+        }
+      }
+    });
+    return true;
+  }
+  useTheme(themeName) {
+    this.#themeName = themeName;
+    this.emitThemeChange();
+  }
+  useBreakpoints(breakpoints) {
+    this.#sortedBreakpointPairs = Object.entries(breakpoints).sort((_ref, _ref2) => {
+      let [, a] = _ref;
+      let [, b] = _ref2;
+      return (a ?? 0) - (b ?? 0);
+    });
+    this.#breakpoint = this.getBreakpointFromScreenWidth(this.#screenWidth);
+  }
+  useAdaptiveThemes(enable) {
+    this.#hasAdaptiveThemes = enable;
+    if (!this.#hasAdaptiveThemes || !this.#supportsAutomaticColorScheme) {
+      return;
+    }
+    if (this.#themeName !== this.#colorScheme) {
+      this.#themeName = this.#colorScheme;
+      this.emitThemeChange();
+    }
+  }
+  addPlugin(pluginName, notify) {
+    this.#enabledPlugins = [pluginName].concat(this.#enabledPlugins);
+    if (notify) {
+      this.emitPluginChange();
+    }
+  }
+  removePlugin(pluginName) {
+    this.#enabledPlugins = this.#enabledPlugins.filter(name => name !== pluginName);
+    this.emitPluginChange();
+  }
+  getTheme() {
+    if (this.#themes.length === 1) {
+      return this.#themes.at(0);
+    }
+    return this.#themeName;
+  }
+  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;
+        this.emitThemeChange();
+      }
+    });
+  }
+  getBreakpointFromScreenWidth(width) {
+    const breakpoint = this.#sortedBreakpointPairs.find((_ref3, index, otherBreakpoints) => {
+      let [, value] = _ref3;
+      const minVal = value;
+      const maxVal = otherBreakpoints[index + 1]?.[1];
+      if (!maxVal) {
+        return true;
+      }
+      return width >= minVal && width < maxVal;
+    });
+    return breakpoint?.at(0);
+  }
+  getPreferredColorScheme() {
+    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+      return 'dark';
+    }
+    return 'light';
+  }
+  emitPluginChange() {
+    this.#unistylesEvents.emit('__unistylesOnChange', {
+      type: 'plugin'
+    });
+  }
+  emitThemeChange() {
+    this.#unistylesEvents.emit('__unistylesOnChange', {
+      type: 'theme',
+      payload: {
+        themeName: this.#themeName
+      }
+    });
+  }
+  emitLayoutChange() {
+    this.#unistylesEvents.emit('__unistylesOnChange', {
+      type: 'layout',
+      payload: {
+        breakpoint: this.#breakpoint,
+        orientation: this.#screenWidth > this.#screenHeight ? 'landscape' : 'portrait',
+        screen: {
+          width: this.#screenWidth,
+          height: this.#screenHeight
+        }
+      }
+    });
+  }
+}
+export const UnistylesModule = new UnistylesBridgeWeb();
+//# sourceMappingURL=UnistylesModule.web.js.map

package/lib/module/core/UnistylesModule.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NativeEventEmitter","NativeModules","normalizeWebStylesPlugin","UnistylesBridgeWeb","timerRef","undefined","hasAdaptiveThemes","supportsAutomaticColorScheme","screenWidth","window","innerWidth","screenHeight","innerHeight","themes","colorScheme","getPreferredColorScheme","themeName","enabledPlugins","name","unistylesEvents","Unistyles","sortedBreakpointPairs","breakpoint","constructor","setupListeners","install","__UNISTYLES__","Proxy","get","_target","prop","getTheme","useTheme","breakpoints","useBreakpoints","enable","useAdaptiveThemes","pluginName","notify","addPlugin","removePlugin","Reflect","set","target","newValue","receiver","includes","emitThemeChange","Object","entries","sort","_ref","_ref2","a","b","getBreakpointFromScreenWidth","concat","emitPluginChange","filter","length","at","addEventListener","clearTimeout","setTimeout","emitLayoutChange","matchMedia","event","matches","width","find","_ref3","index","otherBreakpoints","value","minVal","maxVal","emit","type","payload","orientation","screen","height","UnistylesModule"],"sourceRoot":"../../../src","sources":["core/UnistylesModule.web.ts"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAGhE,SAASC,wBAAwB,QAAQ,YAAY;AAErD,OAAO,MAAMC,kBAAkB,CAAC;EAC5B,CAACC,QAAQ,GAAmCC,SAAS;EACrD,CAACC,iBAAiB,GAAY,KAAK;EACnC,CAACC,4BAA4B,GAAG,KAAK;EACrC,CAACC,WAAW,GAAWC,MAAM,CAACC,UAAU;EACxC,CAACC,YAAY,GAAWF,MAAM,CAACG,WAAW;EAC1C,CAACC,MAAM,GAAiC,EAAE;EAC1C,CAACC,WAAW,GAAoB,IAAI,CAACC,uBAAuB,CAAC,CAAC;EAC9D,CAACC,SAAS,GAA0B,EAAE;EACtC,CAACC,cAAc,GAAkB,CAACf,wBAAwB,CAACgB,IAAI,CAAC;EAChE,CAACC,eAAe,GAAG,IAAInB,kBAAkB,CAACC,aAAa,CAACmB,SAAS,CAAC;EAClE,CAACC,qBAAqB,GAAgD,EAAE;EACxE,CAACC,UAAU,GAA+B,EAAE;EAE5CC,WAAWA,CAAA,EAAG;IACV,IAAI,CAACC,cAAc,CAAC,CAAC;EACzB;EAEOC,OAAOA,CAAA,EAAG;IACb;IACAhB,MAAM,CAACiB,aAAa,GAAG,IAAIC,KAAK,CAAC,CAAC,CAAC,EAAE;MACjCC,GAAG,EAAEA,CAACC,OAAO,EAAEC,IAAI,KAAK;QACpB,QAAQA,IAAI;UACR,KAAK,WAAW;YACZ,OAAO,IAAI,CAACC,QAAQ,CAAC,CAAC;UAC1B,KAAK,aAAa;YACd,OAAO,IAAI,CAAC,CAACvB,WAAW;UAC5B,KAAK,cAAc;YACf,OAAO,IAAI,CAAC,CAACG,YAAY;UAC7B,KAAK,YAAY;YACb,OAAO,IAAI,CAAC,CAACW,UAAU,IAAIjB,SAAS;UACxC,KAAK,mBAAmB;YACpB,OAAO,IAAI,CAAC,CAACC,iBAAiB;UAClC,KAAK,uBAAuB;YACxB,OAAO,IAAI,CAAC,CAACe,qBAAqB;UACtC,KAAK,gBAAgB;YACjB,OAAO,IAAI,CAAC,CAACJ,cAAc;UAC/B,KAAK,aAAa;YACd,OAAO,IAAI,CAAC,CAACH,WAAW;UAC5B,KAAK,UAAU;YACX,OAAQE,SAAgC,IAAK,IAAI,CAACgB,QAAQ,CAAChB,SAAS,CAAC;UACzE,KAAK,gBAAgB;YACjB,OAAQiB,WAAiC,IAAK,IAAI,CAACC,cAAc,CAACD,WAAW,CAAC;UAClF,KAAK,mBAAmB;YACpB,OAAQE,MAAe,IAAK,IAAI,CAACC,iBAAiB,CAACD,MAAM,CAAC;UAC9D,KAAK,WAAW;YACZ,OAAO,CAACE,UAAkB,EAAEC,MAAe,KAAK,IAAI,CAACC,SAAS,CAACF,UAAU,EAAEC,MAAM,CAAC;UACtF,KAAK,cAAc;YACf,OAAQD,UAAkB,IAAK,IAAI,CAACG,YAAY,CAACH,UAAU,CAAC;UAChE;YACI,OAAOI,OAAO,CAACb,GAAG,CAAC,IAAI,EAAEE,IAAI,CAAC;QACtC;MACJ,CAAC;MACDY,GAAG,EAAEA,CAACC,MAAM,EAAEb,IAAI,EAAEc,QAAQ,EAAEC,QAAQ,KAAK;QACvC,QAAQf,IAAI;UACR,KAAK,QAAQ;YAAE;cACX,IAAI,CAAC,CAACjB,MAAM,GAAG+B,QAAQ;cACvB,IAAI,CAAC,CAACrC,4BAA4B,GAAGqC,QAAQ,CAACE,QAAQ,CAAC,OAAO,CAAC,IAAIF,QAAQ,CAACE,QAAQ,CAAC,MAAM,CAAC;cAE5F,OAAO,IAAI;YACf;UACA,KAAK,WAAW;YAAE;cACd,IAAI,CAAC,CAAC9B,SAAS,GAAG4B,QAAiC;cACnD,IAAI,CAACG,eAAe,CAAC,CAAC;cAEtB,OAAO,IAAI;YACf;UACA;YACI,OAAON,OAAO,CAACC,GAAG,CAACC,MAAM,EAAEb,IAAI,EAAEc,QAAQ,EAAEC,QAAQ,CAAC;QAC5D;MACJ;IACJ,CAAC,CAAC;IAEF,OAAO,IAAI;EACf;EAEQb,QAAQA,CAAChB,SAAgC,EAAE;IAC/C,IAAI,CAAC,CAACA,SAAS,GAAGA,SAAS;IAC3B,IAAI,CAAC+B,eAAe,CAAC,CAAC;EAC1B;EAEQb,cAAcA,CAACD,WAAiC,EAAE;IACtD,IAAI,CAAC,CAACZ,qBAAqB,GAAG2B,MAAM,CAC/BC,OAAO,CAAChB,WAAW,CAAC,CACpBiB,IAAI,CAAC,CAAAC,IAAA,EAAAC,KAAA;MAAA,IAAC,GAAGC,CAAC,CAAC,GAAAF,IAAA;MAAA,IAAE,GAAGG,CAAC,CAAC,GAAAF,KAAA;MAAA,OAAK,CAACC,CAAC,IAAI,CAAC,KAAKC,CAAC,IAAI,CAAC,CAAC;IAAA,EAAgD;IAC/F,IAAI,CAAC,CAAChC,UAAU,GAAG,IAAI,CAACiC,4BAA4B,CAAC,IAAI,CAAC,CAAC/C,WAAW,CAAC;EAC3E;EAEQ4B,iBAAiBA,CAACD,MAAe,EAAE;IACvC,IAAI,CAAC,CAAC7B,iBAAiB,GAAG6B,MAAM;IAEhC,IAAI,CAAC,IAAI,CAAC,CAAC7B,iBAAiB,IAAI,CAAC,IAAI,CAAC,CAACC,4BAA4B,EAAE;MACjE;IACJ;IAEA,IAAI,IAAI,CAAC,CAACS,SAAS,KAAK,IAAI,CAAC,CAACF,WAAW,EAAE;MACvC,IAAI,CAAC,CAACE,SAAS,GAAG,IAAI,CAAC,CAACF,WAAoC;MAC5D,IAAI,CAACiC,eAAe,CAAC,CAAC;IAC1B;EACJ;EAEQR,SAASA,CAACF,UAAkB,EAAEC,MAAe,EAAE;IACnD,IAAI,CAAC,CAACrB,cAAc,GAAG,CAACoB,UAAU,CAAC,CAACmB,MAAM,CAAC,IAAI,CAAC,CAACvC,cAAc,CAAC;IAEhE,IAAIqB,MAAM,EAAE;MACR,IAAI,CAACmB,gBAAgB,CAAC,CAAC;IAC3B;EACJ;EAEQjB,YAAYA,CAACH,UAAkB,EAAE;IACrC,IAAI,CAAC,CAACpB,cAAc,GAAG,IAAI,CAAC,CAACA,cAAc,CAACyC,MAAM,CAACxC,IAAI,IAAIA,IAAI,KAAKmB,UAAU,CAAC;IAC/E,IAAI,CAACoB,gBAAgB,CAAC,CAAC;EAC3B;EAEQ1B,QAAQA,CAAA,EAA0B;IAEtC,IAAI,IAAI,CAAC,CAAClB,MAAM,CAAC8C,MAAM,KAAK,CAAC,EAAE;MAC3B,OAAO,IAAI,CAAC,CAAC9C,MAAM,CAAC+C,EAAE,CAAC,CAAC,CAAC;IAC7B;IAEA,OAAO,IAAI,CAAC,CAAC5C,SAAS;EAC1B;EAEQQ,cAAcA,CAAA,EAAG;IACrBf,MAAM,CAACoD,gBAAgB,CAAC,QAAQ,EAAE,MAAM;MACpCC,YAAY,CAAC,IAAI,CAAC,CAAC1D,QAAQ,CAAC;MAE5B,IAAI,CAAC,CAACA,QAAQ,GAAG2D,UAAU,CAAC,MAAM;QAC9B,IAAI,CAAC,CAACvD,WAAW,GAAGC,MAAM,CAACC,UAAU;QACrC,IAAI,CAAC,CAACC,YAAY,GAAGF,MAAM,CAACG,WAAW;QACvC,IAAI,CAAC,CAACU,UAAU,GAAG,IAAI,CAACiC,4BAA4B,CAAC,IAAI,CAAC,CAAC/C,WAAW,CAAC;QAEvE,IAAI,CAACwD,gBAAgB,CAAC,CAAC;MAC3B,CAAC,EAAE,GAAG,CAAC;IACX,CAAC,CAAC;IAEFvD,MAAM,CAACwD,UAAU,CAAC,8BAA8B,CAAC,CAACJ,gBAAgB,CAAC,QAAQ,EAAEK,KAAK,IAAI;MAClF,IAAI,CAAC,CAACpD,WAAW,GAAGoD,KAAK,CAACC,OAAO,GAC3B,MAAM,GACN,OAAO;MAEb,IAAI,CAAC,IAAI,CAAC,CAAC5D,4BAA4B,IAAI,CAAC,IAAI,CAAC,CAACD,iBAAiB,EAAE;QACjE;MACJ;MAEA,IAAI,IAAI,CAAC,CAACQ,WAAW,KAAK,IAAI,CAAC,CAACE,SAAS,EAAE;QACvC,IAAI,CAAC,CAACA,SAAS,GAAG,IAAI,CAAC,CAACF,WAAoC;QAC5D,IAAI,CAACiC,eAAe,CAAC,CAAC;MAC1B;IACJ,CAAC,CAAC;EACN;EAEQQ,4BAA4BA,CAACa,KAAa,EAA8B;IAC5E,MAAM9C,UAAU,GAAG,IAAI,CAAC,CAACD,qBAAqB,CACzCgD,IAAI,CAAC,CAAAC,KAAA,EAAYC,KAAK,EAAEC,gBAAgB,KAAK;MAAA,IAAvC,GAAGC,KAAK,CAAC,GAAAH,KAAA;MACZ,MAAMI,MAAM,GAAGD,KAAK;MACpB,MAAME,MAAM,GAAGH,gBAAgB,CAACD,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;MAE/C,IAAI,CAACI,MAAM,EAAE;QACT,OAAO,IAAI;MACf;MAEA,OAAOP,KAAK,IAAIM,MAAM,IAAIN,KAAK,GAAGO,MAAM;IAC5C,CAAC,CAAC;IAEN,OAAOrD,UAAU,EAAEsC,EAAE,CAAC,CAAC,CAAC;EAC5B;EAEQ7C,uBAAuBA,CAAA,EAAG;IAC9B,IAAIN,MAAM,CAACwD,UAAU,IAAIxD,MAAM,CAACwD,UAAU,CAAC,8BAA8B,CAAC,CAACE,OAAO,EAAE;MAChF,OAAO,MAAM;IACjB;IAEA,OAAO,OAAO;EAClB;EAEQV,gBAAgBA,CAAA,EAAG;IACvB,IAAI,CAAC,CAACtC,eAAe,CAACyD,IAAI,CAAC,qBAAqB,EAAE;MAC9CC,IAAI,EAAE;IACV,CAAC,CAAC;EACN;EAEQ9B,eAAeA,CAAA,EAAG;IACtB,IAAI,CAAC,CAAC5B,eAAe,CAACyD,IAAI,CAAC,qBAAqB,EAAE;MAC9CC,IAAI,EAAE,OAAO;MACbC,OAAO,EAAE;QACL9D,SAAS,EAAE,IAAI,CAAC,CAACA;MACrB;IACJ,CAAC,CAAC;EACN;EAEQgD,gBAAgBA,CAAA,EAAG;IACvB,IAAI,CAAC,CAAC7C,eAAe,CAACyD,IAAI,CAAC,qBAAqB,EAAE;MAC9CC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAE;QACLxD,UAAU,EAAE,IAAI,CAAC,CAACA,UAAU;QAC5ByD,WAAW,EAAE,IAAI,CAAC,CAACvE,WAAW,GAAG,IAAI,CAAC,CAACG,YAAY,GAC7C,WAAW,GACX,UAAU;QAChBqE,MAAM,EAAE;UACJZ,KAAK,EAAE,IAAI,CAAC,CAAC5D,WAAW;UACxByE,MAAM,EAAE,IAAI,CAAC,CAACtE;QAClB;MACJ;IACJ,CAAC,CAAC;EACN;AACJ;AAEA,OAAO,MAAMuE,eAAe,GAAG,IAAI/E,kBAAkB,CAAC,CAAC"}

package/lib/module/core/UnistylesRuntime.js

@@ -1,8 +1,8 @@
 import { ScreenOrientation, UnistylesError } from '../common';
 export class UnistylesRuntime {
-  constructor(unistylesBridge, registry) {
+  constructor(unistylesBridge, unistylesRegistry) {
     this.unistylesBridge = unistylesBridge;
-    this.registry = registry;
+    this.unistylesRegistry = unistylesRegistry;
   }
   get colorScheme() {
     return this.unistylesBridge.colorScheme;
@@ -10,15 +10,15 @@ export class UnistylesRuntime {
   get hasAdaptiveThemes() {
     return this.unistylesBridge.hasAdaptiveThemes;
   }
-  get sortedBreakpoints() {
-    return this.registry.sortedBreakpointPairs;
-  }
   get themeName() {
     return this.unistylesBridge.themeName;
   }
   get breakpoint() {
     return this.unistylesBridge.breakpoint;
   }
+  get enabledPlugins() {
+    return this.unistylesBridge.enabledPlugins;
+  }
   get screen() {
     return {
       width: this.unistylesBridge.screenWidth,
@@ -36,24 +36,23 @@ export class UnistylesRuntime {
     return ScreenOrientation.Portrait;
   }
   setTheme = name => {
-    if (this.hasTheme(name)) {
+    if (name === this.themeName) {
+      return;
+    }
+    if (this.unistylesRegistry.hasTheme(name)) {
       this.unistylesBridge.useTheme(name);
       return true;
     }
     throw new Error(UnistylesError.ThemeNotRegistered);
   };
-  getTheme = forName => {
-    if (this.registry.themeNames.length === 0) {
-      return {};
-    }
-    if (!this.hasTheme(forName)) {
-      throw new Error(UnistylesError.ThemeNotFound);
-    }
-    return this.registry.themes[forName];
-  };
   setAdaptiveThemes = enable => {
     this.unistylesBridge.useAdaptiveThemes(enable);
   };
-  hasTheme = name => name in this.registry.themes;
+  addPlugin = plugin => {
+    this.unistylesRegistry.addPlugin(plugin);
+  };
+  removePlugin = plugin => {
+    this.unistylesRegistry.removePlugin(plugin);
+  };
 }
 //# sourceMappingURL=UnistylesRuntime.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ScreenOrientation","UnistylesError","UnistylesRuntime","constructor","unistylesBridge","registry","colorScheme","hasAdaptiveThemes","sortedBreakpoints","sortedBreakpointPairs","themeName","breakpoint","screen","width","screenWidth","height","screenHeight","orientation","Landscape","Portrait","setTheme","name","hasTheme","useTheme","Error","ThemeNotRegistered","getTheme","forName","themeNames","length","ThemeNotFound","themes","setAdaptiveThemes","enable","useAdaptiveThemes"],"sourceRoot":"../../../src","sources":["core/UnistylesRuntime.ts"],"mappings":"AAAA,SAASA,iBAAiB,EAAEC,cAAc,QAAQ,WAAW;AAK7D,OAAO,MAAMC,gBAAgB,CAAC;EAC1BC,WAAWA,CAASC,eAAgC,EAAUC,QAA0B,EAAE;IAAA,KAAtED,eAAgC,GAAhCA,eAAgC;IAAA,KAAUC,QAA0B,GAA1BA,QAA0B;EAAG;EAE3F,IAAWC,WAAWA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACF,eAAe,CAACE,WAAW;EAC3C;EAEA,IAAWC,iBAAiBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACH,eAAe,CAACG,iBAAiB;EACjD;EAEA,IAAWC,iBAAiBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACH,QAAQ,CAACI,qBAAqB;EAC9C;EAEA,IAAWC,SAASA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACN,eAAe,CAACM,SAAS;EACzC;EAEA,IAAWC,UAAUA,CAAA,EAAG;IACpB,OAAO,IAAI,CAACP,eAAe,CAACO,UAAU;EAC1C;EAEA,IAAWC,MAAMA,CAAA,EAAG;IAChB,OAAO;MACHC,KAAK,EAAE,IAAI,CAACT,eAAe,CAACU,WAAW;MACvCC,MAAM,EAAE,IAAI,CAACX,eAAe,CAACY;IACjC,CAAC;EACL;EAEA,IAAWC,WAAWA,CAAA,EAAG;IACrB,MAAM;MAAEJ,KAAK;MAAEE;IAAO,CAAC,GAAG,IAAI,CAACH,MAAM;IAErC,IAAIC,KAAK,GAAGE,MAAM,EAAE;MAChB,OAAOf,iBAAiB,CAACkB,SAAS;IACtC;IAEA,OAAOlB,iBAAiB,CAACmB,QAAQ;EACrC;EAEOC,QAAQ,GAAIC,IAA2B,IAAK;IAC/C,IAAI,IAAI,CAACC,QAAQ,CAACD,IAAI,CAAC,EAAE;MACrB,IAAI,CAACjB,eAAe,CAACmB,QAAQ,CAACF,IAAI,CAAC;MAEnC,OAAO,IAAI;IACf;IAEA,MAAM,IAAIG,KAAK,CAACvB,cAAc,CAACwB,kBAAkB,CAAC;EACtD,CAAC;EAEMC,QAAQ,GAAIC,OAA8B,IAAK;IAClD,IAAI,IAAI,CAACtB,QAAQ,CAACuB,UAAU,CAACC,MAAM,KAAK,CAAC,EAAE;MACvC,OAAO,CAAC,CAAC;IACb;IAEA,IAAI,CAAC,IAAI,CAACP,QAAQ,CAACK,OAAO,CAAC,EAAE;MACzB,MAAM,IAAIH,KAAK,CAACvB,cAAc,CAAC6B,aAAa,CAAC;IACjD;IAEA,OAAO,IAAI,CAACzB,QAAQ,CAAC0B,MAAM,CAACJ,OAAO,CAAC;EACxC,CAAC;EAEMK,iBAAiB,GAAIC,MAAe,IAAK;IAC5C,IAAI,CAAC7B,eAAe,CAAC8B,iBAAiB,CAACD,MAAM,CAAC;EAClD,CAAC;EAEOX,QAAQ,GAAID,IAA2B,IAAKA,IAAI,IAAI,IAAI,CAAChB,QAAQ,CAAC0B,MAAM;AACpF"}
+{"version":3,"names":["ScreenOrientation","UnistylesError","UnistylesRuntime","constructor","unistylesBridge","unistylesRegistry","colorScheme","hasAdaptiveThemes","themeName","breakpoint","enabledPlugins","screen","width","screenWidth","height","screenHeight","orientation","Landscape","Portrait","setTheme","name","hasTheme","useTheme","Error","ThemeNotRegistered","setAdaptiveThemes","enable","useAdaptiveThemes","addPlugin","plugin","removePlugin"],"sourceRoot":"../../../src","sources":["core/UnistylesRuntime.ts"],"mappings":"AAAA,SAASA,iBAAiB,EAAEC,cAAc,QAAQ,WAAW;AAK7D,OAAO,MAAMC,gBAAgB,CAAC;EAC1BC,WAAWA,CAASC,eAAgC,EAAUC,iBAAmC,EAAE;IAAA,KAA/ED,eAAgC,GAAhCA,eAAgC;IAAA,KAAUC,iBAAmC,GAAnCA,iBAAmC;EAAG;EAEpG,IAAWC,WAAWA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACF,eAAe,CAACE,WAAW;EAC3C;EAEA,IAAWC,iBAAiBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACH,eAAe,CAACG,iBAAiB;EACjD;EAEA,IAAWC,SAASA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACJ,eAAe,CAACI,SAAS;EACzC;EAEA,IAAWC,UAAUA,CAAA,EAAG;IACpB,OAAO,IAAI,CAACL,eAAe,CAACK,UAAU;EAC1C;EAEA,IAAWC,cAAcA,CAAA,EAAG;IACxB,OAAO,IAAI,CAACN,eAAe,CAACM,cAAc;EAC9C;EAEA,IAAWC,MAAMA,CAAA,EAAG;IAChB,OAAO;MACHC,KAAK,EAAE,IAAI,CAACR,eAAe,CAACS,WAAW;MACvCC,MAAM,EAAE,IAAI,CAACV,eAAe,CAACW;IACjC,CAAC;EACL;EAEA,IAAWC,WAAWA,CAAA,EAAG;IACrB,MAAM;MAAEJ,KAAK;MAAEE;IAAO,CAAC,GAAG,IAAI,CAACH,MAAM;IAErC,IAAIC,KAAK,GAAGE,MAAM,EAAE;MAChB,OAAOd,iBAAiB,CAACiB,SAAS;IACtC;IAEA,OAAOjB,iBAAiB,CAACkB,QAAQ;EACrC;EAEOC,QAAQ,GAAIC,IAA2B,IAAK;IAC/C,IAAIA,IAAI,KAAK,IAAI,CAACZ,SAAS,EAAE;MACzB;IACJ;IAEA,IAAI,IAAI,CAACH,iBAAiB,CAACgB,QAAQ,CAACD,IAAI,CAAC,EAAE;MACvC,IAAI,CAAChB,eAAe,CAACkB,QAAQ,CAACF,IAAI,CAAC;MAEnC,OAAO,IAAI;IACf;IAEA,MAAM,IAAIG,KAAK,CAACtB,cAAc,CAACuB,kBAAkB,CAAC;EACtD,CAAC;EAEMC,iBAAiB,GAAIC,MAAe,IAAK;IAC5C,IAAI,CAACtB,eAAe,CAACuB,iBAAiB,CAACD,MAAM,CAAC;EAClD,CAAC;EAEME,SAAS,GAAIC,MAAuB,IAAK;IAC5C,IAAI,CAACxB,iBAAiB,CAACuB,SAAS,CAACC,MAAM,CAAC;EAC5C,CAAC;EAEMC,YAAY,GAAID,MAAuB,IAAK;IAC/C,IAAI,CAACxB,iBAAiB,CAACyB,YAAY,CAACD,MAAM,CAAC;EAC/C,CAAC;AACL"}

package/lib/module/createStyleSheet.js

@@ -1,7 +1,2 @@
-export const createStyleSheet = styles => {
-  if (typeof styles === 'function') {
-    return styles;
-  }
-  return styles;
-};
+export const createStyleSheet = stylesheet => stylesheet;
 //# sourceMappingURL=createStyleSheet.js.map

package/lib/module/createStyleSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["createStyleSheet","styles"],"sourceRoot":"../../src","sources":["createStyleSheet.ts"],"mappings":"AAEA,OAAO,MAAMA,gBAAgB,GAAUC,MAA4F,IAAY;EAC3I,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE;IAC9B,OAAOA,MAAM;EACjB;EAEA,OAAOA,MAAM;AACjB,CAAC"}
+{"version":3,"names":["createStyleSheet","stylesheet"],"sourceRoot":"../../src","sources":["createStyleSheet.ts"],"mappings":"AAEA,OAAO,MAAMA,gBAAgB,GAAyCC,UAAa,IAAQA,UAAU"}

package/lib/module/hooks/index.js

@@ -1,3 +1,4 @@
 export { useInitialTheme } from './useInitialTheme';
 export { useUnistyles } from './useUnistyles';
+export { useVariants } from './useVariants';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useInitialTheme","useUnistyles"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB;AACnD,SAASC,YAAY,QAAQ,gBAAgB"}
+{"version":3,"names":["useInitialTheme","useUnistyles","useVariants"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":"AAAA,SAASA,eAAe,QAAQ,mBAAmB;AACnD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,WAAW,QAAQ,eAAe"}