react-native-unistyles 3.0.0-alpha.3 → 3.0.0-alpha.31

package/lib/commonjs/web/listener.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesListener = void 0;
+var _NativePlatform = require("../specs/NativePlatform");
+var _runtime = require("./runtime");
+class UnistylesListenerBuilder {
+  isInitialized = false;
+  listeners = Array.from({
+    length: Object.keys(_NativePlatform.UnistyleDependency).length / 2
+  }, () => new Set());
+  emitChange = dependency => {
+    this.listeners[dependency]?.forEach(listener => listener());
+  };
+  initListeners = () => {
+    if (this.isInitialized) {
+      return;
+    }
+    this.isInitialized = true;
+    _runtime.UnistylesRuntime.darkMedia?.addEventListener('change', () => this.emitChange(_NativePlatform.UnistyleDependency.ColorScheme));
+    _runtime.UnistylesRuntime.lightMedia?.addEventListener('change', () => this.emitChange(_NativePlatform.UnistyleDependency.ColorScheme));
+    window.addEventListener('orientationchange', () => this.emitChange(_NativePlatform.UnistyleDependency.Orientation));
+    window.addEventListener('resize', () => this.emitChange(_NativePlatform.UnistyleDependency.Dimensions));
+  };
+  addListeners = (dependencies, listener) => {
+    dependencies.forEach(dependency => this.listeners[dependency]?.add(listener));
+    return () => {
+      dependencies.forEach(dependency => this.listeners[dependency]?.delete(listener));
+    };
+  };
+}
+const UnistylesListener = exports.UnistylesListener = new UnistylesListenerBuilder();
+//# sourceMappingURL=listener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_NativePlatform","require","_runtime","UnistylesListenerBuilder","isInitialized","listeners","Array","from","length","Object","keys","UnistyleDependency","Set","emitChange","dependency","forEach","listener","initListeners","UnistylesRuntime","darkMedia","addEventListener","ColorScheme","lightMedia","window","Orientation","Dimensions","addListeners","dependencies","add","delete","UnistylesListener","exports"],"sourceRoot":"../../../src","sources":["web/listener.ts"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,MAAME,wBAAwB,CAAC;EACnBC,aAAa,GAAG,KAAK;EACrBC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACC,kCAAkB,CAAC,CAACH,MAAM,GAAG;EAAE,CAAC,EAAE,MAAM,IAAII,GAAG,CAAe,CAAC,CAAC;EAErHC,UAAU,GAAIC,UAA8B,IAAK;IAC7C,IAAI,CAACT,SAAS,CAACS,UAAU,CAAC,EAAEC,OAAO,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAC,CAAC;EAC/D,CAAC;EAEDC,aAAa,GAAGA,CAAA,KAAM;IAClB,IAAI,IAAI,CAACb,aAAa,EAAE;MACpB;IACJ;IAEA,IAAI,CAACA,aAAa,GAAG,IAAI;IACzBc,yBAAgB,CAACC,SAAS,EAAEC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACP,UAAU,CAACF,kCAAkB,CAACU,WAAW,CAAC,CAAC;IAC7GH,yBAAgB,CAACI,UAAU,EAAEF,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACP,UAAU,CAACF,kCAAkB,CAACU,WAAW,CAAC,CAAC;IAC9GE,MAAM,CAACH,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,IAAI,CAACP,UAAU,CAACF,kCAAkB,CAACa,WAAW,CAAC,CAAC;IACnGD,MAAM,CAACH,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACP,UAAU,CAACF,kCAAkB,CAACc,UAAU,CAAC,CAAC;EAC3F,CAAC;EAEDC,YAAY,GAAGA,CAACC,YAAuC,EAAEX,QAAsB,KAAK;IAChFW,YAAY,CAACZ,OAAO,CAACD,UAAU,IAAI,IAAI,CAACT,SAAS,CAACS,UAAU,CAAC,EAAEc,GAAG,CAACZ,QAAQ,CAAC,CAAC;IAE7E,OAAO,MAAM;MACTW,YAAY,CAACZ,OAAO,CAACD,UAAU,IAAI,IAAI,CAACT,SAAS,CAACS,UAAU,CAAC,EAAEe,MAAM,CAACb,QAAQ,CAAC,CAAC;IACpF,CAAC;EACL,CAAC;AACL;AAEO,MAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAI3B,wBAAwB,CAAC,CAAC","ignoreList":[]}

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":";;;;;;AAAA,MAAMA,kBAAkB,GAAG,wCAAwC;AACnE,MAAMC,qBAAqB,GAAG,qCAAqC;AACnE,MAAMC,sBAAsB,GAAG,qCAAqC;AAE7D,MAAMC,OAAO,GAAIC,EAAU,IAAK;EACnC,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/registry.js

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesRegistry = void 0;
+var _runtime = require("./runtime");
+var _utils = require("./utils");
+var _listener = require("./listener");
+var _convert = require("./convert");
+var _variants = require("./variants");
+class UnistylesRegistryBuilder {
+  stylesheets = new Map();
+  stylesCounter = new Map();
+  #styleTag = null;
+  disposeListenersMap = new Map();
+  dependenciesMap = new Map();
+  get styleTag() {
+    const tag = this.#styleTag;
+    if (!tag) {
+      const newTag = document.createElement('style');
+      newTag.id = 'unistyles-web';
+      this.#styleTag = newTag;
+      document.head.appendChild(newTag);
+      return newTag;
+    }
+    return tag;
+  }
+  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);
+    const dependencies = Object.values(createdStylesheet).flatMap(value => (0, _utils.extractUnistyleDependencies)(value));
+    this.addDependenciesToStylesheet(stylesheet, dependencies);
+    this.stylesheets.set(stylesheet, createdStylesheet);
+    return createdStylesheet;
+  };
+  addDependenciesToStylesheet = (stylesheet, dependencies) => {
+    this.disposeListenersMap.get(stylesheet)?.();
+    const dependenciesMap = this.dependenciesMap.get(stylesheet) ?? new Set(dependencies);
+    dependencies.forEach(dependency => dependenciesMap.add(dependency));
+    const dispose = _listener.UnistylesListener.addListeners(Array.from(dependenciesMap), () => {
+      const newComputedStylesheet = stylesheet(_runtime.UnistylesRuntime.theme, _runtime.UnistylesRuntime.miniRuntime);
+      this.stylesheets.set(stylesheet, newComputedStylesheet);
+    });
+    this.dependenciesMap.set(stylesheet, dependenciesMap);
+    this.disposeListenersMap.set(stylesheet, dispose);
+  };
+  add = ({
+    key,
+    value,
+    stylesheet,
+    args,
+    variants
+  }) => {
+    const hash = (0, _utils.generateHash)(value);
+    const existingCounter = this.stylesCounter.get(hash);
+    if (!existingCounter || existingCounter.size === 0) {
+      const counter = new Set();
+      const dependencies = (0, _utils.extractUnistyleDependencies)(value);
+      counter.add(value);
+      this.stylesCounter.set(hash, counter);
+      this.applyStyles(hash, (0, _convert.convertUnistyles)(value));
+      _listener.UnistylesListener.addListeners(dependencies, async () => {
+        // Move this callback to the end of the event loop
+        await Promise.resolve();
+        const newComputedStyleSheet = this.getComputedStylesheet(stylesheet);
+        const newValue = newComputedStyleSheet[key];
+        const result = typeof newValue === 'function' ? newValue(...args) : newValue;
+        const {
+          variantsResult
+        } = Object.fromEntries((0, _variants.getVariants)({
+          variantsResult: result
+        }, variants));
+        const resultWithVariants = (0, _utils.deepMergeObjects)(result, variantsResult ?? {});
+        this.applyStyles(hash, (0, _convert.convertUnistyles)(resultWithVariants));
+      });
+      return hash;
+    }
+    existingCounter.add(value);
+    return hash;
+  };
+  applyStyles = (hash, styles) => {
+    Object.entries(styles).forEach(([key, value]) => {
+      if (!this.styleTag.sheet) {
+        return;
+      }
+      if (typeof value === 'object' && !key.startsWith('_')) {
+        const mediaQuery = (0, _utils.getMediaQuery)(key);
+        const cssRules = Array.from(this.styleTag.sheet.cssRules);
+        let queryRule = cssRules.find(rule => {
+          if (!(rule instanceof CSSMediaRule)) {
+            return false;
+          }
+          return rule.media.item(0)?.includes(mediaQuery);
+        }) ?? null;
+        if (!queryRule) {
+          const mediaQueryValue = (0, _utils.extractMediaQueryValue)(mediaQuery);
+          const ruleIndex = mediaQueryValue ? cssRules.reduce((acc, rule, ruleIndex) => {
+            if (!(rule instanceof CSSMediaRule)) {
+              return acc;
+            }
+            const ruleMediaQueryValue = (0, _utils.extractMediaQueryValue)(rule.conditionText);
+            if (ruleMediaQueryValue === undefined) {
+              return;
+            }
+            return ruleMediaQueryValue > mediaQueryValue ? ruleIndex : acc;
+          }, cssRules.length) : undefined;
+          queryRule = this.styleTag.sheet.cssRules.item(this.styleTag.sheet.insertRule(`@media ${mediaQuery} {.${hash} {}}`, ruleIndex));
+        }
+        if (queryRule instanceof CSSMediaRule) {
+          Object.entries(value).forEach(([mqKey, mqValue]) => {
+            this.applyRule({
+              hash,
+              key: mqKey,
+              value: mqValue,
+              sheet: queryRule
+            });
+          });
+        }
+        return;
+      }
+      // Pseudo
+      if (typeof value === 'object') {
+        Object.entries(value).forEach(([pseudoKey, pseudoValue]) => {
+          this.applyRule({
+            hash: `${hash}${key.replace('_', ':')}`,
+            key: pseudoKey,
+            value: pseudoValue,
+            sheet: this.styleTag.sheet
+          });
+        });
+        return;
+      }
+      this.applyRule({
+        hash,
+        key,
+        value,
+        sheet: this.styleTag.sheet
+      });
+    });
+  };
+  applyRule = ({
+    hash,
+    key,
+    value,
+    sheet
+  }) => {
+    let rule = Array.from(sheet.cssRules).find(rule => {
+      if (!(rule instanceof CSSStyleRule)) {
+        return false;
+      }
+      // In unistyles pseudos are prefixed with ':' but in css some of them are prefixed with '::'
+      return rule.selectorText.replace('::', ':').includes(hash);
+    }) ?? null;
+    if (!rule) {
+      rule = sheet.cssRules.item(sheet.insertRule(`.${hash} {}`));
+    }
+    if (!(rule instanceof CSSStyleRule) || !(0, _utils.keyInObject)(rule.style, key)) {
+      return;
+    }
+    rule.style[key] = value;
+  };
+  remove = value => {
+    const hash = (0, _utils.generateHash)(value);
+    const existingStyles = this.stylesCounter.get(hash);
+    if (!existingStyles) {
+      return;
+    }
+    existingStyles.delete(value);
+    if (existingStyles.size === 0) {
+      const ruleIndex = Array.from(this.styleTag.sheet?.cssRules ?? []).findIndex(rule => rule.cssText.includes(`.${hash}`));
+      this.styleTag.sheet?.deleteRule(ruleIndex);
+    }
+  };
+}
+const UnistylesRegistry = exports.UnistylesRegistry = new UnistylesRegistryBuilder();
+//# sourceMappingURL=registry.js.mapap

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

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

