react-native-unistyles 3.0.0-beta.4 → 3.0.0-beta.6

package/lib/commonjs/components/native/ImageBackground.js

@@ -4,7 +4,53 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageBackground = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _core = require("../../core");
-const ImageBackground = exports.ImageBackground = (0, _core.createUnistylesImageBackground)(_reactNative.ImageBackground);
+var _utils = require("../../web/utils");
+var _web = require("../../web");
+var _utils2 = require("../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const UnistylesImageBackground = /*#__PURE__*/(0, _react.forwardRef)((props, forwardedRef) => {
+  let storedRef = null;
+  let storedImageRef = null;
+  const styleClassNames = (0, _core.getClassName)(props.style);
+  const imageClassNames = (0, _core.getClassName)(props.imageStyle);
+  return (
+    /*#__PURE__*/
+    // @ts-expect-error - RN types are not compatible with RNW styles
+    (0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
+      ...props,
+      style: styleClassNames,
+      imageStyle: imageClassNames,
+      ref: (0, _utils.isServer)() ? undefined : ref => {
+        if (!ref) {
+          // @ts-expect-error hidden from TS
+          _web.UnistylesShadowRegistry.remove(storedRef, styleClassNames?.hash);
+        }
+        storedRef = ref;
+        // @ts-expect-error hidden from TS
+        _web.UnistylesShadowRegistry.add(ref, styleClassNames?.hash);
+        if (typeof forwardedRef === 'function') {
+          return forwardedRef(ref);
+        }
+        if (forwardedRef) {
+          forwardedRef.current = ref;
+        }
+      },
+      imageRef: (0, _utils.isServer)() ? undefined : ref => {
+        if (!ref) {
+          // @ts-expect-error hidden from TS
+          _web.UnistylesShadowRegistry.remove(storedImageRef, imageClassNames?.hash);
+        }
+        storedImageRef = ref;
+        // @ts-expect-error hidden from TS
+        _web.UnistylesShadowRegistry.add(ref, imageClassNames?.hash);
+      }
+    })
+  );
+});
+const ImageBackground = exports.ImageBackground = (0, _utils2.copyComponentProperties)(_reactNative.ImageBackground, UnistylesImageBackground);
 //# sourceMappingURL=ImageBackground.js.map

package/lib/commonjs/components/native/ImageBackground.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_core","ImageBackground","exports","createUnistylesImageBackground","NativeImageBackground"],"sourceRoot":"../../../../src","sources":["components/native/ImageBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAA8B,EAACC,4BAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_utils","_web","_utils2","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UnistylesImageBackground","forwardRef","props","forwardedRef","storedRef","storedImageRef","styleClassNames","getClassName","style","imageClassNames","imageStyle","jsx","ImageBackground","ref","isServer","undefined","UnistylesShadowRegistry","remove","hash","add","current","imageRef","exports","copyComponentProperties","NativeImageBackground"],"sourceRoot":"../../../../src","sources":["components/native/ImageBackground.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/native/ImageBackground.native.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageBackground = void 0;
+var _reactNative = require("react-native");
+var _core = require("../../core");
+const ImageBackground = exports.ImageBackground = (0, _core.createUnistylesImageBackground)(_reactNative.ImageBackground);
+//# sourceMappingURL=ImageBackground.native.js.map

package/lib/commonjs/components/native/ImageBackground.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","ImageBackground","exports","createUnistylesImageBackground","NativeImageBackground"],"sourceRoot":"../../../../src","sources":["components/native/ImageBackground.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAA8B,EAACC,4BAAqB,CAAC","ignoreList":[]}

package/lib/commonjs/components/native/NativeText.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function () {
+    return _Text.Text;
+  }
+});
+var _Text = require("./Text");
+//# sourceMappingURL=NativeText.js.map

package/lib/commonjs/components/native/NativeText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Text","require"],"sourceRoot":"../../../../src","sources":["components/native/NativeText.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/native/NativeText.native.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NativeText = void 0;
+var _react = require("react");
+var _core = require("../../core");
+// credits to @hirbod
+const LeanText = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  return /*#__PURE__*/(0, _react.createElement)('RCTText', {
+    ...props,
+    ref
+  });
+});
+LeanText.displayName = 'RCTText';
+const NativeText = exports.NativeText = (0, _core.createUnistylesElement)(LeanText);
+//# sourceMappingURL=NativeText.native.js.map

