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

package/lib/module/core/withUnistyles/withUnistyles.native.js

@@ -1,86 +1,53 @@
 "use strict";
 
-import React, { forwardRef, useEffect, useRef } from 'react';
-import { StyleSheet, UnistyleDependency } from '../../specs';
+import React, { forwardRef, useEffect } from 'react';
 import { deepMergeObjects } from '../../utils';
-import { SUPPORTED_STYLE_PROPS } from './types';
-import { useDependencies } from './useDependencies';
+import { maybeWarnAboutMultipleUnistyles } from '../warn';
+import { useProxifiedUnistyles } from '../useProxifiedUnistyles';
 
 // @ts-expect-error
 
 // @ts-expect-error
 import { jsx as _jsx } from "react/jsx-runtime";
 export const withUnistyles = (Component, mappings) => {
+  const getSecrets = (styleProps = {}) => {
+    const unistyleKey = Object.keys(styleProps).find(key => key.startsWith('unistyles-'));
+    return unistyleKey ? styleProps[unistyleKey] : {
+      uni__getStyles: () => styleProps,
+      uni__dependencies: []
+    };
+  };
   return /*#__PURE__*/forwardRef((props, ref) => {
     const narrowedProps = props;
-    const stylesRef = useRef({});
-    const isForcedRef = useRef(false);
     const NativeComponent = Component;
-    if (!isForcedRef.current) {
-      SUPPORTED_STYLE_PROPS.forEach(propName => {
-        if (narrowedProps?.[propName]) {
-          if (Array.isArray(narrowedProps[propName])) {
-            console.error(`🦄 Unistyles: withUnistyles requires ${propName} to be an object. Please check props for component: ${NativeComponent.displayName}`);
-          }
 
-          // @ts-expect-error - this is hidden from TS
-          if (props[propName].__unistyles_name && !props[propName].__proto__?.getStyle) {
-            console.error(`🦄 Unistyles: withUnistyles received style that is not bound. You likely used the spread operator on a Unistyle style. Please check props for component: ${NativeComponent.displayName}`);
-          }
-          stylesRef.current = {
-            ...stylesRef.current,
-            // @ts-expect-error - this is hidden from TS
-            [propName]: props[propName].__proto__?.getStyle?.() || props[propName]
-          };
-        }
-      });
-    }
+    // @ts-ignore we don't know the type of the component
+    maybeWarnAboutMultipleUnistyles(narrowedProps.style, `withUnistyles(${Component.displayName ?? Component.name ?? 'Unknown'})`);
+    // @ts-ignore we don't know the type of the component
+    maybeWarnAboutMultipleUnistyles(narrowedProps.contentContainerStyle, `withUnistyles(${Component.displayName ?? Component.name ?? 'Unknown'})`);
     const {
-      mappingsCallback,
+      proxifiedRuntime,
+      proxifiedTheme,
       addDependencies
-    } = useDependencies(({
-      dependencies,
-      updateTheme,
-      updateRuntime
-    }) => {
-      const listensToTheme = dependencies.includes(UnistyleDependency.Theme);
-      // @ts-expect-error - this is hidden from TS
-      const dispose = StyleSheet.addChangeListener(changedDependencies => {
-        if (listensToTheme && changedDependencies.includes(UnistyleDependency.Theme)) {
-          updateTheme();
-        }
-        if (changedDependencies.some(dependency => dependencies.includes(dependency))) {
-          SUPPORTED_STYLE_PROPS.forEach(propName => {
-            if (narrowedProps?.[propName]) {
-              stylesRef.current = {
-                ...stylesRef.current,
-                // @ts-expect-error - this is hidden from TS
-                [propName]: props[propName].__proto__?.getStyle?.() || props[propName]
-              };
-              isForcedRef.current = true;
-            }
-          });
-          updateRuntime();
-        }
-      });
-      return () => dispose();
-    });
+    } = useProxifiedUnistyles();
     useEffect(() => {
-      const styleDependencies = narrowedProps.style?.__proto__.uni__dependencies ?? [];
-      const contentContainerStyleDependencies = narrowedProps.contentContainerStyle?.__proto__.uni__dependencies ?? [];
-      addDependencies([...styleDependencies, ...contentContainerStyleDependencies]);
+      const styleSecrets = getSecrets(narrowedProps.style);
+      const contentContainerStyleSecrets = getSecrets(narrowedProps.contentContainerStyle);
+      addDependencies(Array.from(new Set([...styleSecrets.uni__dependencies, ...contentContainerStyleSecrets.uni__dependencies])));
     }, [narrowedProps.style, narrowedProps.contentContainerStyle]);
-    const mappingProps = mappings ? mappingsCallback(mappings) : {};
-    const unistyleProps = narrowedProps.uniProps ? mappingsCallback(narrowedProps.uniProps) : {};
-    const finalProps = deepMergeObjects(mappingProps, unistyleProps, props);
-
-    // override with Unistyles styles
-    SUPPORTED_STYLE_PROPS.forEach(propName => {
-      if (finalProps[propName]) {
-        finalProps[propName] = stylesRef.current[propName];
-      }
-    });
-    isForcedRef.current = false;
+    const mappingsProps = mappings ? mappings(proxifiedTheme, proxifiedRuntime) : {};
+    const unistyleProps = narrowedProps.uniProps ? narrowedProps.uniProps(proxifiedTheme, proxifiedRuntime) : {};
+    const styleSecrets = getSecrets(narrowedProps.style);
+    const contentContainerStyleSecrets = getSecrets(narrowedProps.contentContainerStyle);
+    const finalProps = {
+      ...deepMergeObjects(mappingsProps, unistyleProps, props),
+      ...(narrowedProps.style ? {
+        style: styleSecrets.uni__getStyles()
+      } : {}),
+      ...(narrowedProps.contentContainerStyle ? {
+        contentContainerStyle: contentContainerStyleSecrets.uni__getStyles()
+      } : {})
+    };
     return /*#__PURE__*/_jsx(NativeComponent, {
       ...finalProps,
       ref: ref

package/lib/module/core/withUnistyles/withUnistyles.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useEffect","useRef","StyleSheet","UnistyleDependency","deepMergeObjects","SUPPORTED_STYLE_PROPS","useDependencies","jsx","_jsx","withUnistyles","Component","mappings","props","ref","narrowedProps","stylesRef","isForcedRef","NativeComponent","current","forEach","propName","Array","isArray","console","error","displayName","__unistyles_name","__proto__","getStyle","mappingsCallback","addDependencies","dependencies","updateTheme","updateRuntime","listensToTheme","includes","Theme","dispose","addChangeListener","changedDependencies","some","dependency","styleDependencies","style","uni__dependencies","contentContainerStyleDependencies","contentContainerStyle","mappingProps","unistyleProps","uniProps","finalProps"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.native.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useEffect","deepMergeObjects","maybeWarnAboutMultipleUnistyles","useProxifiedUnistyles","jsx","_jsx","withUnistyles","Component","mappings","getSecrets","styleProps","unistyleKey","Object","keys","find","key","startsWith","uni__getStyles","uni__dependencies","props","ref","narrowedProps","NativeComponent","style","displayName","name","contentContainerStyle","proxifiedRuntime","proxifiedTheme","addDependencies","styleSecrets","contentContainerStyleSecrets","Array","from","Set","mappingsProps","unistyleProps","uniProps","finalProps"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.native.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -2,6 +2,7 @@
 
 export { StyleSheet, UnistylesRuntime, StatusBar, NavigationBar } from './specs';
 export { mq } from './mq';
-export { createUnistylesComponent, withUnistyles } from './core';
-export { Display, Hide, Variants, ScopedTheme } from './components';
+export { withUnistyles, useUnistyles } from './core';
+export { Display, Hide, ScopedTheme } from './components';
+export { useServerUnistyles, hydrateServerUnistyles, getServerUnistyles, resetServerUnistyles } from './server';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","UnistylesRuntime","StatusBar","NavigationBar","mq","createUnistylesComponent","withUnistyles","Display","Hide","Variants","ScopedTheme"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,gBAAgB,EAAEC,SAAS,EAAEC,aAAa,QAAQ,SAAS;AAChF,SAASC,EAAE,QAAQ,MAAM;AAEzB,SAASC,wBAAwB,EAAEC,aAAa,QAAQ,QAAQ;AAEhE,SAASC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,cAAc","ignoreList":[]}
+{"version":3,"names":["StyleSheet","UnistylesRuntime","StatusBar","NavigationBar","mq","withUnistyles","useUnistyles","Display","Hide","ScopedTheme","useServerUnistyles","hydrateServerUnistyles","getServerUnistyles","resetServerUnistyles"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,gBAAgB,EAAEC,SAAS,EAAEC,aAAa,QAAQ,SAAS;AAChF,SAASC,EAAE,QAAQ,MAAM;AAEzB,SAASC,aAAa,EAAEC,YAAY,QAAQ,QAAQ;AAEpD,SAASC,OAAO,EAAEC,IAAI,EAAEC,WAAW,QAAQ,cAAc;AACzD,SAASC,kBAAkB,EAAEC,sBAAsB,EAAEC,kBAAkB,EAAEC,oBAAoB,QAAQ,UAAU","ignoreList":[]}

package/lib/module/server/getServerUnistyles.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { error, isServer } from '../web/utils';
+import { UnistylesWeb } from '../web';
+import { DefaultServerUnistylesSettings } from './types';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const getServerUnistyles = ({
+  includeRNWStyles = true
+} = DefaultServerUnistylesSettings) => {
+  if (!isServer()) {
+    throw error('Server styles should only be read on the server');
+  }
+  // @ts-ignore
+  const rnwStyle = includeRNWStyles ? StyleSheet?.getSheet().textContent ?? '' : null;
+  const css = UnistylesWeb.registry.css.getStyles();
+  const state = UnistylesWeb.registry.css.getState();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [rnwStyle && /*#__PURE__*/_jsx("style", {
+      id: "rnw-style",
+      children: rnwStyle
+    }), /*#__PURE__*/_jsx("style", {
+      id: "unistyles-web",
+      children: css
+    }), /*#__PURE__*/_jsx("script", {
+      id: "unistyles-script",
+      dangerouslySetInnerHTML: {
+        __html: `window.__UNISTYLES_STATE__ = ${JSON.stringify(state)}`
+      }
+    })]
+  });
+};
+//# sourceMappingURL=getServerUnistyles.js.map

package/lib/module/server/getServerUnistyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","error","isServer","UnistylesWeb","DefaultServerUnistylesSettings","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","getServerUnistyles","includeRNWStyles","rnwStyle","getSheet","textContent","css","registry","getStyles","state","getState","children","id","dangerouslySetInnerHTML","__html","JSON","stringify"],"sourceRoot":"../../../src","sources":["server/getServerUnistyles.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,EAAEC,QAAQ,QAAQ,cAAc;AAC9C,SAASC,YAAY,QAAQ,QAAQ;AACrC,SAASC,8BAA8B,QAAsC,SAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtF,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,gBAAgB,GAAG;AAA8B,CAAC,GAAGR,8BAA8B,KAAK;EACzH,IAAI,CAACF,QAAQ,CAAC,CAAC,EAAE;IACb,MAAMD,KAAK,CAAC,iDAAiD,CAAC;EAClE;EACA;EACA,MAAMY,QAAuB,GAAGD,gBAAgB,GAAIZ,UAAU,EAAEc,QAAQ,CAAC,CAAC,CAACC,WAAW,IAAI,EAAE,GAAI,IAAI;EACpG,MAAMC,GAAG,GAAGb,YAAY,CAACc,QAAQ,CAACD,GAAG,CAACE,SAAS,CAAC,CAAC;EACjD,MAAMC,KAAK,GAAGhB,YAAY,CAACc,QAAQ,CAACD,GAAG,CAACI,QAAQ,CAAC,CAAC;EAClD,oBAAOV,KAAA,CAAAF,SAAA;IAAAa,QAAA,GACFR,QAAQ,iBAAIP,IAAA;MAAOgB,EAAE,EAAC,WAAW;MAAAD,QAAA,EAAER;IAAQ,CAAQ,CAAC,eACrDP,IAAA;MAAOgB,EAAE,EAAC,eAAe;MAAAD,QAAA,EAAEL;IAAG,CAAQ,CAAC,eAEvCV,IAAA;MAAQgB,EAAE,EAAC,kBAAkB;MAACC,uBAAuB,EAAE;QAAEC,MAAM,EAAE,gCAAgCC,IAAI,CAACC,SAAS,CAACP,KAAK,CAAC;MAAE;IAAE,CAAE,CAAC;EAAA,CAC/H,CAAC;AACP,CAAC","ignoreList":[]}

package/lib/module/server/hydrateServerUnistyles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { error, isServer } from '../web/utils';
+import { UnistylesWeb } from '../web';
+export const hydrateServerUnistyles = () => {
+  if (isServer()) {
+    throw error('Server styles should only be hydrated on the client');
+  }
+  UnistylesWeb.registry.css.hydrate(window.__UNISTYLES_STATE__);
+  document.querySelector('#unistyles-script')?.remove();
+};
+//# sourceMappingURL=hydrateServerUnistyles.js.map

package/lib/module/server/hydrateServerUnistyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["error","isServer","UnistylesWeb","hydrateServerUnistyles","registry","css","hydrate","window","__UNISTYLES_STATE__","document","querySelector","remove"],"sourceRoot":"../../../src","sources":["server/hydrateServerUnistyles.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,QAAQ,QAAQ,cAAc;AAC9C,SAASC,YAAY,QAAQ,QAAQ;AASrC,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACxC,IAAIF,QAAQ,CAAC,CAAC,EAAE;IACZ,MAAMD,KAAK,CAAC,qDAAqD,CAAC;EACtE;EACAE,YAAY,CAACE,QAAQ,CAACC,GAAG,CAACC,OAAO,CAACC,MAAM,CAACC,mBAAmB,CAAC;EAC7DC,QAAQ,CAACC,aAAa,CAAC,mBAAmB,CAAC,EAAEC,MAAM,CAAC,CAAC;AACzD,CAAC","ignoreList":[]}

package/lib/module/server/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { useServerUnistyles } from './useServerUnistyles';
+export { getServerUnistyles } from './getServerUnistyles';
+export { resetServerUnistyles } from './resetServerUnistyles';
+export { hydrateServerUnistyles } from './hydrateServerUnistyles';
+//# sourceMappingURL=index.js.map

package/lib/module/server/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useServerUnistyles","getServerUnistyles","resetServerUnistyles","hydrateServerUnistyles"],"sourceRoot":"../../../src","sources":["server/index.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,sBAAsB,QAAQ,0BAA0B","ignoreList":[]}

package/lib/module/server/resetServerUnistyles.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { error, isServer } from '../web/utils';
+import { UnistylesWeb } from '../web';
+export const resetServerUnistyles = () => {
+  if (!isServer()) {
+    throw error('Server styles should only be reset on the server');
+  }
+  UnistylesWeb.registry.reset();
+};
+//# sourceMappingURL=resetServerUnistyles.js.map

package/lib/module/server/resetServerUnistyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["error","isServer","UnistylesWeb","resetServerUnistyles","registry","reset"],"sourceRoot":"../../../src","sources":["server/resetServerUnistyles.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,QAAQ,QAAQ,cAAc;AAC9C,SAASC,YAAY,QAAQ,QAAQ;AAErC,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACtC,IAAI,CAACF,QAAQ,CAAC,CAAC,EAAE;IACb,MAAMD,KAAK,CAAC,kDAAkD,CAAC;EACnE;EACAE,YAAY,CAACE,QAAQ,CAACC,KAAK,CAAC,CAAC;AACjC,CAAC","ignoreList":[]}

package/lib/module/server/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export const DefaultServerUnistylesSettings = {};
+//# sourceMappingURL=types.js.map

package/lib/module/server/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DefaultServerUnistylesSettings"],"sourceRoot":"../../../src","sources":["server/types.ts"],"mappings":";;AAGA,OAAO,MAAMA,8BAA8B,GAAG,CAAC,CAAC","ignoreList":[]}

package/lib/module/server/useServerUnistyles.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import { useRef } from 'react';
+import { isServer } from '../web/utils';
+import { DefaultServerUnistylesSettings } from './types';
+import { getServerUnistyles } from './getServerUnistyles';
+import { resetServerUnistyles } from './resetServerUnistyles';
+import { hydrateServerUnistyles } from './hydrateServerUnistyles';
+export const useServerUnistyles = (settings = DefaultServerUnistylesSettings) => {
+  const isServerInserted = useRef(false);
+  if (isServer() && !isServerInserted.current) {
+    isServerInserted.current = true;
+    const components = getServerUnistyles(settings);
+    resetServerUnistyles();
+    return components;
+  }
+  if (!isServer()) {
+    hydrateServerUnistyles();
+  }
+  return null;
+};
+//# sourceMappingURL=useServerUnistyles.js.map

package/lib/module/server/useServerUnistyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","isServer","DefaultServerUnistylesSettings","getServerUnistyles","resetServerUnistyles","hydrateServerUnistyles","useServerUnistyles","settings","isServerInserted","current","components"],"sourceRoot":"../../../src","sources":["server/useServerUnistyles.tsx"],"mappings":";;AAAA,SAAgBA,MAAM,QAAQ,OAAO;AACrC,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,8BAA8B,QAAsC,SAAS;AACtF,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,sBAAsB,QAAQ,0BAA0B;AAEjE,OAAO,MAAMC,kBAAkB,GAAGA,CAACC,QAAiC,GAAGL,8BAA8B,KAA6B;EAC9H,MAAMM,gBAAgB,GAAGR,MAAM,CAAC,KAAK,CAAC;EAEtC,IAAIC,QAAQ,CAAC,CAAC,IAAI,CAACO,gBAAgB,CAACC,OAAO,EAAE;IACzCD,gBAAgB,CAACC,OAAO,GAAG,IAAI;IAC/B,MAAMC,UAAU,GAAGP,kBAAkB,CAACI,QAAQ,CAAC;IAC/CH,oBAAoB,CAAC,CAAC;IACtB,OAAOM,UAAU;EACrB;EAEA,IAAI,CAACT,QAAQ,CAAC,CAAC,EAAE;IACbI,sBAAsB,CAAC,CAAC;EAC5B;EACA,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

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

@@ -11,13 +11,16 @@ const findShadowNodeForHandle = handle => {
 };
 HybridShadowRegistry.add = (handle, styles) => {
   // virtualized nodes can be null
-  if (!handle || !styles || !Array.isArray(styles)) {
+  if (!handle || !styles) {
     return;
   }
+  const stylesArray = Array.isArray(styles) ? styles.flat() : [styles];
 
   // filter Reanimated styles and styles that are undefined
-  const filteredStyles = styles.filter(style => !style?.initial?.updater).filter(Boolean);
-  HybridShadowRegistry.link(findShadowNodeForHandle(handle), filteredStyles);
+  const filteredStyles = stylesArray.filter(style => !style?.initial?.updater).filter(style => style && Object.keys(style).length > 0).flat();
+  if (filteredStyles.length > 0) {
+    HybridShadowRegistry.link(findShadowNodeForHandle(handle), filteredStyles);
+  }
 };
 HybridShadowRegistry.remove = handle => {
   if (!handle) {

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

@@ -1 +1 @@
-{"version":3,"names":["NitroModules","HybridShadowRegistry","createHybridObject","findShadowNodeForHandle","handle","node","__internalInstanceHandle","stateNode","getScrollResponder","getNativeScrollRef","_viewRef","viewRef","current","_nativeRef","Error","elementType","add","styles","Array","isArray","filteredStyles","filter","style","initial","updater","Boolean","link","remove","unlink","UnistylesShadowRegistry"],"sourceRoot":"../../../../src","sources":["specs/ShadowRegistry/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAA4B;AAmBzD,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,IACzED,MAAM,EAAEM,QAAQ,EAAEJ,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IAC3DD,MAAM,EAAEO,OAAO,EAAEC,OAAO,EAAEN,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACnED,MAAM,EAAES,UAAU,EAAEP,wBAAwB,EAAEC,SAAS,EAAEF,IAAI;EAEpE,IAAI,CAACA,IAAI,EAAE;IACP,MAAM,IAAIS,KAAK,CAAC,4EAA4EV,MAAM,EAAEE,wBAAwB,EAAES,WAAW,IAAI,SAAS,EAAE,CAAC;EAC7J;EAEA,OAAOV,IAAI;AACf,CAAC;AAEDJ,oBAAoB,CAACe,GAAG,GAAG,CAACZ,MAAM,EAAEa,MAAM,KAAK;EAC3C;EACA,IAAI,CAACb,MAAM,IAAI,CAACa,MAAM,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,MAAM,CAAC,EAAE;IAC9C;EACJ;;EAEA;EACA,MAAMG,cAAc,GAAGH,MAAM,CACxBI,MAAM,CAACC,KAAK,IAAI,CAACA,KAAK,EAAEC,OAAO,EAAEC,OAAO,CAAC,CACzCH,MAAM,CAACI,OAAO,CAAC;EAEpBxB,oBAAoB,CAACyB,IAAI,CAACvB,uBAAuB,CAACC,MAAM,CAAC,EAAEgB,cAAc,CAAC;AAC9E,CAAC;AAEDnB,oBAAoB,CAAC0B,MAAM,GAAGvB,MAAM,IAAI;EACpC,IAAI,CAACA,MAAM,EAAE;IACT;EACJ;EAEAH,oBAAoB,CAAC2B,MAAM,CAACzB,uBAAuB,CAACC,MAAM,CAAC,CAAC;AAChE,CAAC;AAQD,OAAO,MAAMyB,uBAAuB,GAAG5B,oBAA4D","ignoreList":[]}
+{"version":3,"names":["NitroModules","HybridShadowRegistry","createHybridObject","findShadowNodeForHandle","handle","node","__internalInstanceHandle","stateNode","getScrollResponder","getNativeScrollRef","_viewRef","viewRef","current","_nativeRef","Error","elementType","add","styles","stylesArray","Array","isArray","flat","filteredStyles","filter","style","initial","updater","Object","keys","length","link","remove","unlink","UnistylesShadowRegistry"],"sourceRoot":"../../../../src","sources":["specs/ShadowRegistry/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAA4B;AAezD,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,IACzED,MAAM,EAAEM,QAAQ,EAAEJ,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IAC3DD,MAAM,EAAEO,OAAO,EAAEC,OAAO,EAAEN,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACnED,MAAM,EAAES,UAAU,EAAEP,wBAAwB,EAAEC,SAAS,EAAEF,IAAI;EAEpE,IAAI,CAACA,IAAI,EAAE;IACP,MAAM,IAAIS,KAAK,CAAC,4EAA4EV,MAAM,EAAEE,wBAAwB,EAAES,WAAW,IAAI,SAAS,EAAE,CAAC;EAC7J;EAEA,OAAOV,IAAI;AACf,CAAC;AAEDJ,oBAAoB,CAACe,GAAG,GAAG,CAACZ,MAAM,EAAEa,MAAM,KAAK;EAC3C;EACA,IAAI,CAACb,MAAM,IAAI,CAACa,MAAM,EAAE;IACpB;EACJ;EAEA,MAAMC,WAAW,GAAGC,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,GACnCA,MAAM,CAACI,IAAI,CAAC,CAAC,GACb,CAACJ,MAAM,CAAC;;EAEd;EACA,MAAMK,cAAc,GAAGJ,WAAW,CAC7BK,MAAM,CAACC,KAAK,IAAI,CAACA,KAAK,EAAEC,OAAO,EAAEC,OAAO,CAAC,CACzCH,MAAM,CAACC,KAAK,IAAIA,KAAK,IAAIG,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,CAACK,MAAM,GAAG,CAAC,CAAC,CACvDR,IAAI,CAAC,CAAC;EAEX,IAAIC,cAAc,CAACO,MAAM,GAAG,CAAC,EAAE;IAC3B5B,oBAAoB,CAAC6B,IAAI,CAAC3B,uBAAuB,CAACC,MAAM,CAAC,EAAEkB,cAAc,CAAC;EAC9E;AACJ,CAAC;AAEDrB,oBAAoB,CAAC8B,MAAM,GAAG3B,MAAM,IAAI;EACpC,IAAI,CAACA,MAAM,EAAE;IACT;EACJ;EAEAH,oBAAoB,CAAC+B,MAAM,CAAC7B,uBAAuB,CAACC,MAAM,CAAC,CAAC;AAChE,CAAC;AAQD,OAAO,MAAM6B,uBAAuB,GAAGhC,oBAA4D","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["NitroModules","processColor","StyleSheet","NativeStyleSheet","HybridUnistylesStyleSheet","createHybridObject","absoluteFillObject","absoluteFill","flatten","compose","jsMethods","init"],"sourceRoot":"../../../../src","sources":["specs/StyleSheet/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAA4B;AACzD,SAASC,YAAY,EAAEC,UAAU,IAAIC,gBAAgB,QAAQ,cAAc;AAiC3E,MAAMC,yBAAyB,GAAGJ,YAAY,CACzCK,kBAAkB,CAAsB,qBAAqB,CAAC;AAEnED,yBAAyB,CAACE,kBAAkB,GAAGH,gBAAgB,CAACG,kBAAkB;AAClFF,yBAAyB,CAACG,YAAY,GAAGJ,gBAAgB,CAACI,YAAY;AACtEH,yBAAyB,CAACI,OAAO,GAAGL,gBAAgB,CAACK,OAAO;AAC5DJ,yBAAyB,CAACK,OAAO,GAAGN,gBAAgB,CAACM,OAAO;AAC5DL,yBAAyB,CAACM,SAAS,GAAG;EAClCT;AACJ,CAAC;AAEDG,yBAAyB,CAACO,IAAI,CAAC,CAAC;AAIhC,OAAO,MAAMT,UAAU,GAAGE,yBAAsE","ignoreList":[]}
+{"version":3,"names":["NitroModules","processColor","StyleSheet","NativeStyleSheet","HybridUnistylesStyleSheet","createHybridObject","absoluteFillObject","absoluteFill","flatten","compose","jsMethods","init"],"sourceRoot":"../../../../src","sources":["specs/StyleSheet/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAA4B;AACzD,SAASC,YAAY,EAAEC,UAAU,IAAIC,gBAAgB,QAAQ,cAAc;AAsC3E,MAAMC,yBAAyB,GAAGJ,YAAY,CACzCK,kBAAkB,CAAsB,qBAAqB,CAAC;AAEnED,yBAAyB,CAACE,kBAAkB,GAAGH,gBAAgB,CAACG,kBAAkB;AAClFF,yBAAyB,CAACG,YAAY,GAAGJ,gBAAgB,CAACI,YAAY;AACtEH,yBAAyB,CAACI,OAAO,GAAGL,gBAAgB,CAACK,OAAO;AAC5DJ,yBAAyB,CAACK,OAAO,GAAGN,gBAAgB,CAACM,OAAO;AAC5DL,yBAAyB,CAACM,SAAS,GAAG;EAClCT;AACJ,CAAC;AAEDG,yBAAyB,CAACO,IAAI,CAAC,CAAC;AAIhC,OAAO,MAAMT,UAAU,GAAGE,yBAAsE","ignoreList":[]}

package/lib/module/utils.js

@@ -1,8 +1,9 @@
 "use strict";
 
+export const isDefined = value => value !== undefined && value !== null;
 export const deepMergeObjects = (...sources) => {
   const target = {};
-  sources.forEach(source => {
+  sources.filter(isDefined).forEach(source => {
     Object.keys(source).forEach(key => {
       const sourceValue = source[key];
       const targetValue = target[key];
@@ -18,4 +19,18 @@ export const deepMergeObjects = (...sources) => {
   });
   return target;
 };
+export const copyComponentProperties = (Component, UnistylesComponent) => {
+  Object.entries(Component).forEach(([key, value]) => {
+    // Filter out the keys we don't want to copy
+    if (['$$typeof', 'render'].includes(key)) {
+      return;
+    }
+    UnistylesComponent[key] = value;
+  });
+
+  // Those are not enumerable, so we need to copy them manually
+  UnistylesComponent.displayName = Component.displayName;
+  UnistylesComponent.name = Component.name;
+  return UnistylesComponent;
+};
 //# sourceMappingURL=utils.js.map

package/lib/module/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["deepMergeObjects","sources","target","forEach","source","Object","keys","key","sourceValue","targetValue"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":";;AAAA,OAAO,MAAMA,gBAAgB,GAAGA,CAAqC,GAAGC,OAAiB,KAAK;EAC1F,MAAMC,MAAM,GAAG,CAAC,CAAM;EAEtBD,OAAO,CAACE,OAAO,CAACC,MAAM,IAAI;IACtBC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAACD,OAAO,CAACI,GAAG,IAAI;MAC/B,MAAMC,WAAW,GAAGJ,MAAM,CAACG,GAAG,CAAC;MAC/B,MAAME,WAAW,GAAGP,MAAM,CAACK,GAAG,CAAC;MAE/B,IAAIF,MAAM,CAACG,WAAW,CAAC,KAAKA,WAAW,IAAIH,MAAM,CAACI,WAAW,CAAC,KAAKA,WAAW,EAAE;QAC5E;QACAP,MAAM,CAACK,GAAG,CAAC,GAAGP,gBAAgB,CAACS,WAAW,EAAED,WAAW,CAAC;QAExD;MACJ;;MAEA;MACAN,MAAM,CAACK,GAAG,CAAC,GAAGC,WAAW;IAC7B,CAAC,CAAC;EACN,CAAC,CAAC;EAEF,OAAON,MAAM;AACjB,CAAC","ignoreList":[]}
+{"version":3,"names":["isDefined","value","undefined","deepMergeObjects","sources","target","filter","forEach","source","Object","keys","key","sourceValue","targetValue","copyComponentProperties","Component","UnistylesComponent","entries","includes","displayName","name"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":";;AAAA,OAAO,MAAMA,SAAS,GAAOC,KAAQ,IAA8BA,KAAK,KAAKC,SAAS,IAAID,KAAK,KAAK,IAAI;AAExG,OAAO,MAAME,gBAAgB,GAAGA,CAAqC,GAAGC,OAAiB,KAAK;EAC1F,MAAMC,MAAM,GAAG,CAAC,CAAM;EAEtBD,OAAO,CACFE,MAAM,CAACN,SAAS,CAAC,CACjBO,OAAO,CAACC,MAAM,IAAI;IACfC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAACD,OAAO,CAACI,GAAG,IAAI;MAC/B,MAAMC,WAAW,GAAGJ,MAAM,CAACG,GAAG,CAAC;MAC/B,MAAME,WAAW,GAAGR,MAAM,CAACM,GAAG,CAAC;MAE/B,IAAIF,MAAM,CAACG,WAAW,CAAC,KAAKA,WAAW,IAAIH,MAAM,CAACI,WAAW,CAAC,KAAKA,WAAW,EAAE;QAC5E;QACAR,MAAM,CAACM,GAAG,CAAC,GAAGR,gBAAgB,CAACU,WAAW,EAAED,WAAW,CAAC;QAExD;MACJ;;MAEA;MACAP,MAAM,CAACM,GAAG,CAAC,GAAGC,WAAW;IACjC,CAAC,CAAC;EACN,CAAC,CAAC;EAEF,OAAOP,MAAM;AACjB,CAAC;AAED,OAAO,MAAMS,uBAAuB,GAAGA,CAACC,SAAc,EAAEC,kBAAuB,KAAK;EAChFP,MAAM,CAACQ,OAAO,CAACF,SAAS,CAAC,CAACR,OAAO,CAAC,CAAC,CAACI,GAAG,EAAEV,KAAK,CAAC,KAAK;IAChD;IACA,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAACiB,QAAQ,CAACP,GAAG,CAAC,EAAE;MACtC;IACJ;IAEAK,kBAAkB,CAACL,GAAG,CAAC,GAAGV,KAAK;EACnC,CAAC,CAAC;;EAEF;EACAe,kBAAkB,CAACG,WAAW,GAAGJ,SAAS,CAACI,WAAW;EACtDH,kBAAkB,CAACI,IAAI,GAAGL,SAAS,CAACK,IAAI;EAExC,OAAOJ,kBAAkB;AAC7B,CAAC","ignoreList":[]}

package/lib/module/web/convert/object/filter.js

@@ -3,8 +3,8 @@
 import { hyphenate } from '../../utils';
 import { getObjectStyle } from './objectStyle';
 import { normalizeColor, normalizeNumericValue } from '../utils';
-import { UnistylesRuntime } from '../../runtime';
 import { isUnistylesMq } from '../../../mq';
+import { UnistylesWeb } from '../../index';
 const getDropShadowStyle = dropShadow => {
   const {
     offsetX = 0,
@@ -21,7 +21,7 @@ export const getFilterStyle = filters => {
     if (typeof dropShadowValue !== 'object') {
       return [];
     }
-    const breakpoints = Object.keys(dropShadowValue).filter(key => Object.keys(UnistylesRuntime.breakpoints).includes(key) || isUnistylesMq(key));
+    const breakpoints = Object.keys(dropShadowValue).filter(key => Object.keys(UnistylesWeb.runtime.breakpoints).includes(key) || isUnistylesMq(key));
     const breakpointsDropShadow = Object.fromEntries(breakpoints.map(breakpoint => [breakpoint, getDropShadowStyle(dropShadowValue[breakpoint])]));
     if (breakpoints.length === 0) {
       return [{

package/lib/module/web/convert/object/filter.js.map

@@ -1 +1 @@
-{"version":3,"names":["hyphenate","getObjectStyle","normalizeColor","normalizeNumericValue","UnistylesRuntime","isUnistylesMq","getDropShadowStyle","dropShadow","offsetX","offsetY","standardDeviation","color","String","getFilterStyle","filters","restFilters","filter","Object","keys","dropShadowValue","find","breakpoints","key","includes","breakpointsDropShadow","fromEntries","map","breakpoint","length","value"],"sourceRoot":"../../../../../src","sources":["web/convert/object/filter.ts"],"mappings":";;AACA,SAASA,SAAS,QAAQ,aAAa;AAEvC,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,cAAc,EAAEC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,gBAAgB,QAAQ,eAAe;AAChD,SAASC,aAAa,QAAQ,aAAa;AAE3C,MAAMC,kBAAkB,GAAIC,UAA2B,IAAK;EACxD,MAAM;IAAEC,OAAO,GAAG,CAAC;IAAEC,OAAO,GAAG,CAAC;IAAEC,iBAAiB,GAAG,CAAC;IAAEC,KAAK,GAAG;EAAO,CAAC,GAAGJ,UAAU;EAEtF,OAAO,GAAGL,cAAc,CAACU,MAAM,CAACD,KAAK,CAAC,CAAC,IAAIR,qBAAqB,CAACK,OAAO,CAAC,IAAIL,qBAAqB,CAACM,OAAO,CAAC,IAAIN,qBAAqB,CAACO,iBAAiB,CAAC,EAAE;AAC7J,CAAC;AAED,OAAO,MAAMG,cAAc,GAAIC,OAAuB,IAAK;EACvD,MAAMC,WAAW,GAAGD,OAAO,CAACE,MAAM,CAACA,MAAM,IAAIC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;EACrF,MAAMT,UAAU,GAAG,CAAC,MAAM;IACtB,MAAMY,eAAe,GAAGL,OAAO,CAACM,IAAI,CAACJ,MAAM,IAAIC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,EAAET,UAAiC;IAE1H,IAAI,OAAOY,eAAe,KAAK,QAAQ,EAAE;MACrC,OAAO,EAAE;IACb;IAEA,MAAME,WAAW,GAAGJ,MAAM,CAACC,IAAI,CAACC,eAAe,CAAC,CAACH,MAAM,CAACM,GAAG,IAAIL,MAAM,CAACC,IAAI,CAACd,gBAAgB,CAACiB,WAAW,CAAC,CAACE,QAAQ,CAACD,GAAG,CAAC,IAAIjB,aAAa,CAACiB,GAAG,CAAC,CAAC;IAC7I,MAAME,qBAAqB,GAAGP,MAAM,CAACQ,WAAW,CAACJ,WAAW,CAACK,GAAG,CAACC,UAAU,IAAI,CAACA,UAAU,EAAErB,kBAAkB,CAACa,eAAe,CAACQ,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9I,IAAIN,WAAW,CAACO,MAAM,KAAK,CAAC,EAAE;MAC1B,OAAO,CAAC;QACJrB,UAAU,EAAED,kBAAkB,CAACa,eAAkC;MACrE,CAAC,CAAC;IACN;IAEA,OAAO,CAAC;MACJZ,UAAU,EAAEiB;IAChB,CAAC,CAAC;EACN,CAAC,EAAE,CAAC;EAEJ,OAAOvB,cAAc,CAAC,CAAC,GAAGc,WAAW,EAAE,GAAGR,UAAU,CAAC,EAAE,QAAQ,EAAE,CAACe,GAAG,EAAEO,KAAK,KAAK,GAAG7B,SAAS,CAACsB,GAAG,CAAC,IAAInB,qBAAqB,CAAC0B,KAAwB,CAAC,GAAG,CAAC;AAC7J,CAAC","ignoreList":[]}
+{"version":3,"names":["hyphenate","getObjectStyle","normalizeColor","normalizeNumericValue","isUnistylesMq","UnistylesWeb","getDropShadowStyle","dropShadow","offsetX","offsetY","standardDeviation","color","String","getFilterStyle","filters","restFilters","filter","Object","keys","dropShadowValue","find","breakpoints","key","runtime","includes","breakpointsDropShadow","fromEntries","map","breakpoint","length","value"],"sourceRoot":"../../../../../src","sources":["web/convert/object/filter.ts"],"mappings":";;AACA,SAASA,SAAS,QAAQ,aAAa;AAEvC,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,cAAc,EAAEC,qBAAqB,QAAQ,UAAU;AAChE,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAASC,YAAY,QAAQ,aAAa;AAE1C,MAAMC,kBAAkB,GAAIC,UAA2B,IAAK;EACxD,MAAM;IAAEC,OAAO,GAAG,CAAC;IAAEC,OAAO,GAAG,CAAC;IAAEC,iBAAiB,GAAG,CAAC;IAAEC,KAAK,GAAG;EAAO,CAAC,GAAGJ,UAAU;EAEtF,OAAO,GAAGL,cAAc,CAACU,MAAM,CAACD,KAAK,CAAC,CAAC,IAAIR,qBAAqB,CAACK,OAAO,CAAC,IAAIL,qBAAqB,CAACM,OAAO,CAAC,IAAIN,qBAAqB,CAACO,iBAAiB,CAAC,EAAE;AAC7J,CAAC;AAED,OAAO,MAAMG,cAAc,GAAIC,OAAuB,IAAK;EACvD,MAAMC,WAAW,GAAGD,OAAO,CAACE,MAAM,CAACA,MAAM,IAAIC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;EACrF,MAAMT,UAAU,GAAG,CAAC,MAAM;IACtB,MAAMY,eAAe,GAAGL,OAAO,CAACM,IAAI,CAACJ,MAAM,IAAIC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,EAAET,UAAiC;IAE1H,IAAI,OAAOY,eAAe,KAAK,QAAQ,EAAE;MACrC,OAAO,EAAE;IACb;IAEA,MAAME,WAAW,GAAGJ,MAAM,CAACC,IAAI,CAACC,eAAe,CAAC,CAACH,MAAM,CAACM,GAAG,IAAIL,MAAM,CAACC,IAAI,CAACb,YAAY,CAACkB,OAAO,CAACF,WAAW,CAAC,CAACG,QAAQ,CAACF,GAAG,CAAC,IAAIlB,aAAa,CAACkB,GAAG,CAAC,CAAC;IACjJ,MAAMG,qBAAqB,GAAGR,MAAM,CAACS,WAAW,CAACL,WAAW,CAACM,GAAG,CAACC,UAAU,IAAI,CAACA,UAAU,EAAEtB,kBAAkB,CAACa,eAAe,CAACS,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9I,IAAIP,WAAW,CAACQ,MAAM,KAAK,CAAC,EAAE;MAC1B,OAAO,CAAC;QACJtB,UAAU,EAAED,kBAAkB,CAACa,eAAkC;MACrE,CAAC,CAAC;IACN;IAEA,OAAO,CAAC;MACJZ,UAAU,EAAEkB;IAChB,CAAC,CAAC;EACN,CAAC,EAAE,CAAC;EAEJ,OAAOxB,cAAc,CAAC,CAAC,GAAGc,WAAW,EAAE,GAAGR,UAAU,CAAC,EAAE,QAAQ,EAAE,CAACe,GAAG,EAAEQ,KAAK,KAAK,GAAG9B,SAAS,CAACsB,GAAG,CAAC,IAAInB,qBAAqB,CAAC2B,KAAwB,CAAC,GAAG,CAAC;AAC7J,CAAC","ignoreList":[]}

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

@@ -1,8 +1,8 @@
 "use strict";
 
 import { keyInObject } from '../utils';
-const SKIP_STYLES = ['borderCurve', 'elevation', 'textAlignVertical', 'includeFontPadding', 'overlayColor', 'tintColor'];
-const CSS_NUMBER_KEYS = ['animationIterationCount', 'borderImageOutset', 'borderImageSlice', 'borderImageWidth', 'boxFlex', 'boxFlexGroup', 'boxOrdinalGroup', 'columnCount', 'columns', 'counterIncrement', 'counterReset', 'flex', 'flexGrow', 'flexPositive', 'flexShrink', 'flexNegative', 'flexOrder', 'fontWeight', 'gridArea', 'gridColumn', 'gridColumnEnd', 'gridColumnSpan', 'gridColumnStart', 'gridRow', 'gridRowEnd', 'gridRowSpan', 'gridRowStart', 'line-clamp', 'line-height', 'opacity', 'order', 'orphans', 'tabSize', 'widows', 'zIndex', 'zoom', 'fillOpacity', 'floodOpacity', 'stopOpacity', 'strokeDasharray', 'strokeDashoffset', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth'];
+const SKIP_STYLES = new Set(['borderCurve', 'elevation', 'textAlignVertical', 'includeFontPadding', 'overlayColor', 'tintColor']);
+const CSS_NUMBER_KEYS = new Set(['animationIterationCount', 'borderImageOutset', 'borderImageSlice', 'borderImageWidth', 'boxFlex', 'boxFlexGroup', 'boxOrdinalGroup', 'columnCount', 'columns', 'counterIncrement', 'counterReset', 'flex', 'flexGrow', 'flexPositive', 'flexShrink', 'flexNegative', 'flexOrder', 'fontWeight', 'gridArea', 'gridColumn', 'gridColumnEnd', 'gridColumnSpan', 'gridColumnStart', 'gridRow', 'gridRowEnd', 'gridRowSpan', 'gridRowStart', 'line-clamp', 'line-height', 'opacity', 'order', 'orphans', 'tabSize', 'widows', 'zIndex', 'zoom', 'fillOpacity', 'floodOpacity', 'stopOpacity', 'strokeDasharray', 'strokeDashoffset', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth', 'aspectRatio']);
 const convertMap = {
   marginHorizontal: value => ({
     marginInline: value
@@ -70,12 +70,12 @@ const convertMap = {
 };
 const convertNumber = (key, value) => {
   if (typeof value === 'number') {
-    return CSS_NUMBER_KEYS.includes(key, value) ? value : `${value}px`;
+    return CSS_NUMBER_KEYS.has(key) ? value : `${value}px`;
   }
   return value;
 };
 export const getStyle = (key, value) => {
-  if (SKIP_STYLES.includes(key)) {
+  if (SKIP_STYLES.has(key)) {
     return {};
   }
   if (keyInObject(convertMap, key)) {

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

@@ -1 +1 @@
-{"version":3,"names":["keyInObject","SKIP_STYLES","CSS_NUMBER_KEYS","convertMap","marginHorizontal","value","marginInline","marginVertical","marginBlock","paddingHorizontal","paddingInline","paddingVertical","paddingBlock","writingDirection","direction","borderBottomEndRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomLeftRadius","borderEndColor","borderInlineEndColor","borderStartColor","borderInlineStartColor","borderTopEndRadius","borderTopRightRadius","borderTopStartRadius","borderTopLeftRadius","borderEndWidth","borderInlineEndWidth","borderStartWidth","borderInlineStartWidth","end","right","start","left","marginEnd","marginRight","marginStart","marginLeft","paddingEnd","paddingRight","paddingStart","paddingLeft","transformMatrix","transform","join","resizeMode","backgroundSize","convertNumber","key","includes","getStyle"],"sourceRoot":"../../../../src","sources":["web/convert/style.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["keyInObject","SKIP_STYLES","Set","CSS_NUMBER_KEYS","convertMap","marginHorizontal","value","marginInline","marginVertical","marginBlock","paddingHorizontal","paddingInline","paddingVertical","paddingBlock","writingDirection","direction","borderBottomEndRadius","borderBottomRightRadius","borderBottomStartRadius","borderBottomLeftRadius","borderEndColor","borderInlineEndColor","borderStartColor","borderInlineStartColor","borderTopEndRadius","borderTopRightRadius","borderTopStartRadius","borderTopLeftRadius","borderEndWidth","borderInlineEndWidth","borderStartWidth","borderInlineStartWidth","end","right","start","left","marginEnd","marginRight","marginStart","marginLeft","paddingEnd","paddingRight","paddingStart","paddingLeft","transformMatrix","transform","join","resizeMode","backgroundSize","convertNumber","key","has","getStyle"],"sourceRoot":"../../../../src","sources":["web/convert/style.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/web/create.js

@@ -1,28 +1,33 @@
 "use strict";
 
+import { UnistylesWeb } from './index';
 import { assignSecrets, error, removeInlineStyles } from './utils';
-import { UnistylesRuntime } from './runtime';
-const useVariants = ['useVariants', () => {}];
 export const create = (stylesheet, id) => {
   if (!id) {
     throw error('Unistyles is not initialized correctly. Please add babel plugin to your babel config.');
   }
-  const computedStylesheet = typeof stylesheet === 'function' ? stylesheet(UnistylesRuntime.theme, UnistylesRuntime.miniRuntime) : stylesheet;
-  const addSecrets = (value, key, args) => assignSecrets(value, {
+  const computedStylesheet = UnistylesWeb.registry.getComputedStylesheet(stylesheet);
+  const addSecrets = (value, key, args = undefined, variants = {}) => assignSecrets(value, {
     __uni__key: key,
     __uni__stylesheet: stylesheet,
     __uni__args: args,
-    __uni__refs: new Set()
+    __uni_variants: variants
   });
-  const styleSheetStyles = Object.entries(computedStylesheet).map(([key, value]) => {
-    if (typeof value === 'function') {
-      return [key, (...args) => {
-        const result = removeInlineStyles(value(...args));
-        return addSecrets(result, key, args);
-      }];
-    }
-    return [key, addSecrets(removeInlineStyles(value), key)];
-  });
-  return Object.fromEntries(styleSheetStyles.concat([useVariants]));
+  const createStyleSheetStyles = variants => {
+    const stylesEntries = Object.entries(computedStylesheet).map(([key, value]) => {
+      if (typeof value === 'function') {
+        return [key, (...args) => {
+          const result = removeInlineStyles(value(...args));
+          return addSecrets(result, key, args, variants);
+        }];
+      }
+      return [key, addSecrets(removeInlineStyles(value), key, undefined, variants)];
+    });
+    return Object.fromEntries(stylesEntries.concat([useVariants]));
+  };
+  const useVariants = ['useVariants', variants => {
+    return createStyleSheetStyles(variants);
+  }];
+  return createStyleSheetStyles();
 };
 //# sourceMappingURL=create.js.map

package/lib/module/web/create.js.map

@@ -1 +1 @@
-{"version":3,"names":["assignSecrets","error","removeInlineStyles","UnistylesRuntime","useVariants","create","stylesheet","id","computedStylesheet","theme","miniRuntime","addSecrets","value","key","args","__uni__key","__uni__stylesheet","__uni__args","__uni__refs","Set","styleSheetStyles","Object","entries","map","result","fromEntries","concat"],"sourceRoot":"../../../src","sources":["web/create.ts"],"mappings":";;AACA,SAASA,aAAa,EAAEC,KAAK,EAAEC,kBAAkB,QAAQ,SAAS;AAClE,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,MAAMC,WAAW,GAAG,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;AAE7C,OAAO,MAAMC,MAAM,GAAGA,CAACC,UAAiD,EAAEC,EAAW,KAAK;EACtF,IAAI,CAACA,EAAE,EAAE;IACL,MAAMN,KAAK,CAAC,uFAAuF,CAAC;EACxG;EAEA,MAAMO,kBAAkB,GAAG,OAAOF,UAAU,KAAK,UAAU,GACrDA,UAAU,CAACH,gBAAgB,CAACM,KAAK,EAAEN,gBAAgB,CAACO,WAAW,CAAC,GAChEJ,UAAU;EAEhB,MAAMK,UAAU,GAAGA,CAACC,KAAU,EAAEC,GAAW,EAAEC,IAAiB,KAAKd,aAAa,CAACY,KAAK,EAAE;IACpFG,UAAU,EAAEF,GAAG;IACfG,iBAAiB,EAAEV,UAAU;IAC7BW,WAAW,EAAEH,IAAI;IACjBI,WAAW,EAAE,IAAIC,GAAG,CAAC;EACzB,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,OAAO,CAACd,kBAAkB,CAAC,CAACe,GAAG,CAAC,CAAC,CAACV,GAAG,EAAED,KAAK,CAAC,KAAK;IAC9E,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;MAC7B,OAAO,CAACC,GAAG,EAAE,CAAC,GAAGC,IAAgB,KAAK;QAClC,MAAMU,MAAM,GAAGtB,kBAAkB,CAACU,KAAK,CAAC,GAAGE,IAAI,CAAC,CAAC;QAEjD,OAAOH,UAAU,CAACa,MAAM,EAAEX,GAAG,EAAEC,IAAI,CAAC;MACxC,CAAC,CAAC;IACN;IAEA,OAAO,CAACD,GAAG,EAAEF,UAAU,CAACT,kBAAkB,CAACU,KAAK,CAAC,EAAEC,GAAG,CAAC,CAAC;EAC5D,CAAC,CAAC;EAEF,OAAOQ,MAAM,CAACI,WAAW,CAACL,gBAAgB,CAACM,MAAM,CAAC,CAACtB,WAAW,CAAC,CAAC,CAAC;AACrE,CAAC","ignoreList":[]}
+{"version":3,"names":["UnistylesWeb","assignSecrets","error","removeInlineStyles","create","stylesheet","id","computedStylesheet","registry","getComputedStylesheet","addSecrets","value","key","args","undefined","variants","__uni__key","__uni__stylesheet","__uni__args","__uni_variants","createStyleSheetStyles","stylesEntries","Object","entries","map","result","fromEntries","concat","useVariants"],"sourceRoot":"../../../src","sources":["web/create.ts"],"mappings":";;AACA,SAASA,YAAY,QAAQ,SAAS;AACtC,SAASC,aAAa,EAAEC,KAAK,EAAEC,kBAAkB,QAAQ,SAAS;AAIlE,OAAO,MAAMC,MAAM,GAAGA,CAACC,UAAiD,EAAEC,EAAW,KAAK;EACtF,IAAI,CAACA,EAAE,EAAE;IACL,MAAMJ,KAAK,CAAC,uFAAuF,CAAC;EACxG;EAEA,MAAMK,kBAAkB,GAAGP,YAAY,CAACQ,QAAQ,CAACC,qBAAqB,CAACJ,UAAU,CAAC;EAClF,MAAMK,UAAU,GAAGA,CAACC,KAAU,EAAEC,GAAW,EAAEC,IAAI,GAAGC,SAAmC,EAAEC,QAAQ,GAAG,CAAC,CAAa,KAAKd,aAAa,CAACU,KAAK,EAAE;IACxIK,UAAU,EAAEJ,GAAG;IACfK,iBAAiB,EAAEZ,UAAU;IAC7Ba,WAAW,EAAEL,IAAI;IACjBM,cAAc,EAAEJ;EACpB,CAAC,CAAC;EAEF,MAAMK,sBAAsB,GAAIL,QAAmB,IAAK;IACpD,MAAMM,aAAa,GAAGC,MAAM,CAACC,OAAO,CAAChB,kBAAkB,CAAC,CAACiB,GAAG,CAAC,CAAC,CAACZ,GAAG,EAAED,KAAK,CAAC,KAAK;MAC3E,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;QAC7B,OAAO,CAACC,GAAG,EAAE,CAAC,GAAGC,IAAgB,KAAK;UAClC,MAAMY,MAAM,GAAGtB,kBAAkB,CAACQ,KAAK,CAAC,GAAGE,IAAI,CAAC,CAAC;UAEjD,OAAOH,UAAU,CAACe,MAAM,EAAEb,GAAG,EAAEC,IAAI,EAAEE,QAAQ,CAAC;QAClD,CAAC,CAAC;MACN;MAEA,OAAO,CAACH,GAAG,EAAEF,UAAU,CAACP,kBAAkB,CAACQ,KAAK,CAAC,EAAEC,GAAG,EAAEE,SAAS,EAAEC,QAAQ,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,OAAOO,MAAM,CAACI,WAAW,CAACL,aAAa,CAACM,MAAM,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;EAClE,CAAC;EAED,MAAMA,WAAW,GAAG,CAAC,aAAa,EAAGb,QAAkB,IAAK;IACxD,OAAOK,sBAAsB,CAACL,QAAQ,CAAC;EAC3C,CAAC,CAAC;EAEF,OAAOK,sBAAsB,CAAC,CAAC;AACnC,CAAC","ignoreList":[]}

package/lib/module/web/css/core.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import { getMediaQuery } from '../utils';
+export const convertToCSS = (hash, value, state) => {
+  Object.entries(value).forEach(([styleKey, styleValue]) => {
+    if (styleKey[0] === '_') {
+      const pseudoClassName = styleKey.replace('_', `${hash}:`);
+      Object.entries(styleValue).forEach(([pseudoStyleKey, pseudoStyleValue]) => {
+        if (typeof pseudoStyleValue === 'object' && pseudoStyleValue !== null) {
+          const allBreakpoints = Object.keys(pseudoStyleValue);
+          Object.entries(pseudoStyleValue).forEach(([breakpointStyleKey, breakpointStyleValue]) => {
+            const mediaQuery = getMediaQuery(pseudoStyleKey, allBreakpoints);
+            state.set({
+              mediaQuery,
+              className: pseudoClassName,
+              propertyKey: breakpointStyleKey,
+              value: breakpointStyleValue
+            });
+          });
+          return;
+        }
+        state.set({
+          className: pseudoClassName,
+          propertyKey: pseudoStyleKey,
+          value: pseudoStyleValue
+        });
+      });
+      return;
+    }
+    if (typeof styleValue === 'object') {
+      const allBreakpoints = Object.keys(styleValue);
+      Object.entries(styleValue).forEach(([breakpointStyleKey, breakpointStyleValue]) => {
+        const mediaQuery = getMediaQuery(styleKey, allBreakpoints);
+        state.set({
+          mediaQuery,
+          className: hash,
+          propertyKey: breakpointStyleKey,
+          value: breakpointStyleValue
+        });
+      });
+      return;
+    }
+    state.set({
+      className: hash,
+      propertyKey: styleKey,
+      value: styleValue
+    });
+  });
+};
+//# sourceMappingURL=core.js.map

package/lib/module/web/css/core.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getMediaQuery","convertToCSS","hash","value","state","Object","entries","forEach","styleKey","styleValue","pseudoClassName","replace","pseudoStyleKey","pseudoStyleValue","allBreakpoints","keys","breakpointStyleKey","breakpointStyleValue","mediaQuery","set","className","propertyKey"],"sourceRoot":"../../../../src","sources":["web/css/core.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,UAAU;AAGxC,OAAO,MAAMC,YAAY,GAAGA,CAACC,IAAY,EAAEC,KAA0B,EAAEC,KAAe,KAAK;EACvFC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,QAAQ,EAAEC,UAAU,CAAC,KAAK;IACtD,IAAID,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;MACrB,MAAME,eAAe,GAAGF,QAAQ,CAACG,OAAO,CAAC,GAAG,EAAE,GAAGT,IAAI,GAAG,CAAC;MAEzDG,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACK,cAAc,EAAEC,gBAAgB,CAAC,KAAK;QACvE,IAAI,OAAOA,gBAAgB,KAAK,QAAQ,IAAIA,gBAAgB,KAAK,IAAI,EAAE;UACnE,MAAMC,cAAc,GAAGT,MAAM,CAACU,IAAI,CAACF,gBAAgB,CAAC;UACpDR,MAAM,CAACC,OAAO,CAACO,gBAAgB,CAAC,CAACN,OAAO,CAAC,CAAC,CAACS,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;YACrF,MAAMC,UAAU,GAAGlB,aAAa,CAACY,cAAc,EAAEE,cAAc,CAAC;YAEhEV,KAAK,CAACe,GAAG,CAAC;cACND,UAAU;cACVE,SAAS,EAAEV,eAAe;cAC1BW,WAAW,EAAEL,kBAAkB;cAC/Bb,KAAK,EAAEc;YACX,CAAC,CAAC;UACN,CAAC,CAAC;UAEF;QACJ;QAEAb,KAAK,CAACe,GAAG,CAAC;UACNC,SAAS,EAAEV,eAAe;UAC1BW,WAAW,EAAET,cAAc;UAC3BT,KAAK,EAAEU;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEA,IAAI,OAAOJ,UAAU,KAAK,QAAQ,EAAE;MAChC,MAAMK,cAAc,GAAGT,MAAM,CAACU,IAAI,CAACN,UAAU,CAAC;MAC9CJ,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACS,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;QAC/E,MAAMC,UAAU,GAAGlB,aAAa,CAACQ,QAAQ,EAAEM,cAAc,CAAC;QAE1DV,KAAK,CAACe,GAAG,CAAC;UACND,UAAU;UACVE,SAAS,EAAElB,IAAI;UACfmB,WAAW,EAAEL,kBAAkB;UAC/Bb,KAAK,EAAEc;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEAb,KAAK,CAACe,GAAG,CAAC;MACNC,SAAS,EAAElB,IAAI;MACfmB,WAAW,EAAEb,QAAQ;MACrBL,KAAK,EAAEM;IACX,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from './state';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["web/css/index.ts"],"mappings":";;AAAA,cAAc,SAAS","ignoreList":[]}