@pandacss/transformer 2.0.0-beta.11 → 2.0.0-beta.13

package/dist/index.js

@@ -93,8 +93,15 @@ function mergeClassStrings(separator, classes) {
 function createCx(options = {}) {
   const separator = options.separator ?? bakedSeparator;
   return function cx2(...parts) {
+    if (parts.length === 1) {
+      const only = parts[0];
+      if (typeof only === "string") return only;
+      if (!only) return "";
+    }
     const flat = [];
     flattenParts(parts, flat);
+    if (flat.length === 0) return "";
+    if (flat.length === 1) return flat[0];
     return mergeClassStrings(separator, flat);
   };
 }
@@ -105,7 +112,7 @@ function css(...styles) {
   return cx(...styles);
 }
 
-// src/runtime/internal/cva.ts
+// src/runtime/internal/shared.ts
 function withDefaults(defaults, props) {
   const out = { ...defaults };
   for (const key in props) {
@@ -113,6 +120,20 @@ function withDefaults(defaults, props) {
   }
   return out;
 }
+function splitVariantProps(props, variantKeySet) {
+  const rest = {};
+  const variantProps = {};
+  for (const key in props) {
+    if (variantKeySet.has(key)) variantProps[key] = props[key];
+    else rest[key] = props[key];
+  }
+  return [rest, variantProps];
+}
+function toVariantMap(variants) {
+  const map = {};
+  for (const key in variants) map[key] = Object.keys(variants[key] ?? {});
+  return map;
+}
 function compoundMatches(compound, variants) {
   for (const key in compound) {
     if (key === "css" || key === "className" || key === "classNames") continue;
@@ -126,10 +147,160 @@ function compoundMatches(compound, variants) {
   }
   return true;
 }
-function toVariantMap(variants) {
-  const map = {};
-  for (const key in variants) map[key] = Object.keys(variants[key] ?? {});
-  return map;
+function variantClass(variants, key, value) {
+  if (value == null) return void 0;
+  const cls = variants[key]?.[value];
+  return typeof cls === "string" && cls ? cls : void 0;
+}
+function memoProps(resolve) {
+  const cache = /* @__PURE__ */ new Map();
+  let lastKey = "";
+  let lastValue;
+  let hasLast = false;
+  return (props = {}) => {
+    let key = "";
+    for (const k in props) {
+      const value = props[k];
+      if (value !== void 0) key += `${k}:${String(value)}|`;
+    }
+    if (hasLast && key === lastKey) return lastValue;
+    const hit = cache.get(key);
+    if (hit !== void 0) {
+      lastKey = key;
+      lastValue = hit;
+      hasLast = true;
+      return hit;
+    }
+    const out = resolve(props);
+    cache.set(key, out);
+    if (cache.size > 500) cache.delete(cache.keys().next().value);
+    lastKey = key;
+    lastValue = out;
+    hasLast = true;
+    return out;
+  };
+}
+function joinClasses(parts) {
+  if (parts.length === 0) return "";
+  if (parts.length === 1) return parts[0];
+  return cx(...parts);
+}
+function isBooleanBranch(branch) {
+  if (!branch) return false;
+  const keys = Object.keys(branch);
+  return keys.length === 1 && keys[0] === "true" && typeof branch.true === "string";
+}
+function booleanKeys(variants, keys, defaults, hasCompounds) {
+  if (hasCompounds || keys.length === 0 || keys.length > 12) return void 0;
+  for (const key of keys) {
+    if (!isBooleanBranch(variants[key])) return void 0;
+  }
+  for (const key in defaults) {
+    if (!keys.includes(key)) return void 0;
+    const value = defaults[key];
+    if (value !== true && value !== false && value !== "true" && value !== "false") return void 0;
+  }
+  return keys;
+}
+function selectsTrue(value) {
+  return value === true || value === "true";
+}
+function booleanBitset(base, variants, keys, defaults, hasCompounds) {
+  const boolKeys = booleanKeys(variants, keys, defaults, hasCompounds);
+  if (!boolKeys) return void 0;
+  const n = boolKeys.length;
+  let defaultMask = 0;
+  for (let i = 0; i < n; i++) {
+    if (selectsTrue(defaults[boolKeys[i]])) defaultMask |= 1 << i;
+  }
+  const table = new Array(1 << n);
+  const build = (mask) => {
+    const parts = [];
+    if (base) parts.push(base);
+    for (let i = 0; i < n; i++) {
+      if (mask & 1 << i) parts.push(variants[boolKeys[i]].true);
+    }
+    return joinClasses(parts);
+  };
+  return (props = {}) => {
+    let mask = defaultMask;
+    for (let i = 0; i < n; i++) {
+      const value = props[boolKeys[i]];
+      if (value === void 0) continue;
+      if (selectsTrue(value)) mask |= 1 << i;
+      else mask &= ~(1 << i);
+    }
+    return table[mask] ??= build(mask);
+  };
+}
+var MAX_VARIANT_STATES = 4096;
+function optionIndex(options) {
+  const index = /* @__PURE__ */ new Map();
+  for (let i = 0; i < options.length; i++) {
+    const option = options[i];
+    const slot = i + 1;
+    index.set(option, slot);
+    if (option === "true") index.set(true, slot);
+    else if (option === "false") index.set(false, slot);
+    else {
+      const numeric = Number(option);
+      if (option !== "" && !Number.isNaN(numeric)) index.set(numeric, slot);
+    }
+  }
+  return index;
+}
+function variantTable(base, variants, keys, defaults, hasCompounds) {
+  if (hasCompounds || keys.length === 0) return void 0;
+  const slots = [];
+  let states = 1;
+  for (const key of keys) {
+    const options = Object.keys(variants[key] ?? {});
+    if (options.length === 0) return void 0;
+    slots.push({ key, options, index: optionIndex(options), radix: options.length + 1, stride: states });
+    states *= options.length + 1;
+    if (states > MAX_VARIANT_STATES) return void 0;
+  }
+  let defaultState = 0;
+  for (const key in defaults) {
+    const slot = slots.find((candidate) => candidate.key === key);
+    if (!slot) return void 0;
+    const chosen = slot.index.get(defaults[key]);
+    if (chosen === void 0) return void 0;
+    defaultState += chosen * slot.stride;
+  }
+  const table = new Array(states);
+  const build = (state) => {
+    const parts = [];
+    if (base) parts.push(base);
+    for (const slot of slots) {
+      const chosen = Math.floor(state / slot.stride) % slot.radix;
+      if (chosen === 0) continue;
+      const cls = variants[slot.key][slot.options[chosen - 1]];
+      if (cls) parts.push(cls);
+    }
+    return joinClasses(parts);
+  };
+  return (props = {}) => {
+    let state = defaultState;
+    for (let i = 0; i < slots.length; i++) {
+      const slot = slots[i];
+      const value = props[slot.key];
+      if (value === void 0) continue;
+      const chosen = slot.index.get(value) ?? 0;
+      const current = Math.floor(state / slot.stride) % slot.radix;
+      state += (chosen - current) * slot.stride;
+    }
+    return table[state] ??= build(state);
+  };
+}
+
+// src/runtime/internal/cva.ts
+function unionKeys(other, own) {
+  const keys = [...other];
+  for (const key of own) {
+    if (!keys.includes(key)) keys.push(key);
+  }
+  return keys;
 }
 function cva(config) {
   const base = config.base ?? "";
@@ -138,49 +309,63 @@ function cva(config) {
   const compoundVariants = config.compoundVariants ?? [];
   const variantKeys = Object.keys(variants);
   const variantKeySet = new Set(variantKeys);
+  const hasDefaults = Object.keys(defaultVariants).length > 0;
+  const hasCompounds = compoundVariants.length > 0;
   const resolve = (props = {}) => {
-    const computed = withDefaults(defaultVariants, props);
+    const computed = hasDefaults ? withDefaults(defaultVariants, props) : 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]);
+      const cls = variantClass(variants, key, computed[key]);
+      if (cls) parts.push(cls);
+    }
+    if (hasCompounds) {
+      for (const compound of compoundVariants) {
+        if (!compoundMatches(compound, computed)) continue;
+        const cls = compound.className ?? compound.css;
+        if (typeof cls === "string" && cls) parts.push(cls);
       }
     }
-    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 joinClasses(parts);
+  };
+  const cvaFn = booleanBitset(base, variants, variantKeys, defaultVariants, hasCompounds) ?? variantTable(base, variants, variantKeys, defaultVariants, hasCompounds) ?? memoProps(resolve);
+  const merge = (other) => {
+    const override = other.config;
+    const overrideVariants = override.variants ?? {};
+    const mergedVariants = {};
+    for (const key of unionKeys(other.variantKeys, variantKeys)) {
+      const group = { ...variants[key] };
+      const theirs = overrideVariants[key] ?? {};
+      for (const option in theirs) {
+        const mine = group[option];
+        group[option] = mine ? cx(mine, theirs[option]) : theirs[option];
+      }
+      mergedVariants[key] = group;
     }
-    return cx(...parts);
+    return cva({
+      base: cx(base, override.base),
+      variants: mergedVariants,
+      defaultVariants: { ...defaultVariants, ...override.defaultVariants },
+      compoundVariants: [...compoundVariants, ...override.compoundVariants ?? []]
+    });
   };
-  const cvaFn = (props = {}) => resolve(props);
   return Object.assign(cvaFn, {
     __cva__: true,
     variantKeys,
     variantMap: toVariantMap(variants),
     raw: resolve,
+    merge,
     config,
-    getVariantProps(props) {
-      return withDefaults(defaultVariants, props);
-    },
-    splitVariantProps(props) {
-      const rest = {};
-      const variantProps = {};
-      for (const key in props) {
-        if (variantKeySet.has(key)) variantProps[key] = props[key];
-        else rest[key] = props[key];
-      }
-      return [rest, variantProps];
-    }
+    getVariantProps: (props) => withDefaults(defaultVariants, props),
+    splitVariantProps: (props) => splitVariantProps(props, variantKeySet)
   });
 }
 
 // src/runtime/internal/sva.ts
-function slotCompoundVariants(compoundVariants, slot) {
-  if (!compoundVariants?.length) return void 0;
-  return compoundVariants.map((compound) => {
+function compoundsForSlot(compounds, slot) {
+  if (!compounds?.length) return void 0;
+  const out = [];
+  for (const compound of compounds) {
     const next = {};
     for (const key in compound) {
       if (key === "css" || key === "className" || key === "classNames") continue;
@@ -191,76 +376,52 @@ function slotCompoundVariants(compoundVariants, slot) {
     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])
-      };
-    }
+    if (next.css || next.className) out.push(next);
   }
-  return recipes;
+  return out.length ? out : void 0;
 }
 function sva(config) {
-  const slotRecipes = getSlotRecipes(config);
-  const slots = Object.entries(slotRecipes).map(([slot, recipe]) => [slot, cva(recipe)]);
+  const slots = config.slots ?? Object.keys(config.base ?? {});
   const defaultVariants = config.defaultVariants ?? {};
   const variantKeys = Object.keys(config.variants ?? {});
   const variantKeySet = new Set(variantKeys);
-  const svaFn = (props = {}) => {
+  const slotFns = slots.map((slot) => {
+    let base = config.base?.[slot];
+    if (config.className?.[slot]) base = cx(base, config.className[slot]);
+    return [
+      slot,
+      cva({
+        base,
+        variants: config.variants,
+        defaultVariants: config.defaultVariants,
+        compoundVariants: compoundsForSlot(config.compoundVariants, slot)
+      })
+    ];
+  });
+  const resolve = (props = {}) => {
     const result = {};
-    for (const [slot, slotFn] of slots) {
-      result[slot] = slotFn(props);
-    }
+    for (const [slot, fn] of slotFns) result[slot] = fn(props);
     return result;
   };
   const raw = (props = {}) => {
     const result = {};
-    for (const [slot, slotFn] of slots) {
-      result[slot] = slotFn.raw(props);
-    }
+    for (const [slot, fn] of slotFns) result[slot] = fn.raw(props);
     return result;
   };
-  return Object.assign(svaFn, {
+  return Object.assign(memoProps(resolve), {
     __cva__: false,
     raw,
     config,
     variantMap: Object.fromEntries(variantKeys.map((key) => [key, Object.keys(config.variants?.[key] ?? {})])),
     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 = {};
-      const variantProps = {};
-      for (const key in props) {
-        if (variantKeySet.has(key)) variantProps[key] = props[key];
-        else rest[key] = props[key];
-      }
-      return [rest, variantProps];
-    }
+    getVariantProps: (props) => withDefaults(defaultVariants, props),
+    splitVariantProps: (props) => splitVariantProps(props, variantKeySet)
   });
 }
 
 // src/runtime/internal/source.ts
-var internalCssSource = 'var k="__PANDA_CX_SEPARATOR__";function R(n,o){let t=n.length;if(t>0&&n.charCodeAt(t-1)===33&&(t-=1),t===0)return null;let s=0,a=-1;for(let r=0;r<t;r++){let e=n.charCodeAt(r);e===91?s++:e===93?s--:e===58&&s===0&&(a=r)}let f=a+1,i=n.indexOf(o,f);if(i<f+1||i>=t)return null;let g=n.slice(f,i);return a===-1?g:`${n.slice(0,a)}:${g}`}function _(n,o){for(let t of n)if(t){if(Array.isArray(t)){_(t,o);continue}t!==""&&o.push(t)}}function x(n,o){let t=new Map,s=[],a=0;for(let i of o){let g=0;for(let r=0;r<=i.length;r++){if(r!==i.length&&i.charCodeAt(r)!==32)continue;if(r===g){g=r+1;continue}let e=i.slice(g,r);g=r+1;let c=R(e,n);if(c!==null)t.has(c)||s.push(c),t.set(c,e);else{let u=`__${a++}`;s.push(u),t.set(u,e)}}}if(s.length===0)return"";if(s.length===1)return t.get(s[0]);let f=t.get(s[0]);for(let i=1;i<s.length;i++)f+=` ${t.get(s[i])}`;return f}function v(n={}){let o=n.separator??k;return function(...s){let a=[];return _(s,a),x(o,a)}}var d=v();function m(...n){return d(...n)}function y(n,o){let t={...n};for(let s in o)o[s]!==void 0&&(t[s]=o[s]);return t}function S(n,o){for(let t in n){if(t==="css"||t==="className"||t==="classNames")continue;let s=n[t],a=o[t];if(Array.isArray(s)){if(!s.includes(a))return!1}else if(a!==s)return!1}return!0}function V(n){let o={};for(let t in n)o[t]=Object.keys(n[t]??{});return o}function C(n){let o=n.base??"",t=n.variants??{},s=n.defaultVariants??{},a=n.compoundVariants??[],f=Object.keys(t),i=new Set(f),g=(e={})=>{let c=y(s,e),u=[];o&&u.push(o);for(let l of f){let p=c[l];typeof p=="string"&&t[l]?.[p]&&u.push(t[l][p])}for(let l of a){if(!S(l,c))continue;let p=l.className??l.css;typeof p=="string"&&p&&u.push(p)}return d(...u)};return Object.assign((e={})=>g(e),{__cva__:!0,variantKeys:f,variantMap:V(t),raw:g,config:n,getVariantProps(e){return y(s,e)},splitVariantProps(e){let c={},u={};for(let l in e)i.has(l)?u[l]=e[l]:c[l]=e[l];return[c,u]}})}function O(n,o){if(n?.length)return n.map(t=>{let s={};for(let i in t)i==="css"||i==="className"||i==="classNames"||(s[i]=t[i]);let a=t.css;typeof a=="string"?s.css=a:a&&typeof a=="object"&&o in a&&(s.css=a[o]);let f=t.classNames?.[o]??t.className;return f&&(s.className=f),s}).filter(t=>t.css||t.className)}function h(n){let o=n.slots??Object.keys(n.base??{}),t={};for(let s of o)t[s]={base:n.base?.[s],variants:n.variants,defaultVariants:n.defaultVariants,compoundVariants:O(n.compoundVariants,s)},n.className?.[s]&&(t[s]={...t[s],base:d(t[s]?.base,n.className[s])});return t}function A(n){let o=h(n),t=Object.entries(o).map(([r,e])=>[r,C(e)]),s=n.defaultVariants??{},a=Object.keys(n.variants??{}),f=new Set(a);return Object.assign((r={})=>{let e={};for(let[c,u]of t)e[c]=u(r);return e},{__cva__:!1,raw:(r={})=>{let e={};for(let[c,u]of t)e[c]=u.raw(r);return e},config:n,variantMap:Object.fromEntries(a.map(r=>[r,Object.keys(n.variants?.[r]??{})])),variantKeys:a,classNameMap:n.className??{},getVariantProps(r){let e={...s};for(let c in r)r[c]!==void 0&&(e[c]=r[c]);return e},splitVariantProps(r){let e={},c={};for(let u in r)f.has(u)?c[u]=r[u]:e[u]=r[u];return[e,c]}})}export{m as css,C as cva,d as cx,A as sva};\n';
+var internalCssSource = 'var D="__PANDA_CX_SEPARATOR__";function w(n,r){let t=n.length;if(t>0&&n.charCodeAt(t-1)===33&&(t-=1),t===0)return null;let e=0,s=-1;for(let i=0;i<t;i++){let d=n.charCodeAt(i);d===91?e++:d===93?e--:d===58&&e===0&&(s=i)}let o=s+1,a=n.indexOf(r,o);if(a<o+1||a>=t)return null;let l=n.slice(o,a);return s===-1?l:`${n.slice(0,s)}:${l}`}function S(n,r){for(let t of n)if(t){if(Array.isArray(t)){S(t,r);continue}t!==""&&r.push(t)}}function H(n,r){let t=new Map,e=[],s=0;for(let a of r){let l=0;for(let i=0;i<=a.length;i++){if(i!==a.length&&a.charCodeAt(i)!==32)continue;if(i===l){l=i+1;continue}let d=a.slice(l,i);l=i+1;let u=w(d,n);if(u!==null)t.has(u)||e.push(u),t.set(u,d);else{let c=`__${s++}`;e.push(c),t.set(c,d)}}}if(e.length===0)return"";if(e.length===1)return t.get(e[0]);let o=t.get(e[0]);for(let a=1;a<e.length;a++)o+=` ${t.get(e[a])}`;return o}function P(n={}){let r=n.separator??D;return function(...e){if(e.length===1){let o=e[0];if(typeof o=="string")return o;if(!o)return""}let s=[];return S(e,s),s.length===0?"":s.length===1?s[0]:H(r,s)}}var y=P();function O(...n){return y(...n)}function R(n,r){let t={...n};for(let e in r)r[e]!==void 0&&(t[e]=r[e]);return t}function k(n,r){let t={},e={};for(let s in n)r.has(s)?e[s]=n[s]:t[s]=n[s];return[t,e]}function N(n){let r={};for(let t in n)r[t]=Object.keys(n[t]??{});return r}function T(n,r){for(let t in n){if(t==="css"||t==="className"||t==="classNames")continue;let e=n[t],s=r[t];if(Array.isArray(e)){if(!e.includes(s))return!1}else if(s!==e)return!1}return!0}function K(n,r,t){if(t==null)return;let e=n[r]?.[t];return typeof e=="string"&&e?e:void 0}function x(n){let r=new Map,t="",e,s=!1;return(o={})=>{let a="";for(let d in o){let u=o[d];u!==void 0&&(a+=`${d}:${String(u)}|`)}if(s&&a===t)return e;let l=r.get(a);if(l!==void 0)return t=a,e=l,s=!0,l;let i=n(o);return r.set(a,i),r.size>500&&r.delete(r.keys().next().value),t=a,e=i,s=!0,i}}function _(n){return n.length===0?"":n.length===1?n[0]:y(...n)}function L(n){if(!n)return!1;let r=Object.keys(n);return r.length===1&&r[0]==="true"&&typeof n.true=="string"}function $(n,r,t,e){if(!(e||r.length===0||r.length>12)){for(let s of r)if(!L(n[s]))return;for(let s in t){if(!r.includes(s))return;let o=t[s];if(o!==!0&&o!==!1&&o!=="true"&&o!=="false")return}return r}}function M(n){return n===!0||n==="true"}function E(n,r,t,e,s){let o=$(r,t,e,s);if(!o)return;let a=o.length,l=0;for(let u=0;u<a;u++)M(e[o[u]])&&(l|=1<<u);let i=new Array(1<<a),d=u=>{let c=[];n&&c.push(n);for(let f=0;f<a;f++)u&1<<f&&c.push(r[o[f]].true);return _(c)};return(u={})=>{let c=l;for(let f=0;f<a;f++){let g=u[o[f]];g!==void 0&&(M(g)?c|=1<<f:c&=~(1<<f))}return i[c]??=d(c)}}var X=4096;function F(n){let r=new Map;for(let t=0;t<n.length;t++){let e=n[t],s=t+1;if(r.set(e,s),e==="true")r.set(!0,s);else if(e==="false")r.set(!1,s);else{let o=Number(e);e!==""&&!Number.isNaN(o)&&r.set(o,s)}}return r}function j(n,r,t,e,s){if(s||t.length===0)return;let o=[],a=1;for(let u of t){let c=Object.keys(r[u]??{});if(c.length===0||(o.push({key:u,options:c,index:F(c),radix:c.length+1,stride:a}),a*=c.length+1,a>X))return}let l=0;for(let u in e){let c=o.find(g=>g.key===u);if(!c)return;let f=c.index.get(e[u]);if(f===void 0)return;l+=f*c.stride}let i=new Array(a),d=u=>{let c=[];n&&c.push(n);for(let f of o){let g=Math.floor(u/f.stride)%f.radix;if(g===0)continue;let p=r[f.key][f.options[g-1]];p&&c.push(p)}return _(c)};return(u={})=>{let c=l;for(let f=0;f<o.length;f++){let g=o[f],p=u[g.key];if(p===void 0)continue;let C=g.index.get(p)??0,m=Math.floor(c/g.stride)%g.radix;c+=(C-m)*g.stride}return i[c]??=d(c)}}function I(n,r){let t=[...n];for(let e of r)t.includes(e)||t.push(e);return t}function h(n){let r=n.base??"",t=n.variants??{},e=n.defaultVariants??{},s=n.compoundVariants??[],o=Object.keys(t),a=new Set(o),l=Object.keys(e).length>0,i=s.length>0,d=(f={})=>{let g=l?R(e,f):f,p=[];r&&p.push(r);for(let C of o){let m=K(t,C,g[C]);m&&p.push(m)}if(i)for(let C of s){if(!T(C,g))continue;let m=C.className??C.css;typeof m=="string"&&m&&p.push(m)}return _(p)},u=E(r,t,o,e,i)??j(r,t,o,e,i)??x(d),c=f=>{let g=f.config,p=g.variants??{},C={};for(let m of I(f.variantKeys,o)){let v={...t[m]},b=p[m]??{};for(let V in b){let A=v[V];v[V]=A?y(A,b[V]):b[V]}C[m]=v}return h({base:y(r,g.base),variants:C,defaultVariants:{...e,...g.defaultVariants},compoundVariants:[...s,...g.compoundVariants??[]]})};return Object.assign(u,{__cva__:!0,variantKeys:o,variantMap:N(t),raw:d,merge:c,config:n,getVariantProps:f=>R(e,f),splitVariantProps:f=>k(f,a)})}function q(n,r){if(!n?.length)return;let t=[];for(let e of n){let s={};for(let l in e)l==="css"||l==="className"||l==="classNames"||(s[l]=e[l]);let o=e.css;typeof o=="string"?s.css=o:o&&typeof o=="object"&&r in o&&(s.css=o[r]);let a=e.classNames?.[r]??e.className;a&&(s.className=a),(s.css||s.className)&&t.push(s)}return t.length?t:void 0}function B(n){let r=n.slots??Object.keys(n.base??{}),t=n.defaultVariants??{},e=Object.keys(n.variants??{}),s=new Set(e),o=r.map(i=>{let d=n.base?.[i];return n.className?.[i]&&(d=y(d,n.className[i])),[i,h({base:d,variants:n.variants,defaultVariants:n.defaultVariants,compoundVariants:q(n.compoundVariants,i)})]}),a=(i={})=>{let d={};for(let[u,c]of o)d[u]=c(i);return d},l=(i={})=>{let d={};for(let[u,c]of o)d[u]=c.raw(i);return d};return Object.assign(x(a),{__cva__:!1,raw:l,config:n,variantMap:Object.fromEntries(e.map(i=>[i,Object.keys(n.variants?.[i]??{})])),variantKeys:e,classNameMap:n.className??{},getVariantProps:i=>R(t,i),splitVariantProps:i=>k(i,s)})}export{O as css,h as cva,y as cx,B as sva};\n';
 
 // src/runtime/internal/load.ts
 var CX_SEPARATOR_PLACEHOLDER = "__PANDA_CX_SEPARATOR__";

package/dist/runtime/cx.js

@@ -93,8 +93,15 @@ function mergeClassStrings(separator, classes) {
 function createCx(options = {}) {
   const separator = options.separator ?? bakedSeparator;
   return function cx2(...parts) {
+    if (parts.length === 1) {
+      const only = parts[0];
+      if (typeof only === "string") return only;
+      if (!only) return "";
+    }
     const flat = [];
     flattenParts(parts, flat);
+    if (flat.length === 0) return "";
+    if (flat.length === 1) return flat[0];
     return mergeClassStrings(separator, flat);
   };
 }

package/dist/runtime/internal.d.ts

@@ -4,37 +4,46 @@ export { CxOptions, CxSeparator, PandaClassPart, createCx, cx, getMergeKey, spli
 declare function css(...styles: string[]): string;
 
 type VariantMap = Record<string, Record<string, string>>;
+type VariantValue = string | number | boolean;
 type CompoundVariant = Record<string, unknown> & {
     css?: string;
     className?: string;
 };
+
 interface StringCvaConfig {
     base?: string;
     variants?: VariantMap;
-    defaultVariants?: Record<string, string>;
+    defaultVariants?: Record<string, VariantValue>;
     compoundVariants?: CompoundVariant[];
 }
+/** The shape `merge` needs from the other recipe — `cva()`'s own return satisfies it. */
+interface MergeableCva {
+    config: StringCvaConfig;
+    variantKeys: string[];
+}
 /** String-branch recipe factory for transformed source (TW-style cva). */
 declare function cva(config: StringCvaConfig): ((props?: Record<string, unknown>) => string) & {
     __cva__: true;
     variantKeys: string[];
     variantMap: Record<string, string[]>;
     raw: (props?: Record<string, unknown>) => string;
+    merge: (other: MergeableCva) => ((props?: Record<string, unknown>) => string) & /*elided*/ any;
     config: StringCvaConfig;
-    getVariantProps(props: Record<string, unknown>): Record<string, unknown>;
-    splitVariantProps(props: Record<string, unknown>): readonly [Record<string, unknown>, Record<string, unknown>];
+    getVariantProps: (props: Record<string, unknown>) => Record<string, unknown>;
+    splitVariantProps: (props: Record<string, unknown>) => [Record<string, unknown>, Record<string, unknown>];
 };
 
+type SvaCompound = Record<string, unknown> & {
+    css?: Record<string, string> | string;
+    className?: string;
+    classNames?: Record<string, string>;
+};
 type SvaConfig = {
     slots?: string[];
     base?: Record<string, string>;
     variants?: StringCvaConfig['variants'];
     defaultVariants?: StringCvaConfig['defaultVariants'];
-    compoundVariants?: Array<Record<string, unknown> & {
-        css?: Record<string, string> | string;
-        className?: string;
-        classNames?: Record<string, string>;
-    }>;
+    compoundVariants?: SvaCompound[];
     className?: Record<string, string>;
 };
 /** String-branch slot recipe factory for transformed source. */
@@ -47,8 +56,8 @@ declare function sva(config: SvaConfig): ((props?: Record<string, unknown>) => R
     };
     variantKeys: string[];
     classNameMap: Record<string, string>;
-    getVariantProps(props: Record<string, unknown>): Record<string, unknown>;
-    splitVariantProps(props: Record<string, unknown>): readonly [Record<string, unknown>, Record<string, unknown>];
+    getVariantProps: (props: Record<string, unknown>) => Record<string, unknown>;
+    splitVariantProps: (props: Record<string, unknown>) => [Record<string, unknown>, Record<string, unknown>];
 };
 
 export { type StringCvaConfig, css, cva, sva };

package/dist/runtime/internal.js

@@ -93,8 +93,15 @@ function mergeClassStrings(separator, classes) {
 function createCx(options = {}) {
   const separator = options.separator ?? bakedSeparator;
   return function cx2(...parts) {
+    if (parts.length === 1) {
+      const only = parts[0];
+      if (typeof only === "string") return only;
+      if (!only) return "";
+    }
     const flat = [];
     flattenParts(parts, flat);
+    if (flat.length === 0) return "";
+    if (flat.length === 1) return flat[0];
     return mergeClassStrings(separator, flat);
   };
 }
@@ -105,7 +112,7 @@ function css(...styles) {
   return cx(...styles);
 }
 
-// src/runtime/internal/cva.ts
+// src/runtime/internal/shared.ts
 function withDefaults(defaults, props) {
   const out = { ...defaults };
   for (const key in props) {
@@ -113,6 +120,20 @@ function withDefaults(defaults, props) {
   }
   return out;
 }
+function splitVariantProps(props, variantKeySet) {
+  const rest = {};
+  const variantProps = {};
+  for (const key in props) {
+    if (variantKeySet.has(key)) variantProps[key] = props[key];
+    else rest[key] = props[key];
+  }
+  return [rest, variantProps];
+}
+function toVariantMap(variants) {
+  const map = {};
+  for (const key in variants) map[key] = Object.keys(variants[key] ?? {});
+  return map;
+}
 function compoundMatches(compound, variants) {
   for (const key in compound) {
     if (key === "css" || key === "className" || key === "classNames") continue;
@@ -126,10 +147,160 @@ function compoundMatches(compound, variants) {
   }
   return true;
 }
-function toVariantMap(variants) {
-  const map = {};
-  for (const key in variants) map[key] = Object.keys(variants[key] ?? {});
-  return map;
+function variantClass(variants, key, value) {
+  if (value == null) return void 0;
+  const cls = variants[key]?.[value];
+  return typeof cls === "string" && cls ? cls : void 0;
+}
+function memoProps(resolve) {
+  const cache = /* @__PURE__ */ new Map();
+  let lastKey = "";
+  let lastValue;
+  let hasLast = false;
+  return (props = {}) => {
+    let key = "";
+    for (const k in props) {
+      const value = props[k];
+      if (value !== void 0) key += `${k}:${String(value)}|`;
+    }
+    if (hasLast && key === lastKey) return lastValue;
+    const hit = cache.get(key);
+    if (hit !== void 0) {
+      lastKey = key;
+      lastValue = hit;
+      hasLast = true;
+      return hit;
+    }
+    const out = resolve(props);
+    cache.set(key, out);
+    if (cache.size > 500) cache.delete(cache.keys().next().value);
+    lastKey = key;
+    lastValue = out;
+    hasLast = true;
+    return out;
+  };
+}
+function joinClasses(parts) {
+  if (parts.length === 0) return "";
+  if (parts.length === 1) return parts[0];
+  return cx(...parts);
+}
+function isBooleanBranch(branch) {
+  if (!branch) return false;
+  const keys = Object.keys(branch);
+  return keys.length === 1 && keys[0] === "true" && typeof branch.true === "string";
+}
+function booleanKeys(variants, keys, defaults, hasCompounds) {
+  if (hasCompounds || keys.length === 0 || keys.length > 12) return void 0;
+  for (const key of keys) {
+    if (!isBooleanBranch(variants[key])) return void 0;
+  }
+  for (const key in defaults) {
+    if (!keys.includes(key)) return void 0;
+    const value = defaults[key];
+    if (value !== true && value !== false && value !== "true" && value !== "false") return void 0;
+  }
+  return keys;
+}
+function selectsTrue(value) {
+  return value === true || value === "true";
+}
+function booleanBitset(base, variants, keys, defaults, hasCompounds) {
+  const boolKeys = booleanKeys(variants, keys, defaults, hasCompounds);
+  if (!boolKeys) return void 0;
+  const n = boolKeys.length;
+  let defaultMask = 0;
+  for (let i = 0; i < n; i++) {
+    if (selectsTrue(defaults[boolKeys[i]])) defaultMask |= 1 << i;
+  }
+  const table = new Array(1 << n);
+  const build = (mask) => {
+    const parts = [];
+    if (base) parts.push(base);
+    for (let i = 0; i < n; i++) {
+      if (mask & 1 << i) parts.push(variants[boolKeys[i]].true);
+    }
+    return joinClasses(parts);
+  };
+  return (props = {}) => {
+    let mask = defaultMask;
+    for (let i = 0; i < n; i++) {
+      const value = props[boolKeys[i]];
+      if (value === void 0) continue;
+      if (selectsTrue(value)) mask |= 1 << i;
+      else mask &= ~(1 << i);
+    }
+    return table[mask] ??= build(mask);
+  };
+}
+var MAX_VARIANT_STATES = 4096;
+function optionIndex(options) {
+  const index = /* @__PURE__ */ new Map();
+  for (let i = 0; i < options.length; i++) {
+    const option = options[i];
+    const slot = i + 1;
+    index.set(option, slot);
+    if (option === "true") index.set(true, slot);
+    else if (option === "false") index.set(false, slot);
+    else {
+      const numeric = Number(option);
+      if (option !== "" && !Number.isNaN(numeric)) index.set(numeric, slot);
+    }
+  }
+  return index;
+}
+function variantTable(base, variants, keys, defaults, hasCompounds) {
+  if (hasCompounds || keys.length === 0) return void 0;
+  const slots = [];
+  let states = 1;
+  for (const key of keys) {
+    const options = Object.keys(variants[key] ?? {});
+    if (options.length === 0) return void 0;
+    slots.push({ key, options, index: optionIndex(options), radix: options.length + 1, stride: states });
+    states *= options.length + 1;
+    if (states > MAX_VARIANT_STATES) return void 0;
+  }
+  let defaultState = 0;
+  for (const key in defaults) {
+    const slot = slots.find((candidate) => candidate.key === key);
+    if (!slot) return void 0;
+    const chosen = slot.index.get(defaults[key]);
+    if (chosen === void 0) return void 0;
+    defaultState += chosen * slot.stride;
+  }
+  const table = new Array(states);
+  const build = (state) => {
+    const parts = [];
+    if (base) parts.push(base);
+    for (const slot of slots) {
+      const chosen = Math.floor(state / slot.stride) % slot.radix;
+      if (chosen === 0) continue;
+      const cls = variants[slot.key][slot.options[chosen - 1]];
+      if (cls) parts.push(cls);
+    }
+    return joinClasses(parts);
+  };
+  return (props = {}) => {
+    let state = defaultState;
+    for (let i = 0; i < slots.length; i++) {
+      const slot = slots[i];
+      const value = props[slot.key];
+      if (value === void 0) continue;
+      const chosen = slot.index.get(value) ?? 0;
+      const current = Math.floor(state / slot.stride) % slot.radix;
+      state += (chosen - current) * slot.stride;
+    }
+    return table[state] ??= build(state);
+  };
+}
+
+// src/runtime/internal/cva.ts
+function unionKeys(other, own) {
+  const keys = [...other];
+  for (const key of own) {
+    if (!keys.includes(key)) keys.push(key);
+  }
+  return keys;
 }
 function cva(config) {
   const base = config.base ?? "";
@@ -138,49 +309,63 @@ function cva(config) {
   const compoundVariants = config.compoundVariants ?? [];
   const variantKeys = Object.keys(variants);
   const variantKeySet = new Set(variantKeys);
+  const hasDefaults = Object.keys(defaultVariants).length > 0;
+  const hasCompounds = compoundVariants.length > 0;
   const resolve = (props = {}) => {
-    const computed = withDefaults(defaultVariants, props);
+    const computed = hasDefaults ? withDefaults(defaultVariants, props) : 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]);
+      const cls = variantClass(variants, key, computed[key]);
+      if (cls) parts.push(cls);
+    }
+    if (hasCompounds) {
+      for (const compound of compoundVariants) {
+        if (!compoundMatches(compound, computed)) continue;
+        const cls = compound.className ?? compound.css;
+        if (typeof cls === "string" && cls) parts.push(cls);
       }
     }
-    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 joinClasses(parts);
+  };
+  const cvaFn = booleanBitset(base, variants, variantKeys, defaultVariants, hasCompounds) ?? variantTable(base, variants, variantKeys, defaultVariants, hasCompounds) ?? memoProps(resolve);
+  const merge = (other) => {
+    const override = other.config;
+    const overrideVariants = override.variants ?? {};
+    const mergedVariants = {};
+    for (const key of unionKeys(other.variantKeys, variantKeys)) {
+      const group = { ...variants[key] };
+      const theirs = overrideVariants[key] ?? {};
+      for (const option in theirs) {
+        const mine = group[option];
+        group[option] = mine ? cx(mine, theirs[option]) : theirs[option];
+      }
+      mergedVariants[key] = group;
     }
-    return cx(...parts);
+    return cva({
+      base: cx(base, override.base),
+      variants: mergedVariants,
+      defaultVariants: { ...defaultVariants, ...override.defaultVariants },
+      compoundVariants: [...compoundVariants, ...override.compoundVariants ?? []]
+    });
   };
-  const cvaFn = (props = {}) => resolve(props);
   return Object.assign(cvaFn, {
     __cva__: true,
     variantKeys,
     variantMap: toVariantMap(variants),
     raw: resolve,
+    merge,
     config,
-    getVariantProps(props) {
-      return withDefaults(defaultVariants, props);
-    },
-    splitVariantProps(props) {
-      const rest = {};
-      const variantProps = {};
-      for (const key in props) {
-        if (variantKeySet.has(key)) variantProps[key] = props[key];
-        else rest[key] = props[key];
-      }
-      return [rest, variantProps];
-    }
+    getVariantProps: (props) => withDefaults(defaultVariants, props),
+    splitVariantProps: (props) => splitVariantProps(props, variantKeySet)
   });
 }
 
 // src/runtime/internal/sva.ts
-function slotCompoundVariants(compoundVariants, slot) {
-  if (!compoundVariants?.length) return void 0;
-  return compoundVariants.map((compound) => {
+function compoundsForSlot(compounds, slot) {
+  if (!compounds?.length) return void 0;
+  const out = [];
+  for (const compound of compounds) {
     const next = {};
     for (const key in compound) {
       if (key === "css" || key === "className" || key === "classNames") continue;
@@ -191,71 +376,47 @@ function slotCompoundVariants(compoundVariants, slot) {
     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])
-      };
-    }
+    if (next.css || next.className) out.push(next);
   }
-  return recipes;
+  return out.length ? out : void 0;
 }
 function sva(config) {
-  const slotRecipes = getSlotRecipes(config);
-  const slots = Object.entries(slotRecipes).map(([slot, recipe]) => [slot, cva(recipe)]);
+  const slots = config.slots ?? Object.keys(config.base ?? {});
   const defaultVariants = config.defaultVariants ?? {};
   const variantKeys = Object.keys(config.variants ?? {});
   const variantKeySet = new Set(variantKeys);
-  const svaFn = (props = {}) => {
+  const slotFns = slots.map((slot) => {
+    let base = config.base?.[slot];
+    if (config.className?.[slot]) base = cx(base, config.className[slot]);
+    return [
+      slot,
+      cva({
+        base,
+        variants: config.variants,
+        defaultVariants: config.defaultVariants,
+        compoundVariants: compoundsForSlot(config.compoundVariants, slot)
+      })
+    ];
+  });
+  const resolve = (props = {}) => {
     const result = {};
-    for (const [slot, slotFn] of slots) {
-      result[slot] = slotFn(props);
-    }
+    for (const [slot, fn] of slotFns) result[slot] = fn(props);
     return result;
   };
   const raw = (props = {}) => {
     const result = {};
-    for (const [slot, slotFn] of slots) {
-      result[slot] = slotFn.raw(props);
-    }
+    for (const [slot, fn] of slotFns) result[slot] = fn.raw(props);
     return result;
   };
-  return Object.assign(svaFn, {
+  return Object.assign(memoProps(resolve), {
     __cva__: false,
     raw,
     config,
     variantMap: Object.fromEntries(variantKeys.map((key) => [key, Object.keys(config.variants?.[key] ?? {})])),
     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 = {};
-      const variantProps = {};
-      for (const key in props) {
-        if (variantKeySet.has(key)) variantProps[key] = props[key];
-        else rest[key] = props[key];
-      }
-      return [rest, variantProps];
-    }
+    getVariantProps: (props) => withDefaults(defaultVariants, props),
+    splitVariantProps: (props) => splitVariantProps(props, variantKeySet)
   });
 }
 export {

package/dist/runtime/internal.runtime.mjs

@@ -1 +1 @@
-var k="__PANDA_CX_SEPARATOR__";function R(n,o){let t=n.length;if(t>0&&n.charCodeAt(t-1)===33&&(t-=1),t===0)return null;let s=0,a=-1;for(let r=0;r<t;r++){let e=n.charCodeAt(r);e===91?s++:e===93?s--:e===58&&s===0&&(a=r)}let f=a+1,i=n.indexOf(o,f);if(i<f+1||i>=t)return null;let g=n.slice(f,i);return a===-1?g:`${n.slice(0,a)}:${g}`}function _(n,o){for(let t of n)if(t){if(Array.isArray(t)){_(t,o);continue}t!==""&&o.push(t)}}function x(n,o){let t=new Map,s=[],a=0;for(let i of o){let g=0;for(let r=0;r<=i.length;r++){if(r!==i.length&&i.charCodeAt(r)!==32)continue;if(r===g){g=r+1;continue}let e=i.slice(g,r);g=r+1;let c=R(e,n);if(c!==null)t.has(c)||s.push(c),t.set(c,e);else{let u=`__${a++}`;s.push(u),t.set(u,e)}}}if(s.length===0)return"";if(s.length===1)return t.get(s[0]);let f=t.get(s[0]);for(let i=1;i<s.length;i++)f+=` ${t.get(s[i])}`;return f}function v(n={}){let o=n.separator??k;return function(...s){let a=[];return _(s,a),x(o,a)}}var d=v();function m(...n){return d(...n)}function y(n,o){let t={...n};for(let s in o)o[s]!==void 0&&(t[s]=o[s]);return t}function S(n,o){for(let t in n){if(t==="css"||t==="className"||t==="classNames")continue;let s=n[t],a=o[t];if(Array.isArray(s)){if(!s.includes(a))return!1}else if(a!==s)return!1}return!0}function V(n){let o={};for(let t in n)o[t]=Object.keys(n[t]??{});return o}function C(n){let o=n.base??"",t=n.variants??{},s=n.defaultVariants??{},a=n.compoundVariants??[],f=Object.keys(t),i=new Set(f),g=(e={})=>{let c=y(s,e),u=[];o&&u.push(o);for(let l of f){let p=c[l];typeof p=="string"&&t[l]?.[p]&&u.push(t[l][p])}for(let l of a){if(!S(l,c))continue;let p=l.className??l.css;typeof p=="string"&&p&&u.push(p)}return d(...u)};return Object.assign((e={})=>g(e),{__cva__:!0,variantKeys:f,variantMap:V(t),raw:g,config:n,getVariantProps(e){return y(s,e)},splitVariantProps(e){let c={},u={};for(let l in e)i.has(l)?u[l]=e[l]:c[l]=e[l];return[c,u]}})}function O(n,o){if(n?.length)return n.map(t=>{let s={};for(let i in t)i==="css"||i==="className"||i==="classNames"||(s[i]=t[i]);let a=t.css;typeof a=="string"?s.css=a:a&&typeof a=="object"&&o in a&&(s.css=a[o]);let f=t.classNames?.[o]??t.className;return f&&(s.className=f),s}).filter(t=>t.css||t.className)}function h(n){let o=n.slots??Object.keys(n.base??{}),t={};for(let s of o)t[s]={base:n.base?.[s],variants:n.variants,defaultVariants:n.defaultVariants,compoundVariants:O(n.compoundVariants,s)},n.className?.[s]&&(t[s]={...t[s],base:d(t[s]?.base,n.className[s])});return t}function A(n){let o=h(n),t=Object.entries(o).map(([r,e])=>[r,C(e)]),s=n.defaultVariants??{},a=Object.keys(n.variants??{}),f=new Set(a);return Object.assign((r={})=>{let e={};for(let[c,u]of t)e[c]=u(r);return e},{__cva__:!1,raw:(r={})=>{let e={};for(let[c,u]of t)e[c]=u.raw(r);return e},config:n,variantMap:Object.fromEntries(a.map(r=>[r,Object.keys(n.variants?.[r]??{})])),variantKeys:a,classNameMap:n.className??{},getVariantProps(r){let e={...s};for(let c in r)r[c]!==void 0&&(e[c]=r[c]);return e},splitVariantProps(r){let e={},c={};for(let u in r)f.has(u)?c[u]=r[u]:e[u]=r[u];return[e,c]}})}export{m as css,C as cva,d as cx,A as sva};
+var D="__PANDA_CX_SEPARATOR__";function w(n,r){let t=n.length;if(t>0&&n.charCodeAt(t-1)===33&&(t-=1),t===0)return null;let e=0,s=-1;for(let i=0;i<t;i++){let d=n.charCodeAt(i);d===91?e++:d===93?e--:d===58&&e===0&&(s=i)}let o=s+1,a=n.indexOf(r,o);if(a<o+1||a>=t)return null;let l=n.slice(o,a);return s===-1?l:`${n.slice(0,s)}:${l}`}function S(n,r){for(let t of n)if(t){if(Array.isArray(t)){S(t,r);continue}t!==""&&r.push(t)}}function H(n,r){let t=new Map,e=[],s=0;for(let a of r){let l=0;for(let i=0;i<=a.length;i++){if(i!==a.length&&a.charCodeAt(i)!==32)continue;if(i===l){l=i+1;continue}let d=a.slice(l,i);l=i+1;let u=w(d,n);if(u!==null)t.has(u)||e.push(u),t.set(u,d);else{let c=`__${s++}`;e.push(c),t.set(c,d)}}}if(e.length===0)return"";if(e.length===1)return t.get(e[0]);let o=t.get(e[0]);for(let a=1;a<e.length;a++)o+=` ${t.get(e[a])}`;return o}function P(n={}){let r=n.separator??D;return function(...e){if(e.length===1){let o=e[0];if(typeof o=="string")return o;if(!o)return""}let s=[];return S(e,s),s.length===0?"":s.length===1?s[0]:H(r,s)}}var y=P();function O(...n){return y(...n)}function R(n,r){let t={...n};for(let e in r)r[e]!==void 0&&(t[e]=r[e]);return t}function k(n,r){let t={},e={};for(let s in n)r.has(s)?e[s]=n[s]:t[s]=n[s];return[t,e]}function N(n){let r={};for(let t in n)r[t]=Object.keys(n[t]??{});return r}function T(n,r){for(let t in n){if(t==="css"||t==="className"||t==="classNames")continue;let e=n[t],s=r[t];if(Array.isArray(e)){if(!e.includes(s))return!1}else if(s!==e)return!1}return!0}function K(n,r,t){if(t==null)return;let e=n[r]?.[t];return typeof e=="string"&&e?e:void 0}function x(n){let r=new Map,t="",e,s=!1;return(o={})=>{let a="";for(let d in o){let u=o[d];u!==void 0&&(a+=`${d}:${String(u)}|`)}if(s&&a===t)return e;let l=r.get(a);if(l!==void 0)return t=a,e=l,s=!0,l;let i=n(o);return r.set(a,i),r.size>500&&r.delete(r.keys().next().value),t=a,e=i,s=!0,i}}function _(n){return n.length===0?"":n.length===1?n[0]:y(...n)}function L(n){if(!n)return!1;let r=Object.keys(n);return r.length===1&&r[0]==="true"&&typeof n.true=="string"}function $(n,r,t,e){if(!(e||r.length===0||r.length>12)){for(let s of r)if(!L(n[s]))return;for(let s in t){if(!r.includes(s))return;let o=t[s];if(o!==!0&&o!==!1&&o!=="true"&&o!=="false")return}return r}}function M(n){return n===!0||n==="true"}function E(n,r,t,e,s){let o=$(r,t,e,s);if(!o)return;let a=o.length,l=0;for(let u=0;u<a;u++)M(e[o[u]])&&(l|=1<<u);let i=new Array(1<<a),d=u=>{let c=[];n&&c.push(n);for(let f=0;f<a;f++)u&1<<f&&c.push(r[o[f]].true);return _(c)};return(u={})=>{let c=l;for(let f=0;f<a;f++){let g=u[o[f]];g!==void 0&&(M(g)?c|=1<<f:c&=~(1<<f))}return i[c]??=d(c)}}var X=4096;function F(n){let r=new Map;for(let t=0;t<n.length;t++){let e=n[t],s=t+1;if(r.set(e,s),e==="true")r.set(!0,s);else if(e==="false")r.set(!1,s);else{let o=Number(e);e!==""&&!Number.isNaN(o)&&r.set(o,s)}}return r}function j(n,r,t,e,s){if(s||t.length===0)return;let o=[],a=1;for(let u of t){let c=Object.keys(r[u]??{});if(c.length===0||(o.push({key:u,options:c,index:F(c),radix:c.length+1,stride:a}),a*=c.length+1,a>X))return}let l=0;for(let u in e){let c=o.find(g=>g.key===u);if(!c)return;let f=c.index.get(e[u]);if(f===void 0)return;l+=f*c.stride}let i=new Array(a),d=u=>{let c=[];n&&c.push(n);for(let f of o){let g=Math.floor(u/f.stride)%f.radix;if(g===0)continue;let p=r[f.key][f.options[g-1]];p&&c.push(p)}return _(c)};return(u={})=>{let c=l;for(let f=0;f<o.length;f++){let g=o[f],p=u[g.key];if(p===void 0)continue;let C=g.index.get(p)??0,m=Math.floor(c/g.stride)%g.radix;c+=(C-m)*g.stride}return i[c]??=d(c)}}function I(n,r){let t=[...n];for(let e of r)t.includes(e)||t.push(e);return t}function h(n){let r=n.base??"",t=n.variants??{},e=n.defaultVariants??{},s=n.compoundVariants??[],o=Object.keys(t),a=new Set(o),l=Object.keys(e).length>0,i=s.length>0,d=(f={})=>{let g=l?R(e,f):f,p=[];r&&p.push(r);for(let C of o){let m=K(t,C,g[C]);m&&p.push(m)}if(i)for(let C of s){if(!T(C,g))continue;let m=C.className??C.css;typeof m=="string"&&m&&p.push(m)}return _(p)},u=E(r,t,o,e,i)??j(r,t,o,e,i)??x(d),c=f=>{let g=f.config,p=g.variants??{},C={};for(let m of I(f.variantKeys,o)){let v={...t[m]},b=p[m]??{};for(let V in b){let A=v[V];v[V]=A?y(A,b[V]):b[V]}C[m]=v}return h({base:y(r,g.base),variants:C,defaultVariants:{...e,...g.defaultVariants},compoundVariants:[...s,...g.compoundVariants??[]]})};return Object.assign(u,{__cva__:!0,variantKeys:o,variantMap:N(t),raw:d,merge:c,config:n,getVariantProps:f=>R(e,f),splitVariantProps:f=>k(f,a)})}function q(n,r){if(!n?.length)return;let t=[];for(let e of n){let s={};for(let l in e)l==="css"||l==="className"||l==="classNames"||(s[l]=e[l]);let o=e.css;typeof o=="string"?s.css=o:o&&typeof o=="object"&&r in o&&(s.css=o[r]);let a=e.classNames?.[r]??e.className;a&&(s.className=a),(s.css||s.className)&&t.push(s)}return t.length?t:void 0}function B(n){let r=n.slots??Object.keys(n.base??{}),t=n.defaultVariants??{},e=Object.keys(n.variants??{}),s=new Set(e),o=r.map(i=>{let d=n.base?.[i];return n.className?.[i]&&(d=y(d,n.className[i])),[i,h({base:d,variants:n.variants,defaultVariants:n.defaultVariants,compoundVariants:q(n.compoundVariants,i)})]}),a=(i={})=>{let d={};for(let[u,c]of o)d[u]=c(i);return d},l=(i={})=>{let d={};for(let[u,c]of o)d[u]=c.raw(i);return d};return Object.assign(x(a),{__cva__:!1,raw:l,config:n,variantMap:Object.fromEntries(e.map(i=>[i,Object.keys(n.variants?.[i]??{})])),variantKeys:e,classNameMap:n.className??{},getVariantProps:i=>R(t,i),splitVariantProps:i=>k(i,s)})}export{O as css,h as cva,y as cx,B as sva};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/transformer",
-  "version": "2.0.0-beta.11",
+  "version": "2.0.0-beta.13",
   "description": "Source transformer facade for Panda CSS",
   "type": "module",
   "main": "./dist/index.js",
@@ -35,8 +35,8 @@
   ],
   "dependencies": {
     "unplugin": "^2.3.10",
-    "@pandacss/compiler": "2.0.0-beta.11",
-    "@pandacss/compiler-shared": "2.0.0-beta.11"
+    "@pandacss/compiler": "2.0.0-beta.13",
+    "@pandacss/compiler-shared": "2.0.0-beta.13"
   },
   "peerDependencies": {
     "vite": ">=6.0.0",