package/lib/commonjs/components/native/NativeText.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_core","LeanText","forwardRef","props","ref","createElement","displayName","NativeText","exports","createUnistylesElement"],"sourceRoot":"../../../../src","sources":["components/native/NativeText.native.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA;AACA,MAAME,QAAQ,gBAAG,IAAAC,iBAAU,EAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxC,oBAAO,IAAAC,oBAAa,EAAC,SAAS,EAAE;IAAE,GAAGF,KAAK;IAAEC;EAAI,CAAC,CAAC;AACtD,CAAC,CAA6B;AAE9BH,QAAQ,CAACK,WAAW,GAAG,SAAS;AAEzB,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,4BAAsB,EAACR,QAAQ,CAAC","ignoreList":[]}

package/lib/commonjs/components/native/NativeView.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _View = require("./View");
+var _default = exports.default = _View.View;
+//# sourceMappingURL=NativeView.js.map

package/lib/commonjs/components/native/NativeView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_View","require","_default","exports","default","View"],"sourceRoot":"../../../../src","sources":["components/native/NativeView.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAA6B,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEdC,UAAI","ignoreList":[]}

package/lib/commonjs/components/native/NativeView.native.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _core = require("../../core");
+// credits to @hirbod
+const LeanView = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  return /*#__PURE__*/(0, _react.createElement)('RCTView', {
+    ...props,
+    ref
+  });
+});
+LeanView.displayName = 'RCTView';
+
+// this will match default export from react-native
+var _default = exports.default = (0, _core.createUnistylesElement)(LeanView);
+//# sourceMappingURL=NativeView.native.js.map

package/lib/commonjs/components/native/NativeView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_core","LeanView","forwardRef","props","ref","createElement","displayName","_default","exports","default","createUnistylesElement"],"sourceRoot":"../../../../src","sources":["components/native/NativeView.native.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA;AACA,MAAME,QAAQ,gBAAG,IAAAC,iBAAU,EAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxC,oBAAO,IAAAC,oBAAa,EAAC,SAAS,EAAE;IAAE,GAAGF,KAAK;IAAEC;EAAI,CAAC,CAAC;AACtD,CAAC,CAA6B;AAE9BH,QAAQ,CAACK,WAAW,GAAG,SAAS;;AAEhC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACe,IAAAC,4BAAsB,EAACT,QAAQ,CAAC","ignoreList":[]}

package/lib/commonjs/components/native/Pressable.js

@@ -7,68 +7,43 @@ exports.Pressable = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _specs = require("../../specs");
+var _core = require("../../core");
+var _utils = require("../../web/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const initialState = {
-  pressed: false,
-  hovered: false,
-  focused: false
-};
-const extractStyleResult = style => {
-  return typeof style === 'function' ? [style()] : Array.isArray(style) ? style.map(style => typeof style === 'function' ? style() : style) : [style];
-};
-const updateStyles = ({
-  ref,
-  style,
-  state,
-  scopedTheme,
-  variants
-}) => {
-  const styleResult = typeof style === 'function' ? style(state) : style;
-  const extractedResult = extractStyleResult(styleResult);
-  const previousScopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
-  const previousVariants = _specs.UnistylesShadowRegistry.getVariants();
-  _specs.UnistylesShadowRegistry.selectVariants(variants);
-  _specs.UnistylesShadowRegistry.setScopedTheme(scopedTheme);
-  _specs.UnistylesShadowRegistry.add(ref, extractedResult);
-  _specs.UnistylesShadowRegistry.setScopedTheme(previousScopedTheme);
-  _specs.UnistylesShadowRegistry.selectVariants(previousVariants);
-};
 const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
   style,
   ...props
