react-native-unistyles 3.0.0-alpha.2 → 3.0.0-alpha.20

package/lib/commonjs/web/mock.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StatusBar = exports.NavigationBar = void 0;
+const StatusBar = exports.StatusBar = {
+  width: 0,
+  height: 0,
+  setStyle: () => {},
+  setHidden: () => {},
+  setBackgroundColor: () => {},
+  equals: () => true,
+  toString: () => 'StatusBar',
+  __type: 'web',
+  name: 'StatusBar'
+};
+const NavigationBar = exports.NavigationBar = {
+  width: 0,
+  height: 0,
+  setHidden: () => {},
+  setBackgroundColor: () => {},
+  equals: () => true,
+  toString: () => 'NavigationBar',
+  __type: 'web',
+  name: 'NavigationBar'
+};
+//# sourceMappingURL=mock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StatusBar","exports","width","height","setStyle","setHidden","setBackgroundColor","equals","toString","__type","name","NavigationBar"],"sourceRoot":"../../../src","sources":["web/mock.ts"],"mappings":";;;;;;AAGO,MAAMA,SAAwB,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACpCE,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,kBAAkB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC5BC,MAAM,EAAEA,CAAA,KAAM,IAAI;EAClBC,QAAQ,EAAEA,CAAA,KAAM,WAAW;EAC3BC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE;AACV,CAAC;AAEM,MAAMC,aAAgC,GAAAV,OAAA,CAAAU,aAAA,GAAG;EAC5CT,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTE,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,kBAAkB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC5BC,MAAM,EAAEA,CAAA,KAAM,IAAI;EAClBC,QAAQ,EAAEA,CAAA,KAAM,eAAe;EAC/BC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE;AACV,CAAC","ignoreList":[]}

