@pandacss/shared 0.26.1 → 0.27.0

package/dist/index.d.mts

@@ -33,6 +33,9 @@ interface CssVarOptions {
 }
 declare function cssVar(name: string, options?: CssVarOptions): CssVar;
 
+type Dict = Record<string, any>;
+declare const deepSet: <T extends Dict>(target: T, path: string[], value: Dict | string) => T;
+
 declare function fromEntries<A extends symbol | string | number, B>(entries: [A, B][]): {
     [key in A]: B;
 };
@@ -87,4 +90,4 @@ declare function traverse(obj: any, callback: CallbackFn, options?: {
 
 declare function unionType(values: IterableIterator<string> | string[] | readonly string[] | Set<string>): string;
 
-export { CreateCssContext, type CssVar, type CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, createRegex, cssVar, dashCase, entries, esc, flatten, fromEntries, getArbitraryValue, getDotPath, getNegativePath, getOrCreateSet, getUnit, isObjectOrArray, mapEntries, mapToJson, normalizeShorthand, normalizeStyleObject, parseJson, splitBy, splitDotPath, stringifyJson, toEm, toPx, toRem, toResponsiveObject, traverse, uncapitalize, unionType };
+export { CreateCssContext, type CssVar, type CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, createRegex, cssVar, dashCase, deepSet, entries, esc, flatten, fromEntries, getArbitraryValue, getDotPath, getNegativePath, getOrCreateSet, getUnit, isObjectOrArray, mapEntries, mapToJson, normalizeShorthand, normalizeStyleObject, parseJson, splitBy, splitDotPath, stringifyJson, toEm, toPx, toRem, toResponsiveObject, traverse, uncapitalize, unionType };

package/dist/index.d.ts

@@ -33,6 +33,9 @@ interface CssVarOptions {
 }
 declare function cssVar(name: string, options?: CssVarOptions): CssVar;
 
+type Dict = Record<string, any>;
+declare const deepSet: <T extends Dict>(target: T, path: string[], value: Dict | string) => T;
+
 declare function fromEntries<A extends symbol | string | number, B>(entries: [A, B][]): {
     [key in A]: B;
 };
@@ -87,4 +90,4 @@ declare function traverse(obj: any, callback: CallbackFn, options?: {
 
 declare function unionType(values: IterableIterator<string> | string[] | readonly string[] | Set<string>): string;
 
-export { CreateCssContext, type CssVar, type CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, createRegex, cssVar, dashCase, entries, esc, flatten, fromEntries, getArbitraryValue, getDotPath, getNegativePath, getOrCreateSet, getUnit, isObjectOrArray, mapEntries, mapToJson, normalizeShorthand, normalizeStyleObject, parseJson, splitBy, splitDotPath, stringifyJson, toEm, toPx, toRem, toResponsiveObject, traverse, uncapitalize, unionType };
+export { CreateCssContext, type CssVar, type CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, createRegex, cssVar, dashCase, deepSet, entries, esc, flatten, fromEntries, getArbitraryValue, getDotPath, getNegativePath, getOrCreateSet, getUnit, isObjectOrArray, mapEntries, mapToJson, normalizeShorthand, normalizeStyleObject, parseJson, splitBy, splitDotPath, stringifyJson, toEm, toPx, toRem, toResponsiveObject, traverse, uncapitalize, unionType };

package/dist/index.js

@@ -30,6 +30,7 @@ __export(src_exports, {
   createRegex: () => createRegex,
   cssVar: () => cssVar,
   dashCase: () => dashCase,
+  deepSet: () => deepSet,
   entries: () => entries,
   esc: () => esc2,
   filterBaseConditions: () => filterBaseConditions,
@@ -195,7 +196,7 @@ function filterBaseConditions(c) {
 }
 
 // src/css-important.ts
-var importantRegex = /!(important)?/;
+var importantRegex = /\s*!(important)?/i;
 function isImportant(value) {
   return typeof value === "string" ? importantRegex.test(value) : false;
 }
@@ -352,7 +353,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) => {
@@ -368,7 +369,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);
@@ -386,7 +387,7 @@ function createMergeCss(context) {
   function assignCss(...styles) {
     return Object.assign({}, ...resolve(styles));
   }
-  return { mergeCss, assignCss };
+  return { mergeCss: memo(mergeCss), assignCss };
 }
 
 // src/css-unit.ts
@@ -462,6 +463,31 @@ function cssVar(name, options = {}) {
   return result;
 }
 
+// src/deep-set.ts
+var deepSet = (target, path, value) => {
+  const isValueObject = isObject(value);
+  if (!path.length && isValueObject) {
+    return Object.assign(target, value);
+  }
+  let current = target;
+  for (let i = 0; i < path.length; i++) {
+    const key = path[i];
+    if (!current[key]) {
+      current[key] = {};
+    }
+    if (i === path.length - 1) {
+      if (isValueObject && isObject(current[key])) {
+        Object.assign(current[key], value);
+      } else {
+        current[key] = value;
+      }
+    } else {
+      current = current[key];
+    }
+  }
+  return target;
+};
+
 // src/entries.ts
 function fromEntries(entries2) {
   const result = {};
@@ -706,6 +732,7 @@ var uniq = (...items) => items.filter(Boolean).reduce((acc, item) => Array.from(
   createRegex,
   cssVar,
   dashCase,
+  deepSet,
   entries,
   esc,
   filterBaseConditions,

package/dist/index.mjs

@@ -115,7 +115,7 @@ function filterBaseConditions(c) {
 }
 
 // src/css-important.ts
-var importantRegex = /!(important)?/;
+var importantRegex = /\s*!(important)?/i;
 function isImportant(value) {
   return typeof value === "string" ? importantRegex.test(value) : false;
 }
@@ -272,7 +272,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) => {
@@ -288,7 +288,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);
@@ -306,7 +306,7 @@ function createMergeCss(context) {
   function assignCss(...styles) {
     return Object.assign({}, ...resolve(styles));
   }
-  return { mergeCss, assignCss };
+  return { mergeCss: memo(mergeCss), assignCss };
 }
 
 // src/css-unit.ts
@@ -382,6 +382,31 @@ function cssVar(name, options = {}) {
   return result;
 }
 
+// src/deep-set.ts
+var deepSet = (target, path, value) => {
+  const isValueObject = isObject(value);
+  if (!path.length && isValueObject) {
+    return Object.assign(target, value);
+  }
+  let current = target;
+  for (let i = 0; i < path.length; i++) {
+    const key = path[i];
+    if (!current[key]) {
+      current[key] = {};
+    }
+    if (i === path.length - 1) {
+      if (isValueObject && isObject(current[key])) {
+        Object.assign(current[key], value);
+      } else {
+        current[key] = value;
+      }
+    } else {
+      current = current[key];
+    }
+  }
+  return target;
+};
+
 // src/entries.ts
 function fromEntries(entries2) {
   const result = {};
@@ -625,6 +650,7 @@ export {
   createRegex,
   cssVar,
   dashCase,
+  deepSet,
   entries,
   esc2 as esc,
   filterBaseConditions,

package/dist/shared.js

@@ -57,7 +57,7 @@ function filterBaseConditions(c) {
 }
 
 // src/css-important.ts
-var importantRegex = /!(important)?/;
+var importantRegex = /\s*!(important)?/i;
 function isImportant(value) {
   return typeof value === "string" ? importantRegex.test(value) : false;
 }
@@ -106,6 +106,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 = {}) {
@@ -192,7 +207,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) => {
@@ -208,7 +223,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);
@@ -226,24 +241,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-/;

package/dist/shared.mjs

@@ -15,7 +15,7 @@ function filterBaseConditions(c) {
 }
 
 // src/css-important.ts
-var importantRegex = /!(important)?/;
+var importantRegex = /\s*!(important)?/i;
 function isImportant(value) {
   return typeof value === "string" ? importantRegex.test(value) : false;
 }
@@ -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-/;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/shared",
-  "version": "0.26.1",
+  "version": "0.27.0",
   "description": "Shared utilities for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",