react-native-unistyles 3.0.0-beta.1 → 3.0.0-beta.2

package/lib/commonjs/components/{Pressable.web.js → native/Pressable.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Pressable = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _specs = require("../specs");
+var _specs = require("../../specs");
 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; }
@@ -15,95 +15,55 @@ const initialState = {
   hovered: false,
   focused: false
 };
-const events = {
-  'pointerdown': {
-    pressed: true
-  },
-  'pointerup': {
-    pressed: false
-  },
-  'pointerenter': {
-    hovered: true
-  },
-  'pointerleave': {
-    hovered: false
-  },
-  'focus': {
-    focused: true
-  },
-  'blur': {
-    focused: false
-  }
-};
-const isFunctionWithBoundArgs = fn => {
-  return typeof fn === 'function' && 'getBoundArgs' in fn;
-};
-const extractFunctionArgs = styleResult => {
-  return isFunctionWithBoundArgs(styleResult) ? [styleResult.getBoundArgs()] : Array.isArray(styleResult) ? styleResult.map(style => isFunctionWithBoundArgs(style) ? style.getBoundArgs() : []) : [];
-};
 const extractStyleResult = style => {
   return typeof style === 'function' ? [style()] : Array.isArray(style) ? style.map(style => typeof style === 'function' ? style() : style) : [style];
 };
 const updateStyles = ({
   ref,
   style,
-  variants,
-  state
+  state,
+  scopedTheme,
+  variants
 }) => {
   const styleResult = typeof style === 'function' ? style(state) : style;
-  const fnArgs = extractFunctionArgs(styleResult);
   const extractedResult = extractStyleResult(styleResult);
-
-  // @ts-expect-error - this is hidden from TS
-  _specs.UnistylesShadowRegistry.add(ref, extractedResult, variants, fnArgs);
+  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)(({
-  variants,
   style,
   ...props
 }, passedRef) => {
   const storedRef = (0, _react.useRef)(null);
-  const state = (0, _react.useRef)(initialState);
-  const styleRef = (0, _react.useRef)(style);
-  (0, _react.useEffect)(() => {
-    styleRef.current = style;
-  }, [style]);
-  (0, _react.useEffect)(() => {
-    const handler = newState => () => {
-      state.current = {
-        ...state.current,
-        ...newState
-      };
+  const scopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
+  const variants = _specs.UnistylesShadowRegistry.getVariants();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...props,
+    style: state => {
+      if (!storedRef.current) {
+        return {};
+      }
       updateStyles({
         ref: storedRef.current,
-        style: styleRef.current,
+        style: style,
         variants,
-        state: state.current
-      });
-    };
-    if (!storedRef.current) {
-      return;
-    }
-
-    // ref on the web is dom element
-    const ref = storedRef.current;
-    Object.entries(events).forEach(([event, state]) => {
-      ref.addEventListener(event, handler(state));
-    });
-    return () => {
-      Object.entries(events).forEach(([event, state]) => {
-        ref.removeEventListener(event, handler(state));
+        scopedTheme,
+        state: state
       });
-    };
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    ...props,
+      return {};
+    },
     ref: ref => {
       storedRef.current = ref;
       updateStyles({
         ref,
         style: style,
         variants,
+        scopedTheme,
         state: initialState
       });
       if (typeof passedRef === 'object' && passedRef !== null) {
@@ -112,4 +72,4 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
     }
   });
 });
-//# sourceMappingURL=Pressable.web.js.map
+//# sourceMappingURL=Pressable.js.map

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

@@ -0,0 +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":"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","ignoreList":[]}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pressable = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _specs = require("../../specs");
+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 Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
+  variants,
+  style,
+  ...props
+}, forwardedRef) => {
+  const storedRef = (0, _react.useRef)();
+  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;
+      return (0, _core.passForwardedRef)(props, ref, forwardedRef);
+    },
+    style: state => {
+      _specs.UnistylesShadowRegistry.selectVariants(variants);
+      const unistyles = typeof style === 'function' ? style(state) : style;
+      const styles = Array.isArray(unistyles) ? unistyles : [unistyles];
+      if (storedRef.current) {
+        // @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.selectVariants(undefined);
+      return unistyles;
+    }
+  });
+});
+//# sourceMappingURL=Pressable.native.js.map

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

