react-native-unistyles 3.0.0-alpha.13 → 3.0.0-alpha.14

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

@@ -1 +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","getSSRUnistyles","tags","exports"],"sourceRoot":"../../../src","sources":["web/runtime.ts"],"mappings":"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","ignoreList":[]}
+{"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,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnistylesShadowRegistry = void 0;
+var _listener = require("./listener");
+var _registry = require("./registry");
+var _runtime = require("./runtime");
+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 = typeof __uni__stylesheet === 'function' ? __uni__stylesheet(_runtime.UnistylesRuntime.theme, _runtime.UnistylesRuntime.miniRuntime) : __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');
+        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","_runtime","_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","UnistylesRuntime","theme","miniRuntime","args","resultHidden","result","extractHiddenProperties","variants","fromEntries","getVariants","length","resultWithVariants","storedWebUnistyle","get","webUnistyle","UnistylesRegistry","createStyles","set","listenToDependencies","stylesheet","className","unistyles","styleTag","document","createElement","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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UnistylesState = void 0;
-var _react = require("react");
 var _runtime = require("./runtime");
 var _utils = require("./utils");
 var _listener = require("./listener");
 var _NativePlatform = require("../specs/NativePlatform");
 class UnistylesStateBuilder {
   isSSR = (0, _utils.isServer)();
-  tags = [];
   themes = new Map();
   hasAdaptiveThemes = false;
   init = config => {
@@ -78,44 +76,6 @@ class UnistylesStateBuilder {
       });
     });
   };
