react-native-unistyles 3.0.0-beta.3 → 3.0.0-beta.5

package/lib/module/core/getClassname.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { UnistylesShadowRegistry } from '../web';
+export const getClassName = unistyle => {
+  if (!unistyle) {
+    return undefined;
+  }
+
+  // @ts-expect-error hidden from TS
+  const {
+    hash,
+    injectedClassName
+  } = UnistylesShadowRegistry.addStyles(Array.isArray(unistyle) ? unistyle : [unistyle]);
+  return hash ? {
+    $$css: true,
+    hash,
+    injectedClassName
+  } : undefined;
+};
+//# sourceMappingURL=getClassname.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["UnistylesShadowRegistry","getClassName","unistyle","undefined","hash","injectedClassName","addStyles","Array","isArray","$$css"],"sourceRoot":"../../../src","sources":["core/getClassname.ts"],"mappings":";;AACA,SAASA,uBAAuB,QAAQ,QAAQ;AAEhD,OAAO,MAAMC,YAAY,GAAIC,QAA8D,IAAK;EAC5F,IAAI,CAACA,QAAQ,EAAE;IACX,OAAOC,SAAS;EACpB;;EAEA;EACA,MAAM;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAGL,uBAAuB,CAACM,SAAS,CAACC,KAAK,CAACC,OAAO,CAACN,QAAQ,CAAC,GAAGA,QAAQ,GAAG,CAACA,QAAQ,CAAC,CAAC;EAEtH,OAAOE,IAAI,GAAG;IAAEK,KAAK,EAAE,IAAI;IAAEL,IAAI;IAAEC;EAAkB,CAAC,GAAGF,SAAS;AACtE,CAAC","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export const getClassName = () => undefined;
+//# sourceMappingURL=getClassname.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getClassName","undefined"],"sourceRoot":"../../../src","sources":["core/getClassname.native.ts"],"mappings":";;AAAA,OAAO,MAAMA,YAAY,GAAGA,CAAA,KAAMC,SAAS","ignoreList":[]}

package/lib/module/core/index.js

@@ -1,8 +1,9 @@
 "use strict";
 
-export { createUnistylesComponent } from './createUnistylesComponent';
 export { createUnistylesElement } from './createUnistylesElement';
 export { createUnistylesImageBackground } from './createUnistylesImageBackground';
 export { withUnistyles } from './withUnistyles';
 export { passForwardedRef } from './passForwardRef';