@@ -0,0 +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","undefined"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.native.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","RefreshControl","exports","createUnistylesElement","NativeRefreshControl"],"sourceRoot":"../../../../src","sources":["components/native/RefreshControl.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,4BAAsB,EAACC,2BAAoB,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","ScrollView","exports","createUnistylesElement","NativeScrollView"],"sourceRoot":"../../../../src","sources":["components/native/ScrollView.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,4BAAsB,EAACC,uBAAgB,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","SectionList","exports","createUnistylesElement","NativeSectionList"],"sourceRoot":"../../../../src","sources":["components/native/SectionList.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,4BAAsB,EAACC,wBAAiB,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","Switch","exports","createUnistylesElement","NativeSwitch"],"sourceRoot":"../../../../src","sources":["components/native/Switch.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,4BAAsB,EAACC,mBAAY,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","Text","exports","createUnistylesElement","NativeText"],"sourceRoot":"../../../../src","sources":["components/native/Text.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,IAAAE,4BAAsB,EAACC,iBAAU,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","TextInput","exports","createUnistylesElement","NativeTextInput"],"sourceRoot":"../../../../src","sources":["components/native/TextInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,4BAAsB,EAACC,sBAAe,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","TouchableHighlight","exports","createUnistylesElement","NativeTouchableHighlight"],"sourceRoot":"../../../../src","sources":["components/native/TouchableHighlight.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,4BAAsB,EAACC,+BAAwB,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","TouchableOpacity","exports","createUnistylesElement","NativeTouchableOpacity"],"sourceRoot":"../../../../src","sources":["components/native/TouchableOpacity.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,4BAAsB,EAACC,6BAAsB,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","View","exports","createUnistylesElement","NativeView"],"sourceRoot":"../../../../src","sources":["components/native/View.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,IAAAE,4BAAsB,EAACC,iBAAU,CAAC","ignoreList":[]}

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

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

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

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

package/lib/commonjs/core/createUnistylesComponent.js

@@ -4,76 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createUnistylesComponent = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _specs = require("../specs");
-var _NativePlatform = require("../specs/NativePlatform");
-var _listener = require("../web/listener");
-var _web = require("../web");
-var _utils = require("../web/utils");
-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; }
+var _withUnistyles = require("./withUnistyles");
 const SUPPORTED_STYLE_PROPS = ['style', 'contentContainerStyle'];
