@pandacss/shared 0.0.0-dev-20230119005608 → 0.0.0-dev-20230119102953

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './merge-fe9cd267.js';
-export { C as CreateCssContext, M as MappedObject, k as WalkObjectOptions, W as WalkObjectStopFn, d as compact, c as createCss, j as deepMerge, f as filterBaseConditions, e as isBaseCondition, a as isFunction, g as isImportant, b as isObject, i as isString, m as mapObject, t as toHash, l as walkObject, w as withoutImportant, h as withoutSpace } from './merge-fe9cd267.js';
+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';
 
 type Operand = string | number | {
     ref: string;
@@ -34,6 +34,7 @@ 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 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 splitBy(value: string, separator?: string): string[];
@@ -41,10 +42,6 @@ declare function splitDotPath(path: string): string[];
 declare function getNegativePath(path: string[]): string[];
 declare function getDotPath(obj: any, path: string, fallback?: any): any;
 
-type Dict = Record<string, unknown>;
-type PickFn = (key: string) => boolean;
-declare function splitObject(obj: Dict, pickFn: PickFn): Dict[];
-
 type MapToRecord<K extends Map<string, any>> = {
     [P in keyof K]: K[P] extends Map<string, infer V> ? Record<string, V> : never;
 };
@@ -52,4 +49,4 @@ declare function mapToJson<T extends Map<string, any>>(map: T): MapToRecord<T>;
 
 declare function unionType(values: IterableIterator<string> | string[] | Set<string>): string;
 
-export { CssVar, CssVarOptions, calc, capitalize, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, memo, normalizeStyleObject, splitBy, splitDotPath, splitObject, toEm, toPx, toRem, uncapitalize, unionType };
+export { CssVar, CssVarOptions, calc, capitalize, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, memo, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };

package/dist/index.js

@@ -24,9 +24,9 @@ __export(src_exports, {
   capitalize: () => capitalize,
   compact: () => compact,
   createCss: () => createCss,
+  createMergeCss: () => createMergeCss,
   cssVar: () => cssVar,
   dashCase: () => dashCase,
-  deepMerge: () => deepMerge,
   esc: () => esc2,
   filterBaseConditions: () => filterBaseConditions,
   flatten: () => flatten,
@@ -41,10 +41,12 @@ __export(src_exports, {
   mapObject: () => mapObject,
   mapToJson: () => mapToJson,
   memo: () => memo,
+  mergeProps: () => mergeProps,
+  normalizeShorthand: () => normalizeShorthand,
   normalizeStyleObject: () => normalizeStyleObject,
   splitBy: () => splitBy,
   splitDotPath: () => splitDotPath,
-  splitObject: () => splitObject,
+  splitProps: () => splitProps,
   toEm: () => toEm,
   toHash: () => toHash,
   toPx: () => toPx,
@@ -88,6 +90,11 @@ var capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
 var dashCase = (s) => s.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 var uncapitalize = (s) => s.charAt(0).toLowerCase() + s.slice(1);
 
+// src/compact.ts
+function compact(value) {
+  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
+}
+
 // src/condition.ts
 var isBaseCondition = (v) => v === "base";
 function filterBaseConditions(c) {
@@ -114,6 +121,21 @@ function toHash(str) {
   return (value >>> 0).toString(36);
 }
 
+// src/merge-props.ts
+function mergeProps(...sources) {
+  const result = {};
+  for (const source of sources) {
+    for (const [key, value] of Object.entries(source)) {
+      if (isObject(value)) {
+        result[key] = mergeProps(result[key] || {}, value);
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+
 // src/walk-object.ts
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
@@ -150,6 +172,14 @@ function toResponsiveObject(values, breakpoints) {
     return acc;
   }, {});
 }
+function normalizeShorthand(styles, context) {
+  const { hasShorthand, resolveShorthand } = context.utility;
+  return walkObject(styles, (v) => v, {
+    getKey: (prop) => {
+      return hasShorthand ? resolveShorthand(prop) : prop;
+    }
+  });
+}
 function normalizeStyleObject(styles, context) {
   const { utility, conditions } = context;
   const { hasShorthand, resolveShorthand } = utility;
@@ -197,10 +227,23 @@ function createCss(context) {
     return Array.from(classNames).join(" ");
   };
 }
-
-// src/compact.ts
-function compact(value) {
-  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
+function compactStyles(...styles) {
+  return styles.filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);
+}
+function createMergeCss(context) {
+  function resolve(styles) {
+    const allStyles = compactStyles(...styles);
+    if (allStyles.length === 1)
+      return allStyles;
+    return allStyles.map((style) => normalizeShorthand(style, context));
+  }
+  function mergeCss(...styles) {
+    return mergeProps(...resolve(styles));
+  }
+  function assignCss(...styles) {
+    return Object.assign({}, ...resolve(styles));
+  }
+  return { mergeCss, assignCss };
 }
 
 // src/css-unit.ts
@@ -311,25 +354,6 @@ var memo = (fn) => {
   return get;
 };
 
-// src/merge.ts
-function deepMerge(...sources) {
-  const allSources = sources.filter(isObject);
-  if (allSources.length === 1) {
-    return allSources[0];
-  }
-  const result = {};
-  for (const source of allSources) {
-    for (const [key, value] of Object.entries(source)) {
-      if (isObject(value)) {
-        result[key] = deepMerge(result[key] || {}, value);
-      } else {
-        result[key] = value;
-      }
-    }
-  }
-  return result;
-}
-
 // src/split.ts
 function splitBy(value, separator = ",") {
   const result = [];
@@ -379,18 +403,23 @@ function getDotPath(obj, path, fallback) {
   return getDotPath(obj?.[key], nextPath, fallback) ?? fallback;
 }
 
-// src/split-object.ts
-function splitObject(obj, pickFn) {
-  const omitted = {};
-  const picked = {};
-  for (const [key, value] of Object.entries(obj)) {
-    if (pickFn(key)) {
-      picked[key] = value;
-    } else {
-      omitted[key] = value;
+// src/split-props.ts
+function splitProps(props, ...keys) {
+  const descriptors = Object.getOwnPropertyDescriptors(props);
+  const dKeys = Object.keys(descriptors);
+  const split = (k) => {
+    const clone = {};
+    for (let i = 0; i < k.length; i++) {
+      const key = k[i];
+      if (descriptors[key]) {
+        Object.defineProperty(clone, key, descriptors[key]);
+        delete descriptors[key];
+      }
     }
-  }
-  return [picked, omitted];
+    return clone;
+  };
+  const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));
+  return keys.map(fn).concat(split(dKeys));
 }
 
 // src/to-json.ts
@@ -416,9 +445,9 @@ function unionType(values) {
   capitalize,
   compact,
   createCss,
+  createMergeCss,
   cssVar,
   dashCase,
-  deepMerge,
   esc,
   filterBaseConditions,
   flatten,
@@ -433,10 +462,12 @@ function unionType(values) {
   mapObject,
   mapToJson,
   memo,
+  mergeProps,
+  normalizeShorthand,
   normalizeStyleObject,
   splitBy,
   splitDotPath,
-  splitObject,
+  splitProps,
   toEm,
   toHash,
   toPx,

package/dist/index.mjs

@@ -29,6 +29,11 @@ var capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
 var dashCase = (s) => s.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 var uncapitalize = (s) => s.charAt(0).toLowerCase() + s.slice(1);
 
+// src/compact.ts
+function compact(value) {
+  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
+}
+
 // src/condition.ts
 var isBaseCondition = (v) => v === "base";
 function filterBaseConditions(c) {
@@ -55,6 +60,21 @@ function toHash(str) {
   return (value >>> 0).toString(36);
 }
 
+// src/merge-props.ts
+function mergeProps(...sources) {
+  const result = {};
+  for (const source of sources) {
+    for (const [key, value] of Object.entries(source)) {
+      if (isObject(value)) {
+        result[key] = mergeProps(result[key] || {}, value);
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+
 // src/walk-object.ts
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
@@ -91,6 +111,14 @@ function toResponsiveObject(values, breakpoints) {
     return acc;
   }, {});
 }
+function normalizeShorthand(styles, context) {
+  const { hasShorthand, resolveShorthand } = context.utility;
+  return walkObject(styles, (v) => v, {
+    getKey: (prop) => {
+      return hasShorthand ? resolveShorthand(prop) : prop;
+    }
+  });
+}
 function normalizeStyleObject(styles, context) {
   const { utility, conditions } = context;
   const { hasShorthand, resolveShorthand } = utility;
@@ -138,10 +166,23 @@ function createCss(context) {
     return Array.from(classNames).join(" ");
   };
 }
-
-// src/compact.ts
-function compact(value) {
-  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
+function compactStyles(...styles) {
+  return styles.filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);
+}
+function createMergeCss(context) {
+  function resolve(styles) {
+    const allStyles = compactStyles(...styles);
+    if (allStyles.length === 1)
+      return allStyles;
+    return allStyles.map((style) => normalizeShorthand(style, context));
+  }
+  function mergeCss(...styles) {
+    return mergeProps(...resolve(styles));
+  }
+  function assignCss(...styles) {
+    return Object.assign({}, ...resolve(styles));
+  }
+  return { mergeCss, assignCss };
 }
 
 // src/css-unit.ts
@@ -252,25 +293,6 @@ var memo = (fn) => {
   return get;
 };
 
-// src/merge.ts
-function deepMerge(...sources) {
-  const allSources = sources.filter(isObject);
-  if (allSources.length === 1) {
-    return allSources[0];
-  }
-  const result = {};
-  for (const source of allSources) {
-    for (const [key, value] of Object.entries(source)) {
-      if (isObject(value)) {
-        result[key] = deepMerge(result[key] || {}, value);
-      } else {
-        result[key] = value;
-      }
-    }
-  }
-  return result;
-}
-
 // src/split.ts
 function splitBy(value, separator = ",") {
   const result = [];
@@ -320,18 +342,23 @@ function getDotPath(obj, path, fallback) {
   return getDotPath(obj?.[key], nextPath, fallback) ?? fallback;
 }
 
-// src/split-object.ts
-function splitObject(obj, pickFn) {
-  const omitted = {};
-  const picked = {};
-  for (const [key, value] of Object.entries(obj)) {
-    if (pickFn(key)) {
-      picked[key] = value;
-    } else {
-      omitted[key] = value;
+// src/split-props.ts
+function splitProps(props, ...keys) {
+  const descriptors = Object.getOwnPropertyDescriptors(props);
+  const dKeys = Object.keys(descriptors);
+  const split = (k) => {
+    const clone = {};
+    for (let i = 0; i < k.length; i++) {
+      const key = k[i];
+      if (descriptors[key]) {
+        Object.defineProperty(clone, key, descriptors[key]);
+        delete descriptors[key];
+      }
     }
-  }
-  return [picked, omitted];
+    return clone;
+  };
+  const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));
+  return keys.map(fn).concat(split(dKeys));
 }
 
 // src/to-json.ts
@@ -356,9 +383,9 @@ export {
   capitalize,
   compact,
   createCss,
+  createMergeCss,
   cssVar,
   dashCase,
-  deepMerge,
   esc2 as esc,
   filterBaseConditions,
   flatten,
@@ -373,10 +400,12 @@ export {
   mapObject,
   mapToJson,
   memo,
+  mergeProps,
+  normalizeShorthand,
   normalizeStyleObject,
   splitBy,
   splitDotPath,
-  splitObject,
+  splitProps,
   toEm,
   toHash,
   toPx,

package/dist/shared.d.ts

@@ -1 +1,10 @@
-export { d as compact, c as createCss, j as deepMerge, f as filterBaseConditions, e as isBaseCondition, b as isObject, m as mapObject, t as toHash, l as walkObject, h as withoutSpace } from './merge-fe9cd267.js';
+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';
+
+declare function normalizeHTMLProps(props: Record<string, any>): {
+    [k: string]: any;
+};
+declare namespace normalizeHTMLProps {
+    var keys: string[];
+}
+
+export { normalizeHTMLProps };

package/dist/shared.js

@@ -22,11 +22,14 @@ var shared_exports = {};
 __export(shared_exports, {
   compact: () => compact,
   createCss: () => createCss,
-  deepMerge: () => deepMerge,
+  createMergeCss: () => createMergeCss,
   filterBaseConditions: () => filterBaseConditions,
   isBaseCondition: () => isBaseCondition,
   isObject: () => isObject,
   mapObject: () => mapObject,
+  mergeProps: () => mergeProps,
+  normalizeHTMLProps: () => normalizeHTMLProps,
+  splitProps: () => splitProps,
   toHash: () => toHash,
   walkObject: () => walkObject,
   withoutSpace: () => withoutSpace
@@ -38,6 +41,11 @@ function isObject(value) {
   return typeof value === "object" && value != null && !Array.isArray(value);
 }
 
+// src/compact.ts
+function compact(value) {
+  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
+}
+
 // src/condition.ts
 var isBaseCondition = (v) => v === "base";
 function filterBaseConditions(c) {
@@ -64,6 +72,21 @@ function toHash(str) {
   return (value >>> 0).toString(36);
 }
 
+// src/merge-props.ts
+function mergeProps(...sources) {
+  const result = {};
+  for (const source of sources) {
+    for (const [key, value] of Object.entries(source)) {
+      if (isObject(value)) {
+        result[key] = mergeProps(result[key] || {}, value);
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+
 // src/walk-object.ts
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
@@ -100,6 +123,14 @@ function toResponsiveObject(values, breakpoints) {
     return acc;
   }, {});
 }
+function normalizeShorthand(styles, context) {
+  const { hasShorthand, resolveShorthand } = context.utility;
+  return walkObject(styles, (v) => v, {
+    getKey: (prop) => {
+      return hasShorthand ? resolveShorthand(prop) : prop;
+    }
+  });
+}
 function normalizeStyleObject(styles, context) {
   const { utility, conditions } = context;
   const { hasShorthand, resolveShorthand } = utility;
@@ -147,39 +178,65 @@ function createCss(context) {
     return Array.from(classNames).join(" ");
   };
 }
+function compactStyles(...styles) {
+  return styles.filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);
+}
+function createMergeCss(context) {
+  function resolve(styles) {
+    const allStyles = compactStyles(...styles);
+    if (allStyles.length === 1)
+      return allStyles;
+    return allStyles.map((style) => normalizeShorthand(style, context));
+  }
+  function mergeCss(...styles) {
+    return mergeProps(...resolve(styles));
+  }
+  function assignCss(...styles) {
+    return Object.assign({}, ...resolve(styles));
+  }
+  return { mergeCss, assignCss };
+}
 
-// src/compact.ts
-function compact(value) {
-  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
+// src/normalize-html.ts
+var htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];
+function convert(key) {
+  return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;
+}
+function normalizeHTMLProps(props) {
+  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));
 }
+normalizeHTMLProps.keys = htmlProps;
 
-// src/merge.ts
-function deepMerge(...sources) {
-  const allSources = sources.filter(isObject);
-  if (allSources.length === 1) {
-    return allSources[0];
-  }
-  const result = {};
-  for (const source of allSources) {
-    for (const [key, value] of Object.entries(source)) {
-      if (isObject(value)) {
-        result[key] = deepMerge(result[key] || {}, value);
-      } else {
-        result[key] = value;
+// src/split-props.ts
+function splitProps(props, ...keys) {
+  const descriptors = Object.getOwnPropertyDescriptors(props);
+  const dKeys = Object.keys(descriptors);
+  const split = (k) => {
+    const clone = {};
+    for (let i = 0; i < k.length; i++) {
+      const key = k[i];
+      if (descriptors[key]) {
+        Object.defineProperty(clone, key, descriptors[key]);
+        delete descriptors[key];
       }
     }
-  }
-  return result;
+    return clone;
+  };
+  const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));
+  return keys.map(fn).concat(split(dKeys));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   compact,
   createCss,
-  deepMerge,
+  createMergeCss,
   filterBaseConditions,
   isBaseCondition,
   isObject,
   mapObject,
+  mergeProps,
+  normalizeHTMLProps,
+  splitProps,
   toHash,
   walkObject,
   withoutSpace

package/dist/shared.mjs

@@ -3,6 +3,11 @@ function isObject(value) {
   return typeof value === "object" && value != null && !Array.isArray(value);
 }
 
+// src/compact.ts
+function compact(value) {
+  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
+}
+
 // src/condition.ts
 var isBaseCondition = (v) => v === "base";
 function filterBaseConditions(c) {
@@ -29,6 +34,21 @@ function toHash(str) {
   return (value >>> 0).toString(36);
 }
 
+// src/merge-props.ts
+function mergeProps(...sources) {
+  const result = {};
+  for (const source of sources) {
+    for (const [key, value] of Object.entries(source)) {
+      if (isObject(value)) {
+        result[key] = mergeProps(result[key] || {}, value);
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+
 // src/walk-object.ts
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
@@ -65,6 +85,14 @@ function toResponsiveObject(values, breakpoints) {
     return acc;
   }, {});
 }
+function normalizeShorthand(styles, context) {
+  const { hasShorthand, resolveShorthand } = context.utility;
+  return walkObject(styles, (v) => v, {
+    getKey: (prop) => {
+      return hasShorthand ? resolveShorthand(prop) : prop;
+    }
+  });
+}
 function normalizeStyleObject(styles, context) {
   const { utility, conditions } = context;
   const { hasShorthand, resolveShorthand } = utility;
@@ -112,38 +140,64 @@ function createCss(context) {
     return Array.from(classNames).join(" ");
   };
 }
+function compactStyles(...styles) {
+  return styles.filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);
+}
+function createMergeCss(context) {
+  function resolve(styles) {
+    const allStyles = compactStyles(...styles);
+    if (allStyles.length === 1)
+      return allStyles;
+    return allStyles.map((style) => normalizeShorthand(style, context));
+  }
+  function mergeCss(...styles) {
+    return mergeProps(...resolve(styles));
+  }
+  function assignCss(...styles) {
+    return Object.assign({}, ...resolve(styles));
+  }
+  return { mergeCss, assignCss };
+}
 
-// src/compact.ts
-function compact(value) {
-  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
+// src/normalize-html.ts
+var htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];
+function convert(key) {
+  return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;
+}
+function normalizeHTMLProps(props) {
+  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));
 }
+normalizeHTMLProps.keys = htmlProps;
 
-// src/merge.ts
-function deepMerge(...sources) {
-  const allSources = sources.filter(isObject);
-  if (allSources.length === 1) {
-    return allSources[0];
-  }
-  const result = {};
-  for (const source of allSources) {
-    for (const [key, value] of Object.entries(source)) {
-      if (isObject(value)) {
-        result[key] = deepMerge(result[key] || {}, value);
-      } else {
-        result[key] = value;
+// src/split-props.ts
+function splitProps(props, ...keys) {
+  const descriptors = Object.getOwnPropertyDescriptors(props);
+  const dKeys = Object.keys(descriptors);
+  const split = (k) => {
+    const clone = {};
+    for (let i = 0; i < k.length; i++) {
+      const key = k[i];
+      if (descriptors[key]) {
+        Object.defineProperty(clone, key, descriptors[key]);
+        delete descriptors[key];
       }
     }
-  }
-  return result;
+    return clone;
+  };
+  const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));
+  return keys.map(fn).concat(split(dKeys));
 }
 export {
   compact,
   createCss,
-  deepMerge,
+  createMergeCss,
   filterBaseConditions,
   isBaseCondition,
   isObject,
   mapObject,
+  mergeProps,
+  normalizeHTMLProps,
+  splitProps,
   toHash,
   walkObject,
   withoutSpace

package/dist/{merge-fe9cd267.d.ts → split-props-29274d16.d.ts}

@@ -27,6 +27,11 @@ type CreateCssContext = {
     };
 };
 declare function createCss(context: CreateCssContext): (styleObject?: Record<string, any>) => string;
+type StyleObject = Record<string, any>;
+declare function createMergeCss(context: CreateCssContext): {
+    mergeCss: (...styles: StyleObject[]) => StyleObject;
+    assignCss: (...styles: StyleObject[]) => any;
+};
 
 declare function compact<T extends Record<string, any>>(value: T): T;
 
@@ -51,6 +56,11 @@ declare function mapObject(obj: any, fn: (value: any) => any): any;
 
 declare function toHash(str: string): string;
 
-declare function deepMerge<T extends Record<string, unknown>>(...sources: T[]): T;
+declare function mergeProps<T extends Record<string, unknown>>(...sources: T[]): T;
+
+type Dict = Record<string, unknown>;
+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, compact as d, isBaseCondition as e, filterBaseConditions as f, isImportant as g, withoutSpace as h, isString as i, deepMerge as j, WalkObjectOptions as k, walkObject as l, mapObject as m, 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, WalkObjectOptions as k, walkObject as l, mergeProps as m, mapObject as n, splitProps as s, toHash as t, withoutImportant as w };

package/package.json

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