+export { getClassName } from './getClassname';
+export { useUnistyles } from './useUnistyles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createUnistylesComponent","createUnistylesElement","createUnistylesImageBackground","withUnistyles","passForwardedRef"],"sourceRoot":"../../../src","sources":["core/index.ts"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,8BAA8B,QAAQ,kCAAkC;AACjF,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,gBAAgB,QAAQ,kBAAkB","ignoreList":[]}
+{"version":3,"names":["createUnistylesElement","createUnistylesImageBackground","withUnistyles","passForwardedRef","getClassName","useUnistyles"],"sourceRoot":"../../../src","sources":["core/index.ts"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,8BAA8B,QAAQ,kCAAkC;AACjF,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,YAAY,QAAQ,gBAAgB","ignoreList":[]}

package/lib/module/core/passForwardRef.js

@@ -12,10 +12,10 @@ export const passForwardedRef = (props, ref, forwardedRef) => {
     return () => {};
   };
   const forwardedRefReturnFn = passForwardedRef();
+
+  // @ts-expect-error hidden from TS
   UnistylesShadowRegistry.add(ref, props.style);
   return () => {
-    // @ts-expect-error - This is hidden from TS
-    UnistylesShadowRegistry.remove(ref);
     forwardedRefReturnFn?.();
   };
 };

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

@@ -1 +1 @@
-{"version":3,"names":["UnistylesShadowRegistry","passForwardedRef","props","ref","forwardedRef","current","forwardedRefReturnFn","add","style","remove"],"sourceRoot":"../../../src","sources":["core/passForwardRef.ts"],"mappings":";;AACA,SAASA,uBAAuB,QAAQ,UAAU;AAElD,OAAO,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/CD,uBAAuB,CAACO,GAAG,CAACJ,GAAG,EAAED,KAAK,CAACM,KAAK,CAAC;EAE7C,OAAO,MAAM;IACT;IACAR,uBAAuB,CAACS,MAAM,CAACN,GAAG,CAAC;IACnCG,oBAAoB,GAAG,CAAC;EAC5B,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["UnistylesShadowRegistry","passForwardedRef","props","ref","forwardedRef","current","forwardedRefReturnFn","add","style"],"sourceRoot":"../../../src","sources":["core/passForwardRef.ts"],"mappings":";;AACA,SAASA,uBAAuB,QAAQ,UAAU;AAElD,OAAO,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/C;EACAD,uBAAuB,CAACO,GAAG,CAACJ,GAAG,EAAED,KAAK,CAACM,KAAK,CAAC;EAE7C,OAAO,MAAM;IACTF,oBAAoB,GAAG,CAAC;EAC5B,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/core/useProxifiedUnistyles/index.js

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

package/lib/module/core/useProxifiedUnistyles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useProxifiedUnistyles"],"sourceRoot":"../../../../src","sources":["core/useProxifiedUnistyles/index.ts"],"mappings":";;AAAA,SAASA,qBAAqB,QAAQ,yBAAyB","ignoreList":[]}

package/lib/module/core/useProxifiedUnistyles/listener.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { UnistyleDependency } from '../../specs';
+import { UnistylesWeb } from '../../web';
+export const listener = ({
+  dependencies,
+  updateTheme,
+  updateRuntime
+}) => {
+  const disposeTheme = UnistylesWeb.listener.addListeners(dependencies.filter(dependency => dependency === UnistyleDependency.Theme), updateTheme);
+  const disposeRuntime = UnistylesWeb.listener.addListeners(dependencies.filter(dependency => dependency !== UnistyleDependency.Theme), updateRuntime);
+  return () => {
+    disposeTheme();
+    disposeRuntime();
+  };
+};
+//# sourceMappingURL=listener.js.map

package/lib/module/core/useProxifiedUnistyles/listener.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UnistyleDependency","UnistylesWeb","listener","dependencies","updateTheme","updateRuntime","disposeTheme","addListeners","filter","dependency","Theme","disposeRuntime"],"sourceRoot":"../../../../src","sources":["core/useProxifiedUnistyles/listener.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,aAAa;AAChD,SAASC,YAAY,QAAQ,WAAW;AAGxC,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,YAAY;EAAEC,WAAW;EAAEC;AAA6B,CAAC,KAAK;EACrF,MAAMC,YAAY,GAAGL,YAAY,CAACC,QAAQ,CAACK,YAAY,CAACJ,YAAY,CAACK,MAAM,CAACC,UAAU,IAAIA,UAAU,KAAKT,kBAAkB,CAACU,KAAK,CAAC,EAAEN,WAAW,CAAC;EAChJ,MAAMO,cAAc,GAAGV,YAAY,CAACC,QAAQ,CAACK,YAAY,CAACJ,YAAY,CAACK,MAAM,CAACC,UAAU,IAAIA,UAAU,KAAKT,kBAAkB,CAACU,KAAK,CAAC,EAAEL,aAAa,CAAC;EAEpJ,OAAO,MAAM;IACTC,YAAY,CAAC,CAAC;IACdK,cAAc,CAAC,CAAC;EACpB,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/core/useProxifiedUnistyles/listener.native.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { StyleSheet, UnistyleDependency } from '../../specs';
+export const listener = ({
+  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))) {
+      updateRuntime();
+    }
+  });
+  return () => dispose();
+};
+//# sourceMappingURL=listener.native.js.map