-}, passedRef) => {
-  const storedRef = (0, _react.useRef)(null);
+}, forwardedRef) => {
   const scopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
-  const variants = _specs.UnistylesShadowRegistry.getVariants();
+  let storedRef = null;
+  let classNames = undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
     ...props,
-    style: state => {
-      if (!storedRef.current) {
-        return {};
+    ref: (0, _utils.isServer)() ? undefined : ref => {
+      storedRef = ref;
+      // @ts-expect-error hidden from TS
+      _specs.UnistylesShadowRegistry.add(storedRef, classNames?.hash);
+      if (typeof forwardedRef === 'function') {
+        return forwardedRef(ref);
       }
-      updateStyles({
-        ref: storedRef.current,
-        style: style,
-        variants,
-        scopedTheme,
-        state: state
-      });
-      return {};
-    },
-    ref: ref => {
-      storedRef.current = ref;
-      updateStyles({
-        ref,
-        style: style,
-        variants,
-        scopedTheme,
-        state: initialState
-      });
-      if (typeof passedRef === 'object' && passedRef !== null) {
-        passedRef.current = ref;
+      if (forwardedRef) {
+        forwardedRef.current = ref;
       }
+    },
+    style: state => {
+      const styleResult = typeof style === 'function' ? style(state) : style;
+      const previousScopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
+      _specs.UnistylesShadowRegistry.setScopedTheme(scopedTheme);
+
+      // @ts-expect-error hidden from TS
+      _specs.UnistylesShadowRegistry.remove(storedRef, classNames?.hash);
+      classNames = (0, _core.getClassName)(styleResult);
+      // @ts-expect-error hidden from TS
+      _specs.UnistylesShadowRegistry.add(storedRef, classNames?.hash);
+      _specs.UnistylesShadowRegistry.setScopedTheme(previousScopedTheme);
+      return classNames;
     }
   });
 });

package/lib/commonjs/components/native/Pressable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_specs","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","initialState","pressed","hovered","focused","extractStyleResult","style","Array","isArray","map","updateStyles","ref","state","scopedTheme","variants","styleResult","extractedResult","previousScopedTheme","UnistylesShadowRegistry","getScopedTheme","previousVariants","getVariants","selectVariants","setScopedTheme","add","Pressable","exports","forwardRef","props","passedRef","storedRef","useRef","jsx","current"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAqD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAgBrD,MAAMW,YAA+B,GAAG;EACpCC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE;AACb,CAAC;AAUD,MAAMC,kBAAkB,GAAIC,KAAU,IAAK;EACvC,OAAO,OAAOA,KAAK,KAAK,UAAU,GAC5B,CAACA,KAAK,CAAC,CAAC,CAAC,GACTC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,GAChBA,KAAK,CAACG,GAAG,CAACH,KAAK,IAAI,OAAOA,KAAK,KAAK,UAAU,GAAGA,KAAK,CAAC,CAAC,GAAGA,KAAK,CAAC,GACjE,CAACA,KAAK,CAAC;AACrB,CAAC;AAED,MAAMI,YAAY,GAAGA,CAAC;EAAEC,GAAG;EAAEL,KAAK;EAAEM,KAAK;EAAEC,WAAW;EAAEC;AAA4B,CAAC,KAAK;EACtF,MAAMC,WAAW,GAAG,OAAOT,KAAK,KAAK,UAAU,GACzCA,KAAK,CAACM,KAAK,CAAC,GACZN,KAAK;EACX,MAAMU,eAAe,GAAGX,kBAAkB,CAACU,WAAW,CAAC;EACvD,MAAME,mBAAmB,GAAGC,8BAAuB,CAACC,cAAc,CAAC,CAAC;EACpE,MAAMC,gBAAgB,GAAGF,8BAAuB,CAACG,WAAW,CAAC,CAAC;EAE9DH,8BAAuB,CAACI,cAAc,CAACR,QAA+B,CAAC;EACvEI,8BAAuB,CAACK,cAAc,CAACV,WAAkB,CAAC;EAE1DK,8BAAuB,CAACM,GAAG,CAACb,GAAG,EAAEK,eAAe,CAAC;EAEjDE,8BAAuB,CAACK,cAAc,CAACN,mBAAmB,CAAC;EAC3DC,8BAAuB,CAACI,cAAc,CAACF,gBAAuC,CAAC;AACnF,CAAC;AAEM,MAAMK,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,iBAAU,EAAuB,CAAC;EAAErB,KAAK;EAAE,GAAGsB;AAAM,CAAC,EAAEC,SAAS,KAAK;EAC1F,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAc,IAAI,CAAC;EAC3C,MAAMlB,WAAW,GAAGK,8BAAuB,CAACC,cAAc,CAAC,CAAC;EAC5D,MAAML,QAAQ,GAAGI,8BAAuB,CAACG,WAAW,CAAC,CAAC;EAEtD,oBACI,IAAAzC,WAAA,CAAAoD,GAAA,EAACtD,YAAA,CAAA+C,SAA0B;IAAA,GACnBG,KAAK;IACTtB,KAAK,EAAEM,KAAK,IAAI;MACZ,IAAI,CAACkB,SAAS,CAACG,OAAO,EAAE;QACpB,OAAO,CAAC,CAAC;MACb;MAEAvB,YAAY,CAAC;QACTC,GAAG,EAAEmB,SAAS,CAACG,OAAO;QACtB3B,KAAK,EAAEA,KAA0B;QACjCQ,QAAQ;QACRD,WAAW;QACXD,KAAK,EAAEA;MACX,CAAC,CAAC;MAEF,OAAO,CAAC,CAAC;IACb,CAAE;IACFD,GAAG,EAAEA,GAAG,IAAI;MACRmB,SAAS,CAACG,OAAO,GAAGtB,GAAG;MACvBD,YAAY,CAAC;QACTC,GAAG;QACHL,KAAK,EAAEA,KAA0B;QACjCQ,QAAQ;QACRD,WAAW;QACXD,KAAK,EAAEX;MACX,CAAC,CAAC;MAEF,IAAI,OAAO4B,SAAS,KAAK,QAAQ,IAAIA,SAAS,KAAK,IAAI,EAAE;QACrDA,SAAS,CAACI,OAAO,GAAGtB,GAAG;MAC3B;IACJ;EAAE,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_specs","_core","_utils","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Pressable","exports","forwardRef","style","props","forwardedRef","scopedTheme","UnistylesShadowRegistry","getScopedTheme","storedRef","classNames","undefined","jsx","ref","isServer","add","hash","current","state","styleResult","previousScopedTheme","setScopedTheme","remove","getClassName"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/native/Pressable.native.js

