@pandacss/shared 0.0.0-dev-20221126091729 → 0.0.0-dev-20221126121755

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { W as WalkObjectStopFn } from './walk-styles-622088f0.js';
-export { M as MappedObject, d as WalkObjectOptions, W as WalkObjectStopFn, c as createCss, f as filterBaseConditions, i as isBaseCondition, a as isImportant, m as mapObject, t as toHash, e as walkObject, g as walkStyles, w as withoutImportant, b as withoutSpace } from './walk-styles-622088f0.js';
+import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './walk-styles-4fcd344a.js';
+export { C as CreateCssContext, M as MappedObject, d as WalkObjectOptions, W as WalkObjectStopFn, c as createCss, f as filterBaseConditions, i as isBaseCondition, a as isImportant, m as mapObject, t as toHash, e as walkObject, g as walkStyles, w as withoutImportant, b as withoutSpace } from './walk-styles-4fcd344a.js';
 
 declare const isString: (v: any) => v is string;
 type AnyFunction = (...args: any[]) => any;
@@ -40,6 +40,9 @@ declare function flatten(values: Record<string, Record<string, any>>, stop?: Wal
 
 declare const memo: <T extends (...args: any[]) => any>(fn: T) => T;
 
+type NormalizeContext = Pick<CreateCssContext, 'utility' | 'conditions'>;
+declare function normalizeStyleObject(styles: Record<string, any>, context: NormalizeContext): MappedObject<Record<string, any>, any>;
+
 declare function splitBy(value: string, separator?: string): string[];
 declare function splitDotPath(path: string): string[];
 declare function getNegativePath(path: string[]): string[];
@@ -52,4 +55,4 @@ declare function mapToJson<T extends Map<string, any>>(map: T): MapToRecord<T>;
 
 declare function unionType(values: IterableIterator<string> | string[]): string;
 
-export { CssVar, CssVarOptions, calc, capitalize, compact, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, isFunction, isObject, isString, mapToJson, memo, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };
+export { CssVar, CssVarOptions, calc, capitalize, compact, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, isFunction, isObject, isString, mapToJson, memo, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };

package/dist/index.js

@@ -40,6 +40,7 @@ __export(src_exports, {
   mapObject: () => mapObject,
   mapToJson: () => mapToJson,
   memo: () => memo,
+  normalizeStyleObject: () => normalizeStyleObject,
   splitBy: () => splitBy,
   splitDotPath: () => splitDotPath,
   toEm: () => toEm,
@@ -174,17 +175,43 @@ function walkStyles(mixedStyles, fn, scopes = []) {
   }
 }
 
+// src/normalize-style-object.ts
+function toResponsiveObject(values, breakpoints) {
+  return values.reduce((acc, current, index) => {
+    const key = breakpoints[index];
+    if (current != null) {
+      acc[key] = current;
+    }
+    return acc;
+  }, {});
+}
+function normalizeStyleObject(styles, context) {
+  const { utility, conditions } = context;
+  const { hasShorthand, resolveShorthand } = utility;
+  return walkObject(
+    styles,
+    (value) => {
+      return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;
+    },
+    {
+      stop: (value) => Array.isArray(value),
+      getKey: (prop) => {
+        return hasShorthand ? resolveShorthand(prop) : prop;
+      }
+    }
+  );
+}
+
 // src/classname.ts
+var fallbackCondition = {
+  shift: (v) => v,
+  finalize: (v) => v,
+  breakpoints: { keys: [] }
+};
 function createCss(context) {
-  const {
-    transform,
-    hash,
-    conditions: conds = { shift: (v) => v, finalize: (v) => v },
-    resolveShorthand,
-    hasShorthand
-  } = context;
+  const { utility, hash, conditions: conds = fallbackCondition } = context;
   return (styleObject) => {
-    const normalizedObject = hasShorthand ? walkObject(styleObject, (v) => v, { getKey: resolveShorthand }) : styleObject;
+    const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
     walkStyles(normalizedObject, (props, scope) => {
       walkObject(props, (value, paths) => {
@@ -193,7 +220,7 @@ function createCss(context) {
           return;
         const [prop, ...allConditions] = conds.shift(paths);
         const conditions = filterBaseConditions(allConditions);
-        const transformed = transform(prop, withoutImportant(value));
+        const transformed = utility.transform(prop, withoutImportant(value));
         let transformedClassName = transformed.className;
         if (important) {
           transformedClassName = `${transformedClassName}!`;
@@ -411,6 +438,7 @@ function unionType(values) {
   mapObject,
   mapToJson,
   memo,
+  normalizeStyleObject,
   splitBy,
   splitDotPath,
   toEm,

package/dist/index.mjs

@@ -117,17 +117,43 @@ function walkStyles(mixedStyles, fn, scopes = []) {
   }
 }
 
+// src/normalize-style-object.ts
+function toResponsiveObject(values, breakpoints) {
+  return values.reduce((acc, current, index) => {
+    const key = breakpoints[index];
+    if (current != null) {
+      acc[key] = current;
+    }
+    return acc;
+  }, {});
+}
+function normalizeStyleObject(styles, context) {
+  const { utility, conditions } = context;
+  const { hasShorthand, resolveShorthand } = utility;
+  return walkObject(
+    styles,
+    (value) => {
+      return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;
+    },
+    {
+      stop: (value) => Array.isArray(value),
+      getKey: (prop) => {
+        return hasShorthand ? resolveShorthand(prop) : prop;
+      }
+    }
+  );
+}
+
 // src/classname.ts
+var fallbackCondition = {
+  shift: (v) => v,
+  finalize: (v) => v,
+  breakpoints: { keys: [] }
+};
 function createCss(context) {
-  const {
-    transform,
-    hash,
-    conditions: conds = { shift: (v) => v, finalize: (v) => v },
-    resolveShorthand,
-    hasShorthand
-  } = context;
+  const { utility, hash, conditions: conds = fallbackCondition } = context;
   return (styleObject) => {
-    const normalizedObject = hasShorthand ? walkObject(styleObject, (v) => v, { getKey: resolveShorthand }) : styleObject;
+    const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
     walkStyles(normalizedObject, (props, scope) => {
       walkObject(props, (value, paths) => {
@@ -136,7 +162,7 @@ function createCss(context) {
           return;
         const [prop, ...allConditions] = conds.shift(paths);
         const conditions = filterBaseConditions(allConditions);
-        const transformed = transform(prop, withoutImportant(value));
+        const transformed = utility.transform(prop, withoutImportant(value));
         let transformedClassName = transformed.className;
         if (important) {
           transformedClassName = `${transformedClassName}!`;
@@ -353,6 +379,7 @@ export {
   mapObject,
   mapToJson,
   memo,
+  normalizeStyleObject,
   splitBy,
   splitDotPath,
   toEm,

package/dist/shared.d.ts

@@ -1 +1 @@
-export { M as MappedObject, d as WalkObjectOptions, W as WalkObjectStopFn, c as createCss, f as filterBaseConditions, i as isBaseCondition, m as mapObject, t as toHash, e as walkObject, g as walkStyles, b as withoutSpace } from './walk-styles-622088f0.js';
+export { C as CreateCssContext, M as MappedObject, d as WalkObjectOptions, W as WalkObjectStopFn, c as createCss, f as filterBaseConditions, i as isBaseCondition, m as mapObject, t as toHash, e as walkObject, g as walkStyles, b as withoutSpace } from './walk-styles-4fcd344a.js';

package/dist/shared.js

@@ -124,17 +124,43 @@ function walkStyles(mixedStyles, fn, scopes = []) {
   }
 }
 
+// src/normalize-style-object.ts
+function toResponsiveObject(values, breakpoints) {
+  return values.reduce((acc, current, index) => {
+    const key = breakpoints[index];
+    if (current != null) {
+      acc[key] = current;
+    }
+    return acc;
+  }, {});
+}
+function normalizeStyleObject(styles, context) {
+  const { utility, conditions } = context;
+  const { hasShorthand, resolveShorthand } = utility;
+  return walkObject(
+    styles,
+    (value) => {
+      return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;
+    },
+    {
+      stop: (value) => Array.isArray(value),
+      getKey: (prop) => {
+        return hasShorthand ? resolveShorthand(prop) : prop;
+      }
+    }
+  );
+}
+
 // src/classname.ts
+var fallbackCondition = {
+  shift: (v) => v,
+  finalize: (v) => v,
+  breakpoints: { keys: [] }
+};
 function createCss(context) {
-  const {
-    transform,
-    hash,
-    conditions: conds = { shift: (v) => v, finalize: (v) => v },
-    resolveShorthand,
-    hasShorthand
-  } = context;
+  const { utility, hash, conditions: conds = fallbackCondition } = context;
   return (styleObject) => {
-    const normalizedObject = hasShorthand ? walkObject(styleObject, (v) => v, { getKey: resolveShorthand }) : styleObject;
+    const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
     walkStyles(normalizedObject, (props, scope) => {
       walkObject(props, (value, paths) => {
@@ -143,7 +169,7 @@ function createCss(context) {
           return;
         const [prop, ...allConditions] = conds.shift(paths);
         const conditions = filterBaseConditions(allConditions);
-        const transformed = transform(prop, withoutImportant(value));
+        const transformed = utility.transform(prop, withoutImportant(value));
         let transformedClassName = transformed.className;
         if (important) {
           transformedClassName = `${transformedClassName}!`;

package/dist/shared.mjs

@@ -91,17 +91,43 @@ function walkStyles(mixedStyles, fn, scopes = []) {
   }
 }
 
+// src/normalize-style-object.ts
+function toResponsiveObject(values, breakpoints) {
+  return values.reduce((acc, current, index) => {
+    const key = breakpoints[index];
+    if (current != null) {
+      acc[key] = current;
+    }
+    return acc;
+  }, {});
+}
+function normalizeStyleObject(styles, context) {
+  const { utility, conditions } = context;
+  const { hasShorthand, resolveShorthand } = utility;
+  return walkObject(
+    styles,
+    (value) => {
+      return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;
+    },
+    {
+      stop: (value) => Array.isArray(value),
+      getKey: (prop) => {
+        return hasShorthand ? resolveShorthand(prop) : prop;
+      }
+    }
+  );
+}
+
 // src/classname.ts
+var fallbackCondition = {
+  shift: (v) => v,
+  finalize: (v) => v,
+  breakpoints: { keys: [] }
+};
 function createCss(context) {
-  const {
-    transform,
-    hash,
-    conditions: conds = { shift: (v) => v, finalize: (v) => v },
-    resolveShorthand,
-    hasShorthand
-  } = context;
+  const { utility, hash, conditions: conds = fallbackCondition } = context;
   return (styleObject) => {
-    const normalizedObject = hasShorthand ? walkObject(styleObject, (v) => v, { getKey: resolveShorthand }) : styleObject;
+    const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
     walkStyles(normalizedObject, (props, scope) => {
       walkObject(props, (value, paths) => {
@@ -110,7 +136,7 @@ function createCss(context) {
           return;
         const [prop, ...allConditions] = conds.shift(paths);
         const conditions = filterBaseConditions(allConditions);
-        const transformed = transform(prop, withoutImportant(value));
+        const transformed = utility.transform(prop, withoutImportant(value));
         let transformedClassName = transformed.className;
         if (important) {
           transformedClassName = `${transformedClassName}!`;

package/dist/{walk-styles-622088f0.d.ts → walk-styles-4fcd344a.d.ts}

@@ -1,16 +1,27 @@
-type Context = {
-    hasShorthand: boolean;
-    resolveShorthand: (prop: string) => string;
-    transform: (prop: string, value: any) => {
-        className: string;
-    };
+type CreateCssContext = {
     hash?: boolean;
+    /**
+     * Partial properties from the Utility class
+     */
+    utility: {
+        hasShorthand: boolean;
+        resolveShorthand: (prop: string) => string;
+        transform: (prop: string, value: any) => {
+            className: string;
+        };
+    };
+    /**
+     * Partial properties from the Condition class
+     */
     conditions?: {
+        breakpoints: {
+            keys: string[];
+        };
         shift: (paths: string[]) => string[];
         finalize: (paths: string[]) => string[];
     };
 };
-declare function createCss(context: Context): (styleObject: Record<string, any>) => string;
+declare function createCss(context: CreateCssContext): (styleObject: Record<string, any>) => string;
 
 declare const isBaseCondition: (c: string) => boolean;
 declare function filterBaseConditions(c: string[]): string[];
@@ -36,4 +47,4 @@ declare function toHash(value: string): string;
 type Dict = Record<string, any>;
 declare function walkStyles(mixedStyles: Dict, fn: (style: Dict, scope?: string[]) => void, scopes?: string[]): void;
 
-export { MappedObject as M, WalkObjectStopFn as W, isImportant as a, withoutSpace as b, createCss as c, WalkObjectOptions as d, walkObject as e, filterBaseConditions as f, walkStyles as g, isBaseCondition as i, mapObject as m, toHash as t, withoutImportant as w };
+export { CreateCssContext as C, MappedObject as M, WalkObjectStopFn as W, isImportant as a, withoutSpace as b, createCss as c, WalkObjectOptions as d, walkObject as e, filterBaseConditions as f, walkStyles as g, isBaseCondition as i, mapObject as m, toHash as t, withoutImportant as w };

package/package.json

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