package/lib/module/core/useProxifiedUnistyles/listener.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","UnistyleDependency","listener","dependencies","updateTheme","updateRuntime","listensToTheme","includes","Theme","dispose","addChangeListener","changedDependencies","some","dependency"],"sourceRoot":"../../../../src","sources":["core/useProxifiedUnistyles/listener.native.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,kBAAkB,QAAQ,aAAa;AAG5D,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,YAAY;EAAEC,WAAW;EAAEC;AAA6B,CAAC,KAAK;EACrF,MAAMC,cAAc,GAAGH,YAAY,CAACI,QAAQ,CAACN,kBAAkB,CAACO,KAAK,CAAC;EACtE;EACA,MAAMC,OAAO,GAAGT,UAAU,CAACU,iBAAiB,CAACC,mBAAmB,IAAI;IAChE,IAAIL,cAAc,IAAIK,mBAAmB,CAACJ,QAAQ,CAACN,kBAAkB,CAACO,KAAK,CAAC,EAAE;MAC1EJ,WAAW,CAAC,CAAC;IACjB;IAEA,IAAIO,mBAAmB,CAACC,IAAI,CAAEC,UAA8B,IAAKV,YAAY,CAACI,QAAQ,CAACM,UAAU,CAAC,CAAC,EAAE;MACjGR,aAAa,CAAC,CAAC;IACnB;EACJ,CAAC,CAAC;EAEF,OAAO,MAAMI,OAAO,CAAC,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/core/useProxifiedUnistyles/types.js

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

