@pandacss/shared 0.5.0 → 0.6.0

package/dist/index.d.mts

@@ -8,6 +8,8 @@ declare const calc: {
     negate(x: Operand): string;
 };
 
+declare const camelCaseProperty: (property: string) => string;
+
 declare const capitalize: (s: string) => string;
 declare const dashCase: (s: string) => string;
 declare const uncapitalize: (s: string) => string;
@@ -50,4 +52,4 @@ declare function mapToJson<T extends Map<string, any>>(map: T): MapToRecord<T>;
 
 declare function unionType(values: IterableIterator<string> | string[] | Set<string>): string;
 
-export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, capitalize, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, memo, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };
+export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, memo, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };

package/dist/index.d.ts

@@ -8,6 +8,8 @@ declare const calc: {
     negate(x: Operand): string;
 };
 
+declare const camelCaseProperty: (property: string) => string;
+
 declare const capitalize: (s: string) => string;
 declare const dashCase: (s: string) => string;
 declare const uncapitalize: (s: string) => string;
@@ -50,4 +52,4 @@ declare function mapToJson<T extends Map<string, any>>(map: T): MapToRecord<T>;
 
 declare function unionType(values: IterableIterator<string> | string[] | Set<string>): string;
 
-export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, capitalize, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, memo, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };
+export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, memo, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };

package/dist/index.js