-  createTag() {
-    if (!this.isSSR) {
-      const tag = document.createElement('style');
-      document.head.appendChild(tag);
-      return tag;
-    }
-    const tagRef = new Proxy(/*#__PURE__*/(0, _react.createRef)(), {
-      set: (target, prop, value) => {
-        // When ref is assigned
-        if ('textContent' in value) {
-          value.textContent = tag.textContent;
-        }
-        return Reflect.set(target, prop, value);
-      }
-    });
-    const tagElement = /*#__PURE__*/(0, _react.createElement)('style', {
-      ref: tagRef,
-      key: this.tags.length
-    }, '');
-    const tag = new Proxy({
-      textContent: ''
-    }, {
-      set: (target, prop, value) => {
-        if (prop !== 'textContent') {
-          return false;
-        }
-
-        // When css is updated
-        target.textContent = value;
-        if (tagRef.current) {
-          tagRef.current.textContent = value;
-        }
-        return true;
-      }
-    });
-    this.tags.push(tagElement);
-    return tag;
-  }
 }
 const UnistylesState = exports.UnistylesState = new UnistylesStateBuilder();
 //# sourceMappingURL=state.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_runtime","_utils","_listener","_NativePlatform","UnistylesStateBuilder","isSSR","isServer","tags","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","createTag","tag","document","createElement","head","appendChild","tagRef","Proxy","createRef","target","prop","textContent","Reflect","tagElement","ref","key","current","push","UnistylesState","exports"],"sourceRoot":"../../../src","sources":["web/state.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAEA,MAAMK,qBAAqB,CAAC;EACPC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC1BC,IAAI,GAAG,EAAE;EAElBC,MAAM,GAAG,IAAIC,GAAG,CAAyB,CAAC;EAM1CC,iBAAiB,GAAG,KAAK;EAEzBC,IAAI,GAAIC,MAAuB,IAAK;IAChC,IAAI,CAACC,UAAU,CAACD,MAAM,CAACJ,MAAM,CAAC;IAC9B,IAAI,CAACM,eAAe,CAACF,MAAM,CAACG,WAAW,CAAC;IACxC,IAAI,CAACC,YAAY,CAACJ,MAAM,CAACK,QAAQ,CAAC;IAElC,IAAI,IAAI,CAACZ,KAAK,EAAE;MACZ;IACJ;IAEAa,2BAAiB,CAACC,aAAa,CAAC,CAAC;EACrC,CAAC;EAEON,UAAU,GAAGA,CAACL,MAAM,GAAG,CAAC,CAAoB,KAAK;IACrDY,MAAM,CAACC,OAAO,CAACb,MAAM,CAAC,CAACc,OAAO,CAAC,CAAC,CAACC,SAAS,EAAEC,KAAK,CAAC,KAAK;MACnD,IAAI,CAAChB,MAAM,CAACiB,GAAG,CAACF,SAAS,EAAEC,KAAK,CAAC;IACrC,CAAC,CAAC;EACN,CAAC;EAEOR,YAAY,GAAIC,QAAqC,IAAK;IAC9D,IAAI,CAACP,iBAAiB,GAAGO,QAAQ,EAAES,cAAc,IAAI,KAAK;IAC1D,MAAMC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACrB,MAAM,CAACsB,IAAI,CAAC,CAAC,CAAwB;;IAExE;IACA,IAAI,CAACb,QAAQ,EAAES,cAAc,IAAI,CAACT,QAAQ,EAAEc,YAAY,IAAIJ,UAAU,CAACK,MAAM,KAAK,CAAC,EAAE;MACjF,IAAI,CAACT,SAAS,GAAGI,UAAU,CAAC,CAAC,CAAC;MAE9B;IACJ;;IAEA;IACA,IAAI,CAACV,QAAQ,EAAES,cAAc,IAAI,CAACT,QAAQ,EAAEc,YAAY,EAAE;MACtD,MAAM,IAAIE,KAAK,CAAC,iFAAiF,CAAC;IACtG;;IAEA;IACA,IAAIhB,QAAQ,CAACS,cAAc,EAAE;MACzB,IAAI,CAACH,SAAS,GAAG,IAAAW,oBAAa,EAACC,yBAAgB,CAACC,WAAW,CAAC;MAE5D;IACJ;;IAEA;IACA,IAAI,CAACb,SAAS,GAAG,OAAON,QAAQ,CAACc,YAAY,KAAK,UAAU,GAAGd,QAAQ,CAACc,YAAY,CAAC,CAAC,GAAGd,QAAQ,CAACc,YAAY;EAClH,CAAC;EAEOjB,eAAe,GAAGA,CAACC,WAAW,GAAG,CAAC,CAAyB,KAAK;IACpE,MAAMsB,cAAc,GAAG,IAAI5B,GAAG,CAAyB,CAAC;IAExD,IAAI,CAACM,WAAW,GAAGA,WAAW;IAE9BK,MAAM,CAACC,OAAO,CAACN,WAAW,CAAC,CACtBuB,IAAI,CAAC,CAAC,GAAGC,CAAC,CAAC,EAAE,GAAGC,CAAC,CAAC,KAAKD,CAAC,GAAGC,CAAC,CAAC,CAC7BlB,OAAO,CAAC,CAAC,CAACmB,UAAU,EAAEC,KAAK,CAAC,KAAK;MAC9B,IAAI,IAAApC,eAAQ,EAAC,CAAC,EAAE;QACZ;MACJ;MAEA,MAAMqC,UAAU,GAAGC,MAAM,CAACC,UAAU,CAAC,eAAeH,KAAK,KAAK,CAAC;MAC/DL,cAAc,CAACZ,GAAG,CAACgB,UAAU,EAAEE,UAAU,CAAC;MAE1C,IAAIA,UAAU,CAACG,OAAO,EAAE;QACpB,IAAI,CAACL,UAAU,GAAGA,UAA2B;MACjD;MAEAE,UAAU,CAACI,gBAAgB,CAAC,QAAQ,EAAEC,KAAK,IAAI;QAC3C,IAAI,CAACA,KAAK,CAACF,OAAO,EAAE;UAChB,MAAM,CAACG,iBAAiB,CAAC,GAAGrB,KAAK,CAACC,IAAI,CAACQ,cAAc,CAAC,CAACa,IAAI,CAAC,CAAC,GAAEC,EAAE,CAAC,KAAKA,EAAE,CAACL,OAAO,CAAC,IAAI,EAAE;UAExF,IAAIG,iBAAiB,EAAE;YACnB,IAAI,CAACR,UAAU,GAAGQ,iBAAkC;YACpD/B,2BAAiB,CAACkC,UAAU,CAACC,kCAAkB,CAACC,WAAW,CAAC;UAChE;UAEA;QACJ;QAEA,IAAI,CAACb,UAAU,GAAGA,UAA2B;QAC7CvB,2BAAiB,CAACkC,UAAU,CAACC,kCAAkB,CAACC,WAAW,CAAC;MAChE,CAAC,CAAC;IACN,CAAC,CAAC;EACV,CAAC;EAEDC,SAASA,CAAA,EAAG;IACR,IAAI,CAAC,IAAI,CAAClD,KAAK,EAAE;MACb,MAAMmD,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;MAE3CD,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACJ,GAAG,CAAC;MAE9B,OAAOA,GAAG;IACd;IAEA,MAAMK,MAAM,GAAG,IAAIC,KAAK,cAAC,IAAAC,gBAAS,EAAmB,CAAC,EAAE;MACpDtC,GAAG,EAAEA,CAACuC,MAAM,EAAEC,IAAI,EAAEvB,KAAK,KAAK;QAC1B;QACA,IAAI,aAAa,IAAIA,KAAK,EAAE;UACxBA,KAAK,CAACwB,WAAW,GAAGV,GAAG,CAACU,WAAW;QACvC;QAEA,OAAOC,OAAO,CAAC1C,GAAG,CAACuC,MAAM,EAAEC,IAAI,EAAEvB,KAAK,CAAC;MAC3C;IACJ,CAAC,CAAC;IACF,MAAM0B,UAAU,gBAAG,IAAAV,oBAAa,EAAC,OAAO,EAAE;MAAEW,GAAG,EAAER,MAAM;MAAES,GAAG,EAAE,IAAI,CAAC/D,IAAI,CAACyB;IAAO,CAAC,EAAE,EAAE,CAAC;IACrF,MAAMwB,GAAG,GAAG,IAAIM,KAAK,CAAC;MAAEI,WAAW,EAAE;IAAG,CAAC,EAAE;MACvCzC,GAAG,EAAEA,CAACuC,MAAM,EAAEC,IAAI,EAAEvB,KAAK,KAAK;QAC1B,IAAIuB,IAAI,KAAK,aAAa,EAAE;UACxB,OAAO,KAAK;QAChB;;QAEA;QACAD,MAAM,CAACE,WAAW,GAAGxB,KAAK;QAE1B,IAAImB,MAAM,CAACU,OAAO,EAAE;UAChBV,MAAM,CAACU,OAAO,CAACL,WAAW,GAAGxB,KAAK;QACtC;QAEA,OAAO,IAAI;MACf;IACJ,CAAC,CAAC;IAEF,IAAI,CAACnC,IAAI,CAACiE,IAAI,CAACJ,UAAU,CAAC;IAE1B,OAAOZ,GAAG;EACd;AACJ;AAEO,MAAMiB,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAIrE,qBAAqB,CAAC,CAAC","ignoreList":[]}