package/lib/commonjs/web/runtime.js

@@ -0,0 +1,167 @@
+"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() {
+    return this.getTheme(this.themeName);
+  }
+  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,
+      isLandscape: this.orientation === _types.Orientation.Landscape,
+      isPortrait: this.orientation === _types.Orientation.Portrait,
+      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));
+  };
+  getTheme = (themeName = this.themeName) => {
+    if (!themeName) {
+      throw new Error('🦄 No theme selected!');
+    }
+    const theme = _state.UnistylesState.themes.get(themeName);
+    if (!theme) {
+      throw new Error(`🦄 Theme "${this.themeName}" is not registered!`);
+    }
+    return theme;
+  };
+}
+const UnistylesRuntime = exports.UnistylesRuntime = new UnistylesRuntimeBuilder();
+//# sourceMappingURL=runtime.js.map

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

@@ -0,0 +1,2 @@
+{"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","getTheme","pixelRatio","devicePixelRatio","width","height","innerWidth","innerHeight","fontScale","insets","top","bottom","left","right","ime","statusBar","StatusBar","rtl","document","documentElement","dir","hasAdaptiveThemes","navigationBar","NavigationBar","miniRuntime","isLandscape","isPortrait","setTheme","UnistylesRuntime","UnistylesListener","emitChange","UnistyleDependency","Theme","ThemeName","setAdaptiveThemes","isEnabled","schemeToTheme","setRootViewBackgroundColor","hex","alpha","style","backgroundColor","hexToRGBA","setImmersiveMode","updateTheme","updater","oldTheme","themes","get","Error","set","exports"],"sourceRoot":"../../../src","sources":["web/runtime.js"],"mappings":"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","ignoreList":[]}
+eList":[]}