@@ -11,39 +11,55 @@ var _core = require("../../core");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const getStyles = (styleProps = {}) => {
+  const unistyleKey = Object.keys(styleProps).find(key => key.startsWith('unistyles-'));
+  if (!unistyleKey) {
+    return styleProps;
+  }
+  return {
+    // styles without C++ state
+    ...styleProps[unistyleKey].uni__getStyles(),
+    [unistyleKey]: styleProps[unistyleKey].uni__getStyles()
+  };
+};
 const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
   variants,
   style,
   ...props
 }, forwardedRef) => {
   const storedRef = (0, _react.useRef)();
+  (0, _react.useLayoutEffect)(() => {
+    return () => {
+      if (storedRef.current) {
+        // @ts-expect-error - this is hidden from TS
+        _specs.UnistylesShadowRegistry.remove(storedRef.current);
+      }
+    };
+  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
     ...props,
     ref: ref => {
       const unistyles = typeof style === 'function' ? style({
         pressed: false
       }) : style;
-      const styles = Array.isArray(unistyles) ? unistyles : [unistyles];
 
       // @ts-expect-error - this is hidden from TS
-      _specs.UnistylesShadowRegistry.add(ref, styles);
-      storedRef.current = ref;
+      _specs.UnistylesShadowRegistry.add(ref, unistyles);
+      if (ref) {
+        storedRef.current = ref;
+      }
       return (0, _core.passForwardedRef)(props, ref, forwardedRef);
     },
     style: state => {
-      const unistyles = typeof style === 'function' ? style(state) : style;
-      const styles = Array.isArray(unistyles) ? unistyles : [unistyles];
+      const unistyles = typeof style === 'function' ? style(state) : getStyles(style);
       if (!storedRef.current) {
         return unistyles;
       }
-      if (state.pressed) {
-        _specs.UnistylesShadowRegistry.selectVariants(variants);
-      }
 
       // @ts-expect-error - this is hidden from TS
       _specs.UnistylesShadowRegistry.remove(storedRef.current);
       // @ts-expect-error - this is hidden from TS
-      _specs.UnistylesShadowRegistry.add(storedRef.current, styles);
+      _specs.UnistylesShadowRegistry.add(storedRef.current, unistyles);
       return unistyles;
     }
   });

package/lib/commonjs/components/native/Pressable.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_specs","_core","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Pressable","exports","forwardRef","variants","style","props","forwardedRef","storedRef","useRef","jsx","ref","unistyles","pressed","styles","Array","isArray","UnistylesShadowRegistry","add","current","passForwardedRef","state","selectVariants","remove"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.native.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_specs","_core","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getStyles","styleProps","unistyleKey","keys","find","key","startsWith","uni__getStyles","Pressable","exports","forwardRef","variants","style","props","forwardedRef","storedRef","useRef","useLayoutEffect","current","UnistylesShadowRegistry","remove","jsx","ref","unistyles","pressed","add","passForwardedRef","state"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.native.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/createUnistylesElement.js

@@ -5,12 +5,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createUnistylesElement = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _passForwardRef = require("./passForwardRef");
+var _getClassname = require("./getClassname");
+var _utils = require("../web/utils");
+var _web = require("../web");
+var _warn = require("./warn");
+var _utils2 = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const createUnistylesElement = Component => /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-  ...props,
-  ref: ref => (0, _passForwardRef.passForwardedRef)(props, ref, forwardedRef)
-}));
+const createUnistylesElement = Component => {
+  const UnistylesComponent = /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
+    let storedRef = null;
+    const classNames = (0, _getClassname.getClassName)(props.style);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      ...props,
+      style: classNames,
+      ref: (0, _utils.isServer)() ? undefined : ref => {
+        // @ts-ignore we don't know the type of the component
+        (0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, Component.displayName);
+        if (!ref) {
+          // @ts-expect-error hidden from TS
+          _web.UnistylesShadowRegistry.remove(storedRef, classNames?.hash);
+        }
+        storedRef = ref;
+        // @ts-expect-error hidden from TS
+        _web.UnistylesShadowRegistry.add(ref, classNames?.hash);
+        if (typeof forwardedRef === 'function') {
+          return forwardedRef(ref);
+        }
+        if (forwardedRef) {
+          forwardedRef.current = ref;
+        }
+      }
+    });
+  });
+  return (0, _utils2.copyComponentProperties)(Component, UnistylesComponent);
+};
 exports.createUnistylesElement = createUnistylesElement;
 //# sourceMappingURL=createUnistylesElement.js.map

