@pandacss/studio 0.0.0-dev-20240112100832 → 0.0.0-dev-20240112213207

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "0.0.0-dev-20240112100832",
+  "version": "0.0.0-dev-20240112213207",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -47,12 +47,12 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "vite": "5.0.7",
-    "@pandacss/config": "0.0.0-dev-20240112100832",
-    "@pandacss/logger": "0.0.0-dev-20240112100832",
-    "@pandacss/shared": "0.0.0-dev-20240112100832",
-    "@pandacss/token-dictionary": "0.0.0-dev-20240112100832",
-    "@pandacss/types": "0.0.0-dev-20240112100832",
-    "@pandacss/astro-plugin-studio": "0.0.0-dev-20240112100832"
+    "@pandacss/config": "0.0.0-dev-20240112213207",
+    "@pandacss/logger": "0.0.0-dev-20240112213207",
+    "@pandacss/shared": "0.0.0-dev-20240112213207",
+    "@pandacss/token-dictionary": "0.0.0-dev-20240112213207",
+    "@pandacss/types": "0.0.0-dev-20240112213207",
+    "@pandacss/astro-plugin-studio": "0.0.0-dev-20240112213207"
   },
   "devDependencies": {
     "@types/react": "18.2.42",

package/styled-system/css/cva.mjs

@@ -1,4 +1,4 @@
-import { compact, mergeProps, splitProps, uniq } from '../helpers.mjs';
+import { compact, mergeProps, memo, splitProps, uniq } from '../helpers.mjs';
 import { css, mergeCss } from './css.mjs';
 
 const defaults = (conf) => ({
@@ -49,7 +49,7 @@ export function cva(config) {
 
   const variantMap = Object.fromEntries(Object.entries(variants).map(([key, value]) => [key, Object.keys(value)]))
 
-  return Object.assign(cvaFn, {
+  return Object.assign(memo(cvaFn), {
     __cva__: true,
     variantMap,
     variantKeys,

package/styled-system/css/sva.mjs

@@ -1,4 +1,4 @@
-import { getSlotRecipes, splitProps } from '../helpers.mjs';
+import { getSlotRecipes, memo, splitProps } from '../helpers.mjs';
 import { cva } from './cva.mjs';
 
 export function sva(config) {
@@ -25,7 +25,7 @@ export function sva(config) {
     Object.entries(variants).map(([key, value]) => [key, Object.keys(value)])
   );
 
-  return Object.assign(svaFn, {
+  return Object.assign(memo(svaFn), {
     __cva__: false,
     raw,
     variantMap,

package/styled-system/helpers.mjs

@@ -64,6 +64,21 @@ function mergeProps(...sources) {
   }, {});
 }
 
+// src/memo.ts
+var memo = (fn) => {
+  const cache = /* @__PURE__ */ new Map();
+  const get = (...args) => {
+    const key = JSON.stringify(args);
+    if (cache.has(key)) {
+      return cache.get(key);
+    }
+    const result = fn(...args);
+    cache.set(key, result);
+    return result;
+  };
+  return get;
+};
+
 // src/walk-object.ts
 var isNotNullish = (element) => element != null;
 function walkObject(target, predicate, options = {}) {
@@ -150,7 +165,7 @@ function createCss(context) {
     }
     return result;
   };
-  return (styleObject = {}) => {
+  return memo((styleObject = {}) => {
     const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
     walkObject(normalizedObject, (value, paths) => {
@@ -166,7 +181,7 @@ function createCss(context) {
       classNames.add(className);
     });
     return Array.from(classNames).join(" ");
-  };
+  });
 }
 function compactStyles(...styles) {
   return styles.filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);
@@ -184,24 +199,9 @@ function createMergeCss(context) {
   function assignCss(...styles) {
     return Object.assign({}, ...resolve(styles));
   }
-  return { mergeCss, assignCss };
+  return { mergeCss: memo(mergeCss), assignCss };
 }
 
-// src/memo.ts
-var memo = (fn) => {
-  const cache = /* @__PURE__ */ new Map();
-  const get = (...args) => {
-    const key = JSON.stringify(args);
-    if (cache.has(key)) {
-      return cache.get(key);
-    }
-    const result = fn(...args);
-    cache.set(key, result);
-    return result;
-  };
-  return get;
-};
-
 // src/hypenate-property.ts
 var wordRegex = /([A-Z])/g;
 var msRegex = /^ms-/;