package/lib/module/core/useProxifiedUnistyles/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["core/useProxifiedUnistyles/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/core/{withUnistyles/useDependencies.js → useProxifiedUnistyles/useProxifiedUnistyles.js}

@@ -4,6 +4,7 @@ import { useEffect, useReducer, useRef, useState } from 'react';
 import { UnistylesRuntime, UnistylesShadowRegistry } from '../../specs';
 // It's imported that way because of circular dependency
 import { UnistyleDependency } from '../../specs/NativePlatform';
+import { listener } from './listener';
 const getMiniRuntime = () => {
   // @ts-expect-error This is hidden from TS
   return UnistylesRuntime.miniRuntime;
@@ -23,7 +24,7 @@ const RTDependencyMap = {
   pixelRatio: UnistyleDependency.PixelRatio,
   themeName: UnistyleDependency.ThemeName
 };
-export const useDependencies = listener => {
+export const useProxifiedUnistyles = () => {
   const scopedTheme = UnistylesShadowRegistry.getScopedTheme();
   const [dependencies] = useState(() => new Set());
   const [theme, setTheme] = useState(UnistylesRuntime.getTheme(scopedTheme));
@@ -46,24 +47,23 @@ export const useDependencies = listener => {
     reinitListener();
     return () => disposeRef.current?.();
   }, [dependencies.size]);
+  const proxifiedTheme = new Proxy(theme, {
+    get: (target, prop) => {
+      dependencies.add(UnistyleDependency.Theme);
+      return target[prop];
+    }
+  });
+  const proxifiedRuntime = new Proxy(getMiniRuntime(), {
+    get: (target, prop) => {
+      if (prop in RTDependencyMap) {
+        dependencies.add(RTDependencyMap[prop]);
+      }
+      return target[prop];
+    }
+  });
   return {
-    mappingsCallback: callback => {
-      const proxifiedTheme = new Proxy(theme, {
-        get: (target, prop) => {
-          dependencies.add(UnistyleDependency.Theme);
-          return target[prop];
-        }
-      });
-      const proxifiedRuntime = new Proxy(getMiniRuntime(), {
-        get: (target, prop) => {
-          if (prop in RTDependencyMap) {
-            dependencies.add(RTDependencyMap[prop]);
-          }
-          return target[prop];
-        }
-      });
-      return callback(proxifiedTheme, proxifiedRuntime);
-    },
+    proxifiedTheme,
+    proxifiedRuntime,
     addDependencies: newDependencies => {
       const dependenciesSize = dependencies.size;
       newDependencies.forEach(dependency => {
@@ -76,4 +76,4 @@ export const useDependencies = listener => {
     }
   };
 };
-//# sourceMappingURL=useDependencies.js.map
+//# sourceMappingURL=useProxifiedUnistyles.js.map

package/lib/module/core/useProxifiedUnistyles/useProxifiedUnistyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useReducer","useRef","useState","UnistylesRuntime","UnistylesShadowRegistry","UnistyleDependency","listener","getMiniRuntime","miniRuntime","RTDependencyMap","breakpoint","Breakpoints","colorScheme","ColorScheme","contentSizeCategory","ContentSizeCategory","hasAdaptiveThemes","AdaptiveThemes","insets","Insets","fontScale","FontScale","isLandscape","Orientation","isPortrait","navigationBar","NavigationBar","screen","Dimensions","statusBar","StatusBar","pixelRatio","PixelRatio","themeName","ThemeName","useProxifiedUnistyles","scopedTheme","getScopedTheme","dependencies","Set","theme","setTheme","getTheme","_","runtimeChanged","disposeRef","reinitListener","current","Array","from","updateTheme","updateRuntime","size","proxifiedTheme","Proxy","get","target","prop","add","Theme","proxifiedRuntime","addDependencies","newDependencies","dependenciesSize","forEach","dependency"],"sourceRoot":"../../../../src","sources":["core/useProxifiedUnistyles/useProxifiedUnistyles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/core/useUnistyles.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { useProxifiedUnistyles } from './useProxifiedUnistyles';
+export const useUnistyles = () => {
+  const {
+    proxifiedRuntime,
+    proxifiedTheme
+  } = useProxifiedUnistyles();
+  return {
+    theme: proxifiedTheme,
+    rt: proxifiedRuntime
+  };
+};
+//# sourceMappingURL=useUnistyles.js.map

package/lib/module/core/useUnistyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useProxifiedUnistyles","useUnistyles","proxifiedRuntime","proxifiedTheme","theme","rt"],"sourceRoot":"../../../src","sources":["core/useUnistyles.ts"],"mappings":";;AACA,SAASA,qBAAqB,QAAQ,yBAAyB;AAE/D,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC,gBAAgB;IAAEC;EAAe,CAAC,GAAGH,qBAAqB,CAAC,CAAC;EAEpE,OAAO;IACHI,KAAK,EAAED,cAAgC;IACvCE,EAAE,EAAEH;EACR,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/core/warn.js

@@ -0,0 +1,11 @@
+"use strict";
+
+export const maybeWarnAboutMultipleUnistyles = (style, displayName = 'Unknown') => {
+  if (__DEV__ && style && !Array.isArray(style)) {
+    const unistylesKeys = Object.keys(style).filter(key => key.startsWith('unistyles-'));
+    if (unistylesKeys.length > 1) {
+      console.warn(`Unistyles: we detected style object with ${unistylesKeys.length} unistyles styles. This might cause no updates or unpredictable behavior. Please check style prop for "${displayName}" and use array syntax instead of object syntax.`);
+    }
+  }
+};
+//# sourceMappingURL=warn.js.map

package/lib/module/core/warn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["maybeWarnAboutMultipleUnistyles","style","displayName","__DEV__","Array","isArray","unistylesKeys","Object","keys","filter","key","startsWith","length","console","warn"],"sourceRoot":"../../../src","sources":["core/warn.ts"],"mappings":";;AAEA,OAAO,MAAMA,+BAA+B,GAAGA,CAACC,KAAgB,EAAEC,WAAW,GAAG,SAAS,KAAK;EAC1F,IAAIC,OAAO,IAAIF,KAAK,IAAI,CAACG,KAAK,CAACC,OAAO,CAACJ,KAAK,CAAC,EAAE;IAC3C,MAAMK,aAAa,GAAGC,MAAM,CACvBC,IAAI,CAACP,KAAK,CAAC,CACXQ,MAAM,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,YAAY,CAAC,CAAC;IAEhD,IAAIL,aAAa,CAACM,MAAM,GAAG,CAAC,EAAE;MAC1BC,OAAO,CAACC,IAAI,CAAC,4CAA4CR,aAAa,CAACM,MAAM,0GAA0GV,WAAW,kDAAkD,CAAC;IACzP;EACJ;AACJ,CAAC","ignoreList":[]}

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

@@ -1,76 +1,40 @@
 "use strict";
 
-import React, { useEffect, useState, forwardRef, useRef, useMemo } from 'react';
-import { UnistylesListener } from '../../web/listener';
-import { UnistylesShadowRegistry } from '../../web';
-import { equal } from '../../web/utils';
+import React, { forwardRef } from 'react';
 import { deepMergeObjects } from '../../utils';
-import { useDependencies } from './useDependencies';
-import { UnistyleDependency } from '../../specs/NativePlatform';
-import { jsx as _jsx } from "react/jsx-runtime";
-const useShadowRegistry = style => {
-  const [ref] = useState(document.createElement('div'));
-  const oldClassNames = useRef([]);
-  const classNames = useMemo(() => {
-    if (!style) {
-      return [];
-    }
-    const newClassNames = UnistylesShadowRegistry.add(ref, [style]) ?? [];
-    if (equal(oldClassNames.current, newClassNames)) {
-      return oldClassNames.current;
-    }
-    oldClassNames.current = newClassNames;
-    return newClassNames;
-  }, [style]);
-  useEffect(() => () => {
-    // Remove styles on unmount
-    if (style) {
-      UnistylesShadowRegistry.add(null, [style]);
-    }
-  });
-  return classNames;
-};
+import { getClassName } from '../getClassname';
+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) => {
   return /*#__PURE__*/forwardRef((props, ref) => {
     const narrowedProps = props;
-    const styleClassNames = useShadowRegistry(narrowedProps.style);
-    const contentContainerStyleClassNames = useShadowRegistry(narrowedProps.contentContainerStyle);
+    const styleClassNames = getClassName(narrowedProps.style);
+    const contentContainerStyleClassNames = getClassName(narrowedProps.contentContainerStyle);
     const {
-      mappingsCallback
-    } = useDependencies(({
-      dependencies,
-      updateTheme,
-      updateRuntime
-    }) => {
-      const disposeTheme = UnistylesListener.addListeners(dependencies.filter(dependency => dependency === UnistyleDependency.Theme), updateTheme);
-      const disposeRuntime = UnistylesListener.addListeners(dependencies.filter(dependency => dependency !== UnistyleDependency.Theme), updateRuntime);
-      return () => {
-        disposeTheme();
-        disposeRuntime();
-      };
-    });
-    const mappingsProps = mappings ? mappingsCallback(mappings) : {};
-    const unistyleProps = narrowedProps.uniProps ? mappingsCallback(narrowedProps.uniProps) : {};
+      proxifiedRuntime,
+      proxifiedTheme
+    } = useProxifiedUnistyles();
+    const mappingsProps = mappings ? mappings(proxifiedTheme, proxifiedRuntime) : {};
+    const unistyleProps = narrowedProps.uniProps ? narrowedProps.uniProps(proxifiedTheme, proxifiedRuntime) : {};
     const combinedProps = {
       ...deepMergeObjects(mappingsProps, unistyleProps, props),
       ...(narrowedProps.style ? {
-        style: {
-          $$css: true,
-          'unistyles': styleClassNames.join(' ')
-        }
+        style: styleClassNames
       } : {}),
       ...(narrowedProps.contentContainerStyle ? {
-        style: {
-          $$css: true,
-          'unistyles': contentContainerStyleClassNames.join(' ')
-        }
+        style: contentContainerStyleClassNames
       } : {})
     };
+
+    // @ts-ignore
+    maybeWarnAboutMultipleUnistyles(narrowedProps.style, `withUnistyles(${Component.displayName ?? Component.name ?? 'Unknown'})`);
+    // @ts-ignore
+    maybeWarnAboutMultipleUnistyles(narrowedProps.contentContainerStyle, `withUnistyles(${Component.displayName ?? Component.name ?? 'Unknown'})`);
     const NativeComponent = Component;
     return /*#__PURE__*/_jsx(NativeComponent, {
       ...combinedProps,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","forwardRef","useRef","useMemo","UnistylesListener","UnistylesShadowRegistry","equal","deepMergeObjects","useDependencies","UnistyleDependency","jsx","_jsx","useShadowRegistry","style","ref","document","createElement","oldClassNames","classNames","newClassNames","add","current","withUnistyles","Component","mappings","props","narrowedProps","styleClassNames","contentContainerStyleClassNames","contentContainerStyle","mappingsCallback","dependencies","updateTheme","updateRuntime","disposeTheme","addListeners","filter","dependency","Theme","disposeRuntime","mappingsProps","unistyleProps","uniProps","combinedProps","$$css","join","NativeComponent"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,EAAsBC,UAAU,EAAEC,MAAM,EAAEC,OAAO,QAAgD,OAAO;AAE3I,SAASC,iBAAiB,QAAQ,oBAAoB;AACtD,SAASC,uBAAuB,QAAQ,WAAW;AACnD,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,gBAAgB,QAAQ,aAAa;AAE9C,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,kBAAkB,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/D,MAAMC,iBAAiB,GAAIC,KAA2B,IAAK;EACvD,MAAM,CAACC,GAAG,CAAC,GAAGd,QAAQ,CAACe,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAAC;EACrD,MAAMC,aAAa,GAAGf,MAAM,CAAgB,EAAE,CAAC;EAC/C,MAAMgB,UAAU,GAAGf,OAAO,CAAC,MAAM;IAC7B,IAAI,CAACU,KAAK,EAAE;MACR,OAAO,EAAE;IACb;IAEA,MAAMM,aAAa,GAAGd,uBAAuB,CAACe,GAAG,CAACN,GAAG,EAAE,CAACD,KAAK,CAAC,CAAC,IAAI,EAAE;IAErE,IAAIP,KAAK,CAACW,aAAa,CAACI,OAAO,EAAEF,aAAa,CAAC,EAAE;MAC7C,OAAOF,aAAa,CAACI,OAAO;IAChC;IAEAJ,aAAa,CAACI,OAAO,GAAGF,aAAa;IAErC,OAAOA,aAAa;EACxB,CAAC,EAAE,CAACN,KAAK,CAAC,CAAC;EAEXd,SAAS,CAAC,MAAM,MAAM;IAClB;IACA,IAAIc,KAAK,EAAE;MACPR,uBAAuB,CAACe,GAAG,CAAC,IAAI,EAAE,CAACP,KAAK,CAAC,CAAC;IAC9C;EACJ,CAAC,CAAC;EAEF,OAAOK,UAAU;AACrB,CAAC;;AAED;;AAEA;;AAGA,OAAO,MAAMI,aAAa,GAAGA,CAAkEC,SAAqB,EAAEC,QAA8B,KAAK;EAQrJ,oBAAOvB,UAAU,CAAsD,CAACwB,KAAK,EAAEX,GAAG,KAAK;IACnF,MAAMY,aAAa,GAAGD,KAA2B;IACjD,MAAME,eAAe,GAAGf,iBAAiB,CAACc,aAAa,CAACb,KAAK,CAAC;IAC9D,MAAMe,+BAA+B,GAAGhB,iBAAiB,CAACc,aAAa,CAACG,qBAAqB,CAAC;IAC9F,MAAM;MAAEC;IAAiB,CAAC,GAAGtB,eAAe,CAAC,CAAC;MAAEuB,YAAY;MAAEC,WAAW;MAAEC;IAAc,CAAC,KAAK;MAC3F,MAAMC,YAAY,GAAG9B,iBAAiB,CAAC+B,YAAY,CAACJ,YAAY,CAACK,MAAM,CAACC,UAAU,IAAIA,UAAU,KAAK5B,kBAAkB,CAAC6B,KAAK,CAAC,EAAEN,WAAW,CAAC;MAC5I,MAAMO,cAAc,GAAGnC,iBAAiB,CAAC+B,YAAY,CAACJ,YAAY,CAACK,MAAM,CAACC,UAAU,IAAIA,UAAU,KAAK5B,kBAAkB,CAAC6B,KAAK,CAAC,EAAEL,aAAa,CAAC;MAEhJ,OAAO,MAAM;QACTC,YAAY,CAAC,CAAC;QACdK,cAAc,CAAC,CAAC;MACpB,CAAC;IACL,CAAC,CAAC;IACF,MAAMC,aAAa,GAAGhB,QAAQ,GAAGM,gBAAgB,CAACN,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChE,MAAMiB,aAAa,GAAGf,aAAa,CAACgB,QAAQ,GAAGZ,gBAAgB,CAACJ,aAAa,CAACgB,QAAQ,CAAC,GAAG,CAAC,CAAC;IAE5F,MAAMC,aAAa,GAAG;MAClB,GAAGpC,gBAAgB,CAACiC,aAAa,EAAEC,aAAa,EAAEhB,KAAK,CAAC;MACxD,IAAGC,aAAa,CAACb,KAAK,GAAG;QACrBA,KAAK,EAAE;UACH+B,KAAK,EAAE,IAAI;UACX,WAAW,EAAEjB,eAAe,CAACkB,IAAI,CAAC,GAAG;QACzC;MACJ,CAAC,GAAG,CAAC,CAAC;MACN,IAAGnB,aAAa,CAACG,qBAAqB,GAAG;QACrChB,KAAK,EAAE;UACH+B,KAAK,EAAE,IAAI;UACX,WAAW,EAAEhB,+BAA+B,CAACiB,IAAI,CAAC,GAAG;QACzD;MACJ,CAAC,GAAG,CAAC,CAAC;IACV,CAAQ;IAER,MAAMC,eAAe,GAAGvB,SAA0B;IAElD,oBAAOZ,IAAA,CAACmC,eAAe;MAAA,GAAKH,aAAa;MAAE7B,GAAG,EAAEA;IAAI,CAAE,CAAC;EAC3D,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","deepMergeObjects","getClassName","maybeWarnAboutMultipleUnistyles","useProxifiedUnistyles","jsx","_jsx","withUnistyles","Component","mappings","props","ref","narrowedProps","styleClassNames","style","contentContainerStyleClassNames","contentContainerStyle","proxifiedRuntime","proxifiedTheme","mappingsProps","unistyleProps","uniProps","combinedProps","displayName","name","NativeComponent"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAwBC,UAAU,QAAgD,OAAO;AAErG,SAASC,gBAAgB,QAAQ,aAAa;AAG9C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,+BAA+B,QAAQ,SAAS;AACzD,SAASC,qBAAqB,QAAQ,0BAA0B;;AAEhE;;AAEA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGA,OAAO,MAAMC,aAAa,GAAGA,CAAkEC,SAAqB,EAAEC,QAA8B,KAAK;EAUrJ,oBAAOT,UAAU,CAAsD,CAACU,KAAK,EAAEC,GAAG,KAAK;IACnF,MAAMC,aAAa,GAAGF,KAA4C;IAClE,MAAMG,eAAe,GAAGX,YAAY,CAACU,aAAa,CAACE,KAAK,CAAC;IACzD,MAAMC,+BAA+B,GAAGb,YAAY,CAACU,aAAa,CAACI,qBAAqB,CAAC;IACzF,MAAM;MAAEC,gBAAgB;MAAEC;IAAe,CAAC,GAAGd,qBAAqB,CAAC,CAAC;IAEpE,MAAMe,aAAa,GAAGV,QAAQ,GAAGA,QAAQ,CAACS,cAAc,EAAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAChF,MAAMG,aAAa,GAAGR,aAAa,CAACS,QAAQ,GAAGT,aAAa,CAACS,QAAQ,CAACH,cAAc,EAAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAE5G,MAAMK,aAAa,GAAG;MAClB,GAAGrB,gBAAgB,CAACkB,aAAa,EAAEC,aAAa,EAAEV,KAAK,CAAC;MACxD,IAAGE,aAAa,CAACE,KAAK,GAAG;QACrBA,KAAK,EAAED;MACX,CAAC,GAAG,CAAC,CAAC;MACN,IAAGD,aAAa,CAACI,qBAAqB,GAAG;QACrCF,KAAK,EAAEC;MACX,CAAC,GAAG,CAAC,CAAC;IACV,CAAQ;;IAER;IACAZ,+BAA+B,CAACS,aAAa,CAACE,KAAK,EAAE,iBAAiBN,SAAS,CAACe,WAAW,IAAIf,SAAS,CAACgB,IAAI,IAAI,SAAS,GAAG,CAAC;IAC9H;IACArB,+BAA+B,CAACS,aAAa,CAACI,qBAAqB,EAAE,iBAAiBR,SAAS,CAACe,WAAW,IAAIf,SAAS,CAACgB,IAAI,IAAI,SAAS,GAAG,CAAC;IAE9I,MAAMC,eAAe,GAAGjB,SAA0B;IAElD,oBAAOF,IAAA,CAACmB,eAAe;MAAA,GAAKH,aAAa;MAAEX,GAAG,EAAEA;IAAI,CAAE,CAAC;EAC3D,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

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,32 @@
+"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",
+      children: `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","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,eACvCV,IAAA;MAAQgB,EAAE,EAAC,kBAAkB;MAAAD,QAAA,EAAE,gCAAgCE,IAAI,CAACC,SAAS,CAACL,KAAK,CAAC;IAAE,CAAS,CAAC;EAAA,CAClG,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":[]}