package/lib/commonjs/core/createUnistylesElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_passForwardRef","_jsxRuntime","e","__esModule","default","createUnistylesElement","Component","React","forwardRef","props","forwardedRef","jsx","ref","passForwardedRef","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C,MAAMG,sBAAsB,GAAIC,SAAc,iBAAKC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,YAAY,kBAC3F,IAAAT,WAAA,CAAAU,GAAA,EAACL,SAAS;EAAA,GACFG,KAAK;EACTG,GAAG,EAAGA,GAAY,IAAK,IAAAC,gCAAgB,EAACJ,KAAK,EAAEG,GAAG,EAAEF,YAAY;AAAE,CACrE,CACJ,CAAC;AAAAI,OAAA,CAAAT,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_getClassname","_utils","_web","_warn","_utils2","_jsxRuntime","e","__esModule","default","createUnistylesElement","Component","UnistylesComponent","React","forwardRef","props","forwardedRef","storedRef","classNames","getClassName","style","jsx","ref","isServer","undefined","maybeWarnAboutMultipleUnistyles","displayName","UnistylesShadowRegistry","remove","hash","add","current","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAkD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM3C,MAAMG,sBAAsB,GAAIC,SAAc,IAAK;EACtD,MAAMC,kBAAkB,gBAAGC,cAAK,CAACC,UAAU,CAA0B,CAACC,KAAK,EAAEC,YAAY,KAAK;IAC1F,IAAIC,SAA6B,GAAG,IAAI;IACxC,MAAMC,UAAU,GAAG,IAAAC,0BAAY,EAACJ,KAAK,CAACK,KAAK,CAAC;IAE5C,oBACI,IAAAd,WAAA,CAAAe,GAAA,EAACV,SAAS;MAAA,GACFI,KAAK;MACTK,KAAK,EAAEF,UAAW;MAClBI,GAAG,EAAE,IAAAC,eAAQ,EAAC,CAAC,GAAGC,SAAS,GAAIF,GAAuB,IAAK;QACvD;QACA,IAAAG,qCAA+B,EAACV,KAAK,CAACK,KAAK,EAAET,SAAS,CAACe,WAAW,CAAC;QAEnE,IAAI,CAACJ,GAAG,EAAE;UACN;UACAK,4BAAuB,CAACC,MAAM,CAACX,SAAS,EAAEC,UAAU,EAAEW,IAAI,CAAC;QAC/D;QAEAZ,SAAS,GAAGK,GAAG;QACf;QACAK,4BAAuB,CAACG,GAAG,CAACR,GAAG,EAAEJ,UAAU,EAAEW,IAAI,CAAC;QAElD,IAAI,OAAOb,YAAY,KAAK,UAAU,EAAE;UACpC,OAAOA,YAAY,CAACM,GAAG,CAAC;QAC5B;QAEA,IAAIN,YAAY,EAAE;UACdA,YAAY,CAACe,OAAO,GAAGT,GAAG;QAC9B;MACJ;IAAE,CACL,CAAC;EAEV,CAAC,CAAC;EAEF,OAAO,IAAAU,+BAAuB,EAACrB,SAAS,EAAEC,kBAAkB,CAAC;AACjE,CAAC;AAAAqB,OAAA,CAAAvB,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/commonjs/core/createUnistylesElement.native.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUnistylesElement = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _specs = require("../specs");
+var _passForwardRef = require("./passForwardRef");
+var _warn = require("./warn");
+var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const getNativeRef = (Component, ref) => {
+  switch (Component.name) {
+    case 'KeyboardAvoidingView':
+      return ref.viewRef?.current;
+    case 'FlatList':
+      return ref.getNativeScrollRef?.();
+    case 'VirtualizedList':
+      return ref.getScrollRef?.();
+    default:
+      return ref;
+  }
+};
+const createUnistylesElement = Component => {
+  const UnistylesComponent = /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
+    const storedRef = (0, _react.useRef)(null);
+    (0, _react.useLayoutEffect)(() => {
+      return () => {
+        if (storedRef.current) {
+          // @ts-ignore
+          _specs.UnistylesShadowRegistry.remove(storedRef.current);
+        }
+      };
+    }, []);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      ...props,
+      ref: ref => {
+        if (ref) {
+          storedRef.current = getNativeRef(Component, ref);
+        }
+        (0, _passForwardRef.passForwardedRef)(props, ref, forwardedRef);
+
+        // @ts-ignore we don't know the type of the component
+        (0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, Component.displayName);
+      }
+    });
+  });
+  return (0, _utils.copyComponentProperties)(Component, UnistylesComponent);
+};
+exports.createUnistylesElement = createUnistylesElement;
+//# sourceMappingURL=createUnistylesElement.native.js.map

