@pandacss/shared 0.0.0-dev-20230106112845 → 0.0.0-dev-20230106195931

package/dist/{walk-styles-87886790.d.ts → hash-b98a6846.d.ts}

@@ -46,7 +46,4 @@ declare function mapObject(obj: any, fn: (value: any) => any): any;
 
 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 { CreateCssContext as C, MappedObject as M, WalkObjectStopFn as W, compact as a, isImportant as b, createCss as c, withoutSpace as d, WalkObjectOptions as e, filterBaseConditions as f, walkObject as g, walkStyles as h, isBaseCondition as i, mapObject as m, toHash as t, withoutImportant as w };
+export { CreateCssContext as C, MappedObject as M, WalkObjectStopFn as W, compact as a, isImportant as b, createCss as c, withoutSpace as d, WalkObjectOptions as e, filterBaseConditions as f, walkObject as g, isBaseCondition as i, mapObject as m, toHash as t, withoutImportant as w };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './walk-styles-87886790.js';
-export { C as CreateCssContext, M as MappedObject, e as WalkObjectOptions, W as WalkObjectStopFn, a as compact, c as createCss, f as filterBaseConditions, i as isBaseCondition, b as isImportant, m as mapObject, t as toHash, g as walkObject, h as walkStyles, w as withoutImportant, d as withoutSpace } from './walk-styles-87886790.js';
+import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './hash-b98a6846.js';
+export { C as CreateCssContext, M as MappedObject, e as WalkObjectOptions, W as WalkObjectStopFn, a as compact, c as createCss, f as filterBaseConditions, i as isBaseCondition, b as isImportant, m as mapObject, t as toHash, g as walkObject, w as withoutImportant, d as withoutSpace } from './hash-b98a6846.js';
 
 declare const isString: (v: any) => v is string;
 type AnyFunction = (...args: any[]) => any;
@@ -46,6 +46,10 @@ 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;
 };
@@ -53,4 +57,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, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, isFunction, isObject, isString, mapToJson, memo, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };
+export { CssVar, CssVarOptions, calc, capitalize, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, isFunction, isObject, isString, mapToJson, memo, normalizeStyleObject, splitBy, splitDotPath, splitObject, toEm, toPx, toRem, uncapitalize, unionType };

package/dist/index.js

