@pandacss/shared 0.19.0 → 0.21.0

package/dist/index.d.mts

@@ -2,6 +2,8 @@ import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from
 export { p as WalkObjectOptions, e as compact, c as createCss, d as createMergeCss, g as filterBaseConditions, o as getSlotCompoundVariant, n as getSlotRecipes, k as hypenateProperty, f as isBaseCondition, a as isFunction, h as isImportant, b as isObject, i as isString, r as mapObject, m as memo, l as mergeProps, s as splitProps, t as toHash, u as uniq, q as walkObject, w as withoutImportant, j as withoutSpace } from './shared-6d968e1d.js';
 export { astish } from './astish.mjs';
 
+declare const getArbitraryValue: (value: string) => string;
+
 type Operand = string | number | {
     ref: string;
 };
@@ -37,10 +39,13 @@ declare function flatten(values: Record<string, Record<string, any>>, stop?: Wal
 
 type NormalizeContext = Pick<CreateCssContext, 'utility' | 'conditions'>;
 declare function normalizeShorthand(styles: Record<string, any>, context: NormalizeContext): MappedObject<Record<string, any>, any>;
-declare function normalizeStyleObject(styles: Record<string, any>, context: NormalizeContext): MappedObject<Record<string, any>, any>;
+declare function normalizeStyleObject(styles: Record<string, any>, context: NormalizeContext, shorthand?: boolean): MappedObject<Record<string, any>, any>;
 
 declare const createRegex: (item: Array<string | RegExp>) => RegExp;
 
+declare const stringifyJson: (config: Record<string, any>) => string;
+declare const parseJson: (config: string) => any;
+
 declare function splitBy(value: string, separator?: string): any[];
 declare function splitDotPath(path: string): string[];
 declare function getNegativePath(path: string[]): string[];
@@ -53,4 +58,4 @@ declare function mapToJson<T extends Map<string, any>>(map: T): MapToRecord<T>;
 
 declare function unionType(values: IterableIterator<string> | string[] | readonly string[] | Set<string>): string;
 
-export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, createRegex, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };
+export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, createRegex, cssVar, dashCase, esc, flatten, getArbitraryValue, getDotPath, getNegativePath, getUnit, mapToJson, normalizeShorthand, normalizeStyleObject, parseJson, splitBy, splitDotPath, stringifyJson, toEm, toPx, toRem, uncapitalize, unionType };

package/dist/index.d.ts

@@ -2,6 +2,8 @@ import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from
 export { p as WalkObjectOptions, e as compact, c as createCss, d as createMergeCss, g as filterBaseConditions, o as getSlotCompoundVariant, n as getSlotRecipes, k as hypenateProperty, f as isBaseCondition, a as isFunction, h as isImportant, b as isObject, i as isString, r as mapObject, m as memo, l as mergeProps, s as splitProps, t as toHash, u as uniq, q as walkObject, w as withoutImportant, j as withoutSpace } from './shared-6d968e1d.js';
 export { astish } from './astish.js';
 
+declare const getArbitraryValue: (value: string) => string;
+
 type Operand = string | number | {
     ref: string;
 };
@@ -37,10 +39,13 @@ declare function flatten(values: Record<string, Record<string, any>>, stop?: Wal
 
 type NormalizeContext = Pick<CreateCssContext, 'utility' | 'conditions'>;
 declare function normalizeShorthand(styles: Record<string, any>, context: NormalizeContext): MappedObject<Record<string, any>, any>;
-declare function normalizeStyleObject(styles: Record<string, any>, context: NormalizeContext): MappedObject<Record<string, any>, any>;
+declare function normalizeStyleObject(styles: Record<string, any>, context: NormalizeContext, shorthand?: boolean): MappedObject<Record<string, any>, any>;
 
 declare const createRegex: (item: Array<string | RegExp>) => RegExp;
 
+declare const stringifyJson: (config: Record<string, any>) => string;
+declare const parseJson: (config: string) => any;
+
 declare function splitBy(value: string, separator?: string): any[];
 declare function splitDotPath(path: string): string[];
 declare function getNegativePath(path: string[]): string[];
@@ -53,4 +58,4 @@ declare function mapToJson<T extends Map<string, any>>(map: T): MapToRecord<T>;
 
 declare function unionType(values: IterableIterator<string> | string[] | readonly string[] | Set<string>): string;
 
-export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, createRegex, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };
+export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, createRegex, cssVar, dashCase, esc, flatten, getArbitraryValue, getDotPath, getNegativePath, getUnit, mapToJson, normalizeShorthand, normalizeStyleObject, parseJson, splitBy, splitDotPath, stringifyJson, toEm, toPx, toRem, uncapitalize, unionType };

package/dist/index.js