package/lib/commonjs/core/createUnistylesElement.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_passForwardRef","_warn","_utils","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getNativeRef","Component","ref","name","viewRef","current","getNativeScrollRef","getScrollRef","createUnistylesElement","UnistylesComponent","React","forwardRef","props","forwardedRef","storedRef","useRef","useLayoutEffect","UnistylesShadowRegistry","remove","jsx","passForwardedRef","maybeWarnAboutMultipleUnistyles","style","displayName","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/createUnistylesImageBackground.js

@@ -4,24 +4,50 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createUnistylesImageBackground = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _specs = require("../specs");
 var _passForwardRef = require("./passForwardRef");
+var _warn = require("./warn");
+var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const createUnistylesImageBackground = Component => /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-  ...props,
-  ref: ref => (0, _passForwardRef.passForwardedRef)(props, ref, forwardedRef),
-  imageRef: ref => {
-    const style = Array.isArray(props.imageStyle) ? props.imageStyle : [props.imageStyle];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const createUnistylesImageBackground = Component => {
+  const UnistylesImageBackground = /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
+    const storedImageRef = (0, _react.useRef)(null);
+    (0, _react.useLayoutEffect)(() => {
+      return () => {
+        if (storedImageRef.current) {
+          // @ts-ignore
+          _specs.UnistylesShadowRegistry.remove(storedImageRef.current);
+        }
+      };
+    }, []);
 
-    // @ts-expect-error - This is hidden from TS
-    _specs.UnistylesShadowRegistry.add(ref, style);
-    return () => {
-      // @ts-expect-error - This is hidden from TS
-      _specs.UnistylesShadowRegistry.remove(ref);
-    };
-  }
-}));
+    // @ts-expect-error we don't know the type of the component
+    (0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, 'ImageBackground');
+    // @ts-ignore we don't know the type of the component
+    (0, _warn.maybeWarnAboutMultipleUnistyles)(props.imageStyle, 'ImageBackground');
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      ...props,
+      ref: ref => {
+        (0, _passForwardRef.passForwardedRef)(props, ref, forwardedRef);
+        return () => {
+          // @ts-ignore
+          _specs.UnistylesShadowRegistry.remove(ref);
+        };
+      },
+      imageRef: ref => {
+        if (ref) {
+          storedImageRef.current = ref;
+        }
+
+        // @ts-expect-error web types are not compatible with RN styles
+        _specs.UnistylesShadowRegistry.add(ref, props.imageStyle);
+      }
+    });
+  });
+  return (0, _utils.copyComponentProperties)(Component, UnistylesImageBackground);
+};
 exports.createUnistylesImageBackground = createUnistylesImageBackground;
 //# sourceMappingURL=createUnistylesImageBackground.js.map

