@pandacss/transformer 2.0.0-beta.9 → 2.0.0

package/dist/runtime/internal.js

@@ -1,96 +1,335 @@
 // src/runtime/internal/cx.ts
 var bakedSeparator = typeof __PANDA_CX_SEPARATOR__ !== "undefined" && __PANDA_CX_SEPARATOR__ ? __PANDA_CX_SEPARATOR__ : "_";
+var CHAR_OPEN_BRACKET = 91;
+var CHAR_CLOSE_BRACKET = 93;
+var CHAR_COLON = 58;
 function splitClassName(className) {
   const segments = [];
-  let current = "";
+  let start = 0;
   let bracketDepth = 0;
   for (let i = 0; i < className.length; i++) {
-    const ch = className[i];
-    if (ch === "[") {
+    const code = className.charCodeAt(i);
+    if (code === CHAR_OPEN_BRACKET) {
       bracketDepth++;
-      current += ch;
-    } else if (ch === "]") {
+    } else if (code === CHAR_CLOSE_BRACKET) {
       bracketDepth--;
-      current += ch;
-    } else if (ch === ":" && bracketDepth === 0) {
-      if (current) segments.push(current);
-      current = "";
-    } else {
-      current += ch;
+    } else if (code === CHAR_COLON && bracketDepth === 0) {
+      if (i > start) segments.push(className.slice(start, i));
+      start = i + 1;
     }
   }
-  if (current) segments.push(current);
+  if (start < className.length) segments.push(className.slice(start));
   return segments;
 }
 function getMergeKey(className, separator) {
-  let cls = className;
-  if (cls.endsWith("!")) {
-    cls = cls.slice(0, -1);
+  let end = className.length;
+  if (end > 0 && className.charCodeAt(end - 1) === 33) {
+    end -= 1;
   }
-  const segments = splitClassName(cls);
-  if (segments.length === 0) return null;
-  const last = segments[segments.length - 1];
-  const sepIdx = last.indexOf(separator);
-  if (sepIdx < 1) return null;
-  const property = last.slice(0, sepIdx);
-  if (segments.length === 1) {
-    return property;
+  if (end === 0) return null;
+  let bracketDepth = 0;
+  let lastColon = -1;
+  for (let i = 0; i < end; i++) {
+    const code = className.charCodeAt(i);
+    if (code === CHAR_OPEN_BRACKET) {
+      bracketDepth++;
+    } else if (code === CHAR_CLOSE_BRACKET) {
+      bracketDepth--;
+    } else if (code === CHAR_COLON && bracketDepth === 0) {
+      lastColon = i;
+    }
   }
-  const conditions = segments.slice(0, -1).join(":");
-  return `${conditions}:${property}`;
-}
-function flattenParts(parts, out) {
-  for (const part of parts) {
-    if (!part) continue;
-    if (Array.isArray(part)) {
-      flattenParts(part, out);
+  const propStart = lastColon + 1;
+  const sepIdx = className.indexOf(separator, propStart);
+  if (sepIdx < propStart + 1 || sepIdx >= end) return null;
+  return className.slice(0, sepIdx);
+}
+var CACHE_LIMIT = 2048;
+var CHAR_SPACE = 32;
+var CHAR_BANG = 33;
+var FIELDS = 4;
+function createCache(limit = CACHE_LIMIT) {
+  let size = 0;
+  let current = /* @__PURE__ */ new Map();
+  let previous = /* @__PURE__ */ new Map();
+  const set = (key, value) => {
+    current.set(key, value);
+    if (++size > limit) {
+      size = 0;
+      previous = current;
+      current = /* @__PURE__ */ new Map();
+    }
+  };
+  return {
+    get(key) {
+      let value = current.get(key);
+      if (value === void 0 && (value = previous.get(key)) !== void 0) set(key, value);
+      return value;
+    },
+    set
+  };
+}
+function scanPart(part, separator, out, offset) {
+  let count = 0;
+  let clean = part.length > 0;
+  let start = 0;
+  for (let i = 0; i <= part.length; i++) {
+    const code = i === part.length ? CHAR_SPACE : part.charCodeAt(i);
+    if (code !== CHAR_SPACE && (code < 9 || code > 13)) continue;
+    if (code !== CHAR_SPACE || i === start) clean = false;
+    if (i === start) {
+      start = i + 1;
       continue;
     }
-    if (part === "") continue;
-    out.push(part);
+    const at = offset + count * FIELDS;
+    count++;
+    out[at] = start;
+    out[at + 1] = i;
+    out[at + 2] = -1;
+    let end = i;
+    if (part.charCodeAt(end - 1) === CHAR_BANG) end--;
+    let depth = 0;
+    let propStart = start;
+    for (let c = start; c < end; c++) {
+      const code2 = part.charCodeAt(c);
+      if (code2 === CHAR_OPEN_BRACKET) depth++;
+      else if (code2 === CHAR_CLOSE_BRACKET) depth--;
+      else if (code2 === CHAR_COLON && depth === 0) propStart = c + 1;
+    }
+    const sep = part.indexOf(separator, propStart);
+    if (sep > propStart && sep < end) {
+      let hash = 2166136261;
+      for (let c = start; c < sep; c++) hash = Math.imul(hash ^ part.charCodeAt(c), 16777619);
+      out[at + 2] = sep;
+      out[at + 3] = hash;
+    }
+    start = i + 1;
   }
+  return clean ? count : -count;
 }
-function mergeClassStrings(separator, classes) {
-  const seen = /* @__PURE__ */ new Map();
-  const order = [];
-  let id = 0;
-  for (const cls of classes) {
-    for (const token of cls.split(" ")) {
-      if (!token) continue;
-      const key = getMergeKey(token, separator);
-      if (key !== null) {
-        if (!seen.has(key)) order.push(key);
-        seen.set(key, token);
+function createCx(options = {}) {
+  const separator = options.separator ?? bakedSeparator;
+  const scanned = createCache();
+  const seenOnce = createCache(512);
+  const parts = [];
+  let tokens = new Int32Array(64 * FIELDS);
+  let tokenPart = new Int32Array(64);
+  let winner = new Int32Array(64);
+  let tableSize = 128;
+  let table = new Int32Array(tableSize);
+  let stamps = new Int32Array(tableSize);
+  let stamp = 0;
+  function collect(value) {
+    if (!value) return;
+    if (typeof value === "string") parts.push(value);
+    else for (let i = 0; i < value.length; i++) collect(value[i]);
+  }
+  function reserve(tokenCount) {
+    if (tokenCount <= tokenPart.length) return;
+    let size = tokenPart.length;
+    while (size < tokenCount) size *= 2;
+    const grow = (from, length) => {
+      const next = new Int32Array(length);
+      next.set(from);
+      return next;
+    };
+    tokens = grow(tokens, size * FIELDS);
+    tokenPart = grow(tokenPart, size);
+    winner = grow(winner, size);
+  }
+  function sameKey(a, b) {
+    const aStart = tokens[a * FIELDS];
+    const bStart = tokens[b * FIELDS];
+    const length = tokens[a * FIELDS + 2] - aStart;
+    if (tokens[b * FIELDS + 2] - bStart !== length) return false;
+    const left = parts[tokenPart[a]];
+    const right = parts[tokenPart[b]];
+    for (let i = 0; i < length; i++) {
+      if (left.charCodeAt(aStart + i) !== right.charCodeAt(bStart + i)) return false;
+    }
+    return true;
+  }
+  function merge() {
+    let count = 0;
+    let clean = true;
+    for (let p = 0; p < parts.length; p++) {
+      const part = parts[p];
+      const cached = scanned.get(part);
+      let partCount;
+      if (cached !== void 0) {
+        partCount = cached[0];
+        reserve(count + Math.abs(partCount));
+        const base = count * FIELDS;
+        for (let i = 1; i < cached.length; i++) tokens[base + i - 1] = cached[i];
       } else {
-        const uniqueKey = `__${id++}`;
-        order.push(uniqueKey);
-        seen.set(uniqueKey, token);
+        reserve(count + part.length);
+        partCount = scanPart(part, separator, tokens, count * FIELDS);
+        if (seenOnce.get(part) === void 0) seenOnce.set(part, true);
+        else {
+          const record = new Int32Array(1 + Math.abs(partCount) * FIELDS);
+          record[0] = partCount;
+          record.set(tokens.subarray(count * FIELDS, (count + Math.abs(partCount)) * FIELDS), 1);
+          scanned.set(part, record);
+        }
       }
+      if (partCount <= 0) clean = false;
+      const end = count + Math.abs(partCount);
+      for (; count < end; count++) tokenPart[count] = p;
     }
+    if (count * 2 > tableSize) {
+      while (count * 2 > tableSize) tableSize *= 2;
+      table = new Int32Array(tableSize);
+      stamps = new Int32Array(tableSize);
+      stamp = 0;
+    }
+    if (++stamp === 2147483647) {
+      stamp = 1;
+      stamps.fill(0);
+    }
+    const mask = tableSize - 1;
+    let replaced = false;
+    for (let t = 0; t < count; t++) {
+      winner[t] = t;
+      if (tokens[t * FIELDS + 2] < 0) continue;
+      const hash = tokens[t * FIELDS + 3];
+      let slot = hash & mask;
+      let owner = -1;
+      while (stamps[slot] === stamp) {
+        const candidate = table[slot];
+        if (tokens[candidate * FIELDS + 3] === hash && sameKey(candidate, t)) {
+          owner = candidate;
+          break;
+        }
+        slot = slot + 1 & mask;
+      }
+      if (owner === -1) {
+        stamps[slot] = stamp;
+        table[slot] = t;
+      } else {
+        winner[owner] = t;
+        winner[t] = -1;
+        replaced = true;
+      }
+    }
+    if (!replaced && clean) {
+      let joined = parts[0];
+      for (let p = 1; p < parts.length; p++) joined += " " + parts[p];
+      return joined;
+    }
+    let result = "";
+    for (let t = 0; t < count; t++) {
+      const w = winner[t];
+      if (w === -1) continue;
+      const piece = parts[tokenPart[w]].slice(tokens[w * FIELDS], tokens[w * FIELDS + 1]);
+      result = result ? result + " " + piece : piece;
+    }
+    return result;
   }
-  let str = "";
-  for (let i = 0; i < order.length; i++) {
-    if (str) str += " ";
-    str += seen.get(order[i]);
-  }
-  return str;
-}
-function createCx(options = {}) {
-  const separator = options.separator ?? bakedSeparator;
-  return function cx2(...parts) {
-    const flat = [];
-    flattenParts(parts, flat);
-    return mergeClassStrings(separator, flat);
+  return function cx2(...args) {
+    parts.length = 0;
+    for (let i = 0; i < args.length; i++) collect(args[i]);
+    const count = parts.length;
+    if (count === 0) return "";
+    if (count === 1) return parts[0];
+    return merge();
   };
 }
-var cx = createCx();
+var cx = /* @__PURE__ */ createCx();
 
 // src/runtime/internal/css.ts
 function css(...styles) {
   return cx(...styles);
 }
 
-// src/runtime/internal/cva.ts
+// src/runtime/internal/memo.ts
+var TABLE_MAX_SLOTS = 256;
+var RING_ROWS = 16;
+var isMutable = (value) => value !== null && (typeof value === "object" || typeof value === "function");
+var KNOWN_MISSES = ["true", "false", "null"];
+function tableMemo(resolve, keys, variantMap, strict) {
+  let slots = 1;
+  const radixes = [];
+  const trueStates = [];
+  const falseStates = [];
+  const nullStates = [];
+  const states = keys.map((key) => {
+    const state = /* @__PURE__ */ Object.create(null);
+    let count = 1;
+    for (const option of variantMap[key]) state[option] = count++;
+    if (strict) {
+      trueStates.push(count++);
+      falseStates.push(count++);
+      nullStates.push(count++);
+    } else {
+      for (const value of KNOWN_MISSES) state[value] ??= count++;
+      trueStates.push(state.true);
+      falseStates.push(state.false);
+      nullStates.push(state.null);
+    }
+    radixes.push(count);
+    slots *= count;
+    return state;
+  });
+  if (slots > TABLE_MAX_SLOTS) return null;
+  const table = new Array(slots);
+  let noProps;
+  return (props) => {
+    if (props == null) return noProps === void 0 ? noProps = resolve() : noProps;
+    let slot = 0;
+    for (let i = 0; i < keys.length; i++) {
+      const value = props[keys[i]];
+      let state = 0;
+      if (value === true) state = trueStates[i];
+      else if (value === false) state = falseStates[i];
+      else if (value === null) state = nullStates[i];
+      else if (typeof value === "string") state = states[i][value];
+      else if (value !== void 0) {
+        if (strict || isMutable(value)) return resolve(props);
+        state = states[i][String(value)];
+      }
+      if (state === void 0) return resolve(props);
+      slot = slot * radixes[i] + state;
+    }
+    let result = table[slot];
+    if (result === void 0) table[slot] = result = resolve(props);
+    return result;
+  };
+}
+function ringMemo(resolve, keys) {
+  const width = keys.length;
+  const values = new Array(RING_ROWS * width);
+  const results = new Array(RING_ROWS);
+  let written = 0;
+  let next = 0;
+  let noProps;
+  return (props) => {
+    if (props == null) return noProps === void 0 ? noProps = resolve() : noProps;
+    scan: for (let row = 0; row < written; row++) {
+      const start2 = row * width;
+      for (let i = 0; i < width; i++) {
+        if (props[keys[i]] !== values[start2 + i]) continue scan;
+      }
+      return results[row];
+    }
+    for (let i = 0; i < width; i++) {
+      if (isMutable(props[keys[i]])) return resolve(props);
+    }
+    const result = resolve(props);
+    const start = next * width;
+    for (let i = 0; i < width; i++) values[start + i] = props[keys[i]];
+    results[next] = result;
+    if (next === written) written++;
+    next = (next + 1) % RING_ROWS;
+    return result;
+  };
+}
+function memoRecipe(resolve, variantMap, hasCompounds) {
+  const keys = Object.keys(variantMap);
+  if (keys.length === 0) return resolve;
+  return tableMemo(resolve, keys, variantMap, !!hasCompounds) ?? ringMemo(resolve, keys);
+}
+
+// src/runtime/internal/shared.ts
 function withDefaults(defaults, props) {
   const out = { ...defaults };
   for (const key in props) {
@@ -111,142 +350,88 @@ function compoundMatches(compound, variants) {
   }
   return true;
 }
-function toVariantMap(variants) {
-  const map = {};
-  for (const key in variants) map[key] = Object.keys(variants[key] ?? {});
-  return map;
+
+// src/runtime/internal/recipe.ts
+var isStyleObject = (value) => value != null && typeof value === "object" && !Array.isArray(value);
+function mergeStyles(...styles) {
+  const out = {};
+  for (const style of styles) {
+    if (!isStyleObject(style)) continue;
+    for (const key in style) {
+      const value = style[key];
+      out[key] = isStyleObject(value) ? mergeStyles(out[key], value) : value;
+    }
+  }
+  return out;
 }
-function cva(config) {
-  const base = config.base ?? "";
+function resolveRaw(config, props, pick = (style) => style) {
+  const selected = withDefaults(config.defaultVariants ?? {}, props);
   const variants = config.variants ?? {};
-  const defaultVariants = config.defaultVariants ?? {};
-  const compoundVariants = config.compoundVariants ?? [];
-  const variantKeys = Object.keys(variants);
-  const resolve = (props = {}) => {
-    const computed = withDefaults(defaultVariants, props);
-    const parts = [];
-    if (base) parts.push(base);
-    for (const key of variantKeys) {
-      const value = computed[key];
-      if (typeof value === "string" && variants[key]?.[value]) {
-        parts.push(variants[key][value]);
-      }
-    }
-    for (const compound of compoundVariants) {
-      if (!compoundMatches(compound, computed)) continue;
-      const cls = compound.className ?? compound.css;
-      if (typeof cls === "string" && cls) parts.push(cls);
-    }
-    return cx(...parts);
-  };
-  const cvaFn = (props = {}) => resolve(props);
-  return Object.assign(cvaFn, {
-    __cva__: true,
-    variantKeys,
-    variantMap: toVariantMap(variants),
-    raw: resolve,
-    config,
-    getVariantProps(props) {
-      return withDefaults(defaultVariants, props);
-    },
-    splitVariantProps(props) {
-      const rest = {};
-      const variantProps = {};
-      for (const key in props) {
-        if (variantKeys.includes(key)) variantProps[key] = props[key];
-        else rest[key] = props[key];
-      }
-      return [rest, variantProps];
-    }
-  });
+  const styles = [pick(config.base)];
+  for (const key in selected) styles.push(pick(variants[key]?.[selected[key]]));
+  for (const compound of config.compoundVariants ?? []) {
+    if (compoundMatches(compound, selected)) styles.push(pick(compound.css));
+  }
+  return mergeStyles(...styles);
 }
-
-// src/runtime/internal/sva.ts
-function slotCompoundVariants(compoundVariants, slot) {
-  if (!compoundVariants?.length) return void 0;
-  return compoundVariants.map((compound) => {
-    const next = {};
-    for (const key in compound) {
-      if (key === "css" || key === "className" || key === "classNames") continue;
-      next[key] = compound[key];
-    }
-    const css2 = compound.css;
-    if (typeof css2 === "string") next.css = css2;
-    else if (css2 && typeof css2 === "object" && slot in css2) next.css = css2[slot];
-    const className = compound.classNames?.[slot] ?? compound.className;
-    if (className) next.className = className;
-    return next;
-  }).filter((compound) => compound.css || compound.className);
-}
-function getSlotRecipes(config) {
-  const slots = config.slots ?? Object.keys(config.base ?? {});
-  const recipes = {};
-  for (const slot of slots) {
-    recipes[slot] = {
-      base: config.base?.[slot],
-      variants: config.variants,
-      defaultVariants: config.defaultVariants,
-      compoundVariants: slotCompoundVariants(config.compoundVariants, slot)
-    };
-    if (config.className?.[slot]) {
-      recipes[slot] = {
-        ...recipes[slot],
-        base: cx(recipes[slot]?.base, config.className[slot])
-      };
-    }
+function resolveSlotRaw(config, props) {
+  const result = {};
+  for (const slot of config.slots ?? Object.keys(config.base ?? {})) {
+    result[slot] = resolveRaw(config, props, (style) => style?.[slot]);
   }
-  return recipes;
-}
-function sva(config) {
-  const slotRecipes = getSlotRecipes(config);
-  const slots = Object.entries(slotRecipes).map(([slot, recipe]) => [slot, cva(recipe)]);
-  const defaultVariants = config.defaultVariants ?? {};
-  const variantKeys = Object.keys(config.variants ?? {});
-  const svaFn = (props = {}) => {
-    const result = {};
-    for (const [slot, slotFn] of slots) {
-      result[slot] = slotFn(props);
-    }
-    return result;
-  };
-  const raw = (props = {}) => {
-    const result = {};
-    for (const [slot, slotFn] of slots) {
-      result[slot] = slotFn.raw(props);
-    }
-    return result;
+  return result;
+}
+function mergeRecipes(parent, child) {
+  const defaultVariants = { ...parent.config?.defaultVariants, ...child.config?.defaultVariants };
+  const variantKeys = [.../* @__PURE__ */ new Set([...parent.variantKeys ?? [], ...child.variantKeys ?? []])];
+  const resolve = (props = {}) => withDefaults(defaultVariants, props);
+  const merged = attachRecipe(
+    (props) => {
+      const selected = resolve(props);
+      return cx(parent(selected), child(selected));
+    },
+    // Compounds from either side rule out the coercing table memo.
+    {
+      defaultVariants,
+      compoundVariants: [...parent.config?.compoundVariants ?? [], ...child.config?.compoundVariants ?? []]
+    },
+    variantKeys,
+    { ...parent.variantMap, ...child.variantMap }
+  );
+  merged.raw = (props) => {
+    const selected = resolve(props);
+    return mergeStyles(parent.raw(selected), child.raw(selected));
   };
-  return Object.assign(svaFn, {
-    __cva__: false,
-    raw,
-    config,
-    variantMap: Object.fromEntries(variantKeys.map((key) => [key, Object.keys(config.variants?.[key] ?? {})])),
+  return merged;
+}
+function attachRecipe(fn, config, variantKeys, variantMap, classNameMap) {
+  const recipeConfig = config;
+  const defaults = recipeConfig.defaultVariants ?? {};
+  const recipe = memoRecipe(fn, variantMap, recipeConfig.compoundVariants?.length);
+  return Object.assign(recipe, {
+    __cva__: !classNameMap,
     variantKeys,
-    classNameMap: config.className ?? {},
-    getVariantProps(props) {
-      const out = { ...defaultVariants };
-      for (const key in props) {
-        if (props[key] !== void 0) out[key] = props[key];
-      }
-      return out;
-    },
-    splitVariantProps(props) {
-      const rest = {};
+    variantMap,
+    ...classNameMap && { classNameMap },
+    config,
+    raw: (props = {}) => classNameMap ? resolveSlotRaw(recipeConfig, props) : resolveRaw(recipeConfig, props),
+    // The styled factory passes its own `cva`, so chains merge exactly like styled-system.
+    merge: (other, cva) => cva ? cva(config).merge(other) : mergeRecipes(recipe, other),
+    getVariantProps: (props = {}) => withDefaults(defaults, props),
+    splitVariantProps: (props) => {
       const variantProps = {};
-      for (const key in props) {
-        if (variantKeys.includes(key)) variantProps[key] = props[key];
-        else rest[key] = props[key];
-      }
-      return [rest, variantProps];
+      const restProps = {};
+      for (const key in props) (variantKeys.includes(key) ? variantProps : restProps)[key] = props[key];
+      return [variantProps, restProps];
     }
   });
 }
 export {
+  attachRecipe,
   createCx,
   css,
-  cva,
   cx,
   getMergeKey,
-  splitClassName,
-  sva
+  memoRecipe,
+  splitClassName
 };