@@ -33,6 +33,7 @@ __export(src_exports, {
   esc: () => esc2,
   filterBaseConditions: () => filterBaseConditions,
   flatten: () => flatten,
+  getArbitraryValue: () => getArbitraryValue,
   getDotPath: () => getDotPath,
   getNegativePath: () => getNegativePath,
   getSlotCompoundVariant: () => getSlotCompoundVariant,
@@ -50,9 +51,11 @@ __export(src_exports, {
   mergeProps: () => mergeProps,
   normalizeShorthand: () => normalizeShorthand,
   normalizeStyleObject: () => normalizeStyleObject,
+  parseJson: () => parseJson,
   splitBy: () => splitBy,
   splitDotPath: () => splitDotPath,
   splitProps: () => splitProps,
+  stringifyJson: () => stringifyJson,
   toEm: () => toEm,
   toHash: () => toHash,
   toPx: () => toPx,
@@ -66,6 +69,16 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
+// src/arbitrary-value.ts
+var getArbitraryValue = (value) => {
+  if (!value)
+    return value;
+  if (value[0] === "[" && value[value.length - 1] === "]") {
+    return value.slice(1, -1);
+  }
+  return value;
+};
+
 // src/assert.ts
 var isString = (v) => typeof v === "string";
 var isFunction = (v) => typeof v === "function";
@@ -255,7 +268,7 @@ function normalizeShorthand(styles, context) {
     }
   });
 }
-function normalizeStyleObject(styles, context) {
+function normalizeStyleObject(styles, context, shorthand = true) {
   const { utility, conditions } = context;
   const { hasShorthand, resolveShorthand } = utility;
   return walkObject(
@@ -265,9 +278,7 @@ function normalizeStyleObject(styles, context) {
     },
     {
       stop: (value) => Array.isArray(value),
-      getKey: (prop) => {
-        return hasShorthand ? resolveShorthand(prop) : prop;
-      }
+      getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0
     }
   );
 }
@@ -452,6 +463,18 @@ var createRegex = (item) => {
   return new RegExp(regex2);
 };
 
+// src/serialize.ts
+var stringifyJson = (config) => {
+  return JSON.stringify(config, (_key, value) => {
+    if (typeof value === "function")
+      return value.toString();
+    return value;
+  });
+};
+var parseJson = (config) => {
+  return JSON.parse(config);
+};
+
 // src/slot.ts
 var getSlotRecipes = (recipe = {}) => {
   const init = (slot) => ({
@@ -580,6 +603,7 @@ var uniq = (...items) => items.filter(Boolean).reduce((acc, item) => Array.from(
   esc,
   filterBaseConditions,
   flatten,
+  getArbitraryValue,
   getDotPath,
   getNegativePath,
   getSlotCompoundVariant,
@@ -597,9 +621,11 @@ var uniq = (...items) => items.filter(Boolean).reduce((acc, item) => Array.from(
   mergeProps,
   normalizeShorthand,
   normalizeStyleObject,
+  parseJson,
   splitBy,
   splitDotPath,
   splitProps,
+  stringifyJson,
   toEm,
   toHash,
   toPx,

package/dist/index.mjs

@@ -1,3 +1,13 @@
+// src/arbitrary-value.ts
+var getArbitraryValue = (value) => {
+  if (!value)
+    return value;
+  if (value[0] === "[" && value[value.length - 1] === "]") {
+    return value.slice(1, -1);
+  }
+  return value;
+};
+
 // src/assert.ts
 var isString = (v) => typeof v === "string";
 var isFunction = (v) => typeof v === "function";
@@ -187,7 +197,7 @@ function normalizeShorthand(styles, context) {
     }
   });
 }
-function normalizeStyleObject(styles, context) {
+function normalizeStyleObject(styles, context, shorthand = true) {
   const { utility, conditions } = context;
   const { hasShorthand, resolveShorthand } = utility;
   return walkObject(
@@ -197,9 +207,7 @@ function normalizeStyleObject(styles, context) {
     },
     {
       stop: (value) => Array.isArray(value),
-      getKey: (prop) => {
-        return hasShorthand ? resolveShorthand(prop) : prop;
-      }
+      getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0
     }
   );
 }
@@ -384,6 +392,18 @@ var createRegex = (item) => {
   return new RegExp(regex2);
 };
 
+// src/serialize.ts
+var stringifyJson = (config) => {
+  return JSON.stringify(config, (_key, value) => {
+    if (typeof value === "function")
+      return value.toString();
+    return value;
+  });
+};
+var parseJson = (config) => {
+  return JSON.parse(config);
+};
+
 // src/slot.ts
 var getSlotRecipes = (recipe = {}) => {
   const init = (slot) => ({
@@ -511,6 +531,7 @@ export {
   esc2 as esc,
   filterBaseConditions,
   flatten,
+  getArbitraryValue,
   getDotPath,
   getNegativePath,
   getSlotCompoundVariant,
@@ -528,9 +549,11 @@ export {
   mergeProps,
   normalizeShorthand,
   normalizeStyleObject,
+  parseJson,
   splitBy,
   splitDotPath,
   splitProps,
+  stringifyJson,
   toEm,
   toHash,
   toPx,

package/dist/shared.js

@@ -154,7 +154,7 @@ function normalizeShorthand(styles, context) {
     }
   });
 }
-function normalizeStyleObject(styles, context) {
+function normalizeStyleObject(styles, context, shorthand = true) {
   const { utility, conditions } = context;
   const { hasShorthand, resolveShorthand } = utility;
   return walkObject(
@@ -164,9 +164,7 @@ function normalizeStyleObject(styles, context) {
     },
     {
       stop: (value) => Array.isArray(value),
-      getKey: (prop) => {
-        return hasShorthand ? resolveShorthand(prop) : prop;
-      }
+      getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0
     }
   );
 }

package/dist/shared.mjs

@@ -112,7 +112,7 @@ function normalizeShorthand(styles, context) {
     }
   });
 }
-function normalizeStyleObject(styles, context) {
+function normalizeStyleObject(styles, context, shorthand = true) {
   const { utility, conditions } = context;
   const { hasShorthand, resolveShorthand } = utility;
   return walkObject(
@@ -122,9 +122,7 @@ function normalizeStyleObject(styles, context) {
     },
     {
       stop: (value) => Array.isArray(value),
-      getKey: (prop) => {
-        return hasShorthand ? resolveShorthand(prop) : prop;
-      }
+      getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0
     }
   );
 }

package/package.json

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