@pandacss/shared 0.4.0 → 0.5.1

package/dist/index.d.mts

@@ -0,0 +1,53 @@
+import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './split-props-3d8b55c4.js';
+export { n as WalkObjectOptions, c as astish, f as compact, d as createCss, e as createMergeCss, h as filterBaseConditions, l as hypenateProperty, g as isBaseCondition, a as isFunction, j as isImportant, b as isObject, i as isString, p as mapObject, m as mergeProps, s as splitProps, t as toHash, o as walkObject, w as withoutImportant, k as withoutSpace } from './split-props-3d8b55c4.js';
+
+type Operand = string | number | {
+    ref: string;
+};
+declare const calc: {
+    negate(x: Operand): string;
+};
+
+declare const capitalize: (s: string) => string;
+declare const dashCase: (s: string) => string;
+declare const uncapitalize: (s: string) => string;
+
+declare function getUnit(value?: string): string | undefined;
+declare function toPx(value?: string | number): string | undefined;
+declare function toEm(value?: string, fontSize?: number): string | undefined;
+declare function toRem(value?: string): string | undefined;
+
+type CssVar = {
+    var: `--${string}`;
+    ref: string;
+};
+type CssVarOptions = {
+    fallback?: string;
+    prefix?: string;
+    hash?: boolean;
+};
+declare function cssVar(name: string, options?: CssVarOptions): CssVar;
+
+declare const esc: (sel: string) => string;
+
+declare function flatten(values: Record<string, Record<string, any>>, stop?: WalkObjectStopFn): Record<string, any>;
+
+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): any[];
+declare function splitDotPath(path: string): string[];
+declare function getNegativePath(path: string[]): string[];
+declare function getDotPath(obj: any, path: string, fallback?: any): any;
+
+type MapToRecord<K extends Map<string, any>> = {
+    [P in keyof K]: K[P] extends Map<string, infer V> ? Record<string, V> : never;
+};
+declare function mapToJson<T extends Map<string, any>>(map: T): MapToRecord<T>;
+
+declare function unionType(values: IterableIterator<string> | string[] | Set<string>): string;
+
+export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, capitalize, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, memo, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './split-props-6820d5c1.js';
-export { l as WalkObjectOptions, e as compact, c as createCss, d as createMergeCss, g as filterBaseConditions, k as hypenateProperty, f as isBaseCondition, a as isFunction, h as isImportant, b as isObject, i as isString, o as mapObject, m as mergeProps, s as splitProps, t as toHash, n as walkObject, w as withoutImportant, j as withoutSpace } from './split-props-6820d5c1.js';
+import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './split-props-3d8b55c4.js';
+export { n as WalkObjectOptions, c as astish, f as compact, d as createCss, e as createMergeCss, h as filterBaseConditions, l as hypenateProperty, g as isBaseCondition, a as isFunction, j as isImportant, b as isObject, i as isString, p as mapObject, m as mergeProps, s as splitProps, t as toHash, o as walkObject, w as withoutImportant, k as withoutSpace } from './split-props-3d8b55c4.js';
 
 type Operand = string | number | {
     ref: string;
@@ -28,7 +28,7 @@ type CssVarOptions = {
 };
 declare function cssVar(name: string, options?: CssVarOptions): CssVar;
 
-declare function esc(str: string): string;
+declare const esc: (sel: string) => string;
 
 declare function flatten(values: Record<string, Record<string, any>>, stop?: WalkObjectStopFn): Record<string, any>;
 

package/dist/index.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  astish: () => astish,
   calc: () => calc,
   capitalize: () => capitalize,
   compact: () => compact,
@@ -67,6 +68,22 @@ function isObject(value) {
   return typeof value === "object" && value != null && !Array.isArray(value);
 }
 
+// src/astish.ts
+var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g;
+var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g;
+var astish = (val, tree = [{}]) => {
+  const block = newRule.exec((val ?? "").replace(ruleClean, ""));
+  if (!block)
+    return tree[0];
+  if (block[4])
+    tree.shift();
+  else if (block[3])
+    tree.unshift(tree[0][block[3]] = tree[0][block[3]] || {});
+  else
+    tree[0][block[1]] = block[2];
+  return astish(val, tree);
+};
+
 // src/calc.ts
 function isCssVar(value) {
   return isObject(value) && "ref" in value;
@@ -153,6 +170,7 @@ function mergeProps(...sources) {
 }
 
 // src/walk-object.ts
+var isNotNullish = (element) => element != null;
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
   function inner(value, path = []) {
@@ -164,7 +182,10 @@ function walkObject(target, predicate, options = {}) {
         if (stop?.(value, childPath)) {
           return predicate(value, path);
         }
-        result[key] = inner(child, childPath);
+        const next = inner(child, childPath);
+        if (isNotNullish(next)) {
+          result[key] = next;
+        }
       }
       return result;
     }
@@ -345,10 +366,19 @@ function cssVar(name, options = {}) {
 }
 
 // src/esc.ts
-var escapeRegExp = /(^[^_a-zA-Z\u00a0-\uffff]|[^-_a-zA-Z0-9\u00a0-\uffff])/g;
-function esc2(str) {
-  return "".replace.call(str, escapeRegExp, "\\$1");
-}
+var rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|^-|[^\x80-\uFFFF\w-]/g;
+var fcssescape = function(ch, asCodePoint) {
+  if (!asCodePoint)
+    return "\\" + ch;
+  if (ch === "\0")
+    return "\uFFFD";
+  if (ch === "-" && ch.length === 1)
+    return "\\-";
+  return ch.slice(0, -1) + "\\" + ch.charCodeAt(ch.length - 1).toString(16);
+};
+var esc2 = (sel) => {
+  return (sel + "").replace(rcssescape, fcssescape);
+};
 
 // src/flatten.ts
 function flatten(values, stop) {
@@ -481,6 +511,7 @@ function unionType(values) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  astish,
   calc,
   capitalize,
   compact,

package/dist/index.mjs

@@ -5,6 +5,22 @@ function isObject(value) {
   return typeof value === "object" && value != null && !Array.isArray(value);
 }
 
+// src/astish.ts
+var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g;
+var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g;
+var astish = (val, tree = [{}]) => {
+  const block = newRule.exec((val ?? "").replace(ruleClean, ""));
+  if (!block)
+    return tree[0];
+  if (block[4])
+    tree.shift();
+  else if (block[3])
+    tree.unshift(tree[0][block[3]] = tree[0][block[3]] || {});
+  else
+    tree[0][block[1]] = block[2];
+  return astish(val, tree);
+};
+
 // src/calc.ts
 function isCssVar(value) {
   return isObject(value) && "ref" in value;
@@ -91,6 +107,7 @@ function mergeProps(...sources) {
 }
 
 // src/walk-object.ts
+var isNotNullish = (element) => element != null;
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
   function inner(value, path = []) {
@@ -102,7 +119,10 @@ function walkObject(target, predicate, options = {}) {
         if (stop?.(value, childPath)) {
           return predicate(value, path);
         }
-        result[key] = inner(child, childPath);
+        const next = inner(child, childPath);
+        if (isNotNullish(next)) {
+          result[key] = next;
+        }
       }
       return result;
     }
@@ -283,10 +303,19 @@ function cssVar(name, options = {}) {
 }
 
 // src/esc.ts
-var escapeRegExp = /(^[^_a-zA-Z\u00a0-\uffff]|[^-_a-zA-Z0-9\u00a0-\uffff])/g;
-function esc2(str) {
-  return "".replace.call(str, escapeRegExp, "\\$1");
-}
+var rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|^-|[^\x80-\uFFFF\w-]/g;
+var fcssescape = function(ch, asCodePoint) {
+  if (!asCodePoint)
+    return "\\" + ch;
+  if (ch === "\0")
+    return "\uFFFD";
+  if (ch === "-" && ch.length === 1)
+    return "\\-";
+  return ch.slice(0, -1) + "\\" + ch.charCodeAt(ch.length - 1).toString(16);
+};
+var esc2 = (sel) => {
+  return (sel + "").replace(rcssescape, fcssescape);
+};
 
 // src/flatten.ts
 function flatten(values, stop) {
@@ -418,6 +447,7 @@ function unionType(values) {
   return Array.from(values).map((value) => JSON.stringify(value)).join(" | ");
 }
 export {
+  astish,
   calc,
   capitalize,
   compact,

package/dist/shared.d.mts

@@ -0,0 +1,10 @@
+export { c as astish, f as compact, d as createCss, e as createMergeCss, h as filterBaseConditions, l as hypenateProperty, g as isBaseCondition, b as isObject, p as mapObject, m as mergeProps, s as splitProps, t as toHash, o as walkObject, k as withoutSpace } from './split-props-3d8b55c4.js';
+
+declare function normalizeHTMLProps(props: Record<string, any>): {
+    [k: string]: any;
+};
+declare namespace normalizeHTMLProps {
+    var keys: string[];
+}
+
+export { normalizeHTMLProps };

package/dist/shared.d.ts

@@ -1,4 +1,4 @@
-export { e as compact, c as createCss, d as createMergeCss, g as filterBaseConditions, k as hypenateProperty, f as isBaseCondition, b as isObject, o as mapObject, m as mergeProps, s as splitProps, t as toHash, n as walkObject, j as withoutSpace } from './split-props-6820d5c1.js';
+export { c as astish, f as compact, d as createCss, e as createMergeCss, h as filterBaseConditions, l as hypenateProperty, g as isBaseCondition, b as isObject, p as mapObject, m as mergeProps, s as splitProps, t as toHash, o as walkObject, k as withoutSpace } from './split-props-3d8b55c4.js';
 
 declare function normalizeHTMLProps(props: Record<string, any>): {
     [k: string]: any;

package/dist/shared.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/shared.ts
 var shared_exports = {};
 __export(shared_exports, {
+  astish: () => astish,
   compact: () => compact,
   createCss: () => createCss,
   createMergeCss: () => createMergeCss,
@@ -42,6 +43,22 @@ function isObject(value) {
   return typeof value === "object" && value != null && !Array.isArray(value);
 }
 
+// src/astish.ts
+var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g;
+var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g;
+var astish = (val, tree = [{}]) => {
+  const block = newRule.exec((val ?? "").replace(ruleClean, ""));
+  if (!block)
+    return tree[0];
+  if (block[4])
+    tree.shift();
+  else if (block[3])
+    tree.unshift(tree[0][block[3]] = tree[0][block[3]] || {});
+  else
+    tree[0][block[1]] = block[2];
+  return astish(val, tree);
+};
+
 // src/compact.ts
 function compact(value) {
   return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
@@ -102,6 +119,7 @@ function mergeProps(...sources) {
 }
 
 // src/walk-object.ts
+var isNotNullish = (element) => element != null;
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
   function inner(value, path = []) {
@@ -113,7 +131,10 @@ function walkObject(target, predicate, options = {}) {
         if (stop?.(value, childPath)) {
           return predicate(value, path);
         }
-        result[key] = inner(child, childPath);
+        const next = inner(child, childPath);
+        if (isNotNullish(next)) {
+          result[key] = next;
+        }
       }
       return result;
     }
@@ -220,6 +241,29 @@ function createMergeCss(context) {
   return { mergeCss, assignCss };
 }
 
+// src/memo.ts
+var memo = (fn) => {
+  const cache = /* @__PURE__ */ new Map();
+  const get = (...args) => {
+    const key = JSON.stringify(args);
+    if (cache.has(key)) {
+      return cache.get(key);
+    }
+    const result = fn(...args);
+    cache.set(key, result);
+    return result;
+  };
+  return get;
+};
+
+// src/hypenate.ts
+var dashCaseRegex = /[A-Z]/g;
+var hypenateProperty = memo((property) => {
+  if (property.startsWith("--"))
+    return property;
+  return property.replace(dashCaseRegex, (match) => `-${match.toLowerCase()}`);
+});
+
 // src/normalize-html.ts
 var htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];
 function convert(key) {
@@ -248,31 +292,9 @@ function splitProps(props, ...keys) {
   const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));
   return keys.map(fn).concat(split(dKeys));
 }
-
-// src/memo.ts
-var memo = (fn) => {
-  const cache = /* @__PURE__ */ new Map();
-  const get = (...args) => {
-    const key = JSON.stringify(args);
-    if (cache.has(key)) {
-      return cache.get(key);
-    }
-    const result = fn(...args);
-    cache.set(key, result);
-    return result;
-  };
-  return get;
-};
-
-// src/hypenate.ts
-var dashCaseRegex = /[A-Z]/g;
-var hypenateProperty = memo((property) => {
-  if (property.startsWith("--"))
-    return property;
-  return property.replace(dashCaseRegex, (match) => `-${match.toLowerCase()}`);
-});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  astish,
   compact,
   createCss,
   createMergeCss,

package/dist/shared.mjs

@@ -3,6 +3,22 @@ function isObject(value) {
   return typeof value === "object" && value != null && !Array.isArray(value);
 }
 
+// src/astish.ts
+var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g;
+var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g;
+var astish = (val, tree = [{}]) => {
+  const block = newRule.exec((val ?? "").replace(ruleClean, ""));
+  if (!block)
+    return tree[0];
+  if (block[4])
+    tree.shift();
+  else if (block[3])
+    tree.unshift(tree[0][block[3]] = tree[0][block[3]] || {});
+  else
+    tree[0][block[1]] = block[2];
+  return astish(val, tree);
+};
+
 // src/compact.ts
 function compact(value) {
   return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
@@ -63,6 +79,7 @@ function mergeProps(...sources) {
 }
 
 // src/walk-object.ts
+var isNotNullish = (element) => element != null;
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
   function inner(value, path = []) {
@@ -74,7 +91,10 @@ function walkObject(target, predicate, options = {}) {
         if (stop?.(value, childPath)) {
           return predicate(value, path);
         }
-        result[key] = inner(child, childPath);
+        const next = inner(child, childPath);
+        if (isNotNullish(next)) {
+          result[key] = next;
+        }
       }
       return result;
     }
@@ -181,6 +201,29 @@ function createMergeCss(context) {
   return { mergeCss, assignCss };
 }
 
+// src/memo.ts
+var memo = (fn) => {
+  const cache = /* @__PURE__ */ new Map();
+  const get = (...args) => {
+    const key = JSON.stringify(args);
+    if (cache.has(key)) {
+      return cache.get(key);
+    }
+    const result = fn(...args);
+    cache.set(key, result);
+    return result;
+  };
+  return get;
+};
+
+// src/hypenate.ts
+var dashCaseRegex = /[A-Z]/g;
+var hypenateProperty = memo((property) => {
+  if (property.startsWith("--"))
+    return property;
+  return property.replace(dashCaseRegex, (match) => `-${match.toLowerCase()}`);
+});
+
 // src/normalize-html.ts
 var htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];
 function convert(key) {
@@ -209,30 +252,8 @@ function splitProps(props, ...keys) {
   const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));
   return keys.map(fn).concat(split(dKeys));
 }
-
-// src/memo.ts
-var memo = (fn) => {
-  const cache = /* @__PURE__ */ new Map();
-  const get = (...args) => {
-    const key = JSON.stringify(args);
-    if (cache.has(key)) {
-      return cache.get(key);
-    }
-    const result = fn(...args);
-    cache.set(key, result);
-    return result;
-  };
-  return get;
-};
-
-// src/hypenate.ts
-var dashCaseRegex = /[A-Z]/g;
-var hypenateProperty = memo((property) => {
-  if (property.startsWith("--"))
-    return property;
-  return property.replace(dashCaseRegex, (match) => `-${match.toLowerCase()}`);
-});
 export {
+  astish,
   compact,
   createCss,
   createMergeCss,

package/dist/{split-props-6820d5c1.d.ts → split-props-3d8b55c4.d.ts}

@@ -3,6 +3,8 @@ type AnyFunction = (...args: any[]) => any;
 declare const isFunction: (v: any) => v is AnyFunction;
 declare function isObject(value: any): value is Record<string, any>;
 
+declare const astish: (val: string, tree?: any[]) => Record<string, any>;
+
 type CreateCssContext = {
     hash?: boolean;
     /**
@@ -66,4 +68,4 @@ 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, createMergeCss as d, compact as e, isBaseCondition as f, filterBaseConditions as g, isImportant as h, isString as i, withoutSpace as j, hypenateProperty as k, WalkObjectOptions as l, mergeProps as m, walkObject as n, mapObject as o, splitProps as s, toHash as t, withoutImportant as w };
+export { CreateCssContext as C, MappedObject as M, WalkObjectStopFn as W, isFunction as a, isObject as b, astish as c, createCss as d, createMergeCss as e, compact as f, isBaseCondition as g, filterBaseConditions as h, isString as i, isImportant as j, withoutSpace as k, hypenateProperty as l, mergeProps as m, WalkObjectOptions as n, walkObject as o, mapObject as p, splitProps as s, toHash as t, withoutImportant as w };

package/package.json

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