package/lib/commonjs/web/mq.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseMq = exports.isUnistylesMq = void 0;
+const IS_UNISTYLES_REGEX = /:([hw])\[(\d+)(?:,\s*(\d+|Infinity))?]/;
+const UNISTYLES_WIDTH_REGEX = /:(w)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
+const UNISTYLES_HEIGHT_REGEX = /:(h)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
+const parseMq = mq => {
+  const [, width, fromW, toW] = UNISTYLES_WIDTH_REGEX.exec(mq) || [];
+  const [, height, fromH, toH] = UNISTYLES_HEIGHT_REGEX.exec(mq) || [];
+  return {
+    minWidth: !width || fromW === 'Infinity' ? undefined : Number(fromW),
+    maxWidth: !width || toW === 'Infinity' ? undefined : Number(toW),
+    minHeight: !height || fromH === 'Infinity' ? undefined : Number(fromH),
+    maxHeight: !height || toH === 'Infinity' ? undefined : Number(toH)
+  };
+};
+exports.parseMq = parseMq;
+const isUnistylesMq = mq => IS_UNISTYLES_REGEX.test(mq);
+exports.isUnistylesMq = isUnistylesMq;
+//# sourceMappingURL=mq.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","parseMq","mq","width","fromW","toW","exec","height","fromH","toH","minWidth","undefined","Number","maxWidth","minHeight","maxHeight","exports","isUnistylesMq","test"],"sourceRoot":"../../../src","sources":["web/mq.ts"],"mappings":";;;;;;AAEA,MAAMA,kBAAkB,GAAG,wCAAwC;AACnE,MAAMC,qBAAqB,GAAG,qCAAqC;AACnE,MAAMC,sBAAsB,GAAG,qCAAqC;AAE7D,MAAMC,OAAO,GAAIC,EAAU,IAAiB;EAC/C,MAAM,GAAGC,KAAK,EAAEC,KAAK,EAAEC,GAAG,CAAC,GAAGN,qBAAqB,CAACO,IAAI,CAACJ,EAAE,CAAC,IAAI,EAAE;EAClE,MAAM,GAAGK,MAAM,EAAEC,KAAK,EAAEC,GAAG,CAAC,GAAGT,sBAAsB,CAACM,IAAI,CAACJ,EAAE,CAAC,IAAI,EAAE;EAEpE,OAAO;IACHQ,QAAQ,EAAE,CAACP,KAAK,IAAIC,KAAK,KAAK,UAAU,GAAGO,SAAS,GAAGC,MAAM,CAACR,KAAK,CAAC;IACpES,QAAQ,EAAE,CAACV,KAAK,IAAIE,GAAG,KAAK,UAAU,GAAGM,SAAS,GAAGC,MAAM,CAACP,GAAG,CAAC;IAChES,SAAS,EAAE,CAACP,MAAM,IAAIC,KAAK,KAAK,UAAU,GAAGG,SAAS,GAAGC,MAAM,CAACJ,KAAK,CAAC;IACtEO,SAAS,EAAE,CAACR,MAAM,IAAIE,GAAG,KAAK,UAAU,GAAGE,SAAS,GAAGC,MAAM,CAACH,GAAG;EACrE,CAAC;AACL,CAAC;AAAAO,OAAA,CAAAf,OAAA,GAAAA,OAAA;AAEM,MAAMgB,aAAa,GAAIf,EAAU,IAAKJ,kBAAkB,CAACoB,IAAI,CAAChB,EAAE,CAAC;AAAAc,OAAA,CAAAC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/web/pseudo.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pseudos = exports.isPseudo = void 0;
+const pseudos = exports.pseudos = ['_-moz-broken', '_-moz-drag-over', '_-moz-first-node', '_-moz-handler-blocked', '_-moz-handler-crashed', '_-moz-handler-disabled', '_-moz-last-node', '_-moz-loading', '_-moz-locale-dir(ltr)', '_-moz-locale-dir(rtl)', '_-moz-only-whitespace', '_-moz-submit-invalid', '_-moz-suppressed', '_-moz-user-disabled', '_-moz-window-inactive', '_active', '_any-link', '_autofill', '_blank', '_buffering', '_checked', '_current', '_default', '_defined', '_dir(', '_disabled', '_empty', '_enabled', '_first', '_first-child', '_first-of-type', '_focus', '_focus-visible', '_focus-within', '_fullscreen', '_future', '_has(', '_host', '_host-context(', '_host(', '_hover', '_in-range', '_indeterminate', '_invalid', '_is(', '_lang(', '_last-child', '_last-of-type', '_left', '_link', '_local-link', '_modal', '_muted', '_not(', '_nth-child(', '_nth-last-child(', '_nth-last-of-type(', '_nth-of-type(', '_only-child', '_only-of-type', '_optional', '_out-of-range', '_past', '_paused', '_picture-in-picture', '_placeholder-shown', '_playing', '_popover-open', '_read-only', '_read-write', '_required', '_right', '_scope', '_seeking', '_stalled', '_state(', '_target', '_target-within', '_user-invalid', '_user-valid', '_valid', '_visited', '_volume-locked', '_where(', '_-moz-color-swatch', '_-moz-focus-inner', '_-moz-list-bullet', '_-moz-list-number', '_-moz-meter-bar', '_-moz-progress-bar', '_-moz-range-progress', '_-moz-range-thumb', '_-moz-range-track', '_-webkit-inner-spin-button', '_-webkit-meter-barDeprecated', '_-webkit-meter-even-less-good-value', '_-webkit-meter-inner-element', '_-webkit-meter-optimum-value', '_-webkit-meter-suboptimum-value', '_-webkit-progress-bar', '_-webkit-progress-inner-element', '_-webkit-progress-value', '_-webkit-scrollbar', '_-webkit-search-cancel-button', '_-webkit-search-results-button', '_-webkit-slider-runnable-track', '_-webkit-slider-thumb', '_after', '_backdrop', '_before', '_cue', '_file-selector-button', '_first-letter', '_first-line', '_grammar-error', '_highlight(', '_marker', '_part(', '_placeholder', '_selection', '_slotted(', '_spelling-error', '_target-text', '_view-transition', '_view-transition-group', '_view-transition-image-pair', '_view-transition-new', '_view-transition-old'];
+const isPseudo = selector => pseudos.some(pseudo => selector.startsWith(pseudo));
+exports.isPseudo = isPseudo;
+//# sourceMappingURL=pseudo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pseudos","exports","isPseudo","selector","some","pseudo","startsWith"],"sourceRoot":"../../../src","sources":["web/pseudo.ts"],"mappings":";;;;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,CACnB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EACf,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,UAAU,EACV,OAAO,EACP,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,SAAS,EACT,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,QAAQ,EACR,aAAa,EACb,eAAe,EACf,OAAO,EACP,OAAO,EACP,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,EACX,eAAe,EACf,OAAO,EACP,SAAS,EACT,qBAAqB,EACrB,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,4BAA4B,EAC5B,8BAA8B,EAC9B,qCAAqC,EACrC,8BAA8B,EAC9B,8BAA8B,EAC9B,iCAAiC,EACjC,uBAAuB,EACvB,iCAAiC,EACjC,yBAAyB,EACzB,oBAAoB,EACpB,+BAA+B,EAC/B,gCAAgC,EAChC,gCAAgC,EAChC,uBAAuB,EACvB,QAAQ,EACR,WAAW,EACX,SAAS,EACT,MAAM,EACN,uBAAuB,EACvB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,wBAAwB,EACxB,6BAA6B,EAC7B,sBAAsB,EACtB,sBAAsB,CAChB;AAEH,MAAME,QAAQ,GAAIC,QAAgB,IAAKH,OAAO,CAACI,IAAI,CAACC,MAAM,IAAIF,QAAQ,CAACG,UAAU,CAACD,MAAM,CAAC,CAAC;AAAAJ,OAAA,CAAAC,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/web/registry.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesRegistry = void 0;
+var _typestyle = require("typestyle");
+var _convert = require("./convert");
+var _runtime = require("./runtime");
+var _utils = require("./utils");
+var _listener = require("./listener");
+class UnistylesRegistryBuilder {
+  stylesheets = new Map();
+  getComputedStylesheet = stylesheet => {
+    if (typeof stylesheet !== 'function') {
+      return stylesheet;
+    }
+    const computedStylesheet = this.stylesheets.get(stylesheet);
+    if (computedStylesheet) {
+      return computedStylesheet;
+    }
+    const createdStylesheet = stylesheet(_runtime.UnistylesRuntime.theme, _runtime.UnistylesRuntime.miniRuntime);
+    // @ts-expect-error uni__dependencies is hidden
+    const dependencies = Object.values(createdStylesheet).flatMap(value => (0, _utils.keyInObject)(value, 'uni__dependencies') ? value.uni__dependencies : []);
+    _listener.UnistylesListener.addListeners(dependencies, () => {
+      const newComputedStylesheet = stylesheet(_runtime.UnistylesRuntime.theme, _runtime.UnistylesRuntime.miniRuntime);
+      this.stylesheets.set(stylesheet, newComputedStylesheet);
+    });
+    this.stylesheets.set(stylesheet, createdStylesheet);
+    return createdStylesheet;
+  };
+  createStyles = (stylesheet, key) => {
+    const unistyles = (0, _typestyle.createTypeStyle)();
+    const typestyleStylesheet = (0, _convert.convertToTypeStyle)(stylesheet);
+    const className = unistyles.style({
+      $debugName: `${key}-${Math.random().toString(16).slice(10)}`
+    }, typestyleStylesheet);
+    return {
+      className,
+      unistyles
+    };
+  };
+  updateStyles = (unistyles, stylesheet, className) => {
+    const typestyleStylesheet = (0, _convert.convertToTypeStyle)(stylesheet);
+    unistyles.reinit();
+    unistyles.cssRule(`.${className}`, typestyleStylesheet);
+  };
+}
+const UnistylesRegistry = exports.UnistylesRegistry = new UnistylesRegistryBuilder();
+//# sourceMappingURL=registry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_typestyle","require","_convert","_runtime","_utils","_listener","UnistylesRegistryBuilder","stylesheets","Map","getComputedStylesheet","stylesheet","computedStylesheet","get","createdStylesheet","UnistylesRuntime","theme","miniRuntime","dependencies","Object","values","flatMap","value","keyInObject","uni__dependencies","UnistylesListener","addListeners","newComputedStylesheet","set","createStyles","key","unistyles","createTypeStyle","typestyleStylesheet","convertToTypeStyle","className","style","$debugName","Math","random","toString","slice","updateStyles","reinit","cssRule","UnistylesRegistry","exports"],"sourceRoot":"../../../src","sources":["web/registry.ts"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,MAAMK,wBAAwB,CAAC;EACnBC,WAAW,GAAG,IAAIC,GAAG,CAAoD,CAAC;EAElFC,qBAAqB,GAAIC,UAAiD,IAAK;IAC3E,IAAI,OAAOA,UAAU,KAAK,UAAU,EAAE;MAClC,OAAOA,UAAU;IACrB;IAEA,MAAMC,kBAAkB,GAAG,IAAI,CAACJ,WAAW,CAACK,GAAG,CAACF,UAAU,CAAC;IAE3D,IAAIC,kBAAkB,EAAE;MACpB,OAAOA,kBAAkB;IAC7B;IAEA,MAAME,iBAAiB,GAAGH,UAAU,CAACI,yBAAgB,CAACC,KAAK,EAAED,yBAAgB,CAACE,WAAW,CAAC;IAC1F;IACA,MAAMC,YAAY,GAAGC,MAAM,CAACC,MAAM,CAACN,iBAAiB,CAAC,CAACO,OAAO,CAACC,KAAK,IAAI,IAAAC,kBAAW,EAACD,KAAK,EAAE,mBAAmB,CAAC,GAAGA,KAAK,CAACE,iBAAiB,GAAG,EAAE,CAAC;IAE9IC,2BAAiB,CAACC,YAAY,CAACR,YAAY,EAAE,MAAM;MAC/C,MAAMS,qBAAqB,GAAGhB,UAAU,CAACI,yBAAgB,CAACC,KAAK,EAAED,yBAAgB,CAACE,WAAW,CAAC;MAE9F,IAAI,CAACT,WAAW,CAACoB,GAAG,CAACjB,UAAU,EAAEgB,qBAAqB,CAAC;IAC3D,CAAC,CAAC;IAEF,IAAI,CAACnB,WAAW,CAACoB,GAAG,CAACjB,UAAU,EAAEG,iBAAiB,CAAC;IAEnD,OAAOA,iBAAiB;EAC5B,CAAC;EAEDe,YAAY,GAAGA,CAAClB,UAA2B,EAAEmB,GAAW,KAAK;IACzD,MAAMC,SAAS,GAAG,IAAAC,0BAAe,EAAC,CAAC;IACnC,MAAMC,mBAAmB,GAAG,IAAAC,2BAAkB,EAACvB,UAAU,CAAC;IAE1D,MAAMwB,SAAS,GAAGJ,SAAS,CAACK,KAAK,CAAC;MAC9BC,UAAU,EAAE,GAAGP,GAAG,IAAIQ,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,EAAE,CAAC;IAC9D,CAAC,EAAER,mBAAmB,CAAC;IAEvB,OAAO;MACHE,SAAS;MACTJ;IACJ,CAAC;EACL,CAAC;EAEDW,YAAY,GAAGA,CAACX,SAAoB,EAAEpB,UAA2B,EAAEwB,SAAiB,KAAK;IACrF,MAAMF,mBAAmB,GAAG,IAAAC,2BAAkB,EAACvB,UAAU,CAAC;IAE1DoB,SAAS,CAACY,MAAM,CAAC,CAAC;IAClBZ,SAAS,CAACa,OAAO,CAAC,IAAIT,SAAS,EAAE,EAAEF,mBAAmB,CAAC;EAC3D,CAAC;AACL;AAEO,MAAMY,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAItC,wBAAwB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/web/runtime.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesRuntime = void 0;
+var _NativePlatform = require("../specs/NativePlatform");
+var _types = require("../specs/types");
+var _types2 = require("../types");
+var _listener = require("./listener");
+var _mock = require("./mock");
+var _state = require("./state");
+var _utils = require("./utils");
+class UnistylesRuntimeBuilder {
+  lightMedia = this.getLightMedia();
+  darkMedia = this.getDarkMedia();
+  getLightMedia() {
+    if ((0, _utils.isServer)()) {
+      return null;
+    }
+    if (!this.lightMedia) {
+      this.lightMedia = window.matchMedia('(prefers-color-scheme: light)');
+    }
+    return this.lightMedia;
+  }
+  getDarkMedia() {
+    if ((0, _utils.isServer)()) {
+      return null;
+    }
+    if (!this.darkMedia) {
+      this.darkMedia = window.matchMedia('(prefers-color-scheme: dark)');
+    }
+    return this.darkMedia;
+  }
+  get colorScheme() {
+    switch (true) {
+      case this.getLightMedia()?.matches:
+        return _types.ColorScheme.Light;
+      case this.getDarkMedia()?.matches:
+        return _types.ColorScheme.Dark;
+      default:
+        return _types.ColorScheme.Unspecified;
+    }
+  }
+  get themeName() {
+    return _state.UnistylesState.themeName;
+  }
+  get contentSizeCategory() {
+    return _types2.WebContentSizeCategory.Unspecified;
+  }
+  get breakpoint() {
+    return _state.UnistylesState.breakpoint;
+  }
+  get orientation() {
+    if ((0, _utils.isServer)()) {
+      return _types.Orientation.Portrait;
+    }
+    return screen.orientation.type.includes('portrait') ? _types.Orientation.Portrait : _types.Orientation.Landscape;
+  }
+  get theme() {
+    if (!this.themeName) {
+      throw new Error('🦄 No theme selected!');
+    }
+    const theme = _state.UnistylesState.themes.get(this.themeName);
+    if (!theme) {
+      throw new Error(`🦄 Theme "${this.themeName}" is not registered!`);
+    }
+    return theme;
+  }
+  get pixelRatio() {
+    return (0, _utils.isServer)() ? 1 : window.devicePixelRatio;
+  }
+  get screen() {
+    if ((0, _utils.isServer)()) {
+      return {
+        width: 0,
+        height: 0
+      };
+    }
+    return {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+  }
+  get fontScale() {
+    return 1;
+  }
+  get insets() {
+    return {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      ime: 0
+    };
+  }
+  get statusBar() {
+    return _mock.StatusBar;
+  }
+  get rtl() {
+    return (0, _utils.isServer)() ? true : document.documentElement.dir === 'rtl';
+  }
+  get hasAdaptiveThemes() {
+    return _state.UnistylesState.hasAdaptiveThemes;
+  }
+  get navigationBar() {
+    return _mock.NavigationBar;
+  }
+  get miniRuntime() {
+    return {
+      colorScheme: this.colorScheme,
+      themeName: this.themeName,
+      contentSizeCategory: this.contentSizeCategory,
+      breakpoint: this.breakpoint,
+      orientation: this.orientation,
+      pixelRatio: this.pixelRatio,
+      screen: this.screen,
+      fontScale: this.fontScale,
+      insets: this.insets,
+      statusBar: {
+        width: this.statusBar.width,
+        height: this.statusBar.height
+      },
+      navigationBar: {
+        width: this.navigationBar.width,
+        height: this.navigationBar.height
+      },
+      rtl: this.rtl,
+      hasAdaptiveThemes: this.hasAdaptiveThemes
+    };
+  }
+  setTheme = themeName => {
+    if (themeName === UnistylesRuntime.themeName) {
+      return;
+    }
+    _state.UnistylesState.themeName = themeName;
+    _listener.UnistylesListener.emitChange(_NativePlatform.UnistyleDependency.Theme);
+    _listener.UnistylesListener.emitChange(_NativePlatform.UnistyleDependency.ThemeName);
+  };
+  setAdaptiveThemes = isEnabled => {
+    _state.UnistylesState.hasAdaptiveThemes = isEnabled;
+    if (!isEnabled) {
+      return;
+    }
+    this.setTheme((0, _utils.schemeToTheme)(UnistylesRuntime.colorScheme));
+  };
+  setRootViewBackgroundColor = (hex, alpha) => {
+    if ((0, _utils.isServer)()) {
+      return;
+    }
+    document.documentElement.style.backgroundColor = alpha ? (0, _utils.hexToRGBA)(hex, alpha) : hex;
+  };
+  setImmersiveMode = () => {};
+  updateTheme = (themeName, updater) => {
+    const oldTheme = _state.UnistylesState.themes.get(themeName);
+    if (!oldTheme) {
+      throw new Error(`🦄 Theme "${themeName}" is not registered!`);
+    }
+    _state.UnistylesState.themes.set(themeName, updater(oldTheme));
+  };
+}
+const UnistylesRuntime = exports.UnistylesRuntime = new UnistylesRuntimeBuilder();
+//# sourceMappingURL=runtime.js.map

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

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

package/lib/commonjs/web/shadowRegistry.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesShadowRegistry = void 0;
+var _listener = require("./listener");
+var _registry = require("./registry");
+var _utils = require("./utils");
+var _variants2 = require("./variants");
+class UnistylesShadowRegistryBuilder {
+  // MOCKS
+  name = 'UnistylesShadowRegistry';
+  __type = 'web';
+  equals = () => true;
+  toString = () => 'UnistylesShadowRegistry';
+  dispose = () => {};
+  // END MOCKS
+
+  webUnistylesMap = (0, _utils.createDoubleMap)();
+  disposeMap = (0, _utils.createDoubleMap)();
+  stylesMap = (0, _utils.createDoubleMap)();
+  add = (ref, _style, _variants, _args) => {
+    // Style is not provided
+    if (!_style) {
+      return;
+    }
+
+    // Array of styles
+    if (Array.isArray(_style)) {
+      _style.forEach(style => this.add(ref, style, _variants, _args));
+      return;
+    }
+
+    // Not a unistyle
+    if (!Object.keys(_style).some(key => key.startsWith('__uni__'))) {
+      return;
+    }
+
+    // Ref is unmounted, remove style tags from the document
+    if (ref === null) {
+      const secrets = (0, _utils.extractSecrets)(_style);
+      secrets.forEach(({
+        __uni__refs
+      }) => {
+        __uni__refs.forEach(ref => {
+          if ((0, _utils.isInDocument)(ref)) {
+            return;
+          }
+          this.remove(ref, _style);
+        });
+      });
+      return;
+    }
+
+    // Ref is not an HTMLElement
+    if (!(ref instanceof HTMLElement)) {
+      return;
+    }
+    (0, _utils.extractSecrets)(_style).forEach(secret => {
+      const {
+        __uni__key,
+        __uni__stylesheet,
+        __uni__refs,
+        __uni__variants,
+        __uni__args = []
+      } = secret;
+      const newComputedStylesheet = _registry.UnistylesRegistry.getComputedStylesheet(__uni__stylesheet);
+      const style = newComputedStylesheet[__uni__key];
+      const args = _args ?? __uni__args;
+      const resultHidden = typeof style === 'function' ? style(...args) : style;
+      const result = (0, _utils.extractHiddenProperties)(resultHidden);
+      const {
+        variants
+      } = Object.fromEntries((0, _variants2.getVariants)({
+        variants: result
+      }, _variants && Object.keys(_variants).length > 0 ? _variants : __uni__variants));
+      const resultWithVariants = {
+        ...result,
+        ...variants
+      };
+      const storedWebUnistyle = this.webUnistylesMap.get(ref, __uni__key);
+      const webUnistyle = storedWebUnistyle ?? _registry.UnistylesRegistry.createStyles(resultWithVariants, __uni__key);
+      this.webUnistylesMap.set(ref, __uni__key, webUnistyle);
+      this.disposeMap.get(ref, __uni__key)?.();
+      this.disposeMap.set(ref, __uni__key, (0, _listener.listenToDependencies)({
+        key: __uni__key,
+        stylesheet: __uni__stylesheet,
+        args,
+        className: webUnistyle.className,
+        unistyles: webUnistyle.unistyles
+      }));
+      if (!storedWebUnistyle) {
+        const styleTag = document.createElement('style');
+        const additionalClasses = resultWithVariants?._web?._classNames;
+        if (additionalClasses) {
+          ref.classList.add(...(Array.isArray(additionalClasses) ? additionalClasses : [additionalClasses]));
+        }
+        ref.classList.add(webUnistyle.className);
+        webUnistyle.unistyles.setStylesTarget(styleTag);
+        document.head.appendChild(styleTag);
+        __uni__refs.add(ref);
+        this.stylesMap.set(ref, __uni__key, styleTag);
+      }
+      if (storedWebUnistyle) {
+        _registry.UnistylesRegistry.updateStyles(webUnistyle.unistyles, resultWithVariants, webUnistyle.className);
+      }
+    });
+  };
+  remove = (ref, style) => {
+    (0, _utils.extractSecrets)(style).forEach(({
+      __uni__key
+    }) => {
+      this.webUnistylesMap.delete(ref, __uni__key);
+      this.disposeMap.get(ref, __uni__key)?.();
+      this.disposeMap.delete(ref, __uni__key);
+      this.stylesMap.get(ref, __uni__key)?.remove();
+      this.stylesMap.delete(ref, __uni__key);
+    });
+  };
+}
+const UnistylesShadowRegistry = exports.UnistylesShadowRegistry = new UnistylesShadowRegistryBuilder();
+//# sourceMappingURL=shadowRegistry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_listener","require","_registry","_utils","_variants2","UnistylesShadowRegistryBuilder","name","__type","equals","toString","dispose","webUnistylesMap","createDoubleMap","disposeMap","stylesMap","add","ref","_style","_variants","_args","Array","isArray","forEach","style","Object","keys","some","key","startsWith","secrets","extractSecrets","__uni__refs","isInDocument","remove","HTMLElement","secret","__uni__key","__uni__stylesheet","__uni__variants","__uni__args","newComputedStylesheet","UnistylesRegistry","getComputedStylesheet","args","resultHidden","result","extractHiddenProperties","variants","fromEntries","getVariants","length","resultWithVariants","storedWebUnistyle","get","webUnistyle","createStyles","set","listenToDependencies","stylesheet","className","unistyles","styleTag","document","createElement","additionalClasses","_web","_classNames","classList","setStylesTarget","head","appendChild","updateStyles","delete","UnistylesShadowRegistry","exports"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/web/state.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesState = void 0;
+var _runtime = require("./runtime");
+var _utils = require("./utils");
+var _listener = require("./listener");
+var _NativePlatform = require("../specs/NativePlatform");
+class UnistylesStateBuilder {
+  isSSR = (0, _utils.isServer)();
+  themes = new Map();
+  hasAdaptiveThemes = false;
+  init = config => {
+    this.initThemes(config.themes);
+    this.initBreakpoints(config.breakpoints);
+    this.initSettings(config.settings);
+    if (this.isSSR) {
+      return;
+    }
+    _listener.UnistylesListener.initListeners();
+  };
+  initThemes = (themes = {}) => {
+    Object.entries(themes).forEach(([themeName, theme]) => {
+      this.themes.set(themeName, theme);
+    });
+  };
+  initSettings = settings => {
+    this.hasAdaptiveThemes = settings?.adaptiveThemes ?? false;
+    const themeNames = Array.from(this.themes.keys());
+
+    // Single theme + no settings
+    if (!settings?.adaptiveThemes && !settings?.initialTheme && themeNames.length === 1) {
+      this.themeName = themeNames[0];
+      return;
+    }
+
+    // No settings
+    if (!settings?.adaptiveThemes && !settings?.initialTheme) {
+      throw new Error('🦄 You need to specify either "initialTheme" or "adaptiveThemes" in your config');
+    }
+
+    // Adaptive themes
+    if (settings.adaptiveThemes) {
+      this.themeName = (0, _utils.schemeToTheme)(_runtime.UnistylesRuntime.colorScheme);
+      return;
+    }
+
+    // Initial theme
+    this.themeName = typeof settings.initialTheme === 'function' ? settings.initialTheme() : settings.initialTheme;
+  };
+  initBreakpoints = (breakpoints = {}) => {
+    const breakpointsMap = new Map();
+    this.breakpoints = breakpoints;
+    Object.entries(breakpoints).sort(([, a], [, b]) => a - b).forEach(([breakpoint, value]) => {
+      if ((0, _utils.isServer)()) {
+        return;
+      }
+      const mediaQuery = window.matchMedia(`(min-width: ${value}px)`);
+      breakpointsMap.set(breakpoint, mediaQuery);
+      if (mediaQuery.matches) {
+        this.breakpoint = breakpoint;
+      }
+      mediaQuery.addEventListener('change', event => {
+        if (!event.matches) {
+          const [currentBreakpoint] = Array.from(breakpointsMap).find(([, mq]) => mq.matches) ?? [];
+          if (currentBreakpoint) {
+            this.breakpoint = currentBreakpoint;
+            _listener.UnistylesListener.emitChange(_NativePlatform.UnistyleDependency.Breakpoints);
+          }
+          return;
+        }
+        this.breakpoint = breakpoint;
+        _listener.UnistylesListener.emitChange(_NativePlatform.UnistyleDependency.Breakpoints);
+      });
+    });
+  };
+}
+const UnistylesState = exports.UnistylesState = new UnistylesStateBuilder();
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_runtime","require","_utils","_listener","_NativePlatform","UnistylesStateBuilder","isSSR","isServer","themes","Map","hasAdaptiveThemes","init","config","initThemes","initBreakpoints","breakpoints","initSettings","settings","UnistylesListener","initListeners","Object","entries","forEach","themeName","theme","set","adaptiveThemes","themeNames","Array","from","keys","initialTheme","length","Error","schemeToTheme","UnistylesRuntime","colorScheme","breakpointsMap","sort","a","b","breakpoint","value","mediaQuery","window","matchMedia","matches","addEventListener","event","currentBreakpoint","find","mq","emitChange","UnistyleDependency","Breakpoints","UnistylesState","exports"],"sourceRoot":"../../../src","sources":["web/state.ts"],"mappings":"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","ignoreList":[]}