package/lib/commonjs/web/shadowRegistry.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesShadowRegistry = void 0;
+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
+  resultsMap = (0, _utils.createDoubleMap)();
+  classNamesMap = (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__key
+      }) => {
+        __uni__refs.forEach(ref => {
+          if ((0, _utils.isInDocument)(ref)) {
+            return;
+          }
+          const oldResult = this.resultsMap.get(ref, __uni__key);
+          this.resultsMap.delete(ref, __uni__key);
+          this.classNamesMap.delete(ref, __uni__key);
+          if (oldResult) {
+            _registry.UnistylesRegistry.remove(oldResult);
+          }
+        });
+      });
+      return;
+    }
+    // Ref is not an HTMLElement
+    if (!(ref instanceof HTMLElement)) {
+      return;
+    }
+    (0, _utils.extractSecrets)(_style).forEach(secret => {
+      const {
+        __uni__key,
+        __uni__stylesheet,
+        __uni__variants,
+        __uni__args = [],
+        __uni__refs
+      } = secret;
+      const newComputedStylesheet = _registry.UnistylesRegistry.getComputedStylesheet(__uni__stylesheet);
+      const style = newComputedStylesheet[__uni__key];
+      const args = _args ?? __uni__args;
+      const variants = _variants && Object.keys(_variants).length > 0 ? _variants : __uni__variants;
+      const result = typeof style === 'function' ? style(...args) : style;
+      const {
+        variantsResult
+      } = Object.fromEntries((0, _variants2.getVariants)({
+        variantsResult: result
+      }, variants));
+      const resultWithVariants = (0, _utils.deepMergeObjects)(result, variantsResult ?? {});
+      const oldResult = this.resultsMap.get(ref, __uni__key);
+      // If results are the same do nothing
+      if ((0, _utils.equal)(oldResult, resultWithVariants)) {
+        return;
+      }
+      const oldClassNames = this.classNamesMap.get(ref, __uni__key);
+      // Remove old styles
+      if (oldResult) {
+        _registry.UnistylesRegistry.remove(oldResult);
+      }
+      // Remove old classnames from the ref
+      oldClassNames?.forEach(className => ref.classList.remove(className));
+      this.resultsMap.set(ref, __uni__key, resultWithVariants);
+      const className = _registry.UnistylesRegistry.add({
+        key: __uni__key,
+        args,
+        stylesheet: __uni__stylesheet,
+        value: resultWithVariants,
+        variants
+      });
+      const injectedClassNames = resultWithVariants?._web?._classNames ?? [];
+      const newClassNames = injectedClassNames.concat(className);
+      const dependencies = (0, _utils.extractUnistyleDependencies)(resultWithVariants);
+      if (typeof __uni__stylesheet === 'function') {
+        // Add dependencies from dynamic styles to stylesheet
+        _registry.UnistylesRegistry.addDependenciesToStylesheet(__uni__stylesheet, dependencies);
+      }
+      __uni__refs.add(ref);
+      this.classNamesMap.set(ref, __uni__key, newClassNames);
+      // Add new classnames to the ref
+      ref.classList.add(...newClassNames);
+    });
+  };
+  remove = () => {};
+}
+const UnistylesShadowRegistry = exports.UnistylesShadowRegistry = new UnistylesShadowRegistryBuilder();
+//# sourceMappingURL=shadowRegistry.js.mapy.js.map

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

@@ -0,0 +1,2 @@
+{"version":3,"names":["_registry","require","_utils","_variants2","UnistylesShadowRegistryBuilder","name","__type","equals","toString","dispose","resultsMap","createDoubleMap","classNamesMap","add","ref","_style","_variants","_args","Array","isArray","forEach","style","Object","keys","some","key","startsWith","secrets","extractSecrets","__uni__refs","__uni__key","isInDocument","oldResult","get","delete","UnistylesRegistry","remove","HTMLElement","secret","__uni__stylesheet","__uni__variants","__uni__args","newComputedStylesheet","getComputedStylesheet","args","variants","length","result","variantsResult","fromEntries","getVariants","resultWithVariants","deepMergeObjects","equal","oldClassNames","className","classList","set","stylesheet","value","injectedClassNames","_web","_classNames","newClassNames","concat","dependencies","extractUnistyleDependencies","addDependenciesToStylesheet","UnistylesShadowRegistry","exports"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.js"],"mappings":"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","ignoreList":[]}
+oreList":[]}