+{"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":[]}

package/lib/commonjs/web/utils.js

@@ -3,23 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.warn = exports.toReactNativeClassName = exports.schemeToTheme = exports.reduceObject = exports.keyInObject = exports.isServer = exports.hexToRGBA = exports.equal = exports.deepMergeObjects = void 0;
+exports.warn = exports.schemeToTheme = exports.reduceObject = exports.keyInObject = exports.isServer = exports.isInDocument = exports.hexToRGBA = exports.getStyles = exports.extractSecrets = exports.extractHiddenProperties = exports.equal = exports.deepMergeObjects = exports.createDoubleMap = exports.assignSecrets = void 0;
 var _types = require("../specs/types");
 const reduceObject = (obj, reducer) => Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, reducer(value, key)]));
 exports.reduceObject = reduceObject;
-const toReactNativeClassName = (className, values) => {
-  const returnValue = className ? {
-    $$css: true,
-    [className]: className
-  } : {};
-  Object.defineProperties(returnValue, reduceObject(values, value => ({
-    value,
-    enumerable: false,
-    configurable: true
-  })));
-  return returnValue;
-};
-exports.toReactNativeClassName = toReactNativeClassName;
 const keyInObject = (obj, key) => key in obj;
 exports.keyInObject = keyInObject;
 const schemeToTheme = scheme => {
@@ -75,4 +62,69 @@ const equal = (a, b) => {
   return keysA.every(key => Object.is(a[key], b[key]) && Object.prototype.hasOwnProperty.call(b, key));
 };
 exports.equal = equal;
+const assignSecrets = (object, secrets) => {
+  // @ts-expect-error - assign secrets to object
+  object[`__uni__secrets__${Math.random().toString(16).slice(2)}`] = secrets;
+  return object;
+};
+exports.assignSecrets = assignSecrets;
+const extractSecrets = object => {
+  const secrets = Object.entries(object).reduce((acc, [key, value]) => {
+    if (key.startsWith('__uni__secrets__')) {
+      acc.push(value);
+    }
+    return acc;
+  }, []);
+  return secrets;
+};
+exports.extractSecrets = extractSecrets;
+const getStyles = values => {
+  const returnValue = {};
+  Object.defineProperties(returnValue, reduceObject(values, value => ({
+    value,
+    enumerable: false,
+    configurable: true
+  })));
+  return returnValue;
+};
+exports.getStyles = getStyles;
+const createDoubleMap = () => {
+  const map = new Map();
+  return {
+    get: (key, secondKey) => {
+      const mapForKey = map.get(key);
+      if (!mapForKey) {
+        return undefined;
+      }
+      return mapForKey.get(secondKey);
+    },
+    set: (key, secondKey, value) => {
+      const mapForKey = map.get(key) ?? new Map();
+      map.set(key, mapForKey);
+      mapForKey.set(secondKey, value);
+    },
+    delete: (key, secondKey) => {
+      const mapForKey = map.get(key);
+      if (!mapForKey) {
+        return;
+      }
+      mapForKey.delete(secondKey);
+    },
+    forEach: callback => {
+      map.forEach((mapForKey, key) => {
+        mapForKey.forEach((value, secondKey) => {
+          callback(key, secondKey, value);
+        });
+      });
+    }
+  };
+};
+exports.createDoubleMap = createDoubleMap;
+const extractHiddenProperties = object => {
+  const hiddenProperties = Object.getOwnPropertyNames(object);
+  return Object.fromEntries(hiddenProperties.filter(key => !key.startsWith('__uni__')).map(key => [key, object[key]]));
+};
+exports.extractHiddenProperties = extractHiddenProperties;
+const isInDocument = element => document.body.contains(element);
+exports.isInDocument = isInDocument;
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_types","require","reduceObject","obj","reducer","Object","fromEntries","entries","map","key","value","exports","toReactNativeClassName","className","values","returnValue","$$css","defineProperties","enumerable","configurable","keyInObject","schemeToTheme","scheme","ColorScheme","Dark","Light","hexToRGBA","hex","opacity","replace","split","x","parseInt","filter","num","isNaN","reduce","acc","color","concat","isServer","window","deepMergeObjects","sources","target","forEach","source","keys","sourceValue","targetValue","warn","message","console","equal","a","b","is","keysA","length","every","prototype","hasOwnProperty","call"],"sourceRoot":"../../../src","sources":["web/utils.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_types","require","reduceObject","obj","reducer","Object","fromEntries","entries","map","key","value","exports","keyInObject","schemeToTheme","scheme","ColorScheme","Dark","Light","hexToRGBA","hex","opacity","replace","split","x","parseInt","filter","num","isNaN","reduce","acc","color","concat","isServer","window","deepMergeObjects","sources","target","forEach","source","keys","sourceValue","targetValue","warn","message","console","equal","a","b","is","keysA","length","every","prototype","hasOwnProperty","call","assignSecrets","object","secrets","Math","random","toString","slice","extractSecrets","startsWith","push","getStyles","values","returnValue","defineProperties","enumerable","configurable","createDoubleMap","Map","get","secondKey","mapForKey","undefined","set","delete","callback","extractHiddenProperties","hiddenProperties","getOwnPropertyNames","isInDocument","element","document","body","contains"],"sourceRoot":"../../../src","sources":["web/utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/web/variants/useVariants.js

@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.createUseVariants = void 0;
 var _react = require("react");
 var _utils = require("../utils");
-var _registry = require("../registry");
 var _getVariants = require("./getVariants");
 const createUseVariants = (styles, setSelectedVariants) => {
   const useVariants = selectedVariants => {
-    const [unistylesMap] = (0, _react.useState)(() => new Map());
-    const [classNameMap] = (0, _react.useState)(() => new Map());
     const [selectedVariantStylesMap] = (0, _react.useState)(() => new Map());
     const lastSelectedVariantsRef = (0, _react.useRef)();
     // Variable that determines if variants have changed and we need to recalculate styles
@@ -27,44 +24,14 @@ const createUseVariants = (styles, setSelectedVariants) => {
       });
       return result;
     }, [lastSelectedVariantsRef.current]);