@@ -22,6 +22,7 @@ var src_exports = {};
 __export(src_exports, {
   astish: () => astish,
   calc: () => calc,
+  camelCaseProperty: () => camelCaseProperty,
   capitalize: () => capitalize,
   compact: () => compact,
   createCss: () => createCss,
@@ -72,7 +73,7 @@ function isObject(value) {
 var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g;
 var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g;
 var astish = (val, tree = [{}]) => {
-  const block = newRule.exec(val.replace(ruleClean, ""));
+  const block = newRule.exec((val ?? "").replace(ruleClean, ""));
   if (!block)
     return tree[0];
   if (block[4])
@@ -104,6 +105,32 @@ var calc = {
   }
 };
 
+// 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/camelcase-property.ts
+var regex = /-(\w|$)/g;
+var callback = (_dashChar, char) => char.toUpperCase();
+var camelCaseProperty = memo((property) => {
+  if (property.startsWith("--"))
+    return property;
+  let str = property.toLowerCase();
+  str = str.startsWith("-ms-") ? str.substring(1) : str;
+  return str.replace(regex, callback);
+});
+
 // src/capitalize.ts
 var capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
 var camelCaseRegex = /([a-z])([A-Z])/g;
@@ -170,6 +197,7 @@ function mergeProps(...sources) {
 }
 
 // src/walk-object.ts
+var isNotNullish = (element) => element != null;
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
   function inner(value, path = []) {
@@ -181,7 +209,10 @@ function walkObject(target, predicate, options = {}) {
         if (stop?.(value, childPath)) {
           return predicate(value, path);
         }
-        result[key] = inner(child, childPath);
+        const next = inner(child, childPath);
+        if (isNotNullish(next)) {
+          result[key] = next;
+        }
       }
       return result;
     }
@@ -395,27 +426,13 @@ function flatten(values, stop) {
   return result;
 }
 
-// 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.ts
-var dashCaseRegex2 = /[A-Z]/g;
+// src/hypenate-property.ts
+var wordRegex = /([A-Z])/g;
+var msRegex = /^ms-/;
 var hypenateProperty = memo((property) => {
   if (property.startsWith("--"))
     return property;
-  return property.replace(dashCaseRegex2, (match) => `-${match.toLowerCase()}`);
+  return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
 });
 
 // src/split.ts
@@ -509,6 +526,7 @@ function unionType(values) {
 0 && (module.exports = {
   astish,
   calc,
+  camelCaseProperty,
   capitalize,
   compact,
   createCss,

package/dist/index.mjs

@@ -9,7 +9,7 @@ function isObject(value) {
 var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g;
 var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g;
 var astish = (val, tree = [{}]) => {
-  const block = newRule.exec(val.replace(ruleClean, ""));
+  const block = newRule.exec((val ?? "").replace(ruleClean, ""));
   if (!block)
     return tree[0];
   if (block[4])
@@ -41,6 +41,32 @@ var calc = {
   }
 };
 
+// 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/camelcase-property.ts
+var regex = /-(\w|$)/g;
+var callback = (_dashChar, char) => char.toUpperCase();
+var camelCaseProperty = memo((property) => {
+  if (property.startsWith("--"))
+    return property;
+  let str = property.toLowerCase();
+  str = str.startsWith("-ms-") ? str.substring(1) : str;
+  return str.replace(regex, callback);
+});
+
 // src/capitalize.ts
 var capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
 var camelCaseRegex = /([a-z])([A-Z])/g;
@@ -107,6 +133,7 @@ function mergeProps(...sources) {
 }
 
 // src/walk-object.ts
+var isNotNullish = (element) => element != null;
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
   function inner(value, path = []) {
@@ -118,7 +145,10 @@ function walkObject(target, predicate, options = {}) {
         if (stop?.(value, childPath)) {
           return predicate(value, path);
         }
-        result[key] = inner(child, childPath);
+        const next = inner(child, childPath);
+        if (isNotNullish(next)) {
+          result[key] = next;
+        }
       }
       return result;
     }
@@ -332,27 +362,13 @@ function flatten(values, stop) {
   return result;
 }
 
-// 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.ts
-var dashCaseRegex2 = /[A-Z]/g;
+// src/hypenate-property.ts
+var wordRegex = /([A-Z])/g;
+var msRegex = /^ms-/;
 var hypenateProperty = memo((property) => {
   if (property.startsWith("--"))
     return property;
-  return property.replace(dashCaseRegex2, (match) => `-${match.toLowerCase()}`);
+  return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
 });
 
 // src/split.ts
@@ -445,6 +461,7 @@ function unionType(values) {
 export {
   astish,
   calc,
+  camelCaseProperty,
   capitalize,
   compact,
   createCss,

package/dist/shared.js

@@ -47,7 +47,7 @@ function isObject(value) {
 var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g;
 var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g;
 var astish = (val, tree = [{}]) => {
-  const block = newRule.exec(val.replace(ruleClean, ""));
+  const block = newRule.exec((val ?? "").replace(ruleClean, ""));
   if (!block)
     return tree[0];
   if (block[4])
@@ -119,6 +119,7 @@ function mergeProps(...sources) {
 }
 
 // src/walk-object.ts
+var isNotNullish = (element) => element != null;
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
   function inner(value, path = []) {
@@ -130,7 +131,10 @@ function walkObject(target, predicate, options = {}) {
         if (stop?.(value, childPath)) {
           return predicate(value, path);
         }
-        result[key] = inner(child, childPath);
+        const next = inner(child, childPath);
+        if (isNotNullish(next)) {
+          result[key] = next;
+        }
       }
       return result;
     }
@@ -252,12 +256,13 @@ var memo = (fn) => {
   return get;
 };
 
-// src/hypenate.ts
-var dashCaseRegex = /[A-Z]/g;
+// src/hypenate-property.ts
+var wordRegex = /([A-Z])/g;
+var msRegex = /^ms-/;
 var hypenateProperty = memo((property) => {
   if (property.startsWith("--"))
     return property;
-  return property.replace(dashCaseRegex, (match) => `-${match.toLowerCase()}`);
+  return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
 });
 
 // src/normalize-html.ts

package/dist/shared.mjs

@@ -7,7 +7,7 @@ function isObject(value) {
 var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g;
 var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g;
 var astish = (val, tree = [{}]) => {
-  const block = newRule.exec(val.replace(ruleClean, ""));
+  const block = newRule.exec((val ?? "").replace(ruleClean, ""));
   if (!block)
     return tree[0];
   if (block[4])
@@ -79,6 +79,7 @@ function mergeProps(...sources) {
 }
 
 // src/walk-object.ts
+var isNotNullish = (element) => element != null;
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
   function inner(value, path = []) {
@@ -90,7 +91,10 @@ function walkObject(target, predicate, options = {}) {
         if (stop?.(value, childPath)) {
           return predicate(value, path);
         }
-        result[key] = inner(child, childPath);
+        const next = inner(child, childPath);
+        if (isNotNullish(next)) {
+          result[key] = next;
+        }
       }
       return result;
     }
@@ -212,12 +216,13 @@ var memo = (fn) => {
   return get;
 };
 
-// src/hypenate.ts
-var dashCaseRegex = /[A-Z]/g;
+// src/hypenate-property.ts
+var wordRegex = /([A-Z])/g;
+var msRegex = /^ms-/;
 var hypenateProperty = memo((property) => {
   if (property.startsWith("--"))
     return property;
-  return property.replace(dashCaseRegex, (match) => `-${match.toLowerCase()}`);
+  return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
 });
 
 // src/normalize-html.ts

package/package.json

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