-const ALL_DEPENDENCIES = Object.values(_NativePlatform.UnistyleDependency).filter(dependency => typeof dependency === 'number');
-const useShadowRegistry = style => {
-  const [ref] = (0, _react.useState)(document.createElement('div'));
-  const oldClassNames = (0, _react.useRef)([]);
-  const classNames = (0, _react.useMemo)(() => {
-    if (!style) {
-      return [];
-    }
-    const newClassNames = _web.UnistylesShadowRegistry.add(ref, [style], undefined, []) ?? [];
-    if ((0, _utils.equal)(oldClassNames.current, newClassNames)) {
-      return oldClassNames.current;
-    }
-    oldClassNames.current = newClassNames;
-    return newClassNames;
-  }, [style]);
-  (0, _react.useEffect)(() => () => {
-    // Remove styles on unmount
-    if (style) {
-      _web.UnistylesShadowRegistry.add(null, [style], undefined, []);
-    }
-  });
-  return classNames;
-};
+/**
+ * @deprecated Use withUnistyles instead
+ */
 const createUnistylesComponent = (Component, mappings) => {
-  return /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-    const narrowedProps = props;
-    const [mappingsProps, setMappingsProps] = (0, _react.useState)(mappings?.(_specs.UnistylesRuntime.getTheme()));
-    const styleClassNames = useShadowRegistry(narrowedProps.style);
-    const contentContainerStyleClassNames = useShadowRegistry(narrowedProps.contentContainerStyle);
-    (0, _react.useEffect)(() => {
-      const disposeMappings = _listener.UnistylesListener.addListeners(ALL_DEPENDENCIES, () => {
-        if (!mappings) {
-          disposeMappings();
-          return;
-        }
-        return setMappingsProps(mappings(_specs.UnistylesRuntime.getTheme()));
-      });
-      return () => disposeMappings();
-    }, [mappingsProps, narrowedProps.style]);
-    const combinedProps = {
-      ...(0, _utils2.deepMergeObjects)(props, mappingsProps ?? {}),
-      ...(narrowedProps.style ? {
-        style: {
-          $$css: true,
-          'unistyles': styleClassNames.join(' ')
-        }
-      } : {}),
-      ...(narrowedProps.contentContainerStyle ? {
-        style: {
-          $$css: true,
-          'unistyles': contentContainerStyleClassNames.join(' ')
-        }
-      } : {})
-    };
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-      ...combinedProps,
-      ref: ref
-    });
-  });
+  return (0, _withUnistyles.withUnistyles)(Component, mappings);
 };
 exports.createUnistylesComponent = createUnistylesComponent;
 //# sourceMappingURL=createUnistylesComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_NativePlatform","_listener","_web","_utils","_utils2","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SUPPORTED_STYLE_PROPS","ALL_DEPENDENCIES","values","UnistyleDependency","filter","dependency","useShadowRegistry","style","ref","useState","document","createElement","oldClassNames","useRef","classNames","useMemo","newClassNames","UnistylesShadowRegistry","add","undefined","equal","current","useEffect","createUnistylesComponent","Component","mappings","forwardRef","props","narrowedProps","mappingsProps","setMappingsProps","UnistylesRuntime","getTheme","styleClassNames","contentContainerStyleClassNames","contentContainerStyle","disposeMappings","UnistylesListener","addListeners","combinedProps","deepMergeObjects","$$css","join","jsx","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesComponent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAQ,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,SAAAV,wBAAAU,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;AAE3C,MAAMW,qBAAqB,GAAG,CAAC,OAAO,EAAE,uBAAuB,CAAU;AACzE,MAAMC,gBAAgB,GAAGT,MAAM,CAACU,MAAM,CAACC,kCAAkB,CAAC,CAACC,MAAM,CAAEC,UAAU,IAAuC,OAAOA,UAAU,KAAK,QAAQ,CAAC;AAInJ,MAAMC,iBAAiB,GAAIC,KAA2B,IAAK;EACvD,MAAM,CAACC,GAAG,CAAC,GAAG,IAAAC,eAAQ,EAACC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAAC;EACrD,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAgB,EAAE,CAAC;EAC/C,MAAMC,UAAU,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC7B,IAAI,CAACR,KAAK,EAAE;MACR,OAAO,EAAE;IACb;IAEA,MAAMS,aAAa,GAAGC,4BAAuB,CAACC,GAAG,CAACV,GAAG,EAAE,CAACD,KAAK,CAAC,EAAEY,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE;IAEpF,IAAI,IAAAC,YAAK,EAACR,aAAa,CAACS,OAAO,EAAEL,aAAa,CAAC,EAAE;MAC7C,OAAOJ,aAAa,CAACS,OAAO;IAChC;IAEAT,aAAa,CAACS,OAAO,GAAGL,aAAa;IAErC,OAAOA,aAAa;EACxB,CAAC,EAAE,CAACT,KAAK,CAAC,CAAC;EAEX,IAAAe,gBAAS,EAAC,MAAM,MAAM;IAClB;IACA,IAAIf,KAAK,EAAE;MACPU,4BAAuB,CAACC,GAAG,CAAC,IAAI,EAAE,CAACX,KAAK,CAAC,EAAEY,SAAS,EAAE,EAAE,CAAC;IAC7D;EACJ,CAAC,CAAC;EAEF,OAAOL,UAAU;AACrB,CAAC;AAEM,MAAMS,wBAAwB,GAAGA,CAAmGC,SAAgC,EAAEC,QAA+C,KAAK;EAC7N,oBAAO,IAAAC,iBAAU,EAAoE,CAACC,KAAK,EAAEnB,GAAG,KAAK;IACjG,MAAMoB,aAAa,GAAGD,KAAiE;IACvF,MAAM,CAACE,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAArB,eAAQ,EAACgB,QAAQ,GAAGM,uBAAgB,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3F,MAAMC,eAAe,GAAG3B,iBAAiB,CAACsB,aAAa,CAACrB,KAAK,CAAC;IAC9D,MAAM2B,+BAA+B,GAAG5B,iBAAiB,CAACsB,aAAa,CAACO,qBAAqB,CAAC;IAE9F,IAAAb,gBAAS,EAAC,MAAM;MACZ,MAAMc,eAAe,GAAGC,2BAAiB,CAACC,YAAY,CAACrC,gBAAgB,EAAE,MAAM;QAC3E,IAAI,CAACwB,QAAQ,EAAE;UACXW,eAAe,CAAC,CAAC;UAEjB;QACJ;QAEA,OAAON,gBAAgB,CAACL,QAAQ,CAACM,uBAAgB,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAC;MAClE,CAAC,CAAC;MAEF,OAAO,MAAMI,eAAe,CAAC,CAAC;IAClC,CAAC,EAAE,CAACP,aAAa,EAAED,aAAa,CAACrB,KAAK,CAAC,CAAC;IAExC,MAAMgC,aAAa,GAAG;MAClB,GAAG,IAAAC,wBAAgB,EAACb,KAAK,EAAGE,aAAa,IAAI,CAAC,CAAY,CAAC;MAC3D,IAAGD,aAAa,CAACrB,KAAK,GAAG;QACrBA,KAAK,EAAE;UACHkC,KAAK,EAAE,IAAI;UACX,WAAW,EAAER,eAAe,CAACS,IAAI,CAAC,GAAG;QACzC;MACJ,CAAC,GAAG,CAAC,CAAC;MACN,IAAGd,aAAa,CAACO,qBAAqB,GAAG;QACrC5B,KAAK,EAAE;UACHkC,KAAK,EAAE,IAAI;UACX,WAAW,EAAEP,+BAA+B,CAACQ,IAAI,CAAC,GAAG;QACzD;MACJ,CAAC,GAAG,CAAC,CAAC;IACV,CAAsB;IAEtB,oBAAO,IAAA/D,WAAA,CAAAgE,GAAA,EAACnB,SAAS;MAAA,GAAKe,aAAa;MAAE/B,GAAG,EAAEA;IAAI,CAAE,CAAC;EACrD,CAAC,CAAC;AACN,CAAC;AAAAoC,OAAA,CAAArB,wBAAA,GAAAA,wBAAA","ignoreList":[]}