-    if (unistylesMap.size === 0 && combinedVariantStyles.length > 0) {
-      combinedVariantStyles.forEach(([key, value]) => {
-        const {
-          className,
-          unistyles
-        } = _registry.UnistylesRegistry.createStyles(value, `variant-${key}`);
-        unistylesMap.set(key, unistyles);
-        classNameMap.set(key, className);
-      });
-    }
-    combinedVariantStyles.forEach(([key, value]) => {
+    combinedVariantStyles.forEach(([key]) => {
       const styleEntry = styles[key];
-      const unistyles = unistylesMap.get(key);
-      const className = classNameMap.get(key);
       const selectedVariantStyles = selectedVariantStylesMap.get(key);
-      if (!unistyles || !className) {
-        return;
-      }
-      if (variantsChanged) {
-        _registry.UnistylesRegistry.updateStyles(unistyles, value, className);
-      }
       Object.defineProperties(styleEntry, (0, _utils.reduceObject)(selectedVariantStyles ?? {}, value => ({
         value,
         enumerable: false,
         configurable: true
       })));
-      if (styleEntry) {
-        Object.keys(styleEntry ?? {}).forEach(key => {
-          if (!key.startsWith('variant-')) {
-            return;
-          }
-
-          // @ts-expect-error - remove old variants
-          delete styleEntry[key];
-        });
-        // @ts-expect-error - apply variant className
-        styleEntry[className] = className;
-      }
     });
   };
   Object.defineProperty(styles, 'useVariants', {

package/lib/commonjs/web/variants/useVariants.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_utils","_registry","_getVariants","createUseVariants","styles","setSelectedVariants","useVariants","selectedVariants","unistylesMap","useState","Map","classNameMap","selectedVariantStylesMap","lastSelectedVariantsRef","useRef","variantsChanged","equal","current","combinedVariantStyles","useMemo","result","getVariants","forEach","key","value","set","size","length","className","unistyles","UnistylesRegistry","createStyles","styleEntry","get","selectedVariantStyles","updateStyles","Object","defineProperties","reduceObject","enumerable","configurable","keys","startsWith","defineProperty","exports"],"sourceRoot":"../../../../src","sources":["web/variants/useVariants.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_utils","_getVariants","createUseVariants","styles","setSelectedVariants","useVariants","selectedVariants","selectedVariantStylesMap","useState","Map","lastSelectedVariantsRef","useRef","variantsChanged","equal","current","combinedVariantStyles","useMemo","result","getVariants","forEach","key","value","set","styleEntry","selectedVariantStyles","get","Object","defineProperties","reduceObject","enumerable","configurable","defineProperty","exports"],"sourceRoot":"../../../../src","sources":["web/variants/useVariants.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAGA,CAACC,MAAyC,EAAEC,mBAA4D,KAAK;EAC1I,MAAMC,WAAW,GAAIC,gBAAqC,IAAK;IAC3D,MAAM,CAACC,wBAAwB,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAIC,GAAG,CAA8B,CAAC,CAAC;IACzF,MAAMC,uBAAuB,GAAG,IAAAC,aAAM,EAAsB,CAAC;IAC7D;IACA,MAAMC,eAAe,GAAG,CAAC,IAAAC,YAAK,EAACH,uBAAuB,CAACI,OAAO,EAAER,gBAAgB,CAAC;IAEjF,IAAIM,eAAe,EAAE;MACjBF,uBAAuB,CAACI,OAAO,GAAGR,gBAAgB;MAClDF,mBAAmB,CAACE,gBAAgB,CAAC;IACzC;IAEA,MAAMS,qBAAqB,GAAG,IAAAC,cAAO,EAAC,MAAM;MACxC,MAAMC,MAAM,GAAG,IAAAC,wBAAW,EAACf,MAAM,EAAEG,gBAAgB,CAAC;MAEpDW,MAAM,CAACE,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;QAC7Bd,wBAAwB,CAACe,GAAG,CAACF,GAAG,EAAEC,KAAK,CAAC;MAC5C,CAAC,CAAC;MAEF,OAAOJ,MAAM;IACjB,CAAC,EAAE,CAACP,uBAAuB,CAACI,OAAO,CAAC,CAAC;IAErCC,qBAAqB,CAACI,OAAO,CAAC,CAAC,CAACC,GAAG,CAAC,KAAK;MACrC,MAAMG,UAAU,GAAGpB,MAAM,CAACiB,GAAG,CAAC;MAC9B,MAAMI,qBAAqB,GAAGjB,wBAAwB,CAACkB,GAAG,CAACL,GAAG,CAAC;MAE/DM,MAAM,CAACC,gBAAgB,CAACJ,UAAU,EAAE,IAAAK,mBAAY,EAACJ,qBAAqB,IAAI,CAAC,CAAC,EAAEH,KAAK,KAAK;QACpFA,KAAK;QACLQ,UAAU,EAAE,KAAK;QACjBC,YAAY,EAAE;MAClB,CAAC,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;EACN,CAAC;EAEDJ,MAAM,CAACK,cAAc,CAAC5B,MAAM,EAAE,aAAa,EAAE;IACzCkB,KAAK,EAAEhB;EACX,CAAC,CAAC;AACN,CAAC;AAAA2B,OAAA,CAAA9B,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/module/index.js

@@ -3,6 +3,10 @@
 import React from 'react';
 export * from './specs';
 export { mq } from './mq';
+// TODO: export Native createUnistylesComponent
+// can't import it this way, it will break native build
+// export { createUnistylesComponent } from './web/createUnistylesComponent'
+
 // todo verify true min version
 const minReactVersionRequiredByUnistyles = '18.3.1';
 if (React.version < minReactVersionRequiredByUnistyles) {

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","mq","minReactVersionRequiredByUnistyles","version","Error"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,cAAc,SAAS;AACvB,SAASC,EAAE,QAAQ,MAAM;AAGzB;AACA,MAAMC,kCAAkC,GAAG,QAAQ;AAEnD,IAAIF,KAAK,CAACG,OAAO,GAAGD,kCAAkC,EAAE;EACpD,MAAM,IAAIE,KAAK,CAAC;AACpB,sDAAsDJ,KAAK,CAACG,OAAO;AACnE,4CAA4CD,kCAAkC;AAC9E,KAAK,CAAC;AACN","ignoreList":[]}
+{"version":3,"names":["React","mq","minReactVersionRequiredByUnistyles","version","Error"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,cAAc,SAAS;AACvB,SAASC,EAAE,QAAQ,MAAM;AAEzB;AACA;AACA;;AAEA;AACA,MAAMC,kCAAkC,GAAG,QAAQ;AAEnD,IAAIF,KAAK,CAACG,OAAO,GAAGD,kCAAkC,EAAE;EACpD,MAAM,IAAIE,KAAK,CAAC;AACpB,sDAAsDJ,KAAK,CAACG,OAAO;AACnE,4CAA4CD,kCAAkC;AAC9E,KAAK,CAAC;AACN","ignoreList":[]}

package/lib/module/specs/ShadowRegistry/index.js

@@ -11,7 +11,13 @@ const findShadowNodeForHandle = handle => {
   return node;
 };
 HybridShadowRegistry.add = (handle, style, variants, args) => {
-  if (!handle || typeof style !== 'object') {
+  // virtualized nodes can be null
+  if (!handle || !style) {
+    return;
+  }
+
+  // at this point unistyle can be only object or dynamic function
+  if (typeof style !== 'object' && typeof style !== 'function') {
     return;
   }
   HybridShadowRegistry.link(findShadowNodeForHandle(handle), style, variants ?? {}, args ?? []);

package/lib/module/specs/ShadowRegistry/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NitroModules","HybridShadowRegistry","createHybridObject","findShadowNodeForHandle","handle","node","__internalInstanceHandle","stateNode","getScrollResponder","getNativeScrollRef","Error","add","style","variants","args","link","remove","__unid","unlink","UnistylesShadowRegistry"],"sourceRoot":"../../../../src","sources":["specs/ShadowRegistry/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAA4B;AAazD,MAAMC,oBAAoB,GAAGD,YAAY,CAACE,kBAAkB,CAAiB,yBAAyB,CAAC;AAEvG,MAAMC,uBAAuB,GAAIC,MAAkB,IAAK;EACpD,MAAMC,IAAI,GAAGD,MAAM,EAAEE,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACvDD,MAAM,EAAEI,kBAAkB,GAAG,CAAC,EAAEC,kBAAkB,GAAG,CAAC,EAAEH,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACjGD,MAAM,EAAEK,kBAAkB,GAAG,CAAC,EAAEH,wBAAwB,EAAEC,SAAS,EAAEF,IAAI;EAEhF,IAAI,CAACA,IAAI,EAAE;IACP;IACA,MAAM,IAAIK,KAAK,CAAC,uDAAuD,CAAC;EAC5E;EAEA,OAAOL,IAAI;AACf,CAAC;AAEDJ,oBAAoB,CAACU,GAAG,GAAG,CAACP,MAAM,EAAEQ,KAAK,EAAEC,QAAQ,EAAEC,IAAI,KAAK;EAC1D,IAAI,CAACV,MAAM,IAAI,OAAOQ,KAAK,KAAK,QAAQ,EAAE;IACtC;EACJ;EAEAX,oBAAoB,CAACc,IAAI,CAACZ,uBAAuB,CAACC,MAAM,CAAC,EAAEQ,KAAK,EAAEC,QAAQ,IAAI,CAAC,CAAC,EAAEC,IAAI,IAAI,EAAE,CAAC;AACjG,CAAC;AAEDb,oBAAoB,CAACe,MAAM,GAAG,CAACZ,MAAM,EAAEQ,KAAK,KAAK;EAC7C,IAAI,CAACR,MAAM,IAAI,CAACQ,KAAK,EAAEK,MAAM,EAAE;IAC3B;EACJ;EAEAhB,oBAAoB,CAACiB,MAAM,CAACf,uBAAuB,CAACC,MAAM,CAAC,EAAEQ,KAAK,CAAC;AACvE,CAAC;AAQD,OAAO,MAAMO,uBAAuB,GAAGlB,oBAA4D","ignoreList":[]}
+{"version":3,"names":["NitroModules","HybridShadowRegistry","createHybridObject","findShadowNodeForHandle","handle","node","__internalInstanceHandle","stateNode","getScrollResponder","getNativeScrollRef","Error","add","style","variants","args","link","remove","__unid","unlink","UnistylesShadowRegistry"],"sourceRoot":"../../../../src","sources":["specs/ShadowRegistry/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAA4B;AAazD,MAAMC,oBAAoB,GAAGD,YAAY,CAACE,kBAAkB,CAAiB,yBAAyB,CAAC;AAEvG,MAAMC,uBAAuB,GAAIC,MAAkB,IAAK;EACpD,MAAMC,IAAI,GAAGD,MAAM,EAAEE,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACvDD,MAAM,EAAEI,kBAAkB,GAAG,CAAC,EAAEC,kBAAkB,GAAG,CAAC,EAAEH,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACjGD,MAAM,EAAEK,kBAAkB,GAAG,CAAC,EAAEH,wBAAwB,EAAEC,SAAS,EAAEF,IAAI;EAEhF,IAAI,CAACA,IAAI,EAAE;IACP;IACA,MAAM,IAAIK,KAAK,CAAC,uDAAuD,CAAC;EAC5E;EAEA,OAAOL,IAAI;AACf,CAAC;AAEDJ,oBAAoB,CAACU,GAAG,GAAG,CAACP,MAAM,EAAEQ,KAAK,EAAEC,QAAQ,EAAEC,IAAI,KAAK;EAC1D;EACA,IAAI,CAACV,MAAM,IAAI,CAACQ,KAAK,EAAE;IACnB;EACJ;;EAEA;EACA,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;IAC1D;EACJ;EAEAX,oBAAoB,CAACc,IAAI,CAACZ,uBAAuB,CAACC,MAAM,CAAC,EAAEQ,KAAK,EAAEC,QAAQ,IAAI,CAAC,CAAC,EAAEC,IAAI,IAAI,EAAE,CAAC;AACjG,CAAC;AAEDb,oBAAoB,CAACe,MAAM,GAAG,CAACZ,MAAM,EAAEQ,KAAK,KAAK;EAC7C,IAAI,CAACR,MAAM,IAAI,CAACQ,KAAK,EAAEK,MAAM,EAAE;IAC3B;EACJ;EAEAhB,oBAAoB,CAACiB,MAAM,CAACf,uBAAuB,CAACC,MAAM,CAAC,EAAEQ,KAAK,CAAC;AACvE,CAAC;AAQD,OAAO,MAAMO,uBAAuB,GAAGlB,oBAA4D","ignoreList":[]}

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

@@ -19,7 +19,7 @@ export const convertToTypeStyle = value => {
     ...value._web
   }).flatMap(([unistylesKey, unistylesValue]) => {
     // Keys to omit
-    if (['_css', '_web', 'variants', 'compoundVariants', 'uni__dependencies'].includes(unistylesKey)) {
+    if (['_css', '_web', 'variants', 'compoundVariants', 'uni__dependencies', '__unistyles-secrets__'].includes(unistylesKey) || unistylesKey.startsWith('variant-')) {
       return [];
     }
 

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

@@ -1 +1 @@
-{"version":3,"names":["media","isPseudo","convertBreakpoint","getStyle","deepMergeObjects","getTransformStyle","isBoxShadow","isTextShadow","isTransform","getTextShadowStyle","getBoxShadowStyle","convertToTypeStyle","value","hasTextShadow","hasBoxShadow","stylesArray","Object","entries","_web","flatMap","unistylesKey","unistylesValue","includes","typestyleValues","$nest","replace","map","breakpointKey","breakpointValue"],"sourceRoot":"../../../../src","sources":["web/convert/index.ts"],"mappings":";;AAEA,SAASA,KAAK,QAAQ,WAAW;AACjC,SAASC,QAAQ,QAAQ,WAAW;AACpC,SAASC,iBAAiB,QAAQ,cAAc;AAChD,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,WAAW,EAAEC,YAAY,EAAEC,WAAW,QAAQ,SAAS;AAChE,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,iBAAiB,QAAQ,aAAa;AAE/C,OAAO,MAAMC,kBAAkB,GAAIC,KAAsB,IAAK;EAC1D;EACA,IAAIC,aAAa,GAAG,KAAK;EACzB;EACA,IAAIC,YAAY,GAAG,KAAK;EAExB,MAAMC,WAAW,GAAGC,MAAM,CAACC,OAAO,CAAC;IAC/B,GAAGL,KAAK;IACR,GAAGA,KAAK,CAACM;EACb,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,CAACC,YAAY,EAAEC,cAAc,CAAC,KAAK;IAC3C;IACA,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,CAACC,QAAQ,CAACF,YAAY,CAAC,EAAE;MAC9F,OAAO,EAAE;IACb;;IAEA;IACA,IAAInB,QAAQ,CAACmB,YAAY,CAAC,EAAE;MACxB,MAAMG,eAAe,GAAGZ,kBAAkB,CAACU,cAAiC,CAAC;MAE7E,OAAO;QACHG,KAAK,EAAE;UACH,CAACJ,YAAY,CAACK,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,GAAGF;QACvC;MACJ,CAAC;IACL;;IAEA;IACA,IAAIhB,YAAY,CAACa,YAAY,CAAC,EAAE;MAC5B,IAAIP,aAAa,EAAE;QACf,OAAO,EAAE;MACb;MAEAA,aAAa,GAAG,IAAI;MAEpB,OAAOJ,kBAAkB,CAACG,KAAK,CAAC;IACpC;;IAEA;IACA,IAAIN,WAAW,CAACc,YAAY,CAAC,EAAE;MAC3B,IAAIN,YAAY,EAAE;QACd,OAAO,EAAE;MACb;MAEAA,YAAY,GAAG,IAAI;MAEnB,OAAOJ,iBAAiB,CAACE,KAAK,CAAC;IACnC;;IAEA;IACA,IAAIJ,WAAW,CAACY,YAAY,EAAEC,cAAc,CAAC,EAAE;MAC3C,OAAOhB,iBAAiB,CAACgB,cAAc,CAAC;IAC5C;;IAEA;IACA,IAAI,OAAOA,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,IAAI,EAAE;MAC/D,OAAOL,MAAM,CAACC,OAAO,CAACI,cAAc,CAAC,CAACK,GAAG,CAAC,CAAC,CAACC,aAAa,EAAEC,eAAe,CAAC,KAAK;QAC5E,OAAO5B,KAAK,CAACE,iBAAiB,CAACyB,aAAa,CAAC,EAAExB,QAAQ,CAACiB,YAAY,EAAEQ,eAAe,CAAC,CAAC;MAC3F,CAAC,CAAC;IACN;;IAEA;IACA,OAAOzB,QAAQ,CAACiB,YAAY,EAAEC,cAAc,CAAC;EACjD,CAAC,CAA+B;EAEhC,OAAOjB,gBAAgB,CAAC,GAAGW,WAAW,CAAC;AAC3C,CAAC","ignoreList":[]}
+{"version":3,"names":["media","isPseudo","convertBreakpoint","getStyle","deepMergeObjects","getTransformStyle","isBoxShadow","isTextShadow","isTransform","getTextShadowStyle","getBoxShadowStyle","convertToTypeStyle","value","hasTextShadow","hasBoxShadow","stylesArray","Object","entries","_web","flatMap","unistylesKey","unistylesValue","includes","startsWith","typestyleValues","$nest","replace","map","breakpointKey","breakpointValue"],"sourceRoot":"../../../../src","sources":["web/convert/index.ts"],"mappings":";;AAEA,SAASA,KAAK,QAAQ,WAAW;AACjC,SAASC,QAAQ,QAAQ,WAAW;AACpC,SAASC,iBAAiB,QAAQ,cAAc;AAChD,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,WAAW,EAAEC,YAAY,EAAEC,WAAW,QAAQ,SAAS;AAChE,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,iBAAiB,QAAQ,aAAa;AAE/C,OAAO,MAAMC,kBAAkB,GAAIC,KAAsB,IAAK;EAC1D;EACA,IAAIC,aAAa,GAAG,KAAK;EACzB;EACA,IAAIC,YAAY,GAAG,KAAK;EAExB,MAAMC,WAAW,GAAGC,MAAM,CAACC,OAAO,CAAC;IAC/B,GAAGL,KAAK;IACR,GAAGA,KAAK,CAACM;EACb,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,CAACC,YAAY,EAAEC,cAAc,CAAC,KAAK;IAC3C;IACA,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,uBAAuB,CAAC,CAACC,QAAQ,CAACF,YAAY,CAAC,IAAIA,YAAY,CAACG,UAAU,CAAC,UAAU,CAAC,EAAE;MAC9J,OAAO,EAAE;IACb;;IAEA;IACA,IAAItB,QAAQ,CAACmB,YAAY,CAAC,EAAE;MACxB,MAAMI,eAAe,GAAGb,kBAAkB,CAACU,cAAiC,CAAC;MAE7E,OAAO;QACHI,KAAK,EAAE;UACH,CAACL,YAAY,CAACM,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,GAAGF;QACvC;MACJ,CAAC;IACL;;IAEA;IACA,IAAIjB,YAAY,CAACa,YAAY,CAAC,EAAE;MAC5B,IAAIP,aAAa,EAAE;QACf,OAAO,EAAE;MACb;MAEAA,aAAa,GAAG,IAAI;MAEpB,OAAOJ,kBAAkB,CAACG,KAAK,CAAC;IACpC;;IAEA;IACA,IAAIN,WAAW,CAACc,YAAY,CAAC,EAAE;MAC3B,IAAIN,YAAY,EAAE;QACd,OAAO,EAAE;MACb;MAEAA,YAAY,GAAG,IAAI;MAEnB,OAAOJ,iBAAiB,CAACE,KAAK,CAAC;IACnC;;IAEA;IACA,IAAIJ,WAAW,CAACY,YAAY,EAAEC,cAAc,CAAC,EAAE;MAC3C,OAAOhB,iBAAiB,CAACgB,cAAc,CAAC;IAC5C;;IAEA;IACA,IAAI,OAAOA,cAAc,KAAK,QAAQ,IAAIA,cAAc,KAAK,IAAI,EAAE;MAC/D,OAAOL,MAAM,CAACC,OAAO,CAACI,cAAc,CAAC,CAACM,GAAG,CAAC,CAAC,CAACC,aAAa,EAAEC,eAAe,CAAC,KAAK;QAC5E,OAAO7B,KAAK,CAACE,iBAAiB,CAAC0B,aAAa,CAAC,EAAEzB,QAAQ,CAACiB,YAAY,EAAES,eAAe,CAAC,CAAC;MAC3F,CAAC,CAAC;IACN;;IAEA;IACA,OAAO1B,QAAQ,CAACiB,YAAY,EAAEC,cAAc,CAAC;EACjD,CAAC,CAA+B;EAEhC,OAAOjB,gBAAgB,CAAC,GAAGW,WAAW,CAAC;AAC3C,CAAC","ignoreList":[]}

package/lib/module/web/create.js

@@ -1,84 +1,46 @@
 "use strict";
 
-import { UnistylesRegistry } from './registry';
-import { keyInObject, reduceObject, toReactNativeClassName } from './utils';
+import { assignSecrets, reduceObject, getStyles } from './utils';
 import { UnistylesRuntime } from './runtime';
 import { createUseVariants, getVariants } from './variants';
-import { UnistylesListener } from './listener';
 export const create = stylesheet => {
   const computedStylesheet = typeof stylesheet === 'function' ? stylesheet(UnistylesRuntime.theme, UnistylesRuntime.miniRuntime) : stylesheet;
-  let lastlySelectedVariants = {};
-  const listenToDependencies = ({
-    key,
-    className,
-    unistyles,
-    value,
-    args = []
-  }) => {
-    const dependencies = 'uni__dependencies' in value ? value['uni__dependencies'] : [];
-    if (dependencies.length === 0) {
-      return;
-    }
-    return UnistylesListener.addListeners(dependencies, () => {
-      const newComputedStylesheet = typeof stylesheet === 'function' ? stylesheet(UnistylesRuntime.theme, UnistylesRuntime.miniRuntime) : stylesheet;
-      if (!keyInObject(newComputedStylesheet, key)) {
-        return;
-      }
-      const value = newComputedStylesheet[key];
-      const result = typeof value === 'function' ? value(...args) : value;
-      UnistylesRegistry.updateStyles(unistyles, result, className);
-    });
-  };
-  const styles = reduceObject(computedStylesheet, (value, key) => {
+  const selectedVariants = new Map();
+  const copyVariants = () => Object.fromEntries(selectedVariants.entries());
+  const addSecrets = (value, key, args) => assignSecrets(value, {
+    __uni__key: key,
+    __uni__refs: new Set(),
+    __uni__stylesheet: stylesheet,
+    __uni__args: args,
+    __uni__variants: copyVariants()
+  });
+  const styles = reduceObject(computedStylesheet, (value, _key) => {
+    const key = String(_key);
     if (typeof value === 'function') {
-      const webUnistyleByRef = new Map();
-      const disposeByRef = new Map();
-      return (...args) => {
-        const [ref] = args.slice(-1);
+      const dynamicStyle = (...args) => {
         const result = value(...args);
         const variants = Object.fromEntries(getVariants({
           [key]: result
-        }, lastlySelectedVariants));
+        }, copyVariants()));
         const resultWithVariants = {
           ...result,
           ...variants[key]
         };
-        if (ref instanceof HTMLElement) {
-          const storedWebUnistyle = webUnistyleByRef.get(ref);
-          const webUnistyle = storedWebUnistyle ?? UnistylesRegistry.createStyles(resultWithVariants, key);
-          webUnistyleByRef.set(ref, webUnistyle);
-          disposeByRef.get(ref)?.();
-          disposeByRef.set(ref, listenToDependencies({
-            key,
-            value,
-            unistyles: webUnistyle.unistyles,
-            className: webUnistyle.className,
-            args
-          }));
-          ref.classList.add(webUnistyle.className);
-          if (storedWebUnistyle) {
-            UnistylesRegistry.updateStyles(webUnistyle.unistyles, resultWithVariants, webUnistyle.className);
-          }
-          return;
-        }
-        return toReactNativeClassName(null, resultWithVariants);
+
+        // Add secrets to result of dynamic styles function
+        return addSecrets(getStyles(resultWithVariants), key, args);
       };
+
+      // Add secrets to dynamic styles function
+      return addSecrets(dynamicStyle, key);
     }
-    const {
-      className,
-      unistyles
-    } = UnistylesRegistry.createStyles(value, key);
-    listenToDependencies({
-      key,
-      value,
-      unistyles,
-      className
-    });
-    return toReactNativeClassName(className, value);
-  });
-  createUseVariants(styles, newVariants => {
-    lastlySelectedVariants = newVariants;
+
+    // Add secrets to static styles
+    return addSecrets(getStyles(value), key);
   });
+
+  // Inject useVariants hook to styles
+  createUseVariants(styles, newVariants => Object.entries(newVariants).forEach(([key, value]) => selectedVariants.set(key, value)));
   return styles;
 };
 //# sourceMappingURL=create.js.map