@vitus-labs/unistyle 1.4.3-alpha.1 → 1.4.3-alpha.4

package/lib/index.js

@@ -154,9 +154,7 @@ const transformTheme = ({ theme, breakpoints }) => {
 *    breakpoint-per-property), optimizes (deduplicates identical breakpoints),
 *    and wraps each breakpoint's styles in the appropriate `@media` query.
 */
-let lastThemeRef = null;
-let lastBreakpointsRef = null;
-let lastOptimized = null;
+const themeCache = /* @__PURE__ */ new WeakMap();
 const makeItResponsive = ({ theme: customTheme, key = "", css, styles, normalize = true }) => ({ theme = {}, ...props }) => {
 	const internalTheme = customTheme || props[key];
 	if (isEmpty(internalTheme)) return "";
@@ -172,7 +170,8 @@ const makeItResponsive = ({ theme: customTheme, key = "", css, styles, normalize
       `;
 	const { media, sortedBreakpoints } = __VITUS_LABS__;
 	let optimizedTheme;
-	if (internalTheme === lastThemeRef && sortedBreakpoints === lastBreakpointsRef && lastOptimized) optimizedTheme = lastOptimized;
+	const cached = themeCache.get(internalTheme);
+	if (cached && cached.breakpoints === sortedBreakpoints) optimizedTheme = cached.optimized;
 	else {
 		let helperTheme = internalTheme;
 		if (normalize) helperTheme = normalizeTheme({
@@ -186,9 +185,10 @@ const makeItResponsive = ({ theme: customTheme, key = "", css, styles, normalize
 			}),
 			breakpoints: sortedBreakpoints
 		});
-		lastThemeRef = internalTheme;
-		lastBreakpointsRef = sortedBreakpoints;
-		lastOptimized = optimizedTheme;
+		themeCache.set(internalTheme, {
+			breakpoints: sortedBreakpoints,
+			optimized: optimizedTheme
+		});
 	}
 	return sortedBreakpoints.map((item) => {
 		const breakpointTheme = optimizedTheme[item];

package/lib/vitus-labs-unistyle.native.js

@@ -154,9 +154,7 @@ const transformTheme = ({ theme, breakpoints }) => {
 *    breakpoint-per-property), optimizes (deduplicates identical breakpoints),
 *    and wraps each breakpoint's styles in the appropriate `@media` query.
 */
-let lastThemeRef = null;
-let lastBreakpointsRef = null;
-let lastOptimized = null;
+const themeCache = /* @__PURE__ */ new WeakMap();
 const makeItResponsive = ({ theme: customTheme, key = "", css, styles, normalize = true }) => ({ theme = {}, ...props }) => {
 	const internalTheme = customTheme || props[key];
 	if (isEmpty(internalTheme)) return "";
@@ -172,7 +170,8 @@ const makeItResponsive = ({ theme: customTheme, key = "", css, styles, normalize
       `;
 	const { media, sortedBreakpoints } = __VITUS_LABS__;
 	let optimizedTheme;
-	if (internalTheme === lastThemeRef && sortedBreakpoints === lastBreakpointsRef && lastOptimized) optimizedTheme = lastOptimized;
+	const cached = themeCache.get(internalTheme);
+	if (cached && cached.breakpoints === sortedBreakpoints) optimizedTheme = cached.optimized;
 	else {
 		let helperTheme = internalTheme;
 		if (normalize) helperTheme = normalizeTheme({
@@ -186,9 +185,10 @@ const makeItResponsive = ({ theme: customTheme, key = "", css, styles, normalize
 			}),
 			breakpoints: sortedBreakpoints
 		});
-		lastThemeRef = internalTheme;
-		lastBreakpointsRef = sortedBreakpoints;
-		lastOptimized = optimizedTheme;
+		themeCache.set(internalTheme, {
+			breakpoints: sortedBreakpoints,
+			optimized: optimizedTheme
+		});
 	}
 	return sortedBreakpoints.map((item) => {
 		const breakpointTheme = optimizedTheme[item];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitus-labs/unistyle",
-  "version": "1.4.3-alpha.1+cf4e0a6",
+  "version": "1.4.3-alpha.4+4f526f8",
   "license": "MIT",
   "author": "Vit Bokisch <vit@bokisch.cz>",
   "maintainers": [
@@ -52,9 +52,9 @@
     "react": ">= 19"
   },
   "devDependencies": {
-    "@vitus-labs/core": "1.4.3-alpha.1+cf4e0a6",
+    "@vitus-labs/core": "1.4.3-alpha.4+4f526f8",
     "@vitus-labs/tools-rolldown": "^1.6.0",
     "@vitus-labs/tools-typescript": "^1.6.0"
   },
-  "gitHead": "cf4e0a6230687c5c7acc2e07a3248bae4ae55f07"
+  "gitHead": "4f526f89193039b02d6232d42fa487b6fd2a5970"
 }