@pandacss/shared 0.5.1 → 0.7.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,
@@ -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;
@@ -347,7 +374,7 @@ function toRem(value = "") {
 }
 
 // src/css-var.ts
-var escRegex = /[.*+?^${}()|[\]\\]/g;
+var escRegex = /[.*+?^${}()|[\]\\/]/g;
 function esc(string) {
   return string.replace(escRegex, "\\$&");
 }
@@ -399,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
@@ -513,6 +526,7 @@ function unionType(values) {
 0 && (module.exports = {
   astish,
   calc,
+  camelCaseProperty,
   capitalize,
   compact,
   createCss,

package/dist/index.mjs

@@ -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;
@@ -284,7 +310,7 @@ function toRem(value = "") {
 }
 
 // src/css-var.ts
-var escRegex = /[.*+?^${}()|[\]\\]/g;
+var escRegex = /[.*+?^${}()|[\]\\/]/g;
 function esc(string) {
   return string.replace(escRegex, "\\$&");
 }
@@ -336,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
@@ -449,6 +461,7 @@ function unionType(values) {
 export {
   astish,
   calc,
+  camelCaseProperty,
   capitalize,
   compact,
   createCss,

package/dist/shared.js

@@ -256,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

@@ -216,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.1",
+  "version": "0.7.0",
   "description": "Shared utilities for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",