+{"version":3,"names":["_withUnistyles","require","SUPPORTED_STYLE_PROPS","createUnistylesComponent","Component","mappings","withUnistyles","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesComponent.tsx"],"mappings":";;;;;;AAEA,IAAAA,cAAA,GAAAC,OAAA;AAEA,MAAMC,qBAAqB,GAAG,CAAC,OAAO,EAAE,uBAAuB,CAAU;AAIzE;AACA;AACA;AACO,MAAMC,wBAAwB,GAAGA,CAAmGC,SAAgC,EAAEC,QAA+C,KAAK;EAC7N,OAAO,IAAAC,4BAAa,EAACF,SAAS,EAASC,QAAe,CAAC;AAC3D,CAAC;AAAAE,OAAA,CAAAJ,wBAAA,GAAAA,wBAAA","ignoreList":[]}

package/lib/commonjs/core/createUnistylesElement.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUnistylesElement = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _passForwardRef = require("./passForwardRef");
+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)
+}));
+exports.createUnistylesElement = createUnistylesElement;
+//# sourceMappingURL=createUnistylesElement.js.map

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

@@ -0,0 +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":[]}

package/lib/commonjs/core/createUnistylesImageBackground.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUnistylesImageBackground = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _specs = require("../specs");
+var _passForwardRef = require("./passForwardRef");
+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];
+
+    // @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);
+    };
+  }
+}));
+exports.createUnistylesImageBackground = createUnistylesImageBackground;
+//# sourceMappingURL=createUnistylesImageBackground.js.map

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

@@ -0,0 +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":[]}

package/lib/commonjs/core/index.js

@@ -9,19 +9,33 @@ Object.defineProperty(exports, "createUnistylesComponent", {
     return _createUnistylesComponent.createUnistylesComponent;
   }
 });