@@ -43,6 +43,7 @@ __export(src_exports, {
   normalizeStyleObject: () => normalizeStyleObject,
   splitBy: () => splitBy,
   splitDotPath: () => splitDotPath,
+  splitObject: () => splitObject,
   toEm: () => toEm,
   toHash: () => toHash,
   toPx: () => toPx,
@@ -50,7 +51,6 @@ __export(src_exports, {
   uncapitalize: () => uncapitalize,
   unionType: () => unionType,
   walkObject: () => walkObject,
-  walkStyles: () => walkStyles,
   withoutImportant: () => withoutImportant,
   withoutSpace: () => withoutSpace
 });
@@ -87,6 +87,12 @@ 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/condition.ts
+var isBaseCondition = (c) => /^(base|_)$/.test(c);
+function filterBaseConditions(c) {
+  return c.slice().filter((v) => !isBaseCondition(v));
+}
+
 // src/css-important.ts
 function isImportant(value) {
   return typeof value === "string" ? /!(important)?$/.test(value) : false;
@@ -98,12 +104,6 @@ function withoutSpace(str) {
   return typeof str === "string" ? str.replaceAll(" ", "_") : str;
 }
 
-// src/condition.ts
-var isBaseCondition = (c) => /^(base|_)$/.test(c);
-function filterBaseConditions(c) {
-  return c.slice().filter((v) => !isBaseCondition(v));
-}
-
 // src/hash.ts
 function toChar(code) {
   return String.fromCharCode(code + (code > 25 ? 39 : 97));
@@ -151,30 +151,6 @@ function mapObject(obj, fn) {
   return walkObject(obj, (value) => fn(value));
 }
 
-// src/walk-styles.ts
-function walkStyles(mixedStyles, fn, scopes = []) {
-  const {
-    selectors = {},
-    "@media": mediaQueries = {},
-    "@container": containerQueries = {},
-    "@supports": supportQueries = {},
-    ...baseStyles
-  } = mixedStyles;
-  fn(baseStyles, scopes);
-  for (const [selector, selectorStyles] of Object.entries(selectors)) {
-    walkStyles(selectorStyles, fn, [...scopes, selector]);
-  }
-  for (const [mediaQuery, mediaQueryStyles] of Object.entries(mediaQueries)) {
-    walkStyles(mediaQueryStyles, fn, [...scopes, `@media ${mediaQuery}`]);
-  }
-  for (const [containerQuery, containerQueryStyles] of Object.entries(containerQueries)) {
-    walkStyles(containerQueryStyles, fn, [...scopes, `@container ${containerQuery}`]);
-  }
-  for (const [supportQuery, supportQueryStyles] of Object.entries(supportQueries)) {
-    walkStyles(supportQueryStyles, fn, [...scopes, `@supports ${supportQuery}`]);
-  }
-}
-
 // src/normalize-style-object.ts
 function toResponsiveObject(values, breakpoints) {
   return values.reduce((acc, current, index) => {
@@ -214,25 +190,20 @@ function createCss(context) {
   return (styleObject = {}) => {
     const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
-    walkStyles(normalizedObject, (props, scope) => {
-      walkObject(props, (value, paths) => {
-        const important = isImportant(value);
-        if (value == null)
-          return;
-        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];
-        if (scope && scope.length > 0) {
-          baseArray.unshift(`[${withoutSpace(scope.join("__"))}]`);
-        }
-        const className = hash ? toHash(baseArray.join(":")) : baseArray.join(":");
-        classNames.add(className);
-      });
+    walkObject(normalizedObject, (value, paths) => {
+      const important = isImportant(value);
+      if (value == null)
+        return;
+      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(":");
+      classNames.add(className);
     });
     return Array.from(classNames).join(" ");
   };
@@ -400,6 +371,20 @@ 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;
+    }
+  }
+  return [picked, omitted];
+}
+
 // src/to-json.ts
 function mapToJson(map) {
   const obj = {};
@@ -442,6 +427,7 @@ function unionType(values) {
   normalizeStyleObject,
   splitBy,
   splitDotPath,
+  splitObject,
   toEm,
   toHash,
   toPx,
@@ -449,7 +435,6 @@ function unionType(values) {
   uncapitalize,
   unionType,
   walkObject,
-  walkStyles,
   withoutImportant,
   withoutSpace
 });

package/dist/index.mjs

@@ -29,6 +29,12 @@ 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/condition.ts
+var isBaseCondition = (c) => /^(base|_)$/.test(c);
+function filterBaseConditions(c) {
+  return c.slice().filter((v) => !isBaseCondition(v));
+}
+
 // src/css-important.ts
 function isImportant(value) {
   return typeof value === "string" ? /!(important)?$/.test(value) : false;
@@ -40,12 +46,6 @@ function withoutSpace(str) {
   return typeof str === "string" ? str.replaceAll(" ", "_") : str;
 }
 
-// src/condition.ts
-var isBaseCondition = (c) => /^(base|_)$/.test(c);
-function filterBaseConditions(c) {
-  return c.slice().filter((v) => !isBaseCondition(v));
-}
-
 // src/hash.ts
 function toChar(code) {
   return String.fromCharCode(code + (code > 25 ? 39 : 97));
@@ -93,30 +93,6 @@ function mapObject(obj, fn) {
   return walkObject(obj, (value) => fn(value));
 }
 
-// src/walk-styles.ts
-function walkStyles(mixedStyles, fn, scopes = []) {
-  const {
-    selectors = {},
-    "@media": mediaQueries = {},
-    "@container": containerQueries = {},
-    "@supports": supportQueries = {},
-    ...baseStyles
-  } = mixedStyles;
-  fn(baseStyles, scopes);
-  for (const [selector, selectorStyles] of Object.entries(selectors)) {
-    walkStyles(selectorStyles, fn, [...scopes, selector]);
-  }
-  for (const [mediaQuery, mediaQueryStyles] of Object.entries(mediaQueries)) {
-    walkStyles(mediaQueryStyles, fn, [...scopes, `@media ${mediaQuery}`]);
-  }
-  for (const [containerQuery, containerQueryStyles] of Object.entries(containerQueries)) {
-    walkStyles(containerQueryStyles, fn, [...scopes, `@container ${containerQuery}`]);
-  }
-  for (const [supportQuery, supportQueryStyles] of Object.entries(supportQueries)) {
-    walkStyles(supportQueryStyles, fn, [...scopes, `@supports ${supportQuery}`]);
-  }
-}
-
 // src/normalize-style-object.ts
 function toResponsiveObject(values, breakpoints) {
   return values.reduce((acc, current, index) => {
@@ -156,25 +132,20 @@ function createCss(context) {
   return (styleObject = {}) => {
     const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
-    walkStyles(normalizedObject, (props, scope) => {
-      walkObject(props, (value, paths) => {
-        const important = isImportant(value);
-        if (value == null)
-          return;
-        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];
-        if (scope && scope.length > 0) {
-          baseArray.unshift(`[${withoutSpace(scope.join("__"))}]`);
-        }
-        const className = hash ? toHash(baseArray.join(":")) : baseArray.join(":");
-        classNames.add(className);
-      });
+    walkObject(normalizedObject, (value, paths) => {
+      const important = isImportant(value);
+      if (value == null)
+        return;
+      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(":");
+      classNames.add(className);
     });
     return Array.from(classNames).join(" ");
   };
@@ -342,6 +313,20 @@ 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;
+    }
+  }
+  return [picked, omitted];
+}
+
 // src/to-json.ts
 function mapToJson(map) {
   const obj = {};
@@ -383,6 +368,7 @@ export {
   normalizeStyleObject,
   splitBy,
   splitDotPath,
+  splitObject,
   toEm,
   toHash,
   toPx,
@@ -390,7 +376,6 @@ export {
   uncapitalize,
   unionType,
   walkObject,
-  walkStyles,
   withoutImportant,
   withoutSpace
 };

package/dist/shared.d.ts

@@ -1 +1 @@
-export { C as CreateCssContext, M as MappedObject, e as WalkObjectOptions, W as WalkObjectStopFn, a as compact, c as createCss, f as filterBaseConditions, i as isBaseCondition, m as mapObject, t as toHash, g as walkObject, h as walkStyles, d as withoutSpace } from './walk-styles-87886790.js';
+export { C as CreateCssContext, M as MappedObject, e as WalkObjectOptions, W as WalkObjectStopFn, a as compact, c as createCss, f as filterBaseConditions, i as isBaseCondition, m as mapObject, t as toHash, g as walkObject, d as withoutSpace } from './hash-b98a6846.js';

package/dist/shared.js

@@ -27,7 +27,6 @@ __export(shared_exports, {
   mapObject: () => mapObject,
   toHash: () => toHash,
   walkObject: () => walkObject,
-  walkStyles: () => walkStyles,
   withoutSpace: () => withoutSpace
 });
 module.exports = __toCommonJS(shared_exports);
@@ -101,30 +100,6 @@ function mapObject(obj, fn) {
   return walkObject(obj, (value) => fn(value));
 }
 
-// src/walk-styles.ts
-function walkStyles(mixedStyles, fn, scopes = []) {
-  const {
-    selectors = {},
-    "@media": mediaQueries = {},
-    "@container": containerQueries = {},
-    "@supports": supportQueries = {},
-    ...baseStyles
-  } = mixedStyles;
-  fn(baseStyles, scopes);
-  for (const [selector, selectorStyles] of Object.entries(selectors)) {
-    walkStyles(selectorStyles, fn, [...scopes, selector]);
-  }
-  for (const [mediaQuery, mediaQueryStyles] of Object.entries(mediaQueries)) {
-    walkStyles(mediaQueryStyles, fn, [...scopes, `@media ${mediaQuery}`]);
-  }
-  for (const [containerQuery, containerQueryStyles] of Object.entries(containerQueries)) {
-    walkStyles(containerQueryStyles, fn, [...scopes, `@container ${containerQuery}`]);
-  }
-  for (const [supportQuery, supportQueryStyles] of Object.entries(supportQueries)) {
-    walkStyles(supportQueryStyles, fn, [...scopes, `@supports ${supportQuery}`]);
-  }
-}
-
 // src/normalize-style-object.ts
 function toResponsiveObject(values, breakpoints) {
   return values.reduce((acc, current, index) => {
@@ -164,25 +139,20 @@ function createCss(context) {
   return (styleObject = {}) => {
     const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
-    walkStyles(normalizedObject, (props, scope) => {
-      walkObject(props, (value, paths) => {
-        const important = isImportant(value);
-        if (value == null)
-          return;
-        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];
-        if (scope && scope.length > 0) {
-          baseArray.unshift(`[${withoutSpace(scope.join("__"))}]`);
-        }
-        const className = hash ? toHash(baseArray.join(":")) : baseArray.join(":");
-        classNames.add(className);
-      });
+    walkObject(normalizedObject, (value, paths) => {
+      const important = isImportant(value);
+      if (value == null)
+        return;
+      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(":");
+      classNames.add(className);
     });
     return Array.from(classNames).join(" ");
   };
@@ -201,6 +171,5 @@ function compact(value) {
   mapObject,
   toHash,
   walkObject,
-  walkStyles,
   withoutSpace
 });

package/dist/shared.mjs

@@ -67,30 +67,6 @@ function mapObject(obj, fn) {
   return walkObject(obj, (value) => fn(value));
 }
 
-// src/walk-styles.ts
-function walkStyles(mixedStyles, fn, scopes = []) {
-  const {
-    selectors = {},
-    "@media": mediaQueries = {},
-    "@container": containerQueries = {},
-    "@supports": supportQueries = {},
-    ...baseStyles
-  } = mixedStyles;
-  fn(baseStyles, scopes);
-  for (const [selector, selectorStyles] of Object.entries(selectors)) {
-    walkStyles(selectorStyles, fn, [...scopes, selector]);
-  }
-  for (const [mediaQuery, mediaQueryStyles] of Object.entries(mediaQueries)) {
-    walkStyles(mediaQueryStyles, fn, [...scopes, `@media ${mediaQuery}`]);
-  }
-  for (const [containerQuery, containerQueryStyles] of Object.entries(containerQueries)) {
-    walkStyles(containerQueryStyles, fn, [...scopes, `@container ${containerQuery}`]);
-  }
-  for (const [supportQuery, supportQueryStyles] of Object.entries(supportQueries)) {
-    walkStyles(supportQueryStyles, fn, [...scopes, `@supports ${supportQuery}`]);
-  }
-}
-
 // src/normalize-style-object.ts
 function toResponsiveObject(values, breakpoints) {
   return values.reduce((acc, current, index) => {
@@ -130,25 +106,20 @@ function createCss(context) {
   return (styleObject = {}) => {
     const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
-    walkStyles(normalizedObject, (props, scope) => {
-      walkObject(props, (value, paths) => {
-        const important = isImportant(value);
-        if (value == null)
-          return;
-        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];
-        if (scope && scope.length > 0) {
-          baseArray.unshift(`[${withoutSpace(scope.join("__"))}]`);
-        }
-        const className = hash ? toHash(baseArray.join(":")) : baseArray.join(":");
-        classNames.add(className);
-      });
+    walkObject(normalizedObject, (value, paths) => {
+      const important = isImportant(value);
+      if (value == null)
+        return;
+      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(":");
+      classNames.add(className);
     });
     return Array.from(classNames).join(" ");
   };
@@ -166,6 +137,5 @@ export {
   mapObject,
   toHash,
   walkObject,
-  walkStyles,
   withoutSpace
 };

package/package.json

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