@pandacss/shared 0.0.0-dev-20230106183338 → 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;

package/dist/index.js

@@ -51,7 +51,6 @@ __export(src_exports, {
   uncapitalize: () => uncapitalize,
   unionType: () => unionType,
   walkObject: () => walkObject,
-  walkStyles: () => walkStyles,
   withoutImportant: () => withoutImportant,
   withoutSpace: () => withoutSpace
 });
@@ -88,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;
@@ -99,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));
@@ -152,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) => {
@@ -215,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(" ");
   };
@@ -465,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(" ");
   };
@@ -405,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,11 +27,16 @@ __export(shared_exports, {
   mapObject: () => mapObject,
   toHash: () => toHash,
   walkObject: () => walkObject,
-  walkStyles: () => walkStyles,
   withoutSpace: () => withoutSpace
 });
 module.exports = __toCommonJS(shared_exports);
 
+// 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;
@@ -43,12 +48,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));
@@ -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

@@ -1,3 +1,9 @@
+// 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;
@@ -9,12 +15,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));
@@ -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-20230106183338",
+  "version": "0.0.0-dev-20230106195931",
   "description": "Shared utilities for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",