package/lib/commonjs/core/createUnistylesImageBackground.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_specs","_passForwardRef","_jsxRuntime","e","__esModule","default","createUnistylesImageBackground","Component","React","forwardRef","props","forwardedRef","jsx","ref","passForwardedRef","imageRef","style","Array","isArray","imageStyle","UnistylesShadowRegistry","add","remove","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesImageBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAAmD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C,MAAMG,8BAA8B,GAAIC,SAAiC,iBAAKC,cAAK,CAACC,UAAU,CAAwC,CAACC,KAAK,EAAEC,YAAY,kBAC7J,IAAAT,WAAA,CAAAU,GAAA,EAACL,SAAS;EAAA,GACFG,KAAK;EACTG,GAAG,EAAEA,GAAG,IAAI,IAAAC,gCAAgB,EAACJ,KAAK,EAAEG,GAAG,EAAEF,YAAY,CAAE;EACvDI,QAAQ,EAAEF,GAAG,IAAI;IACb,MAAMG,KAAK,GAAGC,KAAK,CAACC,OAAO,CAACR,KAAK,CAACS,UAAU,CAAC,GACvCT,KAAK,CAACS,UAAU,GAChB,CAACT,KAAK,CAACS,UAAU,CAAC;;IAExB;IACAC,8BAAuB,CAACC,GAAG,CAACR,GAAG,EAAEG,KAAK,CAAC;IAEvC,OAAO,MAAM;MACT;MACAI,8BAAuB,CAACE,MAAM,CAACT,GAAG,CAAC;IACvC,CAAC;EACL;AAAE,CACL,CACJ,CAAC;AAAAU,OAAA,CAAAjB,8BAAA,GAAAA,8BAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_passForwardRef","_warn","_utils","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createUnistylesImageBackground","Component","UnistylesImageBackground","React","forwardRef","props","forwardedRef","storedImageRef","useRef","useLayoutEffect","current","UnistylesShadowRegistry","remove","maybeWarnAboutMultipleUnistyles","style","imageStyle","jsx","ref","passForwardedRef","imageRef","add","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesImageBackground.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/getClassname.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getClassName = void 0;
+var _web = require("../web");
+const getClassName = unistyle => {
+  if (!unistyle) {
+    return undefined;
+  }
+  const {
+    hash,
+    injectedClassName
+  } = _web.UnistylesWeb.shadowRegistry.addStyles(Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle]);
+  return hash ? {
+    $$css: true,
+    hash,
+    injectedClassName
+  } : undefined;
+};
+exports.getClassName = getClassName;
+//# sourceMappingURL=getClassname.js.map

package/lib/commonjs/core/getClassname.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_web","require","getClassName","unistyle","undefined","hash","injectedClassName","UnistylesWeb","shadowRegistry","addStyles","Array","isArray","flat","Number","POSITIVE_INFINITY","$$css","exports"],"sourceRoot":"../../../src","sources":["core/getClassname.ts"],"mappings":";;;;;;AACA,IAAAA,IAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAIC,QAA8D,IAAK;EAC5F,IAAI,CAACA,QAAQ,EAAE;IACX,OAAOC,SAAS;EACpB;EAEA,MAAM;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAGC,iBAAY,CAACC,cAAc,CAACC,SAAS,CACrEC,KAAK,CAACC,OAAO,CAACR,QAAQ,CAAC,GAAGA,QAAQ,CAACS,IAAI,CAACC,MAAM,CAACC,iBAAiB,CAAC,GAAG,CAACX,QAAQ,CACjF,CAAC;EAED,OAAOE,IAAI,GAAG;IAAEU,KAAK,EAAE,IAAI;IAAEV,IAAI;IAAEC;EAAkB,CAAC,GAAGF,SAAS;AACtE,CAAC;AAAAY,OAAA,CAAAd,YAAA,GAAAA,YAAA","ignoreList":[]}