-Object.defineProperty(exports, "getBoundArgs", {
+Object.defineProperty(exports, "createUnistylesElement", {
   enumerable: true,
   get: function () {
-    return _getBoundArgs.getBoundArgs;
+    return _createUnistylesElement.createUnistylesElement;
   }
 });
-Object.defineProperty(exports, "getId", {
+Object.defineProperty(exports, "createUnistylesImageBackground", {
   enumerable: true,
   get: function () {
-    return _getId.getId;
+    return _createUnistylesImageBackground.createUnistylesImageBackground;
+  }
+});
+Object.defineProperty(exports, "passForwardedRef", {
+  enumerable: true,
+  get: function () {
+    return _passForwardRef.passForwardedRef;
+  }
+});
+Object.defineProperty(exports, "withUnistyles", {
+  enumerable: true,
+  get: function () {
+    return _withUnistyles.withUnistyles;
   }
 });
 var _createUnistylesComponent = require("./createUnistylesComponent");
-var _getBoundArgs = require("./getBoundArgs");
-var _getId = require("./getId");
+var _createUnistylesElement = require("./createUnistylesElement");
+var _createUnistylesImageBackground = require("./createUnistylesImageBackground");
+var _withUnistyles = require("./withUnistyles");
+var _passForwardRef = require("./passForwardRef");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_createUnistylesComponent","require","_getBoundArgs","_getId"],"sourceRoot":"../../../src","sources":["core/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA","ignoreList":[]}
+{"version":3,"names":["_createUnistylesComponent","require","_createUnistylesElement","_createUnistylesImageBackground","_withUnistyles","_passForwardRef"],"sourceRoot":"../../../src","sources":["core/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,+BAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/core/passForwardRef.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.passForwardedRef = void 0;
+var _specs = require("../specs");
+const passForwardedRef = (props, ref, forwardedRef) => {
+  const passForwardedRef = () => {
+    if (typeof forwardedRef === 'function') {
+      return forwardedRef(ref);
+    }
+    if (forwardedRef) {
+      forwardedRef.current = ref;
+    }
+    return () => {};
+  };
+  const forwardedRefReturnFn = passForwardedRef();
+  _specs.UnistylesShadowRegistry.add(ref, props.style);
+  return () => {
+    // @ts-expect-error - This is hidden from TS
+    _specs.UnistylesShadowRegistry.remove(ref);
+    forwardedRefReturnFn?.();
+  };
+};
+exports.passForwardedRef = passForwardedRef;
+//# sourceMappingURL=passForwardRef.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_specs","require","passForwardedRef","props","ref","forwardedRef","current","forwardedRefReturnFn","UnistylesShadowRegistry","add","style","remove","exports"],"sourceRoot":"../../../src","sources":["core/passForwardRef.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAGA,CAC5BC,KAAU,EACVC,GAAM,EACNC,YAAmC,KAClC;EACD,MAAMH,gBAAgB,GAAGA,CAAA,KAAM;IAC3B,IAAI,OAAOG,YAAY,KAAK,UAAU,EAAE;MACpC,OAAOA,YAAY,CAACD,GAAG,CAAC;IAC5B;IAEA,IAAIC,YAAY,EAAE;MACdA,YAAY,CAACC,OAAO,GAAGF,GAAG;IAC9B;IAEA,OAAO,MAAM,CAAC,CAAC;EACnB,CAAC;EACD,MAAMG,oBAAoB,GAAGL,gBAAgB,CAAC,CAAC;EAE/CM,8BAAuB,CAACC,GAAG,CAACL,GAAG,EAAED,KAAK,CAACO,KAAK,CAAC;EAE7C,OAAO,MAAM;IACT;IACAF,8BAAuB,CAACG,MAAM,CAACP,GAAG,CAAC;IACnCG,oBAAoB,GAAG,CAAC;EAC5B,CAAC;AACL,CAAC;AAAAK,OAAA,CAAAV,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/core/withUnistyles/index.js

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

package/lib/commonjs/core/withUnistyles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_withUnistyles","require"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/core/withUnistyles/types.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SUPPORTED_STYLE_PROPS = void 0;
+const SUPPORTED_STYLE_PROPS = exports.SUPPORTED_STYLE_PROPS = ['style', 'contentContainerStyle'];
+//# sourceMappingURL=types.js.map

package/lib/commonjs/core/withUnistyles/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SUPPORTED_STYLE_PROPS","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/types.ts"],"mappings":";;;;;;AAGO,MAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,CAAC,OAAO,EAAE,uBAAuB,CAAU","ignoreList":[]}