@pandacss/shared 0.0.0-dev-20230122145009 → 0.0.0-dev-20230125073613

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './split-props-29274d16.js';
-export { C as CreateCssContext, M as MappedObject, k as WalkObjectOptions, W as WalkObjectStopFn, e as compact, c as createCss, d as createMergeCss, g as filterBaseConditions, f as isBaseCondition, a as isFunction, h as isImportant, b as isObject, i as isString, n as mapObject, m as mergeProps, s as splitProps, t as toHash, l as walkObject, w as withoutImportant, j as withoutSpace } from './split-props-29274d16.js';
+import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './split-props-6eb4eecb.js';
+export { C as CreateCssContext, M as MappedObject, l as WalkObjectOptions, W as WalkObjectStopFn, e as compact, c as createCss, d as createMergeCss, g as filterBaseConditions, k as hypenateProperty, f as isBaseCondition, a as isFunction, h as isImportant, b as isObject, i as isString, o as mapObject, m as mergeProps, s as splitProps, t as toHash, n as walkObject, w as withoutImportant, j as withoutSpace } from './split-props-6eb4eecb.js';
 
 type Operand = string | number | {
     ref: string;

package/dist/index.js

@@ -33,6 +33,7 @@ __export(src_exports, {
   getDotPath: () => getDotPath,
   getNegativePath: () => getNegativePath,
   getUnit: () => getUnit,
+  hypenateProperty: () => hypenateProperty,
   isBaseCondition: () => isBaseCondition,
   isFunction: () => isFunction,
   isImportant: () => isImportant,
@@ -206,6 +207,18 @@ var fallbackCondition = {
 var sanitize = (value) => typeof value === "string" ? value.replaceAll(/[\n\s]+/g, " ") : value;
 function createCss(context) {
   const { utility, hash, conditions: conds = fallbackCondition } = context;
+  const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join("-");
+  const hashFn = (conditions, className) => {
+    let result;
+    if (hash) {
+      const baseArray = [...conds.finalize(conditions), className];
+      result = formatClassName(toHash(baseArray.join(":")));
+    } else {
+      const baseArray = [...conds.finalize(conditions), formatClassName(className)];
+      result = baseArray.join(":");
+    }
+    return result;
+  };
   return (styleObject = {}) => {
     const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
@@ -216,12 +229,9 @@ function createCss(context) {
       const [prop, ...allConditions] = conds.shift(paths);
       const conditions = filterBaseConditions(allConditions);
       const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
-      let transformedClassName = transformed.className;
-      if (important) {
-        transformedClassName = `${transformedClassName}!`;
-      }
-      const baseArray = [...conds.finalize(conditions), transformedClassName];
-      const className = hash ? toHash(baseArray.join(":")) : baseArray.join(":");
+      let className = hashFn(conditions, transformed.className);
+      if (important)
+        className = `${className}!`;
       classNames.add(className);
     });
     return Array.from(classNames).join(" ");
@@ -354,6 +364,13 @@ var memo = (fn) => {
   return get;
 };
 
+// src/hypenate.ts
+var hypenateProperty = memo((property) => {
+  if (property.startsWith("--"))
+    return property;
+  return property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+});
+
 // src/split.ts
 function splitBy(value, separator = ",") {
   const result = [];
@@ -454,6 +471,7 @@ function unionType(values) {
   getDotPath,
   getNegativePath,
   getUnit,
+  hypenateProperty,
   isBaseCondition,
   isFunction,
   isImportant,

package/dist/index.mjs

@@ -145,6 +145,18 @@ var fallbackCondition = {
 var sanitize = (value) => typeof value === "string" ? value.replaceAll(/[\n\s]+/g, " ") : value;
 function createCss(context) {
   const { utility, hash, conditions: conds = fallbackCondition } = context;
+  const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join("-");
+  const hashFn = (conditions, className) => {
+    let result;
+    if (hash) {
+      const baseArray = [...conds.finalize(conditions), className];
+      result = formatClassName(toHash(baseArray.join(":")));
+    } else {
+      const baseArray = [...conds.finalize(conditions), formatClassName(className)];
+      result = baseArray.join(":");
+    }
+    return result;
+  };
   return (styleObject = {}) => {
     const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
@@ -155,12 +167,9 @@ function createCss(context) {
       const [prop, ...allConditions] = conds.shift(paths);
       const conditions = filterBaseConditions(allConditions);
       const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
-      let transformedClassName = transformed.className;
-      if (important) {
-        transformedClassName = `${transformedClassName}!`;
-      }
-      const baseArray = [...conds.finalize(conditions), transformedClassName];
-      const className = hash ? toHash(baseArray.join(":")) : baseArray.join(":");
+      let className = hashFn(conditions, transformed.className);
+      if (important)
+        className = `${className}!`;
       classNames.add(className);
     });
     return Array.from(classNames).join(" ");
@@ -293,6 +302,13 @@ var memo = (fn) => {
   return get;
 };
 
+// src/hypenate.ts
+var hypenateProperty = memo((property) => {
+  if (property.startsWith("--"))
+    return property;
+  return property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+});
+
 // src/split.ts
 function splitBy(value, separator = ",") {
   const result = [];
@@ -392,6 +408,7 @@ export {
   getDotPath,
   getNegativePath,
   getUnit,
+  hypenateProperty,
   isBaseCondition,
   isFunction,
   isImportant,

package/dist/shared.d.ts

@@ -1,4 +1,4 @@
-export { e as compact, c as createCss, d as createMergeCss, g as filterBaseConditions, f as isBaseCondition, b as isObject, n as mapObject, m as mergeProps, s as splitProps, t as toHash, l as walkObject, j as withoutSpace } from './split-props-29274d16.js';
+export { e as compact, c as createCss, d as createMergeCss, g as filterBaseConditions, k as hypenateProperty, f as isBaseCondition, b as isObject, o as mapObject, m as mergeProps, s as splitProps, t as toHash, n as walkObject, j as withoutSpace } from './split-props-6eb4eecb.js';
 
 declare function normalizeHTMLProps(props: Record<string, any>): {
     [k: string]: any;

package/dist/shared.js

@@ -24,6 +24,7 @@ __export(shared_exports, {
   createCss: () => createCss,
   createMergeCss: () => createMergeCss,
   filterBaseConditions: () => filterBaseConditions,
+  hypenateProperty: () => hypenateProperty,
   isBaseCondition: () => isBaseCondition,
   isObject: () => isObject,
   mapObject: () => mapObject,
@@ -157,6 +158,18 @@ var fallbackCondition = {
 var sanitize = (value) => typeof value === "string" ? value.replaceAll(/[\n\s]+/g, " ") : value;
 function createCss(context) {
   const { utility, hash, conditions: conds = fallbackCondition } = context;
+  const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join("-");
+  const hashFn = (conditions, className) => {
+    let result;
+    if (hash) {
+      const baseArray = [...conds.finalize(conditions), className];
+      result = formatClassName(toHash(baseArray.join(":")));
+    } else {
+      const baseArray = [...conds.finalize(conditions), formatClassName(className)];
+      result = baseArray.join(":");
+    }
+    return result;
+  };
   return (styleObject = {}) => {
     const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
@@ -167,12 +180,9 @@ function createCss(context) {
       const [prop, ...allConditions] = conds.shift(paths);
       const conditions = filterBaseConditions(allConditions);
       const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
-      let transformedClassName = transformed.className;
-      if (important) {
-        transformedClassName = `${transformedClassName}!`;
-      }
-      const baseArray = [...conds.finalize(conditions), transformedClassName];
-      const className = hash ? toHash(baseArray.join(":")) : baseArray.join(":");
+      let className = hashFn(conditions, transformed.className);
+      if (important)
+        className = `${className}!`;
       classNames.add(className);
     });
     return Array.from(classNames).join(" ");
@@ -225,12 +235,35 @@ function splitProps(props, ...keys) {
   const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));
   return keys.map(fn).concat(split(dKeys));
 }
+
+// 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 hypenateProperty = memo((property) => {
+  if (property.startsWith("--"))
+    return property;
+  return property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   compact,
   createCss,
   createMergeCss,
   filterBaseConditions,
+  hypenateProperty,
   isBaseCondition,
   isObject,
   mapObject,

package/dist/shared.mjs

@@ -119,6 +119,18 @@ var fallbackCondition = {
 var sanitize = (value) => typeof value === "string" ? value.replaceAll(/[\n\s]+/g, " ") : value;
 function createCss(context) {
   const { utility, hash, conditions: conds = fallbackCondition } = context;
+  const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join("-");
+  const hashFn = (conditions, className) => {
+    let result;
+    if (hash) {
+      const baseArray = [...conds.finalize(conditions), className];
+      result = formatClassName(toHash(baseArray.join(":")));
+    } else {
+      const baseArray = [...conds.finalize(conditions), formatClassName(className)];
+      result = baseArray.join(":");
+    }
+    return result;
+  };
   return (styleObject = {}) => {
     const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
@@ -129,12 +141,9 @@ function createCss(context) {
       const [prop, ...allConditions] = conds.shift(paths);
       const conditions = filterBaseConditions(allConditions);
       const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
-      let transformedClassName = transformed.className;
-      if (important) {
-        transformedClassName = `${transformedClassName}!`;
-      }
-      const baseArray = [...conds.finalize(conditions), transformedClassName];
-      const className = hash ? toHash(baseArray.join(":")) : baseArray.join(":");
+      let className = hashFn(conditions, transformed.className);
+      if (important)
+        className = `${className}!`;
       classNames.add(className);
     });
     return Array.from(classNames).join(" ");
@@ -187,11 +196,34 @@ function splitProps(props, ...keys) {
   const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));
   return keys.map(fn).concat(split(dKeys));
 }
+
+// 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 hypenateProperty = memo((property) => {
+  if (property.startsWith("--"))
+    return property;
+  return property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+});
 export {
   compact,
   createCss,
   createMergeCss,
   filterBaseConditions,
+  hypenateProperty,
   isBaseCondition,
   isObject,
   mapObject,

package/dist/{split-props-29274d16.d.ts → split-props-6eb4eecb.d.ts}

@@ -9,6 +9,7 @@ type CreateCssContext = {
      * Partial properties from the Utility class
      */
     utility: {
+        prefix: string;
         hasShorthand: boolean;
         resolveShorthand: (prop: string) => string;
         transform: (prop: string, value: any) => {
@@ -56,6 +57,8 @@ declare function mapObject(obj: any, fn: (value: any) => any): any;
 
 declare function toHash(str: string): string;
 
+declare const hypenateProperty: (property: string) => string;
+
 declare function mergeProps<T extends Record<string, unknown>>(...sources: T[]): T;
 
 type Dict = Record<string, unknown>;
@@ -63,4 +66,4 @@ type PredicateFn = (key: string) => boolean;
 type Key = PredicateFn | string[];
 declare function splitProps(props: Dict, ...keys: Key[]): Dict[];
 
-export { CreateCssContext as C, MappedObject as M, WalkObjectStopFn as W, isFunction as a, isObject as b, createCss as c, createMergeCss as d, compact as e, isBaseCondition as f, filterBaseConditions as g, isImportant as h, isString as i, withoutSpace as j, WalkObjectOptions as k, walkObject as l, mergeProps as m, mapObject as n, splitProps as s, toHash as t, withoutImportant as w };
+export { CreateCssContext as C, MappedObject as M, WalkObjectStopFn as W, isFunction as a, isObject as b, createCss as c, createMergeCss as d, compact as e, isBaseCondition as f, filterBaseConditions as g, isImportant as h, isString as i, withoutSpace as j, hypenateProperty as k, WalkObjectOptions as l, mergeProps as m, walkObject as n, mapObject as o, splitProps as s, toHash as t, withoutImportant as w };

package/package.json

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